From 8df888b693c58f44fd6e83e02472693e4f95997c Mon Sep 17 00:00:00 2001
From: Roman Reshetnikov <roman.reshetnikov@devexpress.com>
Date: Thu, 1 Jun 2017 08:58:54 +0300
Subject: [PATCH 001/274] update to 16.1.12 (24-MAY-2017), 16.2.7
 (24-MAY-2017), 17.1.3 (17-MAY-2017).

---
 types/devexpress-web/README.md                |     3 +-
 types/devexpress-web/devexpress-web-tests.ts  |    21 +-
 types/devexpress-web/index.d.ts               |  7596 +++-
 .../v161/devexpress-web-tests.ts              |   418 +
 types/devexpress-web/v161/index.d.ts          | 27630 +++++++++++++++
 types/devexpress-web/v161/tsconfig.json       |    27 +
 .../v162/devexpress-web-tests.ts              |   418 +
 types/devexpress-web/v162/index.d.ts          | 28635 ++++++++++++++++
 types/devexpress-web/v162/tsconfig.json       |    27 +
 9 files changed, 63979 insertions(+), 796 deletions(-)
 create mode 100644 types/devexpress-web/v161/devexpress-web-tests.ts
 create mode 100644 types/devexpress-web/v161/index.d.ts
 create mode 100644 types/devexpress-web/v161/tsconfig.json
 create mode 100644 types/devexpress-web/v162/devexpress-web-tests.ts
 create mode 100644 types/devexpress-web/v162/index.d.ts
 create mode 100644 types/devexpress-web/v162/tsconfig.json

diff --git a/types/devexpress-web/README.md b/types/devexpress-web/README.md
index 341304e192..897ec236e1 100644
--- a/types/devexpress-web/README.md
+++ b/types/devexpress-web/README.md
@@ -2,8 +2,7 @@ DevExpress ASP.NET/MVC TypeScript definitions
 =============================================
 
 You can use these TypeScript definitions for your web projects, which contain
-DevExpress ASP.NET or MVC controls. For this, simply add  at the top of your
-code `<reference path="TypeScript/devexpress-web.d.ts" />`.
+DevExpress ASP.NET or MVC controls.
 
 The API enclosed into the DevExpress ASP.NET/MVC TypeScript definition file
 fully corresponds to the API described in the DevExpress ASP.NET/MVC
diff --git a/types/devexpress-web/devexpress-web-tests.ts b/types/devexpress-web/devexpress-web-tests.ts
index 8a76a68f26..ef7eb8de37 100644
--- a/types/devexpress-web/devexpress-web-tests.ts
+++ b/types/devexpress-web/devexpress-web-tests.ts
@@ -1,5 +1,3 @@
-/// <reference types="jquery" />
-
 declare var hiddenField: ASPxClientHiddenField;
 declare var mainCallbackPanel: ASPxClientCallbackPanel;
 declare var loginPopup: ASPxClientPopupControl;
@@ -82,7 +80,6 @@ module DXDemo {
 
     export function onSearchComboBoxIndexChanged(s: ASPxClientComboBox, e: ASPxClientProcessingModeEventArgs): void {
         hideMenu();
-        $("#IndexContent").addClass("search-extend");
         searchButton.AdjustControl();
     };
 
@@ -303,19 +300,14 @@ module DXDemo {
         } catch (e) { }
         ASPxClientUtils.AttachEventToElement(window, "resize", onWindowResize);
         if (ASPxClientUtils.iOSPlatform) {
-            $("form :input").blur(function () {
-                $('html, body').animate({ scrollTop: 0 }, 0);
-            });
+            // animate
         }
     };
 
     export function updateRatingLabels(ratingControl: ASPxClientTrackBar) {
-		$("#cpLeftLabelID").html(ratingControl.GetPositionStart().toString());
-		$("#cpRightLabelID").html(ratingControl.GetPositionEnd().toString());
-    };
-
-    export function onAboutWindowCloseUp(): void {
-        $(mainCallbackPanel.GetMainElement()).removeClass("show-about");
+        var start = ratingControl.GetPositionStart().toString();
+        var end = ratingControl.GetPositionEnd().toString();
+        document.getElementById("cpLeftLabelID").innerHTML = start + " " + end;
     };
 
     export function onRatingControlItemClick(s: ASPxClientRatingControl, e: ASPxClientRatingControlItemClickEventArgs): void {
@@ -324,10 +316,8 @@ module DXDemo {
 
     export function onInputKeyDown(s: ASPxClientTextBox, e: ASPxClientEditKeyEventArgs): void {
         var keyCode = ASPxClientUtils.GetKeyCode(e.htmlEvent);
-        if (keyCode == 13) {
-            (<any>jQuery).event.fix(e.htmlEvent).preventDefault();
+        if (keyCode == 13)
             (<HTMLElement>s.GetInputElement()).blur();
-        }
     };
 
     function getCurrentPage(): string {
@@ -339,7 +329,6 @@ module DXDemo {
     };
 
     function showAboutWindow(): void {
-        $(mainCallbackPanel.GetMainElement()).addClass("show-about");
         aboutWindow.ShowAtElementByID("MainCallbackPanel_ContentPane");
     };
 
diff --git a/types/devexpress-web/index.d.ts b/types/devexpress-web/index.d.ts
index 0da78411ac..466f002f36 100644
--- a/types/devexpress-web/index.d.ts
+++ b/types/devexpress-web/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for DevExpress ASP.NET 16.1
+// Type definitions for DevExpress ASP.NET v171.3
 // Project: http://devexpress.com/
 // Definitions by: DevExpress Inc. <http://devexpress.com/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -41,7 +41,7 @@ interface ASPxClientDashboardItemUnderlyingData {
 interface ASPxClientDashboardItemRequestUnderlyingDataParameters {
     /**
      * Gets or sets an array of data member identifiers used to obtain underlying data.
-     * Value: An array of String objects that specify data member identifiers.
+     * Value: An array of string values that specify data member identifiers.
      */
     DataMembers: string[];
     /**
@@ -71,23 +71,23 @@ interface ASPxClientDashboardItemRequestUnderlyingDataCompleted {
     (data: ASPxClientDashboardItemUnderlyingData): void;
 }
 /**
- * References a method that will handle the ItemClick event.
+ * References a method that will handle the ItemClick events.
  */
 interface ASPxClientDashboardItemClickEventHandler<S> {
     /**
-     * References a method that will handle the ItemClick event.
+     * References a method that will handle the ItemClick events.
      * @param source The event source.
      * @param e A ASPxClientDashboardItemClickEventArgs object that contains event data.
      */
     (source: S, e: ASPxClientDashboardItemClickEventArgs): void;
 }
 /**
- * Provides data for the ItemClick event.
+ * Provides data for the ItemClick events.
  */
 interface ASPxClientDashboardItemClickEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the name of the dashboard item for which the event has been raised.
-     * Value: A String that is the dashboard item name.
+     * Value: A string value that is the dashboard item name.
      */
     ItemName: string;
     /**
@@ -115,28 +115,28 @@ interface ASPxClientDashboardItemClickEventArgs extends ASPxClientEventArgs {
     /**
      * Requests underlying data corresponding to the clicked visual element.
      * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
-     * @param dataMembers An array of String values that specify data members used to obtain underlying data.
+     * @param dataMembers An array of string values that specify data members used to obtain underlying data.
      */
     RequestUnderlyingData(onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted, dataMembers: string[]): void;
 }
 /**
- * References a method that will handle the ItemVisualInteractivity event.
+ * References a method that will handle the ItemVisualInteractivity events.
  */
 interface ASPxClientDashboardItemVisualInteractivityEventHandler<S> {
     /**
-     * References a method that will handle the ItemVisualInteractivity event.
+     * References a method that will handle the ItemVisualInteractivity events.
      * @param source The event source.
      * @param e A ASPxClientDashboardItemVisualInteractivityEventArgs object containing event data.
      */
     (source: S, e: ASPxClientDashboardItemVisualInteractivityEventArgs): void;
 }
 /**
- * Provides data for the ItemVisualInteractivity event.
+ * Provides data for the ItemVisualInteractivity events.
  */
 interface ASPxClientDashboardItemVisualInteractivityEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the component name of the dashboard item for which the event was raised.
-     * Value: A String that is the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
      */
     ItemName: string;
     /**
@@ -177,23 +177,23 @@ interface ASPxClientDashboardItemVisualInteractivityEventArgs extends ASPxClient
     SetDefaultSelection(values: ASPxClientDashboardItemDataAxisPointTuple[]): void;
 }
 /**
- * References a method that will handle the ItemSelectionChanged event.
+ * References a method that will handle the ItemSelectionChanged events.
  */
 interface ASPxClientDashboardItemSelectionChangedEventHandler<S> {
     /**
-     * References a method that will handle the ItemSelectionChanged event.
+     * References a method that will handle the ItemSelectionChanged events.
      * @param source The event source.
      * @param e A ASPxClientDashboardItemSelectionChangedEventArgs object containing event data.
      */
     (source: S, e: ASPxClientDashboardItemSelectionChangedEventArgs): void;
 }
 /**
- * Provides data for the ItemSelectionChanged event.
+ * Provides data for the ItemSelectionChanged events.
  */
 interface ASPxClientDashboardItemSelectionChangedEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the component name of the dashboard item for which the event was raised.
-     * Value: A String that is the component name of the dashboard item.
+     * Value: A string that is the component name of the dashboard item.
      */
     ItemName: string;
     /**
@@ -206,19 +206,19 @@ interface ASPxClientDashboardItemSelectionChangedEventArgs extends ASPxClientEve
  */
 interface ASPxClientDashboardItemElementCustomColorEventHandler<S> {
     /**
-     * References a method that will handle the ItemElementCustomColor event.
+     * References a method that will handle the ItemElementCustomColor events.
      * @param source The event source.
      * @param e An ASPxClientDashboardItemElementCustomColorEventArgs object that contains event data.
      */
     (source: S, e: ASPxClientDashboardItemElementCustomColorEventArgs): void;
 }
 /**
- * Provides data for the ItemElementCustomColor event.
+ * Provides data for the ItemElementCustomColor events.
  */
 interface ASPxClientDashboardItemElementCustomColorEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the component name of the dashboard item for which the event was raised.
-     * Value: A String that is the component name of the dashboard item for which the event was raised.
+     * Value: A string value that is the component name of the dashboard item for which the event was raised.
      */
     ItemName: string;
     /**
@@ -240,11 +240,11 @@ interface ASPxClientDashboardItemElementCustomColorEventArgs extends ASPxClientE
     GetMeasures(): ASPxClientDashboardItemDataMeasure[];
 }
 /**
- * References a method that will handle the ItemWidgetCreated event.
+ * References a method that will handle the ItemWidgetCreated events.
  */
 interface ASPxClientDashboardItemWidgetCreatedEventHandler<S> {
     /**
-     * References a method that will handle the ItemWidgetCreated event.
+     * References a method that will handle the ItemWidgetCreated events.
      * @param source The event source.
      * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
      */
@@ -273,11 +273,11 @@ interface ASPxClientDashboardItemWidgetUpdatedEventHandler<S> {
     (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
 }
 /**
- * References a method that will handle the ItemBeforeWidgetDisposed event.
+ * References a method that will handle the ItemBeforeWidgetDisposed events.
  */
 interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
     /**
-     * References a method that will handle the ItemBeforeWidgetDisposed event.
+     * References a method that will handle the ItemBeforeWidgetDisposed events.
      * @param source The event source.
      * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
      */
@@ -289,7 +289,7 @@ interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
 interface ASPxClientDashboardItemWidgetEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the component name of the dashboard item for which the event was raised.
-     * Value: A String that is the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
      */
     ItemName: string;
     /**
@@ -391,27 +391,27 @@ interface ASPxClientDashboardItemDataAxis {
 interface ASPxClientDashboardItemDataDimension {
     /**
      * Gets the dimension identifier.
-     * Value: A String that is the dimension identifier.
+     * Value: A string value that is the dimension identifier.
      */
     Id: string;
     /**
      * Gets or sets the name of the dimension.
-     * Value: A String that is the name of the dimension.
+     * Value: A string value that is the name of the dimension.
      */
     Name: string;
     /**
      * Gets the data member identifier for the current dimension.
-     * Value: A String value that identifies a data member.
+     * Value: A string value that identifies a data member.
      */
     DataMember: string;
     /**
      * Gets the group interval for date-time values for the current dimension.
-     * Value: A String value that represents how date-time values are grouped.
+     * Value: A string value that represents how date-time values are grouped.
      */
     DateTimeGroupInterval: string;
     /**
      * Gets the group interval for string values.
-     * Value: A String value that specifies the group interval for string values.
+     * Value: A string value that specifies the group interval for string values.
      */
     TextGroupInterval: string;
     /**
@@ -426,22 +426,22 @@ interface ASPxClientDashboardItemDataDimension {
 interface ASPxClientDashboardItemDataMeasure {
     /**
      * Gets the measure identifier.
-     * Value: A String that is the measure identifier.
+     * Value: A string value that is the measure identifier.
      */
     Id: string;
     /**
      * Gets the name of the measure.
-     * Value: A String that is the name of the measure.
+     * Value: A string value that is the name of the measure.
      */
     Name: string;
     /**
      * Gets the data member that identifies the data source list used to provide data for the current measure.
-     * Value: A String value that identifies the data source list used to provide data for the current measure.
+     * Value: A string value that identifies the data source list used to provide data for the current measure.
      */
     DataMember: string;
     /**
      * Gets the type of summary function calculated against the current measure.
-     * Value: A String value that identifies the type of summary function calculated against the current measure.
+     * Value: A string value that identifies the type of summary function calculated against the current measure.
      */
     SummaryType: string;
     /**
@@ -456,22 +456,22 @@ interface ASPxClientDashboardItemDataMeasure {
 interface ASPxClientDashboardItemDataDelta {
     /**
      * Gets the data item identifier.
-     * Value: A String that is the data item identifier.
+     * Value: A string that is the data item identifier.
      */
     Id: string;
     /**
      * Gets the name of the data item container.
-     * Value: A String value that is the name of the data item container.
+     * Value: A string value that is the name of the data item container.
      */
     Name: string;
     /**
      * Gets the identifier for the measure that provides actual values.
-     * Value: A String value that is the measure identifier.
+     * Value: A string value that is the measure identifier.
      */
     ActualMeasureId: string;
     /**
      * Gets the identifier for the measure that provides target values.
-     * Value: A String value that is the measure identifier.
+     * Value: A string value that is the measure identifier.
      */
     TargetMeasureId: string;
 }
@@ -611,55 +611,1040 @@ interface ASPxClientDashboardItemDataAxisPointTuple {
     GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
 }
 /**
- * A client-side equivalent of the ASPxDashboardDesigner control.
+ * A range in the Range Filter dashboard item.
  */
-interface ASPxClientDashboardDesigner extends ASPxClientControl {
+interface ASPxClientDashboardRangeFilterSelection {
     /**
-     * Occurs after the state of the dashboard displayed in the ASPxClientDashboardDesigner is changed.
+     * Gets or sets a maximum value in the range of the Range Filter dashboard item.
+     * Value: A maximum value in the range of the Range Filter dashboard item.
      */
-    DashboardStateChanged: ASPxClientEvent<ASPxClientDashboardStateChangedEventHandler<ASPxClientDashboardDesigner>>;
+    Maximum: Object;
     /**
-     * Occurs after another dashboard is loaded to the ASPxClientDashboardDesigner.
+     * Gets or sets a minimum value in the range of the Range Filter dashboard item.
+     * Value: A minimum value in the range of the Range Filter dashboard item.
      */
-    DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboardDesigner>>;
+    Minimum: Object;
+}
+/**
+ * A collection of ASPxClientDashboardParameter objects.
+ */
+interface ASPxClientDashboardParameters {
+    /**
+     * Returns an array of dashboard parameters from the ASPxClientDashboardParameters collection.
+     */
+    GetParameterList(): ASPxClientDashboardParameter[];
+    /**
+     * Returns a dashboard parameter by its name.
+     * @param name A String object that specifies the parameter name.
+     */
+    GetParameterByName(name: string): ASPxClientDashboardParameter;
+    /**
+     * Returns a dashboard parameter by its index in the ASPxClientDashboardParameters collection.
+     * @param index An integer value that specifies the parameter index.
+     */
+    GetParameterByIndex(index: number): ASPxClientDashboardParameter;
+}
+/**
+ * A client-side dashboard parameter.
+ */
+interface ASPxClientDashboardParameter {
+    /**
+     * Gets the dashboard parameter name on the client side.
+     * Value: A string value that is the dashboard parameter name on the client side.
+     */
+    Name: string;
+    /**
+     * Gets the dashboard parameter value on the client side.
+     * Value: A string value that specifies the dashboard parameter value on the client side.
+     */
+    Value: Object;
+    /**
+     * Returns a parameter name.
+     */
+    GetName(): string;
+    /**
+     * Returns a current parameter value(s).
+     */
+    GetValue(): Object;
+    /**
+     * Specifies the current parameter value(s).
+     * @param value The current parameter value(s).
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a default parameter value.
+     */
+    GetDefaultValue(): Object;
+    /**
+     * Returns the parameter's description displayed to an end-user.
+     */
+    GetDescription(): string;
+    /**
+     * Returns a parameter type.
+     */
+    GetType(): string;
+    /**
+     * Returns possible parameter values.
+     */
+    GetValues(): ASPxClientDashboardParameterValue[];
+}
+/**
+ * Provides access to the parameter value and display text.
+ */
+interface ASPxClientDashboardParameterValue {
+    /**
+     * Returns the parameter display text.
+     */
+    GetDisplayText(): string;
+    /**
+     * Returns a parameter value.
+     */
+    GetValue(): Object;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+ */
+interface ImageFormatOptions {
+    /**
+     * Gets or sets an image format in which the dashboard (dashboard item) is exported.
+     * Value: A value returned by the DashboardExportImageFormat class that specifies an image format in which the dashboard (dashboard item) is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     */
+    Resolution: number;
+}
+/**
+ * Contains options which define how the dashboard item is exported to Excel format.
+ */
+interface ExcelFormatOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A value returned by the DashboardExportExcelFormat class that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A string value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the Grid dashboard item is exported.
+ */
+interface GridExportOptions {
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    FitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to print column headers of the Grid dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pivot dashboard item is exported.
+ */
+interface PivotExportOptions {
+    /**
+     * Gets or sets whether to print the column headers of the Pivot dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pie dashboard item is exported.
+ */
+interface PieExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Gauge dashboard item is exported.
+ */
+interface GaugeExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Card dashboard item is exported.
+ */
+interface CardExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Range Filter dashboard item is exported.
+ */
+interface RangeFilterExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Range Filter dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A value returned by the RangeFilterExportSizeMode class that specifies the export size mode for the Range Filter dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Chart dashboard items are exported.
+ */
+interface ChartExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Chart dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A value returned by the ChartExportSizeMode class that specifies the export size mode for the Chart dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Map dashboard items are exported.
+ */
+interface MapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a map dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the map dashboard item.
+     * Value: A value returned by the MapExportSizeMode class that specifies specifies the export size mode for the map dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
+ */
+interface ASPxClientDashboardExportOptions {
+    /**
+     * Gets or sets the standard paper size.
+     * Value: A string value returned by the DashboardExportPaperKind class that specifies the standard paper size.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportPageLayout class that specifies the page orientation used to export a dashboard (dashboard item).
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling when exporting a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportScaleMode class that specifies the mode for scaling when exporting a dashboard (dashboard item).
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the scale factor (in fractions of 1) by which a dashboard (dashboard item) is scaled.
+     * Value: A Single value that specifies the scale factor by which a dashboard (dashboard item) is scaled.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A boolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets the filter state's location on the exported document.
+     * Value: A string value returned by the DashboardExportFilterState class that specifies the filter state's location on the exported document.
+     */
+    FilterState: string;
+    /**
+     * Provides access to options for exporting a dashboard or individual items in Image format.
+     * Value: An ImageFormatOptions object containing settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+     */
+    ImageOptions: ImageFormatOptions;
+    /**
+     * Provides access to options for exporting individual dashboard items in Excel format.
+     * Value: An ExcelFormatOptions object containing settings that specify parameters affecting how the dashboard item is exported in Excel format.
+     */
+    ExcelOptions: ExcelFormatOptions;
+    /**
+     * Provides access to options for exporting a Grid dashboard item.
+     * Value: A GridExportOptions object containing settings that specify parameters that affect how Grid dashboard items are exported.
+     */
+    GridOptions: GridExportOptions;
+    /**
+     * Provides access to options for exporting a Pivot dashboard item.
+     * Value: A PivotExportOptions object containing settings that specify parameters that affect how Pivot dashboard items are exported.
+     */
+    PivotOptions: PivotExportOptions;
+    /**
+     * Provides access to options for exporting a Pie dashboard item.
+     * Value: A PieExportOptions object containing settings that specify parameters that affect how Pie dashboard items are exported.
+     */
+    PieOptions: PieExportOptions;
+    /**
+     * Provides access to options for exporting a Gauge dashboard item.
+     * Value: A GaugeExportOptions object containing settings that specify parameters that affect how Gauge dashboard items are exported.
+     */
+    GaugeOptions: GaugeExportOptions;
+    /**
+     * Provides access to options for exporting a Card dashboard item.
+     * Value: A CardExportOptions object containing settings that specify parameters that affect how Card dashboard items are exported.
+     */
+    CardOptions: CardExportOptions;
+    /**
+     * Provides access to options for exporting a Range Filter dashboard item.
+     * Value: A RangeFilterExportOptions object containing settings that specify parameters affecting how the Range Filter dashboard item is exported.
+     */
+    RangeFilterOptions: RangeFilterExportOptions;
+    /**
+     * Provides access to options for exporting a Chart dashboard item.
+     * Value: A ChartExportOptions object containing settings that specify parameters that affect how Chart dashboard items are exported.
+     */
+    ChartOptions: ChartExportOptions;
+    /**
+     * Provides access to options for exporting map dashboard items.
+     * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
+     */
+    MapOptions: MapExportOptions;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to the PDF format.
+ */
+interface DashboardPdfExportOptions {
+    /**
+     * Gets or sets the type of paper for the exported document.
+     * Value: A DashboardExportPaperKind value that specifies the type of paper for the exported document.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard/dashboard item.
+     * Value: A DashboardExportPageLayout value that specifies the page orientation used to export a dashboard/dashboard item.
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling a dashboard/dashboard item in the exported document.
+     * Value: A DashboardExportScaleMode value that specifies the mode for scaling a dashboard/dashboard item in the exported document.
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the scale factor (in fractions of 1), by which a dashboard/dashboard item is scaled in the exported document.
+     * Value: A Single value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard/dashboard item.
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard/dashboard item.
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A boolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets a position of the dashboard state (such as master filter or current parameter values) in the exported document.
+     * Value: A DashboardStateExportPosition object that specifies the position of the dashboard state in the exported document.
+     */
+    DashboardStatePosition: string;
+    /**
+     * Gets or sets whether cards within the Card dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange cards automatically on the exported page; otherwise, false.
+     */
+    CardAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Chart dashboard item; otherwise, false.
+     */
+    ChartAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A ChartExportSizeMode value that specifies the export size mode for the Chart dashboard item.
+     */
+    ChartSizeMode: string;
+    /**
+     * Gets or sets whether gauges within the Gauge dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange gauges automatically on the exported page; otherwise, false.
+     */
+    GaugeAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    GridFitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to add column headers of the Grid dashboard item to every page.
+     * Value: true, to add column headers to every page; otherwise, false.
+     */
+    GridPrintHeadersOnEveryPage: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Map dashboard item; otherwise, false.
+     */
+    MapAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Map dashboard item.
+     * Value: A MapExportSizeMode value that specifies the export size mode for the Map dashboard item.
+     */
+    MapSizeMode: string;
+    /**
+     * Gets or sets whether pies within the Pie dashboard item are arranged automatically on the exported page.
+     * Value: true, to arrange pies automatically on the exported page; otherwise, false.
+     */
+    PieAutoArrangeContent: boolean;
+    /**
+     * Gets or sets whether to add column headers of the Pivot dashboard item to every page.
+     * Value: true, to add column headers to every page; otherwise, false.
+     */
+    PivotPrintHeadersOnEveryPage: boolean;
+    /**
+     * Gets or sets whether the page orientation used to export the Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Range Filter dashboard item; otherwise, false.
+     */
+    RangeFilterAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A RangeFilterExportSizeMode value that specifies the export size mode for the Range Filter dashboard item.
+     */
+    RangeFilterSizeMode: string;
+    /**
+     * Gets or sets whether the page orientation used to export the Treemap dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export the Treemap dashboard item; otherwise, false.
+     */
+    TreemapAutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Treemap dashboard item.
+     * Value: A TreemapExportSizeMode value that specifies the export size mode for the Treemap dashboard item.
+     */
+    TreemapSizeMode: string;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to an image.
+ */
+interface DashboardImageExportOptions {
+    /**
+     * Gets or sets a title of the exported document.
+     * Value: A string value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: true, to include a dashboard title (or dashboard item's caption) as the exported document title; otherwise, false.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets an image format in which the dashboard/dashboard item is exported.
+     * Value: A DashboardExportImageFormat value that specifies an image format in which the dashboard/dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard/dashboard item to an image.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard/dashboard item to an image.
+     */
+    Resolution: number;
+    /**
+     * Gets or sets the scale factor (in fractions of 1), by which a dashboard/dashboard item is scaled in the exported document.
+     * Value: A string value that specifies the scale factor by which a dashboard/dashboard item is scaled in the exported document.
+     */
+    ScaleFactor: number;
+}
+/**
+ * Contains options related to exporting a dashboard/dashboard item to the Excel format.
+ */
+interface DashboardExcelExportOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A DashboardExportExcelFormat value that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A string value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+    /**
+     * Gets or sets whether to add the state of master filter items to the exported document.
+     * Value: true, to add the state of master filter items to the exported document; otherwise, false.
+     */
+    ExportFilters: boolean;
+    /**
+     * Gets or sets whether to add current parameter values to the exported document.
+     * Value: true, to add current parameter values to the exported document; otherwise, false.
+     */
+    ExportParameters: boolean;
+    /**
+     * Gets or sets whether to add current values of a hidden parameter to the exported document.
+     * Value: true, to add current values of a hidden parameter to the exported document; otherwise, false.
+     */
+    IncludeHiddenParameters: boolean;
+    /**
+     * Gets or sets the position of the dashboard state (such as master filter or current parameter values) in the exported document.
+     * Value: A DashboardStateExcelExportPosition object that specifies the position of the dashboard state in the exported document.
+     */
+    DashboardStatePosition: string;
+}
+/**
+ * A client-side equivalent of the ASPxDashboard control.
+ */
+interface ASPxClientDashboard extends ASPxClientControl {
+    /**
+     * Fires when a round trip to the server has been initiated by a call to the client PerformDataCallback method.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the state of the dashboard displayed in the ASPxClientDashboard is changed.
+     */
+    DashboardStateChanged: ASPxClientEvent<ASPxClientDashboardStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after a new dashboard is displayed in the ASPxClientDashboard.
+     */
+    DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboard>>;
     /**
      * For internal use.
      */
-    CustomizeMenuItems: ASPxClientEvent<ASPxClientDashboardDesignerCustomizeMenuItemsEventHandler<ASPxClientDashboardDesigner>>;
-    BeforeRender: ASPxClientEvent<ASPxClientDashboardDesignerBeforeRenderEventHandler<ASPxClientDashboardDesigner>>;
+    CustomizeMenuItems: ASPxClientEvent<ASPxClientDashboardCustomizeMenuItemsEventHandler<ASPxClientDashboard>>;
     /**
-     * Switches the ASPxClientDashboardDesigner to the viewer mode.
+     * Occurs before any element in the Web Dashboard control has been rendered.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientDashboardBeforeRenderEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting.
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a master filter state is changed.
+     */
+    ItemMasterFilterStateChanged: ASPxClientEvent<ASPxClientDashboardItemMasterFilterStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a drill-down/drill-up is performed.
+     */
+    ItemDrillDownStateChanged: ASPxClientEvent<ASPxClientDashboardItemDrillDownStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the available interactivity actions have changed for the specific dashboard item.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientActionAvailabilityChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after parameter values provided using a Dynamic List are loaded.
+     */
+    DynamicLookUpValuesLoaded: ASPxClientEvent<ASPxClientDynamicLookUpValuesLoadedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a dashboard item update is initiated.
+     */
+    ItemBeginUpdate: ASPxClientEvent<ASPxClientItemBeginUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the dashboard item update is performed.
+     */
+    ItemEndUpdate: ASPxClientEvent<ASPxClientItemEndUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a dashboard update is initiated.
+     */
+    DashboardBeginUpdate: ASPxClientEvent<ASPxClientDashboardBeginUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the dashboard update is performed.
+     */
+    DashboardEndUpdate: ASPxClientEvent<ASPxClientDashboardEndUpdateEventHandler<ASPxClientDashboard>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Gets an inner part of the ASPxClientDashboard control.
+     */
+    GetDashboardControl(): DashboardControl;
+    /**
+     * Switches the ASPxClientDashboard to the viewer mode.
      */
     SwitchToViewer(): void;
     /**
-     * Switches the ASPxClientDashboardDesigner to the designer mode.
+     * Switches the ASPxClientDashboard to the designer mode.
      */
     SwitchToDesigner(): void;
     /**
-     * Gets the current working mode of the Web Designer.
+     * Gets the current working mode of the Web Dashboard.
      */
     GetWorkingMode(): string;
     /**
-     * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboardDesigner.
+     * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboard.
      */
     GetDashboardId(): string;
     /**
-     * Gets the name of the dashboard that is displayed in the ASPxClientDashboardDesigner.
+     * Gets the name of the dashboard that is displayed in the ASPxClientDashboard.
      */
     GetDashboardName(): string;
     /**
-     * Gets the state of the dashboard (for instance, the master filtering state) displayed in the ASPxClientDashboardDesigner.
+     * Gets the state of the dashboard displayed in the ASPxClientDashboard.
      */
     GetDashboardState(): string;
     /**
-     * Loads a dashboard with the specified identifier.
-     * @param dashboardId A String value that specifies the dashboard identifier.
+     * Sets the state of the dashboard displayed in the ASPxClientDashboard.
+     * @param dashboardState A JSON object that specifies the dashboard state.
+     */
+    SetDashboardState(dashboardState: Object): void;
+    /**
+     * Sets the state of the dashboard displayed in the ASPxClientDashboard.
+     * @param dashboardStateString A string value that specifies the state of the dashboard displayed in the ASPxClientDashboard.
+     */
+    SetDashboardState(dashboardStateString: string): void;
+    /**
+     * Loads a dashboard with the specified identifier from the dashboard storage.
+     * @param dashboardId A string value that specifies the dashboard identifier.
      */
     LoadDashboard(dashboardId: string): void;
     /**
-     * Saves a dashboard to the dashboard storage.
+     * Saves a current dashboard to the dashboard storage.
      */
     SaveDashboard(): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Invokes the dialog that allows end-users to export the entire dashboard to the specified format.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF' or 'Image'.
+     */
+    ShowExportDashboardDialog(format: string): void;
+    /**
+     * Invokes the dialog that allows end-users to export the dashboard item to the specified format.
+     * @param itemComponentName A string value that specifies the component name of the dashboard item to export.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'. Note that some items (i.e., ImageDashboardItem) do not support exporting to the 'Excel' format.
+     */
+    ShowExportDashboardItemDialog(itemComponentName: string, format: string): void;
+    /**
+     * Hides the dialog that allows end-users to export the dashboard/dashboard item.
+     */
+    HideExportDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    GetPdfExportOptions(): DashboardPdfExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to an image.
+     */
+    GetImageExportOptions(): DashboardImageExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the Excel format.
+     */
+    GetExcelExportOptions(): DashboardExcelExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the PDF format.
+     * @param options A DashboardPdfExportOptions object containing options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    SetPdfExportOptions(options: DashboardPdfExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to an image.
+     * @param options A DashboardImageExportOptions object containing options related to exporting a dashboard/dashboard item to an image.
+     */
+    SetImageExportOptions(options: DashboardImageExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the Excel format.
+     * @param options A DashboardExcelExportOptions object containing options related to exporting a dashboard item to the Excel format.
+     */
+    SetExcelExportOptions(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportToImage(options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     */
+    ExportToExcel(): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     */
+    ExportToExcel(options: DashboardExcelExportOptions): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportToExcel(options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns whether or not master filtering  can be applied in the current state of the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down into the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down into the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+    /**
+     * Refreshes an entire dashboard displayed in the Web Dashboard control.
+     */
+    Refresh(): void;
+    /**
+     * Refreshes the specific item from the dashboard displayed in the Web Dashboard control.
+     * @param itemName A string value that specifies the component name of the dashboard item to be refreshed.
+     */
+    Refresh(itemName: string): void;
+    /**
+     * Refreshes specific items from the dashboard displayed in the Web Dashboard control.
+     * @param itemName An array of string values that specify the component names of the dashboard items to be refreshed.
+     */
+    Refresh(itemName: string[]): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns names of the predefined ranges available for the specified Range Filter.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetAvailablePredefinedRanges(itemName: string): string[];
+    /**
+     * Returns the name of the currently selected predefined range.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentPredefinedRange(itemName: string): string;
 }
 /**
  * References a method that will handle the DashboardStateChanged event.
@@ -678,7 +1663,7 @@ interface ASPxClientDashboardStateChangedEventHandler<S> {
 interface ASPxClientDashboardStateChangedEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the current state of the dashboard.
-     * Value: A String that is the current state of the dashboard.
+     * Value: A string value that is the current state of the dashboard.
      */
     DashboardState: string;
 }
@@ -699,19 +1684,19 @@ interface ASPxClientDashboardChangedEventHandler<S> {
 interface ASPxClientDashboardChangedEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the identifier of a newly opened dashboard.
-     * Value: A String values that is an identifier of newly opened dashboard.
+     * Value: A string value that is an identifier of newly opened dashboard.
      */
     DashboardId: string;
     /**
      * Gets the name of a newly opened dashboard.
-     * Value: A String values that is the name of newly opened dashboard.
+     * Value: A string value that is the name of newly opened dashboard.
      */
     DashboardName: string;
 }
-interface ASPxClientDashboardDesignerCustomizeMenuItemsEventHandler<S> {
-    (source: S, e: ASPxClientDashboardDesignerCustomizeMenuItemsEventArgs): void;
+interface ASPxClientDashboardCustomizeMenuItemsEventHandler<S> {
+    (source: S, e: ASPxClientDashboardCustomizeMenuItemsEventArgs): void;
 }
-interface ASPxClientDashboardDesignerMenuItem {
+interface ASPxClientDashboardMenuItem {
     id: string;
     title: string;
     template: string;
@@ -721,13 +1706,214 @@ interface ASPxClientDashboardDesignerMenuItem {
     click: Function;
     hotKey: number;
 }
-interface ASPxClientDashboardDesignerCustomizeMenuItemsEventArgs extends ASPxClientEventArgs {
-    Items: ASPxClientDashboardDesignerMenuItem[];
-    FindById(itemId: string): ASPxClientDashboardDesignerMenuItem;
+interface ASPxClientDashboardCustomizeMenuItemsEventArgs extends ASPxClientEventArgs {
+    Items: ASPxClientDashboardMenuItem[];
+    FindById(itemId: string): ASPxClientDashboardMenuItem;
 }
-interface ASPxClientDashboardDesignerBeforeRenderEventHandler<S> {
+/**
+ * References a method that will handle the BeforeRender event.
+ */
+interface ASPxClientDashboardBeforeRenderEventHandler<S> {
+    /**
+     * References a method that will handle the BeforeRender event.
+     * @param source The event source.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
     (source: S, e: ASPxClientEventArgs): void;
 }
+/**
+ * Serves as the base class for classes that provide data for client-side events related to dashboard items.
+ */
+interface ASPxClientDashboardItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns whether or not the specified value is null.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is 'others'.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemMasterFilterStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemMasterFilterStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemMasterFilterStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the currently selected values.
+     * Value: An array of objects that are the currently selected values.
+     */
+    Values: Object[][];
+}
+/**
+ * References a method that will handle the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemDrillDownStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemDrillDownStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemDrillDownStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the drill-down action performed in the dashboard item.
+     * Value: A string value that is the drill-down action performed in the dashboard item.
+     */
+    Action: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DynamicLookUpValuesLoaded event.
+ */
+interface ASPxClientDynamicLookUpValuesLoadedEventHandler<S> {
+    /**
+     * References a method that will handle the DynamicLookUpValuesLoaded event.
+     * @param source The event source.
+     * @param e A ASPxClientDynamicLookUpValuesLoadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDynamicLookUpValuesLoadedEventArgs): void;
+}
+/**
+ * Provides data for the DynamicLookUpValuesLoaded event.
+ */
+interface ASPxClientDynamicLookUpValuesLoadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the dashboard parameter name whose values have been loaded.
+     * Value: A string value that is the dashboard parameter name whose values have been loaded.
+     */
+    ParameterName: string;
+}
+/**
+ * References a method that will handle the ItemBeginUpdate event.
+ */
+interface ASPxClientItemBeginUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the ItemBeginUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientItemBeginUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientItemBeginUpdateEventArgs): void;
+}
+/**
+ * Provides data for the ItemBeginUpdate event.
+ */
+interface ASPxClientItemBeginUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the ItemEndUpdate event.
+ */
+interface ASPxClientItemEndUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the ItemEndUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientItemEndUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientItemEndUpdateEventArgs): void;
+}
+/**
+ * Provides data for the ItemEndUpdate event.
+ */
+interface ASPxClientItemEndUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DashboardBeginUpdate event.
+ */
+interface ASPxClientDashboardBeginUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardBeginUpdate event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardBeginUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardBeginUpdateEventArgs): void;
+}
+/**
+ * Provides data for the DashboardBeginUpdate event.
+ */
+interface ASPxClientDashboardBeginUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of the dashboard for which the event was raised.
+     * Value: A string value that is the dashboard identifier.
+     */
+    DashboardId: string;
+}
+/**
+ * References a method that will handle the DashboardEndUpdate event.
+ */
+interface ASPxClientDashboardEndUpdateEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardEndUpdate event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardEndUpdateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardEndUpdateEventArgs): void;
+}
+/**
+ * Provides data for the DashboardEndUpdate event.
+ */
+interface ASPxClientDashboardEndUpdateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of the dashboard for which the event was raised.
+     * Value: A string value that is the dashboard identifier.
+     */
+    DashboardId: string;
+}
 /**
  * A client-side equivalent of the ASPxDashboardViewer control.
  */
@@ -773,7 +1959,7 @@ interface ASPxClientDashboardViewer extends ASPxClientControl {
      */
     ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboardViewer>>;
     /**
-     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting.
      */
     ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboardViewer>>;
     /**
@@ -834,15 +2020,25 @@ interface ASPxClientDashboardViewer extends ASPxClientControl {
     /**
      * Selects the required range in the specified Range Filter dashboard item.
      * @param itemName A String that specifies the component name of the Range Filter dashboard item.
-     * @param range A String value that specifies the component name of the Range Filter dashboard item.
+     * @param range A ASPxClientDashboardRangeFilterSelection object that specifies a range to be selected.
      */
     SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
     /**
-     * Selects the specified range in the specified Range Filter dashboard item.
-     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
-     * @param dateTimePeriodName A String that specifies the name of the predefined range used to perform a selection.
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
      */
-    SetRange(itemName: string, dateTimePeriodName: string): void;
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns names of the predefined ranges available for the specified Range Filter.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetAvailablePredefinedRanges(itemName: string): string[];
+    /**
+     * Returns the name of the currently selected predefined range.
+     * @param itemName A string value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentPredefinedRange(itemName: string): string;
     /**
      * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
      * @param itemName A String that is the component name of the dashboard item.
@@ -870,7 +2066,7 @@ interface ASPxClientDashboardViewer extends ASPxClientControl {
     GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
     /**
      * Requests underlying data for the specified dashboard item.
-     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
      * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
      * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
      */
@@ -887,62 +2083,198 @@ interface ASPxClientDashboardViewer extends ASPxClientControl {
      * Returns settings that specify parameters affecting how the dashboard is exported.
      */
     GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    GetPdfExportOptions(): DashboardPdfExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to an image.
+     */
+    GetImageExportOptions(): DashboardImageExportOptions;
+    /**
+     * Allows you to obtain options related to exporting a dashboard/dashboard item to the Excel format.
+     */
+    GetExcelExportOptions(): DashboardExcelExportOptions;
     /**
      * Specifies settings that specify parameters affecting how the dashboard is exported.
      * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
      */
     SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the PDF format.
+     * @param options A DashboardPdfExportOptions object containing options related to exporting a dashboard/dashboard item to the PDF format.
+     */
+    SetPdfExportOptions(options: DashboardPdfExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to an image.
+     * @param options A DashboardImageExportOptions object containing options related to exporting a dashboard/dashboard item to an image.
+     */
+    SetImageExportOptions(options: DashboardImageExportOptions): void;
+    /**
+     * Allows you to specify options related to exporting a dashboard/dashboard item to the Excel format.
+     * @param options A DashboardExcelExportOptions object containing options related to exporting a dashboard item to the Excel format.
+     */
+    SetExcelExportOptions(options: DashboardExcelExportOptions): void;
     /**
      * Exports a dashboard to a PDF file and writes it to the Response.
      */
     ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: DashboardPdfExportOptions, fileName: string): void;
     /**
      * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
      * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
      */
     ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
     /**
      * Exports a dashboard to an Image file and writes it to the Response.
      */
     ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportToImage(options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: DashboardImageExportOptions, fileName: string): void;
     /**
      * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
      * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
      */
     ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     */
+    ExportToExcel(): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     */
+    ExportToExcel(options: DashboardImageExportOptions): void;
+    /**
+     * Exports dashboard data to the specified file in Excel format.
+     * @param options A DashboardExcelExportOptions object containing Excel-specific options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportToExcel(options: DashboardImageExportOptions, fileName: string): void;
     /**
      * Exports a dashboard item to a PDF file and writes it to the Response.
      * @param itemName A String that is the component name of the dashboard item to be exported.
      */
     ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardPdfExportOptions object containing PDF-specific export options.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: DashboardPdfExportOptions, fileName: string): void;
     /**
      * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
      * @param itemName A String that is the component name of the dashboard item to be exported.
      * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
      */
     ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
     /**
      * Exports a dashboard item to an Image file and writes it to the Response.
      * @param itemName A String that is the component name of the dashboard item to be exported.
      */
     ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardImageExportOptions object containing image-specific export options.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: DashboardImageExportOptions, fileName: string): void;
     /**
      * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
      * @param itemName A String that is the component name of the dashboard item to be exported.
      * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
      */
     ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
     /**
      * Exports a dashboard item to an Excel file and writes it to the Response.
      * @param itemName A String that is the component name of the dashboard item to be exported.
      */
     ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options A DashboardExcelExportOptions object containing Excel export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: DashboardExcelExportOptions, fileName: string): void;
     /**
      * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
      * @param itemName A String that is the component name of the dashboard item to be exported.
      * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
      */
     ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
     /**
      * Returns the dashboard width.
      */
@@ -1023,326 +2355,10 @@ interface ASPxClientDashboardViewer extends ASPxClientControl {
     CanPerformDrillUp(itemName: string): boolean;
     /**
      * Returns the client data for the specified dashboard item.
-     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
      */
     GetItemData(itemName: string): ASPxClientDashboardItemData;
 }
-/**
- * A range in the Range Filter dashboard item.
- */
-interface ASPxClientDashboardRangeFilterSelection {
-    /**
-     * Gets or sets a maximum value in the range of the Range Filter dashboard item.
-     * Value: A maximum value in the range of the Range Filter dashboard item.
-     */
-    Maximum: Object;
-    /**
-     * Gets or sets a minimum value in the range of the Range Filter dashboard item.
-     * Value: A minimum value in the range of the Range Filter dashboard item.
-     */
-    Minimum: Object;
-}
-/**
- * A collection of ASPxClientDashboardParameter objects.
- */
-interface ASPxClientDashboardParameters {
-    /**
-     * Returns an array of dashboard parameters from the ASPxClientDashboardParameters collection.
-     */
-    GetParameterList(): ASPxClientDashboardParameter[];
-    /**
-     * Returns a dashboard parameter by its name.
-     * @param name A String object that specifies the parameter name.
-     */
-    GetParameterByName(name: string): ASPxClientDashboardParameter;
-    /**
-     * Returns a dashboard parameter by its index in the ASPxClientDashboardParameters collection.
-     * @param index An integer value that specifies the parameter index.
-     */
-    GetParameterByIndex(index: number): ASPxClientDashboardParameter;
-}
-/**
- * A client-side dashboard parameter.
- */
-interface ASPxClientDashboardParameter {
-    /**
-     * Gets the dashboard parameter name on the client side.
-     * Value: A String that is the dashboard parameter name on the client side.
-     */
-    Name: string;
-    /**
-     * Gets the dashboard parameter value on the client side.
-     * Value: A String that specifies the dashboard parameter value on the client side.
-     */
-    Value: Object;
-    /**
-     * Returns a parameter name.
-     */
-    GetName(): string;
-    /**
-     * Returns a current parameter value.
-     */
-    GetValue(): Object;
-    /**
-     * Specifies the current parameter value.
-     * @param value The current parameter value.
-     */
-    SetValue(value: Object): void;
-    /**
-     * Returns a default parameter value.
-     */
-    GetDefaultValue(): Object;
-    /**
-     * Returns the parameter's description displayed to an end-user.
-     */
-    GetDescription(): string;
-    /**
-     * Returns a parameter type.
-     */
-    GetType(): string;
-    /**
-     * Returns possible parameter values.
-     */
-    GetValues(): ASPxClientDashboardParameterValue[];
-}
-/**
- * Provides access to the parameter value and display text.
- */
-interface ASPxClientDashboardParameterValue {
-    /**
-     * Returns the parameter display text.
-     */
-    GetDisplayText(): string;
-    /**
-     * Returns a parameter value.
-     */
-    GetValue(): Object;
-}
-/**
- * Contains settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
- */
-interface ImageFormatOptions {
-    /**
-     * Gets or sets an image format in which the dashboard (dashboard item) is exported.
-     * Value: A value returned by the DashboardExportImageFormat class that specifies an image format in which the dashboard (dashboard item) is exported.
-     */
-    Format: string;
-    /**
-     * Gets or sets the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
-     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
-     */
-    Resolution: number;
-}
-/**
- * Contains options which define how the dashboard item is exported to Excel format.
- */
-interface ExcelFormatOptions {
-    /**
-     * Gets or sets the Excel format in which the dashboard item is exported.
-     * Value: A value returned by the DashboardExportExcelFormat class that specifies the Excel format in which the dashboard item is exported.
-     */
-    Format: string;
-    /**
-     * Gets or sets a character used to separate values in a CSV document.
-     * Value: A String value that specifies the character used to separate values in a CSV document.
-     */
-    CsvValueSeparator: string;
-}
-/**
- * Contains settings that specify parameters affecting how the Grid dashboard item is exported.
- */
-interface GridExportOptions {
-    /**
-     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
-     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
-     */
-    FitToPageWidth: boolean;
-    /**
-     * Gets or sets whether to print column headers of the Grid dashboard item on every page.
-     * Value: true, to print column headers on every page; otherwise, false.
-     */
-    PrintHeadersOnEveryPage: boolean;
-}
-/**
- * Contains settings that specify parameters affecting how the Pivot dashboard item is exported.
- */
-interface PivotExportOptions {
-    /**
-     * Gets or sets whether to print the column headers of the pivot dashboard item on every page.
-     * Value: true, to print column headers on every page; otherwise, false.
-     */
-    PrintHeadersOnEveryPage: boolean;
-}
-/**
- * Contains settings that specify parameters affecting how the Pie dashboard item is exported.
- */
-interface PieExportOptions {
-    /**
-     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
-     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
-     */
-    AutoArrangeContent: boolean;
-}
-/**
- * Contains settings that specify parameters affecting how the Gauge dashboard item is exported.
- */
-interface GaugeExportOptions {
-    /**
-     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
-     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
-     */
-    AutoArrangeContent: boolean;
-}
-/**
- * Contains settings that specify parameters affecting how the Card dashboard item is exported.
- */
-interface CardExportOptions {
-    /**
-     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
-     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
-     */
-    AutoArrangeContent: boolean;
-}
-/**
- * Contains settings that specify parameters affecting how the Range Filter dashboard item is exported.
- */
-interface RangeFilterExportOptions {
-    /**
-     * Gets or sets whether the page orientation used to export a Range Filter dashboard item is selected automatically.
-     * Value: true, to automatically select the page orientation used to export a Range Filter dashboard item; otherwise, false.
-     */
-    AutomaticPageLayout: boolean;
-    /**
-     * Gets or sets the export size mode for the Range Filter dashboard item.
-     * Value: A value returned by the RangeFilterExportSizeMode class that specifies the export size mode for the Range Filter dashboard item.
-     */
-    SizeMode: string;
-}
-/**
- * Contains settings that specify parameters affecting how Chart dashboard items are exported.
- */
-interface ChartExportOptions {
-    /**
-     * Gets or sets whether the page orientation used to export a Chart dashboard item is selected automatically.
-     * Value: true, to automatically select the page orientation used to export a Chart dashboard item; otherwise, false.
-     */
-    AutomaticPageLayout: boolean;
-    /**
-     * Gets or sets the export size mode for the Chart dashboard item.
-     * Value: A value returned by the ChartExportSizeMode class that specifies the export size mode for the Chart dashboard item.
-     */
-    SizeMode: string;
-}
-/**
- * Contains settings that specify parameters affecting how map dashboard items are exported.
- */
-interface MapExportOptions {
-    /**
-     * Gets or sets whether the page orientation used to export a map dashboard item is selected automatically.
-     * Value: true, to automatically select the page orientation used to export a map dashboard item; otherwise, false.
-     */
-    AutomaticPageLayout: boolean;
-    /**
-     * Gets or sets the export size mode for the map dashboard item.
-     * Value: A value returned by the MapExportSizeMode class that specifies specifies the export size mode for the map dashboard item.
-     */
-    SizeMode: string;
-}
-/**
- * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
- */
-interface ASPxClientDashboardExportOptions {
-    /**
-     * Gets or sets the standard paper size.
-     * Value: A string value returned by the DashboardExportPaperKind class that specifies the standard paper size.
-     */
-    PaperKind: string;
-    /**
-     * Gets or sets the page orientation used to export a dashboard (dashboard item).
-     * Value: A string value returned by the DashboardExportPageLayout class that specifies the page orientation used to export a dashboard (dashboard item).
-     */
-    PageLayout: string;
-    /**
-     * Gets or sets the mode for scaling when exporting a dashboard (dashboard item).
-     * Value: A string value returned by the DashboardExportScaleMode class that specifies the mode for scaling when exporting a dashboard (dashboard item).
-     */
-    ScaleMode: string;
-    /**
-     * Gets or sets the scale factor (in fractions of 1) by which a dashboard (dashboard item) is scaled.
-     * Value: A Single value that specifies the scale factor by which a dashboard (dashboard item) is scaled.
-     */
-    ScaleFactor: number;
-    /**
-     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
-     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
-     */
-    AutoFitPageCount: number;
-    /**
-     * Gets or sets the title of the exported document.
-     * Value: A String value that specifies the title of the exported document.
-     */
-    Title: string;
-    /**
-     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
-     * Value: A DefaultBoolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
-     */
-    ShowTitle: boolean;
-    /**
-     * Gets or sets the filter state's location on the exported document.
-     * Value: A string value returned by the DashboardExportFilterState class that specifies the filter state's location on the exported document.
-     */
-    FilterState: string;
-    /**
-     * Provides access to options for exporting a dashboard or individual items in Image format.
-     * Value: An ImageFormatOptions object containing settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
-     */
-    ImageOptions: ImageFormatOptions;
-    /**
-     * Provides access to options for exporting individual dashboard items in Excel format.
-     * Value: An ExcelFormatOptions object containing settings that specify parameters affecting how the dashboard item is exported in Excel format.
-     */
-    ExcelOptions: ExcelFormatOptions;
-    /**
-     * Provides access to options for exporting a Grid dashboard item.
-     * Value: A GridExportOptions object containing settings that specify parameters that affect how Grid dashboard items are exported.
-     */
-    GridOptions: GridExportOptions;
-    /**
-     * Provides access to options for exporting a Pivot dashboard item.
-     * Value: A PivotExportOptions object containing settings that specify parameters that affect how Pivot dashboard items are exported.
-     */
-    PivotOptions: PivotExportOptions;
-    /**
-     * Provides access to options for exporting a Pie dashboard item.
-     * Value: A PieExportOptions object containing settings that specify parameters that affect how Pie dashboard items are exported.
-     */
-    PieOptions: PieExportOptions;
-    /**
-     * Provides access to options for exporting a Gauge dashboard item.
-     * Value: A GaugeExportOptions object containing settings that specify parameters that affect how Gauge dashboard items are exported.
-     */
-    GaugeOptions: GaugeExportOptions;
-    /**
-     * Provides access to options for exporting a Card dashboard item.
-     * Value: A CardExportOptions object containing settings that specify parameters that affect how Card dashboard items are exported.
-     */
-    CardOptions: CardExportOptions;
-    /**
-     * Provides access to options for exporting a Range Filter dashboard item.
-     * Value: A RangeFilterExportOptions object containing settings that specify parameters affecting how the Range Filter dashboard item is exported.
-     */
-    RangeFilterOptions: RangeFilterExportOptions;
-    /**
-     * Provides access to options for exporting a Chart dashboard item.
-     * Value: A ChartExportOptions object containing settings that specify parameters that affect how Chart dashboard items are exported.
-     */
-    ChartOptions: ChartExportOptions;
-    /**
-     * Provides access to options for exporting map dashboard items.
-     * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
-     */
-    MapOptions: MapExportOptions;
-}
 /**
  * References a method that will handle the ActionAvailabilityChanged event.
  */
@@ -1409,7 +2425,7 @@ interface ASPxClientDashboardDataLoadingErrorEventArgs extends ASPxClientEventAr
 interface ASPxClientDashboardItemAction {
     /**
      * Gets the name of the dashboard item.
-     * Value: A String that specifies the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
      */
     ItemName: string;
     /**
@@ -1441,7 +2457,7 @@ interface ASPxClientDashboardMasterFilterSetEventHandler<S> {
 interface ASPxClientDashboardMasterFilterSetEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the name of the dashboard item.
-     * Value: A String that specifies the name of the dashboard item.
+     * Value: A string value that specifies the component name of the dashboard item.
      */
     ItemName: string;
     /**
@@ -1477,7 +2493,7 @@ interface ASPxClientDashboardMasterFilterClearedEventHandler<S> {
 interface ASPxClientDashboardMasterFilterClearedEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the name of the dashboard item.
-     * Value: A String that is the name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
      */
     ItemName: string;
 }
@@ -1498,14 +2514,14 @@ interface ASPxClientDashboardDrillDownPerformedEventHandler<S> {
 interface ASPxClientDashboardDrillDownPerformedEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the name of the dashboard item.
-     * Value: A String that specifies the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
      */
     ItemName: string;
     /**
-     * Gets the bottommost value from the current drill-down hierarchy.
-     * Value: The bottommost value from the current drill-down hierarchy.
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
      */
-    Value: Object[];
+    Values: Object[];
     /**
      * Returns whether or not the specified value is NullValue.
      * @param value The specified value.
@@ -1534,10 +2550,434 @@ interface ASPxClientDashboardDrillUpPerformedEventHandler<S> {
 interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventArgs {
     /**
      * Gets the name of the dashboard item.
-     * Value: A String that is the name of the dashboard item.
+     * Value: A string that is the name of the dashboard item.
      */
     ItemName: string;
 }
+/**
+ * When implemented, represents the Web Dashboard extension.
+ */
+interface IExtension {
+    /**
+     * A unique name of a Web Dashboard extension.
+     * Value: A string value that is a unique name of a Web Dashboard extension.
+     */
+    name: string;
+    /**
+     * Contains code that will be invoked when you register the dashboard extension.
+     */
+    start(): void;
+    /**
+     * Contains code that will be invoked when you unregister the dashboard extension.
+     */
+    stop(): void;
+}
+/**
+ * An inner part of the ASPxClientDashboard control.
+ */
+interface DashboardControl {
+    /**
+     * Gets or sets knockout templates that you can used in the Web Dashboard.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a knockout template.
+     */
+    customTemplates: KnockoutObservableArray;
+    /**
+     * Provide an access to the collection of registered dashboard extensions.
+     * Value: An array of IExtension objects that are dashboard extensions.
+     */
+    extensions: IExtension[];
+    /**
+     * Initializes a new dashboard with the specified name and JSON model.
+     * @param id A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    initializeDashboard(id: string, dashboardJson: string): void;
+    /**
+     * Initializes a new dashboard with the specified name, JSON model and initial state.
+     * @param id A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     * @param initialState A JSON object that specifies the  dashboard state.
+     */
+    initializeDashboard(id: string, dashboardJson: string, initialState: Object): void;
+    /**
+     * Allows you to register a dashboard extension to add its functionality to the Web Dashboard.
+     * @param extension An IExtension object that is a dashboard extension.
+     */
+    registerExtension(extension: IExtension): void;
+    /**
+     * Allows you to get access to the extension.
+     * @param extensionName A string value that is the dashboard extension name.
+     */
+    findExtension(extensionName: string): IExtension;
+    /**
+     * Allows you to unregister a dashboard extension to disable its functionality in the Web Dashboard.
+     * @param extensionName A string value that is a dashboard extension name.
+     */
+    unregisterExtension(extensionName: string): void;
+}
+interface DashboardParameterDialogExtension extends IExtension {
+}
+interface DashboardExportExtension extends IExtension {
+}
+interface DashboardClientApiExtension extends IExtension {
+}
+interface DashboardCurrencyEditorExtension extends IExtension {
+}
+interface DataSourceBrowserExtension extends IExtension {
+}
+interface DataSourceWizardExtension extends IExtension {
+}
+interface DashboadItemMenuExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to keep track of all user actions, and cancel or repeat them.
+ */
+interface UndoRedoExtension extends IExtension {
+    /**
+     * Allows you to track whether the Web Dashboard has unsaved changes.
+     */
+    isChanged(): boolean;
+}
+/**
+ * An extension that is the dashboard item's Binding menu allowing you to create and modify data binding.
+ */
+interface BindingPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to configure color schemes.
+ */
+interface DashboardColorSchemeEditorExtension extends IExtension {
+}
+/**
+ * An extension that is the dashboard item's Convert To menu allowing you to convert or duplicate the current item.
+ */
+interface ConversionPanelExtension extends IExtension {
+}
+/**
+ * A Web Dashboard extension that allows you to save the current dashboard.
+ */
+interface SaveDashboardExtension extends IExtension {
+    /**
+     * Allows you to save the current dashboard with a specified unique name and JSON model.
+     * @param dashboardId A string value that is a unique name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    performSaveDashboard(dashboardId: string, dashboardJson: string): void;
+    /**
+     * Allows you to invoke a custom function while you save a dashboard.
+     * @param action A custom function that is invoked when the dashboard is about to be saved.
+     */
+    ensureDashboardSaved(action: Function): void;
+    /**
+     * Saves the opened dashboard.
+     */
+    saveDashboard(): void;
+}
+/**
+ * A Web Dashboard extension that allows you to create a new dashboard.
+ */
+interface CreateDashboardExtension extends IExtension {
+    /**
+     * Creates a new dashboard with a specified name and JSON model.
+     * @param dashboardName A string value that is the name of the created dashboard.
+     * @param dashboardJson A dashboard model encoded in the specified JSON string.
+     */
+    performCreateDashboard(dashboardName: string, dashboardJson: string): void;
+}
+/**
+ * A Web Dashboard extension that allows you to open the created dashboards.
+ */
+interface OpenDashboardExtension extends IExtension {
+    /**
+     * Loads a dashboard with the specified identifier from the dashboard storage.
+     * @param id A String value that specifies the unique dashboard name.
+     */
+    loadDashboard(id: string): void;
+}
+/**
+ * An extension that is the dashboard item's Interactivity menu containing settings that affect on interaction between various dashboard items.
+ */
+interface InteractivityPanelExtension extends IExtension {
+}
+/**
+ * An extension that is the dashboard item's Options menu containing specific options and settings related to the current dashboard item.
+ */
+interface OptionsPanelExtension extends IExtension {
+}
+/**
+ * An extension that is the Web Dashboard title editor.
+ */
+interface DashboardTitleEditorExtension extends IExtension {
+}
+/**
+ * The Dashboard Panel extension that displays a list of available dashboards and lets you switch between the designer and viewer modes.
+ */
+interface DashboardPanelExtension extends IExtension {
+    /**
+     * Gets or sets the width of the Dashboard Panel extension.
+     * Value: An integer value that specifies the Dashboard Panel's width.
+     */
+    panelWidth: number;
+    /**
+     * Allows you to control the Dashboard Panel's visibility.
+     * Value: true, to display the Dashboard Panel; otherwise, false.
+     */
+    visible: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether you can switch into the designer mode.
+     * Value: true, to display the Edit in Designer button on the dashboard panel; otherwise, false.
+     */
+    allowSwitchToDesigner: KnockoutObservableBoolean;
+}
+/**
+ * An extension that is a list of available data sources used to provide data to the Web Dashboard.
+ */
+interface AvailableDataSourcesExtension extends IExtension {
+}
+/**
+ * A dashboard menu item.
+ */
+interface DashboardMenuItem {
+    /**
+     * Gets or sets a unique id of a dashboard menu item.
+     * Value: A string value that is a menu item's unique name.
+     */
+    id: string;
+    /**
+     * Gets or sets a dashboard menu item title.
+     * Value: A string value that is a dashboard menu item title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the dashboard menu item group within the dashboard menu.
+     * Value: A zero-based integer specifying the position of the current dashboard menu item.
+     */
+    index: number;
+    /**
+     * Gets or sets a keyboard shortcut used to invoke the command.
+     * Value: An integer value that specifies a hotkey combination.
+     */
+    hotKey: number;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+    /**
+     * Gets or sets a knockout template for the extension.
+     * Value: A string value that is an id of the knockout template.
+     */
+    template: string;
+    /**
+     * Gets or sets whether the dashboard menu item is selected.
+     * Value: true, if the dashboard menu item is selected; otherwise, false;
+     */
+    selected: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether a dashboard menu item should be disabled.
+     * Value: true, if a dashboard menu item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets whether a dashboard menu item has a separator.
+     * Value: true, if a dashboard menu item has a separator; otherwise, false.
+     */
+    hasSeparator: boolean;
+    /**
+     * Gets or sets data that is used by a menu item.
+     * Value: An object that contains data used by a menu item.
+     */
+    data: Object;
+}
+/**
+ * A toolbox item of the specified dashboard toolbox group.
+ */
+interface DashboardToolboxItem {
+    /**
+     * Gets or sets a dashboard item type.
+     * Value: A string value that is a dashboard item type.
+     */
+    type: string;
+    /**
+     * Gets or sets an icon of the dashboard toolbox item.
+     * Value: A string value that is the icon id from the SVG definition.
+     */
+    icon: string;
+    /**
+     * Gets or sets a unique name of the dashboard toolbox item.
+     * Value: A string value that is a toolbox item's unique name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbox item title.
+     * Value: A string value that is a dashboard toolbox item title.
+     */
+    title: string;
+    /**
+     * Gets or sets whether a toolbox item should be disabled.
+     * Value: true, if a toolbox item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+}
+/**
+ * A toolbar item of the specified dashboard toolbar group.
+ */
+interface DashboardToolbarItem {
+    /**
+     * Gets or sets an icon of the dashboard toolbar item.
+     * Value: A string value that is the icon id from the SVG definition.
+     */
+    icon: string;
+    /**
+     * Gets or sets a unique name of the dashboard toolbar item.
+     * Value: A string value that is a unique toolbar item name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbar item title.
+     * Value: A string value that is a dashboard toolbar item title.
+     */
+    title: string;
+    /**
+     * Gets or sets whether a toolbar item should be disabled.
+     * Value: true, if a toolbar item should be disabled; otherwise, false.
+     */
+    disabled: KnockoutObservableBoolean;
+    /**
+     * Gets or sets a knockout extension template.
+     * Value: A string value that is an id of the knockout template.
+     */
+    template: string;
+    /**
+     * Gets or sets a custom function that is invoked when a click occurs.
+     * Value: A custom function that is invoked when a click occurs.
+     */
+    click: Function;
+}
+/**
+ * A toolbox group that contains dashboard toolbox items.
+ */
+interface DashboardToolboxGroup {
+    /**
+     * Gets or sets a unique name of the dashboard toolbox group.
+     * Value: A string value that is a unique toolbox group name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbox group title.
+     * Value: A string value that is a dashboard toolbox group title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the toolbox group within the Toolbox.
+     * Value: A zero-based integer specifying the position of the current toolbox group.
+     */
+    index: number;
+    /**
+     * Provide an access to the collection of toolbox items obtained from the specified toolbox group.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is an array of items obtained from the specified toolbox group.
+     */
+    items: KnockoutObservableArray;
+}
+/**
+ * A toolbar group that contains dashboard toolbar items.
+ */
+interface DashboardToolbarGroup {
+    /**
+     * Gets or sets a unique name of the dashboard toolbar group.
+     * Value: A string value that is a unique toolbar group name.
+     */
+    name: string;
+    /**
+     * Gets or sets a dashboard toolbar group title.
+     * Value: A string value that is a dashboard toolbar group title.
+     */
+    title: string;
+    /**
+     * Gets or sets a position of the toolbar group within the Toolbox.
+     * Value: A zero-based integer specifying the position of the current toolbar group.
+     */
+    index: number;
+    /**
+     * Provide an access to the collection of toolbox items obtained from the specified toolbar group.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is an array of items obtained from the specified toolbar group.
+     */
+    items: KnockoutObservableArray;
+}
+/**
+ * The Web Dashboard Toolbox extension that provides access to the dashboard menu and allows you to add dashboard items, as well as undo or repeat user actions.
+ */
+interface ToolboxExtension extends IExtension {
+    /**
+     * Gets or sets the visibility of the dashboard menu.
+     * Value: true, to display the dashboard menu; otherwise, false.
+     */
+    menuVisible: KnockoutObservableBoolean;
+    /**
+     * Provide an access to the collection of menu items obtained from the dashboard menu.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a collection the dashboard menu items .
+     */
+    menuItems: KnockoutObservableArray;
+    /**
+     * Provide an access to the collection of toolbox groups obtained from the Toolbox.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a collection the toolbox groups.
+     */
+    toolboxGroups: KnockoutObservableArray;
+    /**
+     * Provide an access to the collection of toolbar groups obtained from the Toolbox.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a collection the toolbar groups.
+     */
+    toolbarGroups: KnockoutObservableArray;
+    /**
+     * Allows you to add a specified menu item to the dashboard menu.
+     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
+     */
+    addMenuItem(menuItem: DashboardMenuItem): void;
+    /**
+     * Removes the specified dashboard item from the dashboard menu.
+     * @param menuItemId A string value that is a unique dashboard item name.
+     */
+    removeMenuItem(menuItemId: string): void;
+    /**
+     * Simulates a dashboard menu item selection.
+     * @param menuItem A DashboardMenuItem object that is a dashboard menu item.
+     */
+    selectMenuItem(menuItem: DashboardMenuItem): void;
+    /**
+     * Allows you to add a specified toolbox item into a specified toolbox group.
+     * @param groupName A string value that is a toolbox group name. To get a toolbox group name, use the name property.
+     * @param toolboxItem A DashboardToolboxItem object that is a dashboard toolbox item.
+     */
+    addToolboxItem(groupName: string, toolboxItem: DashboardToolboxItem): void;
+    /**
+     * Removes the specified toolbox item from the specified toolbox group.
+     * @param groupName A string value that is a unique toolbox group name.
+     * @param toolboxItemName A string value that is a unique toolbox item name.
+     */
+    removeToolboxItem(groupName: string, toolboxItemName: string): void;
+    /**
+     * Allows you to add a specified toolbar item into a specified toolbar group.
+     * @param groupName A string value that is a toolbar group name. To get a toolbar group name, use the name property.
+     * @param toolbarItem A DashboardToolbarItem object that is a dashboard toolbar item.
+     */
+    addToolbarItem(groupName: string, toolbarItem: DashboardToolbarItem): void;
+    /**
+     * Removes the specified toolbar item from the specified toolbar group.
+     * @param groupName A string value that is a unique toolbar group name.
+     * @param toolbarItemName A string value that is a unique toolbar item name.
+     */
+    removeToolbarItem(groupName: string, toolbarItemName: string): void;
+}
+/**
+ * A Web Dashboard extension that allows you to create and edit dashboard parameters.
+ */
+interface DashboardParameterEditorExtension extends IExtension {
+}
 /**
  * Serves as the base object for all the editors included in the client-side object model.
  */
@@ -2265,6 +3705,58 @@ interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
      * @param callbackFunction An object that is the JavaScript function that receives the callback data as a parameter. The function is performed after the combo box content is loaded.
      */
     EnsureDropDownLoaded(callbackFunction: Object): void;
+    /**
+     * Defines the HTML content for the specified combo box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the combo box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified combo box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
 }
 /**
  * Represents the client-side equivalent of the ASPxDateEdit control.
@@ -2295,10 +3787,13 @@ interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
      */
     GetTimeEdit(): ASPxClientTimeEdit;
     /**
-     * 
-     * @param date 
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
      */
     SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
     GetDate(): Date;
     /**
      * Returns the number of days in a range selected within a date edit.
@@ -2773,6 +4268,58 @@ interface ASPxClientListBox extends ASPxClientListEdit {
      * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
      */
     InsertItem(index: number, texts: string[]): void;
+    /**
+     * Defines the HTML content for the specified list box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the list box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified list box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
 }
 /**
  * Serves as the base type for the ASPxClientRadioButtonList objects.
@@ -2997,10 +4544,13 @@ interface ASPxClientTimeEdit extends ASPxClientSpinEditBase {
      */
     DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimeEdit>>;
     /**
-     * 
-     * @param date 
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
      */
     SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
     GetDate(): Date;
 }
 /**
@@ -3407,16 +4957,82 @@ interface ASPxClientGaugeControl extends ASPxClientControl {
      */
     PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
 }
+/**
+ * Lists values that specify the position relative to the target column in which a moved column should be placed.
+ */
+interface ASPxClientGridColumnMovingTargetPosition {
+    /**
+     * A moved column should be placed to the right of the target column.
+     */
+    Right: number;
+    /**
+     * A moved column should be placed to the left of the target column.
+     */
+    Left: number;
+    /**
+     * A moved column should be placed at the top of the target column.
+     */
+    Top: number;
+    /**
+     * A moved column should be placed at the bottom of the target column.
+     */
+    Bottom: number;
+}
 /**
  * Represents the client ASPxGridView.
  */
 interface ASPxClientGridBase extends ASPxClientControl {
+    /**
+     * Fires after a toolbar item has been clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientGridToolbarItemClickEventHandler<ASPxClientGridBase>>;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Returns a grid's toolbar specified by its index.
+     * @param index An integer value specifying the zero-based index of the toolbar object to retrieve.
+     */
+    GetToolbar(index: number): ASPxClientMenu;
 }
 /**
  * Serves as a base object implementing the client column functionality.
  */
 interface ASPxClientGridColumnBase {
 }
+/**
+ * A method that will handle the ToolbarItemClick event.
+ */
+interface ASPxClientGridToolbarItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridToolbarItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridToolbarItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarItemClick event.
+ */
+interface ASPxClientGridToolbarItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the toolbar index.
+     * Value: An integer value that is the toolbar index.
+     */
+    toolbarIndex: number;
+    /**
+     * Gets the clicked toolbar item.
+     * Value: A ASPxClientMenuItem object that is the toolbar item.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+}
 /**
  * The client-side equivalent of the ASPxGridLookup control.
  */
@@ -3503,6 +5119,10 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * Occurs on the client side before a card is deleted in batch edit mode.
      */
     BatchEditCardDeleting: ASPxClientEvent<ASPxClientCardViewBatchEditCardDeletingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientCardViewFocusedCellChangingEventHandler<ASPxClientCardView>>;
     /**
      * Fires on the client when a card is clicked.
      */
@@ -3531,6 +5151,21 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * Fires after the customization window has been closed.
      */
     CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientCardView>>;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientCardViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
     /**
      * Moves focus to the specified edit cell within the edited card.
      * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
@@ -3911,6 +5546,12 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
      */
     PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
     /**
      * Selects the specified page.
      * @param pageIndex An integer value that specifies the active page's index.
@@ -4036,21 +5677,6 @@ interface ASPxClientCardView extends ASPxClientGridBase {
      * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
      */
     GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
-    /**
-     * Returns the value of the specified edit cell.
-     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
-     */
-    GetEditValue(column: ASPxClientCardViewColumn): string;
-    /**
-     * Returns the value of the specified edit cell.
-     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
-     */
-    GetEditValue(columnIndex: number): string;
-    /**
-     * Returns the value of the specified edit cell.
-     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
-     */
-    GetEditValue(columnFieldNameOrId: string): string;
 }
 /**
  * Represents a client column.
@@ -4435,6 +6061,27 @@ interface ASPxClientCardViewBatchEditCardDeletingEventArgs extends ASPxClientCan
      */
     cardValues: Object;
 }
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientCardViewFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientCardViewFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information of a card's cell currently being focused.
+     * Value: A ASPxClientCardViewCellInfo object that provides information about the card's cell.
+     */
+    cellInfo: ASPxClientCardViewCellInfo;
+}
 /**
  * Provides members related to Batch Edit Mode
  */
@@ -4503,6 +6150,12 @@ interface ASPxClientCardViewBatchEditApi {
      * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
      */
     GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding a data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
     /**
      * Gets information about the cell currently being edited.
      */
@@ -4672,6 +6325,10 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Occurs on the client side before a data row is deleted in batch edit mode.
      */
     BatchEditRowDeleting: ASPxClientEvent<ASPxClientGridViewBatchEditRowDeletingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientGridViewFocusedCellChangingEventHandler<ASPxClientGridView>>;
     /**
      * Occurs when a callback for server-side processing is initiated.
      */
@@ -4688,6 +6345,55 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * Fires after the Customization Window has been closed.
      */
     CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
+    /**
+     * Selects or deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    SelectRowsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid row by its key.
+     * @param key An object that uniquely identifies the row.
+     */
+    SelectRowsByKey(key: Object): void;
+    /**
+     * Deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    UnselectRowsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     */
+    UnselectRowsByKey(key: Object): void;
+    /**
+     * Deselects all the selected rows within the grid.
+     */
+    UnselectRows(): void;
+    /**
+     * Deselects the specified rows (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    UnselectRows(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified row (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRows(visibleIndex: number): void;
+    /**
+     * Deselects all grid rows that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRows(): void;
+    /**
+     * Selects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRowOnPage(visibleIndex: number): void;
     /**
      * Selects or deselects the specified row displayed on the current page.
      * @param visibleIndex A zero-based integer value that specifies the row's visible index.
@@ -4763,6 +6469,11 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * @param position An integer value specifying the horizontal scroll position.
      */
     SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Sets the scrollability of various types of grid rows when the grid displays fixed columns.
+     * @param scrollableRowSettings An object specifying which types of grid rows should or should not be scrollable.
+     */
+    SetFixedColumnScrollableRows(scrollableRowSettings: Object): void;
     /**
      * Applies a filter specified in the filter row to the GridView.
      */
@@ -4827,6 +6538,12 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
      */
     PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
     /**
      * Selects the specified page.
      * @param pageIndex An integer value that specifies the active page's index.
@@ -5036,6 +6753,10 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
      */
     SetFocusedCell(rowVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Invokes the Customization Dialog and displays it over the grid.
+     */
+    ShowCustomizationDialog(): void;
     /**
      * Sorts data by the specified data column's values.
      * @param column An ASPxClientGridViewColumn object that represents the data column.
@@ -5219,6 +6940,38 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
      */
     MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the ASPxGridView's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
     /**
      * Groups data by the values of the specified column.
      * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
@@ -5288,6 +7041,21 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
      */
     UnGroup(columnFieldNameOrId: string): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param column A ASPxClientGridViewColumn object that is the grid column.
+     */
+    Ungroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param columnIndex An integer value that is the column index.
+     */
+    Ungroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of a specified column.
+     * @param columnFieldNameOrId A string value that is the column's FieldName or ID.
+     */
+    Ungroup(columnFieldNameOrId: string): void;
     /**
      * Expands all group rows.
      */
@@ -5415,55 +7183,6 @@ interface ASPxClientGridView extends ASPxClientGridBase {
      * @param selected true to select the specified rows; false to deselect the rows.
      */
     SelectRowsByKey(keys: Object[], selected?: boolean): void;
-    /**
-     * Selects or deselects the specified row displayed within the grid.
-     * @param key An object that uniquely identifies the row.
-     * @param selected true to select the specified row; false to deselect the row.
-     */
-    SelectRowsByKey(key: Object, selected?: boolean): void;
-    /**
-     * Selects the specified rows displayed within the grid.
-     * @param keys An array of objects that uniquely identify the rows.
-     */
-    SelectRowsByKey(keys: Object[]): void;
-    /**
-     * Selects a grid row by its key.
-     * @param key An object that uniquely identifies the row.
-     */
-    SelectRowsByKey(key: Object): void;
-    /**
-     * Deselects the specified rows displayed within the grid.
-     * @param keys An array of objects that uniquely identify the rows.
-     */
-    UnselectRowsByKey(keys: Object[]): void;
-    /**
-     * Deselects the specified row displayed within the grid.
-     * @param key An object that uniquely identifies the row.
-     */
-    UnselectRowsByKey(key: Object): void;
-    /**
-     * Deselects all the selected rows within the grid.
-     */
-    UnselectRows(): void;
-    /**
-     * Deselects the specified rows (if selected) within the grid.
-     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
-     */
-    UnselectRows(visibleIndices: number[]): void;
-    /**
-     * Deselects the specified row (if selected) within the grid.
-     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
-     */
-    UnselectRows(visibleIndex: number): void;
-    /**
-     * Deselects all grid rows that match the filter criteria currently applied to the grid.
-     */
-    UnselectFilteredRows(): void;
-    /**
-     * Selects the specified row displayed on the current page.
-     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
-     */
-    SelectRowOnPage(visibleIndex: number): void;
 }
 /**
  * A client grid column.
@@ -6013,6 +7732,27 @@ interface ASPxClientGridViewBatchEditRowDeletingEventArgs extends ASPxClientCanc
      */
     rowValues: Object;
 }
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientGridViewFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientGridViewFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientGridViewCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientGridViewCellInfo;
+}
 /**
  * Contains information on a grid cell.
  */
@@ -6096,6 +7836,12 @@ interface ASPxClientGridViewBatchEditApi {
      * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
      */
     GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding a data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
     /**
      * Gets information about the cell currently being edited.
      */
@@ -6190,6 +7936,10 @@ interface ASPxClientVerticalGrid extends ASPxClientGridBase {
      * Enables you to specify whether record data is valid and provide an error text.
      */
     BatchEditRecordValidating: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side when the focused cell is about to be changed.
+     */
+    FocusedCellChanging: ASPxClientEvent<ASPxClientVerticalGridFocusedCellChangingEventHandler<ASPxClientVerticalGrid>>;
     /**
      * Enables you to prevent rows from being sorted.
      */
@@ -6477,6 +8227,12 @@ interface ASPxClientVerticalGrid extends ASPxClientGridBase {
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
      */
     PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
     /**
      * Selects the specified page.
      * @param pageIndex An integer value that specifies the active page's index.
@@ -7050,6 +8806,27 @@ interface ASPxClientVerticalGridBatchEditRecordDeletingEventArgs extends ASPxCli
      */
     recordValues: Object;
 }
+/**
+ * A method that will handle the FocusedCellChanging event.
+ */
+interface ASPxClientVerticalGridFocusedCellChangingEventHandler<S> {
+    /**
+     * A method that will handle the FocusedCellChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridFocusedCellChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridFocusedCellChangingEventArgs): void;
+}
+/**
+ * Provides data for the FocusedCellChanging event.
+ */
+interface ASPxClientVerticalGridFocusedCellChangingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides information on a cell currently being focused.
+     * Value: A ASPxClientVerticalGridCellInfo object that is the cell information.
+     */
+    cellInfo: ASPxClientVerticalGridCellInfo;
+}
 /**
  * Contains information on a cell that is being edited.
  */
@@ -7133,6 +8910,12 @@ interface ASPxClientVerticalGridBatchEditApi {
      * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
      */
     GetCellValue(visibleIndex: number, rowFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets a container holding the data cell content.
+     * @param visibleIndex An integer value that is the visible index.
+     * @param columnFieldNameOrId A string value that is the column's Field Name or ID.
+     */
+    GetCellTextContainer(visibleIndex: number, columnFieldNameOrId: string): Object;
     /**
      * Gets information about the cell currently being edited.
      */
@@ -7228,6 +9011,21 @@ interface ASPxClientHtmlEditorCommandStyleSettings {
      * Value: A string that specifies an element's left margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
      */
     marginLeft: string;
+    /**
+     * Gets or sets a media element's background color.
+     * Value: A string that specifies a background color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    backgroundColor: string;
+    /**
+     * Gets or sets the element's text alignment.
+     * Value: A string value that specifies the element's text alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    textAlign: string;
+    /**
+     * Gets or sets the element's vertical alignment.
+     * Value: A string value that specifies the element's vertical alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    verticalAlign: string;
 }
 /**
  * The base class for parameters used in the ASPxHtmlEditor's client-side commands.
@@ -7298,6 +9096,11 @@ interface ASPxClientHtmlEditorInsertLinkCommandArguments extends ASPxClientHtmlE
      * Value: A string value defining the title of the target link.
      */
     title: string;
+    /**
+     * Contains the style settings defining the appearance of the target link element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target link element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
 }
 /**
  * The base class for parameters related to inserting or changing media elements in the ASPxHtmlEditor.
@@ -7443,6 +9246,101 @@ interface ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments extends ASPxCli
  */
 interface ASPxClientHtmlEditorChangeYouTubeVideoCommandArguments extends ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments {
 }
+/**
+ * Contains settings related to the TABLEPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTablePropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target table element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target table element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Determines the position of the target table element.
+     * Value: A string value indicating the position of the target table element.
+     */
+    align: string;
+    /**
+     * Gets or sets a table cell padding.
+     * Value: An integer value that is the cell padding.
+     */
+    cellPadding: number;
+    /**
+     * Gets or sets the table cell spacing.
+     * Value: An integer value that is the table cell spacing.
+     */
+    cellSpacing: number;
+    /**
+     * Gets or sets a value that is the table caption.
+     * Value: A string value that is the caption.
+     */
+    caption: string;
+    /**
+     * Gets or sets a value indicating whether the first row/column serves as the table's header.
+     * Value: A string value that specifies whether the first row/column serves as the table's header.
+     */
+    headers: string;
+    /**
+     * Gets or sets the table's summary.
+     * Value: A string value that is the table's summary.
+     */
+    summary: string;
+}
+/**
+ * Contains settings related to the INSERTTABLE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertTableCommandArguments extends ASPxClientHtmlEditorTablePropertiesCommandArguments {
+    /**
+     * Gets or sets the count of columns in the table.
+     * Value: An integer value that is the count of columns.
+     */
+    columns: number;
+    /**
+     * Gets or sets the count of rows in the table.
+     * Value: An integer value that is the count of rows.
+     */
+    rows: number;
+    /**
+     * Gets or sets a value indicating whether all table columns should have equal width.
+     * Value: true, to create equal widths for all columns; otherwise, false.
+     */
+    isEqualColumnWidth: boolean;
+}
+/**
+ * Contains settings related to the TABLECELLPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableCellPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target cell element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target cell element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Gets or sets a value that indicates whether the cell settings should be applied to all cells in the table.
+     * Value: true, if the cell settings should be applied to all cells in the table; otherwise, false.
+     */
+    applyForAll: boolean;
+}
+/**
+ * Contains settings related to the TABLEROWPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableRowPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings specifying the appearance of the specified table row.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the specified table row.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the TABLECOLUMNPROPERTIES_DIALOG_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorTableColumnPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Contains the style settings defining the appearance of the target column element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target column element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
 /**
  * A method that will handle the DialogInitialized client event.
  */
@@ -7463,6 +9361,68 @@ interface ASPxClientHtmlEditorDialogInitializedEventArgs extends ASPxClientEvent
      * Value: A string value that is the name of the initialized dialog.
      */
     dialogName: string;
+    /**
+     * Gets a dialog object related to the event.
+     * Value: A ASPxClientHtmlEditorDialogBase object that is the dialog.
+     */
+    dialog: ASPxClientHtmlEditorDialogBase;
+}
+/**
+ * Provides data for the event that fires when the HTML Editor dialogs are closed or are going to be closed.
+ */
+interface ASPxClientHtmlEditorDialogCloseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the dialog name related to the event.
+     * Value: A string value that is the dialog name.
+     */
+    dialogName: string;
+    /**
+     * Gets the dialog object related to the event.
+     * Value: An ASPxClientHtmlEditorDialogBase object that is the dialog.
+     */
+    dialog: ASPxClientHtmlEditorDialogBase;
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the DialogClosing event.
+ */
+interface ASPxClientHtmlEditorDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the DialogClosing event.
+     * @param source The event source.
+     * @param e An ASPxClientHtmlEditorDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the DialogClosing event.
+ */
+interface ASPxClientHtmlEditorDialogClosingEventArgs extends ASPxClientHtmlEditorDialogCloseEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the DialogClosed event.
+ */
+interface ASPxClientHtmlEditorDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the DialogClosed event.
+     * @param source The event source.
+     * @param e An ASPxClientHtmlEditorDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the DialogClosed event.
+ */
+interface ASPxClientHtmlEditorDialogClosedEventArgs extends ASPxClientHtmlEditorDialogCloseEventArgs {
 }
 /**
  * A method that will handle the CommandExecuting event.
@@ -7696,6 +9656,14 @@ interface ASPxClientHtmlEditor extends ASPxClientControl {
      * Occurs on the client side after a dialog has been initialized.
      */
     DialogInitialized: ASPxClientEvent<ASPxClientHtmlEditorDialogInitializedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a dialog is going to be closed.
+     */
+    DialogClosing: ASPxClientEvent<ASPxClientHtmlEditorDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a dialog is closed.
+     */
+    DialogClosed: ASPxClientEvent<ASPxClientHtmlEditorDialogClosedEventHandler<ASPxClientHtmlEditor>>;
     /**
      * Occurs before a default or custom command has been executed and allows you to cancel the action.
      */
@@ -7780,6 +9748,10 @@ interface ASPxClientHtmlEditor extends ASPxClientControl {
      * Returns the document object generated by an iframe element within a design view area.
      */
     GetDesignViewDocument(): Object;
+    /**
+     * Provides access to the client ASPxPopupControl object that is a Html Editor's dialog.
+     */
+    GetDialogPopupControl(): ASPxClientPopupControl;
     /**
      * Returns the document object generated by an iframe element within a preview area.
      */
@@ -7910,6 +9882,513 @@ interface ASPxClientHtmlEditor extends ASPxClientControl {
      */
     PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
 }
+/**
+ * Provides client functionality for dialogs within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client ASPxFormLayout object that arranges all editors in the Html Editor's dialogs.
+     */
+    GetFormLayout(): ASPxClientFormLayout;
+    /**
+     * Provides access to the client object of the "OK" button in the Html Editor's dialogs.
+     */
+    GetOkButton(): ASPxClientButton;
+    /**
+     * Provides access to the client object of the "Cancel" button in the Html Editor's dialogs.
+     */
+    GetCancelButton(): ASPxClientButton;
+}
+/**
+ * Provides client functionality for Html Editor's dialogs operated with the elements.
+ */
+interface ASPxClientHtmlEditorEditElementDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Border style" combo box in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderStyleComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Border width" spin editor in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Border color" color editor in the Html Editor's dialogs (Style Settings).
+     */
+    GetBorderColorColorEdit(): ASPxClientColorEdit;
+    /**
+     * Provides access to the client object of the "Top margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetTopMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Bottom margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetBottomMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Left margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetLeftMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Right margin" text box in the Html Editor's dialogs (Style Settings).
+     */
+    GetRightMarginTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "CSS class" combo box in the Html Editor's dialogs (Style Settings).
+     */
+    GetCssClassNameComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Change Element Properties dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeElementPropertiesDialog extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the "ID" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetIdTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Title" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetTitleTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Direction" combo box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetDirectionComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Value" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetValueTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Tab index" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetTabIndexTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Disabled" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetDisabledCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Input type" combo box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetInputTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "For" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetForTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Name" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetNameTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Method" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetMethodTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Action" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetActionTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Checked" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetCheckedCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Max length" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetMaxLengthTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Size" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetSizeTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Readonly" check box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetReadonlyCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Src" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetSrcTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Accept" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetAcceptTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Alt" text box in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetAltTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Start" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetStartSpinEdit(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Width" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows you to specify the element width measurement unit in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Height" spin editor in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows to specify the element height measurement unit in the Html Editor's "Change Element Properties" dialog.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Link dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorLinkDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "E-mail to" text box in the Html Editor's Link dialog.
+     */
+    GetEmailTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Text" text box in the Html Editor's Link dialog.
+     */
+    GetTextTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "ToolTip" text box in the Html Editor's Link dialog.
+     */
+    GetTooltipTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Subject" text box in the Html Editor's Link dialog.
+     */
+    GetSubjectTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "URL" text box in the Html Editor's Link dialog.
+     */
+    GetUrlTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the file manager used in the Link dialog's "Select Document" popup window.
+     */
+    GetFileManager(): ASPxClientFileManager;
+    /**
+     * Provides access to the client object of the "Cancel" button in the Link dialog's "Select Document" popup window.
+     */
+    GetSelectDocumentPopupCancelButton(): ASPxClientButton;
+    /**
+     * Provides access to the client object of the "Select" button in the Link dialog's "Select Document" popup window.
+     */
+    GetSelectDocumentPopupSelectButton(): ASPxClientButton;
+    /**
+     * Provides access to the client popup control object that is the "Select Document" popup window in the Html Editor's Link dialog.
+     */
+    GetSelectDocumentPopupControl(): ASPxClientPopupControl;
+    /**
+     * Provides access to the client object of the "Open in new window" check box in the Html Editor's Link dialog.
+     */
+    GetOpenInNewWindowCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client radio button list object used to specify the link type in the Html Editor's Link dialog.
+     */
+    GetLinkTypeRadioButtonList(): ASPxClientRadioButtonList;
+}
+/**
+ * Provides client functionality for the Placeholder dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorPlaceholderDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the ASPxListBox client object that lists placeholder names in the Html Editor's Placeholder dialog.
+     */
+    GetPlaceholderNameListBox(): ASPxClientListBox;
+}
+/**
+ * Provides client functionality for the Paste From Word dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorPasteFromWordDialog extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Remove font family" check box in the Html Editor's Flash dialog.
+     */
+    GetRemoveFontFamilyCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the media dialogs within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorMediaDialogBase extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the media file selector that allows you to insert/change media files in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetMediaFileSelector(): ASPxClientMediaFileSelector;
+    /**
+     * Provides access to the client object of the "More options" check box in the Html Editor's Audio/Video/Flash/Image dialogs.
+     */
+    GetMoreOptionsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Width" spin editor in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Height" spin editor in the Html Editor's Audio/Video/Flash dialogs.
+     */
+    GetHeightSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Position" combo box in the Html Editor's Audio/Video/Flash/Image dialogs.
+     */
+    GetPositionComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Image dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorImageDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Size" combo box in the Html Editor's Image dialog.
+     */
+    GetSizeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Create thumbnail" check box in the Html Editor's Image dialog.
+     */
+    GetCreateThumbnailCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "New image name" text box in the Html Editor's Image dialog.
+     */
+    GetThumbnailNameTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Wrap text around image" check box in the Html Editor's Image dialog.
+     */
+    GetWrapTextCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Description" text box in the Html Editor's Image dialog.
+     */
+    GetDescriptionTextBox(): ASPxClientTextBox;
+}
+/**
+ * Provides client functionality for the Flash dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorFlashDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Quality" combo box in the Html Editor's Flash dialog.
+     */
+    GetQualityComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Flash dialog.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Enable flash menu" check box in the Html Editor's Flash dialog.
+     */
+    GetEnableFlashMenuCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Flash dialog.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Allow fullscreen" check box in the Html Editor's Flash dialog.
+     */
+    GetAllowFullscreenCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Audio dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorAudioDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Audio dialogs.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Preload mode" combo box in the Html Editor's Audio dialogs.
+     */
+    GetPreloadModeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Audio dialogs.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's Audio dialogs.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Video dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorVideoDialog extends ASPxClientHtmlEditorMediaDialogBase {
+    /**
+     * Provides access to the client object of the "Auto play" check box in the Html Editor's Video dialog.
+     */
+    GetAutoPlayCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Preload mode" combo box in the Html Editor's Video dialog.
+     */
+    GetPreloadModeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Loop" check box in the Html Editor's Video dialog.
+     */
+    GetLoopCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's Video dialog.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Poster URL" text box in the Html Editor's Video dialog.
+     */
+    GetPosterTextBox(): ASPxClientTextBox;
+}
+/**
+ * Provides client functionality for the YouTube Video dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorYouTubeDialog extends ASPxClientHtmlEditorEditElementDialog {
+    /**
+     * Provides access to the client object of the "Enable privacy-enhanced mode" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetConfidentModeCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show suggested videos when the video finishes" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowSameVideosCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show video title and player actions" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowVideoNameCheckBox(): ASPxClientCheckBox;
+    /**
+     * Provides access to the client object of the "Show player controls" check box in the Html Editor's YouTube Video dialog.
+     */
+    GetShowPlayerControlsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides base client functionality for the Table dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableDialogBase extends ASPxClientHtmlEditorDialogBase {
+    /**
+     * Provides access to the client object of the "Background color" color editor in the Html Editor's Table dialogs.
+     */
+    GetBackgroundColorColorEdit(): ASPxClientColorEdit;
+}
+/**
+ * Provides client functionality for the Table dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableDialog extends ASPxClientHtmlEditorTableDialogBase {
+    /**
+     * Provides access to the client object of the "Width" combo box in the Html Editor's Table dialogs.
+     */
+    GetWidthTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor in the Html Editor's Table dialogs that allows you to specify the table width value.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box in the Html Editor's Table dialogs that allows you to specify the table width measurement unit.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Height" combo box in the Html Editor's Table dialogs.
+     */
+    GetHeightTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor in the Html Editor's Table dialogs that allows you specify the table height value.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box in the Html Editor's Table dialogs that allows you to specify the table height measurement unit.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Cell padding" spin editor in the Html Editor's Table dialogs.
+     */
+    GetCellPaddingSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Cell spacing" spin editor in the Html Editor's Table dialogs.
+     */
+    GetCellSpacingSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Alignment" combo box in the Html Editor's Table dialogs.
+     */
+    GetAlignmentComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Border Color" color editor in the Html Editor's Table dialogs.
+     */
+    GetBorderColorColorEdit(): ASPxClientColorEdit;
+    /**
+     * Provides access to the client object of the "Border size" spin editor in the Html Editor's Table dialogs.
+     */
+    GetBorderWidthSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Headers" combo box in the Html Editor's Table dialogs.
+     */
+    GetHeadersComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Caption" text box in the Html Editor's Table dialogs.
+     */
+    GetCaptionTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Summary" text box in the Html Editor's Table dialogs.
+     */
+    GetSummaryTextBox(): ASPxClientTextBox;
+    /**
+     * Provides access to the client object of the "Accessibility" check box related to the Html Editor's Table dialogs.
+     */
+    GetAccessibilityCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Insert Table dialog within the  ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorInsertTableDialog extends ASPxClientHtmlEditorTableDialog {
+    /**
+     * Provides access to the client object of the "Columns" spin editor in the Html Editor's Table dialogs.
+     */
+    GetColumnCountSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Rows" spin editor in the Html Editor's Table dialogs.
+     */
+    GetRowCountSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the "Equal column widths" check box in the Html Editor's Table dialogs.
+     */
+    GetEqualWidthCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for Table dialogs within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableElementPropertiesDialog extends ASPxClientHtmlEditorTableDialogBase {
+    /**
+     * Provides access to the client object of the "Horizontal" combo box in the Html Editor's Row/Column/Cell Properties dialog's Alignment group.
+     */
+    GetHorizontalAlignmentComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the "Vertical" combo box in the Html Editor's Row/Column/Cell Properties dialog's Alignment group.
+     */
+    GetVerticalAlignmentComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Cell Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableCellPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Apply to all cells in the table" check box in the Html Editor's Cell Properties dialog.
+     */
+    GetApplyToAllCellsCheckBox(): ASPxClientCheckBox;
+}
+/**
+ * Provides client functionality for the Row Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableRowPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Height" combo box in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client ASPxSpinEdit object that allows you to specify the row height in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client ASPxComboBox object that allows you to specify the row height measurement unit in the Html Editor's "Row Properties" dialog.
+     */
+    GetHeightValueTypeComboBox(): ASPxClientComboBox;
+}
+/**
+ * Provides client functionality for the Column Properties dialog within the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorTableColumnPropertiesDialog extends ASPxClientHtmlEditorTableElementPropertiesDialog {
+    /**
+     * Provides access to the client object of the "Width" combo box in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthTypeComboBox(): ASPxClientComboBox;
+    /**
+     * Provides access to the client object of the spin editor that allows you to set the column width value in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthValueSpinEdit(): ASPxClientSpinEdit;
+    /**
+     * Provides access to the client object of the combo box that allows you to specify the column width measurement unit in the Html Editor's "Column Properties" dialog.
+     */
+    GetWidthValueTypeComboBox(): ASPxClientComboBox;
+}
 /**
  * A selection in the ASPxHtmlEditor.
  */
@@ -7938,7 +10417,7 @@ interface ASPxClientHtmlEditorSelection {
     SetHtml(html: string, addToHistory: boolean): void;
 }
 /**
- * A client-side equivalent of the ASPxPivotGrid control.
+ * The client-side equivalent of the ASPxPivotGrid control.
  */
 interface ASPxClientPivotGrid extends ASPxClientControl {
     /**
@@ -8246,6 +10725,10 @@ interface ASPxClientRichEdit extends ASPxClientControl {
      * Value: A <see cref="RichEditSelection" /> object that lists methods to work with the selection.
      */
     selection: RichEditSelection;
+    /**
+     * Gets a unit converter.
+     * Value: A <see cref="RichEditUnitConverter" /> object representing a unit converter.
+     */
     unitConverter: RichEditUnitConverter;
     /**
      * Occurs after a custom command has been executed on the client side.
@@ -8350,6 +10833,11 @@ interface RichEditCommands {
      * Value: A <see cref="FileSaveAsCommand" /> object that provides methods for executing the command and checking its state.
      */
     fileSaveAs: FileSaveAsCommand;
+    /**
+     * Gets a command to open the file's Save As dialog.
+     * Value: A <see cref="FileSaveAsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAsDialog: FileSaveAsDialogCommand;
     /**
      * Gets a command to invoke a browser-specific Print dialog allowing one to print the current document.
      * Value: A <see cref="FilePrintCommand" /> object that provides methods for executing the command and checking its state.
@@ -8620,6 +11108,10 @@ interface RichEditCommands {
      * Value: A <see cref="DeleteBookmarkCommand" /> object that provides methods for executing the command and checking its state.
      */
     deleteBookmark: DeleteBookmarkCommand;
+    /**
+     * Gets a command to navigate to the specified bookmark.
+     * Value: A <see cref="GoToBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
     goToBookmark: GoToBookmarkCommand;
     /**
      * Gets a command to invoke the Hyperlink dialog window.
@@ -8671,6 +11163,10 @@ interface RichEditCommands {
      * Value: A <see cref="ChangePageOrientationCommand" /> object that provides methods for executing the command and checking its state.
      */
     changePageOrientation: ChangePageOrientationCommand;
+    /**
+     * Gets a command to define the page size dialog's settings.
+     * Value: A <see cref="SetPageSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
     setPageSizeDialog: SetPageSizeDialogCommand;
     /**
      * Gets a command to invoke the Paper tab of the Page Setup dialog window.
@@ -8752,6 +11248,16 @@ interface RichEditCommands {
      * Value: A <see cref="DeleteCommand" /> object that provides methods for executing the command and checking its state.
      */
     delete: DeleteCommand;
+    /**
+     * Gets a command to remove the previous word.
+     * Value: A <see cref="RemovePrevWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removePrevWord: RemovePrevWordCommand;
+    /**
+     * Gets a command to remove the next word.
+     * Value: A <see cref="RemoveNextWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNextWord: RemoveNextWordCommand;
     /**
      * Gets a command to move the cursor backwards and erase the character in that space.
      * Value: A <see cref="BackspaceCommand" /> object that provides methods for executing the command and checking its state.
@@ -9022,6 +11528,10 @@ interface RichEditCommands {
      * Value: A <see cref="ChangeTableCellPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
      */
     changeTableCellPreferredWidth: ChangeTableCellPreferredWidthCommand;
+    /**
+     * Gets a command to toggle inside borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellInsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
     toggleTableCellInsideBorders: ToggleTableCellInsideBordersCommand;
     /**
      * Gets a command to change the selected table columns' preferred width.
@@ -9273,7 +11783,86 @@ interface RichEditCommands {
      * Value: A <see cref="OpenSpellingDialogCommand" /> object that provides methods for executing the command and checking its state.
      */
     openSpellingDialog: OpenSpellingDialogCommand;
+    /**
+     * Gets a command to assign a shortcut to the specified client command.
+     * Value: A <see cref="AssignShortcutCommand" /> object that provides methods for executing the command and checking its state.
+     */
     assignShortcut: AssignShortcutCommand;
+    /**
+     * Gets a command to invoke the Layout dialog window to customize the settings of a floating object.
+     * Value: A <see cref="OpenLayoutOptionsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openLayoutOptionsDialog: OpenLayoutOptionsDialogCommand;
+    /**
+     * Gets a command to insert a floating text box.
+     * Value: A <see cref="InsertFloatingTextBoxCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFloatingTextBox: InsertFloatingTextBoxCommand;
+    /**
+     * Gets a command to modify a floating object's alignment position.
+     * Value: A <see cref="ChangeFloatingObjectAlignmentPositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAlignmentPosition: ChangeFloatingObjectAlignmentPositionCommand;
+    /**
+     * Gets a command to change a floating object's absolute position.
+     * Value: A <see cref="ChangeFloatingObjectAbsolutePositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAbsolutePosition: ChangeFloatingObjectAbsolutePositionCommand;
+    /**
+     * Gets a command to modify a floating object's relative position.
+     * Value: A <see cref="ChangeFloatingObjectRelativePositionCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectRelativePosition: ChangeFloatingObjectRelativePositionCommand;
+    /**
+     * Gets a command to lock a floating object's anchor.
+     * Value: A <see cref="ChangeFloatingObjectLockAnchorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectLockAnchor: ChangeFloatingObjectLockAnchorCommand;
+    /**
+     * Gets a command to modify a floating object's text wrapping settings.
+     * Value: A <see cref="ChangeFloatingObjectTextWrappingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectTextWrapping: ChangeFloatingObjectTextWrappingCommand;
+    /**
+     * Gets a command to change a floating object's absolute size.
+     * Value: A <see cref="ChangeFloatingObjectAbsoluteSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectAbsoluteSize: ChangeFloatingObjectAbsoluteSizeCommand;
+    /**
+     * Gets a command to modify a text box' relative size settings.
+     * Value: A <see cref="ChangeTextBoxRelativeSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxRelativeSize: ChangeTextBoxRelativeSizeCommand;
+    /**
+     * Gets a command to rotate a floating object.
+     * Value: A <see cref="ChangeFloatingObjectRotationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectRotation: ChangeFloatingObjectRotationCommand;
+    /**
+     * Gets a command to lock a floating object's aspect ratio.
+     * Value: A <see cref="ChangeFloatingObjectLockAspectRatioCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectLockAspectRatio: ChangeFloatingObjectLockAspectRatioCommand;
+    /**
+     * Gets a command to modify a floating object's background fill color.
+     * Value: A <see cref="ChangeFloatingObjectFillColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectFillColor: ChangeFloatingObjectFillColorCommand;
+    /**
+     * Gets a command to modify a floating object's outline color.
+     * Value: A <see cref="ChangeFloatingObjectOutlineColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectOutlineColor: ChangeFloatingObjectOutlineColorCommand;
+    /**
+     * Gets a command to modify a floating object's outline width.
+     * Value: A <see cref="ChangeFloatingObjectOutlineWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFloatingObjectOutlineWidth: ChangeFloatingObjectOutlineWidthCommand;
+    /**
+     * Gets a command to modify a text box' content margins.
+     * Value: A <see cref="ChangeTextBoxContentMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTextBoxContentMargins: ChangeTextBoxContentMarginsCommand;
 }
 /**
  * Serves as a base for objects that implement different client command functionalities.
@@ -9303,7 +11892,7 @@ interface CommandWithBooleanStateBase extends CommandBase {
  */
 interface SimpleCommandState {
     /**
-     * Gets a value indicating whether the command's UI element is enabled.
+     * Gets a value indicating whether the command's UI element is enabled (within the ribbon and context menu).
      * Value: true, if the command's related UI element is enabled; otherwise, false.
      */
     enabled: boolean;
@@ -9357,6 +11946,10 @@ interface RichEditDocument {
      * Value: An array of TableStyle objects storing information about table styles.
      */
     tableStylesInfo: TableStyle[];
+    /**
+     * Provides information about spell checking in the current document.
+     * Value: A <see cref="SpellingInfo" /> object.
+     */
     spellingInfo: SpellingInfo;
 }
 /**
@@ -9379,6 +11972,10 @@ interface Paragraph {
      * Value: An integer value specifying the start position.
      */
     start: number;
+    /**
+     * Gets the text buffer interval occupied by the current paragraph element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
     /**
      * Gets the name of the paragraph style applied to the current paragraph (see name).
@@ -9391,7 +11988,7 @@ interface Paragraph {
      */
     listIndex: number;
     /**
-     * Gets or sets the index of the list level applied to the current paragraph in the numbering list.
+     * Gets the index of the list level applied to the current paragraph in the numbering list.
      * Value: An integer that is the index of the list level of the current paragraph.
      */
     listLevelIndex: number;
@@ -9410,6 +12007,20 @@ interface Field {
      * Value: An integer value specifying the field length.
      */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the field code element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    codeInterval: Interval;
+    /**
+     * Gets the text buffer interval occupied by the field result element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
+    resultInterval: Interval;
+    /**
+     * Gets the text buffer interval occupied by the current field element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
     /**
      * Gets or sets a URI to navigate to when the hyperlink (represented by the current field) is activated.
@@ -9426,6 +12037,10 @@ interface Field {
      * Value: A string representing the bookmark's name.
      */
     hyperlinkAnchor: string;
+    /**
+     * Gets a value specifying whether a field's code or result is dispalyed.
+     * Value: true, if the field code is displayed; false, if the field result is displayed.
+     */
     showCode: boolean;
 }
 /**
@@ -9442,6 +12057,10 @@ interface Bookmark {
      * Value: An integer value specifying the length of the bookmark.
      */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the current bookmark element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
     /**
      * Gets the name of a bookmark in the document.
@@ -9463,6 +12082,10 @@ interface Section {
      * Value: An integer value specifying the element length in characters.
      */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the current section element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
     /**
      * Provides access to the section's headers.
@@ -9490,15 +12113,50 @@ interface HeaderFooter {
      */
     subDocument: SubDocument;
 }
+/**
+ * Contains in-line picture settings.
+ */
 interface InlinePictureInfo {
+    /**
+     * Gets the image identifier.
+     * Value: An integer value specifying the image identifier.
+     */
     id: number;
+    /**
+     * Gets the image position.
+     * Value: An integer value specifying the image position.
+     */
     position: number;
+    /**
+     * Gets the initial image width.
+     * Value: An integer value specifying the image width.
+     */
     initialWidth: number;
+    /**
+     * Gets the initial image height.
+     * Value: An integer value specifying the image height.
+     */
     initialHeight: number;
+    /**
+     * Gets the X-scaling factor of the inline image.
+     * Value: An integer value specifying the scaling factor for the X-axis.
+     */
     scaleX: number;
+    /**
+     * Gets the Y-scaling factor of the inline image.
+     * Value: An integer value specifying the scaling factor for the Y-axis.
+     */
     scaleY: number;
+    /**
+     * Gets the actual image width.
+     * Value: An integer value specifying the image width.
+     */
     actualWidth: number;
-    actualHeigth: number;
+    /**
+     * Gets the actual image height.
+     * Value: An integer value specifying the image height.
+     */
+    actualHeight: number;
 }
 declare enum HeaderFooterType {
     First=0,
@@ -9506,6 +12164,26 @@ declare enum HeaderFooterType {
     Primary=1,
     Even=2
 }
+/**
+ * Contains the settings defining a file to save to.
+ */
+interface RichEditFileInfo {
+    /**
+     * Gets or sets the file's folder name.
+     * Value: A string value specifying the folder name.
+     */
+    folderPath: string;
+    /**
+     * Gets or sets the file name.
+     * Value: A string value specifying the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets the file's document format.
+     * Value: A DocumentFormat enumeration value.
+     */
+    documentFormat: any;
+}
 declare enum DocumentFormat {
     Undefined=0,
     PlainText=1,
@@ -9523,11 +12201,19 @@ declare enum DocumentFormat {
  */
 interface RichEditSelection {
     /**
-     * Gets or sets an array of document interval in the selection.
+     * Gets or sets an array of document intervals in the selection.
      * Value: An array of Interval objects.
      */
     intervals: Interval[];
+    /**
+     * Gets or sets a value specifying whether the current selection is collapsed (and represents the cursor position).
+     * Value: true, if the selection is collapsed; otherwise, false.
+     */
     collapsed: boolean;
+    /**
+     * Gets the maximum position of a document interval in the selection.
+     */
+    getIntervalMaxPosition(): number;
     /**
      * Moves the cursor to the next line.
      */
@@ -9667,6 +12353,24 @@ interface RichEditSelection {
      * Selects the paragraph in which the cursor is located.
      */
     selectParagraph(): void;
+    /**
+     * Moves the cursor to the next page break mark.
+     */
+    goToStartNextPageCommand(): void;
+    /**
+     * Moves the cursor to the next page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartNextPageCommand(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous page break mark.
+     */
+    goToStartPrevPageCommand(): void;
+    /**
+     * Moves the cursor to the previous page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartPrevPageCommand(extendSelection: boolean): void;
     /**
      * Selects the table cell in which the cursor is located.
      */
@@ -9699,17 +12403,17 @@ interface RichEditSelection {
      */
     selectAll(): void;
     /**
-     * Moves the cursor to the main sub-document.
+     * Makes the main sub-document active and moves the cursor to its beginning.
      */
     setMainSubDocumentAsActive(): void;
     /**
-     * Moves the cursor to the footer of the specified document page.
-     * @param pageIndex An integer value specifying the page index.
+     * Creates a footer sub-document (if it was not created before) and sets the footer as the active sub-document. Moves the cursor to the footer's start position.
+     * @param pageIndex An integer value specifying the active page's index.
      */
     setFooterSubDocumentAsActiveByPageIndex(pageIndex: number): void;
     /**
-     * Moves the cursor to the header of the specified document page.
-     * @param pageIndex An integer value specifying the page index.
+     * Creates a header sub-document (if it was not created before) and sets the header as the active sub-document. Moves the cursor to the header's start position.
+     * @param pageIndex An integer value specifying the active page's index.
      */
     setHeaderSubDocumentAsActiveByPageIndex(pageIndex: number): void;
 }
@@ -9728,8 +12432,19 @@ interface Interval {
      */
     length: number;
 }
+/**
+ * Contains spell checking related settings.
+ */
 interface SpellingInfo {
+    /**
+     * Gets a value specifying the spell checking state.
+     * Value: One of the <see cref="SpellCheckerState" /> enumeration values.
+     */
     spellCheckerState: any;
+    /**
+     * Provides access to an array containing misspelled intervals.
+     * Value: An array of <see cref="MisspelledInterval[]" /> objects.
+     */
     misspelledIntervals: MisspelledInterval[];
 }
 declare enum SpellCheckerState {
@@ -9737,12 +12452,39 @@ declare enum SpellCheckerState {
     InProgress=1,
     Done=2
 }
+/**
+ * Contains the settings defining a misspelled interval.
+ */
 interface MisspelledInterval {
+    /**
+     * Gets the start position of the misspelled word in the interval.
+     * Value: An integer value specifying the misspelled word's start position.
+     */
     start: number;
+    /**
+     * Gets the length of the misspelled interval.
+     * Value: An integer value specifying the misspelled interval's length.
+     */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the current element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
+    /**
+     * Gets the spelling error type.
+     * Value: One of the <see cref="SpellingErrorType" /> enumeration values.
+     */
     errorType: any;
+    /**
+     * Gets an erroneous word found during spell check.
+     * Value: A string that is the erroneous or misspelled word.
+     */
     word: string;
+    /**
+     * Gets a list of suggested words to replace the misspelled word.
+     * Value: A string array containing suggested words.
+     */
     suggestions: string[];
 }
 declare enum SpellingErrorType {
@@ -9823,7 +12565,15 @@ interface TableStyle extends StyleBase {
  * Exposes the settings providing the information about the essential document functionality.
  */
 interface SubDocument {
+    /**
+     * Gets the sub-document identifier.
+     * Value: An integer value specifying the sub-document identifier.
+     */
     id: number;
+    /**
+     * Gets a value specifying the sub-document type.
+     * Value: One of the <see cref="SubDocumentType" /> enumeration values.
+     */
     type: any;
     /**
      * Provides information about paragraphs contained in the document.
@@ -9845,6 +12595,10 @@ interface SubDocument {
      * Value: An array of Bookmark objects storing information about document bookmarks.
      */
     bookmarksInfo: Bookmark[];
+    /**
+     * Provides access to an array of objects containing in-line picture settings.
+     * Value: An array of <see cref="InlinePictureInfo[]" /> objects.
+     */
     inlinePicturesInfo: InlinePictureInfo[];
     /**
      * Gets the document's textual representation.
@@ -9877,6 +12631,10 @@ interface Table {
      * Value: A integer value specifying the character length of the table.
      */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
     /**
      * Provides access to a collection of table rows.
@@ -9903,6 +12661,10 @@ interface TableRow {
      * Value: An integer value specifying the element length in characters.
      */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table row element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
     /**
      * Provides information about the table row's cells.
@@ -9924,18 +12686,65 @@ interface TableCell {
      * Value: An integer value specifying the element length in characters.
      */
     length: number;
+    /**
+     * Gets the text buffer interval occupied by the current table cell element.
+     * Value: An <see cref="Interval" /> object specifying the interval settings.
+     */
     interval: Interval;
 }
+/**
+ * Contains the method to convert different units of measurement.
+ */
 interface RichEditUnitConverter {
+    /**
+     * Converts a measurement from pixels to twips.
+     * @param value The pixels value to be converted.
+     */
     pixelsToTwips(value: number): number;
+    /**
+     * Converts a measurement from inches to twips.
+     * @param value The inches value (floating) to be converted.
+     */
     inchesToTwips(value: number): number;
+    /**
+     * Converts a measurement from points to twips.
+     * @param value The points value to be converted.
+     */
     pointsToTwips(value: number): number;
+    /**
+     * Converts a value in centimeters to twips.
+     * @param value A floating value specifying the value in centimeters to convert.
+     */
     centimetersToTwips(value: number): number;
+    /**
+     * Converts a measurement from twips to centimeters.
+     * @param value The twips value to be converted.
+     */
     twipsToCentimeters(value: number): number;
+    /**
+     * Converts a measurement from pixels to centimeters.
+     * @param value The pixels value to be converted.
+     */
     pixelsToCentimeters(value: number): number;
+    /**
+     * Converts a measurement from twips to inches.
+     * @param value The twips value to be converted.
+     */
     twipsToInches(value: number): number;
+    /**
+     * Converts a measurement from pixels to inches.
+     * @param value The pixels value to be converted.
+     */
     pixelsToInches(value: number): number;
+    /**
+     * Converts a measurement from pixels to points.
+     * @param value The pixels value to be converted.
+     */
     pixelsToPoints(value: number): number;
+    /**
+     * Converts a measurement from twips to points.
+     * @param value The twips value to be converted.
+     */
     twipsToPoints(value: number): number;
 }
 /**
@@ -10097,9 +12906,19 @@ interface GoToDataRecordCommand extends CommandBase {
      * @param activeRecordIndex An integer value specifying index of the next data record.
      */
     execute(activeRecordIndex: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
     getState(): any;
 }
+/**
+ * Contains the settings defining a data record.
+ */
 interface DataRecordOptions {
+    /**
+     * Gets or sets the index of the active data record.
+     * Value: An integer value specifying the data record index.
+     */
     activeRecordIndex: number;
     recordCount: number;
 }
@@ -10190,12 +13009,23 @@ interface MailMergeAndDownloadCommand extends CommandBase {
      * @param fileExtension A string value specifying the file extension of the resulting document.
      */
     execute(fileExtension: string): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat One of the DocumentFormat enumeration values.
+     */
+    execute(documentFormat: any): boolean;
     /**
      * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
      * @param fileExtension A string value specifying the file extension of the resulting document.
      * @param settings A MailMergeSettings object containing settings to set up mail merge operations.
      */
     execute(fileExtension: string, settings: MailMergeSettings): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat One of the DocumentFormat enumeration values.
+     * @param settings A MailMergeSettings object specifying the mail merge settings.
+     */
+    execute(documentFormat: any, settings: MailMergeSettings): boolean;
     /**
      * Gets information about the command state.
      */
@@ -10212,10 +13042,10 @@ interface MailMergeAndSaveAsCommand extends CommandBase {
     execute(filePath: string): boolean;
     /**
      * Executes the MailMergeAndSaveAsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param filePath A string value specifying path to the saving file.
-     * @param settings A MailMergeSettings object specifying hyperlink settings.
+     * @param fileInfo A RichEditFileInfo object specifying a file to save to.
+     * @param settings A MailMergeSettings object specifying the mail merge settings.
      */
-    execute(filePath: string, settings: MailMergeSettings): boolean;
+    execute(fileInfo: RichEditFileInfo, settings: MailMergeSettings): boolean;
     /**
      * Gets information about the command state.
      */
@@ -10311,6 +13141,11 @@ interface FileSaveAsCommand extends CommandWithSimpleStateBase {
      * @param path A string value specifying path to the saving file.
      */
     execute(path: string): boolean;
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileInfo A <see cref="Boolean" /> object specifying a file to save to.
+     */
+    execute(fileInfo: RichEditFileInfo): boolean;
 }
 /**
  * A command to download the document file, specifying its extension.
@@ -10321,6 +13156,20 @@ interface FileDownloadCommand extends CommandWithSimpleStateBase {
      * @param fileExtension A string value specifying the extension of the downloading file.
      */
     execute(fileExtension: string): boolean;
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param documentFormat A DocumentFormat enumeration value.
+     */
+    execute(documentFormat: any): boolean;
+}
+/**
+ * A command to open the file's Save As dialog.
+ */
+interface FileSaveAsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
 }
 /**
  * A command to invoke a browser-specific Print dialog allowing one to print the current document.
@@ -10402,6 +13251,418 @@ interface ReplaceNextCommand extends CommandWithSimpleStateBase {
      */
     execute(text: string, replaceText: string, matchCase: boolean): boolean;
 }
+interface OpenLayoutOptionsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenLayoutOptionsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a floating text box.
+ */
+interface InsertFloatingTextBoxCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFloatingTextBoxCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to lock a floating object's anchor.
+ */
+interface ChangeFloatingObjectLockAnchorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectLockAnchorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param lockAnchor true to lock the anchor; false, otherwise.
+     */
+    execute(lockAnchor: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's alignment position.
+ */
+interface ChangeFloatingObjectAlignmentPositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAlignmentPositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAlignmentPositionSettings object specifying alignment position settings.
+     */
+    execute(settings: FloatingObjectAlignmentPositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change a floating object's absolute position.
+ */
+interface ChangeFloatingObjectAbsolutePositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAbsolutePositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAbsolutePositionSettings object specifying page margin settings.
+     */
+    execute(settings: FloatingObjectAbsolutePositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's relative position.
+ */
+interface ChangeFloatingObjectRelativePositionCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectRelativePositionCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectRelativePositionSettings object specifying relative positioin settings.
+     */
+    execute(settings: FloatingObjectRelativePositionSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's text wrapping settings.
+ */
+interface ChangeFloatingObjectTextWrappingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectTextWrappingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectTextWrappingSettings object specifying text wrapping settings.
+     */
+    execute(settings: FloatingObjectTextWrappingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change a floating object's absolute size.
+ */
+interface ChangeFloatingObjectAbsoluteSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectAbsoluteSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A FloatingObjectAbsoluteSizeSettings object specifying absolute size settings.
+     */
+    execute(settings: FloatingObjectAbsoluteSizeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a text box' relative size settings.
+ */
+interface ChangeTextBoxRelativeSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxRelativeSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TextBoxRelativeSizeSettings object specifying relative size settings.
+     */
+    execute(settings: TextBoxRelativeSizeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to rotate a floating object.
+ */
+interface ChangeFloatingObjectRotationCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectRotationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rotation An integer value specifying the angle of rotation.
+     */
+    execute(rotation: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to lock a floating object's aspect ratio.
+ */
+interface ChangeFloatingObjectLockAspectRatioCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectLockAspectRatioCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param lockAspectRatio true to lock the aspect ratio and maintain the proportions; otherwise, false.
+     */
+    execute(lockAspectRatio: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's background fill color.
+ */
+interface ChangeFloatingObjectFillColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectFillColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string value specifying the color.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's outline color.
+ */
+interface ChangeFloatingObjectOutlineColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectOutlineColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string value specifying the color.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a floating object's outline width.
+ */
+interface ChangeFloatingObjectOutlineWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeFloatingObjectOutlineWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer value specifying the outline width.
+     */
+    execute(width: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to modify a text box' content margins.
+ */
+interface ChangeTextBoxContentMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTextBoxContentMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A Margins object specifying margin settings.
+     */
+    execute(settings: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains alignment position settings for floating objects.
+ */
+interface FloatingObjectAlignmentPositionSettings {
+    /**
+     * Gets or sets a value specifying how a floating object is horizontally aligned relative to an element specified by the horizontalPositionAlignment property.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionAlignment" /> enumeration values.
+     */
+    horizontalPositionAlignment: any;
+    /**
+     * Gets or sets a value specifying to what element the horizontal alignment of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets a value specifying how a floating object is vertically aligned relative to an element specified by the verticalPositionAlignment property.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionAlignment" /> enumeration values.
+     */
+    verticalPositionAlignment: any;
+    /**
+     * Gets or sets a value specifying to what element the vertical alignment of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains page margin settings.
+ */
+interface FloatingObjectAbsolutePositionSettings {
+    /**
+     * Gets or sets a floating object's horizontal position relative to an element specified by the horizontalPositionType property.
+     * Value: An integer value specifying the position.
+     */
+    horizontalAbsolutePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the horizontal position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets a floating object's vertical position relative to an element specified by the verticalPositionType property.
+     * Value: An integer value specifying the position.
+     */
+    verticalAbsolutePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the vertical position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains relative position settings for floating objects.
+ */
+interface FloatingObjectRelativePositionSettings {
+    /**
+     * Gets or sets the horizontal distance between the edge of a floating object and the element specified by the horizontalRelativePosition property
+     * Value: An integer value specifying the horizontal position.
+     */
+    horizontalRelativePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the horizontal position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectHorizontalPositionType" /> enumeration values.
+     */
+    horizontalPositionType: any;
+    /**
+     * Gets or sets the horizontal distance between the edge of a floating object and the element specified by the verticalRelativePosition property
+     * Value: An integer value specifying the vertical position.
+     */
+    verticalRelativePosition: number;
+    /**
+     * Gets or sets a value specifying to what element the vertical position of a floating object is relative.
+     * Value: One of the <see cref="FloatingObjectVerticalPositionType" /> enumeration values.
+     */
+    verticalPositionType: any;
+}
+/**
+ * Contains text wrapping settings for floating objects.
+ */
+interface FloatingObjectTextWrappingSettings {
+    /**
+     * Gets or sets a value specifying how text is wrapped around a floating object.
+     * Value: One of the <see cref="FloatingObjectTextWrapType" /> enumeration values.
+     */
+    floatingObjectTextWrapType: any;
+    /**
+     * Gets or sets a value specifying how text can wrap around a floating object's left and right sides.
+     * Value: One of the <see cref="FloatingObjectTextWrapSide" /> enumeration values.
+     */
+    floatingObjectTextWrapSide: any;
+    /**
+     * Gets or sets the left offset of text wrapping.
+     * Value: An integer value specifying the left offset.
+     */
+    leftDistance: number;
+    /**
+     * Gets or sets the right offset of text wrapping.
+     * Value: An integer value specifying the right offset.
+     */
+    rightDistance: number;
+    /**
+     * Gets or sets the top offset of text wrapping.
+     * Value: An integer value specifying the top offset.
+     */
+    topDistance: number;
+    /**
+     * Gets or sets the bottom offset of text wrapping.
+     * Value: An integer value specifying the bottom offset.
+     */
+    bottomDistance: number;
+}
+/**
+ * Contains absolute size settings for floating objects.
+ */
+interface FloatingObjectAbsoluteSizeSettings {
+    /**
+     * Gets or sets a floating object's absolute width.
+     * Value: An integer value specifying the width.
+     */
+    absoluteWidth: number;
+    /**
+     * Gets or sets a floating object's absolute height.
+     * Value: An integer value specifying the height.
+     */
+    absoluteHeight: number;
+}
+/**
+ * Contains relative size settings for floating objects.
+ */
+interface TextBoxRelativeSizeSettings {
+    /**
+     * Gets or sets the percentage specifying a floating object's width relative to the element defined by the relativeWidthType property.
+     * Value: An integer value specifying the relative width, as a percentage.
+     */
+    relativeWidth: number;
+    /**
+     * Gets or sets a value specifying to what element the floating object width is relative.
+     * Value: One of the <see cref="FloatingObjectRelativeWidthType" /> enumeration values.
+     */
+    relativeWidthType: any;
+    /**
+     * Gets or sets the percentage specifying a floating object's height relative to the element defined by the relativeHeightType property.
+     * Value: An integer value specifying the relative height, as a percentage.
+     */
+    relativeHeight: number;
+    /**
+     * Gets or sets a value specifying to what element the floating object height is relative.
+     * Value: One of the <see cref="FloatingObjectRelativeHeightType" /> enumeration values.
+     */
+    relativeHeightType: any;
+}
+declare enum FloatingObjectRelativeWidthType {
+    Margin=0,
+    Page=1,
+    LeftMargin=2,
+    RightMargin=3,
+    InsideMargin=4,
+    OutsideMargin=5
+}
+declare enum FloatingObjectRelativeHeightType {
+    Margin=0,
+    Page=1,
+    TopMargin=2,
+    BottomMargin=3,
+    InsideMargin=4,
+    OutsideMargin=5
+}
+declare enum FloatingObjectTextWrapType {
+    None=0,
+    TopAndBottom=1,
+    Tight=2,
+    Through=3,
+    Square=4
+}
+declare enum FloatingObjectTextWrapSide {
+    Both=0,
+    Left=1,
+    Right=2,
+    Largest=3
+}
+declare enum FloatingObjectHorizontalPositionType {
+    Page=0,
+    Character=1,
+    Column=2,
+    Margin=3,
+    LeftMargin=4,
+    RightMargin=5,
+    InsideMargin=6,
+    OutsideMargin=7
+}
+declare enum FloatingObjectHorizontalPositionAlignment {
+    None=0,
+    Left=1,
+    Center=2,
+    Right=3,
+    Inside=4,
+    Outside=5
+}
+declare enum FloatingObjectVerticalPositionType {
+    Page=0,
+    Line=1,
+    Paragraph=2,
+    Margin=3,
+    TopMargin=4,
+    BottomMargin=5,
+    InsideMargin=6,
+    OutsideMargin=7
+}
+declare enum FloatingObjectVerticalPositionAlignment {
+    None=0,
+    Top=1,
+    Center=2,
+    Bottom=3,
+    Inside=4,
+    Outside=5
+}
 /**
  * A command to cancel changes caused by the previous command.
  */
@@ -10696,6 +13957,10 @@ interface ListLevelSettings {
      * Value: One of the <see cref="ListLevelNumberAlignment" /> values.
      */
     alignment: any;
+    /**
+     * Gets or sets the character inserted after the number for a numbered list item.
+     * Value: A string value that is the trailing character for the list level.
+     */
     separator: string;
     /**
      * Gets or sets the left indent for text within the current list level's paragraph.
@@ -10872,6 +14137,24 @@ interface DeleteCommand extends CommandWithSimpleStateBase {
      */
     execute(): boolean;
 }
+/**
+ * A command to remove the previous word.
+ */
+interface RemovePrevWordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemovePrevWordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove the next word.
+ */
+interface RemoveNextWordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNextWordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
 /**
  * A command to move the cursor backwards and erase the character in that space.
  */
@@ -10973,8 +14256,8 @@ interface OpenPageMarginsDialogCommand extends CommandWithSimpleStateBase {
  */
 interface ChangePageOrientationCommand extends CommandBase {
     /**
-     * 
-     * @param isPortrait 
+     * Executes the ChangePageOrientationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param isPortrait One of the Orientation enumeration values.
      */
     execute(isPortrait: any): boolean;
     /**
@@ -11048,8 +14331,8 @@ interface OpenSectionColumnsDialogCommand extends CommandWithSimpleStateBase {
  */
 interface ChangeSectionColumnsCommand extends CommandBase {
     /**
-     * 
-     * @param columns 
+     * Executes the ChangeSectionColumnsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columns An array of SectionColumn objects.
      */
     execute(columns: SectionColumn[]): boolean;
     /**
@@ -11588,10 +14871,24 @@ declare enum ParagraphFirstLineIndent {
     Indented=1,
     Hanging=2
 }
+/**
+ * A command to assign a shortcut to the specified client command.
+ */
 interface AssignShortcutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AssignShortcutCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param keyCode An integer value specifying the code uniquely identifying the key combination.
+     * @param callback A callback function to execute on pressing the shortcut.
+     */
     execute(keyCode: number, callback: (arg1: string) => void): boolean;
 }
+/**
+ * A command to invoke the Spelling dialog window.
+ */
 interface OpenSpellingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSpellingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
     execute(): boolean;
 }
 /**
@@ -11991,7 +15288,13 @@ interface ToggleTableCellBottomBorderCommand extends CommandWithBooleanStateBase
      */
     execute(): boolean;
 }
+/**
+ * A command to toggle left borders for selected cells on/off.
+ */
 interface ToggleTableCellLeftBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellLeftBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
     execute(): boolean;
 }
 /**
@@ -12522,6 +15825,10 @@ interface TableHeightUnit {
      * Value: An integer value specifying the table height.
      */
     value: number;
+    /**
+     * Gets or sets the unit type for the table height.
+     * Value: One of the <see cref="TableHeightUnitType" /> enumeration values.
+     */
     type: any;
 }
 declare enum TableHeightUnitType {
@@ -12851,6 +16158,10 @@ interface FontFormattingSettings {
      * Value: true, if characters are italicized; otherwise, false.
      */
     italic: boolean;
+    /**
+     * Gets or sets a value specifying whether the strikeout formatting is applied to a character(s).
+     * Value: true if the strikeout formatting is applied; otherwise, false.
+     */
     strikeout: boolean;
     /**
      * Gets or sets whether only word characters are underlined.
@@ -13239,9 +16550,9 @@ interface ASPxClientRecurrenceInfo {
     GetPeriodicity(): number;
     /**
      * Sets the ordinal number of a day within a defined month.
-     * @param dayNubmer A positive integer value that specifies the day number within a month.
+     * @param dayNumber A positive integer value that specifies the day number within a month.
      */
-    SetDayNumber(dayNubmer: number): void;
+    SetDayNumber(dayNumber: number): void;
     /**
      * Gets the ordinal number of a day within a defined month.
      */
@@ -13547,7 +16858,7 @@ interface DefaultRecurrenceRuleValuesAccessor {
      */
     GetMonth(): number;
     /**
-     * Gets the days of the week to which a weekly recurrent appointment is scheduled.
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
      */
     GetWeekDays(): ASPxClientWeekDays;
     /**
@@ -13577,7 +16888,7 @@ interface WeeklyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAcce
      */
     GetPeriodicity(): number;
     /**
-     * Gets the days of the week to which a weekly recurrent appointment is scheduled.
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
      */
     GetWeekDays(): ASPxClientWeekDays;
 }
@@ -13586,7 +16897,7 @@ interface WeeklyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAcce
  */
 interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
     /**
-     * Gets the number of the month's day in which the appointment is scheduled.
+     * Gets the day of the month on which the appointment is scheduled.
      */
     GetDayNumber(): number;
     /**
@@ -13594,7 +16905,7 @@ interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAcc
      */
     GetPeriodicity(): number;
     /**
-     * Gets the days of the week to which a monthly recurrent appointment is scheduled.
+     * Gets the days of the week on which a monthly recurrent appointment is scheduled.
      */
     GetWeekDays(): ASPxClientWeekDays;
     /**
@@ -13607,7 +16918,7 @@ interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAcc
  */
 interface YearlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
     /**
-     * Gets the number of the month's day in which the appointment is scheduled.
+     * Gets the day of the month on which the appointment is scheduled.
      */
     GetDayNumber(): number;
     /**
@@ -13615,7 +16926,7 @@ interface YearlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAcce
      */
     GetMonth(): number;
     /**
-     * Gets the days of the week to which a yearly recurrent appointment is scheduled.
+     * Gets the days of the week on which a yearly recurrent appointment is scheduled.
      */
     GetWeekDays(): ASPxClientWeekDays;
     /**
@@ -13789,6 +17100,10 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Client-side event. Occurs after the active view of the ASPxScheduler has been changed.
      */
     ActiveViewChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when an end-user pressers a keyboard shortcut.
+     */
+    Shortcut: ASPxClientEvent<ShortcutEventHandler<ASPxClientScheduler>>;
     /**
      * Occurs when the end-user clicks an appointment.
      */
@@ -13797,6 +17112,14 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Occurs when the end-user double clicks on an appointment.
      */
     AppointmentDoubleClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when an end-user clicks a time cell.
+     */
+    CellClick: ASPxClientEvent<CellClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when and end-user double-clicks a time cell.
+     */
+    CellDoubleClick: ASPxClientEvent<CellClickEventHandler<ASPxClientScheduler>>;
     /**
      * Occurs on the client side when the user selects an appointment.
      */
@@ -13825,6 +17148,14 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Client-side event that occurs after an appointment has been dragged and dropped.
      */
     AppointmentDrop: ASPxClientEvent<AppointmentDropEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being dragged.
+     */
+    AppointmentDrag: ASPxClientEvent<AppointmentDragEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being resized.
+     */
+    AppointmentResizing: ASPxClientEvent<AppointmentResizingEventHandler<ASPxClientScheduler>>;
     /**
      * Client-side event that occurs when an appointment is resized.
      */
@@ -13901,6 +17232,10 @@ interface ASPxClientScheduler extends ASPxClientControl {
      * Client-side function that returns the ResourceId of selected time cell's resource.
      */
     GetSelectedResource(): string;
+    /**
+     * Gets a collection of visible appointments.
+     */
+    GetVisibleAppointments(): ASPxClientAppointment[];
     /**
      * Client-side function that returns an appointment with the specified ID.
      * @param id An appointment's identifier.
@@ -14102,6 +17437,11 @@ interface ASPxSchedulerViewType {
      * Value: A string "FullWeek", indicating the FullWeekView.
      */
     FullWeek: string;
+    /**
+     * Gets a string representation equivalent to the Agenda enumeration for use in client scripts.
+     * Value: A string "Agenda", indicating the AgendaView.
+     */
+    Agenda: string;
 }
 /**
  * Represents a client-side equivalent of the SchedulerGroupType enumeration.
@@ -14220,6 +17560,37 @@ interface AppointmentsSelectionEventArgs extends ASPxClientEventArgs {
      */
     appointmentIds: string[];
 }
+/**
+ * A method that will handle the Shortcut event.
+ */
+interface ShortcutEventHandler<S> {
+    /**
+     * A method that will handle the Shortcut event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ShortcutEventArgs object that contains event data.
+     */
+    (source: S, e: ShortcutEventArgs): void;
+}
+/**
+ * Provides data for the client-side Shortcut event.
+ */
+interface ShortcutEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of a command associated with the keyboard shortcut.
+     * Value: A string containing a command name.
+     */
+    commandName: string;
+    /**
+     * Gets an object containing information about a keyboard shortcut event.
+     * Value: An object containing event data.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true, if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
 /**
  * A method that will handle the ActiveViewChanging event.
  */
@@ -14313,21 +17684,55 @@ interface MenuItemClickedEventArgs extends ASPxClientEventArgs {
      */
     handled: boolean;
 }
-interface AppointmentDropEventHandler<S> {
+/**
+ * A method that will handle the AppointmentDrag event.
+ */
+interface AppointmentDragEventHandler<S> {
     /**
-     * A method that will handle the AppointmentDrop event.
-     * @param source The event sender (typically an ASPxClientScheduler control).
+     * A method that will handle the AppointmentDrag event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
      * @param e A ASPxClientAppointmentDragEventArgs object that contains event data.
      */
     (source: S, e: ASPxClientAppointmentDragEventArgs): void;
 }
 /**
- * Provides data for the AppointmentDrop event.
+ * Provides data for the AppointmentDrag event.
  */
 interface ASPxClientAppointmentDragEventArgs extends ASPxClientEventArgs {
     /**
-     * Gets or sets whether default event processing is required.
-     * Value: true to process an event using only custom code; otherwise, false.
+     * Specifies whether or not appointments can be dropped into the intervals over which they are currently dragged.
+     * Value: true to allow dropping appointments; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current drag operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Provides information about dragged appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dragged appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+/**
+ * A method that will handle the AppointmentDrop event.
+ */
+interface AppointmentDropEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDrop event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentDropEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDropEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrop event.
+ */
+interface ASPxClientAppointmentDropEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
      */
     handled: boolean;
     /**
@@ -14336,8 +17741,8 @@ interface ASPxClientAppointmentDragEventArgs extends ASPxClientEventArgs {
      */
     operation: ASPxClientAppointmentOperation;
     /**
-     * Provides information about dragged appointments.
-     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dragged appointments.
+     * Provides information about dropped appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dropped appointments.
      */
     dragInformation: ASPxClientAppointmentDragInfo[];
 }
@@ -14379,6 +17784,47 @@ interface ASPxClientAppointmentResizeEventArgs extends ASPxClientEventArgs {
      */
     newInterval: ASPxClientTimeInterval;
 }
+/**
+ * A method that will handle the AppointmentResizing event.
+ */
+interface AppointmentResizingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResizing event.
+     * @param source The event sender (typically an ASPxClientScheduler object).
+     * @param e A ASPxClientAppointmentResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResizing event.
+ */
+interface ASPxClientAppointmentResizingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not an appointment can be resized to the new time interval.
+     * Value: true to allow resizing the appointment; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current appointment resizing operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
 /**
  * Stores information about an appointment drag operation.
  */
@@ -14409,6 +17855,37 @@ interface ASPxClientAppointmentDragInfo {
      */
     newResources: string[];
 }
+/**
+ * A method that will handle the CellDoubleClick events.
+ */
+interface CellClickEventHandler<S> {
+    /**
+     * A method that will handle the CellClick event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A CellClickEventArgs object that contains event data.
+     */
+    (source: S, e: CellClickEventArgs): void;
+}
+/**
+ * Provides data for the CellDoubleClick events.
+ */
+interface CellClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object containing information about an HTML element representing the clicked time cell.
+     * Value: An object containing information about an HTML element.
+     */
+    htmlElement: Object;
+    /**
+     * Provides access to a time interval occupied by the clicked time cell.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the name of a resource to which the clicked time cell belongs.
+     * Value: A string containing the name of a resource.
+     */
+    resource: string;
+}
 /**
  * Contains information about a client tooltip.
  */
@@ -14560,6 +18037,11 @@ interface ASPxClientSpellCheckerAfterCheckEventArgs extends ASPxClientEventArgs
      * Value: A string, containing checked text.
      */
     checkedText: string;
+    /**
+     * Gets a value specifying whether spell checking is finished or stopped by the user.
+     * Value: A string value identifying the reason ("Default" or "User").
+     */
+    reason: string;
 }
 /**
  * Represents an object that will handle the client-side WordChanged event.
@@ -14572,6 +18054,15 @@ interface ASPxClientWordChangedEventHandler<S> {
      */
     (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
 }
+declare enum ASPxClientSpreadsheetPopupMenuType {
+    ColumnHeading=0,
+    RowHeading=1,
+    SheetTab=3,
+    Picture=4,
+    Chart=5,
+    Cell=7,
+    AutoFilter=8
+}
 /**
  * A method that will handle the CustomCommandExecuted event.
  */
@@ -14597,6 +18088,9 @@ interface ASPxClientSpreadsheetCustomCommandExecutedEventArgs extends ASPxClient
      * Value: A string value containing additional information about the processed command.
      */
     parameter: string;
+    /**
+     * This property is now obsolete. Use the commandName property instead.
+     */
     item: ASPxClientRibbonItem;
 }
 /**
@@ -14667,6 +18161,32 @@ interface ASPxClientSpreadsheetHyperlinkClickEventArgs extends ASPxClientEventAr
      */
     targetUri: string;
 }
+/**
+ * A method that will handle the PopupMenuShowing event.
+ */
+interface ASPxClientSpreadsheetPopupMenuShowingEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuShowing event.
+     * @param source The event sender (typically an ASPxClientSpreadsheet object).
+     * @param e A ASPxClientSpreadsheetPopupMenuShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetPopupMenuShowingEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuShowing event.
+ */
+interface ASPxClientSpreadsheetPopupMenuShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Provides access to a collection of menu items in the context menu being invoked.
+     * Value: A <see cref="ASPxClientSpreadsheetPopupMenuItemCollection" /> object representing the context menu's item collection.
+     */
+    menuItems: ASPxClientSpreadsheetPopupMenuItemCollection;
+    /**
+     * Gets the currently displayed context menu's type.
+     * Value: One of the <see cref="ASPxClientSpreadsheetPopupMenuType" /> enumeration values.
+     */
+    menuType: any;
+}
 /**
  * A client-side equivalent of the ASPxSpreadsheet object.
  */
@@ -14707,6 +18227,10 @@ interface ASPxClientSpreadsheet extends ASPxClientControl {
      * Occurs on the client side after a hyperlink is clicked within the Spreadsheet's document.
      */
     HyperlinkClick: ASPxClientEvent<ASPxClientSpreadsheetHyperlinkClickEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs before the context menu is displayed and allows menu customization.
+     */
+    PopupMenuShowing: ASPxClientEvent<ASPxClientSpreadsheetPopupMenuShowingEventHandler<ASPxClientSpreadsheet>>;
     /**
      * Sets input focus to the Spreadsheet.
      */
@@ -14734,6 +18258,12 @@ interface ASPxClientSpreadsheet extends ASPxClientControl {
      * @param rowModelIndex An integer value specifying the cell's row index.
      */
     GetCellValue(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Returns the comment associated with the specified data cell.
+     * @param colModelIndex An integer value specifying the data cell's column index.
+     * @param rowModelIndex An integer value specifying the data cell's row index.
+     */
+    GetCellComment(colModelIndex: number, rowModelIndex: number): Object;
     /**
      * Gets the value of the currently active cell.
      */
@@ -14815,6 +18345,123 @@ interface ASPxClientSpreadsheetSelection {
      */
     bottomRowIndex: number;
 }
+/**
+ * Represents an individual item of the Spreadsheet's context menu.
+ */
+interface ASPxClientSpreadsheetPopupMenuItem {
+    /**
+     * Gets the immediate parent menu item to which the current menu item belongs.
+     * Value: A ASPxClientSpreadsheetPopupMenuItem object representing the menu item's immediate parent.
+     */
+    parent: ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Gets or sets the unique identifier name for the current menu item.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+    /**
+     * Gets or sets the text content of the current menu item.
+     * Value: A string value that specifies the text content of the menu item.
+     */
+    text: string;
+    /**
+     * Gets or sets a value that indicates whether the menu item is enabled, allowing the item to respond to end-user interactions.
+     * Value: true if the item is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets or sets the CSS class name defining the menu item's image.
+     * Value: A string value specifying the class name.
+     */
+    imageClassName: string;
+    /**
+     * Gets or sets an URL which defines the navigation location.
+     * Value: A string value which represents an URL where the client web browser will navigate.
+     */
+    navigateUrl: string;
+    /**
+     * Gets or sets the URL of the menu item's image.
+     * Value: A string value that specifies the location of an image.
+     */
+    imageUrl: string;
+    /**
+     * Gets or sets a value that specifies whether the current menu item starts a group.
+     * Value: true if the current menu item starts a group; otherwise, false.
+     */
+    beginGroup: boolean;
+    /**
+     * Gets or sets the current menu item's tooltip text.
+     * Value: A string which specifies the text content of the current menu item's tooltip.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the window or frame at which to target the contents of the URL associated with the current menu item.
+     * Value: A string which identifies the window or frame at which to target the URL content.
+     */
+    target: string;
+    /**
+     * Gets a collection that contains the submenu items of the current menu item.
+     */
+    GetSubItems(): ASPxClientSpreadsheetPopupMenuItemCollection;
+    /**
+     * Returns the menu item's sub-item with the specified index.
+     * @param index An integer value specifying the index of the sub-item within a collection of the current menu item's submenu items.
+     */
+    GetItem(index: number): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns the menu item's sub-item with the specified name property value.
+     * @param name A string value specifying the name property value of the sub-item to find.
+     */
+    GetItemByName(name: string): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns the total number of the menu item's child items (submenu items).
+     */
+    GetItemCount(): number;
+}
+/**
+ * Represents a collection of items in the Spreadhseet's context menu.
+ */
+interface ASPxClientSpreadsheetPopupMenuItemCollection {
+    /**
+     * Adds the specified menu item to the end of the collection.
+     * @param item An ASPxClientSpreadsheetPopupMenuItem object specifying the item to be added to the collection.
+     */
+    Add(item: ASPxClientSpreadsheetPopupMenuItem): void;
+    /**
+     * Removes a menu item specified by its index within the collection.
+     * @param index An integer value specifying the index of the menu item to remove.
+     */
+    Remove(index: number): void;
+    /**
+     * Removes a menu item specified by its name.
+     * @param name A string value specifying the name property value of a menu item to remove from the collection.
+     */
+    RemoveByName(name: string): void;
+    /**
+     * Adds the specified item to the specified position within the collection.
+     * @param index An integer value that specifies the zero-based index at which the specified item should be inserted.
+     * @param item An ASPxClientSpreadsheetPopupMenuItem object to insert.
+     */
+    Insert(index: number, item: ASPxClientSpreadsheetPopupMenuItem): void;
+    /**
+     * Returns the total number of menu items in the collection.
+     */
+    GetCount(): number;
+    /**
+     * Returns an item object with the specified name property value.
+     * @param name A string value representing the name property value of the required item.
+     */
+    GetByName(name: string): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Returns a menu item specified by its index in the collection.
+     * @param index An integer value that is the zero-based index of the <see cref="ASPxClientSpreadsheetPopupMenuItem" /> to retrieve from the ASPxClientSpreadsheetPopupMenuItemCollection.
+     */
+    Get(index: number): ASPxClientSpreadsheetPopupMenuItem;
+    /**
+     * Removes all menu items from the collection.
+     */
+    Clear(): void;
+}
 /**
  * Represents the client ASPxTreeList.
  */
@@ -14839,6 +18486,10 @@ interface ASPxClientTreeList extends ASPxClientControl {
      * Occurs when a custom command button has been clicked.
      */
     CustomButtonClick: ASPxClientEvent<ASPxClientTreeListCustomButtonEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after a toolbar item has been clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientTreeListToolbarItemClickEventHandler<ASPxClientTreeList>>;
     /**
      * Fires before the focused node has been changed.
      */
@@ -14899,6 +18550,16 @@ interface ASPxClientTreeList extends ASPxClientControl {
      * Gets the Popup Edit Form.
      */
     GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Returns a toolbar specified by its name.
+     * @param name A string value specifying the toolbar name.
+     */
+    GetToolbarByName(name: string): ASPxClientMenu;
+    /**
+     * Returns a toolbar specified by its index.
+     * @param index An integer value specifying the zero-based index of the toolbar object to retrieve.
+     */
+    GetToolbar(index: number): ASPxClientMenu;
     /**
      * Returns the focused node's key value.
      */
@@ -15374,7 +19035,7 @@ interface ASPxClientTreeListContextMenuEventArgs extends ASPxClientEventArgs {
     htmlEvent: Object;
     /**
      * Gets or sets whether to invoke the browser's context menu.
-     * Value: true to show the browser's context menu; otherwise, false.
+     * Value: true to hide the browser's context menu; otherwise, false.
      */
     cancel: boolean;
 }
@@ -15514,6 +19175,679 @@ interface ASPxClientTreeListColumnResizedEventHandler<S> {
      */
     (source: S, e: ASPxClientTreeListColumnResizedEventArgs): void;
 }
+/**
+ * Provides data for the ToolbarItemClick event.
+ */
+interface ASPxClientTreeListToolbarItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the toolbar index related to the event.
+     * Value: An integer value that is the toolbar index.
+     */
+    toolbarIndex: number;
+    /**
+     * Gets the toolbar item related to the event.
+     * Value: An ASPxClientMenuItem object that is the toolbar item.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+}
+/**
+ * A method that will handle the ToolbarItemClick event.
+ */
+interface ASPxClientTreeListToolbarItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListToolbarItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListToolbarItemClickEventArgs): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapAccordion control.
+ */
+interface BootstrapClientAccordion extends ASPxClientNavBar {
+}
+interface BootstrapClientBinaryImage extends ASPxClientHyperLink {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButton control.
+ */
+interface BootstrapClientButton extends ASPxClientButton {
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCalendar control.
+ */
+interface BootstrapClientCalendar extends ASPxClientCalendar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCallbackPanel control.
+ */
+interface BootstrapClientCallbackPanel extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the BootstrapClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<BootstrapClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Serves as the base type for the BootstrapClientPieChart objects.
+ */
+interface BootstrapClientChartBase extends ASPxClientControl {
+    Done: ASPxClientEvent<BootstrapClientChartBaseDoneEventHandler<BootstrapClientChartBase>>;
+    LegendClick: ASPxClientEvent<BootstrapClientChartBaseLegendClickEventHandler<BootstrapClientChartBase>>;
+    PointClick: ASPxClientEvent<BootstrapClientChartBasePointClickEventHandler<BootstrapClientChartBase>>;
+    PointHoverChanged: ASPxClientEvent<BootstrapClientChartBasePointHoverChangedEventHandler<BootstrapClientChartBase>>;
+    PointSelectionChanged: ASPxClientEvent<BootstrapClientChartBasePointSelectionChangedEventHandler<BootstrapClientChartBase>>;
+    TooltipHidden: ASPxClientEvent<BootstrapClientChartBaseTooltipHiddenEventHandler<BootstrapClientChartBase>>;
+    TooltipShown: ASPxClientEvent<BootstrapClientChartBaseTooltipShownEventHandler<BootstrapClientChartBase>>;
+    ArgumentAxisClick: ASPxClientEvent<BootstrapClientCoordinateSystemChartArgumentAxisClickEventHandler<BootstrapClientChartBase>>;
+    SeriesClick: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesClickEventHandler<BootstrapClientChartBase>>;
+    SeriesHoverChanged: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesHoverChangedEventHandler<BootstrapClientChartBase>>;
+    SeriesSelectionChanged: ASPxClientEvent<BootstrapClientCoordinateSystemChartSeriesSelectionChangedEventHandler<BootstrapClientChartBase>>;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapChart control.
+ */
+interface BootstrapClientChart extends BootstrapClientChartBase {
+    ZoomStart: ASPxClientEvent<BootstrapClientChartZoomStartEventHandler<BootstrapClientChart>>;
+    ZoomEnd: ASPxClientEvent<BootstrapClientChartZoomEndEventHandler<BootstrapClientChart>>;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPolarChart control.
+ */
+interface BootstrapClientPolarChart extends BootstrapClientChartBase {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPieChart control.
+ */
+interface BootstrapClientPieChart extends BootstrapClientChartBase {
+}
+interface BootstrapClientChartBaseDoneEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapClientChartBaseLegendClickEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+interface BootstrapClientCoordinateSystemChartArgumentAxisClickEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+interface BootstrapClientChartBasePointClickEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+interface BootstrapClientChartBasePointHoverChangedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+interface BootstrapClientChartBasePointSelectionChangedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+interface BootstrapClientChartBaseTooltipHiddenEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+interface BootstrapClientChartBaseTooltipShownEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+interface BootstrapClientCoordinateSystemChartSeriesClickEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementClickEventArgs): void;
+}
+interface BootstrapClientCoordinateSystemChartSeriesHoverChangedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+interface BootstrapClientCoordinateSystemChartSeriesSelectionChangedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetElementActionEventArgs): void;
+}
+interface BootstrapClientChartZoomStartEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapClientChartZoomEndEventHandler<S> {
+    (source: S, e: BootstrapClientChartZoomEndEventArgs): void;
+}
+interface BootstrapUIWidgetEventArgsBase extends ASPxClientEventArgs {
+    component: Object;
+    element: Object;
+}
+interface BootstrapClientChartZoomEndEventArgs extends BootstrapUIWidgetEventArgsBase {
+    rangeStart: Object;
+    rangeEnd: Object;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBox control.
+ */
+interface BootstrapClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<BootstrapClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked 
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState 
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text 
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButton control.
+ */
+interface BootstrapClientRadioButton extends BootstrapClientCheckBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapComboBox control.
+ */
+interface BootstrapClientComboBox extends ASPxClientComboBox {
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the combo box editor's selected item.
+     * @param item 
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index 
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text 
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value 
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding fields within the editor's Fields collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts 
+     * @param value 
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text and returns the index of the added item.
+     * @param text 
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text 
+     * @param value 
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text 
+     * @param value 
+     * @param iconCssClass 
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param texts 
+     * @param value 
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param texts 
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param text 
+     * @param value 
+     * @param iconCssClass 
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index 
+     * @param text 
+     * @param value 
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index 
+     * @param text 
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDateEdit control.
+ */
+interface BootstrapClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDropDownEdit control.
+ */
+interface BootstrapClientDropDownEdit extends ASPxClientDropDownEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapFormLayout control.
+ */
+interface BootstrapClientFormLayout extends ASPxClientFormLayout {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapGridView control.
+ */
+interface BootstrapClientGridView extends ASPxClientGridView {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapHyperLink control.
+ */
+interface BootstrapClientHyperLink extends ASPxClientHyperLink {
+}
+interface BootstrapClientImage extends ASPxClientImage {
+}
+/**
+ * Represents the client-side equivalent of the BootstrapListEditItem object.
+ */
+interface BootstrapClientListBoxItem extends ASPxClientListEditItem {
+    /**
+     * This member is not in effect for this class. It is overridden only for the purpose of preventing it from appearing in Microsoft Visual Studio designer tools.
+     */
+    imageUrl: string;
+    iconCssClass: string;
+    /**
+     * 
+     * @param columnIndex 
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * 
+     * @param columnName 
+     */
+    GetColumnText(columnName: string): string;
+    /**
+     * 
+     * @param fieldIndex 
+     */
+    GetFieldText(fieldIndex: number): string;
+    /**
+     * 
+     * @param fieldName 
+     */
+    GetFieldText(fieldName: string): string;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapListBox control.
+ */
+interface BootstrapClientListBox extends ASPxClientListBox {
+    /**
+     * Returns the list box editor's selected item.
+     */
+    GetSelectedItem(): BootstrapClientListBoxItem;
+    /**
+     * Sets the list box editor's selected item.
+     * @param item 
+     */
+    SetSelectedItem(item: BootstrapClientListBoxItem): void;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index 
+     */
+    GetItem(index: number): BootstrapClientListBoxItem;
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): BootstrapClientListBoxItem[];
+    /**
+     * Selects the specified items within a list box.
+     * @param items 
+     */
+    SelectItems(items: BootstrapClientListBoxItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items 
+     */
+    UnselectItems(items: BootstrapClientListBoxItem[]): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text 
+     */
+    FindItemByText(text: string): BootstrapClientListBoxItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value 
+     */
+    FindItemByValue(value: Object): BootstrapClientListBoxItem;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts 
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts 
+     * @param value 
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    AddItem(texts: string[], value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text 
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text 
+     * @param value 
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text 
+     * @param value 
+     * @param iconCssClass 
+     */
+    AddItem(text: string, value: Object, iconCssClass: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param texts 
+     * @param value 
+     * @param iconCssClass 
+     */
+    InsertItem(index: number, texts: string[], value: Object, iconCssClass: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param texts 
+     * @param value 
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index 
+     * @param texts 
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index 
+     * @param text 
+     * @param value 
+     * @param iconCssClass 
+     */
+    InsertItem(index: number, text: string, value: Object, iconCssClass: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index 
+     * @param text 
+     * @param value 
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index 
+     * @param text 
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBoxList control.
+ */
+interface BootstrapClientCheckBoxList extends ASPxClientCheckBoxList {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButtonList control.
+ */
+interface BootstrapClientRadioButtonList extends ASPxClientRadioButtonList {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMenu control.
+ */
+interface BootstrapClientMenu extends ASPxClientMenu {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPager control.
+ */
+interface BootstrapClientPager extends ASPxClientPager {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupControl control.
+ */
+interface BootstrapClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * 
+     * @param selector 
+     */
+    SetPopupElementCssSelector(selector: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupMenu control.
+ */
+interface BootstrapClientPopupMenu extends ASPxClientPopupMenu {
+    /**
+     * 
+     * @param selector 
+     */
+    SetPopupElementCssSelector(selector: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapProgressBar control.
+ */
+interface BootstrapClientProgressBar extends ASPxClientProgressBar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapSpinEdit control.
+ */
+interface BootstrapClientSpinEdit extends ASPxClientSpinEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTabControl control.
+ */
+interface BootstrapClientTabControl extends ASPxClientTabControl {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPageControl control.
+ */
+interface BootstrapClientPageControl extends ASPxClientPageControl {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTextBox control.
+ */
+interface BootstrapClientTextBox extends ASPxClientTextBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMemo control.
+ */
+interface BootstrapClientMemo extends ASPxClientMemo {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButtonEdit control.
+ */
+interface BootstrapClientButtonEdit extends ASPxClientButtonEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTreeView control.
+ */
+interface BootstrapClientTreeView extends ASPxClientTreeView {
+}
+interface BootstrapUIWidgetBase extends ASPxClientControl {
+    Init: ASPxClientEvent<BootstrapUIWidgetInitializedEventHandler<BootstrapUIWidgetBase>>;
+    Drawn: ASPxClientEvent<BootstrapUIWidgetDrawnEventHandler<BootstrapUIWidgetBase>>;
+    Disposing: ASPxClientEvent<BootstrapUIWidgetDisposingEventHandler<BootstrapUIWidgetBase>>;
+    OptionChanged: ASPxClientEvent<BootstrapUIWidgetOptionChangedEventHandler<BootstrapUIWidgetBase>>;
+    Exporting: ASPxClientEvent<BootstrapUIWidgetExportingEventHandler<BootstrapUIWidgetBase>>;
+    Exported: ASPxClientEvent<BootstrapUIWidgetExportedEventHandler<BootstrapUIWidgetBase>>;
+    FileSaving: ASPxClientEvent<BootstrapUIWidgetFileSavingEventHandler<BootstrapUIWidgetBase>>;
+    IncidentOccurred: ASPxClientEvent<BootstrapUIWidgetErrorEventHandler<BootstrapUIWidgetBase>>;
+    GetInstance(): Object;
+    SetOptions(options: Object): void;
+    ExportTo(format: string, fileName: string): void;
+    Print(): void;
+}
+interface BootstrapUIWidgetInitializedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapUIWidgetDrawnEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapUIWidgetDisposingEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapUIWidgetExportedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetEventArgsBase): void;
+}
+interface BootstrapUIWidgetOptionChangedEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetOptionChangedEventArgs): void;
+}
+interface BootstrapUIWidgetOptionChangedEventArgs extends BootstrapUIWidgetEventArgsBase {
+    fullName: string;
+    name: string;
+    previousValue: Object;
+    value: Object;
+}
+interface BootstrapUIWidgetExportingEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetExportEventArgs): void;
+}
+interface BootstrapUIWidgetFileSavingEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetExportEventArgs): void;
+}
+interface BootstrapUIWidgetExportEventArgs extends BootstrapUIWidgetEventArgsBase {
+    cancel: boolean;
+    data: Object;
+    fileName: string;
+    format: string;
+}
+interface BootstrapUIWidgetErrorEventHandler<S> {
+    (source: S, e: BootstrapUIWidgetErrorEventArgs): void;
+}
+interface BootstrapUIWidgetErrorEventArgs extends BootstrapUIWidgetEventArgsBase {
+    target: Object;
+}
+interface BootstrapUIWidgetElementActionEventArgs extends BootstrapUIWidgetEventArgsBase {
+    target: Object;
+}
+interface BootstrapUIWidgetElementClickEventArgs extends BootstrapUIWidgetElementActionEventArgs {
+    jQueryEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapUploadControl.
+ */
+interface BootstrapClientUploadControl extends ASPxClientUploadControl {
+}
 /**
  * A client-side counterpart of the Calendar and CalendarFor extensions.
  */
@@ -15584,6 +19918,12 @@ interface MVCxClientCardView extends ASPxClientCardView {
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
      */
     PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
     /**
      * Sends a callback to the server and generates the server-side CustomDataCallback event.
      * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
@@ -15796,6 +20136,12 @@ interface MVCxClientGridView extends ASPxClientGridView {
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
      */
     PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
     /**
      * Sends a callback to the server and generates the server-side CustomDataCallback event.
      * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
@@ -16176,9 +20522,9 @@ interface MVCxClientSchedulerTemplateToolTip extends ASPxClientToolTipBase {
  */
 interface MVCxClientSchedulerToolTipDisplayingEventHandler<S> {
     /**
-     * 
-     * @param source 
-     * @param e 
+     * A method that will handle the ToolTipDisplaying event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientSchedulerToolTipDisplayingEventArgs object that contains the related arguments.
      */
     (source: S, e: MVCxClientSchedulerToolTipDisplayingEventArgs): void;
 }
@@ -16429,6 +20775,12 @@ interface MVCxClientVerticalGrid extends ASPxClientVerticalGrid {
      * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
      */
     PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing the specified argument to it.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
     /**
      * Sends a callback to the server and generates the server-side CustomDataCallback event.
      * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
@@ -16458,6 +20810,11 @@ interface ASPxClientControlBase {
      * Returns an HTML element that is the root of the control's hierarchy.
      */
     GetMainElement(): Object;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
     /**
      * Returns a value specifying whether a control is displayed.
      */
@@ -16576,10 +20933,66 @@ interface ASPxClientCallbackCompleteEventArgs extends ASPxClientEventArgs {
      */
     result: string;
 }
+/**
+ * Serves as the base class for controls that implement panel functionality.
+ */
+interface ASPxClientPanelBase extends ASPxClientControl {
+    /**
+     * Returns the HTML code that is the content of the panel.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML content for the panel.
+     * @param html A string value that is the HTML code defining the content of the panel.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the panel is enabled.
+     * @param enabled true to enable the panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxPanel control.
+ */
+interface ASPxClientPanel extends ASPxClientPanelBase {
+    /**
+     * Occurs when the expanded panel is closed.
+     */
+    Collapsed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Occurs when an end-user opens the expand panel.
+     */
+    Expanded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Expands or collapses the client panel.
+     */
+    Toggle(): void;
+    /**
+     * Returns a value specifying whether the panel can be expanded.
+     */
+    IsExpandable(): boolean;
+    /**
+     * Returns a value specifying whether the panel is expanded.
+     */
+    IsExpanded(): boolean;
+    /**
+     * Expands the collapsed panel.
+     */
+    Expand(): void;
+    /**
+     * Collapses the expanded panel.
+     */
+    Collapse(): void;
+}
 /**
  * Represents a client-side equivalent of the ASPxCallbackPanel control.
  */
-interface ASPxClientCallbackPanel extends ASPxClientControl {
+interface ASPxClientCallbackPanel extends ASPxClientPanel {
     /**
      * Occurs when a callback for server-side processing is initiated.
      */
@@ -16721,6 +21134,16 @@ interface ASPxClientProcessingModeCancelEventArgs extends ASPxClientProcessingMo
      */
     cancel: boolean;
 }
+/**
+ * Provides access to an observable boolean, that allows you to detect and respond to changes.
+ */
+interface KnockoutObservableBoolean {
+}
+/**
+ * Provides access to observable arrays that allow you to detect and respond to changes in a collection of things.
+ */
+interface KnockoutObservableArray {
+}
 /**
  * Represents a JavaScript function which receives callback data obtained via a call to a specific client method (such as the PerformDataCallback).
  */
@@ -16986,17 +21409,23 @@ interface ASPxClientControlsInitializedEventArgs extends ASPxClientEventArgs {
      */
     isCallback: boolean;
 }
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
 interface ASPxClientControlPredicate {
     /**
-     * 
-     * @param control 
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param control An object to compare against the criteria defined within the method.
      */
     (control: Object): boolean;
 }
+/**
+ * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+ */
 interface ASPxClientControlAction {
     /**
-     * 
-     * @param control 
+     * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+     * @param control An object that specifies a control.
      */
     (control: Object): void;
 }
@@ -17585,7 +22014,7 @@ interface ASPxClientDockPanel extends ASPxClientPopupControlBase {
      */
     MakeFloat(x: number, y: number): void;
     /**
-     * Gets or sets a value specifying the position of the current panel, amongst the visible panels within a zone.
+     * Gets a value specifying the position of the current panel, amongst the visible panels within a zone.
      */
     GetVisibleIndex(): number;
     /**
@@ -17855,6 +22284,10 @@ interface ASPxClientFileManager extends ASPxClientControl {
      * Occurs on the client side after upload of all selected files has been completed.
      */
     FilesUploaded: ASPxClientEvent<ASPxClientFileManagerFilesUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to specify whether the selected file(s) are valid and provide an error text.
+     */
+    FileUploadValidationErrorOccurred: ASPxClientEvent<ASPxClientUploadControlValidationErrorOccurredEventHandler<ASPxClientFileManager>>;
     /**
      * Fires on the client side before a file download starts, and allows you to cancel the action.
      */
@@ -18892,6 +23325,229 @@ interface ASPxClientHiddenField extends ASPxClientControl {
      */
     Contains(propertyName: string): boolean;
 }
+/**
+ * Represents the client-side equivalent of the ASPxHint control.
+ */
+interface ASPxClientHint extends ASPxClientControl {
+    /**
+     * Occurs on the client side when a hint is about to be shown.
+     */
+    Showing: ASPxClientEvent<ASPxClientHintShowingEventHandler>;
+    /**
+     * Occurs on the client side when a hint is about to be hidden.
+     */
+    Hiding: ASPxClientEvent<ASPxClientHintHidingEventHandler>;
+    /**
+     * This method is not in effect for a ASPxClientHint object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Invokes a hint.
+     * @param targetElement A HTML DOM element near to which the hint is displayed in response to user interaction.
+     */
+    Show(targetElement: Object): ASPxClientHintWindow;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector used to specify for which UI elements on a web page a hint is displayed.
+     */
+    Show(targetSelector: string): ASPxClientHintWindow;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHint's window.
+ */
+interface ASPxClientHintWindow {
+    /**
+     * Forces the ASPxClientHint's window to recalculate its position.
+     */
+    UpdatePosition(): void;
+}
+/**
+ * A method that will handle the Showing event.
+ */
+interface ASPxClientHintShowingEventHandler {
+    /**
+     * A method that will handle the Showing event.
+     * @param sender The event source.
+     * @param e A ASPxClientHintShowingEventArgs object that contains the required data.
+     */
+    (sender: ASPxClientHintWindow, e: ASPxClientHintShowingEventArgs): void;
+}
+/**
+ * Provides data for the Showing event.
+ */
+interface ASPxClientHintShowingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the object that is the hint's target element.
+     * Value: An object representing the hint's target element related to the event.
+     */
+    targetElement: Object;
+    /**
+     * Gets the object that is the hint.
+     * Value: An object representing the hint related to the event.
+     */
+    hintElement: Object;
+    /**
+     * Gets the object that is the hint's content.
+     * Value: An object representing the hint's content element related to the event.
+     */
+    contentElement: Object;
+    /**
+     * Gets the object that is the hint's title.
+     * Value: An object representing the hint's title element related to the event.
+     */
+    titleElement: Object;
+}
+/**
+ * A method that will handle the Hiding event.
+ */
+interface ASPxClientHintHidingEventHandler {
+    /**
+     * A method that will handle the Hiding event.
+     * @param sender The event source.
+     * @param e A ASPxClientHintHidingEventArgs object that contains the required data.
+     */
+    (sender: ASPxClientHintWindow, e: ASPxClientHintHidingEventArgs): void;
+}
+/**
+ * Provides data for the Hiding event.
+ */
+interface ASPxClientHintHidingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the object that is the hint's target element.
+     * Value: An object representing the hint's target element.
+     */
+    targetElement: Object;
+    /**
+     * Gets the object that is the hint element.
+     * Value: An object representing the hint related to the event.
+     */
+    hintElement: Object;
+    /**
+     * Gets the object that is the hint's content.
+     * Value: An object representing the hint's content element related to the event.
+     */
+    contentElement: Object;
+    /**
+     * Gets the object that is the hint's title.
+     * Value: An object representing the hint's title element related to the event.
+     */
+    titleElement: Object;
+    /**
+     * Gets or sets a value indicating whether the event should be canceled.
+     * Value: true, if the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * The hint control's options.
+ */
+interface ASPxClientHintOptions {
+    /**
+     * Gets or sets which user action triggers a hint.
+     * Value: A string value that is a user action.
+     */
+    triggerAction: string;
+    /**
+     * Gets or sets the delay in displaying the hint.
+     * Value: An integer value that specifies the time interval, in milliseconds, after which a hint is displayed.
+     */
+    appearAfter: number;
+    /**
+     * Gets or sets the duration after which a hint disappears when the mouse pointer is no longer positioned over the target element.
+     * Value: The length of time (in milliseconds) a hint is displayed after the mouse pointer is no longer positioned over the target element.
+     */
+    disappearAfter: number;
+    /**
+     * Gets or sets a value that specifies whether a hint is displayed in a callout box.
+     * Value: true, to display a hint in a callout box; otherwise, false.
+     */
+    showCallout: boolean;
+    /**
+     * Gets or sets where a hint should be positioned.
+     * Value: A string value that specifies a hint position.
+     */
+    position: string;
+    /**
+     * Gets or sets a custom CSS class name that will be assigned to the root ASPxHint element.
+     * Value: A string value that is the CSS class name.
+     */
+    className: string;
+    /**
+     * Gets or sets the attribute name.
+     * Value: A string value that is the attribute name.
+     */
+    contentAttribute: string;
+    /**
+     * Gets or sets the attribute name.
+     * Value: A string value that is the attribute name.
+     */
+    titleAttribute: string;
+    /**
+     * Gets or sets the hint's content.
+     * Value: A string value that is the hint's content.
+     */
+    content: string;
+    /**
+     * Gets or sets a value that is the hint's title.
+     * Value: A string value that is the title text.
+     */
+    title: string;
+    /**
+     * Gets or sets a value that is the HTML DOM-element.
+     * Value: A string that is the DOM-element.
+     */
+    container: string;
+    /**
+     * A handler for the Showing event.
+     * Value: An <see cref="ASPxClientHintShowingEventHandler" /> delegate method allowing you to implement custom processing.
+     */
+    onShowing: ASPxClientHintShowingEventHandler;
+    /**
+     * A handler for the Hiding event.
+     * Value: An <see cref="ASPxClientHintHidingEventHandler" /> delegate method allowing you to implement custom processing.
+     */
+    onHiding: ASPxClientHintHidingEventHandler;
+    /**
+     * Gets or sets a value that is the hint's width.
+     * Value: A string value that is the hint's width.
+     */
+    width: string;
+    /**
+     * Gets or sets a value that is the hint's height.
+     * Value: A string value that is the hint's height.
+     */
+    height: string;
+    /**
+     * Gets or sets the X coordinate.
+     * Value: An integer value that is the X coordinate.
+     */
+    x: number;
+    /**
+     * Gets or sets the Y coordinate.
+     * Value: An integer value that is the Y coordinate.
+     */
+    y: number;
+    /**
+     * Gets or sets a value that specifies whether to flip the hint to the opposite position relative to the target element.
+     * Value: true, to flip the hint; otherwise, false.
+     */
+    allowFlip: boolean;
+    /**
+     * Gets or sets a value that specifies whether to shift a hint if its content and title are hidden outside of the client area.
+     * Value: true, to shift the hint; otherwise, false.
+     */
+    allowShift: boolean;
+    /**
+     * Gets or sets whether it should use animation effects when a hint appears.
+     * Value: true if animation is enabled; otherwise false.
+     */
+    animation: any;
+    /**
+     * Gets the offset of a hint.
+     * Value: An integer value.
+     */
+    offset: number;
+}
 /**
  * The client-side equivalent of the ASPxImageGallery control.
  */
@@ -19163,6 +23819,20 @@ interface ASPxClientLoadingPanel extends ASPxClientControl {
      */
     Hide(): void;
 }
+/**
+ * Represents the client-side equivalent of the area that is used within the Html Editor's media dialogs.
+ */
+interface ASPxClientMediaFileSelector extends ASPxClientControl {
+    /**
+     * Returns a URL text from the URL text box in Html Editor's media dialogs.
+     */
+    GetUrl(): string;
+    /**
+     * Sets a URL text in the Html Editor's media dialogs.
+     * @param url A string value that is the Url text.
+     */
+    SetUrl(url: string): void;
+}
 /**
  * Serves as the base type for the ASPxClientPopupMenu objects.
  */
@@ -19839,60 +24509,9 @@ interface ASPxClientFlashScriptCommandEventArgs extends ASPxClientEventArgs {
 interface ASPxClientOfficeDocumentLinkType {
 }
 /**
- * Serves as the base class for controls that implement panel functionality.
+ * Represents the client-side equivalent of the ASPxPager control.
  */
-interface ASPxClientPanelBase extends ASPxClientControl {
-    /**
-     * Returns the HTML code that is the content of the panel.
-     */
-    GetContentHtml(): string;
-    /**
-     * Sets the HTML content for the panel.
-     * @param html A string value that is the HTML code defining the content of the panel.
-     */
-    SetContentHtml(html: string): void;
-    /**
-     * Sets a value specifying whether the panel is enabled.
-     * @param enabled true to enable the panel; false to disable it.
-     */
-    SetEnabled(enabled: boolean): void;
-    /**
-     * Returns a value specifying whether a panel is enabled.
-     */
-    GetEnabled(): boolean;
-}
-/**
- * Represents a client-side equivalent of the ASPxPanel control.
- */
-interface ASPxClientPanel extends ASPxClientPanelBase {
-    /**
-     * Occurs when the expanded panel is closed.
-     */
-    Collapsed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
-    /**
-     * Occurs when an end-user opens the expand panel.
-     */
-    Expanded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
-    /**
-     * Expands or collapses the client panel.
-     */
-    Toggle(): void;
-    /**
-     * Returns a value specifying whether the panel can be expanded.
-     */
-    IsExpandable(): boolean;
-    /**
-     * Returns a value specifying whether the panel is expanded.
-     */
-    IsExpanded(): boolean;
-    /**
-     * Expands the collapsed panel.
-     */
-    Expand(): void;
-    /**
-     * Collapses the expanded panel.
-     */
-    Collapse(): void;
+interface ASPxClientPager extends ASPxClientControl {
 }
 /**
  * Represents a client-side equivalent of the ASPxPopupControl control.
@@ -21728,6 +26347,10 @@ interface ASPxClientUploadControl extends ASPxClientControl {
      * Occurs on the client side when the file input elements count is changed.
      */
     FileInputCountChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Enables you to specify whether the selected file(s) are valid and provide an error text.
+     */
+    ValidationErrorOccurred: ASPxClientEvent<ASPxClientUploadControlValidationErrorOccurredEventHandler<ASPxClientUploadControl>>;
     /**
      * Fires when the mouse enters a drop zone or an external drop zone element while dragging a file.
      */
@@ -21736,6 +26359,10 @@ interface ASPxClientUploadControl extends ASPxClientControl {
      * Fires when the mouse leaves a drop zone or an external drop zone element while dragging a file.
      */
     DropZoneLeave: ASPxClientEvent<ASPxClientUploadControlDropZoneLeaveEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Specifies whether the upload control's Advanced mode is enabled.
+     */
+    IsAdvancedModeEnabled(): boolean;
     /**
      * Initiates uploading of the specified file to the web server's memory.
      */
@@ -21754,6 +26381,16 @@ interface ASPxClientUploadControl extends ASPxClientControl {
      * @param fileIndex An integer value that is the zero-based index of an item in the file list.
      */
     RemoveFileFromSelection(fileIndex: number): void;
+    /**
+     * Removes the specified file from the list of files selected for uploading in the upload control.
+     * @param file An ASPxClientUploadControl object that is the file to be removed from the list of files.
+     */
+    RemoveFileFromSelection(file: ASPxClientUploadControlFile): void;
+    /**
+     * Returns files selected for uploading within the specified file input.
+     * @param inputIndex An integer value that specifies the index of a file input. Default value is "0".
+     */
+    GetSelectedFiles(inputIndex: number): ASPxClientUploadControlFile[];
     /**
      * Gets the text displayed within the edit box of the specified file input element.
      * @param index An integer value that specifies the required file input element's index.
@@ -21973,6 +26610,112 @@ interface ASPxClientUploadControlUploadingProgressChangedEventArgs extends ASPxC
      */
     progress: number;
 }
+/**
+ * A method that will handle the ValidationErrorOccurred client event.
+ */
+interface ASPxClientUploadControlValidationErrorOccurredEventHandler<S> {
+    /**
+     * A method that will handle the ValidationErrorOccurred event.
+     * @param source The event source.
+     * @param e An ASPxClientUploadControlValidationErrorOccurredEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlValidationErrorOccurredEventArgs): void;
+}
+/**
+ * Provides data for the ValidationErrorOccurred event.
+ */
+interface ASPxClientUploadControlValidationErrorOccurredEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error text.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the ValidationErrorOccurred event fires.
+     * Value: true, to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets the validation settings for the selected files.
+     * Value: An ASPxClientUploadControlValidationSettings object that provides validation settings.
+     */
+    validationSettings: ASPxClientUploadControlValidationSettings;
+    /**
+     * Returns an array of invalid files.
+     * Value: An array of the ASPxClientUploadControlInvalidFileInfo objects.
+     */
+    invalidFiles: ASPxClientUploadControlInvalidFileInfo[];
+}
+/**
+ * Contains settings that relate to the ValidationErrorOccurred client event.
+ */
+interface ASPxClientUploadControlValidationSettings {
+    /**
+     * Gets the maximum file size.
+     * Value: An <see cref="Int64" /> value that specifies the maximum file size, in bytes.
+     */
+    maxFileSize: any;
+    /**
+     * Gets the maximum count of files that can be selected for uploading at once.
+     * Value: An integer value that specifies the maximum count of files.
+     */
+    maxFileCount: number;
+    /**
+     * Gets the allowed file extensions.
+     * Value: An array of string values that contains file extensions that are allowed.
+     */
+    allowedFileExtensions: string[];
+    /**
+     * Gets which characters in a file name are not allowed.
+     * Value: An array of string values that contains characters that are not allowed.
+     */
+    invalidFileNameCharacters: string[];
+}
+/**
+ * Contains settings of the file that hasn't passed validation.
+ */
+interface ASPxClientUploadControlInvalidFileInfo {
+    /**
+     * Gets the name of the invalid file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets the size of the invalid file.
+     * Value: An integer value that specifies the file size.
+     */
+    fileSize: number;
+    /**
+     * Gets the error type.
+     * Value: An ASPxClientUploadControlValidationErrorTypeConsts object that provides possible types of errors.
+     */
+    errorType: ASPxClientUploadControlValidationErrorTypeConsts;
+}
+/**
+ * Declares client constants containing codes of validation errors that can occur while selecting files for uploading.
+ */
+interface ASPxClientUploadControlValidationErrorTypeConsts {
+}
+/**
+ * Represents a client file that corresponds to a particular file selected for uploading in the upload control.
+ */
+interface ASPxClientUploadControlFile {
+    /**
+     * Gets the name of the file selected for uploading.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the size of the file selected for uploading.
+     * Value: An Int64 value specifying the file's size, in bytes.
+     */
+    size: any;
+    /**
+     * Provides access to the file as a native Javascript object.
+     * Value: A JavaScript object that is the file selected for uploading.
+     */
+    sourceFileObject: any;
+}
 /**
  * A method that will handle the DropZoneEnter event.
  */
@@ -22919,6 +27662,12 @@ interface ASPxClientXYDiagram2D extends ASPxClientXYDiagramBase {
      * @param pane An ASPxClientXYDiagramPane object, representing the pane.
      */
     DiagramToPoint(argument: Object, value: Object, axisX: ASPxClientAxis2D, axisY: ASPxClientAxis2D, pane: ASPxClientXYDiagramPane): ASPxClientControlCoordinates;
+    /**
+     * Shows the Crosshair Cursor at the point with the specified coordinates.
+     * @param screenX The horizontal coordinate that is related to the top-left angle of the chart.
+     * @param screenY The vertical coordinate that is related to the top-left angle of the chart.
+     */
+    ShowCrosshair(screenX: number, screenY: number): void;
 }
 /**
  * Represents the client-side equivalent of the XYDiagram class.
@@ -23941,6 +28690,16 @@ interface ASPxClientCrosshairOptions extends ASPxClientWebChartEmptyElement {
      * Value: A String, which represents the group header's pattern.
      */
     groupHeaderPattern: string;
+    /**
+     * Gets a value that specifies whether the Crosshair cursor should show points that are out of visual range.
+     * Value: true if the out of visual range points should be shown in the Crosshair label; otherwise false.
+     */
+    showOutOfRangePoints: boolean;
+    /**
+     * Gets the identifier specifying the behavior of the selection of points shown in the crosshair label.
+     * Value: The selection behavior identifier.
+     */
+    valueSelectionMode: string;
     /**
      * Gets the color of a crosshair argument line.
      * Value: A String value, specifying the color of a crosshair argument line.
@@ -24267,69 +29026,9 @@ interface ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<S> {
     /**
      * A method that will handle the CustomizeToolbarActions event.
      * @param source The event sender.
-     * @param e An ASPxClientQueryBuilderCustomizeToolbarActionsEventArgs object that contains data related to the event.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
      */
-    (source: S, e: ASPxClientQueryBuilderCustomizeToolbarActionsEventArgs): void;
-}
-/**
- * Provides settings to the actions listed in a Query Builder menu.
- */
-interface ASPxClientQueryBuilderMenuAction {
-    /**
-     * Provides access to the text for the command.
-     * Value: A String value.
-     */
-    text: string;
-    /**
-     * Provides access to the CSS class of the command's glyph.
-     * Value: A String value.
-     */
-    imageClassName: string;
-    /**
-     * Provides access to the action performed when a Query Builder's button is clicked.
-     * Value: The specific action implementation.
-     */
-    clickAction: Function;
-    /**
-     * Provides access to the value that specifies whether or not the command is disabled by default.
-     * Value: true, if the command is disabled by default; otherwise, false.
-     */
-    disabled: boolean;
-    /**
-     * Provides access to the value that specifies whether or not the command is visible in the Query Builder user interface.
-     * Value: true if the command is visible; otherwise false.
-     */
-    visible: boolean;
-    /**
-     * Provides access to the keyboard shortcut used to invoke the command.
-     * Value: A String value.
-     */
-    hotKey: string;
-    /**
-     * Provides access to the value that specifies whether or not the command has a visual separator.
-     * Value: true, if the command has a visual separator; otherwise, false.
-     */
-    hasSeparator: string;
-    /**
-     * Provides access to the location of the displayed command.
-     * Value: A String value.
-     */
-    container: string;
-}
-/**
- * Provides data for the CustomizeToolbarActions event.
- */
-interface ASPxClientQueryBuilderCustomizeToolbarActionsEventArgs extends ASPxClientEventArgs {
-    /**
-     * Returns the collection of customized menu actions.
-     * Value: An ASPxClientQueryBuilderMenuAction array.
-     */
-    Actions: ASPxClientQueryBuilderMenuAction[];
-    /**
-     * Returns a menu action with the specified ID.
-     * @param actionId A String value, specifying the action ID.
-     */
-    GetById(actionId: string): ASPxClientQueryBuilderMenuAction;
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
 }
 /**
  * The client-side equivalent of the Web Report Designer control.
@@ -24352,7 +29051,7 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      */
     SaveCommandExecute: ASPxClientEvent<ASPxClientReportDesignerSaveCommandExecuteEventHandler<ASPxClientReportDesigner>>;
     /**
-     * Enables you to customize the menu actions of a Web Report Designer.
+     * Enables you to customize the menu actions of the Web Report Designer.
      */
     CustomizeMenuActions: ASPxClientEvent<ASPxClientReportDesignerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
     /**
@@ -24367,6 +29066,78 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Occurs on the client side when the Report Designer is being closed.
      */
     ExitDesigner: ASPxClientEvent<ASPxClientReportDesignerExitDesignerEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report is about to be saved in the Web Report Designer.
+     */
+    ReportSaving: ASPxClientEvent<ASPxClientReportDesignerReportSavingEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report has been saved in the Web Report Designer.
+     */
+    ReportSaved: ASPxClientEvent<ASPxClientReportDesignerReportSavedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report is about to be opened in the Web Report Designer.
+     */
+    ReportOpening: ASPxClientEvent<ASPxClientReportDesignerReportOpeningEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when a report has been opened in the Web Report Designer.
+     */
+    ReportOpened: ASPxClientEvent<ASPxClientReportDesignerReportOpenedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client each time a server-side error raises.
+     */
+    OnServerError: ASPxClientEvent<ASPxClientReportDesignerErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after a component has been added to the report currently being edited in the Web Report Designer.
+     */
+    ComponentAdded: ASPxClientEvent<ASPxClientReportDesignerComponentAddedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize UI elements of the Web Report Designer.
+     */
+    CustomizeElements: ASPxClientEvent<ASPxClientReportDesignerCustomizeElementsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Save dialog of the Web Report Designer.
+     */
+    CustomizeSaveDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeSaveDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Save Report dialog of the Web Report Designer.
+     */
+    CustomizeSaveAsDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeSaveAsDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Open Report dialog of the Web Report Designer.
+     */
+    CustomizeOpenDialog: ASPxClientEvent<ASPxClientReportDesignerCustomizeOpenDialogEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the Toolbox of the Web Report Designer.
+     */
+    CustomizeToolbox: ASPxClientEvent<ASPxClientReportDesignerCustomizeToolboxEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after a report has been switched to Print Preview.
+     */
+    PreviewDocumentReady: ASPxClientEvent<ASPxClientWebDocumentViewerDocumentReadyEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a value of an editing field changes in Print Preview.
+     */
+    PreviewEditingFieldChanged: ASPxClientEvent<ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize UI elements of a Document Viewer built into a Web Report Designer.
+     */
+    PreviewCustomizeElements: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeElementsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the actions of a Document Viewer built into a Web Report Designer.
+     */
+    PreviewCustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when the left mouse button has been clicked over a report document in Print Preview.
+     */
+    PreviewClick: ASPxClientEvent<ASPxClientWebDocumentViewerPreviewClickEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after report parameter values have been reset to their default values in Print Preview.
+     */
+    PreviewParametersReset: ASPxClientEvent<ASPxClientWebDocumentViewerParametersResetEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs after report parameter values have been submitted in Print Preview.
+     */
+    PreviewParametersSubmitted: ASPxClientEvent<ASPxClientWebDocumentViewerParametersSubmittedEventHandler<ASPxClientReportDesigner>>;
     /**
      * Sends a callback to the server with the specified argument.
      * @param arg A String value, specifying the callback argument.
@@ -24387,16 +29158,30 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Returns the object model of a Web Report Designer.
      */
     GetDesignerModel(): Object;
+    /**
+     * Provides access to the preview model of the ASPxClientReportDesigner.
+     */
+    GetPreviewModel(): Object;
+    /**
+     * Returns information about the specified property of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param path A string that specifies the path to the property.
+     */
+    GetPropertyInfo(controlType: string, path: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * Returns information about the specified properties of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param path An array of strings that specify paths to properties.
+     */
+    GetPropertyInfo(controlType: string, path: string[]): ASPxDesignerElementSerializationInfo;
+    /**
+     * Returns actions performed by buttons available in the menu and toolbar of the Web Report Designer.
+     */
+    GetButtonStorage(): Object;
     /**
      * Gets a client-side model of the currently opened report serialized to Json.
      */
     GetJsonReportModel(): string;
-    /**
-     * Returns serialization information for the specific property of the specific control type.
-     * @param controlType A string that identifies the name of the control type for which serialization information is to be returned.
-     * @param propertyDisplayName A string that identifies the name of the property for which serialization information is to be returned.
-     */
-    GetPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
     /**
      * Indicates whether or not the current ASPxClientReportDesigner instance has been modified.
      */
@@ -24405,6 +29190,76 @@ interface ASPxClientReportDesigner extends ASPxClientControl {
      * Resets the value returned by the IsModified method.
      */
     ResetIsModified(): void;
+    /**
+     * Adds a custom property to the Properties Panel.
+     * @param groupName A string that specifies the name of group to which a property should be added.
+     * @param property An object that provides information required to serialize a property.
+     */
+    AddToPropertyGrid(groupName: string, property: ASPxDesignerElementSerializationInfo): void;
+    /**
+     * Adds a custom parameter type to the Web End-User Report Designer.
+     * @param parameterInfo An object that provides information about a parameter type to be added.
+     * @param editorOptions An object that provides information about an editor used to specify parameter values in design mode.
+     */
+    AddParameterType(parameterInfo: ASPxDesignerParameterType, editorOptions: ASPxDesignerEditorOptions): void;
+    /**
+     * Removes the specified parameter type from the Web End-User Report Designer.
+     * @param parameterType A string that specifies a parameter type to be deleted.
+     */
+    RemoveParameterType(parameterType: string): void;
+    /**
+     * Returns an object that contains information on the specified parameter type.
+     * @param parameterType A string that specifies a parameter type.
+     */
+    GetParameterInfo(parameterType: string): ASPxDesignerParameterType;
+    /**
+     * Returns a value editor associated with the specified parameter type.
+     * @param parameterType A string that specifies a parameter type.
+     */
+    GetParameterEditor(parameterType: string): ASPxDesignerEditorOptions;
+    /**
+     * Returns the report layout stored in a report storage under the specified URL.
+     * @param url A string that specifies the report URL.
+     */
+    ReportStorageGetData(url: string): any;
+    /**
+     * Stores the specified report to a report storage using the specified URL.
+     * @param reportLayout A string that specifies the report layout to be saved.
+     * @param url A string that specifies the URL used to save a report.
+     */
+    ReportStorageSetData(reportLayout: string, url: string): any;
+    /**
+     * Stores the specified report to a report storage using a new URL.
+     * @param reportLayout A string that specifies the report layout to be saved.
+     * @param url A string that specifies the default report URL.
+     */
+    ReportStorageSetNewData(reportLayout: string, url: string): any;
+    /**
+     * Saves the current report.
+     */
+    SaveReport(): any;
+    /**
+     * Closes the report tab currently being opened in the Web Report Designer.
+     */
+    CloseCurrentTab(): void;
+    /**
+     * Saves the current report under a new name.
+     * @param reportName A string that specifies the report name.
+     */
+    SaveNewReport(reportName: string): any;
+    /**
+     * Returns the report URLs and display names existing in a report storage.
+     */
+    ReportStorageGetUrls(): any;
+    /**
+     * Opens the specified report on the client side of the Web Report Designer.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): void;
+    /**
+     * Switches the Web Report Designer to the preview mode.
+     */
+    ShowPreview(): void;
 }
 /**
  * A method that will handle the SaveCommandExecute event.
@@ -24427,6 +29282,114 @@ interface ASPxClientReportDesignerSaveCommandExecuteEventArgs extends ASPxClient
      */
     handled: boolean;
 }
+/**
+ * Provides data for the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * Provides data for the events related to opening and saving reports in the Web Report Designer.
+ */
+interface ASPxClientReportDesignerDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the URL of the report currently being processed.
+     * Value: A string that specifies the URL of the report currently being processed.
+     */
+    Url: string;
+    /**
+     * Specifies the report currently being processed.
+     * Value: An object that specifies the report currently being processed.
+     */
+    Report: Object;
+    /**
+     * Specifies whether or not the operation performed with a report should be canceled.
+     * Value: true, if the operation should be canceled; otherwise, false.
+     */
+    Cancel: boolean;
+}
+/**
+ * Provides data for the OnServerError event.
+ */
+interface ASPxClientReportDesignerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to information about a server-side error.
+     * Value: An object that provides information about an error.
+     */
+    Error: Object;
+}
+/**
+ * Provides data for the ComponentAdded event.
+ */
+interface ASPxClientReportDesignerComponentAddedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the model of a component that has been added to a report.
+     * Value: An object that specifies the component model.
+     */
+    Model: Object;
+    /**
+     * Gets the parent of a component that has been added to a report.
+     * Value: An object that specifies the component parent.
+     */
+    Parent: Object;
+}
+/**
+ * Provides data for the CustomizeSaveDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Save dialog.
+     * Value: An object that specifies the Save dialog.
+     */
+    Popup: ASPxDesignerSaveDialog;
+    /**
+     * Customizes the Save dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Save dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeSaveAsDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Save Report dialog.
+     * Value: An object that specifies the  Save Report dialog.
+     */
+    Popup: ASPxDesignerSaveAsDialog;
+    /**
+     * Customizes the Save Report dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Save Report dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeOpenDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeOpenDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the Open Report dialog.
+     * Value: An object that specifies the Open Report dialog.
+     */
+    Popup: ASPxDesignerOpenDialog;
+    /**
+     * Customizes the Open Report dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model A model of the Open Report dialog.
+     */
+    Customize(template: string, model: ASPxDesignerDialogModel): void;
+}
+/**
+ * Provides data for the CustomizeToolbox event.
+ */
+interface ASPxClientReportDesignerCustomizeToolboxEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides information about all controls available in the Toolbox.
+     * Value: An ASPxDesignerControlsFactory object that provides information about toolbox controls.
+     */
+    ControlsFactory: ASPxDesignerControlsFactory;
+}
 /**
  * A method that will handle the CustomizeMenuActions event.
  */
@@ -24434,76 +29397,19 @@ interface ASPxClientReportDesignerCustomizeMenuActionsEventHandler<S> {
     /**
      * A method that will handle the CustomizeMenuActions event.
      * @param source The event sender.
-     * @param e An ASPxClientReportDesignerCustomizeMenuActionsEventArgs object that contains data related to the event.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
      */
-    (source: S, e: ASPxClientReportDesignerCustomizeMenuActionsEventArgs): void;
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
 }
 /**
- * Provides settings to the actions listed in a Web Report Designer menu.
+ * A method that will handle the CustomizeParameterLookUpSource event.
  */
-interface ASPxClientReportDesignerMenuAction {
-    /**
-     * Provides access to the text for the command.
-     * Value: A String value.
-     */
-    text: string;
-    /**
-     * Provides access to the CSS class of the command's glyph.
-     * Value: A String value.
-     */
-    imageClassName: string;
-    /**
-     * Provides access to the action performed when a Web Report Designer's button is clicked.
-     * Value: The specific action implementation.
-     */
-    clickAction: Function;
-    /**
-     * Provides access to the value that specifies whether or not the command is disabled by default.
-     * Value: true, if the command is disabled by default; otherwise, false.
-     */
-    disabled: boolean;
-    /**
-     * Provides access to the value that specifies whether or not the command is visible in the designer user interface.
-     * Value: true if the command is visible; otherwise false.
-     */
-    visible: boolean;
-    /**
-     * Provides access to the keyboard shortcut used to invoke the command.
-     * Value: A String value.
-     */
-    hotKey: string;
-    /**
-     * Provides access to the value that specifies whether or not the command has a visual separator.
-     * Value: true, if the command has a visual separator; otherwise, false.
-     */
-    hasSeparator: string;
-    /**
-     * Provides access to the location of the displayed command.
-     * Value: A String value.
-     */
-    container: string;
-}
-/**
- * Provides data for the CustomizeMenuActions event.
- */
-interface ASPxClientReportDesignerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
-    /**
-     * Returns the collection of customized menu actions.
-     * Value: An ASPxClientReportDesignerMenuAction array.
-     */
-    Actions: ASPxClientReportDesignerMenuAction[];
-    /**
-     * Returns a menu action with the specified ID.
-     * @param actionId A String value, specifying the action ID.
-     */
-    GetById(actionId: string): ASPxClientReportDesignerMenuAction;
-}
-/**
- * Provides data for the ExitDesigner event.
- */
-interface ASPxClientReportDesignerExitDesignerEventArgs extends ASPxClientEventArgs {
-}
 interface ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
     (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
 }
 /**
@@ -24517,6 +29423,17 @@ interface ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<S> {
      */
     (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
 }
+/**
+ * A method that will handle the CustomizeElements event.
+ */
+interface ASPxClientReportDesignerCustomizeElementsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeElements event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeElementsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeElementsEventArgs): void;
+}
 /**
  * A method that will handle the ExitDesigner event.
  */
@@ -24528,6 +29445,422 @@ interface ASPxClientReportDesignerExitDesignerEventHandler<S> {
      */
     (source: S, e: ASPxClientReportDesignerExitDesignerEventArgs): void;
 }
+/**
+ * A method that will handle the ReportSaving event.
+ */
+interface ASPxClientReportDesignerReportSavingEventHandler<S> {
+    /**
+     * A method that will handle the ReportSaving event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportSaved event.
+ */
+interface ASPxClientReportDesignerReportSavedEventHandler<S> {
+    /**
+     * A method that will handle the ReportSaved event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportOpening event.
+ */
+interface ASPxClientReportDesignerReportOpeningEventHandler<S> {
+    /**
+     * A method that will handle the ReportOpening event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the ReportOpened event.
+ */
+interface ASPxClientReportDesignerReportOpenedEventHandler<S> {
+    /**
+     * A method that will handle the ReportOpened event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerDialogEventArgs): void;
+}
+/**
+ * A method that will handle the OnServerError event.
+ */
+interface ASPxClientReportDesignerErrorEventHandler<S> {
+    /**
+     * A method that will handle the OnServerError event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerErrorEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerErrorEventArgs): void;
+}
+/**
+ * A method that will handle the ComponentAdded event.
+ */
+interface ASPxClientReportDesignerComponentAddedEventHandler<S> {
+    /**
+     * A method that will handle the ComponentAdded event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerComponentAddedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerComponentAddedEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeSaveDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeSaveDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeSaveDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeSaveDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeSaveAsDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeSaveAsDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeSaveAsDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeSaveAsDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeOpenDialog event.
+ */
+interface ASPxClientReportDesignerCustomizeOpenDialogEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeOpenDialog event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeOpenDialogEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeOpenDialogEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeToolbox event.
+ */
+interface ASPxClientReportDesignerCustomizeToolboxEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeToolbox event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeToolboxEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeToolboxEventArgs): void;
+}
+/**
+ * Provides information about a value editor used in the Property Grid.
+ */
+interface ASPxDesignerEditorOptions {
+    /**
+     * Provides access to the name of an HTML template specifying the editor and header of a complex object.
+     * Value: A string that specifies the HTML template.
+     */
+    header: string;
+    /**
+     * Provides access to the name of an HTML template used by a complex object's editor.
+     * Value: A string that specifies the name of an HTML template.
+     */
+    content: string;
+    /**
+     * Provides access to the type of the editor model.
+     * Value: An object that specifies the editor type.
+     */
+    editorType: Object;
+}
+/**
+ * Provides functionality to an undo/redo engine in the Web Report Designer.
+ */
+interface ASPxDesignerUndoEngine {
+    /**
+     * Provides access to a value that specifies whether or not the redo action can currently be performed.
+     * Value: A knockout observable boolean object, whose value is true if the redo action can be performed, and false otherwise.
+     */
+    redoEnabled: any;
+    /**
+     * Provides access to a value that specifies whether or not the undo action can currently be performed.
+     * Value: A knockout observable boolean object, whose value is true if the undo action can be performed, and false otherwise.
+     */
+    undoEnabled: any;
+    /**
+     * Provides access to a value that specifies whether or not a report has been changed.
+     * Value: A knockout observable boolean object, whose value is true if the report has been modified, and false otherwise.
+     */
+    isDirty: any;
+    /**
+     * Undoes all changes made to a report.
+     */
+    undoAll(): void;
+    /**
+     * Clears information about edit operations made to a report, so they cannot not be undone.
+     */
+    clearHistory(): void;
+    /**
+     * Undoes the last edit action in a report.
+     */
+    undo(): void;
+    /**
+     * Reverses the results of the last undo action.
+     */
+    redo(): void;
+}
+/**
+ * Provides functionality for a tab displayed a report in the Web Report Designer.
+ */
+interface ASPxDesignerNavigateTab {
+    /**
+     * Provides access to a value that specifies the display name of the current tab.
+     * Value: A knockout computed string that specifies the tab's display name.
+     */
+    displayName: any;
+    /**
+     * Provides access to a value that specifies whether or not the report in the current tab has been changed.
+     * Value: A knockout computed boolean object, whose value is true if the report has been modified, and false otherwise.
+     */
+    isDirty: any;
+    /**
+     * Provides access to a report opened in the current tab.
+     * Value: A knockout observable object that specifies a report opened in the current tab.
+     */
+    report: any;
+    /**
+     * Provides access to an engine that manages undo and redo operations in the Web Report Designer.
+     * Value: An object that specifies an undo/redo engine.
+     */
+    undoEngine: ASPxDesignerUndoEngine;
+    /**
+     * Provides access to the URL of a report opened in the current tab.
+     * Value: A knockout observable string that specifies the report URL.
+     */
+    url: any;
+}
+/**
+ * A model of dialogs used to save and open reports in the Web Report Designer.
+ */
+interface ASPxDesignerDialogModel {
+    /**
+     * Provides access to the collection of buttons displayed in a dialog.
+     * Value: An array of objects that specify buttons displayed in a dialog.
+     */
+    popupButtons: Object[];
+    /**
+     * Specifies a function that gets the report URL.
+     */
+    getUrl(): string;
+    /**
+     * Specifies a function that sets the report URL.
+     * @param url A string that specifies the report URL.
+     */
+    setUrl(url: string): void;
+    /**
+     * Specifies a function to be executed when showing a dialog.
+     * @param tab An object that specifies the report tab for which a dialog is invoked.
+     */
+    onShow(tab: ASPxDesignerNavigateTab): void;
+}
+/**
+ * Provides the base functionality for dialogs used to open and save reports on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerReportDialogBase {
+    /**
+     * Provides access to a dialog's width.
+     * Value: A knockout observable object that specifies a dialog's width.
+     */
+    width: any;
+    /**
+     * Provides access to a dialog's height.
+     * Value: A knockout observable object that specifies a dialog's height.
+     */
+    height: any;
+    /**
+     * Provides access to the name of an HTML template used by a dialog.
+     * Value: A knockout observable string that specifies the name of the HTML template used by a dialog.
+     */
+    template: any;
+    /**
+     * Provides access to buttons displayed in a dialog.
+     * Value: An array of objects that specify buttons displayed in the dialog.
+     */
+    buttons: Object[];
+    /**
+     * Provides access to a dialog's model.
+     * Value: A knockout observable object of the ASPxDesignerDialogModel type.
+     */
+    model: any;
+    /**
+     * Provides access to a report tab for which a dialog appears.
+     * Value: A knockout observable object of the ASPxDesignerNavigateTab type.
+     */
+    tab: any;
+    /**
+     * Provides access to a value that specifies a dialog's visibility state.
+     * Value: true, if the dialog is visible; otherwise, false;
+     */
+    visible: any;
+    /**
+     * Provides access to a dialog's title.
+     * Value: A string that specifies a dialog's title.
+     */
+    title: string;
+    /**
+     * Shows the dialog for the specified report tab.
+     * @param tab A report tab for which the dialog should be shown.
+     */
+    show(tab: ASPxDesignerNavigateTab): void;
+    /**
+     * Customizes the dialog based on the specified template and model.
+     * @param template A string that specifies the name of an HTML template for the dialog.
+     * @param model An object that specifies the dialog model.
+     */
+    customize(template: string, model: ASPxDesignerDialogModel): void;
+    /**
+     * Cancels the dialog.
+     */
+    cancel(): void;
+}
+/**
+ * Provides functionality for the Save dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerSaveDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Provides access to the Save Report dialog that appears if a user selected to save changes in the Save dialog.
+     * Value: An object that specifies the Save As dialog.
+     */
+    saveReportDialog: ASPxDesignerSaveAsDialog;
+    /**
+     * Saves the report with the specified URL.
+     * @param url A string that specifies an URL of the report to be saved.
+     */
+    save(url: string): void;
+    /**
+     * Closes the dialog without saving the current report.
+     */
+    notSave(): void;
+}
+/**
+ * Provides functionality for the Save Report dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerSaveAsDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Saves the report with the specified URL.
+     * @param url A string that specifies a URL of the report to be saved.
+     */
+    save(url: string): void;
+}
+/**
+ * Provides functionality for the Open Report dialog on the client side of the Web Report Designer.
+ */
+interface ASPxDesignerOpenDialog extends ASPxDesignerReportDialogBase {
+    /**
+     * Opens the report with the specified URL.
+     * @param url A string that specifies an URL of the report to be opened.
+     */
+    open(url: string): void;
+}
+/**
+ * Provides information about a toolbox control item.
+ */
+interface ASPxDesignerToolboxItem {
+    /**
+     * Provides access to information required to serialize a toolbox control.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects that provide information required to serialize an element.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Provides access to a surface type of toolbox control.
+     * Value: A surface type of toolbox control.
+     */
+    surfaceType: any;
+    /**
+     * Provides access to a toolbox control type.
+     * Value: A toolbox control type.
+     */
+    type: any;
+    /**
+     * Provides access to a zero-based index of a control in the toolbox.
+     * Value: An integer value that specifies a control index in the toolbox.
+     */
+    toolboxIndex: number;
+    /**
+     * Provides access to the default property values used for a toolbox control.
+     * Value: An object that specifies default propery values.
+     */
+    defaultVal: Object;
+    /**
+     * Provides access to popular properties of a toolbox control.
+     * Value: An array of strings that specify names of popular properties.
+     */
+    popularProperties: string[];
+    /**
+     * Gets whether a control item is displayed in a toolbox.
+     * Value: true, if the control is available in the toolbox; otherwise, false.
+     */
+    isToolboxItem: boolean;
+}
+/**
+ * Enables you to customize controls available in the Toolbox of the Web Report Designer.
+ */
+interface ASPxDesignerControlsFactory {
+    /**
+     * Returns information about the specified toolbox control.
+     * @param controlType A string that specifies the control type.
+     */
+    getControlInfo(controlType: string): ASPxDesignerToolboxItem;
+    /**
+     * Returns a control type by the specified model.
+     * @param model An object that specifies the control model.
+     */
+    getControlType(model: Object): string;
+    /**
+     * Registers the specified control in the Toolbox of the Web Report Designer.
+     * @param typeName A string that specifies the name of a custom control.
+     * @param metadata An ASPxDesignerToolboxItem object that provides information about a toolbox item.
+     */
+    registerControl(typeName: string, metadata: ASPxDesignerToolboxItem): void;
+    /**
+     * Returns information about the specified property of the specified control.
+     * @param controlType A string that specifies the control type.
+     * @param propertyDisplayName A string that specifies the property display name.
+     */
+    getPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
+}
+/**
+ * Provides information about a report parameter type.
+ */
+interface ASPxDesignerParameterType {
+    /**
+     * Provides access to an actual parameter type.
+     * Value: A string that specifies the parameter type.
+     */
+    value: string;
+    /**
+     * Provides access to a text displayed to end-users when creating parameters of the current type.
+     * Value: A string displayed to end-users.
+     */
+    displayValue: string;
+    /**
+     * Provides access to the default value for parameters of the current type.
+     * Value: An object that specifies the default value.
+     */
+    defaultVal: Object;
+    /**
+     * Provides access to the specifics of a current parameter type.
+     * Value: Parameter type specifics.
+     */
+    specifics: string;
+    /**
+     * Converts the specified parameter value to the current parameter type.
+     * @param val An object that specifies the parameter value to be converted.
+     */
+    valueConverter(val: Object): Object;
+}
 /**
  * The client-side equivalent of the ASPxClientDocumentViewer control's Document Map.
  */
@@ -24562,8 +29895,19 @@ interface ASPxClientReportParametersPanel extends ASPxClientControl {
      */
     GetEditorByParameterName(parameterName: string): ASPxClientControl;
 }
+/**
+ * Provides information about a report parameter on the client side.
+ */
 interface ASPxClientReportParameterInfo {
+    /**
+     * Specifies the parameter path, relative to its parent container (e.g., "subreport1.subreportParameter1" for a subreport's parameter, or "parameter1" for a report's parameter).
+     * Value: A String value, specifying the parameter path (e.g., "subreport1.subreportParameter1").
+     */
     Path: string;
+    /**
+     * Provides access to a parameter value on the client.
+     * Value: A Object value.
+     */
     Value: Object;
 }
 /**
@@ -24638,11 +29982,19 @@ interface ASPxClientReportViewer extends ASPxClientControl {
      */
     IsSearchAllowed(): boolean;
 }
+/**
+ * A method that will handle the PageLoad events.
+ */
 interface ASPxClientReportViewerPageLoadEventHandler<S> {
+    /**
+     * A method that will handle the PageLoad event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportViewerPageLoadEventArgs object that contains data related to the event.
+     */
     (source: S, e: ASPxClientReportViewerPageLoadEventArgs): void;
 }
 /**
- * Provides data for a Report Viewer's PageLoad event on the client side.
+ * Provides data for the PageLoad events on the client side.
  */
 interface ASPxClientReportViewerPageLoadEventArgs extends ASPxClientEventArgs {
     /**
@@ -24679,11 +30031,116 @@ interface ASPxClientCustomizeParameterEditorsEventArgs extends ASPxClientEventAr
      */
     info: ASPxDesignerElementSerializationInfo;
 }
+/**
+ * Provides data for the CustomizeParameterLookUpSource events.
+ */
 interface ASPxClientCustomizeParameterLookUpSourceEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object that stores information about the parameter.
+     */
     parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to the collection of look-up parameter values.
+     * Value: An array of ASPxDesignerElementEditorItem objects that store information about look-up parameter values.
+     */
     items: ASPxDesignerElementEditorItem[];
+    /**
+     * Specifies the data source that provides look-up values for the parameter editor.
+     * Value: An Object specifying the data source that provides look-up values to the parameter editor.
+     */
     dataSource: Object;
 }
+/**
+ * Provides information about a command available in the toolbar or menu.
+ */
+interface ASPxClientMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A string that is the command text.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A string that specifies the name of the CSS class.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when a button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: An ASPxClientMenuActionHotKey object that specifies the keyboard shortcut.
+     */
+    hotKey: ASPxClientMenuActionHotKey;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to a value that specifies the command location.
+     * Value: A string that specifies the command location.
+     */
+    container: string;
+}
+/**
+ * Provides information about a hot key used to perform an action assigned to a menu item.
+ */
+interface ASPxClientMenuActionHotKey {
+    /**
+     * Provides access to a hot key code.
+     * Value: An integer value that specifies the hot key code.
+     */
+    keyCode: number;
+    /**
+     * Provides access to a value that specifies whether the CTRL key is used in combination with a hot key.
+     * Value: true, if the CTRL key is included into the key combination; otherwise, false.
+     */
+    ctrlKey: boolean;
+}
+/**
+ * Provides data for the CustomizeMenuActions.
+ */
+interface ASPxClientCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the collection of actions available in the toolbar and menu.
+     * Value: An array of ASPxClientMenuAction objects.
+     */
+    Actions: ASPxClientMenuAction[];
+    /**
+     * Returns a menu action with the specified ID.
+     * @param actionId A String value that specifies the action ID.
+     */
+    GetById(actionId: string): ASPxClientMenuAction;
+}
+/**
+ * Provides data for the CustomizeElements events.
+ */
+interface ASPxClientCustomizeElementsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the collection of UI elements.
+     * Value: An array of the ASPxReportUIElement objects.
+     */
+    Elements: ASPxReportUIElement[];
+    /**
+     * Returns UI elements with the specified ID.
+     * @param templateId A string that specifies the element ID.
+     */
+    GetById(templateId: string): ASPxReportUIElement[];
+}
 /**
  * Provides general information about a report parameter.
  */
@@ -24793,6 +30250,11 @@ interface ASPxDesignerElementEditor {
      * Value: A String value.
      */
     content: string;
+    /**
+     * Gets additional options for <a href="https://js.devexpress.com/Documentation/Overview/">DevExtreme</a> UI widgets.
+     * Value: An object that provides editor options.
+     */
+    extendedOptions: Object;
     /**
      * Gets a nullable value, specifying the type of the editor's model.
      * Value: A Object value.
@@ -24814,10 +30276,251 @@ interface ASPxDesignerElementEditorItem {
      */
     displayValue: string;
 }
+/**
+ * Provides information about a UI element of the Web Report Designer or Web Document Viewer.
+ */
+interface ASPxReportUIElement {
+    /**
+     * Provides access to an element model.
+     * Value: An object that specifies the element model.
+     */
+    model: Object;
+    /**
+     * Provides access to the name of an HTML template used by an element.
+     * Value: A string that specifies the name of the HTML template.
+     */
+    templateName: string;
+}
+/**
+ * Provides data for the PreviewDocumentReady events.
+ */
+interface ASPxClientWebDocumentViewerDocumentReadyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies the report ID.
+     */
+    ReportId: string;
+    /**
+     * Specifies the report document ID.
+     */
+    DocumentId: string;
+    /**
+     * Specifies the total number of pages in a report document.
+     */
+    PageCount: number;
+}
+/**
+ * Provides data for the PreviewEditingFieldChanged events.
+ */
+interface ASPxClientWebDocumentViewerEditingFieldChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an editing field whose value has been changed.
+     * Value: An object that specifies an editing field whose content has been changed.
+     */
+    Field: ASPxClientWebDocumentViewerEditingField;
+    /**
+     * Provides access to a previous value of an editing field.
+     * Value: An object that specifies an editing field's previous value.
+     */
+    OldValue: Object;
+    /**
+     * Provides access to a new value of an editing field.
+     * Value: An object that specifies an editing field's new value.
+     */
+    NewValue: Object;
+}
+/**
+ * Provides functionality for a field whose content can be edited in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerEditingField {
+    /**
+     * Provides access to a value that specifies whether or not an editing field's content can be customized in Print Preview.
+     * Returns: true, if a field cannot be edited in Print Preview; otherwise, false.
+     */
+    readOnly: any;
+    /**
+     * Provides access to the current value of an editing field.
+     * Returns: An object that specifies the current field value.
+     */
+    editValue: any;
+    /**
+     * Returns the unique identifier of an editing field.
+     */
+    id(): string;
+    /**
+     * Returns the ID of a logical group to which an editing field for a check box belongs.
+     */
+    groupID(): string;
+    /**
+     * Returns the name of an editor used to change a field value in Print Preview.
+     */
+    editorName(): string;
+    /**
+     * Returns the index of the page on which an editing field is located.
+     */
+    pageIndex(): number;
+}
+/**
+ * Provides data for the PreviewParametersSubmitted events.
+ */
+interface ASPxClientParametersSubmittedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to a View Model for report parameters.
+     * Value: A View Model object.
+     */
+    ParametersViewModel: Object;
+    /**
+     * Provides access to report parameters and their submitted values.
+     * Value: A dictionary containing the parameter names along with their values.
+     */
+    Parameters: { [key: string]: Object; };
+}
+/**
+ * Provides data for the PreviewParametersReset events.
+ */
+interface ASPxClientParametersResetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to a View Model for report parameters.
+     * Value: A View Model object.
+     */
+    ParametersViewModel: Object;
+    /**
+     * Provides access to report parameters whose values have been reset.
+     * Value: An ASPxClientWebDocumentViewerParameter array.
+     */
+    Parameters: ASPxClientWebDocumentViewerParameter[];
+}
+/**
+ * Provides general information about a report parameter on the client-side of the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerParameter {
+    /**
+     * Provides access to the current value of a report parameter.
+     * Value: An object that specifies the report parameter's current value.
+     */
+    value: Object;
+    /**
+     * Provides access to a report parameter's value type.
+     * Value: An object that specifies the report parameter type.
+     */
+    type: Object;
+    /**
+     * Provides access to a value that specifies whether or not a parameter can have multiple values.
+     * Value: true, if a parameter can have multiple values; otherwise, false.
+     */
+    isMultiValue: boolean;
+    /**
+     * Returns an object that provides general information about a report parameter.
+     */
+    getParameterDescriptor(): ASPxDesignerElementParameterDescriptor;
+}
+/**
+ * Provides data for the PreviewClick events.
+ */
+interface ASPxClientPreviewClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying the zero-based index of the page that has been clicked.
+     * Value: An integer value that specifies a page index.
+     */
+    PageIndex: number;
+    /**
+     * Provides information on a visual brick representing content of a report control that has been clicked.
+     * Value: An object that provides information on a visual brick.
+     */
+    Brick: ASPxClientWebDocumentViewerBrick;
+    /**
+     * Specifies whether or not the event was handled and no default processing is required.
+     * Value: true, if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    Handled: boolean;
+    /**
+     * Specifies the default function used to handle the PreviewClick event.
+     */
+    DefaultHandler(): void;
+    /**
+     * Returns the text displayed by the Brick.
+     */
+    GetBrickText(): string;
+    /**
+     * Returns a string providing additional information on the Brick.
+     */
+    GetBrickValue(): string;
+}
+/**
+ * Provides information about a visual brick used to render a report control to construct a document in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerBrick {
+    /**
+     * Provides access to a brick's content.
+     * Value: A dictionary that stores content keys along with the corresponding contents.
+     */
+    content: { [key: string]: string; };
+    /**
+     * Provides access to navigation settings of the current brick.
+     * Value: An object that provides a brick's navigation settings.
+     */
+    navigation: ASPxClientWebDocumentViewerBrickNavigation;
+    /**
+     * Provides access to a brick's top vertical coordinate.
+     * Value: An integer value that specifies the brick's top coordinate.
+     */
+    top: number;
+    /**
+     * Provides access to a brick's left horizontal coordinate.
+     * Value: An integer value that specifies the brick's left coordinate.
+     */
+    left: number;
+    /**
+     * Provides access to a brick's width.
+     * Value: An integer value that specifies the brick width.
+     */
+    width: number;
+    /**
+     * Provides access to a brick's height.
+     * Value: An integer value that specifies the brick height.
+     */
+    height: number;
+    /**
+     * Provides access to a value that specifies whether or not the right-to-left feature is enabled for a brick.
+     * Value: true, if the right-to-left feature is enabled; otherwise, false.
+     */
+    rtl: boolean;
+}
+/**
+ * Provides navigation settings for a brick used to construct a document in the Web Document Viewer.
+ */
+interface ASPxClientWebDocumentViewerBrickNavigation {
+    /**
+     * Provides access to the URL to navigate to when a brick is a clicked.
+     * Value: A string that specifies the URL.
+     */
+    url: string;
+    /**
+     * Provides access to a value that specifies the target window or frame in which to display the linked Web page's content when the brick is clicked.
+     * Value: A string that specifies the window or frame to which to target the URL's content.
+     */
+    target: string;
+    /**
+     * Provides access to a drill-down key.
+     * Value: A string that specifies a drill-down key.
+     */
+    drillDownKey: string;
+}
 /**
  * A client-side equivalent of the ASPxWebDocumentViewer class.
  */
 interface ASPxClientWebDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs after a report document has been loaded to the Web Document Viewer.
+     */
+    DocumentReady: ASPxClientEvent<ASPxClientWebDocumentViewerDocumentReadyEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a value of an editing field changes.
+     */
+    EditingFieldChanged: ASPxClientEvent<ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Enables you to customize UI elements of the Web Document Viewer.
+     */
+    CustomizeElements: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeElementsEventHandler<ASPxClientWebDocumentViewer>>;
     /**
      * Enables you to customize the menu actions of a Web Document Viewer.
      */
@@ -24830,14 +30533,31 @@ interface ASPxClientWebDocumentViewer extends ASPxClientControl {
      * Occurs each time a look-up editor is created for a report parameter.
      */
     CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs when the left mouse button has been clicked over a report document.
+     */
+    PreviewClick: ASPxClientEvent<ASPxClientWebDocumentViewerPreviewClickEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs after report parameter values have been reset to their default values.
+     */
+    ParametersReset: ASPxClientEvent<ASPxClientWebDocumentViewerParametersResetEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs after report parameter values have been submitted.
+     */
+    ParametersSubmitted: ASPxClientEvent<ASPxClientWebDocumentViewerParametersSubmittedEventHandler<ASPxClientWebDocumentViewer>>;
     /**
      * Provides access to the preview model of the ASPxClientWebDocumentViewer.
      */
     GetPreviewModel(): Object;
     /**
-     * Opens the specified report in the HTML5 Document Viewer.
+     * Returns a model for a report parameter.
      */
-    OpenReport(): Object;
+    GetParametersModel(): Object;
+    /**
+     * Opens the specified report on the client side of the Web Document Viewer.
+     * @param url A string that specifies the URL of a report to be opened.
+     */
+    OpenReport(url: string): any;
     /**
      * Prints the current document.
      */
@@ -24853,9 +30573,36 @@ interface ASPxClientWebDocumentViewer extends ASPxClientControl {
     ExportTo(): void;
     /**
      * Exports the document to a specified file format.
-     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'txt', 'xls', and 'xlsx'.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
      */
     ExportTo(format: string): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value that specifies the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'docx', 'txt', 'xls', and 'xlsx'.
+     * @param inlineResult true, to try opening the result file in a new browser tab without a download; otherwise, false.
+     */
+    ExportTo(format: string, inlineResult: boolean): void;
+    /**
+     * Returns the zero-based index of the currently displayed page.
+     */
+    GetCurrentPageIndex(): number;
+    /**
+     * Displays the report page with the specified page index.
+     * @param pageIndex A zero-based integer value that specifies the index of a page to be displayed.
+     */
+    GoToPage(pageIndex: number): void;
+    /**
+     * Closes the document currently being opened in the Web Document Viewer.
+     */
+    Close(): void;
+    /**
+     * Resets the values of report parameters to their default values.
+     */
+    ResetParameters(): void;
+    /**
+     * Starts building a report document.
+     */
+    StartBuild(): void;
     /**
      * Updates the localization settings of the ASPxClientWebDocumentViewer properties.
      * @param localization A dictionary containing the property names, along with their localized equivalents.
@@ -24863,64 +30610,37 @@ interface ASPxClientWebDocumentViewer extends ASPxClientControl {
     UpdateLocalization(localization: { [key: string]: string; }): void;
 }
 /**
- * Provides settings to the actions listed in a Web Document Viewer menu.
+ * A method that will handle the EditingFieldChanged event.
  */
-interface ASPxClientWebDocumentViewerMenuAction {
+interface ASPxClientWebDocumentViewerEditingFieldChangedEventHandler<S> {
     /**
-     * Provides access to the text for the command.
-     * Value: A String value.
+     * A method that will handle the PreviewEditingFieldChanged event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerEditingFieldChangedEventArgs object that contains data related to the event.
      */
-    text: string;
-    /**
-     * Provides access to the CSS class of the command's glyph.
-     * Value: A String value.
-     */
-    imageClassName: string;
-    /**
-     * Provides access to the action performed when a Document Viewer's button is clicked.
-     * Value: The specific action implementation.
-     */
-    clickAction: Function;
-    /**
-     * Provides access to the value that specifies whether or not the command is disabled by default.
-     * Value: true, if the command is disabled by default; otherwise, false.
-     */
-    disabled: boolean;
-    /**
-     * Provides access to the value that specifies whether or not the command is visible in the Document Viewer user interface.
-     * Value: true if the command is visible; otherwise false.
-     */
-    visible: boolean;
-    /**
-     * Provides access to the keyboard shortcut used to invoke the command.
-     * Value: A String value.
-     */
-    hotKey: string;
-    /**
-     * Provides access to the value that specifies whether or not the command has a visual separator.
-     * Value: true, if the command has a visual separator; otherwise, false.
-     */
-    hasSeparator: string;
-    /**
-     * Provides access to the location of the displayed command.
-     * Value: A String value.
-     */
-    container: string;
+    (source: S, e: ASPxClientWebDocumentViewerEditingFieldChangedEventArgs): void;
 }
 /**
- * Provides data for the CustomizeMenuActions event.
+ * A method that will handle the DocumentReady event.
  */
-interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+interface ASPxClientWebDocumentViewerDocumentReadyEventHandler<S> {
     /**
-     * Returns the collection of customized menu actions.
-     * Value: An ASPxClientWebDocumentViewerMenuAction array.
+     * A method that will handle the PreviewDocumentReady event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerDocumentReadyEventArgs object that contains data related to the event.
      */
-    Actions: ASPxClientWebDocumentViewerMenuAction[];
+    (source: S, e: ASPxClientWebDocumentViewerDocumentReadyEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeElements event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeElementsEventHandler<S> {
     /**
-     * Returns a menu action with the specified ID.
-     * @param actionId A String value, specifying the action ID.
+     * A method that will handle the PreviewCustomizeElements event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeElementsEventArgs object that contains data related to the event.
      */
-    GetById(actionId: string): ASPxClientWebDocumentViewerMenuAction;
+    (source: S, e: ASPxClientCustomizeElementsEventArgs): void;
 }
 /**
  * A method that will handle the CustomizeMenuActions event.
@@ -24929,9 +30649,9 @@ interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<S> {
     /**
      * A method that will handle the CustomizeMenuActions event.
      * @param source The event sender.
-     * @param e An ASPxClientWebDocumentViewerCustomizeMenuActionsEventArgs object that contains data related to the event.
+     * @param e An ASPxClientCustomizeMenuActionsEventArgs object that contains data related to the event.
      */
-    (source: S, e: ASPxClientWebDocumentViewerCustomizeMenuActionsEventArgs): void;
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
 }
 /**
  * A method that will handle the CustomizeParameterEditors event.
@@ -24944,8 +30664,49 @@ interface ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<S> {
      */
     (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
 }
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
 interface ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<S> {
-    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the PreviewClick event.
+ */
+interface ASPxClientWebDocumentViewerPreviewClickEventHandler<S> {
+    /**
+     * A method that will handle the PreviewClick event.
+     * @param source The event sender.
+     * @param e An ASPxClientPreviewClickEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientPreviewClickEventArgs): void;
+}
+/**
+ * A method that will handle the ParametersReset event.
+ */
+interface ASPxClientWebDocumentViewerParametersResetEventHandler<S> {
+    /**
+     * A method that will handle the PreviewParametersReset event.
+     * @param source The event sender.
+     * @param e An ASPxClientParametersResetEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientParametersResetEventArgs): void;
+}
+/**
+ * A method that will handle the ParametersSubmitted event.
+ */
+interface ASPxClientWebDocumentViewerParametersSubmittedEventHandler<S> {
+    /**
+     * A method that will handle the PreviewParametersSubmitted event.
+     * @param source The event sender.
+     * @param e An ASPxClientParametersSubmittedEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientParametersSubmittedEventArgs): void;
 }
 
 interface MVCxClientDashboardViewerStatic extends ASPxClientDashboardViewerStatic {
@@ -25014,15 +30775,6 @@ interface DashboardSpecialValuesStatic {
      */
     IsErrorValue(value: Object): boolean;
 }
-interface ASPxClientDashboardDesignerStatic extends ASPxClientControlStatic {
-}
-interface ASPxClientDashboardViewerStatic extends ASPxClientControlStatic {
-    /**
-     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
-     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
-     */
-    Cast(obj: Object): ASPxClientDashboardViewer;
-}
 interface DashboardExportPageLayoutStatic {
     /**
      * The page orientation used to export a dashboard (dashboard item) is portrait.
@@ -25091,6 +30843,26 @@ interface DashboardExportFilterStateStatic {
      */
     SeparatePage: string;
 }
+interface DashboardStateExportPositionStatic {
+    /**
+     * The dashboard state is placed below the exported dashboard/dashboard item.
+     */
+    Below: string;
+    /**
+     * The dashboard state is placed on a separate page.
+     */
+    SeparatePage: string;
+}
+interface DashboardStateExcelExportPositionStatic {
+    /**
+     * The dashboard state is placed below the exported data.
+     */
+    Below: string;
+    /**
+     * The dashboard state is placed on a separate sheet.
+     */
+    SeparateSheet: string;
+}
 interface DashboardExportImageFormatStatic {
     /**
      * The PNG image format.
@@ -25105,6 +30877,11 @@ interface DashboardExportImageFormatStatic {
      */
     Jpg: string;
 }
+interface ExcelExportFilterStateStatic {
+    none: string;
+    below: string;
+    separatePage: string;
+}
 interface DashboardExportExcelFormatStatic {
     /**
      * The Excel 97 - Excel 2003 (XLS) file format.
@@ -25143,6 +30920,16 @@ interface MapExportSizeModeStatic {
      */
     Zoom: string;
 }
+interface TreemapExportSizeModeStatic {
+    /**
+     * For internal use.
+     */
+    none: string;
+    /**
+     * For internal use.
+     */
+    zoom: string;
+}
 interface RangeFilterExportSizeModeStatic {
     /**
      * A Range Filter dashboard item is exported in a size identical to that shown on the dashboard.
@@ -25162,6 +30949,15 @@ interface DashboardSelectionModeStatic {
     Single: string;
     Multiple: string;
 }
+interface ASPxClientDashboardStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDashboardViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDashboardViewer;
+}
 interface ASPxClientEditBaseStatic extends ASPxClientControlStatic {
 }
 interface ASPxClientEditStatic extends ASPxClientEditBaseStatic {
@@ -25605,6 +31401,10 @@ interface ASPxClientGridViewCallbackCommandStatic {
      * Default value: "APPLYSEARCHPANELFILTER"
      */
     ApplySearchPanelFilter: string;
+    /**
+     * Default value: "APPLYCUSTOMIZATIONDIALOGCHANGES"
+     */
+    ApplyCustomizationDialogChanges: string;
     /**
      * Default value: "FILTERROWMENU"
      */
@@ -25673,6 +31473,10 @@ interface ASPxClientGridViewCallbackCommandStatic {
      * Default value: "CONTEXTMENU"
      */
     ContextMenu: string;
+    /**
+     * Default value: "TOOLBAR"
+     */
+    Toolbar: string;
     /**
      * Default value: "CUSTOMVALUES"
      */
@@ -26284,9 +32088,9 @@ interface ASPxSchedulerDateTimeHelperStatic {
      */
     ToDayTime(date: Date): any;
     /**
-     * 
-     * @param date 
-     * @param dayCount 
+     * Adds the specified number of days to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add days.
+     * @param dayCount The number of days to add.
      */
     AddDays(date: Date, dayCount: number): Date;
     /**
@@ -26340,6 +32144,16 @@ interface ASPxClientSpellCheckerStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientSpellChecker;
 }
+interface ASPxClientSpellCheckerStopCheckingReasonStatic {
+    /**
+     * Spell checking is finished normally.
+     */
+    Default: string;
+    /**
+     * The user stopped spell checking.
+     */
+    User: string;
+}
 interface ASPxClientSpreadsheetStatic extends ASPxClientControlStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -26354,6 +32168,76 @@ interface ASPxClientTreeListStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientTreeList;
 }
+interface BootstrapClientAccordionStatic extends ASPxClientNavBarStatic {
+}
+interface BootstrapClientBinaryImageStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientButtonStatic extends ASPxClientButtonStatic {
+}
+interface BootstrapClientCalendarStatic extends ASPxClientCalendarStatic {
+}
+interface BootstrapClientCallbackPanelStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientChartBaseStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientPolarChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientPieChartStatic extends BootstrapClientChartBaseStatic {
+}
+interface BootstrapClientCheckBoxStatic extends ASPxClientEditStatic {
+}
+interface BootstrapClientRadioButtonStatic extends BootstrapClientCheckBoxStatic {
+}
+interface BootstrapClientComboBoxStatic extends ASPxClientComboBoxStatic {
+}
+interface BootstrapClientDateEditStatic extends ASPxClientDateEditStatic {
+}
+interface BootstrapClientDropDownEditStatic extends ASPxClientDropDownEditStatic {
+}
+interface BootstrapClientFormLayoutStatic extends ASPxClientFormLayoutStatic {
+}
+interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
+}
+interface BootstrapClientHyperLinkStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientImageStatic extends ASPxClientImageStatic {
+}
+interface BootstrapClientListBoxStatic extends ASPxClientListBoxStatic {
+}
+interface BootstrapClientCheckBoxListStatic extends ASPxClientCheckBoxListStatic {
+}
+interface BootstrapClientRadioButtonListStatic extends ASPxClientRadioButtonListStatic {
+}
+interface BootstrapClientMenuStatic extends ASPxClientMenuStatic {
+}
+interface BootstrapClientPagerStatic extends ASPxClientPagerStatic {
+}
+interface BootstrapClientPopupControlStatic extends ASPxClientPopupControlStatic {
+}
+interface BootstrapClientPopupMenuStatic extends ASPxClientPopupMenuStatic {
+}
+interface BootstrapClientProgressBarStatic extends ASPxClientProgressBarStatic {
+}
+interface BootstrapClientSpinEditStatic extends ASPxClientSpinEditStatic {
+}
+interface BootstrapClientTabControlStatic extends ASPxClientTabControlStatic {
+}
+interface BootstrapClientPageControlStatic extends ASPxClientPageControlStatic {
+}
+interface BootstrapClientTextBoxStatic extends ASPxClientTextBoxStatic {
+}
+interface BootstrapClientMemoStatic extends ASPxClientMemoStatic {
+}
+interface BootstrapClientButtonEditStatic extends ASPxClientButtonEditStatic {
+}
+interface BootstrapClientTreeViewStatic extends ASPxClientTreeViewStatic {
+}
+interface BootstrapUIWidgetBaseStatic extends ASPxClientControlStatic {
+}
+interface BootstrapClientUploadControlStatic extends ASPxClientUploadControlStatic {
+}
 interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -26501,8 +32385,17 @@ interface MVCxClientSchedulerStatic extends ASPxClientSchedulerStatic {
     Cast(obj: Object): MVCxClientScheduler;
 }
 interface MVCxSchedulerToolTipTypeStatic {
+    /**
+     * The tooltip is displayed for a selected appointment.
+     */
     Appointment: number;
+    /**
+     * The tooltip is displayed for a dragged appointment.
+     */
     AppointmentDrag: number;
+    /**
+     * The tooltip is displayed for a selected time interval.
+     */
     Selection: number;
 }
 interface MVCxClientSpreadsheetStatic extends ASPxClientSpreadsheetStatic {
@@ -26629,7 +32522,21 @@ interface ASPxClientCallbackStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientCallback;
 }
-interface ASPxClientCallbackPanelStatic extends ASPxClientControlStatic {
+interface ASPxClientPanelBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanelBase;
+}
+interface ASPxClientPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanel;
+}
+interface ASPxClientCallbackPanelStatic extends ASPxClientPanelStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
      * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
@@ -26774,6 +32681,82 @@ interface ASPxClientHiddenFieldStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientHiddenField;
 }
+interface ASPxClientHintStatic extends ASPxClientControlStatic {
+    /**
+     * Forces the hint to reselect target UI elements according to the specified CSS selector.
+     */
+    Update(): void;
+    /**
+     * Forces the hint to recalculate its position.
+     */
+    UpdatePosition(): void;
+    /**
+     * Forces the hint to recalculate its position.
+     * @param hintElementOrTargetElement An object that is the hint element or the target element.
+     */
+    UpdatePosition(hintElementOrTargetElement: Object): void;
+    /**
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies to which UI elements the hint is displayed.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Register(targetSelector: string, options: ASPxClientHintOptions): ASPxClientHint;
+    /**
+     * 
+     * @param targetSelector 
+     * @param contentAttribute 
+     */
+    Register(targetSelector: string, contentAttribute: string): ASPxClientHint;
+    /**
+     * 
+     * @param targetSelector 
+     * @param onShowing 
+     */
+    Register(targetSelector: string, onShowing: ASPxClientHintShowingEventHandler): ASPxClientHint;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(targetSelector: string, options: ASPxClientHintOptions): void;
+    /**
+     * Invokes a hint.
+     * @param targetSelector A string value that is the CSS selector used to specify for which UI elements on a web page a hint is displayed.
+     * @param content A string value that is the hint's content.
+     */
+    Show(targetSelector: string, content: string): void;
+    /**
+     * Invokes a hint.
+     * @param targetElement An object that is the target element.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(targetElement: Object, options: ASPxClientHintOptions): void;
+    /**
+     * Invokes a hint.
+     * @param targetElement A HTML DOM element near to which the hint is displayed in response to user interaction.
+     * @param content A string value that is the hint's content.
+     */
+    Show(targetElement: Object, content: string): void;
+    /**
+     * Invokes a hint.
+     * @param options An ASPxClientHintOptions object that is the hint's options.
+     */
+    Show(options: ASPxClientHintOptions): void;
+    /**
+     * Hides a hint window.
+     * @param targetSelector A string value that is the CSS selector.
+     */
+    Hide(targetSelector: string): void;
+    /**
+     * Hides a hint window.
+     * @param targetElementOrHintElement An object that is the target element or hint element.
+     */
+    Hide(targetElementOrHintElement: Object): void;
+    /**
+     * Hides all hints.
+     */
+    HideAll(): void;
+}
 interface ASPxClientImageGalleryStatic extends ASPxClientDataViewStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -26799,6 +32782,8 @@ interface ASPxClientLoadingPanelStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientLoadingPanel;
 }
+interface ASPxClientMediaFileSelectorStatic extends ASPxClientControlStatic {
+}
 interface ASPxClientMenuBaseStatic extends ASPxClientControlStatic {
     /**
      * Returns a collection of client menu objects.
@@ -26857,19 +32842,7 @@ interface ASPxClientObjectContainerStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientObjectContainer;
 }
-interface ASPxClientPanelBaseStatic extends ASPxClientControlStatic {
-    /**
-     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
-     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
-     */
-    Cast(obj: Object): ASPxClientPanelBase;
-}
-interface ASPxClientPanelStatic extends ASPxClientPanelBaseStatic {
-    /**
-     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
-     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
-     */
-    Cast(obj: Object): ASPxClientPanel;
+interface ASPxClientPagerStatic extends ASPxClientControlStatic {
 }
 interface ASPxClientPopupControlStatic extends ASPxClientPopupControlBaseStatic {
     /**
@@ -27019,6 +32992,24 @@ interface ASPxClientUploadControlStatic extends ASPxClientControlStatic {
      */
     Cast(obj: Object): ASPxClientUploadControl;
 }
+interface ASPxClientUploadControlValidationErrorTypeConstsStatic {
+    /**
+     * The allowed maximum file size is exceeded.  Return Value: 1
+     */
+    MaxFileSizeExceeded: number;
+    /**
+     * The file's extension is not allowed.  Return Value: 2
+     */
+    NotAllowedFileExtension: number;
+    /**
+     * The allowed maximum count of the files is exceeded.  Return Value: 3
+     */
+    MaxFileCountExceeded: number;
+    /**
+     * A file name contains invalid character.Return Value: 4
+     */
+    FileNameContainsInvalidCharacter: number;
+}
 interface ASPxClientUtilsStatic {
     /**
      * Gets the user-agent string, which identifies the client browser and provides certain system details of the client computer.
@@ -27363,6 +33354,11 @@ interface ASPxClientUtilsStatic {
      * @param str A string value representing the string for trimming.
      */
     TrimEnd(str: string): string;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
 }
 interface ASPxClientChartDesignerStatic extends ASPxClientControlStatic {
     /**
@@ -27428,18 +33424,22 @@ interface ASPxClientWebDocumentViewerStatic extends ASPxClientControlStatic {
 declare var MVCxClientDashboardViewer: MVCxClientDashboardViewerStatic;
 declare var DashboardDataAxisNames: DashboardDataAxisNamesStatic;
 declare var DashboardSpecialValues: DashboardSpecialValuesStatic;
-declare var ASPxClientDashboardDesigner: ASPxClientDashboardDesignerStatic;
-declare var ASPxClientDashboardViewer: ASPxClientDashboardViewerStatic;
 declare var DashboardExportPageLayout: DashboardExportPageLayoutStatic;
 declare var DashboardExportPaperKind: DashboardExportPaperKindStatic;
 declare var DashboardExportScaleMode: DashboardExportScaleModeStatic;
 declare var DashboardExportFilterState: DashboardExportFilterStateStatic;
+declare var DashboardStateExportPosition: DashboardStateExportPositionStatic;
+declare var DashboardStateExcelExportPosition: DashboardStateExcelExportPositionStatic;
 declare var DashboardExportImageFormat: DashboardExportImageFormatStatic;
+declare var ExcelExportFilterState: ExcelExportFilterStateStatic;
 declare var DashboardExportExcelFormat: DashboardExportExcelFormatStatic;
 declare var ChartExportSizeMode: ChartExportSizeModeStatic;
 declare var MapExportSizeMode: MapExportSizeModeStatic;
+declare var TreemapExportSizeMode: TreemapExportSizeModeStatic;
 declare var RangeFilterExportSizeMode: RangeFilterExportSizeModeStatic;
 declare var DashboardSelectionMode: DashboardSelectionModeStatic;
+declare var ASPxClientDashboard: ASPxClientDashboardStatic;
+declare var ASPxClientDashboardViewer: ASPxClientDashboardViewerStatic;
 declare var ASPxClientEditBase: ASPxClientEditBaseStatic;
 declare var ASPxClientEdit: ASPxClientEditStatic;
 declare var ASPxClientBinaryImage: ASPxClientBinaryImageStatic;
@@ -27503,8 +33503,44 @@ declare var ASPxClientRecurrenceTypeEdit: ASPxClientRecurrenceTypeEditStatic;
 declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
 declare var ASPxClientScheduler: ASPxClientSchedulerStatic;
 declare var ASPxClientSpellChecker: ASPxClientSpellCheckerStatic;
+declare var ASPxClientSpellCheckerStopCheckingReason: ASPxClientSpellCheckerStopCheckingReasonStatic;
 declare var ASPxClientSpreadsheet: ASPxClientSpreadsheetStatic;
 declare var ASPxClientTreeList: ASPxClientTreeListStatic;
+declare var BootstrapClientAccordion: BootstrapClientAccordionStatic;
+declare var BootstrapClientBinaryImage: BootstrapClientBinaryImageStatic;
+declare var BootstrapClientButton: BootstrapClientButtonStatic;
+declare var BootstrapClientCalendar: BootstrapClientCalendarStatic;
+declare var BootstrapClientCallbackPanel: BootstrapClientCallbackPanelStatic;
+declare var BootstrapClientChartBase: BootstrapClientChartBaseStatic;
+declare var BootstrapClientChart: BootstrapClientChartStatic;
+declare var BootstrapClientPolarChart: BootstrapClientPolarChartStatic;
+declare var BootstrapClientPieChart: BootstrapClientPieChartStatic;
+declare var BootstrapClientCheckBox: BootstrapClientCheckBoxStatic;
+declare var BootstrapClientRadioButton: BootstrapClientRadioButtonStatic;
+declare var BootstrapClientComboBox: BootstrapClientComboBoxStatic;
+declare var BootstrapClientDateEdit: BootstrapClientDateEditStatic;
+declare var BootstrapClientDropDownEdit: BootstrapClientDropDownEditStatic;
+declare var BootstrapClientFormLayout: BootstrapClientFormLayoutStatic;
+declare var BootstrapClientGridView: BootstrapClientGridViewStatic;
+declare var BootstrapClientHyperLink: BootstrapClientHyperLinkStatic;
+declare var BootstrapClientImage: BootstrapClientImageStatic;
+declare var BootstrapClientListBox: BootstrapClientListBoxStatic;
+declare var BootstrapClientCheckBoxList: BootstrapClientCheckBoxListStatic;
+declare var BootstrapClientRadioButtonList: BootstrapClientRadioButtonListStatic;
+declare var BootstrapClientMenu: BootstrapClientMenuStatic;
+declare var BootstrapClientPager: BootstrapClientPagerStatic;
+declare var BootstrapClientPopupControl: BootstrapClientPopupControlStatic;
+declare var BootstrapClientPopupMenu: BootstrapClientPopupMenuStatic;
+declare var BootstrapClientProgressBar: BootstrapClientProgressBarStatic;
+declare var BootstrapClientSpinEdit: BootstrapClientSpinEditStatic;
+declare var BootstrapClientTabControl: BootstrapClientTabControlStatic;
+declare var BootstrapClientPageControl: BootstrapClientPageControlStatic;
+declare var BootstrapClientTextBox: BootstrapClientTextBoxStatic;
+declare var BootstrapClientMemo: BootstrapClientMemoStatic;
+declare var BootstrapClientButtonEdit: BootstrapClientButtonEditStatic;
+declare var BootstrapClientTreeView: BootstrapClientTreeViewStatic;
+declare var BootstrapUIWidgetBase: BootstrapUIWidgetBaseStatic;
+declare var BootstrapClientUploadControl: BootstrapClientUploadControlStatic;
 declare var MVCxClientCalendar: MVCxClientCalendarStatic;
 declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
 declare var MVCxClientCardView: MVCxClientCardViewStatic;
@@ -27542,6 +33578,8 @@ declare var MVCxClientWebDocumentViewer: MVCxClientWebDocumentViewerStatic;
 declare var ASPxClientControlBase: ASPxClientControlBaseStatic;
 declare var ASPxClientControl: ASPxClientControlStatic;
 declare var ASPxClientCallback: ASPxClientCallbackStatic;
+declare var ASPxClientPanelBase: ASPxClientPanelBaseStatic;
+declare var ASPxClientPanel: ASPxClientPanelStatic;
 declare var ASPxClientCallbackPanel: ASPxClientCallbackPanelStatic;
 declare var ASPxClientCloudControl: ASPxClientCloudControlStatic;
 declare var ASPxClientDataView: ASPxClientDataViewStatic;
@@ -27554,19 +33592,20 @@ declare var ASPxClientFileManagerCommandConsts: ASPxClientFileManagerCommandCons
 declare var ASPxClientFileManagerErrorConsts: ASPxClientFileManagerErrorConstsStatic;
 declare var ASPxClientFormLayout: ASPxClientFormLayoutStatic;
 declare var ASPxClientHiddenField: ASPxClientHiddenFieldStatic;
+declare var ASPxClientHint: ASPxClientHintStatic;
 declare var ASPxClientImageGallery: ASPxClientImageGalleryStatic;
 declare var ASPxClientImageSlider: ASPxClientImageSliderStatic;
 declare var ASPxClientImageZoomNavigator: ASPxClientImageZoomNavigatorStatic;
 declare var ASPxClientImageZoom: ASPxClientImageZoomStatic;
 declare var ASPxClientLoadingPanel: ASPxClientLoadingPanelStatic;
+declare var ASPxClientMediaFileSelector: ASPxClientMediaFileSelectorStatic;
 declare var ASPxClientMenuBase: ASPxClientMenuBaseStatic;
 declare var ASPxClientMenu: ASPxClientMenuStatic;
 declare var ASPxClientTouchUI: ASPxClientTouchUIStatic;
 declare var ASPxClientNavBar: ASPxClientNavBarStatic;
 declare var ASPxClientNewsControl: ASPxClientNewsControlStatic;
 declare var ASPxClientObjectContainer: ASPxClientObjectContainerStatic;
-declare var ASPxClientPanelBase: ASPxClientPanelBaseStatic;
-declare var ASPxClientPanel: ASPxClientPanelStatic;
+declare var ASPxClientPager: ASPxClientPagerStatic;
 declare var ASPxClientPopupControl: ASPxClientPopupControlStatic;
 declare var ASPxClientPopupControlResizeState: ASPxClientPopupControlResizeStateStatic;
 declare var ASPxClientPopupControlCloseReason: ASPxClientPopupControlCloseReasonStatic;
@@ -27583,6 +33622,7 @@ declare var ASPxClientTimer: ASPxClientTimerStatic;
 declare var ASPxClientTitleIndex: ASPxClientTitleIndexStatic;
 declare var ASPxClientTreeView: ASPxClientTreeViewStatic;
 declare var ASPxClientUploadControl: ASPxClientUploadControlStatic;
+declare var ASPxClientUploadControlValidationErrorTypeConsts: ASPxClientUploadControlValidationErrorTypeConstsStatic;
 declare var ASPxClientUtils: ASPxClientUtilsStatic;
 declare var ASPxClientChartDesigner: ASPxClientChartDesignerStatic;
 declare var ASPxClientWebChartControl: ASPxClientWebChartControlStatic;
diff --git a/types/devexpress-web/v161/devexpress-web-tests.ts b/types/devexpress-web/v161/devexpress-web-tests.ts
new file mode 100644
index 0000000000..ef7eb8de37
--- /dev/null
+++ b/types/devexpress-web/v161/devexpress-web-tests.ts
@@ -0,0 +1,418 @@
+declare var hiddenField: ASPxClientHiddenField;
+declare var mainCallbackPanel: ASPxClientCallbackPanel;
+declare var loginPopup: ASPxClientPopupControl;
+declare var searchButton: ASPxClientButton;
+declare var searchComboBox: ASPxClientComboBox;
+declare var roomsNumberSpinEdit: ASPxClientSpinEdit;
+declare var adultsNumberSpinEdit: ASPxClientSpinEdit; 
+declare var childrenNumberSpinEdit: ASPxClientSpinEdit;
+declare var checkInDateEdit: ASPxClientDateEdit;
+declare var checkOutDateEdit: ASPxClientDateEdit;
+declare var backSlider: ASPxClientImageSlider;
+declare var locationComboBox: ASPxClientComboBox;
+declare var nightyRateTrackBar: ASPxClientTrackBar;
+declare var customerRatingTrackBar: ASPxClientTrackBar;
+declare var ourRatingCheckBoxList: ASPxClientCheckBoxList;
+declare var startFilterPopupControl: ASPxClientPopupControl;
+declare var imagePopupControl: ASPxClientPopupControl;
+declare var emailTextBox: ASPxClientTextBox;
+declare var creditCardEmailTextBox: ASPxClientTextBox;
+declare var accountEmailTextBox: ASPxClientTextBox;
+declare var bookingPageControl: ASPxClientPageControl;
+declare var paymentTypePageControl: ASPxClientPageControl;
+declare var offerFormPopup: ASPxClientPopupControl;
+declare var roomsSpinEdit: ASPxClientSpinEdit;
+declare var adultsSpinEdit: ASPxClientSpinEdit;
+declare var childrenSpinEdit: ASPxClientSpinEdit;
+declare var hotelDetailsCallbackPanel: ASPxClientCallbackPanel;
+declare var leftPanel: ASPxClientPanel;
+declare var menuButton: ASPxClientButton;
+declare var aboutWindow: ASPxClientPopupControl;
+declare var offersZone: ASPxClientDockZone;
+
+module DXDemo {
+    function showPage(page: string, params: { [key: string]: any }, skipHistory?: boolean): void {
+        var queryString = getQueryString(params || {});
+        hiddenField.Set("page", page);
+        hiddenField.Set("parameters", queryString);
+        hideMenu();
+        var uri = queryString.length ? (page + "?" + queryString) : page;
+        try {
+            if (!skipHistory && window.history && window.history.pushState)
+                window.history.pushState(uri, "", uri || "Default.aspx");
+        } catch (e) { }
+        mainCallbackPanel.PerformCallback(uri);
+    };
+
+    export function onMainMenuItemClick(s: ASPxClientMenu, e: ASPxClientMenuItemClickEventArgs): void {
+        switch (e.item.name) {
+            case "login":
+                hideMenu();
+                setTimeout(function () { loginPopup.ShowAtElementByID("MainCallbackPanel_ContentPane"); }, 300);
+                break;
+            case "offers":
+                showPage("SpecialOffers", {});
+                break;
+            default:
+                hideMenu();
+                setTimeout(function () { showAboutWindow(); }, 300);
+                break;
+        }
+    };
+
+    export function onLoginButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        loginPopup.Hide();
+        showAboutWindow();
+    };
+
+    export function onSearchButtonClick(): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            showPage("ShowHotels", {
+                location: searchComboBox.GetValue(),
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsNumberSpinEdit.GetValue() || 1,
+                adults: adultsNumberSpinEdit.GetValue() || 1,
+                children: childrenNumberSpinEdit.GetValue() || 0
+            });
+        }
+    };
+
+    export function onSearchComboBoxIndexChanged(s: ASPxClientComboBox, e: ASPxClientProcessingModeEventArgs): void {
+        hideMenu();
+        searchButton.AdjustControl();
+    };
+
+    export function onIndexOfferCloseClick(index: number): void {
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + index);
+        var sibPanel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + (index == 1 ? 2 : 1));
+        panel.Hide();
+        sibPanel.MakeFloat();
+        sibPanel.SetWidth(offersZone.GetWidth());
+        sibPanel.Dock(offersZone);
+    };
+
+    export function onLogoClick(): void {
+        showPage("", null, false);
+    };
+
+    export function onMenuNavButtonCheckedChanged(s: ASPxClientCheckBox, e: ASPxClientProcessingModeEventArgs): void {
+        var mainContainer = mainCallbackPanel.GetMainElement();
+        if (s.GetChecked()) {
+            backSlider.Pause();
+            showMenu();
+        }
+        else {
+            hideMenu();
+            backSlider.Play();
+        }
+    };
+
+    export function onBackNavButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        var params = getCurrentQueryParams();
+        switch (getCurrentPage()) {
+            case "PrintInvoice":
+                showPage("Booking", params, false);
+                break;
+            case "Booking":
+                if (bookingPageControl.GetActiveTabIndex() > 0)
+                    bookingPageControl.SetActiveTabIndex(bookingPageControl.GetActiveTabIndex() - 1);
+                else
+                    showPage("ShowRooms", params, false);
+                break;
+            case "ShowRooms":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowDetails":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowHotels":
+            case "SpecialOffers":
+                showPage("", null, false);
+                break;
+        }
+    };
+
+    export function updateSearchResults(): void {
+        var params = getCurrentQueryParams();
+        params["location"] = locationComboBox.GetValue();
+        params["minprice"] = nightyRateTrackBar.GetPositionStart();
+        params["maxprice"] = nightyRateTrackBar.GetPositionEnd();
+        params["custrating"] = customerRatingTrackBar.GetPosition();
+        params["ourrating"] = ourRatingCheckBoxList.GetSelectedValues().join(",");
+        showPage("ShowHotels", params);
+    };
+
+    export function onBookHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onDetailsHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onShowStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        startFilterPopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    export function onChangeStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var params = getCurrentQueryParams();
+            params["checkin"] = getFormattedDate(<Date>checkInDateEdit.GetValue());
+            params["checkout"] = getFormattedDate(<Date>checkOutDateEdit.GetValue());
+            params["rooms"] = roomsNumberSpinEdit.GetValue() || 1;
+            params["adults"] = adultsNumberSpinEdit.GetValue() || 1;
+            params["children"] = childrenNumberSpinEdit.GetValue() || 0;
+            startFilterPopupControl.Hide();
+            showPage(hiddenField.Get("page").toString(), params);
+        }
+    };
+
+    export function onBookRoomButtonClick(roomID: string): void {
+        var params = getCurrentQueryParams();
+        params["roomID"] = roomID;
+        showPage("Booking", params);
+    };
+
+    export function onShowRoomsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onShowDetailsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onRoomImageNavItemClick(roomID: string, pictureName: string): void {
+        setTimeout(function () {
+            imagePopupControl.PerformCallback(roomID + "|" + pictureName);
+            imagePopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+        }, 500);
+    };
+
+    export function onRoomsNavBarExpandedChanged(s: ASPxClientNavBar, e: ASPxClientNavBarGroupEventArgs): void {
+        ASPxClientControl.AdjustControls(s.GetMainElement());
+    };
+
+    export function onNextBookingStepButtonClick(step: number): void {
+        var valid = true;
+        var validationGroup = "";
+        if (step == 1)
+            validationGroup = "Account";
+        if (step == 2)
+            validationGroup = "RoomDetails";
+        if (step == 3)
+            validationGroup = "PaymentDetails";
+
+        switch (step) {
+            case 1:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Account");
+                if (valid) {
+                    emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    creditCardEmailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    showPage("Booking", getCurrentQueryParams());
+                    return;
+                }
+                break;
+            case 2:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "RoomDetails");
+                emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                break;
+            case 3:
+                var paymentType = paymentTypePageControl.GetActiveTabIndex();
+                if (paymentType == 0)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "CreditCard");
+                else if (paymentType == 1)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Cash");
+                else if (paymentType == 2)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "PayPal");
+                break;
+        }
+        if (valid) {
+            bookingPageControl.GetTab(step).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(step);
+        }
+    };
+
+    export function onAccountCaptchaHiddenFieldInit(s: ASPxClientHiddenField, e: ASPxClientEventArgs): void {
+        if (s.Get("IsCaptchaValid")) {
+            bookingPageControl.GetTab(1).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(1);
+        }
+    };
+
+    export function onFinishBookingStepButtonClick(): void {
+        showAboutWindow();
+    };
+
+    export function OnPrintInvoiceButtonClick(): void {
+        showPage("PrintInvoice", getCurrentQueryParams());
+    };
+
+    export function onOfferClick(offerID: string): void {
+        offerFormPopup.SetContentHtml("");
+        offerFormPopup.PerformCallback(offerID);
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + offerID);
+        var panelElement = <HTMLElement>panel.GetMainElement();
+        if (panelElement.offsetWidth < 330 || panelElement.offsetHeight < 250) {
+            offerFormPopup.SetWidth(400);
+            offerFormPopup.SetHeight(280);
+            offerFormPopup.ShowAtElementByID("SpecialOffersContainer");
+        }
+        else {
+            offerFormPopup.SetWidth(panelElement.offsetWidth);
+            offerFormPopup.SetHeight(panelElement.offsetHeight);
+            offerFormPopup.ShowAtElement(panelElement);
+        }
+    };
+
+    export function onSpecialOfferCheckButtonClick(hotelID: string, locationID: string): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var queryParams: { [key: string]: any } = {
+                location: locationID,
+                hotelID: hotelID,
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsSpinEdit.GetValue() || 1,
+                adults: adultsSpinEdit.GetValue() || 1,
+                children: childrenSpinEdit.GetValue() || 0
+            };
+            showPage("ShowRooms", queryParams);
+        }
+    };
+
+    export function onIndexOfferClick(): void {
+        showPage("SpecialOffers", {});
+    };
+
+    export function onControlsInit(): void {
+        ASPxClientUtils.AttachEventToElement(window, 'popstate', onHistoryPopState);
+        var pathParts = document.location.href.split("/");
+        var url = pathParts[pathParts.length - 1];
+        try {
+            if (window.history)
+                window.history.replaceState(url, "");
+        } catch (e) { }
+        ASPxClientUtils.AttachEventToElement(window, "resize", onWindowResize);
+        if (ASPxClientUtils.iOSPlatform) {
+            // animate
+        }
+    };
+
+    export function updateRatingLabels(ratingControl: ASPxClientTrackBar) {
+        var start = ratingControl.GetPositionStart().toString();
+        var end = ratingControl.GetPositionEnd().toString();
+        document.getElementById("cpLeftLabelID").innerHTML = start + " " + end;
+    };
+
+    export function onRatingControlItemClick(s: ASPxClientRatingControl, e: ASPxClientRatingControlItemClickEventArgs): void {
+        hotelDetailsCallbackPanel.PerformCallback(s.GetValue().toString());
+    };
+
+    export function onInputKeyDown(s: ASPxClientTextBox, e: ASPxClientEditKeyEventArgs): void {
+        var keyCode = ASPxClientUtils.GetKeyCode(e.htmlEvent);
+        if (keyCode == 13)
+            (<HTMLElement>s.GetInputElement()).blur();
+    };
+
+    function getCurrentPage(): string {
+        var hfPage = <string>hiddenField.Get("page");
+        if (hfPage)
+            return hfPage;
+        var pathParts = document.location.pathname.split("/");
+        return pathParts[pathParts.length - 1];
+    };
+
+    function showAboutWindow(): void {
+        aboutWindow.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    function hideMenu(): void {
+        leftPanel.Collapse();
+        if (menuButton.GetMainElement() && menuButton.GetChecked())
+            menuButton.SetChecked(false);
+    };
+
+    function showMenu(): void {
+        leftPanel.Expand();
+    };
+
+    var _resizeSpecialOffersTimeoutID = -1;
+    function onWindowResize(): void {
+        switch (<string>hiddenField.Get("page")) {
+            case "SpecialOffers":
+                if (_resizeSpecialOffersTimeoutID == -1)
+                    _resizeSpecialOffersTimeoutID = setTimeout(resizeSpecialOffers, 200);
+                break;
+        }
+        hidePopups("AboutWindow", "StartFilterPopupControl", "LoginPopup", "OfferFormPopup", "ImagePopupControl");
+    };
+
+    function hidePopups(...names: string[]): void {
+        for (var i = 0; i < names.length; i++) {
+            var popupControl = <ASPxClientPopupControl>ASPxClientControl.GetControlCollection().GetByName(names[i]);
+            popupControl.Hide();
+        }
+    };
+
+    function resizeSpecialOffers(): void {
+        for (var i = 1; i <= 4; i++) {
+            var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + i);
+            if (panel && panel.IsVisible()) {
+                var zone = panel.GetOwnerZone();
+                zone.SetWidth((<HTMLElement>(<HTMLElement>zone.GetMainElement()).parentNode).offsetWidth)
+            }
+        }
+        _resizeSpecialOffersTimeoutID = -1;
+    };
+
+    function getFormattedDate(date: Date): string {
+        return (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
+    };
+
+    function getCurrentQueryParams(): { [key:string]: any } {
+        var hfParams = <string>hiddenField.Get("parameters");
+        if (hfParams)
+            return getParamsByQueryString(hfParams);
+        var query = document.location.search;
+        if (query[0] === "?")
+            query = query.substr(1);
+        return getParamsByQueryString(query);
+    };
+
+    function getQueryString(params: { [key:string]: any }): string {
+        var queryItems: any[] = [];
+        for (var key in params) {
+            if (!params.hasOwnProperty(key)) continue;
+            queryItems.push(key + "=" + params[key]);
+        }
+        if (queryItems.length > 0)
+            return queryItems.join("&");
+        return "";
+    };
+
+    function getParamsByQueryString(queryString: string): { [key: string]: string } {
+        var result: { [key: string]: any } = {};
+        if (queryString) {
+            var queryStringArray = queryString.split("&");
+            for (var i = 0; i < queryStringArray.length; i++) {
+                var part = queryStringArray[i].split('=');
+                if (part.length != 2) continue;
+                result[part[0]] = decodeURIComponent(part[1].replace(/\+/g, " "));
+            }
+        }
+        return result;
+    };
+
+    function onHistoryPopState(evt: any): void {
+        if (evt.state !== null && evt.state !== undefined) {
+            var uriParts = evt.state.split("?");
+            showPage(uriParts[0], getParamsByQueryString(uriParts[1]), true);
+        }
+    };
+}
\ No newline at end of file
diff --git a/types/devexpress-web/v161/index.d.ts b/types/devexpress-web/v161/index.d.ts
new file mode 100644
index 0000000000..331718afb0
--- /dev/null
+++ b/types/devexpress-web/v161/index.d.ts
@@ -0,0 +1,27630 @@
+// Type definitions for DevExpress ASP.NET v161.12
+// Project: http://devexpress.com/
+// Definitions by: DevExpress Inc. <http://devexpress.com/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * A client-side counterpart of the DashboardViewer extension.
+ */
+interface MVCxClientDashboardViewer extends ASPxClientDashboardViewer {
+}
+/**
+ * Represents a list of records from the dashboard data source.
+ */
+interface ASPxClientDashboardItemUnderlyingData {
+    /**
+     * Gets the number of rows in the underlying data set.
+     */
+    GetRowCount(): number;
+    /**
+     * Returns the value of the specified cell within the underlying data set.
+     * @param rowIndex An integer value that specifies the zero-based index of the required row.
+     * @param dataMember A String that specifies the required data member.
+     */
+    GetRowValue(rowIndex: number, dataMember: string): Object;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Returns whether or not a request for underlying data was successful.
+     */
+    IsDataReceived(): boolean;
+    /**
+     * Returns a callstack containing the error caused by an unsuccessful request for underlying data.
+     */
+    GetRequestDataError(): string;
+}
+/**
+ * Contains parameters used to obtain the underlying data for the dashboard item.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataParameters {
+    /**
+     * Gets or sets an array of data member identifiers used to obtain underlying data.
+     * Value: An array of String objects that specify data member identifiers.
+     */
+    DataMembers: string[];
+    /**
+     * Gets or sets axis points used to obtain the underlying data.
+     * Value: An array of ASPxClientDashboardItemDataAxisPoint objects that represent axis points.
+     */
+    AxisPoints: ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets or sets the dimension value used to obtain the underlying data.
+     * Value: The dimension value.
+     */
+    ValuesByAxisName: Object;
+    /**
+     * Gets or sets the unique dimension value used to obtain the underlying data.
+     * Value: The unique dimension value.
+     */
+    UniqueValuesByAxisName: Object;
+}
+/**
+ * References a method executed after an asynchronous request is complete.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataCompleted {
+    /**
+     * References a method executed after an asynchronous request is completed.
+     * @param data An ASPxClientDashboardItemUnderlyingData object that represents a list of records from the dashboard data source.
+     */
+    (data: ASPxClientDashboardItemUnderlyingData): void;
+}
+/**
+ * References a method that will handle the ItemClick event.
+ */
+interface ASPxClientDashboardItemClickEventHandler<S> {
+    /**
+     * References a method that will handle the ItemClick event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick event.
+ */
+interface ASPxClientDashboardItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item for which the event has been raised.
+     * Value: A String that is the dashboard item name.
+     */
+    ItemName: string;
+    /**
+     * Gets the dashboard item's client data.
+     */
+    GetData(): ASPxClientDashboardItemData;
+    /**
+     * Returns the axis point corresponding to the clicked visual element.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Gets measures corresponding to the clicked visual element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets deltas corresponding to the clicked visual element.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Requests underlying data corresponding to the clicked visual element.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     * @param dataMembers An array of String values that specify data members used to obtain underlying data.
+     */
+    RequestUnderlyingData(onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted, dataMembers: string[]): void;
+}
+/**
+ * References a method that will handle the ItemVisualInteractivity event.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventHandler<S> {
+    /**
+     * References a method that will handle the ItemVisualInteractivity event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemVisualInteractivityEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemVisualInteractivityEventArgs): void;
+}
+/**
+ * Provides data for the ItemVisualInteractivity event.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets the selection mode for dashboard item elements.
+     */
+    GetSelectionMode(): string;
+    /**
+     * Sets the selection mode for dashboard item elements.
+     * @param selectionMode A String that specifies the selection mode.
+     */
+    SetSelectionMode(selectionMode: string): void;
+    /**
+     * Returns whether or not highlighting is enabled for the current dashboard item.
+     */
+    IsHighlightingEnabled(): boolean;
+    /**
+     * Enables highlighting for the current dashboard item.
+     * @param enableHighlighting true, to enable highlighting; otherwise, false.
+     */
+    EnableHighlighting(enableHighlighting: boolean): void;
+    /**
+     * Gets data axes used to perform custom interactivity actions.
+     */
+    GetTargetAxes(): string[];
+    /**
+     * Sets data axes used to perform custom interactivity actions.
+     * @param targetAxes An array of String objects that specify names of data axes.
+     */
+    SetTargetAxes(targetAxes: string[]): void;
+    /**
+     * Gets the default selection for the current dashboard item.
+     */
+    GetDefaultSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Sets the default selection for the current dashboard item.
+     * @param values An array of ASPxClientDashboardItemDataAxisPointTuple objects specifying axis point tuples used to select default elements.
+     */
+    SetDefaultSelection(values: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+}
+/**
+ * References a method that will handle the ItemSelectionChanged event.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemSelectionChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemSelectionChangedEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemSelectionChanged event.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets currently selected elements.
+     */
+    GetCurrentSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+}
+/**
+ * References a method that will handle the ItemElementCustomColor event.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventHandler<S> {
+    /**
+     * References a method that will handle the ItemElementCustomColor event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemElementCustomColorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemElementCustomColorEventArgs): void;
+}
+/**
+ * Provides data for the ItemElementCustomColor event.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item for which the event was raised.
+     */
+    ItemName: string;
+    /**
+     * Gets the axis point tuple that corresponds to the current dashboard item element.
+     */
+    GetTargetElement(): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Gets the color of the current dashboard item element.
+     */
+    GetColor(): string;
+    /**
+     * Sets the color of the current dashboard item element.
+     * @param color A String that specifies the color of the current dashboard item element.
+     */
+    SetColor(color: string): void;
+    /**
+     * Gets measures corresponding to the current dashboard item element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+}
+/**
+ * References a method that will handle the ItemWidgetCreated event.
+ */
+interface ASPxClientDashboardItemWidgetCreatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetCreated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdating event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatingEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdating event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdated event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemBeforeWidgetDisposed event.
+ */
+interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemBeforeWidgetDisposed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * Provides data for events related to client widgets used to visualize data in dashboard items.
+ */
+interface ASPxClientDashboardItemWidgetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns an underlying widget corresponding to the current dashboard item.
+     */
+    GetWidget(): Object;
+}
+/**
+ * Represents multidimensional data visualized in the dashboard item.
+ */
+interface ASPxClientDashboardItemData {
+    /**
+     * Gets the names of the axes that constitute the current ASPxClientDashboardItemData.
+     */
+    GetAxisNames(): string[];
+    /**
+     * Returns the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxis(axisName: string): ASPxClientDashboardItemDataAxis;
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the measures for the current ASPxClientDashboardItemData object.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets the deltas for the current ASPxClientDashboardItemData object.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point tuple.
+     * @param tuple A ASPxClientDashboardItemDataAxisPointTuple object that is a tuple of axis points.
+     */
+    GetSlice(tuple: ASPxClientDashboardItemDataAxisPointTuple): ASPxClientDashboardItemData;
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point.
+     * @param axisPoint An ASPxClientDashboardItemDataAxisPoint object that is the data point in a multidimensional space.
+     */
+    GetSlice(axisPoint: ASPxClientDashboardItemDataAxisPoint): ASPxClientDashboardItemData;
+    /**
+     * Returns a total summary value for the specified measure.
+     * @param measureId A String that is the measure identifier.
+     */
+    GetMeasureValue(measureId: string): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the summary value for the specified delta.
+     * @param deltaId A String that is the data item identifier.
+     */
+    GetDeltaValue(deltaId: string): ASPxClientDashboardItemDataDeltaValue;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Creates a tuple based on the specified axes names and corresponding values.
+     * @param values An array of name-value pairs containing the axis name and corresponding values.
+     */
+    CreateTuple(values: Object[]): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Creates a tuple based on the specified axis points.
+     * @param axisPoints An array of ASPxClientDashboardItemDataAxisPoint objects that specify axis points belonging to different data axes.
+     */
+    CreateTuple(axisPoints: ASPxClientDashboardItemDataAxisPoint[]): ASPxClientDashboardItemDataAxisPointTuple;
+}
+/**
+ * An axis that contains data points corresponding to the specified value hierarchy.
+ */
+interface ASPxClientDashboardItemDataAxis {
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points belonging to the current axis.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the root axis point belonging to the current ASPxClientDashboardItemDataAxis.
+     */
+    GetRootPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns axis points corresponding to values of the last-level dimension.
+     */
+    GetPoints(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns axis points corresponding to the specified dimension.
+     * @param dimensionId A String that is the dimension identifier.
+     */
+    GetPointsByDimension(dimensionId: string): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns the data point for the specified axis by unique values.
+     * @param uniqueValues A hierarchy of unique values identifying the required data point.
+     */
+    GetPointByUniqueValues(uniqueValues: Object[]): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Contains the dimension metadata.
+ */
+interface ASPxClientDashboardItemDataDimension {
+    /**
+     * Gets the dimension identifier.
+     * Value: A String that is the dimension identifier.
+     */
+    Id: string;
+    /**
+     * Gets or sets the name of the dimension.
+     * Value: A String that is the name of the dimension.
+     */
+    Name: string;
+    /**
+     * Gets the data member identifier for the current dimension.
+     * Value: A String value that identifies a data member.
+     */
+    DataMember: string;
+    /**
+     * Gets the group interval for date-time values for the current dimension.
+     * Value: A String value that represents how date-time values are grouped.
+     */
+    DateTimeGroupInterval: string;
+    /**
+     * Gets the group interval for string values.
+     * Value: A String value that specifies the group interval for string values.
+     */
+    TextGroupInterval: string;
+    /**
+     * Formats the specified value using format settings of the current dimension.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the measure metadata.
+ */
+interface ASPxClientDashboardItemDataMeasure {
+    /**
+     * Gets the measure identifier.
+     * Value: A String that is the measure identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the measure.
+     * Value: A String that is the name of the measure.
+     */
+    Name: string;
+    /**
+     * Gets the data member that identifies the data source list used to provide data for the current measure.
+     * Value: A String value that identifies the data source list used to provide data for the current measure.
+     */
+    DataMember: string;
+    /**
+     * Gets the type of summary function calculated against the current measure.
+     * Value: A String value that identifies the type of summary function calculated against the current measure.
+     */
+    SummaryType: string;
+    /**
+     * Formats the specified value using format settings of the current measure.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the delta metadata.
+ */
+interface ASPxClientDashboardItemDataDelta {
+    /**
+     * Gets the data item identifier.
+     * Value: A String that is the data item identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the data item container.
+     * Value: A String value that is the name of the data item container.
+     */
+    Name: string;
+    /**
+     * Gets the identifier for the measure that provides actual values.
+     * Value: A String value that is the measure identifier.
+     */
+    ActualMeasureId: string;
+    /**
+     * Gets the identifier for the measure that provides target values.
+     * Value: A String value that is the measure identifier.
+     */
+    TargetMeasureId: string;
+}
+/**
+ * Provides dimension values at the specified axis point.
+ */
+interface ASPxClientDashboardItemDataDimensionValue {
+    /**
+     * Gets the current dimension value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the unique value for the current dimension value.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the display text for the current dimension value.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides the measure value and display text.
+ */
+interface ASPxClientDashboardItemDataMeasureValue {
+    /**
+     * Gets the measure value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the measure display text.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides delta element values.
+ */
+interface ASPxClientDashboardItemDataDeltaValue {
+    /**
+     * Provides access to the actual value displayed within the delta element.
+     */
+    GetActualValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the target value.
+     */
+    GetTargetValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the absolute difference between the actual and target values.
+     */
+    GetAbsoluteVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percent of variation between the actual and target values.
+     */
+    GetPercentVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percentage of the actual value in the target value.
+     */
+    GetPercentOfTarget(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the main delta value.
+     */
+    GetDisplayValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the first additional delta value.
+     */
+    GetDisplaySubValue1(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the second additional delta value.
+     */
+    GetDisplaySubValue2(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the value specifying the condition for displaying the delta indication.
+     */
+    GetIsGood(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the type of delta indicator.
+     */
+    GetIndicatorType(): ASPxClientDashboardItemDataMeasureValue;
+}
+/**
+ * A point on the data axis.
+ */
+interface ASPxClientDashboardItemDataAxisPoint {
+    /**
+     * Gets the name of the axis to which the current axis point belongs.
+     */
+    GetAxisName(): string;
+    /**
+     * Gets the last level dimension corresponding to the current axis point.
+     */
+    GetDimension(): ASPxClientDashboardItemDataDimension;
+    /**
+     * Gets the collection of dimensions used to create a hierarchy of axis points from the root point to the current axis point.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the value corresponding to the current axis point.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the display text corresponding to the current axis point.
+     */
+    GetDisplayText(): string;
+    /**
+     * Gets the unique value corresponding to the current axis point.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the dimension values at the specified axis point.
+     */
+    GetDimensionValue(): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the dimension value at the current axis point.
+     * @param dimensionId A String value that specifies the dimension identifier.
+     */
+    GetDimensionValue(dimensionId: string): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the child axis points for the current axis point.
+     */
+    GetChildren(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets the parent axis point for the current axis point.
+     */
+    GetParent(): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Represents a tuple of axis points.
+ */
+interface ASPxClientDashboardItemDataAxisPointTuple {
+    /**
+     * Returns the axis point belonging to the default data axis.
+     */
+    GetAxisPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns the axis point belonging to the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * A client-side equivalent of the ASPxDashboardDesigner control.
+ */
+interface ASPxClientDashboardDesigner extends ASPxClientControl {
+    /**
+     * Occurs after the state of the dashboard displayed in the ASPxClientDashboardDesigner is changed.
+     */
+    DashboardStateChanged: ASPxClientEvent<ASPxClientDashboardStateChangedEventHandler<ASPxClientDashboardDesigner>>;
+    /**
+     * Occurs after another dashboard is loaded to the ASPxClientDashboardDesigner.
+     */
+    DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboardDesigner>>;
+    /**
+     * For internal use.
+     */
+    CustomizeMenuItems: ASPxClientEvent<ASPxClientDashboardDesignerCustomizeMenuItemsEventHandler<ASPxClientDashboardDesigner>>;
+    BeforeRender: ASPxClientEvent<ASPxClientDashboardDesignerBeforeRenderEventHandler<ASPxClientDashboardDesigner>>;
+    /**
+     * Switches the ASPxClientDashboardDesigner to the viewer mode.
+     */
+    SwitchToViewer(): void;
+    /**
+     * Switches the ASPxClientDashboardDesigner to the designer mode.
+     */
+    SwitchToDesigner(): void;
+    /**
+     * Gets the current working mode of the Web Designer.
+     */
+    GetWorkingMode(): string;
+    /**
+     * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboardDesigner.
+     */
+    GetDashboardId(): string;
+    /**
+     * Gets the name of the dashboard that is displayed in the ASPxClientDashboardDesigner.
+     */
+    GetDashboardName(): string;
+    /**
+     * Gets the state of the dashboard (for instance, the master filtering state) displayed in the ASPxClientDashboardDesigner.
+     */
+    GetDashboardState(): string;
+    /**
+     * Loads a dashboard with the specified identifier.
+     * @param dashboardId A String value that specifies the dashboard identifier.
+     */
+    LoadDashboard(dashboardId: string): void;
+    /**
+     * Saves a dashboard to the dashboard storage.
+     */
+    SaveDashboard(): void;
+}
+/**
+ * References a method that will handle the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardStateChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the current state of the dashboard.
+     * Value: A String that is the current state of the dashboard.
+     */
+    DashboardState: string;
+}
+/**
+ * References a method that will handle the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of a newly opened dashboard.
+     * Value: A String values that is an identifier of newly opened dashboard.
+     */
+    DashboardId: string;
+    /**
+     * Gets the name of a newly opened dashboard.
+     * Value: A String values that is the name of newly opened dashboard.
+     */
+    DashboardName: string;
+}
+interface ASPxClientDashboardDesignerCustomizeMenuItemsEventHandler<S> {
+    (source: S, e: ASPxClientDashboardDesignerCustomizeMenuItemsEventArgs): void;
+}
+interface ASPxClientDashboardDesignerMenuItem {
+    id: string;
+    title: string;
+    template: string;
+    selected: boolean;
+    disabled: boolean;
+    hasSeparator: boolean;
+    click: Function;
+    hotKey: number;
+}
+interface ASPxClientDashboardDesignerCustomizeMenuItemsEventArgs extends ASPxClientEventArgs {
+    Items: ASPxClientDashboardDesignerMenuItem[];
+    FindById(itemId: string): ASPxClientDashboardDesignerMenuItem;
+}
+interface ASPxClientDashboardDesignerBeforeRenderEventHandler<S> {
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * A client-side equivalent of the ASPxDashboardViewer control.
+ */
+interface ASPxClientDashboardViewer extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the available interactivity actions have changed.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientDashboardActionAvailabilityChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user changes the state of the master filter.
+     */
+    MasterFilterSet: ASPxClientEvent<ASPxClientDashboardMasterFilterSetEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clears the selection in the master filter item.
+     */
+    MasterFilterCleared: ASPxClientEvent<ASPxClientDashboardMasterFilterClearedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Provides the capability to handle data loading errors in the ASPxClientDashboardViewer.
+     */
+    DataLoadingError: ASPxClientEvent<ASPxClientDashboardDataLoadingErrorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-down is performed.
+     */
+    DrillDownPerformed: ASPxClientEvent<ASPxClientDashboardDrillDownPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-up is performed.
+     */
+    DrillUpPerformed: ASPxClientEvent<ASPxClientDashboardDrillUpPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the ASPxClientDashboardViewer is loaded.
+     */
+    Loaded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Reloads data in the data sources.
+     */
+    ReloadData(): void;
+    /**
+     * Reloads data in the data sources.
+     * @param parameters An array of ASPxClientDashboardParameter objects that specify dashboard parameters on the client side.
+     */
+    ReloadData(parameters: ASPxClientDashboardParameter[]): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Locks the EndUpdateParameters method call.
+     */
+    BeginUpdateParameters(): void;
+    /**
+     * Unlocks the BeginUpdateParameters method and applies changes made to the parameter settings.
+     */
+    EndUpdateParameters(): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects the specified range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param dateTimePeriodName A String that specifies the name of the predefined range used to perform a selection.
+     */
+    SetRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Returns the dashboard width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the dashboard height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the dashboard width.
+     * @param width An integer value that specifies the dashboard width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the dashboard height.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Specifies the dashboard size.
+     * @param width An integer value that specifies the dashboard width.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down for the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down for the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns whether or not the specified master filter item allows selecting one or more elements.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+}
+/**
+ * A range in the Range Filter dashboard item.
+ */
+interface ASPxClientDashboardRangeFilterSelection {
+    /**
+     * Gets or sets a maximum value in the range of the Range Filter dashboard item.
+     * Value: A maximum value in the range of the Range Filter dashboard item.
+     */
+    Maximum: Object;
+    /**
+     * Gets or sets a minimum value in the range of the Range Filter dashboard item.
+     * Value: A minimum value in the range of the Range Filter dashboard item.
+     */
+    Minimum: Object;
+}
+/**
+ * A collection of ASPxClientDashboardParameter objects.
+ */
+interface ASPxClientDashboardParameters {
+    /**
+     * Returns an array of dashboard parameters from the ASPxClientDashboardParameters collection.
+     */
+    GetParameterList(): ASPxClientDashboardParameter[];
+    /**
+     * Returns a dashboard parameter by its name.
+     * @param name A String object that specifies the parameter name.
+     */
+    GetParameterByName(name: string): ASPxClientDashboardParameter;
+    /**
+     * Returns a dashboard parameter by its index in the ASPxClientDashboardParameters collection.
+     * @param index An integer value that specifies the parameter index.
+     */
+    GetParameterByIndex(index: number): ASPxClientDashboardParameter;
+}
+/**
+ * A client-side dashboard parameter.
+ */
+interface ASPxClientDashboardParameter {
+    /**
+     * Gets the dashboard parameter name on the client side.
+     * Value: A String that is the dashboard parameter name on the client side.
+     */
+    Name: string;
+    /**
+     * Gets the dashboard parameter value on the client side.
+     * Value: A String that specifies the dashboard parameter value on the client side.
+     */
+    Value: Object;
+    /**
+     * Returns a parameter name.
+     */
+    GetName(): string;
+    /**
+     * Returns a current parameter value.
+     */
+    GetValue(): Object;
+    /**
+     * Specifies the current parameter value.
+     * @param value The current parameter value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a default parameter value.
+     */
+    GetDefaultValue(): Object;
+    /**
+     * Returns the parameter's description displayed to an end-user.
+     */
+    GetDescription(): string;
+    /**
+     * Returns a parameter type.
+     */
+    GetType(): string;
+    /**
+     * Returns possible parameter values.
+     */
+    GetValues(): ASPxClientDashboardParameterValue[];
+}
+/**
+ * Provides access to the parameter value and display text.
+ */
+interface ASPxClientDashboardParameterValue {
+    /**
+     * Returns the parameter display text.
+     */
+    GetDisplayText(): string;
+    /**
+     * Returns a parameter value.
+     */
+    GetValue(): Object;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+ */
+interface ImageFormatOptions {
+    /**
+     * Gets or sets an image format in which the dashboard (dashboard item) is exported.
+     * Value: A value returned by the DashboardExportImageFormat class that specifies an image format in which the dashboard (dashboard item) is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     */
+    Resolution: number;
+}
+/**
+ * Contains options which define how the dashboard item is exported to Excel format.
+ */
+interface ExcelFormatOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A value returned by the DashboardExportExcelFormat class that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A String value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the Grid dashboard item is exported.
+ */
+interface GridExportOptions {
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    FitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to print column headers of the Grid dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pivot dashboard item is exported.
+ */
+interface PivotExportOptions {
+    /**
+     * Gets or sets whether to print the column headers of the pivot dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pie dashboard item is exported.
+ */
+interface PieExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Gauge dashboard item is exported.
+ */
+interface GaugeExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Card dashboard item is exported.
+ */
+interface CardExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Range Filter dashboard item is exported.
+ */
+interface RangeFilterExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Range Filter dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A value returned by the RangeFilterExportSizeMode class that specifies the export size mode for the Range Filter dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Chart dashboard items are exported.
+ */
+interface ChartExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Chart dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A value returned by the ChartExportSizeMode class that specifies the export size mode for the Chart dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how map dashboard items are exported.
+ */
+interface MapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a map dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the map dashboard item.
+     * Value: A value returned by the MapExportSizeMode class that specifies specifies the export size mode for the map dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
+ */
+interface ASPxClientDashboardExportOptions {
+    /**
+     * Gets or sets the standard paper size.
+     * Value: A string value returned by the DashboardExportPaperKind class that specifies the standard paper size.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportPageLayout class that specifies the page orientation used to export a dashboard (dashboard item).
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling when exporting a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportScaleMode class that specifies the mode for scaling when exporting a dashboard (dashboard item).
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the scale factor (in fractions of 1) by which a dashboard (dashboard item) is scaled.
+     * Value: A Single value that specifies the scale factor by which a dashboard (dashboard item) is scaled.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A String value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A DefaultBoolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets the filter state's location on the exported document.
+     * Value: A string value returned by the DashboardExportFilterState class that specifies the filter state's location on the exported document.
+     */
+    FilterState: string;
+    /**
+     * Provides access to options for exporting a dashboard or individual items in Image format.
+     * Value: An ImageFormatOptions object containing settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+     */
+    ImageOptions: ImageFormatOptions;
+    /**
+     * Provides access to options for exporting individual dashboard items in Excel format.
+     * Value: An ExcelFormatOptions object containing settings that specify parameters affecting how the dashboard item is exported in Excel format.
+     */
+    ExcelOptions: ExcelFormatOptions;
+    /**
+     * Provides access to options for exporting a Grid dashboard item.
+     * Value: A GridExportOptions object containing settings that specify parameters that affect how Grid dashboard items are exported.
+     */
+    GridOptions: GridExportOptions;
+    /**
+     * Provides access to options for exporting a Pivot dashboard item.
+     * Value: A PivotExportOptions object containing settings that specify parameters that affect how Pivot dashboard items are exported.
+     */
+    PivotOptions: PivotExportOptions;
+    /**
+     * Provides access to options for exporting a Pie dashboard item.
+     * Value: A PieExportOptions object containing settings that specify parameters that affect how Pie dashboard items are exported.
+     */
+    PieOptions: PieExportOptions;
+    /**
+     * Provides access to options for exporting a Gauge dashboard item.
+     * Value: A GaugeExportOptions object containing settings that specify parameters that affect how Gauge dashboard items are exported.
+     */
+    GaugeOptions: GaugeExportOptions;
+    /**
+     * Provides access to options for exporting a Card dashboard item.
+     * Value: A CardExportOptions object containing settings that specify parameters that affect how Card dashboard items are exported.
+     */
+    CardOptions: CardExportOptions;
+    /**
+     * Provides access to options for exporting a Range Filter dashboard item.
+     * Value: A RangeFilterExportOptions object containing settings that specify parameters affecting how the Range Filter dashboard item is exported.
+     */
+    RangeFilterOptions: RangeFilterExportOptions;
+    /**
+     * Provides access to options for exporting a Chart dashboard item.
+     * Value: A ChartExportOptions object containing settings that specify parameters that affect how Chart dashboard items are exported.
+     */
+    ChartOptions: ChartExportOptions;
+    /**
+     * Provides access to options for exporting map dashboard items.
+     * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
+     */
+    MapOptions: MapExportOptions;
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets whether or not data reloading is available in the current state of dashboard item.
+     * Value: true, if data reloading is available in the current state of dashboard item; otherwise, false.
+     */
+    IsReloadDataAvailable: boolean;
+    /**
+     * Gets interactivity actions currently available for the dashboard item.
+     * Value: An array of ASPxClientDashboardItemAction objects that represent interactivity actions currently available for the dashboard item.
+     */
+    ItemActions: ASPxClientDashboardItemAction[];
+}
+/**
+ * References a method that will handle the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventHandler<S> {
+    /**
+     * References a method that will handle the DataLoadingError event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDataLoadingErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDataLoadingErrorEventArgs): void;
+}
+/**
+ * Provides data for the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Allows you to determine whether or not the error message will be shown.
+     */
+    IsErrorMessageShown(): boolean;
+    /**
+     * Allows you to specify whether to show the error message.
+     * @param value true, to show the error message; otherwise, false.
+     */
+    ShowErrorMessage(value: boolean): void;
+    /**
+     * Allows you to obtain the displayed error message.
+     */
+    GetError(): string;
+    /**
+     * Allows you to specify the displayed error message.
+     * @param value A string value that specifies the displayed error message.
+     */
+    SetError(value: string): void;
+}
+/**
+ * Represents an interactivity action in the dashboard item.
+ */
+interface ASPxClientDashboardItemAction {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets interactivity actions performed on a dashboard item.
+     * Value: An array of ASPxClientDashboardAction values that specify interactivity actions performed on a dashboard item.
+     */
+    Actions: any[];
+}
+declare enum ASPxClientDashboardAction {
+    SetMasterFilter=0,
+    ClearMasterFilter=1,
+    DrillDown=2,
+    DrillUp=3
+}
+/**
+ * References a method that will handle the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterSet event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterSetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterSetEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values of currently selected elements in the master filter item.
+     * Value: Values of currently selected elements in the master filter item.
+     */
+    Values: Object[][];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterCleared event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterClearedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterClearedEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that is the name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillDownPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillDownPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillDownPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets the bottommost value from the current drill-down hierarchy.
+     * Value: The bottommost value from the current drill-down hierarchy.
+     */
+    Value: Object[];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillUpPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillUpPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillUpPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that is the name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * Serves as the base object for all the editors included in the client-side object model.
+ */
+interface ASPxClientEditBase extends ASPxClientControl {
+    /**
+     * Returns the editor's value.
+     */
+    GetValue(): Object;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the text displayed in the editor caption.
+     */
+    GetCaption(): string;
+    /**
+     * Specifies the text displayed in the editor caption.
+     * @param caption A string value specifying the editor caption.
+     */
+    SetCaption(caption: string): void;
+}
+/**
+ * Serves as the base object for all the editors that support validation.
+ */
+interface ASPxClientEdit extends ASPxClientEditBase {
+    /**
+     * Fires on the client side when the editor receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires on the client side when the editor loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Allows you to specify whether the value entered into the editor is valid, and whether the editor is allowed to lose focus.
+     */
+    Validation: ASPxClientEvent<ASPxClientEditValidationEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires after the editor's value has been changed by end-user interactions.
+     */
+    ValueChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientEdit>>;
+    /**
+     * Returns an HTML element that represents the control's input element.
+     */
+    GetInputElement(): Object;
+    /**
+     * Sets input focus to the editor.
+     */
+    Focus(): void;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value is valid.
+     * @param isValid True if the editor's value is valid; otherwise, False.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs the editor's validation.
+     */
+    Validate(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxBinaryImage control.
+ */
+interface ASPxClientBinaryImage extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after an image is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Fires on the client side if any server error occurs during server-side processing of a callback sent by the ASPxClientBinaryImage.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Sets the size of the image editor.
+     * @param width An integer value that specifies the control's width.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * For internal use only.
+     */
+    GetValue(): Object;
+    /**
+     * For internal use only.
+     * @param value 
+     */
+    SetValue(value: Object): void;
+    /**
+     * Removes an image from the editor content.
+     */
+    Clear(): void;
+    /**
+     * Returns a name of the last uploaded file.
+     */
+    GetUploadedFileName(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxButton control.
+ */
+interface ASPxClientButton extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the button's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Occurs on the client side after a button is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientButtonClickEventHandler<ASPxClientButton>>;
+    /**
+     * Simulates a mouse click action on the button control.
+     */
+    DoClick(): void;
+    /**
+     * Returns a value indicating whether the button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value that specifies the button's checked status.
+     * @param value true if the button is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the button.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL pointing to the image displayed within the button.
+     * @param value A string value that is the URL to the image displayed within the button.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Sets a value specifying whether the button is enabled.
+     * @param value true to enable the button; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns a value indicating whether the button is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets input focus to the button.
+     */
+    Focus(): void;
+}
+/**
+ * A method that will handle the client Click event.
+ */
+interface ASPxClientButtonClickEventHandler<S> {
+    /**
+     * A method that will handle the client Click event.
+     * @param source An object that is the event's source.
+     * @param e An ASPxClientButtonClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonClickEventArgs): void;
+}
+/**
+ * Provides data for the Click event.
+ */
+interface ASPxClientButtonClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Specifies whether both the event's default action and the event's bubbling upon the hierarchy of event handlers should be canceled.
+     * Value: true to cancel the event's default action and the event's bubbling upon the hierarchy of event handlers; otherwise, false.
+     */
+    cancelEventAndBubble: boolean;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCalendar control.
+ */
+interface ASPxClientCalendar extends ASPxClientEdit {
+    /**
+     * Fires on the client side after the selected date has been changed within the calendar.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side when the month displayed within the calendar is changed.
+     */
+    VisibleMonthChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side after the callback server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCalendar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCalendar>>;
+    /**
+     * Tests whether the specified date is selected.
+     * @param date A date-time value that specifies the date to test.
+     */
+    IsDateSelected(date: Date): boolean;
+    /**
+     * Sets the date that specifies the month and year to be displayed in the calendar.
+     * @param date The date that specifies calendar's visible month and year.
+     */
+    SetVisibleDate(date: Date): void;
+    /**
+     * Sets the calendar's selected date.
+     * @param date A date object that specifies the calendar's selected date.
+     */
+    SetSelectedDate(date: Date): void;
+    /**
+     * Returns the calendar's selected date.
+     */
+    GetSelectedDate(): Date;
+    /**
+     * Gets the date that determines the month and year that are currently displayed in the calendar.
+     */
+    GetVisibleDate(): Date;
+    /**
+     * Selects the specified date within the calendar.
+     * @param date A date-time value that specifies the selected date.
+     */
+    SelectDate(date: Date): void;
+    /**
+     * Selects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    SelectRange(start: Date, end: Date): void;
+    /**
+     * Deselects the specified date within the calendar.
+     * @param date A date-time value that specifies the date to deselect.
+     */
+    DeselectDate(date: Date): void;
+    /**
+     * Deselects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    DeselectRange(start: Date, end: Date): void;
+    /**
+     * Deselects all the selected dates within the calendar.
+     */
+    ClearSelection(): void;
+    /**
+     * Returns a list of dates which are selected within the calendar.
+     */
+    GetSelectedDates(): Date[];
+    /**
+     * Gets the minimum date on the calendar.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the calendar.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date on the calendar.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the calendar.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the date processed in the calendar.
+     * Value: A DateTime value containing processed data.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether selection of the processed calendar date is disabled.
+     * Value: true, if the date is disabled; otherwise, false.
+     */
+    isDisabled: boolean;
+}
+/**
+ * A method that will handle the client CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDisabledDate event.
+     * @param source The event source.
+     * @param e An ASPxClientCalendarCustomDisabledDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCalendarCustomDisabledDateEventArgs): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCaptcha control.
+ */
+interface ASPxClientCaptcha extends ASPxClientControl {
+    /**
+     * Sets input focus to the control's text box.
+     */
+    Focus(): void;
+    /**
+     * Refreshes the code displayed within the editor's challenge image.
+     */
+    Refresh(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCheckBox control.
+ */
+interface ASPxClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked true if the check box editor is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState A string value matches one of the CheckState enumeration values.
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButton control.
+ */
+interface ASPxClientRadioButton extends ASPxClientCheckBox {
+    /**
+     * Returns a value indicating whether the radio button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the radio button's checked status.
+     * @param isChecked true if the radio button is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+}
+/**
+ * Represents a base for client-side objects which allow single-line text input.
+ */
+interface ASPxClientTextEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Fires on the client side when the editor's text is changed and focus moves out of the editor by end-user interactions.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+    /**
+     * Selects all text in the text editor.
+     */
+    SelectAll(): void;
+    /**
+     * Sets the caret position within the edited text.
+     * @param position An integer value that specifies the zero-based index of a text character that shall precede the caret.
+     */
+    SetCaretPosition(position: number): void;
+    /**
+     * Selects the specified portion of the editor's text.
+     * @param startPos A zero-based integer value specifying the selection's starting position.
+     * @param endPos A zero-based integer value specifying the selection's ending position.
+     * @param scrollToSelection true to scroll the editor's contents to make the selection visible; otherwise, false.
+     */
+    SetSelection(startPos: number, endPos: number, scrollToSelection: boolean): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying and editing text data in their edit regions.
+ */
+interface ASPxClientTextBoxBase extends ASPxClientTextEdit {
+}
+/**
+ * Represents a base for client button editor objects.
+ */
+interface ASPxClientButtonEditBase extends ASPxClientTextBoxBase {
+    /**
+     * Occurs on the client side after an editor button is clicked.
+     */
+    ButtonClick: ASPxClientEvent<ASPxClientButtonEditClickEventHandler<ASPxClientButtonEditBase>>;
+    /**
+     * Specifies whether the button is visible.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     * @param value true, to make the button visible; otherwise, false.
+     */
+    SetButtonVisible(number: number, value: boolean): void;
+    /**
+     * Returns a value specifying whether a button is displayed.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     */
+    GetButtonVisible(number: number): boolean;
+}
+/**
+ * Represents a base class for the editors that contain a drop down window.
+ */
+interface ASPxClientDropDownEditBase extends ASPxClientButtonEditBase {
+    /**
+     * Occurs on the client-side when the drop down window is opened.
+     */
+    DropDown: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side when the drop down window is closed.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side before the drop down window is closed and allows you to cancel the operation.
+     */
+    QueryCloseUp: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Modifies the size of the drop down window in accordance with its content.
+     */
+    AdjustDropDownWindow(): void;
+    /**
+     * Invokes the editor's drop down window.
+     */
+    ShowDropDown(): void;
+    /**
+     * Closes the opened drop down window of the editor.
+     */
+    HideDropDown(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxColorEdit control.
+ */
+interface ASPxClientColorEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected color has been changed within the color editor via end-user interaction.
+     */
+    ColorChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientColorEdit. Use the ColorChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * Returns the color editor's value.
+     */
+    GetColor(): string;
+    /**
+     * Specifies the color value for the color editor.
+     * @param value A string value specifying the editor color.
+     */
+    SetColor(value: string): void;
+    /**
+     * Indicates whether the automatic color item is selected.
+     */
+    IsAutomaticColorSelected(): boolean;
+}
+/**
+ * Represent the client-side equivalent of the ASPxComboBox control.
+ */
+interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientComboBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientComboBox>>;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     */
+    SetText(text: string): void;
+    /**
+     * Adds a new item to the editor specifying the item's display text and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Removes all items from the client combo box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Prevents the client combobox editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the index of the selected item within the combo box editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the combobox editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Gets the text displayed in the editor's edit box.
+     */
+    GetText(): string;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Determines whether the drop-down content is loaded; if not - loads the content.
+     * @param callbackFunction An object that is the JavaScript function that receives the callback data as a parameter. The function is performed after the combo box content is loaded.
+     */
+    EnsureDropDownLoaded(callbackFunction: Object): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxDateEdit control.
+ */
+interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected date has been changed within the date editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Enables you to convert the value entered by an end user into the value that will be stored by the date editor.
+     */
+    ParseDate: ASPxClientEvent<ASPxClientParseDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CalendarCustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientDateEdit. Use the DateChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Returns the calendar of the date editor.
+     */
+    GetCalendar(): ASPxClientCalendar;
+    /**
+     * Returns the built-in time edit control.
+     */
+    GetTimeEdit(): ASPxClientTimeEdit;
+    /**
+     * 
+     * @param date 
+     */
+    SetDate(date: Date): void;
+    GetDate(): Date;
+    /**
+     * Returns the number of days in a range selected within a date edit.
+     */
+    GetRangeDayCount(): number;
+    /**
+     * Gets the minimum date of the editor.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the editor.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date of the editor.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the editor.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the ParseDate client-side event that parses a string entered into a date editor.
+ */
+interface ASPxClientParseDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value entered into the date editor by an end user.
+     * Value: The string value entered into the date editor by an end user.
+     */
+    value: string;
+    /**
+     * Gets or sets the edit value of the date editor.
+     * Value: A date/time value representing the edit value of the date editor.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the client ParseDate event, that parses a date editor's value when entered.
+ */
+interface ASPxClientParseDateEventHandler<S> {
+    /**
+     * A method that will handle the ParseDate event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientParseDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientParseDateEventArgs): void;
+}
+/**
+ * Represents a base for client editor objects realizing the dropdown editor functionality.
+ */
+interface ASPxClientDropDownEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Obtains the key value associated with the text displayed within the editor's edit box.
+     */
+    GetKeyValue(): string;
+    /**
+     * Specifies the key value associated with the text displayed within the editor's edit box.
+     * @param keyValue A string specifying the key value associated with the editor's value (displayed text).
+     */
+    SetKeyValue(keyValue: string): void;
+}
+/**
+ * A method that will handle the client events involving a keyboard key being pressed or released.
+ */
+interface ASPxClientEditKeyEventHandler<S> {
+    /**
+     * A method that will handle the client events concerning a keyboard key being pressed.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientEditKeyEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditKeyEventArgs): void;
+}
+/**
+ * Provides data for the client events involved with a key being pressed or released.
+ */
+interface ASPxClientEditKeyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle client validation events.
+ */
+interface ASPxClientEditValidationEventHandler<S> {
+    /**
+     * A method that will handle client validation events.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientEditValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditValidationEventArgs): void;
+}
+/**
+ * Provides data for the client events that are related to data validation (see Validate).
+ */
+interface ASPxClientEditValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error description.
+     * Value: A string representing the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the value is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the editor's value being validated.
+     * Value: An object that represents the validated value.
+     */
+    value: string;
+}
+/**
+ * Represents the client ASPxFilterControl.
+ */
+interface ASPxClientFilterControl extends ASPxClientControl {
+    /**
+     * Occurs after a new filter expression has been applied.
+     */
+    Applied: ASPxClientEvent<ASPxClientFilterAppliedEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFilterControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Returns the filter expression.
+     */
+    GetFilterExpression(): string;
+    /**
+     * Returns the applied filter expression.
+     */
+    GetAppliedFilterExpression(): string;
+    /**
+     * Returns the editor used to edit operand values for the specified filter column.
+     * @param editorIndex An integer value that identifies the filter column by its index within the collection.
+     */
+    GetEditor(editorIndex: number): ASPxClientEditBase;
+    /**
+     * Returns a value indicating whether the filter expression being currently composed on the client side is valid - all expression conditions are filled.
+     */
+    IsFilterExpressionValid(): boolean;
+    /**
+     * Applies a filter constructed by an end-user.
+     */
+    Apply(): void;
+    /**
+     * Resets the current filter expression to a previously applied filter expression.
+     */
+    Reset(): void;
+}
+/**
+ * A method that will handle the Applied event.
+ */
+interface ASPxClientFilterAppliedEventHandler<S> {
+    /**
+     * A method that will handle the Applied event.
+     * @param source The event source.
+     * @param e An ASPxClientFilterAppliedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFilterAppliedEventArgs): void;
+}
+/**
+ * Provides data for the Applied event.
+ */
+interface ASPxClientFilterAppliedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the filter expression currently being applied.
+     * Value: A string value that specifies the filter expression currently being applied.
+     */
+    filterExpression: string;
+}
+/**
+ * Represents a base for client editor objects that display a list of items.
+ */
+interface ASPxClientListEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientListEdit>>;
+    /**
+     * Returns the list editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Returns the index of the selected item within the list editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Sets the list editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ListEditItem object.
+ */
+interface ASPxClientListEditItem {
+    /**
+     * Gets a value that indicates whether a list edit item is selected.
+     * Value: true if a list edit item is selected; otherwise, false.
+     */
+    selected: boolean;
+    /**
+     * Gets an editor to which the current item belongs.
+     * Value: An ASPxClientListEdit object that represents the item's owner editor.
+     */
+    listEditBase: ASPxClientListEdit;
+    /**
+     * Gets the item's index.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets the item's associated image.
+     * Value: A string value that represents the path to the image displayed by the item.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that represents the item's display text.
+     */
+    text: string;
+    /**
+     * Gets the item's associated value.
+     * Value: An object that represents the value associated with the item.
+     */
+    value: Object;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its index.
+     * @param columnIndex An integer value that specifies the column's index within the editor's Columns collection.
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its field name.
+     * @param columnName A string value that specifies the column's field name defined via the FieldName property.
+     */
+    GetColumnText(columnName: string): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxListBox control.
+ */
+interface ASPxClientListBox extends ASPxClientListEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientListBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a different item in the list box has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client when the editor's item is double clicked.
+     */
+    ItemDoubleClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientListBox>>;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns an array of the list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all list box items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all list box items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects the items with the specified indices within a list box.
+     * @param indices An array of integer values that represent the items indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Unselects an array of the list box items with the specified indices.
+     * @param indices An array of integer values that represent the indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Select the items with the specified values within a list box.
+     * @param values An array of Object[] objects that represent the item's values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects an array of the list box items with the specified values.
+     * @param values An array of Object[] objects that represent the values.
+     */
+    UnselectValues(values: Object[]): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Initializes the ASPxClientListBox client object when its parent container becomes visible dynamically, on the client side.
+     */
+    InitOnContainerMadeVisible(): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Prevents the client list box editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method, and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Removes all items from the client list box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+}
+/**
+ * Serves as the base type for the ASPxClientRadioButtonList objects.
+ */
+interface ASPxClientCheckListBase extends ASPxClientListEdit {
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButtonList control.
+ */
+interface ASPxClientRadioButtonList extends ASPxClientCheckListBase {
+}
+/**
+ * A client-side equivalent of the ASPxCheckBoxList object.
+ */
+interface ASPxClientCheckBoxList extends ASPxClientCheckListBase {
+    /**
+     * Occurs on the client side after a different item in the check box list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientCheckBoxList>>;
+    /**
+     * Returns an array of the check box list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the check box list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the check box list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all check box list items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all check box list items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Selects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Unselects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    UnselectValues(values: Object[]): void;
+}
+/**
+ * A method that will handle the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedIndexChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientListEditItemSelectedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditItemSelectedChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the item is selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxProgressBar control.
+ */
+interface ASPxClientProgressBar extends ASPxClientEditBase {
+    /**
+     * Sets the position of the operation's progress.
+     * @param position An integer value specifying the progress position.
+     */
+    SetPosition(position: number): void;
+    /**
+     * Gets the position of the operation's progress.
+     */
+    GetPosition(): number;
+    /**
+     * Sets the pattern used to format the displayed text for the progress bar.
+     * @param text A  value that is the format pattern.
+     */
+    SetCustomDisplayFormat(text: string): void;
+    /**
+     * Returns the text displayed within the progress bar.
+     */
+    GetDisplayText(): string;
+    /**
+     * Sets the percentage representation of the progress position.
+     */
+    GetPercent(): number;
+    /**
+     * Sets the minimum range value of the progress bar.
+     * @param min An integer value specifying the minimum value of the progress bar range.
+     */
+    SetMinimum(min: number): void;
+    /**
+     * Sets the maximum range value of the progress bar.
+     * @param max An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMaximum(max: number): void;
+    /**
+     * Gets the minimum range value of the progress bar.
+     */
+    GetMinimum(): number;
+    /**
+     * Gets the maximum range value of the progress bar.
+     */
+    GetMaximum(): number;
+    /**
+     * Sets the minimum and maximum range values of the progress bar.
+     * @param minValue An integer value specifying the minimum value of the progress bar range.
+     * @param maxValue An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMinMaxValues(minValue: number, maxValue: number): void;
+}
+/**
+ * Represents a base class for the ASPxClientSpinEdit object.
+ */
+interface ASPxClientSpinEditBase extends ASPxClientButtonEditBase {
+    /**
+     * This event is not in effect for the ASPxClientSpinEditBase. Use the ASPxClientTimeEdit.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEditBase>>;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpinEdit control.
+ */
+interface ASPxClientSpinEdit extends ASPxClientSpinEditBase {
+    /**
+     * Occurs on the client side when the editor's value is altered in any way.
+     */
+    NumberChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEdit>>;
+    /**
+     * Specifies the value of the spin edit control on the client side.
+     * @param number A Decimal value specifying the control value.
+     */
+    SetValue(number: number): void;
+    /**
+     * Sets the spin editor's value.
+     * @param number A decimal number specifying the value to assign to the spin editor.
+     */
+    SetNumber(number: number): void;
+    /**
+     * Gets a number which represents the spin editor's value.
+     */
+    GetNumber(): number;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the minimum value of the editor.
+     * @param value A decimal value specifying the minimum value of the editor.
+     */
+    SetMinValue(value: number): void;
+    /**
+     * Gets the minimum value of the editor.
+     */
+    GetMinValue(): number;
+    /**
+     * Sets the maximum value of the editor.
+     * @param value A decimal value specifying the maximum value of the editor.
+     */
+    SetMaxValue(value: number): void;
+    /**
+     * Gets the maximum value of the editor.
+     */
+    GetMaxValue(): number;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTimeEdit control.
+ */
+interface ASPxClientTimeEdit extends ASPxClientSpinEditBase {
+    /**
+     * Fires after the selected date has been changed within the time editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimeEdit>>;
+    /**
+     * 
+     * @param date 
+     */
+    SetDate(date: Date): void;
+    GetDate(): Date;
+}
+/**
+ * Represents a base for client-side static editors whose values cannot be visually changed by end users.
+ */
+interface ASPxClientStaticEdit extends ASPxClientEditBase {
+    /**
+     * Occurs on the client side after an end-user clicks within a static editor.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientStaticEdit>>;
+}
+/**
+ * A method that will handle client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditEventHandler<S> {
+    /**
+     * A method that will handle client-side events which concern clicking within editors.
+     * @param source An object representing the event source. Identifies the editor that raised the event.
+     * @param e An ASPxClientEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditClickEventArgs): void;
+}
+/**
+ * Provides data for the client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the HTML element related to the event.
+     * Value: An object that represents the clicked HTML element.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHyperLink control.
+ */
+interface ASPxClientHyperLink extends ASPxClientStaticEdit {
+    /**
+     * Gets an URL which defines the navigation location for the editor's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies an URL which defines the navigation location for the editor's hyperlink.
+     * @param url A string value which specifies an URL to where the client web browser will navigate when a hyperlink in the editor is clicked.
+     */
+    SetNavigateUrl(url: string): void;
+    /**
+     * Gets the text caption displayed for the hyperlink in the hyperlink editor.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text caption displayed for the hyperlink in the hyperlink editor.
+     * @param text A string value specifying the text caption for the hyperlink in the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying images.
+ */
+interface ASPxClientImageBase extends ASPxClientStaticEdit {
+    /**
+     * Sets the size of the image displayed within the image editor.
+     * @param width An integer value that specifies the image's width.
+     * @param height An integer value that specifies the image's height.
+     */
+    SetSize(width: number, height: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxImage control.
+ */
+interface ASPxClientImage extends ASPxClientImageBase {
+    /**
+     * Returns the URL pointing to the image displayed within the image editor.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the image editor.
+     * @param url A string value specifying the URL to the image displayed within the editor.
+     */
+    SetImageUrl(url: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxLabel control.
+ */
+interface ASPxClientLabel extends ASPxClientStaticEdit {
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTextBox control.
+ */
+interface ASPxClientTextBox extends ASPxClientTextBoxBase {
+}
+/**
+ * Represents the client-side equivalent of the ASPxMemo control.
+ */
+interface ASPxClientMemo extends ASPxClientTextEdit {
+}
+/**
+ * Represents the client-side equivalent of the ASPxButtonEdit control.
+ */
+interface ASPxClientButtonEdit extends ASPxClientButtonEditBase {
+}
+/**
+ * A method that will handle the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventHandler<S> {
+    /**
+     * A method that will handle the ButtonClick event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientButtonEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonEditClickEventArgs): void;
+}
+/**
+ * Provides data for the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the clicked button.
+     * Value: An integer value representing the index of the clicked button within the editor's Buttons collection.
+     */
+    buttonIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxTokenBox object.
+ */
+interface ASPxClientTokenBox extends ASPxClientComboBox {
+    /**
+     * Fires on the client side after the token collection has been changed.
+     */
+    TokensChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTokenBox>>;
+    /**
+     * Adds a new token with the specified text to the end of the control's token collection.
+     * @param text A string value specifying the token's text.
+     */
+    AddToken(text: string): void;
+    /**
+     * Removes a token specified by its text from the client token box.
+     * @param text A string value that is the text of the token to be removed.
+     */
+    RemoveTokenByText(text: string): void;
+    /**
+     * Removes a token specified by its index from the client token box.
+     * @param index An integer value that is the index of the token to be removed.
+     */
+    RemoveToken(index: number): void;
+    /**
+     * Returns an HTML span element that corresponds to the specified token.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's text.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's remove button.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns a collection of tokens.
+     */
+    GetTokenCollection(): string[];
+    /**
+     * Sets a collection of tokens.
+     * @param collection A  object that is the collection of tokens.
+     */
+    SetTokenCollection(collection: string[]): void;
+    /**
+     * Removes all tokens contained in the token box.
+     */
+    ClearTokenCollection(): void;
+    /**
+     * Returns the index of a token specified by its text.
+     * @param text A string value that specifies the text of the token.
+     */
+    GetTokenIndexByText(text: string): number;
+    /**
+     * Gets the token texts, separated with a sign, specified by the TextSeparator property.
+     */
+    GetText(): string;
+    /**
+     * Sets the token texts, separated with a sign, specified by the TextSeparator property.
+     * @param text A string value that is the token texts separated with a text separator.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the editor value.
+     */
+    GetValue(): string;
+    /**
+     * Sets the editor value.
+     * @param value A string that is the editor value.
+     */
+    SetValue(value: string): void;
+    /**
+     * Returns a value that indicates if the specified token (string) is a custom token.
+     * @param text A string value that is a token.
+     * @param caseSensitive true, if tokens are case sensitive; otherwise, false.
+     */
+    IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * The client-side equivalent of the ASPxTrackBar control.
+ */
+interface ASPxClientTrackBar extends ASPxClientEdit {
+    /**
+     * Fires on the client side before a track bar position is changed and allows you to cancel the action.
+     */
+    PositionChanging: ASPxClientEvent<ASPxClientTrackBarPositionChangingEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Fires after the editor's position has been changed.
+     */
+    PositionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user moves a cursor while the drag handle is held down.
+     */
+    Track: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a drag handle and moves it.
+     */
+    TrackStart: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a drag handle after moving it.
+     */
+    TrackEnd: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Returns a track bar item index by the item's value.
+     * @param value An object that specifies the item's value.
+     */
+    GetItemIndexByValue(value: Object): number;
+    /**
+     * Returns a track bar item's associated value.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemValue(index: number): Object;
+    /**
+     * Returns a track bar item text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemText(index: number): string;
+    /**
+     * Returns a track bar item's tooltip text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemToolTip(index: number): string;
+    /**
+     * Returns the number of the track bar items that are maintained by the item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Specifies the secondary drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionEnd(position: number): void;
+    /**
+     * Specifies the main drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionStart(position: number): void;
+    /**
+     * Returns the secondary drag handle position.
+     */
+    GetPositionEnd(): number;
+    /**
+     * Returns the main drag handle position.
+     */
+    GetPositionStart(): number;
+    /**
+     * Gets a drag handle position.
+     */
+    GetPosition(): number;
+    /**
+     * Specifies a drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPosition(position: number): void;
+}
+/**
+ * A method that will handle the client PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventHandler<S> {
+    /**
+     * A method that will handle the PositionChanging event.
+     * @param source The event source. Identifies the ASPxTrackBar control that raised the event.
+     * @param e A ASPxClientTrackBarPositionChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTrackBarPositionChangingEventArgs): void;
+}
+/**
+ * Provides data for the PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+    /**
+     * Gets the current drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPosition: number;
+    /**
+     * Gets the current secondary drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionEnd: number;
+    /**
+     * Gets the current main drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionStart: number;
+    /**
+     * Gets a position where the drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPosition: number;
+    /**
+     * Gets a position where the secondary drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionEnd: number;
+    /**
+     * Gets a position where the main drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionStart: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxValidationSummary control.
+ */
+interface ASPxClientValidationSummary extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the validation summary's visibility is changed.
+     */
+    VisibilityChanged: ASPxClientEvent<ASPxClientValidationSummaryVisibilityChangedEventHandler<ASPxClientValidationSummary>>;
+}
+/**
+ * A method that will handle the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventHandler<S> {
+    /**
+     * A method that will handle the VisibilityChanged client event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientValidationSummaryVisibilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationSummaryVisibilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the editor is visible on the client.
+     * Value: true if the editor is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client ASPxGaugeControl.
+ */
+interface ASPxClientGaugeControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Fires when errors have occurred during callback processing.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents the client ASPxGridView.
+ */
+interface ASPxClientGridBase extends ASPxClientControl {
+}
+/**
+ * Serves as a base object implementing the client column functionality.
+ */
+interface ASPxClientGridColumnBase {
+}
+/**
+ * The client-side equivalent of the ASPxGridLookup control.
+ */
+interface ASPxClientGridLookup extends ASPxClientDropDownEditBase {
+    /**
+     * Fires on the client when a data row is clicked within the built-in dropdown grid.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Returns a client object representing the built-in dropdown grid.
+     */
+    GetGridView(): ASPxClientGridView;
+    /**
+     * Confirms the current selection made by an end-user within the editor's dropdown grid.
+     */
+    ConfirmCurrentSelection(): void;
+    /**
+     * Cancels the current selection made by an end-user within the editor's dropdown grid and rolls back to the last confirmed selection. The selection can be confirmed by either pressing the Enter key or calling the ConfirmCurrentSelection method.
+     */
+    RollbackToLastConfirmedSelection(): void;
+}
+/**
+ * Represents the client ASPxCardView.
+ */
+interface ASPxClientCardView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientCardViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientCardViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientCardViewCustomButtonEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientCardViewSelectionEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientCardViewColumnCancelEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientCardViewBatchEditStartEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid leaves batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientCardViewBatchEditEndEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientCardViewBatchEditConfirmShowingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to specify whether card data is valid and provide an error text.
+     */
+    BatchEditCardValidating: ASPxClientEvent<ASPxClientCardViewBatchEditCardValidatingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientCardViewBatchEditChangesSavingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientCardViewBatchEditChangesCancelingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is inserted in batch edit mode.
+     */
+    BatchEditCardInserting: ASPxClientEvent<ASPxClientCardViewBatchEditCardInsertingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is deleted in batch edit mode.
+     */
+    BatchEditCardDeleting: ASPxClientEvent<ASPxClientCardViewBatchEditCardDeletingEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is clicked.
+     */
+    CardClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is double clicked.
+     */
+    CardDblClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires in response to changing card focus.
+     */
+    FocusedCardChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientCardView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the customization window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientCardView>>;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientCardViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientCardViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientCardViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param cardVisibleIndex An  value that specifies the visible index of the card.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(cardVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientCardViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientCardViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A string value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the CardView.
+     * @param moveBefore true, to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Returns the key value of the specified card.
+     * @param visibleIndex An integer value that specifies the card's visible index.
+     */
+    GetCardKey(visibleIndex: number): string;
+    /**
+     * Switches the CardView to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a card to be edited.
+     */
+    StartEditCard(visibleIndex: number): void;
+    /**
+     * Switches the ASPxCardView to edit mode.
+     * @param key An object that uniquely identifies a card to be edited.
+     */
+    StartEditCardByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new card is being edited.
+     */
+    IsNewCardEditing(): boolean;
+    /**
+     * Adds a new record.
+     */
+    AddNewCard(): void;
+    /**
+     * Deletes the specified card.
+     * @param visibleIndex An integer value that identifies the card.
+     */
+    DeleteCard(visibleIndex: number): void;
+    /**
+     * Deletes a card with the specified key value.
+     * @param key An object that uniquely identifies the card.
+     */
+    DeleteCardByKey(key: Object): void;
+    /**
+     * Returns the focused card's index.
+     */
+    GetFocusedCardIndex(): number;
+    /**
+     * Moves focus to the specified card.
+     * @param visibleIndex An integer value that specifies the focused card's index.
+     */
+    SetFocusedCardIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected cards within the CardView.
+     */
+    SelectCards(): void;
+    /**
+     * Selects the specified card displayed within the CardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCards(visibleIndex: number): void;
+    /**
+     * Selects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    SelectCards(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCards(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified card within the GridView.
+     * @param visibleIndex An integer zero-based index that identifies the data card within the grid.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCards(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCardsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified card displayed within the CardView.
+     * @param key An object that uniquely identifies the card.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    SelectCardsByKey(keys: Object[]): void;
+    /**
+     * Selects a card displayed within the CardView by its key.
+     * @param key An object that uniquely identifies the card.
+     */
+    SelectCardsByKey(key: Object): void;
+    /**
+     * Deselects the specified cards displayed within the ASPxCardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    UnselectCardsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified card displayed within the ASPxCardView.
+     * @param key An object that uniquely identifies the card.
+     */
+    UnselectCardsByKey(key: Object): void;
+    /**
+     * Deselects all the selected cards within the ASPxCardView.
+     */
+    UnselectCards(): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    UnselectCards(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCards(visibleIndex: number): void;
+    /**
+     * Deselects all grid cards that match the filter criteria currently applied to the CardView.
+     */
+    UnselectFilteredCards(): void;
+    /**
+     * Selects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified cards (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected cards displayed on the current page.
+     */
+    SelectAllCardsOnPage(): void;
+    /**
+     * Allows you to select or deselect all cards displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected cards displayed on the current page; false to deselect all selected cards on the page.
+     */
+    SelectAllCardsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected cards displayed on the current page.
+     */
+    UnselectAllCardsOnPage(): void;
+    /**
+     * Returns the number of selected cards.
+     */
+    GetSelectedCardCount(): number;
+    /**
+     * Indicates whether or not the specified card is selected within the current page.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsCardSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the grid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client CardView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first card displayed within the grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the CardView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the customization window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the customization window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the customization window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the customization window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client grid.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the card values displayed within all selected cards.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected cards are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns key values of selected cards displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified card.
+     * @param visibleIndex An integer value that identifies the data card.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified card are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetCardValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the card values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetPageCardValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the number of cards actually displayed within the active page.
+     */
+    GetVisibleCardsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientCardViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientCardViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientCardViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientCardViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientCardViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientCardViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of card values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxCardView column.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientCardViewColumn object that represents the processed column.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * A method that will handle the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventHandler<S> {
+    /**
+     * A method that will handle the CardClick event.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCardClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCardClickEventArgs): void;
+}
+/**
+ * Provides data for the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the CardClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the card whose custom button has been clicked.
+     * Value: An integer value that identifies the card whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the card whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the card has been selected.
+     * Value: true if the card has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all cards displayed within a page have been selected or unselected.
+     * Value: true if all cards displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the CardView column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the focused CardView column.
+     */
+    focusedColumn: ASPxClientCardViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditCardValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer value that specifies the processed card's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a card currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientCardViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardDeleting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    cardValues: Object;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientCardViewBatchEditApi {
+    /**
+     * Performs validation of CardView data contained in the cards when the CardView operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified cards should be validated; otherwise, false.
+     */
+    ValidateCards(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of CardView data contained in the specified card when the CardView operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated card.
+     */
+    ValidateCard(visibleIndex: number): boolean;
+    /**
+     * Returns an array of card visible indices.
+     * @param includeDeleted true, to include visible indices of deleted cards to the returned array; otherwise, false.
+     */
+    GetCardVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted card visible indices.
+     */
+    GetDeletedCardIndices(): number[];
+    /**
+     * Returns an array of the inserted card visible indices.
+     */
+    GetInsertedCardIndices(): number[];
+    /**
+     * Indicates if the card with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsDeletedCard(visibleIndex: number): boolean;
+    /**
+     * Indicates if the card with the specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsNewCard(visibleIndex: number): boolean;
+    /**
+     * Programmatically moves the focus to the previous cell in the card
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the card.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientCardViewCellInfo;
+    /**
+     * Returns a value that indicates whether the card view has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified card has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified card.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or card editing.
+     */
+    EndEdit(): void;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientCardViewCellInfo {
+    /**
+     * Gets the visible index of the card that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    cardVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * A client-side equivalent of the ASPxGridView object.
+ */
+interface ASPxClientGridView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientGridViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientGridViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientGridViewCustomButtonEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientGridViewSelectionEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires in response to changing row focus.
+     */
+    FocusedRowChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to cancel data grouping.
+     */
+    ColumnGrouping: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires when an end-user starts dragging the column's header and enables you to cancel this operation.
+     */
+    ColumnStartDragging: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientGridViewColumnProcessingModeEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to control column movement.
+     */
+    ColumnMoving: ASPxClientEvent<ASPxClientGridViewColumnMovingEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is expanded.
+     */
+    RowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is collapsed.
+     */
+    RowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is expanded.
+     */
+    DetailRowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is collapsed.
+     */
+    DetailRowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is clicked.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is double clicked.
+     */
+    RowDblClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after an end-user right clicks in the GridView, and enables you to provide a custom context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientGridViewContextMenuEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client side when a context menu item has been clicked.
+     */
+    ContextMenuItemClick: ASPxClientEvent<ASPxClientGridViewContextMenuItemClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to specify whether row data is valid and provide an error text.
+     */
+    BatchEditRowValidating: ASPxClientEvent<ASPxClientGridViewBatchEditRowValidatingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientGridViewBatchEditConfirmShowingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientGridViewBatchEditStartEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientGridViewBatchEditEndEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientGridViewBatchEditChangesSavingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientGridViewBatchEditChangesCancelingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is inserted in batch edit mode.
+     */
+    BatchEditRowInserting: ASPxClientEvent<ASPxClientGridViewBatchEditRowInsertingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is deleted in batch edit mode.
+     */
+    BatchEditRowDeleting: ASPxClientEvent<ASPxClientGridViewBatchEditRowDeletingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientGridView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
+    /**
+     * Selects or deselects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified row (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected rows displayed on the current page.
+     */
+    SelectAllRowsOnPage(): void;
+    /**
+     * Allows you to select or deselect all rows displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected rows displayed on the current page; false to deselect all selected rows on the page.
+     */
+    SelectAllRowsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected rows displayed on the current page.
+     */
+    UnselectAllRowsOnPage(): void;
+    /**
+     * Returns the number of selected rows.
+     */
+    GetSelectedRowCount(): number;
+    /**
+     * Indicates whether or not the specified row is selected within the current page.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsRowSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a group row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsGroupRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a data row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDataRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified group row is expanded.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    IsGroupRowExpanded(visibleIndex: number): boolean;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVertScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorzScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVertScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorzScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Applies a filter specified in the filter row to the GridView.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data colum within the ASPxGridView.
+     */
+    GetAutoFilterEditor(column: ASPxClientGridViewColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client GridView.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientGridViewColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the GridView.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client GridView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first data row displayed within the GridView's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the GridView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnsCount(): number;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the row values displayed within all selected rows.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected rows are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns key values of selected rows displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified row.
+     * @param visibleIndex An integer value that identifies the data row.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified row are returned.
+     * @param onCallback An ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetRowValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the row values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetPageRowValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the number of rows actually displayed within the active page.
+     */
+    GetVisibleRowsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientGridViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientGridViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientGridViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientGridViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientGridViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientGridViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientGridViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param rowVisibleIndex An integer value that specifies the visible index of the row.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(rowVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A String value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the ASPxGridView's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     */
+    GroupBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GroupBy(columnIndex: number): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GroupBy(columnFieldNameOrId: string): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnIndex: number, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnIndex: number, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number, sortOrder: string): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the ASPxGridView.
+     */
+    UnGroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    UnGroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    UnGroup(columnFieldNameOrId: string): void;
+    /**
+     * Expands all group rows.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all group rows.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all detail rows.
+     */
+    ExpandAllDetailRows(): void;
+    /**
+     * Collapses all detail rows.
+     */
+    CollapseAllDetailRows(): void;
+    /**
+     * Expands the specified group row preserving the collapsed state of any child group row.
+     * @param visibleIndex An integer value that identifies the group row.
+     */
+    ExpandRow(visibleIndex: number): void;
+    /**
+     * Expands the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row.
+     * @param recursive true to expand any child group rows at all nesting levels; false to preserve the collapsed state of any child group rows.
+     */
+    ExpandRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Collapses the specified group row preserving the expanded state of child group rows.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    CollapseRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     * @param recursive true to collapse child group rows at all nesting levels; false to preserve the expanded state of any child group row.
+     */
+    CollapseRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Scrolls the view to the specified row.
+     * @param visibleIndex An integer value that identifies a row by its visible index.
+     */
+    MakeRowVisible(visibleIndex: number): void;
+    /**
+     * Expands the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    ExpandDetailRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    CollapseDetailRow(visibleIndex: number): void;
+    /**
+     * Returns the key value of the specified data row.
+     * @param visibleIndex An integer value that specifies the row's visible index.
+     */
+    GetRowKey(visibleIndex: number): string;
+    /**
+     * Switches the grid to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a data row to be edited.
+     */
+    StartEditRow(visibleIndex: number): void;
+    /**
+     * Switches the grid to edit mode.
+     * @param key An object that uniquely identifies a data row to be edited.
+     */
+    StartEditRowByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new row is being edited.
+     */
+    IsNewRowEditing(): boolean;
+    /**
+     * Adds a new record.
+     */
+    AddNewRow(): void;
+    /**
+     * Deletes the specified row.
+     * @param visibleIndex An integer value that identifies the row.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with the specified key value.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Returns the focused row's index.
+     */
+    GetFocusedRowIndex(): number;
+    /**
+     * Moves focus to the specified row.
+     * @param visibleIndex An integer value that specifies the focused row's index.
+     */
+    SetFocusedRowIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected rows within the grid.
+     */
+    SelectRows(): void;
+    /**
+     * Selects the specified row displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRows(visibleIndex: number): void;
+    /**
+     * Selects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    SelectRows(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRows(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified row within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the data row within the grid.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRows(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRowsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    SelectRowsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid row by its key.
+     * @param key An object that uniquely identifies the row.
+     */
+    SelectRowsByKey(key: Object): void;
+    /**
+     * Deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    UnselectRowsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     */
+    UnselectRowsByKey(key: Object): void;
+    /**
+     * Deselects all the selected rows within the grid.
+     */
+    UnselectRows(): void;
+    /**
+     * Deselects the specified rows (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    UnselectRows(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified row (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRows(visibleIndex: number): void;
+    /**
+     * Deselects all grid rows that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRows(): void;
+    /**
+     * Selects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRowOnPage(visibleIndex: number): void;
+}
+/**
+ * A client grid column.
+ */
+interface ASPxClientGridViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the column's unique identifier.
+     * Value: A string value that specifies the column's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientGridViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxGridView column.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientGridViewColumn object that represents the processed column.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the client events concerned with column processing.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with column processing.
+     * @param source The event source.
+     * @param e A ASPxClientGridViewColumnProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events  concerned with column processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a grid column related to the event.
+     * Value: An ASPxClientGridViewColumn object representing the column related to the event.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the RowExpanding events.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer zero-based index that identifies the processed row.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the row whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the row has been selected.
+     * Value: true if the row has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all rows displayed within a page have been selected or unselected.
+     * Value: true if all rows displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the RowClick events.
+ */
+interface ASPxClientGridViewRowClickEventHandler<S> {
+    /**
+     * A method that will handle the RowClick event.
+     * @param source The event source. This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewRowClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowClickEventArgs): void;
+}
+/**
+ * Provides data for the RowClick event.
+ */
+interface ASPxClientGridViewRowClickEventArgs extends ASPxClientGridViewRowCancelEventArgs {
+    /**
+     * Provides access to the parameters associated with the RowClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies grid element.
+     */
+    objectType: string;
+    /**
+     * Identifies the grid element being right clicked by the user.
+     * Value: A zero-based integer index that identifies the grid element being clicked by the user.
+     */
+    index: number;
+    /**
+     * Provides access to the parameters associated with the ContextMenu event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets the currently processed menu object.
+     * Value: An object that is the currently processed menu.
+     */
+    menu: Object;
+    /**
+     * Specifies whether a browser context menu should be displayed.
+     * Value: true, to display a browser context menu; otherwise, false.    The default is false.
+     */
+    showBrowserMenu: boolean;
+}
+/**
+ * A method that will handle the client ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the clicked context menu item.
+     * Value: An <see cref="ASPxClientMenuItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies the grid element.
+     */
+    objectType: string;
+    /**
+     * Returns the processed element index.
+     * Value: An integer value that specifies the processed element index.
+     */
+    elementIndex: number;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+    /**
+     * Specifies whether default context menu item click is handled manually, so no default processing is required.
+     * Value: true if no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the row whose custom button has been clicked.
+     * Value: An integer value that identifies the row whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnMoving event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnMovingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnMovingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether a column is allowed to be moved.
+     * Value: true to allow column moving; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets the column currently being dragged by an end-user.
+     * Value: An ASPxClientGridViewColumn object that represents the column currently being dragged by an end-user.
+     */
+    sourceColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets the target column, before or after which the source column will be inserted (if dropped).
+     * Value: An ASPxClientGridViewColumn object that represents the target column. null (Nothing in Visual Basic) if the source column isn't over the column header panel.
+     */
+    destinationColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets whether the source column will be inserted before the target column (if dropped).
+     * Value: true if the source column will be inserted before the target column (if dropped); otherwise, false.
+     */
+    isDropBefore: boolean;
+    /**
+     * Gets whether the source column is currently over the Group Panel.
+     * Value: true if the source column is currently over the Group Panel; otherwise, false.
+     */
+    isGroupPanel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the focused grid column.
+     */
+    focusedColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells has been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditRowValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a row currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: A <see cref="ASPxClientGridViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientGridViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowDeleting event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    rowValues: Object;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientGridViewCellInfo {
+    /**
+     * Gets the visible index of the row that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    rowVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientGridViewBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all rows when the grid operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified rows should be validated; otherwise, false.
+     */
+    ValidateRows(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified row when the grid operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated row.
+     */
+    ValidateRow(visibleIndex: number): boolean;
+    /**
+     * Returns an array of row visible indices.
+     * @param includeDeleted true, to include visible indices of deleted rows to the returned array; otherwise, false.
+     */
+    GetRowVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted row visible indices.
+     */
+    GetDeletedRowIndices(): number[];
+    /**
+     * Returns an array of the inserted row visible indices.
+     */
+    GetInsertedRowIndices(): number[];
+    /**
+     * Indicates if the row with specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDeletedRow(visibleIndex: number): boolean;
+    /**
+     * Indicates if the row with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsNewRow(visibleIndex: number): boolean;
+    /**
+     * Programmatically moves the focus to the previous cell in the row.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the row.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets a value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientGridViewCellInfo;
+    /**
+     * Returns a value that indicates whether the grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified row has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     * @param columnFieldNameOrId A string value that identifies the column by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified row.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or row editing.
+     */
+    EndEdit(): void;
+}
+/**
+ * A client-side equivalent of the ASPxVerticalGrid object.
+ */
+interface ASPxClientVerticalGrid extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientVerticalGridBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientVerticalGridBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientVerticalGridCustomButtonEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientVerticalGridSelectionEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditStartEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditEndEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesSavingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is inserted in batch edit mode.
+     */
+    BatchEditRecordInserting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is deleted in batch edit mode.
+     */
+    BatchEditRecordDeleting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to specify whether record data is valid and provide an error text.
+     */
+    BatchEditRecordValidating: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent rows from being sorted.
+     */
+    RowSorting: ASPxClientEvent<ASPxClientVerticalGridRowCancelEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side before the expansion state of a row is changed by end-user interaction.
+     */
+    RowExpandedChanging: ASPxClientEvent<ASPxClientVerticalGridRowExpandingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side after a row's expansion state has been changed by end-user interaction.
+     */
+    RowExpandedChanged: ASPxClientEvent<ASPxClientVerticalGridRowExpandedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is clicked.
+     */
+    RecordClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is double clicked.
+     */
+    RecordDblClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientVerticalGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     */
+    SortBy(rowIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    SortBy(rowFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true, to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param row An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Returns the key value of the specified data row (record in the vertical grid).
+     * @param visibleIndex An integer value that specifies the record's visible index.
+     */
+    GetRecordKey(visibleIndex: number): string;
+    /**
+     * Adds a new record.
+     */
+    AddNewRecord(): void;
+    /**
+     * Deletes the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     */
+    DeleteRecord(visibleIndex: number): void;
+    /**
+     * Deletes a record with the specified key value.
+     * @param key An object that uniquely identifies the record.
+     */
+    DeleteRecordByKey(key: Object): void;
+    /**
+     * Selects all the unselected records within the grid.
+     */
+    SelectRecords(): void;
+    /**
+     * Selects the specified record displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecords(visibleIndex: number): void;
+    /**
+     * Selects the specified rercords within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    SelectRecords(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified records within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecords(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified record within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the record within the grid.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecords(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecordsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    SelectRecordsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid record by its key.
+     * @param key An object that uniquely identifies the record.
+     */
+    SelectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all the selected records within the grid.
+     */
+    UnselectRecords(): void;
+    /**
+     * Deselects the specified records (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    UnselectRecords(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified record (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecords(visibleIndex: number): void;
+    /**
+     * Deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    UnselectRecordsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     */
+    UnselectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all grid records that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRecords(): void;
+    /**
+     * Selects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified record (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected records displayed on the current page.
+     */
+    SelectAllRecordsOnPage(): void;
+    /**
+     * Allows you to select or deselect all records displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected records displayed on the current page; false to deselect all selected records on the page.
+     */
+    SelectAllRecordsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected records displayed on the current page.
+     */
+    UnselectAllRecordsOnPage(): void;
+    /**
+     * Returns the number of selected records.
+     */
+    GetSelectedRecordCount(): number;
+    /**
+     * Indicates whether or not the specified record is selected within the current page.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsRecordSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Returns the values of the specified data source fields within the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     * @param fieldNames The names of data source fields separated using a semicolon, whose values within the specified record are returned.
+     * @param onCallback An ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetRecordValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the record values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetPageRecordValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the number of records actually displayed within the active page.
+     */
+    GetVisibleRecordsOnPage(): number;
+    /**
+     * Returns the number of rows within the client vertical grid.
+     */
+    GetRowCount(): number;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the ASPxVerticalGrid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client vertical grid.
+     */
+    ClearFilter(): void;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first record displayed within the vertical grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxVerticalGrid to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Returns the record values displayed within all selected records.
+     * @param fieldNames The names of data source fields separated by a semicolon, whose values within the selected records are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns key values of selected records displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     */
+    GetEditor(row: ASPxClientVerticalGridRow): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowIndex An integer value that specifies the row's position within the rows collection.
+     */
+    GetEditor(rowIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    GetEditor(rowFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the client row that resides at the specified position within the row collection.
+     * @param rowIndex A zero-based index that identifies the row within the row collection (the row's Index property value).
+     */
+    GetRow(rowIndex: number): ASPxClientVerticalGridRow;
+    /**
+     * Returns the row with the specified unique identifier.
+     * @param rowId A string value that specifies the row's unique identifier (the row's Name property value).
+     */
+    GetRowById(rowId: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the client row which is bound to the specified data source field.
+     * @param rowFieldName A string value that specifies the name of the data source field to which the row is bound (the row's fieldName property value).
+     */
+    GetRowByField(rowFieldName: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Gets the value that specifies whether the required row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the row.
+     */
+    GetRowExpanded(row: ASPxClientVerticalGridRow): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified index is expanded.
+     * @param rowIndex An integer value specifying the row's index.
+     */
+    GetRowExpanded(rowIndex: number): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified field name or ID is expanded.
+     * @param rowFieldNameOrId A string value specifying the row's field name or ID.
+     */
+    GetRowExpanded(rowFieldNameOrId: string): boolean;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(row: ASPxClientVerticalGridRow, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowIndex An integer value specifying the index of the row.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowIndex: number, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowFieldNameOrId: string, value: boolean): void;
+}
+/**
+ * A client grid row.
+ */
+interface ASPxClientVerticalGridRow extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the row.
+     * Value: A string value assigned to the row's Name property.
+     */
+    name: string;
+    /**
+     * Gets the row's position within the collection.
+     * Value: An integer zero-bazed index that specifies the row's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current row.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the row is visible.
+     * Value: true, to display the row; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientVerticalGridValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of record values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxVerticalGrid row.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxVerticalGrid row.
+ */
+interface ASPxClientVerticalGridRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client row.
+     * Value: An ASPxClientVerticalGridRow object that represents the processed row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventHandler<S> {
+    /**
+     * A method that will handle the RecordClick event.
+     * @param source The event source. This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridRecordClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRecordClickEventArgs): void;
+}
+/**
+ * Provides data for the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the RecordClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the record whose custom button has been clicked.
+     * Value: An integer value that identifies the record whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the record whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the record has been selected.
+     * Value: true, if the record has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all records displayed within a page have been selected or unselected.
+     * Value: true if all records displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandedEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the expanded row.
+     * Value: An ASPxClientVerticalGridRow object that represents the expanded row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandingEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventArgs extends ASPxClientVerticalGridRowExpandedEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid row that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the focused grid row.
+     */
+    focusedRow: ASPxClientVerticalGridRow;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: Gets a hashtable that maintains information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditRecordValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information on the record currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed row.
+     * Value: A <see cref="ASPxClientVerticalGridRow" /> object that is the client-side row object.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordInserting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordDeleting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Contains information on a cell that is being edited.
+ */
+interface ASPxClientVerticalGridCellInfo {
+    /**
+     * Gets the row that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the row which contains the processed cell.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets the visible index of the record that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    recordVisibleIndex: number;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientVerticalGridBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all records when the grid operates in batch edit mode.
+     * @param validateOnlyModified true, if only modified records should be validated; otherwise, false.
+     */
+    ValidateRecords(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified record when the grid operates in batch edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated record.
+     */
+    ValidateRecord(visibleIndex: number): boolean;
+    /**
+     * Returns an array of record visible indices.
+     * @param includeDeleted true, to include visible indices of deleted records to the returned array; otherwise, false.
+     */
+    GetRecordVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted record visible indices.
+     */
+    GetDeletedRecordIndices(): number[];
+    /**
+     * Returns an array of the inserted record visible indices.
+     */
+    GetInsertedRecordIndices(): number[];
+    /**
+     * Indicates if the record with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsDeletedRecord(visibleIndex: number): boolean;
+    /**
+     * Indicates if the record with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsNewRecord(visibleIndex: number): boolean;
+    /**
+     * Programmatically moves the focus to the previous cell in the record.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the record.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets a value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, rowFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientVerticalGridCellInfo;
+    /**
+     * Returns a value that indicates whether the vertical grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified record has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     * @param rowFieldNameOrId A string value that identifies the row by the name of the data source field to which the row is bound, or by the row's name.
+     */
+    HasChanges(visibleIndex: number, rowFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified record.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Switches the specified cell to batch edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A zero-based integer value that identifies the row which contains the processed cell in the rows collection.
+     */
+    StartEdit(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Ends the cell(s) editing.
+     */
+    EndEdit(): void;
+}
+/**
+ * Contains style settings related to media elements in ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorCommandStyleSettings {
+    /**
+     * Gets or sets a media element's CSS class name.
+     * Value: A string that specifies a class name.
+     */
+    className: string;
+    /**
+     * Gets or sets an element's width.
+     * Value: A string that specifies an element's width <a href="http://www.w3schools.com/cssref/pr_dim_width.asp">in any correct format</a>.
+     */
+    width: string;
+    /**
+     * Gets or sets an element's height.
+     * Value: A string that specifies an element's height <a href="http://www.w3schools.com/cssref/pr_dim_height.asp">in any correct format</a>.
+     */
+    height: string;
+    /**
+     * Gets or sets a media element's border width.
+     * Value: A string that specifies a border width <a href="http://www.w3schools.com/cssref/pr_border-width.asp">in any correct format</a>.
+     */
+    borderWidth: string;
+    /**
+     * Gets or sets a media element's border color.
+     * Value: A string that specifies a border color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    borderColor: string;
+    /**
+     * Gets or sets a media element's border style.
+     * Value: A string that specifies a border style <a href="http://www.w3schools.com/cssref/pr_border-style.asp">in any correct format</a>.
+     */
+    borderStyle: string;
+    /**
+     * Gets or sets an element's top margin.
+     * Value: A string that specifies an element's top margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginTop: string;
+    /**
+     * Gets or sets an element's right margin.
+     * Value: A string that specifies an element's right margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginRight: string;
+    /**
+     * Gets or sets an element's bottom margin.
+     * Value: A string that specifies an element's bottom margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginBottom: string;
+    /**
+     * Gets or sets an element's left margin.
+     * Value: A string that specifies an element's left margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginLeft: string;
+}
+/**
+ * The base class for parameters used in the ASPxHtmlEditor's client-side commands.
+ */
+interface ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Gets the currently selected element in the ASPxHtmlEditor.
+     * Value: An HTML object which is the currently selected element.
+     */
+    selectedElement: Object;
+}
+/**
+ * Contains settings related to the INSERTIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertImageCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the source of the target image.
+     * Value: A string specifying the source of the target image.
+     */
+    src: string;
+    /**
+     * Creates an alternate text for the target image.
+     * Value: A string that specifies an alternate text for the target image.
+     */
+    alt: string;
+    /**
+     * Determines if the target image is wrapped with text.
+     * Value: true, if the target image is wrapped with text; otherwise, false.
+     */
+    useFloat: boolean;
+    /**
+     * Determines the position of the target image.
+     * Value: A string value defining the position of the target image.
+     */
+    align: string;
+    /**
+     * Contains the style settings specifying the appearance of the target image.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the target image.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the CHANGEIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeImageCommandArguments extends ASPxClientHtmlEditorInsertImageCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTLINK_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertLinkCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the url of the page the target link goes to.
+     * Value: A string value specifying the target link url.
+     */
+    url: string;
+    /**
+     * Specifiies the text of the target link.
+     * Value: A string value specifying the text of the target link.
+     */
+    text: string;
+    /**
+     * Determines where to open the target link.
+     * Value: A string that specifies where to open the target link <a href="http://www.w3schools.com/tags/att_a_target.asp">in any correct format</a>.
+     */
+    target: string;
+    /**
+     * Defines the title of the target link.
+     * Value: A string value defining the title of the target link.
+     */
+    title: string;
+}
+/**
+ * The base class for parameters related to inserting or changing media elements in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeMediaElementCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Defines the <a href="http://www.w3schools.com/tags/att_global_id.asp">HTML "id"</a> attribute of the target media element.
+     * Value: A string value which is a unique identifier for the element.
+     */
+    id: string;
+    /**
+     * Defines the source of the target media element.
+     * Value: A string defining the source of the target media element.
+     */
+    src: string;
+    /**
+     * Determines the position of the target media element.
+     * Value: A string value indicating the position of the target media element.
+     */
+    align: string;
+    /**
+     * Contains the style settings defining the appearance of the target media element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target media element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Returns the name of the client-side command corresponding to the parameter.
+     */
+    GetCommandName(): string;
+}
+/**
+ * The base class for parameters related to inserting or changing HTML5 media elements (Audio and Video) in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if a media file will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Determines if a media file repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the media player controls should be displayed.
+     * Value: true, if media player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+    /**
+     * Determines how a media file should be loaded when the page loads.
+     * Value: One of the ASPxClientHtmlEditorMediaPreloadMode enumeration values.
+     */
+    preloadMode: string;
+}
+/**
+ * Contains settings related to the INSERTAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertAudioCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+}
+/**
+ * Contains settings related to the CHANGEAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeAudioCommandArguments extends ASPxClientHtmlEditorInsertAudioCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertVideoCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+    /**
+     * Defines the URL of an image that is shown while the video file is downloading, or until an end-user clicks the play button.
+     * Value: A string value that specifies the poster image URL.
+     */
+    posterUrl: string;
+}
+/**
+ * Contains settings related to the CHANGEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeVideoCommandArguments extends ASPxClientHtmlEditorInsertVideoCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertFlashCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if the target flash element will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Defines if the target flash element repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the flash related items are displayed in the context menu of the target flash element.
+     * Value: true, if the specific context menu items are displayed; otherwise, false
+     */
+    enableFlashMenu: boolean;
+    /**
+     * Determines if the target flash element can be displayed in the fullscreen mode.
+     * Value: true, if the fullscreen mode is allowed; otherwise, false.
+     */
+    allowFullscreen: boolean;
+    /**
+     * Defines the rendering quality level used for the target flash element.
+     * Value: A string value that specifies the target flash element rendering quality.
+     */
+    quality: string;
+}
+/**
+ * Contains settings related to the CHANGEFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeFlashCommandArguments extends ASPxClientHtmlEditorInsertFlashCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if suggested videos are shown after the target YouTube video finishes.
+     * Value: true, to show suggested videos; otherwise, false
+     */
+    showRelatedVideos: boolean;
+    /**
+     * Determines if the target YouTube video title and player actions (Watch later, Share) are shown.
+     * Value: true, to display the title and player actions; otherwise, false.
+     */
+    showVideoInfo: boolean;
+    /**
+     * Determines if the privacy-enhanced mode is enabled for the target YouTube video.
+     * Value: true, if the privace-enhanced mode is enabled; otherwise, false
+     */
+    enablePrivacyEnhancedMode: boolean;
+    /**
+     * Determines if the player controls are displayed for the target YouTube video.
+     * Value: true, if the player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+}
+/**
+ * Contains settings related to the CHANGEYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeYouTubeVideoCommandArguments extends ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments {
+}
+/**
+ * A method that will handle the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client DialogInitialized event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorDialogInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogInitializedEventArgs): void;
+}
+/**
+ * Provides data for the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dialog that has been initialized.
+     * Value: A string value that is the name of the initialized dialog.
+     */
+    dialogName: string;
+}
+/**
+ * A method that will handle the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventHandler<S> {
+    /**
+     * A method that will handle the client CommandExecuted event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorCommandExecutingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandExecutingEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value specifying the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: An object containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events related to command processing.
+ */
+interface ASPxClientHtmlEditorCommandEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientHtmlEditorCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to command processing (CustomCommand).
+ */
+interface ASPxClientHtmlEditorCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogOpened event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed custom dialog.
+     * Value: A string value that represents the value assigned to the processed custom dialog's Name property.
+     */
+    name: string;
+}
+/**
+ * Provides data for client events that relate to closing a custom dialog.
+ */
+interface ASPxClientHtmlEditorCustomDialogCloseEventArgsBase extends ASPxClientHtmlEditorCustomDialogEventArgs {
+    /**
+     * Gets the status of the closed custom dialog.
+     * Value: An object representing a custom dialog's closing status. By default, it's the "cancel" string if the dialog operation is canceled, or the "ok" string if a dialog is closed by submitting a file. You can also provide your custom status, if your dialog contains additional buttons.
+     */
+    status: Object;
+}
+/**
+ * A method that will handle the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosing event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosed event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets an object associated with the closed dialog.
+     * Value: An object containing custom data associated with dialog closing.
+     */
+    data: Object;
+}
+/**
+ * A method that will handle the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventHandler<S> {
+    /**
+     * A method that will handle the client Validation event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorValidationEventArgs): void;
+}
+/**
+ * Provides data for the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the HTML markup that is the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to validate.
+     */
+    html: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientHtmlEditorTabEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanged event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies an editor tab.
+     * Value: A string value that is the tab name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the ActiveTabChanging event.
+ */
+interface ASPxClientHtmlEditorTabCancelEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanging event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancellable ActiveTabChanging event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabCancelEventArgs extends ASPxClientHtmlEditorTabEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventHandler<S> {
+    /**
+     * A method that will handle the BeforePaste event.
+     * @param source The event source. This parameter identifies the HTML editor object that raised the event.
+     * @param e An ASPxClientHtmlEditorBeforePasteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorBeforePasteEventArgs): void;
+}
+/**
+ * Provides data for the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value identifying the command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the HTML markup that is about to be pasted to the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to paste.
+     */
+    html: string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHtmlEditor control.
+ */
+interface ASPxClientHtmlEditor extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a dialog has been initialized.
+     */
+    DialogInitialized: ASPxClientEvent<ASPxClientHtmlEditorDialogInitializedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before a default or custom command has been executed and allows you to cancel the action.
+     */
+    CommandExecuting: ASPxClientEvent<ASPxClientHtmlEditorCommandExecutingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Enables you to implement a custom command's logic.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs after a default or custom command has been executed on the client side.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client when a selection is changed within the ASPxHtmlEditor.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side when the content of the editor changes.
+     */
+    HtmlChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is opened.
+     */
+    CustomDialogOpened: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a custom dialog is closed.
+     */
+    CustomDialogClosing: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is closed.
+     */
+    CustomDialogClosed: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Allows you to specify whether the value entered into the ASPxHtmlEditor is valid.
+     */
+    Validation: ASPxClientEvent<ASPxClientHtmlEditorValidationEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side before a context menu is shown.
+     */
+    ContextMenuShowing: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHtmlEditor.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires after a callback, sent by the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after the editor content is spell checked.
+     */
+    SpellingChecked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientHtmlEditorTabEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before the active tab is changed within a control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientHtmlEditorTabCancelEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before an HTML code is pasted to editor content, and allows you to modify it.
+     */
+    BeforePaste: ASPxClientEvent<ASPxClientHtmlEditorBeforePasteEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Returns the document object generated by an iframe element within a design view area.
+     */
+    GetDesignViewDocument(): Object;
+    /**
+     * Returns the document object generated by an iframe element within a preview area.
+     */
+    GetPreviewDocument(): Object;
+    /**
+     * Returns a collection of client context menu objects.
+     */
+    GetContextMenu(): ASPxClientPopupMenu;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Sets input focus to the ASPxHtmlEditor's edit region.
+     */
+    Focus(): void;
+    /**
+     * Gets the HTML markup that represents the editor's content.
+     */
+    GetHtml(): string;
+    /**
+     * Specifies the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetHtml(html: string): void;
+    /**
+     * Sets the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     * @param clearUndoHistory true to clear the undo stack; otherwise, false.
+     */
+    SetHtml(html: string, clearUndoHistory: boolean): void;
+    /**
+     * Replaces placeholders with the specified values.
+     * @param html A string value that specifies the HTML code to process.
+     * @param placeholders An array of objects that specify the placeholders and values to replace them.
+     */
+    ReplacePlaceholders(html: string, placeholders: Object[]): string;
+    /**
+     * Creates a parameter for ASPxHtmlEditor's client-side commands related to changing media elements.
+     * @param element An element that is being changed.
+     */
+    CreateChangeMediaElementCommandArguments(element: Object): ASPxClientHtmlEditorChangeMediaElementCommandArguments;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     * @param parameter A string value specifying additional information about the command to perform.
+     * @param addToUndoHistory true, to add the specified command to the undo stack; otherwise, false.
+     */
+    ExecuteCommand(commandName: string, parameter: Object, addToUndoHistory: boolean): boolean;
+    /**
+     * Adds the current editor state to the undo/redo history.
+     */
+    SaveToUndoHistory(): void;
+    /**
+     * Returns the selection in the ASPxHtmlEditor.
+     */
+    GetSelection(): ASPxClientHtmlEditorSelection;
+    /**
+     * Restores the selection within the ASPxHtmlEditor.
+     */
+    RestoreSelection(): boolean;
+    /**
+     * Sets the value of the combo box within the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the combo box's command name within the HtmlEditor's control collection.
+     * @param value A string value that specifies the combo box's new value.
+     */
+    SetToolbarComboBoxValue(commandName: string, value: string): void;
+    /**
+     * Sets the value of the dropdown item picker in the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the dropdown item picker by its command name. This value is contained in the CommandName property.
+     * @param value A string value that specifies the dropdown item picker's new value, i.e., the ToolbarItemPickerItem object.
+     */
+    SetToolbarDropDownItemPickerValue(commandName: string, value: string): void;
+    /**
+     * Specifies the visibility of a ribbon context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param active true to make a category visible; false to make it hidden.
+     */
+    SetRibbonContextTabCategoryVisible(categoryName: string, active: string): void;
+    /**
+     * Provides access to an object implementing the HtmlEditor's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value passes validation.
+     * @param isValid true if the editor's value passes validation; otherwise, false.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs validation of the editor's content.
+     */
+    Validate(): void;
+    /**
+     * Set an active tab specified by its name.
+     * @param name A string value that is the name of the tab.
+     */
+    SetActiveTabByName(name: string): void;
+    /**
+     * Returns the name of the active HTML editor tab.
+     */
+    GetActiveTabName(): string;
+    /**
+     * Reconnect the control to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * A selection in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorSelection {
+    /**
+     * Returns a DOM element that relates to the current selection.
+     */
+    GetSelectedElement(): Object;
+    /**
+     * Returns the HTML markup specifying the currently selected ASPxHtmlEditor content.
+     */
+    GetHtml(): string;
+    /**
+     * Returns the text within the currently selected ASPxHtmlEditor content.
+     */
+    GetText(): string;
+    /**
+     * Returns an array of the currently selected elements.
+     */
+    GetElements(): Object[];
+    /**
+     * Sets the new HTML markup in place of the currently selected within ASPxHtmlEditor content.
+     * @param html A string value specifying the new HTML markup.
+     * @param addToHistory true to add this operation to the history; otherwise, false.
+     */
+    SetHtml(html: string, addToHistory: boolean): void;
+}
+/**
+ * A client-side equivalent of the ASPxPivotGrid control.
+ */
+interface ASPxClientPivotGrid extends ASPxClientControl {
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientPivotGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires after a callback that has been processed on the server returns back to the client.
+     */
+    AfterCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires before a callback is sent to the server for server-side processing.
+     */
+    BeforeCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client side after the customization form's visible state has been changed.
+     */
+    CustomizationFieldsVisibleChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is clicked.
+     */
+    CellClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is double clicked.
+     */
+    CellDblClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a custom menu item has been clicked.
+     */
+    PopupMenuItemClick: ASPxClientEvent<ASPxClientPivotMenuItemClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Indicates whether the Defer Layout Update check box is enabled.
+     */
+    IsDeferUpdatesChecked(): boolean;
+    /**
+     * Indicates whether the Filter Editor (Prefilter) is visible.
+     */
+    IsPrefilterVisible(): boolean;
+    /**
+     * Shows the Filter Editor.
+     */
+    ShowPrefilter(): void;
+    /**
+     * Hides the Filter Editor.
+     */
+    HidePrefilter(): void;
+    /**
+     * Clears the filter expression applied using the Prefilter (Filter Editor).
+     */
+    ClearPrefilter(): void;
+    /**
+     * Enables or disables the current filter applied by the Filter Editor (Prefilter).
+     */
+    ChangePrefilterEnabled(): void;
+    /**
+     * Returns a value that specifies whether the customization form is visible.
+     */
+    GetCustomizationFieldsVisibility(): boolean;
+    /**
+     * Specifies the visibility of the customization form.
+     * @param value true to display the customization form; false to hide the customization form.
+     */
+    SetCustomizationFieldsVisibility(value: boolean): void;
+    /**
+     * Switches the customization form's visible state.
+     */
+    ChangeCustomizationFieldsVisibility(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the CellDblClick event.
+ */
+interface ASPxClientClickEventHandler<S> {
+    /**
+     * A method that will handle the CellDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientClickEventArgs): void;
+}
+/**
+ * Provides data for the CellDblClick client events.
+ */
+interface ASPxClientClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the parameters associated with the CellDblClick events.
+     * Value: An object that contains parameters associated with the CellDblClick events.
+     */
+    HtmlEvent: Object;
+    /**
+     * Gets the processed cell's value.
+     * Value: An object that represents the processed cell's value.
+     */
+    Value: Object;
+    /**
+     * Gets the index of a column that owns the processed cell.
+     * Value: An integer value that identifies a column.
+     */
+    ColumnIndex: number;
+    /**
+     * Gets the index of a row that owns the processed cell.
+     * Value: An integer value that identifies a row.
+     */
+    RowIndex: number;
+    /**
+     * Gets a column field value.
+     * Value: An object that represents a column field value.
+     */
+    ColumnValue: Object;
+    /**
+     * Gets a row field value.
+     * Value: An object that represents a row field value.
+     */
+    RowValue: Object;
+    /**
+     * Gets a column field name.
+     * Value: A String value that represents a column field name.
+     */
+    ColumnFieldName: string;
+    /**
+     * Gets a row field name.
+     * Value: A String value that represents a row field name.
+     */
+    RowFieldName: string;
+    /**
+     * Gets a column value type.
+     * Value: A String value that represents a column value type.
+     */
+    ColumnValueType: string;
+    /**
+     * Gets a row value type.
+     * Value: A String value that represents a row value type.
+     */
+    RowValueType: string;
+    /**
+     * Gets the index of the data field which corresponds to the clicked summary value.
+     * Value: An integer value that identifies the data field.
+     */
+    DataIndex: number;
+}
+/**
+ * A method that will handle the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientPivotMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPivotMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the context menu's type.
+     * Value: A PivotGridPopupMenuType enumeration value that identifies the context menu.
+     */
+    MenuType: string;
+    /**
+     * Gets the name of the menu item currently being clicked.
+     * Value: A String value that identifies the clicked item by its name.
+     */
+    MenuItemName: string;
+    /**
+     * Gets the field's unique indentifier.
+     * Value: A string which specifies the field's unique indentifier.
+     */
+    FieldID: string;
+    /**
+     * Gets the index of the field value for which the popup menu has been invoked.
+     * Value: An integer value that identifies the field value.
+     */
+    FieldValueIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxPivotCustomizationControl control.
+ */
+interface ASPxClientPivotCustomization extends ASPxClientControl {
+    /**
+     * Returns an HTML element that represents the root of the control's hierarchy.
+     */
+    GetMainContainer(): Object;
+    /**
+     * Returns a client-side equivalent of the owner Pivot Grid Control.
+     */
+    GetPivotGrid(): ASPxClientPivotGrid;
+    /**
+     * Specifies the Customization Control's height.
+     * @param value An integer value that specifies the Customization Control's height.
+     */
+    SetHeight(value: number): void;
+    /**
+     * Specifies the Customization Control's width.
+     * @param value An integer value that specifies the Customization Control's width.
+     */
+    SetWidth(value: number): void;
+    /**
+     * Recalculates the Customization Control height.
+     */
+    UpdateHeight(): void;
+    /**
+     * Specifies the Customization Control's layout.
+     * @param layout A string that specifies the Customization Control's layout.
+     */
+    SetLayout(layout: string): void;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the RichEdit that raised the event.
+     * @param e A ASPxClientRichEditCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A client-side equivalent of the ASPxRichEdit object.
+ */
+interface ASPxClientRichEdit extends ASPxClientControl {
+    /**
+     * Provides access to document structural elements.
+     * Value: A <see cref="RichEditDocument" /> object that lists RichEdit's document structural elements.
+     */
+    document: RichEditDocument;
+    /**
+     * Provides access to RichEdit's client-side commands.
+     * Value: A <see cref="RichEditCommands" /> object that lists RichEdit's client-side commands.
+     */
+    commands: RichEditCommands;
+    /**
+     * Provides access to the client methods that changes the selection.
+     * Value: A <see cref="RichEditSelection" /> object that lists methods to work with the selection.
+     */
+    selection: RichEditSelection;
+    unitConverter: RichEditUnitConverter;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientRichEditCustomCommandExecutedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the RichEdit.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires if any change is made to the RichEdit's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a hyperlink is clicked within the document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientRichEditHyperlinkClickEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the selection is changed within the document.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Enables you to switch the full-screen mode of the Rich Text Editor.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Provides access to an object implementing the RichEdit's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Sets input focus to the RichEdit.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Reconnects the RichEdit to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * Contains a set of the available client commands.
+ */
+interface RichEditCommands {
+    /**
+     * Gets a command to create a new empty document.
+     * Value: A <see cref="FileNewCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileNew: FileNewCommand;
+    /**
+     * Gets a command to open the file, specifying its path.
+     * Value: A <see cref="FileOpenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpen: FileOpenCommand;
+    /**
+     * Gets a command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+     * Value: A <see cref="FileOpenDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpenDialog: FileOpenDialogCommand;
+    /**
+     * Gets a command to save the document to a file.
+     * Value: A <see cref="FileSaveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSave: FileSaveCommand;
+    /**
+     * Gets a command to download the document file, specifying its extension.
+     * Value: A <see cref="FileDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileDownload: FileDownloadCommand;
+    /**
+     * Gets a command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+     * Value: A <see cref="FileSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAs: FileSaveAsCommand;
+    fileSaveAsDialog: FileSaveAsDialogCommand;
+    /**
+     * Gets a command to invoke a browser-specific Print dialog allowing one to print the current document.
+     * Value: A <see cref="FilePrintCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    filePrint: FilePrintCommand;
+    /**
+     * Gets a command to cancel changes caused by the previous command.
+     * Value: A <see cref="UndoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    undo: UndoCommand;
+    /**
+     * Gets a command to reverse actions of the previous undo command.
+     * Value: A <see cref="RedoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    redo: RedoCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the clipboard.
+     * Value: A <see cref="CopyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copy: CopyCommand;
+    /**
+     * Gets a command to paste the text from the clipboard over the selection.
+     * Value: A <see cref="PasteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    paste: PasteCommand;
+    /**
+     * Gets a command to cut the selected text and place it to the clipboard.
+     * Value: A <see cref="CutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    cut: CutCommand;
+    /**
+     * Gets a command to change the font name of characters in a selected range.
+     * Value: A <see cref="ChangeFontNameCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontName: ChangeFontNameCommand;
+    /**
+     * Gets a command to change the font size of characters in a selected range.
+     * Value: A <see cref="ChangeFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSize: ChangeFontSizeCommand;
+    /**
+     * Gets a command to increase the font size of characters in a selected range to the closest larger predefined value.
+     * Value: A <see cref="IncreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseFontSize: IncreaseFontSizeCommand;
+    /**
+     * Gets a command to decrease the selected range's font size to the closest smaller predefined value.
+     * Value: A <see cref="DecreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseFontSize: DecreaseFontSizeCommand;
+    /**
+     * Gets a command to convert selected text to upper case.
+     * Value: A <see cref="MakeTextUpperCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextUpperCase: MakeTextUpperCaseCommand;
+    /**
+     * Gets a command to convert selected text to lower case.
+     * Value: A <see cref="MakeTextLowerCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextLowerCase: MakeTextLowerCaseCommand;
+    /**
+     * Gets a command to capitalize each word in the selected sentence.
+     * Value: A <see cref="CapitalizeEachWordTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    capitalizeEachWordTextCase: CapitalizeEachWordTextCaseCommand;
+    /**
+     * Gets a command to toggle case for each character - upper case becomes lower, lower case becomes upper.
+     * Value: A <see cref="ToggleTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTextCase: ToggleTextCaseCommand;
+    /**
+     * Gets a command to change the bold formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontBoldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBold: ChangeFontBoldCommand;
+    /**
+     * Gets a command to change the italic formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontItalicCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontItalic: ChangeFontItalicCommand;
+    /**
+     * Gets a command to change the underline formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontUnderlineCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontUnderline: ChangeFontUnderlineCommand;
+    /**
+     * Gets a command to change the strikeout formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontStrikeoutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontStrikeout: ChangeFontStrikeoutCommand;
+    /**
+     * Gets a command to change the superscript formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontSuperscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSuperscript: ChangeFontSuperscriptCommand;
+    /**
+     * Gets a command to change the subscript formatting of characters in the selected range.
+     * Value: A <see cref="ChangeFontSubscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSubscript: ChangeFontSubscriptCommand;
+    /**
+     * Gets a command to change the font color of characters in a selected range.
+     * Value: A <see cref="ChangeFontForeColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontForeColor: ChangeFontForeColorCommand;
+    /**
+     * Gets a command to change the background color of characters in a selected range.
+     * Value: A <see cref="ChangeFontBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBackColor: ChangeFontBackColorCommand;
+    /**
+     * Gets a command to reset the selected text's formatting to default.
+     * Value: A <see cref="ClearFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    clearFormatting: ClearFormattingCommand;
+    /**
+     * Gets a command to change the selected range's style.
+     * Value: A <see cref="ChangeStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeStyle: ChangeStyleCommand;
+    /**
+     * Gets a command to toggle between the bulleted paragraph and normal text.
+     * Value: A <see cref="ToggleBulletedListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleBulletedList: ToggleBulletedListCommand;
+    /**
+     * Gets a command to toggle between the numbered paragraph and normal text.
+     * Value: A <see cref="ToggleNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleNumberingList: ToggleNumberingListCommand;
+    /**
+     * Gets a command to toggle between the multilevel list style and normal text.
+     * Value: A <see cref="ToggleMultilevelListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleMultilevelList: ToggleMultilevelListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected range.
+     * Value: A <see cref="IncreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseIndent: IncreaseIndentCommand;
+    /**
+     * Gets a command to decrement the indent level of paragraphs in a selected range.
+     * Value: A <see cref="DecreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseIndent: DecreaseIndentCommand;
+    /**
+     * Gets a command to toggle hidden symbol visibility.
+     * Value: A <see cref="ShowHiddenSymbolsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHiddenSymbols: ShowHiddenSymbolsCommand;
+    /**
+     * Gets a command to toggle left paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentLeft: ToggleParagraphAlignmentLeftCommand;
+    /**
+     * Gets a command to toggle centered paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentCenter: ToggleParagraphAlignmentCenterCommand;
+    /**
+     * Gets a command to toggle right paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentRight: ToggleParagraphAlignmentRightCommand;
+    /**
+     * Gets a command to toggle justified paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentJustifyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentJustify: ToggleParagraphAlignmentJustifyCommand;
+    /**
+     * Gets a command to format a current paragraph with single line spacing.
+     * Value: A <see cref="SetSingleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSingleParagraphSpacing: SetSingleParagraphSpacingCommand;
+    /**
+     * Gets a command to format a current paragraph with one and a half line spacing.
+     * Value: A <see cref="SetSesquialteralParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSesquialteralParagraphSpacing: SetSesquialteralParagraphSpacingCommand;
+    /**
+     * Gets a command to format a selected paragraph with double line spacing.
+     * Value: A <see cref="SetDoubleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDoubleParagraphSpacing: SetDoubleParagraphSpacingCommand;
+    /**
+     * Gets a command to add spacing before a paragraph.
+     * Value: A <see cref="AddSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingBeforeParagraph: AddSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to add spacing after a paragraph.
+     * Value: A <see cref="AddSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingAfterParagraph: AddSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to remove spacing before the selected paragraph.
+     * Value: A <see cref="RemoveSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingBeforeParagraph: RemoveSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to remove spacing after the selected paragraph.
+     * Value: A <see cref="RemoveSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingAfterParagraph: RemoveSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to change the background color of paragraphs in a selected range.
+     * Value: A <see cref="ChangeParagraphBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphBackColor: ChangeParagraphBackColorCommand;
+    /**
+     * Gets a command to invoke the Font dialog window.
+     * Value: A <see cref="OpenFontFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFontFormattingDialog: OpenFontFormattingDialogCommand;
+    /**
+     * Gets a command to change the font formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontFormatting: ChangeFontFormattingCommand;
+    /**
+     * Gets a command to invoke the Indents And Spacing tab of the Paragraph dialog window.
+     * Value: A <see cref="OpenParagraphFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openParagraphFormattingDialog: OpenParagraphFormattingDialogCommand;
+    /**
+     * Gets a command to change the formatting of paragraphs in a selected range.
+     * Value: A <see cref="ChangeParagraphFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphFormatting: ChangeParagraphFormattingCommand;
+    /**
+     * Gets a command to insert a page break at the current position in the document.
+     * Value: A <see cref="InsertPageBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPageBreak: InsertPageBreakCommand;
+    /**
+     * Gets a command to invoke the Insert Table dialog window.
+     * Value: A <see cref="OpenInsertTableDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertTableDialog: OpenInsertTableDialogCommand;
+    /**
+     * Gets a command to invoke the Insert Table dialog window.
+     * Value: A <see cref="InsertTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTable: InsertTableCommand;
+    /**
+     * Gets a command to invoke the Insert Image dialog window.
+     * Value: A <see cref="OpenInsertPictureDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertPictureDialog: OpenInsertPictureDialogCommand;
+    /**
+     * Gets a command to insert a picture from a file.
+     * Value: A <see cref="InsertPictureCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPicture: InsertPictureCommand;
+    /**
+     * Gets a command to invoke the Bookmark dialog window.
+     * Value: A <see cref="OpenInsertBookmarkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertBookmarkDialog: OpenInsertBookmarkDialogCommand;
+    /**
+     * Gets a command to insert a new bookmark that references the current selection.
+     * Value: A <see cref="InsertBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertBookmark: InsertBookmarkCommand;
+    /**
+     * A command to delete a specific bookmark.
+     * Value: A <see cref="DeleteBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteBookmark: DeleteBookmarkCommand;
+    goToBookmark: GoToBookmarkCommand;
+    /**
+     * Gets a command to invoke the Hyperlink dialog window.
+     * Value: A <see cref="OpenInsertHyperlinkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertHyperlinkDialog: OpenInsertHyperlinkDialogCommand;
+    /**
+     * Gets a command to insert a hyperlink at the current position in the document.
+     * Value: A <see cref="InsertHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHyperlink: InsertHyperlinkCommand;
+    /**
+     * Gets a command to delete the selected hyperlink.
+     * Value: A <see cref="DeleteHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlink: DeleteHyperlinkCommand;
+    /**
+     * Gets a command to delete all hyperlinks in the selected range.
+     * Value: A <see cref="DeleteHyperlinksCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlinks: DeleteHyperlinksCommand;
+    /**
+     * Gets a command to navigate to the document bookmark or URI (uniform resource identifier) specified for the hyperlink.
+     * Value: A <see cref="OpenHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openHyperlink: OpenHyperlinkCommand;
+    /**
+     * Gets a command to invoke the Symbols dialog window.
+     * Value: A <see cref="OpenInsertSymbolDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertSymbolDialog: OpenInsertSymbolDialogCommand;
+    /**
+     * Gets a command to insert a character into a document.
+     * Value: A <see cref="InsertSymbolCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSymbol: InsertSymbolCommand;
+    /**
+     * Gets a command to change page margin settings.
+     * Value: A <see cref="ChangePageMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageMargins: ChangePageMarginsCommand;
+    /**
+     * Gets a command to invoke the Margins tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPageMarginsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPageMarginsDialog: OpenPageMarginsDialogCommand;
+    /**
+     * Gets a command to change the page orientation.
+     * Value: A <see cref="ChangePageOrientationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageOrientation: ChangePageOrientationCommand;
+    setPageSizeDialog: SetPageSizeDialogCommand;
+    /**
+     * Gets a command to invoke the Paper tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPagePaperSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPagePaperSizeDialog: OpenPagePaperSizeDialogCommand;
+    /**
+     * Gets a command to change the page size.
+     * Value: A <see cref="ChangePageSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageSize: ChangePageSizeCommand;
+    /**
+     * Gets a command to change the number of section columns having the same width.
+     * Value: A <see cref="ChangeSectionEqualColumnCountCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionEqualColumnCount: ChangeSectionEqualColumnCountCommand;
+    /**
+     * Gets a command to invoke the Columns dialog window.
+     * Value: A <see cref="OpenSectionColumnsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSectionColumnsDialog: OpenSectionColumnsDialogCommand;
+    /**
+     * Gets a command to change the settings of individual section columns.
+     * Value: A <see cref="ChangeSectionColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionColumns: ChangeSectionColumnsCommand;
+    /**
+     * Gets a command to insert a column break at the current position in the document.
+     * Value: A <see cref="InsertColumnBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertColumnBreak: InsertColumnBreakCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next page.
+     * Value: A <see cref="InsertSectionBreakNextPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakNextPage: InsertSectionBreakNextPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next even-numbered page.
+     * Value: A <see cref="InsertSectionBreakEvenPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakEvenPage: InsertSectionBreakEvenPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next odd-numbered page.
+     * Value: A <see cref="InsertSectionBreakOddPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakOddPage: InsertSectionBreakOddPageCommand;
+    /**
+     * Gets a command to set the background color of the page.
+     * Value: A <see cref="ChangePageColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageColor: ChangePageColorCommand;
+    /**
+     * Gets a command to toggle the horizontal ruler's visibility.
+     * Value: A <see cref="ShowHorizontalRulerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHorizontalRuler: ShowHorizontalRulerCommand;
+    /**
+     * Gets a command to toggle the fullscreen mode.
+     * Value: A <see cref="SetFullscreenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setFullscreen: SetFullscreenCommand;
+    /**
+     * Gets a command to invoke the Bulleted and Numbering dialog window.
+     * Value: A <see cref="OpenNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openNumberingListDialog: OpenNumberingListDialogCommand;
+    /**
+     * Gets a command to insert a paragraph break at the current position in the document.
+     * Value: A <see cref="InsertParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertParagraph: InsertParagraphCommand;
+    /**
+     * Gets a command to insert text at the current position in a document.
+     * Value: A <see cref="InsertTextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertText: InsertTextCommand;
+    /**
+     * Gets a command to delete the text in a selected range.
+     * Value: A <see cref="DeleteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    delete: DeleteCommand;
+    /**
+     * Gets a command to move the cursor backwards and erase the character in that space.
+     * Value: A <see cref="BackspaceCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    backspace: BackspaceCommand;
+    /**
+     * Gets a command to insert the line break at the current position in the document.
+     * Value: A <see cref="InsertLineBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertLineBreak: InsertLineBreakCommand;
+    /**
+     * Gets a command to scale pictures in a selected range.
+     * Value: A <see cref="ChangePictureScaleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePictureScale: ChangePictureScaleCommand;
+    /**
+     * Gets a command to increment the left indentation of paragraphs in a selected range.
+     * Value: A <see cref="IncrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementParagraphLeftIndent: IncrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to decrement the paragraph's left indent position.
+     * Value: A <see cref="DecrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementParagraphLeftIndent: DecrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to move the selected range.
+     * Value: A <see cref="MoveContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    moveContent: MoveContentCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the specified position.
+     * Value: A <see cref="CopyContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copyContent: CopyContentCommand;
+    /**
+     * Gets a command to insert a tab character at the current position in the document.
+     * Value: A <see cref="InsertTabCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTab: InsertTabCommand;
+    /**
+     * Gets a command to invoke the Tabs dialog window.
+     * Value: A <see cref="OpenTabsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTabsDialog: OpenTabsDialogCommand;
+    /**
+     * Gets a command to change paragraph tab stops.
+     * Value: A <see cref="ChangeTabsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTabs: ChangeTabsCommand;
+    /**
+     * Gets a command to invoke the Customize Numbered List dialog window.
+     * Value: A <see cref="OpenCustomNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openCustomNumberingListDialog: OpenCustomNumberingListDialogCommand;
+    /**
+     * Gets a command to customize the numbered list parameters.
+     * Value: A <see cref="ChangeCustomNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeCustomNumberingList: ChangeCustomNumberingListCommand;
+    /**
+     * Gets a command to restart the numbering list.
+     * Value: A <see cref="RestartNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    restartNumberingList: RestartNumberingListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="IncrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementNumberingIndent: IncrementNumberingIndentCommand;
+    /**
+     * Gets a command to decrement the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="DecrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementNumberingIndent: DecrementNumberingIndentCommand;
+    /**
+     * Gets a command to create an empty field in the document.
+     * Value: A <see cref="CreateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createField: CreateFieldCommand;
+    /**
+     * Gets a command to update the field's result.
+     * Value: A <see cref="UpdateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateField: UpdateFieldCommand;
+    /**
+     * Gets a command to display the selected field's codes.
+     * Value: A <see cref="ShowFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showFieldCodes: ShowFieldCodesCommand;
+    /**
+     * Get a command to display all field codes in place of the fields in the document.
+     * Value: A <see cref="ShowAllFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showAllFieldCodes: ShowAllFieldCodesCommand;
+    /**
+     * Gets a command to continue the list's numbering.
+     * Value: A <see cref="ContinueNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    continueNumberingList: ContinueNumberingListCommand;
+    /**
+     * Gets a command to insert numeration to a paragraph making it a numbering list item.
+     * Value: A <see cref="InsertNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertNumeration: InsertNumerationCommand;
+    /**
+     * Gets a command to remove the selected numeration.
+     * Value: A <see cref="RemoveNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNumeration: RemoveNumerationCommand;
+    /**
+     * Gets a command to update all fields in the selected range.
+     * Value: A <see cref="UpdateAllFieldsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateAllFields: UpdateAllFieldsCommand;
+    /**
+     * Gets a command to insert a DATE field displaying the current date.
+     * Value: A <see cref="CreateDateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createDateField: CreateDateFieldCommand;
+    /**
+     * Gets a command to insert a TIME field displaying the current time.
+     * Value: A <see cref="CreateTimeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createTimeField: CreateTimeFieldCommand;
+    /**
+     * A command to insert a PAGE field displaying the current page number.
+     * Value: A <see cref="CreatePageFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageField: CreatePageFieldCommand;
+    /**
+     * Gets a command to convert the text of all selected sentences to sentence case.
+     * Value: A <see cref="MakeTextSentenceCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextSentenceCase: MakeTextSentenceCaseCommand;
+    /**
+     * Gets a command to switch the text case at the current position in the document.
+     * Value: A <see cref="SwitchTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    switchTextCase: SwitchTextCaseCommand;
+    /**
+     * Gets a command to navigate to the first data record.
+     * Value: A <see cref="GoToFirstDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFirstDataRecord: GoToFirstDataRecordCommand;
+    /**
+     * Gets a command to navigate to the previous data record of the bound data source.
+     * Value: A <see cref="GoToPreviousDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousDataRecord: GoToPreviousDataRecordCommand;
+    /**
+     * Gets a command to navigate to the next data record of the bound data source.
+     * Value: A <see cref="GoToNextDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextDataRecord: GoToNextDataRecordCommand;
+    /**
+     * Gets a command to navigate to the next data record.
+     * Value: A <see cref="GoToDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToDataRecord: GoToDataRecordCommand;
+    /**
+     * Gets a command to navigate to the last data record of the bound data source.
+     * Value: A <see cref="GoToLastDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToLastDataRecord: GoToLastDataRecordCommand;
+    /**
+     * Gets a command to display or hide actual data in MERGEFIELD fields.
+     * Value: A <see cref="ShowMergedDataCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showMergedData: ShowMergedDataCommand;
+    /**
+     * Gets a command to invoke the Insert Merge Field dialog window.
+     * Value: A <see cref="MergeFieldDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeFieldDialog: MergeFieldDialogCommand;
+    /**
+     * Gets a command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+     * Value: A <see cref="CreateMergeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createMergeField: CreateMergeFieldCommand;
+    /**
+     * Gets a command to invoke the Export Range dialog window to start a mail merge.
+     * Value: A <see cref="MailMergeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeDialog: MailMergeDialogCommand;
+    /**
+     * Gets a command to perform a mail merge and download the merged document.
+     * Value: A <see cref="MailMergeAndDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndDownload: MailMergeAndDownloadCommand;
+    /**
+     * Gets a command to perform a mail merge and save the merged document to the server.
+     * Value: A <see cref="MailMergeAndSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndSaveAs: MailMergeAndSaveAsCommand;
+    /**
+     * Gets a command to activate the page header and begin editing.
+     * Value: A <see cref="InsertHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHeader: InsertHeaderCommand;
+    /**
+     * Gets a command to activate the page footer and begin editing.
+     * Value: A <see cref="InsertFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFooter: InsertFooterCommand;
+    /**
+     * Gets a command to link a header/footer to the previous section, so it has the same content.
+     * Value: A <see cref="LinkHeaderFooterToPreviousCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    linkHeaderFooterToPrevious: LinkHeaderFooterToPreviousCommand;
+    /**
+     * Gets a command to navigate to the page footer from the page header in the header/footer editing mode.
+     * Value: A <see cref="GoToFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFooter: GoToFooterCommand;
+    /**
+     * Gets a command to navigate to the page header from the page footer in the header/footer editing mode.
+     * Value: A <see cref="GoToHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToHeader: GoToHeaderCommand;
+    /**
+     * Gets a command to navigate to the next page header or footer in the header/footer editing mode.
+     * Value: A <see cref="GoToNextHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextHeaderFooter: GoToNextHeaderFooterCommand;
+    /**
+     * Gets a command to navigate to the previous page header or footer in the header/footer editing mode.
+     * Value: A <see cref="GoToPreviousHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousHeaderFooter: GoToPreviousHeaderFooterCommand;
+    /**
+     * Gets a command to change the header/footer edit mode, so it allows creation of a different header or footer for the first page of a document or section.
+     * Value: A <see cref="SetDifferentFirstPageHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentFirstPageHeaderFooter: SetDifferentFirstPageHeaderFooterCommand;
+    /**
+     * Gets a command to change the header/footer edit mode so it allows creation of a different header or footer for odd and even pages of a document or section.
+     * Value: A <see cref="SetDifferentOddAndEvenPagesHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentOddAndEvenPagesHeaderFooter: SetDifferentOddAndEvenPagesHeaderFooterCommand;
+    /**
+     * Gets a command to finish header/footer editing.
+     * Value: A <see cref="CloseHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    closeHeaderFooter: CloseHeaderFooterCommand;
+    /**
+     * Gets a command to insert a NUMPAGES field displaying the total number of pages.
+     * Value: A <see cref="CreatePageCountFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageCountField: CreatePageCountFieldCommand;
+    /**
+     * Gets a command to invoke the Table tab of the Table Properties dialog window.
+     * Value: A <see cref="OpenTableFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableFormattingDialog: OpenTableFormattingDialogCommand;
+    /**
+     * Gets a command to change the selected table's formatting.
+     * Value: A <see cref="ChangeTableFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableFormatting: ChangeTableFormattingCommand;
+    /**
+     * Gets a command to change the selected table rows' preferred height.
+     * Value: A <see cref="ChangeTableRowPreferredHeightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableRowPreferredHeight: ChangeTableRowPreferredHeightCommand;
+    /**
+     * Gets a command to change the preferred cell width of the selected table rows.
+     * Value: A <see cref="ChangeTableCellPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellPreferredWidth: ChangeTableCellPreferredWidthCommand;
+    toggleTableCellInsideBorders: ToggleTableCellInsideBordersCommand;
+    /**
+     * Gets a command to change the selected table columns' preferred width.
+     * Value: A <see cref="ChangeTableColumnPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableColumnPreferredWidth: ChangeTableColumnPreferredWidthCommand;
+    /**
+     * Gets a command to change the cell formatting of the selected table elements.
+     * Value: A <see cref="ChangeTableCellFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellFormatting: ChangeTableCellFormattingCommand;
+    /**
+     * Gets a command to insert a table column to the left of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheLeft: InsertTableColumnToTheLeftCommand;
+    /**
+     * Gets a command to insert a table column to the right of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheRight: InsertTableColumnToTheRightCommand;
+    /**
+     * Gets a command to insert a row in the table below the selected row.
+     * Value: A <see cref="InsertTableRowBelowCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowBelow: InsertTableRowBelowCommand;
+    /**
+     * Gets a command to insert a row in the table above the selected row.
+     * Value: A <see cref="InsertTableRowAboveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowAbove: InsertTableRowAboveCommand;
+    /**
+     * Gets a command to delete the selected rows in the table.
+     * Value: A <see cref="DeleteTableRowsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableRows: DeleteTableRowsCommand;
+    /**
+     * Gets a command to delete the selected columns in the table.
+     * Value: A <see cref="DeleteTableColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableColumns: DeleteTableColumnsCommand;
+    /**
+     * Gets a command to insert table cells with a horizontal shift into the selected table.
+     * Value: A <see cref="InsertTableCellWithShiftToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellWithShiftToTheLeft: InsertTableCellWithShiftToTheLeftCommand;
+    /**
+     * Gets a command to delete the selected table cells with a horizontal shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftHorizontallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftHorizontally: DeleteTableCellsWithShiftHorizontallyCommand;
+    /**
+     * Gets a command to delete the selected table cells with a vertical shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftVertically: DeleteTableCellsWithShiftVerticallyCommand;
+    /**
+     * Gets a command to delete the selected table.
+     * Value: A <see cref="DeleteTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTable: DeleteTableCommand;
+    /**
+     * Gets a command to invoke the Insert Cells dialog window.
+     * Value: A <see cref="InsertTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsDialog: InsertTableCellsDialogCommand;
+    /**
+     * Gets a command to invoke the Delete Cells dialog window.
+     * Value: A <see cref="DeleteTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsDialog: DeleteTableCellsDialogCommand;
+    /**
+     * Gets a command to merge the selected cells.
+     * Value: A <see cref="MergeTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeTableCells: MergeTableCellsCommand;
+    /**
+     * Gets a command to invoke the Split Cells dialog window.
+     * Value: A <see cref="SplitTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCellsDialog: SplitTableCellsDialogCommand;
+    /**
+     * Gets a command to split the selected table cells.
+     * Value: A <see cref="SplitTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCells: SplitTableCellsCommand;
+    /**
+     * Gets a command to insert table cells with a vertical shift into the selected table.
+     * Value: A <see cref="InsertTableCellsWithShiftToTheVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsWithShiftToTheVertically: InsertTableCellsWithShiftToTheVerticallyCommand;
+    /**
+     * Gets a command to invoke the Borders tab of the Borders and Shading dialog window.
+     * Value: A <see cref="OpenTableBordersAndShadingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableBordersAndShadingDialog: OpenTableBordersAndShadingDialogCommand;
+    /**
+     * Gets a command to change the selected table's borders and shading.
+     * Value: A <see cref="ChangeTableBordersAndShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBordersAndShading: ChangeTableBordersAndShadingCommand;
+    /**
+     * Gets a command to apply top-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopLeft: ToggleTableCellAlignTopLeftCommand;
+    /**
+     * Gets a command to apply top-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopCenter: ToggleTableCellAlignTopCenterCommand;
+    /**
+     * Gets a command to apply top-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopRight: ToggleTableCellAlignTopRightCommand;
+    /**
+     * Gets a command to apply middle-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleLeft: ToggleTableCellAlignMiddleLeftCommand;
+    /**
+     * Gets a command to apply middle-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleCenter: ToggleTableCellAlignMiddleCenterCommand;
+    /**
+     * Gets a command to apply middle-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleRight: ToggleTableCellAlignMiddleRightCommand;
+    /**
+     * Gets a command to apply bottom-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomLeft: ToggleTableCellAlignBottomLeftCommand;
+    /**
+     * Gets a command to apply bottom-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomCenter: ToggleTableCellAlignBottomCenterCommand;
+    /**
+     * Gets a command to apply bottom-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomRight: ToggleTableCellAlignBottomRightCommand;
+    /**
+     * Gets a command to change the selected table's style.
+     * Value: A <see cref="ChangeTableStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableStyle: ChangeTableStyleCommand;
+    /**
+     * Gets a command to toggle top borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellTopBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellTopBorder: ToggleTableCellTopBorderCommand;
+    /**
+     * Gets a command to toggle right borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellRightBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellRightBorder: ToggleTableCellRightBorderCommand;
+    /**
+     * Gets a command to toggle bottom borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellBottomBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellBottomBorder: ToggleTableCellBottomBorderCommand;
+    /**
+     * Gets a command to toggle left borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellLeftBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellLeftBorder: ToggleTableCellLeftBorderCommand;
+    /**
+     * Gets a command to remove the borders of the selected table cells.
+     * Value: A <see cref="RemoveTableCellBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeTableCellBorders: RemoveTableCellBordersCommand;
+    /**
+     * Gets a command to toggle all borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellAllBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAllBorders: ToggleTableCellAllBordersCommand;
+    /**
+     * Gets a command to toggle inner horizontal borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellInsideHorizontalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideHorizontalBorders: ToggleTableCellInsideHorizontalBordersCommand;
+    /**
+     * Gets a command to toggle inner vertical borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellInsideVerticalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideVerticalBorders: ToggleTableCellInsideVerticalBordersCommand;
+    /**
+     * Gets a command to toggle outer borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellOutsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellOutsideBorders: ToggleTableCellOutsideBordersCommand;
+    /**
+     * Gets a command to change the selected table's style options.
+     * Value: A <see cref="ChangeTableLookCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableLook: ChangeTableLookCommand;
+    /**
+     * Gets a command to change the repository item's table border style.
+     * Value: A <see cref="ChangeTableBorderRepositoryItemCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBorderRepositoryItem: ChangeTableBorderRepositoryItemCommand;
+    /**
+     * Gets a command to change cell shading in the selected table elements.
+     * Value: A <see cref="ChangeTableCellShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellShading: ChangeTableCellShadingCommand;
+    /**
+     * Gets a command to toggle the display of grid lines for a table with no borders applied - on/off.
+     * Value: A <see cref="ShowTableGridLinesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showTableGridLines: ShowTableGridLinesCommand;
+    /**
+     * Gets a command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+     * Value: A <see cref="OpenFindPanelCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindPanel: OpenFindPanelCommand;
+    /**
+     * Gets a command to invoke the Find and Replace dialog window.
+     * Value: A <see cref="OpenFindAndReplaceDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindAndReplaceDialog: OpenFindAndReplaceDialogCommand;
+    /**
+     * Gets a command to find all matches of the specified text in the document.
+     * Value: A <see cref="FindAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    findAll: FindAllCommand;
+    /**
+     * Gets a command to hide the results of the search.
+     * Value: A <see cref="HideFindResultsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    hideFindResults: HideFindResultsCommand;
+    /**
+     * Gets a command to search for a specific text and replace all matches in the document with the specified string.
+     * Value: A <see cref="ReplaceAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceAll: ReplaceAllCommand;
+    /**
+     * Gets a command to search for a specific text and replace the next match in the document with the specified string.
+     * Value: A <see cref="ReplaceNextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceNext: ReplaceNextCommand;
+    /**
+     * Gets a command to invoke the Spelling dialog window.
+     * Value: A <see cref="OpenSpellingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSpellingDialog: OpenSpellingDialogCommand;
+    assignShortcut: AssignShortcutCommand;
+}
+/**
+ * Serves as a base for objects that implement different client command functionalities.
+ */
+interface CommandBase {
+}
+/**
+ * Serves as a base for commands with a simple common command state.
+ */
+interface CommandWithSimpleStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): SimpleCommandState;
+}
+/**
+ * Serves as a base for commands with the Boolean state.
+ */
+interface CommandWithBooleanStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Defines a simple state common to most of the client commands.
+ */
+interface SimpleCommandState {
+    /**
+     * Gets a value indicating whether the command's UI element is enabled.
+     * Value: true, if the command's related UI element is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets a value indicating whether the command's UI element is visible.
+     * Value: true, if the command's related UI element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Defines the state of a command.
+ */
+interface CommandState<T> extends SimpleCommandState {
+    /**
+     * Gets the command state value.
+     * Value: A T object specifying the command state value.
+     */
+    value: T;
+}
+/**
+ * Contains a set properties providing the current information about certain document structural elements.
+ */
+interface RichEditDocument {
+    /**
+     * Provides the information about the active sub-document.
+     * Value: A <see cref="SubDocument" /> object storing information about the essential document functionality.
+     */
+    activeSubDocument: SubDocument;
+    /**
+     * Provides information about sections in the current document.
+     * Value: An array of Section objects storing information about sections.
+     */
+    sectionsInfo: Section[];
+    /**
+     * Provides information about paragraph styles in the current document.
+     * Value: An array of ParagraphStyle objects storing information about paragraph styles.
+     */
+    paragraphStylesInfo: ParagraphStyle[];
+    /**
+     * Provides information about character styles in the current document.
+     * Value: An array of CharacterStyle objects storing information about character styles.
+     */
+    characterStylesInfo: CharacterStyle[];
+    /**
+     * Provides information about numbered paragraphs in the document.
+     * Value: An array of AbstractNumberingList objects storing the information about numbered paragraphs.
+     */
+    abstractNumberingListsInfo: AbstractNumberingList[];
+    /**
+     * Provides information about table styles in the current document.
+     * Value: An array of TableStyle objects storing information about table styles.
+     */
+    tableStylesInfo: TableStyle[];
+    spellingInfo: SpellingInfo;
+}
+/**
+ * An abstract numbering list definition that defines the appearance and behavior of numbered paragraphs in a document.
+ */
+interface AbstractNumberingList {
+    deleted: boolean;
+}
+/**
+ * Defines a paragraph in the document.
+ */
+interface Paragraph {
+    /**
+     * Gets the paragraph's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the paragraph's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    interval: Interval;
+    /**
+     * Gets the name of the paragraph style applied to the current paragraph (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+    /**
+     * Gets the index of a list applied to the paragraph.
+     * Value: An integer that is the index of a list to which the paragraph belongs.
+     */
+    listIndex: number;
+    /**
+     * Gets or sets the index of the list level applied to the current paragraph in the numbering list.
+     * Value: An integer that is the index of the list level of the current paragraph.
+     */
+    listLevelIndex: number;
+}
+/**
+ * Defines a field in the document.
+ */
+interface Field {
+    /**
+     * Gets the field's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the field length in a document.
+     * Value: An integer value specifying the field length.
+     */
+    length: number;
+    codeInterval: Interval;
+    resultInterval: Interval;
+    interval: Interval;
+    /**
+     * Gets or sets a URI to navigate to when the hyperlink (represented by the current field) is activated.
+     * Value: A string representing an URI.
+     */
+    hyperlinkUri: string;
+    /**
+     * Gets or sets the text for the tooltip displayed when the mouse hovers over a hyperlink field.
+     * Value: A string containing the tooltip text.
+     */
+    hyperlinkTip: string;
+    /**
+     * Gets or sets the name of a bookmark (or a hyperlink) in the current document which shall be the target of the hyperlink field.
+     * Value: A string representing the bookmark's name.
+     */
+    hyperlinkAnchor: string;
+    showCode: boolean;
+}
+/**
+ * Defines a bookmark in the document.
+ */
+interface Bookmark {
+    /**
+     * Gets the bookmark's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the bookmark's length.
+     * Value: An integer value specifying the length of the bookmark.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Gets the name of a bookmark in the document.
+     * Value: A string that is the unique bookmark's name.
+     */
+    name: string;
+}
+/**
+ * Defines a section in the document.
+ */
+interface Section {
+    /**
+     * Gets the section's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the section's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Provides access to the section's headers.
+     * Value: An array of HeaderFooter objects storing information about the section's headers.
+     */
+    headers: HeaderFooter[];
+    /**
+     * Provides access to the section's footers.
+     * Value: An array of HeaderFooter objects storing information about the section's footers.
+     */
+    footers: HeaderFooter[];
+}
+/**
+ * Contains settings defining a header or footer in a document.
+ */
+interface HeaderFooter {
+    /**
+     * Gets the type of the header (footer).
+     * Value: One of the <see cref="HeaderFooterType" /> values.
+     */
+    type: any;
+    /**
+     * Provides access to an object implementing the basic document functionality that is common to the header, footer and the main document body.
+     * Value: A <see cref="SubDocument" /> object exposing the basic document functionality.
+     */
+    subDocument: SubDocument;
+}
+interface InlinePictureInfo {
+    id: number;
+    position: number;
+    initialWidth: number;
+    initialHeight: number;
+    scaleX: number;
+    scaleY: number;
+    actualWidth: number;
+    actualHeight: number;
+}
+declare enum HeaderFooterType {
+    First=0,
+    Odd=1,
+    Primary=1,
+    Even=2
+}
+interface RichEditFileInfo {
+    folderPath: string;
+    fileName: string;
+    documentFormat: any;
+}
+declare enum DocumentFormat {
+    Undefined=0,
+    PlainText=1,
+    Rtf=2,
+    Html=3,
+    OpenXml=4,
+    Mht=5,
+    WordML=6,
+    OpenDocument=7,
+    ePub=9,
+    Doc=10
+}
+/**
+ * Contains a set of methods and properties to work with the document selection.
+ */
+interface RichEditSelection {
+    /**
+     * Gets or sets an array of document interval in the selection.
+     * Value: An array of Interval objects.
+     */
+    intervals: Interval[];
+    collapsed: boolean;
+    getIntervalMaxPosition(): number;
+    /**
+     * Moves the cursor to the next line.
+     */
+    goToNextLine(): void;
+    /**
+     * Moves the cursor to the next line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located.
+     */
+    goToLineEnd(): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located.
+     */
+    goToLineStart(): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous line.
+     */
+    goToPreviousLine(): void;
+    /**
+     * Moves the cursor to the previous line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next character.
+     */
+    goToNextCharacter(): void;
+    /**
+     * Moves the cursor to the next character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextCharacter(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous character.
+     */
+    goToPreviousCharacter(): void;
+    /**
+     * Moves the cursor to the previous character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousCharacter(extendSelection: boolean): void;
+    /**
+     * Selects the line in which the cursor is located.
+     */
+    selectLine(): void;
+    /**
+     * Selects the line in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the next page.
+     */
+    goToNextPage(): void;
+    /**
+     * Moves the cursor to the beginning of the next page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the previous page.
+     */
+    goToPreviousPage(): void;
+    /**
+     * Moves the cursor to the beginning of the previous page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the document.
+     */
+    goToDocumentStart(): void;
+    /**
+     * Moves the cursor to the start of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the document.
+     */
+    goToDocumentEnd(): void;
+    /**
+     * Moves the cursor to the end of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next word.
+     */
+    goToNextWord(): void;
+    /**
+     * Moves the cursor to the next word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous word.
+     */
+    goToPrevWord(): void;
+    /**
+     * Moves the cursor to the previous word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPrevWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located.
+     */
+    goToParagraphStart(): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located.
+     */
+    goToParagraphEnd(): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphEnd(extendSelection: boolean): void;
+    /**
+     * Selects the paragraph in which the cursor is located.
+     */
+    selectParagraph(): void;
+    /**
+     * Selects the table cell in which the cursor is located.
+     */
+    selectTableCell(): void;
+    /**
+     * Selects the table cell in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableCell(extendSelection: boolean): void;
+    /**
+     * Selects the table row in which the cursor is located.
+     */
+    selectTableRow(): void;
+    /**
+     * Selects the table row in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableRow(extendSelection: boolean): void;
+    /**
+     * Selects the entire table in which the cursor is located.
+     */
+    selectTable(): void;
+    /**
+     * Selects the entire table in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTable(extendSelection: boolean): void;
+    /**
+     * Selects the editor's entire content.
+     */
+    selectAll(): void;
+    /**
+     * Moves the cursor to the main sub-document.
+     */
+    setMainSubDocumentAsActive(): void;
+    /**
+     * Moves the cursor to the footer of the specified document page.
+     * @param pageIndex An integer value specifying the page index.
+     */
+    setFooterSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+    /**
+     * Moves the cursor to the header of the specified document page.
+     * @param pageIndex An integer value specifying the page index.
+     */
+    setHeaderSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+}
+/**
+ * Defines a document's interval.
+ */
+interface Interval {
+    /**
+     * Gets the interval's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the interval's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+}
+interface SpellingInfo {
+    spellCheckerState: any;
+    misspelledIntervals: MisspelledInterval[];
+}
+declare enum SpellCheckerState {
+    Disabled=0,
+    InProgress=1,
+    Done=2
+}
+interface MisspelledInterval {
+    start: number;
+    length: number;
+    interval: Interval;
+    errorType: any;
+    word: string;
+    suggestions: string[];
+}
+declare enum SpellingErrorType {
+    Misspelling=0,
+    Repeating=1
+}
+/**
+ * Serves as a base for objects implementing different element styles.
+ */
+interface StyleBase {
+    /**
+     * Gets or sets the name of the style.
+     * Value: A string specifying the style name.
+     */
+    name: string;
+    /**
+     * Gets whether the specified style is marked as deleted.
+     * Value: true, if the style is deleted; otherwise, false.
+     */
+    isDeleted: boolean;
+}
+/**
+ * Defines the paragraph style settings.
+ */
+interface ParagraphStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="CharacterStyle" /> object representing a character style linked to a current style.
+     */
+    linkedStyle: CharacterStyle;
+    /**
+     * Gets or sets the default style for a paragraph that immediately follows the current paragraph.
+     * Value: A <see cref="ParagraphStyle" /> object specifying the style for the next paragraph.
+     */
+    nextStyle: ParagraphStyle;
+    /**
+     * Gets the index of the list item associated with the paragraph formatted with the current style.
+     * Value: An integer value specifying the list item index.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the paragraph formatted with the current style.
+     * Value: An integer that is the list level index.
+     */
+    listLevelIndex: number;
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="ParagraphStyle" /> object representing the parent style.
+     */
+    parent: ParagraphStyle;
+}
+/**
+ * Contains characteristics of a character style in a document.
+ */
+interface CharacterStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="ParagraphStyle" /> object representing a paragraph style linked to a current style.
+     */
+    linkedStyle: ParagraphStyle;
+    /**
+     * Gets the style form which the current style inherits.
+     * Value: A <see cref="CharacterStyle" /> object representing the parent style.
+     */
+    parent: CharacterStyle;
+}
+/**
+ * Defines the table style settings.
+ */
+interface TableStyle extends StyleBase {
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="TableStyle" /> object that is the parent style.
+     */
+    parent: TableStyle;
+}
+/**
+ * Exposes the settings providing the information about the essential document functionality.
+ */
+interface SubDocument {
+    id: number;
+    type: any;
+    /**
+     * Provides information about paragraphs contained in the document.
+     * Value: An array of Paragraph objects storing information about document paragraphs.
+     */
+    paragraphsInfo: Paragraph[];
+    /**
+     * Provides information about fields in the current document.
+     * Value: An array of Field objects storing information about document fields.
+     */
+    fieldsInfo: Field[];
+    /**
+     * Provides information about tables contained in the document.
+     * Value: An array of Table objects storing information about document tables.
+     */
+    tablesInfo: Table[];
+    /**
+     * Provides information about document bookmarks.
+     * Value: An array of Bookmark objects storing information about document bookmarks.
+     */
+    bookmarksInfo: Bookmark[];
+    inlinePicturesInfo: InlinePictureInfo[];
+    /**
+     * Gets the document's textual representation.
+     * Value: A string value specifying the document's text.
+     */
+    text: string;
+    /**
+     * Gets the character length of the document.
+     * Value: An integer that is the number of character positions in the document.
+     */
+    length: number;
+}
+declare enum SubDocumentType {
+    Main=0,
+    Header=1,
+    Footer=2,
+    TextBox=3
+}
+/**
+ * Defines a table in the document.
+ */
+interface Table {
+    /**
+     * Gets the table's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table length in characters.
+     * Value: A integer value specifying the character length of the table.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Provides access to a collection of table rows.
+     * Value: An array of TableRow objects storing information about individual table rows.
+     */
+    rows: TableRow[];
+    /**
+     * Gets the name of the style applied to the table (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+}
+/**
+ * Defines a table row in the document.
+ */
+interface TableRow {
+    /**
+     * Gets the table row's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table row's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Provides information about the table row's cells.
+     * Value: An array of TableCell objects storing information about cells.
+     */
+    cells: TableCell[];
+}
+/**
+ * Defines a table cell in the document.
+ */
+interface TableCell {
+    /**
+     * Gets the table cell's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table cell's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    interval: Interval;
+}
+interface RichEditUnitConverter {
+    pixelsToTwips(value: number): number;
+    inchesToTwips(value: number): number;
+    pointsToTwips(value: number): number;
+    centimetersToTwips(value: number): number;
+    twipsToCentimeters(value: number): number;
+    pixelsToCentimeters(value: number): number;
+    twipsToInches(value: number): number;
+    pixelsToInches(value: number): number;
+    pixelsToPoints(value: number): number;
+    twipsToPoints(value: number): number;
+}
+/**
+ * A command to invoke the Bookmark dialog.
+ */
+interface OpenInsertBookmarkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertBookmarkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a new bookmark that references the current selection.
+ */
+interface InsertBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertBookmarkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying name of creating bookmark.
+     * @param start An integer value specifying the start position of bookmark's range.
+     * @param length An integer value specifying the length of bookmark's range.
+     */
+    execute(name: string, start: number, length: number): boolean;
+}
+/**
+ * A command to delete a specific bookmark.
+ */
+interface DeleteBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying name of the deleted bookmark.
+     */
+    execute(name: string): boolean;
+}
+/**
+ * Gets a command to navigate to the specified bookmark in the document.
+ */
+interface GoToBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name 
+     */
+    execute(name: string): boolean;
+}
+/**
+ * A command to paste the text from the clipboard over the selection.
+ */
+interface PasteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the PasteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the clipboard.
+ */
+interface CopyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to cut the selected text and place it to the clipboard.
+ */
+interface CutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert an empty document field at the current position in the document.
+ */
+interface CreateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update the field's result.
+ */
+interface UpdateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display the selected field's field codes.
+ */
+interface ShowFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display all field codes in place of the fields in the document.
+ */
+interface ShowAllFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowAllFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowAllFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update all fields in the selected range.
+ */
+interface UpdateAllFieldsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateAllFieldsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a DATE field displaying the current date.
+ */
+interface CreateDateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateDateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a TIME field displaying the current time.
+ */
+interface CreateTimeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateTimeFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a PAGE field displaying the current page number.
+ */
+interface CreatePageFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToDataRecordCommand extends CommandBase {
+    /**
+     * Executes the GoToDataRecordCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param activeRecordIndex An integer value specifying index of the next data record.
+     */
+    execute(activeRecordIndex: number): boolean;
+    getState(): any;
+}
+interface DataRecordOptions {
+    activeRecordIndex: number;
+    recordCount: number;
+}
+/**
+ * A command to navigate to the first data record of the bound data source.
+ */
+interface GoToFirstDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFirstDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous data record of the bound data source.
+ */
+interface GoToPreviousDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToNextDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the last data record of the bound data source.
+ */
+interface GoToLastDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToLastDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display or hide actual data in MERGEFIELD fields.
+ */
+interface ShowMergedDataCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowMergedDataCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowMergedDataCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showMergedData true to display merged data, false to hide merged data.
+     */
+    execute(showMergedData: boolean): boolean;
+}
+/**
+ * A command to invoke the Insert Merge Field dialog.
+ */
+interface MergeFieldDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeFieldDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+ */
+interface CreateMergeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateMergeFieldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fieldName A string value specifying the name of the merge field.
+     */
+    execute(fieldName: string): boolean;
+}
+/**
+ * Gets a command to invoke the Export Range dialog to start a mail merge.
+ */
+interface MailMergeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MailMergeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to start the mail merge process and download the resulting document containing the merged information.
+ */
+interface MailMergeAndDownloadCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * 
+     * @param documentFormat 
+     */
+    execute(documentFormat: any): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     * @param settings A MailMergeSettings object containing settings to set up mail merge operations.
+     */
+    execute(fileExtension: string, settings: MailMergeSettings): boolean;
+    /**
+     * 
+     * @param documentFormat 
+     * @param settings 
+     */
+    execute(documentFormat: any, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to start the mail merge process and save the resulting merged document to the server.
+ */
+interface MailMergeAndSaveAsCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param filePath A string value specifying path to the saving file on the server.
+     */
+    execute(filePath: string): boolean;
+    /**
+     * 
+     * @param fileInfo 
+     * @param settings 
+     */
+    execute(fileInfo: RichEditFileInfo, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a NUMPAGES field displaying the total number of pages.
+ */
+interface CreatePageCountFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageCountFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to set up mail merge operations.
+ */
+interface MailMergeSettings {
+    /**
+     * Gets or sets a value specifying which data rows should be exported into a merged document.
+     * Value: One of the <see cref="MailMergeExportRange" /> values.
+     */
+    range: any;
+    /**
+     * Gets or sets the index of the row from which the exported range starts.
+     * Value: An integer value specifying the row index.
+     */
+    exportFrom: number;
+    /**
+     * Gets or sets the number of data rows in the exported mail-merge range.
+     * Value: An integer value specifying the row count.
+     */
+    exportRecordsCount: number;
+    /**
+     * Gets or sets the merge mode.
+     * Value: One of the <see cref="MergeMode" /> values.
+     */
+    mergeMode: any;
+}
+declare enum MergeMode {
+    NewParagraph=0,
+    NewSection=1,
+    JoinTables=2
+}
+declare enum MailMergeExportRange {
+    AllRecords=0,
+    CurrentRecord=1,
+    Range=2
+}
+/**
+ * A command to create a new empty document.
+ */
+interface FileNewCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileNewCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to open the file, specifying its path.
+ */
+interface FileOpenCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the opening file.
+     */
+    execute(path: string): boolean;
+}
+/**
+ * A command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+ */
+interface FileOpenDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to save the document to a file.
+ */
+interface FileSaveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+ */
+interface FileSaveAsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the saving file.
+     */
+    execute(path: string): boolean;
+    /**
+     * 
+     * @param fileInfo 
+     */
+    execute(fileInfo: RichEditFileInfo): boolean;
+}
+interface FileSaveAsDialogCommand extends CommandWithSimpleStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to download the document file, specifying its extension.
+ */
+interface FileDownloadCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the extension of the downloading file.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * 
+     * @param documentFormat 
+     */
+    execute(documentFormat: any): boolean;
+}
+/**
+ * A command to invoke a browser-specific Print dialog allowing one to print the current document.
+ */
+interface FilePrintCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FilePrintCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+ */
+interface OpenFindPanelCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindPanelCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Find and Replace dialog.
+ */
+interface OpenFindAndReplaceDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindAndReplaceDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to find all matches of the specified text in the document.
+ */
+interface FindAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying finding text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight result of search; otherwise, false.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean): boolean;
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to find.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight result of search; otherwise, false.
+     * @param results An array of Interval objects containing the results of search.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean, results: Interval[]): boolean;
+}
+/**
+ * A command to hide the search results.
+ */
+interface HideFindResultsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the HideFindResultsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to search for a specific text and replace all matches in the document with the specified string.
+ */
+interface ReplaceAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to replace.
+     * @param replaceText A string value specifying replacing text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+/**
+ * A command to search for a specific text and replace the next match in the document with the specified string.
+ */
+interface ReplaceNextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceNextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to replace.
+     * @param replaceText A string value specifying replacing text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+/**
+ * A command to cancel changes caused by the previous command.
+ */
+interface UndoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UndoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to reverse actions of the previous undo command.
+ */
+interface RedoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RedoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Hyperlink dialog.
+ */
+interface OpenInsertHyperlinkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertHyperlinkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a hyperlink at the current position in the document.
+ */
+interface InsertHyperlinkCommand extends CommandBase {
+    /**
+     * Executes the InsertHyperlinkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A HyperLinkSettings object specifying hyperlink settings.
+     */
+    execute(settings: HyperlinkSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to delete the selected hyperlink.
+ */
+interface DeleteHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete all hyperlinks in a selected range.
+ */
+interface DeleteHyperlinksCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinksCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the document bookmark or URI (uniform resource identifier) specified for the hyperlink.
+ */
+interface OpenHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define hyperlinks.
+ */
+interface HyperlinkSettings {
+    /**
+     * Gets or sets a text displayed for a hyperlink.
+     * Value: A string value specifying the hyperlink display text.
+     */
+    text: string;
+    /**
+     * Gets or sets a text for the tooltip displayed when the mouse hovers over a hyperlink.
+     * Value: A string containing the tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the hyperlink destination.
+     * Value: A string value that specifies the destination to which a hyperlink refers.
+     */
+    url: string;
+    /**
+     * Gets or sets the associated bookmak.
+     * Value: A string value specifying the bookmark name.
+     */
+    bookmark: string;
+}
+/**
+ * A command to insert a page break at the current position in the document.
+ */
+interface InsertPageBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPageBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a column break at the current position in the document.
+ */
+interface InsertColumnBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertColumnBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next page.
+ */
+interface InsertSectionBreakNextPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakNextPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next even-numbered page.
+ */
+interface InsertSectionBreakEvenPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakEvenPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next odd-numbered page.
+ */
+interface InsertSectionBreakOddPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakOddPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert the line break at the current position in the document.
+ */
+interface InsertLineBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertLineBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the bulleted paragraph and normal text.
+ */
+interface ToggleBulletedListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleBulletedListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the numbered paragraph and normal text.
+ */
+interface ToggleNumberingListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the multilevel list style and normal text.
+ */
+interface ToggleMultilevelListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleMultilevelListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Bulleted and Numbering dialog.
+ */
+interface OpenNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenNumberingListDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Customize Numbered List dialog.
+ */
+interface OpenCustomNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenCustomNumberingListDialogCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+}
+/**
+ * A command to customize the numbered list parameters.
+ */
+interface ChangeCustomNumberingListCommand extends CommandBase {
+    /**
+     * Executes the ChangeCustomNumberingListCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying the numbering list index.
+     * @param listLevelSettings An array of ListLevelSettings objects defining settings for list levels.
+     */
+    execute(abstractNumberingListIndex: number, listLevelSettings: ListLevelSettings[]): boolean;
+    /**
+     * Gets information about the command state.
+     * @param abstractNumberingListIndex An integer value specifying the index of the abstract numbering list item whose state to return.
+     */
+    getState(abstractNumberingListIndex: number): any;
+}
+/**
+ * A command to restart the numbering list.
+ */
+interface RestartNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RestartNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected numbered list.
+ */
+interface IncrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected numbered list.
+ */
+interface DecrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to continue the list's numbering.
+ */
+interface ContinueNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ContinueNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert numeration to a paragraph making it a numbering list item.
+ */
+interface InsertNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param numberingListIndex An integer value specifying index of numbering list.
+     * @param isAbstractNumberingList true, to insert an abstract numbering list; otherwise, false.
+     */
+    execute(numberingListIndex: number, isAbstractNumberingList: boolean): boolean;
+}
+/**
+ * A command to remove the selected numeration.
+ */
+interface RemoveNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNumerationCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define individual bulleted or numbered list levels.
+ */
+interface ListLevelSettings {
+    /**
+     * Gets or sets the pattern used to format the list level for display purposes.
+     * Value: A string value specifying the format pattern.
+     */
+    displayFormatString: string;
+    /**
+     * Gets or sets the numbering format used for the current list level's paragraph.
+     * Value: One of the <see cref="ListLevelFormat" /> values.
+     */
+    format: any;
+    /**
+     * Gets the list level item's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets or sets the paragraph text alignment within numbered list levels.
+     * Value: One of the <see cref="ListLevelNumberAlignment" /> values.
+     */
+    alignment: any;
+    separator: string;
+    /**
+     * Gets or sets the left indent for text within the current list level's paragraph.
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a value specifying the indent of the first line of the current list level's paragraph.
+     * Value: An integer value specifying the indent.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets a value specifying whether and how the first line of the current list level's paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets the font name of the current list level's paragraph.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the font color of the current list level's paragraph.
+     * Value: A string value specifying the font color.
+     */
+    fontColor: string;
+    /**
+     * Gets or sets the font size of the current list level's paragraph.
+     * Value: An integer value specifying the font size.
+     */
+    fontSize: number;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is bold.
+     * Value: true, if the font formatting is bold; otherwise, false.
+     */
+    fontBold: boolean;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is italic.
+     * Value: true, if the font formatting is italic; otherwise, false.
+     */
+    fontItalic: boolean;
+}
+declare enum ListLevelFormat {
+    Decimal=0,
+    AIUEOHiragana=1,
+    AIUEOFullWidthHiragana=2,
+    ArabicAbjad=3,
+    ArabicAlpha=4,
+    Bullet=5,
+    CardinalText=6,
+    Chicago=7,
+    ChineseCounting=8,
+    ChineseCountingThousand=9,
+    ChineseLegalSimplified=10,
+    Chosung=11,
+    DecimalEnclosedCircle=12,
+    DecimalEnclosedCircleChinese=13,
+    DecimalEnclosedFullstop=14,
+    DecimalEnclosedParentheses=15,
+    DecimalFullWidth=16,
+    DecimalFullWidth2=17,
+    DecimalHalfWidth=18,
+    DecimalZero=19,
+    Ganada=20,
+    Hebrew1=21,
+    Hebrew2=22,
+    Hex=23,
+    HindiConsonants=24,
+    HindiDescriptive=25,
+    HindiNumbers=26,
+    HindiVowels=27,
+    IdeographDigital=28,
+    IdeographEnclosedCircle=29,
+    IdeographLegalTraditional=30,
+    IdeographTraditional=31,
+    IdeographZodiac=32,
+    IdeographZodiacTraditional=33,
+    Iroha=34,
+    IrohaFullWidth=35,
+    JapaneseCounting=36,
+    JapaneseDigitalTenThousand=37,
+    JapaneseLegal=38,
+    KoreanCounting=39,
+    KoreanDigital=40,
+    KoreanDigital2=41,
+    KoreanLegal=42,
+    LowerLetter=43,
+    LowerRoman=44,
+    None=45,
+    NumberInDash=46,
+    Ordinal=47,
+    OrdinalText=48,
+    RussianLower=49,
+    RussianUpper=50,
+    TaiwaneseCounting=51,
+    TaiwaneseCountingThousand=52,
+    TaiwaneseDigital=53,
+    ThaiDescriptive=54,
+    ThaiLetters=55,
+    ThaiNumbers=56,
+    UpperLetter=57,
+    UpperRoman=58,
+    VietnameseDescriptive=59
+}
+declare enum ListLevelNumberAlignment {
+    Left=0,
+    Center=1,
+    Right=2
+}
+/**
+ * A command to invoke the Insert Image dialog.
+ */
+interface OpenInsertPictureDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertPictureDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a picture from a file.
+ */
+interface InsertPictureCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPictureCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param imageUrl A string value specifying picture's Url.
+     */
+    execute(imageUrl: string): boolean;
+}
+/**
+ * A command to invoke the Symbols dialog.
+ */
+interface OpenInsertSymbolDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertSymbolDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a character into the document.
+ */
+interface InsertSymbolCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSymbolCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param symbol A string value specifying symbols to insert.
+     * @param fontName A string value specifying font of symbols to insert.
+     */
+    execute(symbol: string, fontName: string): boolean;
+}
+/**
+ * A command to insert a paragraph break at the current position in the document.
+ */
+interface InsertParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert text at the current position in the document.
+ */
+interface InsertTextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to insert.
+     */
+    execute(text: string): boolean;
+}
+/**
+ * A command to delete the text in a selected range.
+ */
+interface DeleteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to move the cursor backwards and erase the character in that space.
+ */
+interface BackspaceCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the BackspaceCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to scale pictures in a selected range.
+ */
+interface ChangePictureScaleCommand extends CommandBase {
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param scale A Scale object specifying scaling of the picture.
+     */
+    execute(scale: Scale): boolean;
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param x An interger number specifying width of the picture
+     * @param y An interger number specifying height of the picture
+     */
+    execute(x: number, y: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to move the selected range to a specific position in the document.
+ */
+interface MoveContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MoveContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer value specifying position to insert selected text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the specified position.
+ */
+interface CopyContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer number value specifying position for pasting selected text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to insert a tab character at the current position in the document.
+ */
+interface InsertTabCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTabCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines the scaling settings.
+ */
+interface Scale {
+    x: number;
+    y: number;
+}
+/**
+ * A command to change page margin settings.
+ */
+interface ChangePageMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param left An integer number specifying left margin of the page.
+     * @param top An integer number specifying top margin of the page.
+     * @param right An integer number specifying right margin of the page.
+     * @param bottom An integer number specifying bottom margin of the page.
+     */
+    execute(left: number, top: number, right: number, bottom: number): boolean;
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param margins A Margins object specifying page margin settings.
+     */
+    execute(margins: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Margins tab of the Page Setup dialog.
+ */
+interface OpenPageMarginsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPageMarginsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page orientation.
+ */
+interface ChangePageOrientationCommand extends CommandBase {
+    /**
+     * 
+     * @param isPortrait 
+     */
+    execute(isPortrait: any): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paper tab of the Page Setup dialog.
+ */
+interface OpenPagePaperSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPagePaperSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to set the page size.
+ */
+interface SetPageSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SetPageSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page size.
+ */
+interface ChangePageSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer number specifying width of the page.
+     * @param height An integer number specifying height of the page.
+     */
+    execute(width: number, height: number): boolean;
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param size A Size object specifying the page size settings.
+     */
+    execute(size: Size): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the number of section columns having the same width.
+ */
+interface ChangeSectionEqualColumnCountCommand extends CommandBase {
+    /**
+     * Executes the ChangeSectionEqualColumnCountCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An interger number specifying the number of section columns having the same width.
+     */
+    execute(columnCount: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Columns dialog.
+ */
+interface OpenSectionColumnsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSectionColumnsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the settings of individual section columns.
+ */
+interface ChangeSectionColumnsCommand extends CommandBase {
+    /**
+     * 
+     * @param columns 
+     */
+    execute(columns: SectionColumn[]): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of the page.
+ */
+interface ChangePageColorCommand extends CommandBase {
+    /**
+     * Executes the ChangePageColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying background color of the page. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to activate the page header and begin editing.
+ */
+interface InsertHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to activate the page footer and begin editing.
+ */
+interface InsertFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to link a header/footer to the previous section, so it has the same content.
+ */
+interface LinkHeaderFooterToPreviousCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the LinkHeaderFooterToPreviousCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page footer from the page header in the header/footer editing mode.
+ */
+interface GoToFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page header from the page footer in the header/footer editing mode.
+ */
+interface GoToHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next page header or footer in the header/footer editing mode.
+ */
+interface GoToNextHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous page header or footer in the header/footer editing mode.
+ */
+interface GoToPreviousHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the header/footer edit mode, so it allows creation of a different header or footer for the first page of a document or section.
+ */
+interface SetDifferentFirstPageHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentFirstPage true to apply different text for first page's header and footer, false to remove difference.
+     */
+    execute(differentFirstPage: boolean): boolean;
+}
+/**
+ * A command to change the header/footer edit mode so it allows creation of a different header or footer for odd and even pages of a document or section.
+ */
+interface SetDifferentOddAndEvenPagesHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentOddAndEvenPages true to apply different text for odd and even pages' header and footer, false to remove difference.
+     */
+    execute(differentOddAndEvenPages: boolean): boolean;
+}
+/**
+ * A command to finish header/footer editing.
+ */
+interface CloseHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CloseHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines a section column in the document.
+ */
+interface SectionColumn {
+    /**
+     * Gets or sets the width of the section column.
+     * Value: An integer value specifying the section column width.
+     */
+    width: number;
+    /**
+     * Gets or sets the amount of space between adjacent section columns.
+     * Value: An integer value specifying the spacing between section columns.
+     */
+    spacing: number;
+}
+/**
+ * Defines the size settings.
+ */
+interface Size {
+    /**
+     * Gets or sets the width value.
+     * Value: An integer value specifying the width.
+     */
+    width: number;
+    /**
+     * Gets or sets the height value.
+     * Value: An integer value specifying the height.
+     */
+    height: number;
+}
+/**
+ * Defines the margin settings.
+ */
+interface Margins {
+    /**
+     * Gets or sets the left margin.
+     * Value: An integer value specifying the left margin.
+     */
+    left: number;
+    /**
+     * Gets or sets the top margin.
+     * Value: An integer value specifying the top margin.
+     */
+    top: number;
+    /**
+     * Gets or sets the right margin.
+     * Value: An integer value specifying the right margin.
+     */
+    right: number;
+    /**
+     * Gets or sets the bottom margin.
+     * Value: An integer value specifying the bottom margin.
+     */
+    bottom: number;
+}
+declare enum Orientation {
+    Landscape=0,
+    Portrait=1
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected range.
+ */
+interface IncreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected range.
+ */
+interface DecreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the visibility of hidden symbols.
+ */
+interface ShowHiddenSymbolsCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display hidden symbols; otherwise, false.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle left paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle centered paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle justified paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentJustifyCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentJustifyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with single line spacing.
+ */
+interface SetSingleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSingleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with one and a half line spacing.
+ */
+interface SetSesquialteralParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSesquialteralParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with double line spacing.
+ */
+interface SetDoubleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDoubleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing before a paragraph.
+ */
+interface AddSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing after a paragraph.
+ */
+interface AddSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing before the selected paragraph.
+ */
+interface RemoveSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing after the selected paragraph.
+ */
+interface RemoveSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the background color of paragraphs in a selected range.
+ */
+interface ChangeParagraphBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying highlighting color of the paragraphs in a selected range. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paragraph dialog allowing end-users to set paragraph formatting.
+ */
+interface OpenParagraphFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenParagraphFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the formatting of paragraphs in a selected range.
+ */
+interface ChangeParagraphFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A ParagraphFormattingSettings object specifying paragraph formatting settings.
+     */
+    execute(settings: ParagraphFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increment the left indentation of paragraphs in a selected range.
+ */
+interface IncrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the left indentation of paragraphs in a selected range.
+ */
+interface DecrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Tabs paragraph dialog.
+ */
+interface OpenTabsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTabsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change paragraph tab stops.
+ */
+interface ChangeTabsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTabsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TabsSettings object maintaining the information about tab stops.
+     */
+    execute(settings: TabsSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains the information about tab stops.
+ */
+interface TabsSettings {
+    /**
+     * Gets or sets the default tab stop value.
+     * Value: An integer value specifying the default tab stop.
+     */
+    defaultTabStop: number;
+    /**
+     * Gets or sets a list of tab stops.
+     * Value: An array of TabSettings objects containing individual tab stop settings.
+     */
+    tabs: TabSettings[];
+}
+/**
+ * Contains settings of a tab stop.
+ */
+interface TabSettings {
+    /**
+     * Gets or sets the alignment type, specifying how any text after the tab will be lined up.
+     * Value: One of the <see cref="TabAlign" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the tab leader style, i.e., the symbol used as a tab leader.
+     * Value: One of the <see cref="TabLeaderType" /> values.
+     */
+    leader: any;
+    /**
+     * Gets or sets the position of the tab stop.
+     * Value: A number representing the distance from the left edge of the text area.
+     */
+    position: number;
+    /**
+     * Gets or sets whether the individual tab stop is in effect.
+     * Value: true to switch off this tab stop; otherwise, false.
+     */
+    deleted: boolean;
+}
+declare enum TabAlign {
+    Left=0,
+    Center=1,
+    Right=2,
+    Decimal=3
+}
+declare enum TabLeaderType {
+    None=0,
+    Dots=1,
+    MiddleDots=2,
+    Hyphens=3,
+    Underline=4,
+    ThickLine=5,
+    EqualSign=6
+}
+/**
+ * Contains settings to define the paragraph formatting.
+ */
+interface ParagraphFormattingSettings {
+    /**
+     * Gets or sets the paragraph alignment.
+     * Value: One of the <see cref="ParagraphAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the outline level of a paragraph.
+     * Value: An integer specifying the level number.
+     */
+    outlineLevel: number;
+    /**
+     * Gets or sets the right indent value for the specified paragraph.
+     * Value: An integer value specifying the right indent.
+     */
+    rightIndent: number;
+    /**
+     * Gets or sets the spacing before the current paragraph.
+     * Value: An integer value specifying the spacing before the paragraph.
+     */
+    spacingBefore: number;
+    /**
+     * Gets or sets the spacing after the current paragraph.
+     * Value: An integer value specifying the spacing after the paragraph.
+     */
+    spacingAfter: number;
+    /**
+     * Gets or sets a value which determines the spacing between lines in a paragraph.
+     * Value: One of the <see cref="ParagraphLineSpacingType" /> values.
+     */
+    lineSpacingType: any;
+    /**
+     * Gets or sets a value specifying whether and how the first line of a paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets a value specifying the indent of the first line of a paragraph.
+     * Value: An integer value specifying the indent of the first line.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets whether to suppress addition of additional space (contextual spacing) between paragraphs of the same style.
+     * Value: true to remove extra spacing between paragraphs, false to add extra space.
+     */
+    contextualSpacing: boolean;
+    /**
+     * Gets or sets whether to prevent all page breaks that interrupt a paragraph.
+     * Value: true, to keep paragraph lines together; otherwise, false.
+     */
+    keepLinesTogether: boolean;
+    /**
+     * Gets or sets whether a page break is inserted automatically before a specified paragraph(s).
+     * Value: true, if a page break is inserted automatically before a paragraph(s); otherwise, false.
+     */
+    pageBreakBefore: boolean;
+    /**
+     * Gets or sets the left indent for text within a paragraph.
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a line spacing value.
+     * Value: An integer value specifying the line spacing.
+     */
+    lineSpacing: number;
+    /**
+     * Gets or sets the paragraph background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+}
+declare enum ParagraphAlignment {
+    Left=0,
+    Right=1,
+    Center=2,
+    Justify=3
+}
+declare enum ParagraphLineSpacingType {
+    Single=0,
+    Sesquialteral=1,
+    Double=2,
+    Multiple=3,
+    Exactly=4,
+    AtLeast=5
+}
+declare enum ParagraphFirstLineIndent {
+    None=0,
+    Indented=1,
+    Hanging=2
+}
+interface AssignShortcutCommand extends CommandWithSimpleStateBase {
+    execute(keyCode: number, callback: (arg1: string) => void): boolean;
+}
+interface OpenSpellingDialogCommand extends CommandWithSimpleStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface OpenInsertTableDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertTableDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface InsertTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An integer value specifying number of columns in a generated table.
+     * @param rowCount An integer value specifying number of rows in a generated table.
+     */
+    execute(columnCount: number, rowCount: number): boolean;
+}
+/**
+ * A command to invoke the Table Properties dialog.
+ */
+interface OpenTableFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's formatting.
+ */
+interface ChangeTableFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object containing the settings to format a table.
+     */
+    execute(settings: TableFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred row height.
+ */
+interface ChangeTableRowPreferredHeightCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableRowPreferredHeightCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredHeight A TableHeightUnit object specifying preferred height of the selected table rows.
+     */
+    execute(preferredHeight: TableHeightUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the preferred cell width of the selected table rows.
+ */
+interface ChangeTableCellPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table rows.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred column width.
+ */
+interface ChangeTableColumnPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableColumnPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table columns.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the cell formatting of the selected table elements.
+ */
+interface ChangeTableCellFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object specifying cell formatting of the selected table elements.
+     */
+    execute(settings: TableCellFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a table column to the left of the current position in the table.
+ */
+interface InsertTableColumnToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a table column to the right of the current position in the table.
+ */
+interface InsertTableColumnToTheRightCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table below the selected row.
+ */
+interface InsertTableRowBelowCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowBelowCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table above the selected row.
+ */
+interface InsertTableRowAboveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowAboveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table rows.
+ */
+interface DeleteTableRowsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableRowsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table columns.
+ */
+interface DeleteTableColumnsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableColumnsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert table cells with a horizontal shift into the selected table.
+ */
+interface InsertTableCellWithShiftToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellWithShiftToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a horizontal shift.
+ */
+interface DeleteTableCellsWithShiftHorizontallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftHorizontallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a vertical shift.
+ */
+interface DeleteTableCellsWithShiftVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table.
+ */
+interface DeleteTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Cells dialog.
+ */
+interface InsertTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Delete Cells dialog.
+ */
+interface DeleteTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to merge the selected table cells.
+ */
+interface MergeTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeTableCellsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Split Cells dialog.
+ */
+interface SplitTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to split the selected table cells based on the specified options.
+ */
+interface SplitTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rowCount An integer value specifying number of rows in the splitted table cells.
+     * @param columnCount An integer value specifying number of columns in the splitted table cells.
+     * @param mergeBeforeSplit true to merge the selected cells before splitting; otherwise, false.
+     */
+    execute(rowCount: number, columnCount: number, mergeBeforeSplit: boolean): boolean;
+}
+/**
+ * A command to insert table cells with a vertical shift into the selected table.
+ */
+interface InsertTableCellsWithShiftToTheVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsWithShiftToTheVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Borders and Shading table dialog.
+ */
+interface OpenTableBordersAndShadingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableBordersAndShadingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change borders and shading of the selected table elements.
+ */
+interface ChangeTableBordersAndShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBordersAndShadingCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object with settings specifying table borders.
+     * @param applyToWholeTable true to apply the border settings to the whole table, false to apply the border settings to the selected cells.
+     */
+    execute(settings: TableBordersSettings, applyToWholeTable: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to apply top-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style.
+ */
+interface ChangeTableStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A TableStyle object specifying the style applying to the table.
+     */
+    execute(style: TableStyle): boolean;
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the name of style applying to the table.
+     */
+    execute(styleName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle top borders for selected cells on/off.
+ */
+interface ToggleTableCellTopBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellTopBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right borders for selected cells on/off.
+ */
+interface ToggleTableCellRightBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellRightBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle bottom borders for selected cells on/off.
+ */
+interface ToggleTableCellBottomBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellBottomBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+interface ToggleTableCellLeftBorderCommand extends CommandWithBooleanStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to remove the borders of the selected table cells.
+ */
+interface RemoveTableCellBordersCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveTableCellBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle all borders for selected cells on/off.
+ */
+interface ToggleTableCellAllBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAllBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner horizontal borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideHorizontalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideHorizontalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner vertical borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideVerticalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideVerticalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle outer borders for selected cells on/off.
+ */
+interface ToggleTableCellOutsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellOutsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style options.
+ */
+interface ChangeTableLookCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableLookCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableLookSettings object containing the settings that modify the table appearance.
+     */
+    execute(settings: TableLookSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the repository item's table border style.
+ */
+interface ChangeTableBorderRepositoryItemCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBorderRepositoryItemCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object specifying the repository item's table border style.
+     */
+    execute(settings: TableBorderSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change cell shading in the selected table elements.
+ */
+interface ChangeTableCellShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellShadingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying color of the selected cells' shading. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle the display of grid lines for a table with no borders applied - on/off.
+ */
+interface ShowTableGridLinesCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowTableGridLinesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowTableGridLinesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showTableGridLines true to display grid lines of the table, false to hide grid lines of the table.
+     */
+    execute(showTableGridLines: boolean): boolean;
+}
+/**
+ * Contains the table style settings that modify the table appearance.
+ */
+interface TableLookSettings {
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether row banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyRowBanding: boolean;
+    /**
+     * Gets or sets a value specifying whether column banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyColumnBanding: boolean;
+}
+/**
+ * Contains settings to define table borders.
+ */
+interface TableBordersSettings {
+    /**
+     * Gets or sets the top border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    top: TableBorderSettings;
+    /**
+     * Gets or sets the right border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    right: TableBorderSettings;
+    /**
+     * Gets or sets the bottom border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    bottom: TableBorderSettings;
+    /**
+     * Gets or sets the left border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    left: TableBorderSettings;
+    /**
+     * Gets or sets the inside horizontal border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideHorizontal: TableBorderSettings;
+    /**
+     * Gets or sets the inside vertical border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideVertical: TableBorderSettings;
+    /**
+     * Gets or sets the background color of table borders.
+     * Value: A string value specifying the background color.
+     */
+    backgroundColor: string;
+}
+/**
+ * Contains settings to define a table border.
+ */
+interface TableBorderSettings {
+    /**
+     * Gets or sets the border color.
+     * Value: A string value specifying the border color.
+     */
+    color: string;
+    /**
+     * Gets or sets the border line width.
+     * Value: An integer value defining the border line width.
+     */
+    width: number;
+    /**
+     * Gets or sets the border line style.
+     * Value: A <see cref="BorderLineStyle" /> object defining the border line style.
+     */
+    style: any;
+}
+declare enum BorderLineStyle {
+    None=0,
+    Single=1,
+    Thick=2,
+    Double=3,
+    Dotted=4,
+    Dashed=5,
+    DotDash=6,
+    DotDotDash=7,
+    Triple=8,
+    ThinThickSmallGap=9,
+    ThickThinSmallGap=10,
+    ThinThickThinSmallGap=11,
+    ThinThickMediumGap=12,
+    ThickThinMediumGap=13,
+    ThinThickThinMediumGap=14,
+    ThinThickLargeGap=15,
+    ThickThinLargeGap=16,
+    ThinThickThinLargeGap=17,
+    Wave=18,
+    DoubleWave=19,
+    DashSmallGap=20,
+    DashDotStroked=21,
+    ThreeDEmboss=22,
+    ThreeDEngrave=23,
+    Outset=24,
+    Inset=25,
+    Apples=26,
+    ArchedScallops=27,
+    BabyPacifier=28,
+    BabyRattle=29,
+    Balloons3Colors=30,
+    BalloonsHotAir=31,
+    BasicBlackDashes=32,
+    BasicBlackDots=33,
+    BasicBlackSquares=34,
+    BasicThinLines=35,
+    BasicWhiteDashes=36,
+    BasicWhiteDots=37,
+    BasicWhiteSquares=38,
+    BasicWideInline=39,
+    BasicWideMidline=40,
+    BasicWideOutline=41,
+    Bats=42,
+    Birds=43,
+    BirdsFlight=44,
+    Cabins=45,
+    CakeSlice=46,
+    CandyCorn=47,
+    CelticKnotwork=48,
+    CertificateBanner=49,
+    ChainLink=50,
+    ChampagneBottle=51,
+    CheckedBarBlack=52,
+    CheckedBarColor=53,
+    Checkered=54,
+    ChristmasTree=55,
+    CirclesLines=56,
+    CirclesRectangles=57,
+    ClassicalWave=58,
+    Clocks=59,
+    Compass=60,
+    Confetti=61,
+    ConfettiGrays=62,
+    ConfettiOutline=63,
+    ConfettiStreamers=64,
+    ConfettiWhite=65,
+    CornerTriangles=66,
+    CouponCutoutDashes=67,
+    CouponCutoutDots=68,
+    CrazyMaze=69,
+    CreaturesButterfly=70,
+    CreaturesFish=71,
+    CreaturesInsects=72,
+    CreaturesLadyBug=73,
+    CrossStitch=74,
+    Cup=75,
+    DecoArch=76,
+    DecoArchColor=77,
+    DecoBlocks=78,
+    DiamondsGray=79,
+    DoubleD=80,
+    DoubleDiamonds=81,
+    Earth1=82,
+    Earth2=83,
+    EclipsingSquares1=84,
+    EclipsingSquares2=85,
+    EggsBlack=86,
+    Fans=87,
+    Film=88,
+    Firecrackers=89,
+    FlowersBlockPrint=90,
+    FlowersDaisies=91,
+    FlowersModern1=92,
+    FlowersModern2=93,
+    FlowersPansy=94,
+    FlowersRedRose=95,
+    FlowersRoses=96,
+    FlowersTeacup=97,
+    FlowersTiny=98,
+    Gems=99,
+    GingerbreadMan=100,
+    Gradient=101,
+    Handmade1=102,
+    Handmade2=103,
+    HeartBalloon=104,
+    HeartGray=105,
+    Hearts=106,
+    HeebieJeebies=107,
+    Holly=108,
+    HouseFunky=109,
+    Hypnotic=110,
+    IceCreamCones=111,
+    LightBulb=112,
+    Lightning1=113,
+    Lightning2=114,
+    MapleLeaf=115,
+    MapleMuffins=116,
+    MapPins=117,
+    Marquee=118,
+    MarqueeToothed=119,
+    Moons=120,
+    Mosaic=121,
+    MusicNotes=122,
+    Northwest=123,
+    Ovals=124,
+    Packages=125,
+    PalmsBlack=126,
+    PalmsColor=127,
+    PaperClips=128,
+    Papyrus=129,
+    PartyFavor=130,
+    PartyGlass=131,
+    Pencils=132,
+    People=133,
+    PeopleHats=134,
+    PeopleWaving=135,
+    Poinsettias=136,
+    PostageStamp=137,
+    Pumpkin1=138,
+    PushPinNote1=139,
+    PushPinNote2=140,
+    Pyramids=141,
+    PyramidsAbove=142,
+    Quadrants=143,
+    Rings=144,
+    Safari=145,
+    Sawtooth=146,
+    SawtoothGray=147,
+    ScaredCat=148,
+    Seattle=149,
+    ShadowedSquares=150,
+    SharksTeeth=151,
+    ShorebirdTracks=152,
+    Skyrocket=153,
+    SnowflakeFancy=154,
+    Snowflakes=155,
+    Sombrero=156,
+    Southwest=157,
+    Stars=158,
+    Stars3d=159,
+    StarsBlack=160,
+    StarsShadowed=161,
+    StarsTop=162,
+    Sun=163,
+    Swirligig=164,
+    TornPaper=165,
+    TornPaperBlack=166,
+    Trees=167,
+    TriangleParty=168,
+    Triangles=169,
+    Tribal1=170,
+    Tribal2=171,
+    Tribal3=172,
+    Tribal4=173,
+    Tribal5=174,
+    Tribal6=175,
+    TwistedLines1=176,
+    TwistedLines2=177,
+    Vine=178,
+    Waveline=179,
+    WeavingAngles=180,
+    WeavingBraid=181,
+    WeavingRibbon=182,
+    WeavingStrips=183,
+    WhiteFlowers=184,
+    Woodwork=185,
+    XIllusions=186,
+    ZanyTriangles=187,
+    ZigZag=188,
+    ZigZagStitch=189,
+    Nil=-1
+}
+/**
+ * Contains the settings to define the table cell formatting.
+ */
+interface TableCellFormattingSettings {
+    /**
+     * Gets or sets a table cell's preferred width.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the preferred cell width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the vertical alignment of a table cell's content.
+     * Value: One the <see cref="TableCellVerticalAlignment" /> values.
+     */
+    verticalAlignment: any;
+    /**
+     * Gets or sets a value specifying whether text is wrapped in a table cell.
+     * Value: true if text is wrapped; false if text is not wrapped.
+     */
+    noWrap: boolean;
+    /**
+     * Gets or sets a table cell's left margin.
+     * Value: An integer value specifying the left margin.
+     */
+    marginLeft: number;
+    /**
+     * Gets or sets a table cell's right margin.
+     * Value: An integer value specifying the right margin.
+     */
+    marginRight: number;
+    /**
+     * Gets or sets a table cell's top margin.
+     * Value: An integer value specifying the top margin.
+     */
+    marginTop: number;
+    /**
+     * Gets or sets a table cell's bottom margin.
+     * Value: An integer value specifying the bottom margin.
+     */
+    marginBottom: number;
+    /**
+     * Gets or sets a value specifying whether a table cell's margins are inherited from the table level settings.
+     * Value: true to inherit table level margins; false to use a table cell's own margin settings.
+     */
+    marginsSameAsTable: boolean;
+}
+declare enum TableCellVerticalAlignment {
+    Top=0,
+    Both=1,
+    Center=2,
+    Bottom=3
+}
+/**
+ * Contains the settings to format a table.
+ */
+interface TableFormattingSettings {
+    /**
+     * Gets or sets the preferred width of cells in the table.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the alignment of table rows.
+     * Value: One of the <see cref="TableRowAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the table's left indent.
+     * Value: An integer value specifying the indent.
+     */
+    indent: number;
+    /**
+     * Gets or sets the spacing between table cells.
+     * Value: An integer value specifying the spacing.
+     */
+    spacingBetweenCells: number;
+    /**
+     * Gets or sets a value specifying whether spacing is allowed between table cells.
+     * Value: true, to allow spacing; otherwise, false.
+     */
+    allowSpacingBetweenCells: boolean;
+    /**
+     * Gets or sets a value that specifying whether to allow automatic resizing of table cells to fit their contents.
+     * Value: true, to allow automatic resizing; otherwise, false.
+     */
+    resizeToFitContent: boolean;
+    /**
+     * Gets or sets the default left margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginLeft: number;
+    /**
+     * Gets or sets the default right margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginRight: number;
+    /**
+     * Gets or sets the default top margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginTop: number;
+    /**
+     * Gets or sets the default bottom margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginBottom: number;
+}
+/**
+ * Contains settings defining the table width's measurement units and value.
+ */
+interface TableWidthUnit {
+    /**
+     * Gets or sets the table width value.
+     * Value: An integer value specifying the table width.
+     */
+    value: number;
+    /**
+     * Gets or sets the unit type for the table width.
+     * Value: One of the <see cref="TableWidthUnitType" /> values.
+     */
+    type: any;
+}
+/**
+ * Contains settings defining the table height's measurement units and value.
+ */
+interface TableHeightUnit {
+    /**
+     * Gets or sets the table height value.
+     * Value: An integer value specifying the table height.
+     */
+    value: number;
+    type: any;
+}
+declare enum TableHeightUnitType {
+    Minimum=0,
+    Auto=1,
+    Exact=2
+}
+declare enum TableRowAlignment {
+    Both=0,
+    Center=1,
+    Distribute=2,
+    Left=3,
+    NumTab=4,
+    Right=5
+}
+declare enum TableWidthUnitType {
+    Nil=0,
+    Auto=1,
+    FiftiethsOfPercent=2,
+    ModelUnits=3
+}
+/**
+ * A command to change the font name of characters in a selected range.
+ */
+interface ChangeFontNameCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontNameCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontName A string specifying font name.
+     */
+    execute(fontName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the font size of characters in a selected range.
+ */
+interface ChangeFontSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSize An integer number specifying font size.
+     */
+    execute(fontSize: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increase the font size of characters in a selected range to the closest larger predefined value.
+ */
+interface IncreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrease the font size of characters in a selected range to the closest smaller predefined value.
+ */
+interface DecreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to upper case.
+ */
+interface MakeTextUpperCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextUpperCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to lower case.
+ */
+interface MakeTextLowerCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextLowerCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to capitalize each word in the selected sentence.
+ */
+interface CapitalizeEachWordTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CapitalizeEachWordTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the case for each character - upper case becomes lower, lower case becomes upper.
+ */
+interface ToggleTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the bold formatting of characters in a selected range.
+ */
+interface ChangeFontBoldCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontBoldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontBoldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontBold true to apply bold formatting to the text, false to remove bold formatting.
+     */
+    execute(fontBold: boolean): boolean;
+}
+/**
+ * A command to change the italic formatting of characters in a selected range.
+ */
+interface ChangeFontItalicCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontItalicCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontItalicCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontItalic true to apply italic formatting to the text, false to remove italic formatting.
+     */
+    execute(fontItalic: boolean): boolean;
+}
+/**
+ * A command to change the underline formatting of characters in a selected range.
+ */
+interface ChangeFontUnderlineCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontUnderlineCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontUnderlineCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontUnderline true to apply underline formatting to the text, false to remove underline formatting.
+     */
+    execute(fontUnderline: boolean): boolean;
+}
+/**
+ * A command to change the strikeout formatting of characters in a selected range.
+ */
+interface ChangeFontStrikeoutCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontStrikeout true to apply strikeout formatting to the text, false to remove strikeout formatting.
+     */
+    execute(fontStrikeout: boolean): boolean;
+}
+/**
+ * A command to change the superscript formatting of characters in a selected range.
+ */
+interface ChangeFontSuperscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSuperscript true to apply superscript formatting to the text, false to remove superscript formatting.
+     */
+    execute(fontSuperscript: boolean): boolean;
+}
+/**
+ * A command to change the subscript formatting of characters in the selected range.
+ */
+interface ChangeFontSubscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSubscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSubscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSubscript true to apply subscript formatting to the text, false to remove subscript formatting.
+     */
+    execute(fontSubscript: boolean): boolean;
+}
+/**
+ * A command to change the font color of characters in a selected range.
+ */
+interface ChangeFontForeColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontForeColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying font color. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of characters in a selected range.
+ */
+interface ChangeFontBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying highlighting color. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to reset the selected text's formatting to default.
+ */
+interface ClearFormattingCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ClearFormattingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected range's style.
+ */
+interface ChangeStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A StyleBase object specifying the selected range's style.
+     */
+    execute(style: StyleBase): boolean;
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the name of applying style.
+     * @param isParagraphStyle true to apply style to paragraph, false to apply style to character.
+     */
+    execute(styleName: string, isParagraphStyle: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Font dialog allowing end-users to change the font, size and style of the selected text.
+ */
+interface OpenFontFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFontFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the text of all selected sentences to sentence case.
+ */
+interface MakeTextSentenceCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextSentenceCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to switch the text case at the current position in the document.
+ */
+interface SwitchTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SwitchTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the font formatting of characters in a selected range.
+ */
+interface ChangeFontFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A  FontFormattingSettings object specifying font formatting settings.
+     */
+    execute(settings: FontFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains settings to define the font formatting.
+ */
+interface FontFormattingSettings {
+    /**
+     * Gets or sets the character(s) font name.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the character(s) font size.
+     * Value: An integer value specifying the font size.
+     */
+    size: number;
+    /**
+     * Gets or sets the foreground color of characters.
+     * Value: A string value specifying the foreground color.
+     */
+    foreColor: string;
+    /**
+     * Gets or sets the character background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+    /**
+     * Gets or sets the type of underline applied to the character(s).
+     * Value: true, if characters are underlined; otherwise, false.
+     */
+    underline: boolean;
+    /**
+     * Gets or sets the color of the underline for the specified characters.
+     * Value: A string value specifying the underline color.
+     */
+    underlineColor: string;
+    /**
+     * Gets or sets whether the character formatting is bold.
+     * Value: true, if characters are bold; otherwise, false.
+     */
+    bold: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is italicized.
+     * Value: true, if characters are italicized; otherwise, false.
+     */
+    italic: boolean;
+    strikeout: boolean;
+    /**
+     * Gets or sets whether only word characters are underlined.
+     * Value: true to underline only characters in words; false to underline all characters.
+     */
+    underlineWordsOnly: boolean;
+    /**
+     * Gets or sets a value specifying character script formatting.
+     * Value: One of the <see cref="CharacterFormattingScript" /> values.
+     */
+    script: any;
+    /**
+     * Gets or sets a value indicating whether all characters are capital letters.
+     * Value: true, if all characters are capitalized; otherwise, false.
+     */
+    allCaps: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is hidden.
+     * Value: true, if characters are hidden; otherwise, false.
+     */
+    hidden: boolean;
+}
+declare enum CharacterFormattingScript {
+    Normal=0,
+    Subscript=1,
+    Superscript=2
+}
+/**
+ * A command to toggle the horizontal ruler's visibility.
+ */
+interface ShowHorizontalRulerCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHorizontalRulerCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHorizontalRulerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display the horizontal ruler, false to hide the horizontal ruler.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle the fullscreen mode.
+ */
+interface SetFullscreenCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetFullscreenCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetFullscreenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fullscreen true to apply fullscreen mode, false to remove fullscreen mode.
+     */
+    execute(fullscreen: boolean): boolean;
+}
+/**
+ * Holds the information that determines what action types can be performed for appointments.
+ */
+interface ASPxClientAppointmentFlags {
+    /**
+     * Gets a value that specifies whether an end-user is allowed to delete appointments.
+     * Value: true if an end-user can delete appointments; otherwise, false. Default is true.
+     */
+    allowDelete: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to edit appointments.
+     * Value: true if the end-user can edit appointments; otherwise, false.
+     */
+    allowEdit: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to change the time boundaries of appointments.
+     * Value: true if appointment resizing is allowed; otherwise, false. Default is true.
+     */
+    allowResize: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to copy appointments.
+     * Value: true if a user can copy appointments; otherwise, false. Default is true.
+     */
+    allowCopy: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments to another time slot or date.
+     * Value: true if the user can drag and drop appointments; otherwise, false.
+     */
+    allowDrag: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments between resources.
+     * Value: true if the end-user can drag appointment from one resource to another; otherwise, false.
+     */
+    allowDragBetweenResources: boolean;
+    /**
+     * Gets a value that specifies whether an inplace editor can be activated for an appointment.
+     * Value: true if an inplace editor is activated; otherwise, false. Default is true.
+     */
+    allowInplaceEditor: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to share the schedule time between two or more appointments.
+     * Value: true if appointments with the same schedule time are allowed; otherwise, false. Default is true.
+     */
+    allowConflicts: boolean;
+}
+/**
+ * Represents a client-side equivalent of the Appointment class.
+ */
+interface ASPxClientAppointment {
+    /**
+     * Gets the time interval of the appointment for client-side scripting.
+     * Value: An ASPxClientTimeInterval object, representing the interval assigned to an appointment.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the identifiers of resources associated with the appointment for client-side scripting.
+     * Value: An array of string representations for resource identifiers.
+     */
+    resources: string[];
+    /**
+     * Gets the ID of an appointment for use in client-side scripts.
+     * Value: A string representation of the appointment ID.
+     */
+    appointmentId: string;
+    /**
+     * Gets the type of appointment for use in client-side scripts.
+     * Value: An ASPxAppointmentType enumeration member, representing the appointment's type.
+     */
+    appointmentType: ASPxAppointmentType;
+    /**
+     * Gets the index of the availability status object associated with the appointment.
+     * Value: An integer value that specifies the index of the corresponding Statuses collection.
+     */
+    statusIndex: number;
+    /**
+     * Gets  the index of the label object associated with the appointment for client-side scripting.
+     * Value: An integer value that specifies the index of the corresponding Labels collection.
+     */
+    labelIndex: number;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Subject property.
+     * Value: A string representing the appointment subject.
+     */
+    subject: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Description property.
+     * Value: A string, representing the description for an appointment.
+     */
+    description: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Location property.
+     * Value: A string representing the appointment location.
+     */
+    location: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the AllDay property.
+     * Value: true indicates the all-day appointment; otherwise, false.
+     */
+    allDay: boolean;
+    /**
+     * Adds a resource to the collection of resources associated with the client appointment.
+     * @param resourceId An object, representing the resource id.
+     */
+    AddResource(resourceId: Object): void;
+    /**
+     * Gets the resource associated with the client-side appointment by its index.
+     * @param index An integer, representing an index of a resource in a resource collection associated with the current appointment.
+     */
+    GetResource(index: number): Object;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Start appointment property.
+     * @param start A JavaScript Date object representing the appointment start.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Start appointment property.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the End appointment property.
+     * @param end A JavaScript Date object representing the end of the appointment.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the End appointment property.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Duration appointment property.
+     * @param duration A TimeSpan object representing the appointment duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Duration appointment property.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the ID of the client appointment.
+     * @param id An object representing the appointment identifier.
+     */
+    SetId(id: Object): void;
+    /**
+     * Gets the ID of the client appointment.
+     */
+    GetId(): Object;
+    /**
+     * Specifies the type of the current client appointment.
+     * @param type An ASPxAppointmentType enumeration value indicating the appointment type.
+     */
+    SetAppointmentType(type: ASPxAppointmentType): void;
+    /**
+     * Gets the type of the client appointment.
+     */
+    GetAppointmentType(): ASPxAppointmentType;
+    /**
+     * Sets the property value of the client appointment, corresponding to the StatusId appointment property.
+     * @param statusId An integer representing the index in the AppointmentStatusCollection.
+     */
+    SetStatusId(statusId: number): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the StatusId appointment property.
+     */
+    GetStatusId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the LabelId appointment property.
+     * @param statusId An integer representing the index of the label in the Labels label collection.
+     */
+    SetLabelId(statusId: number): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the LabelId appointment property.
+     */
+    GetLabelId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Subject appointment property.
+     * @param subject A string containing the appointment subject.
+     */
+    SetSubject(subject: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Subject appointment property.
+     */
+    GetSubject(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Description appointment property.
+     * @param description A string representing the appointment description.
+     */
+    SetDescription(description: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Description appointment property.
+     */
+    GetDescription(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Location appointment property.
+     * @param location A string representing the appointment location.
+     */
+    SetLocation(location: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Location appointment property.
+     */
+    GetLocation(): string;
+    /**
+     * Specifies the property value of the client appointment corresponding to the AllDay appointment property.
+     * @param allDay true to indicate the all-day appointment; otherwise, false.
+     */
+    SetAllDay(allDay: boolean): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the AllDay appointment property.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Gets the appointment that is the RecurrencePattern for the current appointment.
+     */
+    GetRecurrencePattern(): ASPxClientAppointment;
+    /**
+     * Sets the property value of the client appointment, corresponding to the RecurrenceInfo appointment property.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object representing the recurrence information.
+     */
+    SetRecurrenceInfo(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the RecurrenceInfo appointment property.
+     */
+    GetRecurrenceInfo(): ASPxClientRecurrenceInfo;
+}
+/**
+ * A client point object.
+ */
+interface ASPxClientPoint {
+    /**
+     * Gets the point's X-coordinate.
+     */
+    GetX(): number;
+    /**
+     * Gets the point's Y-coordinate.
+     */
+    GetY(): number;
+}
+/**
+ * A client rectangle object.
+ */
+interface ASPxClientRect {
+    /**
+     * Gets the X-coordinate of the rectangle's left edge.
+     */
+    GetLeft(): number;
+    /**
+     * Gets the X-coordinate of the rectangle's right edge.
+     */
+    GetRight(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's top edge.
+     */
+    GetTop(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's bottom edge.
+     */
+    GetBottom(): number;
+    /**
+     * Gets the rectangle's width.
+     */
+    GetWidth(): number;
+    /**
+     * Gets the rectangle's height.
+     */
+    GetHeight(): number;
+}
+/**
+ * Contains information defining the occurrences of a recurring client appointment.
+ */
+interface ASPxClientRecurrenceInfo {
+    /**
+     * Sets the recurrence start date.
+     * @param start A JavaScript date object value that specifies the start date for the recurrence.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the recurrence start date.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the recurrence end date.
+     * @param end A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the duration of the recurrence.
+     * @param duration A TimeSpan object representing the duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the duration of the recurrence.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the time base for the frequency of the corresponding appointment occurrences.
+     * @param type An ASPxClientRecurrenceType enumeration value that specifies the recurrence's frequency type.
+     */
+    SetRecurrenceType(type: ASPxClientRecurrenceType): void;
+    /**
+     * Gets the time base for the frequency of the corresponding appointment reoccurrence.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the day/days in a week that the corresponding appointment recurs on.
+     * @param weekDays The ASPxClientWeekDays enumeration value specifying the day/days in a week.
+     */
+    SetWeekDays(weekDays: ASPxClientWeekDays): void;
+    /**
+     * Gets the day/days in a week on which the corresponding appointment occurs.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Sets the frequency with which the corresponding appointment occurs (dependent on the recurrence Type).
+     * @param periodicity An integer value that specifies the frequency with which the corresponding appointment occurs.
+     */
+    SetPeriodicity(periodicity: number): void;
+    /**
+     * Gets the frequency with which the corresponding appointment reoccurs (dependent on the recurrence Type).
+     */
+    GetPeriodicity(): number;
+    /**
+     * Sets the ordinal number of a day within a defined month.
+     * @param dayNumber A positive integer value that specifies the day number within a month.
+     */
+    SetDayNumber(dayNumber: number): void;
+    /**
+     * Gets the ordinal number of a day within a defined month.
+     */
+    GetDayNumber(): number;
+    /**
+     * Sets the occurrence number of the week in a month for the recurrence pattern.
+     * @param weekOfMonth A ASPxClientWeekOfMonth enumeration value that specifies a particular week in every month.
+     */
+    SetWeekOfMonth(weekOfMonth: ASPxClientWeekOfMonth): void;
+    /**
+     * Gets the occurrence number of the week in a month for the recurrence pattern.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+    /**
+     * Sets the month (as a number) on which the corresponding appointment occurs.
+     * @param month A positive integer value that specifies the month's number.
+     */
+    SetMonth(month: number): void;
+    /**
+     * Gets the month (as a number) on which the corresponding appointment recurs.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+}
+/**
+ * Contains types of the recurrence range.
+ */
+interface ASPxClientRecurrenceRange {
+    /**
+     * A recurring appointment will not have an end date, i.e. infinite recurrence
+     * Value: The "NoEndDate" string.
+     */
+    NoEndDate: string;
+    /**
+     * A recurring appointment will end after its recurrence count exceeds the value specified by the SetOccurrenceCount method.
+     * Value: The "OccurrenceCount" string.
+     */
+    OccurrenceCount: string;
+    /**
+     * A recurring appointment will end after the date specified by the SetEnd method.
+     * Value: The "EndByDate" string.
+     */
+    EndByDate: string;
+}
+/**
+ * Contains recurrence types.
+ */
+interface ASPxClientRecurrenceType {
+    /**
+     * The recurring appointment occurs on a daily basis.
+     * Value: The "Daily" string.
+     */
+    Daily: string;
+    /**
+     * The recurring appointment reoccurs on a weekly basis.
+     * Value: The "Weekly" string.
+     */
+    Weekly: string;
+    /**
+     * The recurring appointment reoccurs on a monthly basis.
+     * Value: The "Monthly" string.
+     */
+    Monthly: string;
+    /**
+     * The recurring appointment reoccurs on an yearly basis.
+     * Value: The "Yearly" string.
+     */
+    Yearly: string;
+    /**
+     * The recurring appointment occurs on an hourly base.
+     * Value: The "Hourly" string.
+     */
+    Hourly: string;
+}
+/**
+ * Contains days and groups of days for use in recurrence patterns.
+ */
+interface ASPxClientWeekDays {
+    /**
+     * Specifies Sunday.
+     * Value: The integer 1 value.
+     */
+    Sunday: number;
+    /**
+     * Specifies Monday.
+     * Value: The integer 2 value.
+     */
+    Monday: number;
+    /**
+     * Specifies Tuesday.
+     * Value: The integer 4 value.
+     */
+    Tuesday: number;
+    /**
+     * Specifies Wednesday.
+     * Value: The integer 8 value.
+     */
+    Wednesday: number;
+    /**
+     * Specifies Thursday.
+     * Value: The integer 16 value.
+     */
+    Thursday: number;
+    /**
+     * Specifies Friday.
+     * Value: The integer 32 value.
+     */
+    Friday: number;
+    /**
+     * Specifies Saturday.
+     * Value: The integer 64 value.
+     */
+    Saturday: number;
+    /**
+     * Specifies Saturday and Sunday.
+     * Value: The integer 65 value.
+     */
+    WeekendDays: number;
+    /**
+     * Specifies work days (Monday, Tuesday, Wednesday, Thursday and Friday).
+     * Value: The integer 62 value.
+     */
+    WorkDays: number;
+    /**
+     * Specifies every day of the week.
+     * Value: The integer 127 value.
+     */
+    EveryDay: number;
+}
+/**
+ * Contains number of weeks in a month in which the event occurs.
+ */
+interface ASPxClientWeekOfMonth {
+    /**
+     * There isn't any recurrence rule based on the weeks in a month.
+     * Value: The integer 0 value.
+     */
+    None: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the first week in the month.
+     * Value: The integer 1 value.
+     */
+    First: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the second week in the month.
+     * Value: The integer 2 value.
+     */
+    Second: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the third week in the month.
+     * Value: The integer 3 value.
+     */
+    Third: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the fourth week in the month.
+     * Value: The integer 4 value;
+     */
+    Fourth: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the last week in the month.
+     * Value: The integer 5 value;
+     */
+    Last: number;
+}
+/**
+ * Represents a client-side equivalent of the WeekDaysCheckEdit control.
+ */
+interface ASPxClientWeekDaysCheckEdit extends ASPxClientControl {
+    /**
+     * Gets the selection state of the week day check boxes.
+     */
+    GetValue(): ASPxClientWeekDays;
+    /**
+     * Gets the selection state of the week day check boxes.
+     * @param value An ASPxClientWeekDays object specifying the selection state of the week day check boxes.
+     */
+    SetValue(value: ASPxClientWeekDays): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceRangeControl.
+ */
+interface ASPxClientRecurrenceRangeControl extends ASPxClientControl {
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEndDate(): Date;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Sets the recurrence end date.
+     * @param date A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEndDate(date: Date): void;
+}
+/**
+ * A base for client equivalents of recurrence controls available in the XtraScheduler library.
+ */
+interface ASPxClientRecurrenceControlBase extends ASPxClientControl {
+    /**
+     * Returns an object providing access to the ASPxClientRecurrenceControlBase control's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientRecurrenceControlBase control.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the DailyRecurrenceControl - a control for specifying the daily recurrence.
+ */
+interface ASPxClientDailyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientDailyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientDailyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the WeeklyRecurrenceControl.
+ */
+interface ASPxClientWeeklyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientWeeklyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientWeeklyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the MonthlyRecurrenceControl.
+ */
+interface ASPxClientMonthlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientMonthlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientMonthlyRecurrenceControll.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the YearlyRecurrenceControl.
+ */
+interface ASPxClientYearlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientYearlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientYearlyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * An object providing access to an ASPxClientRecurrenceControlBase control's editor values.
+ */
+interface DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Get the frequency with which the appointment occurs with respect to the appointment's recurrence type.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the number of the month's day in which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week to which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientDailyRecurrenceControl's editor values.
+ */
+interface DailyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of days between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week to which a daily recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientWeeklyRecurrenceControl's editor values.
+ */
+interface WeeklyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of weeks between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week to which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientMonthlyRecurrenceControl's editor values.
+ */
+interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of the month's day in which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets the number of months between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week to which a monthly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientYearlyRecurrenceControl's editor values.
+ */
+interface YearlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of the month's day in which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week to which a yearly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets or sets the number of a week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * Provides base functionality for ASPxClientScheduler's forms.
+ */
+interface ASPxClientFormBase {
+    /**
+     * Occurs when the form has been closed.
+     */
+    FormClosed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientFormBase>>;
+    /**
+     * Closes the form.
+     */
+    Close(): void;
+    /**
+     * Sets the visibility state of the specified form element.
+     * @param element An object specifying the element whose visibility state should be changed.
+     * @param isVisible true to display the element; false to hide the element.
+     */
+    SetVisibleCore(element: Object, isVisible: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceTypeEdit.
+ */
+interface ASPxClientRecurrenceTypeEdit extends ASPxClientRadioButtonList {
+    /**
+     * Gets the selected recurrence type.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the selected recurrence type.
+     * @param recurrenceType An ASPxClientRecurrenceType enumeration value.
+     */
+    SetRecurrenceType(recurrenceType: ASPxClientRecurrenceType): void;
+}
+/**
+ * Contains lists of property names for different appointment types.
+ */
+interface AppointmentPropertyNames {
+    /**
+     * Gets the list of properties characteristic for appointments of the Normal type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Normal: string;
+    /**
+     * Gets the list of properties characteristic for appointments of the Pattern type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Pattern: string;
+}
+/**
+ * Represents the client-side equivalent of the TimeInterval class.
+ */
+interface ASPxClientTimeInterval {
+    /**
+     * Gets a value indicating if the time interval is All-Day.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Sets a value specifying if the time interval is All-Day.
+     * @param allDayValue true, if this is an all-day time interval; otherwise, false.
+     */
+    SetAllDay(allDayValue: boolean): void;
+    /**
+     * Client-side function that returns the start time of the interval.
+     */
+    GetStart(): Date;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     */
+    GetDuration(): number;
+    /**
+     * Client-side function that returns the end time of the interval.
+     */
+    GetEnd(): Date;
+    /**
+     * Client-side function that sets the start time of the interval.
+     * @param value A DateTime value, representing the beginning of the interval.
+     */
+    SetStart(value: Date): void;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     * @param value A TimeSpan  object, representing the duration of the time period.
+     */
+    SetDuration(value: any): void;
+    /**
+     * Client-side function that sets the end time of the interval.
+     * @param value A DateTime value, representing the end of the interval.
+     */
+    SetEnd(value: Date): void;
+    /**
+     * Determines whether the specified object is equal to the current ASPxClientTimeInterval instance.
+     * @param interval The object to compare with the current object.
+     */
+    Equals(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWith(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval. The boundaries of the time intervals are excluded from the check.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWithExcludingBounds(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Client-side function that determines whether the specified interval is contained within the current one.
+     * @param interval An ASPxClientTimeInterval object, representing the time interval to check.
+     */
+    Contains(interval: ASPxClientTimeInterval): boolean;
+}
+/**
+ * Holds action types for the client-side Refresh method.
+ */
+interface ASPxClientSchedulerRefreshAction {
+    /**
+     * Gets the value of the action parameter which initiates a simple reload of the control.
+     * Value: An integer representing the action parameter value.
+     */
+    None: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its data-dependent satellites.
+     * Value: An integer representing the action parameter value.
+     */
+    VisibleIntervalChanged: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its satellite View controls.
+     * Value: An integer representing the action parameter value.
+     */
+    ActiveViewTypeChanged: number;
+}
+/**
+ * Contains methods allowing you to perform or cancel an operation.
+ */
+interface ASPxClientAppointmentOperation {
+    /**
+     * Passes parameters to the corresponding callback function to accomplish the operation.
+     */
+    Apply(): void;
+    /**
+     * Cancels the operation.
+     */
+    Cancel(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxScheduler control.
+ */
+interface ASPxClientScheduler extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientScheduler.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the Scheduler control is about to change its active view.
+     */
+    ActiveViewChanging: ASPxClientEvent<ActiveViewChangingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event. Occurs after the active view of the ASPxScheduler has been changed.
+     */
+    ActiveViewChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user clicks an appointment.
+     */
+    AppointmentClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user double clicks on an appointment.
+     */
+    AppointmentDoubleClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the user selects an appointment.
+     */
+    AppointmentsSelectionChanged: ASPxClientEvent<AppointmentsSelectionEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the time cell selection is changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the time cell selection is about to change.
+     */
+    SelectionChanging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the  time interval of the scheduling area is changed.
+     */
+    VisibleIntervalChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when one of  More Buttons is clicked.
+     */
+    MoreButtonClicked: ASPxClientEvent<MoreButtonClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when a popup menu item is clicked.
+     */
+    MenuItemClicked: ASPxClientEvent<MenuItemClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs after an appointment has been dragged and dropped.
+     */
+    AppointmentDrop: ASPxClientEvent<AppointmentDropEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when an appointment is resized.
+     */
+    AppointmentResize: ASPxClientEvent<AppointmentResizeEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that fires before an appointment is deleted.
+     */
+    AppointmentDeleting: ASPxClientEvent<ASPxClientAppointmentDeletingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side scripting  method that gets the active View.
+     */
+    GetActiveViewType(): ASPxSchedulerViewType;
+    /**
+     * Client-side scripting  method to change the ASPxScheduler's active View.
+     * @param value A ASPxSchedulerViewType enumeration value, representing a view type to set.
+     */
+    SetActiveViewType(value: ASPxSchedulerViewType): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the control will be reloaded using the specified refresh action.
+     * @param refreshAction An ASPxClientSchedulerRefreshAction enumeration value, specifying the refresh action.
+     */
+    Refresh(refreshAction: ASPxClientSchedulerRefreshAction): void;
+    /**
+     * Client-side function that returns the type of grouping applied to the appointments displayed in the scheduler.
+     */
+    GetGroupType(): ASPxSchedulerGroupType;
+    /**
+     * Client-side scripting method which raises the callback command to set the GroupType.
+     * @param value An ASPxSchedulerGroupType enumeration value, which specifies how appointments are grouped.
+     */
+    SetGroupType(value: ASPxSchedulerGroupType): void;
+    /**
+     * Client-side method that navigates the scheduler to the current system date.
+     */
+    GotoToday(): void;
+    /**
+     * Client-side scripting method which raises the GotoDate callback command.
+     * @param date A DateTime value specifying the destination time.
+     */
+    GotoDate(date: Date): void;
+    /**
+     * Client-side function which slides the visible interval one time span back.
+     */
+    NavigateBackward(): void;
+    /**
+     * Client-side function which slides the visible interval one time span forward.
+     */
+    NavigateForward(): void;
+    /**
+     * Client-side method which raises the callback command to change the ClientTimeZoneId of the scheduler.
+     * @param timeZoneId A string, a time zone identifier which is valid for the System.TimeZoneInfo.Id property.
+     */
+    ChangeTimeZoneId(timeZoneId: string): void;
+    /**
+     * Displays a Selection ToolTip on a position given by the specified coordinates.
+     * @param x An integer representing the X-coordinate.
+     * @param y An integer representing the Y-coordinate.
+     */
+    ShowSelectionToolTip(x: number, y: number): void;
+    /**
+     * Client-side function that returns the time interval, selected in the scheduler.
+     */
+    GetSelectedInterval(): ASPxClientTimeInterval;
+    /**
+     * Client-side function that returns the ResourceId of selected time cell's resource.
+     */
+    GetSelectedResource(): string;
+    /**
+     * Client-side function that returns an appointment with the specified ID.
+     * @param id An appointment's identifier.
+     */
+    GetAppointmentById(id: Object): ASPxClientAppointment;
+    /**
+     * Client-side function that returns the id's of selected appointments.
+     */
+    GetSelectedAppointmentIds(): string[];
+    /**
+     * Client-side function that removes the appointment specified by its client ID from a collection of selected appointments.
+     * @param aptId An appointment's identifier.
+     */
+    DeselectAppointmentById(aptId: Object): void;
+    /**
+     * Client-side function that selects an appointment with the specified ID.
+     * @param aptId An appointment's identifier.
+     */
+    SelectAppointmentById(aptId: Object): void;
+    /**
+     * Enables obtaining appointment property values in a client-side script. Executes the callback command with the AppointmentData identifier.
+     * @param aptId An integer, representing the appointment ID.
+     * @param propertyNames An array of strings, representing the appointment properties to query.
+     * @param onCallBack A handler of a function which will receive and process the properties' values.
+     */
+    GetAppointmentProperties(aptId: number, propertyNames: string[], onCallBack: Object): string[];
+    /**
+     * Initiates a callback to retrieve and apply the values for the specified list of properties to the specified appointment, and transfer control to the specified function.
+     * @param clientAppointment An ASPxClientAppointment object that is the client appointment for which the data is retrieved.
+     * @param propertyNames An array of strings, that are the names of appointment properties to query.
+     * @param onCallBack A handler of a function executed after a callback.
+     */
+    RefreshClientAppointmentProperties(clientAppointment: ASPxClientAppointment, propertyNames: string[], onCallBack: Object): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its client ID.
+     * @param aptClientId A string, representing the appointment client identifier.
+     */
+    ShowAppointmentFormByClientId(aptClientId: string): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its storage identifier.
+     * @param aptServerId A string, representing the appointment identifier.
+     */
+    ShowAppointmentFormByServerId(aptServerId: string): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either 'Day' or 'WorkWeek'.
+     */
+    SetTopRowTime(duration: number, viewType: ASPxSchedulerViewType): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     */
+    SetTopRowTime(duration: number): void;
+    /**
+     * Gets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either "Day" or  "WorkWeek", otherwise the result is undefined.
+     */
+    GetTopRowTime(viewType: ASPxSchedulerViewType): number;
+    /**
+     * Gets the time of day corresponding to the start of the topmost displayed time cell row.
+     */
+    GetTopRowTime(): number;
+    /**
+     * Client-side scripting method which displays the Loading Panel.
+     */
+    ShowLoadingPanel(): void;
+    /**
+     * Client-side scripting method which hides the Loading Panel from view.
+     */
+    HideLoadingPanel(): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     * @param resourceId An object representing the identifier of a resource associated with the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date, resourceId: string): void;
+    /**
+     * Client-side scripting  method to insert the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    InsertAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to update the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    UpdateAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to delete the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    DeleteAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side method that allows retrieving a collection of time intervals displayed by the ASPxScheduler.
+     */
+    GetVisibleIntervals(): ASPxClientTimeInterval[];
+    /**
+     * Changes the container that the ASPxScheduler tooltip belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangeToolTipContainer(container: Object): void;
+    /**
+     * Changes the container that the ASPxScheduler pop-up menu belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangePopupMenuContainer(container: Object): void;
+    /**
+     * Returns focus to the form if the ASPxScheduler control is not visible when the reminder fires.
+     * @param container A DIV object that is located in such a way that it is visible on the page in situations when the ASPxScheduler control is hidden.
+     */
+    ChangeFormContainer(container: Object): void;
+    /**
+     * Client-side scripting method that saves appointment modifications and closes the form.
+     */
+    AppointmentFormSave(): void;
+    /**
+     * Client-side scripting method that deletes the appointment being edited.
+     */
+    AppointmentFormDelete(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the appointment editing form.
+     */
+    AppointmentFormCancel(): void;
+    /**
+     * Client-side scripting method that navigates the scheduler to the date selected in the GotoDate form and closes the form.
+     */
+    GoToDateFormApply(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the GotoDate form.
+     */
+    GoToDateFormCancel(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormSave(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormCancel(): void;
+    /**
+     * Client-side scripting method that invokes the appointment editing form for the appointment being edited in the inplace editor.
+     */
+    InplaceEditFormShowMore(): void;
+    /**
+     * Client-side scripting method that closes the Reminder form.
+     */
+    ReminderFormCancel(): void;
+    /**
+     * Client-side scripting method that calls the Dismiss method for the selected reminder.
+     */
+    ReminderFormDismiss(): void;
+    /**
+     * Client-side scripting method that dismisses all reminders shown in the Reminder form.
+     */
+    ReminderFormDismissAll(): void;
+    /**
+     * Client-side scripting method that changes the alert time for the selected reminder to the specified interval.
+     */
+    ReminderFormSnooze(): void;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerViewType object.
+ */
+interface ASPxSchedulerViewType {
+    /**
+     * Gets a string representation equivalent of Day enumeration for use in client scripts.
+     * Value: A string "Day", indicating the DayView.
+     */
+    Day: string;
+    /**
+     * Gets a string representation equivalent of WorkWeek enumeration for use in client scripts.
+     * Value: A string "WorkWeek", indicating the WorkWeekView.
+     */
+    WorkWeek: string;
+    /**
+     * Gets a string representation equivalent of Week enumeration for use in client scripts.
+     * Value: A string "Week", indicating the WeekView.
+     */
+    Week: string;
+    /**
+     * Gets a string representation equivalent of Month enumeration for use in client scripts.
+     * Value: A string "Month", indicating the MonthView.
+     */
+    Month: string;
+    /**
+     * Gets a string representation equivalent of Timeline enumeration for use in client scripts.
+     * Value: A string "Timeline", indicating the TimelineView.
+     */
+    Timeline: string;
+    /**
+     * Gets a string representation equivalent of FullWeek enumeration for use in client scripts.
+     * Value: A string "FullWeek", indicating the FullWeekView.
+     */
+    FullWeek: string;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerGroupType enumeration.
+ */
+interface ASPxSchedulerGroupType {
+    /**
+     * Gets a string representation equivalent of None enumeration for use in client scripts.
+     * Value: A "None" string value.
+     */
+    None: string;
+    /**
+     * Gets a string representation equivalent of Date enumeration for use in client scripts.
+     * Value: A "Date" string value.
+     */
+    Date: string;
+    /**
+     * Gets a string representation equivalent of Resource enumeration for use in client scripts.
+     * Value: A "Resource" string value.
+     */
+    Resource: string;
+}
+/**
+ * Represents a client-side equivalent of the AppointmentType enumeration.
+ */
+interface ASPxAppointmentType {
+    /**
+     * Gets a string representation equivalent of Normal enumeration for use in client scripts.
+     * Value: A "Normal" string value.
+     */
+    Normal: string;
+    /**
+     * Gets a string representation equivalent of Pattern enumeration for use in client scripts.
+     * Value: A "Pattern" string value.
+     */
+    Pattern: string;
+    /**
+     * Gets a string representation equivalent of Occurrence enumeration for use in client scripts.
+     * Value: An "Occurrence" string value.
+     */
+    Occurrence: string;
+    /**
+     * Gets a string representation equivalent of ChangedOccurrence enumeration for use in client scripts.
+     * Value: A "ChangedOccurrence" string value.
+     */
+    ChangedOccurrence: string;
+    /**
+     * Gets a string representation equivalent of DeletedOccurrence enumeration for use in client scripts.
+     * Value: A "DeletedOccurrence" string value.
+     */
+    DeletedOccurrence: string;
+}
+interface ASPxClientAppointmentDeletingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDeleting event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDeletingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDeleting event.
+ */
+interface ASPxClientAppointmentDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets client IDs of the appointments that are intended to be removed.
+     * Value: An array of client appointment identifiers, representing appointments passed for deletion.
+     */
+    appointmentIds: Object[];
+}
+interface AppointmentClickEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentClick event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A AppointmentClickEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentClickEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDoubleClick events.
+ */
+interface AppointmentClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the client appointment ID for the appointment being clicked.
+     * Value: A string, representing the client ID of the appointment.
+     */
+    appointmentId: string;
+    /**
+     * Gets the HTML element that the event was triggered on.
+     * Value: An object containing event data.
+     */
+    htmlElement: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentsSelectionChanged event.
+     * @param source The ASPxScheduler control which fires the event.
+     * @param e A AppointmentsSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentsSelectionEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets identifiers of the selected appointments.
+     * Value: A comma separated list of string values, representing appointment IDs.
+     */
+    appointmentIds: string[];
+}
+/**
+ * A method that will handle the ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventHandler<S> {
+    /**
+     * A method that will handle the ActiveViewChanging event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e An ActiveViewChangingEventArgs object that contains event data
+     */
+    (source: S, e: ActiveViewChangingEventArgs): void;
+}
+/**
+ * Provides data for the client-side ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value of the ActiveView property before modification.
+     * Value: A SchedulerViewType enumeration.
+     */
+    oldView: ASPxSchedulerViewType;
+    /**
+     * Gets the new value of the ActiveView property.
+     * Value: A string, which is the SchedulerViewType enumeration value.
+     */
+    newView: ASPxSchedulerViewType;
+    /**
+     * Gets or sets whether the change of active view should be canceled.
+     * Value: true to cancel the operation; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the MoreButtonClicked event.
+ */
+interface MoreButtonClickedEventHandler<S> {
+    /**
+     * A method that will handle MoreButtonClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MoreButtonClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MoreButtonClickedEventArgs): void;
+}
+/**
+ * Provides data for the MoreButtonClicked client-side event.
+ */
+interface MoreButtonClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the Start or End values of the target appointment.
+     * Value: A DateTime value representing the target appointment's boundary.
+     */
+    targetDateTime: Date;
+    /**
+     * Gets the time interval of the cell where the button is located.
+     * Value: An ASPxClientTimeInterval object representing the time interval of the cell which holds the button.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the resource identifier associated with the cell where the button is located.
+     * Value: A string, corresponding to ResourceId.
+     */
+    resource: string;
+    /**
+     * Gets or sets whether an event is handled. If it is handled, default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the MenuItemClicked event.
+ */
+interface MenuItemClickedEventHandler<S> {
+    /**
+     * A method that will handle the MenuItemClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MenuItemClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MenuItemClickedEventArgs): void;
+}
+/**
+ * Provides data for the MenuItemClicked event.
+ */
+interface MenuItemClickedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the menu item which is clicked.
+     * Value: A string, containing the menu item name.
+     */
+    itemName: string;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+interface AppointmentDropEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDrop event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentDragEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDragEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrop event.
+ */
+interface ASPxClientAppointmentDragEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether default event processing is required.
+     * Value: true to process an event using only custom code; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Provides information about dragged appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dragged appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+interface AppointmentResizeEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResize event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizeEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResize event.
+ */
+interface ASPxClientAppointmentResizeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether default event processing is required.
+     * Value: true to process an event using only custom code; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+/**
+ * Stores information about an appointment drag operation.
+ */
+interface ASPxClientAppointmentDragInfo {
+    /**
+     * Gets the dragged appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources that were associated with the appointment before the drag operation.
+     * Value: A array of strings containing resource identifiers.
+     */
+    oldResources: string[];
+    /**
+     * Gets the appointment's interval after the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources associated with the appointment after the drag operation.
+     * Value: An array of strings containing resource identifiers.
+     */
+    newResources: string[];
+}
+/**
+ * Contains information about a client tooltip.
+ */
+interface ASPxClientSchedulerToolTipData {
+    /**
+     * Returns the client appointment for which the tooltip is displayed.
+     */
+    GetAppointment(): ASPxClientAppointment;
+    /**
+     * Returns the client time interval for which the tooltip is displayed.
+     */
+    GetInterval(): ASPxClientTimeInterval;
+    /**
+     * Returns the resources associated with the appointment for which the tooltip is displayed.
+     */
+    GetResources(): Object[];
+}
+/**
+ * A client-side equivalent of the ASPxSchedulerToolTipBase control.
+ */
+interface ASPxClientToolTipBase {
+    /**
+     * Returns the value that indicates whether or not the tooltip can be displayed.
+     */
+    CanShowToolTip(): boolean;
+    /**
+     * Ends updating the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    FinalizeUpdate(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Updates the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    Update(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Closes the tooltip.
+     */
+    Close(): void;
+    /**
+     * 
+     * @param bounds 
+     */
+    CalculatePosition(bounds: Object): ASPxClientPoint;
+    /**
+     * Displays the Appointment Menu in the position of the tooltip.
+     * @param eventObject An object containing information about the event on which the menu is displayed.
+     */
+    ShowAppointmentMenu(eventObject: Object): void;
+    /**
+     * Displays the View Menu in the position of the tooltip.
+     * @param eventObject An object containing information about the event on which the menu is displayed.
+     */
+    ShowViewMenu(eventObject: Object): void;
+    /**
+     * Returns the string representation of the specified interval.
+     * @param interval An ASPxClientTimeInterval object to convert.
+     */
+    ConvertIntervalToString(interval: ASPxClientTimeInterval): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpellChecker class.
+ */
+interface ASPxClientSpellChecker extends ASPxClientControl {
+    /**
+     * Client-side event that occurs before the spell check starts.
+     */
+    BeforeCheck: ASPxClientEvent<ASPxClientBeforeCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs before a message box informing about process completion is shown.
+     */
+    CheckCompleteFormShowing: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs when a spell check is finished.
+     */
+    AfterCheck: ASPxClientEvent<ASPxClientAfterCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Occurs after a word is changed in a checked text.
+     */
+    WordChanged: ASPxClientEvent<ASPxClientWordChangedEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Starts the spelling check of the text contained within the element specified by the CheckedElementID value.
+     */
+    Check(): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param element An object representing the element being checked.
+     */
+    CheckElement(element: Object): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param id A string representing the identifier of the element being checked.
+     */
+    CheckElementById(id: string): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerElement An object representing a control which contains elements being checked.
+     */
+    CheckElementsInContainer(containerElement: Object): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerId A string, specifying the control's identifier.
+     */
+    CheckElementsInContainerById(containerId: string): void;
+}
+/**
+ * Represents an object that will handle the client-side BeforeCheck event.
+ */
+interface ASPxClientBeforeCheckEventHandler<S> {
+    /**
+     * A method that will handle the BeforeCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerBeforeCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerBeforeCheckEventArgs): void;
+}
+/**
+ * Provides data for an event that occurs before a spelling check is started. Represents the client-side equivalent of the BeforeCheckEventArgs class.
+ */
+interface ASPxClientSpellCheckerBeforeCheckEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which is going to be checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+}
+/**
+ * Represents an object that will handle the client-side AfterCheck event.
+ */
+interface ASPxClientAfterCheckEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerAfterCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+/**
+ * Provides data for the client event that occurs after a spelling check is complete.
+ */
+interface ASPxClientSpellCheckerAfterCheckEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which has been checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+    /**
+     * Gets the text that has been checked.
+     * Value: A string, containing checked text.
+     */
+    checkedText: string;
+}
+/**
+ * Represents an object that will handle the client-side WordChanged event.
+ */
+interface ASPxClientWordChangedEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The event source.
+     * @param e An ASPxClientSpellCheckerAfterCheckEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+    item: ASPxClientRibbonItem;
+}
+/**
+ * A method that will handle the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventHandler<S> {
+    /**
+     * A method that will handle the DocumentChanged event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetDocumentChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetDocumentChangedEventArgs): void;
+}
+/**
+ * Provides data for the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventHandler<S> {
+    /**
+     * A method that will handle the EndSynchronization events.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetSynchronizationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSynchronizationEventArgs): void;
+}
+/**
+ * Provides data for the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e An ASPxClientSpreadsheetHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A client-side equivalent of the ASPxSpreadsheet object.
+ */
+interface ASPxClientSpreadsheet extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientSpreadsheet.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client when a selection is changed in the ASPxSpreadsheet.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientSpreadsheetSelectionChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientSpreadsheetCustomCommandExecutedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires if any change is made to the Spreadsheet's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientSpreadsheetDocumentChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a hyperlink is clicked within the Spreadsheet's document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientSpreadsheetHyperlinkClickEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Sets input focus to the Spreadsheet.
+     */
+    Focus(): void;
+    /**
+     * Gets access to the client ribbon object.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Enables you to switch the full-screen mode of the Spreadsheet.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Returns the current selection made in a Spreadsheet.
+     */
+    GetSelection(): ASPxClientSpreadsheetSelection;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Gets the value of the specified cell.
+     * @param colModelIndex An integer value specifying the cell's column index.
+     * @param rowModelIndex An integer value specifying the cell's row index.
+     */
+    GetCellValue(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Gets the value of the currently active cell.
+     */
+    GetActiveCellValue(): Object;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side DocumentCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side DocumentCallback event.
+     */
+    PerformDocumentCallback(parameter: string): void;
+    /**
+     * Reconnects the Spreadsheet to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientSpreadsheetSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object that determines the currently selected region within the Spreadsheet.
+     * Value: A <see cref="ASPxClientSpreadsheetSelection" /> object defining the current selection.
+     */
+    selection: ASPxClientSpreadsheetSelection;
+}
+/**
+ * Represents the selection in the Spreadsheet.
+ */
+interface ASPxClientSpreadsheetSelection {
+    /**
+     * Gets the column index of the active cell.
+     * Value: An integer value specifying the active cell column index.
+     */
+    activeCellColumnIndex: number;
+    /**
+     * Gets the row index of the active cell.
+     * Value: An integer value specifying the active cell row index.
+     */
+    activeCellRowIndex: number;
+    /**
+     * Gets the index of the selection's left column.
+     * Value: An integer value specifying the index of the left column within the selection.
+     */
+    leftColumnIndex: number;
+    /**
+     * Gets the index of the selection's top row.
+     * Value: An integer value specifying the index of the top row within the selection.
+     */
+    topRowIndex: number;
+    /**
+     * Gets the index of the selection's right column.
+     * Value: An integer value specifying the index of the right column within the selection.
+     */
+    rightColumnIndex: number;
+    /**
+     * Gets the index of the selection's bottom row.
+     * Value: An integer value specifying the index of the bottom row within the selection.
+     */
+    bottomRowIndex: number;
+}
+/**
+ * Represents the client ASPxTreeList.
+ */
+interface ASPxClientTreeList extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientTreeList.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to display a context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientTreeListContextMenuEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientTreeListCustomButtonEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before the focused node has been changed.
+     */
+    NodeFocusing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires in response to changing node focus.
+     */
+    FocusedNodeChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the selection has been changed via end-user interaction.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the callback has been processed in the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientTreeListCustomDataCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is double clicked.
+     */
+    NodeDblClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is expanded.
+     */
+    NodeExpanding: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is collapsed.
+     */
+    NodeCollapsing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs before a node is dragged by an end-user.
+     */
+    StartDragNode: ASPxClientEvent<ASPxClientTreeListStartDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a node drag and drop operation is completed.
+     */
+    EndDragNode: ASPxClientEvent<ASPxClientTreeListEndDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientTreeListColumnResizingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientTreeListColumnResizedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Sets input focus to the ASPxTreeList.
+     */
+    Focus(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Returns the focused node's key value.
+     */
+    GetFocusedNodeKey(): string;
+    /**
+     * Moves focus to the specified node.
+     * @param key A String value that uniquely identifies the node.
+     */
+    SetFocusedNodeKey(key: string): void;
+    /**
+     * Indicates whether the specified node is selected.
+     * @param nodeKey A String value that identifies the node by its key value.
+     */
+    IsNodeSelected(nodeKey: string): any;
+    /**
+     * Selects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    SelectNode(nodeKey: string): void;
+    /**
+     * Selects or deselects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     * @param state true to select the node; otherwise, false.
+     */
+    SelectNode(nodeKey: string, state: boolean): void;
+    /**
+     * Obtains key values of selected nodes that are displayed within the current page.
+     */
+    GetVisibleSelectedNodeKeys(): string[];
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param htmlElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(htmlElement: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCustomCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames A string value that contains the names of data source fields whose values within the specified node are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames The names of data source fields whose values within the specified node are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within visible nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within visible nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Selects the specified page.
+     * @param index An integer value that specifies the active page's index.
+     */
+    GoToPage(index: number): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the ASPxTreeList's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Returns the specified node's state.
+     * @param nodeKey A String value that identifies the node.
+     */
+    GetNodeState(nodeKey: string): string;
+    /**
+     * Expands all nodes.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all Node.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands the specified node preserving the collapsed state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    ExpandNode(key: string): void;
+    /**
+     * Collapses the specified node preserving the expanded state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    CollapseNode(key: string): void;
+    /**
+     * Obtains key values of nodes that are displayed within the current page.
+     */
+    GetVisibleNodeKeys(): string[];
+    /**
+     * Returns an HTML table row that represents the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    GetNodeHtmlElement(nodeKey: string): Object;
+    /**
+     * Returns the number of visible columns within the client ASPxTreeList.
+     */
+    GetVisibleColumnCount(): number;
+    /**
+     * Returns the number of columns within the client ASPxTreeList.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the column located at the specified position within the Columns collection.
+     * @param index An integer value that identifies the column within the collection (the column's Index property value).
+     */
+    GetColumnByIndex(index: number): ASPxClientTreeListColumn;
+    /**
+     * Returns the column with the specified name.
+     * @param name A string value that specifies the column's name (the column's Name property value).
+     */
+    GetColumnByName(name: string): ASPxClientTreeListColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param fieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByFieldName(fieldName: string): ASPxClientTreeListColumn;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     */
+    SortBy(nameOrFieldName: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientTreeListColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Switches the ASPxTreeList to edit mode.
+     * @param nodeKey A string value that identifies the node by its key value.
+     */
+    StartEdit(nodeKey: string): void;
+    /**
+     * Saves all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Indicates whether the ASPxTreeList is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Gets the key value of the node currently being edited.
+     */
+    GetEditingNodeKey(): string;
+    /**
+     * Moves the specified node to a new position.
+     * @param nodeKey A string value that identifies the target node by its key value.
+     * @param parentNodeKey A string value that identifies the node to whose child collection the target node is moved. An empty string to display the target node within the root.
+     */
+    MoveNode(nodeKey: string, parentNodeKey: string): void;
+    /**
+     * Deletes the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    DeleteNode(nodeKey: string): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new root node values to be edited.
+     */
+    StartEditNewNode(): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new node values to be edited.
+     * @param parentNodeKey A String value that identifies the parent node, which owns a new node.
+     */
+    StartEditNewNode(parentNodeKey: string): void;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that identifies the column by its position within the column collection.
+     */
+    GetEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditor(columnNameOrFieldName: string): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditValue(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     */
+    GetEditValue(columnIndex: number): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditValue(columnNameOrFieldName: string): Object;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientTreeListColumn, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnNameOrFieldName: string, value: Object): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param column A ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    FocusEditor(column: ASPxClientTreeListColumn): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnIndex An integer value that identifies the data column.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnNameOrFieldName A String value that specifies the column's name or field name.
+     */
+    FocusEditor(columnNameOrFieldName: string): void;
+    /**
+     * Scrolls the tree list so that the specified node becomes visible.
+     * @param nodeKey An integer value that specifies the node index within the tree list's client item list.
+     */
+    MakeNodeVisible(nodeKey: string): void;
+    /**
+     * Returns the current vertical scroll position of the tree list's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the tree list's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the tree list's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the tree list's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientTreeListColumn {
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A String value that specifies the name of a data field.
+     */
+    fieldName: string;
+}
+/**
+ * Provides data for the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the information that has been collected on the client-side and sent to the  server-side CustomDataCallback event.
+     * Value: A string value that represents the information that has been collected on the client-side and sent to the server-side CustomDataCallback event.
+     */
+    arg: string;
+    /**
+     * Gets the information passed from the server-side CustomDataCallback event.
+     * Value: An object that represents the information passed from the server-side CustomDataCallback event.
+     */
+    result: Object;
+}
+/**
+ * A method that will handle the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the CustomDataCallback event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomDataCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the NodeDblClick events.
+ */
+interface ASPxClientTreeListNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Provides access to the parameters associated with the NodeDblClick events.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the NodeDblClick event.
+ */
+interface ASPxClientTreeListNodeEventHandler<S> {
+    /**
+     * A method that will handle the NodeDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListNodeEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Identifies which tree list element has been right-clicked.
+     * Value: A string value that identifies which tree list element ('Header' or 'Node') has been right-clicked.
+     */
+    objectType: string;
+    /**
+     * Gets a value that identifies the right-clicked object.
+     * Value: The right-clicked object's identifier.
+     */
+    objectKey: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that relates to the processed event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether to invoke the browser's context menu.
+     * Value: true to hide the browser's context menu; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event sender.
+     * @param e An ASPxClientTreeListContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets an array of targets where a node can be dragged.
+     * Value: An array of objects that represent targets for the dragged node.
+     */
+    targets: Object[];
+}
+/**
+ * A method that will handle the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the StartDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListStartDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListStartDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets the target element.
+     * Value: An object that represents the target element to which the dragged node has been dropped.
+     */
+    targetElement: Object;
+}
+/**
+ * A method that will handle the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the EndDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListEndDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListEndDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the key value of the node whose custom button has been clicked.
+     * Value: A string value that uniquely identifies the node whose custom button has been clicked.
+     */
+    nodeKey: string;
+    /**
+     * Gets the button's index.
+     * Value: An integer value that specifies the button's position within the CustomButtons collection.
+     */
+    buttonIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A String value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomButtonEventArgs): void;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+ */
+interface ASPxClientTreeListValuesCallback {
+    /**
+     * A JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * Provides data for the ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResizing event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResized event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizedEventArgs): void;
+}
+/**
+ * A client-side counterpart of the Calendar and CalendarFor extensions.
+ */
+interface MVCxClientCalendar extends ASPxClientCalendar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCalendar>>;
+}
+/**
+ * A client-side counterpart of the CallbackPanel extension.
+ */
+interface MVCxClientCallbackPanel extends ASPxClientCallbackPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCallbackPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the CardView extension.
+ */
+interface MVCxClientCardView extends ASPxClientCardView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCardView>>;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the CardView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the CardView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the Chart extension.
+ */
+interface MVCxClientChart extends ASPxClientWebChartControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientChart>>;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ComboBox and ComboBoxFor extensions.
+ */
+interface MVCxClientComboBox extends ASPxClientComboBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientComboBox>>;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the DataView extension.
+ */
+interface MVCxClientDataView extends ASPxClientDataView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDataView>>;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DateEdit extension.
+ */
+interface MVCxClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * A client-side counterpart of the DockManager extension.
+ */
+interface MVCxClientDockManager extends ASPxClientDockManager {
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DockPanel extension.
+ */
+interface MVCxClientDockPanel extends ASPxClientDockPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDockPanel>>;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the FileManager extension.
+ */
+interface MVCxClientFileManager extends ASPxClientFileManager {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientFileManager>>;
+    /**
+     * Sends a callback with a parameter to update the FileManager by processing the passed information on the server, in an Action specified via the extension's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the file manager's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param data A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the GridView extension.
+ */
+interface MVCxClientGridView extends ASPxClientGridView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientGridView>>;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the GridView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the GridView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the HtmlEditor extension.
+ */
+interface MVCxClientHtmlEditor extends ASPxClientHtmlEditor {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientHtmlEditor>>;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformDataCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback An ASPxClientDataCallback object that is the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(data: Object, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * A client-side counterpart of the ImageGallery extension.
+ */
+interface MVCxClientImageGallery extends ASPxClientImageGallery {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientImageGallery>>;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ListBox and ListBoxFor extensions.
+ */
+interface MVCxClientListBox extends ASPxClientListBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientListBox>>;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the NavBar extension.
+ */
+interface MVCxClientNavBar extends ASPxClientNavBar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientNavBar>>;
+}
+/**
+ * A client-side counterpart of the PivotGrid extension.
+ */
+interface MVCxClientPivotGrid extends ASPxClientPivotGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPivotGrid>>;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Passes PivotGrid callback parameters to the specified object.
+     * @param obj An object that receives PivotGrid callback parameters.
+     */
+    FillStateObject(obj: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PopupControl extension.
+ */
+interface MVCxClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPopupControl>>;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameters to update the popup window by processing the related popup window and the passed information on the server, in an Action specified by the PopupControl's CallbackRouteValues property.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, data: Object): void;
+    /**
+     * 
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side equivalent of the MVCxDocumentViewer class.
+ */
+interface MVCxClientDocumentViewer extends ASPxClientDocumentViewer {
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientDocumentViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDocumentViewer>>;
+}
+/**
+ * Obsolete. Use the MVCxClientDocumentViewer class instead.
+ */
+interface MVCxClientReportViewer extends ASPxClientReportViewer {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportViewer>>;
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientReportViewer>>;
+}
+/**
+ * A method that will handle the BeforeExportRequest event.
+ */
+interface MVCxClientBeforeExportRequestEventHandler<S> {
+    /**
+     * A method that will handle the BeforeExportRequest event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeforeExportRequestEventArgs): void;
+}
+/**
+ * Provides data for client BeforeExportRequest events.
+ */
+interface MVCxClientBeforeExportRequestEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A client-side equivalent of the MVCxReportDesigner class.
+ */
+interface MVCxClientReportDesigner extends ASPxClientReportDesigner {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Occurs after executing the Save command on the client.
+     */
+    SaveCommandExecuted: ASPxClientEvent<MVCxClientReportDesignerSaveCommandExecutedEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A Object value, specifying the callback argument.
+     */
+    PerformCallback(arg: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecuted event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientReportDesignerSaveCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the operation result.
+     * Value: A String value, specifying the operation result.
+     */
+    Result: string;
+}
+/**
+ * A client-side counterpart of the RichEdit extension.
+ */
+interface MVCxClientRichEdit extends ASPxClientRichEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRichEdit>>;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the RoundPanel extension.
+ */
+interface MVCxClientRoundPanel extends ASPxClientRoundPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRoundPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the Scheduler extension.
+ */
+interface MVCxClientScheduler extends ASPxClientScheduler {
+    ToolTipDisplaying: ASPxClientEvent<MVCxClientSchedulerToolTipDisplayingEventHandler<MVCxClientScheduler>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientScheduler>>;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A template that is rendered to display a tooltip.
+ */
+interface MVCxClientSchedulerTemplateToolTip extends ASPxClientToolTipBase {
+    type: MVCxSchedulerToolTipType;
+}
+/**
+ * A delegate method that enables you to adjust the tooltip content before displaying.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: MVCxClientSchedulerToolTipDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ToolTipDisplaying event.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventArgs extends ASPxClientEventArgs {
+    toolTip: MVCxClientSchedulerTemplateToolTip;
+    data: ASPxClientSchedulerToolTipData;
+}
+/**
+ * Lists available tooltip types.
+ */
+interface MVCxSchedulerToolTipType {
+}
+/**
+ * A client-side counterpart of the Spreadsheet extension.
+ */
+interface MVCxClientSpreadsheet extends ASPxClientSpreadsheet {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientSpreadsheet>>;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PageControl extension.
+ */
+interface MVCxClientPageControl extends ASPxClientPageControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPageControl>>;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the TokenBox and TokenBoxFor extensions.
+ */
+interface MVCxClientTokenBox extends ASPxClientTokenBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTokenBox>>;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the TreeList extension.
+ */
+interface MVCxClientTreeList extends ASPxClientTreeList {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeList>>;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the TreeList's CustomDataCallback event. This method does not update the TreeList.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformCustomDataCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+}
+/**
+ * A client-side counterpart of the TreeView extension.
+ */
+interface MVCxClientTreeView extends ASPxClientTreeView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeView>>;
+}
+/**
+ * A client-side counterpart of the UploadControl extension.
+ */
+interface MVCxClientUploadControl extends ASPxClientUploadControl {
+}
+/**
+ * A method that will handle client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientGlobalBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventArgs extends ASPxClientGlobalBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * An ASP.NET MVC equivalent of the client ASPxClientGlobalEvents component.
+ */
+interface MVCxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress MVC extensions contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientGlobalBeginCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a DevExpress MVC extension.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<MVCxClientGlobalEvents>>;
+}
+/**
+ * A client-side counterpart of the VerticalGrid extension.
+ */
+interface MVCxClientVerticalGrid extends ASPxClientVerticalGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientVerticalGrid>>;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the VerticalGrid's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the VerticalGrid.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+}
+/**
+ * A client-side equivalent of the MVCxWebDocumentViewer class.
+ */
+interface MVCxClientWebDocumentViewer extends ASPxClientWebDocumentViewer {
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControlBase {
+    /**
+     * Gets the unique, hierarchically-qualified identifier for the control.
+     * Value: The fully-qualified identifier for the control.
+     */
+    name: string;
+    /**
+     * Occurs on the client side after the control has been initialized.
+     */
+    Init: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlBase>>;
+    /**
+     * Returns an HTML element that is the root of the control's hierarchy.
+     */
+    GetMainElement(): Object;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetClientVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible 
+     */
+    SetClientVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible true to make a control visible; false to make it hidden.
+     */
+    SetVisible(visible: boolean): void;
+    /**
+     * Returns a value that determines whether a callback request sent by a web control is being currently processed on the server side.
+     */
+    InCallback(): boolean;
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControl extends ASPxClientControlBase {
+    /**
+     * Returns the control's width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the control's height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the control's width.
+     * @param width An integer value that specifies the control's width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the control's height.   Note that this method is not in effect for some controls.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Modifies the control's size against the control's container.
+     */
+    AdjustControl(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallback control.
+ */
+interface ASPxClientCallback extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallback.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client side when a callback initiated by the client Callback event's handler returns back to the client.
+     */
+    CallbackComplete: ASPxClientEvent<ASPxClientCallbackCompleteEventHandler<ASPxClientCallback>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    SendCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the client events related to completion of callback server-side processing.
+ */
+interface ASPxClientCallbackCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client events related to completion of callback server-side processing.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCallbackCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackCompleteEventArgs): void;
+}
+/**
+ * Serves as the base class for arguments of the web controls' client-side events.
+ */
+interface ASPxClientEventArgs {
+}
+/**
+ * Provides data for events concerning the final processing of a callback.
+ */
+interface ASPxClientCallbackCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: string;
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallbackPanel control.
+ */
+interface ASPxClientCallbackPanel extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the control's loading panel.
+     */
+    GetLoadingPanelText(): string;
+    /**
+     * Sets the text to be displayed within the control's loading panel.
+     * @param loadingPanelText A string value specifying the text to be displayed within the loading panel.
+     */
+    SetLoadingPanelText(loadingPanelText: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents the event object used for client-side events.
+ */
+interface ASPxClientEvent<T> {
+    /**
+     * Dynamically connects the event with an appropriate event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    AddHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from the associated event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    RemoveHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from all the associated event handler functions.
+     */
+    ClearHandlers(): void;
+    /**
+     * For internal use only.
+     * @param source 
+     * @param e 
+     */
+    FireEvent(source: Object, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the client-side events of a web control's client-side equivalent.
+ */
+interface ASPxClientEventHandler<S> {
+    /**
+     * A method that will handle the client-side events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the control that raised the event.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the cancelable events of a web control's client-side equivalent.
+ */
+interface ASPxClientCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCancelEventArgs): void;
+}
+/**
+ * Provides data for cancelable client events.
+ */
+interface ASPxClientCancelEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents a JavaScript function which receives callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+ */
+interface ASPxClientDataCallback {
+    /**
+     * A JavaScript function which receives a callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+     * @param sender An object whose client method generated a callback.
+     * @param result A string value that represents the result of server-side callback processing.
+     */
+    (sender: Object, result: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCloudControl control.
+ */
+interface ASPxClientCloudControl extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientCloudControlItemEventHandler<ASPxClientCloudControl>>;
+}
+/**
+ * A method that will handle client events involving manipulations with the control's items.
+ */
+interface ASPxClientCloudControlItemEventHandler<S> {
+    /**
+     * A method that will handle client events concerning manipulations with items.
+     * @param source The event source. This parameter identifies the cloud control object which raised the event.
+     * @param e An ASPxClientCloudControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCloudControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which involve clicking on the control's items.
+ */
+interface ASPxClientCloudControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the client events related to the begining of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for client events related to the beginning of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command name that identifies which client action forced a callback to be occurred.
+     * Value: A string value that represents the name of the command which initiated a callback.
+     */
+    command: string;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle client EndCallback events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle the EndCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventArgs extends ASPxClientEndCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle a CustomCallback client event exposed by some DevExpress web controls.
+ */
+interface ASPxClientCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the client CustomCallback event of some controls.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientCustomDataCallbackEventHandler object that contains event data.
+     */
+    (source: S, e: ASPxClientCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the CustomCallback event.
+ */
+interface ASPxClientCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing, related to the CustomCallback event.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * A method that will handle client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle client CallbackError events.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientCallbackErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error message that describes the server error that occurred.
+     * Value: A string value that represents the error message.
+     */
+    message: string;
+    /**
+     * Gets or sets whether the event is handled and the default error handling actions are not required.
+     * Value: true if the error is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle the CallbackError event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventArgs extends ASPxClientCallbackErrorEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the ValidationCompleted client event.
+ */
+interface ASPxClientValidationCompletedEventHandler<S> {
+    /**
+     * A method that will handle the ValidationCompleted event.
+     * @param source An object representing the event source. Identifies the ASPxClientGlobalEvents object that raised the event.
+     * @param e An ASPxClientValidationCompletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationCompletedEventArgs): void;
+}
+/**
+ * Provides data for the ValidationCompleted client event that allows you to centrally validate user input within all DevExpress web controls to which validation is applied.
+ */
+interface ASPxClientValidationCompletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a container object that holds the validated control(s).
+     * Value: An object that represents a container of the validated control(s).
+     */
+    container: Object;
+    /**
+     * Gets the name of the validation group name to which validation has been applied.
+     * Value: A string value that represents the name of the validation group that has been validated.
+     */
+    validationGroup: string;
+    /**
+     * Gets a value that indicates whether validation has been applied to both visible and invisible controls.
+     * Value: true if validation has been applied to both visible and invisible controls; false if only visible controls have been validated.
+     */
+    invisibleControlsValidated: boolean;
+    /**
+     * Gets a value specifying whether the validation has been completed successfully.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the first control (either visible or invisible) that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first invalid control.
+     */
+    firstInvalidControl: ASPxClientControl;
+    /**
+     * Gets the first visible control that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first visible invalid control.
+     */
+    firstVisibleInvalidControl: ASPxClientControl;
+}
+/**
+ * A method that will handle the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client ControlsInitialized event.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientControlsInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientControlsInitializedEventArgs): void;
+}
+/**
+ * Provides data for the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value that specifies whether a callback is sent during a controls initialization.
+     * Value: true if a callback is sent; otherwise, false.
+     */
+    isCallback: boolean;
+}
+interface ASPxClientControlPredicate {
+    /**
+     * 
+     * @param control 
+     */
+    (control: Object): boolean;
+}
+interface ASPxClientControlAction {
+    /**
+     * 
+     * @param control 
+     */
+    (control: Object): void;
+}
+/**
+ * A collection object used on the client side to maintain particular client control objects
+ */
+interface ASPxClientControlCollection {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any DevExpress web control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Returns a collection item identified by its unique hierarchically-qualified identifier.
+     * @param name A string value representing the hierarchically-qualified identifier of the required control.
+     */
+    Get(name: Object): Object;
+    /**
+     * Returns a DevExpress client control object identified by its unique hierarchically-qualified identifier (either ClientInstanceName or ClientID property value).
+     * @param name A string value that is the hierarchically-qualified identifier of the required DevExpress control.
+     */
+    GetByName(name: string): Object;
+    /**
+     * Returns all controls in the collection that satisfy the specified predicate.
+     * @param predicate An ASPxClientControlPredicate object that is a predicate used to search for controls in the collection.
+     */
+    GetControlsByPredicate(predicate: ASPxClientControlPredicate): Object[];
+    /**
+     * Returns all controls of the specified type.
+     * @param type The object specifying the client control type.
+     */
+    GetControlsByType(type: Object): Object[];
+    /**
+     * Performs the specified action for each control in the collection.
+     * @param action An ASPxClientControlAction object specifying an action to perform.
+     */
+    ForEachControl(action: ASPxClientControlAction): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxDataView object.
+ */
+interface ASPxClientDataView extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientDataView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDataView>>;
+    /**
+     * Activates the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page that is currently active.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the size of a single ASPxDataView's page.
+     */
+    GetPageSize(): number;
+    /**
+     * Sets the size of a single ASPxDataView's page.
+     * @param pageSize An integer value that specifies the page size.
+     */
+    SetPageSize(pageSize: number): void;
+    /**
+     * Gets the number of pages into which the ASPxDataView's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the first page.
+     */
+    FirstPage(): void;
+    /**
+     * Activates the last page.
+     */
+    LastPage(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientDockingFilterPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param item An object to compare against the criteria defined within the method.
+     */
+    (item: Object): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockManager   object.
+ */
+interface ASPxClientDockManager extends ASPxClientControl {
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side before a panel is closed, and allows you to cancel the action.
+     */
+    PanelClosing: ASPxClientEvent<ASPxClientDockManagerCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel is closed.
+     */
+    PanelCloseUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel pops up.
+     */
+    PanelPopUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been invoked.
+     */
+    PanelShown: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been resized.
+     */
+    PanelResize: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns a zone specified by its unique identifier (zoneUID).
+     * @param zoneUID A string value specifying the unique identifier of the zone.
+     */
+    GetZoneByUID(zoneUID: string): ASPxClientDockZone;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels contained in a page.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+    /**
+     * Returns an array of zones contained in a page.
+     */
+    GetZones(): ASPxClientDockZone[];
+    /**
+     * Returns an array of zones that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a zone meets those criteria.
+     */
+    GetZones(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockZone[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle client-side events concerning manipulations with panels.
+ */
+interface ASPxClientDockManagerEventHandler<S> {
+    /**
+     * A method that will handle client-side events concerning manipulations with panels.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on panels.
+ */
+interface ASPxClientDockManagerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventHandler<S> {
+    /**
+     * A method that will handle the PanelClosing event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Serves as a base class for the ASPxClientPopupControl classes.
+ */
+interface ASPxClientPopupControlBase extends ASPxClientControl {
+    /**
+     * Occurs on the client side when window resizing initiates.
+     */
+    BeforeResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when window resizing completes.
+     */
+    AfterResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window closes or hides.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientPopupWindowCloseUpEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Enables you to cancel window closing on the client side.
+     */
+    Closing: ASPxClientEvent<ASPxClientPopupWindowCancelEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window is invoked.
+     */
+    PopUp: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a window has been resized.
+     */
+    Resize: ASPxClientEvent<ASPxClientPopupWindowResizeEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a control's window has been invoked.
+     */
+    Shown: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when the window pin state is changed.
+     */
+    PinnedChanged: ASPxClientEvent<ASPxClientPopupWindowPinnedChangedEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Modifies a control's window size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Brings the window to the front of the z-order.
+     */
+    BringToFront(): void;
+    /**
+     * Returns a value indicating whether the window is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrameWindow(): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's window.
+     */
+    GetContentUrl(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer by default.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Gets the width of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentWidth(): number;
+    /**
+     * Gets the height of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentHeight(): number;
+    /**
+     * Returns a value indicating whether the window is maximized.
+     */
+    GetMaximized(): boolean;
+    /**
+     * Returns a value indicating whether the window is pinned.
+     */
+    GetPinned(): boolean;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's window.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Sets a value indicating whether the window is collapsed.
+     * @param value true, to collapse the window; otherwise, false.
+     */
+    SetCollapsed(value: boolean): void;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets the URL to point to the web page that should be loaded into, and displayed within the control's window.
+     * @param url A string value specifying the URL to the web page displayed within the control's window.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer by default.
+     * @param value A string value that is the URL for the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's footer.
+     * @param value A string value that specifies a window's footer text.
+     */
+    SetFooterText(value: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's header.
+     * @param value A string value that specifies a window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Sets a value indicating whether the window is maximized.
+     * @param value true. to maximize the window; otherwise, false.
+     */
+    SetMaximized(value: boolean): void;
+    /**
+     * Sets a value indicating whether the window is pinned.
+     * @param value true, to pin the window; otherwise, false.
+     */
+    SetPinned(value: boolean): void;
+    /**
+     * Invokes the control's window.
+     */
+    Show(): void;
+    /**
+     * Invokes the control's window at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the control's window and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the control's window and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the control's window at the specified position.
+     * @param x A integer value specifying the x-coordinate of the window's display position.
+     * @param y A integer value specifying the y-coordinate of the window's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Closes the control's window.
+     */
+    Hide(): void;
+    /**
+     * Returns a value that specifies whether the control's window is displayed.
+     */
+    IsVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockPanel object.
+ */
+interface ASPxClientDockPanel extends ASPxClientPopupControlBase {
+    /**
+     * Gets or sets the unique identifier of a panel on a page.
+     * Value: A string that is the unique identifier of a panel.
+     */
+    panelUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Retrieves a zone that owns the current panel.
+     */
+    GetOwnerZone(): ASPxClientDockZone;
+    /**
+     * Docks the current panel in the specified zone.
+     * @param zone An ASPxClientDockZone object specifying the zone.
+     */
+    Dock(zone: ASPxClientDockZone): void;
+    /**
+     * Docks the current panel in a zone at the specified position.
+     * @param zone An ASPxClientDockZone object specifying the zone, where the panel is docked
+     * @param visibleIndex An integer value specifying the visible index position.
+     */
+    Dock(zone: ASPxClientDockZone, visibleIndex: number): void;
+    /**
+     * Undocks the current panel.
+     */
+    MakeFloat(): void;
+    /**
+     * Undocks the current panel and place it at the specified position.
+     * @param x An integer value that specifies the X-coordinate of the panel's display position.
+     * @param y An integer value that specifies the Y-coordinate of the panel's display position.
+     */
+    MakeFloat(x: number, y: number): void;
+    /**
+     * Gets or sets a value specifying the position of the current panel, amongst the visible panels within a zone.
+     */
+    GetVisibleIndex(): number;
+    /**
+     * Sets a value specifying the position of the current panel, amongst the visible panels in a zone.
+     * @param visibleIndex An integer value specifying the zero-based index of the panel amongst visible panels in the zone.
+     */
+    SetVisibleIndex(visibleIndex: number): void;
+    /**
+     * Returns a value indicating whether the panel is docked.
+     */
+    IsDocked(): boolean;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterFloat event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterFloat event.
+ */
+interface ASPxClientDockPanelProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A client-side equivalent of the ASPxDockZone object.
+ */
+interface ASPxClientDockZone extends ASPxClientControl {
+    /**
+     * Gets or sets the unique identifier of a zone on a page.
+     * Value: A string that is the unique identifier of a zone.
+     */
+    zoneUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockZoneCancelEventHandler<ASPxClientDockZone>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockZoneProcessingModeEventHandler<ASPxClientDockZone>>;
+    /**
+     * Returns a value that indicates the orientation in which panels are stacked in the current zone.
+     */
+    IsVertical(): boolean;
+    /**
+     * Gets a value that indicates whether the zone can enlarge its size.
+     */
+    GetAllowGrowing(): boolean;
+    /**
+     * Gets the number of panels contained in the zone.
+     */
+    GetPanelCount(): number;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns a panel specified by its visible index.
+     * @param visibleIndex An integer value specifying the panel's position among the visible panels within the current zone.
+     */
+    GetPanelByVisibleIndex(visibleIndex: number): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels docked in the current zone.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are docked in the current zone and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e A ASPxClientDockZoneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e An  ASPxClientDockZoneProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Represents the client-side equivalent of the ASPxFileManager control.
+ */
+interface ASPxClientFileManager extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFileManager.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the selected file has been changed.
+     */
+    SelectedFileChanged: ASPxClientEvent<ASPxClientFileManagerFileEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when an end-user opens a file by double-clicking it or pressing the Enter key.
+     */
+    SelectedFileOpened: ASPxClientEvent<ASPxClientFileManagerFileOpenedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the focused item has been changed.
+     */
+    FocusedItemChanged: ASPxClientEvent<ASPxClientFileManagerFocusedItemChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientFileManagerSelectionChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the current folder has been changed within a file manager.
+     */
+    CurrentFolderChanged: ASPxClientEvent<ASPxClientFileManagerCurrentFolderChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the folder is created, and allows you to cancel the action.
+     */
+    FolderCreating: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a folder has been created.
+     */
+    FolderCreated: ASPxClientEvent<ASPxClientFileManagerItemCreatedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is renamed and allows you to cancel the action.
+     */
+    ItemRenaming: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been renamed.
+     */
+    ItemRenamed: ASPxClientEvent<ASPxClientFileManagerItemRenamedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is deleted and allows you to cancel the action.
+     */
+    ItemDeleting: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been deleted.
+     */
+    ItemDeleted: ASPxClientEvent<ASPxClientFileManagerItemDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been deleted.
+     */
+    ItemsDeleted: ASPxClientEvent<ASPxClientFileManagerItemsDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is moved and allows you to cancel the action.
+     */
+    ItemMoving: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been moved.
+     */
+    ItemMoved: ASPxClientEvent<ASPxClientFileManagerItemMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been moved .
+     */
+    ItemsMoved: ASPxClientEvent<ASPxClientFileManagerItemsMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is copied and allows you to cancel the action.
+     */
+    ItemCopying: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager item has been copied.
+     */
+    ItemCopied: ASPxClientEvent<ASPxClientFileManagerItemCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been copied.
+     */
+    ItemsCopied: ASPxClientEvent<ASPxClientFileManagerItemsCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any error occurs while editing an item.
+     */
+    ErrorOccurred: ASPxClientEvent<ASPxClientFileManagerErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to display the alert with the result error description.
+     */
+    ErrorAlertDisplaying: ASPxClientEvent<ASPxClientFileManagerErrorAlertDisplayingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires when a custom item is clicked, allowing you to perform custom actions.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientFileManagerCustomCommandEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when the file manager updates the state of toolbar or context menu items.
+     */
+    ToolbarUpdating: ASPxClientEvent<ASPxClientFileManagerToolbarUpdatingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to highlight the search text, which is specified using the filter box, in templates.
+     */
+    HighlightItemTemplate: ASPxClientEvent<ASPxClientFileManagerHighlightItemTemplateEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file upload starts, and allows you to cancel the action.
+     */
+    FileUploading: ASPxClientEvent<ASPxClientFileManagerFileUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the selected items are uploaded and allows you to cancel the action.
+     */
+    FilesUploading: ASPxClientEvent<ASPxClientFileManagerFilesUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file has been uploaded.
+     */
+    FileUploaded: ASPxClientEvent<ASPxClientFileManagerFileUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after upload of all selected files has been completed.
+     */
+    FilesUploaded: ASPxClientEvent<ASPxClientFileManagerFilesUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file download starts, and allows you to cancel the action.
+     */
+    FileDownloading: ASPxClientEvent<ASPxClientFileManagerFileDownloadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Gets the name of the currently active file manager area.
+     */
+    GetActiveAreaName(): string;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     */
+    ExecuteCommand(commandName: string): boolean;
+    /**
+     * Returns the selected file within the ASPxFileManager control's file container.
+     */
+    GetSelectedFile(): ASPxClientFileManagerFile;
+    /**
+     * Returns an array of the file manager's selected items.
+     */
+    GetSelectedItems(): ASPxClientFileManagerFile[];
+    /**
+     * Returns a list of files that are loaded on the current page.
+     */
+    GetItems(): ASPxClientFileManagerFile[];
+    /**
+     * Sends a callback to the server and returns a list of files that are contained within the current folder.
+     * @param onCallback A  object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetAllItems(onCallback: ASPxClientFileManagerAllItemsCallback): void;
+    /**
+     * Returns a toolbar item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetToolbarItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Returns a context menu item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetContextMenuItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Gets the current folder's path.
+     */
+    GetCurrentFolderPath(): string;
+    /**
+     * Gets the current folder's path with the specified separator.
+     * @param separator A string value that specifies the separator between the folder's name within a path.
+     */
+    GetCurrentFolderPath(separator: string): string;
+    /**
+     * Gets the current folder's path with the specified settings.
+     * @param separator A string value that specifies the separator between the folder's name within the path.
+     * @param skipRootFolder true to skip the root folder; otherwise, false.
+     */
+    GetCurrentFolderPath(separator: string, skipRootFolder: boolean): string;
+    /**
+     * Sets the current folder's path.
+     * @param path A String value that is the relative path to the folder (without the root folder).
+     * @param onCallback A ASPxClientFileManagerCallback object that is the JavaScript function that receives the callback data as a parameter.
+     */
+    SetCurrentFolderPath(path: string, onCallback: ASPxClientFileManagerCallback): void;
+    /**
+     * Gets the current folder's ID.
+     */
+    GetCurrentFolderId(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which receives callback data obtained via a call to the client SetCurrentFolderPath method.
+ */
+interface ASPxClientFileManagerCallback {
+    /**
+     * A JavaScript function that receives callback data obtained via a call to the SetCurrentFolderPath method.
+     * @param result An object that contains a callback data.
+     */
+    (result: Object): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerItem object and serves as a base class for client file and folder objects.
+ */
+interface ASPxClientFileManagerItem {
+    /**
+     * Gets the name of the current item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the item's unique identifier.
+     * Value: A String value that specifies the item's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets a value that indicates if the current file manager item is a folder.
+     * Value: true if the current item is a folder or parent folder; false if the current item is a file.
+     */
+    isFolder: boolean;
+    /**
+     * Specifies whether the file manager item is selected.
+     * @param selected true, to select the item; otherwise, false.
+     */
+    SetSelected(selected: boolean): void;
+    /**
+     * Gets a value indicating whether the item is selected in the file manager.
+     */
+    IsSelected(): boolean;
+    /**
+     * Gets the current item's full name.
+     */
+    GetFullName(): string;
+    /**
+     * Gets the current item's full name with the specified separator.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     */
+    GetFullName(separator: string): string;
+    /**
+     * Gets the current item's full name with the specified settings.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     * @param skipRootFolder true, to skip the root folder; otherwise, false.
+     */
+    GetFullName(separator: string, skipRootFolder: boolean): string;
+}
+/**
+ * Represents the client-side equivalent of the FileManagerFile object.
+ */
+interface ASPxClientFileManagerFile extends ASPxClientFileManagerItem {
+    /**
+     * Downloads a file from a file manager.
+     */
+    Download(): void;
+}
+/**
+ * A client-side equivalent of the FileManagerFolder object.
+ */
+interface ASPxClientFileManagerFolder extends ASPxClientFileManagerItem {
+    /**
+     * Gets a value specifying whether an item is a parent folder.
+     * Value: true if an item is a parent folder; false if an item is a file or folder.
+     */
+    isParentFolder: boolean;
+}
+/**
+ * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+ */
+interface ASPxClientFileManagerAllItemsCallback {
+    /**
+     * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+     * @param items An array of ASPxClientFileManagerItem objects that are items contained in the current folder.
+     */
+    (items: ASPxClientFileManagerItem[]): void;
+}
+/**
+ * A method that will handle the client SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened events.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerFileEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a file related to the event.
+     * Value: An ASPxClientFileManagerFile object that represents a file currently being processed.
+     */
+    file: ASPxClientFileManagerFile;
+}
+/**
+ * A method that will handle the client SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened event.
+     * @param source The event source. This parameter identifies the file manager object which raised the event.
+     * @param e An ASPxClientFileManagerFileOpenedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileOpenedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * Serves as a base for classes that are used as arguments for events generated on the client side.
+ */
+interface ASPxClientFileManagerActionEventArgsBase extends ASPxClientEventArgs {
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+    /**
+     * Gets the name of the currently processed item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets a value specifying whether the current processed item is a folder.
+     * Value: true if the processed  item is a folder; false if the processed item is a file.
+     */
+    isFolder: boolean;
+}
+/**
+ * A method that will handle the client ItemRenaming events.
+ */
+interface ASPxClientFileManagerItemEditingEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenaming events.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemEditingEventArgs): void;
+}
+/**
+ * Provides data for the item editing event.
+ */
+interface ASPxClientFileManagerItemEditingEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenamed event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemRenamedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemRenamedEventArgs): void;
+}
+/**
+ * Provides data for the ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the previous name of the renamed item.
+     * Value: A  string value that specifies the item name.
+     */
+    oldName: string;
+}
+/**
+ * A method that will handle the client ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+}
+/**
+ * A method that will handle the client ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventHandler<S> {
+    /**
+     * A method that will handle the FolderCreated event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCreatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCreatedEventArgs): void;
+}
+/**
+ * Provides data for the FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventHandler<S> {
+    /**
+     * A method that will handle the client ErrorOccurred event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorEventArgs): void;
+}
+/**
+ * Provides data for the ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the error description.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an event error message is sent to the ErrorAlertDisplaying event.
+     * Value: true to sent an error message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets a specifically generated code that uniquely identifies an error, which occurs while editing an item.
+     * Value: An integer value that specifies the code uniquely identifying an error.
+     */
+    errorCode: number;
+}
+/**
+ * A method that will handle the client ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ErrorAlertDisplaying event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerErrorAlertDisplayingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorAlertDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the errors description.
+     * Value: A string that is the errors description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the event fires.
+     * Value: true to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+}
+/**
+ * A method that will handle the client FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FileUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is being uploaded.
+     * Value: A string value specifying the path where a file is being uploaded.
+     */
+    folder: string;
+    /**
+     * Gets the name of a file selected for upload.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are being uploaded.
+     * Value: A string value specifying the folder path.
+     */
+    folder: string;
+    /**
+     * Gets the names of files selected for upload.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FileUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is uploaded.
+     * Value: A string value specifying the uploaded file path.
+     */
+    folder: string;
+    /**
+     * Gets the name of the uploaded file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+}
+/**
+ * A method that will handle the client FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are uploaded.
+     * Value: A string value specifying the uploaded files path.
+     */
+    folder: string;
+    /**
+     * Gets an array of uploaded file names.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+}
+/**
+ * A method that will handle the client FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventHandler<S> {
+    /**
+     * A method that will handle the FileDownloading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileDownloadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileDownloadingEventArgs): void;
+}
+/**
+ * Provides data for the FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventHandler<S> {
+    /**
+     * A method that will handle the FocusedItemChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFocusedItemChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFocusedItemChangedEventArgs): void;
+}
+/**
+ * Provides data for the FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the focused item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventHandler<S> {
+    /**
+     * A method that will handle the CurrentFolderChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerCurrentFolderChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCurrentFolderChangedEventArgs): void;
+}
+/**
+ * Provides data for the CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently processed folder.
+     * Value: A string value that specifies the folder's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the folder currently being processed.
+     * Value: A string value that is the folder's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the currently processed file.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the file currently being processed.
+     * Value: A string value that is the file's full name.
+     */
+    fullName: string;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the file has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * A method that will handle the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommand event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerCustomCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCustomCommandEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+}
+/**
+ * A method that will handle the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarUpdating event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerToolbarUpdatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerToolbarUpdatingEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently active file manager area.
+     * Value: A string value that identifies the active area.
+     */
+    activeAreaName: string;
+}
+/**
+ * A method that will handle the client HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventHandler<S> {
+    /**
+     * A method that will handle the HighlightItemTemplate event.
+     * @param source The event source. This parameter identifies the file manager object that raised the event.
+     * @param e An ASPxClientFileManagerHighlightItemTemplateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerHighlightItemTemplateEventArgs): void;
+}
+/**
+ * Provides data for the HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that is a filter value specified by the filter box.
+     * Value: A string that is a filter value.
+     */
+    filterValue: string;
+    /**
+     * Gets the name of the item currently being processed.
+     * Value: A string that is the item name.
+     */
+    itemName: string;
+    /**
+     * Gets an element containing the item template.
+     * Value: An object that is an element containing the item template.
+     */
+    templateElement: string;
+    /**
+     * Get the name of the cascading style sheet (CSS) class associated with an item in the highlighted state.
+     * Value: A string that is the name of a CSS class.
+     */
+    highlightCssClassName: string;
+}
+/**
+ * Represents a client-side equivalent of the menu's MenuItem object.
+ */
+interface ASPxClientMenuItem {
+    /**
+     * Gets the menu object to which the current item belongs.
+     * Value: An ASPxClientMenuBase object representing the menu to which the item belongs.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * Gets the immediate parent item to which the current item belongs.
+     * Value: An ASPxClientMenuItem object representing the item's immediate parent.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * Gets the item's index within the parent's collection of items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the parent object (a menu or item) to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the menu item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * For internal use only.
+     */
+    indexPath: string;
+    /**
+     * Returns the number of the current menu item's immediate child items.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the current menu item's immediate subitem specified by its index.
+     * @param index An integer value specifying the zero-based index of the submenu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns the current menu item's subitem specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Indicates whether the menu item is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Specifies whether the menu item is checked.
+     * @param value true if the menu item is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value specifying whether a menu item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the menu item is enabled.
+     * @param value true to enable the menu item; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the menu item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the menu item.
+     * @param value A string value specifying the URL to the image displayed within the menu item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets a URL which defines the navigation location for the menu item.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the menu item.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the menu item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the menu item.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the menu item.
+     * @param value A string value specifying the text to be displayed within the menu item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a menu item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the menu item's visibility.
+     * @param value true if the menu item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerToolbarItemBase object.
+ */
+interface ASPxClientFileManagerToolbarItem extends ASPxClientMenuItem {
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    index: number;
+}
+/**
+ * A client-side equivalent of the ASPxFormLayout's LayoutItem object.
+ */
+interface ASPxClientLayoutItem {
+    /**
+     * Gets the form layout object to which the current item belongs.
+     * Value: An <see cref="ASPxClientFormLayout" /> object representing the form layout to which the item belongs.
+     */
+    formLayout: ASPxClientFormLayout;
+    /**
+     * Gets the name that uniquely identifies the layout item.
+     * Value: A string value that represents the value assigned to the layout item's Name property.
+     */
+    name: string;
+    /**
+     * Gets the immediate parent layout item to which the current layout item belongs.
+     * Value: An <see cref="ASPxClientLayoutItem" /> object representing the item's immediate parent.
+     */
+    parent: ASPxClientLayoutItem;
+    /**
+     * Returns the current layout item's subitem specified by its name.
+     * @param name A string value specifying the name of the layout item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+    /**
+     * Returns a value specifying whether a layout item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the layout item's visibility.
+     * @param value true, if the layout item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Specifies the text displayed in the layout item caption.
+     * @param caption A string value specifying the item caption.
+     */
+    SetCaption(caption: string): void;
+    /**
+     * Returns the text displayed in the layout item caption.
+     */
+    GetCaption(): string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxFormLayout object.
+ */
+interface ASPxClientFormLayout extends ASPxClientControl {
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+}
+/**
+ * Represents a client-side equivalent of the ASPxGlobalEvents component.
+ */
+interface ASPxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any of DevExpress web controls.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientGlobalEvents>>;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHiddenField control.
+ */
+interface ASPxClientHiddenField extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHiddenField.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the value of the specified property.
+     */
+    Add(propertyName: string, propertyValue: Object): void;
+    /**
+     * Returns the value with the specified property name.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Get(propertyName: string): Object;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the property value.
+     */
+    Set(propertyName: string, propertyValue: Object): void;
+    /**
+     * Removes the specified value from the ASPxHiddenField collection.
+     * @param propertyName A string value representing the property name.
+     */
+    Remove(propertyName: string): void;
+    /**
+     * Clears the ASPxHiddenField's value collection.
+     */
+    Clear(): void;
+    /**
+     * Returns a value indicating whether the value with the specified property name is contained within the ASPxHiddenField control's value collection.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Contains(propertyName: string): boolean;
+}
+/**
+ * The client-side equivalent of the ASPxImageGallery control.
+ */
+interface ASPxClientImageGallery extends ASPxClientDataView {
+    /**
+     * Fires on the client side before the fullscreen viewer is shown and allows you to cancel the action.
+     */
+    FullscreenViewerShowing: ASPxClientEvent<ASPxClientImageGalleryCancelEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Occurs on the client side after an active item has been changed within the fullscreen viewer.
+     */
+    FullscreenViewerActiveItemIndexChanged: ASPxClientEvent<ASPxClientImageGalleryFullscreenViewerEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Shows the fullscreen viewer with the specified active item.
+     * @param index An Int32 value that is an index of the active item.
+     */
+    ShowFullscreenViewer(index: number): void;
+    /**
+     * Hides the fullscreen viewer.
+     */
+    HideFullscreenViewer(): void;
+    /**
+     * Makes the specified item active within the fullscreen viewer on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetFullscreenViewerActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetFullscreenViewerItemCount(): number;
+    /**
+     * Returns the index of the active item within the fullscreen viewer.
+     */
+    GetFullscreenViewerActiveItemIndex(): number;
+    /**
+     * Plays a slide show within a fullscreen viewer.
+     */
+    PlaySlideShow(): void;
+    /**
+     * Pauses a slide show within a fullscreen viewer.
+     */
+    PauseSlideShow(): void;
+}
+/**
+ * A method that will handle the client FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerShowing event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryCancelEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the client FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerActiveItemIndexChanged event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryFullscreenViewerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryFullscreenViewerEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A client-side equivalent of the ASPxImageSlider object.
+ */
+interface ASPxClientImageSlider extends ASPxClientControl {
+    /**
+     * Occurs after the active image, displayed within the image area, is changed.
+     */
+    ActiveItemChanged: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Fires after an image item has been clicked within the image area.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Occurs on the client side when a thumbnail is clicked.
+     */
+    ThumbnailItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Returns an item specified by its index within the image slider's item collection.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientImageSliderItem;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientImageSliderItem;
+    /**
+     * Returns the index of the active item within the image slider control.
+     */
+    GetActiveItemIndex(): number;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Returns the active item within the ASPxImageSlider control.
+     */
+    GetActiveItem(): ASPxClientImageSliderItem;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param item An ASPxClientImageSliderItem object specifying the item to select.
+     * @param preventAnimation true to prevent animation effect; false to enable animation.
+     */
+    SetActiveItem(item: ASPxClientImageSliderItem, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Sets input focus to the ASPxImageSlider control.
+     */
+    Focus(): void;
+    /**
+     * Plays a slide show within an image slider.
+     */
+    Play(): void;
+    /**
+     * Pauses a slide show within image slider.
+     */
+    Pause(): void;
+    /**
+     * Gets a value indicating whether the slide show is playing.
+     */
+    IsSlideShowPlaying(): boolean;
+}
+/**
+ * A method that will handle the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventHandler<S> {
+    /**
+     * A method that will handle the ItemClick events.
+     * @param source The event source. Identifies the ASPxImageSlider control that raised the event.
+     * @param e An ASPxClientImageSliderItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageSliderItemEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientImageSliderItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientImageSliderItem;
+}
+/**
+ * A client-side equivalent of the image slider's ImageSliderItem object.
+ */
+interface ASPxClientImageSliderItem {
+    /**
+     * Gets an image slider to which the current item belongs.
+     * Value: An <see cref="ASPxClientImageSlider" /> object that is the item's owner.
+     */
+    imageSlider: ASPxClientImageSlider;
+    /**
+     * Gets the item's index within an items collection.
+     * Value: An integer value is the item's zero-based index within the Items collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the image slider item.
+     * Value: A string value that is the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Gets or sets the path to the image displayed within the ASPxClientImageSliderItem.
+     * Value: A <see cref="String" /> value specifying the path to the image.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that is the item's display text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxImageZoomNavigator object.
+ */
+interface ASPxClientImageZoomNavigator extends ASPxClientImageSlider {
+}
+/**
+ * A client-side equivalent of the ASPxImageZoom object.
+ */
+interface ASPxClientImageZoom extends ASPxClientControl {
+    /**
+     * Sets the properties on an image displayed in the image zoom control.
+     * @param imageUrl A string value specifying the path to the preview image displayed in the preview image.
+     * @param largeImageUrl A string value specifying the path to the preview image displayed in the zoom window and the expand window.
+     * @param zoomWindowText A string value specifying the text displayed in the zoom window.
+     * @param expandWindowText A string value specifying the text displayed in the expand window.
+     * @param alternateText A string value that specifies the alternate text displayed instead of the image.
+     */
+    SetImageProperties(imageUrl: string, largeImageUrl: string, zoomWindowText: string, expandWindowText: string, alternateText: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxLoadingPanel control.
+ */
+interface ASPxClientLoadingPanel extends ASPxClientControl {
+    /**
+     * Invokes the loading panel.
+     */
+    Show(): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified HTML element.
+     * @param htmlElement An object that specifies the required HTML element.
+     */
+    ShowInElement(htmlElement: Object): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified element.
+     * @param id A string that specifies the required element's identifier.
+     */
+    ShowInElementByID(id: string): void;
+    /**
+     * Invokes the loading panel at the specified position.
+     * @param x An integer value specifying the x-coordinate of the loading panel's display position.
+     * @param y An integer value specifying the y-coordinate of the loaidng panel's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Sets the text to be displayed within the ASPxLoadingPanel.
+     * @param text A string value specifying the text to be displayed within the ASPxLoadingPanel.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the text displayed within the ASPxLoadingPanel.
+     */
+    GetText(): string;
+    /**
+     * Hides the loading panel.
+     */
+    Hide(): void;
+}
+/**
+ * Serves as the base type for the ASPxClientPopupMenu objects.
+ */
+interface ASPxClientMenuBase extends ASPxClientControl {
+    /**
+     * Fires after a menu item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientMenuItemClickEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a menu item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a menu item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu pops up.
+     */
+    PopUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu closes.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Returns the number of menu items at the root menu level.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): ASPxClientMenuItem;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): ASPxClientMenuItem;
+}
+/**
+ * Represents a client collection that maintains client menu objects.
+ */
+interface ASPxClientMenuCollection extends ASPxClientControlCollection {
+    /**
+     * Recalculates the position of visible sub menus.
+     */
+    RecalculateAll(): void;
+    /**
+     * Hides all menus maitained by the collection.
+     */
+    HideAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxMenu object.
+ */
+interface ASPxClientMenu extends ASPxClientMenuBase {
+    /**
+     * Gets a value specifying the menu orientation.
+     */
+    GetOrientation(): string;
+    /**
+     * Sets the menu orientation.
+     * @param orientation 'Vertical' to orient the menu vertically; 'Horizontal' to orient the menu horizontally.
+     */
+    SetOrientation(orientation: string): void;
+}
+/**
+ * A method that will handle the menu's client events concerning manipulations with an item.
+ */
+interface ASPxClientMenuItemEventHandler<S> {
+    /**
+     * A method that will handle the menu's client events concerning manipulations with an item.
+     * @param source The event source. This parameter identifies the menu object which raised the event.
+     * @param e An ASPxClientMenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on menu items.
+ */
+interface ASPxClientMenuItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+}
+/**
+ * A method that will handle client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemMouseEventArgs): void;
+}
+/**
+ * Provides data for client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventArgs extends ASPxClientMenuItemEventArgs {
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An HTML object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's items.
+ */
+interface ASPxClientMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle client ItemClick events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's items.
+ */
+interface ASPxClientMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Contains options affecting the touch scrolling functionality.
+ */
+interface ASPxClientTouchUIOptions {
+    /**
+     * Gets or sets a value that specifies whether or not the horizontal scroll bar should be displayed.
+     * Value: true to display the horizontal scroll bar; otherwise, false. The default value is true.
+     */
+    showHorizontalScrollbar: boolean;
+    /**
+     * Gets or sets a value that specifies whether or not the vertical scroll bar should be displayed.
+     * Value: true to display the vertical scroll bar; otherwise, false. The default value is true.
+     */
+    showVerticalScrollbar: boolean;
+    /**
+     * Gets or sets the name of the CSS class defining the vertical scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    vScrollClassName: string;
+    /**
+     * Gets or sets the name of the CSS class defining the horizontal scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    hScrollClassName: string;
+}
+/**
+ * Contains a method allowing you to apply the current scroll extender to a specific element.
+ */
+interface ScrollExtender {
+    /**
+     * Applies the current scroll extender to the element specified by the ID.
+     * @param id A string value specifying the element's ID.
+     */
+    ChangeElement(id: string): void;
+    /**
+     * Applies the current scroll extender to the specified DOM element.
+     * @param element An object specifying the required DOM element.
+     */
+    ChangeElement(element: Object): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNavBar control.
+ */
+interface ASPxClientNavBar extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientNavBarItemEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side after a group's expansion state has been changed.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientNavBarGroupEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side before the expansion state of a group is changed.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientNavBarGroupCancelEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires when a group header is clicked.
+     */
+    HeaderClick: ASPxClientEvent<ASPxClientNavBarGroupClickEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientNavBar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientNavBar>>;
+    /**
+     * Returns the number of groups in the navbar.
+     */
+    GetGroupCount(): number;
+    /**
+     * Returns a group specified by its index.
+     * @param index An integer value specifying the zero-based index of the group object to retrieve.
+     */
+    GetGroup(index: number): ASPxClientNavBarGroup;
+    /**
+     * Returns a group specified by its name.
+     * @param name A string value specifying the name of the group.
+     */
+    GetGroupByName(name: string): ASPxClientNavBarGroup;
+    /**
+     * Returns the navbar's active group.
+     */
+    GetActiveGroup(): ASPxClientNavBarGroup;
+    /**
+     * Makes the specified group active.
+     * @param group A ASPxClientNavBarGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: ASPxClientNavBarGroup): void;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+    /**
+     * Returns the selected item within the navbar control.
+     */
+    GetSelectedItem(): ASPxClientNavBarItem;
+    /**
+     * Selects the specified item within the navbar control on the client side.
+     * @param item An ASPxClientNavBarItem object specifying the item to select.
+     */
+    SetSelectedItem(item: ASPxClientNavBarItem): void;
+    /**
+     * Collapses all groups of the navbar.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all groups of the navbar.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarGroup object.
+ */
+interface ASPxClientNavBarGroup {
+    /**
+     * Gets the navbar to which the current group belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the group belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group's index within a collection of a navbar's groups.
+     * Value: An integer value representing the group's zero-based index within the Groups collection of the navbar to which the group belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the group.
+     * Value: A string value that represents the value assigned to the group's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a group is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether the group is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets the group's expansion state.
+     * @param value true to expand the group; false to collapse the group.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value specifying whether a group is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Returns text displayed within a group.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within a group.
+     * @param text A string value that is the text displayed within the navbar group.
+     */
+    SetText(text: string): void;
+    /**
+     * Specifies whether the group is visible.
+     * @param value true if the group is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Returns the number of items in the group.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the group's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientNavBarItem;
+    /**
+     * Returns a group item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarItem object.
+ */
+interface ASPxClientNavBarItem {
+    /**
+     * Gets the navbar to which the current item belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the item belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group to which the current item belongs.
+     * Value: An ASPxClientNavBarGroup object representing the group to which the item belongs.
+     */
+    group: ASPxClientNavBarGroup;
+    /**
+     * Gets the item's index within a collection of a group's items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the group to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value indicating whether an item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the item is enabled.
+     * @param value true if the item is enabled; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL which points to the image displayed within the item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     * @param value A string value that specifies the URL to the image displayed within the item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the item's navigation location.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the item's navigation location.
+     * @param value A string value which represents the URL to where the client web browser will navigate when the item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the item.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the item.
+     * @param value A string value that represents the text displayed within the item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether an item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the item is visible.
+     * @param value true is the item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with an item.
+ */
+interface ASPxClientNavBarItemEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on items.
+ */
+interface ASPxClientNavBarItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the item object related to the event.
+     * Value: An ASPxClientNavBarItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientNavBarItem;
+    /**
+     * Gets the HTML object that contains the processed navbar item.
+     * Value: An object representing a container for the navbar item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object, manipulations on which forced the event to be raised.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupCancelEventHandler<S> {
+    /**
+     * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object representing the group manipulations on which forced the navbar to raise the event.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning clicks on groups.
+     * @param source The event source. This parameter identifies the navbar object which raised the event.
+     * @param e An ASPxClientNavBarGroupClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventArgs extends ASPxClientNavBarGroupCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed group.
+     * Value: An object representing a container for the group related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNewsControl object.
+ */
+interface ASPxClientNewsControl extends ASPxClientDataView {
+    /**
+     * Fires after an item's tail has been clicked.
+     */
+    TailClick: ASPxClientEvent<ASPxClientNewsControlItemEventHandler<ASPxClientNewsControl>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientNewsControlItemEventHandler<S> {
+    /**
+     * A method that will handle the news control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the news control object that raised the event.
+     * @param e An ASPxClientNewsControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNewsControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern tail clicking within the control's items.
+ */
+interface ASPxClientNewsControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxObjectContainer control.
+ */
+interface ASPxClientObjectContainer extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the FSCommand action is called within the associated flash object's action script.
+     */
+    FlashScriptCommand: ASPxClientEvent<ASPxClientFlashScriptCommandEventHandler<ASPxClientObjectContainer>>;
+    /**
+     * Play the Flash movie backwards.
+     */
+    Back(): void;
+    /**
+     * Returns the value of the Flash variable specified.
+     * @param name A string value that specifies the Flash variable.
+     */
+    GetVariable(name: string): string;
+    /**
+     * Play the Flash movie forwards.
+     */
+    Forward(): void;
+    /**
+     * Activates the specified frame in the Flash movie.
+     * @param frameNumber An integer value that specifies the requested frame.
+     */
+    GotoFrame(frameNumber: number): void;
+    /**
+     * Indicates whether the Flash movie is currently playing.
+     */
+    IsPlaying(): boolean;
+    /**
+     * Loads the Flash movie to the specified layer.
+     * @param layerNumber An integer value that identifies a layer in which to load the movie.
+     * @param url A string value that specifies the movie's URL.
+     */
+    LoadMovie(layerNumber: number, url: string): void;
+    /**
+     * Pans a zoomed-in Flash movie to the specified coordinates.
+     * @param x An integer value that specifies the X-coordinate.
+     * @param y An integer value that specifies the Y-coordinate.
+     * @param mode 0 the coordinates are pixels; 1 the coordinates are a percentage of the window.
+     */
+    Pan(x: number, y: number, mode: number): void;
+    /**
+     * Returns the percent of the Flash Player movie that has streamed into the browser so far.
+     */
+    PercentLoaded(): string;
+    /**
+     * Starts playing the Flash movie.
+     */
+    Play(): void;
+    /**
+     * Rewinds the Flash movie to the first frame.
+     */
+    Rewind(): void;
+    /**
+     * Sets the value of the specified Flash variable.
+     * @param name A string value that specifies the Flash variable.
+     * @param value A string value that represents a new value.
+     */
+    SetVariable(name: string, value: string): void;
+    /**
+     * Zooms in on the specified rectangular area of the Flash movie.
+     * @param left An integer value that specifies the x-coordinate of the rectangle's left side, in twips.
+     * @param top An integer value that specifies the y-coordinate of the rectangle's top side, in twips.
+     * @param right An integer value that specifies the x-coordinate of the rectangle's right side, in twips.
+     * @param bottom An integer value that specifies the y-coordinate of the rectangle's bottom side, in twips.
+     */
+    SetZoomRect(left: number, top: number, right: number, bottom: number): void;
+    /**
+     * Stops playing the Flash movie.
+     */
+    StopPlay(): void;
+    /**
+     * Returns the total number of frames in the Flash movie.
+     */
+    TotalFrames(): number;
+    /**
+     * Zooms the Flash view by a relative scale factor.
+     * @param percent An integer value that specifies the relative scale factor, as a  percentage.
+     */
+    Zoom(percent: number): void;
+    /**
+     * Starts playing a Quick Time movie.
+     */
+    QTPlay(): void;
+    /**
+     * Stops playing a Quick Time movie.
+     */
+    QTStopPlay(): void;
+    /**
+     * Rewinds a Quick Time movie to the first frame.
+     */
+    QTRewind(): void;
+    /**
+     * Steps through a Quick Time video stream by a specified number of frames.
+     * @param count An integer value that specifies the number of frames to step.
+     */
+    QTStep(count: number): void;
+}
+/**
+ * A method that will handle the FlashScriptCommand event.
+ */
+interface ASPxClientFlashScriptCommandEventHandler<S> {
+    /**
+     * A method that will handle the FlashScriptCommand event.
+     * @param source The event source.
+     * @param e A ASPxClientFlashScriptCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFlashScriptCommandEventArgs): void;
+}
+/**
+ * Provides data for the FlashScriptCommand client event.
+ */
+interface ASPxClientFlashScriptCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's command parameter.
+     */
+    command: string;
+    /**
+     * Gets arguments passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's args parameter.
+     */
+    args: string;
+}
+/**
+ * Lists the available link types within office documents.
+ */
+interface ASPxClientOfficeDocumentLinkType {
+}
+/**
+ * Serves as the base class for controls that implement panel functionality.
+ */
+interface ASPxClientPanelBase extends ASPxClientControl {
+    /**
+     * Returns the HTML code that is the content of the panel.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML content for the panel.
+     * @param html A string value that is the HTML code defining the content of the panel.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the panel is enabled.
+     * @param enabled true to enable the panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxPanel control.
+ */
+interface ASPxClientPanel extends ASPxClientPanelBase {
+    /**
+     * Occurs when the expanded panel is closed.
+     */
+    Collapsed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Occurs when an end-user opens the expand panel.
+     */
+    Expanded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Expands or collapses the client panel.
+     */
+    Toggle(): void;
+    /**
+     * Returns a value specifying whether the panel can be expanded.
+     */
+    IsExpandable(): boolean;
+    /**
+     * Returns a value specifying whether the panel is expanded.
+     */
+    IsExpanded(): boolean;
+    /**
+     * Expands the collapsed panel.
+     */
+    Expand(): void;
+    /**
+     * Collapses the expanded panel.
+     */
+    Collapse(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupControl control.
+ */
+interface ASPxClientPopupControl extends ASPxClientPopupControlBase {
+    /**
+     * Occurs when a popup window's close button is clicked.
+     */
+    CloseButtonClick: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControl>>;
+    /**
+     * This method is not in effect for a ASPxClientPopupControl object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked a default popup window.
+     */
+    GetPopUpReasonMouseEvent(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked the specified popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowPopUpReasonMouseEvent(window: ASPxClientPopupWindow): Object;
+    /**
+     * 
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Specifies the default popup window's size.
+     * @param width An integer value that specifies the default popup window's width.
+     * @param height An integer value that specifies the default popup window's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Gets the width of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Gets the height of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the height of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the width of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Specifies the size of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param width An integer value that specifies the required popup window's width.
+     * @param height An integer value that specifies the required popup window's height.
+     */
+    SetWindowSize(window: ASPxClientPopupWindow, width: number, height: number): void;
+    /**
+     * Returns the HTML code that is the content of the popup control's default popup window.
+     */
+    GetContentHTML(): string;
+    /**
+     * Defines the HTML content for the popup control's default popup window.
+     * @param html A string value that is the HTML code defining the content of the popup window.
+     */
+    SetContentHTML(html: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control's window is associated.
+     * @param window An ASPxClientPopupWindow object representing a popup control's window.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup control's window is associated.
+     */
+    SetWindowPopupElementID(window: ASPxClientPopupWindow, popupElementId: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element to which the popup control is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the default window within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an index of the object that invoked the specified popup window, within the window's PopupElementID list.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElementIndex(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns an object that invoked the default window.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Returns an object that invoked the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElement(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns a value that specifies whether the popup control's specific window is displayed.
+     * @param window A ASPxClientPopupWindow object representing the popup window whose visibility is checked.
+     */
+    IsWindowVisible(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Returns a popup window specified by its index.
+     * @param index An integer value specifying the zero-based index of the popup window object to be retrieved.
+     */
+    GetWindow(index: number): ASPxClientPopupWindow;
+    /**
+     * Returns a popup window specified by its name.
+     * @param name A string value specifying the name of the popup window.
+     */
+    GetWindowByName(name: string): ASPxClientPopupWindow;
+    /**
+     * Returns the number of popup windows in the popup control.
+     */
+    GetWindowCount(): number;
+    /**
+     * Invokes the popup control's specific window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     */
+    ShowWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Invokes the specified popup window at the popup element with the specified index.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element within the window's PopupElementID list.
+     */
+    ShowWindow(window: ASPxClientPopupWindow, popupElementIndex: number): void;
+    /**
+     * Invokes the popup control's specific window and displays it over the specified HTML element.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param htmlElement An object specifying the HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Invokes the popup control's specific window and displays it over an HTML element specified by its unique identifier.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElementByID(window: ASPxClientPopupWindow, id: string): void;
+    /**
+     * Invokes the popup control's specific popup window at the specified position.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param x A integer value specifying the x-coordinate of the popup window's display position.
+     * @param y A integer value specifying the y-coordinate of the popup window's display position.
+     */
+    ShowWindowAtPos(window: ASPxClientPopupWindow, x: number, y: number): void;
+    /**
+     * Brings the specified popup window to the front of the z-order.
+     * @param window A ASPxClientPopupWindow object representing the popup window.
+     */
+    BringWindowToFront(window: ASPxClientPopupWindow): void;
+    /**
+     * Closes the popup control's specified window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to close.
+     */
+    HideWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Returns the HTML code that represents the contents of the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHtml(window: ASPxClientPopupWindow): string;
+    /**
+     * Defines the HTML content for a specific popup window within the popup control.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param html A string value that represents the HTML code defining the content of the specified popup window.
+     */
+    SetWindowContentHtml(window: ASPxClientPopupWindow, html: string): void;
+    /**
+     * Returns an iframe object containing a web page specified via the specified popup window's SetWindowContentUrl client method).
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentIFrame(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentUrl(window: ASPxClientPopupWindow): string;
+    /**
+     * Sets the URL pointing to the web page that should be loaded into and displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param url A string value specifying the URL to the web page to be displayed within the specified popup window.
+     */
+    SetWindowContentUrl(window: ASPxClientPopupWindow, url: string): void;
+    /**
+     * Returns a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowPinned(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to pin the window; otherwise, false.
+     */
+    SetWindowPinned(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowMaximized(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to maximize the window; otherwise, false.
+     */
+    SetWindowMaximized(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowCollapsed(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to collapse the window; otherwise, false.
+     */
+    SetWindowCollapsed(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    RefreshWindowContentUrl(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     */
+    UpdatePosition(): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at the specified HTML element.
+     * @param htmlElement An object specifying the HTML element to which the default popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdatePositionAtElement(htmlElement: Object): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    UpdateWindowPosition(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at the specified HTML element.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param htmlElement An object specifying the HTML element to which the specified popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdateWindowPositionAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Refreshes the connection between the ASPxPopupControl and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+}
+/**
+ * Represents a client-side equivalent of a popup control's PopupWindow object.
+ */
+interface ASPxClientPopupWindow {
+    /**
+     * Gets the popup control to which the current popup window belongs.
+     * Value: An ASPxClientPopupControl object representing the popup control to which the window belongs.
+     */
+    popupControl: ASPxClientPopupControl;
+    /**
+     * Gets the index of the current popup window within the popup control's Windows collection.
+     * Value: An integer value representing the zero-based index of the current popup window within the Windows collection of the popup control to which the window belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current popup window.
+     * Value: A string value that represents a value assigned to the popup window's Name property.
+     */
+    name: string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer.
+     * @param value A string value that is the URL to the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Returns the text displayed within the window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed within the window's header.
+     * @param value A string value that specifies the window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Returns the text displayed within the popup window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Specifies the text displayed within the window's footer.
+     * @param value A string value that specifies the window's footer text.
+     */
+    SetFooterText(value: string): void;
+}
+/**
+ * A method that will handle the popup control's client events invoked in response to manipulating a popup window.
+ */
+interface ASPxClientPopupWindowEventHandler<S> {
+    /**
+     * A method that will handle the popup control's client events when a popup window is manipulated.
+     * @param source An object representing the event's source. Identifies the popup control object (ASPxClientPopupControl) that raised the event.
+     * @param e An ASPxClientPopupWindowEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowEventArgs): void;
+}
+/**
+ * Provides data for events concerning client manipulations on popup windows.
+ */
+interface ASPxClientPopupWindowEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+}
+/**
+ * A method that will handle the popup window's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventHandler<S> {
+    /**
+     * A method that will handle the popup window's cancelable client events.
+     * @param source An object representing the event's source. Identifies the popup window object that raised the event.
+     * @param e An ASPxClientPopupWindowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCancelEventArgs): void;
+}
+/**
+ * Provides data for the popup control's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+    /**
+     * Gets the value that identifies the reason the popup window is about to close.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventHandler<S> {
+    /**
+     * A method that will handle the CloseUp event.
+     * @param source The event source.
+     * @param e An ASPxClientPopupWindowCloseUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCloseUpEventArgs): void;
+}
+/**
+ * Provides data for the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets the value that identifies the reason the popup window closes.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventHandler<S> {
+    /**
+     * A method that will handle the Resize event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowResizeEventArgs): void;
+}
+/**
+ * Provides data for the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Returns the value indicating the window state after resizing.
+     * Value: The integer value indicating the window resize state.
+     */
+    resizeState: number;
+}
+/**
+ * A method that will handle the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventHandler<S> {
+    /**
+     * A method that will handle the PinnedChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowPinnedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowPinnedChangedEventArgs): void;
+}
+/**
+ * Provides data for the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets a value indicating whether the processed popup window has been pinned.
+     * Value: true, if the window has been pinned; otherwise, false.
+     */
+    pinned: boolean;
+}
+/**
+ * Represents a client collection that maintains client popup control objects.
+ */
+interface ASPxClientPopupControlCollection extends ASPxClientControlCollection {
+    /**
+     * Hides all popup windows maintained by the collection.
+     */
+    HideAllWindows(): void;
+}
+/**
+ * Declares client constants that identify the reason the popup window closes.
+ */
+interface ASPxClientPopupControlCloseReason {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupMenu object.
+ */
+interface ASPxClientPopupMenu extends ASPxClientMenuBase {
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup menu is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup menu is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the popup menu within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an object that invoked the popup menu.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Refreshes the connection between the ASPxPopupMenu and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+    /**
+     * Hides the popup menu.
+     */
+    Hide(): void;
+    /**
+     * Invokes the popup menu.
+     */
+    Show(): void;
+    /**
+     * Invokes the popup menu at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the popup menu and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the popup menu and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the popup menu at the specified position.
+     * @param x An integer value specifying the x-coordinate of the popup menu's display position.
+     * @param y An integer value specifying the y-coordinate of the popup menu's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRatingControl control.
+ */
+interface ASPxClientRatingControl extends ASPxClientControl {
+    /**
+     * Fires on the server after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientRatingControlItemClickEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a rating control item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a rating control item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Gets the item tooltip title specified by the item index.
+     * @param index An integer value specifying the item index.
+     */
+    GetTitle(index: number): string;
+    /**
+     * Returns a value indicating whether the control's status is read-only.
+     */
+    GetReadOnly(): boolean;
+    /**
+     * Specifies whether the control's status is read-only.
+     * @param value true to make the control read-only; otherwise, false.
+     */
+    SetReadOnly(value: boolean): void;
+    /**
+     * Returns the value of the ASPxRatingControl.
+     */
+    GetValue(): number;
+    /**
+     * Modifies the value of the ASPxRatingControl on the client side.
+     * @param value A decimal value representing the value of the control.
+     */
+    SetValue(value: number): void;
+}
+/**
+ * A method that will handle the client ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventHandler<S> {
+    /**
+     * A method that will handle the client ItemClick event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientRatingControlItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the clicked item's index.
+     */
+    index: number;
+}
+/**
+ * A method that will handle the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source The event source.
+     * @param e An ASPxClientRatingControlItemMouseEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemMouseEventArgs): void;
+}
+/**
+ * Provides data for the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the related item's index.
+     */
+    index: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRibbon control.
+ */
+interface ASPxClientRibbon extends ASPxClientControl {
+    /**
+     * Occurs after an end-user executes an action on a ribbon item.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientRibbonCommandExecutedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a ribbon control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientRibbonTabEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs on the client side when the ribbon minimization state is changed by end-user actions.
+     */
+    MinimizationStateChanged: ASPxClientEvent<ASPxClientRibbonMinimizationStateEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs when the file tab is clicked.
+     */
+    FileTabClicked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after a dialog box launcher has been clicked.
+     */
+    DialogBoxLauncherClicked: ASPxClientEvent<ASPxClientRibbonDialogBoxLauncherClickedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires after key tips are closed by pressing Esc.
+     */
+    KeyTipsClosedOnEscape: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Specifies whether the ribbon control is enabled.
+     * @param enabled true to enable the ribbon; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the ribbon is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientRibbonTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientRibbonTab;
+    /**
+     * Returns the number of tabs in the ribbon Tabs collection.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns the active tab within the ribbon control.
+     */
+    GetActiveTab(): ASPxClientRibbonTab;
+    /**
+     * Makes the specified tab active in the ribbon control on the client side.
+     * @param tab A ASPxClientRibbonTab object specifying the tab selection.
+     */
+    SetActiveTab(tab: ASPxClientRibbonTab): void;
+    /**
+     * Makes a tab active within the ribbon control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns a ribbon item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientRibbonItem;
+    /**
+     * Returns a value of item with the specified name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemValueByName(name: string): Object;
+    /**
+     * Sets the value of the item with the specified name.
+     * @param name A string value specifying the name of the item.
+     * @param value An object that is the new item value.
+     */
+    SetItemValueByName(name: string, value: Object): void;
+    /**
+     * Specifies whether the ribbon is minimized.
+     * @param minimized true to set the ribbon state to minimized; false to set the ribbon state to normal.
+     */
+    SetMinimized(minimized: boolean): void;
+    /**
+     * Gets a value specifying whether the ribbon is minimized.
+     */
+    GetMinimized(): boolean;
+    /**
+     * Specifies the visibility of a context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param visible true to make a category visible; false to make it hidden.
+     */
+    SetContextTabCategoryVisible(categoryName: string, visible: boolean): void;
+    /**
+     * Shows ribbon key tips.
+     */
+    ShowKeyTips(): void;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonTab object.
+ */
+interface ASPxClientRibbonTab {
+    /**
+     * Gets the client ribbon object to which the current tab belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the tab belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets or sets the tab's index within the collection.
+     * Value: An integer value that is the zero-based index of the tab within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon tab.
+     * Value: A string value that is the tab's name.
+     */
+    name: string;
+    /**
+     * Returns the text displayed in the tab.
+     */
+    GetText(): string;
+    /**
+     * Sets a value specifying whether the tab is enabled.
+     * @param enabled true to enable the tab; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether a ribbon tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether a ribbon tab is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonGroup object.
+ */
+interface ASPxClientRibbonGroup {
+    /**
+     * Gets the client ribbon object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the group belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets the client tab object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object to which the group belongs.
+     */
+    tab: ASPxClientRibbonTab;
+    /**
+     * Gets or sets the group's index within the collection.
+     * Value: An integer value that is the zero-based index of the group within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon group.
+     * Value: A string value that is the group's name.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a ribbon group is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonItemBase object.
+ */
+interface ASPxClientRibbonItem {
+    /**
+     * Gets the client group object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the item belongs.
+     */
+    group: ASPxClientRibbonGroup;
+    /**
+     * Gets or sets the item's index within the collection.
+     * Value: An integer value that is the zero-based index of the item within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the client ribbon object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the item belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Returns a value indicating whether a ribbon item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the item is enabled.
+     * @param enabled true to enable the item; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns the item value.
+     */
+    GetValue(): Object;
+    /**
+     * Sets the item value.
+     * @param value An  that specifies the item value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value specifying whether a ribbon item is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A method that will handle the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CommandExecuted event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientRibbonItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientRibbonItem;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventHandler<S> {
+    /**
+     * A method that will handle the ActiveTabChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e A ASPxClientRibbonTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object that is the tab, manipulations on which forced the ribbon control to raise the event.
+     */
+    tab: ASPxClientRibbonTab;
+}
+/**
+ * A method that will handle the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventHandler<S> {
+    /**
+     * A method that will handle the MinimizationStateChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonMinimizationStateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonMinimizationStateEventArgs): void;
+}
+/**
+ * Provides data for the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the value indicating the new ribbon state.
+     * Value: The integer value indicating the ribbon minimization state.
+     */
+    ribbonState: number;
+}
+/**
+ * A method that will handle the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventHandler<S> {
+    /**
+     * A method that will handle the DialogBoxLauncherClicked event.
+     * @param source The event source. This parameter identifies the ribbon object which raised the event.
+     * @param e An ASPxClientRibbonDialogBoxLauncherClickedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonDialogBoxLauncherClickedEventArgs): void;
+}
+/**
+ * Provides data for the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the client group object to which the clicked dialog box launcher belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the dialog box launcher belongs.
+     */
+    group: ASPxClientRibbonGroup;
+}
+/**
+ * Represents a client-side equivalent of the ASPxRoundPanel control.
+ */
+interface ASPxClientRoundPanel extends ASPxClientPanelBase {
+    /**
+     * Fires on the client side after a panel has been expanded or collapsed via end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client side before a panel is expanded or collapsed by end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanging: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientRoundPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the panel's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed in the panel's header.
+     * @param text A string value that specifies the panel header's text.
+     */
+    SetHeaderText(text: string): void;
+    /**
+     * Returns a value indicating whether the panel is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Sets a value indicating whether the panel is collapsed.
+     * @param collapsed true, to collapse the panel; otherwise, false.
+     */
+    SetCollapsed(collapsed: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxSplitter object.
+ */
+interface ASPxClientSplitter extends ASPxClientControl {
+    /**
+     * Fires before a pane is resized.
+     */
+    PaneResizing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been resized.
+     */
+    PaneResized: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is collapsed.
+     */
+    PaneCollapsing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been collapsed.
+     */
+    PaneCollapsed: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is expanded.
+     */
+    PaneExpanding: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been expanded.
+     */
+    PaneExpanded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Occurs when a pane resize operation has been completed.
+     */
+    PaneResizeCompleted: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a specific web page has been loaded into a pane.
+     */
+    PaneContentUrlLoaded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Returns the number of panes at the root level of a splitter.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the splitter's root pane specified by its index within the Panes collection.
+     * @param index An integer value specifying the zero-based index of the root pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns a pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Specifies whether the control's panes can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Returns a string value that represents the client state of splitter panes.
+     */
+    GetLayoutData(): string;
+}
+/**
+ * Represents a client-side equivalent of the splitter's SplitterPane object.
+ */
+interface ASPxClientSplitterPane {
+    /**
+     * Gets the index of the current pane within the pane collection to which it belongs.
+     * Value: An integer value representing the zero-based index of the current pane within the SplitterPaneCollection collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current splitter pane.
+     * Value: A string value that represents the value assigned to the pane's Name property.
+     */
+    name: string;
+    /**
+     * Returns a client splitter object that contains the current pane.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Returns the immediate parent of the current pane.
+     */
+    GetParentPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the previous sibling pane of the current pane.
+     */
+    GetPrevPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the next sibling pane of the current pane.
+     */
+    GetNextPane(): ASPxClientSplitterPane;
+    /**
+     * Determines whether the current pane is the first pane within the SplitterPaneCollection.
+     */
+    IsFirstPane(): boolean;
+    /**
+     * Determines whether the current pane is the last pane within the SplitterPaneCollection.
+     */
+    IsLastPane(): boolean;
+    /**
+     * Returns a value that indicates the orientation in which the current pane and its sibling panes are stacked.
+     */
+    IsVertical(): boolean;
+    /**
+     * Returns the number of the current pane's immediate child panes.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the current pane's immediate child pane specified by its index.
+     * @param index An integer value specifying the zero-based index of the child pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns the current pane's child pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Gets the width of the pane's content area.
+     */
+    GetClientWidth(): number;
+    /**
+     * Gets the height of the pane's content area.
+     */
+    GetClientHeight(): number;
+    /**
+     * Collapses the current pane and occupies its space by maximizing the specified pane.
+     * @param maximizedPane A ASPxClientSplitterPane object specifying the pane to be maximized to occupy the freed space.
+     */
+    Collapse(maximizedPane: ASPxClientSplitterPane): boolean;
+    /**
+     * Collapses the current pane in a forward direction and occupies its space by maximizing the previous adjacent pane.
+     */
+    CollapseForward(): boolean;
+    /**
+     * Collapses the current pane in a backward direction, and occupies its space by maximizing the next adjacent pane.
+     */
+    CollapseBackward(): boolean;
+    /**
+     * Expands the current pane object on the client side.
+     */
+    Expand(): boolean;
+    /**
+     * Returns whether the pane is collapsed.
+     */
+    IsCollapsed(): boolean;
+    /**
+     * Returns whether the pane's content is loaded from an external web page.
+     */
+    IsContentUrlPane(): boolean;
+    /**
+     * Gets the URL of a web page displayed as a pane's content.
+     */
+    GetContentUrl(): string;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane, but should not be cached by a client browser.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     * @param preventBrowserCaching true to prevent the browser to cache the loaded content; false to allow browser caching.
+     */
+    SetContentUrl(url: string, preventBrowserCaching: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the current pane.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Returns an iframe object containing a web page specified via the pane's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Specifies whether the current pane can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Forces the client PaneResized event to be generated.
+     */
+    RaiseResizedEvent(): void;
+    /**
+     * Returns an HTML element representing a splitter pane object.
+     */
+    GetElement(): Object;
+    /**
+     * Specifies the splitter pane's size in pixels.
+     * @param size An integer value that specifies the splitter pane's size.
+     */
+    SetSize(size: number): void;
+    /**
+     * Specifies the splitter pane's size, in pixels or percents.
+     * @param size A string value that specifies the splitter pane's size, in pixels or percents.
+     */
+    SetSize(size: string): void;
+    /**
+     * Returns the splitter pane's size, in pixels or percents.
+     */
+    GetSize(): string;
+    /**
+     * Returns the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     */
+    GetScrollTop(): number;
+    /**
+     * Specifies the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollTop(value: number): void;
+    /**
+     * Returns the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     */
+    GetScrollLeft(): number;
+    /**
+     * Specifies the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollLeft(value: number): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventHandler<S> {
+    /**
+     * A method that will handle the splitter's client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter object that raised the event.
+     * @param e An ASPxClientSplitterPaneEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneEventArgs): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the pane object related to the event.
+     * Value: An ASPxClientSplitterPane object, manipulations on which forced the event to be raised.
+     */
+    pane: ASPxClientSplitterPane;
+}
+/**
+ * A method that will handle a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventHandler<S> {
+    /**
+     * A method that will handle a splitter control's cancelable client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter control object that raised the event.
+     * @param e An ASPxClientSplitterPaneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneCancelEventArgs): void;
+}
+/**
+ * Provides data for a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventArgs extends ASPxClientSplitterPaneEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents a base for the ASPxClientPageControl objects.
+ */
+interface ASPxClientTabControlBase extends ASPxClientControl {
+    /**
+     * Fires when a tab is clicked.
+     */
+    TabClick: ASPxClientEvent<ASPxClientTabControlTabClickEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a tab control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientTabControlTabEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side before the active tab is changed within a tab control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientTabControlTabCancelEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a client tab control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Modifies a tab page's size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Returns the active tab within the tab control.
+     */
+    GetActiveTab(): ASPxClientTab;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+    /**
+     * Returns the index of the active tab within the tab control.
+     */
+    GetActiveTabIndex(): number;
+    /**
+     * Makes a tab active within the tab control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns the number of tabs in the ASPxTabControl.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientTab;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTabControl object.
+ */
+interface ASPxClientTabControl extends ASPxClientTabControlBase {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPageControl object.
+ */
+interface ASPxClientPageControl extends ASPxClientTabControlBase {
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: ASPxClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: ASPxClientTab, html: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents a client-side equivalent of a tab control's TabPage object.
+ */
+interface ASPxClientTab {
+    /**
+     * Gets the tab control to which the current tab belongs.
+     * Value: An ASPxClientTabControlBase object representing the control to which the tab belongs.
+     */
+    tabControl: ASPxClientTabControlBase;
+    /**
+     * Gets the index of the current tab (tabbed page) within the control's collection of tabs (tabbed pages).
+     * Value: An integer value representing the zero-based index of the current tab (tabbed page) within the TabPages) collection of the control to which the tab belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current tab.
+     * Value: A string value that represents the value assigned to the tab's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the tab is enabled.
+     * @param value true to enable the tab; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the tab.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the tab.
+     * @param value A string value that is the URL to the image displayed within the tab.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the active tab.
+     */
+    GetActiveImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the active tab.
+     * @param value A string value that is the URL to the image displayed within the active tab.
+     */
+    SetActiveImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the tab.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the tab.
+     * @param value A string value which is a URL to where the client web browser will navigate when the tab is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the tab.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the tab.
+     * @param value A string value that is the text displayed within the tab.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a tab is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the tab is visible.
+     * @param value true is the tab is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle a tab control's client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabEventHandler<S> {
+    /**
+     * A method that will handle a tab control's client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object, manipulations on which forced the event to be raised.
+     */
+    tab: ASPxClientTab;
+}
+/**
+ * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabCancelEventHandler<S> {
+    /**
+     * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object representing the tab manipulations on which forced the tab control to raise the event.
+     */
+    tab: ASPxClientTab;
+    /**
+     * Gets or sets a value specifying whether a callback should be sent to the server to reload the content of the page being activated.
+     * Value: true to reload the page's content; otherwise, false.
+     */
+    reloadContentOnCallback: boolean;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventHandler<S> {
+    /**
+     * A method that will handle client events concerning clicks on tabs.
+     * @param source The event source. This parameter identifies the tab control object which raised the event.
+     * @param e An ASPxClientTabControlTabClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventArgs extends ASPxClientTabControlTabCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed tab.
+     * Value: An object representing a container for the tab related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTimer object.
+ */
+interface ASPxClientTimer extends ASPxClientControl {
+    /**
+     * Fires on the client side when the specified timer interval has elapsed, and the timer is enabled.
+     */
+    Tick: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimer>>;
+    /**
+     * Returns a value indicating whether the timer is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Enables the timer.
+     * @param enabled true to turn the timer on; false, to turn the timer off.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Gets the time before the Tick event.
+     */
+    GetInterval(): number;
+    /**
+     * Specifies the time before the Tick event.
+     * @param interval An integer value that specifies the number of milliseconds before the Tick event is raised relative to the last occurrence of the Tick event. The value cannot be less than one.
+     */
+    SetInterval(interval: number): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTitleIndex object.
+ */
+interface ASPxClientTitleIndex extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientTitleIndexItemEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTitleIndex.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTitleIndex>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientTitleIndexItemEventHandler<S> {
+    /**
+     * A method that will handle the title index control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the title index control object that raised the event.
+     * @param e An ASPxClientTitleIndexItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTitleIndexItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on the control's items.
+ */
+interface ASPxClientTitleIndexItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView object.
+ */
+interface ASPxClientTreeView extends ASPxClientControl {
+    /**
+     * Fires on the client side after a node has been clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeViewNodeClickEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side after a node's expansion state has been changed by end-user interaction.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientTreeViewNodeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side before the expansion state of a node is changed via end-user interaction.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientTreeViewNodeCancelEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side when the node's checked state is changed by clicking on a check box.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientTreeViewNodeProcessingModeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTreeView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeView>>;
+    /**
+     * Returns a node specified by its index within the ASPxTreeView's node collection.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the number of nodes at the ASPxTreeView's zero level.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the selected node within the ASPxTreeView control on the client side.
+     */
+    GetSelectedNode(): ASPxClientTreeViewNode;
+    /**
+     * Selects the specified node within the ASPxTreeView control on the client side.
+     * @param node An ASPxClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: ASPxClientTreeViewNode): void;
+    /**
+     * Gets the root node of the ASPxTreeView object.
+     */
+    GetRootNode(): ASPxClientTreeViewNode;
+    /**
+     * Collapses all nodes in the ASPxTreeView on the client side.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all nodes in the ASPxTreeView on the client side.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView's TreeViewNode object.
+ */
+interface ASPxClientTreeViewNode {
+    /**
+     * Gets the client representation of the ASPxTreeView control to which the current node belongs.
+     * Value: An ASPxClientTreeView object representing the control to which the node belongs.
+     */
+    treeView: ASPxClientTreeView;
+    /**
+     * Gets the current node's parent node.
+     * Value: An ASPxClientTreeViewNode object representing the node's immediate parent.
+     */
+    parent: ASPxClientTreeViewNode;
+    /**
+     * Gets the node's index within the parent's collection of nodes.
+     * Value: An integer value representing the node's zero-based index within the Nodes collection of the node to which the node belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the node.
+     * Value: A string value that represents the value assigned to the node's Name property.
+     */
+    name: string;
+    /**
+     * Returns the number of the current node's immediate child nodes.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the current node's immediate child node specified by its index.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a value indicating whether the node is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets a value which specifies the node's expansion state.
+     * @param value true if the node is expanded; otherwise, false.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value indicating whether the node is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value indicating whether the node is checked.
+     * @param value true if the node is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value which specifies the node's check state.
+     */
+    GetCheckState(): string;
+    /**
+     * Returns a value specifying whether the node is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the node is enabled.
+     * @param value true to make the node enabled; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the node.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the node.
+     * @param value A string value specifying the URL to the image displayed within the node.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the node's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the node's navigate URL.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the node is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Gets the text, displayed within the node.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text, displayed within the node.
+     * @param value A string value that represents the text displayed within the node.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a node is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the node is visible.
+     * @param value true if the node is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Gets the HTML object that contains the current node.
+     */
+    GetHtmlElement(): Object;
+}
+/**
+ * A method that will handle the client events concerned with node processing.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with node processing.
+     * @param source An object representing the event source. Identifies the ASPxClientTreeView control that raised the event.
+     * @param e An ASPxClientTreeViewNodeProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events concerned with node processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxClientTreeView.ItemClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventHandler<S> {
+    /**
+     * A method that will handle the NodeClick event.
+     * @param source The ASPxClientTreeView control which fires the event.
+     * @param e An ASPxClientTreeViewNodeClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeClickEventArgs): void;
+}
+/**
+ * Provides data for the NodeClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventArgs extends ASPxClientTreeViewNodeProcessingModeEventArgs {
+    /**
+     * Gets the HTML object that contains the processed node.
+     * Value: An object representing a container for the node related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ASPxTreeView control's client events concerning manipulations with a node.
+ */
+interface ASPxClientTreeViewNodeEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView control's client events, concerning manipulations with a node.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView control object that raised the event.
+     * @param e An ASPxClientTreeViewNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanged events.
+ */
+interface ASPxClientTreeViewNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+ */
+interface ASPxClientTreeViewNodeCancelEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView object that raised the event.
+     * @param e An ASPxClientTreeViewNodeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeCancelEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanging event.
+ */
+interface ASPxClientTreeViewNodeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * Represents a client-side equivalent of the ASPxUploadControl control.
+ */
+interface ASPxClientUploadControl extends ASPxClientControl {
+    /**
+     * Occurs on the client after a file has been uploaded.
+     */
+    FileUploadComplete: ASPxClientEvent<ASPxClientUploadControlFileUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client after upload of all selected files has been completed.
+     */
+    FilesUploadComplete: ASPxClientEvent<ASPxClientUploadControlFilesUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before upload of the specified files starts.
+     */
+    FileUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before file upload is started.
+     */
+    FilesUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires on the client side when the text within the control's edit box is changed while the control has focus.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientUploadControlTextChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the progress bar indicator position is changed.
+     */
+    UploadingProgressChanged: ASPxClientEvent<ASPxClientUploadControlUploadingProgressChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the file input elements count is changed.
+     */
+    FileInputCountChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse enters a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneEnter: ASPxClientEvent<ASPxClientUploadControlDropZoneEnterEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse leaves a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneLeave: ASPxClientEvent<ASPxClientUploadControlDropZoneLeaveEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Initiates uploading of the specified file to the web server's memory.
+     */
+    UploadFile(): void;
+    /**
+     * Adds a new file input element to the ASPxUploadControl.
+     */
+    AddFileInput(): void;
+    /**
+     * Removes a file input element from the ASPxUploadControl.
+     * @param index An integer value that represents a file input element's index.
+     */
+    RemoveFileInput(index: number): void;
+    /**
+     * Removes a file with the specified index from the selected file list.
+     * @param fileIndex An integer value that is the zero-based index of an item in the file list.
+     */
+    RemoveFileFromSelection(fileIndex: number): void;
+    /**
+     * Gets the text displayed within the edit box of the specified file input element.
+     * @param index An integer value that specifies the required file input element's index.
+     */
+    GetText(index: number): string;
+    /**
+     * Gets the number of file input elements contained within the ASPxUploadControl.
+     */
+    GetFileInputCount(): number;
+    /**
+     * Specifies the count of the file input elements within the upload control.
+     * @param count An integer value that specifies the file input elements count.
+     */
+    SetFileInputCount(count: number): void;
+    /**
+     * Specifies whether the upload control is enabled.
+     * @param enabled true, to enable the upload control; otherwise, false.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the upload control is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Initiates uploading of the specified file(s) to the web server's memory.
+     */
+    Upload(): void;
+    /**
+     * Cancels the initiated file uploading process.
+     */
+    Cancel(): void;
+    /**
+     * Clears the file selection in the upload control.
+     */
+    ClearText(): void;
+    /**
+     * Sets the text to be displayed within the add button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetAddButtonText(text: string): void;
+    /**
+     * Sets the text to be displayed within the upload button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetUploadButtonText(text: string): void;
+    /**
+     * Returns the text displayed within the add button.
+     */
+    GetAddButtonText(): string;
+    /**
+     * Returns the text displayed within the upload button.
+     */
+    GetUploadButtonText(): string;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs), a click on which invokes file upload dialog.
+     * @param ids A string value specifying the ID or a list of IDs separated by the semicolon (;).
+     */
+    SetDialogTriggerID(ids: string): void;
+}
+/**
+ * A method that will handle the client FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploadStart event.
+     * @param source The event source. Identifies the ASPxUploadControl control that raised the event.
+     * @param e A ASPxClientUploadControlFilesUploadStartEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadStartEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that handles the FileUploadComplete client event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlFileUploadCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFileUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FileUploadComplete event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+    /**
+     * Gets or sets a value indicating whether the uploaded file passes validation.
+     * Value: true if the file is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the error text to be displayed within the ASPxUploadControl's error frame.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value representing callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the FilesUploadComplete client event.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client FilesUploadComplete event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e A  object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadComplete client event, which enables you to perform specific actions after all selected files have been uploaded.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error text to be displayed within the upload control's error frame.
+     * Value: A string value that is the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value that is the callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the TextChanged client event.
+ */
+interface ASPxClientUploadControlTextChangedEventHandler<S> {
+    /**
+     * A method that will handle the TextChanged client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlTextChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlTextChangedEventArgs): void;
+}
+/**
+ * Provides data for the TextChanged client event that allows you to respond to an end-user changing an edit box's text.
+ */
+interface ASPxClientUploadControlTextChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+}
+/**
+ * A method that will handle the ASPxUploadControl's client event, concerned with changes in upload progress.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventHandler<S> {
+    /**
+     * A method that will handle the ASPxUploadControl's client event concerning the uploading process being changed.
+     * @param source An object representing the event's source. Identifies the ASPxUploadControl object that raised the event.
+     * @param e An ASPxClientUploadControlUploadingProgressChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlUploadingProgressChangedEventArgs): void;
+}
+/**
+ * Provides data for the UploadingProgressChanged event.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the number of the files selected for upload.
+     * Value: An integer value that represents the total number of selected files.
+     */
+    fileCount: number;
+    /**
+     * Gets the name of the file being currently uploaded.
+     * Value: A string value that represents the file name.
+     */
+    currentFileName: string;
+    /**
+     * Gets the content length of the currently uploaded file.
+     * Value: An integer value specifying the content length.
+     */
+    currentFileContentLength: number;
+    /**
+     * Gets the content length of the current file already uploaded to the server.
+     * Value: An integer value that is the content length.
+     */
+    currentFileUploadedContentLength: number;
+    /**
+     * Gets the position of the current file upload progress.
+     * Value: An <see cref="Int32" /> value specifying the upload progress position.
+     */
+    currentFileProgress: number;
+    /**
+     * Gets the content length of the files selected for upload.
+     * Value: An integer value specifying the total content length of the selected files.
+     */
+    totalContentLength: number;
+    /**
+     * Gets the content length of the files already uploaded to the server.
+     * Value: An integer value that represents the content length.
+     */
+    uploadedContentLength: number;
+    /**
+     * Gets the current position of total upload progress.
+     * Value: An <see cref="Int32" /> value specifying the total upload progress position.
+     */
+    progress: number;
+}
+/**
+ * A method that will handle the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneEnter event.
+     * @param source The event source. This parameter identifies the upload control object which raised the event.
+     * @param e An ASPxClientUploadControlDropZoneEnterEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneEnterEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * A method that will handle the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneLeave event.
+     * @param source The event source. Identifies the upload control object that raised the event.
+     * @param e A ASPxClientUploadControlDropZoneLeaveEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneLeaveEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * The JavaScript equivalent of the ASPxChartDesigner class.
+ */
+interface ASPxClientChartDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientChartDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientChartDesignerSaveCommandExecuteEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Enables you to customize the menu actions of a Client Chart Designer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientChartDesignerCustomizeMenuActionsEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientChartDesigner properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the model of the Client Chart Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * For internal use.
+     */
+    GetJsonChartModel(): string;
+}
+/**
+ * A method that will handle the SaveCommandExecute  event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * Represents a method that will handle the SaveCommandExecute event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e A ASPxClientChartDesignerSaveCommandExecuteEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for a chart control's SaveCommandExecute event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value specifying whether an event has been handled.
+     * Value: true, if the event hasn't been handled by a control; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * Represents a method that will handle the CustomizeMenuActions events.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * Represents a method that will handle the CustomizeMenuActions event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e An ASPxClientChartDesignerCustomizeMenuActionsEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * An action of the Client Chart Designer's menu.
+ */
+interface ASPxClientChartDesignerMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when the Client Chart Designer's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the designer user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for a chart control's CustomizeMenuActions event on the client side.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns an array of the Client Chart Designer's menu actions.
+     * Value: An array of the ASPxClientChartDesignerMenuAction objects.
+     */
+    actions: ASPxClientChartDesignerMenuAction[];
+}
+/**
+ * A class which provides access to the entire hierarchy of chart elements on the client side.
+ */
+interface ASPxClientWebChartControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientWebChartControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is hot-tracked.
+     */
+    ObjectHotTracked: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs before crosshair items are drawn when the chart's contents are being drawn.
+     */
+    CustomDrawCrosshair: ASPxClientEvent<ASPxClientWebChartControlCustomDrawCrosshairEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is selected.
+     */
+    ObjectSelected: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Returns an ASPxClientWebChart object, which contains information about the hierarchy of a chart control, and provides access to the main properties of chart elements  on the client side.
+     */
+    GetChart(): ASPxClientWebChart;
+    /**
+     * Returns the printing options of the chart control.
+     */
+    GetPrintOptions(): ASPxClientChartPrintOptions;
+    /**
+     * Changes the mouse pointer, which is shown when the mouse is over the chart control, to the pointer with the specified name.
+     * @param cursor A string value representing the name of the desired cursor.
+     */
+    SetCursor(cursor: string): void;
+    /**
+     * Returns the specific chart element which is located under the test point.
+     * @param x An integer value that specifies the x coordinate of the test point.
+     * @param y An integer value that specifies the y coordinate of the test point.
+     */
+    HitTest(x: number, y: number): ASPxClientHitObject[];
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Prints the current chart on the client side.
+     */
+    Print(): void;
+    /**
+     * Loads a chart which should be customized from its object model.
+     * @param serializedChartObjectModel A String object representing the chart model.
+     */
+    LoadFromObjectModel(serializedChartObjectModel: string): void;
+    /**
+     * Exports a chart to the file of the specified format, and saves it to the disk.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Exports a chart to a file in the specified format, and saves it to disk, using the specified file name.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     * @param filename A string value specifying the file name, to which a chart should be exported. If this parameter is missing or set to an empty string, then the created file will be named using the client-side name of a chart.
+     */
+    SaveToDisk(format: string, filename: string): void;
+    /**
+     * Exports a report to the file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string  value specifying a format in which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Gets the main DOM (Document Object Model) element on a Web Page representing this ASPxClientWebChartControl object.
+     */
+    GetMainDOMElement(): Object;
+}
+/**
+ * A method that will handle the CustomDrawCrosshair  event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventHandler<S> {
+    /**
+     * A method that will handle the CustomDrawCrosshair event.
+     * @param source The event source. This parameter identifies the chartControl which raised the event.
+     * @param e An ASPxClientWebChartControlCustomDrawCrosshairEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlCustomDrawCrosshairEventArgs): void;
+}
+/**
+ * Provides data for a chart control's CustomDrawCrosshair event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets crosshair elements settings  to custom draw a crosshair cursor.
+     * Value: An  ASPxClientCrosshairElement object.
+     */
+    crosshairElements: ASPxClientCrosshairElement;
+    /**
+     * Gets the settings of crosshair axis label elements to customize their appearance.
+     * Value: An ASPxClientCrosshairAxisLabelElement object.
+     */
+    cursorCrosshairAxisLabelElements: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets crosshair line element settings that are used to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object that contains crosshair line element settings.
+     */
+    cursorCrosshairLineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Gets the settings of crosshair group header elements to customize their appearance.
+     * Value: An ASPxClientCrosshairGroupHeaderElement object.
+     */
+    crosshairGroupHeaderElements: ASPxClientCrosshairGroupHeaderElement;
+    /**
+     * Provides access to the settings of crosshair elements and crosshair group header elements to customize their appearance.
+     * Value: An ASPxClientCrosshairElementGroup object.
+     */
+    crosshairElementGroups: ASPxClientCrosshairElementGroup;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElement class.
+ */
+interface ASPxClientCrosshairElement {
+    /**
+     * Gets a series that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeries object which represents the series currently being painted.
+     */
+    Series: ASPxClientSeries;
+    /**
+     * Gets the series point that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeriesPoint object, representing the series point that a crosshair element hovers over.
+     */
+    Point: ASPxClientSeriesPoint;
+    /**
+     * Gets or sets the crosshair line element to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object, representing the crosshair line element.
+     */
+    LineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Provides access to the crosshair axis label element.
+     * Value: An ASPxClientCrosshairAxisLabelElement object, representing the crosshair axis label element.
+     */
+    AxisLabelElement: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets the crosshair label element.
+     * Value: An ASPxClientCrosshairSeriesLabelElement object, representing the crosshair label element.
+     */
+    LabelElement: ASPxClientCrosshairSeriesLabelElement;
+    /**
+     * Specifies whether the crosshair element is visible when implementing custom drawing in the crosshair cursor.
+     * Value: true, if the crosshair element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairLineElement class.
+ */
+interface ASPxClientCrosshairLineElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairAxisLabelElement class.
+ */
+interface ASPxClientCrosshairAxisLabelElement {
+}
+/**
+ * The client-side equivalent of the CrosshairGroupHeaderElement class.
+ */
+interface ASPxClientCrosshairGroupHeaderElement {
+}
+/**
+ * The client-side equivalent of the CrosshairLabelElement class.
+ */
+interface ASPxClientCrosshairSeriesLabelElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElementGroup class.
+ */
+interface ASPxClientCrosshairElementGroup {
+}
+/**
+ * Represents a method that will handle the ObjectSelected events.
+ */
+interface ASPxClientWebChartControlHotTrackEventHandler<S> {
+    /**
+     * Represents a method that will handle the ObjectSelected events.
+     * @param source The event source. This parameter identifies the ASPxClientWebChartControl which raised the event.
+     * @param e An ASPxClientWebChartControlHotTrackEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlHotTrackEventArgs): void;
+}
+/**
+ * Provides data for a chart control's ObjectSelected events on the client side.
+ */
+interface ASPxClientWebChartControlHotTrackEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Provides access on the client side to the chart element, for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, which represents the chart element for which the event was raised.
+     */
+    hitObject: ASPxClientWebChartElement;
+    /**
+     * Provides access on the client side to the object, which is in some way related to the object being hit. The returned value depends on the hitObject type and hit point location.
+     * Value: An ASPxClientWebChartElement object representing an additional object that relates to the one being hit.
+     */
+    additionalHitObject: ASPxClientWebChartElement;
+    /**
+     * Gets details on the chart elements located at the point where an end-user has clicked when hot-tracking or selecting a chart element on the client side.
+     * Value: An ASPxClientWebChartHitInfo object, which contains information about the chart elements located at the point where an end-user has clicked.
+     */
+    hitInfo: ASPxClientWebChartHitInfo;
+    /**
+     * Provides access on the client side to the chart and all its elements.
+     * Value: An ASPxClientWebChart object, which provides access to chart properties.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    absoluteX: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    absoluteY: number;
+    /**
+     * Gets a value indicating whether the hot-tracking or object selection should be canceled.
+     * Value: true to cancel the hot-tracking or selection of an object; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object under the hit test point within a chart control, on the client side.
+ */
+interface ASPxClientHitObject {
+    /**
+     * Gets the chart element for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, representing the chart element for which the event was raised.
+     */
+    Object: ASPxClientWebChartElement;
+    /**
+     * Provides access to an object, which is in some way related to the object being hit. The returned value depends on the Object type and hit point location.
+     * Value: An ASPxClientWebChartElement object that represents an additional object related to the one being hit.
+     */
+    AdditionalObject: ASPxClientWebChartElement;
+}
+/**
+ * Contains information about a specific test point within a chart control, on the client side.
+ */
+interface ASPxClientWebChartHitInfo {
+    /**
+     * Gets a value indicating whether the test point is within the chart.
+     * Value: true if the test point is within a chart; otherwise, false.
+     */
+    inChart: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the chart title.
+     * Value: true if the test point is within a chart title; otherwise, false.
+     */
+    inChartTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis.
+     * Value: true if the test point is within an axis; otherwise, false.
+     */
+    inAxis: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis label item.
+     * Value: true if the test point is within an axis label item; otherwise, false.
+     */
+    inAxisLabelItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis title.
+     * Value: true if the test point is within an axis title; otherwise, false.
+     */
+    inAxisTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the constant line.
+     * Value: true if the test point is within a constant line; otherwise, false.
+     */
+    inConstantLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the diagram.
+     * Value: true if the test point is within a diagram; otherwise, false.
+     */
+    inDiagram: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the non-default pane.
+     * Value: true if the test point is within a non-default pane; otherwise, false.
+     */
+    inNonDefaultPane: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the legend.
+     * Value: true if the test point is within a legend; otherwise, false.
+     */
+    inLegend: boolean;
+    /**
+     * Gets the value indicating whether or not the test point is within a custom legend item.
+     * Value: true if the test point is within a custom legend item; otherwise, false.
+     */
+    inCustomLegendItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series.
+     * Value: true if the test point is within a series; otherwise, false.
+     */
+    inSeries: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series label.
+     * Value: true if the test point is within a series label; otherwise, false.
+     */
+    inSeriesLabel: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series point.
+     * Value: true if the test point is within a series point; otherwise, false.
+     */
+    inSeriesPoint: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series title.
+     * Value: true if the test point is within a series title; otherwise, false.
+     */
+    inSeriesTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the trendline.
+     * Value: true if the test point is within a trendline; otherwise, false.
+     */
+    inTrendLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the Fibonacci Indicator.
+     * Value: true if the test point is within a Fibonacci Indicator; otherwise, false.
+     */
+    inFibonacciIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the regression line.
+     * Value: true if the test point is within a regression line; otherwise, false.
+     */
+    inRegressionLine: boolean;
+    /**
+     * Gets a value specifying whether the test point is within an indicator.
+     * Value: true if the test point is within an indicator; otherwise, false.
+     */
+    inIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within an annotation.
+     * Value: true if the test point is within an annotation; otherwise, false.
+     */
+    inAnnotation: boolean;
+    /**
+     * Gets a value indicating whether the test point is within a hyperlink.
+     * Value: true, if the test point is within a hyperlink; otherwise, false.
+     */
+    inHyperlink: boolean;
+    /**
+     * Gets the client-side chart instance from under the test point.
+     * Value: An ASPxClientWebChart object.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the client-side chart title instance from under the test point.
+     * Value: An ASPxClientChartTitle object.
+     */
+    chartTitle: ASPxClientChartTitle;
+    /**
+     * Gets the client-side axis instance from under the test point.
+     * Value: An ASPxClientAxisBase descendant.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the client-side constant line instance from under the test point.
+     * Value: An ASPxClientConstantLine object.
+     */
+    constantLine: ASPxClientConstantLine;
+    /**
+     * Gets the client-side diagram instance from under the test point.
+     * Value: An ASPxClientXYDiagramBase descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Gets the client-side non-default pane instance from under the test point.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    nonDefaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the client-side legend instance from under the test point.
+     * Value: An ASPxClientLegend object.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Gets a custom legend item which is located under the test point.
+     * Value: An ASPxClientCustomLegendItem object which represents the item located under the test point.
+     */
+    customLegendItem: ASPxClientCustomLegendItem;
+    /**
+     * Gets the client-side series instance from under the test point.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the client-side series label instance from under the test point.
+     * Value: An ASPxClientSeriesLabel object.
+     */
+    seriesLabel: ASPxClientSeriesLabel;
+    /**
+     * Gets the client-side series title instance from under the test point.
+     * Value: An ASPxClientSeriesTitle object.
+     */
+    seriesTitle: ASPxClientSeriesTitle;
+    /**
+     * Gets the client-side trendline instance from under the test point.
+     * Value: An ASPxClientTrendLine object.
+     */
+    trendLine: ASPxClientTrendLine;
+    /**
+     * Gets the client-side Fibonacci indicator instance from under the test point.
+     * Value: An ASPxClientFibonacciIndicator object.
+     */
+    fibonacciIndicator: ASPxClientFibonacciIndicator;
+    /**
+     * Gets the client-side regression line instance from under the test point.
+     * Value: An ASPxClientRegressionLine object.
+     */
+    regressionLine: ASPxClientRegressionLine;
+    /**
+     * Gets the client-side indicator instance from under the test point.
+     * Value: An ASPxClientIndicator descendant.
+     */
+    indicator: ASPxClientIndicator;
+    /**
+     * Gets the client-side annotation instance from under the test point.
+     * Value: An ASPxClientAnnotation object.
+     */
+    annotation: ASPxClientAnnotation;
+    /**
+     * Gets the client-side series point instance from under the test point.
+     * Value: An ASPxClientSeriesPoint object.
+     */
+    seriesPoint: ASPxClientSeriesPoint;
+    /**
+     * Gets the client-side axis label item instance from under the test point.
+     * Value: An ASPxClientAxisLabelItem object.
+     */
+    axisLabelItem: ASPxClientAxisLabelItem;
+    /**
+     * Gets the client-side axis title instance from under the test point.
+     * Value: An ASPxClientAxisTitle object.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Returns a hyperlink which is located under the test point.
+     * Value: A String object representing a hyperlink.
+     */
+    hyperlink: string;
+}
+/**
+ * Represents the client-side equivalent of the DiagramCoordinates class.
+ */
+interface ASPxClientDiagramCoordinates {
+    /**
+     * Gets the type of the argument scale.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets the type of the value scale.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the argument of the data point as a text string.
+     * Value: A string object, representing a data point's argument.
+     */
+    qualitativeArgument: string;
+    /**
+     * Gets the numerical representation of the data point's argument.
+     * Value: A Double value, representing the data point's argument.
+     */
+    numericalArgument: number;
+    /**
+     * Gets the date-time representation of the data point's argument.
+     * Value: A date object, representing the point's argument.
+     */
+    dateTimeArgument: Date;
+    /**
+     * Gets the numerical representation of the data point's value.
+     * Value: A Double value, representing the data point's value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the date-time representation of the data point's value.
+     * Value: A date object, representing the point's value.
+     */
+    dateTimeValue: Date;
+    /**
+     * Gets the X-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of arguments (X-axis).
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of values (Y-axis).
+     */
+    axisY: ASPxClientAxisBase;
+    /**
+     * Gets the pane of the diagram point.
+     * Value: An ASPxClientXYDiagramPane descendant, representing the pane.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Checks whether the current object represents a point outside the diagram area.
+     */
+    IsEmpty(): boolean;
+    /**
+     * Gets the value of the client-side axis instance.
+     * @param axis An ASPxClientAxisBase class descendant, representing the axis that contains the requested value.
+     */
+    GetAxisValue(axis: ASPxClientAxisBase): ASPxClientAxisValue;
+}
+/**
+ * Contains the information about an axis value.
+ */
+interface ASPxClientAxisValue {
+    /**
+     * Gets the axis scale type.
+     * Value: A String value, specifying the axis scale type.
+     */
+    scaleType: string;
+    /**
+     * Gets the axis value, if the axis scale type is qualitative.
+     * Value: A String value, specifying the axis value.
+     */
+    qualitativeValue: string;
+    /**
+     * Gets the axis value, if the axis scale type is numerical.
+     * Value: A Double value, specifying the axis value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the axis value, if the axis scale type is date-time.
+     * Value: A DateTime value, specifying the axis value.
+     */
+    dateTimeValue: Date;
+}
+/**
+ * Represents the client-side equivalent of the ControlCoordinates class.
+ */
+interface ASPxClientControlCoordinates {
+    /**
+     * Gets the point's pane.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the point's X-coordinate, in pixels.
+     * Value: An integer value, specifying the X-coordinate (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the point's Y-coordinate, in pixels.
+     * Value: An integer value, specifying the Y-coordinate (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the point's visibility state.
+     * Value: "Visible", "Hidden", or "Undefined".
+     */
+    visibility: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartElement class.
+ */
+interface ASPxClientWebChartElement {
+    /**
+     * Gets the chart that owns the current chart element.
+     * Value: An ASPxClientWebChart object, to which the chart element belongs.
+     */
+    chart: ASPxClientWebChart;
+}
+/**
+ * Represents a base class for chart elements, which are not necessarily required to be present on the client side.
+ */
+interface ASPxClientWebChartEmptyElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents a base class for chart elements, which are required to be present on the client side.
+ */
+interface ASPxClientWebChartRequiredElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents the client-side equivalent of the ChartElementNamed class.
+ */
+interface ASPxClientWebChartElementNamed extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the name of the chart element.
+     * Value: A string object representing the name of the chart element.
+     */
+    name: string;
+}
+/**
+ * Represents the client-side equivalent of the WebChartControl control.
+ */
+interface ASPxClientWebChart extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the client-side Chart Control that owns the current chart.
+     * Value: An ASPxClientWebChartControl object, to which the chart belongs.
+     */
+    chartControl: ASPxClientWebChartControl;
+    /**
+     * Gets the chart's diagram and provides access to its settings.
+     * Value: An ASPxClientRadarDiagram),  that represents the chart's diagram.
+     */
+    diagram: ASPxClientWebChartElement;
+    /**
+     * Provides access to the chart's collection of series.
+     * Value: An array of ASPxClientSeries objects that represent the collection of series.
+     */
+    series: ASPxClientSeries[];
+    /**
+     * Provides access to the collection of chart titles.
+     * Value: An array of ASPxClientChartTitle objects, that represent the collection of chart titles.
+     */
+    titles: ASPxClientChartTitle[];
+    /**
+     * Provides access to the chart's collection of annotations.
+     * Value: An array of ASPxClientAnnotation objects, representing the collection of annotations.
+     */
+    annotations: ASPxClientAnnotation[];
+    /**
+     * Gets the chart's legend and provides access to its settings.
+     * Value: An ASPxClientLegend object that represents the chart's legend.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Returns the collection of legends.
+     * Value: An array of ASPxClientLegend objects.
+     */
+    legends: ASPxClientLegend[];
+    /**
+     * Gets the name of the appearance, which is currently used to draw the chart's elements.
+     * Value: A string value that represents the appearance name.
+     */
+    appearanceName: string;
+    /**
+     * Gets the name of the palette currently used to draw the chart's series.
+     * Value: A string value that represents the palette name.
+     */
+    paletteName: string;
+    /**
+     * Gets a value indicating whether series tooltips should be shown.
+     * Value: true to show tooltips for series; otherwise, false.
+     */
+    showSeriesToolTip: boolean;
+    /**
+     * Gets a value indicating whether point tooltips should be shown.
+     * Value: true to show tooltips for series points; otherwise, false.
+     */
+    showPointToolTip: boolean;
+    /**
+     * Gets a value indicating whether a crosshair cursor should be shown.
+     * Value: true to show a crosshair cursor; otherwise, false.
+     */
+    showCrosshair: boolean;
+    /**
+     * Gets a value that contains information on how the tooltip position is defined, for example, relative to a mouse pointer or chart element.
+     * Value: An ASPxClientToolTipPosition class descendant that defines the tooltip position type.
+     */
+    toolTipPosition: ASPxClientToolTipPosition;
+    /**
+     * Returns the tooltip controller that shows tooltips for chart elements.
+     * Value: An ASPxClientToolTipController object.
+     */
+    toolTipController: ASPxClientToolTipController;
+    /**
+     * Gets the settings for a crosshair cursor concerning its position and appearance on a diagram.
+     * Value: An ASPxClientCrosshairOptions object descendant which provides access to crosshair cursor options on a diagram.
+     */
+    crosshairOptions: ASPxClientCrosshairOptions;
+    /**
+     * Gets a css postfix for a chart.
+     * Value: A string value.
+     */
+    cssPostfix: string;
+    /**
+     * Gets or sets a value which specifies how the chart elements are selected.
+     * Value: A String object representing the name of the selection mode.
+     */
+    selectionMode: string;
+}
+/**
+ * Represents the client-side equivalent of the SimpleDiagram class.
+ */
+interface ASPxClientSimpleDiagram extends ASPxClientWebChartEmptyElement {
+}
+/**
+ * Represents the base class for all diagram classes, which have X and Y axes.
+ */
+interface ASPxClientXYDiagramBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the X-axis.
+     * Value: An ASPxClientAxisBase object which represents the X-axis.
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis.
+     * Value: An ASPxClientAxisBase object which represents the Y-axis.
+     */
+    axisY: ASPxClientAxisBase;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram2D class.
+ */
+interface ASPxClientXYDiagram2D extends ASPxClientXYDiagramBase {
+    /**
+     * Provides access to a collection of secondary X-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesX: ASPxClientAxis[];
+    /**
+     * Provides access to a collection of secondary Y-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesY: ASPxClientAxis[];
+    /**
+     * Provides access to a default pane object.
+     * Value: An ASPxClientXYDiagramPane object which represents the default pane of a chart.
+     */
+    defaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Provides access to an array of a diagram's panes.
+     * Value: An array of ASPxClientXYDiagramPane objects.
+     */
+    panes: ASPxClientXYDiagramPane[];
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     * @param axisX An ASPxClientAxis2D descendant, representing the X-axis.
+     * @param axisY An ASPxClientAxis2D descendant, representing the Y-axis.
+     * @param pane An ASPxClientXYDiagramPane object, representing the pane.
+     */
+    DiagramToPoint(argument: Object, value: Object, axisX: ASPxClientAxis2D, axisY: ASPxClientAxis2D, pane: ASPxClientXYDiagramPane): ASPxClientControlCoordinates;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram class.
+ */
+interface ASPxClientXYDiagram extends ASPxClientXYDiagram2D {
+    /**
+     * Gets a value indicating whether the diagram is rotated.
+     * Value: true if the diagram is rotated; otherwise, false.
+     */
+    rotated: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagram class.
+ */
+interface ASPxClientSwiftPlotDiagram extends ASPxClientXYDiagram2D {
+}
+/**
+ * Represents the client-side equivalent of the XYDiagramPane class.
+ */
+interface ASPxClientXYDiagramPane extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the diagram that owns the current pane object.
+     * Value: An ASPxClientXYDiagram object, to which the pane belongs.
+     */
+    diagram: ASPxClientXYDiagram;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram3D class.
+ */
+interface ASPxClientXYDiagram3D extends ASPxClientXYDiagramBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarDiagram class.
+ */
+interface ASPxClientRadarDiagram extends ASPxClientXYDiagramBase {
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     */
+    DiagramToPoint(argument: Object, value: Object): ASPxClientControlCoordinates;
+}
+/**
+ * Represents the client-side equivalent of the AxisBase class.
+ */
+interface ASPxClientAxisBase extends ASPxClientWebChartElementNamed {
+    /**
+     * Provides access to the XY-diagram which contains the current axis.
+     * Value: An ASPxClientXYDiagramBase class descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Provides acess to the range of the axis coordinates.
+     * Value: An ASPxClientAxisRange object, which contains the common range settings of the axis coordinates.
+     */
+    range: ASPxClientAxisRange;
+}
+/**
+ * Represents the client-side equivalent of the Axis2D class.
+ */
+interface ASPxClientAxis2D extends ASPxClientAxisBase {
+    /**
+     * Provides access to an axis title object.
+     * Value: An ASPxClientAxisTitle object which represents the axis title.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Provides access to the axis strips collection.
+     * Value: An array of ASPxClientStrip objects.
+     */
+    strips: ASPxClientStrip[];
+    /**
+     * Provides access to the collection of the axis constant lines.
+     * Value: An array of ASPxClientConstantLine objects which represent constant lines that belong to this axis.
+     */
+    constantLines: ASPxClientConstantLine[];
+}
+/**
+ * Represents the client-side equivalent of the Axis class.
+ */
+interface ASPxClientAxis extends ASPxClientAxis2D {
+    /**
+     * Gets a value indicating whether the axis is reversed.
+     * Value: true if the axis is reversed; otherwise, false.
+     */
+    reverse: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagramAxis class.
+ */
+interface ASPxClientSwiftPlotDiagramAxis extends ASPxClientAxis2D {
+}
+/**
+ * Represents the client-side equivalent of the Axis3D class.
+ */
+interface ASPxClientAxis3D extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarAxis class.
+ */
+interface ASPxClientRadarAxis extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the AxisTitle class.
+ */
+interface ASPxClientAxisTitle extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which the axis title belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of the axis title.
+     * Value: A string object which contains the axis title's text.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the AxisLabelItem class.
+ */
+interface ASPxClientAxisLabelItem extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which an axis label item belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of an axis label item.
+     * Value: A string object which contains the axis label item's text.
+     */
+    text: string;
+    /**
+     * Gets the axis value to which an axis label item corresponds.
+     * Value: An object that specifies the axis value.
+     */
+    axisValue: Object;
+    /**
+     * Gets the internal representation of the axis value to which an axis label item corresponds.
+     * Value: A Double value which specifies the internal representation of the axis value.
+     */
+    axisValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the AxisRange class.
+ */
+interface ASPxClientAxisRange extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis that owns the current axis range object.
+     * Value: An ASPxClientAxisBase object, to which the axis range belongs.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the minimum value to display on an axis.
+     * Value: An object representing the minimum value of the axis range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value to display on an axis.
+     * Value: An object representing the maximum value of the axis range.
+     */
+    maxValue: Object;
+    /**
+     * Gets the internal float representation of the range minimum value.
+     * Value: A Double value which specifies the internal representation of the range minimum value.
+     */
+    minValueInternal: number;
+    /**
+     * Gets the internal float representation of the range maximum value.
+     * Value: A Double value which specifies the internal representation of the range maximum value.
+     */
+    maxValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the Strip class.
+ */
+interface ASPxClientStrip extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current strip object.
+     * Value: An ASPxClientAxis object, to which the strip belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the minimum value of the strip's range.
+     * Value: An object that represents the minimum value of the strip's range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value of the strip's range.
+     * Value: An object that represents the maximum value of the strip's range.
+     */
+    maxValue: Object;
+}
+/**
+ * Represents the client-side equivalent of the ConstantLine class.
+ */
+interface ASPxClientConstantLine extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current constant line object.
+     * Value: An ASPxClientAxis object, to which the constant line belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the constant line's position along the axis.
+     * Value: An object that specifies the constant line's position.
+     */
+    value: Object;
+    /**
+     * Gets the constant line title.
+     * Value: A string object, representing the title's text.
+     */
+    title: string;
+}
+/**
+ * Represents the client-side equivalent of the Series class.
+ */
+interface ASPxClientSeries extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets a value that specifies the view type of the series.
+     * Value: A string object which contains the current view type.
+     */
+    viewType: string;
+    /**
+     * Gets a value that specifies the scale type for the argument data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets a value that specifies the scale type for the value data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the X-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the X-axis name.
+     */
+    axisX: string;
+    /**
+     * Gets the Y-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Gets the pane that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the pane's name.
+     */
+    pane: string;
+    /**
+     * Gets a value indicating whether the series is visible.
+     * Value: true if the series is visible; otherwise, false.
+     */
+    visible: boolean;
+    /**
+     * Gets a value that specifies whether or not a tooltip is enabled for a chart.
+     * Value: true - a tooltip is enabled for a chart; false - a tooltip is disabled.
+     */
+    toolTipEnabled: boolean;
+    /**
+     * Gets the text to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets an image to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipImage: string;
+    /**
+     * Gets the settings of series labels.
+     * Value: An ASPxClientSeriesLabel object, which provides the series label settings.
+     */
+    label: ASPxClientSeriesLabel;
+    /**
+     * Gets the series' collection of data points.
+     * Value: An array of ASPxClientSeriesPoint objects, that represent the series' data points.
+     */
+    points: ASPxClientSeriesPoint[];
+    /**
+     * Provides access to the collection of series titles.
+     * Value: An array of ASPxClientSeriesTitle objects, that represent the collection of series titles.
+     */
+    titles: ASPxClientSeriesTitle[];
+    /**
+     * Gets the series' collection of indicators.
+     * Value: An array of ASPxClientIndicator objects, that belong to the series.
+     */
+    indicators: ASPxClientIndicator[];
+    /**
+     * Provides access to the collection of regression lines.
+     * Value: An array of ASPxClientRegressionLine objects which represent regression lines available for the series.
+     */
+    regressionLines: ASPxClientRegressionLine[];
+    /**
+     * Provides access to the collection of trendlines.
+     * Value: An array of ASPxClientTrendLine objects, that represent the collection of trendlines.
+     */
+    trendLines: ASPxClientTrendLine[];
+    /**
+     * Provides access to the collection of Fibonacci Indicators.
+     * Value: An array of ASPxClientFibonacciIndicator objects, that represent the collection of Fibonacci Indicators.
+     */
+    fibonacciIndicators: ASPxClientFibonacciIndicator[];
+    /**
+     * Gets the color of a series.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets a value that defines a group for stacked series.
+     * Value: A string value.
+     */
+    stackedGroup: string;
+    /**
+     * Gets a string which represents the pattern specifying the text to be displayed within a crosshair label for the current Series  type.
+     * Value: A Empty.
+     */
+    crosshairLabelPattern: string;
+    /**
+     * This property is intended for internal use only.
+     * Value: A String value.
+     */
+    groupedElementsPattern: string;
+    /**
+     * Returns a collection of crosshair value items.
+     * Value: An array of ASPxClientCrosshairValueItem objects.
+     */
+    crosshairValueItems: ASPxClientCrosshairValueItem[];
+    /**
+     * Gets a value indicating whether a crosshair cursor is enabled.
+     * Value: true if a crosshair cursor is enabled; otherwise, false.
+     */
+    actualCrosshairEnabled: boolean;
+    /**
+     * Gets a value indicating whether a crosshair label should be shown for this series.
+     * Value: true if crosshair labels are visible; otherwise, false.
+     */
+    actualCrosshairLabelVisibility: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SeriesLabelBase class.
+ */
+interface ASPxClientSeriesLabel extends ASPxClientWebChartElement {
+    /**
+     * Gets the series that owns the current series label object.
+     * Value: An ASPxClientSeries object, to which the series label belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the common text for all series point labels.
+     * Value: Returns an empty string object.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the SeriesPoint class.
+ */
+interface ASPxClientSeriesPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the series that owns the current series point object.
+     * Value: An ASPxClientSeries object, to which the series point belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the data point's argument.
+     * Value: An object that specifies the data point's argument.
+     */
+    argument: Object;
+    /**
+     * Gets the point's data value(s).
+     * Value: An array of objects that represent the data value(s) of the series data point.
+     */
+    values: Object[];
+    /**
+     * Gets the text to be displayed within series points tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets the color of a series point.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets the percent value of a series point.
+     * Value: A float value.
+     */
+    percentValue: number;
+    /**
+     * Gets a hint that is shown in series points tooltips.
+     * Value: A string value.
+     */
+    toolTipHint: string;
+}
+/**
+ * Represents the client-side equivalent of the Legend class.
+ */
+interface ASPxClientLegend extends ASPxClientWebChartEmptyElement {
+    /**
+     * Returns a value which determines whether to use checkboxes instead of markers on a chart legend for all legend items.
+     * Value: true, if legend checkboxes are shown instead of markers for all legend items; otherwise, false.
+     */
+    useCheckBoxes: boolean;
+    /**
+     * Returns a collection of custom legend items of the legend.
+     * Value: A collection of ASPxClientCustomLegendItem objects.
+     */
+    customItems: ASPxClientCustomLegendItem[];
+    /**
+     * Returns the name of the legend.
+     * Value: The string value representing the name of the legend.
+     */
+    name: string;
+}
+/**
+ * Represents the base for ASPxClientSeriesTitle classes.
+ */
+interface ASPxClientTitleBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the lines of text within a title.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+    /**
+     * Gets the alignment of the title.
+     * Value: A string value containing the text, which specifies the alignment of a title.
+     */
+    alignment: string;
+    /**
+     * Gets a value that specifies to which edges of a parent element the title should be docked.
+     * Value: A string value.
+     */
+    dock: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartTitle class.
+ */
+interface ASPxClientChartTitle extends ASPxClientTitleBase {
+}
+/**
+ * Represents the client-side equivalent of the SeriesTitle class.
+ */
+interface ASPxClientSeriesTitle extends ASPxClientTitleBase {
+    /**
+     * Gets the series that owns the current title object.
+     * Value: An ASPxClientSeries object, to which the series title belongs.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the Indicator class.
+ */
+interface ASPxClientIndicator extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the indicator's associated series.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicator class.
+ */
+interface ASPxClientFinancialIndicator extends ASPxClientIndicator {
+    /**
+     * Gets the first point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's first point.
+     */
+    point1: ASPxClientFinancialIndicatorPoint;
+    /**
+     * Gets the second point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's second point.
+     */
+    point2: ASPxClientFinancialIndicatorPoint;
+}
+/**
+ * Represents the client-side equivalent of the TrendLine class.
+ */
+interface ASPxClientTrendLine extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FibonacciIndicator class.
+ */
+interface ASPxClientFibonacciIndicator extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicatorPoint class.
+ */
+interface ASPxClientFinancialIndicatorPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the financial indicator that owns the current financial indicator point.
+     * Value: An ASPxClientFinancialIndicator object, to which the point belongs.
+     */
+    financialIndicator: ASPxClientFinancialIndicator;
+    /**
+     * Gets the argument of the financial indicator's point.
+     * Value: An object that specifies the point argument.
+     */
+    argument: Object;
+    /**
+     * Gets a value, indicating how the value of a financial indicator's point is obtained.
+     * Value: A string value, which indicates how to obtain a financial indicator point's value.
+     */
+    valueLevel: string;
+}
+/**
+ * The client-side equivalent of the SingleLevelIndicator class.
+ */
+interface ASPxClientSingleLevelIndicator extends ASPxClientIndicator {
+    /**
+     * Gets a value specifying the value level to which the single-level indicator corresponds.
+     * Value: A string value.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RegressionLine class.
+ */
+interface ASPxClientRegressionLine extends ASPxClientSingleLevelIndicator {
+}
+/**
+ * The client-side equivalent of the MovingAverage class.
+ */
+interface ASPxClientMovingAverage extends ASPxClientSingleLevelIndicator {
+    /**
+     * Gets the number of data points used to calculate the moving average.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value specifying whether to display a Moving Average, Envelope, or both.
+     * Value: A string value.
+     */
+    kind: string;
+    /**
+     * Gets a value specifying the Envelope percent.
+     * Value: A double value which specifies the Envelope percent.
+     */
+    envelopePercent: number;
+}
+/**
+ * The client-side equivalent of the SimpleMovingAverage class.
+ */
+interface ASPxClientSimpleMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the ExponentialMovingAverage class.
+ */
+interface ASPxClientExponentialMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the WeightedMovingAverage class.
+ */
+interface ASPxClientWeightedMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the TriangularMovingAverage class.
+ */
+interface ASPxClientTriangularMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTema class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTema extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the BollingerBands class.
+ */
+interface ASPxClientBollingerBands extends ASPxClientIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MedianPrice class.
+ */
+interface ASPxClientMedianPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the TypicalPrice class.
+ */
+interface ASPxClientTypicalPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the WeightedClose class.
+ */
+interface ASPxClientWeightedClose extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the SeparatePaneIndicator class.
+ */
+interface ASPxSeparatePaneIndicator extends ASPxClientIndicator {
+    /**
+     * Returns the name of the Y-axis that is used to plot the current indicator on a ASPxClientXYDiagram.
+     * Value: A string value specifying the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Returns the name of a pane, used to plot the separate pane indicator on an XYDiagram.
+     * Value: A string that is the name of a pane.
+     */
+    pane: string;
+}
+/**
+ * Represents the client-side equivalent of the AverageTrueRange class.
+ */
+interface ASPxClientAverageTrueRange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the ChaikinsVolatility class.
+ */
+interface ASPxClientChaikinsVolatility extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the CommodityChannelIndex class.
+ */
+interface ASPxClientCommodityChannelIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the DetrendedPriceOscillator class.
+ */
+interface ASPxClientDetrendedPriceOscillator extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MassIndex class.
+ */
+interface ASPxClientMassIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the count of points used to calculate the exponential moving average (EMA).
+     * Value: An integer value, specifying the count of points used to calculate EMA.
+     */
+    movingAveragePointsCount: number;
+    /**
+     * Returns the count of summable values.
+     * Value: An integer value specifying the count of summable ratios.
+     */
+    sumPointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the MovingAverageConvergenceDivergence class.
+ */
+interface ASPxClientMovingAverageConvergenceDivergence extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the short period value required to calculate the indicator.
+     * Value: An integer value specifying the short period value.
+     */
+    shortPeriod: number;
+    /**
+     * Returns the long period value required to calculate the indicator.
+     * Value: An integer value specifying the long period.
+     */
+    longPeriod: number;
+    /**
+     * Returns the smoothing period value required to calculate the indicator.
+     * Value: An integer value specifying the smoothing period value.
+     */
+    signalSmoothingPeriod: number;
+}
+/**
+ * Represents the client-side equivalent of the RateOfChange class.
+ */
+interface ASPxClientRateOfChange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RelativeStrengthIndex class.
+ */
+interface ASPxClientRelativeStrengthIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviation class.
+ */
+interface ASPxClientStandardDeviation extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTrix class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTrix extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the WilliamsR class.
+ */
+interface ASPxClientWilliamsR extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the FixedValueErrorBars class.
+ */
+interface ASPxClientFixedValueErrorBars extends ASPxClientIndicator {
+    /**
+     * Gets or sets the fixed positive error value.
+     * Value: A double value specifying the positive error value.
+     */
+    positiveError: number;
+    /**
+     * Returns the fixed negative error value.
+     * Value: A double value specifying the negative error value.
+     */
+    negativeError: number;
+}
+/**
+ * Represents the client-side equivalent of the PercentageErrorBars class.
+ */
+interface ASPxClientPercentageErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the value specifying the percentage of error values of series point values.
+     * Value: A double value specifying the percentage. Values less than or equal to 0 are not allowed.
+     */
+    percent: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviationErrorBars class.
+ */
+interface ASPxClientStandardDeviationErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the multiplier on which the standard deviation value is multiplied before display.
+     * Value: A double value specifying the multiplier. Values less than 0 are not allowed.
+     */
+    multiplier: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardErrorBars class.
+ */
+interface ASPxClientStandardErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the DataSourceBasedErrorBars class.
+ */
+interface ASPxClientDataSourceBasedErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the Annotation class.
+ */
+interface ASPxClientAnnotation extends ASPxClientWebChartElementNamed {
+}
+/**
+ * Represents the client-side equivalent of the TextAnnotation class.
+ */
+interface ASPxClientTextAnnotation extends ASPxClientAnnotation {
+    /**
+     * Gets the lines of text within an annotation.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+}
+/**
+ * Represents the client-side equivalent of the ImageAnnotation class.
+ */
+interface ASPxClientImageAnnotation extends ASPxClientAnnotation {
+}
+/**
+ * The client-side equivalent of the CrosshairValueItem class.
+ */
+interface ASPxClientCrosshairValueItem {
+    /**
+     * Gets the value that is displayed in a crosshair label.
+     * Value: A float value.
+     */
+    value: number;
+    /**
+     * Gets an index of a point for which this crosshair value item is displayed.
+     * Value: An integer value.
+     */
+    pointIndex: number;
+}
+/**
+ * The client-side equivalent of the ChartToolTipController class.
+ */
+interface ASPxClientToolTipController extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether an image should be shown in tooltips.
+     * Value: true to show an image in tooltips; otherwise, false.
+     */
+    showImage: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show text in tooltips.
+     * Value: true to show text in tooltips; otherwise, false.
+     */
+    showText: boolean;
+    /**
+     * Gets a value that defines the position of an image within a tooltip.
+     * Value: A string value.
+     */
+    imagePosition: string;
+    /**
+     * Gets a value that defines when tooltips should be invoked.
+     * Value: A string value.
+     */
+    openMode: string;
+}
+/**
+ * The client-side equivalent of the ToolTipPosition class.
+ */
+interface ASPxClientToolTipPosition {
+}
+/**
+ * The client-side equivalent of the ToolTipRelativePosition class.
+ */
+interface ASPxClientToolTipRelativePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the ToolTipFreePosition class.
+ */
+interface ASPxClientToolTipFreePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+    /**
+     * Gets the ID of a pane.
+     * Value: An integer value.
+     */
+    paneID: number;
+    /**
+     * Gets an object containing settings that define how a tooltip should be docked.
+     * Value: A string value.
+     */
+    dockPosition: string;
+}
+/**
+ * The client-side equivalent of the CrosshairLabelPosition class.
+ */
+interface ASPxClientCrosshairPosition {
+    /**
+     * Gets the horizontal offset of a crosshair cursor.
+     * Value: An integer value that is the X-offset.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a crosshair cursor.
+     * Value: An integer value that is the Y-offset.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the CrosshairMousePosition class.
+ */
+interface ASPxClientCrosshairMousePosition extends ASPxClientCrosshairPosition {
+}
+/**
+ * The client-side equivalent of the CrosshairFreePosition class.
+ */
+interface ASPxClientCrosshairFreePosition extends ASPxClientCrosshairPosition {
+    /**
+     * Gets a Pane's ID when the crosshair cursor is in the free position mode.
+     * Value: An integer value that is the pane's ID.
+     */
+    paneID: number;
+    /**
+     * Gets a string containing information on a crosshair label's dock position when the crosshair cursor is in the free position mode.
+     * Value: A string value containing information on a crosshair label's dock position.
+     */
+    dockPosition: string;
+}
+/**
+ * Defines line style settings.
+ */
+interface ASPxClientLineStyle extends ASPxClientWebChartElement {
+    /**
+     * Gets the dash style used to paint the line.
+     * Value: A string value that contains information about the style used to paint the line.
+     */
+    dashStyle: string;
+    /**
+     * Gets the thickness that corresponds to the value of the current ASPxClientLineStyle object.
+     * Value: An integer value which specifies the thickness, in pixels.
+     */
+    thickness: number;
+    /**
+     * Returns the join style for the ends of consecutive lines.
+     * Value: A string representing the name of the line join type.
+     */
+    lineJoin: string;
+}
+/**
+ * The client-side equivalent of the CrosshairOptions class.
+ */
+interface ASPxClientCrosshairOptions extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the X-axis.
+     * Value: true to show a crosshair label for the X-axis; otherwise, false.
+     */
+    showAxisXLabels: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the Y-axis.
+     * Value: true to show the crosshair label for the Y-axis; otherwise, false.
+     */
+    showAxisYLabels: boolean;
+    /**
+     * Gets a value that defines whether a crosshair label of a series point indicated by a crosshair cursor is shown on a diagram.
+     * Value: true if a crosshair label indicated by a crosshair cursor is shown on a diagram; otherwise, false.
+     */
+    showCrosshairLabels: boolean;
+    /**
+     * Gets a value that indicates whether a crosshair cursor argument line is shown for a series point on a diagram.
+     * Value: true if a crosshair cursor argument line is displayed on a diagram;  otherwise, false.
+     */
+    showArgumentLine: boolean;
+    /**
+     * Specifies whether to show a value line of a series point indicated by a crosshair cursor on a diagram.
+     * Value: true to display a value line indicated by a crosshair cursor on a diagram; otherwise, false.
+     */
+    showValueLine: boolean;
+    /**
+     * Gets a value that specifies whether to show a crosshair cursor in a focused pane only.
+     * Value: true to display a crosshair cursor in a focused pane; otherwise, false.
+     */
+    showOnlyInFocusedPane: boolean;
+    /**
+     * Specifies the current snap mode of a crosshair cursor.
+     * Value: A string value.
+     */
+    snapMode: string;
+    /**
+     * Specifies the way in which the crosshair label is shown for a series on a diagram.
+     * Value: A string value that specifies how the crosshair label is shown for a series.
+     */
+    crosshairLabelMode: string;
+    /**
+     * Gets a value that indicates whether to show a header for each series group in crosshair cursor labels.
+     * Value: true, to show a group header in crosshair cursor labels; otherwise, false.
+     */
+    showGroupHeaders: boolean;
+    /**
+     * Gets a string which represents the  pattern specifying the group header text to be displayed within the crosshair label.
+     * Value: A String, which represents the group header's pattern.
+     */
+    groupHeaderPattern: string;
+    /**
+     * Gets the color of a crosshair argument line.
+     * Value: A String value, specifying the color of a crosshair argument line.
+     */
+    argumentLineColor: string;
+    /**
+     * Gets the color of a crosshair value line.
+     * Value: A String value, specifying the color of a crosshair value line.
+     */
+    valueLineColor: string;
+}
+/**
+ * The chart print options storage.
+ */
+interface ASPxClientChartPrintOptions {
+    /**
+     * Gets the size mode used to print a chart.
+     */
+    GetSizeMode(): string;
+    /**
+     * Sets the size mode used to print a chart.
+     * @param sizeMode A System.String object, specifying the name of the size mode.
+     */
+    SetSizeMode(sizeMode: string): void;
+    /**
+     * Gets a value indicating that the landscape orientation will be used to print a chart.
+     */
+    GetLandscape(): boolean;
+    /**
+     * Sets a value indicating that the landscape orientation will be used to print a chart.
+     * @param landscape A Boolean value, specifying that the landscape orientation will be used to print a chart.
+     */
+    SetLandscape(landscape: boolean): void;
+    /**
+     * Gets the left margin which will be used to print a chart.
+     */
+    GetMarginLeft(): number;
+    /**
+     * Sets the left margin which will be used to print a chart.
+     * @param marginLeft A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginLeft(marginLeft: number): void;
+    /**
+     * Gets the top margin which will be used to print a chart.
+     */
+    GetMarginTop(): number;
+    /**
+     * Sets the top margin which will be used to print a chart.
+     * @param marginTop A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginTop(marginTop: number): void;
+    /**
+     * Gets the right margin which will be used to print a chart.
+     */
+    GetMarginRight(): number;
+    /**
+     * Sets the right margin which will be used to print a chart.
+     * @param marginRight A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginRight(marginRight: number): void;
+    /**
+     * Gets the bottom margin which will be used to print a chart.
+     */
+    GetMarginBottom(): number;
+    /**
+     * Sets the bottom margin which will be used to print a chart.
+     * @param marginBottom A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginBottom(marginBottom: number): void;
+    /**
+     * Gets the predefined size ratio of the paper which will be used to print a chart.
+     */
+    GetPaperKind(): string;
+    /**
+     * Sets the predefined size ratio of the paper which will be used to print a chart.
+     * @param paperKind A System.String object, specifying the name of a size ratio.
+     */
+    SetPaperKind(paperKind: string): void;
+    /**
+     * Gets the custom paper width which will be used to print a chart.
+     */
+    GetCustomPaperWidth(): number;
+    /**
+     * Sets the custom paper width which will be used to print a chart.
+     * @param customPaperWidth A System.Int32 object, specifying the width in hundredths of an inch.
+     */
+    SetCustomPaperWidth(customPaperWidth: number): void;
+    /**
+     * Gets the custom paper height which will be used to print a chart.
+     */
+    GetCustomPaperHeight(): number;
+    /**
+     * Sets the custom paper height which will be used to print a chart.
+     * @param customPaperHeight A System.Int32 object, specifying the height in hundredths of an inch.
+     */
+    SetCustomPaperHeight(customPaperHeight: number): void;
+    /**
+     * Gets the name of the custom paper width-height ratio used to print the chart.
+     */
+    GetCustomPaperName(): string;
+    /**
+     * Sets the name of the custom paper width-height ratio used to print a chart.
+     * @param customPaperName A String object, specifying the name of the custom paper width-height ratio.
+     */
+    SetCustomPaperName(customPaperName: string): void;
+}
+/**
+ * Represents the client-side equivalent of the CustomLegendItem class.
+ */
+interface ASPxClientCustomLegendItem extends ASPxClientWebChartElementNamed {
+    /**
+     * Returns the text displayed by the custom legend item.
+     * Value: A string value that specifies legend item text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxDocumentViewer control.
+ */
+interface ASPxClientDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientDocumentViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when the value of an item within the Document Viewer's report toolbar is changed.
+     */
+    ToolbarItemValueChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when an item within the Document Viewer's report toolbar is clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client side when a report page is loaded into this ASPxClientDocumentViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Provides access to the Splitter of the ASPxClientDocumentViewer.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Provides access to the ASPxClientDocumentViewer's preview that exposes methods to print and export the document.
+     */
+    GetViewer(): ASPxClientReportViewer;
+    /**
+     * Provides access to the Document Viewer toolbar on the client.
+     */
+    GetToolbar(): ASPxClientReportToolbar;
+    /**
+     * Provides access to the Ribbon of the ASPxClientDocumentViewer.
+     */
+    GetRibbonToolbar(): ASPxClientRibbon;
+    /**
+     * Provides access to the parameters panel of the ASPxClientDocumentViewer.
+     */
+    GetParametersPanel(): ASPxClientReportParametersPanel;
+    /**
+     * Provides access to the document of the ASPxClientDocumentViewer.
+     */
+    GetDocumentMap(): ASPxClientReportDocumentMap;
+    /**
+     * Sets focus on the report control specified by its bookmark.
+     * @param pageIndex An integer value, specifying the page index.
+     * @param bookmarkPath A String value, specifying the path to the bookmark.
+     */
+    GotoBookmark(pageIndex: number, bookmarkPath: string): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified page index.
+     * @param pageIndex A Int32 representing the index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays the specified report page.
+     * @param pageIndex An integer value, identifying the report page.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+}
+/**
+ * A method that will handle the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemValueChanged event.
+     * @param source A Object that is the event source.
+     * @param e An ASPxClientToolbarItemValueChangedEventArgs object, containing the event arguments.
+     */
+    (source: S, e: ASPxClientToolbarItemValueChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Provides access to the toolbar's value editor on the client.
+     * Value: An ASPxClientControl descendant.
+     */
+    editor: ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ASPxQueryBuilder control.
+ */
+interface ASPxClientQueryBuilder extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientQueryBuilder.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Enables you to customize the menu actions of a Query Builder.
+     */
+    CustomizeToolbarActions: ASPxClientEvent<ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientQueryBuilderSaveCommandExecuteEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientQueryBuilder properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the object model of a Query Builder.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Gets a client-side model of the currently opened query serialized to Json.
+     */
+    GetJsonQueryModel(): string;
+    /**
+     * Saves the current query.
+     */
+    Save(): void;
+    /**
+     * Invokes a Data Preview for the current query.
+     */
+    ShowPreview(): void;
+    /**
+     * Specifies whether or not the current query is a valid SQL string.
+     */
+    IsQueryValid(): boolean;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientQueryBuilderSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientQueryBuilderSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomizeToolbarActions event.
+ */
+interface ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeToolbarActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientQueryBuilderCustomizeToolbarActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientQueryBuilderCustomizeToolbarActionsEventArgs): void;
+}
+/**
+ * Provides settings to the actions listed in a Query Builder menu.
+ */
+interface ASPxClientQueryBuilderMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when a Query Builder's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the Query Builder user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for the CustomizeToolbarActions event.
+ */
+interface ASPxClientQueryBuilderCustomizeToolbarActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the collection of customized menu actions.
+     * Value: An ASPxClientQueryBuilderMenuAction array.
+     */
+    Actions: ASPxClientQueryBuilderMenuAction[];
+    /**
+     * Returns a menu action with the specified ID.
+     * @param actionId A String value, specifying the action ID.
+     */
+    GetById(actionId: string): ASPxClientQueryBuilderMenuAction;
+}
+/**
+ * The client-side equivalent of the Web Report Designer control.
+ */
+interface ASPxClientReportDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientReportDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientReportDesignerSaveCommandExecuteEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the menu actions of a Web Report Designer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientReportDesignerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client side when the Report Designer is being closed.
+     */
+    ExitDesigner: ASPxClientEvent<ASPxClientReportDesignerExitDesignerEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientReportDesigner properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the object model of a Web Report Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Gets a client-side model of the currently opened report serialized to Json.
+     */
+    GetJsonReportModel(): string;
+    /**
+     * Returns serialization information for the specific property of the specific control type.
+     * @param controlType A string that identifies the name of the control type for which serialization information is to be returned.
+     * @param propertyDisplayName A string that identifies the name of the property for which serialization information is to be returned.
+     */
+    GetPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * Indicates whether or not the current ASPxClientReportDesigner instance has been modified.
+     */
+    IsModified(): boolean;
+    /**
+     * Resets the value returned by the IsModified method.
+     */
+    ResetIsModified(): void;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientReportDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeMenuActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * Provides settings to the actions listed in a Web Report Designer menu.
+ */
+interface ASPxClientReportDesignerMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when a Web Report Designer's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the designer user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for the CustomizeMenuActions event.
+ */
+interface ASPxClientReportDesignerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the collection of customized menu actions.
+     * Value: An ASPxClientReportDesignerMenuAction array.
+     */
+    Actions: ASPxClientReportDesignerMenuAction[];
+    /**
+     * Returns a menu action with the specified ID.
+     * @param actionId A String value, specifying the action ID.
+     */
+    GetById(actionId: string): ASPxClientReportDesignerMenuAction;
+}
+/**
+ * Provides data for the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventArgs extends ASPxClientEventArgs {
+}
+interface ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<S> {
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventHandler<S> {
+    /**
+     * A method that will handle the ExitDesigner event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerExitDesignerEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerExitDesignerEventArgs): void;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Document Map.
+ */
+interface ASPxClientReportDocumentMap extends ASPxClientControl {
+    /**
+     * Occurs after the content of the Document Viewer's document map is updated.
+     */
+    ContentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientReportDocumentMap>>;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Parameters Panel.
+ */
+interface ASPxClientReportParametersPanel extends ASPxClientControl {
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param parametersInfo An array of ASPxClientReportParameterInfo values specifying parameters and values to assign.
+     */
+    AssignParameters(parametersInfo: ASPxClientReportParameterInfo[]): void;
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param path A System.String specifying the parameter's path.
+     * @param value An object specifying the parameter value.
+     */
+    AssignParameter(path: string, value: Object): void;
+    /**
+     * Returns an array storing the names of parameters available in a report.
+     */
+    GetParameterNames(): string[];
+    /**
+     * Returns a value editor that is associated with a parameter with the specified name.
+     * @param parameterName A String value, specifying the parameter name.
+     */
+    GetEditorByParameterName(parameterName: string): ASPxClientControl;
+}
+interface ASPxClientReportParameterInfo {
+    Path: string;
+    Value: Object;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's toolbar.
+ */
+interface ASPxClientReportToolbar extends ASPxClientControl {
+    /**
+     * Provides access to the control template assigned for the specified menu item.
+     * @param name A String value, specifying the menu item name.
+     */
+    GetItemTemplateControl(name: string): ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ReportViewer.
+ */
+interface ASPxClientReportViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientReportViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client side when another report page is loaded into this ASPxClientReportViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Submits the values of the specified parameters.
+     * @param parameters A dictionary containing the parameter names, along with their Object values.
+     */
+    SubmitParameters(parameters: { [key: string]: Object; }): void;
+    /**
+     * Prints a report shown in the ReportViewer.
+     */
+    Print(): void;
+    /**
+     * Prints a report page with the specified page index.
+     * @param pageIndex An integer value which specifies an index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays a report page with the specified page index in the ReportViewer.
+     * @param pageIndex An integer value which specifies the index of a page to be displayed.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+}
+interface ASPxClientReportViewerPageLoadEventHandler<S> {
+    (source: S, e: ASPxClientReportViewerPageLoadEventArgs): void;
+}
+/**
+ * Provides data for a Report Viewer's PageLoad event on the client side.
+ */
+interface ASPxClientReportViewerPageLoadEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying a zero-based index of a page to be displayed in a report viewer.
+     * Returns: $
+     */
+    PageIndex: number;
+    /**
+     * Gets a value specifying the total number of pages displayed in a report viewer.
+     * Returns: $
+     */
+    PageCount: number;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the first page of a report.
+     */
+    IsFirstPage(): boolean;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the last page of a report.
+     */
+    IsLastPage(): boolean;
+}
+/**
+ * Provides data for the CustomizeParameterEditors events.
+ */
+interface ASPxClientCustomizeParameterEditorsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to an object that stores information required to serialize a parameter editor.
+     * Value: An ASPxDesignerElementSerializationInfo object.
+     */
+    info: ASPxDesignerElementSerializationInfo;
+}
+interface ASPxClientCustomizeParameterLookUpSourceEventArgs extends ASPxClientEventArgs {
+    parameter: ASPxDesignerElementParameterDescriptor;
+    items: ASPxDesignerElementEditorItem[];
+    dataSource: Object;
+}
+/**
+ * Provides general information about a report parameter.
+ */
+interface ASPxDesignerElementParameterDescriptor {
+    /**
+     * Provides access to the parameter description.
+     * Value: A String value, specifying the parameter description.
+     */
+    description: string;
+    /**
+     * Provides access to the parameter name.
+     * Value: A String value, specifying the parameter name.
+     */
+    name: string;
+    /**
+     * Provides access to the parameter type.
+     * Value: A String value, specifying the parameter type.
+     */
+    type: string;
+    /**
+     * Provides access to the parameter value.
+     * Value: A Object, specifying the parameter value.
+     */
+    value: Object;
+    /**
+     * Provides access to the parameter visibility state.
+     * Value: true if the parameter is visible; otherwise false.
+     */
+    visible: boolean;
+}
+/**
+ * Provides information required to serialize an element.
+ */
+interface ASPxDesignerElementSerializationInfo {
+    /**
+     * Gets the property name that will be used in the model to store the property value.
+     * Value: A String value.
+     */
+    propertyName: string;
+    /**
+     * Gets the property name in the model that is displayed in the Property grid.
+     * Value: A String value.
+     */
+    displayName: string;
+    /**
+     * Gets the property name that will be used during serialization to store the property value.
+     * Value: A String value.
+     */
+    modelName: string;
+    /**
+     * Gets the default property value used for serialization.
+     * Value: A Object value.
+     */
+    defaultVal: Object;
+    /**
+     * Gets the information about a complex object's content.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Gets a value indicating whether or not the property returns an array.
+     * Value: true if the property returns an array; otherwise false.
+     */
+    array: boolean;
+    /**
+     * Gets a value indicating whether an object should be serialized to the ComponentStorage property.
+     * Value: true to serialize an object to the ObjectStorage; otherwise false.
+     */
+    link: boolean;
+    /**
+     * Gets a value specifying the type of value editor for the Property Grid.
+     * Value: An ASPxDesignerElementEditor object.
+     */
+    editor: ASPxDesignerElementEditor;
+    /**
+     * Gets the collection of values displayed in the Property grid.
+     * Value: An array of ASPxDesignerElementEditorItem objects.
+     */
+    valuesArray: ASPxDesignerElementEditorItem[];
+    /**
+     * Gets the rules for validating the property value entered into its editor.
+     * Value: An array of Object values.
+     */
+    validationRules: Object[];
+    /**
+     * Gets the visibility state of the value editor in the Property Grid.
+     * Value: A Object value.
+     */
+    visible: Object;
+    /**
+     * Gets a value, indicating whether or not the property value can be edited.
+     * Value: true to disable the property editing; otherwise false.
+     */
+    disabled: Object;
+}
+/**
+ * Provides information about a serialized property's value editor used in the Property Grid.
+ */
+interface ASPxDesignerElementEditor {
+    /**
+     * Gets the name of an HTML template specifying the editor and header of a complex object (i.e., an object having its content properties specified).
+     * Value: A String value.
+     */
+    header: string;
+    /**
+     * Gets a nullable value, specifying the name of an HTML template used by a complex object's editor.
+     * Value: A String value.
+     */
+    content: string;
+    /**
+     * Gets a nullable value, specifying the type of the editor's model.
+     * Value: A Object value.
+     */
+    editorType: Object;
+}
+/**
+ * Provides information about property values.
+ */
+interface ASPxDesignerElementEditorItem {
+    /**
+     * Gets an actual property value.
+     * Value: A Object value.
+     */
+    value: Object;
+    /**
+     * Gets a value displayed by a property editor.
+     * Value: A String value.
+     */
+    displayValue: string;
+}
+/**
+ * A client-side equivalent of the ASPxWebDocumentViewer class.
+ */
+interface ASPxClientWebDocumentViewer extends ASPxClientControl {
+    /**
+     * Enables you to customize the menu actions of a Web Document Viewer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Provides access to the preview model of the ASPxClientWebDocumentViewer.
+     */
+    GetPreviewModel(): Object;
+    /**
+     * Opens the specified report in the HTML5 Document Viewer.
+     */
+    OpenReport(): Object;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified index.
+     * @param pageIndex An index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Exports the document to a PDF file.
+     */
+    ExportTo(): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'txt', 'xls', and 'xlsx'.
+     */
+    ExportTo(format: string): void;
+    /**
+     * Updates the localization settings of the ASPxClientWebDocumentViewer properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+}
+/**
+ * Provides settings to the actions listed in a Web Document Viewer menu.
+ */
+interface ASPxClientWebDocumentViewerMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when a Document Viewer's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the Document Viewer user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for the CustomizeMenuActions event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the collection of customized menu actions.
+     * Value: An ASPxClientWebDocumentViewerMenuAction array.
+     */
+    Actions: ASPxClientWebDocumentViewerMenuAction[];
+    /**
+     * Returns a menu action with the specified ID.
+     * @param actionId A String value, specifying the action ID.
+     */
+    GetById(actionId: string): ASPxClientWebDocumentViewerMenuAction;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeMenuActions event.
+     * @param source The event sender.
+     * @param e An ASPxClientWebDocumentViewerCustomizeMenuActionsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientWebDocumentViewerCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+interface ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<S> {
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+
+interface MVCxClientDashboardViewerStatic extends ASPxClientDashboardViewerStatic {
+}
+interface DashboardDataAxisNamesStatic {
+    /**
+     * Identifies a default axis in all data-bound dashboard items.
+     */
+    DefaultAxis: string;
+    /**
+     * Identifies a series axis in a chart and pie.
+     */
+    ChartSeriesAxis: string;
+    /**
+     * Identifies an argument axis in a chart, scatter chart and pie.
+     */
+    ChartArgumentAxis: string;
+    /**
+     * Identifies a sparkline axis in a grid and cards.
+     */
+    SparklineAxis: string;
+    /**
+     * Identifies a pivot column axis.
+     */
+    PivotColumnAxis: string;
+    /**
+     * Identifies a pivot row axis.
+     */
+    PivotRowAxis: string;
+}
+interface DashboardSpecialValuesStatic {
+    /**
+     * Represents a null value.
+     */
+    NullValue: string;
+    /**
+     * Represents a null value in OLAP mode.
+     */
+    OlapNullValue: string;
+    /**
+     * Represents an Others value.
+     */
+    OthersValue: string;
+    /**
+     * Represents an error value for calculated fields.
+     */
+    ErrorValue: string;
+    /**
+     * Returns whether or not the specified value is an NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OlapNullValue.
+     * @param value The specified value.
+     */
+    IsOlapNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an ErrorValue.
+     * @param value The specified value.
+     */
+    IsErrorValue(value: Object): boolean;
+}
+interface ASPxClientDashboardDesignerStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDashboardViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDashboardViewer;
+}
+interface DashboardExportPageLayoutStatic {
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is portrait.
+     */
+    Portrait: string;
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is landscape.
+     */
+    Landscape: string;
+}
+interface DashboardExportPaperKindStatic {
+    /**
+     * Letter paper (8.5 in. by 11 in.).
+     */
+    Letter: string;
+    /**
+     * Legal paper (8.5 in. by 14 in.).
+     */
+    Legal: string;
+    /**
+     * Executive paper (7.25 in. by 10.5 in.).
+     */
+    Executive: string;
+    /**
+     * A5 paper (148 mm by 210 mm).
+     */
+    A5: string;
+    /**
+     * A4 paper (210 mm by 297 mm).
+     */
+    A4: string;
+    /**
+     * A3 paper (297 mm by 420 mm).
+     */
+    A3: string;
+}
+interface DashboardExportScaleModeStatic {
+    /**
+     * The dashboard (dashboard item) on the exported page retains its original size.
+     */
+    None: string;
+    /**
+     * The size of the dashboard (dashboard item) on the exported page is changed according to the scale factor value.
+     */
+    UseScaleFactor: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed according to the width of the exported page.
+     */
+    AutoFitToPageWidth: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed to fit its content on a single page.
+     */
+    AutoFitWithinOnePage: string;
+}
+interface DashboardExportFilterStateStatic {
+    /**
+     * The filter state is not included in the exported document.
+     */
+    None: string;
+    /**
+     * The filter state is placed below the dashboard (dashboard item) in the exported document.
+     */
+    Below: string;
+    /**
+     * The filter state is placed on a separate page in the exported document.
+     */
+    SeparatePage: string;
+}
+interface DashboardExportImageFormatStatic {
+    /**
+     * The PNG image format.
+     */
+    Png: string;
+    /**
+     * The GIF image format.
+     */
+    Gif: string;
+    /**
+     * The JPG image format.
+     */
+    Jpg: string;
+}
+interface DashboardExportExcelFormatStatic {
+    /**
+     * The Excel 97 - Excel 2003 (XLS) file format.
+     */
+    Xls: string;
+    /**
+     * The Office Excel 2007 XML-based (XLSX) file format.
+     */
+    Xlsx: string;
+    /**
+     * A comma-separated values (CSV) file format.
+     */
+    Csv: string;
+}
+interface ChartExportSizeModeStatic {
+    /**
+     * A chart dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A chart dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A chart dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface MapExportSizeModeStatic {
+    /**
+     * A map dashboard item is exported in a size identical to that shown on the dashboard
+     */
+    None: string;
+    /**
+     * A map dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface RangeFilterExportSizeModeStatic {
+    /**
+     * A Range Filter dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A Range Filter dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A Range Filter dashboard item is resized proportionally to best fit the printed page.
+     */
+    Zoom: string;
+}
+interface DashboardSelectionModeStatic {
+    None: string;
+    Single: string;
+    Multiple: string;
+}
+interface ASPxClientEditBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientEditStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Assigns a null value to all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container, and belonging to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ClearEditorsInContainer(container: Object): void;
+    /**
+     * Assigns a null value to all editors which are located within the specified container object, and belonging to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object, and belonging to a specific validation group.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object.
+     * @param containerId A string value specifying the editor container's identifier.
+     */
+    ClearEditorsInContainerById(containerId: string): void;
+    /**
+     * Assigns a null value to all editors which belong to a specific validation group, dependent on the visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified validation group; false to clear only visible editors.
+     */
+    ClearGroup(validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors which belong to a specific validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearGroup(validationGroup: string): void;
+    /**
+     * Performs validation of all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ValidateEditorsInContainer(container: Object): boolean;
+    /**
+     * Performs validation of the editors which are located within the specified container and belong to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors which are located within the specified container.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    ValidateEditorsInContainerById(containerId: string): boolean;
+    /**
+     * Performs validation of editors contained within the specified validation group, dependent on the editor visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified validation group; false to validate only visible editors.
+     */
+    ValidateGroup(validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors contained within the specified validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ValidateGroup(validationGroup: string): boolean;
+    /**
+     * Verifies whether the editors in a specified visibility state, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(container: Object, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(container: Object, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors located in a specified container are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    AreEditorsValid(container: Object): boolean;
+    /**
+     * Verifies whether the editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    AreEditorsValid(containerId: string): boolean;
+    /**
+     * Verifies whether visible editors on a page are valid.
+     */
+    AreEditorsValid(): boolean;
+}
+interface ASPxClientBinaryImageStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientBinaryImage;
+}
+interface ASPxClientButtonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButton;
+}
+interface ASPxClientCalendarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCalendar;
+}
+interface ASPxClientCaptchaStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCaptcha;
+}
+interface ASPxClientCheckBoxStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBox;
+}
+interface ASPxClientRadioButtonStatic extends ASPxClientCheckBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButton;
+}
+interface ASPxClientTextEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientTextBoxBaseStatic extends ASPxClientTextEditStatic {
+}
+interface ASPxClientButtonEditBaseStatic extends ASPxClientTextBoxBaseStatic {
+}
+interface ASPxClientDropDownEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientColorEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientColorEdit;
+}
+interface ASPxClientComboBoxStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientComboBox;
+}
+interface ASPxClientDateEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDateEdit;
+}
+interface ASPxClientDropDownEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDropDownEdit;
+}
+interface ASPxClientFilterControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFilterControl;
+}
+interface ASPxClientListEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientListBoxStatic extends ASPxClientListEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientListBox;
+}
+interface ASPxClientCheckListBaseStatic extends ASPxClientListEditStatic {
+}
+interface ASPxClientRadioButtonListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButtonList;
+}
+interface ASPxClientCheckBoxListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBoxList;
+}
+interface ASPxClientProgressBarStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientProgressBar;
+}
+interface ASPxClientSpinEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientSpinEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpinEdit;
+}
+interface ASPxClientTimeEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimeEdit;
+}
+interface ASPxClientStaticEditStatic extends ASPxClientEditBaseStatic {
+}
+interface ASPxClientHyperLinkStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHyperLink;
+}
+interface ASPxClientImageBaseStatic extends ASPxClientStaticEditStatic {
+}
+interface ASPxClientImageStatic extends ASPxClientImageBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImage;
+}
+interface ASPxClientLabelStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLabel;
+}
+interface ASPxClientTextBoxStatic extends ASPxClientTextBoxBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTextBox;
+}
+interface ASPxClientMemoStatic extends ASPxClientTextEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMemo;
+}
+interface ASPxClientButtonEditStatic extends ASPxClientButtonEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButtonEdit;
+}
+interface ASPxClientTokenBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTokenBox;
+}
+interface ASPxClientTrackBarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTrackBar;
+}
+interface ASPxClientValidationSummaryStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGaugeControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGaugeControl;
+}
+interface ASPxClientGridBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGridViewCallbackCommandStatic {
+    /**
+     * Default value: "NEXTPAGE"
+     */
+    NextPage: string;
+    /**
+     * Default value: "PREVPAGE"
+     */
+    PreviousPage: string;
+    /**
+     * Default value: "GOTOPAGE"
+     */
+    GotoPage: string;
+    /**
+     * Default value: "SELECTROWS"
+     */
+    SelectRows: string;
+    /**
+     * Default value: "SELECTROWSKEY"
+     */
+    SelectRowsKey: string;
+    /**
+     * Default value: "SELECTION"
+     */
+    Selection: string;
+    /**
+     * Default value: "FOCUSEDROW"
+     */
+    FocusedRow: string;
+    /**
+     * Default value: "GROUP"
+     */
+    Group: string;
+    /**
+     * Default value: "UNGROUP"
+     */
+    UnGroup: string;
+    /**
+     * Default value: "SORT"
+     */
+    Sort: string;
+    /**
+     * Default value: "COLUMNMOVE"
+     */
+    ColumnMove: string;
+    /**
+     * Default value: "COLLAPSEALL"
+     */
+    CollapseAll: string;
+    /**
+     * Default value: "EXPANDALL"
+     */
+    ExpandAll: string;
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+    /**
+     * Default value: "COLLAPSEROW"
+     */
+    CollapseRow: string;
+    /**
+     * Default value: "HIDEALLDETAIL"
+     */
+    HideAllDetail: string;
+    /**
+     * Default value: "SHOWALLDETAIL"
+     */
+    ShowAllDetail: string;
+    /**
+     * Default value: "SHOWDETAILROW"
+     */
+    ShowDetailRow: string;
+    /**
+     * Default value: "HIDEDETAILROW"
+     */
+    HideDetailRow: string;
+    /**
+     * Default value: "PAGERONCLICK"
+     */
+    PagerOnClick: string;
+    /**
+     * Default value: "APPLYFILTER"
+     */
+    ApplyFilter: string;
+    /**
+     * Default value: "APPLYCOLUMNFILTER"
+     */
+    ApplyColumnFilter: string;
+    /**
+     * Default value: "APPLYMULTICOLUMNFILTER"
+     */
+    ApplyMultiColumnFilter: string;
+    /**
+     * Default value: "APPLYHEADERCOLUMNFILTER"
+     */
+    ApplyHeaderColumnFilter: string;
+    /**
+     * Default value: "APPLYSEARCHPANELFILTER"
+     */
+    ApplySearchPanelFilter: string;
+    /**
+     * Default value: "FILTERROWMENU"
+     */
+    FilterRowMenu: string;
+    /**
+     * Default value: "STARTEDIT"
+     */
+    StartEdit: string;
+    /**
+     * Default value: "CANCELEDIT"
+     */
+    CancelEdit: string;
+    /**
+     * Default value: "UPDATEEDIT"
+     */
+    UpdateEdit: string;
+    /**
+     * Default value: "ADDNEWROW"
+     */
+    AddNewRow: string;
+    /**
+     * Default value: "DELETEROW"
+     */
+    DeleteRow: string;
+    /**
+     * Default value: "CUSTOMBUTTON"
+     */
+    CustomButton: string;
+    /**
+     * Default value: "CUSTOMCALLBACK"
+     */
+    CustomCallback: string;
+    /**
+     * Default value: "SHOWFILTERCONTROL"
+     */
+    ShowFilterControl: string;
+    /**
+     * Default value: "CLOSEFILTERCONTROL"
+     */
+    CloseFilterControl: string;
+    /**
+     * Default value: "SETFILTERENABLED"
+     */
+    SetFilterEnabled: string;
+    /**
+     * Default value: "REFRESH"
+     */
+    Refresh: string;
+    /**
+     * Default value: "SELFIELDVALUES"
+     */
+    SelFieldValues: string;
+    /**
+     * Default value: "ROWVALUES"
+     */
+    RowValues: string;
+    /**
+     * Default value: "PAGEROWVALUES"
+     */
+    PageRowValues: string;
+    /**
+     * Default value: "FILTERPOPUP"
+     */
+    FilterPopup: string;
+    /**
+     * Default value: "CONTEXTMENU"
+     */
+    ContextMenu: string;
+    /**
+     * Default value: "CUSTOMVALUES"
+     */
+    CustomValues: string;
+}
+interface ASPxClientGridLookupStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridLookup;
+}
+interface ASPxClientCardViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCardView;
+}
+interface ASPxClientGridViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridView;
+}
+interface ASPxClientVerticalGridStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientVerticalGrid;
+}
+interface ASPxClientVerticalGridCallbackCommandStatic {
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+}
+interface ASPxClientCommandConstsStatic {
+    /**
+     * Identifies a command that shows a search panel.
+     * Value: "showsearchpanel"
+     */
+    SHOWSEARCHPANEL_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Find and Replace dialog.
+     * Value: "findandreplacedialog"
+     */
+    FINDANDREPLACE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that applies the bold text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "bold"
+     */
+    BOLD_COMMAND: string;
+    /**
+     * Identifies a command that makes the selected text italic or regular type depending on the current state.
+     * Value: "italic"
+     */
+    ITALIC_COMMAND: string;
+    /**
+     * Identifies a command that applies the underline text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "underline"
+     */
+    UNDERLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the strike through text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "strikethrough"
+     */
+    STRIKETHROUGH_COMMAND: string;
+    /**
+     * Identifies a command that applies the superscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "superscript"
+     */
+    SUPERSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that applies the subscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "subscript"
+     */
+    SUBSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that centers the content of the currently focused paragraph.
+     * Value: "justifycenter"
+     */
+    JUSTIFYCENTER_COMMAND: string;
+    /**
+     * Identifies a command that left justifies the content of the currently focused paragraph.
+     * Value: "justifyleft"
+     */
+    JUSTIFYLEFT_COMMAND: string;
+    /**
+     * Identifies a command that creates an indent for the selected paragarph.
+     * Value: "indent"
+     */
+    INDENT_COMMAND: string;
+    /**
+     * Identifies a command that creates an outdent for the focused paragarph.
+     * Value: "outdent"
+     */
+    OUTDENT_COMMAND: string;
+    /**
+     * Identifies a command that right justifies the content of the currently focused paragraph.
+     * Value: "justifyright"
+     */
+    JUSTIFYRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that fully justifies the content of the currently focused paragraph (aligned with both the left and right margines).
+     * Value: "justifyfull"
+     */
+    JUSTIFYFULL_COMMAND: string;
+    /**
+     * Identifies a command that changes the size of the selected text.
+     * Value: "fontsize"
+     */
+    FONTSIZE_COMMAND: string;
+    /**
+     * Identifies a command that changes the font of the selected text.
+     * Value: "fontname"
+     */
+    FONTNAME_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a fore color pickers and sets the selected text fore color.
+     * Value: "forecolor"
+     */
+    FONTCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a back color pickers and sets the selected text back color.
+     * Value: "backcolor"
+     */
+    BACKCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that wraps the selected paragraph in the specified html tag.
+     * Value: "formatblock"
+     */
+    FORMATBLOCK_COMMAND: string;
+    /**
+     * Identifies a command that wraps the currently selected text content in a specific html tag with a css class assigned to it.
+     * Value: "applycss"
+     */
+    APPLYCSS_COMMAND: string;
+    /**
+     * Identifies a command that removes all formatting from the selected content.
+     * Value: "removeformat"
+     */
+    REMOVEFORMAT_COMMAND: string;
+    /**
+     * Identifies a command that cancels the last action.
+     * Value: "undo"
+     */
+    UNDO_COMMAND: string;
+    /**
+     * Identifies a command that returns a previously canceled action.
+     * Value: "redo"
+     */
+    REDO_COMMAND: string;
+    /**
+     * Identifies a command that copies the selected content.
+     * Value: "copy"
+     */
+    COPY_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard at the current cursor position.
+     * Value: "paste"
+     */
+    PASTE_COMMAND: string;
+    /**
+     * Identifies a command that pastes a specified content taking into account that it was copied from Word.
+     * Value: "pastefromword"
+     */
+    PASTEFROMWORD_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Paste from Word dialog.
+     * Value: "pastefromworddialog"
+     */
+    PASTEFROMWORDDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that cuts the selected content.
+     * Value: "cut"
+     */
+    CUT_COMMAND: string;
+    /**
+     * Identifies a command that selects all content inside the html editor.
+     * Value: "selectall"
+     */
+    SELECT_ALL: string;
+    /**
+     * Identifies a command that deletes the selected content.
+     * Value: "delete"
+     */
+    DELETE_COMMAND: string;
+    /**
+     * Identifies a command that can be used to correctly insert HTML code into the editor.
+     * Value: "pastehtml"
+     */
+    PASTEHTML_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new ordered list.
+     * Value: "insertorderedlist"
+     */
+    INSERTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new unordered list.
+     * Value: "insertunorderedlist"
+     */
+    INSERTUNORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that restarts the current ordered list.
+     * Value: "restartorderedlist"
+     */
+    RESTARTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that continues a disrupted ordered list.
+     * Value: "continueorderedlist"
+     */
+    CONTINUEORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that removes a hyperlink from the selected text or image.
+     * Value: "unlink"
+     */
+    UNLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new hyperlink.
+     * Value: "insertlink"
+     */
+    INSERTLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new image.
+     * Value: "insertimage"
+     */
+    INSERTIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected image.
+     * Value: "changeimage"
+     */
+    CHANGEIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that initiates spell checking.
+     * Value: "checkspelling"
+     */
+    CHECKSPELLING_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Image dialog.
+     * Value: "insertimagedialog"
+     */
+    INSERTIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Image dialog.
+     * Value: "changeimagedialog"
+     */
+    CHANGEIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Link dialog.
+     * Value: "insertlinkdialog"
+     */
+    INSERTLINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Link dialog.
+     * Value: "changelinkdialog"
+     */
+    CHANGELINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Table dialog.
+     * Value: "inserttabledialog"
+     */
+    INSERTTABLE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Table Properties dialog.
+     * Value: "tablepropertiesdialog"
+     */
+    TABLEPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Cell Properties dialog.
+     * Value: "tablecellpropertiesdialog"
+     */
+    TABLECELLPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Column Properties dialog.
+     * Value: "tablecolumnpropertiesdialog"
+     */
+    TABLECOLUMNPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Row Properties dialog.
+     * Value: "tablerowpropertiesdialog"
+     */
+    TABLEROWPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes a default browser Print dialog, allowing an end-user to print the content of the html editor.
+     * Value: "print"
+     */
+    PRINT_COMMAND: string;
+    /**
+     * Identifies a command that toggles the full-screen mode.
+     * Value: "fullscreen"
+     */
+    FULLSCREEN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new table.
+     * Value: "inserttable"
+     */
+    INSERTTABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table.
+     * Value: "changetable"
+     */
+    CHANGETABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table cell.
+     * Value: "changetablecell"
+     */
+    CHANGETABLECELL_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table row.
+     * Value: "changetablerow"
+     */
+    CHANGETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table column.
+     * Value: "changetablecolumn"
+     */
+    CHANGETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table.
+     * Value: "deletetable"
+     */
+    DELETETABLE_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table row.
+     * Value: "deletetablerow"
+     */
+    DELETETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table column.
+     * Value: "deletetablecolumn"
+     */
+    DELETETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the left from the currently focused one.
+     * Value: "inserttablecolumntoleft"
+     */
+    INSERTTABLECOLUMNTOLEFT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the right from the currently focused one.
+     * Value: "inserttablecolumntoright"
+     */
+    INSERTTABLECOLUMNTORIGHT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row below the currently focused one.
+     * Value: "inserttablerowbelow"
+     */
+    INSERTTABLEROWBELOW_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row above the currently focused one.
+     * Value: "inserttablerowabove"
+     */
+    INSERTTABLEROWABOVE_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell horizontally.
+     * Value: "splittablecellhorizontally"
+     */
+    SPLITTABLECELLHORIZONTALLY_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell vertically.
+     * Value: "splittablecellvertically"
+     */
+    SPLITTABLECELLVERTICALLY_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one to the right.
+     * Value: "mergetablecellright"
+     */
+    MERGETABLECELLRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one below.
+     * Value: "mergetablecelldown"
+     */
+    MERGETABLECELLDOWN_COMMAND: string;
+    /**
+     * Identifies a command that invokes a custom dialog.
+     * Value: "customdialog"
+     */
+    CUSTOMDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that exports the html editor content.
+     * Value: "export"
+     */
+    EXPORT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new audio element.
+     * Value: "insertaudio"
+     */
+    INSERTAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new video.
+     * Value: "insertvideo"
+     */
+    INSERTVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new flash element.
+     * Value: "insertflash"
+     */
+    INSERTFLASH_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new YouTube video.
+     * Value: "insertyoutubevideo"
+     */
+    INSERTYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected audio element.
+     * Value: "changeaudio"
+     */
+    CHANGEAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected video element.
+     * Value: "changevideo"
+     */
+    CHANGEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected flash element.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected YouTube video element.
+     * Value: "changeyoutubevideo"
+     */
+    CHANGEYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Audio dialog.
+     * Value: "insertaudiodialog"
+     */
+    INSERTAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Video dialog.
+     * Value: "insertvideodialog"
+     */
+    INSERTVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Flash dialog.
+     * Value: "insertflashdialog"
+     */
+    INSERTFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert YouTube Video dialog.
+     * Value: "insertyoutubevideodialog"
+     */
+    INSERTYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Audio dialog.
+     * Value: "changeaudiodialog"
+     */
+    CHANGEAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Video dialog.
+     * Value: "changevideodialog"
+     */
+    CHANGEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Flash dialog.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change YouTube Video dialog.
+     * Value: "changeyoutubevideodialog"
+     */
+    CHANGEYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to SourceFormatting.
+     * Value: "pastehtmlsourceformatting"
+     */
+    PASTEHTMLSOURCEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to PlainText.
+     * Value: "pastehtmlplaintext"
+     */
+    PASTEHTMLPLAINTEXT_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to MergeFormatting.
+     * Value: "pastehtmlmergeformatting"
+     */
+    PASTEHTMLMERGEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new placeholder.
+     * Value: "insertplaceholder"
+     */
+    INSERTPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected placeholder.
+     * Value: "changeplaceholder"
+     */
+    CHANGEPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Placeholder dialog.
+     * Value: "insertplaceholderdialog"
+     */
+    INSERTPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Placeholder dialog.
+     * Value: "changeplaceholderdialog"
+     */
+    CHANGEPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that updates the editor content.
+     * Value: "updatedocument"
+     */
+    UPDATEDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that changes properties of the element selected in the tag inspector.
+     * Value: "changeelementproperties"
+     */
+    CHANGEELEMENTPROPERTIES_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Element Properties dialog.
+     * Value: "changeelementpropertiesdialog"
+     */
+    CHANGEELEMENTPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that comments the selected HTML code. If no code is selected, it comments the focused tag.
+     * Value: "comment"
+     */
+    COMMENT_COMMAND: string;
+    /**
+     * Identifies a command that uncomments the selected HTML code. If no code is selected, the command uncomments the currently focused tag.
+     * Value: "uncomment"
+     */
+    UNCOMMENTHTML_COMMAND: string;
+    /**
+     * Identifies a command that formats the current HTML document.
+     * Value: "formatdocument"
+     */
+    FORMATDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that applies the indent formatting to the selected content.
+     * Value: "indent"
+     */
+    INDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the outdent formatting to the focused content.
+     * Value: "outdent"
+     */
+    OUTDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that collapses the selected HTML tag.
+     * Value: "collapsetag"
+     */
+    COLLAPSETAG_COMMAND: string;
+    /**
+     * Identifies a command that expands the selected HTML tag.
+     * Value: "expandtag"
+     */
+    EXPANDTAG_COMMAND: string;
+    /**
+     * Identifies a command that shows intellisense for the HTML code editor.
+     * Value: "showintellisense"
+     */
+    SHOWINTELLISENSE_COMMAND: string;
+}
+interface ASPxClientHtmlEditorStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHtmlEditor;
+    /**
+     * Programmatically closes a custom dialog, supplying it with specific parameters.
+     * @param status An object representing a custom dialog's closing status.
+     * @param data An object representing custom data associated with a custom dialog.
+     */
+    CustomDialogComplete(status: Object, data: Object): void;
+}
+interface ASPxClientHtmlEditorMediaPreloadModeStatic {
+    /**
+     * The browser does not load a media file when the page loads.
+     */
+    None: string;
+    /**
+     * The browser loads the entire video when the page loads.
+     */
+    Auto: string;
+    /**
+     * The browser loads only metadata when the page loads.
+     */
+    Metadata: string;
+}
+interface ASPxClientPivotGridStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPivotGrid;
+}
+interface ASPxClientPivotCustomizationStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRichEditStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRichEdit;
+}
+interface ASPxSchedulerDateTimeHelperStatic {
+    /**
+     * Returns the date part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the date.
+     */
+    TruncToDate(date: Date): Date;
+    /**
+     * Returns the day time part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the day time.
+     */
+    ToDayTime(date: Date): any;
+    /**
+     * 
+     * @param date 
+     * @param dayCount 
+     */
+    AddDays(date: Date, dayCount: number): Date;
+    /**
+     * Adds the specified timespan to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add a timespan.
+     * @param timeSpan A TimeSpan object specifying the timespan to add.
+     */
+    AddTimeSpan(date: Date, timeSpan: any): Date;
+    /**
+     * Rounds a DateTime value up to the nearest interval.
+     * @param date A DateTime object containing a value to round.
+     * @param spanInMs A TimeSpan object specifying an interval to which to round.
+     */
+    CeilDateTime(date: Date, spanInMs: any): Date;
+}
+interface ASPxClientWeekDaysCheckEditStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceRangeControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDailyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientWeeklyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientMonthlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientYearlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientRecurrenceTypeEditStatic extends ASPxClientRadioButtonListStatic {
+}
+interface ASPxClientTimeIntervalStatic {
+    /**
+     * Gets the duration of a time interval between two points in time.
+     * @param start A DateTime object specifying the starting point of the time interval.
+     * @param end A DateTime object specifying the ending point of the time interval.
+     */
+    CalculateDuration(start: Date, end: Date): number;
+}
+interface ASPxClientSchedulerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientScheduler;
+}
+interface ASPxClientSpellCheckerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpellChecker;
+}
+interface ASPxClientSpreadsheetStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpreadsheet;
+}
+interface ASPxClientTreeListStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeList;
+}
+interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCalendar;
+}
+interface MVCxClientCallbackPanelStatic extends ASPxClientCallbackPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCallbackPanel;
+}
+interface MVCxClientCardViewStatic extends ASPxClientCardViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCardView;
+}
+interface MVCxClientChartStatic extends ASPxClientWebChartControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientChart;
+}
+interface MVCxClientComboBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientComboBox;
+}
+interface MVCxClientDataViewStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDataView;
+}
+interface MVCxClientDateEditStatic extends ASPxClientDateEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDateEdit;
+}
+interface MVCxClientDockManagerStatic extends ASPxClientDockManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockManager;
+}
+interface MVCxClientDockPanelStatic extends ASPxClientDockPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockPanel;
+}
+interface MVCxClientFileManagerStatic extends ASPxClientFileManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientFileManager;
+}
+interface MVCxClientGridViewStatic extends ASPxClientGridViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientGridView;
+}
+interface MVCxClientHtmlEditorStatic extends ASPxClientHtmlEditorStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientHtmlEditor;
+}
+interface MVCxClientImageGalleryStatic extends ASPxClientImageGalleryStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientImageGallery;
+}
+interface MVCxClientListBoxStatic extends ASPxClientListBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientListBox;
+}
+interface MVCxClientNavBarStatic extends ASPxClientNavBarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientNavBar;
+}
+interface MVCxClientPivotGridStatic extends ASPxClientPivotGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPivotGrid;
+}
+interface MVCxClientPopupControlStatic extends ASPxClientPopupControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPopupControl;
+}
+interface MVCxClientDocumentViewerStatic extends ASPxClientDocumentViewerStatic {
+}
+interface MVCxClientReportViewerStatic extends ASPxClientReportViewerStatic {
+}
+interface MVCxClientReportDesignerStatic extends ASPxClientReportDesignerStatic {
+}
+interface MVCxClientRichEditStatic extends ASPxClientRichEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRichEdit;
+}
+interface MVCxClientRoundPanelStatic extends ASPxClientRoundPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRoundPanel;
+}
+interface MVCxClientSchedulerStatic extends ASPxClientSchedulerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientScheduler;
+}
+interface MVCxSchedulerToolTipTypeStatic {
+    Appointment: number;
+    AppointmentDrag: number;
+    Selection: number;
+}
+interface MVCxClientSpreadsheetStatic extends ASPxClientSpreadsheetStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientSpreadsheet;
+}
+interface MVCxClientPageControlStatic extends ASPxClientPageControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPageControl;
+}
+interface MVCxClientTokenBoxStatic extends ASPxClientTokenBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTokenBox;
+}
+interface MVCxClientTreeListStatic extends ASPxClientTreeListStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeList;
+}
+interface MVCxClientTreeViewStatic extends ASPxClientTreeViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeView;
+}
+interface MVCxClientUploadControlStatic extends ASPxClientUploadControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientUploadControl;
+}
+interface MVCxClientUtilsStatic {
+    /**
+     * Loads service resources (such as scripts, CSS files, etc.) required for DevExpress functionality to work properly after a non DevExpress callback has been processed on the server and returned back to the client.
+     */
+    FinalizeCallback(): void;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object): Object;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+}
+interface MVCxClientGlobalEventsStatic {
+    /**
+     * Dynamically connects the ControlsInitialized client event with an appropriate event handler function.
+     * @param handler A object representing the event handling function's content.
+     */
+    AddControlsInitializedEventHandler(handler: ASPxClientControlsInitializedEventHandler<any>): void;
+    /**
+     * Dynamically connects the BeginCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddBeginCallbackEventHandler(handler: MVCxClientBeginCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the EndCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddEndCallbackEventHandler(handler: ASPxClientEndCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the CallbackError client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddCallbackErrorHandler(handler: ASPxClientCallbackErrorEventHandler<any>): void;
+}
+interface MVCxClientVerticalGridStatic extends ASPxClientVerticalGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientVerticalGrid;
+}
+interface MVCxClientWebDocumentViewerStatic extends ASPxClientWebDocumentViewerStatic {
+}
+interface ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControlBase;
+}
+interface ASPxClientControlStatic extends ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControl;
+    /**
+     * Modifies the controls size on the page.
+     */
+    AdjustControls(): void;
+    /**
+     * Modifies the controls size within the specified container.
+     * @param container An HTML element that is the container of the controls.
+     */
+    AdjustControls(container: Object): void;
+    /**
+     * Returns a collection of client web control objects.
+     */
+    GetControlCollection(): ASPxClientControlCollection;
+}
+interface ASPxClientCallbackStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallback;
+}
+interface ASPxClientCallbackPanelStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallbackPanel;
+}
+interface ASPxClientCloudControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCloudControl;
+}
+interface ASPxClientDataViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDataView;
+}
+interface ASPxClientDockManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockManager;
+}
+interface ASPxClientPopupControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDockPanelStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockPanel;
+}
+interface ASPxClientDockZoneStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockZone;
+}
+interface ASPxClientFileManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFileManager;
+}
+interface ASPxClientFileManagerCommandConstsStatic {
+    /**
+     * The name of a command that is executed when an end-user renames an item.
+     */
+    Rename: string;
+    /**
+     * The name of a command that is executed when an end-user moves an item.
+     */
+    Move: string;
+    /**
+     * The name of a command that is executed when an end-user deletes an item.
+     */
+    Delete: string;
+    /**
+     * The name of a command that is executed when an end-user creates a folder.
+     */
+    Create: string;
+    /**
+     * The name of a command that is executed when an end-user uploads a file.
+     */
+    Upload: string;
+    /**
+     * The name of a command that is executed when an end-user downloads an item.
+     */
+    Download: string;
+    /**
+     * The name of a command that is executed when an end-user copies an item.
+     */
+    Copy: string;
+    /**
+     * The name of a command that is executed when an end-user opens an item.
+     */
+    Open: string;
+}
+interface ASPxClientFileManagerErrorConstsStatic {
+    /**
+     * The specified file is not found.    Return Value: 0
+     */
+    FileNotFound: number;
+    /**
+     * The specified folder is not found.    Return Value: 1
+     */
+    FolderNotFound: number;
+    /**
+     * Access is denied.    Return Value: 2
+     */
+    AccessDenied: number;
+    /**
+     * Unspecified IO error occurs.    Return Value: 3
+     */
+    UnspecifiedIO: number;
+    /**
+     * Unspecified error occurs.    Return Value: 4
+     */
+    Unspecified: number;
+    /**
+     * The file/folder name is empty.    Return Value: 5
+     */
+    EmptyName: number;
+    /**
+     * The operation was canceled.    Return Value: 6
+     */
+    CanceledOperation: number;
+    /**
+     * The specified name contains invalid characters.    Return Value: 7
+     */
+    InvalidSymbols: number;
+    /**
+     * The specified file extension is not allowed.    Return Value: 8
+     */
+    WrongExtension: number;
+    /**
+     * The file/folder is being used by another process.    Return Value: 9
+     */
+    UsedByAnotherProcess: number;
+    /**
+     * The specified file/folder already exists.    Return Value: 10
+     */
+    AlreadyExists: number;
+}
+interface ASPxClientFormLayoutStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFormLayout;
+}
+interface ASPxClientHiddenFieldStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHiddenField;
+}
+interface ASPxClientImageGalleryStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageGallery;
+}
+interface ASPxClientImageSliderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageSlider;
+}
+interface ASPxClientImageZoomNavigatorStatic extends ASPxClientImageSliderStatic {
+}
+interface ASPxClientImageZoomStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientLoadingPanelStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLoadingPanel;
+}
+interface ASPxClientMenuBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Returns a collection of client menu objects.
+     */
+    GetMenuCollection(): ASPxClientMenuCollection;
+}
+interface ASPxClientMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMenu;
+}
+interface ASPxClientTouchUIStatic {
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param id A string value specifying the element's ID.
+     */
+    MakeScrollable(id: string): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param element An object that specifies the required DOM element.
+     */
+    MakeScrollable(element: Object): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with  scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param id A string value specifying the name of a DOM element that should be extended with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(id: string, options: ASPxClientTouchUIOptions): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param element An object specifying the DOM element to extend with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(element: Object, options: ASPxClientTouchUIOptions): ScrollExtender;
+}
+interface ASPxClientNavBarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNavBar;
+}
+interface ASPxClientNewsControlStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNewsControl;
+}
+interface ASPxClientObjectContainerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientObjectContainer;
+}
+interface ASPxClientPanelBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanelBase;
+}
+interface ASPxClientPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanel;
+}
+interface ASPxClientPopupControlStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupControl;
+    /**
+     * Returns a collection of client popup control objects.
+     */
+    GetPopupControlCollection(): ASPxClientPopupControlCollection;
+}
+interface ASPxClientPopupControlResizeStateStatic {
+    /**
+     * A window has been resized. Returns 0.
+     */
+    Resized: number;
+    /**
+     * A window has been collapsed. Returns 1.
+     */
+    Collapsed: number;
+    /**
+     * A window has been expanded. Returns 2.
+     */
+    Expanded: number;
+    /**
+     * A window has been maximized. Returns 3.
+     */
+    Maximized: number;
+    /**
+     * A window has been restored after maximizing. Returns 4.
+     */
+    RestoredAfterMaximized: number;
+}
+interface ASPxClientPopupControlCloseReasonStatic {
+    /**
+     * The window has been closed by an API.
+     */
+    API: string;
+    /**
+     * An end-user clicks the close header button.
+     */
+    CloseButton: string;
+    /**
+     * An end-user clicks outside the window's region
+     */
+    OuterMouseClick: string;
+    /**
+     * An end-user moves the mouse pointer out of the window region.
+     */
+    MouseOut: string;
+    /**
+     * An end-user presses the ESC key.
+     */
+    Escape: string;
+}
+interface ASPxClientPopupMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupMenu;
+}
+interface ASPxClientRatingControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRatingControl;
+}
+interface ASPxClientRibbonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRibbon;
+}
+interface ASPxClientRibbonStateStatic {
+    /**
+     * A ribbon is in the normal state. Returns 0
+     */
+    Normal: number;
+    /**
+     * A ribbon is minimized. Returns 1
+     */
+    Minimized: number;
+    /**
+     * A ribbon is temporarily shown. Returns 2
+     */
+    TemporaryShown: number;
+}
+interface ASPxClientRoundPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRoundPanel;
+}
+interface ASPxClientSplitterStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSplitter;
+}
+interface ASPxClientTabControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientTabControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTabControl;
+}
+interface ASPxClientPageControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPageControl;
+}
+interface ASPxClientTimerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimer;
+}
+interface ASPxClientTitleIndexStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTitleIndex;
+}
+interface ASPxClientTreeViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeView;
+}
+interface ASPxClientUploadControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientUploadControl;
+}
+interface ASPxClientUtilsStatic {
+    /**
+     * Gets the user-agent string, which identifies the client browser and provides certain system details of the client computer.
+     * Value: A string value representing the browser's user-agent string.
+     */
+    agent: string;
+    /**
+     * Gets a value that specifies whether the client browser is Opera.
+     * Value: true if the client browser is Opera; otherwise, false.
+     */
+    opera: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Opera version 9.
+     * Value: true if the client browser is Opera version 9; otherwise, false.
+     */
+    opera9: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari.
+     * Value: true if the client browser is Safari; otherwise, false.
+     */
+    safari: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari version 3.
+     * Value: true if the client browser is Safari version 3; otherwise, false.
+     */
+    safari3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari, running under a MacOS operating system.
+     * Value: true if the client browser is Safari, running under a MacOS operating system; otherwise, false.
+     */
+    safariMacOS: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Google Chrome.
+     * Value: true if the client browser is Google Chrome; otherwise, false.
+     */
+    chrome: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer.
+     * Value: true if the client browser is Intenet Explorer; otherwise, false.
+     */
+    ie: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer version 7.
+     * Value: true if the client browser is Intenet Explorer version 7; otherwise, false.
+     */
+    ie7: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox.
+     * Value: true if the client browser is Firefox; otherwise, false.
+     */
+    firefox: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox version 3.
+     * Value: true if the client browser is Firefox version 3; otherwise, false.
+     */
+    firefox3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Mozilla.
+     * Value: true if the client browser is Mozilla; otherwise, false.
+     */
+    mozilla: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Netscape.
+     * Value: true if the client browser is Netscape; otherwise, false.
+     */
+    netscape: boolean;
+    /**
+     * Gets a value that specifies a client browser's full version.
+     * Value: A double precision floating-point value that specifies a client browser's version.
+     */
+    browserVersion: number;
+    /**
+     * Gets a value that specifies a client browser's major version.
+     * Value: An integer value that specifies a client browser's major version.
+     */
+    browserMajorVersion: number;
+    /**
+     * Gets a value that specifies whether the application is run under a MacOS platform.
+     * Value: true if the application is run under the MacOS platform; otherwise, false.
+     */
+    macOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Windows platform.
+     * Value: true if the application is run under the Windows platform; otherwise, false.
+     */
+    windowsPlatform: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on WebKit.
+     * Value: true if the client browser is based on WebKit; otherwise, false.
+     */
+    webKitFamily: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on Netscape.
+     * Value: true if client browser is based on Netscape; otherwise, false.
+     */
+    netscapeFamily: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports touch.
+     * Value: true if the client browser supports touch; otherwise, false.
+     */
+    touchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the WebKit touch user interface.
+     * Value: true if the client browser supports the WebKit touch user interface; otherwise, false.
+     */
+    webKitTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the Microsoft touch user interface.
+     * Value: true if the client browser supports the Microsoft touch user interface; otherwise, false.
+     */
+    msTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under an iOS platform.
+     * Value: true if the application is run under the iOS platform; otherwise, false.
+     */
+    iOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Android platform.
+     * Value: true if the application is run under the Android platform; otherwise, false.
+     */
+    androidPlatform: boolean;
+    /**
+     * Inserts the specified item into the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to insert.
+     */
+    ArrayInsert(array: Object[], element: Object): void;
+    /**
+     * Removes the specified item from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to remove.
+     */
+    ArrayRemove(array: Object[], element: Object): void;
+    /**
+     * Removes an item at the specified index location from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param index The zero-based index location of the array item to remove.
+     */
+    ArrayRemoveAt(array: Object[], index: number): void;
+    /**
+     * Removes all items from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     */
+    ArrayClear(array: Object[]): void;
+    /**
+     * Searches for the specified array item and returns the zero-based index of its first occurrence within the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to locate.
+     */
+    ArrayIndexOf(array: Object[], element: Object): number;
+    /**
+     * Binds the specified function to a specific element's event, so that the function gets called whenever the event fires on the element.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name without the "on" prefix.
+     * @param method An object that specifies the event's handling function.
+     */
+    AttachEventToElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Unbinds the specified function from a specific element's event, so that the function stops receiving notifications when the event fires.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name.
+     * @param method An object that specifies the event's handling function.
+     */
+    DetachEventFromElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Returns the object that fired the event.
+     * @param htmlEvent An object that represents the current event.
+     */
+    GetEventSource(htmlEvent: Object): Object;
+    /**
+     * Gets the x-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventX(htmlEvent: Object): number;
+    /**
+     * Gets the y-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventY(htmlEvent: Object): number;
+    /**
+     * Gets the keyboard code for the specified event.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetKeyCode(htmlEvent: Object): number;
+    /**
+     * Cancels the default action of the specified event.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEvent(htmlEvent: Object): boolean;
+    /**
+     * Cancels both the specified event's default action and the event's bubbling upon the hierarchy of event handlers.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEventAndBubble(htmlEvent: Object): boolean;
+    /**
+     * Removes mouse capture from the specified event's source object.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventDragStart(htmlEvent: Object): boolean;
+    /**
+     * Clears any text selection made within the window's client region.
+     */
+    ClearSelection(): void;
+    /**
+     * Gets a value that indicates whether the specified object exists on the client side.
+     * @param obj The object to test.
+     */
+    IsExists(obj: Object): boolean;
+    /**
+     * Gets a value that indicates whether the specified object is a function.
+     * @param obj The object to test.
+     */
+    IsFunction(obj: Object): boolean;
+    /**
+     * Gets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteX(element: Object): number;
+    /**
+     * Gets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteY(element: Object): number;
+    /**
+     * Sets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param x An integer value specifying the required element's x-coordinate, in pixels.
+     */
+    SetAbsoluteX(element: Object, x: number): void;
+    /**
+     * Sets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param y An integer value specifying the required element's y-coordinate, in pixels.
+     */
+    SetAbsoluteY(element: Object, y: number): void;
+    /**
+     * Returns the distance between the top edge of the document and the topmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollTop(): number;
+    /**
+     * Returns the distance between the left edge of the document and the leftmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollLeft(): number;
+    /**
+     * Gets the width of the window's client region.
+     */
+    GetDocumentClientWidth(): number;
+    /**
+     * Gets the height of the window's client region.
+     */
+    GetDocumentClientHeight(): number;
+    /**
+     * Gets a value indicating whether the object passed via the parentElement parameter is a parent of the object passed via the element parameter.
+     * @param parentElement An object specifying the parent HTML element.
+     * @param element An object specifying the child HTML element.
+     */
+    GetIsParent(parentElement: Object, element: Object): boolean;
+    /**
+     * Returns a reference to the specified HTML element's first parent object which has an ID that matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param id A string specifying the required parent's ID.
+     */
+    GetParentById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose element name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     */
+    GetParentByTagName(element: Object, tagName: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose class name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param className A string value specifying the class name of the desired HTML element.
+     */
+    GetParentByClassName(element: Object, className: string): Object;
+    /**
+     * Returns a reference to the first element that has the specified ID in the parent HTML element specified.
+     * @param element An object identifying the parent HTML element to search.
+     * @param id A string specifying the ID attribute value of the desired child element.
+     */
+    GetChildById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the particular element that has the specified element name and is contained within the specified parent HTML element.
+     * @param element An object specifying the parent HTML element to search.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     * @param index An integer value specifying the zero-based index of the desired element amongst all the matching elements found.
+     */
+    GetChildByTagName(element: Object, tagName: string, index: number): Object;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     */
+    SetCookie(name: string, value: string): void;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     * @param expirationDate A date-time object that represents the expiration date and time for the cookie.
+     */
+    SetCookie(name: string, value: string, expirationDate: Date): void;
+    /**
+     * Retrieves a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    GetCookie(name: string): string;
+    /**
+     * Deletes a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    DeleteCookie(name: string): void;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameters.
+     * @param keyCode An integer value that specifies the code of the key.
+     * @param isCtrlKey true if the CTRL key should be included into the key combination; otherwise, false.
+     * @param isShiftKey true if the SHIFT key should be included into the key combination; otherwise, false.
+     * @param isAltKey true if the ALT key should be included into the key combination; otherwise, false.
+     */
+    GetShortcutCode(keyCode: number, isCtrlKey: boolean, isShiftKey: boolean, isAltKey: boolean): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the pressed key combination, which is specified by the related HTML event.
+     * @param htmlEvent A DHTML event object that relates to a key combination being pressed.
+     */
+    GetShortcutCodeByEvent(htmlEvent: Object): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameter.
+     * @param shortcutString A string value that specifies the key combination.
+     */
+    StringToShortcutCode(shortcutString: string): number;
+    /**
+     * Trims all leading and trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    Trim(str: string): string;
+    /**
+     * Trims all leading whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimStart(str: string): string;
+    /**
+     * Trims all trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimEnd(str: string): string;
+}
+interface ASPxClientChartDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientChartDesigner;
+}
+interface ASPxClientWebChartControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebChartControl;
+}
+interface ASPxClientDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDocumentViewer;
+}
+interface ASPxClientQueryBuilderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientQueryBuilder;
+}
+interface ASPxClientReportDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportDesigner;
+}
+interface ASPxClientReportDocumentMapStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportParametersPanelStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportToolbarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportToolbar;
+}
+interface ASPxClientReportViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportViewer;
+}
+interface ASPxClientWebDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebDocumentViewer;
+}
+
+declare var MVCxClientDashboardViewer: MVCxClientDashboardViewerStatic;
+declare var DashboardDataAxisNames: DashboardDataAxisNamesStatic;
+declare var DashboardSpecialValues: DashboardSpecialValuesStatic;
+declare var ASPxClientDashboardDesigner: ASPxClientDashboardDesignerStatic;
+declare var ASPxClientDashboardViewer: ASPxClientDashboardViewerStatic;
+declare var DashboardExportPageLayout: DashboardExportPageLayoutStatic;
+declare var DashboardExportPaperKind: DashboardExportPaperKindStatic;
+declare var DashboardExportScaleMode: DashboardExportScaleModeStatic;
+declare var DashboardExportFilterState: DashboardExportFilterStateStatic;
+declare var DashboardExportImageFormat: DashboardExportImageFormatStatic;
+declare var DashboardExportExcelFormat: DashboardExportExcelFormatStatic;
+declare var ChartExportSizeMode: ChartExportSizeModeStatic;
+declare var MapExportSizeMode: MapExportSizeModeStatic;
+declare var RangeFilterExportSizeMode: RangeFilterExportSizeModeStatic;
+declare var DashboardSelectionMode: DashboardSelectionModeStatic;
+declare var ASPxClientEditBase: ASPxClientEditBaseStatic;
+declare var ASPxClientEdit: ASPxClientEditStatic;
+declare var ASPxClientBinaryImage: ASPxClientBinaryImageStatic;
+declare var ASPxClientButton: ASPxClientButtonStatic;
+declare var ASPxClientCalendar: ASPxClientCalendarStatic;
+declare var ASPxClientCaptcha: ASPxClientCaptchaStatic;
+declare var ASPxClientCheckBox: ASPxClientCheckBoxStatic;
+declare var ASPxClientRadioButton: ASPxClientRadioButtonStatic;
+declare var ASPxClientTextEdit: ASPxClientTextEditStatic;
+declare var ASPxClientTextBoxBase: ASPxClientTextBoxBaseStatic;
+declare var ASPxClientButtonEditBase: ASPxClientButtonEditBaseStatic;
+declare var ASPxClientDropDownEditBase: ASPxClientDropDownEditBaseStatic;
+declare var ASPxClientColorEdit: ASPxClientColorEditStatic;
+declare var ASPxClientComboBox: ASPxClientComboBoxStatic;
+declare var ASPxClientDateEdit: ASPxClientDateEditStatic;
+declare var ASPxClientDropDownEdit: ASPxClientDropDownEditStatic;
+declare var ASPxClientFilterControl: ASPxClientFilterControlStatic;
+declare var ASPxClientListEdit: ASPxClientListEditStatic;
+declare var ASPxClientListBox: ASPxClientListBoxStatic;
+declare var ASPxClientCheckListBase: ASPxClientCheckListBaseStatic;
+declare var ASPxClientRadioButtonList: ASPxClientRadioButtonListStatic;
+declare var ASPxClientCheckBoxList: ASPxClientCheckBoxListStatic;
+declare var ASPxClientProgressBar: ASPxClientProgressBarStatic;
+declare var ASPxClientSpinEditBase: ASPxClientSpinEditBaseStatic;
+declare var ASPxClientSpinEdit: ASPxClientSpinEditStatic;
+declare var ASPxClientTimeEdit: ASPxClientTimeEditStatic;
+declare var ASPxClientStaticEdit: ASPxClientStaticEditStatic;
+declare var ASPxClientHyperLink: ASPxClientHyperLinkStatic;
+declare var ASPxClientImageBase: ASPxClientImageBaseStatic;
+declare var ASPxClientImage: ASPxClientImageStatic;
+declare var ASPxClientLabel: ASPxClientLabelStatic;
+declare var ASPxClientTextBox: ASPxClientTextBoxStatic;
+declare var ASPxClientMemo: ASPxClientMemoStatic;
+declare var ASPxClientButtonEdit: ASPxClientButtonEditStatic;
+declare var ASPxClientTokenBox: ASPxClientTokenBoxStatic;
+declare var ASPxClientTrackBar: ASPxClientTrackBarStatic;
+declare var ASPxClientValidationSummary: ASPxClientValidationSummaryStatic;
+declare var ASPxClientGaugeControl: ASPxClientGaugeControlStatic;
+declare var ASPxClientGridBase: ASPxClientGridBaseStatic;
+declare var ASPxClientGridViewCallbackCommand: ASPxClientGridViewCallbackCommandStatic;
+declare var ASPxClientGridLookup: ASPxClientGridLookupStatic;
+declare var ASPxClientCardView: ASPxClientCardViewStatic;
+declare var ASPxClientGridView: ASPxClientGridViewStatic;
+declare var ASPxClientVerticalGrid: ASPxClientVerticalGridStatic;
+declare var ASPxClientVerticalGridCallbackCommand: ASPxClientVerticalGridCallbackCommandStatic;
+declare var ASPxClientCommandConsts: ASPxClientCommandConstsStatic;
+declare var ASPxClientHtmlEditor: ASPxClientHtmlEditorStatic;
+declare var ASPxClientHtmlEditorMediaPreloadMode: ASPxClientHtmlEditorMediaPreloadModeStatic;
+declare var ASPxClientPivotGrid: ASPxClientPivotGridStatic;
+declare var ASPxClientPivotCustomization: ASPxClientPivotCustomizationStatic;
+declare var ASPxClientRichEdit: ASPxClientRichEditStatic;
+declare var ASPxSchedulerDateTimeHelper: ASPxSchedulerDateTimeHelperStatic;
+declare var ASPxClientWeekDaysCheckEdit: ASPxClientWeekDaysCheckEditStatic;
+declare var ASPxClientRecurrenceRangeControl: ASPxClientRecurrenceRangeControlStatic;
+declare var ASPxClientRecurrenceControlBase: ASPxClientRecurrenceControlBaseStatic;
+declare var ASPxClientDailyRecurrenceControl: ASPxClientDailyRecurrenceControlStatic;
+declare var ASPxClientWeeklyRecurrenceControl: ASPxClientWeeklyRecurrenceControlStatic;
+declare var ASPxClientMonthlyRecurrenceControl: ASPxClientMonthlyRecurrenceControlStatic;
+declare var ASPxClientYearlyRecurrenceControl: ASPxClientYearlyRecurrenceControlStatic;
+declare var ASPxClientRecurrenceTypeEdit: ASPxClientRecurrenceTypeEditStatic;
+declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
+declare var ASPxClientScheduler: ASPxClientSchedulerStatic;
+declare var ASPxClientSpellChecker: ASPxClientSpellCheckerStatic;
+declare var ASPxClientSpreadsheet: ASPxClientSpreadsheetStatic;
+declare var ASPxClientTreeList: ASPxClientTreeListStatic;
+declare var MVCxClientCalendar: MVCxClientCalendarStatic;
+declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
+declare var MVCxClientCardView: MVCxClientCardViewStatic;
+declare var MVCxClientChart: MVCxClientChartStatic;
+declare var MVCxClientComboBox: MVCxClientComboBoxStatic;
+declare var MVCxClientDataView: MVCxClientDataViewStatic;
+declare var MVCxClientDateEdit: MVCxClientDateEditStatic;
+declare var MVCxClientDockManager: MVCxClientDockManagerStatic;
+declare var MVCxClientDockPanel: MVCxClientDockPanelStatic;
+declare var MVCxClientFileManager: MVCxClientFileManagerStatic;
+declare var MVCxClientGridView: MVCxClientGridViewStatic;
+declare var MVCxClientHtmlEditor: MVCxClientHtmlEditorStatic;
+declare var MVCxClientImageGallery: MVCxClientImageGalleryStatic;
+declare var MVCxClientListBox: MVCxClientListBoxStatic;
+declare var MVCxClientNavBar: MVCxClientNavBarStatic;
+declare var MVCxClientPivotGrid: MVCxClientPivotGridStatic;
+declare var MVCxClientPopupControl: MVCxClientPopupControlStatic;
+declare var MVCxClientDocumentViewer: MVCxClientDocumentViewerStatic;
+declare var MVCxClientReportViewer: MVCxClientReportViewerStatic;
+declare var MVCxClientReportDesigner: MVCxClientReportDesignerStatic;
+declare var MVCxClientRichEdit: MVCxClientRichEditStatic;
+declare var MVCxClientRoundPanel: MVCxClientRoundPanelStatic;
+declare var MVCxClientScheduler: MVCxClientSchedulerStatic;
+declare var MVCxSchedulerToolTipType: MVCxSchedulerToolTipTypeStatic;
+declare var MVCxClientSpreadsheet: MVCxClientSpreadsheetStatic;
+declare var MVCxClientPageControl: MVCxClientPageControlStatic;
+declare var MVCxClientTokenBox: MVCxClientTokenBoxStatic;
+declare var MVCxClientTreeList: MVCxClientTreeListStatic;
+declare var MVCxClientTreeView: MVCxClientTreeViewStatic;
+declare var MVCxClientUploadControl: MVCxClientUploadControlStatic;
+declare var MVCxClientUtils: MVCxClientUtilsStatic;
+declare var MVCxClientGlobalEvents: MVCxClientGlobalEventsStatic;
+declare var MVCxClientVerticalGrid: MVCxClientVerticalGridStatic;
+declare var MVCxClientWebDocumentViewer: MVCxClientWebDocumentViewerStatic;
+declare var ASPxClientControlBase: ASPxClientControlBaseStatic;
+declare var ASPxClientControl: ASPxClientControlStatic;
+declare var ASPxClientCallback: ASPxClientCallbackStatic;
+declare var ASPxClientCallbackPanel: ASPxClientCallbackPanelStatic;
+declare var ASPxClientCloudControl: ASPxClientCloudControlStatic;
+declare var ASPxClientDataView: ASPxClientDataViewStatic;
+declare var ASPxClientDockManager: ASPxClientDockManagerStatic;
+declare var ASPxClientPopupControlBase: ASPxClientPopupControlBaseStatic;
+declare var ASPxClientDockPanel: ASPxClientDockPanelStatic;
+declare var ASPxClientDockZone: ASPxClientDockZoneStatic;
+declare var ASPxClientFileManager: ASPxClientFileManagerStatic;
+declare var ASPxClientFileManagerCommandConsts: ASPxClientFileManagerCommandConstsStatic;
+declare var ASPxClientFileManagerErrorConsts: ASPxClientFileManagerErrorConstsStatic;
+declare var ASPxClientFormLayout: ASPxClientFormLayoutStatic;
+declare var ASPxClientHiddenField: ASPxClientHiddenFieldStatic;
+declare var ASPxClientImageGallery: ASPxClientImageGalleryStatic;
+declare var ASPxClientImageSlider: ASPxClientImageSliderStatic;
+declare var ASPxClientImageZoomNavigator: ASPxClientImageZoomNavigatorStatic;
+declare var ASPxClientImageZoom: ASPxClientImageZoomStatic;
+declare var ASPxClientLoadingPanel: ASPxClientLoadingPanelStatic;
+declare var ASPxClientMenuBase: ASPxClientMenuBaseStatic;
+declare var ASPxClientMenu: ASPxClientMenuStatic;
+declare var ASPxClientTouchUI: ASPxClientTouchUIStatic;
+declare var ASPxClientNavBar: ASPxClientNavBarStatic;
+declare var ASPxClientNewsControl: ASPxClientNewsControlStatic;
+declare var ASPxClientObjectContainer: ASPxClientObjectContainerStatic;
+declare var ASPxClientPanelBase: ASPxClientPanelBaseStatic;
+declare var ASPxClientPanel: ASPxClientPanelStatic;
+declare var ASPxClientPopupControl: ASPxClientPopupControlStatic;
+declare var ASPxClientPopupControlResizeState: ASPxClientPopupControlResizeStateStatic;
+declare var ASPxClientPopupControlCloseReason: ASPxClientPopupControlCloseReasonStatic;
+declare var ASPxClientPopupMenu: ASPxClientPopupMenuStatic;
+declare var ASPxClientRatingControl: ASPxClientRatingControlStatic;
+declare var ASPxClientRibbon: ASPxClientRibbonStatic;
+declare var ASPxClientRibbonState: ASPxClientRibbonStateStatic;
+declare var ASPxClientRoundPanel: ASPxClientRoundPanelStatic;
+declare var ASPxClientSplitter: ASPxClientSplitterStatic;
+declare var ASPxClientTabControlBase: ASPxClientTabControlBaseStatic;
+declare var ASPxClientTabControl: ASPxClientTabControlStatic;
+declare var ASPxClientPageControl: ASPxClientPageControlStatic;
+declare var ASPxClientTimer: ASPxClientTimerStatic;
+declare var ASPxClientTitleIndex: ASPxClientTitleIndexStatic;
+declare var ASPxClientTreeView: ASPxClientTreeViewStatic;
+declare var ASPxClientUploadControl: ASPxClientUploadControlStatic;
+declare var ASPxClientUtils: ASPxClientUtilsStatic;
+declare var ASPxClientChartDesigner: ASPxClientChartDesignerStatic;
+declare var ASPxClientWebChartControl: ASPxClientWebChartControlStatic;
+declare var ASPxClientDocumentViewer: ASPxClientDocumentViewerStatic;
+declare var ASPxClientQueryBuilder: ASPxClientQueryBuilderStatic;
+declare var ASPxClientReportDesigner: ASPxClientReportDesignerStatic;
+declare var ASPxClientReportDocumentMap: ASPxClientReportDocumentMapStatic;
+declare var ASPxClientReportParametersPanel: ASPxClientReportParametersPanelStatic;
+declare var ASPxClientReportToolbar: ASPxClientReportToolbarStatic;
+declare var ASPxClientReportViewer: ASPxClientReportViewerStatic;
+declare var ASPxClientWebDocumentViewer: ASPxClientWebDocumentViewerStatic;
+
diff --git a/types/devexpress-web/v161/tsconfig.json b/types/devexpress-web/v161/tsconfig.json
new file mode 100644
index 0000000000..a64418f9b0
--- /dev/null
+++ b/types/devexpress-web/v161/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "devexpress-web": ["devexpress-web/v161"],
+            "devexpress-web/*": ["devexpress-web/v161/*"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "devexpress-web-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/devexpress-web/v162/devexpress-web-tests.ts b/types/devexpress-web/v162/devexpress-web-tests.ts
new file mode 100644
index 0000000000..ef7eb8de37
--- /dev/null
+++ b/types/devexpress-web/v162/devexpress-web-tests.ts
@@ -0,0 +1,418 @@
+declare var hiddenField: ASPxClientHiddenField;
+declare var mainCallbackPanel: ASPxClientCallbackPanel;
+declare var loginPopup: ASPxClientPopupControl;
+declare var searchButton: ASPxClientButton;
+declare var searchComboBox: ASPxClientComboBox;
+declare var roomsNumberSpinEdit: ASPxClientSpinEdit;
+declare var adultsNumberSpinEdit: ASPxClientSpinEdit; 
+declare var childrenNumberSpinEdit: ASPxClientSpinEdit;
+declare var checkInDateEdit: ASPxClientDateEdit;
+declare var checkOutDateEdit: ASPxClientDateEdit;
+declare var backSlider: ASPxClientImageSlider;
+declare var locationComboBox: ASPxClientComboBox;
+declare var nightyRateTrackBar: ASPxClientTrackBar;
+declare var customerRatingTrackBar: ASPxClientTrackBar;
+declare var ourRatingCheckBoxList: ASPxClientCheckBoxList;
+declare var startFilterPopupControl: ASPxClientPopupControl;
+declare var imagePopupControl: ASPxClientPopupControl;
+declare var emailTextBox: ASPxClientTextBox;
+declare var creditCardEmailTextBox: ASPxClientTextBox;
+declare var accountEmailTextBox: ASPxClientTextBox;
+declare var bookingPageControl: ASPxClientPageControl;
+declare var paymentTypePageControl: ASPxClientPageControl;
+declare var offerFormPopup: ASPxClientPopupControl;
+declare var roomsSpinEdit: ASPxClientSpinEdit;
+declare var adultsSpinEdit: ASPxClientSpinEdit;
+declare var childrenSpinEdit: ASPxClientSpinEdit;
+declare var hotelDetailsCallbackPanel: ASPxClientCallbackPanel;
+declare var leftPanel: ASPxClientPanel;
+declare var menuButton: ASPxClientButton;
+declare var aboutWindow: ASPxClientPopupControl;
+declare var offersZone: ASPxClientDockZone;
+
+module DXDemo {
+    function showPage(page: string, params: { [key: string]: any }, skipHistory?: boolean): void {
+        var queryString = getQueryString(params || {});
+        hiddenField.Set("page", page);
+        hiddenField.Set("parameters", queryString);
+        hideMenu();
+        var uri = queryString.length ? (page + "?" + queryString) : page;
+        try {
+            if (!skipHistory && window.history && window.history.pushState)
+                window.history.pushState(uri, "", uri || "Default.aspx");
+        } catch (e) { }
+        mainCallbackPanel.PerformCallback(uri);
+    };
+
+    export function onMainMenuItemClick(s: ASPxClientMenu, e: ASPxClientMenuItemClickEventArgs): void {
+        switch (e.item.name) {
+            case "login":
+                hideMenu();
+                setTimeout(function () { loginPopup.ShowAtElementByID("MainCallbackPanel_ContentPane"); }, 300);
+                break;
+            case "offers":
+                showPage("SpecialOffers", {});
+                break;
+            default:
+                hideMenu();
+                setTimeout(function () { showAboutWindow(); }, 300);
+                break;
+        }
+    };
+
+    export function onLoginButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        loginPopup.Hide();
+        showAboutWindow();
+    };
+
+    export function onSearchButtonClick(): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            showPage("ShowHotels", {
+                location: searchComboBox.GetValue(),
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsNumberSpinEdit.GetValue() || 1,
+                adults: adultsNumberSpinEdit.GetValue() || 1,
+                children: childrenNumberSpinEdit.GetValue() || 0
+            });
+        }
+    };
+
+    export function onSearchComboBoxIndexChanged(s: ASPxClientComboBox, e: ASPxClientProcessingModeEventArgs): void {
+        hideMenu();
+        searchButton.AdjustControl();
+    };
+
+    export function onIndexOfferCloseClick(index: number): void {
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + index);
+        var sibPanel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("OfferDockPanel" + (index == 1 ? 2 : 1));
+        panel.Hide();
+        sibPanel.MakeFloat();
+        sibPanel.SetWidth(offersZone.GetWidth());
+        sibPanel.Dock(offersZone);
+    };
+
+    export function onLogoClick(): void {
+        showPage("", null, false);
+    };
+
+    export function onMenuNavButtonCheckedChanged(s: ASPxClientCheckBox, e: ASPxClientProcessingModeEventArgs): void {
+        var mainContainer = mainCallbackPanel.GetMainElement();
+        if (s.GetChecked()) {
+            backSlider.Pause();
+            showMenu();
+        }
+        else {
+            hideMenu();
+            backSlider.Play();
+        }
+    };
+
+    export function onBackNavButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        var params = getCurrentQueryParams();
+        switch (getCurrentPage()) {
+            case "PrintInvoice":
+                showPage("Booking", params, false);
+                break;
+            case "Booking":
+                if (bookingPageControl.GetActiveTabIndex() > 0)
+                    bookingPageControl.SetActiveTabIndex(bookingPageControl.GetActiveTabIndex() - 1);
+                else
+                    showPage("ShowRooms", params, false);
+                break;
+            case "ShowRooms":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowDetails":
+                showPage("ShowHotels", params, false);
+                break;
+            case "ShowHotels":
+            case "SpecialOffers":
+                showPage("", null, false);
+                break;
+        }
+    };
+
+    export function updateSearchResults(): void {
+        var params = getCurrentQueryParams();
+        params["location"] = locationComboBox.GetValue();
+        params["minprice"] = nightyRateTrackBar.GetPositionStart();
+        params["maxprice"] = nightyRateTrackBar.GetPositionEnd();
+        params["custrating"] = customerRatingTrackBar.GetPosition();
+        params["ourrating"] = ourRatingCheckBoxList.GetSelectedValues().join(",");
+        showPage("ShowHotels", params);
+    };
+
+    export function onBookHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onDetailsHotelButtonClick(hotelID: string): void {
+        var queryParams = getCurrentQueryParams();
+        queryParams["hotelID"] = hotelID;
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onShowStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        startFilterPopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    export function onChangeStartFilterButtonClick(s: ASPxClientButton, e: ASPxClientButtonClickEventArgs): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var params = getCurrentQueryParams();
+            params["checkin"] = getFormattedDate(<Date>checkInDateEdit.GetValue());
+            params["checkout"] = getFormattedDate(<Date>checkOutDateEdit.GetValue());
+            params["rooms"] = roomsNumberSpinEdit.GetValue() || 1;
+            params["adults"] = adultsNumberSpinEdit.GetValue() || 1;
+            params["children"] = childrenNumberSpinEdit.GetValue() || 0;
+            startFilterPopupControl.Hide();
+            showPage(hiddenField.Get("page").toString(), params);
+        }
+    };
+
+    export function onBookRoomButtonClick(roomID: string): void {
+        var params = getCurrentQueryParams();
+        params["roomID"] = roomID;
+        showPage("Booking", params);
+    };
+
+    export function onShowRoomsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowRooms", queryParams);
+    };
+
+    export function onShowDetailsButtonClick(): void {
+        var queryParams = getCurrentQueryParams();
+        showPage("ShowDetails", queryParams);
+    };
+
+    export function onRoomImageNavItemClick(roomID: string, pictureName: string): void {
+        setTimeout(function () {
+            imagePopupControl.PerformCallback(roomID + "|" + pictureName);
+            imagePopupControl.ShowAtElementByID("MainCallbackPanel_ContentPane");
+        }, 500);
+    };
+
+    export function onRoomsNavBarExpandedChanged(s: ASPxClientNavBar, e: ASPxClientNavBarGroupEventArgs): void {
+        ASPxClientControl.AdjustControls(s.GetMainElement());
+    };
+
+    export function onNextBookingStepButtonClick(step: number): void {
+        var valid = true;
+        var validationGroup = "";
+        if (step == 1)
+            validationGroup = "Account";
+        if (step == 2)
+            validationGroup = "RoomDetails";
+        if (step == 3)
+            validationGroup = "PaymentDetails";
+
+        switch (step) {
+            case 1:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Account");
+                if (valid) {
+                    emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    creditCardEmailTextBox.SetValue(accountEmailTextBox.GetValue());
+                    showPage("Booking", getCurrentQueryParams());
+                    return;
+                }
+                break;
+            case 2:
+                valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "RoomDetails");
+                emailTextBox.SetValue(accountEmailTextBox.GetValue());
+                break;
+            case 3:
+                var paymentType = paymentTypePageControl.GetActiveTabIndex();
+                if (paymentType == 0)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "CreditCard");
+                else if (paymentType == 1)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "Cash");
+                else if (paymentType == 2)
+                    valid = ASPxClientEdit.ValidateEditorsInContainer(bookingPageControl.GetMainElement(), "PayPal");
+                break;
+        }
+        if (valid) {
+            bookingPageControl.GetTab(step).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(step);
+        }
+    };
+
+    export function onAccountCaptchaHiddenFieldInit(s: ASPxClientHiddenField, e: ASPxClientEventArgs): void {
+        if (s.Get("IsCaptchaValid")) {
+            bookingPageControl.GetTab(1).SetEnabled(true);
+            bookingPageControl.SetActiveTabIndex(1);
+        }
+    };
+
+    export function onFinishBookingStepButtonClick(): void {
+        showAboutWindow();
+    };
+
+    export function OnPrintInvoiceButtonClick(): void {
+        showPage("PrintInvoice", getCurrentQueryParams());
+    };
+
+    export function onOfferClick(offerID: string): void {
+        offerFormPopup.SetContentHtml("");
+        offerFormPopup.PerformCallback(offerID);
+        var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + offerID);
+        var panelElement = <HTMLElement>panel.GetMainElement();
+        if (panelElement.offsetWidth < 330 || panelElement.offsetHeight < 250) {
+            offerFormPopup.SetWidth(400);
+            offerFormPopup.SetHeight(280);
+            offerFormPopup.ShowAtElementByID("SpecialOffersContainer");
+        }
+        else {
+            offerFormPopup.SetWidth(panelElement.offsetWidth);
+            offerFormPopup.SetHeight(panelElement.offsetHeight);
+            offerFormPopup.ShowAtElement(panelElement);
+        }
+    };
+
+    export function onSpecialOfferCheckButtonClick(hotelID: string, locationID: string): void {
+        if (ASPxClientEdit.ValidateGroup("DateEditors")) {
+            var queryParams: { [key: string]: any } = {
+                location: locationID,
+                hotelID: hotelID,
+                checkin: getFormattedDate(<Date>checkInDateEdit.GetValue()),
+                checkout: getFormattedDate(<Date>checkOutDateEdit.GetValue()),
+                rooms: roomsSpinEdit.GetValue() || 1,
+                adults: adultsSpinEdit.GetValue() || 1,
+                children: childrenSpinEdit.GetValue() || 0
+            };
+            showPage("ShowRooms", queryParams);
+        }
+    };
+
+    export function onIndexOfferClick(): void {
+        showPage("SpecialOffers", {});
+    };
+
+    export function onControlsInit(): void {
+        ASPxClientUtils.AttachEventToElement(window, 'popstate', onHistoryPopState);
+        var pathParts = document.location.href.split("/");
+        var url = pathParts[pathParts.length - 1];
+        try {
+            if (window.history)
+                window.history.replaceState(url, "");
+        } catch (e) { }
+        ASPxClientUtils.AttachEventToElement(window, "resize", onWindowResize);
+        if (ASPxClientUtils.iOSPlatform) {
+            // animate
+        }
+    };
+
+    export function updateRatingLabels(ratingControl: ASPxClientTrackBar) {
+        var start = ratingControl.GetPositionStart().toString();
+        var end = ratingControl.GetPositionEnd().toString();
+        document.getElementById("cpLeftLabelID").innerHTML = start + " " + end;
+    };
+
+    export function onRatingControlItemClick(s: ASPxClientRatingControl, e: ASPxClientRatingControlItemClickEventArgs): void {
+        hotelDetailsCallbackPanel.PerformCallback(s.GetValue().toString());
+    };
+
+    export function onInputKeyDown(s: ASPxClientTextBox, e: ASPxClientEditKeyEventArgs): void {
+        var keyCode = ASPxClientUtils.GetKeyCode(e.htmlEvent);
+        if (keyCode == 13)
+            (<HTMLElement>s.GetInputElement()).blur();
+    };
+
+    function getCurrentPage(): string {
+        var hfPage = <string>hiddenField.Get("page");
+        if (hfPage)
+            return hfPage;
+        var pathParts = document.location.pathname.split("/");
+        return pathParts[pathParts.length - 1];
+    };
+
+    function showAboutWindow(): void {
+        aboutWindow.ShowAtElementByID("MainCallbackPanel_ContentPane");
+    };
+
+    function hideMenu(): void {
+        leftPanel.Collapse();
+        if (menuButton.GetMainElement() && menuButton.GetChecked())
+            menuButton.SetChecked(false);
+    };
+
+    function showMenu(): void {
+        leftPanel.Expand();
+    };
+
+    var _resizeSpecialOffersTimeoutID = -1;
+    function onWindowResize(): void {
+        switch (<string>hiddenField.Get("page")) {
+            case "SpecialOffers":
+                if (_resizeSpecialOffersTimeoutID == -1)
+                    _resizeSpecialOffersTimeoutID = setTimeout(resizeSpecialOffers, 200);
+                break;
+        }
+        hidePopups("AboutWindow", "StartFilterPopupControl", "LoginPopup", "OfferFormPopup", "ImagePopupControl");
+    };
+
+    function hidePopups(...names: string[]): void {
+        for (var i = 0; i < names.length; i++) {
+            var popupControl = <ASPxClientPopupControl>ASPxClientControl.GetControlCollection().GetByName(names[i]);
+            popupControl.Hide();
+        }
+    };
+
+    function resizeSpecialOffers(): void {
+        for (var i = 1; i <= 4; i++) {
+            var panel = <ASPxClientDockPanel>ASPxClientControl.GetControlCollection().GetByName("DockPanel" + i);
+            if (panel && panel.IsVisible()) {
+                var zone = panel.GetOwnerZone();
+                zone.SetWidth((<HTMLElement>(<HTMLElement>zone.GetMainElement()).parentNode).offsetWidth)
+            }
+        }
+        _resizeSpecialOffersTimeoutID = -1;
+    };
+
+    function getFormattedDate(date: Date): string {
+        return (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
+    };
+
+    function getCurrentQueryParams(): { [key:string]: any } {
+        var hfParams = <string>hiddenField.Get("parameters");
+        if (hfParams)
+            return getParamsByQueryString(hfParams);
+        var query = document.location.search;
+        if (query[0] === "?")
+            query = query.substr(1);
+        return getParamsByQueryString(query);
+    };
+
+    function getQueryString(params: { [key:string]: any }): string {
+        var queryItems: any[] = [];
+        for (var key in params) {
+            if (!params.hasOwnProperty(key)) continue;
+            queryItems.push(key + "=" + params[key]);
+        }
+        if (queryItems.length > 0)
+            return queryItems.join("&");
+        return "";
+    };
+
+    function getParamsByQueryString(queryString: string): { [key: string]: string } {
+        var result: { [key: string]: any } = {};
+        if (queryString) {
+            var queryStringArray = queryString.split("&");
+            for (var i = 0; i < queryStringArray.length; i++) {
+                var part = queryStringArray[i].split('=');
+                if (part.length != 2) continue;
+                result[part[0]] = decodeURIComponent(part[1].replace(/\+/g, " "));
+            }
+        }
+        return result;
+    };
+
+    function onHistoryPopState(evt: any): void {
+        if (evt.state !== null && evt.state !== undefined) {
+            var uriParts = evt.state.split("?");
+            showPage(uriParts[0], getParamsByQueryString(uriParts[1]), true);
+        }
+    };
+}
\ No newline at end of file
diff --git a/types/devexpress-web/v162/index.d.ts b/types/devexpress-web/v162/index.d.ts
new file mode 100644
index 0000000000..89d0b0d657
--- /dev/null
+++ b/types/devexpress-web/v162/index.d.ts
@@ -0,0 +1,28635 @@
+// Type definitions for DevExpress ASP.NET v162.7
+// Project: http://devexpress.com/
+// Definitions by: DevExpress Inc. <http://devexpress.com/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * A client-side counterpart of the DashboardViewer extension.
+ */
+interface MVCxClientDashboardViewer extends ASPxClientDashboardViewer {
+}
+/**
+ * Represents a list of records from the dashboard data source.
+ */
+interface ASPxClientDashboardItemUnderlyingData {
+    /**
+     * Gets the number of rows in the underlying data set.
+     */
+    GetRowCount(): number;
+    /**
+     * Returns the value of the specified cell within the underlying data set.
+     * @param rowIndex An integer value that specifies the zero-based index of the required row.
+     * @param dataMember A String that specifies the required data member.
+     */
+    GetRowValue(rowIndex: number, dataMember: string): Object;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Returns whether or not a request for underlying data was successful.
+     */
+    IsDataReceived(): boolean;
+    /**
+     * Returns a callstack containing the error caused by an unsuccessful request for underlying data.
+     */
+    GetRequestDataError(): string;
+}
+/**
+ * Contains parameters used to obtain the underlying data for the dashboard item.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataParameters {
+    /**
+     * Gets or sets an array of data member identifiers used to obtain underlying data.
+     * Value: An array of String objects that specify data member identifiers.
+     */
+    DataMembers: string[];
+    /**
+     * Gets or sets axis points used to obtain the underlying data.
+     * Value: An array of ASPxClientDashboardItemDataAxisPoint objects that represent axis points.
+     */
+    AxisPoints: ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets or sets the dimension value used to obtain the underlying data.
+     * Value: The dimension value.
+     */
+    ValuesByAxisName: Object;
+    /**
+     * Gets or sets the unique dimension value used to obtain the underlying data.
+     * Value: The unique dimension value.
+     */
+    UniqueValuesByAxisName: Object;
+}
+/**
+ * References a method executed after an asynchronous request is complete.
+ */
+interface ASPxClientDashboardItemRequestUnderlyingDataCompleted {
+    /**
+     * References a method executed after an asynchronous request is completed.
+     * @param data An ASPxClientDashboardItemUnderlyingData object that represents a list of records from the dashboard data source.
+     */
+    (data: ASPxClientDashboardItemUnderlyingData): void;
+}
+/**
+ * References a method that will handle the ItemClick events.
+ */
+interface ASPxClientDashboardItemClickEventHandler<S> {
+    /**
+     * References a method that will handle the ItemClick events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientDashboardItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item for which the event has been raised.
+     * Value: A String that is the dashboard item name.
+     */
+    ItemName: string;
+    /**
+     * Gets the dashboard item's client data.
+     */
+    GetData(): ASPxClientDashboardItemData;
+    /**
+     * Returns the axis point corresponding to the clicked visual element.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Gets measures corresponding to the clicked visual element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets deltas corresponding to the clicked visual element.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Requests underlying data corresponding to the clicked visual element.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     * @param dataMembers An array of String values that specify data members used to obtain underlying data.
+     */
+    RequestUnderlyingData(onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted, dataMembers: string[]): void;
+}
+/**
+ * References a method that will handle the ItemVisualInteractivity events.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventHandler<S> {
+    /**
+     * References a method that will handle the ItemVisualInteractivity events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemVisualInteractivityEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemVisualInteractivityEventArgs): void;
+}
+/**
+ * Provides data for the ItemVisualInteractivity events.
+ */
+interface ASPxClientDashboardItemVisualInteractivityEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets the selection mode for dashboard item elements.
+     */
+    GetSelectionMode(): string;
+    /**
+     * Sets the selection mode for dashboard item elements.
+     * @param selectionMode A String that specifies the selection mode.
+     */
+    SetSelectionMode(selectionMode: string): void;
+    /**
+     * Returns whether or not highlighting is enabled for the current dashboard item.
+     */
+    IsHighlightingEnabled(): boolean;
+    /**
+     * Enables highlighting for the current dashboard item.
+     * @param enableHighlighting true, to enable highlighting; otherwise, false.
+     */
+    EnableHighlighting(enableHighlighting: boolean): void;
+    /**
+     * Gets data axes used to perform custom interactivity actions.
+     */
+    GetTargetAxes(): string[];
+    /**
+     * Sets data axes used to perform custom interactivity actions.
+     * @param targetAxes An array of String objects that specify names of data axes.
+     */
+    SetTargetAxes(targetAxes: string[]): void;
+    /**
+     * Gets the default selection for the current dashboard item.
+     */
+    GetDefaultSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Sets the default selection for the current dashboard item.
+     * @param values An array of ASPxClientDashboardItemDataAxisPointTuple objects specifying axis point tuples used to select default elements.
+     */
+    SetDefaultSelection(values: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+}
+/**
+ * References a method that will handle the ItemSelectionChanged events.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemSelectionChanged events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemSelectionChangedEventArgs object containing event data.
+     */
+    (source: S, e: ASPxClientDashboardItemSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemSelectionChanged events.
+ */
+interface ASPxClientDashboardItemSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets currently selected elements.
+     */
+    GetCurrentSelection(): ASPxClientDashboardItemDataAxisPointTuple[];
+}
+/**
+ * References a method that will handle the ItemElementCustomColor event.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventHandler<S> {
+    /**
+     * References a method that will handle the ItemElementCustomColor events.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemElementCustomColorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemElementCustomColorEventArgs): void;
+}
+/**
+ * Provides data for the ItemElementCustomColor events.
+ */
+interface ASPxClientDashboardItemElementCustomColorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item for which the event was raised.
+     */
+    ItemName: string;
+    /**
+     * Gets the axis point tuple that corresponds to the current dashboard item element.
+     */
+    GetTargetElement(): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Gets the color of the current dashboard item element.
+     */
+    GetColor(): string;
+    /**
+     * Sets the color of the current dashboard item element.
+     * @param color A String that specifies the color of the current dashboard item element.
+     */
+    SetColor(color: string): void;
+    /**
+     * Gets measures corresponding to the current dashboard item element.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+}
+/**
+ * References a method that will handle the ItemWidgetCreated events.
+ */
+interface ASPxClientDashboardItemWidgetCreatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetCreated events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdating event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatingEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdating event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemWidgetUpdated event.
+ */
+interface ASPxClientDashboardItemWidgetUpdatedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemWidgetUpdated event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * References a method that will handle the ItemBeforeWidgetDisposed events.
+ */
+interface ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemBeforeWidgetDisposed events.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardItemWidgetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemWidgetEventArgs): void;
+}
+/**
+ * Provides data for events related to client widgets used to visualize data in dashboard items.
+ */
+interface ASPxClientDashboardItemWidgetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item for which the event was raised.
+     * Value: A String that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns an underlying widget corresponding to the current dashboard item.
+     */
+    GetWidget(): Object;
+}
+/**
+ * Represents multidimensional data visualized in the dashboard item.
+ */
+interface ASPxClientDashboardItemData {
+    /**
+     * Gets the names of the axes that constitute the current ASPxClientDashboardItemData.
+     */
+    GetAxisNames(): string[];
+    /**
+     * Returns the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxis(axisName: string): ASPxClientDashboardItemDataAxis;
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points for the specified axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetDimensions(axisName: string): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the measures for the current ASPxClientDashboardItemData object.
+     */
+    GetMeasures(): ASPxClientDashboardItemDataMeasure[];
+    /**
+     * Gets the deltas for the current ASPxClientDashboardItemData object.
+     */
+    GetDeltas(): ASPxClientDashboardItemDataDelta[];
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point tuple.
+     * @param tuple A ASPxClientDashboardItemDataAxisPointTuple object that is a tuple of axis points.
+     */
+    GetSlice(tuple: ASPxClientDashboardItemDataAxisPointTuple): ASPxClientDashboardItemData;
+    /**
+     * Gets the slice of the current ASPxClientDashboardItemData object by the specified axis point.
+     * @param axisPoint An ASPxClientDashboardItemDataAxisPoint object that is the data point in a multidimensional space.
+     */
+    GetSlice(axisPoint: ASPxClientDashboardItemDataAxisPoint): ASPxClientDashboardItemData;
+    /**
+     * Returns a total summary value for the specified measure.
+     * @param measureId A String that is the measure identifier.
+     */
+    GetMeasureValue(measureId: string): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the summary value for the specified delta.
+     * @param deltaId A String that is the data item identifier.
+     */
+    GetDeltaValue(deltaId: string): ASPxClientDashboardItemDataDeltaValue;
+    /**
+     * Returns an array of data members available in a data source.
+     */
+    GetDataMembers(): string[];
+    /**
+     * Creates a tuple based on the specified axes names and corresponding values.
+     * @param values An array of name-value pairs containing the axis name and corresponding values.
+     */
+    CreateTuple(values: Object[]): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Creates a tuple based on the specified axis points.
+     * @param axisPoints An array of ASPxClientDashboardItemDataAxisPoint objects that specify axis points belonging to different data axes.
+     */
+    CreateTuple(axisPoints: ASPxClientDashboardItemDataAxisPoint[]): ASPxClientDashboardItemDataAxisPointTuple;
+}
+/**
+ * An axis that contains data points corresponding to the specified value hierarchy.
+ */
+interface ASPxClientDashboardItemDataAxis {
+    /**
+     * Gets the dimensions used to create a hierarchy of axis points belonging to the current axis.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the root axis point belonging to the current ASPxClientDashboardItemDataAxis.
+     */
+    GetRootPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns axis points corresponding to values of the last-level dimension.
+     */
+    GetPoints(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns axis points corresponding to the specified dimension.
+     * @param dimensionId A String that is the dimension identifier.
+     */
+    GetPointsByDimension(dimensionId: string): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Returns the data point for the specified axis by unique values.
+     * @param uniqueValues A hierarchy of unique values identifying the required data point.
+     */
+    GetPointByUniqueValues(uniqueValues: Object[]): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Contains the dimension metadata.
+ */
+interface ASPxClientDashboardItemDataDimension {
+    /**
+     * Gets the dimension identifier.
+     * Value: A String that is the dimension identifier.
+     */
+    Id: string;
+    /**
+     * Gets or sets the name of the dimension.
+     * Value: A String that is the name of the dimension.
+     */
+    Name: string;
+    /**
+     * Gets the data member identifier for the current dimension.
+     * Value: A String value that identifies a data member.
+     */
+    DataMember: string;
+    /**
+     * Gets the group interval for date-time values for the current dimension.
+     * Value: A String value that represents how date-time values are grouped.
+     */
+    DateTimeGroupInterval: string;
+    /**
+     * Gets the group interval for string values.
+     * Value: A String value that specifies the group interval for string values.
+     */
+    TextGroupInterval: string;
+    /**
+     * Formats the specified value using format settings of the current dimension.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the measure metadata.
+ */
+interface ASPxClientDashboardItemDataMeasure {
+    /**
+     * Gets the measure identifier.
+     * Value: A String that is the measure identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the measure.
+     * Value: A String that is the name of the measure.
+     */
+    Name: string;
+    /**
+     * Gets the data member that identifies the data source list used to provide data for the current measure.
+     * Value: A String value that identifies the data source list used to provide data for the current measure.
+     */
+    DataMember: string;
+    /**
+     * Gets the type of summary function calculated against the current measure.
+     * Value: A String value that identifies the type of summary function calculated against the current measure.
+     */
+    SummaryType: string;
+    /**
+     * Formats the specified value using format settings of the current measure.
+     * @param value A value to be formatted.
+     */
+    Format(value: Object): string;
+}
+/**
+ * Contains the delta metadata.
+ */
+interface ASPxClientDashboardItemDataDelta {
+    /**
+     * Gets the data item identifier.
+     * Value: A String that is the data item identifier.
+     */
+    Id: string;
+    /**
+     * Gets the name of the data item container.
+     * Value: A String value that is the name of the data item container.
+     */
+    Name: string;
+    /**
+     * Gets the identifier for the measure that provides actual values.
+     * Value: A String value that is the measure identifier.
+     */
+    ActualMeasureId: string;
+    /**
+     * Gets the identifier for the measure that provides target values.
+     * Value: A String value that is the measure identifier.
+     */
+    TargetMeasureId: string;
+}
+/**
+ * Provides dimension values at the specified axis point.
+ */
+interface ASPxClientDashboardItemDataDimensionValue {
+    /**
+     * Gets the current dimension value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the unique value for the current dimension value.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the display text for the current dimension value.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides the measure value and display text.
+ */
+interface ASPxClientDashboardItemDataMeasureValue {
+    /**
+     * Gets the measure value.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the measure display text.
+     */
+    GetDisplayText(): string;
+}
+/**
+ * Provides delta element values.
+ */
+interface ASPxClientDashboardItemDataDeltaValue {
+    /**
+     * Provides access to the actual value displayed within the delta element.
+     */
+    GetActualValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the target value.
+     */
+    GetTargetValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the absolute difference between the actual and target values.
+     */
+    GetAbsoluteVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percent of variation between the actual and target values.
+     */
+    GetPercentVariation(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the percentage of the actual value in the target value.
+     */
+    GetPercentOfTarget(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the main delta value.
+     */
+    GetDisplayValue(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the first additional delta value.
+     */
+    GetDisplaySubValue1(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Provides access to the second additional delta value.
+     */
+    GetDisplaySubValue2(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the value specifying the condition for displaying the delta indication.
+     */
+    GetIsGood(): ASPxClientDashboardItemDataMeasureValue;
+    /**
+     * Gets the type of delta indicator.
+     */
+    GetIndicatorType(): ASPxClientDashboardItemDataMeasureValue;
+}
+/**
+ * A point on the data axis.
+ */
+interface ASPxClientDashboardItemDataAxisPoint {
+    /**
+     * Gets the name of the axis to which the current axis point belongs.
+     */
+    GetAxisName(): string;
+    /**
+     * Gets the last level dimension corresponding to the current axis point.
+     */
+    GetDimension(): ASPxClientDashboardItemDataDimension;
+    /**
+     * Gets the collection of dimensions used to create a hierarchy of axis points from the root point to the current axis point.
+     */
+    GetDimensions(): ASPxClientDashboardItemDataDimension[];
+    /**
+     * Gets the value corresponding to the current axis point.
+     */
+    GetValue(): Object;
+    /**
+     * Gets the display text corresponding to the current axis point.
+     */
+    GetDisplayText(): string;
+    /**
+     * Gets the unique value corresponding to the current axis point.
+     */
+    GetUniqueValue(): Object;
+    /**
+     * Gets the dimension values at the specified axis point.
+     */
+    GetDimensionValue(): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the dimension value at the current axis point.
+     * @param dimensionId A String value that specifies the dimension identifier.
+     */
+    GetDimensionValue(dimensionId: string): ASPxClientDashboardItemDataDimensionValue;
+    /**
+     * Gets the child axis points for the current axis point.
+     */
+    GetChildren(): ASPxClientDashboardItemDataAxisPoint[];
+    /**
+     * Gets the parent axis point for the current axis point.
+     */
+    GetParent(): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * Represents a tuple of axis points.
+ */
+interface ASPxClientDashboardItemDataAxisPointTuple {
+    /**
+     * Returns the axis point belonging to the default data axis.
+     */
+    GetAxisPoint(): ASPxClientDashboardItemDataAxisPoint;
+    /**
+     * Returns the axis point belonging to the specified data axis.
+     * @param axisName A string value returned by the DashboardDataAxisNames class that specifies the name of the data axis.
+     */
+    GetAxisPoint(axisName: string): ASPxClientDashboardItemDataAxisPoint;
+}
+/**
+ * A range in the Range Filter dashboard item.
+ */
+interface ASPxClientDashboardRangeFilterSelection {
+    /**
+     * Gets or sets a maximum value in the range of the Range Filter dashboard item.
+     * Value: A maximum value in the range of the Range Filter dashboard item.
+     */
+    Maximum: Object;
+    /**
+     * Gets or sets a minimum value in the range of the Range Filter dashboard item.
+     * Value: A minimum value in the range of the Range Filter dashboard item.
+     */
+    Minimum: Object;
+}
+/**
+ * A collection of ASPxClientDashboardParameter objects.
+ */
+interface ASPxClientDashboardParameters {
+    /**
+     * Returns an array of dashboard parameters from the ASPxClientDashboardParameters collection.
+     */
+    GetParameterList(): ASPxClientDashboardParameter[];
+    /**
+     * Returns a dashboard parameter by its name.
+     * @param name A String object that specifies the parameter name.
+     */
+    GetParameterByName(name: string): ASPxClientDashboardParameter;
+    /**
+     * Returns a dashboard parameter by its index in the ASPxClientDashboardParameters collection.
+     * @param index An integer value that specifies the parameter index.
+     */
+    GetParameterByIndex(index: number): ASPxClientDashboardParameter;
+}
+/**
+ * A client-side dashboard parameter.
+ */
+interface ASPxClientDashboardParameter {
+    /**
+     * Gets the dashboard parameter name on the client side.
+     * Value: A String that is the dashboard parameter name on the client side.
+     */
+    Name: string;
+    /**
+     * Gets the dashboard parameter value on the client side.
+     * Value: A String that specifies the dashboard parameter value on the client side.
+     */
+    Value: Object;
+    /**
+     * Returns a parameter name.
+     */
+    GetName(): string;
+    /**
+     * Returns a current parameter value(s).
+     */
+    GetValue(): Object;
+    /**
+     * Specifies the current parameter value(s).
+     * @param value The current parameter value(s).
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a default parameter value.
+     */
+    GetDefaultValue(): Object;
+    /**
+     * Returns the parameter's description displayed to an end-user.
+     */
+    GetDescription(): string;
+    /**
+     * Returns a parameter type.
+     */
+    GetType(): string;
+    /**
+     * Returns possible parameter values.
+     */
+    GetValues(): ASPxClientDashboardParameterValue[];
+}
+/**
+ * Provides access to the parameter value and display text.
+ */
+interface ASPxClientDashboardParameterValue {
+    /**
+     * Returns the parameter display text.
+     */
+    GetDisplayText(): string;
+    /**
+     * Returns a parameter value.
+     */
+    GetValue(): Object;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+ */
+interface ImageFormatOptions {
+    /**
+     * Gets or sets an image format in which the dashboard (dashboard item) is exported.
+     * Value: A value returned by the DashboardExportImageFormat class that specifies an image format in which the dashboard (dashboard item) is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     * Value: An integer value that specifies the resolution (in dpi) used to export a dashboard (dashboard item) in Image format.
+     */
+    Resolution: number;
+}
+/**
+ * Contains options which define how the dashboard item is exported to Excel format.
+ */
+interface ExcelFormatOptions {
+    /**
+     * Gets or sets the Excel format in which the dashboard item is exported.
+     * Value: A value returned by the DashboardExportExcelFormat class that specifies the Excel format in which the dashboard item is exported.
+     */
+    Format: string;
+    /**
+     * Gets or sets a character used to separate values in a CSV document.
+     * Value: A String value that specifies the character used to separate values in a CSV document.
+     */
+    CsvValueSeparator: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the Grid dashboard item is exported.
+ */
+interface GridExportOptions {
+    /**
+     * Gets or sets whether the size of the Grid dashboard item is changed according to the width of the exported page.
+     * Value: true, to change the size of the Grid dashboard item according to the width of the exported page; otherwise, false.
+     */
+    FitToPageWidth: boolean;
+    /**
+     * Gets or sets whether to print column headers of the Grid dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pivot dashboard item is exported.
+ */
+interface PivotExportOptions {
+    /**
+     * Gets or sets whether to print the column headers of the Pivot dashboard item on every page.
+     * Value: true, to print column headers on every page; otherwise, false.
+     */
+    PrintHeadersOnEveryPage: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Pie dashboard item is exported.
+ */
+interface PieExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Gauge dashboard item is exported.
+ */
+interface GaugeExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Card dashboard item is exported.
+ */
+interface CardExportOptions {
+    /**
+     * Gets or sets whether dashboard item elements are arranged automatically on the exported page.
+     * Value: true, to arrange dashboard item elements automatically on the exported page; otherwise, false.
+     */
+    AutoArrangeContent: boolean;
+}
+/**
+ * Contains settings that specify parameters affecting how the Range Filter dashboard item is exported.
+ */
+interface RangeFilterExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Range Filter dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Range Filter dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Range Filter dashboard item.
+     * Value: A value returned by the RangeFilterExportSizeMode class that specifies the export size mode for the Range Filter dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Chart dashboard items are exported.
+ */
+interface ChartExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a Chart dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a Chart dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the Chart dashboard item.
+     * Value: A value returned by the ChartExportSizeMode class that specifies the export size mode for the Chart dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how Map dashboard items are exported.
+ */
+interface MapExportOptions {
+    /**
+     * Gets or sets whether the page orientation used to export a map dashboard item is selected automatically.
+     * Value: true, to automatically select the page orientation used to export a map dashboard item; otherwise, false.
+     */
+    AutomaticPageLayout: boolean;
+    /**
+     * Gets or sets the export size mode for the map dashboard item.
+     * Value: A value returned by the MapExportSizeMode class that specifies specifies the export size mode for the map dashboard item.
+     */
+    SizeMode: string;
+}
+/**
+ * Contains settings that specify parameters affecting how the dashboard (dashboard item) is exported.
+ */
+interface ASPxClientDashboardExportOptions {
+    /**
+     * Gets or sets the standard paper size.
+     * Value: A string value returned by the DashboardExportPaperKind class that specifies the standard paper size.
+     */
+    PaperKind: string;
+    /**
+     * Gets or sets the page orientation used to export a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportPageLayout class that specifies the page orientation used to export a dashboard (dashboard item).
+     */
+    PageLayout: string;
+    /**
+     * Gets or sets the mode for scaling when exporting a dashboard (dashboard item).
+     * Value: A string value returned by the DashboardExportScaleMode class that specifies the mode for scaling when exporting a dashboard (dashboard item).
+     */
+    ScaleMode: string;
+    /**
+     * Gets or sets the scale factor (in fractions of 1) by which a dashboard (dashboard item) is scaled.
+     * Value: A Single value that specifies the scale factor by which a dashboard (dashboard item) is scaled.
+     */
+    ScaleFactor: number;
+    /**
+     * Gets or sets the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     * Value: An integer value that specifies the number of horizontal/vertical pages spanning the total width/height of a dashboard (dashboard item).
+     */
+    AutoFitPageCount: number;
+    /**
+     * Gets or sets the title of the exported document.
+     * Value: A String value that specifies the title of the exported document.
+     */
+    Title: string;
+    /**
+     * Gets or sets whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     * Value: A DefaultBoolean value that specifies whether a dashboard title (or dashboard item's caption) is included as the exported document title.
+     */
+    ShowTitle: boolean;
+    /**
+     * Gets or sets the filter state's location on the exported document.
+     * Value: A string value returned by the DashboardExportFilterState class that specifies the filter state's location on the exported document.
+     */
+    FilterState: string;
+    /**
+     * Provides access to options for exporting a dashboard or individual items in Image format.
+     * Value: An ImageFormatOptions object containing settings that specify parameters affecting how the dashboard or dashboard item is exported in Image format.
+     */
+    ImageOptions: ImageFormatOptions;
+    /**
+     * Provides access to options for exporting individual dashboard items in Excel format.
+     * Value: An ExcelFormatOptions object containing settings that specify parameters affecting how the dashboard item is exported in Excel format.
+     */
+    ExcelOptions: ExcelFormatOptions;
+    /**
+     * Provides access to options for exporting a Grid dashboard item.
+     * Value: A GridExportOptions object containing settings that specify parameters that affect how Grid dashboard items are exported.
+     */
+    GridOptions: GridExportOptions;
+    /**
+     * Provides access to options for exporting a Pivot dashboard item.
+     * Value: A PivotExportOptions object containing settings that specify parameters that affect how Pivot dashboard items are exported.
+     */
+    PivotOptions: PivotExportOptions;
+    /**
+     * Provides access to options for exporting a Pie dashboard item.
+     * Value: A PieExportOptions object containing settings that specify parameters that affect how Pie dashboard items are exported.
+     */
+    PieOptions: PieExportOptions;
+    /**
+     * Provides access to options for exporting a Gauge dashboard item.
+     * Value: A GaugeExportOptions object containing settings that specify parameters that affect how Gauge dashboard items are exported.
+     */
+    GaugeOptions: GaugeExportOptions;
+    /**
+     * Provides access to options for exporting a Card dashboard item.
+     * Value: A CardExportOptions object containing settings that specify parameters that affect how Card dashboard items are exported.
+     */
+    CardOptions: CardExportOptions;
+    /**
+     * Provides access to options for exporting a Range Filter dashboard item.
+     * Value: A RangeFilterExportOptions object containing settings that specify parameters affecting how the Range Filter dashboard item is exported.
+     */
+    RangeFilterOptions: RangeFilterExportOptions;
+    /**
+     * Provides access to options for exporting a Chart dashboard item.
+     * Value: A ChartExportOptions object containing settings that specify parameters that affect how Chart dashboard items are exported.
+     */
+    ChartOptions: ChartExportOptions;
+    /**
+     * Provides access to options for exporting map dashboard items.
+     * Value: A MapExportOptions object containing settings that specify parameters that affect how map dashboard items are exported.
+     */
+    MapOptions: MapExportOptions;
+}
+/**
+ * A client-side equivalent of the ASPxDashboard control.
+ */
+interface ASPxClientDashboard extends ASPxClientControl {
+    /**
+     * Fires when a round trip to the server has been initiated by a call to the client PerformDataCallback method.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the state of the dashboard displayed in the ASPxClientDashboard is changed.
+     */
+    DashboardStateChanged: ASPxClientEvent<ASPxClientDashboardStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after a new dashboard is displayed in the ASPxClientDashboard.
+     */
+    DashboardChanged: ASPxClientEvent<ASPxClientDashboardChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * For internal use.
+     */
+    CustomizeMenuItems: ASPxClientEvent<ASPxClientDashboardCustomizeMenuItemsEventHandler<ASPxClientDashboard>>;
+    /**
+     * For internal use.
+     */
+    BeforeRender: ASPxClientEvent<ASPxClientDashboardBeforeRenderEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a master filter state is changed.
+     */
+    ItemMasterFilterStateChanged: ASPxClientEvent<ASPxClientDashboardItemMasterFilterStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Occurs when a drill-down/drill-up is performed.
+     */
+    ItemDrillDownStateChanged: ASPxClientEvent<ASPxClientDashboardItemDrillDownStateChangedEventHandler<ASPxClientDashboard>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Switches the ASPxClientDashboard to the viewer mode.
+     */
+    SwitchToViewer(): void;
+    /**
+     * Switches the ASPxClientDashboard to the designer mode.
+     */
+    SwitchToDesigner(): void;
+    /**
+     * Gets the current working mode of the Web Dashboard.
+     */
+    GetWorkingMode(): string;
+    /**
+     * Gets the identifier of the dashboard that is displayed in the ASPxClientDashboard.
+     */
+    GetDashboardId(): string;
+    /**
+     * Gets the name of the dashboard that is displayed in the ASPxClientDashboard.
+     */
+    GetDashboardName(): string;
+    /**
+     * Gets the state of the dashboard displayed in the ASPxClientDashboard.
+     */
+    GetDashboardState(): string;
+    /**
+     * Loads a dashboard with the specified identifier.
+     * @param dashboardId A String value that specifies the dashboard identifier.
+     */
+    LoadDashboard(dashboardId: string): void;
+    /**
+     * Saves a current dashboard to the dashboard storage.
+     */
+    SaveDashboard(): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Invokes the dialog that allows end-users to export the entire dashboard to the specified format.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF' or 'Image'.
+     */
+    ShowExportDashboardDialog(format: string): void;
+    /**
+     * Invokes the dialog that allows end-users to export the dashboard item to the specified format.
+     * @param itemComponentName A string value that specifies the component name of the dashboard item to export.
+     * @param format A string value that specifies the format. For instance, you can use 'PDF, 'Image' or 'Excel'.
+     */
+    ShowExportDashboardItemDialog(itemComponentName: string, format: string): void;
+    /**
+     * Hides the dialog that allows end-users to export the dashboard/dashboard item.
+     */
+    HideExportDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns whether or not master filtering  can be applied in the current state of the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A string that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down into the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down into the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A string that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+    /**
+     * Refreshes an entire dashboard displayed in the Web Dashboard control.
+     */
+    Refresh(): void;
+    /**
+     * Refreshes the specific item from the dashboard displayed in the Web Dashboard control.
+     * @param itemName A string value that specifies the component name of the dashboard item to be refreshed.
+     */
+    Refresh(itemName: string): void;
+    /**
+     * Refreshes specific items from the dashboard displayed in the Web Dashboard control.
+     * @param itemName An array of string values that specify the component names of the dashboard items to be refreshed.
+     */
+    Refresh(itemName: string[]): void;
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+}
+/**
+ * References a method that will handle the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardStateChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardStateChanged event.
+ */
+interface ASPxClientDashboardStateChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the current state of the dashboard.
+     * Value: A String that is the current state of the dashboard.
+     */
+    DashboardState: string;
+}
+/**
+ * References a method that will handle the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventHandler<S> {
+    /**
+     * References a method that will handle the DashboardChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardChangedEventArgs): void;
+}
+/**
+ * Provides data for the DashboardChanged event.
+ */
+interface ASPxClientDashboardChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the identifier of a newly opened dashboard.
+     * Value: A String values that is an identifier of newly opened dashboard.
+     */
+    DashboardId: string;
+    /**
+     * Gets the name of a newly opened dashboard.
+     * Value: A string value that is the name of newly opened dashboard.
+     */
+    DashboardName: string;
+}
+interface ASPxClientDashboardCustomizeMenuItemsEventHandler<S> {
+    (source: S, e: ASPxClientDashboardCustomizeMenuItemsEventArgs): void;
+}
+interface ASPxClientDashboardMenuItem {
+    id: string;
+    title: string;
+    template: string;
+    selected: boolean;
+    disabled: boolean;
+    hasSeparator: boolean;
+    click: Function;
+    hotKey: number;
+}
+interface ASPxClientDashboardCustomizeMenuItemsEventArgs extends ASPxClientEventArgs {
+    Items: ASPxClientDashboardMenuItem[];
+    FindById(itemId: string): ASPxClientDashboardMenuItem;
+}
+interface ASPxClientDashboardBeforeRenderEventHandler<S> {
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * Serves as the base class for classes that provide data for client-side events related to dashboard items.
+ */
+interface ASPxClientDashboardItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the component name of the dashboard item.
+     * Value: A string value that is the component name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Returns whether or not the specified value is null.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is 'others'.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemMasterFilterStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemMasterFilterStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemMasterFilterStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMasterFilterStateChanged event.
+ */
+interface ASPxClientDashboardItemMasterFilterStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the currently selected values.
+     * Value: An array of objects that are the currently selected values.
+     */
+    Values: Object[][];
+}
+/**
+ * References a method that will handle the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ItemDrillDownStateChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientDashboardItemDrillDownStateChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardItemDrillDownStateChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDrillDownStateChanged event.
+ */
+interface ASPxClientDashboardItemDrillDownStateChangedEventArgs extends ASPxClientDashboardItemEventArgs {
+    /**
+     * Gets the drill-down action performed in the dashboard item.
+     * Value: A string value that is the drill-down action performed in the dashboard item.
+     */
+    Action: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+}
+/**
+ * A client-side equivalent of the ASPxDashboardViewer control.
+ */
+interface ASPxClientDashboardViewer extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the available interactivity actions have changed.
+     */
+    ActionAvailabilityChanged: ASPxClientEvent<ASPxClientDashboardActionAvailabilityChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user changes the state of the master filter.
+     */
+    MasterFilterSet: ASPxClientEvent<ASPxClientDashboardMasterFilterSetEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clears the selection in the master filter item.
+     */
+    MasterFilterCleared: ASPxClientEvent<ASPxClientDashboardMasterFilterClearedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Provides the capability to handle data loading errors in the ASPxClientDashboardViewer.
+     */
+    DataLoadingError: ASPxClientEvent<ASPxClientDashboardDataLoadingErrorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-down is performed.
+     */
+    DrillDownPerformed: ASPxClientEvent<ASPxClientDashboardDrillDownPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after a drill-up is performed.
+     */
+    DrillUpPerformed: ASPxClientEvent<ASPxClientDashboardDrillUpPerformedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the ASPxClientDashboardViewer is loaded.
+     */
+    Loaded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs when an end-user clicks a dashboard item.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientDashboardItemClickEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting
+     */
+    ItemVisualInteractivity: ASPxClientEvent<ASPxClientDashboardItemVisualInteractivityEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetCreated: ASPxClientEvent<ASPxClientDashboardItemWidgetCreatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdating: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatingEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemWidgetUpdated: ASPxClientEvent<ASPxClientDashboardItemWidgetUpdatedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to access underlying UI/Data Visualization widgets.
+     */
+    ItemBeforeWidgetDisposed: ASPxClientEvent<ASPxClientDashboardItemBeforeWidgetDisposedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Occurs after the selection within the dashboard item is changed.
+     */
+    ItemSelectionChanged: ASPxClientEvent<ASPxClientDashboardItemSelectionChangedEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Allows you to color the required dashboard item elements using the specified colors.
+     */
+    ItemElementCustomColor: ASPxClientEvent<ASPxClientDashboardItemElementCustomColorEventHandler<ASPxClientDashboardViewer>>;
+    /**
+     * Reloads data in the data sources.
+     */
+    ReloadData(): void;
+    /**
+     * Reloads data in the data sources.
+     * @param parameters An array of ASPxClientDashboardParameter objects that specify dashboard parameters on the client side.
+     */
+    ReloadData(parameters: ASPxClientDashboardParameter[]): void;
+    /**
+     * Returns dashboard parameter settings and metadata.
+     */
+    GetParameters(): ASPxClientDashboardParameters;
+    /**
+     * Locks the EndUpdateParameters method call.
+     */
+    BeginUpdateParameters(): void;
+    /**
+     * Unlocks the BeginUpdateParameters method and applies changes made to the parameter settings.
+     */
+    EndUpdateParameters(): void;
+    /**
+     * Returns the currently selected range in the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetCurrentRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Returns the visible range for the specified Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    GetEntireRange(itemName: string): ASPxClientDashboardRangeFilterSelection;
+    /**
+     * Selects the required range in the specified Range Filter dashboard item.
+     * @param itemName A String that specifies the component name of the Range Filter dashboard item.
+     * @param range A String value that specifies the component name of the Range Filter dashboard item.
+     */
+    SetRange(itemName: string, range: ASPxClientDashboardRangeFilterSelection): void;
+    /**
+     * Selects a predefined range in the Range Filter dashboard item.
+     * @param itemName A String value that specifies the component name of the Range Filter.
+     * @param dateTimePeriodName A String value that specifies the predefined range name.
+     */
+    SetPredefinedRange(itemName: string, dateTimePeriodName: string): void;
+    /**
+     * Returns axis point tuples identifying elements that can be used to perform drill-down in the specified dashboard item.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetAvailableDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns the axis point tuple identifying the current drill-down state.
+     * @param itemName A String that is the component name of the dashboard item.
+     */
+    GetCurrentDrillDownValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple;
+    /**
+     * Returns axis point tuples identifying elements that can be selected in the current state of the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetAvailableFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns axis point tuples identifying currently selected elements in the master filter item.
+     * @param itemName A String that is the component name of the master filter item.
+     */
+    GetCurrentFilterValues(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Returns currently selected elements in the master filter item.
+     * @param itemName A String that specifies a component name of the master filter item.
+     */
+    GetCurrentSelection(itemName: string): ASPxClientDashboardItemDataAxisPointTuple[];
+    /**
+     * Requests underlying data for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param args A ASPxClientDashboardItemRequestUnderlyingDataParameters object containing parameters used to obtain the underlying data.
+     * @param onCompleted A ASPxClientDashboardItemRequestUnderlyingDataCompleted object that references a method executed after the request is completed.
+     */
+    RequestUnderlyingData(itemName: string, args: ASPxClientDashboardItemRequestUnderlyingDataParameters, onCompleted: ASPxClientDashboardItemRequestUnderlyingDataCompleted): void;
+    /**
+     * Invokes the Dashboard Parameters dialog.
+     */
+    ShowParametersDialog(): void;
+    /**
+     * Closes the Dashboard Parameters dialog.
+     */
+    HideParametersDialog(): void;
+    /**
+     * Returns settings that specify parameters affecting how the dashboard is exported.
+     */
+    GetExportOptions(): ASPxClientDashboardExportOptions;
+    /**
+     * Specifies settings that specify parameters affecting how the dashboard is exported.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    SetExportOptions(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file and writes it to the Response.
+     */
+    ExportToPdf(): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to a PDF file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToPdf(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard to an Image file and writes it to the Response.
+     */
+    ExportToImage(): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard to an Image file with the specified export options and writes it to the Response.
+     * @param options A ASPxClientDashboardExportOptions object containing settings that specify parameters affecting how the dashboard is exported.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportToImage(options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToPdf(itemName: string): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to a PDF file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string that specifies the name of the exported file.
+     */
+    ExportDashboardItemToPdf(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Image file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToImage(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Image file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     * @param fileName A string value that specifies the name of the exported file.
+     */
+    ExportDashboardItemToImage(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     */
+    ExportDashboardItemToExcel(itemName: string): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A String that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options to be applied to the exported dashboard item.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions): void;
+    /**
+     * Exports a dashboard item to an Excel file with the specified export options and writes it to the Response.
+     * @param itemName A string that is the component name of the dashboard item to be exported.
+     * @param options An ASPxClientDashboardExportOptions object containing export options.
+     * @param fileName A string that specifies the name of the exported Excel file.
+     */
+    ExportDashboardItemToExcel(itemName: string, options: ASPxClientDashboardExportOptions, fileName: string): void;
+    /**
+     * Returns the dashboard width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the dashboard height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the dashboard width.
+     * @param width An integer value that specifies the dashboard width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the dashboard height.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Specifies the dashboard size.
+     * @param width An integer value that specifies the dashboard width.
+     * @param height An integer value that specifies the dashboard height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Selects required elements by their values in the specified master filter item.
+     * @param itemName A String that species the component name of the master filter item.
+     * @param values Values that will be used to select elements in the master filter item.
+     */
+    SetMasterFilter(itemName: string, values: Object[][]): void;
+    /**
+     * Selects the required elements in the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     * @param axisPointTuples An array of ASPxClientDashboardItemDataAxisPointTuple objects used to identify master filter elements.
+     */
+    SetMasterFilter(itemName: string, axisPointTuples: ASPxClientDashboardItemDataAxisPointTuple[]): void;
+    /**
+     * Performs a drill-down for the required element by its value.
+     * @param itemName A String that species the component name of the dashboard item.
+     * @param value A value that will be used to perform a drill-down for the required element.
+     */
+    PerformDrillDown(itemName: string, value: Object): void;
+    /**
+     * Performs a drill-down for the required element.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     * @param axisPointTuple A ASPxClientDashboardItemDataAxisPointTuple object representing a set of axis points.
+     */
+    PerformDrillDown(itemName: string, axisPointTuple: ASPxClientDashboardItemDataAxisPointTuple): void;
+    /**
+     * Clears the specified master filter item.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    ClearMasterFilter(itemName: string): void;
+    /**
+     * Performs a drill-up for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    PerformDrillUp(itemName: string): void;
+    /**
+     * Returns whether or not the specified master filter item allows selecting one or more elements.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanSetMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not the specified master filter can be cleared in the current state.
+     * @param itemName A String that specifies the component name of the master filter item.
+     */
+    CanClearMasterFilter(itemName: string): boolean;
+    /**
+     * Returns whether or not drill down is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillDown(itemName: string): boolean;
+    /**
+     * Returns whether or not drill up is possible in the current state of the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    CanPerformDrillUp(itemName: string): boolean;
+    /**
+     * Returns the client data for the specified dashboard item.
+     * @param itemName A String that specifies the component name of the dashboard item.
+     */
+    GetItemData(itemName: string): ASPxClientDashboardItemData;
+}
+/**
+ * References a method that will handle the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventHandler<S> {
+    /**
+     * References a method that will handle the ActionAvailabilityChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardActionAvailabilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardActionAvailabilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the ActionAvailabilityChanged event.
+ */
+interface ASPxClientDashboardActionAvailabilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets whether or not data reloading is available in the current state of dashboard item.
+     * Value: true, if data reloading is available in the current state of dashboard item; otherwise, false.
+     */
+    IsReloadDataAvailable: boolean;
+    /**
+     * Gets interactivity actions currently available for the dashboard item.
+     * Value: An array of ASPxClientDashboardItemAction objects that represent interactivity actions currently available for the dashboard item.
+     */
+    ItemActions: ASPxClientDashboardItemAction[];
+}
+/**
+ * References a method that will handle the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventHandler<S> {
+    /**
+     * References a method that will handle the DataLoadingError event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDataLoadingErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDataLoadingErrorEventArgs): void;
+}
+/**
+ * Provides data for the DataLoadingError event.
+ */
+interface ASPxClientDashboardDataLoadingErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Allows you to determine whether or not the error message will be shown.
+     */
+    IsErrorMessageShown(): boolean;
+    /**
+     * Allows you to specify whether to show the error message.
+     * @param value true, to show the error message; otherwise, false.
+     */
+    ShowErrorMessage(value: boolean): void;
+    /**
+     * Allows you to obtain the displayed error message.
+     */
+    GetError(): string;
+    /**
+     * Allows you to specify the displayed error message.
+     * @param value A string value that specifies the displayed error message.
+     */
+    SetError(value: string): void;
+}
+/**
+ * Represents an interactivity action in the dashboard item.
+ */
+interface ASPxClientDashboardItemAction {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets interactivity actions performed on a dashboard item.
+     * Value: An array of ASPxClientDashboardAction values that specify interactivity actions performed on a dashboard item.
+     */
+    Actions: any[];
+}
+declare enum ASPxClientDashboardAction {
+    SetMasterFilter=0,
+    ClearMasterFilter=1,
+    DrillDown=2,
+    DrillUp=3
+}
+/**
+ * References a method that will handle the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterSet event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterSetEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterSetEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterSet event.
+ */
+interface ASPxClientDashboardMasterFilterSetEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values of currently selected elements in the master filter item.
+     * Value: Values of currently selected elements in the master filter item.
+     */
+    Values: Object[][];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventHandler<S> {
+    /**
+     * References a method that will handle the MasterFilterCleared event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardMasterFilterClearedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardMasterFilterClearedEventArgs): void;
+}
+/**
+ * Provides data for the MasterFilterCleared event.
+ */
+interface ASPxClientDashboardMasterFilterClearedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A String that is the name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * References a method that will handle the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillDownPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillDownPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillDownPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillDownPerformed event.
+ */
+interface ASPxClientDashboardDrillDownPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that specifies the name of the dashboard item.
+     */
+    ItemName: string;
+    /**
+     * Gets values from the current drill-down hierarchy.
+     * Value: An array of values from the current drill-down hierarchy.
+     */
+    Values: Object[];
+    /**
+     * Returns whether or not the specified value is NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+}
+/**
+ * References a method that will handle the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventHandler<S> {
+    /**
+     * References a method that will handle the DrillUpPerformed event.
+     * @param source The event source.
+     * @param e A ASPxClientDashboardDrillUpPerformedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDashboardDrillUpPerformedEventArgs): void;
+}
+/**
+ * Provides data for the DrillUpPerformed event.
+ */
+interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dashboard item.
+     * Value: A string that is the name of the dashboard item.
+     */
+    ItemName: string;
+}
+/**
+ * Serves as the base object for all the editors included in the client-side object model.
+ */
+interface ASPxClientEditBase extends ASPxClientControl {
+    /**
+     * Returns the editor's value.
+     */
+    GetValue(): Object;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the text displayed in the editor caption.
+     */
+    GetCaption(): string;
+    /**
+     * Specifies the text displayed in the editor caption.
+     * @param caption A string value specifying the editor caption.
+     */
+    SetCaption(caption: string): void;
+}
+/**
+ * Serves as the base object for all the editors that support validation.
+ */
+interface ASPxClientEdit extends ASPxClientEditBase {
+    /**
+     * Fires on the client side when the editor receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires on the client side when the editor loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientEdit>>;
+    /**
+     * Allows you to specify whether the value entered into the editor is valid, and whether the editor is allowed to lose focus.
+     */
+    Validation: ASPxClientEvent<ASPxClientEditValidationEventHandler<ASPxClientEdit>>;
+    /**
+     * Fires after the editor's value has been changed by end-user interactions.
+     */
+    ValueChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientEdit>>;
+    /**
+     * Returns an HTML element that represents the control's input element.
+     */
+    GetInputElement(): Object;
+    /**
+     * Sets input focus to the editor.
+     */
+    Focus(): void;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value is valid.
+     * @param isValid True if the editor's value is valid; otherwise, False.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs the editor's validation.
+     */
+    Validate(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxBinaryImage control.
+ */
+interface ASPxClientBinaryImage extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after an image is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Occurs after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Fires on the client side if any server error occurs during server-side processing of a callback sent by the ASPxClientBinaryImage.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientBinaryImage>>;
+    /**
+     * Sets the size of the image editor.
+     * @param width An integer value that specifies the control's width.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * For internal use only.
+     */
+    GetValue(): Object;
+    /**
+     * For internal use only.
+     * @param value 
+     */
+    SetValue(value: Object): void;
+    /**
+     * Removes an image from the editor content.
+     */
+    Clear(): void;
+    /**
+     * Returns a name of the last uploaded file.
+     */
+    GetUploadedFileName(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxButton control.
+ */
+interface ASPxClientButton extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the button's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Fires on the client side when the button loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientButton>>;
+    /**
+     * Occurs on the client side after a button is clicked.
+     */
+    Click: ASPxClientEvent<ASPxClientButtonClickEventHandler<ASPxClientButton>>;
+    /**
+     * Simulates a mouse click action on the button control.
+     */
+    DoClick(): void;
+    /**
+     * Returns a value indicating whether the button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value that specifies the button's checked status.
+     * @param value true if the button is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the button.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL pointing to the image displayed within the button.
+     * @param value A string value that is the URL to the image displayed within the button.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Sets a value specifying whether the button is enabled.
+     * @param value true to enable the button; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns a value indicating whether the button is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets input focus to the button.
+     */
+    Focus(): void;
+}
+/**
+ * A method that will handle the client Click event.
+ */
+interface ASPxClientButtonClickEventHandler<S> {
+    /**
+     * A method that will handle the client Click event.
+     * @param source An object that is the event's source.
+     * @param e An ASPxClientButtonClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonClickEventArgs): void;
+}
+/**
+ * Provides data for the Click event.
+ */
+interface ASPxClientButtonClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Specifies whether both the event's default action and the event's bubbling upon the hierarchy of event handlers should be canceled.
+     * Value: true to cancel the event's default action and the event's bubbling upon the hierarchy of event handlers; otherwise, false.
+     */
+    cancelEventAndBubble: boolean;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCalendar control.
+ */
+interface ASPxClientCalendar extends ASPxClientEdit {
+    /**
+     * Fires on the client side after the selected date has been changed within the calendar.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side when the month displayed within the calendar is changed.
+     */
+    VisibleMonthChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCalendar>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Occurs on the client side after the callback server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCalendar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCalendar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCalendar>>;
+    /**
+     * Tests whether the specified date is selected.
+     * @param date A date-time value that specifies the date to test.
+     */
+    IsDateSelected(date: Date): boolean;
+    /**
+     * Sets the date that specifies the month and year to be displayed in the calendar.
+     * @param date The date that specifies calendar's visible month and year.
+     */
+    SetVisibleDate(date: Date): void;
+    /**
+     * Sets the calendar's selected date.
+     * @param date A date object that specifies the calendar's selected date.
+     */
+    SetSelectedDate(date: Date): void;
+    /**
+     * Returns the calendar's selected date.
+     */
+    GetSelectedDate(): Date;
+    /**
+     * Gets the date that determines the month and year that are currently displayed in the calendar.
+     */
+    GetVisibleDate(): Date;
+    /**
+     * Selects the specified date within the calendar.
+     * @param date A date-time value that specifies the selected date.
+     */
+    SelectDate(date: Date): void;
+    /**
+     * Selects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    SelectRange(start: Date, end: Date): void;
+    /**
+     * Deselects the specified date within the calendar.
+     * @param date A date-time value that specifies the date to deselect.
+     */
+    DeselectDate(date: Date): void;
+    /**
+     * Deselects the specified range of dates within the calendar.
+     * @param start A date-time value that specifies the range's first date.
+     * @param end A date-time value that specifies the range's last date.
+     */
+    DeselectRange(start: Date, end: Date): void;
+    /**
+     * Deselects all the selected dates within the calendar.
+     */
+    ClearSelection(): void;
+    /**
+     * Returns a list of dates which are selected within the calendar.
+     */
+    GetSelectedDates(): Date[];
+    /**
+     * Gets the minimum date on the calendar.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the calendar.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date on the calendar.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the calendar.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the date processed in the calendar.
+     * Value: A DateTime value containing processed data.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether selection of the processed calendar date is disabled.
+     * Value: true, if the date is disabled; otherwise, false.
+     */
+    isDisabled: boolean;
+}
+/**
+ * A method that will handle the client CustomDisabledDate event.
+ */
+interface ASPxClientCalendarCustomDisabledDateEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDisabledDate event.
+     * @param source The event source.
+     * @param e An ASPxClientCalendarCustomDisabledDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCalendarCustomDisabledDateEventArgs): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCaptcha control.
+ */
+interface ASPxClientCaptcha extends ASPxClientControl {
+    /**
+     * Sets input focus to the control's text box.
+     */
+    Focus(): void;
+    /**
+     * Refreshes the code displayed within the editor's challenge image.
+     */
+    Refresh(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxCheckBox control.
+ */
+interface ASPxClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked true if the check box editor is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState A string value matches one of the CheckState enumeration values.
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButton control.
+ */
+interface ASPxClientRadioButton extends ASPxClientCheckBox {
+    /**
+     * Returns a value indicating whether the radio button is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the radio button's checked status.
+     * @param isChecked true if the radio button is checked; otherwise, false.
+     */
+    SetChecked(isChecked: boolean): void;
+}
+/**
+ * Represents a base for client-side objects which allow single-line text input.
+ */
+interface ASPxClientTextEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client-side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Occurs on the client-side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Fires on the client side when the editor's text is changed and focus moves out of the editor by end-user interactions.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTextEdit>>;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+    /**
+     * Selects all text in the text editor.
+     */
+    SelectAll(): void;
+    /**
+     * Sets the caret position within the edited text.
+     * @param position An integer value that specifies the zero-based index of a text character that shall precede the caret.
+     */
+    SetCaretPosition(position: number): void;
+    /**
+     * Selects the specified portion of the editor's text.
+     * @param startPos A zero-based integer value specifying the selection's starting position.
+     * @param endPos A zero-based integer value specifying the selection's ending position.
+     * @param scrollToSelection true to scroll the editor's contents to make the selection visible; otherwise, false.
+     */
+    SetSelection(startPos: number, endPos: number, scrollToSelection: boolean): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying and editing text data in their edit regions.
+ */
+interface ASPxClientTextBoxBase extends ASPxClientTextEdit {
+}
+/**
+ * Represents a base for client button editor objects.
+ */
+interface ASPxClientButtonEditBase extends ASPxClientTextBoxBase {
+    /**
+     * Occurs on the client side after an editor button is clicked.
+     */
+    ButtonClick: ASPxClientEvent<ASPxClientButtonEditClickEventHandler<ASPxClientButtonEditBase>>;
+    /**
+     * Specifies whether the button is visible.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     * @param value true, to make the button visible; otherwise, false.
+     */
+    SetButtonVisible(number: number, value: boolean): void;
+    /**
+     * Returns a value specifying whether a button is displayed.
+     * @param number An integer value specifying the button's index within the Buttons collection.
+     */
+    GetButtonVisible(number: number): boolean;
+}
+/**
+ * Represents a base class for the editors that contain a drop down window.
+ */
+interface ASPxClientDropDownEditBase extends ASPxClientButtonEditBase {
+    /**
+     * Occurs on the client-side when the drop down window is opened.
+     */
+    DropDown: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side when the drop down window is closed.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Occurs on the client side before the drop down window is closed and allows you to cancel the operation.
+     */
+    QueryCloseUp: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientDropDownEditBase>>;
+    /**
+     * Modifies the size of the drop down window in accordance with its content.
+     */
+    AdjustDropDownWindow(): void;
+    /**
+     * Invokes the editor's drop down window.
+     */
+    ShowDropDown(): void;
+    /**
+     * Closes the opened drop down window of the editor.
+     */
+    HideDropDown(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxColorEdit control.
+ */
+interface ASPxClientColorEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected color has been changed within the color editor via end-user interaction.
+     */
+    ColorChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientColorEdit. Use the ColorChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientColorEdit>>;
+    /**
+     * Returns the color editor's value.
+     */
+    GetColor(): string;
+    /**
+     * Specifies the color value for the color editor.
+     * @param value A string value specifying the editor color.
+     */
+    SetColor(value: string): void;
+    /**
+     * Indicates whether the automatic color item is selected.
+     */
+    IsAutomaticColorSelected(): boolean;
+}
+/**
+ * Represent the client-side equivalent of the ASPxComboBox control.
+ */
+interface ASPxClientComboBox extends ASPxClientDropDownEditBase {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientComboBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientComboBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientComboBox>>;
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientComboBox>>;
+    /**
+     * Specifies the text displayed within the editor's edit box.
+     * @param text A string value specifying the editor's text.
+     */
+    SetText(text: string): void;
+    /**
+     * Adds a new item to the editor specifying the item's display text and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Removes all items from the client combo box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Prevents the client combobox editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Returns an item specified by its index within the combo box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a combo box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the index of the selected item within the combo box editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the combobox editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+    /**
+     * Returns the combo box editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Gets the text displayed in the editor's edit box.
+     */
+    GetText(): string;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Determines whether the drop-down content is loaded; if not - loads the content.
+     * @param callbackFunction An object that is the JavaScript function that receives the callback data as a parameter. The function is performed after the combo box content is loaded.
+     */
+    EnsureDropDownLoaded(callbackFunction: Object): void;
+    /**
+     * Defines the HTML content for the specified combo box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the combo box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified combo box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the combo box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a combo box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxDateEdit control.
+ */
+interface ASPxClientDateEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Fires after the selected date has been changed within the date editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Enables you to convert the value entered by an end user into the value that will be stored by the date editor.
+     */
+    ParseDate: ASPxClientEvent<ASPxClientParseDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Allows you to disable the calendar's days.
+     */
+    CalendarCustomDisabledDate: ASPxClientEvent<ASPxClientCalendarCustomDisabledDateEventHandler<ASPxClientDateEdit>>;
+    /**
+     * This event is not in effect for the ASPxClientDateEdit. Use the DateChanged event instead.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDateEdit>>;
+    /**
+     * Returns the calendar of the date editor.
+     */
+    GetCalendar(): ASPxClientCalendar;
+    /**
+     * Returns the built-in time edit control.
+     */
+    GetTimeEdit(): ASPxClientTimeEdit;
+    /**
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
+     */
+    SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
+    GetDate(): Date;
+    /**
+     * Returns the number of days in a range selected within a date edit.
+     */
+    GetRangeDayCount(): number;
+    /**
+     * Gets the minimum date of the editor.
+     */
+    GetMinDate(): Date;
+    /**
+     * Sets the minimum date of the editor.
+     * @param date A DateTime object representing the minimum date.
+     */
+    SetMinDate(date: Date): void;
+    /**
+     * Gets the maximum date of the editor.
+     */
+    GetMaxDate(): Date;
+    /**
+     * Sets the maximum date of the editor.
+     * @param date A DateTime object representing the maximum date.
+     */
+    SetMaxDate(date: Date): void;
+}
+/**
+ * Provides data for the ParseDate client-side event that parses a string entered into a date editor.
+ */
+interface ASPxClientParseDateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value entered into the date editor by an end user.
+     * Value: The string value entered into the date editor by an end user.
+     */
+    value: string;
+    /**
+     * Gets or sets the edit value of the date editor.
+     * Value: A date/time value representing the edit value of the date editor.
+     */
+    date: Date;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the client ParseDate event, that parses a date editor's value when entered.
+ */
+interface ASPxClientParseDateEventHandler<S> {
+    /**
+     * A method that will handle the ParseDate event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientParseDateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientParseDateEventArgs): void;
+}
+/**
+ * Represents a base for client editor objects realizing the dropdown editor functionality.
+ */
+interface ASPxClientDropDownEdit extends ASPxClientDropDownEditBase {
+    /**
+     * Obtains the key value associated with the text displayed within the editor's edit box.
+     */
+    GetKeyValue(): string;
+    /**
+     * Specifies the key value associated with the text displayed within the editor's edit box.
+     * @param keyValue A string specifying the key value associated with the editor's value (displayed text).
+     */
+    SetKeyValue(keyValue: string): void;
+}
+/**
+ * A method that will handle the client events involving a keyboard key being pressed or released.
+ */
+interface ASPxClientEditKeyEventHandler<S> {
+    /**
+     * A method that will handle the client events concerning a keyboard key being pressed.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientEditKeyEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditKeyEventArgs): void;
+}
+/**
+ * Provides data for the client events involved with a key being pressed or released.
+ */
+interface ASPxClientEditKeyEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle client validation events.
+ */
+interface ASPxClientEditValidationEventHandler<S> {
+    /**
+     * A method that will handle client validation events.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientEditValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditValidationEventArgs): void;
+}
+/**
+ * Provides data for the client events that are related to data validation (see Validate).
+ */
+interface ASPxClientEditValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the error description.
+     * Value: A string representing the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the value is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the editor's value being validated.
+     * Value: An object that represents the validated value.
+     */
+    value: string;
+}
+/**
+ * Represents the client ASPxFilterControl.
+ */
+interface ASPxClientFilterControl extends ASPxClientControl {
+    /**
+     * Occurs after a new filter expression has been applied.
+     */
+    Applied: ASPxClientEvent<ASPxClientFilterAppliedEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFilterControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFilterControl>>;
+    /**
+     * Returns the filter expression.
+     */
+    GetFilterExpression(): string;
+    /**
+     * Returns the applied filter expression.
+     */
+    GetAppliedFilterExpression(): string;
+    /**
+     * Returns the editor used to edit operand values for the specified filter column.
+     * @param editorIndex An integer value that identifies the filter column by its index within the collection.
+     */
+    GetEditor(editorIndex: number): ASPxClientEditBase;
+    /**
+     * Returns a value indicating whether the filter expression being currently composed on the client side is valid - all expression conditions are filled.
+     */
+    IsFilterExpressionValid(): boolean;
+    /**
+     * Applies a filter constructed by an end-user.
+     */
+    Apply(): void;
+    /**
+     * Resets the current filter expression to a previously applied filter expression.
+     */
+    Reset(): void;
+}
+/**
+ * A method that will handle the Applied event.
+ */
+interface ASPxClientFilterAppliedEventHandler<S> {
+    /**
+     * A method that will handle the Applied event.
+     * @param source The event source.
+     * @param e An ASPxClientFilterAppliedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFilterAppliedEventArgs): void;
+}
+/**
+ * Provides data for the Applied event.
+ */
+interface ASPxClientFilterAppliedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the filter expression currently being applied.
+     * Value: A string value that specifies the filter expression currently being applied.
+     */
+    filterExpression: string;
+}
+/**
+ * Represents a base for client editor objects that display a list of items.
+ */
+interface ASPxClientListEdit extends ASPxClientEdit {
+    /**
+     * Occurs on the client side after a different item in the list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientListEdit>>;
+    /**
+     * Returns the list editor's selected item.
+     */
+    GetSelectedItem(): ASPxClientListEditItem;
+    /**
+     * Returns the index of the selected item within the list editor.
+     */
+    GetSelectedIndex(): number;
+    /**
+     * Sets the list editor's selected item.
+     * @param item An ASPxClientListEditItem object that specifies the item to select.
+     */
+    SetSelectedItem(item: ASPxClientListEditItem): void;
+    /**
+     * Sets the list editor's selected item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to select.
+     */
+    SetSelectedIndex(index: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ListEditItem object.
+ */
+interface ASPxClientListEditItem {
+    /**
+     * Gets a value that indicates whether a list edit item is selected.
+     * Value: true if a list edit item is selected; otherwise, false.
+     */
+    selected: boolean;
+    /**
+     * Gets an editor to which the current item belongs.
+     * Value: An ASPxClientListEdit object that represents the item's owner editor.
+     */
+    listEditBase: ASPxClientListEdit;
+    /**
+     * Gets the item's index.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets the item's associated image.
+     * Value: A string value that represents the path to the image displayed by the item.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that represents the item's display text.
+     */
+    text: string;
+    /**
+     * Gets the item's associated value.
+     * Value: An object that represents the value associated with the item.
+     */
+    value: Object;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its index.
+     * @param columnIndex An integer value that specifies the column's index within the editor's Columns collection.
+     */
+    GetColumnText(columnIndex: number): string;
+    /**
+     * Returns the list item's value that corresponds to a column specified by its field name.
+     * @param columnName A string value that specifies the column's field name defined via the FieldName property.
+     */
+    GetColumnText(columnName: string): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxListBox control.
+ */
+interface ASPxClientListBox extends ASPxClientListEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientListBox>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientListBox.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses a key while the editor has focus.
+     */
+    KeyDown: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user presses and releases a key while the editor has focus.
+     */
+    KeyPress: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side when an end-user releases a pressed key while the editor has focus.
+     */
+    KeyUp: ASPxClientEvent<ASPxClientEditKeyEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client side after a different item in the list box has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientListBox>>;
+    /**
+     * Occurs on the client when the editor's item is double clicked.
+     */
+    ItemDoubleClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientListBox>>;
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns an item specified by its index within the list box editor's item collection.
+     * @param index An integer value specifying the zero-based index of the item to search for.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+    /**
+     * Returns an array of the list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all list box items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all list box items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects the items with the specified indices within a list box.
+     * @param indices An array of integer values that represent the items indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Unselects an array of the list box items with the specified indices.
+     * @param indices An array of integer values that represent the indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a list box.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects an array of the specified list box items.
+     * @param items An array of ASPxClientListEditItem objects that represent the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Select the items with the specified values within a list box.
+     * @param values An array of Object[] objects that represent the item's values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects an array of the list box items with the specified values.
+     * @param values An array of Object[] objects that represent the values.
+     */
+    UnselectValues(values: Object[]): void;
+    /**
+     * Scrolls the editor's item list, so that the specified item becomes visible.
+     * @param index An integer value that specifies the item's index within the editor's client item list.
+     */
+    MakeItemVisible(index: number): void;
+    /**
+     * Initializes the ASPxClientListBox client object when its parent container becomes visible dynamically, on the client side.
+     */
+    InitOnContainerMadeVisible(): void;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     */
+    AddItem(text: string): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text and associated value, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    AddItem(text: string, value: Object): number;
+    /**
+     * Adds a new item to the editor, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    AddItem(text: string, value: Object, imageUrl: string): number;
+    /**
+     * Inserts a new item specified by its display text, associated value and displayed image into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     * @param imageUrl A string value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, text: string, value: Object, imageUrl: string): void;
+    /**
+     * Inserts a new item specified by its display text and associated value into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     * @param value An object specifying the value associated with the item.
+     */
+    InsertItem(index: number, text: string, value: Object): void;
+    /**
+     * Inserts a new item specified by its display text into the editor's item collection, at the position specified.
+     * @param index An integer value representing the zero-based index of the position where the item should be inserted.
+     * @param text A string value specifying the item's display text.
+     */
+    InsertItem(index: number, text: string): void;
+    /**
+     * Prevents the client list box editor from being rendered until the EndUpdate method is called.
+     */
+    BeginUpdate(): void;
+    /**
+     * Re-enables editor render operations after a call to the BeginUpdate method, and forces an immediate re-rendering.
+     */
+    EndUpdate(): void;
+    /**
+     * Removes all items from the client list box editor.
+     */
+    ClearItems(): void;
+    /**
+     * Removes an item specified by its index from the client list editor.
+     * @param index An integer value representing the index of the list item to be removed.
+     */
+    RemoveItem(index: number): void;
+    /**
+     * Returns a list box item by its text.
+     * @param text A string that specifies the item's text.
+     */
+    FindItemByText(text: string): ASPxClientListEditItem;
+    /**
+     * Returns a list box item by its value.
+     * @param value An object that specifies the item's value.
+     */
+    FindItemByValue(value: Object): ASPxClientListEditItem;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    AddItem(texts: string[]): number;
+    /**
+     * Adds a new item to the end of the control's items collection.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    AddItem(texts: string[], value: Object): number;
+    /**
+     * Adds a new item to the end of the editor's items collection, specifying the item's display text, associated value and displayed image, and returns the index of the added item.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    AddItem(texts: string[], value: Object, imageUrl: string): number;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     * @param imageUrl A String value specifying the path to the image displayed by the item.
+     */
+    InsertItem(index: number, texts: string[], value: Object, imageUrl: string): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     * @param value An object that represents the item's associated value.
+     */
+    InsertItem(index: number, texts: string[], value: Object): void;
+    /**
+     * Adds a new item to the control's items collection at the specified index.
+     * @param index An integer value that represents the index position.
+     * @param texts An array of strings that specifies the item's display text. Array element positions relate to the positions of the corresponding columns within the editor's Columns collection.
+     */
+    InsertItem(index: number, texts: string[]): void;
+    /**
+     * Defines the HTML content for the specified list box item.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemHtml(index: number, html: string): void;
+    /**
+     * Sets the tooltip text for the list box editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTooltip(index: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemCssClass(index: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemCssClass(index: number, className: string): void;
+    /**
+     * Defines the HTML content for the specified list box item's text cell.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param html A string value that is the HTML code defining the content of the list box item.
+     */
+    SetItemTextCellHtml(itemIndex: number, textCellIndex: number, html: string): void;
+    /**
+     * Sets the tooltip text for the text cell of the editor's item specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param tooltip A string value specifying the tooltip text.
+     */
+    SetItemTextCellTooltip(itemIndex: number, textCellIndex: number, tooltip: string): void;
+    /**
+     * Sets the CSS class for a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    AddItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+    /**
+     * Removes the CSS class from a list box item's text cell specified by its index.
+     * @param itemIndex An integer value specifying the zero-based index of the item.
+     * @param textCellIndex An integer value specifying the zero-based index of the item's text cell.
+     * @param className A string value specifying the CSS class name.
+     */
+    RemoveItemTextCellCssClass(itemIndex: number, textCellIndex: number, className: string): void;
+}
+/**
+ * Serves as the base type for the ASPxClientRadioButtonList objects.
+ */
+interface ASPxClientCheckListBase extends ASPxClientListEdit {
+    /**
+     * Gets the number of items contained in the editor's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the editor's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientListEditItem;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRadioButtonList control.
+ */
+interface ASPxClientRadioButtonList extends ASPxClientCheckListBase {
+}
+/**
+ * A client-side equivalent of the ASPxCheckBoxList object.
+ */
+interface ASPxClientCheckBoxList extends ASPxClientCheckListBase {
+    /**
+     * Occurs on the client side after a different item in the check box list has been selected (focus has been moved from one item to another).
+     */
+    SelectedIndexChanged: ASPxClientEvent<ASPxClientListEditItemSelectedChangedEventHandler<ASPxClientCheckBoxList>>;
+    /**
+     * Returns an array of the check box list editor's selected items indices.
+     */
+    GetSelectedIndices(): number[];
+    /**
+     * Returns an array of the check box list editor's selected items values.
+     */
+    GetSelectedValues(): Object[];
+    /**
+     * Returns an array of the check box list editor's selected items.
+     */
+    GetSelectedItems(): ASPxClientListEditItem[];
+    /**
+     * Selects all check box list items.
+     */
+    SelectAll(): void;
+    /**
+     * Unselects all check box list items.
+     */
+    UnselectAll(): void;
+    /**
+     * Selects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    SelectIndices(indices: number[]): void;
+    /**
+     * Selects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    SelectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Selects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    SelectValues(values: Object[]): void;
+    /**
+     * Unselects items with the specified indices within a check box list.
+     * @param indices An array of integer values that are the item indices.
+     */
+    UnselectIndices(indices: number[]): void;
+    /**
+     * Unselects the specified items within a check box list.
+     * @param items An array of ASPxClientListEditItem objects that are the items.
+     */
+    UnselectItems(items: ASPxClientListEditItem[]): void;
+    /**
+     * Unselects items with the specified values within a check box list.
+     * @param values An array of Object[] objects that are the item values.
+     */
+    UnselectValues(values: Object[]): void;
+}
+/**
+ * A method that will handle the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedIndexChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientListEditItemSelectedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientListEditItemSelectedChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedIndexChanged event.
+ */
+interface ASPxClientListEditItemSelectedChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the item's index within the corresponding editor's item collection.
+     */
+    index: number;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the item is selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxProgressBar control.
+ */
+interface ASPxClientProgressBar extends ASPxClientEditBase {
+    /**
+     * Sets the position of the operation's progress.
+     * @param position An integer value specifying the progress position.
+     */
+    SetPosition(position: number): void;
+    /**
+     * Gets the position of the operation's progress.
+     */
+    GetPosition(): number;
+    /**
+     * Sets the pattern used to format the displayed text for the progress bar.
+     * @param text A  value that is the format pattern.
+     */
+    SetCustomDisplayFormat(text: string): void;
+    /**
+     * Returns the text displayed within the progress bar.
+     */
+    GetDisplayText(): string;
+    /**
+     * Sets the percentage representation of the progress position.
+     */
+    GetPercent(): number;
+    /**
+     * Sets the minimum range value of the progress bar.
+     * @param min An integer value specifying the minimum value of the progress bar range.
+     */
+    SetMinimum(min: number): void;
+    /**
+     * Sets the maximum range value of the progress bar.
+     * @param max An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMaximum(max: number): void;
+    /**
+     * Gets the minimum range value of the progress bar.
+     */
+    GetMinimum(): number;
+    /**
+     * Gets the maximum range value of the progress bar.
+     */
+    GetMaximum(): number;
+    /**
+     * Sets the minimum and maximum range values of the progress bar.
+     * @param minValue An integer value specifying the minimum value of the progress bar range.
+     * @param maxValue An integer value specifying the maximum value of the progress bar range.
+     */
+    SetMinMaxValues(minValue: number, maxValue: number): void;
+}
+/**
+ * Represents a base class for the ASPxClientSpinEdit object.
+ */
+interface ASPxClientSpinEditBase extends ASPxClientButtonEditBase {
+    /**
+     * This event is not in effect for the ASPxClientSpinEditBase. Use the ASPxClientTimeEdit.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEditBase>>;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpinEdit control.
+ */
+interface ASPxClientSpinEdit extends ASPxClientSpinEditBase {
+    /**
+     * Occurs on the client side when the editor's value is altered in any way.
+     */
+    NumberChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientSpinEdit>>;
+    /**
+     * Specifies the value of the spin edit control on the client side.
+     * @param number A Decimal value specifying the control value.
+     */
+    SetValue(number: number): void;
+    /**
+     * Sets the spin editor's value.
+     * @param number A decimal number specifying the value to assign to the spin editor.
+     */
+    SetNumber(number: number): void;
+    /**
+     * Gets a number which represents the spin editor's value.
+     */
+    GetNumber(): number;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the minimum value of the editor.
+     * @param value A decimal value specifying the minimum value of the editor.
+     */
+    SetMinValue(value: number): void;
+    /**
+     * Gets the minimum value of the editor.
+     */
+    GetMinValue(): number;
+    /**
+     * Sets the maximum value of the editor.
+     * @param value A decimal value specifying the maximum value of the editor.
+     */
+    SetMaxValue(value: number): void;
+    /**
+     * Gets the maximum value of the editor.
+     */
+    GetMaxValue(): number;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTimeEdit control.
+ */
+interface ASPxClientTimeEdit extends ASPxClientSpinEditBase {
+    /**
+     * Fires after the selected date has been changed within the time editor.
+     */
+    DateChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimeEdit>>;
+    /**
+     * Specifies the date for the editor.
+     * @param date A DateTime object that is the date.
+     */
+    SetDate(date: Date): void;
+    /**
+     * Gets the date that is the editor's value.
+     */
+    GetDate(): Date;
+}
+/**
+ * Represents a base for client-side static editors whose values cannot be visually changed by end users.
+ */
+interface ASPxClientStaticEdit extends ASPxClientEditBase {
+    /**
+     * Occurs on the client side after an end-user clicks within a static editor.
+     */
+    Click: ASPxClientEvent<ASPxClientEditEventHandler<ASPxClientStaticEdit>>;
+}
+/**
+ * A method that will handle client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditEventHandler<S> {
+    /**
+     * A method that will handle client-side events which concern clicking within editors.
+     * @param source An object representing the event source. Identifies the editor that raised the event.
+     * @param e An ASPxClientEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEditClickEventArgs): void;
+}
+/**
+ * Provides data for the client-side events which concern clicking within editors.
+ */
+interface ASPxClientEditClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the HTML element related to the event.
+     * Value: An object that represents the clicked HTML element.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents the client-side equivalent of the ASPxHyperLink control.
+ */
+interface ASPxClientHyperLink extends ASPxClientStaticEdit {
+    /**
+     * Gets an URL which defines the navigation location for the editor's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies an URL which defines the navigation location for the editor's hyperlink.
+     * @param url A string value which specifies an URL to where the client web browser will navigate when a hyperlink in the editor is clicked.
+     */
+    SetNavigateUrl(url: string): void;
+    /**
+     * Gets the text caption displayed for the hyperlink in the hyperlink editor.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text caption displayed for the hyperlink in the hyperlink editor.
+     * @param text A string value specifying the text caption for the hyperlink in the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a base for client-side editors which are capable of displaying images.
+ */
+interface ASPxClientImageBase extends ASPxClientStaticEdit {
+    /**
+     * Sets the size of the image displayed within the image editor.
+     * @param width An integer value that specifies the image's width.
+     * @param height An integer value that specifies the image's height.
+     */
+    SetSize(width: number, height: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxImage control.
+ */
+interface ASPxClientImage extends ASPxClientImageBase {
+    /**
+     * Returns the URL pointing to the image displayed within the image editor.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the image editor.
+     * @param url A string value specifying the URL to the image displayed within the editor.
+     */
+    SetImageUrl(url: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxLabel control.
+ */
+interface ASPxClientLabel extends ASPxClientStaticEdit {
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text A string value specifying the text to be displayed within the editor.
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxTextBox control.
+ */
+interface ASPxClientTextBox extends ASPxClientTextBoxBase {
+}
+/**
+ * Represents the client-side equivalent of the ASPxMemo control.
+ */
+interface ASPxClientMemo extends ASPxClientTextEdit {
+}
+/**
+ * Represents the client-side equivalent of the ASPxButtonEdit control.
+ */
+interface ASPxClientButtonEdit extends ASPxClientButtonEditBase {
+}
+/**
+ * A method that will handle the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventHandler<S> {
+    /**
+     * A method that will handle the ButtonClick event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientButtonEditClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientButtonEditClickEventArgs): void;
+}
+/**
+ * Provides data for the ButtonClick event.
+ */
+interface ASPxClientButtonEditClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the clicked button.
+     * Value: An integer value representing the index of the clicked button within the editor's Buttons collection.
+     */
+    buttonIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxTokenBox object.
+ */
+interface ASPxClientTokenBox extends ASPxClientComboBox {
+    /**
+     * Fires on the client side after the token collection has been changed.
+     */
+    TokensChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTokenBox>>;
+    /**
+     * Adds a new token with the specified text to the end of the control's token collection.
+     * @param text A string value specifying the token's text.
+     */
+    AddToken(text: string): void;
+    /**
+     * Removes a token specified by its text from the client token box.
+     * @param text A string value that is the text of the token to be removed.
+     */
+    RemoveTokenByText(text: string): void;
+    /**
+     * Removes a token specified by its index from the client token box.
+     * @param index An integer value that is the index of the token to be removed.
+     */
+    RemoveToken(index: number): void;
+    /**
+     * Returns an HTML span element that corresponds to the specified token.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's text.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenTextHtmlElement(index: number): Object;
+    /**
+     * Returns an HTML span element that corresponds to the specified token's remove button.
+     * @param index An integer value that is the token index.
+     */
+    GetTokenRemoveButtonHtmlElement(index: number): Object;
+    /**
+     * Returns a collection of tokens.
+     */
+    GetTokenCollection(): string[];
+    /**
+     * Sets a collection of tokens.
+     * @param collection A  object that is the collection of tokens.
+     */
+    SetTokenCollection(collection: string[]): void;
+    /**
+     * Removes all tokens contained in the token box.
+     */
+    ClearTokenCollection(): void;
+    /**
+     * Returns the index of a token specified by its text.
+     * @param text A string value that specifies the text of the token.
+     */
+    GetTokenIndexByText(text: string): number;
+    /**
+     * Gets the token texts, separated with a sign, specified by the TextSeparator property.
+     */
+    GetText(): string;
+    /**
+     * Sets the token texts, separated with a sign, specified by the TextSeparator property.
+     * @param text A string value that is the token texts separated with a text separator.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the editor value.
+     */
+    GetValue(): string;
+    /**
+     * Sets the editor value.
+     * @param value A string that is the editor value.
+     */
+    SetValue(value: string): void;
+    /**
+     * Returns a value that indicates if the specified token (string) is a custom token.
+     * @param text A string value that is a token.
+     * @param caseSensitive true, if tokens are case sensitive; otherwise, false.
+     */
+    IsCustomToken(text: string, caseSensitive: boolean): boolean;
+    /**
+     * Changes the editor's value.
+     * @param value An object representing the data to be assigned to the editor's edit value.
+     */
+    SetValue(value: Object): void;
+}
+/**
+ * The client-side equivalent of the ASPxTrackBar control.
+ */
+interface ASPxClientTrackBar extends ASPxClientEdit {
+    /**
+     * Fires on the client side before a track bar position is changed and allows you to cancel the action.
+     */
+    PositionChanging: ASPxClientEvent<ASPxClientTrackBarPositionChangingEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Fires after the editor's position has been changed.
+     */
+    PositionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user moves a cursor while the drag handle is held down.
+     */
+    Track: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user presses a drag handle and moves it.
+     */
+    TrackStart: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Occurs on the client-side when an end-user releases a drag handle after moving it.
+     */
+    TrackEnd: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTrackBar>>;
+    /**
+     * Returns a track bar item index by the item's value.
+     * @param value An object that specifies the item's value.
+     */
+    GetItemIndexByValue(value: Object): number;
+    /**
+     * Returns a track bar item's associated value.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemValue(index: number): Object;
+    /**
+     * Returns a track bar item text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemText(index: number): string;
+    /**
+     * Returns a track bar item's tooltip text.
+     * @param index An integer value that specifies the required item's index.
+     */
+    GetItemToolTip(index: number): string;
+    /**
+     * Returns the number of the track bar items that are maintained by the item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Specifies the secondary drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionEnd(position: number): void;
+    /**
+     * Specifies the main drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPositionStart(position: number): void;
+    /**
+     * Returns the secondary drag handle position.
+     */
+    GetPositionEnd(): number;
+    /**
+     * Returns the main drag handle position.
+     */
+    GetPositionStart(): number;
+    /**
+     * Gets a drag handle position.
+     */
+    GetPosition(): number;
+    /**
+     * Specifies a drag handle position.
+     * @param position A  value that specifies the position.
+     */
+    SetPosition(position: number): void;
+}
+/**
+ * A method that will handle the client PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventHandler<S> {
+    /**
+     * A method that will handle the PositionChanging event.
+     * @param source The event source. Identifies the ASPxTrackBar control that raised the event.
+     * @param e A ASPxClientTrackBarPositionChangingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTrackBarPositionChangingEventArgs): void;
+}
+/**
+ * Provides data for the PositionChanging event.
+ */
+interface ASPxClientTrackBarPositionChangingEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+    /**
+     * Gets the current drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPosition: number;
+    /**
+     * Gets the current secondary drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionEnd: number;
+    /**
+     * Gets the current main drag handle position.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    currentPositionStart: number;
+    /**
+     * Gets a position where the drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPosition: number;
+    /**
+     * Gets a position where the secondary drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionEnd: number;
+    /**
+     * Gets a position where the main drag handle is being moved.
+     * Value: A <see cref="Decimal" /> value that is the drag handle position.
+     */
+    newPositionStart: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxValidationSummary control.
+ */
+interface ASPxClientValidationSummary extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the validation summary's visibility is changed.
+     */
+    VisibilityChanged: ASPxClientEvent<ASPxClientValidationSummaryVisibilityChangedEventHandler<ASPxClientValidationSummary>>;
+}
+/**
+ * A method that will handle the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventHandler<S> {
+    /**
+     * A method that will handle the VisibilityChanged client event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientValidationSummaryVisibilityChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationSummaryVisibilityChangedEventArgs): void;
+}
+/**
+ * Provides data for the VisibilityChanged event.
+ */
+interface ASPxClientValidationSummaryVisibilityChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the editor is visible on the client.
+     * Value: true if the editor is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client ASPxGaugeControl.
+ */
+interface ASPxClientGaugeControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Fires when errors have occurred during callback processing.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGaugeControl>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Lists values that specify the position relative to the target column in which a moved column should be placed.
+ */
+interface ASPxClientGridColumnMovingTargetPosition {
+    /**
+     * A moved column should be placed to the right of the target column.
+     */
+    Right: number;
+    /**
+     * A moved column should be placed to the left of the target column.
+     */
+    Left: number;
+    /**
+     * A moved column should be placed at the top of the target column.
+     */
+    Top: number;
+    /**
+     * A moved column should be placed at the bottom of the target column.
+     */
+    Bottom: number;
+}
+/**
+ * Represents the client ASPxGridView.
+ */
+interface ASPxClientGridBase extends ASPxClientControl {
+}
+/**
+ * Serves as a base object implementing the client column functionality.
+ */
+interface ASPxClientGridColumnBase {
+}
+/**
+ * The client-side equivalent of the ASPxGridLookup control.
+ */
+interface ASPxClientGridLookup extends ASPxClientDropDownEditBase {
+    /**
+     * Fires on the client when a data row is clicked within the built-in dropdown grid.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridLookup>>;
+    /**
+     * Returns a client object representing the built-in dropdown grid.
+     */
+    GetGridView(): ASPxClientGridView;
+    /**
+     * Confirms the current selection made by an end-user within the editor's dropdown grid.
+     */
+    ConfirmCurrentSelection(): void;
+    /**
+     * Cancels the current selection made by an end-user within the editor's dropdown grid and rolls back to the last confirmed selection. The selection can be confirmed by either pressing the Enter key or calling the ConfirmCurrentSelection method.
+     */
+    RollbackToLastConfirmedSelection(): void;
+}
+/**
+ * Represents the client ASPxCardView.
+ */
+interface ASPxClientCardView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientCardViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientCardViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientCardViewCustomButtonEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientCardViewSelectionEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientCardViewColumnCancelEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientCardViewBatchEditStartEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a grid leaves batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientCardViewBatchEditEndEditingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientCardViewBatchEditConfirmShowingEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<ASPxClientCardView>>;
+    /**
+     * Enables you to specify whether card data is valid and provide an error text.
+     */
+    BatchEditCardValidating: ASPxClientEvent<ASPxClientCardViewBatchEditCardValidatingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientCardViewBatchEditChangesSavingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientCardViewBatchEditChangesCancelingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is inserted in batch edit mode.
+     */
+    BatchEditCardInserting: ASPxClientEvent<ASPxClientCardViewBatchEditCardInsertingEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client side before a card is deleted in batch edit mode.
+     */
+    BatchEditCardDeleting: ASPxClientEvent<ASPxClientCardViewBatchEditCardDeletingEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is clicked.
+     */
+    CardClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client when a card is double clicked.
+     */
+    CardDblClick: ASPxClientEvent<ASPxClientCardViewCardClickEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires in response to changing card focus.
+     */
+    FocusedCardChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientCardView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCardView>>;
+    /**
+     * Fires after the customization window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientCardView>>;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientCardViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientCardViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientCardViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param cardVisibleIndex An  value that specifies the visible index of the card.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(cardVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientCardViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientCardViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(column: ASPxClientCardViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientCardViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A string value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the ASPxCardView.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param column An ASPxClientCardViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the CardView.
+     * @param moveBefore true, to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientCardViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the ASPxCardView.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Returns the key value of the specified card.
+     * @param visibleIndex An integer value that specifies the card's visible index.
+     */
+    GetCardKey(visibleIndex: number): string;
+    /**
+     * Switches the CardView to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a card to be edited.
+     */
+    StartEditCard(visibleIndex: number): void;
+    /**
+     * Switches the ASPxCardView to edit mode.
+     * @param key An object that uniquely identifies a card to be edited.
+     */
+    StartEditCardByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new card is being edited.
+     */
+    IsNewCardEditing(): boolean;
+    /**
+     * Adds a new record.
+     */
+    AddNewCard(): void;
+    /**
+     * Deletes the specified card.
+     * @param visibleIndex An integer value that identifies the card.
+     */
+    DeleteCard(visibleIndex: number): void;
+    /**
+     * Deletes a card with the specified key value.
+     * @param key An object that uniquely identifies the card.
+     */
+    DeleteCardByKey(key: Object): void;
+    /**
+     * Returns the focused card's index.
+     */
+    GetFocusedCardIndex(): number;
+    /**
+     * Moves focus to the specified card.
+     * @param visibleIndex An integer value that specifies the focused card's index.
+     */
+    SetFocusedCardIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected cards within the CardView.
+     */
+    SelectCards(): void;
+    /**
+     * Selects the specified card displayed within the CardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCards(visibleIndex: number): void;
+    /**
+     * Selects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    SelectCards(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified cards within the CardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCards(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified card within the GridView.
+     * @param visibleIndex An integer zero-based index that identifies the data card within the grid.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCards(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     * @param selected true to select the specified cards; false to deselect the cards.
+     */
+    SelectCardsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified card displayed within the CardView.
+     * @param key An object that uniquely identifies the card.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified cards displayed within the CardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    SelectCardsByKey(keys: Object[]): void;
+    /**
+     * Selects a card displayed within the CardView by its key.
+     * @param key An object that uniquely identifies the card.
+     */
+    SelectCardsByKey(key: Object): void;
+    /**
+     * Deselects the specified cards displayed within the ASPxCardView.
+     * @param keys An array of objects that uniquely identify the cards.
+     */
+    UnselectCardsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified card displayed within the ASPxCardView.
+     * @param key An object that uniquely identifies the card.
+     */
+    UnselectCardsByKey(key: Object): void;
+    /**
+     * Deselects all the selected cards within the ASPxCardView.
+     */
+    UnselectCards(): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndices An array of zero-based indices that identify data cards within the grid.
+     */
+    UnselectCards(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified cards (if selected) within the ASPxCardView.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCards(visibleIndex: number): void;
+    /**
+     * Deselects all grid cards that match the filter criteria currently applied to the CardView.
+     */
+    UnselectFilteredCards(): void;
+    /**
+     * Selects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    SelectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified card displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     * @param selected true to select the specified card; false to deselect the card.
+     */
+    SelectCardOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified cards (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the card's visible index.
+     */
+    UnselectCardOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected cards displayed on the current page.
+     */
+    SelectAllCardsOnPage(): void;
+    /**
+     * Allows you to select or deselect all cards displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected cards displayed on the current page; false to deselect all selected cards on the page.
+     */
+    SelectAllCardsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected cards displayed on the current page.
+     */
+    UnselectAllCardsOnPage(): void;
+    /**
+     * Returns the number of selected cards.
+     */
+    GetSelectedCardCount(): number;
+    /**
+     * Indicates whether or not the specified card is selected within the current page.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsCardSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the grid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client CardView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * 
+     * @param args 
+     * @param onSuccess 
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first card displayed within the grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the CardView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the customization window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the customization window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the customization window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the customization window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client grid.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the card values displayed within all selected cards.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected cards are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns key values of selected cards displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified card.
+     * @param visibleIndex An integer value that identifies the data card.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified card are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetCardValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the card values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the list of card values as a parameter.
+     */
+    GetPageCardValues(fieldNames: string, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Returns the number of cards actually displayed within the active page.
+     */
+    GetVisibleCardsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientCardViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientCardViewColumn;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientCardViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientCardViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientCardViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientCardViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientCardViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientCardViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of card values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of card values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxCardView column.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxCardView column.
+ */
+interface ASPxClientCardViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientCardViewColumn object that represents the processed column.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * A method that will handle the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventHandler<S> {
+    /**
+     * A method that will handle the CardClick event.
+     * @param source The event source. This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCardClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCardClickEventArgs): void;
+}
+/**
+ * Provides data for the CardClick event.
+ */
+interface ASPxClientCardViewCardClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the CardClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientCardView object that raised the event.
+     * @param e An ASPxClientCardViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientCardViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the card whose custom button has been clicked.
+     * Value: An integer value that identifies the card whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientCardViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the card whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the card has been selected.
+     * Value: true if the card has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all cards displayed within a page have been selected or unselected.
+     * Value: true if all cards displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientCardViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the CardView column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the focused CardView column.
+     */
+    focusedColumn: ASPxClientCardViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientCardViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the card whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    cardValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditCardValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardValidating event.
+ */
+interface ASPxClientCardViewBatchEditCardValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed card's visible index.
+     * Value: An integer value that specifies the processed card's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a card currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientCardViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientCardViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientCardViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientCardViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientCardViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientCardViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardInserting event.
+ */
+interface ASPxClientCardViewBatchEditCardInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditCardDeleting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientCardViewBatchEditCardDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCardViewBatchEditCardDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditCardDeleting event.
+ */
+interface ASPxClientCardViewBatchEditCardDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed card visible index.
+     * Value: An integer value that specifies the processed card visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    cardValues: Object;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientCardViewBatchEditApi {
+    /**
+     * Performs validation of CardView data contained in the cards when the CardView operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified cards should be validated; otherwise, false.
+     */
+    ValidateCards(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of CardView data contained in the specified card when the CardView operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated card.
+     */
+    ValidateCard(visibleIndex: number): boolean;
+    /**
+     * Returns an array of card visible indices.
+     * @param includeDeleted true, to include visible indices of deleted cards to the returned array; otherwise, false.
+     */
+    GetCardVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted card visible indices.
+     */
+    GetDeletedCardIndices(): number[];
+    /**
+     * Returns an array of the inserted card visible indices.
+     */
+    GetInsertedCardIndices(): number[];
+    /**
+     * Indicates if the card with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsDeletedCard(visibleIndex: number): boolean;
+    /**
+     * Indicates if the card with the specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the card by its visible index.
+     */
+    IsNewCard(visibleIndex: number): boolean;
+    /**
+     * Programmatically moves the focus to the previous cell in the card
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the card.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientCardViewCellInfo;
+    /**
+     * Returns a value that indicates whether the card view has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified card has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified card.
+     * @param visibleIndex An integer value that specifies the visible index of a card.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a card containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or card editing.
+     */
+    EndEdit(): void;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientCardViewCellInfo {
+    /**
+     * Gets the visible index of the card that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the card.
+     */
+    cardVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientCardViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientCardViewColumn;
+}
+/**
+ * A client-side equivalent of the ASPxGridView object.
+ */
+interface ASPxClientGridView extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientGridViewBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientGridViewBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientGridViewCustomButtonEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientGridViewSelectionEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being sorted.
+     */
+    ColumnSorting: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires in response to changing row focus.
+     */
+    FocusedRowChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to cancel data grouping.
+     */
+    ColumnGrouping: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires when an end-user starts dragging the column's header and enables you to cancel this operation.
+     */
+    ColumnStartDragging: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientGridViewColumnCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientGridViewColumnProcessingModeEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to control column movement.
+     */
+    ColumnMoving: ASPxClientEvent<ASPxClientGridViewColumnMovingEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is expanded.
+     */
+    RowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a group row is collapsed.
+     */
+    RowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is expanded.
+     */
+    DetailRowExpanding: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires before a detail row is collapsed.
+     */
+    DetailRowCollapsing: ASPxClientEvent<ASPxClientGridViewRowCancelEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is clicked.
+     */
+    RowClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client when a data row is double clicked.
+     */
+    RowDblClick: ASPxClientEvent<ASPxClientGridViewRowClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs after an end-user right clicks in the GridView, and enables you to provide a custom context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientGridViewContextMenuEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client side when a context menu item has been clicked.
+     */
+    ContextMenuItemClick: ASPxClientEvent<ASPxClientGridViewContextMenuItemClickEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to specify whether row data is valid and provide an error text.
+     */
+    BatchEditRowValidating: ASPxClientEvent<ASPxClientGridViewBatchEditRowValidatingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientGridViewBatchEditConfirmShowingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientGridViewBatchEditStartEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientGridViewBatchEditEndEditingEventHandler<ASPxClientGridView>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientGridViewBatchEditChangesSavingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientGridViewBatchEditChangesCancelingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is inserted in batch edit mode.
+     */
+    BatchEditRowInserting: ASPxClientEvent<ASPxClientGridViewBatchEditRowInsertingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client side before a data row is deleted in batch edit mode.
+     */
+    BatchEditRowDeleting: ASPxClientEvent<ASPxClientGridViewBatchEditRowDeletingEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientGridView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientGridView>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGridView>>;
+    /**
+     * Deselects the specified rows (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    UnselectRows(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified row (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRows(visibleIndex: number): void;
+    /**
+     * Deselects all grid rows that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRows(): void;
+    /**
+     * Selects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified row displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified row (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    UnselectRowOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected rows displayed on the current page.
+     */
+    SelectAllRowsOnPage(): void;
+    /**
+     * Allows you to select or deselect all rows displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected rows displayed on the current page; false to deselect all selected rows on the page.
+     */
+    SelectAllRowsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected rows displayed on the current page.
+     */
+    UnselectAllRowsOnPage(): void;
+    /**
+     * Returns the number of selected rows.
+     */
+    GetSelectedRowCount(): number;
+    /**
+     * Indicates whether or not the specified row is selected within the current page.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsRowSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a group row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsGroupRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified row is a data row.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDataRow(visibleIndex: number): boolean;
+    /**
+     * Indicates whether the specified group row is expanded.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    IsGroupRowExpanded(visibleIndex: number): boolean;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVertScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorzScrollPos(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVertScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorzScrollPos(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Sets the scrollability of various types of grid rows when the grid displays fixed columns.
+     * @param scrollableRowSettings An object specifying which types of grid rows should or should not be scrollable.
+     */
+    SetFixedColumnScrollableRows(scrollableRowSettings: Object): void;
+    /**
+     * Applies a filter specified in the filter row to the GridView.
+     */
+    ApplyOnClickRowFilter(): void;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data colum within the ASPxGridView.
+     */
+    GetAutoFilterEditor(column: ASPxClientGridViewColumn): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnIndex An integer value that identifies the data column by its index.
+     */
+    GetAutoFilterEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the value in the auto filter row for the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's name or its data base field name.
+     */
+    GetAutoFilterEditor(columnFieldNameOrId: string): Object;
+    /**
+     * Applies a filter to the specified data column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client GridView.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(column: ASPxClientGridViewColumn, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnIndex: number, val: string): void;
+    /**
+     * Applies a filter to the specified data column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param val A string value that specifies the filter expression.
+     */
+    AutoFilterByColumn(columnFieldNameOrId: string, val: string): void;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the GridView.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client GridView.
+     */
+    ClearFilter(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * 
+     * @param args 
+     * @param onSuccess 
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first data row displayed within the GridView's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Indicates whether the grid is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the GridView to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param showAtElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(showAtElement?: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnsCount(): number;
+    /**
+     * Returns the number of columns within the client GridView.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the row values displayed within all selected rows.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the selected rows are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns key values of selected rows displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the values of the specified data source fields within the specified row.
+     * @param visibleIndex An integer value that identifies the data row.
+     * @param fieldNames The names of data source fields separated via a semicolon, whose values within the specified row are returned.
+     * @param onCallback An ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetRowValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the row values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetPageRowValues(fieldNames: string, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Returns the number of rows actually displayed within the active page.
+     */
+    GetVisibleRowsOnPage(): number;
+    /**
+     * Returns the client column that resides at the specified position within the column collection.
+     * @param columnIndex A zero-based index that identifies the column within the column collection (the column's Index property value).
+     */
+    GetColumn(columnIndex: number): ASPxClientGridViewColumn;
+    /**
+     * Returns the column with the specified unique identifier.
+     * @param columnId A string value that specifies the column's unique identifier (the column's Name property value).
+     */
+    GetColumnById(columnId: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param columnFieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByField(columnFieldName: string): ASPxClientGridViewColumn;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientGridViewColumn object that specifies the required column within the client grid.
+     */
+    GetEditor(column: ASPxClientGridViewColumn): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GetEditor(columnIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditor(columnFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    GetEditValue(column: ASPxClientGridViewColumn): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     */
+    GetEditValue(columnIndex: number): string;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GetEditValue(columnFieldNameOrId: string): string;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     */
+    FocusEditor(column: ASPxClientGridViewColumn): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnIndex An integer value that specifies the column's position within the columns collection.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified edit cell within the edited row.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    FocusEditor(columnFieldNameOrId: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the client grid.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientGridViewColumn, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column within the grid's column collection.
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: string): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param value A string value that specifies the edit cell's new value.
+     */
+    SetEditValue(columnFieldNameOrId: string, value: string): void;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Gets information about a focused cell.
+     */
+    GetFocusedCell(): ASPxClientGridViewCellInfo;
+    /**
+     * Focuses the specified cell.
+     * @param rowVisibleIndex An integer value that specifies the visible index of the row.
+     * @param columnIndex A zero-based index that identifies the column in the column collection (the column's Index property value).
+     */
+    SetFocusedCell(rowVisibleIndex: number, columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    SortBy(columnFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param column An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(column: ASPxClientGridViewColumn, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values, and places the column to the specified position among the sorted columns.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based column's index among the sorted columns. -1 if data is not sorted by this column.
+     */
+    SortBy(columnFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to hide.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn): void;
+    /**
+     * Hides the specified column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to hide.
+     */
+    MoveColumn(columnIndex: number): void;
+    /**
+     * Hides the specified column.
+     * @param columnFieldNameOrId A String value that identifies the column to be hidden by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    MoveColumn(columnFieldNameOrId: string): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the ASPxGridView's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param column An ASPxClientGridViewColumn object that represents the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(column: ASPxClientGridViewColumn, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param moveBefore true to move the column before the target column; otherwise, false.
+     * @param moveToGroup true to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, moveBefore: boolean, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid.
+     * @param columnFieldNameOrId A String value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that specifies the column's position among the visible columns within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnIndex An integer value that specifies the absolute index of the column to move.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the ASPxGridView's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnIndex: number, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Moves the specified column to the specified visual position within the grid and optionally groups or ungroups the grid's data by this column.
+     * @param columnFieldNameOrId A string value that identifies the column to be moved by the name of the data source field to which the column is bound or by the column's name.
+     * @param moveToColumnVisibleIndex An integer value that identifies the target column displayed within the grid.
+     * @param targetPosition An ASPxClientGridColumnMovingTargetPosition enumeration value specifying the position relative to the target column in which to place the moved column.
+     * @param moveToGroup true, to group the grid's data by the column; otherwise, false.
+     * @param moveFromGroup true, to ungroup the grid's data by the column; otherwise, false.
+     */
+    MoveColumn(columnFieldNameOrId: string, moveToColumnVisibleIndex: number, targetPosition: ASPxClientGridColumnMovingTargetPosition, moveToGroup: boolean, moveFromGroup: boolean): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     */
+    GroupBy(column: ASPxClientGridViewColumn): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    GroupBy(columnIndex: number): void;
+    /**
+     * Groups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    GroupBy(columnFieldNameOrId: string): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnIndex: number, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param column An ASPxClientGridViewColumn object that represents the data column by whose values data is grouped.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(column: ASPxClientGridViewColumn, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnIndex: number, groupIndex: number, sortOrder: string): void;
+    /**
+     * Groups data by the values of the specified data column with the specified sort order. If several columns are involved in grouping, the specified column will reside at the specified grouping level.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param groupIndex An integer value that specifies the grouping level. -1 to cancel grouping by the column's values.
+     * @param sortOrder A string value that specifies the column's sort order.
+     */
+    GroupBy(columnFieldNameOrId: string, groupIndex: number, sortOrder: string): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param column An ASPxClientGridViewColumn object that represents the data column within the ASPxGridView.
+     */
+    UnGroup(column: ASPxClientGridViewColumn): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    UnGroup(columnIndex: number): void;
+    /**
+     * Ungroups data by the values of the specified column.
+     * @param columnFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     */
+    UnGroup(columnFieldNameOrId: string): void;
+    /**
+     * Expands all group rows.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all group rows.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all detail rows.
+     */
+    ExpandAllDetailRows(): void;
+    /**
+     * Collapses all detail rows.
+     */
+    CollapseAllDetailRows(): void;
+    /**
+     * Expands the specified group row preserving the collapsed state of any child group row.
+     * @param visibleIndex An integer value that identifies the group row.
+     */
+    ExpandRow(visibleIndex: number): void;
+    /**
+     * Expands the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row.
+     * @param recursive true to expand any child group rows at all nesting levels; false to preserve the collapsed state of any child group rows.
+     */
+    ExpandRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Collapses the specified group row preserving the expanded state of child group rows.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     */
+    CollapseRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified group row and optionally child group rows at all nesting levels.
+     * @param visibleIndex An integer value that identifies the group row by its visible index.
+     * @param recursive true to collapse child group rows at all nesting levels; false to preserve the expanded state of any child group row.
+     */
+    CollapseRow(visibleIndex: number, recursive?: boolean): void;
+    /**
+     * Scrolls the view to the specified row.
+     * @param visibleIndex An integer value that identifies a row by its visible index.
+     */
+    MakeRowVisible(visibleIndex: number): void;
+    /**
+     * Expands the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    ExpandDetailRow(visibleIndex: number): void;
+    /**
+     * Collapses the specified detail row.
+     * @param visibleIndex A zero-based integer index that identifies the detail row.
+     */
+    CollapseDetailRow(visibleIndex: number): void;
+    /**
+     * Returns the key value of the specified data row.
+     * @param visibleIndex An integer value that specifies the row's visible index.
+     */
+    GetRowKey(visibleIndex: number): string;
+    /**
+     * Switches the grid to edit mode.
+     * @param visibleIndex A zero-based integer that identifies a data row to be edited.
+     */
+    StartEditRow(visibleIndex: number): void;
+    /**
+     * Switches the grid to edit mode.
+     * @param key An object that uniquely identifies a data row to be edited.
+     */
+    StartEditRowByKey(key: Object): void;
+    /**
+     * Indicates whether or not a new row is being edited.
+     */
+    IsNewRowEditing(): boolean;
+    /**
+     * Adds a new record.
+     */
+    AddNewRow(): void;
+    /**
+     * Deletes the specified row.
+     * @param visibleIndex An integer value that identifies the row.
+     */
+    DeleteRow(visibleIndex: number): void;
+    /**
+     * Deletes a row with the specified key value.
+     * @param key An object that uniquely identifies the row.
+     */
+    DeleteRowByKey(key: Object): void;
+    /**
+     * Returns the focused row's index.
+     */
+    GetFocusedRowIndex(): number;
+    /**
+     * Moves focus to the specified row.
+     * @param visibleIndex An integer value that specifies the focused row's index.
+     */
+    SetFocusedRowIndex(visibleIndex: number): void;
+    /**
+     * Selects all the unselected rows within the grid.
+     */
+    SelectRows(): void;
+    /**
+     * Selects the specified row displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the row's visible index.
+     */
+    SelectRows(visibleIndex: number): void;
+    /**
+     * Selects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     */
+    SelectRows(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified rows within the grid.
+     * @param visibleIndices An array of zero-based indices that identify data rows within the grid.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRows(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified row within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the data row within the grid.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRows(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     * @param selected true to select the specified rows; false to deselect the rows.
+     */
+    SelectRowsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     * @param selected true to select the specified row; false to deselect the row.
+     */
+    SelectRowsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    SelectRowsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid row by its key.
+     * @param key An object that uniquely identifies the row.
+     */
+    SelectRowsByKey(key: Object): void;
+    /**
+     * Deselects the specified rows displayed within the grid.
+     * @param keys An array of objects that uniquely identify the rows.
+     */
+    UnselectRowsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified row displayed within the grid.
+     * @param key An object that uniquely identifies the row.
+     */
+    UnselectRowsByKey(key: Object): void;
+    /**
+     * Deselects all the selected rows within the grid.
+     */
+    UnselectRows(): void;
+}
+/**
+ * A client grid column.
+ */
+interface ASPxClientGridViewColumn extends ASPxClientGridColumnBase {
+    /**
+     * Gets the column's unique identifier.
+     * Value: A string value that specifies the column's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the column is visible.
+     * Value: true to display the column; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientGridViewValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of row values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxGridView column.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxGridView column.
+ */
+interface ASPxClientGridViewColumnCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An ASPxClientGridViewColumn object that represents the processed column.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the client events concerned with column processing.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with column processing.
+     * @param source The event source.
+     * @param e A ASPxClientGridViewColumnProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events  concerned with column processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientGridViewColumnProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a grid column related to the event.
+     * Value: An ASPxClientGridViewColumn object representing the column related to the event.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * A method that will handle the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the RowExpanding events.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the RowExpanding events.
+ */
+interface ASPxClientGridViewRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer zero-based index that identifies the processed row.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientGridViewSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the row whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the row has been selected.
+     * Value: true if the row has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all rows displayed within a page have been selected or unselected.
+     * Value: true if all rows displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the RowClick events.
+ */
+interface ASPxClientGridViewRowClickEventHandler<S> {
+    /**
+     * A method that will handle the RowClick event.
+     * @param source The event source. This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewRowClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewRowClickEventArgs): void;
+}
+/**
+ * Provides data for the RowClick event.
+ */
+interface ASPxClientGridViewRowClickEventArgs extends ASPxClientGridViewRowCancelEventArgs {
+    /**
+     * Provides access to the parameters associated with the RowClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientGridViewContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies grid element.
+     */
+    objectType: string;
+    /**
+     * Identifies the grid element being right clicked by the user.
+     * Value: A zero-based integer index that identifies the grid element being clicked by the user.
+     */
+    index: number;
+    /**
+     * Provides access to the parameters associated with the ContextMenu event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets the currently processed menu object.
+     * Value: An object that is the currently processed menu.
+     */
+    menu: Object;
+    /**
+     * Specifies whether a browser context menu should be displayed.
+     * Value: true, to display a browser context menu; otherwise, false.    The default is false.
+     */
+    showBrowserMenu: boolean;
+}
+/**
+ * A method that will handle the client ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewContextMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewContextMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenuItemClick event.
+ */
+interface ASPxClientGridViewContextMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the clicked context menu item.
+     * Value: An <see cref="ASPxClientMenuItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets which grid element has been right clicked by the user.
+     * Value: A String value that specifies the grid element.
+     */
+    objectType: string;
+    /**
+     * Returns the processed element index.
+     * Value: An integer value that specifies the processed element index.
+     */
+    elementIndex: number;
+    /**
+     * Specifies whether a postback or a callback is used to finally process the event on the server side.
+     * Value: true to perform the round trip to the server side via postback; false to perform the round trip to the server side via callback.
+     */
+    usePostBack: boolean;
+    /**
+     * Specifies whether default context menu item click is handled manually, so no default processing is required.
+     * Value: true if no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientGridView object that raised the event.
+     * @param e An ASPxClientGridViewCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientGridViewCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the row whose custom button has been clicked.
+     * Value: An integer value that identifies the row whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnMoving event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewColumnMovingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewColumnMovingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnMoving event.
+ */
+interface ASPxClientGridViewColumnMovingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether a column is allowed to be moved.
+     * Value: true to allow column moving; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets the column currently being dragged by an end-user.
+     * Value: An ASPxClientGridViewColumn object that represents the column currently being dragged by an end-user.
+     */
+    sourceColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets the target column, before or after which the source column will be inserted (if dropped).
+     * Value: An ASPxClientGridViewColumn object that represents the target column. null (Nothing in Visual Basic) if the source column isn't over the column header panel.
+     */
+    destinationColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets whether the source column will be inserted before the target column (if dropped).
+     * Value: true if the source column will be inserted before the target column (if dropped); otherwise, false.
+     */
+    isDropBefore: boolean;
+    /**
+     * Gets whether the source column is currently over the Group Panel.
+     * Value: true if the source column is currently over the Group Panel; otherwise, false.
+     */
+    isGroupPanel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientGridViewBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * A method that will handle the client BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientGridViewBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid column that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the focused grid column.
+     */
+    focusedColumn: ASPxClientGridViewColumn;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientGridViewBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the row whose cells has been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    rowValues: Object;
+}
+/**
+ * A method that will handle the client BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientGridViewBatchEditRowValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowValidating event.
+ */
+interface ASPxClientGridViewBatchEditRowValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information of a row currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * A method that will handle the client BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientGridViewBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed column.
+     * Value: A <see cref="ASPxClientGridViewColumn" /> object that is the client-side column object.
+     */
+    column: ASPxClientGridViewColumn;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientGridViewBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientGridViewBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * A method that will handle the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowInserting event.
+     * @param source The event source. This parameter identifies the card view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowInserting event.
+ */
+interface ASPxClientGridViewBatchEditRowInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * A method that will handle the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRowDeleting event.
+     * @param source The event source. This parameter identifies the grid view object which raised the event.
+     * @param e An ASPxClientGridViewBatchEditRowDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGridViewBatchEditRowDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRowDeleting event.
+ */
+interface ASPxClientGridViewBatchEditRowDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed row's visible index.
+     * Value: An integer value that specifies the processed row's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    rowValues: Object;
+}
+/**
+ * Contains information on a grid cell.
+ */
+interface ASPxClientGridViewCellInfo {
+    /**
+     * Gets the visible index of the row that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the row.
+     */
+    rowVisibleIndex: number;
+    /**
+     * Gets the data column that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientGridViewColumn" /> object that is the data column which contains the processed cell.
+     */
+    column: ASPxClientGridViewColumn;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientGridViewBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all rows when the grid operates in Batch Edit mode.
+     * @param validateOnlyModified true, if only modified rows should be validated; otherwise, false.
+     */
+    ValidateRows(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified row when the grid operates in Batch Edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated row.
+     */
+    ValidateRow(visibleIndex: number): boolean;
+    /**
+     * Returns an array of row visible indices.
+     * @param includeDeleted true, to include visible indices of deleted rows to the returned array; otherwise, false.
+     */
+    GetRowVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted row visible indices.
+     */
+    GetDeletedRowIndices(): number[];
+    /**
+     * Returns an array of the inserted row visible indices.
+     */
+    GetInsertedRowIndices(): number[];
+    /**
+     * Indicates if the row with specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsDeletedRow(visibleIndex: number): boolean;
+    /**
+     * Indicates if the row with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the row by its visible index.
+     */
+    IsNewRow(visibleIndex: number): boolean;
+    /**
+     * Programmatically moves the focus to the previous cell in the row.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the row.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets a value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, columnFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a row containing the processed cell.
+     * @param columnFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, columnFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientGridViewCellInfo;
+    /**
+     * Returns a value that indicates whether the grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified row has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     * @param columnFieldNameOrId A string value that identifies the column by the name of the data source field to which the column is bound, or by the column's name.
+     */
+    HasChanges(visibleIndex: number, columnFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified row.
+     * @param visibleIndex An integer value that specifies the visible index of a row.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Switches the specified cell to edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a row containing the processed cell.
+     * @param columnIndex A zero-based integer value that identifies the column which contains the processed cell in the column collection.
+     */
+    StartEdit(visibleIndex: number, columnIndex: number): void;
+    /**
+     * Ends cell or row editing.
+     */
+    EndEdit(): void;
+}
+/**
+ * A client-side equivalent of the ASPxVerticalGrid object.
+ */
+interface ASPxClientVerticalGrid extends ASPxClientGridBase {
+    /**
+     * Provides access to the batch editing client API.
+     * Value: A <see cref="ASPxClientVerticalGridBatchEditApi" /> object that exposes the batch editing client API methods.
+     */
+    batchEditApi: ASPxClientVerticalGridBatchEditApi;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientVerticalGridCustomButtonEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientVerticalGridSelectionEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid switches to batch edit mode.
+     */
+    BatchEditStartEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditStartEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a grid leaves the batch edit mode.
+     */
+    BatchEditEndEditing: ASPxClientEvent<ASPxClientVerticalGridBatchEditEndEditingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent a batch edit confirmation message from being displayed.
+     */
+    BatchEditConfirmShowing: ASPxClientEvent<ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to provide navigation for editors contained in a templated cell in Batch Edit mode.
+     */
+    BatchEditTemplateCellFocused: ASPxClientEvent<ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are saved in batch edit mode.
+     */
+    BatchEditChangesSaving: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesSavingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before data changes are canceled in batch edit mode.
+     */
+    BatchEditChangesCanceling: ASPxClientEvent<ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is inserted in batch edit mode.
+     */
+    BatchEditRecordInserting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client side before a record is deleted in batch edit mode.
+     */
+    BatchEditRecordDeleting: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to specify whether record data is valid and provide an error text.
+     */
+    BatchEditRecordValidating: ASPxClientEvent<ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Enables you to prevent rows from being sorted.
+     */
+    RowSorting: ASPxClientEvent<ASPxClientVerticalGridRowCancelEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side before the expansion state of a row is changed by end-user interaction.
+     */
+    RowExpandedChanging: ASPxClientEvent<ASPxClientVerticalGridRowExpandingEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client side after a row's expansion state has been changed by end-user interaction.
+     */
+    RowExpandedChanged: ASPxClientEvent<ASPxClientVerticalGridRowExpandedEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is clicked.
+     */
+    RecordClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client when a record is double clicked.
+     */
+    RecordDblClick: ASPxClientEvent<ASPxClientVerticalGridRecordClickEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientVerticalGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientVerticalGrid>>;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     */
+    SortBy(rowIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    SortBy(rowFieldNameOrId: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param row An ASPxClientVerticalGridRow object that represents the data row.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true, to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param row An ASPxClientGridViewColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(row: ASPxClientVerticalGridRow, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowIndex An integer value that specifies the row's position within the row collection.
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex 
+     */
+    SortBy(rowIndex: number, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Sorts data by the specified data row's values, and places the row to the specified position among the sorted rows.
+     * @param rowFieldNameOrId A string value that specifies the column's field name or unique identifier (the column's Name property value).
+     * @param sortOrder A string value that specifies the row's sort order ('ASC', 'DSC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     * @param sortIndex An integer value that specifies the zero-based row's index among the sorted rows. -1 if data is not sorted by this row.
+     */
+    SortBy(rowFieldNameOrId: string, sortOrder: string, reset: boolean, sortIndex: number): void;
+    /**
+     * Returns the key value of the specified data row (record in the vertical grid).
+     * @param visibleIndex An integer value that specifies the record's visible index.
+     */
+    GetRecordKey(visibleIndex: number): string;
+    /**
+     * Adds a new record.
+     */
+    AddNewRecord(): void;
+    /**
+     * Deletes the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     */
+    DeleteRecord(visibleIndex: number): void;
+    /**
+     * Deletes a record with the specified key value.
+     * @param key An object that uniquely identifies the record.
+     */
+    DeleteRecordByKey(key: Object): void;
+    /**
+     * Selects all the unselected records within the grid.
+     */
+    SelectRecords(): void;
+    /**
+     * Selects the specified record displayed within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecords(visibleIndex: number): void;
+    /**
+     * Selects the specified rercords within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    SelectRecords(visibleIndices: number[]): void;
+    /**
+     * Selects or deselects the specified records within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecords(visibleIndices: number[], selected: boolean): void;
+    /**
+     * Selects or deselects the specified record within the grid.
+     * @param visibleIndex An integer zero-based index that identifies the record within the grid.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecords(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Selects or deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     * @param selected true to select the specified records; false to deselect the records.
+     */
+    SelectRecordsByKey(keys: Object[], selected?: boolean): void;
+    /**
+     * Selects or deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordsByKey(key: Object, selected?: boolean): void;
+    /**
+     * Selects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    SelectRecordsByKey(keys: Object[]): void;
+    /**
+     * Selects a grid record by its key.
+     * @param key An object that uniquely identifies the record.
+     */
+    SelectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all the selected records within the grid.
+     */
+    UnselectRecords(): void;
+    /**
+     * Deselects the specified records (if selected) within the grid.
+     * @param visibleIndices An array of zero-based indices that identify records within the grid.
+     */
+    UnselectRecords(visibleIndices: number[]): void;
+    /**
+     * Deselects the specified record (if selected) within the grid.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecords(visibleIndex: number): void;
+    /**
+     * Deselects the specified records displayed within the grid.
+     * @param keys An array of objects that uniquely identify the records.
+     */
+    UnselectRecordsByKey(keys: Object[]): void;
+    /**
+     * Deselects the specified record displayed within the grid.
+     * @param key An object that uniquely identifies the record.
+     */
+    UnselectRecordsByKey(key: Object): void;
+    /**
+     * Deselects all grid records that match the filter criteria currently applied to the grid.
+     */
+    UnselectFilteredRecords(): void;
+    /**
+     * Selects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    SelectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects or deselects the specified record displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     * @param selected true to select the specified record; false to deselect the record.
+     */
+    SelectRecordOnPage(visibleIndex: number, selected?: boolean): void;
+    /**
+     * Deselects the specified record (if selected) displayed on the current page.
+     * @param visibleIndex A zero-based integer value that specifies the record's visible index.
+     */
+    UnselectRecordOnPage(visibleIndex: number): void;
+    /**
+     * Selects all unselected records displayed on the current page.
+     */
+    SelectAllRecordsOnPage(): void;
+    /**
+     * Allows you to select or deselect all records displayed on the current page based on the parameter passed.
+     * @param selected true to select all unselected records displayed on the current page; false to deselect all selected records on the page.
+     */
+    SelectAllRecordsOnPage(selected: boolean): void;
+    /**
+     * Deselects all selected records displayed on the current page.
+     */
+    UnselectAllRecordsOnPage(): void;
+    /**
+     * Returns the number of selected records.
+     */
+    GetSelectedRecordCount(): number;
+    /**
+     * Indicates whether or not the specified record is selected within the current page.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsRecordSelectedOnPage(visibleIndex: number): boolean;
+    /**
+     * Returns the values of the specified data source fields within the specified record.
+     * @param visibleIndex An integer value that identifies the record.
+     * @param fieldNames The names of data source fields separated using a semicolon, whose values within the specified record are returned.
+     * @param onCallback An ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetRecordValues(visibleIndex: number, fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the record values displayed within the current page.
+     * @param fieldNames The names of data source fields whose values are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetPageRecordValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the number of records actually displayed within the active page.
+     */
+    GetVisibleRecordsOnPage(): number;
+    /**
+     * Returns the number of rows within the client vertical grid.
+     */
+    GetRowCount(): number;
+    /**
+     * Applies the specified search panel filter criterion to grid data.
+     * @param value A string value that specifies the filter criterion.
+     */
+    ApplySearchPanelFilter(value: string): void;
+    /**
+     * Applies the specified filter expression to the ASPxVerticalGrid.
+     * @param filterExpression A string value that specifies the filter expression.
+     */
+    ApplyFilter(filterExpression: string): void;
+    /**
+     * Clears the filter expression applied to a client vertical grid.
+     */
+    ClearFilter(): void;
+    /**
+     * Sets input focus to the grid.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * 
+     * @param args 
+     * @param onSuccess 
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Selects the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the grid's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Returns the index of the first record displayed within the vertical grid's active page.
+     */
+    GetTopVisibleIndex(): number;
+    /**
+     * Saves all the changes made and switches the grid to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxVerticalGrid to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Updates data displayed within the grid.
+     */
+    Refresh(): void;
+    /**
+     * Returns the record values displayed within all selected records.
+     * @param fieldNames The names of data source fields separated by a semicolon, whose values within the selected records are returned.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that represents the JavaScript function which receives the list of record values as a parameter.
+     */
+    GetSelectedFieldValues(fieldNames: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns key values of selected records displayed within the current page.
+     */
+    GetSelectedKeysOnPage(): Object[];
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     */
+    GetEditor(row: ASPxClientVerticalGridRow): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowIndex An integer value that specifies the row's position within the rows collection.
+     */
+    GetEditor(rowIndex: number): ASPxClientEdit;
+    /**
+     * Returns the editor used to edit the specified row's values.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     */
+    GetEditor(rowFieldNameOrId: string): ASPxClientEdit;
+    /**
+     * Displays the Filter Control.
+     */
+    ShowFilterControl(): void;
+    /**
+     * Hides the Filter Control.
+     */
+    CloseFilterControl(): void;
+    /**
+     * Enables or disables the current filter.
+     * @param isFilterEnabled true to enable the current filter; otherwise, false.
+     */
+    SetFilterEnabled(isFilterEnabled: boolean): void;
+    /**
+     * Returns the client row that resides at the specified position within the row collection.
+     * @param rowIndex A zero-based index that identifies the row within the row collection (the row's Index property value).
+     */
+    GetRow(rowIndex: number): ASPxClientVerticalGridRow;
+    /**
+     * Returns the row with the specified unique identifier.
+     * @param rowId A string value that specifies the row's unique identifier (the row's Name property value).
+     */
+    GetRowById(rowId: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the client row which is bound to the specified data source field.
+     * @param rowFieldName A string value that specifies the name of the data source field to which the row is bound (the row's fieldName property value).
+     */
+    GetRowByField(rowFieldName: string): ASPxClientVerticalGridRow;
+    /**
+     * Returns the current vertical scroll position of the grid's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the grid's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the grid's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the grid's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+    /**
+     * Gets the value that specifies whether the required row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the row.
+     */
+    GetRowExpanded(row: ASPxClientVerticalGridRow): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified index is expanded.
+     * @param rowIndex An integer value specifying the row's index.
+     */
+    GetRowExpanded(rowIndex: number): boolean;
+    /**
+     * Gets the value that specifies whether the row with the specified field name or ID is expanded.
+     * @param rowFieldNameOrId A string value specifying the row's field name or ID.
+     */
+    GetRowExpanded(rowFieldNameOrId: string): boolean;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param row An ASPxClientVerticalGridRowobject that specifies the required row within the client grid.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(row: ASPxClientVerticalGridRow, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowIndex An integer value specifying the index of the row.
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowIndex: number, value: boolean): void;
+    /**
+     * Sets a value indicating whether the row is expanded.
+     * @param rowFieldNameOrId A string value that specifies the row's field name or unique identifier (the row's Name property value).
+     * @param value true, to expand the row; otherwise, false.
+     */
+    SetRowExpanded(rowFieldNameOrId: string, value: boolean): void;
+}
+/**
+ * A client grid row.
+ */
+interface ASPxClientVerticalGridRow extends ASPxClientGridColumnBase {
+    /**
+     * Gets the name that uniquely identifies the row.
+     * Value: A string value assigned to the row's Name property.
+     */
+    name: string;
+    /**
+     * Gets the row's position within the collection.
+     * Value: An integer zero-bazed index that specifies the row's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the database field assigned to the current row.
+     * Value: A string value that specifies the name of a data field.
+     */
+    fieldName: string;
+    /**
+     * Gets whether the row is visible.
+     * Value: true, to display the row; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+ */
+interface ASPxClientVerticalGridValuesCallback {
+    /**
+     * Represents a JavaScript function which receives the list of record values when the client GetSelectedFieldValues method is called.
+     * @param result An object that represents the list of record values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridRowCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a client ASPxVerticalGrid row.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable events of a client ASPxVerticalGrid row.
+ */
+interface ASPxClientVerticalGridRowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client row.
+     * Value: An ASPxClientVerticalGridRow object that represents the processed row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventHandler<S> {
+    /**
+     * A method that will handle the RecordClick event.
+     * @param source The event source. This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridRecordClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRecordClickEventArgs): void;
+}
+/**
+ * Provides data for the RecordClick event.
+ */
+interface ASPxClientVerticalGridRecordClickEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer zero-based index that identifies the processed record.
+     */
+    visibleIndex: number;
+    /**
+     * Provides access to the parameters associated with the RecordClick event.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.  This parameter identifies the ASPxClientVerticalGrid object that raised the event.
+     * @param e An ASPxClientVerticalGridCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridCustomButtonEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientVerticalGridCustomButtonEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the value which identifies the record whose custom button has been clicked.
+     * Value: An integer value that identifies the record whose custom button has been clicked.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A string value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridSelectionEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientVerticalGridSelectionEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the visible index of the record whose selected state has been changed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets whether the record has been selected.
+     * Value: true, if the record has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+    /**
+     * Gets whether all records displayed within a page have been selected or unselected.
+     * Value: true if all records displayed within a page have been selected or unselected; otherwise, false.
+     */
+    isAllRecordsOnPage: boolean;
+    /**
+     * Gets whether a selection has been changed on the server.
+     * Value: true  if a selection has been changed on the server; otherwise, false.
+     */
+    isChangedOnServer: boolean;
+}
+/**
+ * A method that will handle the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanged event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandedEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanged event.
+ */
+interface ASPxClientVerticalGridRowExpandedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the expanded row.
+     * Value: An ASPxClientVerticalGridRow object that represents the expanded row.
+     */
+    row: ASPxClientVerticalGridRow;
+}
+/**
+ * A method that will handle the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventHandler<S> {
+    /**
+     * A method that will handle the RowExpandedChanging event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridRowExpandedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridRowExpandingEventArgs): void;
+}
+/**
+ * Provides data for the RowExpandedChanging event.
+ */
+interface ASPxClientVerticalGridRowExpandingEventArgs extends ASPxClientVerticalGridRowExpandedEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditStartEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditStartEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditStartEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditStartEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditStartEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells are about to be edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets the grid row that owns a cell that is about to be edited.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the focused grid row.
+     */
+    focusedRow: ASPxClientVerticalGridRow;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: A hashtable that stores information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditEndEditing event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditEndEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditEndEditingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditEndEditing event.
+ */
+interface ASPxClientVerticalGridBatchEditEndEditingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the visible index of the record whose cells have been edited.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about editable cells.
+     * Value: Gets a hashtable that maintains information about editable cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordValidating event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditRecordValidatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordValidatingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordValidating event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordValidatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Provides validation information on the record currently being validated.
+     * Value: An object that is a hashtable containing validation information.
+     */
+    validationInfo: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditConfirmShowing client event.
+     * @param source The event source.
+     * @param e An ASPxClientVerticalGridBatchEditConfirmShowingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditConfirmShowingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditConfirmShowing event.
+ */
+interface ASPxClientVerticalGridBatchEditConfirmShowingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the client identifier of an object that initiates a send request.
+     * Value: A string value that specifies the object client identifier.
+     */
+    requestTriggerID: string;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditTemplateCellFocused event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditTemplateCellFocused event.
+ */
+interface ASPxClientVerticalGridBatchEditTemplateCellFocusedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the currently processed row.
+     * Value: A <see cref="ASPxClientVerticalGridRow" /> object that is the client-side row object.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesSaving event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesSavingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesSavingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesSaving event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesSavingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditChangesCanceling event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditChangesCancelingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditChangesCancelingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditChangesCanceling event.
+ */
+interface ASPxClientVerticalGridBatchEditChangesCancelingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets a hashtable that maintains information about inserted cells.
+     * Value: A hashtable that stores information about inserted cells.
+     */
+    insertedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    deletedValues: Object;
+    /**
+     * Gets a hashtable that maintains information about updated cells.
+     * Value: A hashtable that stores information about updated cells.
+     */
+    updatedValues: Object;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordInserting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordInsertingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordInsertingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordInserting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordInsertingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+}
+/**
+ * Represents an object that will handle the client-side BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventHandler<S> {
+    /**
+     * A method that will handle the BatchEditRecordDeleting event.
+     * @param source The event source. This parameter identifies the vertical grid object which raised the event.
+     * @param e An ASPxClientVerticalGridBatchEditRecordDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientVerticalGridBatchEditRecordDeletingEventArgs): void;
+}
+/**
+ * Provides data for the BatchEditRecordDeleting event.
+ */
+interface ASPxClientVerticalGridBatchEditRecordDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed record's visible index.
+     * Value: An integer value that specifies the processed record's visible index.
+     */
+    visibleIndex: number;
+    /**
+     * Gets a hashtable that maintains information about deleted cells.
+     * Value: A hashtable that stores information about deleted cells.
+     */
+    recordValues: Object;
+}
+/**
+ * Contains information on a cell that is being edited.
+ */
+interface ASPxClientVerticalGridCellInfo {
+    /**
+     * Gets the row that contains the cell currently being processed.
+     * Value: An <see cref="ASPxClientVerticalGridRow" /> object that is the row which contains the processed cell.
+     */
+    row: ASPxClientVerticalGridRow;
+    /**
+     * Gets the visible index of the record that contains the cell currently being processed.
+     * Value: An <see cref="Int32" /> value that specifies the visible index of the record.
+     */
+    recordVisibleIndex: number;
+}
+/**
+ * Provides members related to Batch Edit Mode
+ */
+interface ASPxClientVerticalGridBatchEditApi {
+    /**
+     * Performs validation of grid data contained in all records when the grid operates in batch edit mode.
+     * @param validateOnlyModified true, if only modified records should be validated; otherwise, false.
+     */
+    ValidateRecords(validateOnlyModified?: boolean): boolean;
+    /**
+     * Performs validation of grid data contained in the specified record when the grid operates in batch edit mode.
+     * @param visibleIndex An integer value specifying the visible index of the validated record.
+     */
+    ValidateRecord(visibleIndex: number): boolean;
+    /**
+     * Returns an array of record visible indices.
+     * @param includeDeleted true, to include visible indices of deleted records to the returned array; otherwise, false.
+     */
+    GetRecordVisibleIndices(includeDeleted: boolean): number[];
+    /**
+     * Returns an array of the deleted record visible indices.
+     */
+    GetDeletedRecordIndices(): number[];
+    /**
+     * Returns an array of the inserted record visible indices.
+     */
+    GetInsertedRecordIndices(): number[];
+    /**
+     * Indicates if the record with the specified visible index is deleted.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsDeletedRecord(visibleIndex: number): boolean;
+    /**
+     * Indicates if the record with specified visible index is newly created.
+     * @param visibleIndex An integer value that identifies the record by its visible index.
+     */
+    IsNewRecord(visibleIndex: number): boolean;
+    /**
+     * Programmatically moves the focus to the previous cell in the record.
+     */
+    MoveFocusBackward(): boolean;
+    /**
+     * Programmatically moves the focus to the next cell in the record.
+     */
+    MoveFocusForward(): boolean;
+    /**
+     * Sets a value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param value An object that contains the new cell value.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object): void;
+    /**
+     * Sets the value of the specified cell.
+     * @param visibleIndex An integer zero-based index that identifies the row containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the column's Name property value) of a column containing the processed cell.
+     * @param value An object that contains the new cell value.
+     * @param displayText A string value that specifies the cell display text.
+     * @param cancelCellHighlighting true to cancel highlighting of the modified cell, false to highlight the modified cell.
+     */
+    SetCellValue(visibleIndex: number, rowFieldNameOrId: string, value: Object, displayText: string, cancelCellHighlighting?: boolean): void;
+    /**
+     * Gets the value of the specified cell.
+     * @param visibleIndex A zero-based integer value that specifies a visible index of a record containing the processed cell.
+     * @param rowFieldNameOrId A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     * @param initial true, to return the initial (server) value; false, to return a value currently contained on the client side (modified value).
+     */
+    GetCellValue(visibleIndex: number, rowFieldNameOrId: string, initial?: boolean): Object;
+    /**
+     * Gets information about the cell currently being edited.
+     */
+    GetEditCellInfo(): ASPxClientVerticalGridCellInfo;
+    /**
+     * Returns a value that indicates whether the vertical grid has changed data.
+     */
+    HasChanges(): boolean;
+    /**
+     * Returns a value that indicates whether the specified record has changed data.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    HasChanges(visibleIndex: number): boolean;
+    /**
+     * Returns a value that indicates whether the specified data cell's data has been changed.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     * @param rowFieldNameOrId A string value that identifies the row by the name of the data source field to which the row is bound, or by the row's name.
+     */
+    HasChanges(visibleIndex: number, rowFieldNameOrId: string): boolean;
+    /**
+     * Resets changes in the specified record.
+     * @param visibleIndex An integer value that specifies the visible index of a record.
+     */
+    ResetChanges(visibleIndex: number): void;
+    /**
+     * Resets changes in the specified cell.
+     * @param visibleIndex An integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A string value that specifies the field name or unique identifier (the row's Name property value) of a row containing the processed cell.
+     */
+    ResetChanges(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Switches the specified cell to batch edit mode.
+     * @param visibleIndex A zero-based integer value that specifies the visible index of a record containing the processed cell.
+     * @param rowIndex A zero-based integer value that identifies the row which contains the processed cell in the rows collection.
+     */
+    StartEdit(visibleIndex: number, rowIndex: number): void;
+    /**
+     * Ends the cell(s) editing.
+     */
+    EndEdit(): void;
+}
+/**
+ * Contains style settings related to media elements in ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorCommandStyleSettings {
+    /**
+     * Gets or sets a media element's CSS class name.
+     * Value: A string that specifies a class name.
+     */
+    className: string;
+    /**
+     * Gets or sets an element's width.
+     * Value: A string that specifies an element's width <a href="http://www.w3schools.com/cssref/pr_dim_width.asp">in any correct format</a>.
+     */
+    width: string;
+    /**
+     * Gets or sets an element's height.
+     * Value: A string that specifies an element's height <a href="http://www.w3schools.com/cssref/pr_dim_height.asp">in any correct format</a>.
+     */
+    height: string;
+    /**
+     * Gets or sets a media element's border width.
+     * Value: A string that specifies a border width <a href="http://www.w3schools.com/cssref/pr_border-width.asp">in any correct format</a>.
+     */
+    borderWidth: string;
+    /**
+     * Gets or sets a media element's border color.
+     * Value: A string that specifies a border color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
+    borderColor: string;
+    /**
+     * Gets or sets a media element's border style.
+     * Value: A string that specifies a border style <a href="http://www.w3schools.com/cssref/pr_border-style.asp">in any correct format</a>.
+     */
+    borderStyle: string;
+    /**
+     * Gets or sets an element's top margin.
+     * Value: A string that specifies an element's top margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginTop: string;
+    /**
+     * Gets or sets an element's right margin.
+     * Value: A string that specifies an element's right margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginRight: string;
+    /**
+     * Gets or sets an element's bottom margin.
+     * Value: A string that specifies an element's bottom margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginBottom: string;
+    /**
+     * Gets or sets an element's left margin.
+     * Value: A string that specifies an element's left margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
+     */
+    marginLeft: string;
+    backgroundColor: string;
+    textAlign: string;
+    verticalAlign: string;
+}
+/**
+ * The base class for parameters used in the ASPxHtmlEditor's client-side commands.
+ */
+interface ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Gets the currently selected element in the ASPxHtmlEditor.
+     * Value: An HTML object which is the currently selected element.
+     */
+    selectedElement: Object;
+}
+/**
+ * Contains settings related to the INSERTIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertImageCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the source of the target image.
+     * Value: A string specifying the source of the target image.
+     */
+    src: string;
+    /**
+     * Creates an alternate text for the target image.
+     * Value: A string that specifies an alternate text for the target image.
+     */
+    alt: string;
+    /**
+     * Determines if the target image is wrapped with text.
+     * Value: true, if the target image is wrapped with text; otherwise, false.
+     */
+    useFloat: boolean;
+    /**
+     * Determines the position of the target image.
+     * Value: A string value defining the position of the target image.
+     */
+    align: string;
+    /**
+     * Contains the style settings specifying the appearance of the target image.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings specifying the appearance of the target image.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * Contains settings related to the CHANGEIMAGE_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeImageCommandArguments extends ASPxClientHtmlEditorInsertImageCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTLINK_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertLinkCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Specifies the url of the page the target link goes to.
+     * Value: A string value specifying the target link url.
+     */
+    url: string;
+    /**
+     * Specifiies the text of the target link.
+     * Value: A string value specifying the text of the target link.
+     */
+    text: string;
+    /**
+     * Determines where to open the target link.
+     * Value: A string that specifies where to open the target link <a href="http://www.w3schools.com/tags/att_a_target.asp">in any correct format</a>.
+     */
+    target: string;
+    /**
+     * Defines the title of the target link.
+     * Value: A string value defining the title of the target link.
+     */
+    title: string;
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * The base class for parameters related to inserting or changing media elements in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeMediaElementCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    /**
+     * Defines the <a href="http://www.w3schools.com/tags/att_global_id.asp">HTML "id"</a> attribute of the target media element.
+     * Value: A string value which is a unique identifier for the element.
+     */
+    id: string;
+    /**
+     * Defines the source of the target media element.
+     * Value: A string defining the source of the target media element.
+     */
+    src: string;
+    /**
+     * Determines the position of the target media element.
+     * Value: A string value indicating the position of the target media element.
+     */
+    align: string;
+    /**
+     * Contains the style settings defining the appearance of the target media element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target media element.
+     */
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    /**
+     * Returns the name of the client-side command corresponding to the parameter.
+     */
+    GetCommandName(): string;
+}
+/**
+ * The base class for parameters related to inserting or changing HTML5 media elements (Audio and Video) in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if a media file will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Determines if a media file repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the media player controls should be displayed.
+     * Value: true, if media player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+    /**
+     * Determines how a media file should be loaded when the page loads.
+     * Value: One of the ASPxClientHtmlEditorMediaPreloadMode enumeration values.
+     */
+    preloadMode: string;
+}
+/**
+ * Contains settings related to the INSERTAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertAudioCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+}
+/**
+ * Contains settings related to the CHANGEAUDIO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeAudioCommandArguments extends ASPxClientHtmlEditorInsertAudioCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertVideoCommandArguments extends ASPxClientHtmlEditorChangeHtml5MediaElementCommandArguments {
+    /**
+     * Defines the URL of an image that is shown while the video file is downloading, or until an end-user clicks the play button.
+     * Value: A string value that specifies the poster image URL.
+     */
+    posterUrl: string;
+}
+/**
+ * Contains settings related to the CHANGEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeVideoCommandArguments extends ASPxClientHtmlEditorInsertVideoCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertFlashCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if the target flash element will start playing automatically.
+     * Value: true, if autoplay is enabled; otherwise, false.
+     */
+    autoPlay: boolean;
+    /**
+     * Defines if the target flash element repeats indefinitely, or stops when it reaches the last frame.
+     * Value: true, to loop playback; otherwise, false.
+     */
+    loop: boolean;
+    /**
+     * Determines if the flash related items are displayed in the context menu of the target flash element.
+     * Value: true, if the specific context menu items are displayed; otherwise, false
+     */
+    enableFlashMenu: boolean;
+    /**
+     * Determines if the target flash element can be displayed in the fullscreen mode.
+     * Value: true, if the fullscreen mode is allowed; otherwise, false.
+     */
+    allowFullscreen: boolean;
+    /**
+     * Defines the rendering quality level used for the target flash element.
+     * Value: A string value that specifies the target flash element rendering quality.
+     */
+    quality: string;
+}
+/**
+ * Contains settings related to the CHANGEFLASH_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeFlashCommandArguments extends ASPxClientHtmlEditorInsertFlashCommandArguments {
+}
+/**
+ * Contains settings related to the INSERTYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments extends ASPxClientHtmlEditorChangeMediaElementCommandArguments {
+    /**
+     * Determines if suggested videos are shown after the target YouTube video finishes.
+     * Value: true, to show suggested videos; otherwise, false
+     */
+    showRelatedVideos: boolean;
+    /**
+     * Determines if the target YouTube video title and player actions (Watch later, Share) are shown.
+     * Value: true, to display the title and player actions; otherwise, false.
+     */
+    showVideoInfo: boolean;
+    /**
+     * Determines if the privacy-enhanced mode is enabled for the target YouTube video.
+     * Value: true, if the privace-enhanced mode is enabled; otherwise, false
+     */
+    enablePrivacyEnhancedMode: boolean;
+    /**
+     * Determines if the player controls are displayed for the target YouTube video.
+     * Value: true, if the player controls are displayed; otherwise, false.
+     */
+    showPlayerControls: boolean;
+}
+/**
+ * Contains settings related to the CHANGEYOUTUBEVIDEO_COMMAND command parameter.
+ */
+interface ASPxClientHtmlEditorChangeYouTubeVideoCommandArguments extends ASPxClientHtmlEditorInsertYouTubeVideoCommandArguments {
+}
+interface ASPxClientHtmlEditorTablePropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    align: string;
+    cellPadding: number;
+    cellSpacing: number;
+    caption: string;
+    headers: string;
+    summary: string;
+}
+interface ASPxClientHtmlEditorInsertTableCommandArguments extends ASPxClientHtmlEditorTablePropertiesCommandArguments {
+    columns: number;
+    rows: number;
+    isEqualColumnWidth: boolean;
+}
+interface ASPxClientHtmlEditorTableCellPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+    applyForAll: boolean;
+}
+interface ASPxClientHtmlEditorTableRowPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+interface ASPxClientHtmlEditorTableColumnPropertiesCommandArguments extends ASPxClientHtmlEditorCommandArguments {
+    styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
+}
+/**
+ * A method that will handle the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client DialogInitialized event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorDialogInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorDialogInitializedEventArgs): void;
+}
+/**
+ * Provides data for the DialogInitialized client event.
+ */
+interface ASPxClientHtmlEditorDialogInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the dialog that has been initialized.
+     * Value: A string value that is the name of the initialized dialog.
+     */
+    dialogName: string;
+}
+/**
+ * A method that will handle the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventHandler<S> {
+    /**
+     * A method that will handle the client CommandExecuted event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorCommandExecutingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandExecutingEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuting event.
+ */
+interface ASPxClientHtmlEditorCommandExecutingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value specifying the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: An object containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events related to command processing.
+ */
+interface ASPxClientHtmlEditorCommandEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the editor which raised the event.
+     * @param e An ASPxClientHtmlEditorCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCommandEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to command processing (CustomCommand).
+ */
+interface ASPxClientHtmlEditorCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogOpened event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogEventArgs): void;
+}
+/**
+ * Provides data for client events that relate to custom dialog operations.
+ */
+interface ASPxClientHtmlEditorCustomDialogEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed custom dialog.
+     * Value: A string value that represents the value assigned to the processed custom dialog's Name property.
+     */
+    name: string;
+}
+/**
+ * Provides data for client events that relate to closing a custom dialog.
+ */
+interface ASPxClientHtmlEditorCustomDialogCloseEventArgsBase extends ASPxClientHtmlEditorCustomDialogEventArgs {
+    /**
+     * Gets the status of the closed custom dialog.
+     * Value: An object representing a custom dialog's closing status. By default, it's the "cancel" string if the dialog operation is canceled, or the "ok" string if a dialog is closed by submitting a file. You can also provide your custom status, if your dialog contains additional buttons.
+     */
+    status: Object;
+}
+/**
+ * A method that will handle the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosing event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosingEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosing client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosingEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets or sets a value specifying whether the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventHandler<S> {
+    /**
+     * A method that will handle the client CustomDialogClosed event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorCustomDialogClosedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorCustomDialogClosedEventArgs): void;
+}
+/**
+ * Provides data for the CustomDialogClosed client event.
+ */
+interface ASPxClientHtmlEditorCustomDialogClosedEventArgs extends ASPxClientHtmlEditorCustomDialogCloseEventArgsBase {
+    /**
+     * Gets an object associated with the closed dialog.
+     * Value: An object containing custom data associated with dialog closing.
+     */
+    data: Object;
+}
+/**
+ * A method that will handle the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventHandler<S> {
+    /**
+     * A method that will handle the client Validation event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientHtmlEditorValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorValidationEventArgs): void;
+}
+/**
+ * Provides data for the Validation client event.
+ */
+interface ASPxClientHtmlEditorValidationEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets the HTML markup that is the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to validate.
+     */
+    html: string;
+    /**
+     * Gets or sets a value specifying whether the validated value is valid.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets or sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientHtmlEditorTabEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanged event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name that uniquely identifies an editor tab.
+     * Value: A string value that is the tab name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the ActiveTabChanging event.
+ */
+interface ASPxClientHtmlEditorTabCancelEventHandler<S> {
+    /**
+     * A method that will handle the client ActiveTabChanging event.
+     * @param source The event's source.
+     * @param e An ASPxClientHtmlEditorTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorTabCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancellable ActiveTabChanging event that concerns manipulations on tabs.
+ */
+interface ASPxClientHtmlEditorTabCancelEventArgs extends ASPxClientHtmlEditorTabEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventHandler<S> {
+    /**
+     * A method that will handle the BeforePaste event.
+     * @param source The event source. This parameter identifies the HTML editor object that raised the event.
+     * @param e An ASPxClientHtmlEditorBeforePasteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientHtmlEditorBeforePasteEventArgs): void;
+}
+/**
+ * Provides data for the BeforePaste event.
+ */
+interface ASPxClientHtmlEditorBeforePasteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value identifying the command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the HTML markup that is about to be pasted to the ASPxHtmlEditor's content.
+     * Value: A string value that specifies the HTML content to paste.
+     */
+    html: string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHtmlEditor control.
+ */
+interface ASPxClientHtmlEditor extends ASPxClientControl {
+    /**
+     * Occurs on the client side after a dialog has been initialized.
+     */
+    DialogInitialized: ASPxClientEvent<ASPxClientHtmlEditorDialogInitializedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before a default or custom command has been executed and allows you to cancel the action.
+     */
+    CommandExecuting: ASPxClientEvent<ASPxClientHtmlEditorCommandExecutingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Enables you to implement a custom command's logic.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs after a default or custom command has been executed on the client side.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientHtmlEditorCommandEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area receives input focus.
+     */
+    GotFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side when the editor's Design View Area loses input focus.
+     */
+    LostFocus: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client when a selection is changed within the ASPxHtmlEditor.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side when the content of the editor changes.
+     */
+    HtmlChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is opened.
+     */
+    CustomDialogOpened: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before a custom dialog is closed.
+     */
+    CustomDialogClosing: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosingEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a custom dialog is closed.
+     */
+    CustomDialogClosed: ASPxClientEvent<ASPxClientHtmlEditorCustomDialogClosedEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Allows you to specify whether the value entered into the ASPxHtmlEditor is valid.
+     */
+    Validation: ASPxClientEvent<ASPxClientHtmlEditorValidationEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side before a context menu is shown.
+     */
+    ContextMenuShowing: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHtmlEditor.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires after a callback, sent by the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientCustomDataCallbackEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs on the client side after the editor content is spell checked.
+     */
+    SpellingChecked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientHtmlEditorTabEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Fires on the client side before the active tab is changed within a control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientHtmlEditorTabCancelEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Occurs before an HTML code is pasted to editor content, and allows you to modify it.
+     */
+    BeforePaste: ASPxClientEvent<ASPxClientHtmlEditorBeforePasteEventHandler<ASPxClientHtmlEditor>>;
+    /**
+     * Returns the document object generated by an iframe element within a design view area.
+     */
+    GetDesignViewDocument(): Object;
+    /**
+     * Returns the document object generated by an iframe element within a preview area.
+     */
+    GetPreviewDocument(): Object;
+    /**
+     * Returns a collection of client context menu objects.
+     */
+    GetContextMenu(): ASPxClientPopupMenu;
+    /**
+     * Returns a value indicating whether an editor is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether an editor is enabled.
+     * @param value true to enable the editor; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Sets input focus to the ASPxHtmlEditor's edit region.
+     */
+    Focus(): void;
+    /**
+     * Gets the HTML markup that represents the editor's content.
+     */
+    GetHtml(): string;
+    /**
+     * Specifies the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetHtml(html: string): void;
+    /**
+     * Sets the HTML markup that represents the editor's content.
+     * @param html A string value that specifies the HTML markup.
+     * @param clearUndoHistory true to clear the undo stack; otherwise, false.
+     */
+    SetHtml(html: string, clearUndoHistory: boolean): void;
+    /**
+     * Replaces placeholders with the specified values.
+     * @param html A string value that specifies the HTML code to process.
+     * @param placeholders An array of objects that specify the placeholders and values to replace them.
+     */
+    ReplacePlaceholders(html: string, placeholders: Object[]): string;
+    /**
+     * Creates a parameter for ASPxHtmlEditor's client-side commands related to changing media elements.
+     * @param element An element that is being changed.
+     */
+    CreateChangeMediaElementCommandArguments(element: Object): ASPxClientHtmlEditorChangeMediaElementCommandArguments;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     * @param parameter A string value specifying additional information about the command to perform.
+     * @param addToUndoHistory true, to add the specified command to the undo stack; otherwise, false.
+     */
+    ExecuteCommand(commandName: string, parameter: Object, addToUndoHistory: boolean): boolean;
+    /**
+     * Adds the current editor state to the undo/redo history.
+     */
+    SaveToUndoHistory(): void;
+    /**
+     * Returns the selection in the ASPxHtmlEditor.
+     */
+    GetSelection(): ASPxClientHtmlEditorSelection;
+    /**
+     * Restores the selection within the ASPxHtmlEditor.
+     */
+    RestoreSelection(): boolean;
+    /**
+     * Sets the value of the combo box within the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the combo box's command name within the HtmlEditor's control collection.
+     * @param value A string value that specifies the combo box's new value.
+     */
+    SetToolbarComboBoxValue(commandName: string, value: string): void;
+    /**
+     * Sets the value of the dropdown item picker in the HtmlEditor on the client side.
+     * @param commandName A string value that identifies the dropdown item picker by its command name. This value is contained in the CommandName property.
+     * @param value A string value that specifies the dropdown item picker's new value, i.e., the ToolbarItemPickerItem object.
+     */
+    SetToolbarDropDownItemPickerValue(commandName: string, value: string): void;
+    /**
+     * Specifies the visibility of a ribbon context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param active true to make a category visible; false to make it hidden.
+     */
+    SetRibbonContextTabCategoryVisible(categoryName: string, active: string): void;
+    /**
+     * Provides access to an object implementing the HtmlEditor's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Gets a value that indicates whether the editor's value passes validation.
+     */
+    GetIsValid(): boolean;
+    /**
+     * Gets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     */
+    GetErrorText(): string;
+    /**
+     * Sets a value that specifies whether the editor's value passes validation.
+     * @param isValid true if the editor's value passes validation; otherwise, false.
+     */
+    SetIsValid(isValid: boolean): void;
+    /**
+     * Sets the error text to be displayed within the editor's error frame if the editor's validation fails.
+     * @param errorText A string value representing the error text.
+     */
+    SetErrorText(errorText: string): void;
+    /**
+     * Performs validation of the editor's content.
+     */
+    Validate(): void;
+    /**
+     * Set an active tab specified by its name.
+     * @param name A string value that is the name of the tab.
+     */
+    SetActiveTabByName(name: string): void;
+    /**
+     * Returns the name of the active HTML editor tab.
+     */
+    GetActiveTabName(): string;
+    /**
+     * Reconnect the control to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * A selection in the ASPxHtmlEditor.
+ */
+interface ASPxClientHtmlEditorSelection {
+    /**
+     * Returns a DOM element that relates to the current selection.
+     */
+    GetSelectedElement(): Object;
+    /**
+     * Returns the HTML markup specifying the currently selected ASPxHtmlEditor content.
+     */
+    GetHtml(): string;
+    /**
+     * Returns the text within the currently selected ASPxHtmlEditor content.
+     */
+    GetText(): string;
+    /**
+     * Returns an array of the currently selected elements.
+     */
+    GetElements(): Object[];
+    /**
+     * Sets the new HTML markup in place of the currently selected within ASPxHtmlEditor content.
+     * @param html A string value specifying the new HTML markup.
+     * @param addToHistory true to add this operation to the history; otherwise, false.
+     */
+    SetHtml(html: string, addToHistory: boolean): void;
+}
+/**
+ * The client-side equivalent of the ASPxPivotGrid control.
+ */
+interface ASPxClientPivotGrid extends ASPxClientControl {
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientPivotGrid.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires after a callback that has been processed on the server returns back to the client.
+     */
+    AfterCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires before a callback is sent to the server for server-side processing.
+     */
+    BeforeCallback: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Fires on the client side after the customization form's visible state has been changed.
+     */
+    CustomizationFieldsVisibleChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is clicked.
+     */
+    CellClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a cell is double clicked.
+     */
+    CellDblClick: ASPxClientEvent<ASPxClientClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Occurs when a custom menu item has been clicked.
+     */
+    PopupMenuItemClick: ASPxClientEvent<ASPxClientPivotMenuItemClickEventHandler<ASPxClientPivotGrid>>;
+    /**
+     * Indicates whether the Defer Layout Update check box is enabled.
+     */
+    IsDeferUpdatesChecked(): boolean;
+    /**
+     * Indicates whether the Filter Editor (Prefilter) is visible.
+     */
+    IsPrefilterVisible(): boolean;
+    /**
+     * Shows the Filter Editor.
+     */
+    ShowPrefilter(): void;
+    /**
+     * Hides the Filter Editor.
+     */
+    HidePrefilter(): void;
+    /**
+     * Clears the filter expression applied using the Prefilter (Filter Editor).
+     */
+    ClearPrefilter(): void;
+    /**
+     * Enables or disables the current filter applied by the Filter Editor (Prefilter).
+     */
+    ChangePrefilterEnabled(): void;
+    /**
+     * Returns a value that specifies whether the customization form is visible.
+     */
+    GetCustomizationFieldsVisibility(): boolean;
+    /**
+     * Specifies the visibility of the customization form.
+     * @param value true to display the customization form; false to hide the customization form.
+     */
+    SetCustomizationFieldsVisibility(value: boolean): void;
+    /**
+     * Switches the customization form's visible state.
+     */
+    ChangeCustomizationFieldsVisibility(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the CellDblClick event.
+ */
+interface ASPxClientClickEventHandler<S> {
+    /**
+     * A method that will handle the CellDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientClickEventArgs): void;
+}
+/**
+ * Provides data for the CellDblClick client events.
+ */
+interface ASPxClientClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to the parameters associated with the CellDblClick events.
+     * Value: An object that contains parameters associated with the CellDblClick events.
+     */
+    HtmlEvent: Object;
+    /**
+     * Gets the processed cell's value.
+     * Value: An object that represents the processed cell's value.
+     */
+    Value: Object;
+    /**
+     * Gets the index of a column that owns the processed cell.
+     * Value: An integer value that identifies a column.
+     */
+    ColumnIndex: number;
+    /**
+     * Gets the index of a row that owns the processed cell.
+     * Value: An integer value that identifies a row.
+     */
+    RowIndex: number;
+    /**
+     * Gets a column field value.
+     * Value: An object that represents a column field value.
+     */
+    ColumnValue: Object;
+    /**
+     * Gets a row field value.
+     * Value: An object that represents a row field value.
+     */
+    RowValue: Object;
+    /**
+     * Gets a column field name.
+     * Value: A String value that represents a column field name.
+     */
+    ColumnFieldName: string;
+    /**
+     * Gets a row field name.
+     * Value: A String value that represents a row field name.
+     */
+    RowFieldName: string;
+    /**
+     * Gets a column value type.
+     * Value: A String value that represents a column value type.
+     */
+    ColumnValueType: string;
+    /**
+     * Gets a row value type.
+     * Value: A String value that represents a row value type.
+     */
+    RowValueType: string;
+    /**
+     * Gets the index of the data field which corresponds to the clicked summary value.
+     * Value: An integer value that identifies the data field.
+     */
+    DataIndex: number;
+}
+/**
+ * A method that will handle the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle the PopupMenuItemClick event.
+     * @param source The event source.
+     * @param e An ASPxClientPivotMenuItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPivotMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for the PopupMenuItemClick event.
+ */
+interface ASPxClientPivotMenuItemClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the context menu's type.
+     * Value: A PivotGridPopupMenuType enumeration value that identifies the context menu.
+     */
+    MenuType: string;
+    /**
+     * Gets the name of the menu item currently being clicked.
+     * Value: A String value that identifies the clicked item by its name.
+     */
+    MenuItemName: string;
+    /**
+     * Gets the field's unique indentifier.
+     * Value: A string which specifies the field's unique indentifier.
+     */
+    FieldID: string;
+    /**
+     * Gets the index of the field value for which the popup menu has been invoked.
+     * Value: An integer value that identifies the field value.
+     */
+    FieldValueIndex: number;
+}
+/**
+ * A client-side equivalent of the ASPxPivotCustomizationControl control.
+ */
+interface ASPxClientPivotCustomization extends ASPxClientControl {
+    /**
+     * Returns an HTML element that represents the root of the control's hierarchy.
+     */
+    GetMainContainer(): Object;
+    /**
+     * Returns a client-side equivalent of the owner Pivot Grid Control.
+     */
+    GetPivotGrid(): ASPxClientPivotGrid;
+    /**
+     * Specifies the Customization Control's height.
+     * @param value An integer value that specifies the Customization Control's height.
+     */
+    SetHeight(value: number): void;
+    /**
+     * Specifies the Customization Control's width.
+     * @param value An integer value that specifies the Customization Control's width.
+     */
+    SetWidth(value: number): void;
+    /**
+     * Recalculates the Customization Control height.
+     */
+    UpdateHeight(): void;
+    /**
+     * Specifies the Customization Control's layout.
+     * @param layout A string that specifies the Customization Control's layout.
+     */
+    SetLayout(layout: string): void;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the RichEdit that raised the event.
+     * @param e A ASPxClientRichEditCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientRichEditCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: Object;
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source The event source.
+     * @param e An ASPxClientRichEditHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRichEditHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientRichEditHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether the event is handled manually, so no default processing is required.
+     * Value: true if the event is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A client-side equivalent of the ASPxRichEdit object.
+ */
+interface ASPxClientRichEdit extends ASPxClientControl {
+    /**
+     * Provides access to document structural elements.
+     * Value: A <see cref="RichEditDocument" /> object that lists RichEdit's document structural elements.
+     */
+    document: RichEditDocument;
+    /**
+     * Provides access to RichEdit's client-side commands.
+     * Value: A <see cref="RichEditCommands" /> object that lists RichEdit's client-side commands.
+     */
+    commands: RichEditCommands;
+    /**
+     * Provides access to the client methods that changes the selection.
+     * Value: A <see cref="RichEditSelection" /> object that lists methods to work with the selection.
+     */
+    selection: RichEditSelection;
+    unitConverter: RichEditUnitConverter;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientRichEditCustomCommandExecutedEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the RichEdit.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Fires if any change is made to the RichEdit's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when a hyperlink is clicked within the document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientRichEditHyperlinkClickEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Occurs when the selection is changed within the document.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRichEdit>>;
+    /**
+     * Enables you to switch the full-screen mode of the Rich Text Editor.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Provides access to an object implementing the RichEdit's ribbon UI.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Sets input focus to the RichEdit.
+     */
+    Focus(): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Reconnects the RichEdit to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * Contains a set of the available client commands.
+ */
+interface RichEditCommands {
+    /**
+     * Gets a command to create a new empty document.
+     * Value: A <see cref="FileNewCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileNew: FileNewCommand;
+    /**
+     * Gets a command to open the file, specifying its path.
+     * Value: A <see cref="FileOpenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpen: FileOpenCommand;
+    /**
+     * Gets a command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+     * Value: A <see cref="FileOpenDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileOpenDialog: FileOpenDialogCommand;
+    /**
+     * Gets a command to save the document to a file.
+     * Value: A <see cref="FileSaveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSave: FileSaveCommand;
+    /**
+     * Gets a command to download the document file, specifying its extension.
+     * Value: A <see cref="FileDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileDownload: FileDownloadCommand;
+    /**
+     * Gets a command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+     * Value: A <see cref="FileSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    fileSaveAs: FileSaveAsCommand;
+    fileSaveAsDialog: FileSaveAsDialogCommand;
+    /**
+     * Gets a command to invoke a browser-specific Print dialog allowing one to print the current document.
+     * Value: A <see cref="FilePrintCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    filePrint: FilePrintCommand;
+    /**
+     * Gets a command to cancel changes caused by the previous command.
+     * Value: A <see cref="UndoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    undo: UndoCommand;
+    /**
+     * Gets a command to reverse actions of the previous undo command.
+     * Value: A <see cref="RedoCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    redo: RedoCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the clipboard.
+     * Value: A <see cref="CopyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copy: CopyCommand;
+    /**
+     * Gets a command to paste the text from the clipboard over the selection.
+     * Value: A <see cref="PasteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    paste: PasteCommand;
+    /**
+     * Gets a command to cut the selected text and place it to the clipboard.
+     * Value: A <see cref="CutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    cut: CutCommand;
+    /**
+     * Gets a command to change the font name of characters in a selected range.
+     * Value: A <see cref="ChangeFontNameCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontName: ChangeFontNameCommand;
+    /**
+     * Gets a command to change the font size of characters in a selected range.
+     * Value: A <see cref="ChangeFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSize: ChangeFontSizeCommand;
+    /**
+     * Gets a command to increase the font size of characters in a selected range to the closest larger predefined value.
+     * Value: A <see cref="IncreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseFontSize: IncreaseFontSizeCommand;
+    /**
+     * Gets a command to decrease the selected range's font size to the closest smaller predefined value.
+     * Value: A <see cref="DecreaseFontSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseFontSize: DecreaseFontSizeCommand;
+    /**
+     * Gets a command to convert selected text to upper case.
+     * Value: A <see cref="MakeTextUpperCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextUpperCase: MakeTextUpperCaseCommand;
+    /**
+     * Gets a command to convert selected text to lower case.
+     * Value: A <see cref="MakeTextLowerCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextLowerCase: MakeTextLowerCaseCommand;
+    /**
+     * Gets a command to capitalize each word in the selected sentence.
+     * Value: A <see cref="CapitalizeEachWordTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    capitalizeEachWordTextCase: CapitalizeEachWordTextCaseCommand;
+    /**
+     * Gets a command to toggle case for each character - upper case becomes lower, lower case becomes upper.
+     * Value: A <see cref="ToggleTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTextCase: ToggleTextCaseCommand;
+    /**
+     * Gets a command to change the bold formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontBoldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBold: ChangeFontBoldCommand;
+    /**
+     * Gets a command to change the italic formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontItalicCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontItalic: ChangeFontItalicCommand;
+    /**
+     * Gets a command to change the underline formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontUnderlineCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontUnderline: ChangeFontUnderlineCommand;
+    /**
+     * Gets a command to change the strikeout formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontStrikeoutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontStrikeout: ChangeFontStrikeoutCommand;
+    /**
+     * Gets a command to change the superscript formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontSuperscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSuperscript: ChangeFontSuperscriptCommand;
+    /**
+     * Gets a command to change the subscript formatting of characters in the selected range.
+     * Value: A <see cref="ChangeFontSubscriptCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontSubscript: ChangeFontSubscriptCommand;
+    /**
+     * Gets a command to change the font color of characters in a selected range.
+     * Value: A <see cref="ChangeFontForeColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontForeColor: ChangeFontForeColorCommand;
+    /**
+     * Gets a command to change the background color of characters in a selected range.
+     * Value: A <see cref="ChangeFontBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontBackColor: ChangeFontBackColorCommand;
+    /**
+     * Gets a command to reset the selected text's formatting to default.
+     * Value: A <see cref="ClearFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    clearFormatting: ClearFormattingCommand;
+    /**
+     * Gets a command to change the selected range's style.
+     * Value: A <see cref="ChangeStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeStyle: ChangeStyleCommand;
+    /**
+     * Gets a command to toggle between the bulleted paragraph and normal text.
+     * Value: A <see cref="ToggleBulletedListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleBulletedList: ToggleBulletedListCommand;
+    /**
+     * Gets a command to toggle between the numbered paragraph and normal text.
+     * Value: A <see cref="ToggleNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleNumberingList: ToggleNumberingListCommand;
+    /**
+     * Gets a command to toggle between the multilevel list style and normal text.
+     * Value: A <see cref="ToggleMultilevelListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleMultilevelList: ToggleMultilevelListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected range.
+     * Value: A <see cref="IncreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    increaseIndent: IncreaseIndentCommand;
+    /**
+     * Gets a command to decrement the indent level of paragraphs in a selected range.
+     * Value: A <see cref="DecreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decreaseIndent: DecreaseIndentCommand;
+    /**
+     * Gets a command to toggle hidden symbol visibility.
+     * Value: A <see cref="ShowHiddenSymbolsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHiddenSymbols: ShowHiddenSymbolsCommand;
+    /**
+     * Gets a command to toggle left paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentLeft: ToggleParagraphAlignmentLeftCommand;
+    /**
+     * Gets a command to toggle centered paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentCenter: ToggleParagraphAlignmentCenterCommand;
+    /**
+     * Gets a command to toggle right paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentRight: ToggleParagraphAlignmentRightCommand;
+    /**
+     * Gets a command to toggle justified paragraph alignment on and off.
+     * Value: A <see cref="ToggleParagraphAlignmentJustifyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleParagraphAlignmentJustify: ToggleParagraphAlignmentJustifyCommand;
+    /**
+     * Gets a command to format a current paragraph with single line spacing.
+     * Value: A <see cref="SetSingleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSingleParagraphSpacing: SetSingleParagraphSpacingCommand;
+    /**
+     * Gets a command to format a current paragraph with one and a half line spacing.
+     * Value: A <see cref="SetSesquialteralParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setSesquialteralParagraphSpacing: SetSesquialteralParagraphSpacingCommand;
+    /**
+     * Gets a command to format a selected paragraph with double line spacing.
+     * Value: A <see cref="SetDoubleParagraphSpacingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDoubleParagraphSpacing: SetDoubleParagraphSpacingCommand;
+    /**
+     * Gets a command to add spacing before a paragraph.
+     * Value: A <see cref="AddSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingBeforeParagraph: AddSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to add spacing after a paragraph.
+     * Value: A <see cref="AddSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    addSpacingAfterParagraph: AddSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to remove spacing before the selected paragraph.
+     * Value: A <see cref="RemoveSpacingBeforeParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingBeforeParagraph: RemoveSpacingBeforeParagraphCommand;
+    /**
+     * Gets a command to remove spacing after the selected paragraph.
+     * Value: A <see cref="RemoveSpacingAfterParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeSpacingAfterParagraph: RemoveSpacingAfterParagraphCommand;
+    /**
+     * Gets a command to change the background color of paragraphs in a selected range.
+     * Value: A <see cref="ChangeParagraphBackColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphBackColor: ChangeParagraphBackColorCommand;
+    /**
+     * Gets a command to invoke the Font dialog window.
+     * Value: A <see cref="OpenFontFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFontFormattingDialog: OpenFontFormattingDialogCommand;
+    /**
+     * Gets a command to change the font formatting of characters in a selected range.
+     * Value: A <see cref="ChangeFontFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeFontFormatting: ChangeFontFormattingCommand;
+    /**
+     * Gets a command to invoke the Indents And Spacing tab of the Paragraph dialog window.
+     * Value: A <see cref="OpenParagraphFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openParagraphFormattingDialog: OpenParagraphFormattingDialogCommand;
+    /**
+     * Gets a command to change the formatting of paragraphs in a selected range.
+     * Value: A <see cref="ChangeParagraphFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeParagraphFormatting: ChangeParagraphFormattingCommand;
+    /**
+     * Gets a command to insert a page break at the current position in the document.
+     * Value: A <see cref="InsertPageBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPageBreak: InsertPageBreakCommand;
+    /**
+     * Gets a command to invoke the Insert Table dialog window.
+     * Value: A <see cref="OpenInsertTableDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertTableDialog: OpenInsertTableDialogCommand;
+    /**
+     * Gets a command to invoke the Insert Table dialog window.
+     * Value: A <see cref="InsertTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTable: InsertTableCommand;
+    /**
+     * Gets a command to invoke the Insert Image dialog window.
+     * Value: A <see cref="OpenInsertPictureDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertPictureDialog: OpenInsertPictureDialogCommand;
+    /**
+     * Gets a command to insert a picture from a file.
+     * Value: A <see cref="InsertPictureCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertPicture: InsertPictureCommand;
+    /**
+     * Gets a command to invoke the Bookmark dialog window.
+     * Value: A <see cref="OpenInsertBookmarkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertBookmarkDialog: OpenInsertBookmarkDialogCommand;
+    /**
+     * Gets a command to insert a new bookmark that references the current selection.
+     * Value: A <see cref="InsertBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertBookmark: InsertBookmarkCommand;
+    /**
+     * A command to delete a specific bookmark.
+     * Value: A <see cref="DeleteBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteBookmark: DeleteBookmarkCommand;
+    /**
+     * Gets a command to navigate to the specified bookmark.
+     * Value: A <see cref="GoToBookmarkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToBookmark: GoToBookmarkCommand;
+    /**
+     * Gets a command to invoke the Hyperlink dialog window.
+     * Value: A <see cref="OpenInsertHyperlinkDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertHyperlinkDialog: OpenInsertHyperlinkDialogCommand;
+    /**
+     * Gets a command to insert a hyperlink at the current position in the document.
+     * Value: A <see cref="InsertHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHyperlink: InsertHyperlinkCommand;
+    /**
+     * Gets a command to delete the selected hyperlink.
+     * Value: A <see cref="DeleteHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlink: DeleteHyperlinkCommand;
+    /**
+     * Gets a command to delete all hyperlinks in the selected range.
+     * Value: A <see cref="DeleteHyperlinksCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteHyperlinks: DeleteHyperlinksCommand;
+    /**
+     * Gets a command to navigate to the document bookmark or URI (uniform resource identifier) specified for the hyperlink.
+     * Value: A <see cref="OpenHyperlinkCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openHyperlink: OpenHyperlinkCommand;
+    /**
+     * Gets a command to invoke the Symbols dialog window.
+     * Value: A <see cref="OpenInsertSymbolDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openInsertSymbolDialog: OpenInsertSymbolDialogCommand;
+    /**
+     * Gets a command to insert a character into a document.
+     * Value: A <see cref="InsertSymbolCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSymbol: InsertSymbolCommand;
+    /**
+     * Gets a command to change page margin settings.
+     * Value: A <see cref="ChangePageMarginsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageMargins: ChangePageMarginsCommand;
+    /**
+     * Gets a command to invoke the Margins tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPageMarginsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPageMarginsDialog: OpenPageMarginsDialogCommand;
+    /**
+     * Gets a command to change the page orientation.
+     * Value: A <see cref="ChangePageOrientationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageOrientation: ChangePageOrientationCommand;
+    /**
+     * Gets a command to define the page size dialog's settings.
+     * Value: A <see cref="SetPageSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setPageSizeDialog: SetPageSizeDialogCommand;
+    /**
+     * Gets a command to invoke the Paper tab of the Page Setup dialog window.
+     * Value: A <see cref="OpenPagePaperSizeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openPagePaperSizeDialog: OpenPagePaperSizeDialogCommand;
+    /**
+     * Gets a command to change the page size.
+     * Value: A <see cref="ChangePageSizeCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageSize: ChangePageSizeCommand;
+    /**
+     * Gets a command to change the number of section columns having the same width.
+     * Value: A <see cref="ChangeSectionEqualColumnCountCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionEqualColumnCount: ChangeSectionEqualColumnCountCommand;
+    /**
+     * Gets a command to invoke the Columns dialog window.
+     * Value: A <see cref="OpenSectionColumnsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSectionColumnsDialog: OpenSectionColumnsDialogCommand;
+    /**
+     * Gets a command to change the settings of individual section columns.
+     * Value: A <see cref="ChangeSectionColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeSectionColumns: ChangeSectionColumnsCommand;
+    /**
+     * Gets a command to insert a column break at the current position in the document.
+     * Value: A <see cref="InsertColumnBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertColumnBreak: InsertColumnBreakCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next page.
+     * Value: A <see cref="InsertSectionBreakNextPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakNextPage: InsertSectionBreakNextPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next even-numbered page.
+     * Value: A <see cref="InsertSectionBreakEvenPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakEvenPage: InsertSectionBreakEvenPageCommand;
+    /**
+     * Gets a command to insert a section break and starts a new section on the next odd-numbered page.
+     * Value: A <see cref="InsertSectionBreakOddPageCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertSectionBreakOddPage: InsertSectionBreakOddPageCommand;
+    /**
+     * Gets a command to set the background color of the page.
+     * Value: A <see cref="ChangePageColorCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePageColor: ChangePageColorCommand;
+    /**
+     * Gets a command to toggle the horizontal ruler's visibility.
+     * Value: A <see cref="ShowHorizontalRulerCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showHorizontalRuler: ShowHorizontalRulerCommand;
+    /**
+     * Gets a command to toggle the fullscreen mode.
+     * Value: A <see cref="SetFullscreenCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setFullscreen: SetFullscreenCommand;
+    /**
+     * Gets a command to invoke the Bulleted and Numbering dialog window.
+     * Value: A <see cref="OpenNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openNumberingListDialog: OpenNumberingListDialogCommand;
+    /**
+     * Gets a command to insert a paragraph break at the current position in the document.
+     * Value: A <see cref="InsertParagraphCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertParagraph: InsertParagraphCommand;
+    /**
+     * Gets a command to insert text at the current position in a document.
+     * Value: A <see cref="InsertTextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertText: InsertTextCommand;
+    /**
+     * Gets a command to delete the text in a selected range.
+     * Value: A <see cref="DeleteCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    delete: DeleteCommand;
+    /**
+     * Gets a command to remove the previous word.
+     * Value: A <see cref="RemovePrevWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removePrevWord: RemovePrevWordCommand;
+    /**
+     * Gets a command to remove the next word.
+     * Value: A <see cref="RemoveNextWordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNextWord: RemoveNextWordCommand;
+    /**
+     * Gets a command to move the cursor backwards and erase the character in that space.
+     * Value: A <see cref="BackspaceCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    backspace: BackspaceCommand;
+    /**
+     * Gets a command to insert the line break at the current position in the document.
+     * Value: A <see cref="InsertLineBreakCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertLineBreak: InsertLineBreakCommand;
+    /**
+     * Gets a command to scale pictures in a selected range.
+     * Value: A <see cref="ChangePictureScaleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changePictureScale: ChangePictureScaleCommand;
+    /**
+     * Gets a command to increment the left indentation of paragraphs in a selected range.
+     * Value: A <see cref="IncrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementParagraphLeftIndent: IncrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to decrement the paragraph's left indent position.
+     * Value: A <see cref="DecrementParagraphLeftIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementParagraphLeftIndent: DecrementParagraphLeftIndentCommand;
+    /**
+     * Gets a command to move the selected range.
+     * Value: A <see cref="MoveContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    moveContent: MoveContentCommand;
+    /**
+     * Gets a command to copy the selected text and place it to the specified position.
+     * Value: A <see cref="CopyContentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    copyContent: CopyContentCommand;
+    /**
+     * Gets a command to insert a tab character at the current position in the document.
+     * Value: A <see cref="InsertTabCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTab: InsertTabCommand;
+    /**
+     * Gets a command to invoke the Tabs dialog window.
+     * Value: A <see cref="OpenTabsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTabsDialog: OpenTabsDialogCommand;
+    /**
+     * Gets a command to change paragraph tab stops.
+     * Value: A <see cref="ChangeTabsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTabs: ChangeTabsCommand;
+    /**
+     * Gets a command to invoke the Customize Numbered List dialog window.
+     * Value: A <see cref="OpenCustomNumberingListDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openCustomNumberingListDialog: OpenCustomNumberingListDialogCommand;
+    /**
+     * Gets a command to customize the numbered list parameters.
+     * Value: A <see cref="ChangeCustomNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeCustomNumberingList: ChangeCustomNumberingListCommand;
+    /**
+     * Gets a command to restart the numbering list.
+     * Value: A <see cref="RestartNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    restartNumberingList: RestartNumberingListCommand;
+    /**
+     * Gets a command to increment the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="IncrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    incrementNumberingIndent: IncrementNumberingIndentCommand;
+    /**
+     * Gets a command to decrement the indent level of paragraphs in a selected numbered list.
+     * Value: A <see cref="DecrementNumberingIndentCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    decrementNumberingIndent: DecrementNumberingIndentCommand;
+    /**
+     * Gets a command to create an empty field in the document.
+     * Value: A <see cref="CreateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createField: CreateFieldCommand;
+    /**
+     * Gets a command to update the field's result.
+     * Value: A <see cref="UpdateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateField: UpdateFieldCommand;
+    /**
+     * Gets a command to display the selected field's codes.
+     * Value: A <see cref="ShowFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showFieldCodes: ShowFieldCodesCommand;
+    /**
+     * Get a command to display all field codes in place of the fields in the document.
+     * Value: A <see cref="ShowAllFieldCodesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showAllFieldCodes: ShowAllFieldCodesCommand;
+    /**
+     * Gets a command to continue the list's numbering.
+     * Value: A <see cref="ContinueNumberingListCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    continueNumberingList: ContinueNumberingListCommand;
+    /**
+     * Gets a command to insert numeration to a paragraph making it a numbering list item.
+     * Value: A <see cref="InsertNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertNumeration: InsertNumerationCommand;
+    /**
+     * Gets a command to remove the selected numeration.
+     * Value: A <see cref="RemoveNumerationCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeNumeration: RemoveNumerationCommand;
+    /**
+     * Gets a command to update all fields in the selected range.
+     * Value: A <see cref="UpdateAllFieldsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    updateAllFields: UpdateAllFieldsCommand;
+    /**
+     * Gets a command to insert a DATE field displaying the current date.
+     * Value: A <see cref="CreateDateFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createDateField: CreateDateFieldCommand;
+    /**
+     * Gets a command to insert a TIME field displaying the current time.
+     * Value: A <see cref="CreateTimeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createTimeField: CreateTimeFieldCommand;
+    /**
+     * A command to insert a PAGE field displaying the current page number.
+     * Value: A <see cref="CreatePageFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageField: CreatePageFieldCommand;
+    /**
+     * Gets a command to convert the text of all selected sentences to sentence case.
+     * Value: A <see cref="MakeTextSentenceCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    makeTextSentenceCase: MakeTextSentenceCaseCommand;
+    /**
+     * Gets a command to switch the text case at the current position in the document.
+     * Value: A <see cref="SwitchTextCaseCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    switchTextCase: SwitchTextCaseCommand;
+    /**
+     * Gets a command to navigate to the first data record.
+     * Value: A <see cref="GoToFirstDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFirstDataRecord: GoToFirstDataRecordCommand;
+    /**
+     * Gets a command to navigate to the previous data record of the bound data source.
+     * Value: A <see cref="GoToPreviousDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousDataRecord: GoToPreviousDataRecordCommand;
+    /**
+     * Gets a command to navigate to the next data record of the bound data source.
+     * Value: A <see cref="GoToNextDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextDataRecord: GoToNextDataRecordCommand;
+    /**
+     * Gets a command to navigate to the next data record.
+     * Value: A <see cref="GoToDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToDataRecord: GoToDataRecordCommand;
+    /**
+     * Gets a command to navigate to the last data record of the bound data source.
+     * Value: A <see cref="GoToLastDataRecordCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToLastDataRecord: GoToLastDataRecordCommand;
+    /**
+     * Gets a command to display or hide actual data in MERGEFIELD fields.
+     * Value: A <see cref="ShowMergedDataCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showMergedData: ShowMergedDataCommand;
+    /**
+     * Gets a command to invoke the Insert Merge Field dialog window.
+     * Value: A <see cref="MergeFieldDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeFieldDialog: MergeFieldDialogCommand;
+    /**
+     * Gets a command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+     * Value: A <see cref="CreateMergeFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createMergeField: CreateMergeFieldCommand;
+    /**
+     * Gets a command to invoke the Export Range dialog window to start a mail merge.
+     * Value: A <see cref="MailMergeDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeDialog: MailMergeDialogCommand;
+    /**
+     * Gets a command to perform a mail merge and download the merged document.
+     * Value: A <see cref="MailMergeAndDownloadCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndDownload: MailMergeAndDownloadCommand;
+    /**
+     * Gets a command to perform a mail merge and save the merged document to the server.
+     * Value: A <see cref="MailMergeAndSaveAsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mailMergeAndSaveAs: MailMergeAndSaveAsCommand;
+    /**
+     * Gets a command to activate the page header and begin editing.
+     * Value: A <see cref="InsertHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertHeader: InsertHeaderCommand;
+    /**
+     * Gets a command to activate the page footer and begin editing.
+     * Value: A <see cref="InsertFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertFooter: InsertFooterCommand;
+    /**
+     * Gets a command to link a header/footer to the previous section, so it has the same content.
+     * Value: A <see cref="LinkHeaderFooterToPreviousCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    linkHeaderFooterToPrevious: LinkHeaderFooterToPreviousCommand;
+    /**
+     * Gets a command to navigate to the page footer from the page header in the header/footer editing mode.
+     * Value: A <see cref="GoToFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToFooter: GoToFooterCommand;
+    /**
+     * Gets a command to navigate to the page header from the page footer in the header/footer editing mode.
+     * Value: A <see cref="GoToHeaderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToHeader: GoToHeaderCommand;
+    /**
+     * Gets a command to navigate to the next page header or footer in the header/footer editing mode.
+     * Value: A <see cref="GoToNextHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToNextHeaderFooter: GoToNextHeaderFooterCommand;
+    /**
+     * Gets a command to navigate to the previous page header or footer in the header/footer editing mode.
+     * Value: A <see cref="GoToPreviousHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    goToPreviousHeaderFooter: GoToPreviousHeaderFooterCommand;
+    /**
+     * Gets a command to change the header/footer edit mode, so it allows creation of a different header or footer for the first page of a document or section.
+     * Value: A <see cref="SetDifferentFirstPageHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentFirstPageHeaderFooter: SetDifferentFirstPageHeaderFooterCommand;
+    /**
+     * Gets a command to change the header/footer edit mode so it allows creation of a different header or footer for odd and even pages of a document or section.
+     * Value: A <see cref="SetDifferentOddAndEvenPagesHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    setDifferentOddAndEvenPagesHeaderFooter: SetDifferentOddAndEvenPagesHeaderFooterCommand;
+    /**
+     * Gets a command to finish header/footer editing.
+     * Value: A <see cref="CloseHeaderFooterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    closeHeaderFooter: CloseHeaderFooterCommand;
+    /**
+     * Gets a command to insert a NUMPAGES field displaying the total number of pages.
+     * Value: A <see cref="CreatePageCountFieldCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    createPageCountField: CreatePageCountFieldCommand;
+    /**
+     * Gets a command to invoke the Table tab of the Table Properties dialog window.
+     * Value: A <see cref="OpenTableFormattingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableFormattingDialog: OpenTableFormattingDialogCommand;
+    /**
+     * Gets a command to change the selected table's formatting.
+     * Value: A <see cref="ChangeTableFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableFormatting: ChangeTableFormattingCommand;
+    /**
+     * Gets a command to change the selected table rows' preferred height.
+     * Value: A <see cref="ChangeTableRowPreferredHeightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableRowPreferredHeight: ChangeTableRowPreferredHeightCommand;
+    /**
+     * Gets a command to change the preferred cell width of the selected table rows.
+     * Value: A <see cref="ChangeTableCellPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellPreferredWidth: ChangeTableCellPreferredWidthCommand;
+    /**
+     * Gets a command to toggle inside borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellInsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideBorders: ToggleTableCellInsideBordersCommand;
+    /**
+     * Gets a command to change the selected table columns' preferred width.
+     * Value: A <see cref="ChangeTableColumnPreferredWidthCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableColumnPreferredWidth: ChangeTableColumnPreferredWidthCommand;
+    /**
+     * Gets a command to change the cell formatting of the selected table elements.
+     * Value: A <see cref="ChangeTableCellFormattingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellFormatting: ChangeTableCellFormattingCommand;
+    /**
+     * Gets a command to insert a table column to the left of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheLeft: InsertTableColumnToTheLeftCommand;
+    /**
+     * Gets a command to insert a table column to the right of the current position in the table.
+     * Value: A <see cref="InsertTableColumnToTheRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableColumnToTheRight: InsertTableColumnToTheRightCommand;
+    /**
+     * Gets a command to insert a row in the table below the selected row.
+     * Value: A <see cref="InsertTableRowBelowCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowBelow: InsertTableRowBelowCommand;
+    /**
+     * Gets a command to insert a row in the table above the selected row.
+     * Value: A <see cref="InsertTableRowAboveCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableRowAbove: InsertTableRowAboveCommand;
+    /**
+     * Gets a command to delete the selected rows in the table.
+     * Value: A <see cref="DeleteTableRowsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableRows: DeleteTableRowsCommand;
+    /**
+     * Gets a command to delete the selected columns in the table.
+     * Value: A <see cref="DeleteTableColumnsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableColumns: DeleteTableColumnsCommand;
+    /**
+     * Gets a command to insert table cells with a horizontal shift into the selected table.
+     * Value: A <see cref="InsertTableCellWithShiftToTheLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellWithShiftToTheLeft: InsertTableCellWithShiftToTheLeftCommand;
+    /**
+     * Gets a command to delete the selected table cells with a horizontal shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftHorizontallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftHorizontally: DeleteTableCellsWithShiftHorizontallyCommand;
+    /**
+     * Gets a command to delete the selected table cells with a vertical shift.
+     * Value: A <see cref="DeleteTableCellsWithShiftVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsWithShiftVertically: DeleteTableCellsWithShiftVerticallyCommand;
+    /**
+     * Gets a command to delete the selected table.
+     * Value: A <see cref="DeleteTableCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTable: DeleteTableCommand;
+    /**
+     * Gets a command to invoke the Insert Cells dialog window.
+     * Value: A <see cref="InsertTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsDialog: InsertTableCellsDialogCommand;
+    /**
+     * Gets a command to invoke the Delete Cells dialog window.
+     * Value: A <see cref="DeleteTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    deleteTableCellsDialog: DeleteTableCellsDialogCommand;
+    /**
+     * Gets a command to merge the selected cells.
+     * Value: A <see cref="MergeTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    mergeTableCells: MergeTableCellsCommand;
+    /**
+     * Gets a command to invoke the Split Cells dialog window.
+     * Value: A <see cref="SplitTableCellsDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCellsDialog: SplitTableCellsDialogCommand;
+    /**
+     * Gets a command to split the selected table cells.
+     * Value: A <see cref="SplitTableCellsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    splitTableCells: SplitTableCellsCommand;
+    /**
+     * Gets a command to insert table cells with a vertical shift into the selected table.
+     * Value: A <see cref="InsertTableCellsWithShiftToTheVerticallyCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    insertTableCellsWithShiftToTheVertically: InsertTableCellsWithShiftToTheVerticallyCommand;
+    /**
+     * Gets a command to invoke the Borders tab of the Borders and Shading dialog window.
+     * Value: A <see cref="OpenTableBordersAndShadingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openTableBordersAndShadingDialog: OpenTableBordersAndShadingDialogCommand;
+    /**
+     * Gets a command to change the selected table's borders and shading.
+     * Value: A <see cref="ChangeTableBordersAndShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBordersAndShading: ChangeTableBordersAndShadingCommand;
+    /**
+     * Gets a command to apply top-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopLeft: ToggleTableCellAlignTopLeftCommand;
+    /**
+     * Gets a command to apply top-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopCenter: ToggleTableCellAlignTopCenterCommand;
+    /**
+     * Gets a command to apply top-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignTopRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignTopRight: ToggleTableCellAlignTopRightCommand;
+    /**
+     * Gets a command to apply middle-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleLeft: ToggleTableCellAlignMiddleLeftCommand;
+    /**
+     * Gets a command to apply middle-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleCenter: ToggleTableCellAlignMiddleCenterCommand;
+    /**
+     * Gets a command to apply middle-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignMiddleRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignMiddleRight: ToggleTableCellAlignMiddleRightCommand;
+    /**
+     * Gets a command to apply bottom-left alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomLeftCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomLeft: ToggleTableCellAlignBottomLeftCommand;
+    /**
+     * Gets a command to apply bottom-center alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomCenterCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomCenter: ToggleTableCellAlignBottomCenterCommand;
+    /**
+     * Gets a command to apply bottom-right alignment for the selected cells.
+     * Value: A <see cref="ToggleTableCellAlignBottomRightCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAlignBottomRight: ToggleTableCellAlignBottomRightCommand;
+    /**
+     * Gets a command to change the selected table's style.
+     * Value: A <see cref="ChangeTableStyleCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableStyle: ChangeTableStyleCommand;
+    /**
+     * Gets a command to toggle top borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellTopBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellTopBorder: ToggleTableCellTopBorderCommand;
+    /**
+     * Gets a command to toggle right borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellRightBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellRightBorder: ToggleTableCellRightBorderCommand;
+    /**
+     * Gets a command to toggle bottom borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellBottomBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellBottomBorder: ToggleTableCellBottomBorderCommand;
+    /**
+     * Gets a command to toggle left borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellLeftBorderCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellLeftBorder: ToggleTableCellLeftBorderCommand;
+    /**
+     * Gets a command to remove the borders of the selected table cells.
+     * Value: A <see cref="RemoveTableCellBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    removeTableCellBorders: RemoveTableCellBordersCommand;
+    /**
+     * Gets a command to toggle all borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellAllBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellAllBorders: ToggleTableCellAllBordersCommand;
+    /**
+     * Gets a command to toggle inner horizontal borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellInsideHorizontalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideHorizontalBorders: ToggleTableCellInsideHorizontalBordersCommand;
+    /**
+     * Gets a command to toggle inner vertical borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellInsideVerticalBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellInsideVerticalBorders: ToggleTableCellInsideVerticalBordersCommand;
+    /**
+     * Gets a command to toggle outer borders for selected cells on/off.
+     * Value: A <see cref="ToggleTableCellOutsideBordersCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    toggleTableCellOutsideBorders: ToggleTableCellOutsideBordersCommand;
+    /**
+     * Gets a command to change the selected table's style options.
+     * Value: A <see cref="ChangeTableLookCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableLook: ChangeTableLookCommand;
+    /**
+     * Gets a command to change the repository item's table border style.
+     * Value: A <see cref="ChangeTableBorderRepositoryItemCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableBorderRepositoryItem: ChangeTableBorderRepositoryItemCommand;
+    /**
+     * Gets a command to change cell shading in the selected table elements.
+     * Value: A <see cref="ChangeTableCellShadingCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    changeTableCellShading: ChangeTableCellShadingCommand;
+    /**
+     * Gets a command to toggle the display of grid lines for a table with no borders applied - on/off.
+     * Value: A <see cref="ShowTableGridLinesCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    showTableGridLines: ShowTableGridLinesCommand;
+    /**
+     * Gets a command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+     * Value: A <see cref="OpenFindPanelCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindPanel: OpenFindPanelCommand;
+    /**
+     * Gets a command to invoke the Find and Replace dialog window.
+     * Value: A <see cref="OpenFindAndReplaceDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openFindAndReplaceDialog: OpenFindAndReplaceDialogCommand;
+    /**
+     * Gets a command to find all matches of the specified text in the document.
+     * Value: A <see cref="FindAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    findAll: FindAllCommand;
+    /**
+     * Gets a command to hide the results of the search.
+     * Value: A <see cref="HideFindResultsCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    hideFindResults: HideFindResultsCommand;
+    /**
+     * Gets a command to search for a specific text and replace all matches in the document with the specified string.
+     * Value: A <see cref="ReplaceAllCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceAll: ReplaceAllCommand;
+    /**
+     * Gets a command to search for a specific text and replace the next match in the document with the specified string.
+     * Value: A <see cref="ReplaceNextCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    replaceNext: ReplaceNextCommand;
+    /**
+     * Gets a command to invoke the Spelling dialog window.
+     * Value: A <see cref="OpenSpellingDialogCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    openSpellingDialog: OpenSpellingDialogCommand;
+    /**
+     * Gets a command to assign a shortcut to the specified client command.
+     * Value: A <see cref="AssignShortcutCommand" /> object that provides methods for executing the command and checking its state.
+     */
+    assignShortcut: AssignShortcutCommand;
+}
+/**
+ * Serves as a base for objects that implement different client command functionalities.
+ */
+interface CommandBase {
+}
+/**
+ * Serves as a base for commands with a simple common command state.
+ */
+interface CommandWithSimpleStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): SimpleCommandState;
+}
+/**
+ * Serves as a base for commands with the Boolean state.
+ */
+interface CommandWithBooleanStateBase extends CommandBase {
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Defines a simple state common to most of the client commands.
+ */
+interface SimpleCommandState {
+    /**
+     * Gets a value indicating whether the command's UI element is enabled (within the ribbon and context menu).
+     * Value: true, if the command's related UI element is enabled; otherwise, false.
+     */
+    enabled: boolean;
+    /**
+     * Gets a value indicating whether the command's UI element is visible.
+     * Value: true, if the command's related UI element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Defines the state of a command.
+ */
+interface CommandState<T> extends SimpleCommandState {
+    /**
+     * Gets the command state value.
+     * Value: A T object specifying the command state value.
+     */
+    value: T;
+}
+/**
+ * Contains a set properties providing the current information about certain document structural elements.
+ */
+interface RichEditDocument {
+    /**
+     * Provides the information about the active sub-document.
+     * Value: A <see cref="SubDocument" /> object storing information about the essential document functionality.
+     */
+    activeSubDocument: SubDocument;
+    /**
+     * Provides information about sections in the current document.
+     * Value: An array of Section objects storing information about sections.
+     */
+    sectionsInfo: Section[];
+    /**
+     * Provides information about paragraph styles in the current document.
+     * Value: An array of ParagraphStyle objects storing information about paragraph styles.
+     */
+    paragraphStylesInfo: ParagraphStyle[];
+    /**
+     * Provides information about character styles in the current document.
+     * Value: An array of CharacterStyle objects storing information about character styles.
+     */
+    characterStylesInfo: CharacterStyle[];
+    /**
+     * Provides information about numbered paragraphs in the document.
+     * Value: An array of AbstractNumberingList objects storing the information about numbered paragraphs.
+     */
+    abstractNumberingListsInfo: AbstractNumberingList[];
+    /**
+     * Provides information about table styles in the current document.
+     * Value: An array of TableStyle objects storing information about table styles.
+     */
+    tableStylesInfo: TableStyle[];
+    /**
+     * Provides information about spell checking in the current document.
+     * Value: A <see cref="SpellingInfo" /> object.
+     */
+    spellingInfo: SpellingInfo;
+}
+/**
+ * An abstract numbering list definition that defines the appearance and behavior of numbered paragraphs in a document.
+ */
+interface AbstractNumberingList {
+    deleted: boolean;
+}
+/**
+ * Defines a paragraph in the document.
+ */
+interface Paragraph {
+    /**
+     * Gets the paragraph's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    /**
+     * Gets the paragraph's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    interval: Interval;
+    /**
+     * Gets the name of the paragraph style applied to the current paragraph (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+    /**
+     * Gets the index of a list applied to the paragraph.
+     * Value: An integer that is the index of a list to which the paragraph belongs.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the current paragraph in the numbering list.
+     * Value: An integer that is the index of the list level of the current paragraph.
+     */
+    listLevelIndex: number;
+}
+/**
+ * Defines a field in the document.
+ */
+interface Field {
+    /**
+     * Gets the field's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the field length in a document.
+     * Value: An integer value specifying the field length.
+     */
+    length: number;
+    codeInterval: Interval;
+    resultInterval: Interval;
+    interval: Interval;
+    /**
+     * Gets or sets a URI to navigate to when the hyperlink (represented by the current field) is activated.
+     * Value: A string representing an URI.
+     */
+    hyperlinkUri: string;
+    /**
+     * Gets or sets the text for the tooltip displayed when the mouse hovers over a hyperlink field.
+     * Value: A string containing the tooltip text.
+     */
+    hyperlinkTip: string;
+    /**
+     * Gets or sets the name of a bookmark (or a hyperlink) in the current document which shall be the target of the hyperlink field.
+     * Value: A string representing the bookmark's name.
+     */
+    hyperlinkAnchor: string;
+    /**
+     * Gets a value specifying whether a field's code or result is dispalyed.
+     * Value: true, if the field code is displayed; false, if the field result is displayed.
+     */
+    showCode: boolean;
+}
+/**
+ * Defines a bookmark in the document.
+ */
+interface Bookmark {
+    /**
+     * Gets the bookmark's start position in a document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the bookmark's length.
+     * Value: An integer value specifying the length of the bookmark.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Gets the name of a bookmark in the document.
+     * Value: A string that is the unique bookmark's name.
+     */
+    name: string;
+}
+/**
+ * Defines a section in the document.
+ */
+interface Section {
+    /**
+     * Gets the section's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the section's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Provides access to the section's headers.
+     * Value: An array of HeaderFooter objects storing information about the section's headers.
+     */
+    headers: HeaderFooter[];
+    /**
+     * Provides access to the section's footers.
+     * Value: An array of HeaderFooter objects storing information about the section's footers.
+     */
+    footers: HeaderFooter[];
+}
+/**
+ * Contains settings defining a header or footer in a document.
+ */
+interface HeaderFooter {
+    /**
+     * Gets the type of the header (footer).
+     * Value: One of the <see cref="HeaderFooterType" /> values.
+     */
+    type: any;
+    /**
+     * Provides access to an object implementing the basic document functionality that is common to the header, footer and the main document body.
+     * Value: A <see cref="SubDocument" /> object exposing the basic document functionality.
+     */
+    subDocument: SubDocument;
+}
+interface InlinePictureInfo {
+    id: number;
+    position: number;
+    initialWidth: number;
+    initialHeight: number;
+    scaleX: number;
+    scaleY: number;
+    /**
+     * Gets the actual image width.
+     */
+    actualWidth: number;
+    /**
+     * Gets the actual image height.
+     */
+    actualHeight: number;
+}
+declare enum HeaderFooterType {
+    First=0,
+    Odd=1,
+    Primary=1,
+    Even=2
+}
+interface RichEditFileInfo {
+    folderPath: string;
+    fileName: string;
+    documentFormat: any;
+}
+declare enum DocumentFormat {
+    Undefined=0,
+    PlainText=1,
+    Rtf=2,
+    Html=3,
+    OpenXml=4,
+    Mht=5,
+    WordML=6,
+    OpenDocument=7,
+    ePub=9,
+    Doc=10
+}
+/**
+ * Contains a set of methods and properties to work with the document selection.
+ */
+interface RichEditSelection {
+    /**
+     * Gets or sets an array of document interval in the selection.
+     * Value: An array of Interval objects.
+     */
+    intervals: Interval[];
+    /**
+     * Gets or sets a value specifying whether the current selection is collapsed (and represents the cursor position).
+     * Value: true, if the selection is collapsed; otherwise, false.
+     */
+    collapsed: boolean;
+    getIntervalMaxPosition(): number;
+    /**
+     * Moves the cursor to the next line.
+     */
+    goToNextLine(): void;
+    /**
+     * Moves the cursor to the next line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located.
+     */
+    goToLineEnd(): void;
+    /**
+     * Moves the cursor to the end of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located.
+     */
+    goToLineStart(): void;
+    /**
+     * Moves the cursor to the start of the line in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToLineStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous line.
+     */
+    goToPreviousLine(): void;
+    /**
+     * Moves the cursor to the previous line and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next character.
+     */
+    goToNextCharacter(): void;
+    /**
+     * Moves the cursor to the next character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextCharacter(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous character.
+     */
+    goToPreviousCharacter(): void;
+    /**
+     * Moves the cursor to the previous character and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousCharacter(extendSelection: boolean): void;
+    /**
+     * Selects the line in which the cursor is located.
+     */
+    selectLine(): void;
+    /**
+     * Selects the line in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectLine(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the next page.
+     */
+    goToNextPage(): void;
+    /**
+     * Moves the cursor to the beginning of the next page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the beginning of the previous page.
+     */
+    goToPreviousPage(): void;
+    /**
+     * Moves the cursor to the beginning of the previous page and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPreviousPage(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the document.
+     */
+    goToDocumentStart(): void;
+    /**
+     * Moves the cursor to the start of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the document.
+     */
+    goToDocumentEnd(): void;
+    /**
+     * Moves the cursor to the end of the document and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToDocumentEnd(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the next word.
+     */
+    goToNextWord(): void;
+    /**
+     * Moves the cursor to the next word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToNextWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous word.
+     */
+    goToPrevWord(): void;
+    /**
+     * Moves the cursor to the previous word and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToPrevWord(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located.
+     */
+    goToParagraphStart(): void;
+    /**
+     * Moves the cursor to the start of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphStart(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located.
+     */
+    goToParagraphEnd(): void;
+    /**
+     * Moves the cursor to the end of the paragraph in which the cursor is located and allows you to extend the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToParagraphEnd(extendSelection: boolean): void;
+    /**
+     * Selects the paragraph in which the cursor is located.
+     */
+    selectParagraph(): void;
+    /**
+     * Moves the cursor to the next page break mark.
+     */
+    goToStartNextPageCommand(): void;
+    /**
+     * Moves the cursor to the next page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartNextPageCommand(extendSelection: boolean): void;
+    /**
+     * Moves the cursor to the previous page break mark.
+     */
+    goToStartPrevPageCommand(): void;
+    /**
+     * Moves the cursor to the previous page break mark and extends the selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    goToStartPrevPageCommand(extendSelection: boolean): void;
+    /**
+     * Selects the table cell in which the cursor is located.
+     */
+    selectTableCell(): void;
+    /**
+     * Selects the table cell in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableCell(extendSelection: boolean): void;
+    /**
+     * Selects the table row in which the cursor is located.
+     */
+    selectTableRow(): void;
+    /**
+     * Selects the table row in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTableRow(extendSelection: boolean): void;
+    /**
+     * Selects the entire table in which the cursor is located.
+     */
+    selectTable(): void;
+    /**
+     * Selects the entire table in which the cursor is located and allows you to extend the entire selection with the currently existing selection.
+     * @param extendSelection true to extend the selection; otherwise, false.
+     */
+    selectTable(extendSelection: boolean): void;
+    /**
+     * Selects the editor's entire content.
+     */
+    selectAll(): void;
+    /**
+     * Makes the main sub-document active and moves the cursor to its beginning.
+     */
+    setMainSubDocumentAsActive(): void;
+    /**
+     * Creates a footer sub-document (if it was not created before) and sets the footer as the active sub-document. Moves the cursor to the footer's start position.
+     * @param pageIndex An integer value specifying the active page's index.
+     */
+    setFooterSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+    /**
+     * Creates a header sub-document (if it was not created before) and sets the header as the active sub-document. Moves the cursor to the header's start position.
+     * @param pageIndex An integer value specifying the active page's index.
+     */
+    setHeaderSubDocumentAsActiveByPageIndex(pageIndex: number): void;
+}
+/**
+ * Defines a document's interval.
+ */
+interface Interval {
+    /**
+     * Gets the interval's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the interval's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+}
+interface SpellingInfo {
+    spellCheckerState: any;
+    misspelledIntervals: MisspelledInterval[];
+}
+declare enum SpellCheckerState {
+    Disabled=0,
+    InProgress=1,
+    Done=2
+}
+interface MisspelledInterval {
+    start: number;
+    length: number;
+    interval: Interval;
+    errorType: any;
+    word: string;
+    suggestions: string[];
+}
+declare enum SpellingErrorType {
+    Misspelling=0,
+    Repeating=1
+}
+/**
+ * Serves as a base for objects implementing different element styles.
+ */
+interface StyleBase {
+    /**
+     * Gets or sets the name of the style.
+     * Value: A string specifying the style name.
+     */
+    name: string;
+    /**
+     * Gets whether the specified style is marked as deleted.
+     * Value: true, if the style is deleted; otherwise, false.
+     */
+    isDeleted: boolean;
+}
+/**
+ * Defines the paragraph style settings.
+ */
+interface ParagraphStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="CharacterStyle" /> object representing a character style linked to a current style.
+     */
+    linkedStyle: CharacterStyle;
+    /**
+     * Gets or sets the default style for a paragraph that immediately follows the current paragraph.
+     * Value: A <see cref="ParagraphStyle" /> object specifying the style for the next paragraph.
+     */
+    nextStyle: ParagraphStyle;
+    /**
+     * Gets the index of the list item associated with the paragraph formatted with the current style.
+     * Value: An integer value specifying the list item index.
+     */
+    listIndex: number;
+    /**
+     * Gets the index of the list level applied to the paragraph formatted with the current style.
+     * Value: An integer that is the list level index.
+     */
+    listLevelIndex: number;
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="ParagraphStyle" /> object representing the parent style.
+     */
+    parent: ParagraphStyle;
+}
+/**
+ * Contains characteristics of a character style in a document.
+ */
+interface CharacterStyle extends StyleBase {
+    /**
+     * Gets or sets the linked style for the current style.
+     * Value: A <see cref="ParagraphStyle" /> object representing a paragraph style linked to a current style.
+     */
+    linkedStyle: ParagraphStyle;
+    /**
+     * Gets the style form which the current style inherits.
+     * Value: A <see cref="CharacterStyle" /> object representing the parent style.
+     */
+    parent: CharacterStyle;
+}
+/**
+ * Defines the table style settings.
+ */
+interface TableStyle extends StyleBase {
+    /**
+     * Gets or sets the style from which the current style inherits.
+     * Value: A <see cref="TableStyle" /> object that is the parent style.
+     */
+    parent: TableStyle;
+}
+/**
+ * Exposes the settings providing the information about the essential document functionality.
+ */
+interface SubDocument {
+    id: number;
+    type: any;
+    /**
+     * Provides information about paragraphs contained in the document.
+     * Value: An array of Paragraph objects storing information about document paragraphs.
+     */
+    paragraphsInfo: Paragraph[];
+    /**
+     * Provides information about fields in the current document.
+     * Value: An array of Field objects storing information about document fields.
+     */
+    fieldsInfo: Field[];
+    /**
+     * Provides information about tables contained in the document.
+     * Value: An array of Table objects storing information about document tables.
+     */
+    tablesInfo: Table[];
+    /**
+     * Provides information about document bookmarks.
+     * Value: An array of Bookmark objects storing information about document bookmarks.
+     */
+    bookmarksInfo: Bookmark[];
+    inlinePicturesInfo: InlinePictureInfo[];
+    /**
+     * Gets the document's textual representation.
+     * Value: A string value specifying the document's text.
+     */
+    text: string;
+    /**
+     * Gets the character length of the document.
+     * Value: An integer that is the number of character positions in the document.
+     */
+    length: number;
+}
+declare enum SubDocumentType {
+    Main=0,
+    Header=1,
+    Footer=2,
+    TextBox=3
+}
+/**
+ * Defines a table in the document.
+ */
+interface Table {
+    /**
+     * Gets the table's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table length in characters.
+     * Value: A integer value specifying the character length of the table.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Provides access to a collection of table rows.
+     * Value: An array of TableRow objects storing information about individual table rows.
+     */
+    rows: TableRow[];
+    /**
+     * Gets the name of the style applied to the table (see name).
+     * Value: A string value specifying the style name.
+     */
+    styleName: string;
+}
+/**
+ * Defines a table row in the document.
+ */
+interface TableRow {
+    /**
+     * Gets the table row's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table row's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    interval: Interval;
+    /**
+     * Provides information about the table row's cells.
+     * Value: An array of TableCell objects storing information about cells.
+     */
+    cells: TableCell[];
+}
+/**
+ * Defines a table cell in the document.
+ */
+interface TableCell {
+    /**
+     * Gets the table cell's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets the table cell's character length.
+     * Value: An integer value specifying the element length in characters.
+     */
+    length: number;
+    interval: Interval;
+}
+interface RichEditUnitConverter {
+    /**
+     * 
+     * @param value 
+     */
+    pixelsToTwips(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    inchesToTwips(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    pointsToTwips(value: number): number;
+    /**
+     * Converts a value on centimeters to twips.
+     * @param value 
+     */
+    centimetersToTwips(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    twipsToCentimeters(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    pixelsToCentimeters(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    twipsToInches(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    pixelsToInches(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    pixelsToPoints(value: number): number;
+    /**
+     * 
+     * @param value 
+     */
+    twipsToPoints(value: number): number;
+}
+/**
+ * A command to invoke the Bookmark dialog.
+ */
+interface OpenInsertBookmarkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertBookmarkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a new bookmark that references the current selection.
+ */
+interface InsertBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertBookmarkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying name of creating bookmark.
+     * @param start An integer value specifying the start position of bookmark's range.
+     * @param length An integer value specifying the length of bookmark's range.
+     */
+    execute(name: string, start: number, length: number): boolean;
+}
+/**
+ * A command to delete a specific bookmark.
+ */
+interface DeleteBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name A string value specifying name of the deleted bookmark.
+     */
+    execute(name: string): boolean;
+}
+/**
+ * Gets a command to navigate to the specified bookmark in the document.
+ */
+interface GoToBookmarkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param name 
+     */
+    execute(name: string): boolean;
+}
+/**
+ * A command to paste the text from the clipboard over the selection.
+ */
+interface PasteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the PasteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the clipboard.
+ */
+interface CopyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to cut the selected text and place it to the clipboard.
+ */
+interface CutCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert an empty document field at the current position in the document.
+ */
+interface CreateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update the field's result.
+ */
+interface UpdateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display the selected field's field codes.
+ */
+interface ShowFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display all field codes in place of the fields in the document.
+ */
+interface ShowAllFieldCodesCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ShowAllFieldCodesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showFieldCodes true to display field codes, false to hide field codes.
+     */
+    execute(showFieldCodes: boolean): boolean;
+    /**
+     * Executes the ShowAllFieldCodesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to update all fields in the selected range.
+ */
+interface UpdateAllFieldsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UpdateAllFieldsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a DATE field displaying the current date.
+ */
+interface CreateDateFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateDateFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a TIME field displaying the current time.
+ */
+interface CreateTimeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateTimeFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a PAGE field displaying the current page number.
+ */
+interface CreatePageFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToDataRecordCommand extends CommandBase {
+    /**
+     * Executes the GoToDataRecordCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param activeRecordIndex An integer value specifying index of the next data record.
+     */
+    execute(activeRecordIndex: number): boolean;
+    getState(): any;
+}
+interface DataRecordOptions {
+    /**
+     * Gets or sets the index of the active data record.
+     */
+    activeRecordIndex: number;
+    recordCount: number;
+}
+/**
+ * A command to navigate to the first data record of the bound data source.
+ */
+interface GoToFirstDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFirstDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous data record of the bound data source.
+ */
+interface GoToPreviousDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next data record of the bound data source.
+ */
+interface GoToNextDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the last data record of the bound data source.
+ */
+interface GoToLastDataRecordCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToLastDataRecordCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to display or hide actual data in MERGEFIELD fields.
+ */
+interface ShowMergedDataCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowMergedDataCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowMergedDataCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showMergedData true to display merged data, false to hide merged data.
+     */
+    execute(showMergedData: boolean): boolean;
+}
+/**
+ * A command to invoke the Insert Merge Field dialog.
+ */
+interface MergeFieldDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeFieldDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+ */
+interface CreateMergeFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreateMergeFieldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fieldName A string value specifying the name of the merge field.
+     */
+    execute(fieldName: string): boolean;
+}
+/**
+ * Gets a command to invoke the Export Range dialog to start a mail merge.
+ */
+interface MailMergeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MailMergeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to start the mail merge process and download the resulting document containing the merged information.
+ */
+interface MailMergeAndDownloadCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * 
+     * @param documentFormat 
+     */
+    execute(documentFormat: any): boolean;
+    /**
+     * Executes the MailMergeAndDownloadCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the file extension of the resulting document.
+     * @param settings A MailMergeSettings object containing settings to set up mail merge operations.
+     */
+    execute(fileExtension: string, settings: MailMergeSettings): boolean;
+    /**
+     * 
+     * @param documentFormat 
+     * @param settings 
+     */
+    execute(documentFormat: any, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to start the mail merge process and save the resulting merged document to the server.
+ */
+interface MailMergeAndSaveAsCommand extends CommandBase {
+    /**
+     * Executes the MailMergeAndSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param filePath A string value specifying path to the saving file on the server.
+     */
+    execute(filePath: string): boolean;
+    /**
+     * 
+     * @param fileInfo 
+     * @param settings 
+     */
+    execute(fileInfo: RichEditFileInfo, settings: MailMergeSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a NUMPAGES field displaying the total number of pages.
+ */
+interface CreatePageCountFieldCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CreatePageCountFieldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to set up mail merge operations.
+ */
+interface MailMergeSettings {
+    /**
+     * Gets or sets a value specifying which data rows should be exported into a merged document.
+     * Value: One of the <see cref="MailMergeExportRange" /> values.
+     */
+    range: any;
+    /**
+     * Gets or sets the index of the row from which the exported range starts.
+     * Value: An integer value specifying the row index.
+     */
+    exportFrom: number;
+    /**
+     * Gets or sets the number of data rows in the exported mail-merge range.
+     * Value: An integer value specifying the row count.
+     */
+    exportRecordsCount: number;
+    /**
+     * Gets or sets the merge mode.
+     * Value: One of the <see cref="MergeMode" /> values.
+     */
+    mergeMode: any;
+}
+declare enum MergeMode {
+    NewParagraph=0,
+    NewSection=1,
+    JoinTables=2
+}
+declare enum MailMergeExportRange {
+    AllRecords=0,
+    CurrentRecord=1,
+    Range=2
+}
+/**
+ * A command to create a new empty document.
+ */
+interface FileNewCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileNewCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to open the file, specifying its path.
+ */
+interface FileOpenCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the opening file.
+     */
+    execute(path: string): boolean;
+}
+/**
+ * A command to invoke the File Open dialog allowing one to select and load a document file into RichEdit.
+ */
+interface FileOpenDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileOpenDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to save the document to a file.
+ */
+interface FileSaveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Save As dialog that prompts for a file name and saves the current document in a file with the specified path.
+ */
+interface FileSaveAsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileSaveAsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param path A string value specifying path to the saving file.
+     */
+    execute(path: string): boolean;
+    /**
+     * 
+     * @param fileInfo 
+     */
+    execute(fileInfo: RichEditFileInfo): boolean;
+}
+interface FileSaveAsDialogCommand extends CommandWithSimpleStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to download the document file, specifying its extension.
+ */
+interface FileDownloadCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FileDownloadCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fileExtension A string value specifying the extension of the downloading file.
+     */
+    execute(fileExtension: string): boolean;
+    /**
+     * 
+     * @param documentFormat 
+     */
+    execute(documentFormat: any): boolean;
+}
+/**
+ * A command to invoke a browser-specific Print dialog allowing one to print the current document.
+ */
+interface FilePrintCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FilePrintCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Search Panel allowing end-users to search text and navigate through search results.
+ */
+interface OpenFindPanelCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindPanelCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Find and Replace dialog.
+ */
+interface OpenFindAndReplaceDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFindAndReplaceDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to find all matches of the specified text in the document.
+ */
+interface FindAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying finding text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight result of search; otherwise, false.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean): boolean;
+    /**
+     * Executes the FindAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to find.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     * @param highlightResults true, to highlight result of search; otherwise, false.
+     * @param results An array of Interval objects containing the results of search.
+     */
+    execute(text: string, matchCase: boolean, highlightResults: boolean, results: Interval[]): boolean;
+}
+/**
+ * A command to hide the search results.
+ */
+interface HideFindResultsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the HideFindResultsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to search for a specific text and replace all matches in the document with the specified string.
+ */
+interface ReplaceAllCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to replace.
+     * @param replaceText A string value specifying replacing text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+/**
+ * A command to search for a specific text and replace the next match in the document with the specified string.
+ */
+interface ReplaceNextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ReplaceNextCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to replace.
+     * @param replaceText A string value specifying replacing text.
+     * @param matchCase true, to perform a case-sensitive search; otherwise, false.
+     */
+    execute(text: string, replaceText: string, matchCase: boolean): boolean;
+}
+/**
+ * A command to cancel changes caused by the previous command.
+ */
+interface UndoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the UndoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to reverse actions of the previous undo command.
+ */
+interface RedoCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RedoCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Hyperlink dialog.
+ */
+interface OpenInsertHyperlinkDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertHyperlinkDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a hyperlink at the current position in the document.
+ */
+interface InsertHyperlinkCommand extends CommandBase {
+    /**
+     * Executes the InsertHyperlinkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A HyperLinkSettings object specifying hyperlink settings.
+     */
+    execute(settings: HyperlinkSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to delete the selected hyperlink.
+ */
+interface DeleteHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete all hyperlinks in a selected range.
+ */
+interface DeleteHyperlinksCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteHyperlinksCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the document bookmark or URI (uniform resource identifier) specified for the hyperlink.
+ */
+interface OpenHyperlinkCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenHyperlinkCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define hyperlinks.
+ */
+interface HyperlinkSettings {
+    /**
+     * Gets or sets a text displayed for a hyperlink.
+     * Value: A string value specifying the hyperlink display text.
+     */
+    text: string;
+    /**
+     * Gets or sets a text for the tooltip displayed when the mouse hovers over a hyperlink.
+     * Value: A string containing the tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Gets or sets the hyperlink destination.
+     * Value: A string value that specifies the destination to which a hyperlink refers.
+     */
+    url: string;
+    /**
+     * Gets or sets the associated bookmak.
+     * Value: A string value specifying the bookmark name.
+     */
+    bookmark: string;
+}
+/**
+ * A command to insert a page break at the current position in the document.
+ */
+interface InsertPageBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPageBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a column break at the current position in the document.
+ */
+interface InsertColumnBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertColumnBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next page.
+ */
+interface InsertSectionBreakNextPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakNextPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next even-numbered page.
+ */
+interface InsertSectionBreakEvenPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakEvenPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a section break and start a new section on the next odd-numbered page.
+ */
+interface InsertSectionBreakOddPageCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSectionBreakOddPageCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert the line break at the current position in the document.
+ */
+interface InsertLineBreakCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertLineBreakCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the bulleted paragraph and normal text.
+ */
+interface ToggleBulletedListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleBulletedListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the numbered paragraph and normal text.
+ */
+interface ToggleNumberingListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle between the multilevel list style and normal text.
+ */
+interface ToggleMultilevelListCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleMultilevelListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Bulleted and Numbering dialog.
+ */
+interface OpenNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenNumberingListDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Customize Numbered List dialog.
+ */
+interface OpenCustomNumberingListDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenCustomNumberingListDialogCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+}
+/**
+ * A command to customize the numbered list parameters.
+ */
+interface ChangeCustomNumberingListCommand extends CommandBase {
+    /**
+     * Executes the ChangeCustomNumberingListCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying the numbering list index.
+     * @param listLevelSettings An array of ListLevelSettings objects defining settings for list levels.
+     */
+    execute(abstractNumberingListIndex: number, listLevelSettings: ListLevelSettings[]): boolean;
+    /**
+     * Gets information about the command state.
+     * @param abstractNumberingListIndex An integer value specifying the index of the abstract numbering list item whose state to return.
+     */
+    getState(abstractNumberingListIndex: number): any;
+}
+/**
+ * A command to restart the numbering list.
+ */
+interface RestartNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RestartNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected numbered list.
+ */
+interface IncrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected numbered list.
+ */
+interface DecrementNumberingIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementNumberingIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to continue the list's numbering.
+ */
+interface ContinueNumberingListCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ContinueNumberingListCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert numeration to a paragraph making it a numbering list item.
+ */
+interface InsertNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param abstractNumberingListIndex An integer value specifying index of abstract numbering list.
+     */
+    execute(abstractNumberingListIndex: number): boolean;
+    /**
+     * Executes the InsertNumerationCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param numberingListIndex An integer value specifying index of numbering list.
+     * @param isAbstractNumberingList true, to insert an abstract numbering list; otherwise, false.
+     */
+    execute(numberingListIndex: number, isAbstractNumberingList: boolean): boolean;
+}
+/**
+ * A command to remove the selected numeration.
+ */
+interface RemoveNumerationCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveNumerationCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Contains settings to define individual bulleted or numbered list levels.
+ */
+interface ListLevelSettings {
+    /**
+     * Gets or sets the pattern used to format the list level for display purposes.
+     * Value: A string value specifying the format pattern.
+     */
+    displayFormatString: string;
+    /**
+     * Gets or sets the numbering format used for the current list level's paragraph.
+     * Value: One of the <see cref="ListLevelFormat" /> values.
+     */
+    format: any;
+    /**
+     * Gets the list level item's start position in the document.
+     * Value: An integer value specifying the start position.
+     */
+    start: number;
+    /**
+     * Gets or sets the paragraph text alignment within numbered list levels.
+     * Value: One of the <see cref="ListLevelNumberAlignment" /> values.
+     */
+    alignment: any;
+    separator: string;
+    /**
+     * Gets or sets the left indent for text within the current list level's paragraph.
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a value specifying the indent of the first line of the current list level's paragraph.
+     * Value: An integer value specifying the indent.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets a value specifying whether and how the first line of the current list level's paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets the font name of the current list level's paragraph.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the font color of the current list level's paragraph.
+     * Value: A string value specifying the font color.
+     */
+    fontColor: string;
+    /**
+     * Gets or sets the font size of the current list level's paragraph.
+     * Value: An integer value specifying the font size.
+     */
+    fontSize: number;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is bold.
+     * Value: true, if the font formatting is bold; otherwise, false.
+     */
+    fontBold: boolean;
+    /**
+     * Gets or sets whether the font formatting of the current list level's paragraph is italic.
+     * Value: true, if the font formatting is italic; otherwise, false.
+     */
+    fontItalic: boolean;
+}
+declare enum ListLevelFormat {
+    Decimal=0,
+    AIUEOHiragana=1,
+    AIUEOFullWidthHiragana=2,
+    ArabicAbjad=3,
+    ArabicAlpha=4,
+    Bullet=5,
+    CardinalText=6,
+    Chicago=7,
+    ChineseCounting=8,
+    ChineseCountingThousand=9,
+    ChineseLegalSimplified=10,
+    Chosung=11,
+    DecimalEnclosedCircle=12,
+    DecimalEnclosedCircleChinese=13,
+    DecimalEnclosedFullstop=14,
+    DecimalEnclosedParentheses=15,
+    DecimalFullWidth=16,
+    DecimalFullWidth2=17,
+    DecimalHalfWidth=18,
+    DecimalZero=19,
+    Ganada=20,
+    Hebrew1=21,
+    Hebrew2=22,
+    Hex=23,
+    HindiConsonants=24,
+    HindiDescriptive=25,
+    HindiNumbers=26,
+    HindiVowels=27,
+    IdeographDigital=28,
+    IdeographEnclosedCircle=29,
+    IdeographLegalTraditional=30,
+    IdeographTraditional=31,
+    IdeographZodiac=32,
+    IdeographZodiacTraditional=33,
+    Iroha=34,
+    IrohaFullWidth=35,
+    JapaneseCounting=36,
+    JapaneseDigitalTenThousand=37,
+    JapaneseLegal=38,
+    KoreanCounting=39,
+    KoreanDigital=40,
+    KoreanDigital2=41,
+    KoreanLegal=42,
+    LowerLetter=43,
+    LowerRoman=44,
+    None=45,
+    NumberInDash=46,
+    Ordinal=47,
+    OrdinalText=48,
+    RussianLower=49,
+    RussianUpper=50,
+    TaiwaneseCounting=51,
+    TaiwaneseCountingThousand=52,
+    TaiwaneseDigital=53,
+    ThaiDescriptive=54,
+    ThaiLetters=55,
+    ThaiNumbers=56,
+    UpperLetter=57,
+    UpperRoman=58,
+    VietnameseDescriptive=59
+}
+declare enum ListLevelNumberAlignment {
+    Left=0,
+    Center=1,
+    Right=2
+}
+/**
+ * A command to invoke the Insert Image dialog.
+ */
+interface OpenInsertPictureDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertPictureDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a picture from a file.
+ */
+interface InsertPictureCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertPictureCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param imageUrl A string value specifying picture's Url.
+     */
+    execute(imageUrl: string): boolean;
+}
+/**
+ * A command to invoke the Symbols dialog.
+ */
+interface OpenInsertSymbolDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertSymbolDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a character into the document.
+ */
+interface InsertSymbolCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertSymbolCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param symbol A string value specifying symbols to insert.
+     * @param fontName A string value specifying font of symbols to insert.
+     */
+    execute(symbol: string, fontName: string): boolean;
+}
+/**
+ * A command to insert a paragraph break at the current position in the document.
+ */
+interface InsertParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert text at the current position in the document.
+ */
+interface InsertTextCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param text A string value specifying text to insert.
+     */
+    execute(text: string): boolean;
+}
+/**
+ * A command to delete the text in a selected range.
+ */
+interface DeleteCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+interface RemovePrevWordCommand extends CommandWithSimpleStateBase {
+    execute(): boolean;
+}
+interface RemoveNextWordCommand extends CommandWithSimpleStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to move the cursor backwards and erase the character in that space.
+ */
+interface BackspaceCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the BackspaceCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to scale pictures in a selected range.
+ */
+interface ChangePictureScaleCommand extends CommandBase {
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param scale A Scale object specifying scaling of the picture.
+     */
+    execute(scale: Scale): boolean;
+    /**
+     * Executes the ChangePictureScaleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param x An interger number specifying width of the picture
+     * @param y An interger number specifying height of the picture
+     */
+    execute(x: number, y: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to move the selected range to a specific position in the document.
+ */
+interface MoveContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MoveContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer value specifying position to insert selected text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to copy the selected text and place it to the specified position.
+ */
+interface CopyContentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CopyContentCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param position An integer number value specifying position for pasting selected text.
+     */
+    execute(position: number): boolean;
+}
+/**
+ * A command to insert a tab character at the current position in the document.
+ */
+interface InsertTabCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTabCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines the scaling settings.
+ */
+interface Scale {
+    x: number;
+    y: number;
+}
+/**
+ * A command to change page margin settings.
+ */
+interface ChangePageMarginsCommand extends CommandBase {
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param left An integer number specifying left margin of the page.
+     * @param top An integer number specifying top margin of the page.
+     * @param right An integer number specifying right margin of the page.
+     * @param bottom An integer number specifying bottom margin of the page.
+     */
+    execute(left: number, top: number, right: number, bottom: number): boolean;
+    /**
+     * Executes the ChangePageMarginsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param margins A Margins object specifying page margin settings.
+     */
+    execute(margins: Margins): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Margins tab of the Page Setup dialog.
+ */
+interface OpenPageMarginsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPageMarginsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page orientation.
+ */
+interface ChangePageOrientationCommand extends CommandBase {
+    /**
+     * 
+     * @param isPortrait 
+     */
+    execute(isPortrait: any): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paper tab of the Page Setup dialog.
+ */
+interface OpenPagePaperSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenPagePaperSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to set the page size.
+ */
+interface SetPageSizeDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SetPageSizeDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the page size.
+ */
+interface ChangePageSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param width An integer number specifying width of the page.
+     * @param height An integer number specifying height of the page.
+     */
+    execute(width: number, height: number): boolean;
+    /**
+     * Executes the ChangePageSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param size A Size object specifying the page size settings.
+     */
+    execute(size: Size): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the number of section columns having the same width.
+ */
+interface ChangeSectionEqualColumnCountCommand extends CommandBase {
+    /**
+     * Executes the ChangeSectionEqualColumnCountCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An interger number specifying the number of section columns having the same width.
+     */
+    execute(columnCount: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Columns dialog.
+ */
+interface OpenSectionColumnsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenSectionColumnsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the settings of individual section columns.
+ */
+interface ChangeSectionColumnsCommand extends CommandBase {
+    /**
+     * 
+     * @param columns 
+     */
+    execute(columns: SectionColumn[]): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of the page.
+ */
+interface ChangePageColorCommand extends CommandBase {
+    /**
+     * Executes the ChangePageColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying background color of the page. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to activate the page header and begin editing.
+ */
+interface InsertHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to activate the page footer and begin editing.
+ */
+interface InsertFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to link a header/footer to the previous section, so it has the same content.
+ */
+interface LinkHeaderFooterToPreviousCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the LinkHeaderFooterToPreviousCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page footer from the page header in the header/footer editing mode.
+ */
+interface GoToFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the page header from the page footer in the header/footer editing mode.
+ */
+interface GoToHeaderCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToHeaderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the next page header or footer in the header/footer editing mode.
+ */
+interface GoToNextHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToNextHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to navigate to the previous page header or footer in the header/footer editing mode.
+ */
+interface GoToPreviousHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the GoToPreviousHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the header/footer edit mode, so it allows creation of a different header or footer for the first page of a document or section.
+ */
+interface SetDifferentFirstPageHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentFirstPageHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentFirstPage true to apply different text for first page's header and footer, false to remove difference.
+     */
+    execute(differentFirstPage: boolean): boolean;
+}
+/**
+ * A command to change the header/footer edit mode so it allows creation of a different header or footer for odd and even pages of a document or section.
+ */
+interface SetDifferentOddAndEvenPagesHeaderFooterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param differentOddAndEvenPages true to apply different text for odd and even pages' header and footer, false to remove difference.
+     */
+    execute(differentOddAndEvenPages: boolean): boolean;
+}
+/**
+ * A command to finish header/footer editing.
+ */
+interface CloseHeaderFooterCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CloseHeaderFooterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * Defines a section column in the document.
+ */
+interface SectionColumn {
+    /**
+     * Gets or sets the width of the section column.
+     * Value: An integer value specifying the section column width.
+     */
+    width: number;
+    /**
+     * Gets or sets the amount of space between adjacent section columns.
+     * Value: An integer value specifying the spacing between section columns.
+     */
+    spacing: number;
+}
+/**
+ * Defines the size settings.
+ */
+interface Size {
+    /**
+     * Gets or sets the width value.
+     * Value: An integer value specifying the width.
+     */
+    width: number;
+    /**
+     * Gets or sets the height value.
+     * Value: An integer value specifying the height.
+     */
+    height: number;
+}
+/**
+ * Defines the margin settings.
+ */
+interface Margins {
+    /**
+     * Gets or sets the left margin.
+     * Value: An integer value specifying the left margin.
+     */
+    left: number;
+    /**
+     * Gets or sets the top margin.
+     * Value: An integer value specifying the top margin.
+     */
+    top: number;
+    /**
+     * Gets or sets the right margin.
+     * Value: An integer value specifying the right margin.
+     */
+    right: number;
+    /**
+     * Gets or sets the bottom margin.
+     * Value: An integer value specifying the bottom margin.
+     */
+    bottom: number;
+}
+declare enum Orientation {
+    Landscape=0,
+    Portrait=1
+}
+/**
+ * A command to increment the indent level of paragraphs in a selected range.
+ */
+interface IncreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the indent level of paragraphs in a selected range.
+ */
+interface DecreaseIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the visibility of hidden symbols.
+ */
+interface ShowHiddenSymbolsCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHiddenSymbolsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display hidden symbols; otherwise, false.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle left paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle centered paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle justified paragraph alignment on and off.
+ */
+interface ToggleParagraphAlignmentJustifyCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleParagraphAlignmentJustifyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with single line spacing.
+ */
+interface SetSingleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSingleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with one and a half line spacing.
+ */
+interface SetSesquialteralParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetSesquialteralParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to format a current paragraph with double line spacing.
+ */
+interface SetDoubleParagraphSpacingCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetDoubleParagraphSpacingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing before a paragraph.
+ */
+interface AddSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to add spacing after a paragraph.
+ */
+interface AddSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the AddSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing before the selected paragraph.
+ */
+interface RemoveSpacingBeforeParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingBeforeParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to remove spacing after the selected paragraph.
+ */
+interface RemoveSpacingAfterParagraphCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveSpacingAfterParagraphCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the background color of paragraphs in a selected range.
+ */
+interface ChangeParagraphBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying highlighting color of the paragraphs in a selected range. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Paragraph dialog allowing end-users to set paragraph formatting.
+ */
+interface OpenParagraphFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenParagraphFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the formatting of paragraphs in a selected range.
+ */
+interface ChangeParagraphFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeParagraphFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A ParagraphFormattingSettings object specifying paragraph formatting settings.
+     */
+    execute(settings: ParagraphFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increment the left indentation of paragraphs in a selected range.
+ */
+interface IncrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrement the left indentation of paragraphs in a selected range.
+ */
+interface DecrementParagraphLeftIndentCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecrementParagraphLeftIndentCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Tabs paragraph dialog.
+ */
+interface OpenTabsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTabsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change paragraph tab stops.
+ */
+interface ChangeTabsCommand extends CommandBase {
+    /**
+     * Executes the ChangeTabsCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TabsSettings object maintaining the information about tab stops.
+     */
+    execute(settings: TabsSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains the information about tab stops.
+ */
+interface TabsSettings {
+    /**
+     * Gets or sets the default tab stop value.
+     * Value: An integer value specifying the default tab stop.
+     */
+    defaultTabStop: number;
+    /**
+     * Gets or sets a list of tab stops.
+     * Value: An array of TabSettings objects containing individual tab stop settings.
+     */
+    tabs: TabSettings[];
+}
+/**
+ * Contains settings of a tab stop.
+ */
+interface TabSettings {
+    /**
+     * Gets or sets the alignment type, specifying how any text after the tab will be lined up.
+     * Value: One of the <see cref="TabAlign" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the tab leader style, i.e., the symbol used as a tab leader.
+     * Value: One of the <see cref="TabLeaderType" /> values.
+     */
+    leader: any;
+    /**
+     * Gets or sets the position of the tab stop.
+     * Value: A number representing the distance from the left edge of the text area.
+     */
+    position: number;
+    /**
+     * Gets or sets whether the individual tab stop is in effect.
+     * Value: true to switch off this tab stop; otherwise, false.
+     */
+    deleted: boolean;
+}
+declare enum TabAlign {
+    Left=0,
+    Center=1,
+    Right=2,
+    Decimal=3
+}
+declare enum TabLeaderType {
+    None=0,
+    Dots=1,
+    MiddleDots=2,
+    Hyphens=3,
+    Underline=4,
+    ThickLine=5,
+    EqualSign=6
+}
+/**
+ * Contains settings to define the paragraph formatting.
+ */
+interface ParagraphFormattingSettings {
+    /**
+     * Gets or sets the paragraph alignment.
+     * Value: One of the <see cref="ParagraphAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the outline level of a paragraph.
+     * Value: An integer specifying the level number.
+     */
+    outlineLevel: number;
+    /**
+     * Gets or sets the right indent value for the specified paragraph.
+     * Value: An integer value specifying the right indent.
+     */
+    rightIndent: number;
+    /**
+     * Gets or sets the spacing before the current paragraph.
+     * Value: An integer value specifying the spacing before the paragraph.
+     */
+    spacingBefore: number;
+    /**
+     * Gets or sets the spacing after the current paragraph.
+     * Value: An integer value specifying the spacing after the paragraph.
+     */
+    spacingAfter: number;
+    /**
+     * Gets or sets a value which determines the spacing between lines in a paragraph.
+     * Value: One of the <see cref="ParagraphLineSpacingType" /> values.
+     */
+    lineSpacingType: any;
+    /**
+     * Gets or sets a value specifying whether and how the first line of a paragraph is indented.
+     * Value: One of the <see cref="ParagraphFirstLineIndent" /> values.
+     */
+    firstLineIndentType: any;
+    /**
+     * Gets or sets a value specifying the indent of the first line of a paragraph.
+     * Value: An integer value specifying the indent of the first line.
+     */
+    firstLineIndent: number;
+    /**
+     * Gets or sets whether to suppress addition of additional space (contextual spacing) between paragraphs of the same style.
+     * Value: true to remove extra spacing between paragraphs, false to add extra space.
+     */
+    contextualSpacing: boolean;
+    /**
+     * Gets or sets whether to prevent all page breaks that interrupt a paragraph.
+     * Value: true, to keep paragraph lines together; otherwise, false.
+     */
+    keepLinesTogether: boolean;
+    /**
+     * Gets or sets whether a page break is inserted automatically before a specified paragraph(s).
+     * Value: true, if a page break is inserted automatically before a paragraph(s); otherwise, false.
+     */
+    pageBreakBefore: boolean;
+    /**
+     * Gets or sets the left indent for text within a paragraph.
+     * Value: An integer value specifying the left indent.
+     */
+    leftIndent: number;
+    /**
+     * Gets or sets a line spacing value.
+     * Value: An integer value specifying the line spacing.
+     */
+    lineSpacing: number;
+    /**
+     * Gets or sets the paragraph background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+}
+declare enum ParagraphAlignment {
+    Left=0,
+    Right=1,
+    Center=2,
+    Justify=3
+}
+declare enum ParagraphLineSpacingType {
+    Single=0,
+    Sesquialteral=1,
+    Double=2,
+    Multiple=3,
+    Exactly=4,
+    AtLeast=5
+}
+declare enum ParagraphFirstLineIndent {
+    None=0,
+    Indented=1,
+    Hanging=2
+}
+interface AssignShortcutCommand extends CommandWithSimpleStateBase {
+    /**
+     * 
+     * @param keyCode 
+     * @param callback 
+     */
+    execute(keyCode: number, callback: (arg1: string) => void): boolean;
+}
+interface OpenSpellingDialogCommand extends CommandWithSimpleStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface OpenInsertTableDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenInsertTableDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Table dialog.
+ */
+interface InsertTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param columnCount An integer value specifying number of columns in a generated table.
+     * @param rowCount An integer value specifying number of rows in a generated table.
+     */
+    execute(columnCount: number, rowCount: number): boolean;
+}
+/**
+ * A command to invoke the Table Properties dialog.
+ */
+interface OpenTableFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's formatting.
+ */
+interface ChangeTableFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object containing the settings to format a table.
+     */
+    execute(settings: TableFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred row height.
+ */
+interface ChangeTableRowPreferredHeightCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableRowPreferredHeightCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredHeight A TableHeightUnit object specifying preferred height of the selected table rows.
+     */
+    execute(preferredHeight: TableHeightUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the preferred cell width of the selected table rows.
+ */
+interface ChangeTableCellPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table rows.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the selected table's preferred column width.
+ */
+interface ChangeTableColumnPreferredWidthCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableColumnPreferredWidthCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param preferredWidth A TableWidthUnit object specifying preferred width of the selected table columns.
+     */
+    execute(preferredWidth: TableWidthUnit): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the cell formatting of the selected table elements.
+ */
+interface ChangeTableCellFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableFormattingSettings object specifying cell formatting of the selected table elements.
+     */
+    execute(settings: TableCellFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to insert a table column to the left of the current position in the table.
+ */
+interface InsertTableColumnToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a table column to the right of the current position in the table.
+ */
+interface InsertTableColumnToTheRightCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableColumnToTheRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table below the selected row.
+ */
+interface InsertTableRowBelowCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowBelowCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert a row in a table above the selected row.
+ */
+interface InsertTableRowAboveCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableRowAboveCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table rows.
+ */
+interface DeleteTableRowsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableRowsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table columns.
+ */
+interface DeleteTableColumnsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableColumnsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to insert table cells with a horizontal shift into the selected table.
+ */
+interface InsertTableCellWithShiftToTheLeftCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellWithShiftToTheLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a horizontal shift.
+ */
+interface DeleteTableCellsWithShiftHorizontallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftHorizontallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table cells with a vertical shift.
+ */
+interface DeleteTableCellsWithShiftVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsWithShiftVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to delete the selected table.
+ */
+interface DeleteTableCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Insert Cells dialog.
+ */
+interface InsertTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Delete Cells dialog.
+ */
+interface DeleteTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DeleteTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to merge the selected table cells.
+ */
+interface MergeTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MergeTableCellsCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Split Cells dialog.
+ */
+interface SplitTableCellsDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to split the selected table cells based on the specified options.
+ */
+interface SplitTableCellsCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SplitTableCellsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param rowCount An integer value specifying number of rows in the splitted table cells.
+     * @param columnCount An integer value specifying number of columns in the splitted table cells.
+     * @param mergeBeforeSplit true to merge the selected cells before splitting; otherwise, false.
+     */
+    execute(rowCount: number, columnCount: number, mergeBeforeSplit: boolean): boolean;
+}
+/**
+ * A command to insert table cells with a vertical shift into the selected table.
+ */
+interface InsertTableCellsWithShiftToTheVerticallyCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the InsertTableCellsWithShiftToTheVerticallyCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to invoke the Borders and Shading table dialog.
+ */
+interface OpenTableBordersAndShadingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenTableBordersAndShadingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change borders and shading of the selected table elements.
+ */
+interface ChangeTableBordersAndShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBordersAndShadingCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object with settings specifying table borders.
+     * @param applyToWholeTable true to apply the border settings to the whole table, false to apply the border settings to the selected cells.
+     */
+    execute(settings: TableBordersSettings, applyToWholeTable: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to apply top-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply top-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignTopRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignTopRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply middle-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignMiddleRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignMiddleRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-left alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomLeftCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomLeftCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-center alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomCenterCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomCenterCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to apply bottom-right alignment for the selected table cells.
+ */
+interface ToggleTableCellAlignBottomRightCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAlignBottomRightCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style.
+ */
+interface ChangeTableStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A TableStyle object specifying the style applying to the table.
+     */
+    execute(style: TableStyle): boolean;
+    /**
+     * Executes the ChangeTableStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the name of style applying to the table.
+     */
+    execute(styleName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle top borders for selected cells on/off.
+ */
+interface ToggleTableCellTopBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellTopBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle right borders for selected cells on/off.
+ */
+interface ToggleTableCellRightBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellRightBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle bottom borders for selected cells on/off.
+ */
+interface ToggleTableCellBottomBorderCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellBottomBorderCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+interface ToggleTableCellLeftBorderCommand extends CommandWithBooleanStateBase {
+    execute(): boolean;
+}
+/**
+ * A command to remove the borders of the selected table cells.
+ */
+interface RemoveTableCellBordersCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the RemoveTableCellBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle all borders for selected cells on/off.
+ */
+interface ToggleTableCellAllBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellAllBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner horizontal borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideHorizontalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideHorizontalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle inner vertical borders for selected cells on/off.
+ */
+interface ToggleTableCellInsideVerticalBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellInsideVerticalBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle outer borders for selected cells on/off.
+ */
+interface ToggleTableCellOutsideBordersCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ToggleTableCellOutsideBordersCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected table's style options.
+ */
+interface ChangeTableLookCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableLookCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableLookSettings object containing the settings that modify the table appearance.
+     */
+    execute(settings: TableLookSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the repository item's table border style.
+ */
+interface ChangeTableBorderRepositoryItemCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableBorderRepositoryItemCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A TableBorderSettings object specifying the repository item's table border style.
+     */
+    execute(settings: TableBorderSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change cell shading in the selected table elements.
+ */
+interface ChangeTableCellShadingCommand extends CommandBase {
+    /**
+     * Executes the ChangeTableCellShadingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying color of the selected cells' shading. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to toggle the display of grid lines for a table with no borders applied - on/off.
+ */
+interface ShowTableGridLinesCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowTableGridLinesCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowTableGridLinesCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param showTableGridLines true to display grid lines of the table, false to hide grid lines of the table.
+     */
+    execute(showTableGridLines: boolean): boolean;
+}
+/**
+ * Contains the table style settings that modify the table appearance.
+ */
+interface TableLookSettings {
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last row of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastRow: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the first column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyFirstColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether special formatting is applied to the last column of the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    applyLastColumn: boolean;
+    /**
+     * Gets or sets a value specifying whether row banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyRowBanding: boolean;
+    /**
+     * Gets or sets a value specifying whether column banding formatting is not applied to the table.
+     * Value: true, to apply the formatting; otherwise, false.
+     */
+    doNotApplyColumnBanding: boolean;
+}
+/**
+ * Contains settings to define table borders.
+ */
+interface TableBordersSettings {
+    /**
+     * Gets or sets the top border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    top: TableBorderSettings;
+    /**
+     * Gets or sets the right border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    right: TableBorderSettings;
+    /**
+     * Gets or sets the bottom border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    bottom: TableBorderSettings;
+    /**
+     * Gets or sets the left border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    left: TableBorderSettings;
+    /**
+     * Gets or sets the inside horizontal border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideHorizontal: TableBorderSettings;
+    /**
+     * Gets or sets the inside vertical border's settings.
+     * Value: A TableBorderSettings object containing the table border settings.
+     */
+    insideVertical: TableBorderSettings;
+    /**
+     * Gets or sets the background color of table borders.
+     * Value: A string value specifying the background color.
+     */
+    backgroundColor: string;
+}
+/**
+ * Contains settings to define a table border.
+ */
+interface TableBorderSettings {
+    /**
+     * Gets or sets the border color.
+     * Value: A string value specifying the border color.
+     */
+    color: string;
+    /**
+     * Gets or sets the border line width.
+     * Value: An integer value defining the border line width.
+     */
+    width: number;
+    /**
+     * Gets or sets the border line style.
+     * Value: A <see cref="BorderLineStyle" /> object defining the border line style.
+     */
+    style: any;
+}
+declare enum BorderLineStyle {
+    None=0,
+    Single=1,
+    Thick=2,
+    Double=3,
+    Dotted=4,
+    Dashed=5,
+    DotDash=6,
+    DotDotDash=7,
+    Triple=8,
+    ThinThickSmallGap=9,
+    ThickThinSmallGap=10,
+    ThinThickThinSmallGap=11,
+    ThinThickMediumGap=12,
+    ThickThinMediumGap=13,
+    ThinThickThinMediumGap=14,
+    ThinThickLargeGap=15,
+    ThickThinLargeGap=16,
+    ThinThickThinLargeGap=17,
+    Wave=18,
+    DoubleWave=19,
+    DashSmallGap=20,
+    DashDotStroked=21,
+    ThreeDEmboss=22,
+    ThreeDEngrave=23,
+    Outset=24,
+    Inset=25,
+    Apples=26,
+    ArchedScallops=27,
+    BabyPacifier=28,
+    BabyRattle=29,
+    Balloons3Colors=30,
+    BalloonsHotAir=31,
+    BasicBlackDashes=32,
+    BasicBlackDots=33,
+    BasicBlackSquares=34,
+    BasicThinLines=35,
+    BasicWhiteDashes=36,
+    BasicWhiteDots=37,
+    BasicWhiteSquares=38,
+    BasicWideInline=39,
+    BasicWideMidline=40,
+    BasicWideOutline=41,
+    Bats=42,
+    Birds=43,
+    BirdsFlight=44,
+    Cabins=45,
+    CakeSlice=46,
+    CandyCorn=47,
+    CelticKnotwork=48,
+    CertificateBanner=49,
+    ChainLink=50,
+    ChampagneBottle=51,
+    CheckedBarBlack=52,
+    CheckedBarColor=53,
+    Checkered=54,
+    ChristmasTree=55,
+    CirclesLines=56,
+    CirclesRectangles=57,
+    ClassicalWave=58,
+    Clocks=59,
+    Compass=60,
+    Confetti=61,
+    ConfettiGrays=62,
+    ConfettiOutline=63,
+    ConfettiStreamers=64,
+    ConfettiWhite=65,
+    CornerTriangles=66,
+    CouponCutoutDashes=67,
+    CouponCutoutDots=68,
+    CrazyMaze=69,
+    CreaturesButterfly=70,
+    CreaturesFish=71,
+    CreaturesInsects=72,
+    CreaturesLadyBug=73,
+    CrossStitch=74,
+    Cup=75,
+    DecoArch=76,
+    DecoArchColor=77,
+    DecoBlocks=78,
+    DiamondsGray=79,
+    DoubleD=80,
+    DoubleDiamonds=81,
+    Earth1=82,
+    Earth2=83,
+    EclipsingSquares1=84,
+    EclipsingSquares2=85,
+    EggsBlack=86,
+    Fans=87,
+    Film=88,
+    Firecrackers=89,
+    FlowersBlockPrint=90,
+    FlowersDaisies=91,
+    FlowersModern1=92,
+    FlowersModern2=93,
+    FlowersPansy=94,
+    FlowersRedRose=95,
+    FlowersRoses=96,
+    FlowersTeacup=97,
+    FlowersTiny=98,
+    Gems=99,
+    GingerbreadMan=100,
+    Gradient=101,
+    Handmade1=102,
+    Handmade2=103,
+    HeartBalloon=104,
+    HeartGray=105,
+    Hearts=106,
+    HeebieJeebies=107,
+    Holly=108,
+    HouseFunky=109,
+    Hypnotic=110,
+    IceCreamCones=111,
+    LightBulb=112,
+    Lightning1=113,
+    Lightning2=114,
+    MapleLeaf=115,
+    MapleMuffins=116,
+    MapPins=117,
+    Marquee=118,
+    MarqueeToothed=119,
+    Moons=120,
+    Mosaic=121,
+    MusicNotes=122,
+    Northwest=123,
+    Ovals=124,
+    Packages=125,
+    PalmsBlack=126,
+    PalmsColor=127,
+    PaperClips=128,
+    Papyrus=129,
+    PartyFavor=130,
+    PartyGlass=131,
+    Pencils=132,
+    People=133,
+    PeopleHats=134,
+    PeopleWaving=135,
+    Poinsettias=136,
+    PostageStamp=137,
+    Pumpkin1=138,
+    PushPinNote1=139,
+    PushPinNote2=140,
+    Pyramids=141,
+    PyramidsAbove=142,
+    Quadrants=143,
+    Rings=144,
+    Safari=145,
+    Sawtooth=146,
+    SawtoothGray=147,
+    ScaredCat=148,
+    Seattle=149,
+    ShadowedSquares=150,
+    SharksTeeth=151,
+    ShorebirdTracks=152,
+    Skyrocket=153,
+    SnowflakeFancy=154,
+    Snowflakes=155,
+    Sombrero=156,
+    Southwest=157,
+    Stars=158,
+    Stars3d=159,
+    StarsBlack=160,
+    StarsShadowed=161,
+    StarsTop=162,
+    Sun=163,
+    Swirligig=164,
+    TornPaper=165,
+    TornPaperBlack=166,
+    Trees=167,
+    TriangleParty=168,
+    Triangles=169,
+    Tribal1=170,
+    Tribal2=171,
+    Tribal3=172,
+    Tribal4=173,
+    Tribal5=174,
+    Tribal6=175,
+    TwistedLines1=176,
+    TwistedLines2=177,
+    Vine=178,
+    Waveline=179,
+    WeavingAngles=180,
+    WeavingBraid=181,
+    WeavingRibbon=182,
+    WeavingStrips=183,
+    WhiteFlowers=184,
+    Woodwork=185,
+    XIllusions=186,
+    ZanyTriangles=187,
+    ZigZag=188,
+    ZigZagStitch=189,
+    Nil=-1
+}
+/**
+ * Contains the settings to define the table cell formatting.
+ */
+interface TableCellFormattingSettings {
+    /**
+     * Gets or sets a table cell's preferred width.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the preferred cell width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the vertical alignment of a table cell's content.
+     * Value: One the <see cref="TableCellVerticalAlignment" /> values.
+     */
+    verticalAlignment: any;
+    /**
+     * Gets or sets a value specifying whether text is wrapped in a table cell.
+     * Value: true if text is wrapped; false if text is not wrapped.
+     */
+    noWrap: boolean;
+    /**
+     * Gets or sets a table cell's left margin.
+     * Value: An integer value specifying the left margin.
+     */
+    marginLeft: number;
+    /**
+     * Gets or sets a table cell's right margin.
+     * Value: An integer value specifying the right margin.
+     */
+    marginRight: number;
+    /**
+     * Gets or sets a table cell's top margin.
+     * Value: An integer value specifying the top margin.
+     */
+    marginTop: number;
+    /**
+     * Gets or sets a table cell's bottom margin.
+     * Value: An integer value specifying the bottom margin.
+     */
+    marginBottom: number;
+    /**
+     * Gets or sets a value specifying whether a table cell's margins are inherited from the table level settings.
+     * Value: true to inherit table level margins; false to use a table cell's own margin settings.
+     */
+    marginsSameAsTable: boolean;
+}
+declare enum TableCellVerticalAlignment {
+    Top=0,
+    Both=1,
+    Center=2,
+    Bottom=3
+}
+/**
+ * Contains the settings to format a table.
+ */
+interface TableFormattingSettings {
+    /**
+     * Gets or sets the preferred width of cells in the table.
+     * Value: A <see cref="TableWidthUnit" /> object specifying the width.
+     */
+    preferredWidth: TableWidthUnit;
+    /**
+     * Gets or sets the alignment of table rows.
+     * Value: One of the <see cref="TableRowAlignment" /> values.
+     */
+    alignment: any;
+    /**
+     * Gets or sets the table's left indent.
+     * Value: An integer value specifying the indent.
+     */
+    indent: number;
+    /**
+     * Gets or sets the spacing between table cells.
+     * Value: An integer value specifying the spacing.
+     */
+    spacingBetweenCells: number;
+    /**
+     * Gets or sets a value specifying whether spacing is allowed between table cells.
+     * Value: true, to allow spacing; otherwise, false.
+     */
+    allowSpacingBetweenCells: boolean;
+    /**
+     * Gets or sets a value that specifying whether to allow automatic resizing of table cells to fit their contents.
+     * Value: true, to allow automatic resizing; otherwise, false.
+     */
+    resizeToFitContent: boolean;
+    /**
+     * Gets or sets the default left margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginLeft: number;
+    /**
+     * Gets or sets the default right margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginRight: number;
+    /**
+     * Gets or sets the default top margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginTop: number;
+    /**
+     * Gets or sets the default bottom margin for cells in the table.
+     * Value: An integer value specifying the margin value.
+     */
+    defaultCellMarginBottom: number;
+}
+/**
+ * Contains settings defining the table width's measurement units and value.
+ */
+interface TableWidthUnit {
+    /**
+     * Gets or sets the table width value.
+     * Value: An integer value specifying the table width.
+     */
+    value: number;
+    /**
+     * Gets or sets the unit type for the table width.
+     * Value: One of the <see cref="TableWidthUnitType" /> values.
+     */
+    type: any;
+}
+/**
+ * Contains settings defining the table height's measurement units and value.
+ */
+interface TableHeightUnit {
+    /**
+     * Gets or sets the table height value.
+     * Value: An integer value specifying the table height.
+     */
+    value: number;
+    type: any;
+}
+declare enum TableHeightUnitType {
+    Minimum=0,
+    Auto=1,
+    Exact=2
+}
+declare enum TableRowAlignment {
+    Both=0,
+    Center=1,
+    Distribute=2,
+    Left=3,
+    NumTab=4,
+    Right=5
+}
+declare enum TableWidthUnitType {
+    Nil=0,
+    Auto=1,
+    FiftiethsOfPercent=2,
+    ModelUnits=3
+}
+/**
+ * A command to change the font name of characters in a selected range.
+ */
+interface ChangeFontNameCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontNameCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontName A string specifying font name.
+     */
+    execute(fontName: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the font size of characters in a selected range.
+ */
+interface ChangeFontSizeCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSize An integer number specifying font size.
+     */
+    execute(fontSize: number): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to increase the font size of characters in a selected range to the closest larger predefined value.
+ */
+interface IncreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the IncreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to decrease the font size of characters in a selected range to the closest smaller predefined value.
+ */
+interface DecreaseFontSizeCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the DecreaseFontSizeCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to upper case.
+ */
+interface MakeTextUpperCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextUpperCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the selected text to lower case.
+ */
+interface MakeTextLowerCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextLowerCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to capitalize each word in the selected sentence.
+ */
+interface CapitalizeEachWordTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the CapitalizeEachWordTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to toggle the case for each character - upper case becomes lower, lower case becomes upper.
+ */
+interface ToggleTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ToggleTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the bold formatting of characters in a selected range.
+ */
+interface ChangeFontBoldCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontBoldCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontBoldCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontBold true to apply bold formatting to the text, false to remove bold formatting.
+     */
+    execute(fontBold: boolean): boolean;
+}
+/**
+ * A command to change the italic formatting of characters in a selected range.
+ */
+interface ChangeFontItalicCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontItalicCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontItalicCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontItalic true to apply italic formatting to the text, false to remove italic formatting.
+     */
+    execute(fontItalic: boolean): boolean;
+}
+/**
+ * A command to change the underline formatting of characters in a selected range.
+ */
+interface ChangeFontUnderlineCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontUnderlineCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontUnderlineCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontUnderline true to apply underline formatting to the text, false to remove underline formatting.
+     */
+    execute(fontUnderline: boolean): boolean;
+}
+/**
+ * A command to change the strikeout formatting of characters in a selected range.
+ */
+interface ChangeFontStrikeoutCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontStrikeoutCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontStrikeout true to apply strikeout formatting to the text, false to remove strikeout formatting.
+     */
+    execute(fontStrikeout: boolean): boolean;
+}
+/**
+ * A command to change the superscript formatting of characters in a selected range.
+ */
+interface ChangeFontSuperscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSuperscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSuperscript true to apply superscript formatting to the text, false to remove superscript formatting.
+     */
+    execute(fontSuperscript: boolean): boolean;
+}
+/**
+ * A command to change the subscript formatting of characters in the selected range.
+ */
+interface ChangeFontSubscriptCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ChangeFontSubscriptCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ChangeFontSubscriptCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fontSubscript true to apply subscript formatting to the text, false to remove subscript formatting.
+     */
+    execute(fontSubscript: boolean): boolean;
+}
+/**
+ * A command to change the font color of characters in a selected range.
+ */
+interface ChangeFontForeColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontForeColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying font color. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to change the background color of characters in a selected range.
+ */
+interface ChangeFontBackColorCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param color A string specifying highlighting color. May be specified as color name or hex color value.
+     */
+    execute(color: string): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to reset the selected text's formatting to default.
+ */
+interface ClearFormattingCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the ClearFormattingCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the selected range's style.
+ */
+interface ChangeStyleCommand extends CommandBase {
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param style A StyleBase object specifying the selected range's style.
+     */
+    execute(style: StyleBase): boolean;
+    /**
+     * Executes the ChangeStyleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param styleName A string specifying the name of applying style.
+     * @param isParagraphStyle true to apply style to paragraph, false to apply style to character.
+     */
+    execute(styleName: string, isParagraphStyle: boolean): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * A command to invoke the Font dialog allowing end-users to change the font, size and style of the selected text.
+ */
+interface OpenFontFormattingDialogCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the OpenFontFormattingDialogCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to convert the text of all selected sentences to sentence case.
+ */
+interface MakeTextSentenceCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the MakeTextSentenceCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to switch the text case at the current position in the document.
+ */
+interface SwitchTextCaseCommand extends CommandWithSimpleStateBase {
+    /**
+     * Executes the SwitchTextCaseCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+}
+/**
+ * A command to change the font formatting of characters in a selected range.
+ */
+interface ChangeFontFormattingCommand extends CommandBase {
+    /**
+     * Executes the ChangeFontFormattingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param settings A  FontFormattingSettings object specifying font formatting settings.
+     */
+    execute(settings: FontFormattingSettings): boolean;
+    /**
+     * Gets information about the command state.
+     */
+    getState(): any;
+}
+/**
+ * Contains settings to define the font formatting.
+ */
+interface FontFormattingSettings {
+    /**
+     * Gets or sets the character(s) font name.
+     * Value: A string value specifying the font name.
+     */
+    fontName: string;
+    /**
+     * Gets or sets the character(s) font size.
+     * Value: An integer value specifying the font size.
+     */
+    size: number;
+    /**
+     * Gets or sets the foreground color of characters.
+     * Value: A string value specifying the foreground color.
+     */
+    foreColor: string;
+    /**
+     * Gets or sets the character background color.
+     * Value: A string value specifying the background color.
+     */
+    backColor: string;
+    /**
+     * Gets or sets the type of underline applied to the character(s).
+     * Value: true, if characters are underlined; otherwise, false.
+     */
+    underline: boolean;
+    /**
+     * Gets or sets the color of the underline for the specified characters.
+     * Value: A string value specifying the underline color.
+     */
+    underlineColor: string;
+    /**
+     * Gets or sets whether the character formatting is bold.
+     * Value: true, if characters are bold; otherwise, false.
+     */
+    bold: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is italicized.
+     * Value: true, if characters are italicized; otherwise, false.
+     */
+    italic: boolean;
+    strikeout: boolean;
+    /**
+     * Gets or sets whether only word characters are underlined.
+     * Value: true to underline only characters in words; false to underline all characters.
+     */
+    underlineWordsOnly: boolean;
+    /**
+     * Gets or sets a value specifying character script formatting.
+     * Value: One of the <see cref="CharacterFormattingScript" /> values.
+     */
+    script: any;
+    /**
+     * Gets or sets a value indicating whether all characters are capital letters.
+     * Value: true, if all characters are capitalized; otherwise, false.
+     */
+    allCaps: boolean;
+    /**
+     * Gets or sets a value indicating whether a character(s) is hidden.
+     * Value: true, if characters are hidden; otherwise, false.
+     */
+    hidden: boolean;
+}
+declare enum CharacterFormattingScript {
+    Normal=0,
+    Subscript=1,
+    Superscript=2
+}
+/**
+ * A command to toggle the horizontal ruler's visibility.
+ */
+interface ShowHorizontalRulerCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the ShowHorizontalRulerCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the ShowHorizontalRulerCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param show true to display the horizontal ruler, false to hide the horizontal ruler.
+     */
+    execute(show: boolean): boolean;
+}
+/**
+ * A command to toggle the fullscreen mode.
+ */
+interface SetFullscreenCommand extends CommandWithBooleanStateBase {
+    /**
+     * Executes the SetFullscreenCommand command by imitating the corresponding end-user action made in the RichEdit's UI.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     */
+    execute(): boolean;
+    /**
+     * Executes the SetFullscreenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
+     * @param fullscreen true to apply fullscreen mode, false to remove fullscreen mode.
+     */
+    execute(fullscreen: boolean): boolean;
+}
+/**
+ * Holds the information that determines what action types can be performed for appointments.
+ */
+interface ASPxClientAppointmentFlags {
+    /**
+     * Gets a value that specifies whether an end-user is allowed to delete appointments.
+     * Value: true if an end-user can delete appointments; otherwise, false. Default is true.
+     */
+    allowDelete: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to edit appointments.
+     * Value: true if the end-user can edit appointments; otherwise, false.
+     */
+    allowEdit: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to change the time boundaries of appointments.
+     * Value: true if appointment resizing is allowed; otherwise, false. Default is true.
+     */
+    allowResize: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to copy appointments.
+     * Value: true if a user can copy appointments; otherwise, false. Default is true.
+     */
+    allowCopy: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments to another time slot or date.
+     * Value: true if the user can drag and drop appointments; otherwise, false.
+     */
+    allowDrag: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to drag and drop appointments between resources.
+     * Value: true if the end-user can drag appointment from one resource to another; otherwise, false.
+     */
+    allowDragBetweenResources: boolean;
+    /**
+     * Gets a value that specifies whether an inplace editor can be activated for an appointment.
+     * Value: true if an inplace editor is activated; otherwise, false. Default is true.
+     */
+    allowInplaceEditor: boolean;
+    /**
+     * Gets a value that specifies whether an end-user is allowed to share the schedule time between two or more appointments.
+     * Value: true if appointments with the same schedule time are allowed; otherwise, false. Default is true.
+     */
+    allowConflicts: boolean;
+}
+/**
+ * Represents a client-side equivalent of the Appointment class.
+ */
+interface ASPxClientAppointment {
+    /**
+     * Gets the time interval of the appointment for client-side scripting.
+     * Value: An ASPxClientTimeInterval object, representing the interval assigned to an appointment.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the identifiers of resources associated with the appointment for client-side scripting.
+     * Value: An array of string representations for resource identifiers.
+     */
+    resources: string[];
+    /**
+     * Gets the ID of an appointment for use in client-side scripts.
+     * Value: A string representation of the appointment ID.
+     */
+    appointmentId: string;
+    /**
+     * Gets the type of appointment for use in client-side scripts.
+     * Value: An ASPxAppointmentType enumeration member, representing the appointment's type.
+     */
+    appointmentType: ASPxAppointmentType;
+    /**
+     * Gets the index of the availability status object associated with the appointment.
+     * Value: An integer value that specifies the index of the corresponding Statuses collection.
+     */
+    statusIndex: number;
+    /**
+     * Gets  the index of the label object associated with the appointment for client-side scripting.
+     * Value: An integer value that specifies the index of the corresponding Labels collection.
+     */
+    labelIndex: number;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Subject property.
+     * Value: A string representing the appointment subject.
+     */
+    subject: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Description property.
+     * Value: A string, representing the description for an appointment.
+     */
+    description: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the Location property.
+     * Value: A string representing the appointment location.
+     */
+    location: string;
+    /**
+     * Gets the client appointment value that is equivalent in meaning to the AllDay property.
+     * Value: true indicates the all-day appointment; otherwise, false.
+     */
+    allDay: boolean;
+    /**
+     * Adds a resource to the collection of resources associated with the client appointment.
+     * @param resourceId An object, representing the resource id.
+     */
+    AddResource(resourceId: Object): void;
+    /**
+     * Gets the resource associated with the client-side appointment by its index.
+     * @param index An integer, representing an index of a resource in a resource collection associated with the current appointment.
+     */
+    GetResource(index: number): Object;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Start appointment property.
+     * @param start A JavaScript Date object representing the appointment start.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Start appointment property.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the End appointment property.
+     * @param end A JavaScript Date object representing the end of the appointment.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the End appointment property.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Duration appointment property.
+     * @param duration A TimeSpan object representing the appointment duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Duration appointment property.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the ID of the client appointment.
+     * @param id An object representing the appointment identifier.
+     */
+    SetId(id: Object): void;
+    /**
+     * Gets the ID of the client appointment.
+     */
+    GetId(): Object;
+    /**
+     * Specifies the type of the current client appointment.
+     * @param type An ASPxAppointmentType enumeration value indicating the appointment type.
+     */
+    SetAppointmentType(type: ASPxAppointmentType): void;
+    /**
+     * Gets the type of the client appointment.
+     */
+    GetAppointmentType(): ASPxAppointmentType;
+    /**
+     * Sets the property value of the client appointment, corresponding to the StatusId appointment property.
+     * @param statusId An integer representing the index in the AppointmentStatusCollection.
+     */
+    SetStatusId(statusId: number): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the StatusId appointment property.
+     */
+    GetStatusId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the LabelId appointment property.
+     * @param statusId An integer representing the index of the label in the Labels label collection.
+     */
+    SetLabelId(statusId: number): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the LabelId appointment property.
+     */
+    GetLabelId(): number;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Subject appointment property.
+     * @param subject A string containing the appointment subject.
+     */
+    SetSubject(subject: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Subject appointment property.
+     */
+    GetSubject(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Description appointment property.
+     * @param description A string representing the appointment description.
+     */
+    SetDescription(description: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Description appointment property.
+     */
+    GetDescription(): string;
+    /**
+     * Sets the property value of the client appointment, corresponding to the Location appointment property.
+     * @param location A string representing the appointment location.
+     */
+    SetLocation(location: string): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the Location appointment property.
+     */
+    GetLocation(): string;
+    /**
+     * Specifies the property value of the client appointment corresponding to the AllDay appointment property.
+     * @param allDay true to indicate the all-day appointment; otherwise, false.
+     */
+    SetAllDay(allDay: boolean): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the AllDay appointment property.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Gets the appointment that is the RecurrencePattern for the current appointment.
+     */
+    GetRecurrencePattern(): ASPxClientAppointment;
+    /**
+     * Sets the property value of the client appointment, corresponding to the RecurrenceInfo appointment property.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object representing the recurrence information.
+     */
+    SetRecurrenceInfo(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+    /**
+     * Gets the property value of the client appointment corresponding to the RecurrenceInfo appointment property.
+     */
+    GetRecurrenceInfo(): ASPxClientRecurrenceInfo;
+}
+/**
+ * A client point object.
+ */
+interface ASPxClientPoint {
+    /**
+     * Gets the point's X-coordinate.
+     */
+    GetX(): number;
+    /**
+     * Gets the point's Y-coordinate.
+     */
+    GetY(): number;
+}
+/**
+ * A client rectangle object.
+ */
+interface ASPxClientRect {
+    /**
+     * Gets the X-coordinate of the rectangle's left edge.
+     */
+    GetLeft(): number;
+    /**
+     * Gets the X-coordinate of the rectangle's right edge.
+     */
+    GetRight(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's top edge.
+     */
+    GetTop(): number;
+    /**
+     * Gets the Y-coordinate of the rectangle's bottom edge.
+     */
+    GetBottom(): number;
+    /**
+     * Gets the rectangle's width.
+     */
+    GetWidth(): number;
+    /**
+     * Gets the rectangle's height.
+     */
+    GetHeight(): number;
+}
+/**
+ * Contains information defining the occurrences of a recurring client appointment.
+ */
+interface ASPxClientRecurrenceInfo {
+    /**
+     * Sets the recurrence start date.
+     * @param start A JavaScript date object value that specifies the start date for the recurrence.
+     */
+    SetStart(start: Date): void;
+    /**
+     * Gets the recurrence start date.
+     */
+    GetStart(): Date;
+    /**
+     * Sets the recurrence end date.
+     * @param end A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEnd(end: Date): void;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEnd(): Date;
+    /**
+     * Sets the duration of the recurrence.
+     * @param duration A TimeSpan object representing the duration.
+     */
+    SetDuration(duration: any): void;
+    /**
+     * Gets the duration of the recurrence.
+     */
+    GetDuration(): number;
+    /**
+     * Sets the time base for the frequency of the corresponding appointment occurrences.
+     * @param type An ASPxClientRecurrenceType enumeration value that specifies the recurrence's frequency type.
+     */
+    SetRecurrenceType(type: ASPxClientRecurrenceType): void;
+    /**
+     * Gets the time base for the frequency of the corresponding appointment reoccurrence.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the day/days in a week that the corresponding appointment recurs on.
+     * @param weekDays The ASPxClientWeekDays enumeration value specifying the day/days in a week.
+     */
+    SetWeekDays(weekDays: ASPxClientWeekDays): void;
+    /**
+     * Gets the day/days in a week on which the corresponding appointment occurs.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Sets the frequency with which the corresponding appointment occurs (dependent on the recurrence Type).
+     * @param periodicity An integer value that specifies the frequency with which the corresponding appointment occurs.
+     */
+    SetPeriodicity(periodicity: number): void;
+    /**
+     * Gets the frequency with which the corresponding appointment reoccurs (dependent on the recurrence Type).
+     */
+    GetPeriodicity(): number;
+    /**
+     * Sets the ordinal number of a day within a defined month.
+     * @param dayNumber A positive integer value that specifies the day number within a month.
+     */
+    SetDayNumber(dayNumber: number): void;
+    /**
+     * Gets the ordinal number of a day within a defined month.
+     */
+    GetDayNumber(): number;
+    /**
+     * Sets the occurrence number of the week in a month for the recurrence pattern.
+     * @param weekOfMonth A ASPxClientWeekOfMonth enumeration value that specifies a particular week in every month.
+     */
+    SetWeekOfMonth(weekOfMonth: ASPxClientWeekOfMonth): void;
+    /**
+     * Gets the occurrence number of the week in a month for the recurrence pattern.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+    /**
+     * Sets the month (as a number) on which the corresponding appointment occurs.
+     * @param month A positive integer value that specifies the month's number.
+     */
+    SetMonth(month: number): void;
+    /**
+     * Gets the month (as a number) on which the corresponding appointment recurs.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+}
+/**
+ * Contains types of the recurrence range.
+ */
+interface ASPxClientRecurrenceRange {
+    /**
+     * A recurring appointment will not have an end date, i.e. infinite recurrence
+     * Value: The "NoEndDate" string.
+     */
+    NoEndDate: string;
+    /**
+     * A recurring appointment will end after its recurrence count exceeds the value specified by the SetOccurrenceCount method.
+     * Value: The "OccurrenceCount" string.
+     */
+    OccurrenceCount: string;
+    /**
+     * A recurring appointment will end after the date specified by the SetEnd method.
+     * Value: The "EndByDate" string.
+     */
+    EndByDate: string;
+}
+/**
+ * Contains recurrence types.
+ */
+interface ASPxClientRecurrenceType {
+    /**
+     * The recurring appointment occurs on a daily basis.
+     * Value: The "Daily" string.
+     */
+    Daily: string;
+    /**
+     * The recurring appointment reoccurs on a weekly basis.
+     * Value: The "Weekly" string.
+     */
+    Weekly: string;
+    /**
+     * The recurring appointment reoccurs on a monthly basis.
+     * Value: The "Monthly" string.
+     */
+    Monthly: string;
+    /**
+     * The recurring appointment reoccurs on an yearly basis.
+     * Value: The "Yearly" string.
+     */
+    Yearly: string;
+    /**
+     * The recurring appointment occurs on an hourly base.
+     * Value: The "Hourly" string.
+     */
+    Hourly: string;
+}
+/**
+ * Contains days and groups of days for use in recurrence patterns.
+ */
+interface ASPxClientWeekDays {
+    /**
+     * Specifies Sunday.
+     * Value: The integer 1 value.
+     */
+    Sunday: number;
+    /**
+     * Specifies Monday.
+     * Value: The integer 2 value.
+     */
+    Monday: number;
+    /**
+     * Specifies Tuesday.
+     * Value: The integer 4 value.
+     */
+    Tuesday: number;
+    /**
+     * Specifies Wednesday.
+     * Value: The integer 8 value.
+     */
+    Wednesday: number;
+    /**
+     * Specifies Thursday.
+     * Value: The integer 16 value.
+     */
+    Thursday: number;
+    /**
+     * Specifies Friday.
+     * Value: The integer 32 value.
+     */
+    Friday: number;
+    /**
+     * Specifies Saturday.
+     * Value: The integer 64 value.
+     */
+    Saturday: number;
+    /**
+     * Specifies Saturday and Sunday.
+     * Value: The integer 65 value.
+     */
+    WeekendDays: number;
+    /**
+     * Specifies work days (Monday, Tuesday, Wednesday, Thursday and Friday).
+     * Value: The integer 62 value.
+     */
+    WorkDays: number;
+    /**
+     * Specifies every day of the week.
+     * Value: The integer 127 value.
+     */
+    EveryDay: number;
+}
+/**
+ * Contains number of weeks in a month in which the event occurs.
+ */
+interface ASPxClientWeekOfMonth {
+    /**
+     * There isn't any recurrence rule based on the weeks in a month.
+     * Value: The integer 0 value.
+     */
+    None: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the first week in the month.
+     * Value: The integer 1 value.
+     */
+    First: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the second week in the month.
+     * Value: The integer 2 value.
+     */
+    Second: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the third week in the month.
+     * Value: The integer 3 value.
+     */
+    Third: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the fourth week in the month.
+     * Value: The integer 4 value;
+     */
+    Fourth: number;
+    /**
+     * The recurring event will occur once a month, on the specified day or days of the last week in the month.
+     * Value: The integer 5 value;
+     */
+    Last: number;
+}
+/**
+ * Represents a client-side equivalent of the WeekDaysCheckEdit control.
+ */
+interface ASPxClientWeekDaysCheckEdit extends ASPxClientControl {
+    /**
+     * Gets the selection state of the week day check boxes.
+     */
+    GetValue(): ASPxClientWeekDays;
+    /**
+     * Gets the selection state of the week day check boxes.
+     * @param value An ASPxClientWeekDays object specifying the selection state of the week day check boxes.
+     */
+    SetValue(value: ASPxClientWeekDays): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceRangeControl.
+ */
+interface ASPxClientRecurrenceRangeControl extends ASPxClientControl {
+    /**
+     * Gets the type of the recurrence range.
+     */
+    GetRange(): ASPxClientRecurrenceRange;
+    /**
+     * Gets how many times the appointment occurs.
+     */
+    GetOccurrenceCount(): number;
+    /**
+     * Gets the recurrence end date.
+     */
+    GetEndDate(): Date;
+    /**
+     * Sets the type of the recurrence range.
+     * @param range An ASPxClientRecurrenceRangeenumeration value that specifies the recurrence range type.
+     */
+    SetRange(range: ASPxClientRecurrenceRange): void;
+    /**
+     * Sets how many times the appointment occurs.
+     * @param occurrenceCount An integer value that specifies how many times the appointment occurs.
+     */
+    SetOccurrenceCount(occurrenceCount: number): void;
+    /**
+     * Sets the recurrence end date.
+     * @param date A JavaScript Date object that specifies the end date for the recurrence.
+     */
+    SetEndDate(date: Date): void;
+}
+/**
+ * A base for client equivalents of recurrence controls available in the XtraScheduler library.
+ */
+interface ASPxClientRecurrenceControlBase extends ASPxClientControl {
+    /**
+     * Returns an object providing access to the ASPxClientRecurrenceControlBase control's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientRecurrenceControlBase control.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the DailyRecurrenceControl - a control for specifying the daily recurrence.
+ */
+interface ASPxClientDailyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientDailyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientDailyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the WeeklyRecurrenceControl.
+ */
+interface ASPxClientWeeklyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientWeeklyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientWeeklyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the MonthlyRecurrenceControl.
+ */
+interface ASPxClientMonthlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientMonthlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientMonthlyRecurrenceControll.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * Represents a client-side equivalent of the YearlyRecurrenceControl.
+ */
+interface ASPxClientYearlyRecurrenceControl extends ASPxClientRecurrenceControlBase {
+    /**
+     * Returns an object providing access to the ASPxClientYearlyRecurrenceControl's editor values.
+     */
+    CreateValueAccessor(): DefaultRecurrenceRuleValuesAccessor;
+    /**
+     * Updates values of editors displayed by the ASPxClientYearlyRecurrenceControl.
+     * @param recurrenceInfo An ASPxClientRecurrenceInfo object containing new editor values.
+     */
+    Update(recurrenceInfo: ASPxClientRecurrenceInfo): void;
+}
+/**
+ * An object providing access to an ASPxClientRecurrenceControlBase control's editor values.
+ */
+interface DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Get the frequency with which the appointment occurs with respect to the appointment's recurrence type.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the number of the month's day in which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientDailyRecurrenceControl's editor values.
+ */
+interface DailyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of days between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week to which a daily recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientWeeklyRecurrenceControl's editor values.
+ */
+interface WeeklyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the number of weeks between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week on which a weekly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+}
+/**
+ * An object providing access to an ASPxClientMonthlyRecurrenceControl's editor values.
+ */
+interface MonthlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the day of the month on which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets the number of months between appointment occurrences.
+     */
+    GetPeriodicity(): number;
+    /**
+     * Gets the days of the week on which a monthly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets the number of the week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * An object providing access to an ASPxClientYearlyRecurrenceControl's editor values.
+ */
+interface YearlyRecurrenceValuesAccessor extends DefaultRecurrenceRuleValuesAccessor {
+    /**
+     * Gets the day of the month on which the appointment is scheduled.
+     */
+    GetDayNumber(): number;
+    /**
+     * Gets or sets the month's number.
+     */
+    GetMonth(): number;
+    /**
+     * Gets the days of the week on which a yearly recurrent appointment is scheduled.
+     */
+    GetWeekDays(): ASPxClientWeekDays;
+    /**
+     * Gets or sets the number of a week in a month when an appointment is scheduled.
+     */
+    GetWeekOfMonth(): ASPxClientWeekOfMonth;
+}
+/**
+ * Provides base functionality for ASPxClientScheduler's forms.
+ */
+interface ASPxClientFormBase {
+    /**
+     * Occurs when the form has been closed.
+     */
+    FormClosed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientFormBase>>;
+    /**
+     * Closes the form.
+     */
+    Close(): void;
+    /**
+     * Sets the visibility state of the specified form element.
+     * @param element An object specifying the element whose visibility state should be changed.
+     * @param isVisible true to display the element; false to hide the element.
+     */
+    SetVisibleCore(element: Object, isVisible: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the RecurrenceTypeEdit.
+ */
+interface ASPxClientRecurrenceTypeEdit extends ASPxClientRadioButtonList {
+    /**
+     * Gets the selected recurrence type.
+     */
+    GetRecurrenceType(): ASPxClientRecurrenceType;
+    /**
+     * Sets the selected recurrence type.
+     * @param recurrenceType An ASPxClientRecurrenceType enumeration value.
+     */
+    SetRecurrenceType(recurrenceType: ASPxClientRecurrenceType): void;
+}
+/**
+ * Contains lists of property names for different appointment types.
+ */
+interface AppointmentPropertyNames {
+    /**
+     * Gets the list of properties characteristic for appointments of the Normal type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Normal: string;
+    /**
+     * Gets the list of properties characteristic for appointments of the Pattern type.
+     * Value: A string array which is composed of the appointment property names.
+     */
+    Pattern: string;
+}
+/**
+ * Represents the client-side equivalent of the TimeInterval class.
+ */
+interface ASPxClientTimeInterval {
+    /**
+     * Gets a value indicating if the time interval is All-Day.
+     */
+    GetAllDay(): boolean;
+    /**
+     * Sets a value specifying if the time interval is All-Day.
+     * @param allDayValue true, if this is an all-day time interval; otherwise, false.
+     */
+    SetAllDay(allDayValue: boolean): void;
+    /**
+     * Client-side function that returns the start time of the interval.
+     */
+    GetStart(): Date;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     */
+    GetDuration(): number;
+    /**
+     * Client-side function that returns the end time of the interval.
+     */
+    GetEnd(): Date;
+    /**
+     * Client-side function that sets the start time of the interval.
+     * @param value A DateTime value, representing the beginning of the interval.
+     */
+    SetStart(value: Date): void;
+    /**
+     * Client-side function that returns the duration of the specified time interval.
+     * @param value A TimeSpan  object, representing the duration of the time period.
+     */
+    SetDuration(value: any): void;
+    /**
+     * Client-side function that sets the end time of the interval.
+     * @param value A DateTime value, representing the end of the interval.
+     */
+    SetEnd(value: Date): void;
+    /**
+     * Determines whether the specified object is equal to the current ASPxClientTimeInterval instance.
+     * @param interval The object to compare with the current object.
+     */
+    Equals(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWith(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Checks if the current time interval intersects with the specified time interval. The boundaries of the time intervals are excluded from the check.
+     * @param interval A ASPxClientTimeInterval object which represents the time interval to be checked.
+     */
+    IntersectsWithExcludingBounds(interval: ASPxClientTimeInterval): boolean;
+    /**
+     * Client-side function that determines whether the specified interval is contained within the current one.
+     * @param interval An ASPxClientTimeInterval object, representing the time interval to check.
+     */
+    Contains(interval: ASPxClientTimeInterval): boolean;
+}
+/**
+ * Holds action types for the client-side Refresh method.
+ */
+interface ASPxClientSchedulerRefreshAction {
+    /**
+     * Gets the value of the action parameter which initiates a simple reload of the control.
+     * Value: An integer representing the action parameter value.
+     */
+    None: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its data-dependent satellites.
+     * Value: An integer representing the action parameter value.
+     */
+    VisibleIntervalChanged: number;
+    /**
+     * Gets the value of the action parameter which initiates reloading of the main ASPxScheduler control and its satellite View controls.
+     * Value: An integer representing the action parameter value.
+     */
+    ActiveViewTypeChanged: number;
+}
+/**
+ * Contains methods allowing you to perform or cancel an operation.
+ */
+interface ASPxClientAppointmentOperation {
+    /**
+     * Passes parameters to the corresponding callback function to accomplish the operation.
+     */
+    Apply(): void;
+    /**
+     * Cancels the operation.
+     */
+    Cancel(): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxScheduler control.
+ */
+interface ASPxClientScheduler extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientScheduler.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the Scheduler control is about to change its active view.
+     */
+    ActiveViewChanging: ASPxClientEvent<ActiveViewChangingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event. Occurs after the active view of the ASPxScheduler has been changed.
+     */
+    ActiveViewChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user clicks an appointment.
+     */
+    AppointmentClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when the end-user double clicks on an appointment.
+     */
+    AppointmentDoubleClick: ASPxClientEvent<AppointmentClickEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the user selects an appointment.
+     */
+    AppointmentsSelectionChanged: ASPxClientEvent<AppointmentsSelectionEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the time cell selection is changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs on the client side when the time cell selection is about to change.
+     */
+    SelectionChanging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Fires on the client side when the  time interval of the scheduling area is changed.
+     */
+    VisibleIntervalChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
+    /**
+     * Occurs when one of  More Buttons is clicked.
+     */
+    MoreButtonClicked: ASPxClientEvent<MoreButtonClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when a popup menu item is clicked.
+     */
+    MenuItemClicked: ASPxClientEvent<MenuItemClickedEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs after an appointment has been dragged and dropped.
+     */
+    AppointmentDrop: ASPxClientEvent<AppointmentDropEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being dragged.
+     */
+    AppointmentDrag: ASPxClientEvent<AppointmentDragEventHandler<ASPxClientScheduler>>;
+    /**
+     * A client-side event that occurs when an appointment is being resized.
+     */
+    AppointmentResizing: ASPxClientEvent<AppointmentResizingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that occurs when an appointment is resized.
+     */
+    AppointmentResize: ASPxClientEvent<AppointmentResizeEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side event that fires before an appointment is deleted.
+     */
+    AppointmentDeleting: ASPxClientEvent<ASPxClientAppointmentDeletingEventHandler<ASPxClientScheduler>>;
+    /**
+     * Client-side scripting  method that gets the active View.
+     */
+    GetActiveViewType(): ASPxSchedulerViewType;
+    /**
+     * Client-side scripting  method to change the ASPxScheduler's active View.
+     * @param value A ASPxSchedulerViewType enumeration value, representing a view type to set.
+     */
+    SetActiveViewType(value: ASPxSchedulerViewType): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the control will be reloaded using the specified refresh action.
+     * @param refreshAction An ASPxClientSchedulerRefreshAction enumeration value, specifying the refresh action.
+     */
+    Refresh(refreshAction: ASPxClientSchedulerRefreshAction): void;
+    /**
+     * Client-side function that returns the type of grouping applied to the appointments displayed in the scheduler.
+     */
+    GetGroupType(): ASPxSchedulerGroupType;
+    /**
+     * Client-side scripting method which raises the callback command to set the GroupType.
+     * @param value An ASPxSchedulerGroupType enumeration value, which specifies how appointments are grouped.
+     */
+    SetGroupType(value: ASPxSchedulerGroupType): void;
+    /**
+     * Client-side method that navigates the scheduler to the current system date.
+     */
+    GotoToday(): void;
+    /**
+     * Client-side scripting method which raises the GotoDate callback command.
+     * @param date A DateTime value specifying the destination time.
+     */
+    GotoDate(date: Date): void;
+    /**
+     * Client-side function which slides the visible interval one time span back.
+     */
+    NavigateBackward(): void;
+    /**
+     * Client-side function which slides the visible interval one time span forward.
+     */
+    NavigateForward(): void;
+    /**
+     * Client-side method which raises the callback command to change the ClientTimeZoneId of the scheduler.
+     * @param timeZoneId A string, a time zone identifier which is valid for the System.TimeZoneInfo.Id property.
+     */
+    ChangeTimeZoneId(timeZoneId: string): void;
+    /**
+     * Displays a Selection ToolTip on a position given by the specified coordinates.
+     * @param x An integer representing the X-coordinate.
+     * @param y An integer representing the Y-coordinate.
+     */
+    ShowSelectionToolTip(x: number, y: number): void;
+    /**
+     * Client-side function that returns the time interval, selected in the scheduler.
+     */
+    GetSelectedInterval(): ASPxClientTimeInterval;
+    /**
+     * Client-side function that returns the ResourceId of selected time cell's resource.
+     */
+    GetSelectedResource(): string;
+    /**
+     * Client-side function that returns an appointment with the specified ID.
+     * @param id An appointment's identifier.
+     */
+    GetAppointmentById(id: Object): ASPxClientAppointment;
+    /**
+     * Client-side function that returns the id's of selected appointments.
+     */
+    GetSelectedAppointmentIds(): string[];
+    /**
+     * Client-side function that removes the appointment specified by its client ID from a collection of selected appointments.
+     * @param aptId An appointment's identifier.
+     */
+    DeselectAppointmentById(aptId: Object): void;
+    /**
+     * Client-side function that selects an appointment with the specified ID.
+     * @param aptId An appointment's identifier.
+     */
+    SelectAppointmentById(aptId: Object): void;
+    /**
+     * Enables obtaining appointment property values in a client-side script. Executes the callback command with the AppointmentData identifier.
+     * @param aptId An integer, representing the appointment ID.
+     * @param propertyNames An array of strings, representing the appointment properties to query.
+     * @param onCallBack A handler of a function which will receive and process the properties' values.
+     */
+    GetAppointmentProperties(aptId: number, propertyNames: string[], onCallBack: Object): string[];
+    /**
+     * Initiates a callback to retrieve and apply the values for the specified list of properties to the specified appointment, and transfer control to the specified function.
+     * @param clientAppointment An ASPxClientAppointment object that is the client appointment for which the data is retrieved.
+     * @param propertyNames An array of strings, that are the names of appointment properties to query.
+     * @param onCallBack A handler of a function executed after a callback.
+     */
+    RefreshClientAppointmentProperties(clientAppointment: ASPxClientAppointment, propertyNames: string[], onCallBack: Object): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its client ID.
+     * @param aptClientId A string, representing the appointment client identifier.
+     */
+    ShowAppointmentFormByClientId(aptClientId: string): void;
+    /**
+     * Client-side function that invokes the editing form for the appointment specified by its storage identifier.
+     * @param aptServerId A string, representing the appointment identifier.
+     */
+    ShowAppointmentFormByServerId(aptServerId: string): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either 'Day' or 'WorkWeek'.
+     */
+    SetTopRowTime(duration: number, viewType: ASPxSchedulerViewType): void;
+    /**
+     * Sets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param duration An integer, representing the number of milliseconds passed since the start of the day.
+     */
+    SetTopRowTime(duration: number): void;
+    /**
+     * Gets the time of the day corresponding to the start of the topmost displayed time cell row.
+     * @param viewType An ASPxSchedulerViewType enumeration member, representing the scheduler's View. It can be either "Day" or  "WorkWeek", otherwise the result is undefined.
+     */
+    GetTopRowTime(viewType: ASPxSchedulerViewType): number;
+    /**
+     * Gets the time of day corresponding to the start of the topmost displayed time cell row.
+     */
+    GetTopRowTime(): number;
+    /**
+     * Client-side scripting method which displays the Loading Panel.
+     */
+    ShowLoadingPanel(): void;
+    /**
+     * Client-side scripting method which hides the Loading Panel from view.
+     */
+    HideLoadingPanel(): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date): void;
+    /**
+     * Client-side method that invokes the inplace editor form to create a new appointment.
+     * @param start A date object, representing the start of the new appointment.
+     * @param end A date object, representing the end of the new appointment.
+     * @param resourceId An object representing the identifier of a resource associated with the new appointment.
+     */
+    ShowInplaceEditor(start: Date, end: Date, resourceId: string): void;
+    /**
+     * Client-side scripting  method to insert the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    InsertAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to update the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    UpdateAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side scripting  method to delete the specified appointment.
+     * @param apt An ASPxClientAppointment object representing the client-side appointment.
+     */
+    DeleteAppointment(apt: ASPxClientAppointment): void;
+    /**
+     * Client-side method that allows retrieving a collection of time intervals displayed by the ASPxScheduler.
+     */
+    GetVisibleIntervals(): ASPxClientTimeInterval[];
+    /**
+     * Changes the container that the ASPxScheduler tooltip belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangeToolTipContainer(container: Object): void;
+    /**
+     * Changes the container that the ASPxScheduler pop-up menu belongs to.
+     * @param container An object that serves as the new container for the pop-up menu.
+     */
+    ChangePopupMenuContainer(container: Object): void;
+    /**
+     * Returns focus to the form if the ASPxScheduler control is not visible when the reminder fires.
+     * @param container A DIV object that is located in such a way that it is visible on the page in situations when the ASPxScheduler control is hidden.
+     */
+    ChangeFormContainer(container: Object): void;
+    /**
+     * Client-side scripting method that saves appointment modifications and closes the form.
+     */
+    AppointmentFormSave(): void;
+    /**
+     * Client-side scripting method that deletes the appointment being edited.
+     */
+    AppointmentFormDelete(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the appointment editing form.
+     */
+    AppointmentFormCancel(): void;
+    /**
+     * Client-side scripting method that navigates the scheduler to the date selected in the GotoDate form and closes the form.
+     */
+    GoToDateFormApply(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the GotoDate form.
+     */
+    GoToDateFormCancel(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormSave(): void;
+    /**
+     * Client-side scripting method that cancels changes and closes the form.
+     */
+    InplaceEditFormCancel(): void;
+    /**
+     * Client-side scripting method that invokes the appointment editing form for the appointment being edited in the inplace editor.
+     */
+    InplaceEditFormShowMore(): void;
+    /**
+     * Client-side scripting method that closes the Reminder form.
+     */
+    ReminderFormCancel(): void;
+    /**
+     * Client-side scripting method that calls the Dismiss method for the selected reminder.
+     */
+    ReminderFormDismiss(): void;
+    /**
+     * Client-side scripting method that dismisses all reminders shown in the Reminder form.
+     */
+    ReminderFormDismissAll(): void;
+    /**
+     * Client-side scripting method that changes the alert time for the selected reminder to the specified interval.
+     */
+    ReminderFormSnooze(): void;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerViewType object.
+ */
+interface ASPxSchedulerViewType {
+    /**
+     * Gets a string representation equivalent of Day enumeration for use in client scripts.
+     * Value: A string "Day", indicating the DayView.
+     */
+    Day: string;
+    /**
+     * Gets a string representation equivalent of WorkWeek enumeration for use in client scripts.
+     * Value: A string "WorkWeek", indicating the WorkWeekView.
+     */
+    WorkWeek: string;
+    /**
+     * Gets a string representation equivalent of Week enumeration for use in client scripts.
+     * Value: A string "Week", indicating the WeekView.
+     */
+    Week: string;
+    /**
+     * Gets a string representation equivalent of Month enumeration for use in client scripts.
+     * Value: A string "Month", indicating the MonthView.
+     */
+    Month: string;
+    /**
+     * Gets a string representation equivalent of Timeline enumeration for use in client scripts.
+     * Value: A string "Timeline", indicating the TimelineView.
+     */
+    Timeline: string;
+    /**
+     * Gets a string representation equivalent of FullWeek enumeration for use in client scripts.
+     * Value: A string "FullWeek", indicating the FullWeekView.
+     */
+    FullWeek: string;
+}
+/**
+ * Represents a client-side equivalent of the SchedulerGroupType enumeration.
+ */
+interface ASPxSchedulerGroupType {
+    /**
+     * Gets a string representation equivalent of None enumeration for use in client scripts.
+     * Value: A "None" string value.
+     */
+    None: string;
+    /**
+     * Gets a string representation equivalent of Date enumeration for use in client scripts.
+     * Value: A "Date" string value.
+     */
+    Date: string;
+    /**
+     * Gets a string representation equivalent of Resource enumeration for use in client scripts.
+     * Value: A "Resource" string value.
+     */
+    Resource: string;
+}
+/**
+ * Represents a client-side equivalent of the AppointmentType enumeration.
+ */
+interface ASPxAppointmentType {
+    /**
+     * Gets a string representation equivalent of Normal enumeration for use in client scripts.
+     * Value: A "Normal" string value.
+     */
+    Normal: string;
+    /**
+     * Gets a string representation equivalent of Pattern enumeration for use in client scripts.
+     * Value: A "Pattern" string value.
+     */
+    Pattern: string;
+    /**
+     * Gets a string representation equivalent of Occurrence enumeration for use in client scripts.
+     * Value: An "Occurrence" string value.
+     */
+    Occurrence: string;
+    /**
+     * Gets a string representation equivalent of ChangedOccurrence enumeration for use in client scripts.
+     * Value: A "ChangedOccurrence" string value.
+     */
+    ChangedOccurrence: string;
+    /**
+     * Gets a string representation equivalent of DeletedOccurrence enumeration for use in client scripts.
+     * Value: A "DeletedOccurrence" string value.
+     */
+    DeletedOccurrence: string;
+}
+interface ASPxClientAppointmentDeletingEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentDeleting event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentDeletingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentDeletingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDeleting event.
+ */
+interface ASPxClientAppointmentDeletingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets client IDs of the appointments that are intended to be removed.
+     * Value: An array of client appointment identifiers, representing appointments passed for deletion.
+     */
+    appointmentIds: Object[];
+}
+interface AppointmentClickEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentClick event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A AppointmentClickEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentClickEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDoubleClick events.
+ */
+interface AppointmentClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the client appointment ID for the appointment being clicked.
+     * Value: A string, representing the client ID of the appointment.
+     */
+    appointmentId: string;
+    /**
+     * Gets the HTML element that the event was triggered on.
+     * Value: An object containing event data.
+     */
+    htmlElement: Object;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentsSelectionChanged event.
+     * @param source The ASPxScheduler control which fires the event.
+     * @param e A AppointmentsSelectionEventArgs object that contains event data.
+     */
+    (source: S, e: AppointmentsSelectionEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentsSelectionChanged event.
+ */
+interface AppointmentsSelectionEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets identifiers of the selected appointments.
+     * Value: A comma separated list of string values, representing appointment IDs.
+     */
+    appointmentIds: string[];
+}
+/**
+ * A method that will handle the ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventHandler<S> {
+    /**
+     * A method that will handle the ActiveViewChanging event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e An ActiveViewChangingEventArgs object that contains event data
+     */
+    (source: S, e: ActiveViewChangingEventArgs): void;
+}
+/**
+ * Provides data for the client-side ActiveViewChanging event.
+ */
+interface ActiveViewChangingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the value of the ActiveView property before modification.
+     * Value: A SchedulerViewType enumeration.
+     */
+    oldView: ASPxSchedulerViewType;
+    /**
+     * Gets the new value of the ActiveView property.
+     * Value: A string, which is the SchedulerViewType enumeration value.
+     */
+    newView: ASPxSchedulerViewType;
+    /**
+     * Gets or sets whether the change of active view should be canceled.
+     * Value: true to cancel the operation; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the MoreButtonClicked event.
+ */
+interface MoreButtonClickedEventHandler<S> {
+    /**
+     * A method that will handle MoreButtonClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MoreButtonClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MoreButtonClickedEventArgs): void;
+}
+/**
+ * Provides data for the MoreButtonClicked client-side event.
+ */
+interface MoreButtonClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the Start or End values of the target appointment.
+     * Value: A DateTime value representing the target appointment's boundary.
+     */
+    targetDateTime: Date;
+    /**
+     * Gets the time interval of the cell where the button is located.
+     * Value: An ASPxClientTimeInterval object representing the time interval of the cell which holds the button.
+     */
+    interval: ASPxClientTimeInterval;
+    /**
+     * Gets the resource identifier associated with the cell where the button is located.
+     * Value: A string, corresponding to ResourceId.
+     */
+    resource: string;
+    /**
+     * Gets or sets whether an event is handled. If it is handled, default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the MenuItemClicked event.
+ */
+interface MenuItemClickedEventHandler<S> {
+    /**
+     * A method that will handle the MenuItemClicked event.
+     * @param source The ASPxClientScheduler control which fires the event.
+     * @param e A MenuItemClickedEventArgs object that contains event data.
+     */
+    (source: S, e: MenuItemClickedEventArgs): void;
+}
+/**
+ * Provides data for the MenuItemClicked event.
+ */
+interface MenuItemClickedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the menu item which is clicked.
+     * Value: A string, containing the menu item name.
+     */
+    itemName: string;
+    /**
+     * Gets or sets whether an event is handled, and that default actions are not required.
+     * Value: true if no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+}
+interface AppointmentDragEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientAppointmentDragEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrag event.
+ */
+interface ASPxClientAppointmentDragEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not appointments can be dropped into the intervals over which they are currently dragged.
+     * Value: true to allow dropping appointments; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current drag operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Provides information about dragged appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dragged appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+interface AppointmentDropEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientAppointmentDropEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentDrop event.
+ */
+interface ASPxClientAppointmentDropEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Provides information about dropped appointments.
+     * Value: An array of ASPxClientAppointmentDragInfo objects storing information about dropped appointments.
+     */
+    dragInformation: ASPxClientAppointmentDragInfo[];
+}
+interface AppointmentResizeEventHandler<S> {
+    /**
+     * A method that will handle the AppointmentResize event.
+     * @param source The event sender (typically an ASPxClientScheduler control).
+     * @param e A ASPxClientAppointmentResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientAppointmentResizeEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResize event.
+ */
+interface ASPxClientAppointmentResizeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets whether default event processing is required.
+     * Value: true to process an event using only custom code; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Provides access to an object that enables you to choose an operation to perform.
+     * Value: An ASPxClientAppointmentOperation object providing methods to perform the required operation.
+     */
+    operation: ASPxClientAppointmentOperation;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+interface AppointmentResizingEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientAppointmentResizingEventArgs): void;
+}
+/**
+ * Provides data for the AppointmentResizing event.
+ */
+interface ASPxClientAppointmentResizingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not an appointment can be resized to the new time interval.
+     * Value: true to allow resizing the appointment; otherwise, false.
+     */
+    allow: boolean;
+    /**
+     * Gets a mouse event object related to the current appointment resizing operation.
+     * Value: An object providing event properties specific to mouse events.
+     */
+    mouseEvent: Object;
+    /**
+     * Gets the resized appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets the appointment's interval after resizing.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+}
+/**
+ * Stores information about an appointment drag operation.
+ */
+interface ASPxClientAppointmentDragInfo {
+    /**
+     * Gets the dragged appointment's identifier.
+     * Value: A string containing an appointment identifier.
+     */
+    appointmentId: string;
+    /**
+     * Gets the appointment's interval before the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    oldInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources that were associated with the appointment before the drag operation.
+     * Value: A array of strings containing resource identifiers.
+     */
+    oldResources: string[];
+    /**
+     * Gets the appointment's interval after the drag operation.
+     * Value: An <see cref="ASPxClientTimeInterval" /> object representing the interval assigned to the appointment.
+     */
+    newInterval: ASPxClientTimeInterval;
+    /**
+     * Gets resources associated with the appointment after the drag operation.
+     * Value: An array of strings containing resource identifiers.
+     */
+    newResources: string[];
+}
+/**
+ * Contains information about a client tooltip.
+ */
+interface ASPxClientSchedulerToolTipData {
+    /**
+     * Returns the client appointment for which the tooltip is displayed.
+     */
+    GetAppointment(): ASPxClientAppointment;
+    /**
+     * Returns the client time interval for which the tooltip is displayed.
+     */
+    GetInterval(): ASPxClientTimeInterval;
+    /**
+     * Returns the resources associated with the appointment for which the tooltip is displayed.
+     */
+    GetResources(): Object[];
+}
+/**
+ * A client-side equivalent of the ASPxSchedulerToolTipBase control.
+ */
+interface ASPxClientToolTipBase {
+    /**
+     * Returns the value that indicates whether or not the tooltip can be displayed.
+     */
+    CanShowToolTip(): boolean;
+    /**
+     * Ends updating the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    FinalizeUpdate(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Updates the tooltip content.
+     * @param toolTipData An ASPxClientSchedulerToolTipData object providing data required to update the tooltip content.
+     */
+    Update(toolTipData: ASPxClientSchedulerToolTipData): void;
+    /**
+     * Closes the tooltip.
+     */
+    Close(): void;
+    /**
+     * 
+     * @param bounds 
+     */
+    CalculatePosition(bounds: Object): ASPxClientPoint;
+    /**
+     * Displays the Appointment Menu in the position of the tooltip.
+     * @param eventObject An object containing information about the event on which the menu is displayed.
+     */
+    ShowAppointmentMenu(eventObject: Object): void;
+    /**
+     * Displays the View Menu in the position of the tooltip.
+     * @param eventObject An object containing information about the event on which the menu is displayed.
+     */
+    ShowViewMenu(eventObject: Object): void;
+    /**
+     * Returns the string representation of the specified interval.
+     * @param interval An ASPxClientTimeInterval object to convert.
+     */
+    ConvertIntervalToString(interval: ASPxClientTimeInterval): string;
+}
+/**
+ * Represents the client-side equivalent of the ASPxSpellChecker class.
+ */
+interface ASPxClientSpellChecker extends ASPxClientControl {
+    /**
+     * Client-side event that occurs before the spell check starts.
+     */
+    BeforeCheck: ASPxClientEvent<ASPxClientBeforeCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs before a message box informing about process completion is shown.
+     */
+    CheckCompleteFormShowing: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Client-side event that occurs when a spell check is finished.
+     */
+    AfterCheck: ASPxClientEvent<ASPxClientAfterCheckEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Occurs after a word is changed in a checked text.
+     */
+    WordChanged: ASPxClientEvent<ASPxClientWordChangedEventHandler<ASPxClientSpellChecker>>;
+    /**
+     * Starts the spelling check of the text contained within the element specified by the CheckedElementID value.
+     */
+    Check(): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param element An object representing the element being checked.
+     */
+    CheckElement(element: Object): void;
+    /**
+     * Starts checking contents of the specified element.
+     * @param id A string representing the identifier of the element being checked.
+     */
+    CheckElementById(id: string): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerElement An object representing a control which contains elements being checked.
+     */
+    CheckElementsInContainer(containerElement: Object): void;
+    /**
+     * Starts checking the contents of controls in the specified container.
+     * @param containerId A string, specifying the control's identifier.
+     */
+    CheckElementsInContainerById(containerId: string): void;
+}
+/**
+ * Represents an object that will handle the client-side BeforeCheck event.
+ */
+interface ASPxClientBeforeCheckEventHandler<S> {
+    /**
+     * A method that will handle the BeforeCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerBeforeCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerBeforeCheckEventArgs): void;
+}
+/**
+ * Provides data for an event that occurs before a spelling check is started. Represents the client-side equivalent of the BeforeCheckEventArgs class.
+ */
+interface ASPxClientSpellCheckerBeforeCheckEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which is going to be checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+}
+/**
+ * Represents an object that will handle the client-side AfterCheck event.
+ */
+interface ASPxClientAfterCheckEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The ASPxClientSpellChecker control which fires the event.
+     * @param e A ASPxClientSpellCheckerAfterCheckEventArgs object that contains event data
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+/**
+ * Provides data for the client event that occurs after a spelling check is complete.
+ */
+interface ASPxClientSpellCheckerAfterCheckEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the programmatic identifier assigned to the control which has been checked.
+     * Value: A string, containing the control's identifier.
+     */
+    controlId: string;
+    /**
+     * Gets the text that has been checked.
+     * Value: A string, containing checked text.
+     */
+    checkedText: string;
+    reason: string;
+}
+/**
+ * Represents an object that will handle the client-side WordChanged event.
+ */
+interface ASPxClientWordChangedEventHandler<S> {
+    /**
+     * A method that will handle the AfterCheck event.
+     * @param source The event source.
+     * @param e An ASPxClientSpellCheckerAfterCheckEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientSpellCheckerAfterCheckEventArgs): void;
+}
+/**
+ * A method that will handle the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommandExecuted event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetCustomCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetCustomCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommandExecuted event.
+ */
+interface ASPxClientSpreadsheetCustomCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+    item: ASPxClientRibbonItem;
+}
+/**
+ * A method that will handle the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventHandler<S> {
+    /**
+     * A method that will handle the DocumentChanged event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetDocumentChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetDocumentChangedEventArgs): void;
+}
+/**
+ * Provides data for the DocumentChanged event.
+ */
+interface ASPxClientSpreadsheetDocumentChangedEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventHandler<S> {
+    /**
+     * A method that will handle the EndSynchronization events.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e A ASPxClientSpreadsheetSynchronizationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSynchronizationEventArgs): void;
+}
+/**
+ * Provides data for the EndSynchronization events.
+ */
+interface ASPxClientSpreadsheetSynchronizationEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventHandler<S> {
+    /**
+     * A method that will handle the HyperlinkClick event.
+     * @param source An object representing the event source. Identifies the Spreadsheet that raised the event.
+     * @param e An ASPxClientSpreadsheetHyperlinkClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetHyperlinkClickEventArgs): void;
+}
+/**
+ * Provides data for the HyperlinkClick event.
+ */
+interface ASPxClientSpreadsheetHyperlinkClickEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event is handled, and the default processing is not required.
+     * Value: true, if if the event is completely handled by custom code and no default processing is required; otherwise, false.
+     */
+    handled: boolean;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets a value identifying the clicked hyperlink type.
+     * Value: One of the <see cref="ASPxClientOfficeDocumentLinkType" /> values.
+     */
+    hyperlinkType: ASPxClientOfficeDocumentLinkType;
+    /**
+     * Gets the clicked link's URI.
+     * Value: A sting value specifying the link's URI.
+     */
+    targetUri: string;
+}
+/**
+ * A client-side equivalent of the ASPxSpreadsheet object.
+ */
+interface ASPxClientSpreadsheet extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientSpreadsheet.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client when a selection is changed in the ASPxSpreadsheet.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientSpreadsheetSelectionChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs after a custom command has been executed on the client side.
+     */
+    CustomCommandExecuted: ASPxClientEvent<ASPxClientSpreadsheetCustomCommandExecutedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires if any change is made to the Spreadsheet's document on the client.
+     */
+    DocumentChanged: ASPxClientEvent<ASPxClientSpreadsheetDocumentChangedEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a client change has been made to the document and the client-server synchronization starts to apply the change on the server.
+     */
+    BeginSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Fires after a document change has been applied to the server and server and client document models have been synchronized.
+     */
+    EndSynchronization: ASPxClientEvent<ASPxClientSpreadsheetSynchronizationEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Occurs on the client side after a hyperlink is clicked within the Spreadsheet's document.
+     */
+    HyperlinkClick: ASPxClientEvent<ASPxClientSpreadsheetHyperlinkClickEventHandler<ASPxClientSpreadsheet>>;
+    /**
+     * Sets input focus to the Spreadsheet.
+     */
+    Focus(): void;
+    /**
+     * Gets access to the client ribbon object.
+     */
+    GetRibbon(): ASPxClientRibbon;
+    /**
+     * Enables you to switch the full-screen mode of the Spreadsheet.
+     * @param fullscreen true to activate full-screen mode; false to deactivate full-screen mode.
+     */
+    SetFullscreenMode(fullscreen: boolean): void;
+    /**
+     * Returns the current selection made in a Spreadsheet.
+     */
+    GetSelection(): ASPxClientSpreadsheetSelection;
+    /**
+     * Indicates whether any unsaved changes are contained in the current document.
+     */
+    HasUnsavedChanges(): boolean;
+    /**
+     * Gets the value of the specified cell.
+     * @param colModelIndex An integer value specifying the cell's column index.
+     * @param rowModelIndex An integer value specifying the cell's row index.
+     */
+    GetCellValue(colModelIndex: number, rowModelIndex: number): Object;
+    /**
+     * Gets the value of the currently active cell.
+     */
+    GetActiveCellValue(): Object;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side DocumentCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side DocumentCallback event.
+     */
+    PerformDocumentCallback(parameter: string): void;
+    /**
+     * Reconnects the Spreadsheet to an external ribbon.
+     */
+    ReconnectToExternalRibbon(): void;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source An object representing the event source. Identifies the button editor that raised the event.
+     * @param e An ASPxClientSpreadsheetSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSpreadsheetSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientSpreadsheetSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object that determines the currently selected region within the Spreadsheet.
+     * Value: A <see cref="ASPxClientSpreadsheetSelection" /> object defining the current selection.
+     */
+    selection: ASPxClientSpreadsheetSelection;
+}
+/**
+ * Represents the selection in the Spreadsheet.
+ */
+interface ASPxClientSpreadsheetSelection {
+    /**
+     * Gets the column index of the active cell.
+     * Value: An integer value specifying the active cell column index.
+     */
+    activeCellColumnIndex: number;
+    /**
+     * Gets the row index of the active cell.
+     * Value: An integer value specifying the active cell row index.
+     */
+    activeCellRowIndex: number;
+    /**
+     * Gets the index of the selection's left column.
+     * Value: An integer value specifying the index of the left column within the selection.
+     */
+    leftColumnIndex: number;
+    /**
+     * Gets the index of the selection's top row.
+     * Value: An integer value specifying the index of the top row within the selection.
+     */
+    topRowIndex: number;
+    /**
+     * Gets the index of the selection's right column.
+     * Value: An integer value specifying the index of the right column within the selection.
+     */
+    rightColumnIndex: number;
+    /**
+     * Gets the index of the selection's bottom row.
+     * Value: An integer value specifying the index of the bottom row within the selection.
+     */
+    bottomRowIndex: number;
+}
+/**
+ * Represents the client ASPxTreeList.
+ */
+interface ASPxClientTreeList extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client if any unhandled server error occurs during server-side processing of a callback sent by the ASPxClientTreeList.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to display a context menu.
+     */
+    ContextMenu: ASPxClientEvent<ASPxClientTreeListContextMenuEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs when a custom command button has been clicked.
+     */
+    CustomButtonClick: ASPxClientEvent<ASPxClientTreeListCustomButtonEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before the focused node has been changed.
+     */
+    NodeFocusing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires in response to changing node focus.
+     */
+    FocusedNodeChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the selection has been changed via end-user interaction.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the Customization Window has been closed.
+     */
+    CustomizationWindowCloseUp: ASPxClientEvent<ASPxClientEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires after the callback has been processed in the CustomDataCallback event handler.
+     */
+    CustomDataCallback: ASPxClientEvent<ASPxClientTreeListCustomDataCallbackEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires on the client when a node is double clicked.
+     */
+    NodeDblClick: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is expanded.
+     */
+    NodeExpanding: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Fires before a node is collapsed.
+     */
+    NodeCollapsing: ASPxClientEvent<ASPxClientTreeListNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs before a node is dragged by an end-user.
+     */
+    StartDragNode: ASPxClientEvent<ASPxClientTreeListStartDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a node drag and drop operation is completed.
+     */
+    EndDragNode: ASPxClientEvent<ASPxClientTreeListEndDragNodeEventHandler<ASPxClientTreeList>>;
+    /**
+     * Enables you to prevent columns from being resized.
+     */
+    ColumnResizing: ASPxClientEvent<ASPxClientTreeListColumnResizingEventHandler<ASPxClientTreeList>>;
+    /**
+     * Occurs after a column's width has been changed by an end-user.
+     */
+    ColumnResized: ASPxClientEvent<ASPxClientTreeListColumnResizedEventHandler<ASPxClientTreeList>>;
+    /**
+     * Sets input focus to the ASPxTreeList.
+     */
+    Focus(): void;
+    /**
+     * Gets the Popup Edit Form.
+     */
+    GetPopupEditForm(): ASPxClientPopupControl;
+    /**
+     * Returns the focused node's key value.
+     */
+    GetFocusedNodeKey(): string;
+    /**
+     * Moves focus to the specified node.
+     * @param key A String value that uniquely identifies the node.
+     */
+    SetFocusedNodeKey(key: string): void;
+    /**
+     * Indicates whether the specified node is selected.
+     * @param nodeKey A String value that identifies the node by its key value.
+     */
+    IsNodeSelected(nodeKey: string): any;
+    /**
+     * Selects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    SelectNode(nodeKey: string): void;
+    /**
+     * Selects or deselects the specified node.
+     * @param nodeKey A string value that identifies the node.
+     * @param state true to select the node; otherwise, false.
+     */
+    SelectNode(nodeKey: string, state: boolean): void;
+    /**
+     * Obtains key values of selected nodes that are displayed within the current page.
+     */
+    GetVisibleSelectedNodeKeys(): string[];
+    /**
+     * Indicates whether the Customization Window is displayed.
+     */
+    IsCustomizationWindowVisible(): boolean;
+    /**
+     * Invokes the Customization Window.
+     */
+    ShowCustomizationWindow(): void;
+    /**
+     * Invokes the Customization Window and displays it over the specified HTML element.
+     * @param htmlElement An object that specifies the HTML element relative to whose position the customization window is invoked.
+     */
+    ShowCustomizationWindow(htmlElement: Object): void;
+    /**
+     * Closes the Customization Window.
+     */
+    HideCustomizationWindow(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCustomCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames A string value that contains the names of data source fields whose values within the specified node are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within a specified node, and submits them to the specified JavaScript function.
+     * @param nodeKey A string value that identifies the node.
+     * @param fieldNames The names of data source fields whose values within the specified node are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetNodeValues(nodeKey: string, fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within visible nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within nodes that are displayed within the current page, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within visible nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetVisibleNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames A string value that contains the names of data source fields whose values within selected nodes are returned. The field names should be separated by ';'.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string, onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Obtains specified data source field values within selected nodes, and submits them to the specified JavaScript function.
+     * @param fieldNames The names of data source fields whose values within selected nodes are returned.
+     * @param onCallback A ASPxClientTreeListValuesCallback object that represents the JavaScript function which receives the list of values as a parameter.
+     * @param visibleOnly true to return values within selected nodes that are displayed within the current page; false to return values within all selected nodes.
+     */
+    GetSelectedNodeValues(fieldNames: string[], onCallback: ASPxClientTreeListValuesCallback, visibleOnly: boolean): void;
+    /**
+     * Selects the specified page.
+     * @param index An integer value that specifies the active page's index.
+     */
+    GoToPage(index: number): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Gets the index of the page currently being selected.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the number of pages to which the ASPxTreeList's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Returns the specified node's state.
+     * @param nodeKey A String value that identifies the node.
+     */
+    GetNodeState(nodeKey: string): string;
+    /**
+     * Expands all nodes.
+     */
+    ExpandAll(): void;
+    /**
+     * Collapses all Node.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands the specified node preserving the collapsed state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    ExpandNode(key: string): void;
+    /**
+     * Collapses the specified node preserving the expanded state of child nodes.
+     * @param key A String value that uniquely identifies the node.
+     */
+    CollapseNode(key: string): void;
+    /**
+     * Obtains key values of nodes that are displayed within the current page.
+     */
+    GetVisibleNodeKeys(): string[];
+    /**
+     * Returns an HTML table row that represents the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    GetNodeHtmlElement(nodeKey: string): Object;
+    /**
+     * Returns the number of visible columns within the client ASPxTreeList.
+     */
+    GetVisibleColumnCount(): number;
+    /**
+     * Returns the number of columns within the client ASPxTreeList.
+     */
+    GetColumnCount(): number;
+    /**
+     * Returns the column located at the specified position within the Columns collection.
+     * @param index An integer value that identifies the column within the collection (the column's Index property value).
+     */
+    GetColumnByIndex(index: number): ASPxClientTreeListColumn;
+    /**
+     * Returns the column with the specified name.
+     * @param name A string value that specifies the column's name (the column's Name property value).
+     */
+    GetColumnByName(name: string): ASPxClientTreeListColumn;
+    /**
+     * Returns the client column which is bound to the specified data source field.
+     * @param fieldName A string value that specifies the name of the data source field to which the column is bound (the column's FieldName property value).
+     */
+    GetColumnByFieldName(fieldName: string): ASPxClientTreeListColumn;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     */
+    SortBy(columnIndex: number): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(columnIndex: number, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param columnIndex An integer value that specifies the column's position within the column collection.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(columnIndex: number, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     */
+    SortBy(nameOrFieldName: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param nameOrFieldName A String value that specifies the column's name or field name.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(nameOrFieldName: string, sortOrder: string, reset: boolean): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     */
+    SortBy(column: ASPxClientTreeListColumn): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string): void;
+    /**
+     * Sorts data by the specified data column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column.
+     * @param sortOrder A string value that specifies the column's sort order ('ASC', 'DESC' or 'NONE').
+     * @param reset true to clear any previous sorting; otherwise, false.
+     */
+    SortBy(column: ASPxClientTreeListColumn, sortOrder: string, reset: boolean): void;
+    /**
+     * Switches the ASPxTreeList to edit mode.
+     * @param nodeKey A string value that identifies the node by its key value.
+     */
+    StartEdit(nodeKey: string): void;
+    /**
+     * Saves all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    UpdateEdit(): void;
+    /**
+     * Cancels all the changes made and switches the ASPxTreeList to browse mode.
+     */
+    CancelEdit(): void;
+    /**
+     * Indicates whether the ASPxTreeList is in edit mode.
+     */
+    IsEditing(): boolean;
+    /**
+     * Gets the key value of the node currently being edited.
+     */
+    GetEditingNodeKey(): string;
+    /**
+     * Moves the specified node to a new position.
+     * @param nodeKey A string value that identifies the target node by its key value.
+     * @param parentNodeKey A string value that identifies the node to whose child collection the target node is moved. An empty string to display the target node within the root.
+     */
+    MoveNode(nodeKey: string, parentNodeKey: string): void;
+    /**
+     * Deletes the specified node.
+     * @param nodeKey A string value that identifies the node.
+     */
+    DeleteNode(nodeKey: string): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new root node values to be edited.
+     */
+    StartEditNewNode(): void;
+    /**
+     * Switches the ASPxTreeList to edit mode and allows new node values to be edited.
+     * @param parentNodeKey A String value that identifies the parent node, which owns a new node.
+     */
+    StartEditNewNode(parentNodeKey: string): void;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditor(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnIndex An integer value that identifies the column by its position within the column collection.
+     */
+    GetEditor(columnIndex: number): Object;
+    /**
+     * Returns the editor used to edit the specified column's values.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditor(columnNameOrFieldName: string): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    GetEditValue(column: ASPxClientTreeListColumn): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     */
+    GetEditValue(columnIndex: number): Object;
+    /**
+     * Returns the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     */
+    GetEditValue(columnNameOrFieldName: string): Object;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param column An ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(column: ASPxClientTreeListColumn, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnIndex An integer value that identifies the data column by its index within the ASPxTreeList's column collection.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnIndex: number, value: Object): void;
+    /**
+     * Sets the value of the specified edit cell.
+     * @param columnNameOrFieldName A String value that identifies the column by its name or field name.
+     * @param value An object that specifies the edit cell's new value.
+     */
+    SetEditValue(columnNameOrFieldName: string, value: Object): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param column A ASPxClientTreeListColumn object that represents the data column within the client ASPxTreeList.
+     */
+    FocusEditor(column: ASPxClientTreeListColumn): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnIndex An integer value that identifies the data column.
+     */
+    FocusEditor(columnIndex: number): void;
+    /**
+     * Moves focus to the specified editor within the edited node.
+     * @param columnNameOrFieldName A String value that specifies the column's name or field name.
+     */
+    FocusEditor(columnNameOrFieldName: string): void;
+    /**
+     * Scrolls the tree list so that the specified node becomes visible.
+     * @param nodeKey An integer value that specifies the node index within the tree list's client item list.
+     */
+    MakeNodeVisible(nodeKey: string): void;
+    /**
+     * Returns the current vertical scroll position of the tree list's content.
+     */
+    GetVerticalScrollPosition(): number;
+    /**
+     * Returns the current horizontal scroll position of the tree list's content.
+     */
+    GetHorizontalScrollPosition(): number;
+    /**
+     * Specifies the vertical scroll position for the tree list's content.
+     * @param position An integer value specifying the vertical scroll position.
+     */
+    SetVerticalScrollPosition(position: number): void;
+    /**
+     * Specifies the horizontal scroll position for the tree list's content.
+     * @param position An integer value specifying the horizontal scroll position.
+     */
+    SetHorizontalScrollPosition(position: number): void;
+}
+/**
+ * Represents a client column.
+ */
+interface ASPxClientTreeListColumn {
+    /**
+     * Gets the column's position within the collection.
+     * Value: An integer zero-bazed index that specifies the column's position within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the column.
+     * Value: A string value assigned to the column's Name property.
+     */
+    name: string;
+    /**
+     * Gets the name of the database field assigned to the current column.
+     * Value: A String value that specifies the name of a data field.
+     */
+    fieldName: string;
+}
+/**
+ * Provides data for the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the information that has been collected on the client-side and sent to the  server-side CustomDataCallback event.
+     * Value: A string value that represents the information that has been collected on the client-side and sent to the server-side CustomDataCallback event.
+     */
+    arg: string;
+    /**
+     * Gets the information passed from the server-side CustomDataCallback event.
+     * Value: An object that represents the information passed from the server-side CustomDataCallback event.
+     */
+    result: Object;
+}
+/**
+ * A method that will handle the CustomDataCallback event.
+ */
+interface ASPxClientTreeListCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the CustomDataCallback event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomDataCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the NodeDblClick events.
+ */
+interface ASPxClientTreeListNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the processed node's key value.
+     * Value: A String value that identifies the processed node.
+     */
+    nodeKey: string;
+    /**
+     * Provides access to the parameters associated with the NodeDblClick events.
+     * Value: An object that contains parameters associated with the event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the NodeDblClick event.
+ */
+interface ASPxClientTreeListNodeEventHandler<S> {
+    /**
+     * A method that will handle the NodeDblClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListNodeEventArgs): void;
+}
+/**
+ * Provides data for the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventArgs extends ASPxClientEventArgs {
+    /**
+     * Identifies which tree list element has been right-clicked.
+     * Value: A string value that identifies which tree list element ('Header' or 'Node') has been right-clicked.
+     */
+    objectType: string;
+    /**
+     * Gets a value that identifies the right-clicked object.
+     * Value: The right-clicked object's identifier.
+     */
+    objectKey: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that relates to the processed event.
+     */
+    htmlEvent: Object;
+    /**
+     * Gets or sets whether to invoke the browser's context menu.
+     * Value: true to hide the browser's context menu; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the ContextMenu event.
+ */
+interface ASPxClientTreeListContextMenuEventHandler<S> {
+    /**
+     * A method that will handle the ContextMenu event.
+     * @param source The event sender.
+     * @param e An ASPxClientTreeListContextMenuEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListContextMenuEventArgs): void;
+}
+/**
+ * Provides data for the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets an array of targets where a node can be dragged.
+     * Value: An array of objects that represent targets for the dragged node.
+     */
+    targets: Object[];
+}
+/**
+ * A method that will handle the StartDragNode event.
+ */
+interface ASPxClientTreeListStartDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the StartDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListStartDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListStartDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventArgs extends ASPxClientTreeListNodeEventArgs {
+    /**
+     * Gets the target element.
+     * Value: An object that represents the target element to which the dragged node has been dropped.
+     */
+    targetElement: Object;
+}
+/**
+ * A method that will handle the EndDragNode event.
+ */
+interface ASPxClientTreeListEndDragNodeEventHandler<S> {
+    /**
+     * A method that will handle the EndDragNode event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListEndDragNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListEndDragNodeEventArgs): void;
+}
+/**
+ * Provides data for the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the key value of the node whose custom button has been clicked.
+     * Value: A string value that uniquely identifies the node whose custom button has been clicked.
+     */
+    nodeKey: string;
+    /**
+     * Gets the button's index.
+     * Value: An integer value that specifies the button's position within the CustomButtons collection.
+     */
+    buttonIndex: number;
+    /**
+     * Gets the value which identifies the custom button.
+     * Value: A String value that identifies the clicked custom button.
+     */
+    buttonID: string;
+}
+/**
+ * A method that will handle the CustomButtonClick event.
+ */
+interface ASPxClientTreeListCustomButtonEventHandler<S> {
+    /**
+     * A method that will handle the CustomButtonClick event.
+     * @param source The event source.
+     * @param e An ASPxClientTreeListCustomButtonEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListCustomButtonEventArgs): void;
+}
+/**
+ * Represents a JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+ */
+interface ASPxClientTreeListValuesCallback {
+    /**
+     * A JavaScript function which receives the list of row values when a specific client method (such as the GetSelectedNodeValues) is called.
+     * @param result An object that represents the list of row values received from the server.
+     */
+    (result: Object): void;
+}
+/**
+ * Provides data for the ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResizing event.
+ */
+interface ASPxClientTreeListColumnResizingEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResizing event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizingEventArgs): void;
+}
+/**
+ * Provides data for the ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the processed client column.
+     * Value: An <see cref="ASPxClientTreeListColumn" /> object that is the processed column.
+     */
+    column: ASPxClientTreeListColumn;
+}
+/**
+ * A method that will handle the client ColumnResized event.
+ */
+interface ASPxClientTreeListColumnResizedEventHandler<S> {
+    /**
+     * A method that will handle the ColumnResized event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientTreeListColumnResizedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeListColumnResizedEventArgs): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapAccordion control.
+ */
+interface BootstrapClientAccordion extends ASPxClientNavBar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButton control.
+ */
+interface BootstrapClientButton extends ASPxClientButton {
+    /**
+     * Returns the text displayed within the button.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the button.
+     * @param value A string value specifying the text to be displayed within the button.
+     */
+    SetText(value: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCalendar control.
+ */
+interface BootstrapClientCalendar extends ASPxClientCalendar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapCheckBox control.
+ */
+interface BootstrapClientCheckBox extends ASPxClientEdit {
+    /**
+     * Occurs on the client side when the editor's checked state is changed.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientProcessingModeEventHandler<BootstrapClientCheckBox>>;
+    /**
+     * Returns a value indicating whether the check box editor is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value which specifies the checked status of the check box editor.
+     * @param isChecked 
+     */
+    SetChecked(isChecked: boolean): void;
+    /**
+     * Returns the text displayed within the editor.
+     */
+    GetText(): string;
+    /**
+     * Returns a value which specifies a check box checked state.
+     */
+    GetCheckState(): string;
+    /**
+     * Sets a value specifying the state of a check box.
+     * @param checkState 
+     */
+    SetCheckState(checkState: string): void;
+    /**
+     * Sets the text to be displayed within the editor.
+     * @param text 
+     */
+    SetText(text: string): void;
+}
+/**
+ * Represents a client-side equivalent of the BootstrapRadioButton control.
+ */
+interface BootstrapClientRadioButton extends BootstrapClientCheckBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapComboBox control.
+ */
+interface BootstrapClientComboBox extends ASPxClientComboBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDateEdit control.
+ */
+interface BootstrapClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapDropDownEdit control.
+ */
+interface BootstrapClientDropDownEdit extends ASPxClientDropDownEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapFormLayout control.
+ */
+interface BootstrapClientFormLayout extends ASPxClientFormLayout {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapGridView control.
+ */
+interface BootstrapClientGridView extends ASPxClientGridView {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapHyperLink control.
+ */
+interface BootstrapClientHyperLink extends ASPxClientHyperLink {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapListBox control.
+ */
+interface BootstrapClientListBox extends ASPxClientListBox {
+}
+interface BootstrapClientCheckBoxList extends ASPxClientCheckBoxList {
+}
+interface BootstrapClientRadioButtonList extends ASPxClientRadioButtonList {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMenu control.
+ */
+interface BootstrapClientMenu extends ASPxClientMenu {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupControl control.
+ */
+interface BootstrapClientPopupControl extends ASPxClientPopupControl {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPopupMenu control.
+ */
+interface BootstrapClientPopupMenu extends ASPxClientPopupMenu {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapProgressBar control.
+ */
+interface BootstrapClientProgressBar extends ASPxClientProgressBar {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapSpinEdit control.
+ */
+interface BootstrapClientSpinEdit extends ASPxClientSpinEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTabControl control.
+ */
+interface BootstrapClientTabControl extends ASPxClientTabControl {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapPageControl control.
+ */
+interface BootstrapClientPageControl extends ASPxClientPageControl {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTextBox control.
+ */
+interface BootstrapClientTextBox extends ASPxClientTextBox {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapMemo control.
+ */
+interface BootstrapClientMemo extends ASPxClientMemo {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapButtonEdit control.
+ */
+interface BootstrapClientButtonEdit extends ASPxClientButtonEdit {
+}
+/**
+ * Represents a client-side equivalent of the BootstrapTreeView control.
+ */
+interface BootstrapClientTreeView extends ASPxClientTreeView {
+}
+/**
+ * A client-side counterpart of the Calendar and CalendarFor extensions.
+ */
+interface MVCxClientCalendar extends ASPxClientCalendar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCalendar>>;
+}
+/**
+ * A client-side counterpart of the CallbackPanel extension.
+ */
+interface MVCxClientCallbackPanel extends ASPxClientCallbackPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCallbackPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Callback Panel by processing the passed information on the server, in an Action specified by the Callback Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the CardView extension.
+ */
+interface MVCxClientCardView extends ASPxClientCardView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientCardView>>;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the CardView by processing the passed information on the server, in an Action specified via the CardView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CardView's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the CardView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the CardView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientCardViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientCardViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * 
+     * @param args 
+     * @param onSuccess 
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback An ASPxClientCardViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientCardViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the Chart extension.
+ */
+interface MVCxClientChart extends ASPxClientWebChartControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientChart>>;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update a Chart by processing the passed information on the server, in an Action specified via the Chart's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ComboBox and ComboBoxFor extensions.
+ */
+interface MVCxClientComboBox extends ASPxClientComboBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientComboBox>>;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ComboBox by processing the passed information on the server, in an Action specified by the ComboBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the DataView extension.
+ */
+interface MVCxClientDataView extends ASPxClientDataView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDataView>>;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DataView by processing the passed information on the server, in an Action specified via the DataView's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DateEdit extension.
+ */
+interface MVCxClientDateEdit extends ASPxClientDateEdit {
+}
+/**
+ * A client-side counterpart of the DockManager extension.
+ */
+interface MVCxClientDockManager extends ASPxClientDockManager {
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockManager by processing the passed information on the server, in an Action specified by the DockManager's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the DockPanel extension.
+ */
+interface MVCxClientDockPanel extends ASPxClientDockPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDockPanel>>;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the DockPanel by processing the passed information on the server, in an Action specified by the DockPanel's DockPanelSettings.CallbackRouteValues) property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the FileManager extension.
+ */
+interface MVCxClientFileManager extends ASPxClientFileManager {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientFileManager>>;
+    /**
+     * Sends a callback with a parameter to update the FileManager by processing the passed information on the server, in an Action specified via the extension's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the file manager's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param data A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the GridView extension.
+ */
+interface MVCxClientGridView extends ASPxClientGridView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientGridView>>;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the GridView by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the GridView's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the GridView.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * 
+     * @param args 
+     * @param onSuccess 
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientGridViewValuesCallback): void;
+}
+/**
+ * A client-side counterpart of the HtmlEditor extension.
+ */
+interface MVCxClientHtmlEditor extends ASPxClientHtmlEditor {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientHtmlEditor>>;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformDataCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the HtmlEditor's CustomDataCallback event on the client. This method does not update the HtmlEditor.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback An ASPxClientDataCallback object that is the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(data: Object, onCallback: ASPxClientDataCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientDataCallback object that represents the JavaScript function which receives the callback data as a parameter.
+     */
+    PerformDataCallback(parameter: string, onCallback: ASPxClientDataCallback): void;
+}
+/**
+ * A client-side counterpart of the ImageGallery extension.
+ */
+interface MVCxClientImageGallery extends ASPxClientImageGallery {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientImageGallery>>;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ImageGallery by processing the passed information on the server, in an Action specified via the ImageGallery's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the ListBox and ListBoxFor extensions.
+ */
+interface MVCxClientListBox extends ASPxClientListBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientListBox>>;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the ListBox by processing the passed information on the server, in an Action specified by the ListBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server, and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the NavBar extension.
+ */
+interface MVCxClientNavBar extends ASPxClientNavBar {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientNavBar>>;
+}
+/**
+ * A client-side counterpart of the PivotGrid extension.
+ */
+interface MVCxClientPivotGrid extends ASPxClientPivotGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPivotGrid>>;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PivotGrid by processing the passed information on the server, in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Passes PivotGrid callback parameters to the specified object.
+     * @param obj An object that receives PivotGrid callback parameters.
+     */
+    FillStateObject(obj: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PopupControl extension.
+ */
+interface MVCxClientPopupControl extends ASPxClientPopupControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPopupControl>>;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PopupControl by processing the passed information on the server, in an Action specified via the PopupControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameters to update the popup window by processing the related popup window and the passed information on the server, in an Action specified by the PopupControl's CallbackRouteValues property.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, data: Object): void;
+    /**
+     * 
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side equivalent of the MVCxDocumentViewer class.
+ */
+interface MVCxClientDocumentViewer extends ASPxClientDocumentViewer {
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientDocumentViewer>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientDocumentViewer>>;
+}
+/**
+ * Obsolete. Use the MVCxClientDocumentViewer class instead.
+ */
+interface MVCxClientReportViewer extends ASPxClientReportViewer {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportViewer>>;
+    /**
+     * Occurs before performing a document export request.
+     */
+    BeforeExportRequest: ASPxClientEvent<MVCxClientBeforeExportRequestEventHandler<MVCxClientReportViewer>>;
+}
+/**
+ * A method that will handle the BeforeExportRequest event.
+ */
+interface MVCxClientBeforeExportRequestEventHandler<S> {
+    /**
+     * A method that will handle the BeforeExportRequest event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeforeExportRequestEventArgs): void;
+}
+/**
+ * Provides data for client BeforeExportRequest events.
+ */
+interface MVCxClientBeforeExportRequestEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A client-side equivalent of the MVCxReportDesigner class.
+ */
+interface MVCxClientReportDesigner extends ASPxClientReportDesigner {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Occurs after executing the Save command on the client.
+     */
+    SaveCommandExecuted: ASPxClientEvent<MVCxClientReportDesignerSaveCommandExecutedEventHandler<MVCxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A Object value, specifying the callback argument.
+     */
+    PerformCallback(arg: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecuted event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeforeExportRequestEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientReportDesignerSaveCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecuted event.
+ */
+interface MVCxClientReportDesignerSaveCommandExecutedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the operation result.
+     * Value: A String value, specifying the operation result.
+     */
+    Result: string;
+}
+/**
+ * A client-side counterpart of the RichEdit extension.
+ */
+interface MVCxClientRichEdit extends ASPxClientRichEdit {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRichEdit>>;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the RichEdit by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the RoundPanel extension.
+ */
+interface MVCxClientRoundPanel extends ASPxClientRoundPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientRoundPanel>>;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Round Panel by processing the passed information on the server, in an Action specified by the Round Panel's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the Scheduler extension.
+ */
+interface MVCxClientScheduler extends ASPxClientScheduler {
+    ToolTipDisplaying: ASPxClientEvent<MVCxClientSchedulerToolTipDisplayingEventHandler<MVCxClientScheduler>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientScheduler>>;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Scheduler by processing the passed information on the server, in an Action specified via the Scheduler's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A template that is rendered to display a tooltip.
+ */
+interface MVCxClientSchedulerTemplateToolTip extends ASPxClientToolTipBase {
+    type: MVCxSchedulerToolTipType;
+}
+/**
+ * A delegate method that enables you to adjust the tooltip content before displaying.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ToolTipDisplaying event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientSchedulerToolTipDisplayingEventArgs object that contains the related arguments.
+     */
+    (source: S, e: MVCxClientSchedulerToolTipDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ToolTipDisplaying event.
+ */
+interface MVCxClientSchedulerToolTipDisplayingEventArgs extends ASPxClientEventArgs {
+    toolTip: MVCxClientSchedulerTemplateToolTip;
+    data: ASPxClientSchedulerToolTipData;
+}
+/**
+ * Lists available tooltip types.
+ */
+interface MVCxSchedulerToolTipType {
+}
+/**
+ * A client-side counterpart of the Spreadsheet extension.
+ */
+interface MVCxClientSpreadsheet extends ASPxClientSpreadsheet {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientSpreadsheet>>;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the Spreadsheet by processing the passed information on the server, in an Action specified via the CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the PageControl extension.
+ */
+interface MVCxClientPageControl extends ASPxClientPageControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientPageControl>>;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the PageControl by processing the passed information on the server, in an Action specified by the PageControl's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A client-side counterpart of the TokenBox and TokenBoxFor extensions.
+ */
+interface MVCxClientTokenBox extends ASPxClientTokenBox {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTokenBox>>;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TokenBox by processing the passed information on the server, in an Action specified by the TokenBox's CallbackRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified by the CallbackRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+}
+/**
+ * A client-side counterpart of the TreeList extension.
+ */
+interface MVCxClientTreeList extends ASPxClientTreeList {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeList>>;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the TreeList by processing the passed information on the server, in an Action specified via the TreeList's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the TreeList's CustomDataCallback event. This method does not update the TreeList.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     */
+    PerformCustomDataCallback(data: Object): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side CustomDataCallback event.
+     */
+    PerformCustomDataCallback(arg: string): void;
+}
+/**
+ * A client-side counterpart of the TreeView extension.
+ */
+interface MVCxClientTreeView extends ASPxClientTreeView {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientTreeView>>;
+}
+/**
+ * A client-side counterpart of the UploadControl extension.
+ */
+interface MVCxClientUploadControl extends ASPxClientUploadControl {
+}
+/**
+ * A method that will handle client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for client BeginCallback events.
+ */
+interface MVCxClientBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source An object which is the event source. Identifies the client object that raised the event.
+     * @param e A MVCxClientGlobalBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: MVCxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface MVCxClientGlobalBeginCallbackEventArgs extends ASPxClientGlobalBeginCallbackEventArgs {
+    /**
+     * Gets an object containing specific information (if any, as name/value pairs) that should be passed as a request parameter from the client to the server side for further processing.
+     * Value: A hash table object containing named values to be passed from the client to the server side via request parameters.
+     */
+    customArgs: Object;
+}
+/**
+ * An ASP.NET MVC equivalent of the client ASPxClientGlobalEvents component.
+ */
+interface MVCxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress MVC extensions contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientGlobalBeginCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<MVCxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a DevExpress MVC extension.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<MVCxClientGlobalEvents>>;
+}
+/**
+ * A client-side counterpart of the VerticalGrid extension.
+ */
+interface MVCxClientVerticalGrid extends ASPxClientVerticalGrid {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<MVCxClientBeginCallbackEventHandler<MVCxClientVerticalGrid>>;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     */
+    PerformCallback(data: Object): void;
+    /**
+     * Sends a callback with a parameter to update the VerticalGrid by processing the passed information on the server in an Action specified via the grid's CustomActionRouteValues property.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the grid's CustomActionRouteValues property.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(data: Object, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback with a parameter to process the passed information on the server, in an Action specified via the VerticalGrid's CustomDataActionRouteValues property, and then process the returned result in the specified client function. This method does not update the VerticalGrid.
+     * @param data An object containing any information that needs to be passed to a handling Action specified via the CustomDataActionRouteValues property.
+     * @param onCallback A ASPxClientGridViewValuesCallback object that represents the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(data: Object, onCallback: ASPxClientGridViewValuesCallback): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * 
+     * @param args 
+     * @param onSuccess 
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomDataCallback event.
+     * @param args A string value that is any information that needs to be sent to the server-side CustomDataCallback event.
+     * @param onCallback A ASPxClientVerticalGridValuesCallback object that is the JavaScript function which receives the information on the client side.
+     */
+    GetValuesOnCustomCallback(args: string, onCallback: ASPxClientVerticalGridValuesCallback): void;
+}
+/**
+ * A client-side equivalent of the MVCxWebDocumentViewer class.
+ */
+interface MVCxClientWebDocumentViewer extends ASPxClientWebDocumentViewer {
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControlBase {
+    /**
+     * Gets the unique, hierarchically-qualified identifier for the control.
+     * Value: The fully-qualified identifier for the control.
+     */
+    name: string;
+    /**
+     * Occurs on the client side after the control has been initialized.
+     */
+    Init: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlBase>>;
+    /**
+     * Returns an HTML element that is the root of the control's hierarchy.
+     */
+    GetMainElement(): Object;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetClientVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible 
+     */
+    SetClientVisible(visible: boolean): void;
+    /**
+     * Returns a value specifying whether a control is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether a control is displayed.
+     * @param visible true to make a control visible; false to make it hidden.
+     */
+    SetVisible(visible: boolean): void;
+    /**
+     * Returns a value that determines whether a callback request sent by a web control is being currently processed on the server side.
+     */
+    InCallback(): boolean;
+}
+/**
+ * Serves as the base type for all the objects included in the client-side object model.
+ */
+interface ASPxClientControl extends ASPxClientControlBase {
+    /**
+     * Returns the control's width.
+     */
+    GetWidth(): number;
+    /**
+     * Returns the control's height.
+     */
+    GetHeight(): number;
+    /**
+     * Specifies the control's width.
+     * @param width An integer value that specifies the control's width.
+     */
+    SetWidth(width: number): void;
+    /**
+     * Specifies the control's height.   Note that this method is not in effect for some controls.
+     * @param height An integer value that specifies the control's height.
+     */
+    SetHeight(height: number): void;
+    /**
+     * Modifies the control's size against the control's container.
+     */
+    AdjustControl(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallback control.
+ */
+interface ASPxClientCallback extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallback.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallback>>;
+    /**
+     * Fires on the client side when a callback initiated by the client Callback event's handler returns back to the client.
+     */
+    CallbackComplete: ASPxClientEvent<ASPxClientCallbackCompleteEventHandler<ASPxClientCallback>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    SendCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A method that will handle the client events related to completion of callback server-side processing.
+ */
+interface ASPxClientCallbackCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client events related to completion of callback server-side processing.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCallbackCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackCompleteEventArgs): void;
+}
+/**
+ * Serves as the base class for arguments of the web controls' client-side events.
+ */
+interface ASPxClientEventArgs {
+}
+/**
+ * Provides data for events concerning the final processing of a callback.
+ */
+interface ASPxClientCallbackCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) passed from the client side for server-side processing.
+     * Value: A string value representing specific information passed from the client to the server side.
+     */
+    parameter: string;
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * Serves as the base class for controls that implement panel functionality.
+ */
+interface ASPxClientPanelBase extends ASPxClientControl {
+    /**
+     * Returns the HTML code that is the content of the panel.
+     */
+    GetContentHtml(): string;
+    /**
+     * Sets the HTML content for the panel.
+     * @param html A string value that is the HTML code defining the content of the panel.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets a value specifying whether the panel is enabled.
+     * @param enabled true to enable the panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents a client-side equivalent of the ASPxPanel control.
+ */
+interface ASPxClientPanel extends ASPxClientPanelBase {
+    /**
+     * Occurs when the expanded panel is closed.
+     */
+    Collapsed: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Occurs when an end-user opens the expand panel.
+     */
+    Expanded: ASPxClientEvent<ASPxClientEventHandler<ASPxClientPanel>>;
+    /**
+     * Expands or collapses the client panel.
+     */
+    Toggle(): void;
+    /**
+     * Returns a value specifying whether the panel can be expanded.
+     */
+    IsExpandable(): boolean;
+    /**
+     * Returns a value specifying whether the panel is expanded.
+     */
+    IsExpanded(): boolean;
+    /**
+     * Expands the collapsed panel.
+     */
+    Expand(): void;
+    /**
+     * Collapses the expanded panel.
+     */
+    Collapse(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCallbackPanel control.
+ */
+interface ASPxClientCallbackPanel extends ASPxClientPanel {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientCallbackPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientCallbackPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the control's loading panel.
+     */
+    GetLoadingPanelText(): string;
+    /**
+     * Sets the text to be displayed within the control's loading panel.
+     * @param loadingPanelText A string value specifying the text to be displayed within the loading panel.
+     */
+    SetLoadingPanelText(loadingPanelText: string): void;
+    /**
+     * Sets a value specifying whether the callback panel is enabled.
+     * @param enabled true, to enable the callback panel; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value specifying whether a callback panel is enabled.
+     */
+    GetEnabled(): boolean;
+}
+/**
+ * Represents the event object used for client-side events.
+ */
+interface ASPxClientEvent<T> {
+    /**
+     * Dynamically connects the event with an appropriate event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    AddHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from the associated event handler function.
+     * @param handler An object representing the event handling function's content.
+     */
+    RemoveHandler(handler: T): void;
+    /**
+     * Dynamically disconnects the event from all the associated event handler functions.
+     */
+    ClearHandlers(): void;
+    /**
+     * For internal use only.
+     * @param source 
+     * @param e 
+     */
+    FireEvent(source: Object, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the client-side events of a web control's client-side equivalent.
+ */
+interface ASPxClientEventHandler<S> {
+    /**
+     * A method that will handle the client-side events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the control that raised the event.
+     * @param e An ASPxClientEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEventArgs): void;
+}
+/**
+ * A method that will handle the cancelable events of a web control's client-side equivalent.
+ */
+interface ASPxClientCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable events of a web control's client-side equivalent.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCancelEventArgs): void;
+}
+/**
+ * Provides data for cancelable client events.
+ */
+interface ASPxClientCancelEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events which can't be cancelled and allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the cancelable client-side events which allow the event's processing to be passed to the server side.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the cancelable client-side events which allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientProcessingModeCancelEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents a JavaScript function which receives callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+ */
+interface ASPxClientDataCallback {
+    /**
+     * A JavaScript function which receives a callback data obtained via a call to a specific client method (such as the PerformDataCallback).
+     * @param sender An object whose client method generated a callback.
+     * @param result A string value that represents the result of server-side callback processing.
+     */
+    (sender: Object, result: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxCloudControl control.
+ */
+interface ASPxClientCloudControl extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientCloudControlItemEventHandler<ASPxClientCloudControl>>;
+}
+/**
+ * A method that will handle client events involving manipulations with the control's items.
+ */
+interface ASPxClientCloudControlItemEventHandler<S> {
+    /**
+     * A method that will handle client events concerning manipulations with items.
+     * @param source The event source. This parameter identifies the cloud control object which raised the event.
+     * @param e An ASPxClientCloudControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCloudControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which involve clicking on the control's items.
+ */
+interface ASPxClientCloudControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the client events related to the begining of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle client BeginCallback events.
+     * @param source An object representing the event source. Identifies the web control that raised the event.
+     * @param e An ASPxClientBeginCallbackEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for client events related to the beginning of a callback processing round trip.
+ */
+interface ASPxClientBeginCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command name that identifies which client action forced a callback to be occurred.
+     * Value: A string value that represents the name of the command which initiated a callback.
+     */
+    command: string;
+}
+/**
+ * A method that will handle the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventHandler<S> {
+    /**
+     * A method that will handle the BeginCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalBeginCallbackEventArgs): void;
+}
+/**
+ * Provides data for the BeginCallback event.
+ */
+interface ASPxClientGlobalBeginCallbackEventArgs extends ASPxClientBeginCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle client EndCallback events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for client events related to the completion of a callback processing round trip.
+ */
+interface ASPxClientEndCallbackEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventHandler<S> {
+    /**
+     * A method that will handle the EndCallback event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalEndCallbackEventArgs): void;
+}
+/**
+ * Provides data for the EndCallback event.
+ */
+interface ASPxClientGlobalEndCallbackEventArgs extends ASPxClientEndCallbackEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle a CustomCallback client event exposed by some DevExpress web controls.
+ */
+interface ASPxClientCustomDataCallbackEventHandler<S> {
+    /**
+     * A method that will handle the client CustomCallback event of some controls.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientCustomDataCallbackEventHandler object that contains event data.
+     */
+    (source: S, e: ASPxClientCustomDataCallbackEventArgs): void;
+}
+/**
+ * Provides data for the CustomCallback event.
+ */
+interface ASPxClientCustomDataCallbackEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that contains specific information (if any) that has been passed from the server to the client side for further processing, related to the CustomCallback event.
+     * Value: A string value representing specific information passed from the server back to the client side.
+     */
+    result: string;
+}
+/**
+ * A method that will handle client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle client CallbackError events.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientCallbackErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for client events related to server-side errors that occured during callback processing.
+ */
+interface ASPxClientCallbackErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error message that describes the server error that occurred.
+     * Value: A string value that represents the error message.
+     */
+    message: string;
+    /**
+     * Gets or sets whether the event is handled and the default error handling actions are not required.
+     * Value: true if the error is handled and no default processing is required; otherwise false.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventHandler<S> {
+    /**
+     * A method that will handle the CallbackError event.
+     * @param source The event source.
+     * @param e An ASPxDataValidationEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientGlobalCallbackErrorEventArgs): void;
+}
+/**
+ * Provides data for the CallbackError event.
+ */
+interface ASPxClientGlobalCallbackErrorEventArgs extends ASPxClientCallbackErrorEventArgs {
+    /**
+     * Gets an object that initiated a callback.
+     * Value: An <see cref="ASPxClientControl" /> class descendant object that is the control that initiated a callback.
+     */
+    control: ASPxClientControl;
+}
+/**
+ * A method that will handle the ValidationCompleted client event.
+ */
+interface ASPxClientValidationCompletedEventHandler<S> {
+    /**
+     * A method that will handle the ValidationCompleted event.
+     * @param source An object representing the event source. Identifies the ASPxClientGlobalEvents object that raised the event.
+     * @param e An ASPxClientValidationCompletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientValidationCompletedEventArgs): void;
+}
+/**
+ * Provides data for the ValidationCompleted client event that allows you to centrally validate user input within all DevExpress web controls to which validation is applied.
+ */
+interface ASPxClientValidationCompletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a container object that holds the validated control(s).
+     * Value: An object that represents a container of the validated control(s).
+     */
+    container: Object;
+    /**
+     * Gets the name of the validation group name to which validation has been applied.
+     * Value: A string value that represents the name of the validation group that has been validated.
+     */
+    validationGroup: string;
+    /**
+     * Gets a value that indicates whether validation has been applied to both visible and invisible controls.
+     * Value: true if validation has been applied to both visible and invisible controls; false if only visible controls have been validated.
+     */
+    invisibleControlsValidated: boolean;
+    /**
+     * Gets a value specifying whether the validation has been completed successfully.
+     * Value: true if the validation has been completed successfully; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the first control (either visible or invisible) that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first invalid control.
+     */
+    firstInvalidControl: ASPxClientControl;
+    /**
+     * Gets the first visible control that hasn't passed the validation applied.
+     * Value: An ASPxClientControl object that represents the first visible invalid control.
+     */
+    firstVisibleInvalidControl: ASPxClientControl;
+}
+/**
+ * A method that will handle the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventHandler<S> {
+    /**
+     * A method that will handle the client ControlsInitialized event.
+     * @param source An object representing the event source.
+     * @param e An ASPxClientControlsInitializedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientControlsInitializedEventArgs): void;
+}
+/**
+ * Provides data for the client ControlsInitialized event.
+ */
+interface ASPxClientControlsInitializedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value that specifies whether a callback is sent during a controls initialization.
+     * Value: true if a callback is sent; otherwise, false.
+     */
+    isCallback: boolean;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientControlPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param control An object to compare against the criteria defined within the method.
+     */
+    (control: Object): boolean;
+}
+/**
+ * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+ */
+interface ASPxClientControlAction {
+    /**
+     * Represents a JavaScript function which receives the action to perform for a control when the client ForEachControl method is called.
+     * @param control An object that specifies a control.
+     */
+    (control: Object): void;
+}
+/**
+ * A collection object used on the client side to maintain particular client control objects
+ */
+interface ASPxClientControlCollection {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any DevExpress web control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Occurs after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientControlCollection>>;
+    /**
+     * Returns a collection item identified by its unique hierarchically-qualified identifier.
+     * @param name A string value representing the hierarchically-qualified identifier of the required control.
+     */
+    Get(name: Object): Object;
+    /**
+     * Returns a DevExpress client control object identified by its unique hierarchically-qualified identifier (either ClientInstanceName or ClientID property value).
+     * @param name A string value that is the hierarchically-qualified identifier of the required DevExpress control.
+     */
+    GetByName(name: string): Object;
+    /**
+     * Returns all controls in the collection that satisfy the specified predicate.
+     * @param predicate An ASPxClientControlPredicate object that is a predicate used to search for controls in the collection.
+     */
+    GetControlsByPredicate(predicate: ASPxClientControlPredicate): Object[];
+    /**
+     * Returns all controls of the specified type.
+     * @param type The object specifying the client control type.
+     */
+    GetControlsByType(type: Object): Object[];
+    /**
+     * Performs the specified action for each control in the collection.
+     * @param action An ASPxClientControlAction object specifying an action to perform.
+     */
+    ForEachControl(action: ASPxClientControlAction): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxDataView object.
+ */
+interface ASPxClientDataView extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDataView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientDataView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDataView>>;
+    /**
+     * Activates the specified page.
+     * @param pageIndex An integer value that specifies the active page's index.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Gets the index of the page that is currently active.
+     */
+    GetPageIndex(): number;
+    /**
+     * Gets the size of a single ASPxDataView's page.
+     */
+    GetPageSize(): number;
+    /**
+     * Sets the size of a single ASPxDataView's page.
+     * @param pageSize An integer value that specifies the page size.
+     */
+    SetPageSize(pageSize: number): void;
+    /**
+     * Gets the number of pages into which the ASPxDataView's data is divided.
+     */
+    GetPageCount(): number;
+    /**
+     * Activates the next page.
+     */
+    NextPage(): void;
+    /**
+     * Activates the previous page.
+     */
+    PrevPage(): void;
+    /**
+     * Activates the first page.
+     */
+    FirstPage(): void;
+    /**
+     * Activates the last page.
+     */
+    LastPage(): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+ */
+interface ASPxClientDockingFilterPredicate {
+    /**
+     * A JavaScript function which returns a value specifying whether an object meets the criteria defined within the method specified by this delegate.
+     * @param item An object to compare against the criteria defined within the method.
+     */
+    (item: Object): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockManager   object.
+ */
+interface ASPxClientDockManager extends ASPxClientControl {
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockManagerProcessingModeEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndPanelDragging: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side before a panel is closed, and allows you to cancel the action.
+     */
+    PanelClosing: ASPxClientEvent<ASPxClientDockManagerCancelEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel is closed.
+     */
+    PanelCloseUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side when a panel pops up.
+     */
+    PanelPopUp: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been invoked.
+     */
+    PanelShown: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Occurs on the client side after a panel has been resized.
+     */
+    PanelResize: ASPxClientEvent<ASPxClientDockManagerEventHandler<ASPxClientDockManager>>;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that contains any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns a zone specified by its unique identifier (zoneUID).
+     * @param zoneUID A string value specifying the unique identifier of the zone.
+     */
+    GetZoneByUID(zoneUID: string): ASPxClientDockZone;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels contained in a page.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+    /**
+     * Returns an array of zones contained in a page.
+     */
+    GetZones(): ASPxClientDockZone[];
+    /**
+     * Returns an array of zones that are contained in a page and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a zone meets those criteria.
+     */
+    GetZones(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockZone[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockManagerProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle client-side events concerning manipulations with panels.
+ */
+interface ASPxClientDockManagerEventHandler<S> {
+    /**
+     * A method that will handle client-side events concerning manipulations with panels.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on panels.
+ */
+interface ASPxClientDockManagerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventHandler<S> {
+    /**
+     * A method that will handle the PanelClosing event.
+     * @param source The event source. This parameter identifies the dock manager object which raised the event.
+     * @param e An ASPxClientDockManagerCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockManagerCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockManagerCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Serves as a base class for the ASPxClientPopupControl classes.
+ */
+interface ASPxClientPopupControlBase extends ASPxClientControl {
+    /**
+     * Occurs on the client side when window resizing initiates.
+     */
+    BeforeResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when window resizing completes.
+     */
+    AfterResizing: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window closes or hides.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientPopupWindowCloseUpEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Enables you to cancel window closing on the client side.
+     */
+    Closing: ASPxClientEvent<ASPxClientPopupWindowCancelEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when a control's window is invoked.
+     */
+    PopUp: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a window has been resized.
+     */
+    Resize: ASPxClientEvent<ASPxClientPopupWindowResizeEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side after a control's window has been invoked.
+     */
+    Shown: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Occurs on the client side when the window pin state is changed.
+     */
+    PinnedChanged: ASPxClientEvent<ASPxClientPopupWindowPinnedChangedEventHandler<ASPxClientPopupControlBase>>;
+    /**
+     * Modifies a control's window size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Brings the window to the front of the z-order.
+     */
+    BringToFront(): void;
+    /**
+     * Returns a value indicating whether the window is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Returns the HTML code that specifies the contents of the control's window.
+     */
+    GetContentHtml(): string;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Returns an iframe object containing a web page specified via the control's SetContentUrl client method).
+     */
+    GetContentIFrameWindow(): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's window.
+     */
+    GetContentUrl(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer by default.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the text displayed within a window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Gets the width of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentWidth(): number;
+    /**
+     * Gets the height of the default window's (for ASPxPopupControl) or panel's (for ASPxDockPanel) content region.
+     */
+    GetContentHeight(): number;
+    /**
+     * Returns a value indicating whether the window is maximized.
+     */
+    GetMaximized(): boolean;
+    /**
+     * Returns a value indicating whether the window is pinned.
+     */
+    GetPinned(): boolean;
+    /**
+     * Sends a callback to the server and generates the server-side WindowCallback event, passing the specified argument to it.
+     * @param parameter A string value that is any information that needs to be sent to the server-side WindowCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's window.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Sets a value indicating whether the window is collapsed.
+     * @param value true, to collapse the window; otherwise, false.
+     */
+    SetCollapsed(value: boolean): void;
+    /**
+     * Sets the HTML markup specifying the contents of the control's window.
+     * @param html A string value that specifies the HTML markup.
+     */
+    SetContentHtml(html: string): void;
+    /**
+     * Sets the URL to point to the web page that should be loaded into, and displayed within the control's window.
+     * @param url A string value specifying the URL to the web page displayed within the control's window.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer by default.
+     * @param value A string value that is the URL for the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's footer.
+     * @param value A string value that specifies a window's footer text.
+     */
+    SetFooterText(value: string): void;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within a window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Specifies the text displayed within a window's header.
+     * @param value A string value that specifies a window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Sets a value indicating whether the window is maximized.
+     * @param value true. to maximize the window; otherwise, false.
+     */
+    SetMaximized(value: boolean): void;
+    /**
+     * Sets a value indicating whether the window is pinned.
+     * @param value true, to pin the window; otherwise, false.
+     */
+    SetPinned(value: boolean): void;
+    /**
+     * Invokes the control's window.
+     */
+    Show(): void;
+    /**
+     * Invokes the control's window at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the control's window and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the control's window and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the window is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the control's window at the specified position.
+     * @param x A integer value specifying the x-coordinate of the window's display position.
+     * @param y A integer value specifying the y-coordinate of the window's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Closes the control's window.
+     */
+    Hide(): void;
+    /**
+     * Returns a value that specifies whether the control's window is displayed.
+     */
+    IsVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ASPxDockPanel object.
+ */
+interface ASPxClientDockPanel extends ASPxClientPopupControlBase {
+    /**
+     * Gets or sets the unique identifier of a panel on a page.
+     * Value: A string that is the unique identifier of a panel.
+     */
+    panelUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side before a panel is made floating (undocked from a zone) and allows you to cancel the action.
+     */
+    BeforeFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeCancelEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Fires on the client side after a panel is undocked from a zone.
+     */
+    AfterFloat: ASPxClientEvent<ASPxClientDockPanelProcessingModeEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs when a panel dragging operation is started.
+     */
+    StartDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Occurs after a panel dragging operation is complete.
+     */
+    EndDragging: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDockPanel>>;
+    /**
+     * Retrieves a zone that owns the current panel.
+     */
+    GetOwnerZone(): ASPxClientDockZone;
+    /**
+     * Docks the current panel in the specified zone.
+     * @param zone An ASPxClientDockZone object specifying the zone.
+     */
+    Dock(zone: ASPxClientDockZone): void;
+    /**
+     * Docks the current panel in a zone at the specified position.
+     * @param zone An ASPxClientDockZone object specifying the zone, where the panel is docked
+     * @param visibleIndex An integer value specifying the visible index position.
+     */
+    Dock(zone: ASPxClientDockZone, visibleIndex: number): void;
+    /**
+     * Undocks the current panel.
+     */
+    MakeFloat(): void;
+    /**
+     * Undocks the current panel and place it at the specified position.
+     * @param x An integer value that specifies the X-coordinate of the panel's display position.
+     * @param y An integer value that specifies the Y-coordinate of the panel's display position.
+     */
+    MakeFloat(x: number, y: number): void;
+    /**
+     * Gets or sets a value specifying the position of the current panel, amongst the visible panels within a zone.
+     */
+    GetVisibleIndex(): number;
+    /**
+     * Sets a value specifying the position of the current panel, amongst the visible panels in a zone.
+     * @param visibleIndex An integer value specifying the zero-based index of the panel amongst visible panels in the zone.
+     */
+    SetVisibleIndex(visibleIndex: number): void;
+    /**
+     * Returns a value indicating whether the panel is docked.
+     */
+    IsDocked(): boolean;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockPanelProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterFloat event.
+     * @param source A ASPxClientDockPanel object that raised the event.
+     * @param e A ASPxClientDockPanelProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockPanelProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterFloat event.
+ */
+interface ASPxClientDockPanelProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the zone currently being processed.
+     * Value: An ASPxClientDockZone object that is the processed zone.
+     */
+    zone: ASPxClientDockZone;
+}
+/**
+ * A client-side equivalent of the ASPxDockZone object.
+ */
+interface ASPxClientDockZone extends ASPxClientControl {
+    /**
+     * Gets or sets the unique identifier of a zone on a page.
+     * Value: A string that is the unique identifier of a zone.
+     */
+    zoneUID: string;
+    /**
+     * Fires on the client side before a panel is docked in a zone and allows you to cancel the action.
+     */
+    BeforeDock: ASPxClientEvent<ASPxClientDockZoneCancelEventHandler<ASPxClientDockZone>>;
+    /**
+     * Fires on the client side after a panel is docked in a zone.
+     */
+    AfterDock: ASPxClientEvent<ASPxClientDockZoneProcessingModeEventHandler<ASPxClientDockZone>>;
+    /**
+     * Returns a value that indicates the orientation in which panels are stacked in the current zone.
+     */
+    IsVertical(): boolean;
+    /**
+     * Gets a value that indicates whether the zone can enlarge its size.
+     */
+    GetAllowGrowing(): boolean;
+    /**
+     * Gets the number of panels contained in the zone.
+     */
+    GetPanelCount(): number;
+    /**
+     * Returns a panel specified by its unique identifier (panelUID).
+     * @param panelUID A string value specifying the unique identifier of the panel.
+     */
+    GetPanelByUID(panelUID: string): ASPxClientDockPanel;
+    /**
+     * Returns a panel specified by its visible index.
+     * @param visibleIndex An integer value specifying the panel's position among the visible panels within the current zone.
+     */
+    GetPanelByVisibleIndex(visibleIndex: number): ASPxClientDockPanel;
+    /**
+     * Returns an array of panels docked in the current zone.
+     */
+    GetPanels(): ASPxClientDockPanel[];
+    /**
+     * Returns an array of panels that are docked in the current zone and meet a specified criteria.
+     * @param filterPredicate An ASPxClientDockingFilterPredicate delegate that defines a set of criteria and determines whether a panel meets those criteria.
+     */
+    GetPanels(filterPredicate: ASPxClientDockingFilterPredicate): ASPxClientDockPanel[];
+}
+/**
+ * A method that will handle the client BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventHandler<S> {
+    /**
+     * A method that will handle the BeforeDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e A ASPxClientDockZoneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneCancelEventArgs): void;
+}
+/**
+ * Provides data for the BeforeDock event.
+ */
+interface ASPxClientDockZoneCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * A method that will handle the client AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the AfterDock event.
+     * @param source The event source. This parameter identifies the zone object which raised the event.
+     * @param e An  ASPxClientDockZoneProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientDockZoneProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the AfterDock event.
+ */
+interface ASPxClientDockZoneProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the panel currently being processed.
+     * Value: An ASPxClientDockPanel object that is the processed panel.
+     */
+    panel: ASPxClientDockPanel;
+}
+/**
+ * Represents the client-side equivalent of the ASPxFileManager control.
+ */
+interface ASPxClientFileManager extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientFileManager.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the selected file has been changed.
+     */
+    SelectedFileChanged: ASPxClientEvent<ASPxClientFileManagerFileEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when an end-user opens a file by double-clicking it or pressing the Enter key.
+     */
+    SelectedFileOpened: ASPxClientEvent<ASPxClientFileManagerFileOpenedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the focused item has been changed.
+     */
+    FocusedItemChanged: ASPxClientEvent<ASPxClientFileManagerFocusedItemChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires after the selection has been changed.
+     */
+    SelectionChanged: ASPxClientEvent<ASPxClientFileManagerSelectionChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side after the current folder has been changed within a file manager.
+     */
+    CurrentFolderChanged: ASPxClientEvent<ASPxClientFileManagerCurrentFolderChangedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the folder is created, and allows you to cancel the action.
+     */
+    FolderCreating: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a folder has been created.
+     */
+    FolderCreated: ASPxClientEvent<ASPxClientFileManagerItemCreatedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is renamed and allows you to cancel the action.
+     */
+    ItemRenaming: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been renamed.
+     */
+    ItemRenamed: ASPxClientEvent<ASPxClientFileManagerItemRenamedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is deleted and allows you to cancel the action.
+     */
+    ItemDeleting: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been deleted.
+     */
+    ItemDeleted: ASPxClientEvent<ASPxClientFileManagerItemDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been deleted.
+     */
+    ItemsDeleted: ASPxClientEvent<ASPxClientFileManagerItemsDeletedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is moved and allows you to cancel the action.
+     */
+    ItemMoving: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager's item has been moved.
+     */
+    ItemMoved: ASPxClientEvent<ASPxClientFileManagerItemMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been moved .
+     */
+    ItemsMoved: ASPxClientEvent<ASPxClientFileManagerItemsMovedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before an item is copied and allows you to cancel the action.
+     */
+    ItemCopying: ASPxClientEvent<ASPxClientFileManagerItemEditingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file manager item has been copied.
+     */
+    ItemCopied: ASPxClientEvent<ASPxClientFileManagerItemCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after all the selected items have been copied.
+     */
+    ItemsCopied: ASPxClientEvent<ASPxClientFileManagerItemsCopiedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client if any error occurs while editing an item.
+     */
+    ErrorOccurred: ASPxClientEvent<ASPxClientFileManagerErrorEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to display the alert with the result error description.
+     */
+    ErrorAlertDisplaying: ASPxClientEvent<ASPxClientFileManagerErrorAlertDisplayingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires when a custom item is clicked, allowing you to perform custom actions.
+     */
+    CustomCommand: ASPxClientEvent<ASPxClientFileManagerCustomCommandEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side when the file manager updates the state of toolbar or context menu items.
+     */
+    ToolbarUpdating: ASPxClientEvent<ASPxClientFileManagerToolbarUpdatingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Enables you to highlight the search text, which is specified using the filter box, in templates.
+     */
+    HighlightItemTemplate: ASPxClientEvent<ASPxClientFileManagerHighlightItemTemplateEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file upload starts, and allows you to cancel the action.
+     */
+    FileUploading: ASPxClientEvent<ASPxClientFileManagerFileUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before the selected items are uploaded and allows you to cancel the action.
+     */
+    FilesUploading: ASPxClientEvent<ASPxClientFileManagerFilesUploadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after a file has been uploaded.
+     */
+    FileUploaded: ASPxClientEvent<ASPxClientFileManagerFileUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Occurs on the client side after upload of all selected files has been completed.
+     */
+    FilesUploaded: ASPxClientEvent<ASPxClientFileManagerFilesUploadedEventHandler<ASPxClientFileManager>>;
+    /**
+     * Fires on the client side before a file download starts, and allows you to cancel the action.
+     */
+    FileDownloading: ASPxClientEvent<ASPxClientFileManagerFileDownloadingEventHandler<ASPxClientFileManager>>;
+    /**
+     * Gets the name of the currently active file manager area.
+     */
+    GetActiveAreaName(): string;
+    /**
+     * Client-side scripting method which initiates a round trip to the server, so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Executes the specified command.
+     * @param commandName A string value that specifies the command to perform.
+     */
+    ExecuteCommand(commandName: string): boolean;
+    /**
+     * Returns the selected file within the ASPxFileManager control's file container.
+     */
+    GetSelectedFile(): ASPxClientFileManagerFile;
+    /**
+     * Returns an array of the file manager's selected items.
+     */
+    GetSelectedItems(): ASPxClientFileManagerFile[];
+    /**
+     * Returns a list of files that are loaded on the current page.
+     */
+    GetItems(): ASPxClientFileManagerFile[];
+    /**
+     * Sends a callback to the server and returns a list of files that are contained within the current folder.
+     * @param onCallback A  object that represents the JavaScript function which receives the list of row values as a parameter.
+     */
+    GetAllItems(onCallback: ASPxClientFileManagerAllItemsCallback): void;
+    /**
+     * Returns a toolbar item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetToolbarItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Returns a context menu item specified by its command name.
+     * @param commandName A string value specifying the command name of the item.
+     */
+    GetContextMenuItemByCommandName(commandName: string): ASPxClientFileManagerToolbarItem;
+    /**
+     * Gets the current folder's path.
+     */
+    GetCurrentFolderPath(): string;
+    /**
+     * Gets the current folder's path with the specified separator.
+     * @param separator A string value that specifies the separator between the folder's name within a path.
+     */
+    GetCurrentFolderPath(separator: string): string;
+    /**
+     * Gets the current folder's path with the specified settings.
+     * @param separator A string value that specifies the separator between the folder's name within the path.
+     * @param skipRootFolder true to skip the root folder; otherwise, false.
+     */
+    GetCurrentFolderPath(separator: string, skipRootFolder: boolean): string;
+    /**
+     * Sets the current folder's path.
+     * @param path A String value that is the relative path to the folder (without the root folder).
+     * @param onCallback A ASPxClientFileManagerCallback object that is the JavaScript function that receives the callback data as a parameter.
+     */
+    SetCurrentFolderPath(path: string, onCallback: ASPxClientFileManagerCallback): void;
+    /**
+     * Gets the current folder's ID.
+     */
+    GetCurrentFolderId(): string;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param args A string value that specifies any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * A JavaScript function which receives callback data obtained via a call to the client SetCurrentFolderPath method.
+ */
+interface ASPxClientFileManagerCallback {
+    /**
+     * A JavaScript function that receives callback data obtained via a call to the SetCurrentFolderPath method.
+     * @param result An object that contains a callback data.
+     */
+    (result: Object): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerItem object and serves as a base class for client file and folder objects.
+ */
+interface ASPxClientFileManagerItem {
+    /**
+     * Gets the name of the current item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the item's unique identifier.
+     * Value: A String value that specifies the item's unique identifier.
+     */
+    id: string;
+    /**
+     * Gets a value that indicates if the current file manager item is a folder.
+     * Value: true if the current item is a folder or parent folder; false if the current item is a file.
+     */
+    isFolder: boolean;
+    /**
+     * Specifies whether the file manager item is selected.
+     * @param selected true, to select the item; otherwise, false.
+     */
+    SetSelected(selected: boolean): void;
+    /**
+     * Gets a value indicating whether the item is selected in the file manager.
+     */
+    IsSelected(): boolean;
+    /**
+     * Gets the current item's full name.
+     */
+    GetFullName(): string;
+    /**
+     * Gets the current item's full name with the specified separator.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     */
+    GetFullName(separator: string): string;
+    /**
+     * Gets the current item's full name with the specified settings.
+     * @param separator A string value that specifies the separator between the folder name inside the item's full name.
+     * @param skipRootFolder true, to skip the root folder; otherwise, false.
+     */
+    GetFullName(separator: string, skipRootFolder: boolean): string;
+}
+/**
+ * Represents the client-side equivalent of the FileManagerFile object.
+ */
+interface ASPxClientFileManagerFile extends ASPxClientFileManagerItem {
+    /**
+     * Downloads a file from a file manager.
+     */
+    Download(): void;
+}
+/**
+ * A client-side equivalent of the FileManagerFolder object.
+ */
+interface ASPxClientFileManagerFolder extends ASPxClientFileManagerItem {
+    /**
+     * Gets a value specifying whether an item is a parent folder.
+     * Value: true if an item is a parent folder; false if an item is a file or folder.
+     */
+    isParentFolder: boolean;
+}
+/**
+ * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+ */
+interface ASPxClientFileManagerAllItemsCallback {
+    /**
+     * A JavaScript function which receives callback data obtained by a call to the client GetAllItems method.
+     * @param items An array of ASPxClientFileManagerItem objects that are items contained in the current folder.
+     */
+    (items: ASPxClientFileManagerItem[]): void;
+}
+/**
+ * A method that will handle the client SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened events.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerFileEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened events.
+ */
+interface ASPxClientFileManagerFileEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a file related to the event.
+     * Value: An ASPxClientFileManagerFile object that represents a file currently being processed.
+     */
+    file: ASPxClientFileManagerFile;
+}
+/**
+ * A method that will handle the client SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventHandler<S> {
+    /**
+     * A method that will handle the SelectedFileOpened event.
+     * @param source The event source. This parameter identifies the file manager object which raised the event.
+     * @param e An ASPxClientFileManagerFileOpenedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileOpenedEventArgs): void;
+}
+/**
+ * Provides data for the SelectedFileOpened event.
+ */
+interface ASPxClientFileManagerFileOpenedEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value that specifies whether the event should be finally processed on the server side.
+     * Value: true to process the event on the server side; false to completely handle it on the client side.
+     */
+    processOnServer: boolean;
+}
+/**
+ * Serves as a base for classes that are used as arguments for events generated on the client side.
+ */
+interface ASPxClientFileManagerActionEventArgsBase extends ASPxClientEventArgs {
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+    /**
+     * Gets the name of the currently processed item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets a value specifying whether the current processed item is a folder.
+     * Value: true if the processed  item is a folder; false if the processed item is a file.
+     */
+    isFolder: boolean;
+}
+/**
+ * A method that will handle the client ItemRenaming events.
+ */
+interface ASPxClientFileManagerItemEditingEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenaming events.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemEditingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemEditingEventArgs): void;
+}
+/**
+ * Provides data for the item editing event.
+ */
+interface ASPxClientFileManagerItemEditingEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventHandler<S> {
+    /**
+     * A method that will handle the ItemRenamed event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemRenamedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemRenamedEventArgs): void;
+}
+/**
+ * Provides data for the ItemRenamed event.
+ */
+interface ASPxClientFileManagerItemRenamedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the previous name of the renamed item.
+     * Value: A  string value that specifies the item name.
+     */
+    oldName: string;
+}
+/**
+ * A method that will handle the client ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemDeleted event.
+ */
+interface ASPxClientFileManagerItemDeletedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsDeleted event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsDeletedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsDeletedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsDeleted event.
+ */
+interface ASPxClientFileManagerItemsDeletedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+}
+/**
+ * A method that will handle the client ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemMoved event.
+ */
+interface ASPxClientFileManagerItemMovedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsMoved event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsMovedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsMovedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsMoved event.
+ */
+interface ASPxClientFileManagerItemsMovedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are moved.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemCopied event.
+ */
+interface ASPxClientFileManagerItemCopiedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+    /**
+     * Gets the full name of the folder from which an item is copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventHandler<S> {
+    /**
+     * A method that will handle the ItemsCopied event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemsCopiedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemsCopiedEventArgs): void;
+}
+/**
+ * Provides data for the ItemsCopied event.
+ */
+interface ASPxClientFileManagerItemsCopiedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an array of the currently processed items.
+     * Value: An array of ASPxClientFileManagerItem objects that are items currently being processed.
+     */
+    items: ASPxClientFileManagerItem[];
+    /**
+     * Gets the full name of the folder from which items are copied.
+     * Value: A string value that specifies the folder's full name.
+     */
+    oldFolderFullName: string;
+}
+/**
+ * A method that will handle the client FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventHandler<S> {
+    /**
+     * A method that will handle the FolderCreated event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerItemCreatedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerItemCreatedEventArgs): void;
+}
+/**
+ * Provides data for the FolderCreated event.
+ */
+interface ASPxClientFileManagerItemCreatedEventArgs extends ASPxClientFileManagerActionEventArgsBase {
+}
+/**
+ * A method that will handle the client ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventHandler<S> {
+    /**
+     * A method that will handle the client ErrorOccurred event.
+     * @param source An object representing the event's source.
+     * @param e An ASPxClientFileManagerErrorEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorEventArgs): void;
+}
+/**
+ * Provides data for the ErrorOccurred event.
+ */
+interface ASPxClientFileManagerErrorEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value representing the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the error description.
+     * Value: A string value specifying the error description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an event error message is sent to the ErrorAlertDisplaying event.
+     * Value: true to sent an error message; otherwise, false.
+     */
+    showAlert: boolean;
+    /**
+     * Gets a specifically generated code that uniquely identifies an error, which occurs while editing an item.
+     * Value: An integer value that specifies the code uniquely identifying an error.
+     */
+    errorCode: number;
+}
+/**
+ * A method that will handle the client ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventHandler<S> {
+    /**
+     * A method that will handle the ErrorAlertDisplaying event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerErrorAlertDisplayingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerErrorAlertDisplayingEventArgs): void;
+}
+/**
+ * Provides data for the ErrorAlertDisplaying event.
+ */
+interface ASPxClientFileManagerErrorAlertDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+    /**
+     * Gets or sets the errors description.
+     * Value: A string that is the errors description.
+     */
+    errorText: string;
+    /**
+     * Gets or sets a value specifying whether an alert message is displayed when the event fires.
+     * Value: true to display an alert message; otherwise, false.
+     */
+    showAlert: boolean;
+}
+/**
+ * A method that will handle the client FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FileUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FileUploading event.
+ */
+interface ASPxClientFileManagerFileUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is being uploaded.
+     * Value: A string value specifying the path where a file is being uploaded.
+     */
+    folder: string;
+    /**
+     * Gets the name of a file selected for upload.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadingEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploading event.
+ */
+interface ASPxClientFileManagerFilesUploadingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are being uploaded.
+     * Value: A string value specifying the folder path.
+     */
+    folder: string;
+    /**
+     * Gets the names of files selected for upload.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FileUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FileUploaded event.
+ */
+interface ASPxClientFileManagerFileUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where a file is uploaded.
+     * Value: A string value specifying the uploaded file path.
+     */
+    folder: string;
+    /**
+     * Gets the name of the uploaded file.
+     * Value: A string value that specifies the file name.
+     */
+    fileName: string;
+}
+/**
+ * A method that will handle the client FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploaded event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFilesUploadedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFilesUploadedEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploaded event.
+ */
+interface ASPxClientFileManagerFilesUploadedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the path to the folder where files are uploaded.
+     * Value: A string value specifying the uploaded files path.
+     */
+    folder: string;
+    /**
+     * Gets an array of uploaded file names.
+     * Value: An array of string values that are the file names.
+     */
+    fileNames: string[];
+}
+/**
+ * A method that will handle the client FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventHandler<S> {
+    /**
+     * A method that will handle the FileDownloading event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFileDownloadingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFileDownloadingEventArgs): void;
+}
+/**
+ * Provides data for the FileDownloading event.
+ */
+interface ASPxClientFileManagerFileDownloadingEventArgs extends ASPxClientFileManagerFileEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event, should be canceled.
+     * Value: true, if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that will handle the client FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventHandler<S> {
+    /**
+     * A method that will handle the FocusedItemChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerFocusedItemChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerFocusedItemChangedEventArgs): void;
+}
+/**
+ * Provides data for the FocusedItemChanged event.
+ */
+interface ASPxClientFileManagerFocusedItemChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the focused item.
+     * Value: A string value that specifies the item's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the item currently being processed.
+     * Value: A string value that is the item's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventHandler<S> {
+    /**
+     * A method that will handle the CurrentFolderChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerCurrentFolderChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCurrentFolderChangedEventArgs): void;
+}
+/**
+ * Provides data for the CurrentFolderChanged event.
+ */
+interface ASPxClientFileManagerCurrentFolderChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently processed folder.
+     * Value: A string value that specifies the folder's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the folder currently being processed.
+     * Value: A string value that is the folder's full name.
+     */
+    fullName: string;
+}
+/**
+ * A method that will handle the client SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventHandler<S> {
+    /**
+     * A method that will handle the SelectionChanged event.
+     * @param source The event source. Identifies the ASPxFileManager control that raised the event.
+     * @param e A ASPxClientFileManagerSelectionChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerSelectionChangedEventArgs): void;
+}
+/**
+ * Provides data for the SelectionChanged event.
+ */
+interface ASPxClientFileManagerSelectionChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the file manager item object related to the event.
+     * Value: An <see cref="ASPxClientFileManagerItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientFileManagerItem;
+    /**
+     * Gets the name of the currently processed file.
+     * Value: A string value that specifies the file's name.
+     */
+    name: string;
+    /**
+     * Gets the full name of the file currently being processed.
+     * Value: A string value that is the file's full name.
+     */
+    fullName: string;
+    /**
+     * Gets whether the item has been selected.
+     * Value: true if the file has been selected; otherwise, false.
+     */
+    isSelected: boolean;
+}
+/**
+ * A method that will handle the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventHandler<S> {
+    /**
+     * A method that will handle the CustomCommand event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerCustomCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerCustomCommandEventArgs): void;
+}
+/**
+ * Provides data for the CustomCommand event.
+ */
+interface ASPxClientFileManagerCustomCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the processed command.
+     * Value: A string value that is the processed command's name.
+     */
+    commandName: string;
+}
+/**
+ * A method that will handle the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarUpdating event.
+     * @param source The event source.
+     * @param e An ASPxClientFileManagerToolbarUpdatingEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerToolbarUpdatingEventArgs): void;
+}
+/**
+ * Provides data for the ToolbarUpdating event.
+ */
+interface ASPxClientFileManagerToolbarUpdatingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the name of the currently active file manager area.
+     * Value: A string value that identifies the active area.
+     */
+    activeAreaName: string;
+}
+/**
+ * A method that will handle the client HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventHandler<S> {
+    /**
+     * A method that will handle the HighlightItemTemplate event.
+     * @param source The event source. This parameter identifies the file manager object that raised the event.
+     * @param e An ASPxClientFileManagerHighlightItemTemplateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFileManagerHighlightItemTemplateEventArgs): void;
+}
+/**
+ * Provides data for the HighlightItemTemplate event.
+ */
+interface ASPxClientFileManagerHighlightItemTemplateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a string that is a filter value specified by the filter box.
+     * Value: A string that is a filter value.
+     */
+    filterValue: string;
+    /**
+     * Gets the name of the item currently being processed.
+     * Value: A string that is the item name.
+     */
+    itemName: string;
+    /**
+     * Gets an element containing the item template.
+     * Value: An object that is an element containing the item template.
+     */
+    templateElement: string;
+    /**
+     * Get the name of the cascading style sheet (CSS) class associated with an item in the highlighted state.
+     * Value: A string that is the name of a CSS class.
+     */
+    highlightCssClassName: string;
+}
+/**
+ * Represents a client-side equivalent of the menu's MenuItem object.
+ */
+interface ASPxClientMenuItem {
+    /**
+     * Gets the menu object to which the current item belongs.
+     * Value: An ASPxClientMenuBase object representing the menu to which the item belongs.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * Gets the immediate parent item to which the current item belongs.
+     * Value: An ASPxClientMenuItem object representing the item's immediate parent.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * Gets the item's index within the parent's collection of items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the parent object (a menu or item) to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the menu item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * For internal use only.
+     */
+    indexPath: string;
+    /**
+     * Returns the number of the current menu item's immediate child items.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the current menu item's immediate subitem specified by its index.
+     * @param index An integer value specifying the zero-based index of the submenu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns the current menu item's subitem specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Indicates whether the menu item is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Specifies whether the menu item is checked.
+     * @param value true if the menu item is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value specifying whether a menu item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the menu item is enabled.
+     * @param value true to enable the menu item; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the menu item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the menu item.
+     * @param value A string value specifying the URL to the image displayed within the menu item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets a URL which defines the navigation location for the menu item.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the menu item.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the menu item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the menu item.
+     */
+    GetText(): string;
+    /**
+     * Sets the text to be displayed within the menu item.
+     * @param value A string value specifying the text to be displayed within the menu item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a menu item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the menu item's visibility.
+     * @param value true if the menu item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A client-side equivalent of the file manager's FileManagerToolbarItemBase object.
+ */
+interface ASPxClientFileManagerToolbarItem extends ASPxClientMenuItem {
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    menu: ASPxClientMenuBase;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    parent: ASPxClientMenuItem;
+    /**
+     * This property is not in effect for the ASPxClientFileManagerToolbarItem class.
+     */
+    index: number;
+}
+/**
+ * A client-side equivalent of the ASPxFormLayout's LayoutItem object.
+ */
+interface ASPxClientLayoutItem {
+    /**
+     * Gets the form layout object to which the current item belongs.
+     * Value: An <see cref="ASPxClientFormLayout" /> object representing the form layout to which the item belongs.
+     */
+    formLayout: ASPxClientFormLayout;
+    /**
+     * Gets the name that uniquely identifies the layout item.
+     * Value: A string value that represents the value assigned to the layout item's Name property.
+     */
+    name: string;
+    /**
+     * Gets the immediate parent layout item to which the current layout item belongs.
+     * Value: An <see cref="ASPxClientLayoutItem" /> object representing the item's immediate parent.
+     */
+    parent: ASPxClientLayoutItem;
+    /**
+     * Returns the current layout item's subitem specified by its name.
+     * @param name A string value specifying the name of the layout item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+    /**
+     * Returns a value specifying whether a layout item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies the layout item's visibility.
+     * @param value true, if the layout item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Specifies the text displayed in the layout item caption.
+     * @param caption A string value specifying the item caption.
+     */
+    SetCaption(caption: string): void;
+    /**
+     * Returns the text displayed in the layout item caption.
+     */
+    GetCaption(): string;
+}
+/**
+ * Represents a client-side equivalent of the ASPxFormLayout object.
+ */
+interface ASPxClientFormLayout extends ASPxClientControl {
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientLayoutItem;
+}
+/**
+ * Represents a client-side equivalent of the ASPxGlobalEvents component.
+ */
+interface ASPxClientGlobalEvents {
+    /**
+     * Occurs on the client side after client object models of all DevExpress web controls contained within the page have been initialized.
+     */
+    ControlsInitialized: ASPxClientEvent<ASPxClientControlsInitializedEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when the browser window is being resized.
+     */
+    BrowserWindowResized: ASPxClientEvent<ASPxClientEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated by any DevExpress control.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientGlobalBeginCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side, after server-side processing of a callback initiated by any DevExpress web control, has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientGlobalEndCallbackEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by any of DevExpress web controls.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientGlobalCallbackErrorEventHandler<ASPxClientGlobalEvents>>;
+    /**
+     * Occurs on the client side after the validation initiated for a DevExpress web control (or a group of DevExpress web controls) has been completed.
+     */
+    ValidationCompleted: ASPxClientEvent<ASPxClientValidationCompletedEventHandler<ASPxClientGlobalEvents>>;
+}
+/**
+ * Represents a client-side equivalent of the ASPxHiddenField control.
+ */
+interface ASPxClientHiddenField extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientHiddenField.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientHiddenField>>;
+    /**
+     * Sends a callback to the server and generates the server-side CustomCallback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the value of the specified property.
+     */
+    Add(propertyName: string, propertyValue: Object): void;
+    /**
+     * Returns the value with the specified property name.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Get(propertyName: string): Object;
+    /**
+     * Adds a new value to the control's collection of property name/value pairs, on the client side.
+     * @param propertyName A string value that specifies the property name. It can contain letters, digits, underline characters, and dollar signs. It cannot begin with a digit character.
+     * @param propertyValue An object that represents the property value.
+     */
+    Set(propertyName: string, propertyValue: Object): void;
+    /**
+     * Removes the specified value from the ASPxHiddenField collection.
+     * @param propertyName A string value representing the property name.
+     */
+    Remove(propertyName: string): void;
+    /**
+     * Clears the ASPxHiddenField's value collection.
+     */
+    Clear(): void;
+    /**
+     * Returns a value indicating whether the value with the specified property name is contained within the ASPxHiddenField control's value collection.
+     * @param propertyName A string value that specifies the property name.
+     */
+    Contains(propertyName: string): boolean;
+}
+/**
+ * The client-side equivalent of the ASPxImageGallery control.
+ */
+interface ASPxClientImageGallery extends ASPxClientDataView {
+    /**
+     * Fires on the client side before the fullscreen viewer is shown and allows you to cancel the action.
+     */
+    FullscreenViewerShowing: ASPxClientEvent<ASPxClientImageGalleryCancelEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Occurs on the client side after an active item has been changed within the fullscreen viewer.
+     */
+    FullscreenViewerActiveItemIndexChanged: ASPxClientEvent<ASPxClientImageGalleryFullscreenViewerEventHandler<ASPxClientImageGallery>>;
+    /**
+     * Shows the fullscreen viewer with the specified active item.
+     * @param index An Int32 value that is an index of the active item.
+     */
+    ShowFullscreenViewer(index: number): void;
+    /**
+     * Hides the fullscreen viewer.
+     */
+    HideFullscreenViewer(): void;
+    /**
+     * Makes the specified item active within the fullscreen viewer on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetFullscreenViewerActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetFullscreenViewerItemCount(): number;
+    /**
+     * Returns the index of the active item within the fullscreen viewer.
+     */
+    GetFullscreenViewerActiveItemIndex(): number;
+    /**
+     * Plays a slide show within a fullscreen viewer.
+     */
+    PlaySlideShow(): void;
+    /**
+     * Pauses a slide show within a fullscreen viewer.
+     */
+    PauseSlideShow(): void;
+}
+/**
+ * A method that will handle the client FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerShowing event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryCancelEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerShowing event.
+ */
+interface ASPxClientImageGalleryCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A method that will handle the client FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventHandler<S> {
+    /**
+     * A method that will handle the FullscreenViewerActiveItemIndexChanged event.
+     * @param source The event source. Identifies the ASPxImageGallery control that raised the event.
+     * @param e An ASPxClientImageGalleryFullscreenViewerEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageGalleryFullscreenViewerEventArgs): void;
+}
+/**
+ * Provides data for the FullscreenViewerActiveItemIndexChanged event.
+ */
+interface ASPxClientImageGalleryFullscreenViewerEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An <see cref="Int32" /> value that is the related item's index.
+     */
+    index: number;
+    /**
+     * Gets the unique identifier name of the item related to the event.
+     * Value: A string value that specifies the item's unique identifier name.
+     */
+    name: string;
+}
+/**
+ * A client-side equivalent of the ASPxImageSlider object.
+ */
+interface ASPxClientImageSlider extends ASPxClientControl {
+    /**
+     * Occurs after the active image, displayed within the image area, is changed.
+     */
+    ActiveItemChanged: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Fires after an image item has been clicked within the image area.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Occurs on the client side when a thumbnail is clicked.
+     */
+    ThumbnailItemClick: ASPxClientEvent<ASPxClientImageSliderItemEventHandler<ASPxClientImageSlider>>;
+    /**
+     * Returns an item specified by its index within the image slider's item collection.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientImageSliderItem;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientImageSliderItem;
+    /**
+     * Returns the index of the active item within the image slider control.
+     */
+    GetActiveItemIndex(): number;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param index An integer value specifying the index of the item to select.
+     * @param preventAnimation true to prevent the animation effect; false to change images using animation.
+     */
+    SetActiveItemIndex(index: number, preventAnimation: boolean): void;
+    /**
+     * Returns the active item within the ASPxImageSlider control.
+     */
+    GetActiveItem(): ASPxClientImageSliderItem;
+    /**
+     * Makes the specified item active within the image slider control on the client side.
+     * @param item An ASPxClientImageSliderItem object specifying the item to select.
+     * @param preventAnimation true to prevent animation effect; false to enable animation.
+     */
+    SetActiveItem(item: ASPxClientImageSliderItem, preventAnimation: boolean): void;
+    /**
+     * Gets the number of items contained in the control's item collection.
+     */
+    GetItemCount(): number;
+    /**
+     * Sets input focus to the ASPxImageSlider control.
+     */
+    Focus(): void;
+    /**
+     * Plays a slide show within an image slider.
+     */
+    Play(): void;
+    /**
+     * Pauses a slide show within image slider.
+     */
+    Pause(): void;
+    /**
+     * Gets a value indicating whether the slide show is playing.
+     */
+    IsSlideShowPlaying(): boolean;
+}
+/**
+ * A method that will handle the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventHandler<S> {
+    /**
+     * A method that will handle the ItemClick events.
+     * @param source The event source. Identifies the ASPxImageSlider control that raised the event.
+     * @param e An ASPxClientImageSliderItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientImageSliderItemEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick events.
+ */
+interface ASPxClientImageSliderItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientImageSliderItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientImageSliderItem;
+}
+/**
+ * A client-side equivalent of the image slider's ImageSliderItem object.
+ */
+interface ASPxClientImageSliderItem {
+    /**
+     * Gets an image slider to which the current item belongs.
+     * Value: An <see cref="ASPxClientImageSlider" /> object that is the item's owner.
+     */
+    imageSlider: ASPxClientImageSlider;
+    /**
+     * Gets the item's index within an items collection.
+     * Value: An integer value is the item's zero-based index within the Items collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the image slider item.
+     * Value: A string value that is the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Gets or sets the path to the image displayed within the ASPxClientImageSliderItem.
+     * Value: A <see cref="String" /> value specifying the path to the image.
+     */
+    imageUrl: string;
+    /**
+     * Gets the item's display text.
+     * Value: A string value that is the item's display text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxImageZoomNavigator object.
+ */
+interface ASPxClientImageZoomNavigator extends ASPxClientImageSlider {
+}
+/**
+ * A client-side equivalent of the ASPxImageZoom object.
+ */
+interface ASPxClientImageZoom extends ASPxClientControl {
+    /**
+     * Sets the properties on an image displayed in the image zoom control.
+     * @param imageUrl A string value specifying the path to the preview image displayed in the preview image.
+     * @param largeImageUrl A string value specifying the path to the preview image displayed in the zoom window and the expand window.
+     * @param zoomWindowText A string value specifying the text displayed in the zoom window.
+     * @param expandWindowText A string value specifying the text displayed in the expand window.
+     * @param alternateText A string value that specifies the alternate text displayed instead of the image.
+     */
+    SetImageProperties(imageUrl: string, largeImageUrl: string, zoomWindowText: string, expandWindowText: string, alternateText: string): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxLoadingPanel control.
+ */
+interface ASPxClientLoadingPanel extends ASPxClientControl {
+    /**
+     * Invokes the loading panel.
+     */
+    Show(): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified HTML element.
+     * @param htmlElement An object that specifies the required HTML element.
+     */
+    ShowInElement(htmlElement: Object): void;
+    /**
+     * Invokes the loading panel, displaying it over the specified element.
+     * @param id A string that specifies the required element's identifier.
+     */
+    ShowInElementByID(id: string): void;
+    /**
+     * Invokes the loading panel at the specified position.
+     * @param x An integer value specifying the x-coordinate of the loading panel's display position.
+     * @param y An integer value specifying the y-coordinate of the loaidng panel's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+    /**
+     * Sets the text to be displayed within the ASPxLoadingPanel.
+     * @param text A string value specifying the text to be displayed within the ASPxLoadingPanel.
+     */
+    SetText(text: string): void;
+    /**
+     * Gets the text displayed within the ASPxLoadingPanel.
+     */
+    GetText(): string;
+    /**
+     * Hides the loading panel.
+     */
+    Hide(): void;
+}
+/**
+ * Serves as the base type for the ASPxClientPopupMenu objects.
+ */
+interface ASPxClientMenuBase extends ASPxClientControl {
+    /**
+     * Fires after a menu item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientMenuItemClickEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a menu item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a menu item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientMenuItemMouseEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu pops up.
+     */
+    PopUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Occurs on the client side when a submenu closes.
+     */
+    CloseUp: ASPxClientEvent<ASPxClientMenuItemEventHandler<ASPxClientMenuBase>>;
+    /**
+     * Returns the number of menu items at the root menu level.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the menu's root menu item specified by its index.
+     * @param index An integer value specifying the zero-based index of the root menu item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientMenuItem;
+    /**
+     * Returns a menu item specified by its name.
+     * @param name A string value specifying the name of the menu item.
+     */
+    GetItemByName(name: string): ASPxClientMenuItem;
+    /**
+     * Returns the selected item within the menu control.
+     */
+    GetSelectedItem(): ASPxClientMenuItem;
+    /**
+     * Selects the specified menu item within a menu control on the client side.
+     * @param item An ASPxClientMenuItem object specifying the menu item to select.
+     */
+    SetSelectedItem(item: ASPxClientMenuItem): void;
+    /**
+     * Returns a root menu item.
+     */
+    GetRootItem(): ASPxClientMenuItem;
+}
+/**
+ * Represents a client collection that maintains client menu objects.
+ */
+interface ASPxClientMenuCollection extends ASPxClientControlCollection {
+    /**
+     * Recalculates the position of visible sub menus.
+     */
+    RecalculateAll(): void;
+    /**
+     * Hides all menus maitained by the collection.
+     */
+    HideAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxMenu object.
+ */
+interface ASPxClientMenu extends ASPxClientMenuBase {
+    /**
+     * Gets a value specifying the menu orientation.
+     */
+    GetOrientation(): string;
+    /**
+     * Sets the menu orientation.
+     * @param orientation 'Vertical' to orient the menu vertically; 'Horizontal' to orient the menu horizontally.
+     */
+    SetOrientation(orientation: string): void;
+}
+/**
+ * A method that will handle the menu's client events concerning manipulations with an item.
+ */
+interface ASPxClientMenuItemEventHandler<S> {
+    /**
+     * A method that will handle the menu's client events concerning manipulations with an item.
+     * @param source The event source. This parameter identifies the menu object which raised the event.
+     * @param e An ASPxClientMenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on menu items.
+ */
+interface ASPxClientMenuItemEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+}
+/**
+ * A method that will handle client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemMouseEventArgs): void;
+}
+/**
+ * Provides data for client events which relate to mouse hovering (such as entering or leaving) over menu items.
+ */
+interface ASPxClientMenuItemMouseEventArgs extends ASPxClientMenuItemEventArgs {
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An HTML object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's items.
+ */
+interface ASPxClientMenuItemClickEventHandler<S> {
+    /**
+     * A method that will handle client ItemClick events.
+     * @param source An object representing the event source.
+     * @param e A MenuItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientMenuItemClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's items.
+ */
+interface ASPxClientMenuItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Contains options affecting the touch scrolling functionality.
+ */
+interface ASPxClientTouchUIOptions {
+    /**
+     * Gets or sets a value that specifies whether or not the horizontal scroll bar should be displayed.
+     * Value: true to display the horizontal scroll bar; otherwise, false. The default value is true.
+     */
+    showHorizontalScrollbar: boolean;
+    /**
+     * Gets or sets a value that specifies whether or not the vertical scroll bar should be displayed.
+     * Value: true to display the vertical scroll bar; otherwise, false. The default value is true.
+     */
+    showVerticalScrollbar: boolean;
+    /**
+     * Gets or sets the name of the CSS class defining the vertical scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    vScrollClassName: string;
+    /**
+     * Gets or sets the name of the CSS class defining the horizontal scroll bar's appearance.
+     * Value: A string value specifying the class name.
+     */
+    hScrollClassName: string;
+}
+/**
+ * Contains a method allowing you to apply the current scroll extender to a specific element.
+ */
+interface ScrollExtender {
+    /**
+     * Applies the current scroll extender to the element specified by the ID.
+     * @param id A string value specifying the element's ID.
+     */
+    ChangeElement(id: string): void;
+    /**
+     * Applies the current scroll extender to the specified DOM element.
+     * @param element An object specifying the required DOM element.
+     */
+    ChangeElement(element: Object): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNavBar control.
+ */
+interface ASPxClientNavBar extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientNavBarItemEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side after a group's expansion state has been changed.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientNavBarGroupEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client side before the expansion state of a group is changed.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientNavBarGroupCancelEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires when a group header is clicked.
+     */
+    HeaderClick: ASPxClientEvent<ASPxClientNavBarGroupClickEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientNavBar>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientNavBar.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientNavBar>>;
+    /**
+     * Returns the number of groups in the navbar.
+     */
+    GetGroupCount(): number;
+    /**
+     * Returns a group specified by its index.
+     * @param index An integer value specifying the zero-based index of the group object to retrieve.
+     */
+    GetGroup(index: number): ASPxClientNavBarGroup;
+    /**
+     * Returns a group specified by its name.
+     * @param name A string value specifying the name of the group.
+     */
+    GetGroupByName(name: string): ASPxClientNavBarGroup;
+    /**
+     * Returns the navbar's active group.
+     */
+    GetActiveGroup(): ASPxClientNavBarGroup;
+    /**
+     * Makes the specified group active.
+     * @param group A ASPxClientNavBarGroup object that specifies the active group.
+     */
+    SetActiveGroup(group: ASPxClientNavBarGroup): void;
+    /**
+     * Returns an item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+    /**
+     * Returns the selected item within the navbar control.
+     */
+    GetSelectedItem(): ASPxClientNavBarItem;
+    /**
+     * Selects the specified item within the navbar control on the client side.
+     * @param item An ASPxClientNavBarItem object specifying the item to select.
+     */
+    SetSelectedItem(item: ASPxClientNavBarItem): void;
+    /**
+     * Collapses all groups of the navbar.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all groups of the navbar.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarGroup object.
+ */
+interface ASPxClientNavBarGroup {
+    /**
+     * Gets the navbar to which the current group belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the group belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group's index within a collection of a navbar's groups.
+     * Value: An integer value representing the group's zero-based index within the Groups collection of the navbar to which the group belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the group.
+     * Value: A string value that represents the value assigned to the group's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a group is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether the group is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets the group's expansion state.
+     * @param value true to expand the group; false to collapse the group.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value specifying whether a group is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Returns text displayed within a group.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within a group.
+     * @param text A string value that is the text displayed within the navbar group.
+     */
+    SetText(text: string): void;
+    /**
+     * Specifies whether the group is visible.
+     * @param value true if the group is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Returns the number of items in the group.
+     */
+    GetItemCount(): number;
+    /**
+     * Returns the group's item specified by its index.
+     * @param index An integer value specifying the zero-based index of the item to be retrieved.
+     */
+    GetItem(index: number): ASPxClientNavBarItem;
+    /**
+     * Returns a group item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientNavBarItem;
+}
+/**
+ * Represents a client-side equivalent of the navbar's NavBarItem object.
+ */
+interface ASPxClientNavBarItem {
+    /**
+     * Gets the navbar to which the current item belongs.
+     * Value: An ASPxClientNavBar object representing the navbar to which the item belongs.
+     */
+    navBar: ASPxClientNavBar;
+    /**
+     * Gets the group to which the current item belongs.
+     * Value: An ASPxClientNavBarGroup object representing the group to which the item belongs.
+     */
+    group: ASPxClientNavBarGroup;
+    /**
+     * Gets the item's index within a collection of a group's items.
+     * Value: An integer value representing the item's zero-based index within the Items collection of the group to which the item belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the item.
+     * Value: A string value that represents the value assigned to the item's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value indicating whether an item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the item is enabled.
+     * @param value true if the item is enabled; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL which points to the image displayed within the item.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the item.
+     * @param value A string value that specifies the URL to the image displayed within the item.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the item's navigation location.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the item's navigation location.
+     * @param value A string value which represents the URL to where the client web browser will navigate when the item is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the item.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the item.
+     * @param value A string value that represents the text displayed within the item.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether an item is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the item is visible.
+     * @param value true is the item is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with an item.
+ */
+interface ASPxClientNavBarItemEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on items.
+ */
+interface ASPxClientNavBarItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the item object related to the event.
+     * Value: An ASPxClientNavBarItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientNavBarItem;
+    /**
+     * Gets the HTML object that contains the processed navbar item.
+     * Value: An object representing a container for the navbar item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the navbar's client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object, manipulations on which forced the event to be raised.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+ */
+interface ASPxClientNavBarGroupCancelEventHandler<S> {
+    /**
+     * A method that will handle the navbar's cancelable client events concerning manipulations with a group.
+     * @param source An object representing the event's source. Identifies the navbar object that raised the event.
+     * @param e An ASPxClientNavBarGroupCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on groups.
+ */
+interface ASPxClientNavBarGroupCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the group object related to the event.
+     * Value: An ASPxClientNavBarGroup object representing the group manipulations on which forced the navbar to raise the event.
+     */
+    group: ASPxClientNavBarGroup;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventHandler<S> {
+    /**
+     * A method that will handle the navbar's client events concerning clicks on groups.
+     * @param source The event source. This parameter identifies the navbar object which raised the event.
+     * @param e An ASPxClientNavBarGroupClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNavBarGroupClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's group headers.
+ */
+interface ASPxClientNavBarGroupClickEventArgs extends ASPxClientNavBarGroupCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed group.
+     * Value: An object representing a container for the group related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxNewsControl object.
+ */
+interface ASPxClientNewsControl extends ASPxClientDataView {
+    /**
+     * Fires after an item's tail has been clicked.
+     */
+    TailClick: ASPxClientEvent<ASPxClientNewsControlItemEventHandler<ASPxClientNewsControl>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientNewsControlItemEventHandler<S> {
+    /**
+     * A method that will handle the news control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the news control object that raised the event.
+     * @param e An ASPxClientNewsControlItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientNewsControlItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern tail clicking within the control's items.
+ */
+interface ASPxClientNewsControlItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxObjectContainer control.
+ */
+interface ASPxClientObjectContainer extends ASPxClientControl {
+    /**
+     * Occurs on the client side when the FSCommand action is called within the associated flash object's action script.
+     */
+    FlashScriptCommand: ASPxClientEvent<ASPxClientFlashScriptCommandEventHandler<ASPxClientObjectContainer>>;
+    /**
+     * Play the Flash movie backwards.
+     */
+    Back(): void;
+    /**
+     * Returns the value of the Flash variable specified.
+     * @param name A string value that specifies the Flash variable.
+     */
+    GetVariable(name: string): string;
+    /**
+     * Play the Flash movie forwards.
+     */
+    Forward(): void;
+    /**
+     * Activates the specified frame in the Flash movie.
+     * @param frameNumber An integer value that specifies the requested frame.
+     */
+    GotoFrame(frameNumber: number): void;
+    /**
+     * Indicates whether the Flash movie is currently playing.
+     */
+    IsPlaying(): boolean;
+    /**
+     * Loads the Flash movie to the specified layer.
+     * @param layerNumber An integer value that identifies a layer in which to load the movie.
+     * @param url A string value that specifies the movie's URL.
+     */
+    LoadMovie(layerNumber: number, url: string): void;
+    /**
+     * Pans a zoomed-in Flash movie to the specified coordinates.
+     * @param x An integer value that specifies the X-coordinate.
+     * @param y An integer value that specifies the Y-coordinate.
+     * @param mode 0 the coordinates are pixels; 1 the coordinates are a percentage of the window.
+     */
+    Pan(x: number, y: number, mode: number): void;
+    /**
+     * Returns the percent of the Flash Player movie that has streamed into the browser so far.
+     */
+    PercentLoaded(): string;
+    /**
+     * Starts playing the Flash movie.
+     */
+    Play(): void;
+    /**
+     * Rewinds the Flash movie to the first frame.
+     */
+    Rewind(): void;
+    /**
+     * Sets the value of the specified Flash variable.
+     * @param name A string value that specifies the Flash variable.
+     * @param value A string value that represents a new value.
+     */
+    SetVariable(name: string, value: string): void;
+    /**
+     * Zooms in on the specified rectangular area of the Flash movie.
+     * @param left An integer value that specifies the x-coordinate of the rectangle's left side, in twips.
+     * @param top An integer value that specifies the y-coordinate of the rectangle's top side, in twips.
+     * @param right An integer value that specifies the x-coordinate of the rectangle's right side, in twips.
+     * @param bottom An integer value that specifies the y-coordinate of the rectangle's bottom side, in twips.
+     */
+    SetZoomRect(left: number, top: number, right: number, bottom: number): void;
+    /**
+     * Stops playing the Flash movie.
+     */
+    StopPlay(): void;
+    /**
+     * Returns the total number of frames in the Flash movie.
+     */
+    TotalFrames(): number;
+    /**
+     * Zooms the Flash view by a relative scale factor.
+     * @param percent An integer value that specifies the relative scale factor, as a  percentage.
+     */
+    Zoom(percent: number): void;
+    /**
+     * Starts playing a Quick Time movie.
+     */
+    QTPlay(): void;
+    /**
+     * Stops playing a Quick Time movie.
+     */
+    QTStopPlay(): void;
+    /**
+     * Rewinds a Quick Time movie to the first frame.
+     */
+    QTRewind(): void;
+    /**
+     * Steps through a Quick Time video stream by a specified number of frames.
+     * @param count An integer value that specifies the number of frames to step.
+     */
+    QTStep(count: number): void;
+}
+/**
+ * A method that will handle the FlashScriptCommand event.
+ */
+interface ASPxClientFlashScriptCommandEventHandler<S> {
+    /**
+     * A method that will handle the FlashScriptCommand event.
+     * @param source The event source.
+     * @param e A ASPxClientFlashScriptCommandEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientFlashScriptCommandEventArgs): void;
+}
+/**
+ * Provides data for the FlashScriptCommand client event.
+ */
+interface ASPxClientFlashScriptCommandEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a command passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's command parameter.
+     */
+    command: string;
+    /**
+     * Gets arguments passed via the FSCommand action of the flash object.
+     * Value: A string that represents the value of the FSCommand action's args parameter.
+     */
+    args: string;
+}
+/**
+ * Lists the available link types within office documents.
+ */
+interface ASPxClientOfficeDocumentLinkType {
+}
+interface ASPxClientPager extends ASPxClientControl {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupControl control.
+ */
+interface ASPxClientPopupControl extends ASPxClientPopupControlBase {
+    /**
+     * Occurs when a popup window's close button is clicked.
+     */
+    CloseButtonClick: ASPxClientEvent<ASPxClientPopupWindowEventHandler<ASPxClientPopupControl>>;
+    /**
+     * This method is not in effect for a ASPxClientPopupControl object.
+     */
+    GetMainElement(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked a default popup window.
+     */
+    GetPopUpReasonMouseEvent(): Object;
+    /**
+     * Returns an object containing the information about a mouse event that invoked the specified popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowPopUpReasonMouseEvent(window: ASPxClientPopupWindow): Object;
+    /**
+     * 
+     * @param window 
+     * @param parameter 
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string): void;
+    /**
+     * Sends a callback with parameters to update the popup window by processing the related popup window and the passed information on the server.
+     * @param window A ASPxClientPopupWindow object identifying the processed popup window.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side CustomCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformWindowCallback(window: ASPxClientPopupWindow, parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Specifies the default popup window's size.
+     * @param width An integer value that specifies the default popup window's width.
+     * @param height An integer value that specifies the default popup window's height.
+     */
+    SetSize(width: number, height: number): void;
+    /**
+     * Gets the width of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Gets the height of the specified popup window's content region.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the height of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowHeight(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns the width of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowWidth(window: ASPxClientPopupWindow): number;
+    /**
+     * Specifies the size of a specific popup window.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param width An integer value that specifies the required popup window's width.
+     * @param height An integer value that specifies the required popup window's height.
+     */
+    SetWindowSize(window: ASPxClientPopupWindow, width: number, height: number): void;
+    /**
+     * Returns the HTML code that is the content of the popup control's default popup window.
+     */
+    GetContentHTML(): string;
+    /**
+     * Defines the HTML content for the popup control's default popup window.
+     * @param html A string value that is the HTML code defining the content of the popup window.
+     */
+    SetContentHTML(html: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control's window is associated.
+     * @param window An ASPxClientPopupWindow object representing a popup control's window.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup control's window is associated.
+     */
+    SetWindowPopupElementID(window: ASPxClientPopupWindow, popupElementId: string): void;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup control is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element to which the popup control is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the default window within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an index of the object that invoked the specified popup window, within the window's PopupElementID list.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElementIndex(window: ASPxClientPopupWindow): number;
+    /**
+     * Returns an object that invoked the default window.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Returns an object that invoked the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowCurrentPopupElement(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns a value that specifies whether the popup control's specific window is displayed.
+     * @param window A ASPxClientPopupWindow object representing the popup window whose visibility is checked.
+     */
+    IsWindowVisible(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Returns a popup window specified by its index.
+     * @param index An integer value specifying the zero-based index of the popup window object to be retrieved.
+     */
+    GetWindow(index: number): ASPxClientPopupWindow;
+    /**
+     * Returns a popup window specified by its name.
+     * @param name A string value specifying the name of the popup window.
+     */
+    GetWindowByName(name: string): ASPxClientPopupWindow;
+    /**
+     * Returns the number of popup windows in the popup control.
+     */
+    GetWindowCount(): number;
+    /**
+     * Invokes the popup control's specific window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     */
+    ShowWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Invokes the specified popup window at the popup element with the specified index.
+     * @param window A ASPxClientPopupWindow object that specifies the required popup window.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element within the window's PopupElementID list.
+     */
+    ShowWindow(window: ASPxClientPopupWindow, popupElementIndex: number): void;
+    /**
+     * Invokes the popup control's specific window and displays it over the specified HTML element.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param htmlElement An object specifying the HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Invokes the popup control's specific window and displays it over an HTML element specified by its unique identifier.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to whose position the default popup window is invoked.
+     */
+    ShowWindowAtElementByID(window: ASPxClientPopupWindow, id: string): void;
+    /**
+     * Invokes the popup control's specific popup window at the specified position.
+     * @param window A ASPxClientPopupWindow object representing the popup window to display.
+     * @param x A integer value specifying the x-coordinate of the popup window's display position.
+     * @param y A integer value specifying the y-coordinate of the popup window's display position.
+     */
+    ShowWindowAtPos(window: ASPxClientPopupWindow, x: number, y: number): void;
+    /**
+     * Brings the specified popup window to the front of the z-order.
+     * @param window A ASPxClientPopupWindow object representing the popup window.
+     */
+    BringWindowToFront(window: ASPxClientPopupWindow): void;
+    /**
+     * Closes the popup control's specified window.
+     * @param window A ASPxClientPopupWindow object representing the popup window to close.
+     */
+    HideWindow(window: ASPxClientPopupWindow): void;
+    /**
+     * Returns the HTML code that represents the contents of the specified popup window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    GetWindowContentHtml(window: ASPxClientPopupWindow): string;
+    /**
+     * Defines the HTML content for a specific popup window within the popup control.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param html A string value that represents the HTML code defining the content of the specified popup window.
+     */
+    SetWindowContentHtml(window: ASPxClientPopupWindow, html: string): void;
+    /**
+     * Returns an iframe object containing a web page specified via the specified popup window's SetWindowContentUrl client method).
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentIFrame(window: ASPxClientPopupWindow): Object;
+    /**
+     * Returns the URL pointing to the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    GetWindowContentUrl(window: ASPxClientPopupWindow): string;
+    /**
+     * Sets the URL pointing to the web page that should be loaded into and displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     * @param url A string value specifying the URL to the web page to be displayed within the specified popup window.
+     */
+    SetWindowContentUrl(window: ASPxClientPopupWindow, url: string): void;
+    /**
+     * Returns a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowPinned(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is pinned.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to pin the window; otherwise, false.
+     */
+    SetWindowPinned(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowMaximized(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is maximized.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to maximize the window; otherwise, false.
+     */
+    SetWindowMaximized(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Returns a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     */
+    GetWindowCollapsed(window: ASPxClientPopupWindow): boolean;
+    /**
+     * Sets a value indicating whether the specified window is collapsed.
+     * @param window An ASPxClientPopupWindow object specifying the popup window.
+     * @param value true to collapse the window; otherwise, false.
+     */
+    SetWindowCollapsed(window: ASPxClientPopupWindow, value: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the control's specific popup window.
+     * @param window A ASPxClientPopupWindow object representing the required popup window.
+     */
+    RefreshWindowContentUrl(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     */
+    UpdatePosition(): void;
+    /**
+     * Updates the default popup window's position, to correctly align it at the specified HTML element.
+     * @param htmlElement An object specifying the HTML element to which the default popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdatePositionAtElement(htmlElement: Object): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at either the specified element, or the center of the browser's window.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     */
+    UpdateWindowPosition(window: ASPxClientPopupWindow): void;
+    /**
+     * Updates the specified popup window's position, to correctly align it at the specified HTML element.
+     * @param window An ASPxClientPopupWindow object that specifies the required popup window.
+     * @param htmlElement An object specifying the HTML element to which the specified popup window is aligned using the PopupVerticalAlign properties.
+     */
+    UpdateWindowPositionAtElement(window: ASPxClientPopupWindow, htmlElement: Object): void;
+    /**
+     * Refreshes the connection between the ASPxPopupControl and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+}
+/**
+ * Represents a client-side equivalent of a popup control's PopupWindow object.
+ */
+interface ASPxClientPopupWindow {
+    /**
+     * Gets the popup control to which the current popup window belongs.
+     * Value: An ASPxClientPopupControl object representing the popup control to which the window belongs.
+     */
+    popupControl: ASPxClientPopupControl;
+    /**
+     * Gets the index of the current popup window within the popup control's Windows collection.
+     * Value: An integer value representing the zero-based index of the current popup window within the Windows collection of the popup control to which the window belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current popup window.
+     * Value: A string value that represents a value assigned to the popup window's Name property.
+     */
+    name: string;
+    /**
+     * Returns the URL pointing to the image displayed within the window header.
+     */
+    GetHeaderImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window header.
+     * @param value A string value that is the URL to the image displayed within the header.
+     */
+    SetHeaderImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the window footer.
+     */
+    GetFooterImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the window footer.
+     * @param value A string value that is the URL to the image displayed within the window footer.
+     */
+    SetFooterImageUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     */
+    GetHeaderNavigateUrl(): string;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's header.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetHeaderNavigateUrl(value: string): void;
+    /**
+     * Returns the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     */
+    GetFooterNavigateUrl(): string;
+    /**
+     * Specifies the URL where the web browser will navigate when the text or image is clicked within the popup window's footer.
+     * @param value A string value which specifies the required navigation location.
+     */
+    SetFooterNavigateUrl(value: string): void;
+    /**
+     * Returns the text displayed within the window's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed within the window's header.
+     * @param value A string value that specifies the window's header text.
+     */
+    SetHeaderText(value: string): void;
+    /**
+     * Returns the text displayed within the popup window's footer.
+     */
+    GetFooterText(): string;
+    /**
+     * Specifies the text displayed within the window's footer.
+     * @param value A string value that specifies the window's footer text.
+     */
+    SetFooterText(value: string): void;
+}
+/**
+ * A method that will handle the popup control's client events invoked in response to manipulating a popup window.
+ */
+interface ASPxClientPopupWindowEventHandler<S> {
+    /**
+     * A method that will handle the popup control's client events when a popup window is manipulated.
+     * @param source An object representing the event's source. Identifies the popup control object (ASPxClientPopupControl) that raised the event.
+     * @param e An ASPxClientPopupWindowEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowEventArgs): void;
+}
+/**
+ * Provides data for events concerning client manipulations on popup windows.
+ */
+interface ASPxClientPopupWindowEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+}
+/**
+ * A method that will handle the popup window's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventHandler<S> {
+    /**
+     * A method that will handle the popup window's cancelable client events.
+     * @param source An object representing the event's source. Identifies the popup window object that raised the event.
+     * @param e An ASPxClientPopupWindowCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCancelEventArgs): void;
+}
+/**
+ * Provides data for the popup control's cancellable client events, such as the Closing.
+ */
+interface ASPxClientPopupWindowCancelEventArgs extends ASPxClientCancelEventArgs {
+    /**
+     * Gets the popup window object related to the event.
+     * Value: An ASPxClientPopupWindow object representing the popup window that was manipulated, causing the popup control to raise the event.
+     */
+    window: ASPxClientPopupWindow;
+    /**
+     * Gets the value that identifies the reason the popup window is about to close.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventHandler<S> {
+    /**
+     * A method that will handle the CloseUp event.
+     * @param source The event source.
+     * @param e An ASPxClientPopupWindowCloseUpEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowCloseUpEventArgs): void;
+}
+/**
+ * Provides data for the CloseUp event.
+ */
+interface ASPxClientPopupWindowCloseUpEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets the value that identifies the reason the popup window closes.
+     * Value: One of the ASPxClientPopupControlCloseReason enumeration values.
+     */
+    closeReason: ASPxClientPopupControlCloseReason;
+}
+/**
+ * A method that will handle the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventHandler<S> {
+    /**
+     * A method that will handle the Resize event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowResizeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowResizeEventArgs): void;
+}
+/**
+ * Provides data for the Resize event.
+ */
+interface ASPxClientPopupWindowResizeEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Returns the value indicating the window state after resizing.
+     * Value: The integer value indicating the window resize state.
+     */
+    resizeState: number;
+}
+/**
+ * A method that will handle the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventHandler<S> {
+    /**
+     * A method that will handle the PinnedChanged event.
+     * @param source The event source.
+     * @param e A ASPxClientPopupWindowPinnedChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientPopupWindowPinnedChangedEventArgs): void;
+}
+/**
+ * Provides data for the PinnedChanged event.
+ */
+interface ASPxClientPopupWindowPinnedChangedEventArgs extends ASPxClientPopupWindowEventArgs {
+    /**
+     * Gets a value indicating whether the processed popup window has been pinned.
+     * Value: true, if the window has been pinned; otherwise, false.
+     */
+    pinned: boolean;
+}
+/**
+ * Represents a client collection that maintains client popup control objects.
+ */
+interface ASPxClientPopupControlCollection extends ASPxClientControlCollection {
+    /**
+     * Hides all popup windows maintained by the collection.
+     */
+    HideAllWindows(): void;
+}
+/**
+ * Declares client constants that identify the reason the popup window closes.
+ */
+interface ASPxClientPopupControlCloseReason {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPopupMenu object.
+ */
+interface ASPxClientPopupMenu extends ASPxClientMenuBase {
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs) with which the current popup menu is associated.
+     * @param popupElementId A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup menu is associated.
+     */
+    SetPopupElementID(popupElementId: string): void;
+    /**
+     * Returns an index of the object that invoked the popup menu within the PopupElementID list.
+     */
+    GetCurrentPopupElementIndex(): number;
+    /**
+     * Returns an object that invoked the popup menu.
+     */
+    GetCurrentPopupElement(): Object;
+    /**
+     * Refreshes the connection between the ASPxPopupMenu and the popup element.
+     */
+    RefreshPopupElementConnection(): void;
+    /**
+     * Hides the popup menu.
+     */
+    Hide(): void;
+    /**
+     * Invokes the popup menu.
+     */
+    Show(): void;
+    /**
+     * Invokes the popup menu at the popup element with the specified index.
+     * @param popupElementIndex An integer value specifying the zero-based index of the popup element.
+     */
+    Show(popupElementIndex: number): void;
+    /**
+     * Invokes the popup menu and displays it over the specified HTML element.
+     * @param htmlElement An object specifying the HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElement(htmlElement: Object): void;
+    /**
+     * Invokes the popup menu and displays it over an HTML element specified by its unique identifier.
+     * @param id A string value that specifies the hierarchically qualified identifier of an HTML element relative to which position the popup menu is invoked.
+     */
+    ShowAtElementByID(id: string): void;
+    /**
+     * Invokes the popup menu at the specified position.
+     * @param x An integer value specifying the x-coordinate of the popup menu's display position.
+     * @param y An integer value specifying the y-coordinate of the popup menu's display position.
+     */
+    ShowAtPos(x: number, y: number): void;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRatingControl control.
+ */
+interface ASPxClientRatingControl extends ASPxClientControl {
+    /**
+     * Fires on the server after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientRatingControlItemClickEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor is moved into a rating control item.
+     */
+    ItemMouseOver: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Occurs on the client side when the mouse cursor moves outside a rating control item.
+     */
+    ItemMouseOut: ASPxClientEvent<ASPxClientRatingControlItemMouseEventHandler<ASPxClientRatingControl>>;
+    /**
+     * Gets the item tooltip title specified by the item index.
+     * @param index An integer value specifying the item index.
+     */
+    GetTitle(index: number): string;
+    /**
+     * Returns a value indicating whether the control's status is read-only.
+     */
+    GetReadOnly(): boolean;
+    /**
+     * Specifies whether the control's status is read-only.
+     * @param value true to make the control read-only; otherwise, false.
+     */
+    SetReadOnly(value: boolean): void;
+    /**
+     * Returns the value of the ASPxRatingControl.
+     */
+    GetValue(): number;
+    /**
+     * Modifies the value of the ASPxRatingControl on the client side.
+     * @param value A decimal value representing the value of the control.
+     */
+    SetValue(value: number): void;
+}
+/**
+ * A method that will handle the client ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventHandler<S> {
+    /**
+     * A method that will handle the client ItemClick event.
+     * @param source An object representing the event source.
+     * @param e A ASPxClientRatingControlItemClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemClickEventArgs): void;
+}
+/**
+ * Provides data for the ItemClick event.
+ */
+interface ASPxClientRatingControlItemClickEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the clicked item's index.
+     */
+    index: number;
+}
+/**
+ * A method that will handle the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventHandler<S> {
+    /**
+     * A method that will handle the ItemMouseOver events.
+     * @param source The event source.
+     * @param e An ASPxClientRatingControlItemMouseEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRatingControlItemMouseEventArgs): void;
+}
+/**
+ * Provides data for the rating control's ItemMouseOver and ItemMouseOut client events (such as ItemMouseOut).
+ */
+interface ASPxClientRatingControlItemMouseEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of the item related to the event.
+     * Value: An integer value that represents the related item's index.
+     */
+    index: number;
+}
+/**
+ * Represents the client-side equivalent of the ASPxRibbon control.
+ */
+interface ASPxClientRibbon extends ASPxClientControl {
+    /**
+     * Occurs after an end-user executes an action on a ribbon item.
+     */
+    CommandExecuted: ASPxClientEvent<ASPxClientRibbonCommandExecutedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a ribbon control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientRibbonTabEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs on the client side when the ribbon minimization state is changed by end-user actions.
+     */
+    MinimizationStateChanged: ASPxClientEvent<ASPxClientRibbonMinimizationStateEventHandler<ASPxClientRibbon>>;
+    /**
+     * Occurs when the file tab is clicked.
+     */
+    FileTabClicked: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires on the client side after a dialog box launcher has been clicked.
+     */
+    DialogBoxLauncherClicked: ASPxClientEvent<ASPxClientRibbonDialogBoxLauncherClickedEventHandler<ASPxClientRibbon>>;
+    /**
+     * Fires after key tips are closed by pressing Esc.
+     */
+    KeyTipsClosedOnEscape: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRibbon>>;
+    /**
+     * Specifies whether the ribbon control is enabled.
+     * @param enabled true to enable the ribbon; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the ribbon is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientRibbonTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientRibbonTab;
+    /**
+     * Returns the number of tabs in the ribbon Tabs collection.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns the active tab within the ribbon control.
+     */
+    GetActiveTab(): ASPxClientRibbonTab;
+    /**
+     * Makes the specified tab active in the ribbon control on the client side.
+     * @param tab A ASPxClientRibbonTab object specifying the tab selection.
+     */
+    SetActiveTab(tab: ASPxClientRibbonTab): void;
+    /**
+     * Makes a tab active within the ribbon control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns a ribbon item specified by its name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemByName(name: string): ASPxClientRibbonItem;
+    /**
+     * Returns a value of item with the specified name.
+     * @param name A string value specifying the name of the item.
+     */
+    GetItemValueByName(name: string): Object;
+    /**
+     * Sets the value of the item with the specified name.
+     * @param name A string value specifying the name of the item.
+     * @param value An object that is the new item value.
+     */
+    SetItemValueByName(name: string, value: Object): void;
+    /**
+     * Specifies whether the ribbon is minimized.
+     * @param minimized true to set the ribbon state to minimized; false to set the ribbon state to normal.
+     */
+    SetMinimized(minimized: boolean): void;
+    /**
+     * Gets a value specifying whether the ribbon is minimized.
+     */
+    GetMinimized(): boolean;
+    /**
+     * Specifies the visibility of a context tab category specified by its name.
+     * @param categoryName A Name property value of the required category.
+     * @param visible true to make a category visible; false to make it hidden.
+     */
+    SetContextTabCategoryVisible(categoryName: string, visible: boolean): void;
+    /**
+     * Shows ribbon key tips.
+     */
+    ShowKeyTips(): void;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonTab object.
+ */
+interface ASPxClientRibbonTab {
+    /**
+     * Gets the client ribbon object to which the current tab belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the tab belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets or sets the tab's index within the collection.
+     * Value: An integer value that is the zero-based index of the tab within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon tab.
+     * Value: A string value that is the tab's name.
+     */
+    name: string;
+    /**
+     * Returns the text displayed in the tab.
+     */
+    GetText(): string;
+    /**
+     * Sets a value specifying whether the tab is enabled.
+     * @param enabled true to enable the tab; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether a ribbon tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Returns a value specifying whether a ribbon tab is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonGroup object.
+ */
+interface ASPxClientRibbonGroup {
+    /**
+     * Gets the client ribbon object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the group belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Gets the client tab object to which the current group belongs.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object to which the group belongs.
+     */
+    tab: ASPxClientRibbonTab;
+    /**
+     * Gets or sets the group's index within the collection.
+     * Value: An integer value that is the zero-based index of the group within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon group.
+     * Value: A string value that is the group's name.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a ribbon group is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A client-side equivalent of the ribbon's RibbonItemBase object.
+ */
+interface ASPxClientRibbonItem {
+    /**
+     * Gets the client group object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the item belongs.
+     */
+    group: ASPxClientRibbonGroup;
+    /**
+     * Gets or sets the item's index within the collection.
+     * Value: An integer value that is the zero-based index of the item within the collection.
+     */
+    index: number;
+    /**
+     * Gets the name of the current ribbon item.
+     * Value: A string value that is the item's name.
+     */
+    name: string;
+    /**
+     * Gets the client ribbon object to which the current item belongs.
+     * Value: An <see cref="ASPxClientRibbon" /> object to which the item belongs.
+     */
+    ribbon: ASPxClientRibbon;
+    /**
+     * Returns a value indicating whether a ribbon item is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the item is enabled.
+     * @param enabled true to enable the item; false to disable it.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns the item value.
+     */
+    GetValue(): Object;
+    /**
+     * Sets the item value.
+     * @param value An  that specifies the item value.
+     */
+    SetValue(value: Object): void;
+    /**
+     * Returns a value specifying whether a ribbon item is displayed.
+     */
+    GetVisible(): boolean;
+}
+/**
+ * A method that will handle the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventHandler<S> {
+    /**
+     * A method that will handle the CommandExecuted event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonCommandExecutedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonCommandExecutedEventArgs): void;
+}
+/**
+ * Provides data for the CommandExecuted event.
+ */
+interface ASPxClientRibbonCommandExecutedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets an item object related to the event.
+     * Value: An <see cref="ASPxClientRibbonItem" /> object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientRibbonItem;
+    /**
+     * Gets an optional parameter that complements the processed command.
+     * Value: A string value containing additional information about the processed command.
+     */
+    parameter: string;
+}
+/**
+ * A method that will handle the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventHandler<S> {
+    /**
+     * A method that will handle the ActiveTabChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e A ASPxClientRibbonTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonTabEventArgs): void;
+}
+/**
+ * Provides data for the ActiveTabChanged event.
+ */
+interface ASPxClientRibbonTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An <see cref="ASPxClientRibbonTab" /> object that is the tab, manipulations on which forced the ribbon control to raise the event.
+     */
+    tab: ASPxClientRibbonTab;
+}
+/**
+ * A method that will handle the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventHandler<S> {
+    /**
+     * A method that will handle the MinimizationStateChanged event.
+     * @param source The event source. Identifies the ASPxRibbon control that raised the event.
+     * @param e An ASPxClientRibbonMinimizationStateEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonMinimizationStateEventArgs): void;
+}
+/**
+ * Provides data for the MinimizationStateChanged event.
+ */
+interface ASPxClientRibbonMinimizationStateEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns the value indicating the new ribbon state.
+     * Value: The integer value indicating the ribbon minimization state.
+     */
+    ribbonState: number;
+}
+/**
+ * A method that will handle the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventHandler<S> {
+    /**
+     * A method that will handle the DialogBoxLauncherClicked event.
+     * @param source The event source. This parameter identifies the ribbon object which raised the event.
+     * @param e An ASPxClientRibbonDialogBoxLauncherClickedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientRibbonDialogBoxLauncherClickedEventArgs): void;
+}
+/**
+ * Provides data for the DialogBoxLauncherClicked event.
+ */
+interface ASPxClientRibbonDialogBoxLauncherClickedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the client group object to which the clicked dialog box launcher belongs.
+     * Value: An <see cref="ASPxClientRibbonGroup" /> object to which the dialog box launcher belongs.
+     */
+    group: ASPxClientRibbonGroup;
+}
+/**
+ * Represents a client-side equivalent of the ASPxRoundPanel control.
+ */
+interface ASPxClientRoundPanel extends ASPxClientPanelBase {
+    /**
+     * Fires on the client side after a panel has been expanded or collapsed via end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client side before a panel is expanded or collapsed by end-user interactions, i.e., by clicking a panel header or collapse button.
+     */
+    CollapsedChanging: ASPxClientEvent<ASPxClientCancelEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientRoundPanel.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientRoundPanel>>;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side ContentCallback event, passing it the specified argument.
+     * @param parameter A string value that is any information that needs to be sent to the server-side ContentCallback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Returns the text displayed within the panel's header.
+     */
+    GetHeaderText(): string;
+    /**
+     * Specifies the text displayed in the panel's header.
+     * @param text A string value that specifies the panel header's text.
+     */
+    SetHeaderText(text: string): void;
+    /**
+     * Returns a value indicating whether the panel is collapsed.
+     */
+    GetCollapsed(): boolean;
+    /**
+     * Sets a value indicating whether the panel is collapsed.
+     * @param collapsed true, to collapse the panel; otherwise, false.
+     */
+    SetCollapsed(collapsed: boolean): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxSplitter object.
+ */
+interface ASPxClientSplitter extends ASPxClientControl {
+    /**
+     * Fires before a pane is resized.
+     */
+    PaneResizing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been resized.
+     */
+    PaneResized: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is collapsed.
+     */
+    PaneCollapsing: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been collapsed.
+     */
+    PaneCollapsed: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires before a pane is expanded.
+     */
+    PaneExpanding: ASPxClientEvent<ASPxClientSplitterPaneCancelEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a pane has been expanded.
+     */
+    PaneExpanded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Occurs when a pane resize operation has been completed.
+     */
+    PaneResizeCompleted: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Fires after a specific web page has been loaded into a pane.
+     */
+    PaneContentUrlLoaded: ASPxClientEvent<ASPxClientSplitterPaneEventHandler<ASPxClientSplitter>>;
+    /**
+     * Returns the number of panes at the root level of a splitter.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the splitter's root pane specified by its index within the Panes collection.
+     * @param index An integer value specifying the zero-based index of the root pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns a pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Specifies whether the control's panes can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Returns a string value that represents the client state of splitter panes.
+     */
+    GetLayoutData(): string;
+}
+/**
+ * Represents a client-side equivalent of the splitter's SplitterPane object.
+ */
+interface ASPxClientSplitterPane {
+    /**
+     * Gets the index of the current pane within the pane collection to which it belongs.
+     * Value: An integer value representing the zero-based index of the current pane within the SplitterPaneCollection collection.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current splitter pane.
+     * Value: A string value that represents the value assigned to the pane's Name property.
+     */
+    name: string;
+    /**
+     * Returns a client splitter object that contains the current pane.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Returns the immediate parent of the current pane.
+     */
+    GetParentPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the previous sibling pane of the current pane.
+     */
+    GetPrevPane(): ASPxClientSplitterPane;
+    /**
+     * Returns the next sibling pane of the current pane.
+     */
+    GetNextPane(): ASPxClientSplitterPane;
+    /**
+     * Determines whether the current pane is the first pane within the SplitterPaneCollection.
+     */
+    IsFirstPane(): boolean;
+    /**
+     * Determines whether the current pane is the last pane within the SplitterPaneCollection.
+     */
+    IsLastPane(): boolean;
+    /**
+     * Returns a value that indicates the orientation in which the current pane and its sibling panes are stacked.
+     */
+    IsVertical(): boolean;
+    /**
+     * Returns the number of the current pane's immediate child panes.
+     */
+    GetPaneCount(): number;
+    /**
+     * Returns the current pane's immediate child pane specified by its index.
+     * @param index An integer value specifying the zero-based index of the child pane to be retrieved.
+     */
+    GetPane(index: number): ASPxClientSplitterPane;
+    /**
+     * Returns the current pane's child pane specified by its name.
+     * @param name A string value specifying the name of the pane.
+     */
+    GetPaneByName(name: string): ASPxClientSplitterPane;
+    /**
+     * Gets the width of the pane's content area.
+     */
+    GetClientWidth(): number;
+    /**
+     * Gets the height of the pane's content area.
+     */
+    GetClientHeight(): number;
+    /**
+     * Collapses the current pane and occupies its space by maximizing the specified pane.
+     * @param maximizedPane A ASPxClientSplitterPane object specifying the pane to be maximized to occupy the freed space.
+     */
+    Collapse(maximizedPane: ASPxClientSplitterPane): boolean;
+    /**
+     * Collapses the current pane in a forward direction and occupies its space by maximizing the previous adjacent pane.
+     */
+    CollapseForward(): boolean;
+    /**
+     * Collapses the current pane in a backward direction, and occupies its space by maximizing the next adjacent pane.
+     */
+    CollapseBackward(): boolean;
+    /**
+     * Expands the current pane object on the client side.
+     */
+    Expand(): boolean;
+    /**
+     * Returns whether the pane is collapsed.
+     */
+    IsCollapsed(): boolean;
+    /**
+     * Returns whether the pane's content is loaded from an external web page.
+     */
+    IsContentUrlPane(): boolean;
+    /**
+     * Gets the URL of a web page displayed as a pane's content.
+     */
+    GetContentUrl(): string;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     */
+    SetContentUrl(url: string): void;
+    /**
+     * Sets the URL to point to a web page that should be loaded into, and displayed within the current pane, but should not be cached by a client browser.
+     * @param url A string value specifying the URL to a web page displayed within the pane.
+     * @param preventBrowserCaching true to prevent the browser to cache the loaded content; false to allow browser caching.
+     */
+    SetContentUrl(url: string, preventBrowserCaching: boolean): void;
+    /**
+     * Refreshes the content of the web page displayed within the current pane.
+     */
+    RefreshContentUrl(): void;
+    /**
+     * Returns an iframe object containing a web page specified via the pane's SetContentUrl client method).
+     */
+    GetContentIFrame(): Object;
+    /**
+     * Specifies whether the current pane can be resized by end-users on the client side.
+     * @param allowResize true if pane resizing is allowed; otherwise, false.
+     */
+    SetAllowResize(allowResize: boolean): void;
+    /**
+     * Forces the client PaneResized event to be generated.
+     */
+    RaiseResizedEvent(): void;
+    /**
+     * Returns an HTML element representing a splitter pane object.
+     */
+    GetElement(): Object;
+    /**
+     * Specifies the splitter pane's size in pixels.
+     * @param size An integer value that specifies the splitter pane's size.
+     */
+    SetSize(size: number): void;
+    /**
+     * Specifies the splitter pane's size, in pixels or percents.
+     * @param size A string value that specifies the splitter pane's size, in pixels or percents.
+     */
+    SetSize(size: string): void;
+    /**
+     * Returns the splitter pane's size, in pixels or percents.
+     */
+    GetSize(): string;
+    /**
+     * Returns the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     */
+    GetScrollTop(): number;
+    /**
+     * Specifies the distance between the top edge of the pane content and the topmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollTop(value: number): void;
+    /**
+     * Returns the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     */
+    GetScrollLeft(): number;
+    /**
+     * Specifies the distance between the left edge of the pane content and the leftmost portion of the content currently visible in the pane.
+     * @param value An integer value that is the distance (in pixels).
+     */
+    SetScrollLeft(value: number): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventHandler<S> {
+    /**
+     * A method that will handle the splitter's client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter object that raised the event.
+     * @param e An ASPxClientSplitterPaneEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneEventArgs): void;
+}
+/**
+ * A method that will handle the splitter's client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the pane object related to the event.
+     * Value: An ASPxClientSplitterPane object, manipulations on which forced the event to be raised.
+     */
+    pane: ASPxClientSplitterPane;
+}
+/**
+ * A method that will handle a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventHandler<S> {
+    /**
+     * A method that will handle a splitter control's cancelable client events concerning pane manipulations.
+     * @param source An object representing the event's source. Identifies the splitter control object that raised the event.
+     * @param e An ASPxClientSplitterPaneCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientSplitterPaneCancelEventArgs): void;
+}
+/**
+ * Provides data for a splitter control's cancelable client events concerning manipulations with a pane.
+ */
+interface ASPxClientSplitterPaneCancelEventArgs extends ASPxClientSplitterPaneEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents a base for the ASPxClientPageControl objects.
+ */
+interface ASPxClientTabControlBase extends ASPxClientControl {
+    /**
+     * Fires when a tab is clicked.
+     */
+    TabClick: ASPxClientEvent<ASPxClientTabControlTabClickEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side after the active tab has been changed within a tab control.
+     */
+    ActiveTabChanged: ASPxClientEvent<ASPxClientTabControlTabEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client side before the active tab is changed within a tab control.
+     */
+    ActiveTabChanging: ASPxClientEvent<ASPxClientTabControlTabCancelEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by a client tab control.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTabControlBase>>;
+    /**
+     * Modifies a tab page's size in accordance with the content.
+     */
+    AdjustSize(): void;
+    /**
+     * Returns the active tab within the tab control.
+     */
+    GetActiveTab(): ASPxClientTab;
+    /**
+     * Makes the specified tab active within the tab control on the client side.
+     * @param tab An ASPxClientTab object specifying the tab to select.
+     */
+    SetActiveTab(tab: ASPxClientTab): void;
+    /**
+     * Returns the index of the active tab within the tab control.
+     */
+    GetActiveTabIndex(): number;
+    /**
+     * Makes a tab active within the tab control, specifying the tab's index.
+     * @param index An integer value specifying the index of the tab to select.
+     */
+    SetActiveTabIndex(index: number): void;
+    /**
+     * Returns the number of tabs in the ASPxTabControl.
+     */
+    GetTabCount(): number;
+    /**
+     * Returns a tab specified by its index.
+     * @param index An integer value specifying the zero-based index of the tab object to retrieve.
+     */
+    GetTab(index: number): ASPxClientTab;
+    /**
+     * Returns a tab specified by its name.
+     * @param name A string value specifying the name of the tab.
+     */
+    GetTabByName(name: string): ASPxClientTab;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTabControl object.
+ */
+interface ASPxClientTabControl extends ASPxClientTabControlBase {
+}
+/**
+ * Represents a client-side equivalent of the ASPxPageControl object.
+ */
+interface ASPxClientPageControl extends ASPxClientTabControlBase {
+    /**
+     * Returns the HTML code that represents the contents of the specified page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required page.
+     */
+    GetTabContentHTML(tab: ASPxClientTab): string;
+    /**
+     * Defines the HTML content for a specific tab page within the page control.
+     * @param tab An ASPxClientTab object that specifies the required tab page.
+     * @param html A string value that represents the HTML code defining the content of the specified page.
+     */
+    SetTabContentHTML(tab: ASPxClientTab, html: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     */
+    PerformCallback(parameter: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side Callback event, passing it the specified argument.
+     * @param parameter A string value that represents any information that needs to be sent to the server-side Callback event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(parameter: string, onSuccess: (arg1: string) => void): void;
+}
+/**
+ * Represents a client-side equivalent of a tab control's TabPage object.
+ */
+interface ASPxClientTab {
+    /**
+     * Gets the tab control to which the current tab belongs.
+     * Value: An ASPxClientTabControlBase object representing the control to which the tab belongs.
+     */
+    tabControl: ASPxClientTabControlBase;
+    /**
+     * Gets the index of the current tab (tabbed page) within the control's collection of tabs (tabbed pages).
+     * Value: An integer value representing the zero-based index of the current tab (tabbed page) within the TabPages) collection of the control to which the tab belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the current tab.
+     * Value: A string value that represents the value assigned to the tab's Name property.
+     */
+    name: string;
+    /**
+     * Returns a value specifying whether a tab is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Specifies whether the tab is enabled.
+     * @param value true to enable the tab; otherwise, false.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the tab.
+     */
+    GetImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the tab.
+     * @param value A string value that is the URL to the image displayed within the tab.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Returns the URL pointing to the image displayed within the active tab.
+     */
+    GetActiveImageUrl(): string;
+    /**
+     * Specifies the URL which points to the image displayed within the active tab.
+     * @param value A string value that is the URL to the image displayed within the active tab.
+     */
+    SetActiveImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the tab.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the navigation location for the tab.
+     * @param value A string value which is a URL to where the client web browser will navigate when the tab is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Returns text displayed within the tab.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text displayed within the tab.
+     * @param value A string value that is the text displayed within the tab.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a tab is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the tab is visible.
+     * @param value true is the tab is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+}
+/**
+ * A method that will handle a tab control's client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabEventHandler<S> {
+    /**
+     * A method that will handle a tab control's client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object, manipulations on which forced the event to be raised.
+     */
+    tab: ASPxClientTab;
+}
+/**
+ * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+ */
+interface ASPxClientTabControlTabCancelEventHandler<S> {
+    /**
+     * A method that will handle a tab control's cancelable client events concerning manipulations with a tab.
+     * @param source An object representing the event's source. Identifies the tab control object that raised the event.
+     * @param e An ASPxClientTabControlTabCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabCancelEventArgs): void;
+}
+/**
+ * Provides data for cancellable events which concern manipulations on tabs.
+ */
+interface ASPxClientTabControlTabCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets the tab object related to the event.
+     * Value: An ASPxClientTab object representing the tab manipulations on which forced the tab control to raise the event.
+     */
+    tab: ASPxClientTab;
+    /**
+     * Gets or sets a value specifying whether a callback should be sent to the server to reload the content of the page being activated.
+     * Value: true to reload the page's content; otherwise, false.
+     */
+    reloadContentOnCallback: boolean;
+}
+/**
+ * A method that will handle client events concerning clicks on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventHandler<S> {
+    /**
+     * A method that will handle client events concerning clicks on tabs.
+     * @param source The event source. This parameter identifies the tab control object which raised the event.
+     * @param e An ASPxClientTabControlTabClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTabControlTabClickEventArgs): void;
+}
+/**
+ * Provides data for events which concern clicking on the control's tabs.
+ */
+interface ASPxClientTabControlTabClickEventArgs extends ASPxClientTabControlTabCancelEventArgs {
+    /**
+     * Gets the HTML object that contains the processed tab.
+     * Value: An object representing a container for the tab related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTimer object.
+ */
+interface ASPxClientTimer extends ASPxClientControl {
+    /**
+     * Fires on the client side when the specified timer interval has elapsed, and the timer is enabled.
+     */
+    Tick: ASPxClientEvent<ASPxClientProcessingModeEventHandler<ASPxClientTimer>>;
+    /**
+     * Returns a value indicating whether the timer is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Enables the timer.
+     * @param enabled true to turn the timer on; false, to turn the timer off.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Gets the time before the Tick event.
+     */
+    GetInterval(): number;
+    /**
+     * Specifies the time before the Tick event.
+     * @param interval An integer value that specifies the number of milliseconds before the Tick event is raised relative to the last occurrence of the Tick event. The value cannot be less than one.
+     */
+    SetInterval(interval: number): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTitleIndex object.
+ */
+interface ASPxClientTitleIndex extends ASPxClientControl {
+    /**
+     * Fires after an item has been clicked.
+     */
+    ItemClick: ASPxClientEvent<ASPxClientTitleIndexItemEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTitleIndex>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTitleIndex.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTitleIndex>>;
+}
+/**
+ * A method that will handle client events concerning manipulations with an item.
+ */
+interface ASPxClientTitleIndexItemEventHandler<S> {
+    /**
+     * A method that will handle the title index control's client events concerning manipulations with an item.
+     * @param source An object representing the event's source. Identifies the title index control object that raised the event.
+     * @param e An ASPxClientTitleIndexItemEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTitleIndexItemEventArgs): void;
+}
+/**
+ * Provides data for events which concern manipulations on the control's items.
+ */
+interface ASPxClientTitleIndexItemEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the name that uniquely identifies the processed item.
+     * Value: A string value that represents the value assigned to the processed item's Name property.
+     */
+    name: Object;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView object.
+ */
+interface ASPxClientTreeView extends ASPxClientControl {
+    /**
+     * Fires on the client side after a node has been clicked.
+     */
+    NodeClick: ASPxClientEvent<ASPxClientTreeViewNodeClickEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side after a node's expansion state has been changed by end-user interaction.
+     */
+    ExpandedChanged: ASPxClientEvent<ASPxClientTreeViewNodeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client side before the expansion state of a node is changed via end-user interaction.
+     */
+    ExpandedChanging: ASPxClientEvent<ASPxClientTreeViewNodeCancelEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side when the node's checked state is changed by clicking on a check box.
+     */
+    CheckedChanged: ASPxClientEvent<ASPxClientTreeViewNodeProcessingModeEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientTreeView>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientTreeView.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientTreeView>>;
+    /**
+     * Returns a node specified by its index within the ASPxTreeView's node collection.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the number of nodes at the ASPxTreeView's zero level.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the selected node within the ASPxTreeView control on the client side.
+     */
+    GetSelectedNode(): ASPxClientTreeViewNode;
+    /**
+     * Selects the specified node within the ASPxTreeView control on the client side.
+     * @param node An ASPxClientTreeViewNode object specifying the node to select.
+     */
+    SetSelectedNode(node: ASPxClientTreeViewNode): void;
+    /**
+     * Gets the root node of the ASPxTreeView object.
+     */
+    GetRootNode(): ASPxClientTreeViewNode;
+    /**
+     * Collapses all nodes in the ASPxTreeView on the client side.
+     */
+    CollapseAll(): void;
+    /**
+     * Expands all nodes in the ASPxTreeView on the client side.
+     */
+    ExpandAll(): void;
+}
+/**
+ * Represents a client-side equivalent of the ASPxTreeView's TreeViewNode object.
+ */
+interface ASPxClientTreeViewNode {
+    /**
+     * Gets the client representation of the ASPxTreeView control to which the current node belongs.
+     * Value: An ASPxClientTreeView object representing the control to which the node belongs.
+     */
+    treeView: ASPxClientTreeView;
+    /**
+     * Gets the current node's parent node.
+     * Value: An ASPxClientTreeViewNode object representing the node's immediate parent.
+     */
+    parent: ASPxClientTreeViewNode;
+    /**
+     * Gets the node's index within the parent's collection of nodes.
+     * Value: An integer value representing the node's zero-based index within the Nodes collection of the node to which the node belongs.
+     */
+    index: number;
+    /**
+     * Gets the name that uniquely identifies the node.
+     * Value: A string value that represents the value assigned to the node's Name property.
+     */
+    name: string;
+    /**
+     * Returns the number of the current node's immediate child nodes.
+     */
+    GetNodeCount(): number;
+    /**
+     * Returns the current node's immediate child node specified by its index.
+     * @param index An integer value specifying the zero-based index of the node to be retrieved.
+     */
+    GetNode(index: number): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its name.
+     * @param name A string value specifying the name of the node.
+     */
+    GetNodeByName(name: string): ASPxClientTreeViewNode;
+    /**
+     * Returns the current node's child node specified by its text.
+     * @param text A string value specifying the text content of the node.
+     */
+    GetNodeByText(text: string): ASPxClientTreeViewNode;
+    /**
+     * Returns a value indicating whether the node is expanded.
+     */
+    GetExpanded(): boolean;
+    /**
+     * Sets a value which specifies the node's expansion state.
+     * @param value true if the node is expanded; otherwise, false.
+     */
+    SetExpanded(value: boolean): void;
+    /**
+     * Returns a value indicating whether the node is checked.
+     */
+    GetChecked(): boolean;
+    /**
+     * Sets a value indicating whether the node is checked.
+     * @param value true if the node is checked; otherwise, false.
+     */
+    SetChecked(value: boolean): void;
+    /**
+     * Returns a value which specifies the node's check state.
+     */
+    GetCheckState(): string;
+    /**
+     * Returns a value specifying whether the node is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Sets a value specifying whether the node is enabled.
+     * @param value true to make the node enabled; false to disable it.
+     */
+    SetEnabled(value: boolean): void;
+    /**
+     * Returns the URL pointing to the image displayed within the node.
+     */
+    GetImageUrl(): string;
+    /**
+     * Sets the URL which points to the image displayed within the node.
+     * @param value A string value specifying the URL to the image displayed within the node.
+     */
+    SetImageUrl(value: string): void;
+    /**
+     * Gets an URL which defines the navigation location for the node's hyperlink.
+     */
+    GetNavigateUrl(): string;
+    /**
+     * Specifies a URL which defines the node's navigate URL.
+     * @param value A string value which specifies a URL to where the client web browser will navigate when the node is clicked.
+     */
+    SetNavigateUrl(value: string): void;
+    /**
+     * Gets the text, displayed within the node.
+     */
+    GetText(): string;
+    /**
+     * Specifies the text, displayed within the node.
+     * @param value A string value that represents the text displayed within the node.
+     */
+    SetText(value: string): void;
+    /**
+     * Returns a value specifying whether a node is displayed.
+     */
+    GetVisible(): boolean;
+    /**
+     * Specifies whether the node is visible.
+     * @param value true if the node is visible; otherwise, false.
+     */
+    SetVisible(value: boolean): void;
+    /**
+     * Gets the HTML object that contains the current node.
+     */
+    GetHtmlElement(): Object;
+}
+/**
+ * A method that will handle the client events concerned with node processing.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventHandler<S> {
+    /**
+     * A method that will handle the client events concerned with node processing.
+     * @param source An object representing the event source. Identifies the ASPxClientTreeView control that raised the event.
+     * @param e An ASPxClientTreeViewNodeProcessingModeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeProcessingModeEventArgs): void;
+}
+/**
+ * Provides data for the client events concerned with node processing, and that allow the event's processing to be passed to the server side.
+ */
+interface ASPxClientTreeViewNodeProcessingModeEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxClientTreeView.ItemClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventHandler<S> {
+    /**
+     * A method that will handle the NodeClick event.
+     * @param source The ASPxClientTreeView control which fires the event.
+     * @param e An ASPxClientTreeViewNodeClickEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeClickEventArgs): void;
+}
+/**
+ * Provides data for the NodeClick event.
+ */
+interface ASPxClientTreeViewNodeClickEventArgs extends ASPxClientTreeViewNodeProcessingModeEventArgs {
+    /**
+     * Gets the HTML object that contains the processed node.
+     * Value: An object representing a container for the node related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets a DHTML event object that relates to the processed event.
+     * Value: An object that maintains DHTML event-specific information.
+     */
+    htmlEvent: Object;
+}
+/**
+ * A method that will handle the ASPxTreeView control's client events concerning manipulations with a node.
+ */
+interface ASPxClientTreeViewNodeEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView control's client events, concerning manipulations with a node.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView control object that raised the event.
+     * @param e An ASPxClientTreeViewNodeEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanged events.
+ */
+interface ASPxClientTreeViewNodeEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+ */
+interface ASPxClientTreeViewNodeCancelEventHandler<S> {
+    /**
+     * A method that will handle the ASPxTreeView's cancelable client events, concerning manipulations with nodes.
+     * @param source An object representing the event's source. Identifies the ASPxClientTreeView object that raised the event.
+     * @param e An ASPxClientTreeViewNodeCancelEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientTreeViewNodeCancelEventArgs): void;
+}
+/**
+ * Provides data for the ExpandedChanging event.
+ */
+interface ASPxClientTreeViewNodeCancelEventArgs extends ASPxClientProcessingModeCancelEventArgs {
+    /**
+     * Gets a node object related to the event.
+     * Value: An ASPxClientTreeViewNode object, manipulations on which forced the event to be raised.
+     */
+    node: ASPxClientTreeViewNode;
+}
+/**
+ * Represents a client-side equivalent of the ASPxUploadControl control.
+ */
+interface ASPxClientUploadControl extends ASPxClientControl {
+    /**
+     * Occurs on the client after a file has been uploaded.
+     */
+    FileUploadComplete: ASPxClientEvent<ASPxClientUploadControlFileUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client after upload of all selected files has been completed.
+     */
+    FilesUploadComplete: ASPxClientEvent<ASPxClientUploadControlFilesUploadCompleteEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before upload of the specified files starts.
+     */
+    FileUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side before file upload is started.
+     */
+    FilesUploadStart: ASPxClientEvent<ASPxClientUploadControlFilesUploadStartEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires on the client side when the text within the control's edit box is changed while the control has focus.
+     */
+    TextChanged: ASPxClientEvent<ASPxClientUploadControlTextChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the progress bar indicator position is changed.
+     */
+    UploadingProgressChanged: ASPxClientEvent<ASPxClientUploadControlUploadingProgressChangedEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Occurs on the client side when the file input elements count is changed.
+     */
+    FileInputCountChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse enters a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneEnter: ASPxClientEvent<ASPxClientUploadControlDropZoneEnterEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Fires when the mouse leaves a drop zone or an external drop zone element while dragging a file.
+     */
+    DropZoneLeave: ASPxClientEvent<ASPxClientUploadControlDropZoneLeaveEventHandler<ASPxClientUploadControl>>;
+    /**
+     * Initiates uploading of the specified file to the web server's memory.
+     */
+    UploadFile(): void;
+    /**
+     * Adds a new file input element to the ASPxUploadControl.
+     */
+    AddFileInput(): void;
+    /**
+     * Removes a file input element from the ASPxUploadControl.
+     * @param index An integer value that represents a file input element's index.
+     */
+    RemoveFileInput(index: number): void;
+    /**
+     * Removes a file with the specified index from the selected file list.
+     * @param fileIndex An integer value that is the zero-based index of an item in the file list.
+     */
+    RemoveFileFromSelection(fileIndex: number): void;
+    /**
+     * Gets the text displayed within the edit box of the specified file input element.
+     * @param index An integer value that specifies the required file input element's index.
+     */
+    GetText(index: number): string;
+    /**
+     * Gets the number of file input elements contained within the ASPxUploadControl.
+     */
+    GetFileInputCount(): number;
+    /**
+     * Specifies the count of the file input elements within the upload control.
+     * @param count An integer value that specifies the file input elements count.
+     */
+    SetFileInputCount(count: number): void;
+    /**
+     * Specifies whether the upload control is enabled.
+     * @param enabled true, to enable the upload control; otherwise, false.
+     */
+    SetEnabled(enabled: boolean): void;
+    /**
+     * Returns a value indicating whether the upload control is enabled.
+     */
+    GetEnabled(): boolean;
+    /**
+     * Initiates uploading of the specified file(s) to the web server's memory.
+     */
+    Upload(): void;
+    /**
+     * Cancels the initiated file uploading process.
+     */
+    Cancel(): void;
+    /**
+     * Clears the file selection in the upload control.
+     */
+    ClearText(): void;
+    /**
+     * Sets the text to be displayed within the add button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetAddButtonText(text: string): void;
+    /**
+     * Sets the text to be displayed within the upload button.
+     * @param text A string value specifying the text to be displayed within the button.
+     */
+    SetUploadButtonText(text: string): void;
+    /**
+     * Returns the text displayed within the add button.
+     */
+    GetAddButtonText(): string;
+    /**
+     * Returns the text displayed within the upload button.
+     */
+    GetUploadButtonText(): string;
+    /**
+     * Sets the ID of a web control or HTML element (or a list of IDs), a click on which invokes file upload dialog.
+     * @param ids A string value specifying the ID or a list of IDs separated by the semicolon (;).
+     */
+    SetDialogTriggerID(ids: string): void;
+}
+/**
+ * A method that will handle the client FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventHandler<S> {
+    /**
+     * A method that will handle the FilesUploadStart event.
+     * @param source The event source. Identifies the ASPxUploadControl control that raised the event.
+     * @param e A ASPxClientUploadControlFilesUploadStartEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadStartEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadStart event.
+ */
+interface ASPxClientUploadControlFilesUploadStartEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value indicating whether the action which raised the event should be canceled.
+     * Value: true if the action that raised the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * A method that handles the FileUploadComplete client event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the corresponding client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlFileUploadCompleteEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFileUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FileUploadComplete event.
+ */
+interface ASPxClientUploadControlFileUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+    /**
+     * Gets or sets a value indicating whether the uploaded file passes validation.
+     * Value: true if the file is valid; otherwise, false.
+     */
+    isValid: boolean;
+    /**
+     * Gets the error text to be displayed within the ASPxUploadControl's error frame.
+     * Value: A string value that represents the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value representing callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the FilesUploadComplete client event.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventHandler<S> {
+    /**
+     * A method that will handle the client FilesUploadComplete event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e A  object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlFilesUploadCompleteEventArgs): void;
+}
+/**
+ * Provides data for the FilesUploadComplete client event, which enables you to perform specific actions after all selected files have been uploaded.
+ */
+interface ASPxClientUploadControlFilesUploadCompleteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the error text to be displayed within the upload control's error frame.
+     * Value: A string value that is the error text.
+     */
+    errorText: string;
+    /**
+     * Gets a string that contains specific information (if any) passed from the server side for further client processing.
+     * Value: A string value that is the callback data passed from the server.
+     */
+    callbackData: string;
+}
+/**
+ * A method that will handle the TextChanged client event.
+ */
+interface ASPxClientUploadControlTextChangedEventHandler<S> {
+    /**
+     * A method that will handle the TextChanged client event.
+     * @param source The event source. This parameter identifies the upload control which raised the event.
+     * @param e An ASPxClientUploadControlTextChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlTextChangedEventArgs): void;
+}
+/**
+ * Provides data for the TextChanged client event that allows you to respond to an end-user changing an edit box's text.
+ */
+interface ASPxClientUploadControlTextChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the index of a file input element within the ASPxUploadControl.
+     * Value: An integer value that specifies the file input element's index.
+     */
+    inputIndex: number;
+}
+/**
+ * A method that will handle the ASPxUploadControl's client event, concerned with changes in upload progress.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventHandler<S> {
+    /**
+     * A method that will handle the ASPxUploadControl's client event concerning the uploading process being changed.
+     * @param source An object representing the event's source. Identifies the ASPxUploadControl object that raised the event.
+     * @param e An ASPxClientUploadControlUploadingProgressChangedEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlUploadingProgressChangedEventArgs): void;
+}
+/**
+ * Provides data for the UploadingProgressChanged event.
+ */
+interface ASPxClientUploadControlUploadingProgressChangedEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the number of the files selected for upload.
+     * Value: An integer value that represents the total number of selected files.
+     */
+    fileCount: number;
+    /**
+     * Gets the name of the file being currently uploaded.
+     * Value: A string value that represents the file name.
+     */
+    currentFileName: string;
+    /**
+     * Gets the content length of the currently uploaded file.
+     * Value: An integer value specifying the content length.
+     */
+    currentFileContentLength: number;
+    /**
+     * Gets the content length of the current file already uploaded to the server.
+     * Value: An integer value that is the content length.
+     */
+    currentFileUploadedContentLength: number;
+    /**
+     * Gets the position of the current file upload progress.
+     * Value: An <see cref="Int32" /> value specifying the upload progress position.
+     */
+    currentFileProgress: number;
+    /**
+     * Gets the content length of the files selected for upload.
+     * Value: An integer value specifying the total content length of the selected files.
+     */
+    totalContentLength: number;
+    /**
+     * Gets the content length of the files already uploaded to the server.
+     * Value: An integer value that represents the content length.
+     */
+    uploadedContentLength: number;
+    /**
+     * Gets the current position of total upload progress.
+     * Value: An <see cref="Int32" /> value specifying the total upload progress position.
+     */
+    progress: number;
+}
+/**
+ * A method that will handle the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneEnter event.
+     * @param source The event source. This parameter identifies the upload control object which raised the event.
+     * @param e An ASPxClientUploadControlDropZoneEnterEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneEnterEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneEnter event.
+ */
+interface ASPxClientUploadControlDropZoneEnterEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * A method that will handle the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventHandler<S> {
+    /**
+     * A method that will handle the DropZoneLeave event.
+     * @param source The event source. Identifies the upload control object that raised the event.
+     * @param e A ASPxClientUploadControlDropZoneLeaveEventArgs object that contains event data.
+     */
+    (source: S, e: ASPxClientUploadControlDropZoneLeaveEventArgs): void;
+}
+/**
+ * Provides data for the DropZoneLeave event.
+ */
+interface ASPxClientUploadControlDropZoneLeaveEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a drop zone object related to the processed event.
+     * Value: An object that is a drop zone related to the processed event.
+     */
+    dropZone: Object;
+}
+/**
+ * The JavaScript equivalent of the ASPxChartDesigner class.
+ */
+interface ASPxClientChartDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientChartDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientChartDesignerSaveCommandExecuteEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Enables you to customize the menu actions of a Client Chart Designer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientChartDesignerCustomizeMenuActionsEventHandler<ASPxClientChartDesigner>>;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientChartDesigner properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the model of the Client Chart Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * For internal use.
+     */
+    GetJsonChartModel(): string;
+}
+/**
+ * A method that will handle the SaveCommandExecute  event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * Represents a method that will handle the SaveCommandExecute event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e A ASPxClientChartDesignerSaveCommandExecuteEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for a chart control's SaveCommandExecute event.
+ */
+interface ASPxClientChartDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets or sets a value specifying whether an event has been handled.
+     * Value: true, if the event hasn't been handled by a control; otherwise, false.
+     */
+    handled: boolean;
+}
+/**
+ * Represents a method that will handle the CustomizeMenuActions events.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * Represents a method that will handle the CustomizeMenuActions event.
+     * @param source The event source. This parameter identifies the ASPxChartDesigner which raised the event.
+     * @param e An ASPxClientChartDesignerCustomizeMenuActionsEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientChartDesignerCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * An action of the Client Chart Designer's menu.
+ */
+interface ASPxClientChartDesignerMenuAction {
+    /**
+     * Provides access to the text for the command.
+     * Value: A String value.
+     */
+    text: string;
+    /**
+     * Provides access to the CSS class of the command's glyph.
+     * Value: A String value.
+     */
+    imageClassName: string;
+    /**
+     * Provides access to the action performed when the Client Chart Designer's button is clicked.
+     * Value: The specific action implementation.
+     */
+    clickAction: Function;
+    /**
+     * Provides access to the value that specifies whether or not the command is disabled by default.
+     * Value: true, if the command is disabled by default; otherwise, false.
+     */
+    disabled: boolean;
+    /**
+     * Provides access to the value that specifies whether or not the command is visible in the designer user interface.
+     * Value: true if the command is visible; otherwise false.
+     */
+    visible: boolean;
+    /**
+     * Provides access to the keyboard shortcut used to invoke the command.
+     * Value: A String value.
+     */
+    hotKey: string;
+    /**
+     * Provides access to the value that specifies whether or not the command has a visual separator.
+     * Value: true, if the command has a visual separator; otherwise, false.
+     */
+    hasSeparator: string;
+    /**
+     * Provides access to the location of the displayed command.
+     * Value: A String value.
+     */
+    container: string;
+}
+/**
+ * Provides data for a chart control's CustomizeMenuActions event on the client side.
+ */
+interface ASPxClientChartDesignerCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Returns an array of the Client Chart Designer's menu actions.
+     * Value: An array of the ASPxClientChartDesignerMenuAction objects.
+     */
+    actions: ASPxClientChartDesignerMenuAction[];
+}
+/**
+ * A class which provides access to the entire hierarchy of chart elements on the client side.
+ */
+interface ASPxClientWebChartControl extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientWebChartControl.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is hot-tracked.
+     */
+    ObjectHotTracked: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs before crosshair items are drawn when the chart's contents are being drawn.
+     */
+    CustomDrawCrosshair: ASPxClientEvent<ASPxClientWebChartControlCustomDrawCrosshairEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Occurs on the client side when any chart element is selected.
+     */
+    ObjectSelected: ASPxClientEvent<ASPxClientWebChartControlHotTrackEventHandler<ASPxClientWebChartControl>>;
+    /**
+     * Returns an ASPxClientWebChart object, which contains information about the hierarchy of a chart control, and provides access to the main properties of chart elements  on the client side.
+     */
+    GetChart(): ASPxClientWebChart;
+    /**
+     * Returns the printing options of the chart control.
+     */
+    GetPrintOptions(): ASPxClientChartPrintOptions;
+    /**
+     * Changes the mouse pointer, which is shown when the mouse is over the chart control, to the pointer with the specified name.
+     * @param cursor A string value representing the name of the desired cursor.
+     */
+    SetCursor(cursor: string): void;
+    /**
+     * Returns the specific chart element which is located under the test point.
+     * @param x An integer value that specifies the x coordinate of the test point.
+     * @param y An integer value that specifies the y coordinate of the test point.
+     */
+    HitTest(x: number, y: number): ASPxClientHitObject[];
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     */
+    PerformCallback(args: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param args A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(args: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Prints the current chart on the client side.
+     */
+    Print(): void;
+    /**
+     * Loads a chart which should be customized from its object model.
+     * @param serializedChartObjectModel A String object representing the chart model.
+     */
+    LoadFromObjectModel(serializedChartObjectModel: string): void;
+    /**
+     * Exports a chart to the file of the specified format, and saves it to the disk.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Exports a chart to a file in the specified format, and saves it to disk, using the specified file name.
+     * @param format A string value specifying the format, to which a chart should be exported.
+     * @param filename A string value specifying the file name, to which a chart should be exported. If this parameter is missing or set to an empty string, then the created file will be named using the client-side name of a chart.
+     */
+    SaveToDisk(format: string, filename: string): void;
+    /**
+     * Exports a report to the file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string  value specifying a format in which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Gets the main DOM (Document Object Model) element on a Web Page representing this ASPxClientWebChartControl object.
+     */
+    GetMainDOMElement(): Object;
+}
+/**
+ * A method that will handle the CustomDrawCrosshair  event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventHandler<S> {
+    /**
+     * A method that will handle the CustomDrawCrosshair event.
+     * @param source The event source. This parameter identifies the chartControl which raised the event.
+     * @param e An ASPxClientWebChartControlCustomDrawCrosshairEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlCustomDrawCrosshairEventArgs): void;
+}
+/**
+ * Provides data for a chart control's CustomDrawCrosshair event.
+ */
+interface ASPxClientWebChartControlCustomDrawCrosshairEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets crosshair elements settings  to custom draw a crosshair cursor.
+     * Value: An  ASPxClientCrosshairElement object.
+     */
+    crosshairElements: ASPxClientCrosshairElement;
+    /**
+     * Gets the settings of crosshair axis label elements to customize their appearance.
+     * Value: An ASPxClientCrosshairAxisLabelElement object.
+     */
+    cursorCrosshairAxisLabelElements: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets crosshair line element settings that are used to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object that contains crosshair line element settings.
+     */
+    cursorCrosshairLineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Gets the settings of crosshair group header elements to customize their appearance.
+     * Value: An ASPxClientCrosshairGroupHeaderElement object.
+     */
+    crosshairGroupHeaderElements: ASPxClientCrosshairGroupHeaderElement;
+    /**
+     * Provides access to the settings of crosshair elements and crosshair group header elements to customize their appearance.
+     * Value: An ASPxClientCrosshairElementGroup object.
+     */
+    crosshairElementGroups: ASPxClientCrosshairElementGroup;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElement class.
+ */
+interface ASPxClientCrosshairElement {
+    /**
+     * Gets a series that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeries object which represents the series currently being painted.
+     */
+    Series: ASPxClientSeries;
+    /**
+     * Gets the series point that a crosshair element hovers over when implementing a custom draw.
+     * Value: An ASPxClientSeriesPoint object, representing the series point that a crosshair element hovers over.
+     */
+    Point: ASPxClientSeriesPoint;
+    /**
+     * Gets or sets the crosshair line element to custom draw a crosshair cursor.
+     * Value: An ASPxClientCrosshairLineElement object, representing the crosshair line element.
+     */
+    LineElement: ASPxClientCrosshairLineElement;
+    /**
+     * Provides access to the crosshair axis label element.
+     * Value: An ASPxClientCrosshairAxisLabelElement object, representing the crosshair axis label element.
+     */
+    AxisLabelElement: ASPxClientCrosshairAxisLabelElement;
+    /**
+     * Gets the crosshair label element.
+     * Value: An ASPxClientCrosshairSeriesLabelElement object, representing the crosshair label element.
+     */
+    LabelElement: ASPxClientCrosshairSeriesLabelElement;
+    /**
+     * Specifies whether the crosshair element is visible when implementing custom drawing in the crosshair cursor.
+     * Value: true, if the crosshair element is visible; otherwise, false.
+     */
+    visible: boolean;
+}
+/**
+ * Represents the client-side equivalent of the CrosshairLineElement class.
+ */
+interface ASPxClientCrosshairLineElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairAxisLabelElement class.
+ */
+interface ASPxClientCrosshairAxisLabelElement {
+}
+/**
+ * The client-side equivalent of the CrosshairGroupHeaderElement class.
+ */
+interface ASPxClientCrosshairGroupHeaderElement {
+}
+/**
+ * The client-side equivalent of the CrosshairLabelElement class.
+ */
+interface ASPxClientCrosshairSeriesLabelElement {
+}
+/**
+ * Represents the client-side equivalent of the CrosshairElementGroup class.
+ */
+interface ASPxClientCrosshairElementGroup {
+}
+/**
+ * Represents a method that will handle the ObjectSelected events.
+ */
+interface ASPxClientWebChartControlHotTrackEventHandler<S> {
+    /**
+     * Represents a method that will handle the ObjectSelected events.
+     * @param source The event source. This parameter identifies the ASPxClientWebChartControl which raised the event.
+     * @param e An ASPxClientWebChartControlHotTrackEventArgs object which contains event data.
+     */
+    (source: S, e: ASPxClientWebChartControlHotTrackEventArgs): void;
+}
+/**
+ * Provides data for a chart control's ObjectSelected events on the client side.
+ */
+interface ASPxClientWebChartControlHotTrackEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Provides access on the client side to the chart element, for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, which represents the chart element for which the event was raised.
+     */
+    hitObject: ASPxClientWebChartElement;
+    /**
+     * Provides access on the client side to the object, which is in some way related to the object being hit. The returned value depends on the hitObject type and hit point location.
+     * Value: An ASPxClientWebChartElement object representing an additional object that relates to the one being hit.
+     */
+    additionalHitObject: ASPxClientWebChartElement;
+    /**
+     * Gets details on the chart elements located at the point where an end-user has clicked when hot-tracking or selecting a chart element on the client side.
+     * Value: An ASPxClientWebChartHitInfo object, which contains information about the chart elements located at the point where an end-user has clicked.
+     */
+    hitInfo: ASPxClientWebChartHitInfo;
+    /**
+     * Provides access on the client side to the chart and all its elements.
+     * Value: An ASPxClientWebChart object, which provides access to chart properties.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the HTML object that contains the processed item.
+     * Value: An object representing a container for the item related to the event.
+     */
+    htmlElement: Object;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the X-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying X-coordinate of the hit test point (in pixels).
+     */
+    absoluteX: number;
+    /**
+     * Gets the Y-coordinate of the hit test point, relative to the top left corner of the Web Page containing this chart.
+     * Value: An integer value specifying Y-coordinate of the hit test point (in pixels).
+     */
+    absoluteY: number;
+    /**
+     * Gets a value indicating whether the hot-tracking or object selection should be canceled.
+     * Value: true to cancel the hot-tracking or selection of an object; otherwise, false.
+     */
+    cancel: boolean;
+}
+/**
+ * Represents an object under the hit test point within a chart control, on the client side.
+ */
+interface ASPxClientHitObject {
+    /**
+     * Gets the chart element for which the event was raised.
+     * Value: An ASPxClientWebChartElement object, representing the chart element for which the event was raised.
+     */
+    Object: ASPxClientWebChartElement;
+    /**
+     * Provides access to an object, which is in some way related to the object being hit. The returned value depends on the Object type and hit point location.
+     * Value: An ASPxClientWebChartElement object that represents an additional object related to the one being hit.
+     */
+    AdditionalObject: ASPxClientWebChartElement;
+}
+/**
+ * Contains information about a specific test point within a chart control, on the client side.
+ */
+interface ASPxClientWebChartHitInfo {
+    /**
+     * Gets a value indicating whether the test point is within the chart.
+     * Value: true if the test point is within a chart; otherwise, false.
+     */
+    inChart: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the chart title.
+     * Value: true if the test point is within a chart title; otherwise, false.
+     */
+    inChartTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis.
+     * Value: true if the test point is within an axis; otherwise, false.
+     */
+    inAxis: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis label item.
+     * Value: true if the test point is within an axis label item; otherwise, false.
+     */
+    inAxisLabelItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the axis title.
+     * Value: true if the test point is within an axis title; otherwise, false.
+     */
+    inAxisTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the constant line.
+     * Value: true if the test point is within a constant line; otherwise, false.
+     */
+    inConstantLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the diagram.
+     * Value: true if the test point is within a diagram; otherwise, false.
+     */
+    inDiagram: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the non-default pane.
+     * Value: true if the test point is within a non-default pane; otherwise, false.
+     */
+    inNonDefaultPane: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the legend.
+     * Value: true if the test point is within a legend; otherwise, false.
+     */
+    inLegend: boolean;
+    /**
+     * Gets the value indicating whether or not the test point is within a custom legend item.
+     * Value: true if the test point is within a custom legend item; otherwise, false.
+     */
+    inCustomLegendItem: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series.
+     * Value: true if the test point is within a series; otherwise, false.
+     */
+    inSeries: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series label.
+     * Value: true if the test point is within a series label; otherwise, false.
+     */
+    inSeriesLabel: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series point.
+     * Value: true if the test point is within a series point; otherwise, false.
+     */
+    inSeriesPoint: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the series title.
+     * Value: true if the test point is within a series title; otherwise, false.
+     */
+    inSeriesTitle: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the trendline.
+     * Value: true if the test point is within a trendline; otherwise, false.
+     */
+    inTrendLine: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the Fibonacci Indicator.
+     * Value: true if the test point is within a Fibonacci Indicator; otherwise, false.
+     */
+    inFibonacciIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within the regression line.
+     * Value: true if the test point is within a regression line; otherwise, false.
+     */
+    inRegressionLine: boolean;
+    /**
+     * Gets a value specifying whether the test point is within an indicator.
+     * Value: true if the test point is within an indicator; otherwise, false.
+     */
+    inIndicator: boolean;
+    /**
+     * Gets a value indicating whether the test point is within an annotation.
+     * Value: true if the test point is within an annotation; otherwise, false.
+     */
+    inAnnotation: boolean;
+    /**
+     * Gets a value indicating whether the test point is within a hyperlink.
+     * Value: true, if the test point is within a hyperlink; otherwise, false.
+     */
+    inHyperlink: boolean;
+    /**
+     * Gets the client-side chart instance from under the test point.
+     * Value: An ASPxClientWebChart object.
+     */
+    chart: ASPxClientWebChart;
+    /**
+     * Gets the client-side chart title instance from under the test point.
+     * Value: An ASPxClientChartTitle object.
+     */
+    chartTitle: ASPxClientChartTitle;
+    /**
+     * Gets the client-side axis instance from under the test point.
+     * Value: An ASPxClientAxisBase descendant.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the client-side constant line instance from under the test point.
+     * Value: An ASPxClientConstantLine object.
+     */
+    constantLine: ASPxClientConstantLine;
+    /**
+     * Gets the client-side diagram instance from under the test point.
+     * Value: An ASPxClientXYDiagramBase descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Gets the client-side non-default pane instance from under the test point.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    nonDefaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the client-side legend instance from under the test point.
+     * Value: An ASPxClientLegend object.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Gets a custom legend item which is located under the test point.
+     * Value: An ASPxClientCustomLegendItem object which represents the item located under the test point.
+     */
+    customLegendItem: ASPxClientCustomLegendItem;
+    /**
+     * Gets the client-side series instance from under the test point.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the client-side series label instance from under the test point.
+     * Value: An ASPxClientSeriesLabel object.
+     */
+    seriesLabel: ASPxClientSeriesLabel;
+    /**
+     * Gets the client-side series title instance from under the test point.
+     * Value: An ASPxClientSeriesTitle object.
+     */
+    seriesTitle: ASPxClientSeriesTitle;
+    /**
+     * Gets the client-side trendline instance from under the test point.
+     * Value: An ASPxClientTrendLine object.
+     */
+    trendLine: ASPxClientTrendLine;
+    /**
+     * Gets the client-side Fibonacci indicator instance from under the test point.
+     * Value: An ASPxClientFibonacciIndicator object.
+     */
+    fibonacciIndicator: ASPxClientFibonacciIndicator;
+    /**
+     * Gets the client-side regression line instance from under the test point.
+     * Value: An ASPxClientRegressionLine object.
+     */
+    regressionLine: ASPxClientRegressionLine;
+    /**
+     * Gets the client-side indicator instance from under the test point.
+     * Value: An ASPxClientIndicator descendant.
+     */
+    indicator: ASPxClientIndicator;
+    /**
+     * Gets the client-side annotation instance from under the test point.
+     * Value: An ASPxClientAnnotation object.
+     */
+    annotation: ASPxClientAnnotation;
+    /**
+     * Gets the client-side series point instance from under the test point.
+     * Value: An ASPxClientSeriesPoint object.
+     */
+    seriesPoint: ASPxClientSeriesPoint;
+    /**
+     * Gets the client-side axis label item instance from under the test point.
+     * Value: An ASPxClientAxisLabelItem object.
+     */
+    axisLabelItem: ASPxClientAxisLabelItem;
+    /**
+     * Gets the client-side axis title instance from under the test point.
+     * Value: An ASPxClientAxisTitle object.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Returns a hyperlink which is located under the test point.
+     * Value: A String object representing a hyperlink.
+     */
+    hyperlink: string;
+}
+/**
+ * Represents the client-side equivalent of the DiagramCoordinates class.
+ */
+interface ASPxClientDiagramCoordinates {
+    /**
+     * Gets the type of the argument scale.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets the type of the value scale.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the argument of the data point as a text string.
+     * Value: A string object, representing a data point's argument.
+     */
+    qualitativeArgument: string;
+    /**
+     * Gets the numerical representation of the data point's argument.
+     * Value: A Double value, representing the data point's argument.
+     */
+    numericalArgument: number;
+    /**
+     * Gets the date-time representation of the data point's argument.
+     * Value: A date object, representing the point's argument.
+     */
+    dateTimeArgument: Date;
+    /**
+     * Gets the numerical representation of the data point's value.
+     * Value: A Double value, representing the data point's value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the date-time representation of the data point's value.
+     * Value: A date object, representing the point's value.
+     */
+    dateTimeValue: Date;
+    /**
+     * Gets the X-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of arguments (X-axis).
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis of the diagram point.
+     * Value: An ASPxClientAxisBase descendant, representing the axis of values (Y-axis).
+     */
+    axisY: ASPxClientAxisBase;
+    /**
+     * Gets the pane of the diagram point.
+     * Value: An ASPxClientXYDiagramPane descendant, representing the pane.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Checks whether the current object represents a point outside the diagram area.
+     */
+    IsEmpty(): boolean;
+    /**
+     * Gets the value of the client-side axis instance.
+     * @param axis An ASPxClientAxisBase class descendant, representing the axis that contains the requested value.
+     */
+    GetAxisValue(axis: ASPxClientAxisBase): ASPxClientAxisValue;
+}
+/**
+ * Contains the information about an axis value.
+ */
+interface ASPxClientAxisValue {
+    /**
+     * Gets the axis scale type.
+     * Value: A String value, specifying the axis scale type.
+     */
+    scaleType: string;
+    /**
+     * Gets the axis value, if the axis scale type is qualitative.
+     * Value: A String value, specifying the axis value.
+     */
+    qualitativeValue: string;
+    /**
+     * Gets the axis value, if the axis scale type is numerical.
+     * Value: A Double value, specifying the axis value.
+     */
+    numericalValue: number;
+    /**
+     * Gets the axis value, if the axis scale type is date-time.
+     * Value: A DateTime value, specifying the axis value.
+     */
+    dateTimeValue: Date;
+}
+/**
+ * Represents the client-side equivalent of the ControlCoordinates class.
+ */
+interface ASPxClientControlCoordinates {
+    /**
+     * Gets the point's pane.
+     * Value: An ASPxClientXYDiagramPane object.
+     */
+    pane: ASPxClientXYDiagramPane;
+    /**
+     * Gets the point's X-coordinate, in pixels.
+     * Value: An integer value, specifying the X-coordinate (in pixels).
+     */
+    x: number;
+    /**
+     * Gets the point's Y-coordinate, in pixels.
+     * Value: An integer value, specifying the Y-coordinate (in pixels).
+     */
+    y: number;
+    /**
+     * Gets the point's visibility state.
+     * Value: "Visible", "Hidden", or "Undefined".
+     */
+    visibility: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartElement class.
+ */
+interface ASPxClientWebChartElement {
+    /**
+     * Gets the chart that owns the current chart element.
+     * Value: An ASPxClientWebChart object, to which the chart element belongs.
+     */
+    chart: ASPxClientWebChart;
+}
+/**
+ * Represents a base class for chart elements, which are not necessarily required to be present on the client side.
+ */
+interface ASPxClientWebChartEmptyElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents a base class for chart elements, which are required to be present on the client side.
+ */
+interface ASPxClientWebChartRequiredElement extends ASPxClientWebChartElement {
+}
+/**
+ * Represents the client-side equivalent of the ChartElementNamed class.
+ */
+interface ASPxClientWebChartElementNamed extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the name of the chart element.
+     * Value: A string object representing the name of the chart element.
+     */
+    name: string;
+}
+/**
+ * Represents the client-side equivalent of the WebChartControl control.
+ */
+interface ASPxClientWebChart extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the client-side Chart Control that owns the current chart.
+     * Value: An ASPxClientWebChartControl object, to which the chart belongs.
+     */
+    chartControl: ASPxClientWebChartControl;
+    /**
+     * Gets the chart's diagram and provides access to its settings.
+     * Value: An ASPxClientRadarDiagram),  that represents the chart's diagram.
+     */
+    diagram: ASPxClientWebChartElement;
+    /**
+     * Provides access to the chart's collection of series.
+     * Value: An array of ASPxClientSeries objects that represent the collection of series.
+     */
+    series: ASPxClientSeries[];
+    /**
+     * Provides access to the collection of chart titles.
+     * Value: An array of ASPxClientChartTitle objects, that represent the collection of chart titles.
+     */
+    titles: ASPxClientChartTitle[];
+    /**
+     * Provides access to the chart's collection of annotations.
+     * Value: An array of ASPxClientAnnotation objects, representing the collection of annotations.
+     */
+    annotations: ASPxClientAnnotation[];
+    /**
+     * Gets the chart's legend and provides access to its settings.
+     * Value: An ASPxClientLegend object that represents the chart's legend.
+     */
+    legend: ASPxClientLegend;
+    /**
+     * Returns the collection of legends.
+     * Value: An array of ASPxClientLegend objects.
+     */
+    legends: ASPxClientLegend[];
+    /**
+     * Gets the name of the appearance, which is currently used to draw the chart's elements.
+     * Value: A string value that represents the appearance name.
+     */
+    appearanceName: string;
+    /**
+     * Gets the name of the palette currently used to draw the chart's series.
+     * Value: A string value that represents the palette name.
+     */
+    paletteName: string;
+    /**
+     * Gets a value indicating whether series tooltips should be shown.
+     * Value: true to show tooltips for series; otherwise, false.
+     */
+    showSeriesToolTip: boolean;
+    /**
+     * Gets a value indicating whether point tooltips should be shown.
+     * Value: true to show tooltips for series points; otherwise, false.
+     */
+    showPointToolTip: boolean;
+    /**
+     * Gets a value indicating whether a crosshair cursor should be shown.
+     * Value: true to show a crosshair cursor; otherwise, false.
+     */
+    showCrosshair: boolean;
+    /**
+     * Gets a value that contains information on how the tooltip position is defined, for example, relative to a mouse pointer or chart element.
+     * Value: An ASPxClientToolTipPosition class descendant that defines the tooltip position type.
+     */
+    toolTipPosition: ASPxClientToolTipPosition;
+    /**
+     * Returns the tooltip controller that shows tooltips for chart elements.
+     * Value: An ASPxClientToolTipController object.
+     */
+    toolTipController: ASPxClientToolTipController;
+    /**
+     * Gets the settings for a crosshair cursor concerning its position and appearance on a diagram.
+     * Value: An ASPxClientCrosshairOptions object descendant which provides access to crosshair cursor options on a diagram.
+     */
+    crosshairOptions: ASPxClientCrosshairOptions;
+    /**
+     * Gets a css postfix for a chart.
+     * Value: A string value.
+     */
+    cssPostfix: string;
+    /**
+     * Gets or sets a value which specifies how the chart elements are selected.
+     * Value: A String object representing the name of the selection mode.
+     */
+    selectionMode: string;
+}
+/**
+ * Represents the client-side equivalent of the SimpleDiagram class.
+ */
+interface ASPxClientSimpleDiagram extends ASPxClientWebChartEmptyElement {
+}
+/**
+ * Represents the base class for all diagram classes, which have X and Y axes.
+ */
+interface ASPxClientXYDiagramBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the X-axis.
+     * Value: An ASPxClientAxisBase object which represents the X-axis.
+     */
+    axisX: ASPxClientAxisBase;
+    /**
+     * Gets the Y-axis.
+     * Value: An ASPxClientAxisBase object which represents the Y-axis.
+     */
+    axisY: ASPxClientAxisBase;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram2D class.
+ */
+interface ASPxClientXYDiagram2D extends ASPxClientXYDiagramBase {
+    /**
+     * Provides access to a collection of secondary X-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesX: ASPxClientAxis[];
+    /**
+     * Provides access to a collection of secondary Y-axes for a given 2D XY-diagram.
+     * Value: An array of ASPxClientAxis objects, that is a collection of secondary X-axes.
+     */
+    secondaryAxesY: ASPxClientAxis[];
+    /**
+     * Provides access to a default pane object.
+     * Value: An ASPxClientXYDiagramPane object which represents the default pane of a chart.
+     */
+    defaultPane: ASPxClientXYDiagramPane;
+    /**
+     * Provides access to an array of a diagram's panes.
+     * Value: An array of ASPxClientXYDiagramPane objects.
+     */
+    panes: ASPxClientXYDiagramPane[];
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     * @param axisX An ASPxClientAxis2D descendant, representing the X-axis.
+     * @param axisY An ASPxClientAxis2D descendant, representing the Y-axis.
+     * @param pane An ASPxClientXYDiagramPane object, representing the pane.
+     */
+    DiagramToPoint(argument: Object, value: Object, axisX: ASPxClientAxis2D, axisY: ASPxClientAxis2D, pane: ASPxClientXYDiagramPane): ASPxClientControlCoordinates;
+    /**
+     * Shows the Crosshair Cursor at the point with the specified coordinates.
+     * @param screenX The horizontal coordinate that is related to the top-left angle of the chart.
+     * @param screenY The vertical coordinate that is related to the top-left angle of the chart.
+     */
+    ShowCrosshair(screenX: number, screenY: number): void;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram class.
+ */
+interface ASPxClientXYDiagram extends ASPxClientXYDiagram2D {
+    /**
+     * Gets a value indicating whether the diagram is rotated.
+     * Value: true if the diagram is rotated; otherwise, false.
+     */
+    rotated: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagram class.
+ */
+interface ASPxClientSwiftPlotDiagram extends ASPxClientXYDiagram2D {
+}
+/**
+ * Represents the client-side equivalent of the XYDiagramPane class.
+ */
+interface ASPxClientXYDiagramPane extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the diagram that owns the current pane object.
+     * Value: An ASPxClientXYDiagram object, to which the pane belongs.
+     */
+    diagram: ASPxClientXYDiagram;
+}
+/**
+ * Represents the client-side equivalent of the XYDiagram3D class.
+ */
+interface ASPxClientXYDiagram3D extends ASPxClientXYDiagramBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarDiagram class.
+ */
+interface ASPxClientRadarDiagram extends ASPxClientXYDiagramBase {
+    /**
+     * Converts the display coordinates into a diagram coordinates object.
+     * @param x An integer value, representing the X-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     * @param y An integer value, representing the Y-coordinate of a point (measured in pixels relative to the top left corner of a chart).
+     */
+    PointToDiagram(x: number, y: number): ASPxClientDiagramCoordinates;
+    /**
+     * Converts the diagram coordinates of a point into screen coordinates.
+     * @param argument An object, representing the point's argument.
+     * @param value An object, representing the point's value.
+     */
+    DiagramToPoint(argument: Object, value: Object): ASPxClientControlCoordinates;
+}
+/**
+ * Represents the client-side equivalent of the AxisBase class.
+ */
+interface ASPxClientAxisBase extends ASPxClientWebChartElementNamed {
+    /**
+     * Provides access to the XY-diagram which contains the current axis.
+     * Value: An ASPxClientXYDiagramBase class descendant.
+     */
+    diagram: ASPxClientXYDiagramBase;
+    /**
+     * Provides acess to the range of the axis coordinates.
+     * Value: An ASPxClientAxisRange object, which contains the common range settings of the axis coordinates.
+     */
+    range: ASPxClientAxisRange;
+}
+/**
+ * Represents the client-side equivalent of the Axis2D class.
+ */
+interface ASPxClientAxis2D extends ASPxClientAxisBase {
+    /**
+     * Provides access to an axis title object.
+     * Value: An ASPxClientAxisTitle object which represents the axis title.
+     */
+    axisTitle: ASPxClientAxisTitle;
+    /**
+     * Provides access to the axis strips collection.
+     * Value: An array of ASPxClientStrip objects.
+     */
+    strips: ASPxClientStrip[];
+    /**
+     * Provides access to the collection of the axis constant lines.
+     * Value: An array of ASPxClientConstantLine objects which represent constant lines that belong to this axis.
+     */
+    constantLines: ASPxClientConstantLine[];
+}
+/**
+ * Represents the client-side equivalent of the Axis class.
+ */
+interface ASPxClientAxis extends ASPxClientAxis2D {
+    /**
+     * Gets a value indicating whether the axis is reversed.
+     * Value: true if the axis is reversed; otherwise, false.
+     */
+    reverse: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SwiftPlotDiagramAxis class.
+ */
+interface ASPxClientSwiftPlotDiagramAxis extends ASPxClientAxis2D {
+}
+/**
+ * Represents the client-side equivalent of the Axis3D class.
+ */
+interface ASPxClientAxis3D extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the RadarAxis class.
+ */
+interface ASPxClientRadarAxis extends ASPxClientAxisBase {
+}
+/**
+ * Represents the client-side equivalent of the AxisTitle class.
+ */
+interface ASPxClientAxisTitle extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which the axis title belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of the axis title.
+     * Value: A string object which contains the axis title's text.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the AxisLabelItem class.
+ */
+interface ASPxClientAxisLabelItem extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis to which an axis label item belongs.
+     * Value: An ASPxClientAxisBase descendant, which identifies the axis.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the text of an axis label item.
+     * Value: A string object which contains the axis label item's text.
+     */
+    text: string;
+    /**
+     * Gets the axis value to which an axis label item corresponds.
+     * Value: An object that specifies the axis value.
+     */
+    axisValue: Object;
+    /**
+     * Gets the internal representation of the axis value to which an axis label item corresponds.
+     * Value: A Double value which specifies the internal representation of the axis value.
+     */
+    axisValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the AxisRange class.
+ */
+interface ASPxClientAxisRange extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the axis that owns the current axis range object.
+     * Value: An ASPxClientAxisBase object, to which the axis range belongs.
+     */
+    axis: ASPxClientAxisBase;
+    /**
+     * Gets the minimum value to display on an axis.
+     * Value: An object representing the minimum value of the axis range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value to display on an axis.
+     * Value: An object representing the maximum value of the axis range.
+     */
+    maxValue: Object;
+    /**
+     * Gets the internal float representation of the range minimum value.
+     * Value: A Double value which specifies the internal representation of the range minimum value.
+     */
+    minValueInternal: number;
+    /**
+     * Gets the internal float representation of the range maximum value.
+     * Value: A Double value which specifies the internal representation of the range maximum value.
+     */
+    maxValueInternal: number;
+}
+/**
+ * Represents the client-side equivalent of the Strip class.
+ */
+interface ASPxClientStrip extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current strip object.
+     * Value: An ASPxClientAxis object, to which the strip belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the minimum value of the strip's range.
+     * Value: An object that represents the minimum value of the strip's range.
+     */
+    minValue: Object;
+    /**
+     * Gets the maximum value of the strip's range.
+     * Value: An object that represents the maximum value of the strip's range.
+     */
+    maxValue: Object;
+}
+/**
+ * Represents the client-side equivalent of the ConstantLine class.
+ */
+interface ASPxClientConstantLine extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the axis that owns the current constant line object.
+     * Value: An ASPxClientAxis object, to which the constant line belongs.
+     */
+    axis: ASPxClientAxis;
+    /**
+     * Gets the constant line's position along the axis.
+     * Value: An object that specifies the constant line's position.
+     */
+    value: Object;
+    /**
+     * Gets the constant line title.
+     * Value: A string object, representing the title's text.
+     */
+    title: string;
+}
+/**
+ * Represents the client-side equivalent of the Series class.
+ */
+interface ASPxClientSeries extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets a value that specifies the view type of the series.
+     * Value: A string object which contains the current view type.
+     */
+    viewType: string;
+    /**
+     * Gets a value that specifies the scale type for the argument data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    argumentScaleType: string;
+    /**
+     * Gets a value that specifies the scale type for the value data of the series' data points.
+     * Value: A string object which contains the current scale type.
+     */
+    valueScaleType: string;
+    /**
+     * Gets the X-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the X-axis name.
+     */
+    axisX: string;
+    /**
+     * Gets the Y-Axis that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Gets the pane that is used to plot the current series on the XY-diagram.
+     * Value: A string object, which represents the pane's name.
+     */
+    pane: string;
+    /**
+     * Gets a value indicating whether the series is visible.
+     * Value: true if the series is visible; otherwise, false.
+     */
+    visible: boolean;
+    /**
+     * Gets a value that specifies whether or not a tooltip is enabled for a chart.
+     * Value: true - a tooltip is enabled for a chart; false - a tooltip is disabled.
+     */
+    toolTipEnabled: boolean;
+    /**
+     * Gets the text to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets an image to be displayed within series tooltips.
+     * Value: A string value.
+     */
+    toolTipImage: string;
+    /**
+     * Gets the settings of series labels.
+     * Value: An ASPxClientSeriesLabel object, which provides the series label settings.
+     */
+    label: ASPxClientSeriesLabel;
+    /**
+     * Gets the series' collection of data points.
+     * Value: An array of ASPxClientSeriesPoint objects, that represent the series' data points.
+     */
+    points: ASPxClientSeriesPoint[];
+    /**
+     * Provides access to the collection of series titles.
+     * Value: An array of ASPxClientSeriesTitle objects, that represent the collection of series titles.
+     */
+    titles: ASPxClientSeriesTitle[];
+    /**
+     * Gets the series' collection of indicators.
+     * Value: An array of ASPxClientIndicator objects, that belong to the series.
+     */
+    indicators: ASPxClientIndicator[];
+    /**
+     * Provides access to the collection of regression lines.
+     * Value: An array of ASPxClientRegressionLine objects which represent regression lines available for the series.
+     */
+    regressionLines: ASPxClientRegressionLine[];
+    /**
+     * Provides access to the collection of trendlines.
+     * Value: An array of ASPxClientTrendLine objects, that represent the collection of trendlines.
+     */
+    trendLines: ASPxClientTrendLine[];
+    /**
+     * Provides access to the collection of Fibonacci Indicators.
+     * Value: An array of ASPxClientFibonacciIndicator objects, that represent the collection of Fibonacci Indicators.
+     */
+    fibonacciIndicators: ASPxClientFibonacciIndicator[];
+    /**
+     * Gets the color of a series.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets a value that defines a group for stacked series.
+     * Value: A string value.
+     */
+    stackedGroup: string;
+    /**
+     * Gets a string which represents the pattern specifying the text to be displayed within a crosshair label for the current Series  type.
+     * Value: A Empty.
+     */
+    crosshairLabelPattern: string;
+    /**
+     * This property is intended for internal use only.
+     * Value: A String value.
+     */
+    groupedElementsPattern: string;
+    /**
+     * Returns a collection of crosshair value items.
+     * Value: An array of ASPxClientCrosshairValueItem objects.
+     */
+    crosshairValueItems: ASPxClientCrosshairValueItem[];
+    /**
+     * Gets a value indicating whether a crosshair cursor is enabled.
+     * Value: true if a crosshair cursor is enabled; otherwise, false.
+     */
+    actualCrosshairEnabled: boolean;
+    /**
+     * Gets a value indicating whether a crosshair label should be shown for this series.
+     * Value: true if crosshair labels are visible; otherwise, false.
+     */
+    actualCrosshairLabelVisibility: boolean;
+}
+/**
+ * Represents the client-side equivalent of the SeriesLabelBase class.
+ */
+interface ASPxClientSeriesLabel extends ASPxClientWebChartElement {
+    /**
+     * Gets the series that owns the current series label object.
+     * Value: An ASPxClientSeries object, to which the series label belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the common text for all series point labels.
+     * Value: Returns an empty string object.
+     */
+    text: string;
+}
+/**
+ * Represents the client-side equivalent of the SeriesPoint class.
+ */
+interface ASPxClientSeriesPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the series that owns the current series point object.
+     * Value: An ASPxClientSeries object, to which the series point belongs.
+     */
+    series: ASPxClientSeries;
+    /**
+     * Gets the data point's argument.
+     * Value: An object that specifies the data point's argument.
+     */
+    argument: Object;
+    /**
+     * Gets the point's data value(s).
+     * Value: An array of objects that represent the data value(s) of the series data point.
+     */
+    values: Object[];
+    /**
+     * Gets the text to be displayed within series points tooltips.
+     * Value: A string value.
+     */
+    toolTipText: string;
+    /**
+     * Gets the color of a series point.
+     * Value: A string value.
+     */
+    color: string;
+    /**
+     * Gets the percent value of a series point.
+     * Value: A float value.
+     */
+    percentValue: number;
+    /**
+     * Gets a hint that is shown in series points tooltips.
+     * Value: A string value.
+     */
+    toolTipHint: string;
+}
+/**
+ * Represents the client-side equivalent of the Legend class.
+ */
+interface ASPxClientLegend extends ASPxClientWebChartEmptyElement {
+    /**
+     * Returns a value which determines whether to use checkboxes instead of markers on a chart legend for all legend items.
+     * Value: true, if legend checkboxes are shown instead of markers for all legend items; otherwise, false.
+     */
+    useCheckBoxes: boolean;
+    /**
+     * Returns a collection of custom legend items of the legend.
+     * Value: A collection of ASPxClientCustomLegendItem objects.
+     */
+    customItems: ASPxClientCustomLegendItem[];
+    /**
+     * Returns the name of the legend.
+     * Value: The string value representing the name of the legend.
+     */
+    name: string;
+}
+/**
+ * Represents the base for ASPxClientSeriesTitle classes.
+ */
+interface ASPxClientTitleBase extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the lines of text within a title.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+    /**
+     * Gets the alignment of the title.
+     * Value: A string value containing the text, which specifies the alignment of a title.
+     */
+    alignment: string;
+    /**
+     * Gets a value that specifies to which edges of a parent element the title should be docked.
+     * Value: A string value.
+     */
+    dock: string;
+}
+/**
+ * Represents the client-side equivalent of the ChartTitle class.
+ */
+interface ASPxClientChartTitle extends ASPxClientTitleBase {
+}
+/**
+ * Represents the client-side equivalent of the SeriesTitle class.
+ */
+interface ASPxClientSeriesTitle extends ASPxClientTitleBase {
+    /**
+     * Gets the series that owns the current title object.
+     * Value: An ASPxClientSeries object, to which the series title belongs.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the Indicator class.
+ */
+interface ASPxClientIndicator extends ASPxClientWebChartElementNamed {
+    /**
+     * Gets the indicator's associated series.
+     * Value: An ASPxClientSeries object.
+     */
+    series: ASPxClientSeries;
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicator class.
+ */
+interface ASPxClientFinancialIndicator extends ASPxClientIndicator {
+    /**
+     * Gets the first point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's first point.
+     */
+    point1: ASPxClientFinancialIndicatorPoint;
+    /**
+     * Gets the second point of the financial indicator.
+     * Value: An ASPxClientFinancialIndicatorPoint object, which represents a financial indicator's second point.
+     */
+    point2: ASPxClientFinancialIndicatorPoint;
+}
+/**
+ * Represents the client-side equivalent of the TrendLine class.
+ */
+interface ASPxClientTrendLine extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FibonacciIndicator class.
+ */
+interface ASPxClientFibonacciIndicator extends ASPxClientFinancialIndicator {
+}
+/**
+ * Represents the client-side equivalent of the FinancialIndicatorPoint class.
+ */
+interface ASPxClientFinancialIndicatorPoint extends ASPxClientWebChartRequiredElement {
+    /**
+     * Gets the financial indicator that owns the current financial indicator point.
+     * Value: An ASPxClientFinancialIndicator object, to which the point belongs.
+     */
+    financialIndicator: ASPxClientFinancialIndicator;
+    /**
+     * Gets the argument of the financial indicator's point.
+     * Value: An object that specifies the point argument.
+     */
+    argument: Object;
+    /**
+     * Gets a value, indicating how the value of a financial indicator's point is obtained.
+     * Value: A string value, which indicates how to obtain a financial indicator point's value.
+     */
+    valueLevel: string;
+}
+/**
+ * The client-side equivalent of the SingleLevelIndicator class.
+ */
+interface ASPxClientSingleLevelIndicator extends ASPxClientIndicator {
+    /**
+     * Gets a value specifying the value level to which the single-level indicator corresponds.
+     * Value: A string value.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RegressionLine class.
+ */
+interface ASPxClientRegressionLine extends ASPxClientSingleLevelIndicator {
+}
+/**
+ * The client-side equivalent of the MovingAverage class.
+ */
+interface ASPxClientMovingAverage extends ASPxClientSingleLevelIndicator {
+    /**
+     * Gets the number of data points used to calculate the moving average.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value specifying whether to display a Moving Average, Envelope, or both.
+     * Value: A string value.
+     */
+    kind: string;
+    /**
+     * Gets a value specifying the Envelope percent.
+     * Value: A double value which specifies the Envelope percent.
+     */
+    envelopePercent: number;
+}
+/**
+ * The client-side equivalent of the SimpleMovingAverage class.
+ */
+interface ASPxClientSimpleMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the ExponentialMovingAverage class.
+ */
+interface ASPxClientExponentialMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the WeightedMovingAverage class.
+ */
+interface ASPxClientWeightedMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * The client-side equivalent of the TriangularMovingAverage class.
+ */
+interface ASPxClientTriangularMovingAverage extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTema class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTema extends ASPxClientMovingAverage {
+}
+/**
+ * Represents the client-side equivalent of the BollingerBands class.
+ */
+interface ASPxClientBollingerBands extends ASPxClientIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MedianPrice class.
+ */
+interface ASPxClientMedianPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the TypicalPrice class.
+ */
+interface ASPxClientTypicalPrice extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the WeightedClose class.
+ */
+interface ASPxClientWeightedClose extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the SeparatePaneIndicator class.
+ */
+interface ASPxSeparatePaneIndicator extends ASPxClientIndicator {
+    /**
+     * Returns the name of the Y-axis that is used to plot the current indicator on a ASPxClientXYDiagram.
+     * Value: A string value specifying the Y-axis name.
+     */
+    axisY: string;
+    /**
+     * Returns the name of a pane, used to plot the separate pane indicator on an XYDiagram.
+     * Value: A string that is the name of a pane.
+     */
+    pane: string;
+}
+/**
+ * Represents the client-side equivalent of the AverageTrueRange class.
+ */
+interface ASPxClientAverageTrueRange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the ChaikinsVolatility class.
+ */
+interface ASPxClientChaikinsVolatility extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the CommodityChannelIndex class.
+ */
+interface ASPxClientCommodityChannelIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the DetrendedPriceOscillator class.
+ */
+interface ASPxClientDetrendedPriceOscillator extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the MassIndex class.
+ */
+interface ASPxClientMassIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the count of points used to calculate the exponential moving average (EMA).
+     * Value: An integer value, specifying the count of points used to calculate EMA.
+     */
+    movingAveragePointsCount: number;
+    /**
+     * Returns the count of summable values.
+     * Value: An integer value specifying the count of summable ratios.
+     */
+    sumPointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the MovingAverageConvergenceDivergence class.
+ */
+interface ASPxClientMovingAverageConvergenceDivergence extends ASPxSeparatePaneIndicator {
+    /**
+     * Returns the short period value required to calculate the indicator.
+     * Value: An integer value specifying the short period value.
+     */
+    shortPeriod: number;
+    /**
+     * Returns the long period value required to calculate the indicator.
+     * Value: An integer value specifying the long period.
+     */
+    longPeriod: number;
+    /**
+     * Returns the smoothing period value required to calculate the indicator.
+     * Value: An integer value specifying the smoothing period value.
+     */
+    signalSmoothingPeriod: number;
+}
+/**
+ * Represents the client-side equivalent of the RateOfChange class.
+ */
+interface ASPxClientRateOfChange extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the RelativeStrengthIndex class.
+ */
+interface ASPxClientRelativeStrengthIndex extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviation class.
+ */
+interface ASPxClientStandardDeviation extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the TripleExponentialMovingAverageTrix class.
+ */
+interface ASPxClientTripleExponentialMovingAverageTrix extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+    /**
+     * Gets a value, indicating whose series point values are used to calculate the indicator's values.
+     * Value: A string value, which indicates which series point value should be used to calculate indicator values.
+     */
+    valueLevel: string;
+}
+/**
+ * Represents the client-side equivalent of the WilliamsR class.
+ */
+interface ASPxClientWilliamsR extends ASPxSeparatePaneIndicator {
+    /**
+     * Gets the number of data points used to calculate the indicator values.
+     * Value: An integer value, specifying the number of points.
+     */
+    pointsCount: number;
+}
+/**
+ * Represents the client-side equivalent of the FixedValueErrorBars class.
+ */
+interface ASPxClientFixedValueErrorBars extends ASPxClientIndicator {
+    /**
+     * Gets or sets the fixed positive error value.
+     * Value: A double value specifying the positive error value.
+     */
+    positiveError: number;
+    /**
+     * Returns the fixed negative error value.
+     * Value: A double value specifying the negative error value.
+     */
+    negativeError: number;
+}
+/**
+ * Represents the client-side equivalent of the PercentageErrorBars class.
+ */
+interface ASPxClientPercentageErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the value specifying the percentage of error values of series point values.
+     * Value: A double value specifying the percentage. Values less than or equal to 0 are not allowed.
+     */
+    percent: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardDeviationErrorBars class.
+ */
+interface ASPxClientStandardDeviationErrorBars extends ASPxClientIndicator {
+    /**
+     * Returns the multiplier on which the standard deviation value is multiplied before display.
+     * Value: A double value specifying the multiplier. Values less than 0 are not allowed.
+     */
+    multiplier: number;
+}
+/**
+ * Represents the client-side equivalent of the StandardErrorBars class.
+ */
+interface ASPxClientStandardErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the DataSourceBasedErrorBars class.
+ */
+interface ASPxClientDataSourceBasedErrorBars extends ASPxClientIndicator {
+}
+/**
+ * Represents the client-side equivalent of the Annotation class.
+ */
+interface ASPxClientAnnotation extends ASPxClientWebChartElementNamed {
+}
+/**
+ * Represents the client-side equivalent of the TextAnnotation class.
+ */
+interface ASPxClientTextAnnotation extends ASPxClientAnnotation {
+    /**
+     * Gets the lines of text within an annotation.
+     * Value: An array of string values containing the text of a title.
+     */
+    lines: string[];
+}
+/**
+ * Represents the client-side equivalent of the ImageAnnotation class.
+ */
+interface ASPxClientImageAnnotation extends ASPxClientAnnotation {
+}
+/**
+ * The client-side equivalent of the CrosshairValueItem class.
+ */
+interface ASPxClientCrosshairValueItem {
+    /**
+     * Gets the value that is displayed in a crosshair label.
+     * Value: A float value.
+     */
+    value: number;
+    /**
+     * Gets an index of a point for which this crosshair value item is displayed.
+     * Value: An integer value.
+     */
+    pointIndex: number;
+}
+/**
+ * The client-side equivalent of the ChartToolTipController class.
+ */
+interface ASPxClientToolTipController extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether an image should be shown in tooltips.
+     * Value: true to show an image in tooltips; otherwise, false.
+     */
+    showImage: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show text in tooltips.
+     * Value: true to show text in tooltips; otherwise, false.
+     */
+    showText: boolean;
+    /**
+     * Gets a value that defines the position of an image within a tooltip.
+     * Value: A string value.
+     */
+    imagePosition: string;
+    /**
+     * Gets a value that defines when tooltips should be invoked.
+     * Value: A string value.
+     */
+    openMode: string;
+}
+/**
+ * The client-side equivalent of the ToolTipPosition class.
+ */
+interface ASPxClientToolTipPosition {
+}
+/**
+ * The client-side equivalent of the ToolTipRelativePosition class.
+ */
+interface ASPxClientToolTipRelativePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the ToolTipFreePosition class.
+ */
+interface ASPxClientToolTipFreePosition extends ASPxClientToolTipPosition {
+    /**
+     * Gets the horizontal offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a tooltip.
+     * Value: An integer value.
+     */
+    offsetY: number;
+    /**
+     * Gets the ID of a pane.
+     * Value: An integer value.
+     */
+    paneID: number;
+    /**
+     * Gets an object containing settings that define how a tooltip should be docked.
+     * Value: A string value.
+     */
+    dockPosition: string;
+}
+/**
+ * The client-side equivalent of the CrosshairLabelPosition class.
+ */
+interface ASPxClientCrosshairPosition {
+    /**
+     * Gets the horizontal offset of a crosshair cursor.
+     * Value: An integer value that is the X-offset.
+     */
+    offsetX: number;
+    /**
+     * Gets the vertical offset of a crosshair cursor.
+     * Value: An integer value that is the Y-offset.
+     */
+    offsetY: number;
+}
+/**
+ * The client-side equivalent of the CrosshairMousePosition class.
+ */
+interface ASPxClientCrosshairMousePosition extends ASPxClientCrosshairPosition {
+}
+/**
+ * The client-side equivalent of the CrosshairFreePosition class.
+ */
+interface ASPxClientCrosshairFreePosition extends ASPxClientCrosshairPosition {
+    /**
+     * Gets a Pane's ID when the crosshair cursor is in the free position mode.
+     * Value: An integer value that is the pane's ID.
+     */
+    paneID: number;
+    /**
+     * Gets a string containing information on a crosshair label's dock position when the crosshair cursor is in the free position mode.
+     * Value: A string value containing information on a crosshair label's dock position.
+     */
+    dockPosition: string;
+}
+/**
+ * Defines line style settings.
+ */
+interface ASPxClientLineStyle extends ASPxClientWebChartElement {
+    /**
+     * Gets the dash style used to paint the line.
+     * Value: A string value that contains information about the style used to paint the line.
+     */
+    dashStyle: string;
+    /**
+     * Gets the thickness that corresponds to the value of the current ASPxClientLineStyle object.
+     * Value: An integer value which specifies the thickness, in pixels.
+     */
+    thickness: number;
+    /**
+     * Returns the join style for the ends of consecutive lines.
+     * Value: A string representing the name of the line join type.
+     */
+    lineJoin: string;
+}
+/**
+ * The client-side equivalent of the CrosshairOptions class.
+ */
+interface ASPxClientCrosshairOptions extends ASPxClientWebChartEmptyElement {
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the X-axis.
+     * Value: true to show a crosshair label for the X-axis; otherwise, false.
+     */
+    showAxisXLabels: boolean;
+    /**
+     * Gets a value indicating whether it is necessary to show a crosshair label for the Y-axis.
+     * Value: true to show the crosshair label for the Y-axis; otherwise, false.
+     */
+    showAxisYLabels: boolean;
+    /**
+     * Gets a value that defines whether a crosshair label of a series point indicated by a crosshair cursor is shown on a diagram.
+     * Value: true if a crosshair label indicated by a crosshair cursor is shown on a diagram; otherwise, false.
+     */
+    showCrosshairLabels: boolean;
+    /**
+     * Gets a value that indicates whether a crosshair cursor argument line is shown for a series point on a diagram.
+     * Value: true if a crosshair cursor argument line is displayed on a diagram;  otherwise, false.
+     */
+    showArgumentLine: boolean;
+    /**
+     * Specifies whether to show a value line of a series point indicated by a crosshair cursor on a diagram.
+     * Value: true to display a value line indicated by a crosshair cursor on a diagram; otherwise, false.
+     */
+    showValueLine: boolean;
+    /**
+     * Gets a value that specifies whether to show a crosshair cursor in a focused pane only.
+     * Value: true to display a crosshair cursor in a focused pane; otherwise, false.
+     */
+    showOnlyInFocusedPane: boolean;
+    /**
+     * Specifies the current snap mode of a crosshair cursor.
+     * Value: A string value.
+     */
+    snapMode: string;
+    /**
+     * Specifies the way in which the crosshair label is shown for a series on a diagram.
+     * Value: A string value that specifies how the crosshair label is shown for a series.
+     */
+    crosshairLabelMode: string;
+    /**
+     * Gets a value that indicates whether to show a header for each series group in crosshair cursor labels.
+     * Value: true, to show a group header in crosshair cursor labels; otherwise, false.
+     */
+    showGroupHeaders: boolean;
+    /**
+     * Gets a string which represents the  pattern specifying the group header text to be displayed within the crosshair label.
+     * Value: A String, which represents the group header's pattern.
+     */
+    groupHeaderPattern: string;
+    /**
+     * Gets a value that specifies whether the Crosshair cursor should show points that are out of visual range.
+     * Value: true if the out of visual range points should be shown in the Crosshair label; otherwise false.
+     */
+    showOutOfRangePoints: boolean;
+    /**
+     * Gets the identifier specifying the behavior of the selection of points shown in the crosshair label.
+     * Value: The selection behavior identifier.
+     */
+    valueSelectionMode: string;
+    /**
+     * Gets the color of a crosshair argument line.
+     * Value: A String value, specifying the color of a crosshair argument line.
+     */
+    argumentLineColor: string;
+    /**
+     * Gets the color of a crosshair value line.
+     * Value: A String value, specifying the color of a crosshair value line.
+     */
+    valueLineColor: string;
+}
+/**
+ * The chart print options storage.
+ */
+interface ASPxClientChartPrintOptions {
+    /**
+     * Gets the size mode used to print a chart.
+     */
+    GetSizeMode(): string;
+    /**
+     * Sets the size mode used to print a chart.
+     * @param sizeMode A System.String object, specifying the name of the size mode.
+     */
+    SetSizeMode(sizeMode: string): void;
+    /**
+     * Gets a value indicating that the landscape orientation will be used to print a chart.
+     */
+    GetLandscape(): boolean;
+    /**
+     * Sets a value indicating that the landscape orientation will be used to print a chart.
+     * @param landscape A Boolean value, specifying that the landscape orientation will be used to print a chart.
+     */
+    SetLandscape(landscape: boolean): void;
+    /**
+     * Gets the left margin which will be used to print a chart.
+     */
+    GetMarginLeft(): number;
+    /**
+     * Sets the left margin which will be used to print a chart.
+     * @param marginLeft A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginLeft(marginLeft: number): void;
+    /**
+     * Gets the top margin which will be used to print a chart.
+     */
+    GetMarginTop(): number;
+    /**
+     * Sets the top margin which will be used to print a chart.
+     * @param marginTop A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginTop(marginTop: number): void;
+    /**
+     * Gets the right margin which will be used to print a chart.
+     */
+    GetMarginRight(): number;
+    /**
+     * Sets the right margin which will be used to print a chart.
+     * @param marginRight A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginRight(marginRight: number): void;
+    /**
+     * Gets the bottom margin which will be used to print a chart.
+     */
+    GetMarginBottom(): number;
+    /**
+     * Sets the bottom margin which will be used to print a chart.
+     * @param marginBottom A System.Int32 value, specifying the margin in hundredths of an inch.
+     */
+    SetMarginBottom(marginBottom: number): void;
+    /**
+     * Gets the predefined size ratio of the paper which will be used to print a chart.
+     */
+    GetPaperKind(): string;
+    /**
+     * Sets the predefined size ratio of the paper which will be used to print a chart.
+     * @param paperKind A System.String object, specifying the name of a size ratio.
+     */
+    SetPaperKind(paperKind: string): void;
+    /**
+     * Gets the custom paper width which will be used to print a chart.
+     */
+    GetCustomPaperWidth(): number;
+    /**
+     * Sets the custom paper width which will be used to print a chart.
+     * @param customPaperWidth A System.Int32 object, specifying the width in hundredths of an inch.
+     */
+    SetCustomPaperWidth(customPaperWidth: number): void;
+    /**
+     * Gets the custom paper height which will be used to print a chart.
+     */
+    GetCustomPaperHeight(): number;
+    /**
+     * Sets the custom paper height which will be used to print a chart.
+     * @param customPaperHeight A System.Int32 object, specifying the height in hundredths of an inch.
+     */
+    SetCustomPaperHeight(customPaperHeight: number): void;
+    /**
+     * Gets the name of the custom paper width-height ratio used to print the chart.
+     */
+    GetCustomPaperName(): string;
+    /**
+     * Sets the name of the custom paper width-height ratio used to print a chart.
+     * @param customPaperName A String object, specifying the name of the custom paper width-height ratio.
+     */
+    SetCustomPaperName(customPaperName: string): void;
+}
+/**
+ * Represents the client-side equivalent of the CustomLegendItem class.
+ */
+interface ASPxClientCustomLegendItem extends ASPxClientWebChartElementNamed {
+    /**
+     * Returns the text displayed by the custom legend item.
+     * Value: A string value that specifies legend item text.
+     */
+    text: string;
+}
+/**
+ * The client-side equivalent of the ASPxDocumentViewer control.
+ */
+interface ASPxClientDocumentViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientDocumentViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when the value of an item within the Document Viewer's report toolbar is changed.
+     */
+    ToolbarItemValueChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs when an item within the Document Viewer's report toolbar is clicked.
+     */
+    ToolbarItemClick: ASPxClientEvent<ASPxClientEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Occurs on the client side when a report page is loaded into this ASPxClientDocumentViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientDocumentViewer>>;
+    /**
+     * Provides access to the Splitter of the ASPxClientDocumentViewer.
+     */
+    GetSplitter(): ASPxClientSplitter;
+    /**
+     * Provides access to the ASPxClientDocumentViewer's preview that exposes methods to print and export the document.
+     */
+    GetViewer(): ASPxClientReportViewer;
+    /**
+     * Provides access to the Document Viewer toolbar on the client.
+     */
+    GetToolbar(): ASPxClientReportToolbar;
+    /**
+     * Provides access to the Ribbon of the ASPxClientDocumentViewer.
+     */
+    GetRibbonToolbar(): ASPxClientRibbon;
+    /**
+     * Provides access to the parameters panel of the ASPxClientDocumentViewer.
+     */
+    GetParametersPanel(): ASPxClientReportParametersPanel;
+    /**
+     * Provides access to the document of the ASPxClientDocumentViewer.
+     */
+    GetDocumentMap(): ASPxClientReportDocumentMap;
+    /**
+     * Sets focus on the report control specified by its bookmark.
+     * @param pageIndex An integer value, specifying the page index.
+     * @param bookmarkPath A String value, specifying the path to the bookmark.
+     */
+    GotoBookmark(pageIndex: number, bookmarkPath: string): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified page index.
+     * @param pageIndex A Int32 representing the index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays the specified report page.
+     * @param pageIndex An integer value, identifying the report page.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+}
+/**
+ * A method that will handle the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventHandler<S> {
+    /**
+     * A method that will handle the ToolbarItemValueChanged event.
+     * @param source A Object that is the event source.
+     * @param e An ASPxClientToolbarItemValueChangedEventArgs object, containing the event arguments.
+     */
+    (source: S, e: ASPxClientToolbarItemValueChangedEventArgs): void;
+}
+/**
+ * Provides data for the ItemValueChanged event.
+ */
+interface ASPxClientToolbarItemValueChangedEventArgs extends ASPxClientProcessingModeEventArgs {
+    /**
+     * Gets the menu item object related to the event.
+     * Value: An ASPxClientMenuItem object, manipulations on which forced the event to be raised.
+     */
+    item: ASPxClientMenuItem;
+    /**
+     * Provides access to the toolbar's value editor on the client.
+     * Value: An ASPxClientControl descendant.
+     */
+    editor: ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ASPxQueryBuilder control.
+ */
+interface ASPxClientQueryBuilder extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientQueryBuilder.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Enables you to customize the menu actions of a Query Builder.
+     */
+    CustomizeToolbarActions: ASPxClientEvent<ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientQueryBuilderSaveCommandExecuteEventHandler<ASPxClientQueryBuilder>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientQueryBuilder properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the object model of a Query Builder.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Gets a client-side model of the currently opened query serialized to Json.
+     */
+    GetJsonQueryModel(): string;
+    /**
+     * Saves the current query.
+     */
+    Save(): void;
+    /**
+     * Invokes a Data Preview for the current query.
+     */
+    ShowPreview(): void;
+    /**
+     * Specifies whether or not the current query is a valid SQL string.
+     */
+    IsQueryValid(): boolean;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientQueryBuilderSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientQueryBuilderSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientQueryBuilderSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomizeToolbarActions event.
+ */
+interface ASPxClientQueryBuilderCustomizeToolbarActionsEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * The client-side equivalent of the Web Report Designer control.
+ */
+interface ASPxClientReportDesigner extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientReportDesigner.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs when executing the Save command on the client.
+     */
+    SaveCommandExecute: ASPxClientEvent<ASPxClientReportDesignerSaveCommandExecuteEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Enables you to customize the menu actions of a Web Report Designer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientReportDesignerCustomizeMenuActionsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Occurs on the client side when the Report Designer is being closed.
+     */
+    ExitDesigner: ASPxClientEvent<ASPxClientReportDesignerExitDesignerEventHandler<ASPxClientReportDesigner>>;
+    /**
+     * Sends a callback to the server with the specified argument.
+     * @param arg A String value, specifying the callback argument.
+     */
+    PerformCallback(arg: string): void;
+    /**
+     * Sends a callback to the server and generates the server-side event, passing it the specified argument.
+     * @param arg A string value that represents any information that needs to be sent to the server-side event.
+     * @param onSuccess A client action to perform if the server round-trip completed successfully.
+     */
+    PerformCallback(arg: string, onSuccess: (arg1: string) => void): void;
+    /**
+     * Updates the localization settings of the ASPxClientReportDesigner properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+    /**
+     * Returns the object model of a Web Report Designer.
+     */
+    GetDesignerModel(): Object;
+    /**
+     * Gets a client-side model of the currently opened report serialized to Json.
+     */
+    GetJsonReportModel(): string;
+    /**
+     * Returns serialization information for the specific property of the specific control type.
+     * @param controlType A string that identifies the name of the control type for which serialization information is to be returned.
+     * @param propertyDisplayName A string that identifies the name of the property for which serialization information is to be returned.
+     */
+    GetPropertyInfo(controlType: string, propertyDisplayName: string): ASPxDesignerElementSerializationInfo;
+    /**
+     * Indicates whether or not the current ASPxClientReportDesigner instance has been modified.
+     */
+    IsModified(): boolean;
+    /**
+     * Resets the value returned by the IsModified method.
+     */
+    ResetIsModified(): void;
+}
+/**
+ * A method that will handle the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventHandler<S> {
+    /**
+     * A method that will handle the SaveCommandExecute event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerSaveCommandExecuteEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerSaveCommandExecuteEventArgs): void;
+}
+/**
+ * Provides data for the SaveCommandExecute event.
+ */
+interface ASPxClientReportDesignerSaveCommandExecuteEventArgs extends ASPxClientEventArgs {
+    /**
+     * Specifies whether or not the event was handled.
+     * Value: true if the event was handled and default processing should not occur; false if the event should be handled using default processing.
+     */
+    handled: boolean;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientReportDesignerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * Provides data for the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventArgs extends ASPxClientEventArgs {
+}
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientReportDesignerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the ExitDesigner event.
+ */
+interface ASPxClientReportDesignerExitDesignerEventHandler<S> {
+    /**
+     * A method that will handle the ExitDesigner event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportDesignerExitDesignerEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportDesignerExitDesignerEventArgs): void;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Document Map.
+ */
+interface ASPxClientReportDocumentMap extends ASPxClientControl {
+    /**
+     * Occurs after the content of the Document Viewer's document map is updated.
+     */
+    ContentChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientReportDocumentMap>>;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's Parameters Panel.
+ */
+interface ASPxClientReportParametersPanel extends ASPxClientControl {
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param parametersInfo An array of ASPxClientReportParameterInfo values specifying parameters and values to assign.
+     */
+    AssignParameters(parametersInfo: ASPxClientReportParameterInfo[]): void;
+    /**
+     * Assigns a value to a parameter of the report displayed in the document viewer.
+     * @param path A System.String specifying the parameter's path.
+     * @param value An object specifying the parameter value.
+     */
+    AssignParameter(path: string, value: Object): void;
+    /**
+     * Returns an array storing the names of parameters available in a report.
+     */
+    GetParameterNames(): string[];
+    /**
+     * Returns a value editor that is associated with a parameter with the specified name.
+     * @param parameterName A String value, specifying the parameter name.
+     */
+    GetEditorByParameterName(parameterName: string): ASPxClientControl;
+}
+/**
+ * Provides information about a report parameter on the client side.
+ */
+interface ASPxClientReportParameterInfo {
+    /**
+     * Specifies the parameter path, relative to its parent container (e.g., "subreport1.subreportParameter1" for a subreport's parameter, or "parameter1" for a report's parameter).
+     * Value: A String value, specifying the parameter path (e.g., "subreport1.subreportParameter1").
+     */
+    Path: string;
+    /**
+     * Provides access to a parameter value on the client.
+     * Value: A Object value.
+     */
+    Value: Object;
+}
+/**
+ * The client-side equivalent of the ASPxClientDocumentViewer control's toolbar.
+ */
+interface ASPxClientReportToolbar extends ASPxClientControl {
+    /**
+     * Provides access to the control template assigned for the specified menu item.
+     * @param name A String value, specifying the menu item name.
+     */
+    GetItemTemplateControl(name: string): ASPxClientControl;
+}
+/**
+ * The client-side equivalent of the ReportViewer.
+ */
+interface ASPxClientReportViewer extends ASPxClientControl {
+    /**
+     * Occurs when a callback for server-side processing is initiated.
+     */
+    BeginCallback: ASPxClientEvent<ASPxClientBeginCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client after a callback's server-side processing has been completed.
+     */
+    EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Fires on the client if any server error occurs during server-side processing of a callback sent by the ASPxClientReportViewer.
+     */
+    CallbackError: ASPxClientEvent<ASPxClientCallbackErrorEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Occurs on the client side when another report page is loaded into this ASPxClientReportViewer instance.
+     */
+    PageLoad: ASPxClientEvent<ASPxClientReportViewerPageLoadEventHandler<ASPxClientReportViewer>>;
+    /**
+     * Submits the values of the specified parameters.
+     * @param parameters A dictionary containing the parameter names, along with their Object values.
+     */
+    SubmitParameters(parameters: { [key: string]: Object; }): void;
+    /**
+     * Prints a report shown in the ReportViewer.
+     */
+    Print(): void;
+    /**
+     * Prints a report page with the specified page index.
+     * @param pageIndex An integer value which specifies an index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Displays a report page with the specified page index in the ReportViewer.
+     * @param pageIndex An integer value which specifies the index of a page to be displayed.
+     */
+    GotoPage(pageIndex: number): void;
+    /**
+     * Initiates a round trip to the server so that the current page will be reloaded.
+     */
+    Refresh(): void;
+    /**
+     * Invokes the Search dialog, which allows end-users to search for specific text in a report.
+     */
+    Search(): void;
+    /**
+     * Exports a report to a file of the specified format, and shows it in a new Web Browser window.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToWindow(format: string): void;
+    /**
+     * Exports a report to a file of the specified format, and saves it to the disk.
+     * @param format A string specifying the format, to which a report should be exported.
+     */
+    SaveToDisk(format: string): void;
+    /**
+     * Gets a value indicating whether or not searching text across a report is permitted in the web browser.
+     */
+    IsSearchAllowed(): boolean;
+}
+/**
+ * A method that will handle the PageLoad events.
+ */
+interface ASPxClientReportViewerPageLoadEventHandler<S> {
+    /**
+     * A method that will handle the PageLoad event.
+     * @param source The event sender.
+     * @param e An ASPxClientReportViewerPageLoadEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientReportViewerPageLoadEventArgs): void;
+}
+/**
+ * Provides data for the PageLoad events on the client side.
+ */
+interface ASPxClientReportViewerPageLoadEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets a value specifying a zero-based index of a page to be displayed in a report viewer.
+     * Returns: $
+     */
+    PageIndex: number;
+    /**
+     * Gets a value specifying the total number of pages displayed in a report viewer.
+     * Returns: $
+     */
+    PageCount: number;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the first page of a report.
+     */
+    IsFirstPage(): boolean;
+    /**
+     * Gets a value indicating whether a report page, which is currently loaded into the ASPxClientReportViewer, is the last page of a report.
+     */
+    IsLastPage(): boolean;
+}
+/**
+ * Provides data for the CustomizeParameterEditors events.
+ */
+interface ASPxClientCustomizeParameterEditorsEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to an object that stores information required to serialize a parameter editor.
+     * Value: An ASPxDesignerElementSerializationInfo object.
+     */
+    info: ASPxDesignerElementSerializationInfo;
+}
+/**
+ * Provides data for the CustomizeParameterLookUpSource events.
+ */
+interface ASPxClientCustomizeParameterLookUpSourceEventArgs extends ASPxClientEventArgs {
+    /**
+     * Provides access to an object that stores information about a parameter.
+     * Value: An ASPxDesignerElementParameterDescriptor object that stores information about the parameter.
+     */
+    parameter: ASPxDesignerElementParameterDescriptor;
+    /**
+     * Provides access to the collection of look-up parameter values.
+     * Value: An array of ASPxDesignerElementEditorItem objects that store information about look-up parameter values.
+     */
+    items: ASPxDesignerElementEditorItem[];
+    /**
+     * Specifies the data source that provides look-up values for the parameter editor.
+     * Value: An Object specifying the data source that provides look-up values to the parameter editor.
+     */
+    dataSource: Object;
+}
+interface ASPxClientCustomizeMenuActionsEventArgs extends ASPxClientEventArgs {
+    Actions: ASPxClientMenuAction[];
+    GetById(actionId: string): ASPxClientMenuAction;
+}
+interface ASPxClientMenuAction {
+    text: string;
+    imageClassName: string;
+    clickAction: Function;
+    disabled: boolean;
+    visible: boolean;
+    hotKey: ASPxClientMenuActionHotKey;
+    hasSeparator: string;
+    container: string;
+}
+interface ASPxClientMenuActionHotKey {
+    keyCode: number;
+    ctrlKey: boolean;
+}
+/**
+ * Provides general information about a report parameter.
+ */
+interface ASPxDesignerElementParameterDescriptor {
+    /**
+     * Provides access to the parameter description.
+     * Value: A String value, specifying the parameter description.
+     */
+    description: string;
+    /**
+     * Provides access to the parameter name.
+     * Value: A String value, specifying the parameter name.
+     */
+    name: string;
+    /**
+     * Provides access to the parameter type.
+     * Value: A String value, specifying the parameter type.
+     */
+    type: string;
+    /**
+     * Provides access to the parameter value.
+     * Value: A Object, specifying the parameter value.
+     */
+    value: Object;
+    /**
+     * Provides access to the parameter visibility state.
+     * Value: true if the parameter is visible; otherwise false.
+     */
+    visible: boolean;
+}
+/**
+ * Provides information required to serialize an element.
+ */
+interface ASPxDesignerElementSerializationInfo {
+    /**
+     * Gets the property name that will be used in the model to store the property value.
+     * Value: A String value.
+     */
+    propertyName: string;
+    /**
+     * Gets the property name in the model that is displayed in the Property grid.
+     * Value: A String value.
+     */
+    displayName: string;
+    /**
+     * Gets the property name that will be used during serialization to store the property value.
+     * Value: A String value.
+     */
+    modelName: string;
+    /**
+     * Gets the default property value used for serialization.
+     * Value: A Object value.
+     */
+    defaultVal: Object;
+    /**
+     * Gets the information about a complex object's content.
+     * Value: An array of ASPxDesignerElementSerializationInfo objects.
+     */
+    info: ASPxDesignerElementSerializationInfo[];
+    /**
+     * Gets a value indicating whether or not the property returns an array.
+     * Value: true if the property returns an array; otherwise false.
+     */
+    array: boolean;
+    /**
+     * Gets a value indicating whether an object should be serialized to the ComponentStorage property.
+     * Value: true to serialize an object to the ObjectStorage; otherwise false.
+     */
+    link: boolean;
+    /**
+     * Gets a value specifying the type of value editor for the Property Grid.
+     * Value: An ASPxDesignerElementEditor object.
+     */
+    editor: ASPxDesignerElementEditor;
+    /**
+     * Gets the collection of values displayed in the Property grid.
+     * Value: An array of ASPxDesignerElementEditorItem objects.
+     */
+    valuesArray: ASPxDesignerElementEditorItem[];
+    /**
+     * Gets the rules for validating the property value entered into its editor.
+     * Value: An array of Object values.
+     */
+    validationRules: Object[];
+    /**
+     * Gets the visibility state of the value editor in the Property Grid.
+     * Value: A Object value.
+     */
+    visible: Object;
+    /**
+     * Gets a value, indicating whether or not the property value can be edited.
+     * Value: true to disable the property editing; otherwise false.
+     */
+    disabled: Object;
+}
+/**
+ * Provides information about a serialized property's value editor used in the Property Grid.
+ */
+interface ASPxDesignerElementEditor {
+    /**
+     * Gets the name of an HTML template specifying the editor and header of a complex object (i.e., an object having its content properties specified).
+     * Value: A String value.
+     */
+    header: string;
+    /**
+     * Gets a nullable value, specifying the name of an HTML template used by a complex object's editor.
+     * Value: A String value.
+     */
+    content: string;
+    extendedOptions: Object;
+    /**
+     * Gets a nullable value, specifying the type of the editor's model.
+     * Value: A Object value.
+     */
+    editorType: Object;
+}
+/**
+ * Provides information about property values.
+ */
+interface ASPxDesignerElementEditorItem {
+    /**
+     * Gets an actual property value.
+     * Value: A Object value.
+     */
+    value: Object;
+    /**
+     * Gets a value displayed by a property editor.
+     * Value: A String value.
+     */
+    displayValue: string;
+}
+/**
+ * A client-side equivalent of the ASPxWebDocumentViewer class.
+ */
+interface ASPxClientWebDocumentViewer extends ASPxClientControl {
+    /**
+     * Enables you to customize the menu actions of a Web Document Viewer.
+     */
+    CustomizeMenuActions: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a standard editor is created for a report parameter based on a parameter type.
+     */
+    CustomizeParameterEditors: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Occurs each time a look-up editor is created for a report parameter.
+     */
+    CustomizeParameterLookUpSource: ASPxClientEvent<ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<ASPxClientWebDocumentViewer>>;
+    /**
+     * Provides access to the preview model of the ASPxClientWebDocumentViewer.
+     */
+    GetPreviewModel(): Object;
+    /**
+     * Opens the specified report in the HTML5 Document Viewer.
+     */
+    OpenReport(): Object;
+    /**
+     * Prints the current document.
+     */
+    Print(): void;
+    /**
+     * Prints the document's page with the specified index.
+     * @param pageIndex An index of the page to be printed.
+     */
+    Print(pageIndex: number): void;
+    /**
+     * Exports the document to a PDF file.
+     */
+    ExportTo(): void;
+    /**
+     * Exports the document to a specified file format.
+     * @param format A String value, specifying the export format. The following formats are currently supported: 'csv', 'html', 'image', 'mht', 'pdf', 'rtf', 'txt', 'xls', and 'xlsx'.
+     */
+    ExportTo(format: string): void;
+    /**
+     * Updates the localization settings of the ASPxClientWebDocumentViewer properties.
+     * @param localization A dictionary containing the property names, along with their localized equivalents.
+     */
+    UpdateLocalization(localization: { [key: string]: string; }): void;
+}
+/**
+ * A method that will handle the CustomizeMenuActions event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeMenuActionsEventHandler<S> {
+    /**
+     * 
+     * @param source 
+     * @param e 
+     */
+    (source: S, e: ASPxClientCustomizeMenuActionsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterEditors event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterEditorsEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterEditors event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterEditorsEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterEditorsEventArgs): void;
+}
+/**
+ * A method that will handle the CustomizeParameterLookUpSource event.
+ */
+interface ASPxClientWebDocumentViewerCustomizeParameterLookUpSourceEventHandler<S> {
+    /**
+     * A method that will handle the CustomizeParameterLookUpSource event.
+     * @param source The event sender.
+     * @param e An ASPxClientCustomizeParameterLookUpSourceEventArgs object that contains data related to the event.
+     */
+    (source: S, e: ASPxClientCustomizeParameterLookUpSourceEventArgs): void;
+}
+
+interface MVCxClientDashboardViewerStatic extends ASPxClientDashboardViewerStatic {
+}
+interface DashboardDataAxisNamesStatic {
+    /**
+     * Identifies a default axis in all data-bound dashboard items.
+     */
+    DefaultAxis: string;
+    /**
+     * Identifies a series axis in a chart and pie.
+     */
+    ChartSeriesAxis: string;
+    /**
+     * Identifies an argument axis in a chart, scatter chart and pie.
+     */
+    ChartArgumentAxis: string;
+    /**
+     * Identifies a sparkline axis in a grid and cards.
+     */
+    SparklineAxis: string;
+    /**
+     * Identifies a pivot column axis.
+     */
+    PivotColumnAxis: string;
+    /**
+     * Identifies a pivot row axis.
+     */
+    PivotRowAxis: string;
+}
+interface DashboardSpecialValuesStatic {
+    /**
+     * Represents a null value.
+     */
+    NullValue: string;
+    /**
+     * Represents a null value in OLAP mode.
+     */
+    OlapNullValue: string;
+    /**
+     * Represents an Others value.
+     */
+    OthersValue: string;
+    /**
+     * Represents an error value for calculated fields.
+     */
+    ErrorValue: string;
+    /**
+     * Returns whether or not the specified value is an NullValue.
+     * @param value The specified value.
+     */
+    IsNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OlapNullValue.
+     * @param value The specified value.
+     */
+    IsOlapNullValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an OthersValue.
+     * @param value The specified value.
+     */
+    IsOthersValue(value: Object): boolean;
+    /**
+     * Returns whether or not the specified value is an ErrorValue.
+     * @param value The specified value.
+     */
+    IsErrorValue(value: Object): boolean;
+}
+interface DashboardExportPageLayoutStatic {
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is portrait.
+     */
+    Portrait: string;
+    /**
+     * The page orientation used to export a dashboard (dashboard item) is landscape.
+     */
+    Landscape: string;
+}
+interface DashboardExportPaperKindStatic {
+    /**
+     * Letter paper (8.5 in. by 11 in.).
+     */
+    Letter: string;
+    /**
+     * Legal paper (8.5 in. by 14 in.).
+     */
+    Legal: string;
+    /**
+     * Executive paper (7.25 in. by 10.5 in.).
+     */
+    Executive: string;
+    /**
+     * A5 paper (148 mm by 210 mm).
+     */
+    A5: string;
+    /**
+     * A4 paper (210 mm by 297 mm).
+     */
+    A4: string;
+    /**
+     * A3 paper (297 mm by 420 mm).
+     */
+    A3: string;
+}
+interface DashboardExportScaleModeStatic {
+    /**
+     * The dashboard (dashboard item) on the exported page retains its original size.
+     */
+    None: string;
+    /**
+     * The size of the dashboard (dashboard item) on the exported page is changed according to the scale factor value.
+     */
+    UseScaleFactor: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed according to the width of the exported page.
+     */
+    AutoFitToPageWidth: string;
+    /**
+     * The size of the dashboard (dashboard item) is changed to fit its content on a single page.
+     */
+    AutoFitWithinOnePage: string;
+}
+interface DashboardExportFilterStateStatic {
+    /**
+     * The filter state is not included in the exported document.
+     */
+    None: string;
+    /**
+     * The filter state is placed below the dashboard (dashboard item) in the exported document.
+     */
+    Below: string;
+    /**
+     * The filter state is placed on a separate page in the exported document.
+     */
+    SeparatePage: string;
+}
+interface DashboardExportImageFormatStatic {
+    /**
+     * The PNG image format.
+     */
+    Png: string;
+    /**
+     * The GIF image format.
+     */
+    Gif: string;
+    /**
+     * The JPG image format.
+     */
+    Jpg: string;
+}
+interface DashboardExportExcelFormatStatic {
+    /**
+     * The Excel 97 - Excel 2003 (XLS) file format.
+     */
+    Xls: string;
+    /**
+     * The Office Excel 2007 XML-based (XLSX) file format.
+     */
+    Xlsx: string;
+    /**
+     * A comma-separated values (CSV) file format.
+     */
+    Csv: string;
+}
+interface ChartExportSizeModeStatic {
+    /**
+     * A chart dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A chart dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A chart dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface MapExportSizeModeStatic {
+    /**
+     * A map dashboard item is exported in a size identical to that shown on the dashboard
+     */
+    None: string;
+    /**
+     * A map dashboard item is resized proportionally to best fit the exported page.
+     */
+    Zoom: string;
+}
+interface RangeFilterExportSizeModeStatic {
+    /**
+     * A Range Filter dashboard item is exported in a size identical to that shown on the dashboard.
+     */
+    None: string;
+    /**
+     * A Range Filter dashboard item is stretched or shrunk to fit the page to which it is exported.
+     */
+    Stretch: string;
+    /**
+     * A Range Filter dashboard item is resized proportionally to best fit the printed page.
+     */
+    Zoom: string;
+}
+interface DashboardSelectionModeStatic {
+    None: string;
+    Single: string;
+    Multiple: string;
+}
+interface ASPxClientDashboardStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDashboardViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDashboardViewer;
+}
+interface ASPxClientEditBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientEditStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Assigns a null value to all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container, and belonging to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearEditorsInContainer(container: Object, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors located within a specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ClearEditorsInContainer(container: Object): void;
+    /**
+     * Assigns a null value to all editors which are located within the specified container object, and belonging to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified container and group; false to clear only visible editors.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object, and belonging to a specific validation group.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value specifying the validatiion group's name.
+     */
+    ClearEditorsInContainerById(containerId: string, validationGroup: string): void;
+    /**
+     * Assigns a null value to all visible editors that are located within the specified container object.
+     * @param containerId A string value specifying the editor container's identifier.
+     */
+    ClearEditorsInContainerById(containerId: string): void;
+    /**
+     * Assigns a null value to all editors which belong to a specific validation group, dependent on the visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param clearInvisibleEditors true to clear both visible and invisible editors that belong to the specified validation group; false to clear only visible editors.
+     */
+    ClearGroup(validationGroup: string, clearInvisibleEditors: boolean): void;
+    /**
+     * Assigns a null value to all visible editors which belong to a specific validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ClearGroup(validationGroup: string): void;
+    /**
+     * Performs validation of all editors in a specified visibility state, which are located within a specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainer(container: Object, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    ValidateEditorsInContainer(container: Object): boolean;
+    /**
+     * Performs validation of the editors which are located within the specified container and belong to a specific validation group, dependent on the visibility state specified.
+     * @param containerId A string value specifying the editor container's identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified container and group; false to validate only visible editors.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors that are located within the specified container and belong to a specific validation group.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    ValidateEditorsInContainerById(containerId: string, validationGroup: string): boolean;
+    /**
+     * Performs validation of visible editors which are located within the specified container.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    ValidateEditorsInContainerById(containerId: string): boolean;
+    /**
+     * Performs validation of editors contained within the specified validation group, dependent on the editor visibility state specified.
+     * @param validationGroup A string value specifying the validation group's name.
+     * @param validateInvisibleEditors true to validate both visible and invisible editors that belong to the specified validation group; false to validate only visible editors.
+     */
+    ValidateGroup(validationGroup: string, validateInvisibleEditors: boolean): boolean;
+    /**
+     * Performs validation of visible editors contained within the specified validation group.
+     * @param validationGroup A string value specifying the validation group's name.
+     */
+    ValidateGroup(validationGroup: string): boolean;
+    /**
+     * Verifies whether the editors in a specified visibility state, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(container: Object, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors, which are located within a specified container and belong to a specific validation group, are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(container: Object, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors located in a specified container are valid.
+     * @param container An HTML element specifying the container of editors to be validated.
+     */
+    AreEditorsValid(container: Object): boolean;
+    /**
+     * Verifies whether the editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     * @param checkInvisibleEditors true to check both visible and invisible editors that belong to the specified container; false to check only visible editors.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string, checkInvisibleEditors: boolean): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     * @param validationGroup A string value that specifies the validation group's name.
+     */
+    AreEditorsValid(containerId: string, validationGroup: string): boolean;
+    /**
+     * Verifies whether visible editors with the specified settings are valid.
+     * @param containerId A string value that specifies the container's unique identifier.
+     */
+    AreEditorsValid(containerId: string): boolean;
+    /**
+     * Verifies whether visible editors on a page are valid.
+     */
+    AreEditorsValid(): boolean;
+}
+interface ASPxClientBinaryImageStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientBinaryImage;
+}
+interface ASPxClientButtonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButton;
+}
+interface ASPxClientCalendarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCalendar;
+}
+interface ASPxClientCaptchaStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCaptcha;
+}
+interface ASPxClientCheckBoxStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBox;
+}
+interface ASPxClientRadioButtonStatic extends ASPxClientCheckBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButton;
+}
+interface ASPxClientTextEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientTextBoxBaseStatic extends ASPxClientTextEditStatic {
+}
+interface ASPxClientButtonEditBaseStatic extends ASPxClientTextBoxBaseStatic {
+}
+interface ASPxClientDropDownEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientColorEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientColorEdit;
+}
+interface ASPxClientComboBoxStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientComboBox;
+}
+interface ASPxClientDateEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDateEdit;
+}
+interface ASPxClientDropDownEditStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDropDownEdit;
+}
+interface ASPxClientFilterControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFilterControl;
+}
+interface ASPxClientListEditStatic extends ASPxClientEditStatic {
+}
+interface ASPxClientListBoxStatic extends ASPxClientListEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientListBox;
+}
+interface ASPxClientCheckListBaseStatic extends ASPxClientListEditStatic {
+}
+interface ASPxClientRadioButtonListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRadioButtonList;
+}
+interface ASPxClientCheckBoxListStatic extends ASPxClientCheckListBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCheckBoxList;
+}
+interface ASPxClientProgressBarStatic extends ASPxClientEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientProgressBar;
+}
+interface ASPxClientSpinEditBaseStatic extends ASPxClientButtonEditBaseStatic {
+}
+interface ASPxClientSpinEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpinEdit;
+}
+interface ASPxClientTimeEditStatic extends ASPxClientSpinEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimeEdit;
+}
+interface ASPxClientStaticEditStatic extends ASPxClientEditBaseStatic {
+}
+interface ASPxClientHyperLinkStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHyperLink;
+}
+interface ASPxClientImageBaseStatic extends ASPxClientStaticEditStatic {
+}
+interface ASPxClientImageStatic extends ASPxClientImageBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImage;
+}
+interface ASPxClientLabelStatic extends ASPxClientStaticEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLabel;
+}
+interface ASPxClientTextBoxStatic extends ASPxClientTextBoxBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTextBox;
+}
+interface ASPxClientMemoStatic extends ASPxClientTextEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMemo;
+}
+interface ASPxClientButtonEditStatic extends ASPxClientButtonEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientButtonEdit;
+}
+interface ASPxClientTokenBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTokenBox;
+}
+interface ASPxClientTrackBarStatic extends ASPxClientEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTrackBar;
+}
+interface ASPxClientValidationSummaryStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGaugeControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGaugeControl;
+}
+interface ASPxClientGridBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientGridViewCallbackCommandStatic {
+    /**
+     * Default value: "NEXTPAGE"
+     */
+    NextPage: string;
+    /**
+     * Default value: "PREVPAGE"
+     */
+    PreviousPage: string;
+    /**
+     * Default value: "GOTOPAGE"
+     */
+    GotoPage: string;
+    /**
+     * Default value: "SELECTROWS"
+     */
+    SelectRows: string;
+    /**
+     * Default value: "SELECTROWSKEY"
+     */
+    SelectRowsKey: string;
+    /**
+     * Default value: "SELECTION"
+     */
+    Selection: string;
+    /**
+     * Default value: "FOCUSEDROW"
+     */
+    FocusedRow: string;
+    /**
+     * Default value: "GROUP"
+     */
+    Group: string;
+    /**
+     * Default value: "UNGROUP"
+     */
+    UnGroup: string;
+    /**
+     * Default value: "SORT"
+     */
+    Sort: string;
+    /**
+     * Default value: "COLUMNMOVE"
+     */
+    ColumnMove: string;
+    /**
+     * Default value: "COLLAPSEALL"
+     */
+    CollapseAll: string;
+    /**
+     * Default value: "EXPANDALL"
+     */
+    ExpandAll: string;
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+    /**
+     * Default value: "COLLAPSEROW"
+     */
+    CollapseRow: string;
+    /**
+     * Default value: "HIDEALLDETAIL"
+     */
+    HideAllDetail: string;
+    /**
+     * Default value: "SHOWALLDETAIL"
+     */
+    ShowAllDetail: string;
+    /**
+     * Default value: "SHOWDETAILROW"
+     */
+    ShowDetailRow: string;
+    /**
+     * Default value: "HIDEDETAILROW"
+     */
+    HideDetailRow: string;
+    /**
+     * Default value: "PAGERONCLICK"
+     */
+    PagerOnClick: string;
+    /**
+     * Default value: "APPLYFILTER"
+     */
+    ApplyFilter: string;
+    /**
+     * Default value: "APPLYCOLUMNFILTER"
+     */
+    ApplyColumnFilter: string;
+    /**
+     * Default value: "APPLYMULTICOLUMNFILTER"
+     */
+    ApplyMultiColumnFilter: string;
+    /**
+     * Default value: "APPLYHEADERCOLUMNFILTER"
+     */
+    ApplyHeaderColumnFilter: string;
+    /**
+     * Default value: "APPLYSEARCHPANELFILTER"
+     */
+    ApplySearchPanelFilter: string;
+    /**
+     * Default value: "FILTERROWMENU"
+     */
+    FilterRowMenu: string;
+    /**
+     * Default value: "STARTEDIT"
+     */
+    StartEdit: string;
+    /**
+     * Default value: "CANCELEDIT"
+     */
+    CancelEdit: string;
+    /**
+     * Default value: "UPDATEEDIT"
+     */
+    UpdateEdit: string;
+    /**
+     * Default value: "ADDNEWROW"
+     */
+    AddNewRow: string;
+    /**
+     * Default value: "DELETEROW"
+     */
+    DeleteRow: string;
+    /**
+     * Default value: "CUSTOMBUTTON"
+     */
+    CustomButton: string;
+    /**
+     * Default value: "CUSTOMCALLBACK"
+     */
+    CustomCallback: string;
+    /**
+     * Default value: "SHOWFILTERCONTROL"
+     */
+    ShowFilterControl: string;
+    /**
+     * Default value: "CLOSEFILTERCONTROL"
+     */
+    CloseFilterControl: string;
+    /**
+     * Default value: "SETFILTERENABLED"
+     */
+    SetFilterEnabled: string;
+    /**
+     * Default value: "REFRESH"
+     */
+    Refresh: string;
+    /**
+     * Default value: "SELFIELDVALUES"
+     */
+    SelFieldValues: string;
+    /**
+     * Default value: "ROWVALUES"
+     */
+    RowValues: string;
+    /**
+     * Default value: "PAGEROWVALUES"
+     */
+    PageRowValues: string;
+    /**
+     * Default value: "FILTERPOPUP"
+     */
+    FilterPopup: string;
+    /**
+     * Default value: "CONTEXTMENU"
+     */
+    ContextMenu: string;
+    /**
+     * Default value: "CUSTOMVALUES"
+     */
+    CustomValues: string;
+}
+interface ASPxClientGridLookupStatic extends ASPxClientDropDownEditBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridLookup;
+}
+interface ASPxClientCardViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCardView;
+}
+interface ASPxClientGridViewStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientGridView;
+}
+interface ASPxClientVerticalGridStatic extends ASPxClientGridBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientVerticalGrid;
+}
+interface ASPxClientVerticalGridCallbackCommandStatic {
+    /**
+     * Default value: "EXPANDROW"
+     */
+    ExpandRow: string;
+}
+interface ASPxClientCommandConstsStatic {
+    /**
+     * Identifies a command that shows a search panel.
+     * Value: "showsearchpanel"
+     */
+    SHOWSEARCHPANEL_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Find and Replace dialog.
+     * Value: "findandreplacedialog"
+     */
+    FINDANDREPLACE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that applies the bold text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "bold"
+     */
+    BOLD_COMMAND: string;
+    /**
+     * Identifies a command that makes the selected text italic or regular type depending on the current state.
+     * Value: "italic"
+     */
+    ITALIC_COMMAND: string;
+    /**
+     * Identifies a command that applies the underline text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "underline"
+     */
+    UNDERLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the strike through text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "strikethrough"
+     */
+    STRIKETHROUGH_COMMAND: string;
+    /**
+     * Identifies a command that applies the superscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "superscript"
+     */
+    SUPERSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that applies the subscript text formatting to the selected text. If it's already applied, cancels it.
+     * Value: "subscript"
+     */
+    SUBSCRIPT_COMMAND: string;
+    /**
+     * Identifies a command that centers the content of the currently focused paragraph.
+     * Value: "justifycenter"
+     */
+    JUSTIFYCENTER_COMMAND: string;
+    /**
+     * Identifies a command that left justifies the content of the currently focused paragraph.
+     * Value: "justifyleft"
+     */
+    JUSTIFYLEFT_COMMAND: string;
+    /**
+     * Identifies a command that creates an indent for the selected paragarph.
+     * Value: "indent"
+     */
+    INDENT_COMMAND: string;
+    /**
+     * Identifies a command that creates an outdent for the focused paragarph.
+     * Value: "outdent"
+     */
+    OUTDENT_COMMAND: string;
+    /**
+     * Identifies a command that right justifies the content of the currently focused paragraph.
+     * Value: "justifyright"
+     */
+    JUSTIFYRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that fully justifies the content of the currently focused paragraph (aligned with both the left and right margines).
+     * Value: "justifyfull"
+     */
+    JUSTIFYFULL_COMMAND: string;
+    /**
+     * Identifies a command that changes the size of the selected text.
+     * Value: "fontsize"
+     */
+    FONTSIZE_COMMAND: string;
+    /**
+     * Identifies a command that changes the font of the selected text.
+     * Value: "fontname"
+     */
+    FONTNAME_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a fore color pickers and sets the selected text fore color.
+     * Value: "forecolor"
+     */
+    FONTCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that changes the color of a back color pickers and sets the selected text back color.
+     * Value: "backcolor"
+     */
+    BACKCOLOR_COMMAND: string;
+    /**
+     * Identifies a command that wraps the selected paragraph in the specified html tag.
+     * Value: "formatblock"
+     */
+    FORMATBLOCK_COMMAND: string;
+    /**
+     * Identifies a command that wraps the currently selected text content in a specific html tag with a css class assigned to it.
+     * Value: "applycss"
+     */
+    APPLYCSS_COMMAND: string;
+    /**
+     * Identifies a command that removes all formatting from the selected content.
+     * Value: "removeformat"
+     */
+    REMOVEFORMAT_COMMAND: string;
+    /**
+     * Identifies a command that cancels the last action.
+     * Value: "undo"
+     */
+    UNDO_COMMAND: string;
+    /**
+     * Identifies a command that returns a previously canceled action.
+     * Value: "redo"
+     */
+    REDO_COMMAND: string;
+    /**
+     * Identifies a command that copies the selected content.
+     * Value: "copy"
+     */
+    COPY_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard at the current cursor position.
+     * Value: "paste"
+     */
+    PASTE_COMMAND: string;
+    /**
+     * Identifies a command that pastes a specified content taking into account that it was copied from Word.
+     * Value: "pastefromword"
+     */
+    PASTEFROMWORD_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Paste from Word dialog.
+     * Value: "pastefromworddialog"
+     */
+    PASTEFROMWORDDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that cuts the selected content.
+     * Value: "cut"
+     */
+    CUT_COMMAND: string;
+    /**
+     * Identifies a command that selects all content inside the html editor.
+     * Value: "selectall"
+     */
+    SELECT_ALL: string;
+    /**
+     * Identifies a command that deletes the selected content.
+     * Value: "delete"
+     */
+    DELETE_COMMAND: string;
+    /**
+     * Identifies a command that can be used to correctly insert HTML code into the editor.
+     * Value: "pastehtml"
+     */
+    PASTEHTML_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new ordered list.
+     * Value: "insertorderedlist"
+     */
+    INSERTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new unordered list.
+     * Value: "insertunorderedlist"
+     */
+    INSERTUNORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that restarts the current ordered list.
+     * Value: "restartorderedlist"
+     */
+    RESTARTORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that continues a disrupted ordered list.
+     * Value: "continueorderedlist"
+     */
+    CONTINUEORDEREDLIST_COMMAND: string;
+    /**
+     * Identifies a command that removes a hyperlink from the selected text or image.
+     * Value: "unlink"
+     */
+    UNLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new hyperlink.
+     * Value: "insertlink"
+     */
+    INSERTLINK_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new image.
+     * Value: "insertimage"
+     */
+    INSERTIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected image.
+     * Value: "changeimage"
+     */
+    CHANGEIMAGE_COMMAND: string;
+    /**
+     * Identifies a command that initiates spell checking.
+     * Value: "checkspelling"
+     */
+    CHECKSPELLING_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Image dialog.
+     * Value: "insertimagedialog"
+     */
+    INSERTIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Image dialog.
+     * Value: "changeimagedialog"
+     */
+    CHANGEIMAGE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Link dialog.
+     * Value: "insertlinkdialog"
+     */
+    INSERTLINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Link dialog.
+     * Value: "changelinkdialog"
+     */
+    CHANGELINK_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Table dialog.
+     * Value: "inserttabledialog"
+     */
+    INSERTTABLE_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Table Properties dialog.
+     * Value: "tablepropertiesdialog"
+     */
+    TABLEPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Cell Properties dialog.
+     * Value: "tablecellpropertiesdialog"
+     */
+    TABLECELLPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Column Properties dialog.
+     * Value: "tablecolumnpropertiesdialog"
+     */
+    TABLECOLUMNPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Row Properties dialog.
+     * Value: "tablerowpropertiesdialog"
+     */
+    TABLEROWPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes a default browser Print dialog, allowing an end-user to print the content of the html editor.
+     * Value: "print"
+     */
+    PRINT_COMMAND: string;
+    /**
+     * Identifies a command that toggles the full-screen mode.
+     * Value: "fullscreen"
+     */
+    FULLSCREEN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new table.
+     * Value: "inserttable"
+     */
+    INSERTTABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table.
+     * Value: "changetable"
+     */
+    CHANGETABLE_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table cell.
+     * Value: "changetablecell"
+     */
+    CHANGETABLECELL_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table row.
+     * Value: "changetablerow"
+     */
+    CHANGETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected table column.
+     * Value: "changetablecolumn"
+     */
+    CHANGETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table.
+     * Value: "deletetable"
+     */
+    DELETETABLE_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table row.
+     * Value: "deletetablerow"
+     */
+    DELETETABLEROW_COMMAND: string;
+    /**
+     * Identifies a command that deletes the currently selected table column.
+     * Value: "deletetablecolumn"
+     */
+    DELETETABLECOLUMN_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the left from the currently focused one.
+     * Value: "inserttablecolumntoleft"
+     */
+    INSERTTABLECOLUMNTOLEFT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new column to the right from the currently focused one.
+     * Value: "inserttablecolumntoright"
+     */
+    INSERTTABLECOLUMNTORIGHT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row below the currently focused one.
+     * Value: "inserttablerowbelow"
+     */
+    INSERTTABLEROWBELOW_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new row above the currently focused one.
+     * Value: "inserttablerowabove"
+     */
+    INSERTTABLEROWABOVE_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell horizontally.
+     * Value: "splittablecellhorizontally"
+     */
+    SPLITTABLECELLHORIZONTALLY_COMMAND: string;
+    /**
+     * Identifies a command that splits the current table cell vertically.
+     * Value: "splittablecellvertically"
+     */
+    SPLITTABLECELLVERTICALLY_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one to the right.
+     * Value: "mergetablecellright"
+     */
+    MERGETABLECELLRIGHT_COMMAND: string;
+    /**
+     * Identifies a command that merges the focused table cell with the one below.
+     * Value: "mergetablecelldown"
+     */
+    MERGETABLECELLDOWN_COMMAND: string;
+    /**
+     * Identifies a command that invokes a custom dialog.
+     * Value: "customdialog"
+     */
+    CUSTOMDIALOG_COMMAND: string;
+    /**
+     * Identifies a command that exports the html editor content.
+     * Value: "export"
+     */
+    EXPORT_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new audio element.
+     * Value: "insertaudio"
+     */
+    INSERTAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new video.
+     * Value: "insertvideo"
+     */
+    INSERTVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new flash element.
+     * Value: "insertflash"
+     */
+    INSERTFLASH_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new YouTube video.
+     * Value: "insertyoutubevideo"
+     */
+    INSERTYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected audio element.
+     * Value: "changeaudio"
+     */
+    CHANGEAUDIO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected video element.
+     * Value: "changevideo"
+     */
+    CHANGEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected flash element.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected YouTube video element.
+     * Value: "changeyoutubevideo"
+     */
+    CHANGEYOUTUBEVIDEO_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Audio dialog.
+     * Value: "insertaudiodialog"
+     */
+    INSERTAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Video dialog.
+     * Value: "insertvideodialog"
+     */
+    INSERTVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Flash dialog.
+     * Value: "insertflashdialog"
+     */
+    INSERTFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert YouTube Video dialog.
+     * Value: "insertyoutubevideodialog"
+     */
+    INSERTYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Audio dialog.
+     * Value: "changeaudiodialog"
+     */
+    CHANGEAUDIO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Video dialog.
+     * Value: "changevideodialog"
+     */
+    CHANGEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Flash dialog.
+     * Value: "changeflash"
+     */
+    CHANGEFLASH_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change YouTube Video dialog.
+     * Value: "changeyoutubevideodialog"
+     */
+    CHANGEYOUTUBEVIDEO_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to SourceFormatting.
+     * Value: "pastehtmlsourceformatting"
+     */
+    PASTEHTMLSOURCEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to PlainText.
+     * Value: "pastehtmlplaintext"
+     */
+    PASTEHTMLPLAINTEXT_COMMAND: string;
+    /**
+     * Identifies a command that pastes the content of the clipboard to the current cursor position, taking into account that the PasteMode property is set to MergeFormatting.
+     * Value: "pastehtmlmergeformatting"
+     */
+    PASTEHTMLMERGEFORMATTING_COMMAND: string;
+    /**
+     * Identifies a command that inserts a new placeholder.
+     * Value: "insertplaceholder"
+     */
+    INSERTPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that changes the selected placeholder.
+     * Value: "changeplaceholder"
+     */
+    CHANGEPLACEHOLDER_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Insert Placeholder dialog.
+     * Value: "insertplaceholderdialog"
+     */
+    INSERTPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Placeholder dialog.
+     * Value: "changeplaceholderdialog"
+     */
+    CHANGEPLACEHOLDER_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that updates the editor content.
+     * Value: "updatedocument"
+     */
+    UPDATEDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that changes properties of the element selected in the tag inspector.
+     * Value: "changeelementproperties"
+     */
+    CHANGEELEMENTPROPERTIES_COMMAND: string;
+    /**
+     * Identifies a command that invokes the Change Element Properties dialog.
+     * Value: "changeelementpropertiesdialog"
+     */
+    CHANGEELEMENTPROPERTIES_DIALOG_COMMAND: string;
+    /**
+     * Identifies a command that comments the selected HTML code. If no code is selected, it comments the focused tag.
+     * Value: "comment"
+     */
+    COMMENT_COMMAND: string;
+    /**
+     * Identifies a command that uncomments the selected HTML code. If no code is selected, the command uncomments the currently focused tag.
+     * Value: "uncomment"
+     */
+    UNCOMMENTHTML_COMMAND: string;
+    /**
+     * Identifies a command that formats the current HTML document.
+     * Value: "formatdocument"
+     */
+    FORMATDOCUMENT_COMMAND: string;
+    /**
+     * Identifies a command that applies the indent formatting to the selected content.
+     * Value: "indent"
+     */
+    INDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that applies the outdent formatting to the focused content.
+     * Value: "outdent"
+     */
+    OUTDENTLINE_COMMAND: string;
+    /**
+     * Identifies a command that collapses the selected HTML tag.
+     * Value: "collapsetag"
+     */
+    COLLAPSETAG_COMMAND: string;
+    /**
+     * Identifies a command that expands the selected HTML tag.
+     * Value: "expandtag"
+     */
+    EXPANDTAG_COMMAND: string;
+    /**
+     * Identifies a command that shows intellisense for the HTML code editor.
+     * Value: "showintellisense"
+     */
+    SHOWINTELLISENSE_COMMAND: string;
+}
+interface ASPxClientHtmlEditorStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHtmlEditor;
+    /**
+     * Programmatically closes a custom dialog, supplying it with specific parameters.
+     * @param status An object representing a custom dialog's closing status.
+     * @param data An object representing custom data associated with a custom dialog.
+     */
+    CustomDialogComplete(status: Object, data: Object): void;
+}
+interface ASPxClientHtmlEditorMediaPreloadModeStatic {
+    /**
+     * The browser does not load a media file when the page loads.
+     */
+    None: string;
+    /**
+     * The browser loads the entire video when the page loads.
+     */
+    Auto: string;
+    /**
+     * The browser loads only metadata when the page loads.
+     */
+    Metadata: string;
+}
+interface ASPxClientPivotGridStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPivotGrid;
+}
+interface ASPxClientPivotCustomizationStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRichEditStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRichEdit;
+}
+interface ASPxSchedulerDateTimeHelperStatic {
+    /**
+     * Returns the date part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the date.
+     */
+    TruncToDate(date: Date): Date;
+    /**
+     * Returns the day time part of the specified DateTime value.
+     * @param date A DateTime object from which to extract the day time.
+     */
+    ToDayTime(date: Date): any;
+    /**
+     * Adds the specified number of days to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add days.
+     * @param dayCount The number of days to add.
+     */
+    AddDays(date: Date, dayCount: number): Date;
+    /**
+     * Adds the specified timespan to a DateTime object and returns the result.
+     * @param date A DateTime object to which to add a timespan.
+     * @param timeSpan A TimeSpan object specifying the timespan to add.
+     */
+    AddTimeSpan(date: Date, timeSpan: any): Date;
+    /**
+     * Rounds a DateTime value up to the nearest interval.
+     * @param date A DateTime object containing a value to round.
+     * @param spanInMs A TimeSpan object specifying an interval to which to round.
+     */
+    CeilDateTime(date: Date, spanInMs: any): Date;
+}
+interface ASPxClientWeekDaysCheckEditStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceRangeControlStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientRecurrenceControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDailyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientWeeklyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientMonthlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientYearlyRecurrenceControlStatic extends ASPxClientRecurrenceControlBaseStatic {
+}
+interface ASPxClientRecurrenceTypeEditStatic extends ASPxClientRadioButtonListStatic {
+}
+interface ASPxClientTimeIntervalStatic {
+    /**
+     * Gets the duration of a time interval between two points in time.
+     * @param start A DateTime object specifying the starting point of the time interval.
+     * @param end A DateTime object specifying the ending point of the time interval.
+     */
+    CalculateDuration(start: Date, end: Date): number;
+}
+interface ASPxClientSchedulerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientScheduler;
+}
+interface ASPxClientSpellCheckerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpellChecker;
+}
+interface ASPxClientSpellCheckerStopCheckingReasonStatic {
+    Default: string;
+    User: string;
+}
+interface ASPxClientSpreadsheetStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSpreadsheet;
+}
+interface ASPxClientTreeListStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeList;
+}
+interface BootstrapClientAccordionStatic extends ASPxClientNavBarStatic {
+}
+interface BootstrapClientButtonStatic extends ASPxClientButtonStatic {
+}
+interface BootstrapClientCalendarStatic extends ASPxClientCalendarStatic {
+}
+interface BootstrapClientCheckBoxStatic extends ASPxClientEditStatic {
+}
+interface BootstrapClientRadioButtonStatic extends BootstrapClientCheckBoxStatic {
+}
+interface BootstrapClientComboBoxStatic extends ASPxClientComboBoxStatic {
+}
+interface BootstrapClientDateEditStatic extends ASPxClientDateEditStatic {
+}
+interface BootstrapClientDropDownEditStatic extends ASPxClientDropDownEditStatic {
+}
+interface BootstrapClientFormLayoutStatic extends ASPxClientFormLayoutStatic {
+}
+interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
+}
+interface BootstrapClientHyperLinkStatic extends ASPxClientHyperLinkStatic {
+}
+interface BootstrapClientListBoxStatic extends ASPxClientListBoxStatic {
+}
+interface BootstrapClientCheckBoxListStatic extends ASPxClientCheckBoxListStatic {
+}
+interface BootstrapClientRadioButtonListStatic extends ASPxClientRadioButtonListStatic {
+}
+interface BootstrapClientMenuStatic extends ASPxClientMenuStatic {
+}
+interface BootstrapClientPopupControlStatic extends ASPxClientPopupControlStatic {
+}
+interface BootstrapClientPopupMenuStatic extends ASPxClientPopupMenuStatic {
+}
+interface BootstrapClientProgressBarStatic extends ASPxClientProgressBarStatic {
+}
+interface BootstrapClientSpinEditStatic extends ASPxClientSpinEditStatic {
+}
+interface BootstrapClientTabControlStatic extends ASPxClientTabControlStatic {
+}
+interface BootstrapClientPageControlStatic extends ASPxClientPageControlStatic {
+}
+interface BootstrapClientTextBoxStatic extends ASPxClientTextBoxStatic {
+}
+interface BootstrapClientMemoStatic extends ASPxClientMemoStatic {
+}
+interface BootstrapClientButtonEditStatic extends ASPxClientButtonEditStatic {
+}
+interface BootstrapClientTreeViewStatic extends ASPxClientTreeViewStatic {
+}
+interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCalendar;
+}
+interface MVCxClientCallbackPanelStatic extends ASPxClientCallbackPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCallbackPanel;
+}
+interface MVCxClientCardViewStatic extends ASPxClientCardViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientCardView;
+}
+interface MVCxClientChartStatic extends ASPxClientWebChartControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientChart;
+}
+interface MVCxClientComboBoxStatic extends ASPxClientComboBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientComboBox;
+}
+interface MVCxClientDataViewStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDataView;
+}
+interface MVCxClientDateEditStatic extends ASPxClientDateEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDateEdit;
+}
+interface MVCxClientDockManagerStatic extends ASPxClientDockManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockManager;
+}
+interface MVCxClientDockPanelStatic extends ASPxClientDockPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientDockPanel;
+}
+interface MVCxClientFileManagerStatic extends ASPxClientFileManagerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientFileManager;
+}
+interface MVCxClientGridViewStatic extends ASPxClientGridViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientGridView;
+}
+interface MVCxClientHtmlEditorStatic extends ASPxClientHtmlEditorStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientHtmlEditor;
+}
+interface MVCxClientImageGalleryStatic extends ASPxClientImageGalleryStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientImageGallery;
+}
+interface MVCxClientListBoxStatic extends ASPxClientListBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientListBox;
+}
+interface MVCxClientNavBarStatic extends ASPxClientNavBarStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientNavBar;
+}
+interface MVCxClientPivotGridStatic extends ASPxClientPivotGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPivotGrid;
+}
+interface MVCxClientPopupControlStatic extends ASPxClientPopupControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPopupControl;
+}
+interface MVCxClientDocumentViewerStatic extends ASPxClientDocumentViewerStatic {
+}
+interface MVCxClientReportViewerStatic extends ASPxClientReportViewerStatic {
+}
+interface MVCxClientReportDesignerStatic extends ASPxClientReportDesignerStatic {
+}
+interface MVCxClientRichEditStatic extends ASPxClientRichEditStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRichEdit;
+}
+interface MVCxClientRoundPanelStatic extends ASPxClientRoundPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientRoundPanel;
+}
+interface MVCxClientSchedulerStatic extends ASPxClientSchedulerStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientScheduler;
+}
+interface MVCxSchedulerToolTipTypeStatic {
+    /**
+     * The tooltip is displayed for a selected appointment.
+     */
+    Appointment: number;
+    /**
+     * The tooltip is displayed for a dragged appointment.
+     */
+    AppointmentDrag: number;
+    /**
+     * The tooltip is displayed for a selected time interval.
+     */
+    Selection: number;
+}
+interface MVCxClientSpreadsheetStatic extends ASPxClientSpreadsheetStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientSpreadsheet;
+}
+interface MVCxClientPageControlStatic extends ASPxClientPageControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientPageControl;
+}
+interface MVCxClientTokenBoxStatic extends ASPxClientTokenBoxStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTokenBox;
+}
+interface MVCxClientTreeListStatic extends ASPxClientTreeListStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeList;
+}
+interface MVCxClientTreeViewStatic extends ASPxClientTreeViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientTreeView;
+}
+interface MVCxClientUploadControlStatic extends ASPxClientUploadControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientUploadControl;
+}
+interface MVCxClientUtilsStatic {
+    /**
+     * Loads service resources (such as scripts, CSS files, etc.) required for DevExpress functionality to work properly after a non DevExpress callback has been processed on the server and returned back to the client.
+     */
+    FinalizeCallback(): void;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object): Object;
+    /**
+     * Returns values of editors placed in the specified container.
+     * @param containerOrId A container of editors, or its ID.
+     * @param processInvisibleEditors true to process both visible and invisible editors that belong to the specified container; false to process only visible editors.
+     */
+    GetSerializedEditorValuesInContainer(containerOrId: Object, processInvisibleEditors: boolean): Object;
+}
+interface MVCxClientGlobalEventsStatic {
+    /**
+     * Dynamically connects the ControlsInitialized client event with an appropriate event handler function.
+     * @param handler A object representing the event handling function's content.
+     */
+    AddControlsInitializedEventHandler(handler: ASPxClientControlsInitializedEventHandler<any>): void;
+    /**
+     * Dynamically connects the BeginCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddBeginCallbackEventHandler(handler: MVCxClientBeginCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the EndCallback client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddEndCallbackEventHandler(handler: ASPxClientEndCallbackEventHandler<any>): void;
+    /**
+     * Dynamically connects the CallbackError client event with an appropriate event handler function.
+     * @param handler A object containing the event handling function's content.
+     */
+    AddCallbackErrorHandler(handler: ASPxClientCallbackErrorEventHandler<any>): void;
+}
+interface MVCxClientVerticalGridStatic extends ASPxClientVerticalGridStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): MVCxClientVerticalGrid;
+}
+interface MVCxClientWebDocumentViewerStatic extends ASPxClientWebDocumentViewerStatic {
+}
+interface ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControlBase;
+}
+interface ASPxClientControlStatic extends ASPxClientControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientControl;
+    /**
+     * Modifies the controls size on the page.
+     */
+    AdjustControls(): void;
+    /**
+     * Modifies the controls size within the specified container.
+     * @param container An HTML element that is the container of the controls.
+     */
+    AdjustControls(container: Object): void;
+    /**
+     * Returns a collection of client web control objects.
+     */
+    GetControlCollection(): ASPxClientControlCollection;
+}
+interface ASPxClientCallbackStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallback;
+}
+interface ASPxClientPanelBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanelBase;
+}
+interface ASPxClientPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPanel;
+}
+interface ASPxClientCallbackPanelStatic extends ASPxClientPanelStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCallbackPanel;
+}
+interface ASPxClientCloudControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientCloudControl;
+}
+interface ASPxClientDataViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDataView;
+}
+interface ASPxClientDockManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockManager;
+}
+interface ASPxClientPopupControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientDockPanelStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockPanel;
+}
+interface ASPxClientDockZoneStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDockZone;
+}
+interface ASPxClientFileManagerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFileManager;
+}
+interface ASPxClientFileManagerCommandConstsStatic {
+    /**
+     * The name of a command that is executed when an end-user renames an item.
+     */
+    Rename: string;
+    /**
+     * The name of a command that is executed when an end-user moves an item.
+     */
+    Move: string;
+    /**
+     * The name of a command that is executed when an end-user deletes an item.
+     */
+    Delete: string;
+    /**
+     * The name of a command that is executed when an end-user creates a folder.
+     */
+    Create: string;
+    /**
+     * The name of a command that is executed when an end-user uploads a file.
+     */
+    Upload: string;
+    /**
+     * The name of a command that is executed when an end-user downloads an item.
+     */
+    Download: string;
+    /**
+     * The name of a command that is executed when an end-user copies an item.
+     */
+    Copy: string;
+    /**
+     * The name of a command that is executed when an end-user opens an item.
+     */
+    Open: string;
+}
+interface ASPxClientFileManagerErrorConstsStatic {
+    /**
+     * The specified file is not found.    Return Value: 0
+     */
+    FileNotFound: number;
+    /**
+     * The specified folder is not found.    Return Value: 1
+     */
+    FolderNotFound: number;
+    /**
+     * Access is denied.    Return Value: 2
+     */
+    AccessDenied: number;
+    /**
+     * Unspecified IO error occurs.    Return Value: 3
+     */
+    UnspecifiedIO: number;
+    /**
+     * Unspecified error occurs.    Return Value: 4
+     */
+    Unspecified: number;
+    /**
+     * The file/folder name is empty.    Return Value: 5
+     */
+    EmptyName: number;
+    /**
+     * The operation was canceled.    Return Value: 6
+     */
+    CanceledOperation: number;
+    /**
+     * The specified name contains invalid characters.    Return Value: 7
+     */
+    InvalidSymbols: number;
+    /**
+     * The specified file extension is not allowed.    Return Value: 8
+     */
+    WrongExtension: number;
+    /**
+     * The file/folder is being used by another process.    Return Value: 9
+     */
+    UsedByAnotherProcess: number;
+    /**
+     * The specified file/folder already exists.    Return Value: 10
+     */
+    AlreadyExists: number;
+}
+interface ASPxClientFormLayoutStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientFormLayout;
+}
+interface ASPxClientHiddenFieldStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientHiddenField;
+}
+interface ASPxClientImageGalleryStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageGallery;
+}
+interface ASPxClientImageSliderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientImageSlider;
+}
+interface ASPxClientImageZoomNavigatorStatic extends ASPxClientImageSliderStatic {
+}
+interface ASPxClientImageZoomStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientLoadingPanelStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientLoadingPanel;
+}
+interface ASPxClientMenuBaseStatic extends ASPxClientControlStatic {
+    /**
+     * Returns a collection of client menu objects.
+     */
+    GetMenuCollection(): ASPxClientMenuCollection;
+}
+interface ASPxClientMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientMenu;
+}
+interface ASPxClientTouchUIStatic {
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param id A string value specifying the element's ID.
+     */
+    MakeScrollable(id: string): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and the ability to display vertical and horizontal scroll bars.
+     * @param element An object that specifies the required DOM element.
+     */
+    MakeScrollable(element: Object): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with  scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param id A string value specifying the name of a DOM element that should be extended with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(id: string, options: ASPxClientTouchUIOptions): ScrollExtender;
+    /**
+     * Extends the specified element's functionality with scrolling via touch behavior (one finger) and customized scrollbar-related options.
+     * @param element An object specifying the DOM element to extend with the touch scrolling functionality.
+     * @param options An ASPxClientTouchUIOptions object that provides options affecting the touch scrolling functionality.
+     */
+    MakeScrollable(element: Object, options: ASPxClientTouchUIOptions): ScrollExtender;
+}
+interface ASPxClientNavBarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNavBar;
+}
+interface ASPxClientNewsControlStatic extends ASPxClientDataViewStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientNewsControl;
+}
+interface ASPxClientObjectContainerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientObjectContainer;
+}
+interface ASPxClientPagerStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientPopupControlStatic extends ASPxClientPopupControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupControl;
+    /**
+     * Returns a collection of client popup control objects.
+     */
+    GetPopupControlCollection(): ASPxClientPopupControlCollection;
+}
+interface ASPxClientPopupControlResizeStateStatic {
+    /**
+     * A window has been resized. Returns 0.
+     */
+    Resized: number;
+    /**
+     * A window has been collapsed. Returns 1.
+     */
+    Collapsed: number;
+    /**
+     * A window has been expanded. Returns 2.
+     */
+    Expanded: number;
+    /**
+     * A window has been maximized. Returns 3.
+     */
+    Maximized: number;
+    /**
+     * A window has been restored after maximizing. Returns 4.
+     */
+    RestoredAfterMaximized: number;
+}
+interface ASPxClientPopupControlCloseReasonStatic {
+    /**
+     * The window has been closed by an API.
+     */
+    API: string;
+    /**
+     * An end-user clicks the close header button.
+     */
+    CloseButton: string;
+    /**
+     * An end-user clicks outside the window's region
+     */
+    OuterMouseClick: string;
+    /**
+     * An end-user moves the mouse pointer out of the window region.
+     */
+    MouseOut: string;
+    /**
+     * An end-user presses the ESC key.
+     */
+    Escape: string;
+}
+interface ASPxClientPopupMenuStatic extends ASPxClientMenuBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPopupMenu;
+}
+interface ASPxClientRatingControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRatingControl;
+}
+interface ASPxClientRibbonStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRibbon;
+}
+interface ASPxClientRibbonStateStatic {
+    /**
+     * A ribbon is in the normal state. Returns 0
+     */
+    Normal: number;
+    /**
+     * A ribbon is minimized. Returns 1
+     */
+    Minimized: number;
+    /**
+     * A ribbon is temporarily shown. Returns 2
+     */
+    TemporaryShown: number;
+}
+interface ASPxClientRoundPanelStatic extends ASPxClientPanelBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientRoundPanel;
+}
+interface ASPxClientSplitterStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientSplitter;
+}
+interface ASPxClientTabControlBaseStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientTabControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTabControl;
+}
+interface ASPxClientPageControlStatic extends ASPxClientTabControlBaseStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientPageControl;
+}
+interface ASPxClientTimerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTimer;
+}
+interface ASPxClientTitleIndexStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTitleIndex;
+}
+interface ASPxClientTreeViewStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientTreeView;
+}
+interface ASPxClientUploadControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientUploadControl;
+}
+interface ASPxClientUtilsStatic {
+    /**
+     * Gets the user-agent string, which identifies the client browser and provides certain system details of the client computer.
+     * Value: A string value representing the browser's user-agent string.
+     */
+    agent: string;
+    /**
+     * Gets a value that specifies whether the client browser is Opera.
+     * Value: true if the client browser is Opera; otherwise, false.
+     */
+    opera: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Opera version 9.
+     * Value: true if the client browser is Opera version 9; otherwise, false.
+     */
+    opera9: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari.
+     * Value: true if the client browser is Safari; otherwise, false.
+     */
+    safari: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari version 3.
+     * Value: true if the client browser is Safari version 3; otherwise, false.
+     */
+    safari3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Safari, running under a MacOS operating system.
+     * Value: true if the client browser is Safari, running under a MacOS operating system; otherwise, false.
+     */
+    safariMacOS: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Google Chrome.
+     * Value: true if the client browser is Google Chrome; otherwise, false.
+     */
+    chrome: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer.
+     * Value: true if the client browser is Intenet Explorer; otherwise, false.
+     */
+    ie: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Internet Explorer version 7.
+     * Value: true if the client browser is Intenet Explorer version 7; otherwise, false.
+     */
+    ie7: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox.
+     * Value: true if the client browser is Firefox; otherwise, false.
+     */
+    firefox: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Firefox version 3.
+     * Value: true if the client browser is Firefox version 3; otherwise, false.
+     */
+    firefox3: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Mozilla.
+     * Value: true if the client browser is Mozilla; otherwise, false.
+     */
+    mozilla: boolean;
+    /**
+     * Gets a value that specifies whether the client browser is Netscape.
+     * Value: true if the client browser is Netscape; otherwise, false.
+     */
+    netscape: boolean;
+    /**
+     * Gets a value that specifies a client browser's full version.
+     * Value: A double precision floating-point value that specifies a client browser's version.
+     */
+    browserVersion: number;
+    /**
+     * Gets a value that specifies a client browser's major version.
+     * Value: An integer value that specifies a client browser's major version.
+     */
+    browserMajorVersion: number;
+    /**
+     * Gets a value that specifies whether the application is run under a MacOS platform.
+     * Value: true if the application is run under the MacOS platform; otherwise, false.
+     */
+    macOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Windows platform.
+     * Value: true if the application is run under the Windows platform; otherwise, false.
+     */
+    windowsPlatform: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on WebKit.
+     * Value: true if the client browser is based on WebKit; otherwise, false.
+     */
+    webKitFamily: boolean;
+    /**
+     * Gets a value that specifies whether a client browser is based on Netscape.
+     * Value: true if client browser is based on Netscape; otherwise, false.
+     */
+    netscapeFamily: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports touch.
+     * Value: true if the client browser supports touch; otherwise, false.
+     */
+    touchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the WebKit touch user interface.
+     * Value: true if the client browser supports the WebKit touch user interface; otherwise, false.
+     */
+    webKitTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the client browser supports the Microsoft touch user interface.
+     * Value: true if the client browser supports the Microsoft touch user interface; otherwise, false.
+     */
+    msTouchUI: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under an iOS platform.
+     * Value: true if the application is run under the iOS platform; otherwise, false.
+     */
+    iOSPlatform: boolean;
+    /**
+     * Gets a value that specifies whether the application is run under the Android platform.
+     * Value: true if the application is run under the Android platform; otherwise, false.
+     */
+    androidPlatform: boolean;
+    /**
+     * Inserts the specified item into the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to insert.
+     */
+    ArrayInsert(array: Object[], element: Object): void;
+    /**
+     * Removes the specified item from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to remove.
+     */
+    ArrayRemove(array: Object[], element: Object): void;
+    /**
+     * Removes an item at the specified index location from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param index The zero-based index location of the array item to remove.
+     */
+    ArrayRemoveAt(array: Object[], index: number): void;
+    /**
+     * Removes all items from the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     */
+    ArrayClear(array: Object[]): void;
+    /**
+     * Searches for the specified array item and returns the zero-based index of its first occurrence within the specified array object.
+     * @param array An object that specifies the array to manipulate.
+     * @param element An object that specifies the array item to locate.
+     */
+    ArrayIndexOf(array: Object[], element: Object): number;
+    /**
+     * Binds the specified function to a specific element's event, so that the function gets called whenever the event fires on the element.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name without the "on" prefix.
+     * @param method An object that specifies the event's handling function.
+     */
+    AttachEventToElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Unbinds the specified function from a specific element's event, so that the function stops receiving notifications when the event fires.
+     * @param element An object specifying the required element.
+     * @param eventName A string value that specifies the required event name.
+     * @param method An object that specifies the event's handling function.
+     */
+    DetachEventFromElement(element: Object, eventName: string, method: Object): void;
+    /**
+     * Returns the object that fired the event.
+     * @param htmlEvent An object that represents the current event.
+     */
+    GetEventSource(htmlEvent: Object): Object;
+    /**
+     * Gets the x-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventX(htmlEvent: Object): number;
+    /**
+     * Gets the y-coordinate of the event-related mouse pointer position relative to an end-user's screen.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetEventY(htmlEvent: Object): number;
+    /**
+     * Gets the keyboard code for the specified event.
+     * @param htmlEvent An object specifying the required HTML event.
+     */
+    GetKeyCode(htmlEvent: Object): number;
+    /**
+     * Cancels the default action of the specified event.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEvent(htmlEvent: Object): boolean;
+    /**
+     * Cancels both the specified event's default action and the event's bubbling upon the hierarchy of event handlers.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventEventAndBubble(htmlEvent: Object): boolean;
+    /**
+     * Removes mouse capture from the specified event's source object.
+     * @param htmlEvent An object that specifies the required HTML event.
+     */
+    PreventDragStart(htmlEvent: Object): boolean;
+    /**
+     * Clears any text selection made within the window's client region.
+     */
+    ClearSelection(): void;
+    /**
+     * Gets a value that indicates whether the specified object exists on the client side.
+     * @param obj The object to test.
+     */
+    IsExists(obj: Object): boolean;
+    /**
+     * Gets a value that indicates whether the specified object is a function.
+     * @param obj The object to test.
+     */
+    IsFunction(obj: Object): boolean;
+    /**
+     * Gets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteX(element: Object): number;
+    /**
+     * Gets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be obtained.
+     */
+    GetAbsoluteY(element: Object): number;
+    /**
+     * Sets the x-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param x An integer value specifying the required element's x-coordinate, in pixels.
+     */
+    SetAbsoluteX(element: Object, x: number): void;
+    /**
+     * Sets the y-coordinate of the specified element's top left corner relative to the client area of the window, excluding scroll bars.
+     * @param element An object identifying the HTML element whose position should be defined.
+     * @param y An integer value specifying the required element's y-coordinate, in pixels.
+     */
+    SetAbsoluteY(element: Object, y: number): void;
+    /**
+     * Returns the distance between the top edge of the document and the topmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollTop(): number;
+    /**
+     * Returns the distance between the left edge of the document and the leftmost portion of the content currently visible in the window.
+     */
+    GetDocumentScrollLeft(): number;
+    /**
+     * Gets the width of the window's client region.
+     */
+    GetDocumentClientWidth(): number;
+    /**
+     * Gets the height of the window's client region.
+     */
+    GetDocumentClientHeight(): number;
+    /**
+     * Gets a value indicating whether the object passed via the parentElement parameter is a parent of the object passed via the element parameter.
+     * @param parentElement An object specifying the parent HTML element.
+     * @param element An object specifying the child HTML element.
+     */
+    GetIsParent(parentElement: Object, element: Object): boolean;
+    /**
+     * Returns a reference to the specified HTML element's first parent object which has an ID that matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param id A string specifying the required parent's ID.
+     */
+    GetParentById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose element name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     */
+    GetParentByTagName(element: Object, tagName: string): Object;
+    /**
+     * Returns a reference to the specified HTML element's first parent object whose class name matches the specified value.
+     * @param element An object specifying the child HTML element whose parent elements are searched.
+     * @param className A string value specifying the class name of the desired HTML element.
+     */
+    GetParentByClassName(element: Object, className: string): Object;
+    /**
+     * Returns a reference to the first element that has the specified ID in the parent HTML element specified.
+     * @param element An object identifying the parent HTML element to search.
+     * @param id A string specifying the ID attribute value of the desired child element.
+     */
+    GetChildById(element: Object, id: string): Object;
+    /**
+     * Returns a reference to the particular element that has the specified element name and is contained within the specified parent HTML element.
+     * @param element An object specifying the parent HTML element to search.
+     * @param tagName A string value specifying the element name (tag name) of the desired HTML element.
+     * @param index An integer value specifying the zero-based index of the desired element amongst all the matching elements found.
+     */
+    GetChildByTagName(element: Object, tagName: string, index: number): Object;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     */
+    SetCookie(name: string, value: string): void;
+    /**
+     * Creates or updates the HTTP cookie for the response.
+     * @param name A string value that represents the name of a cookie.
+     * @param value A string representing the cookie value.
+     * @param expirationDate A date-time object that represents the expiration date and time for the cookie.
+     */
+    SetCookie(name: string, value: string, expirationDate: Date): void;
+    /**
+     * Retrieves a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    GetCookie(name: string): string;
+    /**
+     * Deletes a cookie with the specified name.
+     * @param name A string value that represents the name of a cookie.
+     */
+    DeleteCookie(name: string): void;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameters.
+     * @param keyCode An integer value that specifies the code of the key.
+     * @param isCtrlKey true if the CTRL key should be included into the key combination; otherwise, false.
+     * @param isShiftKey true if the SHIFT key should be included into the key combination; otherwise, false.
+     * @param isAltKey true if the ALT key should be included into the key combination; otherwise, false.
+     */
+    GetShortcutCode(keyCode: number, isCtrlKey: boolean, isShiftKey: boolean, isAltKey: boolean): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the pressed key combination, which is specified by the related HTML event.
+     * @param htmlEvent A DHTML event object that relates to a key combination being pressed.
+     */
+    GetShortcutCodeByEvent(htmlEvent: Object): number;
+    /**
+     * Returns a specifically generated code that uniquely identifies the combination of keys specified via the parameter.
+     * @param shortcutString A string value that specifies the key combination.
+     */
+    StringToShortcutCode(shortcutString: string): number;
+    /**
+     * Trims all leading and trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    Trim(str: string): string;
+    /**
+     * Trims all leading whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimStart(str: string): string;
+    /**
+     * Trims all trailing whitespaces from the string.
+     * @param str A string value representing the string for trimming.
+     */
+    TrimEnd(str: string): string;
+    /**
+     * Specifies the text that Assistive Technologies (screen readers or braille display, for example) will provide to a user.
+     * @param message A String value that specifies a text.
+     */
+    SendMessageToAssistiveTechnology(message: string): void;
+}
+interface ASPxClientChartDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientChartDesigner;
+}
+interface ASPxClientWebChartControlStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebChartControl;
+}
+interface ASPxClientDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientDocumentViewer;
+}
+interface ASPxClientQueryBuilderStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientQueryBuilder;
+}
+interface ASPxClientReportDesignerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportDesigner;
+}
+interface ASPxClientReportDocumentMapStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportParametersPanelStatic extends ASPxClientControlStatic {
+}
+interface ASPxClientReportToolbarStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportToolbar;
+}
+interface ASPxClientReportViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientReportViewer;
+}
+interface ASPxClientWebDocumentViewerStatic extends ASPxClientControlStatic {
+    /**
+     * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
+     * @param obj The client object to be type cast. Represents an instance of a DevExpress web control's client object.
+     */
+    Cast(obj: Object): ASPxClientWebDocumentViewer;
+}
+
+declare var MVCxClientDashboardViewer: MVCxClientDashboardViewerStatic;
+declare var DashboardDataAxisNames: DashboardDataAxisNamesStatic;
+declare var DashboardSpecialValues: DashboardSpecialValuesStatic;
+declare var DashboardExportPageLayout: DashboardExportPageLayoutStatic;
+declare var DashboardExportPaperKind: DashboardExportPaperKindStatic;
+declare var DashboardExportScaleMode: DashboardExportScaleModeStatic;
+declare var DashboardExportFilterState: DashboardExportFilterStateStatic;
+declare var DashboardExportImageFormat: DashboardExportImageFormatStatic;
+declare var DashboardExportExcelFormat: DashboardExportExcelFormatStatic;
+declare var ChartExportSizeMode: ChartExportSizeModeStatic;
+declare var MapExportSizeMode: MapExportSizeModeStatic;
+declare var RangeFilterExportSizeMode: RangeFilterExportSizeModeStatic;
+declare var DashboardSelectionMode: DashboardSelectionModeStatic;
+declare var ASPxClientDashboard: ASPxClientDashboardStatic;
+declare var ASPxClientDashboardViewer: ASPxClientDashboardViewerStatic;
+declare var ASPxClientEditBase: ASPxClientEditBaseStatic;
+declare var ASPxClientEdit: ASPxClientEditStatic;
+declare var ASPxClientBinaryImage: ASPxClientBinaryImageStatic;
+declare var ASPxClientButton: ASPxClientButtonStatic;
+declare var ASPxClientCalendar: ASPxClientCalendarStatic;
+declare var ASPxClientCaptcha: ASPxClientCaptchaStatic;
+declare var ASPxClientCheckBox: ASPxClientCheckBoxStatic;
+declare var ASPxClientRadioButton: ASPxClientRadioButtonStatic;
+declare var ASPxClientTextEdit: ASPxClientTextEditStatic;
+declare var ASPxClientTextBoxBase: ASPxClientTextBoxBaseStatic;
+declare var ASPxClientButtonEditBase: ASPxClientButtonEditBaseStatic;
+declare var ASPxClientDropDownEditBase: ASPxClientDropDownEditBaseStatic;
+declare var ASPxClientColorEdit: ASPxClientColorEditStatic;
+declare var ASPxClientComboBox: ASPxClientComboBoxStatic;
+declare var ASPxClientDateEdit: ASPxClientDateEditStatic;
+declare var ASPxClientDropDownEdit: ASPxClientDropDownEditStatic;
+declare var ASPxClientFilterControl: ASPxClientFilterControlStatic;
+declare var ASPxClientListEdit: ASPxClientListEditStatic;
+declare var ASPxClientListBox: ASPxClientListBoxStatic;
+declare var ASPxClientCheckListBase: ASPxClientCheckListBaseStatic;
+declare var ASPxClientRadioButtonList: ASPxClientRadioButtonListStatic;
+declare var ASPxClientCheckBoxList: ASPxClientCheckBoxListStatic;
+declare var ASPxClientProgressBar: ASPxClientProgressBarStatic;
+declare var ASPxClientSpinEditBase: ASPxClientSpinEditBaseStatic;
+declare var ASPxClientSpinEdit: ASPxClientSpinEditStatic;
+declare var ASPxClientTimeEdit: ASPxClientTimeEditStatic;
+declare var ASPxClientStaticEdit: ASPxClientStaticEditStatic;
+declare var ASPxClientHyperLink: ASPxClientHyperLinkStatic;
+declare var ASPxClientImageBase: ASPxClientImageBaseStatic;
+declare var ASPxClientImage: ASPxClientImageStatic;
+declare var ASPxClientLabel: ASPxClientLabelStatic;
+declare var ASPxClientTextBox: ASPxClientTextBoxStatic;
+declare var ASPxClientMemo: ASPxClientMemoStatic;
+declare var ASPxClientButtonEdit: ASPxClientButtonEditStatic;
+declare var ASPxClientTokenBox: ASPxClientTokenBoxStatic;
+declare var ASPxClientTrackBar: ASPxClientTrackBarStatic;
+declare var ASPxClientValidationSummary: ASPxClientValidationSummaryStatic;
+declare var ASPxClientGaugeControl: ASPxClientGaugeControlStatic;
+declare var ASPxClientGridBase: ASPxClientGridBaseStatic;
+declare var ASPxClientGridViewCallbackCommand: ASPxClientGridViewCallbackCommandStatic;
+declare var ASPxClientGridLookup: ASPxClientGridLookupStatic;
+declare var ASPxClientCardView: ASPxClientCardViewStatic;
+declare var ASPxClientGridView: ASPxClientGridViewStatic;
+declare var ASPxClientVerticalGrid: ASPxClientVerticalGridStatic;
+declare var ASPxClientVerticalGridCallbackCommand: ASPxClientVerticalGridCallbackCommandStatic;
+declare var ASPxClientCommandConsts: ASPxClientCommandConstsStatic;
+declare var ASPxClientHtmlEditor: ASPxClientHtmlEditorStatic;
+declare var ASPxClientHtmlEditorMediaPreloadMode: ASPxClientHtmlEditorMediaPreloadModeStatic;
+declare var ASPxClientPivotGrid: ASPxClientPivotGridStatic;
+declare var ASPxClientPivotCustomization: ASPxClientPivotCustomizationStatic;
+declare var ASPxClientRichEdit: ASPxClientRichEditStatic;
+declare var ASPxSchedulerDateTimeHelper: ASPxSchedulerDateTimeHelperStatic;
+declare var ASPxClientWeekDaysCheckEdit: ASPxClientWeekDaysCheckEditStatic;
+declare var ASPxClientRecurrenceRangeControl: ASPxClientRecurrenceRangeControlStatic;
+declare var ASPxClientRecurrenceControlBase: ASPxClientRecurrenceControlBaseStatic;
+declare var ASPxClientDailyRecurrenceControl: ASPxClientDailyRecurrenceControlStatic;
+declare var ASPxClientWeeklyRecurrenceControl: ASPxClientWeeklyRecurrenceControlStatic;
+declare var ASPxClientMonthlyRecurrenceControl: ASPxClientMonthlyRecurrenceControlStatic;
+declare var ASPxClientYearlyRecurrenceControl: ASPxClientYearlyRecurrenceControlStatic;
+declare var ASPxClientRecurrenceTypeEdit: ASPxClientRecurrenceTypeEditStatic;
+declare var ASPxClientTimeInterval: ASPxClientTimeIntervalStatic;
+declare var ASPxClientScheduler: ASPxClientSchedulerStatic;
+declare var ASPxClientSpellChecker: ASPxClientSpellCheckerStatic;
+declare var ASPxClientSpellCheckerStopCheckingReason: ASPxClientSpellCheckerStopCheckingReasonStatic;
+declare var ASPxClientSpreadsheet: ASPxClientSpreadsheetStatic;
+declare var ASPxClientTreeList: ASPxClientTreeListStatic;
+declare var BootstrapClientAccordion: BootstrapClientAccordionStatic;
+declare var BootstrapClientButton: BootstrapClientButtonStatic;
+declare var BootstrapClientCalendar: BootstrapClientCalendarStatic;
+declare var BootstrapClientCheckBox: BootstrapClientCheckBoxStatic;
+declare var BootstrapClientRadioButton: BootstrapClientRadioButtonStatic;
+declare var BootstrapClientComboBox: BootstrapClientComboBoxStatic;
+declare var BootstrapClientDateEdit: BootstrapClientDateEditStatic;
+declare var BootstrapClientDropDownEdit: BootstrapClientDropDownEditStatic;
+declare var BootstrapClientFormLayout: BootstrapClientFormLayoutStatic;
+declare var BootstrapClientGridView: BootstrapClientGridViewStatic;
+declare var BootstrapClientHyperLink: BootstrapClientHyperLinkStatic;
+declare var BootstrapClientListBox: BootstrapClientListBoxStatic;
+declare var BootstrapClientCheckBoxList: BootstrapClientCheckBoxListStatic;
+declare var BootstrapClientRadioButtonList: BootstrapClientRadioButtonListStatic;
+declare var BootstrapClientMenu: BootstrapClientMenuStatic;
+declare var BootstrapClientPopupControl: BootstrapClientPopupControlStatic;
+declare var BootstrapClientPopupMenu: BootstrapClientPopupMenuStatic;
+declare var BootstrapClientProgressBar: BootstrapClientProgressBarStatic;
+declare var BootstrapClientSpinEdit: BootstrapClientSpinEditStatic;
+declare var BootstrapClientTabControl: BootstrapClientTabControlStatic;
+declare var BootstrapClientPageControl: BootstrapClientPageControlStatic;
+declare var BootstrapClientTextBox: BootstrapClientTextBoxStatic;
+declare var BootstrapClientMemo: BootstrapClientMemoStatic;
+declare var BootstrapClientButtonEdit: BootstrapClientButtonEditStatic;
+declare var BootstrapClientTreeView: BootstrapClientTreeViewStatic;
+declare var MVCxClientCalendar: MVCxClientCalendarStatic;
+declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
+declare var MVCxClientCardView: MVCxClientCardViewStatic;
+declare var MVCxClientChart: MVCxClientChartStatic;
+declare var MVCxClientComboBox: MVCxClientComboBoxStatic;
+declare var MVCxClientDataView: MVCxClientDataViewStatic;
+declare var MVCxClientDateEdit: MVCxClientDateEditStatic;
+declare var MVCxClientDockManager: MVCxClientDockManagerStatic;
+declare var MVCxClientDockPanel: MVCxClientDockPanelStatic;
+declare var MVCxClientFileManager: MVCxClientFileManagerStatic;
+declare var MVCxClientGridView: MVCxClientGridViewStatic;
+declare var MVCxClientHtmlEditor: MVCxClientHtmlEditorStatic;
+declare var MVCxClientImageGallery: MVCxClientImageGalleryStatic;
+declare var MVCxClientListBox: MVCxClientListBoxStatic;
+declare var MVCxClientNavBar: MVCxClientNavBarStatic;
+declare var MVCxClientPivotGrid: MVCxClientPivotGridStatic;
+declare var MVCxClientPopupControl: MVCxClientPopupControlStatic;
+declare var MVCxClientDocumentViewer: MVCxClientDocumentViewerStatic;
+declare var MVCxClientReportViewer: MVCxClientReportViewerStatic;
+declare var MVCxClientReportDesigner: MVCxClientReportDesignerStatic;
+declare var MVCxClientRichEdit: MVCxClientRichEditStatic;
+declare var MVCxClientRoundPanel: MVCxClientRoundPanelStatic;
+declare var MVCxClientScheduler: MVCxClientSchedulerStatic;
+declare var MVCxSchedulerToolTipType: MVCxSchedulerToolTipTypeStatic;
+declare var MVCxClientSpreadsheet: MVCxClientSpreadsheetStatic;
+declare var MVCxClientPageControl: MVCxClientPageControlStatic;
+declare var MVCxClientTokenBox: MVCxClientTokenBoxStatic;
+declare var MVCxClientTreeList: MVCxClientTreeListStatic;
+declare var MVCxClientTreeView: MVCxClientTreeViewStatic;
+declare var MVCxClientUploadControl: MVCxClientUploadControlStatic;
+declare var MVCxClientUtils: MVCxClientUtilsStatic;
+declare var MVCxClientGlobalEvents: MVCxClientGlobalEventsStatic;
+declare var MVCxClientVerticalGrid: MVCxClientVerticalGridStatic;
+declare var MVCxClientWebDocumentViewer: MVCxClientWebDocumentViewerStatic;
+declare var ASPxClientControlBase: ASPxClientControlBaseStatic;
+declare var ASPxClientControl: ASPxClientControlStatic;
+declare var ASPxClientCallback: ASPxClientCallbackStatic;
+declare var ASPxClientPanelBase: ASPxClientPanelBaseStatic;
+declare var ASPxClientPanel: ASPxClientPanelStatic;
+declare var ASPxClientCallbackPanel: ASPxClientCallbackPanelStatic;
+declare var ASPxClientCloudControl: ASPxClientCloudControlStatic;
+declare var ASPxClientDataView: ASPxClientDataViewStatic;
+declare var ASPxClientDockManager: ASPxClientDockManagerStatic;
+declare var ASPxClientPopupControlBase: ASPxClientPopupControlBaseStatic;
+declare var ASPxClientDockPanel: ASPxClientDockPanelStatic;
+declare var ASPxClientDockZone: ASPxClientDockZoneStatic;
+declare var ASPxClientFileManager: ASPxClientFileManagerStatic;
+declare var ASPxClientFileManagerCommandConsts: ASPxClientFileManagerCommandConstsStatic;
+declare var ASPxClientFileManagerErrorConsts: ASPxClientFileManagerErrorConstsStatic;
+declare var ASPxClientFormLayout: ASPxClientFormLayoutStatic;
+declare var ASPxClientHiddenField: ASPxClientHiddenFieldStatic;
+declare var ASPxClientImageGallery: ASPxClientImageGalleryStatic;
+declare var ASPxClientImageSlider: ASPxClientImageSliderStatic;
+declare var ASPxClientImageZoomNavigator: ASPxClientImageZoomNavigatorStatic;
+declare var ASPxClientImageZoom: ASPxClientImageZoomStatic;
+declare var ASPxClientLoadingPanel: ASPxClientLoadingPanelStatic;
+declare var ASPxClientMenuBase: ASPxClientMenuBaseStatic;
+declare var ASPxClientMenu: ASPxClientMenuStatic;
+declare var ASPxClientTouchUI: ASPxClientTouchUIStatic;
+declare var ASPxClientNavBar: ASPxClientNavBarStatic;
+declare var ASPxClientNewsControl: ASPxClientNewsControlStatic;
+declare var ASPxClientObjectContainer: ASPxClientObjectContainerStatic;
+declare var ASPxClientPager: ASPxClientPagerStatic;
+declare var ASPxClientPopupControl: ASPxClientPopupControlStatic;
+declare var ASPxClientPopupControlResizeState: ASPxClientPopupControlResizeStateStatic;
+declare var ASPxClientPopupControlCloseReason: ASPxClientPopupControlCloseReasonStatic;
+declare var ASPxClientPopupMenu: ASPxClientPopupMenuStatic;
+declare var ASPxClientRatingControl: ASPxClientRatingControlStatic;
+declare var ASPxClientRibbon: ASPxClientRibbonStatic;
+declare var ASPxClientRibbonState: ASPxClientRibbonStateStatic;
+declare var ASPxClientRoundPanel: ASPxClientRoundPanelStatic;
+declare var ASPxClientSplitter: ASPxClientSplitterStatic;
+declare var ASPxClientTabControlBase: ASPxClientTabControlBaseStatic;
+declare var ASPxClientTabControl: ASPxClientTabControlStatic;
+declare var ASPxClientPageControl: ASPxClientPageControlStatic;
+declare var ASPxClientTimer: ASPxClientTimerStatic;
+declare var ASPxClientTitleIndex: ASPxClientTitleIndexStatic;
+declare var ASPxClientTreeView: ASPxClientTreeViewStatic;
+declare var ASPxClientUploadControl: ASPxClientUploadControlStatic;
+declare var ASPxClientUtils: ASPxClientUtilsStatic;
+declare var ASPxClientChartDesigner: ASPxClientChartDesignerStatic;
+declare var ASPxClientWebChartControl: ASPxClientWebChartControlStatic;
+declare var ASPxClientDocumentViewer: ASPxClientDocumentViewerStatic;
+declare var ASPxClientQueryBuilder: ASPxClientQueryBuilderStatic;
+declare var ASPxClientReportDesigner: ASPxClientReportDesignerStatic;
+declare var ASPxClientReportDocumentMap: ASPxClientReportDocumentMapStatic;
+declare var ASPxClientReportParametersPanel: ASPxClientReportParametersPanelStatic;
+declare var ASPxClientReportToolbar: ASPxClientReportToolbarStatic;
+declare var ASPxClientReportViewer: ASPxClientReportViewerStatic;
+declare var ASPxClientWebDocumentViewer: ASPxClientWebDocumentViewerStatic;
+
diff --git a/types/devexpress-web/v162/tsconfig.json b/types/devexpress-web/v162/tsconfig.json
new file mode 100644
index 0000000000..7014b0435c
--- /dev/null
+++ b/types/devexpress-web/v162/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "paths": {
+            "devexpress-web": ["devexpress-web/v162"],
+            "devexpress-web/*": ["devexpress-web/v162/*"]
+        },
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "devexpress-web-tests.ts"
+    ]
+}
\ No newline at end of file

From 23b7cd16744128ce293bad27f9760773e3dff5ce Mon Sep 17 00:00:00 2001
From: Flur <superflur@gmail.com>
Date: Mon, 12 Jun 2017 15:45:17 +0300
Subject: [PATCH 002/274] * add OBJLoader * add MTLLoader * Geometry merge add
 parameter * Object3D onBeforeRender, on AfterRender * Object3D add delete
 fixed number of parameters

---
 types/three/index.d.ts           |  4 ++-
 types/three/three-core.d.ts      | 19 ++++++++++--
 types/three/three-examples.d.ts  |  1 -
 types/three/three-mtlloader.d.ts | 52 ++++++++++++++++++++++++++++++++
 types/three/three-objloader.d.ts | 21 +++++++++++++
 5 files changed, 93 insertions(+), 4 deletions(-)
 create mode 100644 types/three/three-mtlloader.d.ts
 create mode 100644 types/three/three-objloader.d.ts

diff --git a/types/three/index.d.ts b/types/three/index.d.ts
index b8c5b5669f..17156bed94 100644
--- a/types/three/index.d.ts
+++ b/types/three/index.d.ts
@@ -25,5 +25,7 @@ export * from "./three-trackballcontrols";
 export * from "./three-transformcontrols";
 export * from "./three-vrcontrols";
 export * from "./three-vreffect";
+export * from "./three-objloader";
+export * from "./three-mtlloader";
 
-export as namespace THREE;
\ No newline at end of file
+export as namespace THREE;
diff --git a/types/three/three-core.d.ts b/types/three/three-core.d.ts
index 5679c4e8c7..ea0e6f917c 100644
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -1355,7 +1355,7 @@ export class Geometry extends EventDispatcher {
      */
     computeBoundingSphere(): void;
 
-    merge(geometry: Geometry, matrix: Matrix, materialIndexOffset?: number): void;
+    merge(geometry: Geometry, matrix?: Matrix, materialIndexOffset?: number): void;
 
     mergeMesh(mesh: Mesh): void;
 
@@ -1605,6 +1605,18 @@ export class Object3D extends EventDispatcher {
      */
     userData: any;
 
+    /**
+     * Calls before rendering object
+     */
+    onBeforeRender: (renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.Geometry | THREE.BufferGeometry,
+                     material: THREE.Material, group: THREE.Group) => any;
+
+    /**
+     * Calls after rendering object
+     */
+    onAfterRender: (renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.Geometry | THREE.BufferGeometry,
+                    material: THREE.Material, group: THREE.Group) => any;
+
     /**
      *
      */
@@ -1706,7 +1718,7 @@ export class Object3D extends EventDispatcher {
     /**
      * Adds object as child of this object.
      */
-    add(object: Object3D): void;
+    add(...object: Object3D[]): void;
 
     /**
      * Removes object as child of this object.
@@ -2796,9 +2808,12 @@ export class MeshPhysicalMaterial extends MeshStandardMaterial {
 export class MultiMaterial extends Material {
     constructor(materials?: Material[]);
 
+    isMultiMaterial: true;
+
     materials: Material[];
 
     toJSON(meta: any): any;
+
 }
 
 /**
diff --git a/types/three/three-examples.d.ts b/types/three/three-examples.d.ts
index d416757b00..67efcc566a 100644
--- a/types/three/three-examples.d.ts
+++ b/types/three/three-examples.d.ts
@@ -3,7 +3,6 @@
 import {EventDispatcher, Shader} from "./three-core";
 
 export var AWDLoader: any;
-export var OBJLoader: any;
 export var OBJLoader2: any;
 export var STLLoader: any;
 export var FlyControls: any;
diff --git a/types/three/three-mtlloader.d.ts b/types/three/three-mtlloader.d.ts
new file mode 100644
index 0000000000..5113d67df2
--- /dev/null
+++ b/types/three/three-mtlloader.d.ts
@@ -0,0 +1,52 @@
+
+import {Material} from "./three-core";
+import {LoadingManager} from "./three-core";
+import {EventDispatcher} from "./three-core";
+import {BufferGeometry} from "./three-core";
+import {Texture} from "./three-core";
+
+export class MTLLoader extends EventDispatcher {
+
+    constructor(manager?: LoadingManager);
+    manager: LoadingManager;
+    materialOptions: {};
+    materials: Material[];
+    path: string;
+    texturePath: string;
+    crossOrigin: boolean;
+
+    load(url: string, onLoad: (materialCreator: MaterialCreator) => void, onProgress?: (event: any) => void, onError?: (event: any) => void): void;
+    parse(text: string) : MaterialCreator;
+    setPath(path: string) : void;
+    setTexturePath(path: string) : void;
+    setBaseUrl(path: string) : void;
+    setCrossOrigin(value: boolean) : void;
+    setMaterialOptions(value: any) : void;
+}
+
+export class MaterialCreator {
+
+    constructor(baseUrl?: string, options?: any);
+
+    baseUrl : string;
+    options : any;
+    materialsInfo : any;
+    materials : any;
+    materialsArray : Material[];
+    nameLookup : any;
+    side : number;
+    wrap : number;
+
+    setCrossOrigin( value: boolean ) : void;
+    setManager( value: any ) : void;
+    setMaterials( materialsInfo: any ) : void;
+    convert( materialsInfo: any ) : any;
+    preload() : void;
+    getIndex( materialName: string ) : Material;
+    getAsArray() : Material[];
+    create( materialName: string ) : Material;
+    createMaterial_( materialName: string ) : Material;
+    getTextureParams( value: string, matParams: any ) : any;
+    loadTexture(url: string, mapping: any, onLoad: (bufferGeometry: BufferGeometry) => void, onProgress?: (event: any) => void, onError?: (event: any) => void): Texture;
+
+}
diff --git a/types/three/three-objloader.d.ts b/types/three/three-objloader.d.ts
new file mode 100644
index 0000000000..25a3adf93f
--- /dev/null
+++ b/types/three/three-objloader.d.ts
@@ -0,0 +1,21 @@
+
+import {Material} from "./three-core";
+import {LoadingManager} from "./three-core";
+import {Group} from "./three-core";
+import {MaterialCreator} from "./three-mtlloader";
+
+export class OBJLoader {
+
+    constructor(manager?: LoadingManager);
+    manager: LoadingManager;
+    regexp: any;
+    materials: Material[];
+    path: string;
+
+    load(url: string, onLoad: (group: Group) => void, onProgress?: (event: any) => void, onError?: (event: any) => void): void;
+    parse(data: string) : Group;
+    setPath(value: string) : void;
+    setMaterials(materials: MaterialCreator) : void;
+    _createParserState() : any;
+
+}

From bcc73a6700e3a833cae32073e06c902e765658e9 Mon Sep 17 00:00:00 2001
From: Jonny Taylor <jonny.taylor5@gmail.com>
Date: Sun, 18 Jun 2017 21:07:12 +0100
Subject: [PATCH 003/274] add mainloop.js export

---
 types/mainloop.js/index.d.ts    | 4 ++++
 types/mainloop.js/tsconfig.json | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/types/mainloop.js/index.d.ts b/types/mainloop.js/index.d.ts
index f34d6f035a..e6263218c1 100644
--- a/types/mainloop.js/index.d.ts
+++ b/types/mainloop.js/index.d.ts
@@ -3,6 +3,10 @@
 // Definitions by: Isaac Sukin <http://isaacsukin.com>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+declare module 'mainloop.js' {
+    export default MainLoop;
+}
+
 /**
  * Interface for the MainLoop.js global.
  *
diff --git a/types/mainloop.js/tsconfig.json b/types/mainloop.js/tsconfig.json
index 86c619379e..5dae699f05 100644
--- a/types/mainloop.js/tsconfig.json
+++ b/types/mainloop.js/tsconfig.json
@@ -20,4 +20,4 @@
         "index.d.ts",
         "mainloop.js-tests.ts"
     ]
-}
\ No newline at end of file
+}

From 60b8c55092d17e8988f7a475e700b489c1106109 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Tue, 27 Jun 2017 11:24:15 +0200
Subject: [PATCH 004/274] Added react-tag-input

---
 types/react-tag-input/index.d.ts    | 26 ++++++++++++++++++++++++++
 types/react-tag-input/tsconfig.json | 22 ++++++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 types/react-tag-input/index.d.ts
 create mode 100644 types/react-tag-input/tsconfig.json

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
new file mode 100644
index 0000000000..fe7fcd28a8
--- /dev/null
+++ b/types/react-tag-input/index.d.ts
@@ -0,0 +1,26 @@
+// Type definitions for React-Tags (react-tag-input) 4.7.2
+// Project: https://github.com/prakhar1989/react-tags
+// NPM: https://www.npmjs.com/package/react-tag-input
+// Definitions by: Ogglas <https://stackoverflow.com/users/3850405/ogglas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as React from "react";
+
+export interface ReactTagsProps {
+    tags?: TagItem[];
+    suggestions?: string[];
+    handleDelete: ((i: number) => void);
+    handleAddition: ((tag: string) => void);
+    handleDrag?: ((tag: TagItem, currPos: number, newPos: number) => void);
+    placeholder?: string;
+}
+
+export interface TagItem {
+    id: number;
+    text: string;
+}
+
+export class WithContext extends React.Component<ReactTagsProps, {}> { }
+
+export default WithContext;
diff --git a/types/react-tag-input/tsconfig.json b/types/react-tag-input/tsconfig.json
new file mode 100644
index 0000000000..1401eeeedb
--- /dev/null
+++ b/types/react-tag-input/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "files": [
+        "index.d.ts"
+    ],
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    }
+}
\ No newline at end of file

From 1aba4882b592988fb751c4e812353c1c109c3175 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Tue, 27 Jun 2017 11:31:57 +0200
Subject: [PATCH 005/274] Updates

---
 types/react-tag-input/index.d.ts               |  2 +-
 types/react-tag-input/react-tag-input-tests.ts |  0
 types/react-tag-input/tsconfig.json            | 16 ++++++++--------
 types/react-tag-input/tslint.json              |  1 +
 4 files changed, 10 insertions(+), 9 deletions(-)
 create mode 100644 types/react-tag-input/react-tag-input-tests.ts
 create mode 100644 types/react-tag-input/tslint.json

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index fe7fcd28a8..e304f19e77 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -23,4 +23,4 @@ export interface TagItem {
 
 export class WithContext extends React.Component<ReactTagsProps, {}> { }
 
-export default WithContext;
+export default WithContext;
\ No newline at end of file
diff --git a/types/react-tag-input/react-tag-input-tests.ts b/types/react-tag-input/react-tag-input-tests.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/react-tag-input/tsconfig.json b/types/react-tag-input/tsconfig.json
index 1401eeeedb..54836a10b5 100644
--- a/types/react-tag-input/tsconfig.json
+++ b/types/react-tag-input/tsconfig.json
@@ -1,16 +1,12 @@
 {
-    "files": [
-        "index.d.ts"
-    ],
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6",
-            "dom"
+            "es6"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -18,5 +14,9 @@
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true
-    }
-}
\ No newline at end of file
+    },
+    "files": [
+        "index.d.ts",
+        "react-tag-input-tests.ts"
+    ]
+}
diff --git a/types/react-tag-input/tslint.json b/types/react-tag-input/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-tag-input/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From fe2e1fc21f8fb0ff04c02fc5d0a9639b41bd3935 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Tue, 27 Jun 2017 13:49:34 +0200
Subject: [PATCH 006/274] Update index.d.ts

---
 types/react-tag-input/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index e304f19e77..fe7fcd28a8 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -23,4 +23,4 @@ export interface TagItem {
 
 export class WithContext extends React.Component<ReactTagsProps, {}> { }
 
-export default WithContext;
\ No newline at end of file
+export default WithContext;

From 5630ea2dec2ad510c257d6e4ec3696c38cd80b5c Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Wed, 28 Jun 2017 01:25:19 +0300
Subject: [PATCH 007/274] Unified type parameter and property types.

---
 types/react/index.d.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 577959ae7b..621f8203b0 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -10,8 +10,9 @@
 //                 Eric Anderson <https://github.com/ericanderson>
 //                 Albert Kurniawan <https://github.com/morcerf>
 //                 Tanguy Krotoff <https://github.com/tkrotoff>
+//                 Dovydas Navickas <https://github.com/DovydasNavickas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.4
 
 type NativeAnimationEvent = AnimationEvent;
 type NativeClipboardEvent = ClipboardEvent;
@@ -49,7 +50,7 @@ declare namespace React {
     }
 
     interface ReactElement<P> {
-        type: string | ComponentClass<P> | SFC<P>;
+        type: keyof ReactHTML | ComponentClass<P> | SFC<P>;
         props: P;
         key: Key | null;
     }
@@ -67,7 +68,7 @@ declare namespace React {
     type ClassicElement<P> = CElement<P, ClassicComponent<P, ComponentState>>;
 
     interface DOMElement<P extends DOMAttributes<T>, T extends Element> extends ReactElement<P> {
-        type: string;
+        type: keyof ReactHTML;
         ref: Ref<T>;
     }
 
@@ -128,7 +129,7 @@ declare namespace React {
     function createClass<P, S>(spec: ComponentSpec<P, S>): ClassicComponentClass<P>;
 
     function createFactory<P extends DOMAttributes<T>, T extends Element>(
-        type: string): DOMFactory<P, T>;
+        type: keyof ReactHTML): DOMFactory<P, T>;
     function createFactory<P>(type: SFC<P>): SFCFactory<P>;
     function createFactory<P>(
         type: ClassType<P, ClassicComponent<P, ComponentState>, ClassicComponentClass<P>>): CFactory<P, ClassicComponent<P, ComponentState>>;

From 354aa9339ccb709e83695850aa7d0e2fa79ecc86 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Wed, 28 Jun 2017 03:39:29 +0300
Subject: [PATCH 008/274] Expanded type with ReactSVG.

---
 types/react/index.d.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 621f8203b0..46b34637bc 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -50,7 +50,7 @@ declare namespace React {
     }
 
     interface ReactElement<P> {
-        type: keyof ReactHTML | ComponentClass<P> | SFC<P>;
+        type: keyof ReactHTML | keyof ReactSVG | ComponentClass<P> | SFC<P>;
         props: P;
         key: Key | null;
     }
@@ -68,14 +68,16 @@ declare namespace React {
     type ClassicElement<P> = CElement<P, ClassicComponent<P, ComponentState>>;
 
     interface DOMElement<P extends DOMAttributes<T>, T extends Element> extends ReactElement<P> {
-        type: keyof ReactHTML;
+        type: keyof ReactHTML | keyof ReactSVG;
         ref: Ref<T>;
     }
 
     interface ReactHTMLElement<T extends HTMLElement> extends DOMElement<HTMLAttributes<T>, T> {
+        type: keyof ReactHTML;
     }
 
     interface ReactSVGElement extends DOMElement<SVGAttributes<SVGElement>, SVGElement> {
+        type: keyof ReactSVG;
     }
 
     //

From 0cefffd28183fd59025d17c9540bff39cff949b0 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Wed, 28 Jun 2017 09:28:40 +0200
Subject: [PATCH 009/274] Update index.d.ts

---
 types/react-tag-input/index.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index fe7fcd28a8..96ed2b0268 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -1,6 +1,5 @@
 // Type definitions for React-Tags (react-tag-input) 4.7.2
 // Project: https://github.com/prakhar1989/react-tags
-// NPM: https://www.npmjs.com/package/react-tag-input
 // Definitions by: Ogglas <https://stackoverflow.com/users/3850405/ogglas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3

From aa0986dec09d780193846e9e411fca31e109e2da Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Wed, 28 Jun 2017 09:51:50 +0200
Subject: [PATCH 010/274] Changed to MAJOR.MINOR version and added test code

---
 types/react-tag-input/index.d.ts              |  2 +-
 .../react-tag-input/react-tag-input-tests.ts  | 64 +++++++++++++++++++
 2 files changed, 65 insertions(+), 1 deletion(-)

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index 96ed2b0268..922e5083b4 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for React-Tags (react-tag-input) 4.7.2
+// Type definitions for React-Tags (react-tag-input) 4.7
 // Project: https://github.com/prakhar1989/react-tags
 // Definitions by: Ogglas <https://stackoverflow.com/users/3850405/ogglas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/types/react-tag-input/react-tag-input-tests.ts b/types/react-tag-input/react-tag-input-tests.ts
index e69de29bb2..bdcdbc37ed 100644
--- a/types/react-tag-input/react-tag-input-tests.ts
+++ b/types/react-tag-input/react-tag-input-tests.ts
@@ -0,0 +1,64 @@
+import * as React from "react";
+import { WithContext as ReactTags, TagItem } from "react-tag-input";
+
+export interface IState {
+    tags: TagItem[];
+    suggestions: string[];
+}
+
+export class Tags extends React.Component<any, IState> {
+    constructor(props: any) {
+        super(props);
+        let tags: TagItem[] = [];
+        let tag: TagItem = {
+            id: 0,
+            text: "Test"
+        };
+        tags.push(tag);
+
+        let suggestions = ["test", "testar"];
+        this.state = {        
+            tags: tags,
+            suggestions: suggestions
+        }
+    }
+    //Not complete
+    handleDelete(i: number) {
+        let tags = this.state.tags;
+        tags.splice(i, 1);
+        this.setState({ tags: tags });
+    }
+
+    handleAddition(tag: string) {
+        let tags = this.state.tags;
+        let tagItem: TagItem = {
+            id: tags.length,
+            text: tag
+        };
+        tags.push(tagItem);
+        this.setState({ tags: tags });
+    }
+    //Not complete
+    handleDrag(tag: TagItem, currPos: number, newPos: number) {
+        let tags = this.state.tags;
+
+        // mutate array
+        tags.splice(currPos, 1);
+        tags.splice(newPos, 0, tag);
+
+        // re-render
+        this.setState({ tags: tags });
+    }
+
+    render() {
+        return (
+                <div>
+                    <ReactTags tags={this.state.tags}
+                    suggestions={this.state.suggestions}
+                        handleDelete={(i: number) => this.handleDelete(i)}
+                        handleAddition={(tag: string) => this.handleAddition(tag)}
+                        handleDrag={(tag: TagItem, currPos: number, newPos: number) => this.handleDrag(tag, currPos, newPos)} />
+                </div>
+        );
+    }
+}

From 682fb04a8420f615ffe68a3f7bf8454428b2bcd8 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Wed, 28 Jun 2017 10:07:42 +0200
Subject: [PATCH 011/274] Change test

---
 .../react-tag-input/react-tag-input-tests.ts  | 72 ++++---------------
 1 file changed, 13 insertions(+), 59 deletions(-)

diff --git a/types/react-tag-input/react-tag-input-tests.ts b/types/react-tag-input/react-tag-input-tests.ts
index bdcdbc37ed..8f126d3609 100644
--- a/types/react-tag-input/react-tag-input-tests.ts
+++ b/types/react-tag-input/react-tag-input-tests.ts
@@ -1,64 +1,18 @@
 import * as React from "react";
 import { WithContext as ReactTags, TagItem } from "react-tag-input";
 
-export interface IState {
-    tags: TagItem[];
-    suggestions: string[];
-}
+let tags = [
+    { id: 0, text: "test" }, { id: 1, text: "testing" }
+];
 
-export class Tags extends React.Component<any, IState> {
-    constructor(props: any) {
-        super(props);
-        let tags: TagItem[] = [];
-        let tag: TagItem = {
-            id: 0,
-            text: "Test"
-        };
-        tags.push(tag);
+let suggestions = ["test", "testar"];
 
-        let suggestions = ["test", "testar"];
-        this.state = {        
-            tags: tags,
-            suggestions: suggestions
-        }
-    }
-    //Not complete
-    handleDelete(i: number) {
-        let tags = this.state.tags;
-        tags.splice(i, 1);
-        this.setState({ tags: tags });
-    }
-
-    handleAddition(tag: string) {
-        let tags = this.state.tags;
-        let tagItem: TagItem = {
-            id: tags.length,
-            text: tag
-        };
-        tags.push(tagItem);
-        this.setState({ tags: tags });
-    }
-    //Not complete
-    handleDrag(tag: TagItem, currPos: number, newPos: number) {
-        let tags = this.state.tags;
-
-        // mutate array
-        tags.splice(currPos, 1);
-        tags.splice(newPos, 0, tag);
-
-        // re-render
-        this.setState({ tags: tags });
-    }
-
-    render() {
-        return (
-                <div>
-                    <ReactTags tags={this.state.tags}
-                    suggestions={this.state.suggestions}
-                        handleDelete={(i: number) => this.handleDelete(i)}
-                        handleAddition={(tag: string) => this.handleAddition(tag)}
-                        handleDrag={(tag: TagItem, currPos: number, newPos: number) => this.handleDrag(tag, currPos, newPos)} />
-                </div>
-        );
-    }
-}
+ReactDOM.render(	
+	<ReactTags tags={tags}
+        suggestions={suggestions}
+        handleDelete={(i: number) => console.log("Delete: " + i)}
+        handleAddition={(tag: string) => console.log("Add: " + tag)}
+        handleDrag={(tag: TagItem, currPos: number, newPos: number) => console.log("Drag: " + tag.text)} />
+	document.getElementById("tag-input")
+	
+);
\ No newline at end of file

From 61b9495f652edf369398087d0c498e966039394d Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Wed, 28 Jun 2017 10:21:22 +0200
Subject: [PATCH 012/274] Update

---
 types/react-tag-input/index.d.ts               | 9 ++-------
 types/react-tag-input/react-tag-input-tests.ts | 5 +++--
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index 922e5083b4..1ba112945e 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -7,19 +7,14 @@
 import * as React from "react";
 
 export interface ReactTagsProps {
-    tags?: TagItem[];
+    tags?: { id: number; text: string;}[];
     suggestions?: string[];
     handleDelete: ((i: number) => void);
     handleAddition: ((tag: string) => void);
-    handleDrag?: ((tag: TagItem, currPos: number, newPos: number) => void);
+    handleDrag?: ((tag: { id: number; text: string; }, currPos: number, newPos: number) => void);
     placeholder?: string;
 }
 
-export interface TagItem {
-    id: number;
-    text: string;
-}
-
 export class WithContext extends React.Component<ReactTagsProps, {}> { }
 
 export default WithContext;
diff --git a/types/react-tag-input/react-tag-input-tests.ts b/types/react-tag-input/react-tag-input-tests.ts
index 8f126d3609..dce8ae5cef 100644
--- a/types/react-tag-input/react-tag-input-tests.ts
+++ b/types/react-tag-input/react-tag-input-tests.ts
@@ -1,5 +1,6 @@
 import * as React from "react";
-import { WithContext as ReactTags, TagItem } from "react-tag-input";
+import * as ReactDOM from "react-dom";
+import { WithContext as ReactTags } from "react-tag-input";
 
 let tags = [
     { id: 0, text: "test" }, { id: 1, text: "testing" }
@@ -12,7 +13,7 @@ ReactDOM.render(
         suggestions={suggestions}
         handleDelete={(i: number) => console.log("Delete: " + i)}
         handleAddition={(tag: string) => console.log("Add: " + tag)}
-        handleDrag={(tag: TagItem, currPos: number, newPos: number) => console.log("Drag: " + tag.text)} />
+        handleDrag={(tag: { id: number; text: string; }, currPos: number, newPos: number) => console.log("Drag: " + tag.text)} />
 	document.getElementById("tag-input")
 	
 );
\ No newline at end of file

From 48035d0bf4c7d3f500f6d5292b530b432d7d1280 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Wed, 28 Jun 2017 10:35:25 +0200
Subject: [PATCH 013/274] Update test

---
 types/react-tag-input/react-tag-input-tests.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/types/react-tag-input/react-tag-input-tests.ts b/types/react-tag-input/react-tag-input-tests.ts
index dce8ae5cef..d3e8e6fb1e 100644
--- a/types/react-tag-input/react-tag-input-tests.ts
+++ b/types/react-tag-input/react-tag-input-tests.ts
@@ -8,12 +8,11 @@ let tags = [
 
 let suggestions = ["test", "testar"];
 
-ReactDOM.render(	
-	<ReactTags tags={tags}
+ReactDOM.render(
+    <ReactTags tags={tags}
         suggestions={suggestions}
         handleDelete={(i: number) => console.log("Delete: " + i)}
         handleAddition={(tag: string) => console.log("Add: " + tag)}
-        handleDrag={(tag: { id: number; text: string; }, currPos: number, newPos: number) => console.log("Drag: " + tag.text)} />
-	document.getElementById("tag-input")
-	
-);
\ No newline at end of file
+        handleDrag={(tag: { id: number; text: string; }, currPos: number, newPos: number) => console.log("Drag: " + tag.text)} />,
+    document.getElementById("app")
+);

From 178b1c2fdb8cab6d64709c1843f4613623cd9a59 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Wed, 28 Jun 2017 12:48:47 +0300
Subject: [PATCH 014/274] jsonx tests updated.

---
 types/jsnox/index.d.ts     |  3 +-
 types/jsnox/jsnox-tests.ts | 75 +++++++++++++++++++-------------------
 types/jsnox/tslint.json    |  1 +
 3 files changed, 40 insertions(+), 39 deletions(-)
 create mode 100644 types/jsnox/tslint.json

diff --git a/types/jsnox/index.d.ts b/types/jsnox/index.d.ts
index ad5fe5ed2e..e8c3e65b51 100644
--- a/types/jsnox/index.d.ts
+++ b/types/jsnox/index.d.ts
@@ -1,8 +1,9 @@
 // Type definitions for JSnoX
 // Project: https://github.com/af/jsnox
 // Definitions by: Steve Baker <https://github.com/stkb/>
+//                 Dovydas Navickas <https://github.com/DovydasNavickas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.4
 
 /// <reference types="react" />
 
diff --git a/types/jsnox/jsnox-tests.ts b/types/jsnox/jsnox-tests.ts
index 26014b362f..08821ca8c3 100644
--- a/types/jsnox/jsnox-tests.ts
+++ b/types/jsnox/jsnox-tests.ts
@@ -1,57 +1,56 @@
-
-import * as React from 'react';
-import * as jsnox from 'jsnox';
-var $ = jsnox(React);
+import * as React from "react";
+import * as jsnox from "jsnox";
+let $ = jsnox(React);
 
 interface PersonProps {
-    firstName: string
-    lastName: string
-    age: number
+    firstName: string;
+    lastName: string;
+    age: number;
 }
 
-var Person = React.createClass<PersonProps, {}>({
-    render():React.ReactElement<any> { return null; }
+let Person: React.ClassicComponentClass<PersonProps> = React.createClass<PersonProps, {}>({
+    render(): React.ReactElement<any> { return null; }
 });
 
-var PersonTag = React.createFactory(Person);
+let PersonTag = React.createFactory(Person);
 
-var clickHandler: React.MouseEventHandler<{}>;
+let clickHandler: React.MouseEventHandler<{}>;
 
-// Tests with spec string
-function spec_string () {
-    var result: React.ReactHTMLElement<HTMLElement>
+// tests with spec string
+function spec_string(): void {
+    let result: React.DOMElement<React.DOMAttributes<Element>, Element>;
 
     // just spec string
-    result = $('div')
+    result = $("div");
 
-    // No properties, just children
-    result = $('div', 'hello') // one string child
-    result = $('div', $('span', 'world')) // one element child
-    result = $('div', ['hello', $('span', 'world')]) // mixed array of children
+    // no properties, just children
+    result = $("div", "hello"); // one string child
+    result = $("div", $("span", "world")); // one element child
+    result = $("div", ["hello", $("span", "world")]); // mixed array of children
 
-    // With html properties
-    result = $('div', { onClick: clickHandler }) // no children
-    result = $('div', { onClick: clickHandler }, 'hello') // one string child
-    result = $('div', { onClick: clickHandler }, $('span', 'world')) // one element child
-    result = $('div', { onClick: clickHandler }, ['hello', $('span', 'world')]) // mixed array of children
+    // with html properties
+    result = $("div", { onClick: clickHandler }); // no children
+    result = $("div", { onClick: clickHandler }, "hello"); // one string child
+    result = $("div", { onClick: clickHandler }, $("span", "world")); // one element child
+    result = $("div", { onClick: clickHandler }, ["hello", $("span", "world")]); // mixed array of children
 }
 
-// Tests with react component
-function react_component() {
-    var result: React.ReactElement<{}>
+// tests with react component
+function react_component(): void {
+    let result: React.ReactElement<{}>;
 
     // with nothing more
-    result = $(Person)
+    result = $(Person);
 
-    // No properties, just children
-    result = $(Person, 'hello')                         // one string child
-    result = $(Person, $('span', 'world'))              // one element child
-    result = $(Person, ['hello', $('span', 'world')])   // mixed array of children
+    // no properties, just children
+    result = $(Person, "hello");                         // one string child
+    result = $(Person, $("span", "world"));              // one element child
+    result = $(Person, ["hello", $("span", "world")]);   // mixed array of children
 
-    // With component props
-    var props = { firstName: 'Bob', lastName: 'Garfield', age: 72 }
-    result = $(Person, props)                           // no children
-    result = $(Person, props, 'hello')                  // one string child
-    result = $(Person, props, $('span', 'world'))       // one element child
-    result = $(Person, props, ['hello', PersonTag()])   // mixed array of children
+    // with component props
+    let props: PersonProps = { firstName: "Bob", lastName: "Garfield", age: 72 };
+    result = $(Person, props);                           // no children
+    result = $(Person, props, "hello");                  // one string child
+    result = $(Person, props, $("span", "world"));       // one element child
+    result = $(Person, props, ["hello", PersonTag()]);   // mixed array of children
 }
diff --git a/types/jsnox/tslint.json b/types/jsnox/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/jsnox/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From a4adb4ff04bd15ce4acf2f67d82db07f2ee9404c Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Wed, 28 Jun 2017 13:01:06 +0300
Subject: [PATCH 015/274] dts-lint error fixed in jsnox.

---
 types/jsnox/index.d.ts | 26 ++++++++++----------------
 types/react/index.d.ts |  2 +-
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/types/jsnox/index.d.ts b/types/jsnox/index.d.ts
index e8c3e65b51..791141da16 100644
--- a/types/jsnox/index.d.ts
+++ b/types/jsnox/index.d.ts
@@ -1,11 +1,9 @@
-// Type definitions for JSnoX
+// Type definitions for JSnoX 2.1
 // Project: https://github.com/af/jsnox
 // Definitions by: Steve Baker <https://github.com/stkb/>
 //                 Dovydas Navickas <https://github.com/DovydasNavickas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
-
-/// <reference types="react" />
+// TypeScript Version: 2.3
 
 import * as React from "react";
 
@@ -14,13 +12,10 @@ import * as React from "react";
  * This will normally be the React object but could be something else
  */
 interface ReactLikeObject {
-    createElement<P>(type: React.ComponentClass<P> | string,
-        props: P, children: React.ReactNode): React.ReactElement<P>;
+    createElement<P>(type: React.ComponentClass<P> | string, props: P, children: React.ReactNode): React.ReactElement<P>;
 }
 
-interface Module {
-    (reactObj: ReactLikeObject): CreateElement
-}
+type Module = (reactObj: ReactLikeObject) => CreateElement;
 
 interface CreateElement {
     /**
@@ -31,7 +26,7 @@ interface CreateElement {
      * @param children A single React node (string or ReactElement) or array of nodes.
      * Note that unlike with React itself, multiple children must be placed into an array.
      */
-    <P>(specString: string, children: React.ReactNode): React.DOMElement<P, Element>
+    <P>(specString: string, children: React.ReactNode): React.DOMElement<P, Element>;
 
     /**
      * Renders an HTML element from the given spec string, with optional props
@@ -42,8 +37,7 @@ interface CreateElement {
      * @param children A single React node (string or ReactElement) or array of nodes.
      * Note that unlike with React itself, multiple children must be placed into an array.
      */
-    <P>(specString: string, props?: React.HTMLAttributes<{}>, children?: React.ReactNode): React.DOMElement<P, Element>
-
+    <P>(specString: string, props?: React.HTMLAttributes<{}>, children?: React.ReactNode): React.DOMElement<P, Element>;
 
     /**
      * Renders a React component, with children but no props
@@ -52,7 +46,7 @@ interface CreateElement {
      * @param children A single React node (string or ReactElement) or array of nodes.
      * Note that unlike with React itself, multiple children must be placed into an array.
      */
-    <P>(component: React.ComponentClass<P>, children: React.ReactNode): React.ReactElement<P>
+    <P>(component: React.ComponentClass<P>, children: React.ReactNode): React.ReactElement<P>;
 
     /**
      * Renders a React component, with optional props and children
@@ -62,8 +56,8 @@ interface CreateElement {
      * @param children A single React node (string or ReactElement) or array of nodes.
      * Note that unlike with React itself, multiple children must be placed into an array.
      */
-    <P>(component: React.ComponentClass<P>, props?: P, children?: React.ReactNode): React.ReactElement<P>
+    <P>(component: React.ComponentClass<P>, props?: P, children?: React.ReactNode): React.ReactElement<P>;
 }
 
-declare var exports: Module
-export = exports
+declare var exports: Module;
+export = exports;
diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 46b34637bc..29190c3c9d 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -12,7 +12,7 @@
 //                 Tanguy Krotoff <https://github.com/tkrotoff>
 //                 Dovydas Navickas <https://github.com/DovydasNavickas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.4
+// TypeScript Version: 2.3
 
 type NativeAnimationEvent = AnimationEvent;
 type NativeClipboardEvent = ClipboardEvent;

From 9e62632e245abce6ae0301bec49d0ceede24dea9 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Wed, 28 Jun 2017 15:03:32 +0300
Subject: [PATCH 016/274] Added tslint.json for react.

---
 types/react/index.d.ts    | 482 ++++++++++++++++++++++++++------------
 types/react/test/index.ts | 208 ++++++++--------
 types/react/tslint.json   |   1 +
 3 files changed, 436 insertions(+), 255 deletions(-)
 create mode 100644 types/react/tslint.json

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 29190c3c9d..8800440547 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for React v15.0
+// Type definitions for React 15.0
 // Project: http://facebook.github.io/react/
 // Definitions by: Asana <https://asana.com>
 //                 AssureSign <http://www.assuresign.com>
@@ -30,7 +30,6 @@ export = React;
 export as namespace React;
 
 declare namespace React {
-
     //
     // React Elements
     // ----------------------------------------------------------------------
@@ -40,6 +39,8 @@ declare namespace React {
 
     type Key = string | number;
     type Ref<T> = string | ((instance: T | null) => any);
+
+    // tslint:disable:interface-over-type-literal
     type ComponentState = {};
 
     interface Attributes {
@@ -84,32 +85,29 @@ declare namespace React {
     // Factories
     // ----------------------------------------------------------------------
 
-    interface Factory<P> {
-        (props?: Attributes & P, ...children: ReactNode[]): ReactElement<P>;
-    }
+    type Factory<P> = (props?: Attributes & P, ...children: ReactNode[]) => ReactElement<P>;
 
-    interface SFCFactory<P> {
-        (props?: Attributes & P, ...children: ReactNode[]): SFCElement<P>;
-    }
+    type SFCFactory<P> = (props?: Attributes & P, ...children: ReactNode[]) => SFCElement<P>;
 
-    interface ComponentFactory<P, T extends Component<P, ComponentState>> {
-        (props?: ClassAttributes<T> & P, ...children: ReactNode[]): CElement<P, T>;
-    }
+    type ComponentFactory<P, T extends Component<P, ComponentState>> =
+        (props?: ClassAttributes<T> & P, ...children: ReactNode[]) => CElement<P, T>;
 
     type CFactory<P, T extends Component<P, ComponentState>> = ComponentFactory<P, T>;
     type ClassicFactory<P> = CFactory<P, ClassicComponent<P, ComponentState>>;
 
-    interface DOMFactory<P extends DOMAttributes<T>, T extends Element> {
-        (props?: ClassAttributes<T> & P | null, ...children: ReactNode[]): DOMElement<P, T>;
-    }
+    type DOMFactory<P extends DOMAttributes<T>, T extends Element> =
+        (props?: ClassAttributes<T> & P | null, ...children: ReactNode[]) => DOMElement<P, T>;
 
     interface HTMLFactory<T extends HTMLElement> extends DOMFactory<HTMLAttributes<T>, T> {
+        (props?: ClassAttributes<T> & HTMLAttributes<T> | null, ...children: ReactNode[]): ReactHTMLElement<T>;
     }
 
     interface ChangeTargetHTMLFactory<T extends HTMLElement> extends DOMFactory<ChangeTargetHTMLAttributes<T>, T> {
+        (props?: ClassAttributes<T> & ChangeTargetHTMLAttributes<T> | null, ...children: ReactNode[]): ReactHTMLElement<T>;
     }
 
     interface SVGFactory extends DOMFactory<SVGAttributes<SVGElement>, SVGElement> {
+        (props?: ClassAttributes<SVGElement> & SVGAttributes<SVGElement> | null, ...children: ReactNode[]): ReactSVGElement;
     }
 
     //
@@ -168,6 +166,10 @@ declare namespace React {
         element: DOMElement<P, T>,
         props?: ClassAttributes<T> & P,
         ...children: ReactNode[]): DOMElement<P, T>;
+    function cloneElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
+        element: ReactHTMLElement<T>,
+        props?: ClassAttributes<T> & P,
+        ...children: ReactNode[]): ReactHTMLElement<T>;
     function cloneElement<P extends Q, Q>(
         element: SFCElement<P>,
         props?: Q, // should be Q & Attributes, but then Q is inferred as {}
@@ -183,10 +185,10 @@ declare namespace React {
 
     function isValidElement<P>(object: {}): object is ReactElement<P>;
 
-    var DOM: ReactDOM;
-    var PropTypes: ReactPropTypes;
-    var Children: ReactChildren;
-    var version: string;
+    const DOM: ReactDOM;
+    const PropTypes: ReactPropTypes;
+    const Children: ReactChildren;
+    const version: string;
 
     //
     // Component API
@@ -195,9 +197,12 @@ declare namespace React {
     type ReactInstance = Component<any> | Element;
 
     // Base component for plain JS classes
+    // tslint:disable:no-empty-interface
     interface Component<P = {}, S = {}> extends ComponentLifecycle<P, S> { }
     class Component<P, S> {
         constructor(props?: P, context?: any);
+        // Disabling unified-signatures to have separate overloads. It's easier to understand this way.
+        // tslint:disable:unified-signatures
         setState<K extends keyof S>(f: (prevState: S, props: P) => Pick<S, K>, callback?: () => any): void;
         setState<K extends keyof S>(state: Pick<S, K>, callback?: () => any): void;
         forceUpdate(callBack?: () => any): void;
@@ -280,7 +285,7 @@ declare namespace React {
     }
 
     interface Mixin<P, S> extends ComponentLifecycle<P, S> {
-        mixins?: Mixin<P, S>[];
+        mixins?: Array<Mixin<P, S>>;
         statics?: {
             [key: string]: any;
         };
@@ -432,9 +437,7 @@ declare namespace React {
     // Event Handler Types
     // ----------------------------------------------------------------------
 
-    interface EventHandler<E extends SyntheticEvent<any>> {
-        (event: E): void;
-    }
+    type EventHandler<E extends SyntheticEvent<any>> = (event: E) => void;
 
     type ReactEventHandler<T> = EventHandler<SyntheticEvent<T>>;
 
@@ -670,7 +673,6 @@ declare namespace React {
     // This interface is not complete. Only properties accepting
     // unitless numbers are listed here (see CSSProperty.js in React)
     interface CSSProperties {
-
         /**
          * Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main-axis.
          */
@@ -687,7 +689,10 @@ declare namespace React {
         alignSelf?: CSSWideKeyword | "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 
         /**
-         * This property allows precise alignment of elements, such as graphics, that do not have a baseline-table or lack the desired baseline in their baseline-table. With the alignment-adjust property, the position of the baseline identified by the alignment-baseline can be explicitly determined. It also determines precisely the alignment point for each glyph within a textual element.
+         * This property allows precise alignment of elements, such as graphics,
+         * that do not have a baseline-table or lack the desired baseline in their baseline-table.
+         * With the alignment-adjust property, the position of the baseline identified by the alignment-baseline
+         * can be explicitly determined. It also determines precisely the alignment point for each glyph within a textual element.
          */
         alignmentAdjust?: CSSWideKeyword | any;
 
@@ -746,7 +751,9 @@ declare namespace React {
 
         /**
          * This property describes how the element's background images should blend with each other and the element's background color.
-         * The value is a list of blend modes that corresponds to each background image. Each element in the list will apply to the corresponding element of background-image. If a property doesn’t have enough comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list of values until there are enough.
+         * The value is a list of blend modes that corresponds to each background image. Each element in the list will apply to the
+         * corresponding element of background-image. If a property doesn’t have enough comma-separated values to match the number of layers,
+         * the UA must calculate its used value by repeating the list of values until there are enough.
          */
         backgroundBlendMode?: CSSWideKeyword | any;
 
@@ -788,7 +795,8 @@ declare namespace React {
         behavior?: CSSWideKeyword | any;
 
         /**
-         * Shorthand property that defines the different properties of all four sides of an element's border in a single declaration. It can be used to set border-width, border-style and border-color, or a subset of these.
+         * Shorthand property that defines the different properties of all four sides of an element's border in a single declaration.
+         * It can be used to set border-width, border-style and border-color, or a subset of these.
          */
         border?: CSSWideKeyword | any;
 
@@ -819,7 +827,9 @@ declare namespace React {
         borderBottomStyle?: CSSWideKeyword | any;
 
         /**
-         * Sets the width of an element's bottom border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         * Sets the width of an element's bottom border. To set all four borders,
+         * use the border-width shorthand property which sets the values simultaneously for border-top-width,
+         * border-right-width, border-bottom-width, and border-left-width.
          */
         borderBottomWidth?: CSSWideKeyword | any;
 
@@ -829,69 +839,90 @@ declare namespace React {
         borderCollapse?: CSSWideKeyword | any;
 
         /**
-         * The CSS border-color property sets the color of an element's four borders. This property can have from one to four values, made up of the elementary properties:
+         * The CSS border-color property sets the color of an element's four borders.
+         * This property can have from one to four values, made up of the elementary properties:
          *      •       border-top-color
          *      •       border-right-color
          *      •       border-bottom-color
          *      •       border-left-color The default color is the currentColor of each of these values.
-         * If you provide one value, it sets the color for the element. Two values set the horizontal and vertical values, respectively. Providing three values sets the top, vertical, and bottom values, in that order. Four values set all for sides: top, right, bottom, and left, in that order.
+         * If you provide one value, it sets the color for the element. Two values set the horizontal and vertical values,
+         * respectively. Providing three values sets the top, vertical, and bottom values, in that order.
+         * Four values set all for sides: top, right, bottom, and left, in that order.
          */
         borderColor?: CSSWideKeyword | any;
 
         /**
-         * Specifies different corner clipping effects, such as scoop (inner curves), bevel (straight cuts) or notch (cut-off rectangles). Works along with border-radius to specify the size of each corner effect.
+         * Specifies different corner clipping effects, such as scoop (inner curves), bevel (straight cuts) or notch (cut-off rectangles).
+         * Works along with border-radius to specify the size of each corner effect.
          */
         borderCornerShape?: CSSWideKeyword | any;
 
         /**
-         * The property border-image-source is used to set the image to be used instead of the border style. If this is set to none the border-style is used instead.
+         * The property border-image-source is used to set the image to be used instead of the border style.
+         * If this is set to none the border-style is used instead.
          */
         borderImageSource?: CSSWideKeyword | any;
 
         /**
-         * The border-image-width CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom, and left edges.
+         * The border-image-width CSS property defines the offset to use for dividing the border image in nine parts,
+         * the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge,
+         * bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom, and left edges.
          */
         borderImageWidth?: CSSWideKeyword | any;
 
         /**
-         * Shorthand property that defines the border-width, border-style and border-color of an element's left border in a single declaration. Note that you can use the corresponding longhand properties to set specific individual properties of the left border — border-left-width, border-left-style and border-left-color.
+         * Shorthand property that defines the border-width, border-style and border-color of an element's left border in a single declaration.
+         * Note that you can use the corresponding longhand properties to set specific individual properties of the left border — border-left-width,
+         * border-left-style and border-left-color.
          */
         borderLeft?: CSSWideKeyword | any;
 
         /**
-         * The CSS border-left-color property sets the color of an element's left border. This page explains the border-left-color value, but often you will find it more convenient to fix the border's left color as part of a shorthand set, either border-left or border-color.
+         * The CSS border-left-color property sets the color of an element's left border. This page explains the border-left-color value,
+         * but often you will find it more convenient to fix the border's left color as part of a shorthand set, either border-left or border-color.
          * Colors can be defined several ways. For more information, see Usage.
          */
         borderLeftColor?: CSSWideKeyword | any;
 
         /**
-         * Sets the style of an element's left border. To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
+         * Sets the style of an element's left border. To set all four borders, use the shorthand property, border-style.
+         * Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
          */
         borderLeftStyle?: CSSWideKeyword | any;
 
         /**
-         * Sets the width of an element's left border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         * Sets the width of an element's left border. To set all four borders,
+         * use the border-width shorthand property which sets the values simultaneously for border-top-width,
+         * border-right-width, border-bottom-width, and border-left-width.
          */
         borderLeftWidth?: CSSWideKeyword | any;
 
         /**
-         * Shorthand property that defines the border-width, border-style and border-color of an element's right border in a single declaration. Note that you can use the corresponding longhand properties to set specific individual properties of the right border — border-right-width, border-right-style and border-right-color.
+         * Shorthand property that defines the border-width, border-style and border-color of an element's right border
+         * in a single declaration. Note that you can use the corresponding longhand properties to set specific
+         * individual properties of the right border — border-right-width, border-right-style and border-right-color.
          */
         borderRight?: CSSWideKeyword | any;
 
         /**
-         * Sets the color of an element's right border. This page explains the border-right-color value, but often you will find it more convenient to fix the border's right color as part of a shorthand set, either border-right or border-color.
+         * Sets the color of an element's right border. This page explains the border-right-color value,
+         * but often you will find it more convenient to fix the border's right color as part of a shorthand set,
+         * either border-right or border-color.
          * Colors can be defined several ways. For more information, see Usage.
          */
         borderRightColor?: CSSWideKeyword | any;
 
         /**
-         * Sets the style of an element's right border. To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
+         * Sets the style of an element's right border. To set all four borders, use the shorthand property,
+         * border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style,
+         * border-bottom-style, border-left-style.
          */
         borderRightStyle?: CSSWideKeyword | any;
 
         /**
-         * Sets the width of an element's right border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         * Sets the width of an element's right border. To set all four borders,
+         * use the border-width shorthand property which sets the values simultaneously for border-top-width,
+         * border-right-width, border-bottom-width, and border-left-width.
          */
         borderRightWidth?: CSSWideKeyword | any;
 
@@ -901,17 +932,24 @@ declare namespace React {
         borderSpacing?: CSSWideKeyword | any;
 
         /**
-         * Sets the style of an element's four borders. This property can have from one to four values. With only one value, the value will be applied to all four borders; otherwise, this works as a shorthand property for each of border-top-style, border-right-style, border-bottom-style, border-left-style, where each border style may be assigned a separate value.
+         * Sets the style of an element's four borders. This property can have from one to four values.
+         * With only one value, the value will be applied to all four borders;
+         * otherwise, this works as a shorthand property for each of border-top-style, border-right-style,
+         * border-bottom-style, border-left-style, where each border style may be assigned a separate value.
          */
         borderStyle?: CSSWideKeyword | any;
 
         /**
-         * Shorthand property that defines the border-width, border-style and border-color of an element's top border in a single declaration. Note that you can use the corresponding longhand properties to set specific individual properties of the top border — border-top-width, border-top-style and border-top-color.
+         * Shorthand property that defines the border-width, border-style and border-color of an element's top border
+         * in a single declaration. Note that you can use the corresponding longhand properties to set specific
+         * individual properties of the top border — border-top-width, border-top-style and border-top-color.
          */
         borderTop?: CSSWideKeyword | any;
 
         /**
-         * Sets the color of an element's top border. This page explains the border-top-color value, but often you will find it more convenient to fix the border's top color as part of a shorthand set, either border-top or border-color.
+         * Sets the color of an element's top border. This page explains the border-top-color value,
+         * but often you will find it more convenient to fix the border's top color as part of a shorthand set,
+         * either border-top or border-color.
          * Colors can be defined several ways. For more information, see Usage.
          */
         borderTopColor?: CSSWideKeyword | any;
@@ -927,22 +965,30 @@ declare namespace React {
         borderTopRightRadius?: CSSWideKeyword | any;
 
         /**
-         * Sets the style of an element's top border. To set all four borders, use the shorthand property, border-style. Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
+         * Sets the style of an element's top border. To set all four borders, use the shorthand property, border-style.
+         * Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style, border-left-style.
          */
         borderTopStyle?: CSSWideKeyword | any;
 
         /**
-         * Sets the width of an element's top border. To set all four borders, use the border-width shorthand property which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         * Sets the width of an element's top border. To set all four borders,
+         * use the border-width shorthand property which sets the values simultaneously for border-top-width,
+         * border-right-width, border-bottom-width, and border-left-width.
          */
         borderTopWidth?: CSSWideKeyword | any;
 
         /**
-         * Sets the width of an element's four borders. This property can have from one to four values. This is a shorthand property for setting values simultaneously for border-top-width, border-right-width, border-bottom-width, and border-left-width.
+         * Sets the width of an element's four borders. This property can have from one to four values.
+         * This is a shorthand property for setting values simultaneously for border-top-width,
+         * border-right-width, border-bottom-width, and border-left-width.
          */
         borderWidth?: CSSWideKeyword | any;
 
         /**
-         * This property specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the bottom edges of the box itself (i.e., the box is given a position in the normal flow, then offset from that position according to these properties).
+         * This property specifies how far an absolutely positioned box's bottom margin edge
+         * is offset above the bottom edge of the box's containing block. For relatively positioned boxes,
+         * the offset is with respect to the bottom edges of the box itself
+         * (i.e., the box is given a position in the normal flow, then offset from that position according to these properties).
          */
         bottom?: CSSWideKeyword | any;
 
@@ -952,7 +998,9 @@ declare namespace React {
         boxAlign?: CSSWideKeyword | any;
 
         /**
-         * Breaks a box into fragments creating new borders, padding and repeating backgrounds or lets it stay as a continuous box on a page break, column break, or, for inline elements, at a line break.
+         * Breaks a box into fragments creating new borders,
+         * padding and repeating backgrounds or lets it stay as a continuous box on a page break,
+         * column break, or, for inline elements, at a line break.
          */
         boxDecorationBreak?: CSSWideKeyword | any;
 
@@ -975,7 +1023,8 @@ declare namespace React {
 
         /**
          * Do not use. This property has been replaced by flex-order.
-         * Specifies the ordinal group that a child element of the object belongs to. This ordinal value identifies the display order (along the axis defined by the box-orient property) for the group.
+         * Specifies the ordinal group that a child element of the object belongs to.
+         * This ordinal value identifies the display order (along the axis defined by the box-orient property) for the group.
          */
         boxOrdinalGroup?: CSSWideKeyword | any;
 
@@ -996,7 +1045,11 @@ declare namespace React {
         boxShadow?: CSSWideKeyword | any;
 
         /**
-         * The CSS break-after property allows you to force a break on multi-column layouts. More specifically, it allows you to force a break after an element. It allows you to determine if a break should occur, and what type of break it should be. The break-after CSS property describes how the page, column or region break behaves after the generated box. If there is no generated box, the property is ignored.
+         * The CSS break-after property allows you to force a break on multi-column layouts.
+         * More specifically, it allows you to force a break after an element.
+         * It allows you to determine if a break should occur, and what type of break it should be.
+         * The break-after CSS property describes how the page, column or region break behaves after the generated box.
+         * If there is no generated box, the property is ignored.
          */
         breakAfter?: CSSWideKeyword | any;
 
@@ -1011,23 +1064,28 @@ declare namespace React {
         breakInside?: CSSWideKeyword | any;
 
         /**
-         * The clear CSS property specifies if an element can be positioned next to or must be positioned below the floating elements that precede it in the markup.
+         * The clear CSS property specifies if an element can be positioned next to
+         * or must be positioned below the floating elements that precede it in the markup.
          */
         clear?: CSSWideKeyword | any;
 
         /**
          * Deprecated; see clip-path.
-         * Lets you specify the dimensions of an absolutely positioned element that should be visible, and the element is clipped into this shape, and displayed.
+         * Lets you specify the dimensions of an absolutely positioned element that should be visible,
+         * and the element is clipped into this shape, and displayed.
          */
         clip?: CSSWideKeyword | any;
 
         /**
-         * Clipping crops an graphic, so that only a portion of the graphic is rendered, or filled. This clip-rule property, when used with the clip-path property, defines which clip rule, or algorithm, to use when filling the different parts of a graphics.
+         * Clipping crops an graphic, so that only a portion of the graphic is rendered, or filled.
+         * This clip-rule property, when used with the clip-path property, defines which clip rule, or algorithm,
+         * to use when filling the different parts of a graphics.
          */
         clipRule?: CSSWideKeyword | any;
 
         /**
-         * The color property sets the color of an element's foreground content (usually text), accepting any standard CSS color from keywords and hex values to RGB(a) and HSL(a).
+         * The color property sets the color of an element's foreground content (usually text),
+         * accepting any standard CSS color from keywords and hex values to RGB(a) and HSL(a).
          */
         color?: CSSWideKeyword | any;
 
@@ -1063,7 +1121,8 @@ declare namespace React {
         columnRuleWidth?: CSSWideKeyword | any;
 
         /**
-         * The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.
+         * The column-span CSS property makes it possible for an element to span across all columns when its value is set to all.
+         * An element that spans more than one column is called a spanning element.
          */
         columnSpan?: CSSWideKeyword | any;
 
@@ -1078,22 +1137,31 @@ declare namespace React {
         columns?: CSSWideKeyword | any;
 
         /**
-         * The counter-increment property accepts one or more names of counters (identifiers), each one optionally followed by an integer which specifies the value by which the counter should be incremented (e.g. if the value is 2, the counter increases by 2 each time it is invoked).
+         * The counter-increment property accepts one or more names of counters (identifiers),
+         * each one optionally followed by an integer which specifies the value by which the counter should be incremented
+         * (e.g. if the value is 2, the counter increases by 2 each time it is invoked).
          */
         counterIncrement?: CSSWideKeyword | any;
 
         /**
-         * The counter-reset property contains a list of one or more names of counters, each one optionally followed by an integer (otherwise, the integer defaults to 0.) Each time the given element is invoked, the counters specified by the property are set to the given integer.
+         * The counter-reset property contains a list of one or more names of counters,
+         * each one optionally followed by an integer (otherwise, the integer defaults to 0.).
+         * Each time the given element is invoked, the counters specified by the property are set to the given integer.
          */
         counterReset?: CSSWideKeyword | any;
 
         /**
-         * The cue property specifies sound files (known as an "auditory icon") to be played by speech media agents before and after presenting an element's content; if only one file is specified, it is played both before and after. The volume at which the file(s) should be played, relative to the volume of the main element, may also be specified. The icon files may also be set separately with the cue-before and cue-after properties.
+         * The cue property specifies sound files (known as an "auditory icon") to be played by speech media agents
+         * before and after presenting an element's content; if only one file is specified, it is played both before and after.
+         * The volume at which the file(s) should be played, relative to the volume of the main element, may also be specified.
+         * The icon files may also be set separately with the cue-before and cue-after properties.
          */
         cue?: CSSWideKeyword | any;
 
         /**
-         * The cue-after property specifies a sound file (known as an "auditory icon") to be played by speech media agents after presenting an element's content; the volume at which the file should be played may also be specified. The shorthand property cue sets cue sounds for both before and after the element is presented.
+         * The cue-after property specifies a sound file (known as an "auditory icon") to be played by speech media agents
+         * after presenting an element's content; the volume at which the file should be played may also be specified.
+         * The shorthand property cue sets cue sounds for both before and after the element is presented.
          */
         cueAfter?: CSSWideKeyword | any;
 
@@ -1113,7 +1181,11 @@ declare namespace React {
         display?: CSSWideKeyword | any;
 
         /**
-         * The ‘fill’ property paints the interior of the given graphical element. The area to be painted consists of any areas inside the outline of the shape. To determine the inside of the shape, all subpaths are considered, and the interior is determined according to the rules associated with the current value of the ‘fill-rule’ property. The zero-width geometric outline of a shape is included in the area to be painted.
+         * The ‘fill’ property paints the interior of the given graphical element.
+         * The area to be painted consists of any areas inside the outline of the shape.
+         * To determine the inside of the shape, all subpaths are considered,
+         * and the interior is determined according to the rules associated with the current value of the ‘fill-rule’ property.
+         * The zero-width geometric outline of a shape is included in the area to be painted.
          */
         fill?: CSSWideKeyword | any;
 
@@ -1124,7 +1196,10 @@ declare namespace React {
         fillOpacity?: CSSWideKeyword | number;
 
         /**
-         * The ‘fill-rule’ property indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside"; however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the interpretation of "inside" is not so obvious.
+         * The ‘fill-rule’ property indicates the algorithm which is to be used to determine what parts of the canvas are included inside the shape.
+         * For a simple, non-intersecting path, it is intuitively clear what region lies "inside";
+         * however, for a more complex path, such as a path that intersects itself or where one subpath encloses another,
+         * the interpretation of "inside" is not so obvious.
          * The ‘fill-rule’ property provides two options for how the inside of a shape is determined:
          */
         fillRule?: CSSWideKeyword | any;
@@ -1146,7 +1221,8 @@ declare namespace React {
         flexAlign?: CSSWideKeyword | any;
 
         /**
-         * The flex-basis CSS property describes the initial main size of the flex item before any free space is distributed according to the flex factors described in the flex property (flex-grow and flex-shrink).
+         * The flex-basis CSS property describes the initial main size of the flex item
+         * before any free space is distributed according to the flex factors described in the flex property (flex-grow and flex-shrink).
          */
         flexBasis?: CSSWideKeyword | any;
 
@@ -1190,13 +1266,17 @@ declare namespace React {
         flexShrink?: CSSWideKeyword | number;
 
         /**
-         * Specifies whether flex items are forced into a single line or can be wrapped onto multiple lines. If wrapping is allowed, this property also enables you to control the direction in which lines are stacked.
+         * Specifies whether flex items are forced into a single line or can be wrapped onto multiple lines.
+         * If wrapping is allowed, this property also enables you to control the direction in which lines are stacked.
          * See CSS flex-wrap property https://drafts.csswg.org/css-flexbox-1/#flex-wrap-property
          */
         flexWrap?: CSSWideKeyword | "nowrap" | "wrap" | "wrap-reverse";
 
         /**
-         * Elements which have the style float are floated horizontally. These elements can move as far to the left or right of the containing element. All elements after the floating element will flow around it, but elements before the floating element are not impacted. If several floating elements are placed after each other, they will float next to each other as long as there is room.
+         * Elements which have the style float are floated horizontally.
+         * These elements can move as far to the left or right of the containing element.
+         * All elements after the floating element will flow around it, but elements before the floating element are not impacted.
+         * If several floating elements are placed after each other, they will float next to each other as long as there is room.
          */
         float?: CSSWideKeyword | any;
 
@@ -1206,17 +1286,20 @@ declare namespace React {
         flowFrom?: CSSWideKeyword | any;
 
         /**
-         * The font property is shorthand that allows you to do one of two things: you can either set up six of the most mature font properties in one line, or you can set one of a choice of keywords to adopt a system font setting.
+         * The font property is shorthand that allows you to do one of two things: you can either set up six of the most mature font properties in one line,
+         * or you can set one of a choice of keywords to adopt a system font setting.
          */
         font?: CSSWideKeyword | any;
 
         /**
-         * The font-family property allows one or more font family names and/or generic family names to be specified for usage on the selected element(s)' text. The browser then goes through the list; for each character in the selection it applies the first font family that has an available glyph for that character.
+         * The font-family property allows one or more font family names and/or generic family names to be specified for usage on the selected element(s)' text.
+         * The browser then goes through the list; for each character in the selection it applies the first font family that has an available glyph for that character.
          */
         fontFamily?: CSSWideKeyword | any;
 
         /**
-         * The font-kerning property allows contextual adjustment of inter-glyph spacing, i.e. the spaces between the characters in text. This property controls <bold>metric kerning</bold> - that utilizes adjustment data contained in the font. Optical Kerning is not supported as yet.
+         * The font-kerning property allows contextual adjustment of inter-glyph spacing, i.e. the spaces between the characters in text.
+         * This property controls <bold>metric kerning</bold> - that utilizes adjustment data contained in the font. Optical Kerning is not supported as yet.
          */
         fontKerning?: CSSWideKeyword | any;
 
@@ -1225,12 +1308,14 @@ declare namespace React {
          * See CSS 3 font-size property https://www.w3.org/TR/css-fonts-3/#propdef-font-size
          */
         fontSize?: CSSWideKeyword |
-                   "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" |
-                   "larger" | "smaller" |
-                   CSSLength | CSSPercentage;
+        "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" |
+        "larger" | "smaller" |
+        CSSLength | CSSPercentage;
 
         /**
-         * The font-size-adjust property adjusts the font-size of the fallback fonts defined with font-family, so that the x-height is the same no matter what font is used. This preserves the readability of the text when fallback happens.
+         * The font-size-adjust property adjusts the font-size of the fallback fonts defined with font-family,
+         * so that the x-height is the same no matter what font is used.
+         * This preserves the readability of the text when fallback happens.
          * See CSS 3 font-size-adjust property https://www.w3.org/TR/css-fonts-3/#propdef-font-size-adjust
          */
         fontSizeAdjust?: CSSWideKeyword | "none" | number;
@@ -1240,11 +1325,13 @@ declare namespace React {
          * See CSS 3 font-stretch property https://drafts.csswg.org/css-fonts-3/#propdef-font-stretch
          */
         fontStretch?: CSSWideKeyword |
-                      "normal" | "ultra-condensed" | "extra-condensed" | "condensed" | "semi-condensed" |
-                      "semi-expanded" | "expanded" | "extra-expanded" | "ultra-expanded";
+        "normal" | "ultra-condensed" | "extra-condensed" | "condensed" | "semi-condensed" |
+        "semi-expanded" | "expanded" | "extra-expanded" | "ultra-expanded";
 
         /**
-         * The font-style property allows normal, italic, or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face. Oblique faces can be simulated by artificially sloping the glyphs of the regular face.
+         * The font-style property allows normal, italic, or oblique faces to be selected.
+         * Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.
+         * Oblique faces can be simulated by artificially sloping the glyphs of the regular face.
          * See CSS 3 font-style property https://www.w3.org/TR/css-fonts-3/#propdef-font-style
          */
         fontStyle?: CSSWideKeyword | "normal" | "italic" | "oblique";
@@ -1281,12 +1368,15 @@ declare namespace React {
         gridColumn?: CSSWideKeyword | any;
 
         /**
-         * Controls a grid item's placement in a grid area as well as grid position and a grid span. The grid-column-end property (with grid-row-start, grid-row-end, and grid-column-start) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
+         * Controls a grid item's placement in a grid area as well as grid position and a grid span.
+         * The grid-column-end property (with grid-row-start, grid-row-end, and grid-column-start) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
          */
         gridColumnEnd?: CSSWideKeyword | any;
 
         /**
-         * Determines a grid item's placement by specifying the starting grid lines of a grid item's grid area . A grid item's placement in a grid area consists of a grid position and a grid span. See also ( grid-row-start, grid-row-end, and grid-column-end)
+         * Determines a grid item's placement by specifying the starting grid lines of a grid item's grid area.
+         * A grid item's placement in a grid area consists of a grid position and a grid span.
+         * See also ( grid-row-start, grid-row-end, and grid-column-end)
          */
         gridColumnStart?: CSSWideKeyword | any;
 
@@ -1296,7 +1386,8 @@ declare namespace React {
         gridRow?: CSSWideKeyword | any;
 
         /**
-         * Determines a grid item’s placement by specifying the block-end. A grid item's placement in a grid area consists of a grid position and a grid span. The grid-row-end property (with grid-row-start, grid-column-start, and grid-column-end) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
+         * Determines a grid item’s placement by specifying the block-end. A grid item's placement in a grid area consists of a grid position and a grid span.
+         * The grid-row-end property (with grid-row-start, grid-column-start, and grid-column-end) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
          */
         gridRowEnd?: CSSWideKeyword | any;
 
@@ -1309,17 +1400,22 @@ declare namespace React {
         gridRowSpan?: CSSWideKeyword | any;
 
         /**
-         * Specifies named grid areas which are not associated with any particular grid item, but can be referenced from the grid-placement properties. The syntax of the grid-template-areas property also provides a visualization of the structure of the grid, making the overall layout of the grid container easier to understand.
+         * Specifies named grid areas which are not associated with any particular grid item, but can be referenced from the grid-placement properties.
+         * The syntax of the grid-template-areas property also provides a visualization of the structure of the grid, making the overall layout of the grid container easier to understand.
          */
         gridTemplateAreas?: CSSWideKeyword | any;
 
         /**
-         * Specifies (with grid-template-rows) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
+         * Specifies (with grid-template-rows) the line names and track sizing functions of the grid.
+         * Each sizing function can be specified as a length, a percentage of the grid container’s size,
+         * a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
          */
         gridTemplateColumns?: CSSWideKeyword | any;
 
         /**
-         * Specifies (with grid-template-columns) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
+         * Specifies (with grid-template-columns) the line names and track sizing functions of the grid.
+         * Each sizing function can be specified as a length, a percentage of the grid container’s size,
+         * a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
          */
         gridTemplateRows?: CSSWideKeyword | any;
 
@@ -1339,7 +1435,8 @@ declare namespace React {
         hyphenateLimitLines?: CSSWideKeyword | any;
 
         /**
-         * Specifies the maximum amount of trailing whitespace (before justification) that may be left in a line before hyphenation is triggered to pull part of a word from the next line back up into the current one.
+         * Specifies the maximum amount of trailing whitespace (before justification) that may be left in a line before hyphenation is triggered
+         * to pull part of a word from the next line back up into the current one.
          */
         hyphenateLimitZone?: CSSWideKeyword | any;
 
@@ -1396,7 +1493,9 @@ declare namespace React {
         listStyle?: CSSWideKeyword | any;
 
         /**
-         * This property sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker. That also means that if the image is not available, it will show the style specified by list-style-property
+         * This property sets the image that will be used as the list item marker. When the image is available,
+         * it will replace the marker set with the 'list-style-type' marker. That also means that if the image is not available,
+         * it will show the style specified by list-style-property
          */
         listStyleImage?: CSSWideKeyword | any;
 
@@ -1411,7 +1510,9 @@ declare namespace React {
         listStyleType?: CSSWideKeyword | any;
 
         /**
-         * The margin property is shorthand to allow you to set all four margins of an element at once. Its equivalent longhand properties are margin-top, margin-right, margin-bottom and margin-left. Negative values are also allowed.
+         * The margin property is shorthand to allow you to set all four margins of an element at once.
+         * Its equivalent longhand properties are margin-top, margin-right, margin-bottom and margin-left.
+         * Negative values are also allowed.
          */
         margin?: CSSWideKeyword | any;
 
@@ -1446,22 +1547,29 @@ declare namespace React {
         marqueeStyle?: CSSWideKeyword | any;
 
         /**
-         * This property is shorthand for setting mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-composite and mask-size. Omitted values are set to their original properties' initial values.
+         * This property is shorthand for setting mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin, mask-composite and mask-size.
+         * Omitted values are set to their original properties' initial values.
          */
         mask?: CSSWideKeyword | any;
 
         /**
-         * This property is shorthand for setting mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, and mask-border-repeat. Omitted values are set to their original properties' initial values.
+         * This property is shorthand for setting mask-border-source, mask-border-slice, mask-border-width, mask-border-outset, and mask-border-repeat.
+         * Omitted values are set to their original properties' initial values.
          */
         maskBorder?: CSSWideKeyword | any;
 
         /**
-         * This property specifies how the images for the sides and the middle part of the mask image are scaled and tiled. The first keyword applies to the horizontal sides, the second one applies to the vertical ones. If the second keyword is absent, it is assumed to be the same as the first, similar to the CSS border-image-repeat property.
+         * This property specifies how the images for the sides and the middle part of the mask image are scaled and tiled.
+         * The first keyword applies to the horizontal sides, the second one applies to the vertical ones.
+         * If the second keyword is absent, it is assumed to be the same as the first, similar to the CSS border-image-repeat property.
          */
         maskBorderRepeat?: CSSWideKeyword | any;
 
         /**
-         * This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it into nine regions: four corners, four edges, and a middle. The middle image part is discarded and treated as fully transparent black unless the fill keyword is present. The four values set the top, right, bottom and left offsets in that order, similar to the CSS border-image-slice property.
+         * This property specifies inward offsets from the top, right, bottom, and left edges of the mask image,
+         * dividing it into nine regions: four corners, four edges, and a middle.
+         * The middle image part is discarded and treated as fully transparent black unless the fill keyword is present.
+         * The four values set the top, right, bottom and left offsets in that order, similar to the CSS border-image-slice property.
          */
         maskBorderSlice?: CSSWideKeyword | any;
 
@@ -1476,22 +1584,28 @@ declare namespace React {
         maskBorderWidth?: CSSWideKeyword | any;
 
         /**
-         * Determines the mask painting area, which defines the area that is affected by the mask. The painted content of an element may be restricted to this area.
+         * Determines the mask painting area, which defines the area that is affected by the mask.
+         * The painted content of an element may be restricted to this area.
          */
         maskClip?: CSSWideKeyword | any;
 
         /**
-         * For elements rendered as a single box, specifies the mask positioning area. For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes box-decoration-break operates on to determine the mask positioning area(s).
+         * For elements rendered as a single box, specifies the mask positioning area.
+         * For elements rendered as multiple boxes (e.g., inline boxes on several lines, boxes on several pages)
+         * specifies which boxes box-decoration-break operates on to determine the mask positioning area(s).
          */
         maskOrigin?: CSSWideKeyword | any;
 
         /**
-         * This property must not be used. It is no longer included in any standard or standard track specification, nor is it implemented in any browser. It is only used when the text-align-last property is set to size. It controls allowed adjustments of font-size to fit line content.
+         * This property must not be used. It is no longer included in any standard or standard track specification,
+         * nor is it implemented in any browser. It is only used when the text-align-last property is set to size.
+         * It controls allowed adjustments of font-size to fit line content.
          */
         maxFontSize?: CSSWideKeyword | any;
 
         /**
-         * Sets the maximum height for an element. It prevents the height of the element to exceed the specified value. If min-height is specified and is greater than max-height, max-height is overridden.
+         * Sets the maximum height for an element. It prevents the height of the element to exceed the specified value.
+         * If min-height is specified and is greater than max-height, max-height is overridden.
          */
         maxHeight?: CSSWideKeyword | any;
 
@@ -1501,7 +1615,8 @@ declare namespace React {
         maxWidth?: CSSWideKeyword | any;
 
         /**
-         * Sets the minimum height for an element. It prevents the height of the element to be smaller than the specified value. The value of min-height overrides both max-height and height.
+         * Sets the minimum height for an element. It prevents the height of the element to be smaller than the specified value.
+         * The value of min-height overrides both max-height and height.
          */
         minHeight?: CSSWideKeyword | any;
 
@@ -1531,10 +1646,13 @@ declare namespace React {
         orphans?: CSSWideKeyword | number;
 
         /**
-         * The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.
+         * The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style,
+         * outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.
          * Outlines differ from borders in the following ways:
          *      •       Outlines do not take up space, they are drawn above the content.
-         *      •       Outlines may be non-rectangular. They are rectangular in Gecko/Firefox. Internet Explorer attempts to place the smallest contiguous outline around all elements or shapes that are indicated to have an outline. Opera draws a non-rectangular shape around a construct.
+         *      •       Outlines may be non-rectangular. They are rectangular in Gecko/Firefox.
+         *              Internet Explorer attempts to place the smallest contiguous outline around all elements or shapes that are indicated to have an outline.
+         *              Opera draws a non-rectangular shape around a construct.
          */
         outline?: CSSWideKeyword | any;
 
@@ -1549,7 +1667,8 @@ declare namespace React {
         outlineOffset?: CSSWideKeyword | any;
 
         /**
-         * The overflow property controls how extra content exceeding the bounding box of an element is rendered. It can be used in conjunction with an element that has a fixed width and height, to eliminate text-induced page distortion.
+         * The overflow property controls how extra content exceeding the bounding box of an element is rendered.
+         * It can be used in conjunction with an element that has a fixed width and height, to eliminate text-induced page distortion.
          */
         overflow?: CSSWideKeyword | "auto" | "hidden" | "scroll" | "visible";
 
@@ -1569,72 +1688,99 @@ declare namespace React {
         overflowY?: CSSWideKeyword | "auto" | "hidden" | "scroll" | "visible";
 
         /**
-         * The padding optional CSS property sets the required padding space on one to four sides of an element. The padding area is the space between an element and its border. Negative values are not allowed but decimal values are permitted. The element size is treated as fixed, and the content of the element shifts toward the center as padding is increased.
+         * The padding optional CSS property sets the required padding space on one to four sides of an element.
+         * The padding area is the space between an element and its border. Negative values are not allowed but decimal values are permitted.
+         * The element size is treated as fixed, and the content of the element shifts toward the center as padding is increased.
          * The padding property is a shorthand to avoid setting each side separately (padding-top, padding-right, padding-bottom, padding-left).
          */
         padding?: CSSWideKeyword | any;
 
         /**
-         * The padding-bottom CSS property of an element sets the padding space required on the bottom of an element. The padding area is the space between the content of the element and its border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.
+         * The padding-bottom CSS property of an element sets the padding space required on the bottom of an element.
+         * The padding area is the space between the content of the element and its border.
+         * Contrary to margin-bottom values, negative values of padding-bottom are invalid.
          */
         paddingBottom?: CSSWideKeyword | any;
 
         /**
-         * The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and its border. Contrary to margin-left values, negative values of padding-left are invalid.
+         * The padding-left CSS property of an element sets the padding space required on the left side of an element.
+         * The padding area is the space between the content of the element and its border.
+         * Contrary to margin-left values, negative values of padding-left are invalid.
          */
         paddingLeft?: CSSWideKeyword | any;
 
         /**
-         * The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Contrary to margin-right values, negative values of padding-right are invalid.
+         * The padding-right CSS property of an element sets the padding space required on the right side of an element.
+         * The padding area is the space between the content of the element and its border.
+         * Contrary to margin-right values, negative values of padding-right are invalid.
          */
         paddingRight?: CSSWideKeyword | any;
 
         /**
-         * The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.
+         * The padding-top CSS property of an element sets the padding space required on the top of an element.
+         * The padding area is the space between the content of the element and its border.
+         * Contrary to margin-top values, negative values of padding-top are invalid.
          */
         paddingTop?: CSSWideKeyword | any;
 
         /**
-         * The page-break-after property is supported in all major browsers. With CSS3, page-break-* properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
+         * The page-break-after property is supported in all major browsers. With CSS3, page-break-* properties are only aliases of the break-* properties.
+         * The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
          */
         pageBreakAfter?: CSSWideKeyword | any;
 
         /**
-         * The page-break-before property sets the page-breaking behavior before an element. With CSS3, page-break-* properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
+         * The page-break-before property sets the page-breaking behavior before an element.
+         * With CSS3, page-break-* properties are only aliases of the break-* properties.
+         * The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
          */
         pageBreakBefore?: CSSWideKeyword | any;
 
         /**
-         * Sets the page-breaking behavior inside an element. With CSS3, page-break-* properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
+         * Sets the page-breaking behavior inside an element. With CSS3, page-break-* properties are only aliases of the break-* properties.
+         * The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
          */
         pageBreakInside?: CSSWideKeyword | any;
 
         /**
-         * The pause property determines how long a speech media agent should pause before and after presenting an element. It is a shorthand for the pause-before and pause-after properties.
+         * The pause property determines how long a speech media agent should pause before and after presenting an element.
+         * It is a shorthand for the pause-before and pause-after properties.
          */
         pause?: CSSWideKeyword | any;
 
         /**
-         * The pause-after property determines how long a speech media agent should pause after presenting an element. It may be replaced by the shorthand property pause, which sets pause time before and after.
+         * The pause-after property determines how long a speech media agent should pause after presenting an element.
+         * It may be replaced by the shorthand property pause, which sets pause time before and after.
          */
         pauseAfter?: CSSWideKeyword | any;
 
         /**
-         * The pause-before property determines how long a speech media agent should pause before presenting an element. It may be replaced by the shorthand property pause, which sets pause time before and after.
+         * The pause-before property determines how long a speech media agent should pause before presenting an element.
+         * It may be replaced by the shorthand property pause, which sets pause time before and after.
          */
         pauseBefore?: CSSWideKeyword | any;
 
         /**
          * The perspective property defines how far an element is placed from the view on the z-axis, from the screen to the viewer.
-         * Perspective defines how an object is viewed. In graphic arts, perspective is the representation on a flat surface of what the viewer's eye would see in a 3D space. (See Wikipedia for more information about graphical perspective and for related illustrations.)
-         * The illusion of perspective on a flat surface, such as a computer screen, is created by projecting points on the flat surface as they would appear if the flat surface were a window through which the viewer was looking at the object. In discussion of virtual environments, this flat surface is called a projection plane.
+         * Perspective defines how an object is viewed. In graphic arts, perspective is the representation on a flat surface of what the viewer's eye would see in a 3D space.
+         * (See Wikipedia for more information about graphical perspective and for related illustrations.)
+         * The illusion of perspective on a flat surface, such as a computer screen,
+         * is created by projecting points on the flat surface as they would appear if the flat surface were a window
+         * through which the viewer was looking at the object. In discussion of virtual environments, this flat surface is called a projection plane.
          */
         perspective?: CSSWideKeyword | any;
 
         /**
-         * The perspective-origin property establishes the origin for the perspective property. It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.
-         * When used with perspective, perspective-origin changes the appearance of an object, as if a viewer were looking at it from a different origin. An object appears differently if a viewer is looking directly at it versus looking at it from below, above, or from the side. Thus, the perspective-origin is like a vanishing point.
-         * The default value of perspective-origin is 50% 50%. This displays an object as if the viewer's eye were positioned directly at the center of the screen, both top-to-bottom and left-to-right. A value of 0% 0% changes the object as if the viewer was looking toward the top left angle. A value of 100% 100% changes the appearance as if viewed toward the bottom right angle.
+         * The perspective-origin property establishes the origin for the perspective property.
+         * It effectively sets the X and Y position at which the viewer appears to be looking at the children of the element.
+         * When used with perspective, perspective-origin changes the appearance of an object,
+         * as if a viewer were looking at it from a different origin.
+         * An object appears differently if a viewer is looking directly at it versus looking at it from below, above, or from the side.
+         * Thus, the perspective-origin is like a vanishing point.
+         * The default value of perspective-origin is 50% 50%.
+         * This displays an object as if the viewer's eye were positioned directly at the center of the screen, both top-to-bottom and left-to-right.
+         * A value of 0% 0% changes the object as if the viewer was looking toward the top left angle.
+         * A value of 100% 100% changes the appearance as if viewed toward the bottom right angle.
          */
         perspectiveOrigin?: CSSWideKeyword | any;
 
@@ -1644,13 +1790,15 @@ declare namespace React {
         pointerEvents?: CSSWideKeyword | any;
 
         /**
-         * The position property controls the type of positioning used by an element within its parent elements. The effect of the position property depends on a lot of factors, for example the position property of parent elements.
+         * The position property controls the type of positioning used by an element within its parent elements.
+         * The effect of the position property depends on a lot of factors, for example the position property of parent elements.
          */
         position?: CSSWideKeyword | "static" | "relative" | "absolute" | "fixed" | "sticky";
 
         /**
          * Obsolete: unsupported.
-         * This property determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line, so that its "ink" lines up with the first glyph in the line above and below.
+         * This property determines whether or not a full-width punctuation mark character should be trimmed if it appears at the beginning of a line,
+         * so that its "ink" lines up with the first glyph in the line above and below.
          */
         punctuationTrim?: CSSWideKeyword | any;
 
@@ -1660,17 +1808,20 @@ declare namespace React {
         quotes?: CSSWideKeyword | any;
 
         /**
-         * Controls whether the last region in a chain displays additional 'overset' content according its default overflow property, or if it displays a fragment of content as if it were flowing into a subsequent region.
+         * Controls whether the last region in a chain displays additional 'overset' content according its default overflow property,
+         * or if it displays a fragment of content as if it were flowing into a subsequent region.
          */
         regionFragment?: CSSWideKeyword | any;
 
         /**
-         * The rest-after property determines how long a speech media agent should pause after presenting an element's main content, before presenting that element's exit cue sound. It may be replaced by the shorthand property rest, which sets rest time before and after.
+         * The rest-after property determines how long a speech media agent should pause after presenting an element's main content,
+         * before presenting that element's exit cue sound. It may be replaced by the shorthand property rest, which sets rest time before and after.
          */
         restAfter?: CSSWideKeyword | any;
 
         /**
-         * The rest-before property determines how long a speech media agent should pause after presenting an intro cue sound for an element, before presenting that element's main content. It may be replaced by the shorthand property rest, which sets rest time before and after.
+         * The rest-before property determines how long a speech media agent should pause after presenting an intro cue sound for an element,
+         * before presenting that element's main content. It may be replaced by the shorthand property rest, which sets rest time before and after.
          */
         restBefore?: CSSWideKeyword | any;
 
@@ -1684,22 +1835,29 @@ declare namespace React {
         rubyPosition?: CSSWideKeyword | any;
 
         /**
-         * Defines the alpha channel threshold used to extract a shape from an image. Can be thought of as a "minimum opacity" threshold; that is, a value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.
+         * Defines the alpha channel threshold used to extract a shape from an image. Can be thought of as a "minimum opacity" threshold;
+         * that is, a value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.
          */
         shapeImageThreshold?: CSSWideKeyword | any;
 
         /**
-         * A future level of CSS Shapes will define a shape-inside property, which will define a shape to wrap content within the element. See Editor's Draft <http://dev.w3.org/csswg/css-shapes/> and CSSWG wiki page on next-level plans <http://wiki.csswg.org/spec/css-shapes>
+         * A future level of CSS Shapes will define a shape-inside property, which will define a shape to wrap content within the element.
+         * See Editor's Draft <http://dev.w3.org/csswg/css-shapes/> and CSSWG wiki page on next-level plans <http://wiki.csswg.org/spec/css-shapes>
          */
         shapeInside?: CSSWideKeyword | any;
 
         /**
-         * Adds a margin to a shape-outside. In effect, defines a new shape that is the smallest contour around all the points that are the shape-margin distance outward perpendicular to each point on the underlying shape. For points where a perpendicular direction is not defined (e.g., a triangle corner), takes all points on a circle centered at the point and with a radius of the shape-margin distance. This property accepts only non-negative values.
+         * Adds a margin to a shape-outside. In effect, defines a new shape that is the smallest contour around all the points
+         * that are the shape-margin distance outward perpendicular to each point on the underlying shape.
+         * For points where a perpendicular direction is not defined (e.g., a triangle corner),
+         * takes all points on a circle centered at the point and with a radius of the shape-margin distance.
+         * This property accepts only non-negative values.
          */
         shapeMargin?: CSSWideKeyword | any;
 
         /**
-         * Declares a shape around which text should be wrapped, with possible modifications from the shape-margin property. The shape defined by shape-outside and shape-margin changes the geometry of a float element's float area.
+         * Declares a shape around which text should be wrapped, with possible modifications from the shape-margin property.
+         * The shape defined by shape-outside and shape-margin changes the geometry of a float element's float area.
          */
         shapeOutside?: CSSWideKeyword | any;
 
@@ -1709,7 +1867,8 @@ declare namespace React {
         speak?: CSSWideKeyword | any;
 
         /**
-         * The speak-as property determines how the speech synthesizer interprets the content: words as whole words or as a sequence of letters, numbers as a numerical value or a sequence of digits, punctuation as pauses in speech or named punctuation characters.
+         * The speak-as property determines how the speech synthesizer interprets the content: words as whole words or as a sequence of letters,
+         * numbers as a numerical value or a sequence of digits, punctuation as pauses in speech or named punctuation characters.
          */
         speakAs?: CSSWideKeyword | any;
 
@@ -1736,7 +1895,8 @@ declare namespace React {
         tableLayout?: CSSWideKeyword | any;
 
         /**
-         * The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements itself, only their inline content.
+         * The text-align CSS property describes how inline content like text is aligned in its parent block element.
+         * text-align does not control the alignment of block elements itself, only their inline content.
          */
         textAlign?: CSSWideKeyword | any;
 
@@ -1773,14 +1933,17 @@ declare namespace React {
         textDecorationSkip?: CSSWideKeyword | any;
 
         /**
-         * This property specifies the style of the text decoration line drawn on the specified element. The intended meaning for the values are the same as those of the border-style-properties.
+         * This property specifies the style of the text decoration line drawn on the specified element.
+         * The intended meaning for the values are the same as those of the border-style-properties.
          */
         textDecorationStyle?: CSSWideKeyword | any;
 
         textDecorationUnderline?: CSSWideKeyword | any;
 
         /**
-         * The text-emphasis property will apply special emphasis marks to the elements text. Slightly similar to the text-decoration property only that this property can have affect on the line-height. It also is noted that this is shorthand for text-emphasis-style and for text-emphasis-color.
+         * The text-emphasis property will apply special emphasis marks to the elements text.
+         * Slightly similar to the text-decoration property only that this property can have affect on the line-height.
+         * It also is noted that this is shorthand for text-emphasis-style and for text-emphasis-color.
          */
         textEmphasis?: CSSWideKeyword | any;
 
@@ -1795,12 +1958,16 @@ declare namespace React {
         textEmphasisStyle?: CSSWideKeyword | any;
 
         /**
-         * This property helps determine an inline box's block-progression dimension, derived from the text-height and font-size properties for non-replaced elements, the height or the width for replaced elements, and the stacked block-progression dimension for inline-block elements. The block-progression dimension determines the position of the padding, border and margin for the element.
+         * This property helps determine an inline box's block-progression dimension,
+         * derived from the text-height and font-size properties for non-replaced elements,
+         * the height or the width for replaced elements, and the stacked block-progression dimension for inline-block elements.
+         * The block-progression dimension determines the position of the padding, border and margin for the element.
          */
         textHeight?: CSSWideKeyword | any;
 
         /**
-         * Specifies the amount of space horizontally that should be left on the first line of the text of an element. This horizontal spacing is at the beginning of the first line and is in respect to the left edge of the containing block box.
+         * Specifies the amount of space horizontally that should be left on the first line of the text of an element.
+         * This horizontal spacing is at the beginning of the first line and is in respect to the left edge of the containing block box.
          */
         textIndent?: CSSWideKeyword | any;
 
@@ -1809,7 +1976,8 @@ declare namespace React {
         textKashidaSpace?: CSSWideKeyword | any;
 
         /**
-         * The text-line-through property is a shorthand property for text-line-through-style, text-line-through-color and text-line-through-mode. (Considered obsolete; use text-decoration instead.)
+         * The text-line-through property is a shorthand property for text-line-through-style, text-line-through-color and text-line-through-mode.
+         * (Considered obsolete; use text-decoration instead.)
          */
         textLineThrough?: CSSWideKeyword | any;
 
@@ -1837,7 +2005,9 @@ declare namespace React {
         textLineThroughWidth?: CSSWideKeyword | any;
 
         /**
-         * The text-overflow shorthand CSS property determines how overflowed content that is not displayed is signaled to the users. It can be clipped, display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string. It covers the two long-hand properties text-overflow-mode and text-overflow-ellipsis
+         * The text-overflow shorthand CSS property determines how overflowed content that is not displayed is signaled to the users.
+         * It can be clipped, display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined string.
+         * It covers the two long-hand properties text-overflow-mode and text-overflow-ellipsis
          */
         textOverflow?: CSSWideKeyword | any;
 
@@ -1867,7 +2037,8 @@ declare namespace React {
         textOverlineWidth?: CSSWideKeyword | any;
 
         /**
-         * The text-rendering CSS property provides information to the browser about how to optimize when rendering text. Options are: legibility, speed or geometric precision.
+         * The text-rendering CSS property provides information to the browser about how to optimize when rendering text.
+         * Options are: legibility, speed or geometric precision.
          */
         textRendering?: CSSWideKeyword | any;
 
@@ -1877,7 +2048,8 @@ declare namespace React {
         textScript?: CSSWideKeyword | any;
 
         /**
-         * The CSS text-shadow property applies one or more drop shadows to the text and <text-decorations> of an element. Each shadow is specified as an offset from the text, along with optional color and blur radius values.
+         * The CSS text-shadow property applies one or more drop shadows to the text and <text-decorations> of an element.
+         * Each shadow is specified as an offset from the text, along with optional color and blur radius values.
          */
         textShadow?: CSSWideKeyword | any;
 
@@ -1899,7 +2071,9 @@ declare namespace React {
         textUnderlineStyle?: CSSWideKeyword | any;
 
         /**
-         * This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the top edges of the box itself (i.e., the box is given a position in the normal flow, then offset from that position according to these properties).
+         * This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's containing block.
+         * For relatively positioned boxes, the offset is with respect to the top edges of the box itself (i.e., the box is given a position in the normal flow,
+         * then offset from that position according to these properties).
          */
         top?: CSSWideKeyword | any;
 
@@ -1909,7 +2083,8 @@ declare namespace React {
         touchAction?: CSSWideKeyword | any;
 
         /**
-         * CSS transforms allow elements styled with CSS to be transformed in two-dimensional or three-dimensional space. Using this property, elements can be translated, rotated, scaled, and skewed. The value list may consist of 2D and/or 3D transform values.
+         * CSS transforms allow elements styled with CSS to be transformed in two-dimensional or three-dimensional space.
+         * Using this property, elements can be translated, rotated, scaled, and skewed. The value list may consist of 2D and/or 3D transform values.
          */
         transform?: CSSWideKeyword | any;
 
@@ -1929,12 +2104,14 @@ declare namespace React {
         transformStyle?: CSSWideKeyword | any;
 
         /**
-         * The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It allows to define the transition between two states of an element.
+         * The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function,
+         * and transition-delay. It allows to define the transition between two states of an element.
          */
         transition?: CSSWideKeyword | any;
 
         /**
-         * Defines when the transition will start. A value of ‘0s’ means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
+         * Defines when the transition will start. A value of ‘0s’ means the transition will execute as soon as the property is changed.
+         * Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
          */
         transitionDelay?: CSSWideKeyword | any;
 
@@ -1974,7 +2151,8 @@ declare namespace React {
         userInput?: CSSWideKeyword | any;
 
         /**
-         * The vertical-align property controls how inline elements or text are vertically aligned compared to the baseline. If this property is used on table-cells it controls the vertical alignment of content of the table cell.
+         * The vertical-align property controls how inline elements or text are vertically aligned compared to the baseline.
+         * If this property is used on table-cells it controls the vertical alignment of content of the table cell.
          */
         verticalAlign?: CSSWideKeyword | any;
 
@@ -1989,22 +2167,34 @@ declare namespace React {
         voiceBalance?: CSSWideKeyword | any;
 
         /**
-         * The voice-duration property allows the author to explicitly set the amount of time it should take a speech synthesizer to read an element's content, for example to allow the speech to be synchronized with other media. With a value of auto (the default) the length of time it takes to read the content is determined by the content itself and the voice-rate property.
+         * The voice-duration property allows the author to explicitly set the amount of time it should take a speech synthesizer to read an element's content,
+         * for example to allow the speech to be synchronized with other media.
+         * With a value of auto (the default) the length of time it takes to read the content is determined by the content itself and the voice-rate property.
          */
         voiceDuration?: CSSWideKeyword | any;
 
         /**
-         * The voice-family property sets the speaker's voice used by a speech media agent to read an element. The speaker may be specified as a named character (to match a voice option in the speech reading software) or as a generic description of the age and gender of the voice. Similar to the font-family property for visual media, a comma-separated list of fallback options may be given in case the speech reader does not recognize the character name or cannot synthesize the requested combination of generic properties.
+         * The voice-family property sets the speaker's voice used by a speech media agent to read an element.
+         * The speaker may be specified as a named character (to match a voice option in the speech reading software)
+         * or as a generic description of the age and gender of the voice.
+         * Similar to the font-family property for visual media,
+         * a comma-separated list of fallback options may be given in case the speech reader does not recognize the character name
+         * or cannot synthesize the requested combination of generic properties.
          */
         voiceFamily?: CSSWideKeyword | any;
 
         /**
-         * The voice-pitch property sets pitch or tone (high or low) for the synthesized speech when reading an element; the pitch may be specified absolutely or relative to the normal pitch for the voice-family used to read the text.
+         * The voice-pitch property sets pitch or tone (high or low) for the synthesized speech when reading an element;
+         * the pitch may be specified absolutely or relative to the normal pitch for the voice-family used to read the text.
          */
         voicePitch?: CSSWideKeyword | any;
 
         /**
-         * The voice-range property determines how much variation in pitch or tone will be created by the speech synthesize when reading an element. Emphasized text, grammatical structures and punctuation may all be rendered as changes in pitch, this property determines how strong or obvious those changes are; large ranges are associated with enthusiastic or emotional speech, while small ranges are associated with flat or mechanical speech.
+         * The voice-range property determines how much variation in pitch or tone will be created by the speech synthesize when reading an element.
+         * Emphasized text, grammatical structures and punctuation may all be rendered as changes in pitch,
+         * this property determines how strong or obvious those changes are;
+         * large ranges are associated with enthusiastic or emotional speech,
+         * while small ranges are associated with flat or mechanical speech.
          */
         voiceRange?: CSSWideKeyword | any;
 
@@ -2046,7 +2236,8 @@ declare namespace React {
         width?: CSSWideKeyword | any;
 
         /**
-         * The word-break property is often used when there is long generated content that is strung together without and spaces or hyphens to beak apart. A common case of this is when there is a long URL that does not have any hyphens. This case could potentially cause the breaking of the layout as it could extend past the parent element.
+         * The word-break property is often used when there is long generated content that is strung together without and spaces or hyphens to beak apart.
+         * A common case of this is when there is a long URL that does not have any hyphens. This case could potentially cause the breaking of the layout as it could extend past the parent element.
          */
         wordBreak?: CSSWideKeyword | any;
 
@@ -2291,7 +2482,8 @@ declare namespace React {
         accentHeight?: number | string;
         accumulate?: "none" | "sum";
         additive?: "replace" | "sum";
-        alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit";
+        alignmentBaseline?: "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" |
+        "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit";
         allowReorder?: "no" | "yes";
         alphabetic?: number | string;
         amplitude?: number | string;
@@ -2679,15 +2871,13 @@ declare namespace React {
     // React.PropTypes
     // ----------------------------------------------------------------------
 
-    interface Validator<T> {
-        (object: T, key: string, componentName: string, ...rest: any[]): Error | null;
-    }
+    type Validator<T> = (object: T, key: string, componentName: string, ...rest: any[]) => Error | null;
 
     interface Requireable<T> extends Validator<T> {
         isRequired: Validator<T>;
     }
 
-    type ValidationMap<T> = { [K in keyof T]?: Validator<T> };
+    type ValidationMap<T> = {[K in keyof T]?: Validator<T> };
 
     interface ReactPropTypes {
         any: Requireable<any>;
@@ -2701,7 +2891,7 @@ declare namespace React {
         element: Requireable<any>;
         instanceOf(expectedClass: {}): Requireable<any>;
         oneOf(types: any[]): Requireable<any>;
-        oneOfType(types: Validator<any>[]): Requireable<any>;
+        oneOfType(types: Array<Validator<any>>): Requireable<any>;
         arrayOf(type: Validator<any>): Requireable<any>;
         objectOf(type: Validator<any>): Requireable<any>;
         shape(type: ValidationMap<any>): Requireable<any>;
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index 27acc07d34..9274602c82 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -139,13 +139,13 @@ interface SCProps {
 
 function StatelessComponent(props: SCProps) {
     return props.foo ? React.DOM.div(null, props.foo) : null;
-};
+}
 namespace StatelessComponent {
-    export var displayName = "StatelessComponent";
-    export var defaultProps = { foo: 42 };
+    export const displayName = "StatelessComponent";
+    export const defaultProps = { foo: 42 };
 }
 
-var StatelessComponent2: React.SFC<SCProps> =
+const StatelessComponent2: React.SFC<SCProps> =
     // props is contextually typed
     props => React.DOM.div(null, props.foo);
 StatelessComponent2.displayName = "StatelessComponent2";
@@ -153,138 +153,125 @@ StatelessComponent2.defaultProps = {
     foo: 42
 };
 
-var StatelessComponent3: React.SFC<SCProps> =
+const StatelessComponent3: React.SFC<SCProps> =
     // allows usage of props.children
     // allows null return
     props => props.foo ? React.DOM.div(null, props.foo, props.children) : null;
 
 // React.createFactory
-var factory: React.CFactory<Props, ModernComponent> =
+const factory: React.CFactory<Props, ModernComponent> =
     React.createFactory(ModernComponent);
-var factoryElement: React.CElement<Props, ModernComponent> =
+const factoryElement: React.CElement<Props, ModernComponent> =
     factory(props);
 
-var statelessFactory: React.SFCFactory<SCProps> =
+const statelessFactory: React.SFCFactory<SCProps> =
     React.createFactory(StatelessComponent);
-var statelessFactoryElement: React.SFCElement<SCProps> =
+const statelessFactoryElement: React.SFCElement<SCProps> =
     statelessFactory(props);
 
-var classicFactory: React.ClassicFactory<Props> =
+const classicFactory: React.ClassicFactory<Props> =
     React.createFactory(ClassicComponent);
-var classicFactoryElement: React.ClassicElement<Props> =
+const classicFactoryElement: React.ClassicElement<Props> =
     classicFactory(props);
 
-var domFactory: React.DOMFactory<React.DOMAttributes<{}>, Element> =
-    React.createFactory("foo");
-var domFactoryElement: React.DOMElement<React.DOMAttributes<{}>, Element> =
+const domFactory: React.DOMFactory<React.DOMAttributes<{}>, Element> =
+    React.createFactory("div");
+const domFactoryElement: React.DOMElement<React.DOMAttributes<{}>, Element> =
     domFactory();
 
 // React.createElement
-var element: React.CElement<Props, ModernComponent> =
-    React.createElement(ModernComponent, props);
-var elementNoState: React.CElement<Props, ModernComponentNoState> =
-    React.createElement(ModernComponentNoState, props);
-var statelessElement: React.SFCElement<SCProps> =
-    React.createElement(StatelessComponent, props);
-var classicElement: React.ClassicElement<Props> =
-    React.createElement(ClassicComponent, props);
-var domElement: React.ReactHTMLElement<HTMLDivElement> =
-    React.createElement("div");
-var htmlElement = React.createElement("input", { type: "text" });
-var svgElement = React.createElement("svg", { accentHeight: 12 });
+const element: React.CElement<Props, ModernComponent> = React.createElement(ModernComponent, props);
+const elementNoState: React.CElement<Props, ModernComponentNoState> = React.createElement(ModernComponentNoState, props);
+const statelessElement: React.SFCElement<SCProps> = React.createElement(StatelessComponent, props);
+const classicElement: React.ClassicElement<Props> = React.createElement(ClassicComponent, props);
+const domElement: React.ReactHTMLElement<HTMLDivElement> = React.createElement("div");
+const htmlElement = React.createElement("input", { type: "text" });
+const svgElement = React.createElement("svg", { accentHeight: 12 });
 
 // React.cloneElement
-var clonedElement: React.CElement<Props, ModernComponent> =
-    React.cloneElement(element, { foo: 43 });
+const clonedElement: React.CElement<Props, ModernComponent> = React.cloneElement(element, { foo: 43 });
 
 React.cloneElement(element, {});
 React.cloneElement(element, {}, null);
 
-var clonedElement2: React.CElement<Props, ModernComponent> =
+const clonedElement2: React.CElement<Props, ModernComponent> =
     // known problem: cloning with key or ref requires cast
-    React.cloneElement(element, <React.ClassAttributes<ModernComponent>>{
+    React.cloneElement(element, <React.ClassAttributes<ModernComponent>> {
         ref: c => c && c.reset()
     });
-var clonedElement3: React.CElement<Props, ModernComponent> =
-    React.cloneElement(element, <{ foo: number } & React.Attributes>{
+const clonedElement3: React.CElement<Props, ModernComponent> =
+    React.cloneElement(element, <{ foo: number } & React.Attributes> {
         key: "8eac7",
         foo: 55
     });
-var clonedStatelessElement: React.SFCElement<SCProps> =
+const clonedStatelessElement: React.SFCElement<SCProps> =
     // known problem: cloning with optional props don't work properly
     // workaround: cast to actual props type
-    React.cloneElement(statelessElement, <SCProps>{ foo: 44 });
-var clonedClassicElement: React.ClassicElement<Props> =
+    React.cloneElement(statelessElement, <SCProps> { foo: 44 });
+const clonedClassicElement: React.ClassicElement<Props> =
     React.cloneElement(classicElement, props);
-var clonedDOMElement: React.ReactHTMLElement<HTMLDivElement> =
+const clonedDOMElement: React.ReactHTMLElement<HTMLDivElement> =
     React.cloneElement(domElement, {
         className: "clonedElement"
     });
 
 // React.render
-var component: ModernComponent =
-    ReactDOM.render(element, container);
-var componentNullContainer: ModernComponent =
-    ReactDOM.render(element, null);
+const component: ModernComponent = ReactDOM.render(element, container);
+const componentNullContainer: ModernComponent = ReactDOM.render(element, null);
 
-var componentElementOrNull: ModernComponent =
-    ReactDOM.render(element, document.getElementById("anelement"));
-var componentNoState: ModernComponentNoState =
-    ReactDOM.render(elementNoState, container);
-var componentNoStateElementOrNull: ModernComponentNoState =
-    ReactDOM.render(elementNoState, document.getElementById("anelement"));
-var classicComponent: React.ClassicComponent<Props> =
-    ReactDOM.render(classicElement, container);
-var domComponent: Element =
-    ReactDOM.render(domElement, container);
+const componentElementOrNull: ModernComponent = ReactDOM.render(element, document.getElementById("anelement"));
+const componentNoState: ModernComponentNoState = ReactDOM.render(elementNoState, container);
+const componentNoStateElementOrNull: ModernComponentNoState = ReactDOM.render(elementNoState, document.getElementById("anelement"));
+const classicComponent: React.ClassicComponent<Props> = ReactDOM.render(classicElement, container);
+const domComponent: Element = ReactDOM.render(domElement, container);
 
 // Other Top-Level API
-var unmounted: boolean = ReactDOM.unmountComponentAtNode(container);
-var str: string = ReactDOMServer.renderToString(element);
-var markup: string = ReactDOMServer.renderToStaticMarkup(element);
-var notValid: boolean = React.isValidElement(props); // false
-var isValid = React.isValidElement(element); // true
-var domNode: Element = ReactDOM.findDOMNode(component);
+const unmounted: boolean = ReactDOM.unmountComponentAtNode(container);
+const str: string = ReactDOMServer.renderToString(element);
+const markup: string = ReactDOMServer.renderToStaticMarkup(element);
+const notValid: boolean = React.isValidElement(props); // false
+const isValid = React.isValidElement(element); // true
+let domNode: Element = ReactDOM.findDOMNode(component);
 domNode = ReactDOM.findDOMNode(domNode);
 
 //
 // React Elements
 // --------------------------------------------------------------------------
 
-var type: React.ComponentClass<Props> = element.type;
-var elementProps: Props = element.props;
-var key = element.key;
+const type: React.ComponentClass<Props> = element.type;
+const elementProps: Props = element.props;
+const key = element.key;
 
 //
 // React Components
 // --------------------------------------------------------------------------
 
-var displayName: string | undefined = ClassicComponent.displayName;
-var defaultProps: Props = ClassicComponent.getDefaultProps ? ClassicComponent.getDefaultProps() : <Props>{};
-var propTypes: React.ValidationMap<Props> | undefined = ClassicComponent.propTypes;
+const displayName: string | undefined = ClassicComponent.displayName;
+const defaultProps: Props = ClassicComponent.getDefaultProps ? ClassicComponent.getDefaultProps() : <Props> {};
+const propTypes: React.ValidationMap<Props> | undefined = ClassicComponent.propTypes;
 
 //
 // Component API
 // --------------------------------------------------------------------------
 
 // modern
-var componentState: State = component.state;
+const componentState: State = component.state;
 component.setState({ inputValue: "!!!" });
 component.forceUpdate();
 
 // classic
-var isMounted: boolean = classicComponent.isMounted();
+const isMounted: boolean = classicComponent.isMounted();
 classicComponent.replaceState({ inputValue: "???", seconds: 60 });
 
-var myComponent = <MyComponent>component;
+const myComponent = <MyComponent>component;
 myComponent.reset();
 
 //
 // Refs
 // --------------------------------------------------------------------------
 
-interface RCProps {
-}
+// tslint:disable:no-empty-interface
+interface RCProps { }
 
 class RefComponent extends React.Component<RCProps> {
     static create = React.createFactory(RefComponent);
@@ -292,33 +279,33 @@ class RefComponent extends React.Component<RCProps> {
     }
 }
 
-var componentRef: RefComponent | null = new RefComponent();
+let componentRef: RefComponent | null = new RefComponent();
 RefComponent.create({ ref: "componentRef" });
 // type of c should be inferred
 RefComponent.create({ ref: c => componentRef = c });
 componentRef.refMethod();
 
-var domNodeRef: Element | null;
+let domNodeRef: Element | null;
 React.DOM.div({ ref: "domRef" });
 // type of node should be inferred
 React.DOM.div({ ref: node => domNodeRef = node });
 
-var inputNodeRef: HTMLInputElement | null;
+let inputNodeRef: HTMLInputElement | null;
 React.DOM.input({ ref: node => inputNodeRef = <HTMLInputElement>node });
 
 //
 // Attributes
 // --------------------------------------------------------------------------
 
-var children: any[] = ["Hello world", [null], React.DOM.span(null)];
-var divStyle: React.CSSProperties = { // CSSProperties
+const children: any[] = ["Hello world", [null], React.DOM.span(null)];
+const divStyle: React.CSSProperties = { // CSSProperties
     flex: "1 1 main-size",
     backgroundImage: "url('hello.png')"
 };
-var htmlAttr: React.HTMLProps<HTMLElement> = {
+const htmlAttr: React.HTMLProps<HTMLElement> = {
     key: 36,
     ref: "htmlComponent",
-    children: children,
+    children,
     className: "test-attr",
     style: divStyle,
     slot: "HTMLComponent",
@@ -371,12 +358,11 @@ React.DOM.svg({
     })
 );
 
-
 //
 // React.PropTypes
 // --------------------------------------------------------------------------
 
-var PropTypesSpecification: React.ComponentSpec<any, any> = {
+const PropTypesSpecification: React.ComponentSpec<any, any> = {
     propTypes: {
         optionalArray: React.PropTypes.array,
         optionalBool: React.PropTypes.bool,
@@ -401,7 +387,7 @@ var PropTypesSpecification: React.ComponentSpec<any, any> = {
         }),
         requiredFunc: React.PropTypes.func.isRequired,
         requiredAny: React.PropTypes.any.isRequired,
-        customProp: function (props: any, propName: string, componentName: string): Error | null {
+        customProp(props: any, propName: string, componentName: string): Error | null {
             if (!/matchme/.test(props[propName])) {
                 return new Error("Validation failed!");
             }
@@ -428,7 +414,7 @@ var PropTypesSpecification: React.ComponentSpec<any, any> = {
 // ContextTypes
 // --------------------------------------------------------------------------
 
-var ContextTypesSpecification: React.ComponentSpec<any, any> = {
+const ContextTypesSpecification: React.ComponentSpec<any, any> = {
     contextTypes: {
         optionalArray: React.PropTypes.array,
         optionalBool: React.PropTypes.bool,
@@ -453,7 +439,7 @@ var ContextTypesSpecification: React.ComponentSpec<any, any> = {
         }),
         requiredFunc: React.PropTypes.func.isRequired,
         requiredAny: React.PropTypes.any.isRequired,
-        customProp: function (props: any, propName: string, componentName: string): Error | null {
+        customProp(props: any, propName: string, componentName: string): Error | null {
             if (!/matchme/.test(props[propName])) {
                 return new Error("Validation failed!");
             }
@@ -469,13 +455,13 @@ var ContextTypesSpecification: React.ComponentSpec<any, any> = {
 // React.Children
 // --------------------------------------------------------------------------
 
-var mappedChildrenArray: number[] =
-    React.Children.map<number>(children, (child) => { return 42; });
+const mappedChildrenArray: number[] =
+    React.Children.map<number>(children, (child) => 42);
 React.Children.forEach(children, (child) => { });
-var nChildren: number = React.Children.count(children);
-var onlyChild: React.ReactElement<any> = React.Children.only(React.DOM.div()); // ok
+const nChildren: number = React.Children.count(children);
+let onlyChild: React.ReactElement<any> = React.Children.only(React.DOM.div()); // ok
 onlyChild = React.Children.only([null, [[["Hallo"], true]], false]); // error
-var childrenToArray: React.ReactChild[] = React.Children.toArray(children);
+const childrenToArray: React.ReactChild[] = React.Children.toArray(children);
 
 //
 // Example from http://facebook.github.io/react/
@@ -550,13 +536,13 @@ React.createFactory(CSSTransitionGroup)({
 // --------------------------------------------------------------------------
 React.createClass({
     mixins: [LinkedStateMixin],
-    getInitialState: function () {
+    getInitialState() {
         return {
             isChecked: false,
             message: "hello!"
         };
     },
-    render: function () {
+    render() {
         return React.DOM.div(null,
             React.DOM.input({
                 type: "checkbox",
@@ -575,7 +561,7 @@ React.createClass({
 // --------------------------------------------------------------------------
 Perf.start();
 Perf.stop();
-var measurements = Perf.getLastMeasurements();
+const measurements = Perf.getLastMeasurements();
 Perf.printInclusive(measurements);
 Perf.printExclusive(measurements);
 Perf.printWasted(measurements);
@@ -603,37 +589,37 @@ Perf.printDOM();
 // --------------------------------------------------------------------------
 React.createClass({
     mixins: [PureRenderMixin],
-    render: function () { return React.DOM.div(null); }
+    render() { return React.DOM.div(null); }
 });
 
 //
 // TestUtils addon
 // --------------------------------------------------------------------------
 
-var inst: ModernComponent = TestUtils.renderIntoDocument<ModernComponent>(element);
-var node: Element = TestUtils.renderIntoDocument(React.DOM.div());
+const inst: ModernComponent = TestUtils.renderIntoDocument<ModernComponent>(element);
+const node: Element = TestUtils.renderIntoDocument(React.DOM.div());
 
 TestUtils.Simulate.click(node);
 TestUtils.Simulate.change(node);
 TestUtils.Simulate.keyDown(node, { key: "Enter", cancelable: false });
 
-var renderer: TestUtils.ShallowRenderer = TestUtils.createRenderer();
+const renderer: TestUtils.ShallowRenderer = TestUtils.createRenderer();
 renderer.render(React.createElement(Timer));
-var output: React.ReactElement<React.Props<Timer>> =
+const output: React.ReactElement<React.Props<Timer>> =
     renderer.getRenderOutput();
 
-var foundComponent: ModernComponent = TestUtils.findRenderedComponentWithType(
+const foundComponent: ModernComponent = TestUtils.findRenderedComponentWithType(
     inst, ModernComponent);
-var foundComponents: ModernComponent[] = TestUtils.scryRenderedComponentsWithType(
+const foundComponents: ModernComponent[] = TestUtils.scryRenderedComponentsWithType(
     inst, ModernComponent);
 
 // ReactTestUtils custom type guards
 
-var emptyElement1: React.ReactElement<{}> = React.createElement(ModernComponent);
+const emptyElement1: React.ReactElement<{}> = React.createElement(ModernComponent);
 if (TestUtils.isElementOfType(emptyElement1, StatelessComponent)) {
     emptyElement1.props.foo;
 }
-var emptyElement2: React.ReactElement<{}> = React.createElement(StatelessComponent);
+const emptyElement2: React.ReactElement<{}> = React.createElement(StatelessComponent);
 if (TestUtils.isElementOfType(emptyElement2, StatelessComponent)) {
     emptyElement2.props.foo;
 }
@@ -662,7 +648,11 @@ React.createFactory(TransitionGroup)({ component: "div" });
     // => [1, 2, {a: [12, 13, 14, 15]}]
 
     let obj = { a: 5, b: 3 };
-    let newObj = update(obj, { b: { $apply: function (x) { return x * 2; } } });
+    let newObj = update(obj, {
+        b: {
+            $apply: (x) => x * 2
+        }
+    });
     // => {a: 5, b: 6}
     let newObj2 = update(obj, { b: { $set: obj.b * 2 } });
 
@@ -674,16 +664,16 @@ React.createFactory(TransitionGroup)({ component: "div" });
 // The SyntheticEvent.target.value should be accessible for onChange
 // --------------------------------------------------------------------------
 class SyntheticEventTargetValue extends React.Component<{}, { value: string }> {
-  constructor(props:{}) {
-    super(props);
-    this.state = { value: 'a' };
-  }
-  render() {
-    return React.DOM.textarea({
-      value: this.state.value,
-      onChange: e => this.setState({value: e.target.value})
-    });
-  }
+    constructor(props: {}) {
+        super(props);
+        this.state = { value: 'a' };
+    }
+    render() {
+        return React.DOM.textarea({
+            value: this.state.value,
+            onChange: e => this.setState({ value: e.target.value })
+        });
+    }
 }
 
 React.DOM.input({
@@ -698,8 +688,8 @@ React.DOM.input({
 
 type InputChangeEvent = React.ChangeEvent<HTMLInputElement>;
 type InputFormEvent = React.FormEvent<HTMLInputElement>;
-const changeEvent:InputChangeEvent = undefined as any;
-const formEvent:InputFormEvent = changeEvent;
+const changeEvent: InputChangeEvent = undefined as any;
+const formEvent: InputFormEvent = changeEvent;
 
 // defaultProps should be optional of props
 {
diff --git a/types/react/tslint.json b/types/react/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 0d61b7167858854f0e744b66d40bed321952fc78 Mon Sep 17 00:00:00 2001
From: Nathan Shively-Sanders <nathansa@microsoft.com>
Date: Wed, 28 Jun 2017 09:39:36 -0700
Subject: [PATCH 017/274] Improve React.DOMElement type parameter for 2.4 weak
 type checks

DOMAttributes, HTMLAttributes and SVGAttributes are all weak types.
In React.DOMElement, people always pass either HTMLAttributes or
SVGAttributes, so the type parameter is just constrained to
DOMAttributes. This is not as good as a union of (HTML | SVGAttrs) for 2
reasons:

1. Valid HTMLAttributes objects that don't include some DOMAttributes
properties fail TS 2.4's weak type check.
2. Invalid HTMLAttributes objects don't get type checking for
HTMLAttributes properties.

For example:

```ts
var e: React.DOMElement<{
  style: {
    checked: "no"
  }
}, Element>;
```

But `checked` is actually a boolean. Previously, this was not an error.
---
 types/react/index.d.ts    |  2 +-
 types/react/test/index.ts | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 577959ae7b..c03a240c8b 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -66,7 +66,7 @@ declare namespace React {
 
     type ClassicElement<P> = CElement<P, ClassicComponent<P, ComponentState>>;
 
-    interface DOMElement<P extends DOMAttributes<T>, T extends Element> extends ReactElement<P> {
+    interface DOMElement<P extends HTMLAttributes<T> | SVGAttributes<T>, T extends Element> extends ReactElement<P> {
         type: string;
         ref: Ref<T>;
     }
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index 27acc07d34..21a8f45e33 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -715,3 +715,13 @@ const formEvent:InputFormEvent = changeEvent;
     }
     const VariableWithAClass: React.ComponentClass<ComponentProps> = ComponentWithDefaultProps;
 }
+
+// complex React.DOMElement type
+declare var x: React.DOMElement<{
+    className: string;
+    style: {
+        height: string;
+        overflowY: "auto";
+        transition: string;
+    };
+}, Element>;

From 1cc0cc672bd9cba21c9599ba5e07afa7b430805d Mon Sep 17 00:00:00 2001
From: Sergei Dorogin <sergei@dorogin.com>
Date: Wed, 28 Jun 2017 22:29:33 +0300
Subject: [PATCH 018/274] [select2] JQuery plugin definition was extracted into
 interface to support `$.select2.amd` field

---
 types/select2/index.d.ts | 129 ++++++++++++++++++++-------------------
 1 file changed, 67 insertions(+), 62 deletions(-)

diff --git a/types/select2/index.d.ts b/types/select2/index.d.ts
index 8830f270dc..740f329742 100644
--- a/types/select2/index.d.ts
+++ b/types/select2/index.d.ts
@@ -114,7 +114,74 @@ interface Select2SelectionObject {
     title: string;
 }
 
+interface Select2Plugin {
+	amd: any;
+
+	(): JQuery;
+	(it: IdTextPair): JQuery;
+
+	/**
+	 * Get the id value of the current selection
+	 */
+	(method: 'val'): any;
+	/**
+	 * Set the id value of the current selection
+	 * @params value Value to set the id to
+	 * @params triggerChange Should a change event be triggered
+	 */
+	(method: 'val', value: any, triggerChange?: boolean): any;
+	/**
+	 * Get the data object of the current selection
+	 */
+	(method: 'data'): any;
+	/**
+	 * Set the data of the current selection
+	 * @params value Object to set the data to
+	 * @params triggerChange Should a change event be triggered
+	 */
+	(method: 'data', value: any, triggerChange?: boolean): any;
+	/**
+	 * Reverts changes to DOM done by Select2. Any selection done via Select2 will be preserved.
+	 */
+	(method: 'destroy'): JQuery;
+	/**
+	 * Opens the dropdown
+	 */
+	(method: 'open'): JQuery;
+	/**
+	 * Closes the dropdown
+	 */
+	(method: 'close'): JQuery;
+	/**
+	 * Enables or disables Select2 and its underlying form component
+	 * @param value True if it should be enabled false if it should be disabled
+	 */
+	(method: 'enable', value: boolean): JQuery;
+	/**
+	 * Toggles readonly mode on Select2 and its underlying form component
+	 * @param value True if it should be readonly false if it should be read write
+	 */
+	(method: 'readonly', value: boolean): JQuery;
+	/**
+	 * Retrieves the main container element that wraps all of DOM added by Select2
+	 */
+	(method: 'container'): JQuery;
+	/**
+	 * Notifies Select2 that a drag and drop sorting operation has started
+	 */
+	(method: 'onSortStart'): JQuery;
+	/**
+	 * Notifies Select2 that a drag and drop sorting operation has finished
+	 */
+	(method: 'onSortEnd'): JQuery;
+
+	(method: string): any;
+	(method: string, value: any, trigger?: boolean): any;
+	(options: Select2Options): JQuery;
+}
+
 interface JQuery {
+	select2: Select2Plugin;
     off(events?: "change", selector?: any, handler?: (eventObject: Select2JQueryEventObject) => any): JQuery;
 
     on(events: "change", selector?: string, data?: any, handler?: (eventObject: Select2JQueryEventObject) => any): JQuery;
@@ -140,68 +207,6 @@ interface JQuery {
     on(events: "select2-loaded", handler?: (eventObject: Select2JQueryEventObject) => any): JQuery;
     on(events: "select2-focus", handler?: (eventObject: Select2JQueryEventObject) => any): JQuery;
     on(events: "select2-blur", handler?: (eventObject: Select2JQueryEventObject) => any): JQuery;
-
-    select2(): JQuery;
-    select2(it: IdTextPair): JQuery;
-
-    /**
-    * Get the id value of the current selection
-    */
-    select2(method: 'val'): any;
-    /**
-    * Set the id value of the current selection
-    * @params value Value to set the id to
-    * @params triggerChange Should a change event be triggered
-    */
-    select2(method: 'val', value: any, triggerChange?: boolean): any;
-    /**
-    * Get the data object of the current selection
-    */
-    select2(method: 'data'): any;
-    /**
-    * Set the data of the current selection
-    * @params value Object to set the data to
-    * @params triggerChange Should a change event be triggered
-    */
-    select2(method: 'data', value: any, triggerChange?: boolean): any;
-    /**
-    * Reverts changes to DOM done by Select2. Any selection done via Select2 will be preserved.
-    */
-    select2(method: 'destroy'): JQuery;
-    /**
-    * Opens the dropdown
-    */
-    select2(method: 'open'): JQuery;
-    /**
-    * Closes the dropdown
-    */
-    select2(method: 'close'): JQuery;
-    /**
-    * Enables or disables Select2 and its underlying form component
-    * @param value True if it should be enabled false if it should be disabled
-    */
-    select2(method: 'enable', value: boolean): JQuery;
-    /**
-    * Toggles readonly mode on Select2 and its underlying form component
-    * @param value True if it should be readonly false if it should be read write
-    */
-    select2(method: 'readonly', value: boolean): JQuery;
-    /**
-    * Retrieves the main container element that wraps all of DOM added by Select2
-    */
-    select2(method: 'container'): JQuery;
-    /**
-    * Notifies Select2 that a drag and drop sorting operation has started
-    */
-    select2(method: 'onSortStart'): JQuery;
-    /**
-    * Notifies Select2 that a drag and drop sorting operation has finished
-    */
-    select2(method: 'onSortEnd'): JQuery;
-
-    select2(method: string): any;
-    select2(method: string, value: any, trigger?: boolean): any;
-    select2(options: Select2Options): JQuery;
 }
 
 declare class Select2 {

From ac8c3392a03ead2a2c47b9e822b8327bbd6e41d6 Mon Sep 17 00:00:00 2001
From: tsai phan <phanalpha@hotmail.com>
Date: Thu, 29 Jun 2017 13:24:40 +0800
Subject: [PATCH 019/274] route params, headerBackTitle fixups or so.

---
 types/react-navigation/index.d.ts | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 1d07494104..6f2011da3c 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -5,6 +5,7 @@
 //                 fangpenlin <https://github.com/fangpenlin>
 //                 abrahambotros <https://github.com/abrahambotros>
 //                 petejkim <https://github.com/petejkim>
+//                 phanalpha <https://github.com/phanalpha>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -86,7 +87,7 @@ export type NavigationLeafRoute<Params> = {
    * Params passed to this route when navigating to it,
    * e.g. `{ car_id: 123 }` in a route that displays a car.
    */
-  params?: Params,
+  params: Params,
 };
 
 export type NavigationStateRoute<NavigationLeafRouteParams> = NavigationLeafRoute<NavigationLeafRouteParams> & {
@@ -262,7 +263,7 @@ export type NavigationStackScreenOptions = NavigationScreenOptions & {
   headerTitleStyle?: Style,
   headerTintColor?: string,
   headerLeft?: React.ReactElement<any>,
-  headerBackTitle?: string,
+  headerBackTitle?: string | null,
   headerTruncatedBackTitle?: string,
   headerBackTitleStyle?: Style,
   headerPressColorAndroid?: string,
@@ -651,3 +652,22 @@ export interface NavigationScreenProps<Params> {
 /**
  * END CUSTOM CONVENIENCE INTERFACES
  */
+
+
+/*
+ * Header
+ */
+
+// src/views/HeaderBackButton.js
+
+export interface HeaderBackButtonProps {
+  onPress?: () => void,
+  pressColorAndroid?: string,
+  title?: string,
+  titleStyle?: TextStyle,
+  tintColor?: string,
+  truncatedTitle?: string,
+  width?: number,
+}
+
+export const HeaderBackButton: React.ComponentClass<HeaderBackButtonProps>;

From e5860485cce39be27a321377a6f3b04b1d89d284 Mon Sep 17 00:00:00 2001
From: pueue <pueuepueue@gmail.com>
Date: Thu, 29 Jun 2017 16:52:13 +0900
Subject: [PATCH 020/274] Add EmptyResultError

---
 types/sequelize/index.d.ts         | 15 +++++++++++++++
 types/sequelize/sequelize-tests.ts |  2 ++
 2 files changed, 17 insertions(+)

diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index 86ecb00809..97047aada6 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -2185,6 +2185,15 @@ declare namespace sequelize {
 
     }
 
+    interface EmptyResultError extends BaseError {
+
+        /**
+         * Thrown when a record was not found, Usually used with rejectOnEmpty mode (see message for details)
+         */
+        new (parent: Error): EmptyResultError;
+
+    }
+
     /**
      * Sequelize provides a host of custom error classes, to allow you to do easier debugging. All of these errors
      * are exposed on the sequelize object and the sequelize constructor. All sequelize errors inherit from the
@@ -2206,6 +2215,7 @@ declare namespace sequelize {
         HostNotReachableError: HostNotReachableError;
         InvalidConnectionError: InvalidConnectionError;
         ConnectionTimedOutError: ConnectionTimedOutError;
+        EmptyResultError: EmptyResultError;
     }
 
     //
@@ -3263,6 +3273,11 @@ declare namespace sequelize {
          * Prevents a subquery on the main table when using include
          */
         subQuery?: boolean;
+
+        /**
+         * Throw EmptyResultError if a record is not found
+         */
+        rejectOnEmpty?: boolean;
     }
 
     /**
diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index d786dfc4a2..02249377a9 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -629,6 +629,7 @@ new s.HostNotFoundError( new Error( 'original connection error message' ) );
 new s.HostNotReachableError( new Error( 'original connection error message' ) );
 new s.InvalidConnectionError( new Error( 'original connection error message' ) );
 new s.ConnectionTimedOutError( new Error( 'original connection error message' ) );
+new s.EmptyResultError();
 
 const uniqueConstraintError: Sequelize.ValidationError = new s.UniqueConstraintError({});
 
@@ -914,6 +915,7 @@ User.findAll( { attributes: [s.cast(s.fn('count', Sequelize.col('*')), 'INTEGER'
 User.findAll( { attributes: [[s.cast(s.fn('count', Sequelize.col('*')), 'INTEGER'), 'count']] });
 User.findAll( { where : s.fn('count', [0, 10]) } );
 User.findAll( { subQuery: false, include : [User], order : [[User, User, 'numYears', 'c']] } );
+User.findAll( { rejectOnEmpty: true });
 
 
 User.findById( 'a string' );

From 20dae297ab3cb68b170f29584a152d7a633f71b0 Mon Sep 17 00:00:00 2001
From: mbilsing <mbilsing@google.com>
Date: Thu, 29 Jun 2017 11:17:30 +0200
Subject: [PATCH 021/274] Changes typings of CodeMirror's show-hint module to
 use the Editor object in most parameters instead of the Doc object.

.
---
 types/codemirror/codemirror-showhint.d.ts | 13 +++++--------
 types/codemirror/test/showhint.ts         | 12 ++++++------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/types/codemirror/codemirror-showhint.d.ts b/types/codemirror/codemirror-showhint.d.ts
index 55a3d6012b..745e481737 100644
--- a/types/codemirror/codemirror-showhint.d.ts
+++ b/types/codemirror/codemirror-showhint.d.ts
@@ -1,6 +1,6 @@
 // Type definitions for CodeMirror
 // Project: https://github.com/marijnh/CodeMirror
-// Definitions by: jacqt <https://github.com/jacqt>, basarat <https://github.com/basarat>
+// Definitions by: jacqt <https://github.com/jacqt>, basarat <https://github.com/basarat>, mbilsing <https://github.com/mbilsing>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // See docs https://codemirror.net/doc/manual.html#addon_show-hint
@@ -16,7 +16,7 @@ declare module "codemirror" {
     and return a {list, from, to} object, where list is an array of strings or objects (the completions), and
     from and to give the start and end of the token that is being completed as {line, ch} objects. An optional
     selectedHint property (an integer) can be added to the completion object to control the initially selected hint. */
-    function showHint(cm: CodeMirror.Doc, hinter?: HintFunction, options?: ShowHintOptions): void;
+    function showHint(cm: CodeMirror.Editor, hinter?: HintFunction, options?: ShowHintOptions): void;
 
     interface Hints {
         from: Position;
@@ -32,7 +32,7 @@ declare module "codemirror" {
         displayText?: string;
         from?: Position;
         /** Called if a completion is picked. If provided *you* are responsible for applying the completion */
-        hint?: (cm: any, data: Hints, cur: Hint) => void;
+        hint?: (cm: CodeMirror.Editor, data: Hints, cur: Hint) => void;
         render?: (element: HTMLLIElement, data: Hints, cur: Hint) => void;
         to?: Position;
     }
@@ -41,18 +41,15 @@ declare module "codemirror" {
         /** An extension of the existing CodeMirror typings for the Editor.on("keyup", func) syntax */
         on(eventName: string, handler: (doc: CodeMirror.Doc, event: any) => void): void;
         off(eventName: string, handler: (doc: CodeMirror.Doc, event: any) => void): void;
-    }
-
-    interface Doc {
         showHint: (options: ShowHintOptions) => void;
     }
 
     interface HintFunction {
-        (doc: CodeMirror.Doc): Hints;
+        (cm: CodeMirror.Editor): Hints;
     }
 
     interface AsyncHintFunction {
-        (doc: CodeMirror.Doc, callback: (hints: Hints) => any): any;
+        (cm: CodeMirror.Editor, callback: (hints: Hints) => any): any;
         async?: boolean;
     }
 
diff --git a/types/codemirror/test/showhint.ts b/types/codemirror/test/showhint.ts
index 00dbe6bed4..0aabcc9a86 100644
--- a/types/codemirror/test/showhint.ts
+++ b/types/codemirror/test/showhint.ts
@@ -1,16 +1,16 @@
 
 
-var doc = new CodeMirror.Doc('text');
+var cm = CodeMirror(document.body, {value: 'text'});
 var pos = new CodeMirror.Pos(2, 3);
-CodeMirror.showHint(doc);
-CodeMirror.showHint(doc, function (cm) {
+CodeMirror.showHint(cm);
+CodeMirror.showHint(cm, function (cm) {
     return {
         from: pos,
         list: ["one", "two"],
         to: pos
     };
 });
-CodeMirror.showHint(doc, function (cm) {
+CodeMirror.showHint(cm, function (cm) {
     return {
         from: pos,
         list: [
@@ -32,7 +32,7 @@ CodeMirror.showHint(doc, function (cm) {
     };
 });
 var asyncHintFunc : CodeMirror.AsyncHintFunction =
-    (doc: CodeMirror.Doc, callback: (hints: CodeMirror.Hints) => any) => {
+    (cm: CodeMirror.Editor, callback: (hints: CodeMirror.Hints) => any) => {
         callback({
             from: pos,
             list: ["one", "two"],
@@ -41,7 +41,7 @@ var asyncHintFunc : CodeMirror.AsyncHintFunction =
     };
 asyncHintFunc.async = true;
 
-doc.showHint({
+cm.showHint({
     completeSingle: false,
     hint: asyncHintFunc
 })

From e94d1c1c03674caf8ad29c0103cb30cce8622838 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 14:42:29 +0300
Subject: [PATCH 022/274] React tslint errors fixed.

---
 types/react/test/index.ts | 24 ++++++++++++------------
 types/react/test/tsx.tsx  | 19 +++++++++----------
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index 9274602c82..cb82026e96 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -34,20 +34,20 @@ interface MyComponent extends React.Component<Props, State> {
     reset(): void;
 }
 
-var props: Props & React.ClassAttributes<{}> = {
+const props: Props & React.ClassAttributes<{}> = {
     key: 42,
     ref: "myComponent42",
     hello: "world",
     foo: 42
 };
 
-var container: Element = document.createElement("div");
+const container: Element = document.createElement("div");
 
 //
 // Top-Level API
 // --------------------------------------------------------------------------
 
-var ClassicComponent: React.ClassicComponentClass<Props> =
+const ClassicComponent: React.ClassicComponentClass<Props> =
     React.createClass<Props, State>({
         displayName: "ClassicComponent",
         getDefaultProps() {
@@ -77,7 +77,6 @@ var ClassicComponent: React.ClassicComponentClass<Props> =
 
 class ModernComponent extends React.Component<Props, State>
     implements MyComponent, React.ChildContextProvider<ChildContext> {
-
     static propTypes: React.ValidationMap<Props> = {
         foo: React.PropTypes.number
     };
@@ -140,6 +139,7 @@ interface SCProps {
 function StatelessComponent(props: SCProps) {
     return props.foo ? React.DOM.div(null, props.foo) : null;
 }
+
 namespace StatelessComponent {
     export const displayName = "StatelessComponent";
     export const defaultProps = { foo: 42 };
@@ -196,18 +196,18 @@ React.cloneElement(element, {}, null);
 
 const clonedElement2: React.CElement<Props, ModernComponent> =
     // known problem: cloning with key or ref requires cast
-    React.cloneElement(element, <React.ClassAttributes<ModernComponent>> {
+    React.cloneElement(element, {
         ref: c => c && c.reset()
-    });
+    } as React.ClassAttributes<ModernComponent>);
 const clonedElement3: React.CElement<Props, ModernComponent> =
-    React.cloneElement(element, <{ foo: number } & React.Attributes> {
+    React.cloneElement(element, {
         key: "8eac7",
         foo: 55
-    });
+    } as { foo: number } & React.Attributes);
 const clonedStatelessElement: React.SFCElement<SCProps> =
     // known problem: cloning with optional props don't work properly
     // workaround: cast to actual props type
-    React.cloneElement(statelessElement, <SCProps> { foo: 44 });
+    React.cloneElement(statelessElement, { foo: 44 } as SCProps);
 const clonedClassicElement: React.ClassicElement<Props> =
     React.cloneElement(classicElement, props);
 const clonedDOMElement: React.ReactHTMLElement<HTMLDivElement> =
@@ -247,7 +247,7 @@ const key = element.key;
 // --------------------------------------------------------------------------
 
 const displayName: string | undefined = ClassicComponent.displayName;
-const defaultProps: Props = ClassicComponent.getDefaultProps ? ClassicComponent.getDefaultProps() : <Props> {};
+const defaultProps: Props = ClassicComponent.getDefaultProps ? ClassicComponent.getDefaultProps() : {} as Props;
 const propTypes: React.ValidationMap<Props> | undefined = ClassicComponent.propTypes;
 
 //
@@ -263,7 +263,7 @@ component.forceUpdate();
 const isMounted: boolean = classicComponent.isMounted();
 classicComponent.replaceState({ inputValue: "???", seconds: 60 });
 
-const myComponent = <MyComponent>component;
+const myComponent = component as MyComponent;
 myComponent.reset();
 
 //
@@ -291,7 +291,7 @@ React.DOM.div({ ref: "domRef" });
 React.DOM.div({ ref: node => domNodeRef = node });
 
 let inputNodeRef: HTMLInputElement | null;
-React.DOM.input({ ref: node => inputNodeRef = <HTMLInputElement>node });
+React.DOM.input({ ref: node => inputNodeRef = node as HTMLInputElement });
 
 //
 // Attributes
diff --git a/types/react/test/tsx.tsx b/types/react/test/tsx.tsx
index 487700495e..dd91b5a0bd 100644
--- a/types/react/test/tsx.tsx
+++ b/types/react/test/tsx.tsx
@@ -3,8 +3,8 @@ import * as React from "react";
 interface SCProps {
     foo?: number;
 }
-var StatelessComponent: React.SFC<SCProps> = ({ foo }: SCProps) => {
-    return <div>{ foo }</div>;
+const StatelessComponent: React.SFC<SCProps> = ({ foo }: SCProps) => {
+    return <div>{foo}</div>;
 };
 StatelessComponent.displayName = "StatelessComponent3";
 StatelessComponent.defaultProps = {
@@ -12,8 +12,8 @@ StatelessComponent.defaultProps = {
 };
 <StatelessComponent />;
 
-var StatelessComponent2: React.SFC<SCProps> = ({ foo, children }) => {
-    return <div>{ foo }{ children }</div>;
+const StatelessComponent2: React.SFC<SCProps> = ({ foo, children }) => {
+    return <div>{foo}{children}</div>;
 };
 StatelessComponent2.displayName = "StatelessComponent4";
 StatelessComponent2.defaultProps = {
@@ -37,10 +37,9 @@ StatelessComponent2.defaultProps = {
     defaultValue="some value"
     contentEditable
     suppressContentEditableWarning
-    >
+>
     <b>foo</b>
-</div>
-
+</div>;
 
 interface Props {
     hello: string;
@@ -50,15 +49,15 @@ interface State {
 }
 class ComponentWithPropsAndState extends React.Component<Props, State> {
 }
-<ComponentWithPropsAndState hello="TypeScript" />
+<ComponentWithPropsAndState hello="TypeScript" />;
 
 class ComponentWithoutState extends React.Component<Props> {
 }
-<ComponentWithoutState hello="TypeScript" />
+<ComponentWithoutState hello="TypeScript" />;
 
 class ComponentWithoutPropsAndState extends React.Component {
 }
-<ComponentWithoutPropsAndState />
+<ComponentWithoutPropsAndState />;
 
 const StatelessComponentWithoutProps: React.SFC = (props) => {
     return <div />;

From 51e7287c86e23281e6f45efa68becd574032cea2 Mon Sep 17 00:00:00 2001
From: Tanguy Krotoff <tkrotoff@gmail.com>
Date: Thu, 29 Jun 2017 13:31:52 +0200
Subject: [PATCH 023/274] React.SFC<...> | React.ComponentClass<...> =>
 React.ComponentType<...>

---
 types/react-router-config/index.d.ts | 2 +-
 types/react-router/index.d.ts        | 4 ++--
 types/rrc/index.d.ts                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/react-router-config/index.d.ts b/types/react-router-config/index.d.ts
index 8497b0d4b8..7644b8f062 100644
--- a/types/react-router-config/index.d.ts
+++ b/types/react-router-config/index.d.ts
@@ -14,7 +14,7 @@ export interface RouteConfigComponentProps<T> extends RouteComponentProps<T> {
 
 export interface RouteConfig {
     location?: Location;
-    component?: React.SFC<RouteConfigComponentProps<any> | void> | React.ComponentClass<RouteConfigComponentProps<any> | void>;
+    component?: React.ComponentType<RouteConfigComponentProps<any> | void>;
     path?: string;
     exact?: boolean;
     strict?: boolean;
diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 72afa50e3b..2f38251db8 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -64,7 +64,7 @@ export interface RouteComponentProps<P> {
 
 export interface RouteProps {
   location?: H.Location;
-  component?: React.SFC<RouteComponentProps<any> | undefined> | React.ComponentClass<RouteComponentProps<any> | undefined>;
+  component?: React.ComponentType<RouteComponentProps<any> | undefined>;
   render?: ((props: RouteComponentProps<any>) => React.ReactNode);
   children?: ((props: RouteComponentProps<any>) => React.ReactNode) | React.ReactNode;
   path?: string;
@@ -99,4 +99,4 @@ export interface match<P> {
 }
 
 export function matchPath<P>(pathname: string, props: RouteProps): match<P> | null;
-export function withRouter<P>(component: React.SFC<RouteComponentProps<any> & P> | React.ComponentClass<RouteComponentProps<any> & P>): React.ComponentClass<P>;
+export function withRouter<P>(component: React.ComponentType<RouteComponentProps<any> & P>): React.ComponentClass<P>;
diff --git a/types/rrc/index.d.ts b/types/rrc/index.d.ts
index 6a56baf3fc..891ceeaa64 100644
--- a/types/rrc/index.d.ts
+++ b/types/rrc/index.d.ts
@@ -22,7 +22,7 @@ export interface WithScrollOptions {
     alignToTop?: boolean;
 }
 
-export type ComponentConstructor<Props> = React.ComponentClass<Props> | React.SFC<Props>;
+export type ComponentConstructor<Props> = React.ComponentType<Props>;
 
 export function withScroll(component: ComponentConstructor<RouteComponentProps<any> | undefined>, options?: WithScrollOptions)
     : ComponentConstructor<RouteComponentProps<any> | undefined>;

From 552051f56f4e46da801297a8631447f97aaade0c Mon Sep 17 00:00:00 2001
From: Tanguy Krotoff <tkrotoff@gmail.com>
Date: Thu, 29 Jun 2017 13:54:42 +0200
Subject: [PATCH 024/274] Default props should be {}, not undefined or void

---
 types/react-router-config/index.d.ts                          | 2 +-
 types/react-router/index.d.ts                                 | 2 +-
 .../PreventingTransitions.tsx                                 | 2 +-
 types/rrc/index.d.ts                                          | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/types/react-router-config/index.d.ts b/types/react-router-config/index.d.ts
index 7644b8f062..2040a8a721 100644
--- a/types/react-router-config/index.d.ts
+++ b/types/react-router-config/index.d.ts
@@ -14,7 +14,7 @@ export interface RouteConfigComponentProps<T> extends RouteComponentProps<T> {
 
 export interface RouteConfig {
     location?: Location;
-    component?: React.ComponentType<RouteConfigComponentProps<any> | void>;
+    component?: React.ComponentType<RouteConfigComponentProps<any> | {}>;
     path?: string;
     exact?: boolean;
     strict?: boolean;
diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 2f38251db8..cfd0b20c66 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -64,7 +64,7 @@ export interface RouteComponentProps<P> {
 
 export interface RouteProps {
   location?: H.Location;
-  component?: React.ComponentType<RouteComponentProps<any> | undefined>;
+  component?: React.ComponentType<RouteComponentProps<any> | {}>;
   render?: ((props: RouteComponentProps<any>) => React.ReactNode);
   children?: ((props: RouteComponentProps<any>) => React.ReactNode) | React.ReactNode;
   path?: string;
diff --git a/types/react-router/test/examples-from-react-router-website/PreventingTransitions.tsx b/types/react-router/test/examples-from-react-router-website/PreventingTransitions.tsx
index bd5d76ae2b..9f1858c89f 100644
--- a/types/react-router/test/examples-from-react-router-website/PreventingTransitions.tsx
+++ b/types/react-router/test/examples-from-react-router-website/PreventingTransitions.tsx
@@ -22,7 +22,7 @@ const PreventingTransitionsExample = () => (
   </Router>
 );
 
-class Form extends React.Component<undefined, {isBlocking: boolean}> {
+class Form extends React.Component<{}, {isBlocking: boolean}> {
   state = {
     isBlocking: false
   };
diff --git a/types/rrc/index.d.ts b/types/rrc/index.d.ts
index 891ceeaa64..f4ef84e568 100644
--- a/types/rrc/index.d.ts
+++ b/types/rrc/index.d.ts
@@ -24,8 +24,8 @@ export interface WithScrollOptions {
 
 export type ComponentConstructor<Props> = React.ComponentType<Props>;
 
-export function withScroll(component: ComponentConstructor<RouteComponentProps<any> | undefined>, options?: WithScrollOptions)
-    : ComponentConstructor<RouteComponentProps<any> | undefined>;
+export function withScroll(component: ComponentConstructor<RouteComponentProps<any> | {}>, options?: WithScrollOptions)
+    : ComponentConstructor<RouteComponentProps<any> | {}>;
 
 export type RouteConfiguration = RouteProps & { inject?: { [key: string]: any } };
 

From 5addbe9b7270c558b5ef26d4bfd84b3df08e4427 Mon Sep 17 00:00:00 2001
From: Tanguy Krotoff <tkrotoff@gmail.com>
Date: Thu, 29 Jun 2017 13:55:50 +0200
Subject: [PATCH 025/274] React.ComponentType<P> => React.ComponentType<P = {}>

---
 types/react/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 577959ae7b..de21376a94 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -35,7 +35,7 @@ declare namespace React {
     // ----------------------------------------------------------------------
 
     type ReactType = string | ComponentType<any>;
-    type ComponentType<P> = ComponentClass<P> | StatelessComponent<P>;
+    type ComponentType<P = {}> = ComponentClass<P> | StatelessComponent<P>;
 
     type Key = string | number;
     type Ref<T> = string | ((instance: T | null) => any);

From d3901d129041e648aa82b8c929f2cc0eee3358c4 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 15:28:23 +0300
Subject: [PATCH 026/274] Tslint disabling updated to disable only one line.

---
 types/react/index.d.ts    | 7 ++++---
 types/react/test/index.ts | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 8800440547..baaca40308 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -26,6 +26,7 @@ type NativeTransitionEvent = TransitionEvent;
 type NativeUIEvent = UIEvent;
 type NativeWheelEvent = WheelEvent;
 
+// tslint:disable-next-line:export-just-namespace
 export = React;
 export as namespace React;
 
@@ -40,7 +41,7 @@ declare namespace React {
     type Key = string | number;
     type Ref<T> = string | ((instance: T | null) => any);
 
-    // tslint:disable:interface-over-type-literal
+    // tslint:disable-next-line:interface-over-type-literal
     type ComponentState = {};
 
     interface Attributes {
@@ -197,12 +198,12 @@ declare namespace React {
     type ReactInstance = Component<any> | Element;
 
     // Base component for plain JS classes
-    // tslint:disable:no-empty-interface
+    // tslint:disable-next-line:no-empty-interface
     interface Component<P = {}, S = {}> extends ComponentLifecycle<P, S> { }
     class Component<P, S> {
         constructor(props?: P, context?: any);
         // Disabling unified-signatures to have separate overloads. It's easier to understand this way.
-        // tslint:disable:unified-signatures
+        // tslint:disable-next-line:unified-signatures
         setState<K extends keyof S>(f: (prevState: S, props: P) => Pick<S, K>, callback?: () => any): void;
         setState<K extends keyof S>(state: Pick<S, K>, callback?: () => any): void;
         forceUpdate(callBack?: () => any): void;
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index cb82026e96..2f8d1d0de5 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -140,6 +140,7 @@ function StatelessComponent(props: SCProps) {
     return props.foo ? React.DOM.div(null, props.foo) : null;
 }
 
+// tslint:disable-next-line:no-namespace
 namespace StatelessComponent {
     export const displayName = "StatelessComponent";
     export const defaultProps = { foo: 42 };

From 6cfc342e879fb3a3d3e2bd48dfd524997c96f1fd Mon Sep 17 00:00:00 2001
From: mbilsing <mbilsing@google.com>
Date: Thu, 29 Jun 2017 14:32:40 +0200
Subject: [PATCH 027/274] .

---
 types/codemirror/codemirror-showhint.d.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/types/codemirror/codemirror-showhint.d.ts b/types/codemirror/codemirror-showhint.d.ts
index 745e481737..c6f367d0d2 100644
--- a/types/codemirror/codemirror-showhint.d.ts
+++ b/types/codemirror/codemirror-showhint.d.ts
@@ -1,6 +1,8 @@
 // Type definitions for CodeMirror
 // Project: https://github.com/marijnh/CodeMirror
-// Definitions by: jacqt <https://github.com/jacqt>, basarat <https://github.com/basarat>, mbilsing <https://github.com/mbilsing>
+// Definitions by: jacqt <https://github.com/jacqt>
+//                 basarat <https://github.com/basarat>
+//                 mbilsing <https://github.com/mbilsing>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 // See docs https://codemirror.net/doc/manual.html#addon_show-hint

From 41eb14e2dd0bb885d50b49010d910584a20bab16 Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Thu, 29 Jun 2017 14:46:14 +0200
Subject: [PATCH 028/274] updated i18n on alexa-sdk

---
 types/alexa-sdk/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 256d3fee9a..466b8822d4 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -41,7 +41,7 @@ export interface Handler {
     context: any;
     name: any;
     isOverriden: any;
-    t: (token: string) => void;
+    t: (token: string, ...args: any[]) => void;
 }
 
 export interface Context {

From 2b74ee5cdbc378eda36f88be536b7ba54b39bf73 Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Thu, 29 Jun 2017 14:51:40 +0200
Subject: [PATCH 029/274] fix: LaunchRequest OR IntentRequest OR
 SessionEndedRequest

---
 types/alexa-sdk/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 466b8822d4..10348e0332 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -58,7 +58,7 @@ export interface Context {
 export interface RequestBody {
     version: string;
     session: Session;
-    request: LaunchRequest | IntentRequest | SessionEndedRequest;
+    request: LaunchRequest & IntentRequest & SessionEndedRequest;
 }
 
 export interface Session {

From cbdf74e0df7c2d785664d2e716da439fcba16b1c Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Thu, 29 Jun 2017 15:04:34 +0200
Subject: [PATCH 030/274] alexa-sdk: added locale property and optionalized

accessToken is optional, e.g. doesn't get sent on every request
---
 types/alexa-sdk/index.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 10348e0332..3ced78ffed 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -75,7 +75,7 @@ export interface SessionApplication {
 
 export interface SessionUser {
     userId: string;
-    accessToken: string;
+    accessToken?: string;
 }
 
 export interface LaunchRequest extends Request { }
@@ -105,6 +105,7 @@ export interface Request {
     type: "LaunchRequest" | "IntentRequest" | "SessionEndedRequest";
     requestId: string;
     timeStamp: string;
+    locale: string;
 }
 
 export interface ResponseBody {

From 8672af4c429eaed9a9991c60d07097d6d423042b Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Thu, 29 Jun 2017 15:07:02 +0200
Subject: [PATCH 031/274] made locale optional

---
 types/alexa-sdk/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 3ced78ffed..335ad64739 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -105,7 +105,7 @@ export interface Request {
     type: "LaunchRequest" | "IntentRequest" | "SessionEndedRequest";
     requestId: string;
     timeStamp: string;
-    locale: string;
+    locale?: string;
 }
 
 export interface ResponseBody {

From c8cce22c80b83cb0b10e7698660a97e62de69ece Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Thu, 29 Jun 2017 15:11:27 +0200
Subject: [PATCH 032/274] refactor(alexa-sdk): moved Request types together

made their properties optional so each of them can be used
---
 types/alexa-sdk/index.d.ts | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 335ad64739..c3b71258da 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -81,33 +81,34 @@ export interface SessionUser {
 export interface LaunchRequest extends Request { }
 
 export interface IntentRequest extends Request {
-    dialogState: DialogStates;
-    intent: Intent;
-}
-
-export interface SlotValue {
-    confirmationStatus: ConfirmationStatuses;
-    name: string;
-    value?: any;
-}
-
-export interface Intent {
-    confirmationStatus: ConfirmationStatuses;
-    name: string;
-    slots: Record<string, SlotValue>;
+    dialogState?: DialogStates;
+    intent?: Intent;
 }
 
 export interface SessionEndedRequest extends Request {
-    reason: string;
+    reason?: string;
 }
 
 export interface Request {
     type: "LaunchRequest" | "IntentRequest" | "SessionEndedRequest";
     requestId: string;
-    timeStamp: string;
-    locale?: string;
+    timestamp: string;
+    locale?: string
 }
 
+export interface SlotValue {
+    confirmationStatus?: ConfirmationStatuses;
+    name: string;
+    value?: any;
+}
+
+export interface Intent {
+    confirmationStatus?: ConfirmationStatuses;
+    name: string;
+    slots: Record<string, SlotValue>;
+}
+
+
 export interface ResponseBody {
     version: string;
     sessionAttributes?: any;
@@ -143,3 +144,4 @@ export interface Image {
 export interface Reprompt {
     outputSpeech: OutputSpeech;
 }
+

From 83185cb5220766286b96b22dfaa0e653487c8c85 Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Thu, 29 Jun 2017 15:17:56 +0200
Subject: [PATCH 033/274] made the request use type inference instead

---
 types/alexa-sdk/index.d.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index c3b71258da..88e25927d6 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -6,14 +6,14 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.2
 
-export function handler(event: RequestBody, context: Context, callback?: (err: any, response: any) => void ): AlexaObject;
+export function handler<T>(event: RequestBody<T>, context: Context, callback?: (err: any, response: any) => void ): AlexaObject<T>;
 export function CreateStateHandler(state: string, obj: any): any;
 export let StateString: string;
 
 export type ConfirmationStatuses = "NONE" | "DENIED" | "CONFIRMED";
 export type DialogStates = "STARTED" | "IN_PROGRESS" | "COMPLETED";
 
-export interface AlexaObject extends Handler {
+export interface AlexaObject<T> extends Handler<T> {
     _event: any;
     _context: any;
     _callback: any;
@@ -22,21 +22,21 @@ export interface AlexaObject extends Handler {
     response: any;
     dynamoDBTableName: any;
     saveBeforeResponse: boolean;
-    registerHandlers: (...handlers: Handlers[]) => any;
+    registerHandlers: (...handlers: Handlers<T>[]) => any;
     execute: () => void;
 }
 
-export interface Handlers {
-    [intent: string]: (this: Handler) => void;
+export interface Handlers<T> {
+    [intent: string]: (this: Handler<T>) => void;
 }
 
-export interface Handler {
+export interface Handler<T> {
     on: any;
     emit(event: string, ...args: any[]): boolean;
     emitWithState: any;
     state: any;
     handler: any;
-    event: RequestBody;
+    event: RequestBody<T>;
     attributes: any;
     context: any;
     name: any;
@@ -55,10 +55,10 @@ export interface Context {
     awsRequestId: string;
 }
 
-export interface RequestBody {
+export interface RequestBody<T> {
     version: string;
     session: Session;
-    request: LaunchRequest & IntentRequest & SessionEndedRequest;
+    request: T;
 }
 
 export interface Session {

From fc3bbed6db011a8c5a31bd94f3099d83f5c29df7 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 17:44:15 +0300
Subject: [PATCH 034/274] React.cloneElement overloads for ReactHTMLElement and
 SVGElement added.

---
 types/react/index.d.ts    | 25 +++++++++++++++++++------
 types/react/test/index.ts | 17 ++++++++++++++---
 2 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index baaca40308..59c9bf733e 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -163,14 +163,21 @@ declare namespace React {
         props?: Attributes & P,
         ...children: ReactNode[]): ReactElement<P>;
 
-    function cloneElement<P extends DOMAttributes<T>, T extends Element>(
-        element: DOMElement<P, T>,
-        props?: ClassAttributes<T> & P,
-        ...children: ReactNode[]): DOMElement<P, T>;
+    // ReactHTMLElement
     function cloneElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
         element: ReactHTMLElement<T>,
-        props?: ClassAttributes<T> & P,
+        props?: P,
         ...children: ReactNode[]): ReactHTMLElement<T>;
+    // SVGElement
+    function cloneElement<P extends SVGAttributes<T>, T extends SVGElement>(
+        element: ReactSVGElement,
+        props?: P,
+        ...children: ReactNode[]): ReactSVGElement;
+    // DOM Element (has to be the last, because type checking stops at first overload that fits)
+    function cloneElement<P extends DOMAttributes<T>, T extends Element>(
+        element: DOMElement<P, T>,
+        props?: DOMAttributes<T> & P,
+        ...children: ReactNode[]): DOMElement<P, T>;
     function cloneElement<P extends Q, Q>(
         element: SFCElement<P>,
         props?: Q, // should be Q & Attributes, but then Q is inferred as {}
@@ -202,10 +209,13 @@ declare namespace React {
     interface Component<P = {}, S = {}> extends ComponentLifecycle<P, S> { }
     class Component<P, S> {
         constructor(props?: P, context?: any);
+
         // Disabling unified-signatures to have separate overloads. It's easier to understand this way.
-        // tslint:disable-next-line:unified-signatures
+        // tslint:disable:unified-signatures
         setState<K extends keyof S>(f: (prevState: S, props: P) => Pick<S, K>, callback?: () => any): void;
         setState<K extends keyof S>(state: Pick<S, K>, callback?: () => any): void;
+        // tslint:enable:unified-signatures
+
         forceUpdate(callBack?: () => any): void;
         render(): JSX.Element | null | false;
 
@@ -349,6 +359,7 @@ declare namespace React {
         relatedTarget: EventTarget;
     }
 
+    // tslint:disable-next-line:no-empty-interface
     interface FormEvent<T> extends SyntheticEvent<T> {
     }
 
@@ -2941,6 +2952,7 @@ declare namespace React {
 
 declare global {
     namespace JSX {
+        // tslint:disable:no-empty-interface
         interface Element extends React.ReactElement<any> { }
         interface ElementClass extends React.Component<any> {
             render(): JSX.Element | null | false;
@@ -2950,6 +2962,7 @@ declare global {
 
         interface IntrinsicAttributes extends React.Attributes { }
         interface IntrinsicClassAttributes<T> extends React.ClassAttributes<T> { }
+        // tslint:enable:no-empty-interface
 
         interface IntrinsicElements {
             // HTML
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index 2f8d1d0de5..ef3e3c6bdc 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -185,7 +185,7 @@ const element: React.CElement<Props, ModernComponent> = React.createElement(Mode
 const elementNoState: React.CElement<Props, ModernComponentNoState> = React.createElement(ModernComponentNoState, props);
 const statelessElement: React.SFCElement<SCProps> = React.createElement(StatelessComponent, props);
 const classicElement: React.ClassicElement<Props> = React.createElement(ClassicComponent, props);
-const domElement: React.ReactHTMLElement<HTMLDivElement> = React.createElement("div");
+const domElement: React.DOMElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = React.createElement("div");
 const htmlElement = React.createElement("input", { type: "text" });
 const svgElement = React.createElement("svg", { accentHeight: 12 });
 
@@ -211,9 +211,20 @@ const clonedStatelessElement: React.SFCElement<SCProps> =
     React.cloneElement(statelessElement, { foo: 44 } as SCProps);
 const clonedClassicElement: React.ClassicElement<Props> =
     React.cloneElement(classicElement, props);
-const clonedDOMElement: React.ReactHTMLElement<HTMLDivElement> =
+// Clone base DOMElement
+const clonedDOMElement: React.DOMElement<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> =
     React.cloneElement(domElement, {
-        className: "clonedElement"
+        className: "clonedDOMElement"
+    });
+// Clone ReactHTMLElement
+const clonedHtmlElement: React.ReactHTMLElement<HTMLDivElement> =
+    React.cloneElement(htmlElement, {
+        className: "clonedHTMLElement"
+    });
+// Clone ReactSVGElement
+const clonedSvgElement: React.ReactSVGElement =
+    React.cloneElement(svgElement, {
+        className: "clonedVGElement"
     });
 
 // React.render

From a1b1c00e68e9648f08544ad8c0609737c7dd4c09 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 17:58:21 +0300
Subject: [PATCH 035/274] react-burger-menu TypeScript version added.

---
 types/react-burger-menu/index.d.ts | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/types/react-burger-menu/index.d.ts b/types/react-burger-menu/index.d.ts
index 6d3a508c97..7368c335e2 100644
--- a/types/react-burger-menu/index.d.ts
+++ b/types/react-burger-menu/index.d.ts
@@ -2,11 +2,10 @@
 // Project: https://github.com/negomi/react-burger-menu
 // Definitions by: Rajab Shakirov <https://github.com/radziksh>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import * as React from "react";
 
-// TODO (Rajab) actually I don't want export Props, but
-// `npm run lint react-burger-menu` error doesn't allow me to do it;
 export interface Props {
     burgerBarClassName?: string;
     burgerButtonClassName?: string;
@@ -42,9 +41,7 @@ export interface Props {
     width?: number | string;
 }
 
-// TODO (Rajab) actually I don't want export ReactBurgerMenu, but
-// `npm run lint react-burger-menu` error doesn't allow me to do it;
-export class ReactBurgerMenu extends React.Component<Props, {}> { }
+export class ReactBurgerMenu extends React.Component<Props> { }
 
 export class slide extends ReactBurgerMenu { }
 export class stack extends ReactBurgerMenu { }

From 0af3e88ce608cc33d2dec13813914e8f8c7ca475 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 18:29:24 +0300
Subject: [PATCH 036/274] Added React.createElement overload for DOMElement.

---
 types/react/index.d.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 59c9bf733e..1db2d243b7 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -146,6 +146,10 @@ declare namespace React {
         type: keyof ReactSVG,
         props?: ClassAttributes<T> & P,
         ...children: ReactNode[]): ReactSVGElement;
+    function createElement<P extends SVGAttributes<T>, T extends Element>(
+        type: keyof ReactSVG | keyof ReactHTML,
+        props?: ClassAttributes<T> & P,
+        ...children: ReactNode[]): DOMElement<DOMAttributes<T>, T>;
     function createElement<P>(
         type: SFC<P>,
         props?: Attributes & P,

From 429ff58c9e0b73bb17883c173c5fbf4a737bdaa8 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 19:27:29 +0300
Subject: [PATCH 037/274] Added string fallback for type in ReactElement and
 DOMElement. This is needed for cusotm web-comonents.

---
 types/react/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index 29f905612b..b137832de4 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -73,7 +73,7 @@ declare namespace React {
     // ReactSVG for ReactSVGElement
     // string fallback for custom web-components
     interface DOMElement<P extends DOMAttributes<T>, T extends Element> extends ReactElement<P> {
-        type: keyof ReactHTML | keyof ReactSVG;
+        type: string | keyof ReactHTML | keyof ReactSVG;
         ref: Ref<T>;
     }
 
@@ -150,7 +150,7 @@ declare namespace React {
         props?: ClassAttributes<T> & P,
         ...children: ReactNode[]): ReactSVGElement;
     function createElement<P extends SVGAttributes<T>, T extends Element>(
-        type: keyof ReactSVG | keyof ReactHTML,
+        type: string | keyof ReactSVG | keyof ReactHTML,
         props?: ClassAttributes<T> & P,
         ...children: ReactNode[]): DOMElement<DOMAttributes<T>, T>;
     function createElement<P>(

From 19b33b90d72394225f9f1d1dcbef2a68a550fa31 Mon Sep 17 00:00:00 2001
From: huhuanming <workboring@gmail.com>
Date: Fri, 30 Jun 2017 01:23:43 +0800
Subject: [PATCH 038/274] add react-native-touch-id

---
 types/react-native-touch-id/index.d.ts        | 18 +++++++++++++++
 .../react-native-touch-id-tests.ts            |  5 +++++
 types/react-native-touch-id/tsconfig.json     | 22 +++++++++++++++++++
 3 files changed, 45 insertions(+)
 create mode 100644 types/react-native-touch-id/index.d.ts
 create mode 100644 types/react-native-touch-id/react-native-touch-id-tests.ts
 create mode 100644 types/react-native-touch-id/tsconfig.json

diff --git a/types/react-native-touch-id/index.d.ts b/types/react-native-touch-id/index.d.ts
new file mode 100644
index 0000000000..04f7fbbfde
--- /dev/null
+++ b/types/react-native-touch-id/index.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for react-native-touch-id 3.0.0
+// Project: https://github.com/naoufal/react-native-touch-id
+// Definitions by: huhuanming <https://github.com/huhuanming>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'react-native-touch-id' {
+
+  class TouchIDError {
+    name: 'LAErrorAuthenticationFailed' | 'LAErrorUserCancel' | 'LAErrorUserFallback' | 'LAErrorSystemCancel'
+          | 'LAErrorPasscodeNotSet' | 'LAErrorTouchIDNotAvailable' | 'LAErrorTouchIDNotEnrolled'
+          | 'LAErrorTouchIDNotEnrolled' | 'RCTTouchIDUnknownError' | 'RCTTouchIDNotSupported';
+    message: string;
+    details: any;
+  }
+
+  export const isSupported: () => Promise<boolean | string>;
+  export const authenticate: (reason: string) => Promise<boolean | TouchIDError>;
+}
diff --git a/types/react-native-touch-id/react-native-touch-id-tests.ts b/types/react-native-touch-id/react-native-touch-id-tests.ts
new file mode 100644
index 0000000000..009f1c347f
--- /dev/null
+++ b/types/react-native-touch-id/react-native-touch-id-tests.ts
@@ -0,0 +1,5 @@
+import { isSupported, authenticate } from 'react-native-touch-id';
+
+isSupported().then(() => {}).catch(() => {});
+
+authenticate('reason').then(() => {}).catch(() => {});
diff --git a/types/react-native-touch-id/tsconfig.json b/types/react-native-touch-id/tsconfig.json
new file mode 100644
index 0000000000..0a1cd74c96
--- /dev/null
+++ b/types/react-native-touch-id/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-touch-id-tests.ts"
+    ]
+}

From 929b4a206daefb5463be587e74ea5fa225c40e90 Mon Sep 17 00:00:00 2001
From: Dovydas Navickas <dovydas@quatrodev.com>
Date: Thu, 29 Jun 2017 20:57:10 +0300
Subject: [PATCH 039/274] Fixes for comments.

---
 types/react/index.d.ts    | 29 +++++++++++++++++++++--------
 types/react/test/index.ts |  4 ++++
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index b137832de4..c5742de8c7 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -52,7 +52,7 @@ declare namespace React {
     }
 
     interface ReactElement<P> {
-        type: string | keyof ReactHTML | keyof ReactSVG | ComponentClass<P> | SFC<P>;
+        type: string | ComponentClass<P> | SFC<P>;
         props: P;
         key: Key | null;
     }
@@ -69,18 +69,18 @@ declare namespace React {
 
     type ClassicElement<P> = CElement<P, ClassicComponent<P, ComponentState>>;
 
-    // ReactHTML for ReactHTMLElement
-    // ReactSVG for ReactSVGElement
     // string fallback for custom web-components
     interface DOMElement<P extends DOMAttributes<T>, T extends Element> extends ReactElement<P> {
-        type: string | keyof ReactHTML | keyof ReactSVG;
+        type: string;
         ref: Ref<T>;
     }
 
+    // ReactHTML for ReactHTMLElement
     interface ReactHTMLElement<T extends HTMLElement> extends DOMElement<HTMLAttributes<T>, T> {
         type: keyof ReactHTML;
     }
 
+    // ReactSVG for ReactSVGElement
     interface ReactSVGElement extends DOMElement<SVGAttributes<SVGElement>, SVGElement> {
         type: keyof ReactSVG;
     }
@@ -132,8 +132,15 @@ declare namespace React {
 
     function createClass<P, S>(spec: ComponentSpec<P, S>): ClassicComponentClass<P>;
 
+    // DOM Elements
+    function createFactory<T extends HTMLElement>(
+        type: keyof ReactHTML): HTMLFactory<T>;
+    function createFactory(
+        type: keyof ReactSVG): SVGFactory;
     function createFactory<P extends DOMAttributes<T>, T extends Element>(
-        type: keyof ReactHTML): DOMFactory<P, T>;
+        type: string): DOMFactory<P, T>;
+
+    // Custom components
     function createFactory<P>(type: SFC<P>): SFCFactory<P>;
     function createFactory<P>(
         type: ClassType<P, ClassicComponent<P, ComponentState>, ClassicComponentClass<P>>): CFactory<P, ClassicComponent<P, ComponentState>>;
@@ -141,6 +148,7 @@ declare namespace React {
         type: ClassType<P, T, C>): CFactory<P, T>;
     function createFactory<P>(type: ComponentClass<P>): Factory<P>;
 
+    // DOM Elements
     function createElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
         type: keyof ReactHTML,
         props?: ClassAttributes<T> & P,
@@ -149,10 +157,12 @@ declare namespace React {
         type: keyof ReactSVG,
         props?: ClassAttributes<T> & P,
         ...children: ReactNode[]): ReactSVGElement;
-    function createElement<P extends SVGAttributes<T>, T extends Element>(
-        type: string | keyof ReactSVG | keyof ReactHTML,
+    function createElement<P extends DOMAttributes<T>, T extends Element>(
+        type: string,
         props?: ClassAttributes<T> & P,
-        ...children: ReactNode[]): DOMElement<DOMAttributes<T>, T>;
+        ...children: ReactNode[]): DOMElement<P, T>;
+
+    // Custom components
     function createElement<P>(
         type: SFC<P>,
         props?: Attributes & P,
@@ -170,6 +180,7 @@ declare namespace React {
         props?: Attributes & P,
         ...children: ReactNode[]): ReactElement<P>;
 
+    // DOM Elements
     // ReactHTMLElement
     function cloneElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
         element: ReactHTMLElement<T>,
@@ -185,6 +196,8 @@ declare namespace React {
         element: DOMElement<P, T>,
         props?: DOMAttributes<T> & P,
         ...children: ReactNode[]): DOMElement<P, T>;
+
+    // Custom components
     function cloneElement<P extends Q, Q>(
         element: SFCElement<P>,
         props?: Q, // should be Q & Attributes, but then Q is inferred as {}
diff --git a/types/react/test/index.ts b/types/react/test/index.ts
index ef3e3c6bdc..7264bfa2ea 100644
--- a/types/react/test/index.ts
+++ b/types/react/test/index.ts
@@ -189,6 +189,10 @@ const domElement: React.DOMElement<React.HTMLAttributes<HTMLDivElement>, HTMLDiv
 const htmlElement = React.createElement("input", { type: "text" });
 const svgElement = React.createElement("svg", { accentHeight: 12 });
 
+let customProps: React.HTMLProps<HTMLElement> = props;
+let customDomElement: string = "my-element";
+const nonLiteralElement = React.createElement(customDomElement, customProps);
+
 // React.cloneElement
 const clonedElement: React.CElement<Props, ModernComponent> = React.cloneElement(element, { foo: 43 });
 

From 5ed1a965d0333151629b920e23b307c0ecc6948d Mon Sep 17 00:00:00 2001
From: Jonny Taylor <jonny.taylor5@gmail.com>
Date: Thu, 29 Jun 2017 22:10:44 +0100
Subject: [PATCH 040/274] correct format for UMD module

---
 types/mainloop.js/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/mainloop.js/index.d.ts b/types/mainloop.js/index.d.ts
index e6263218c1..f6162d2316 100644
--- a/types/mainloop.js/index.d.ts
+++ b/types/mainloop.js/index.d.ts
@@ -3,10 +3,6 @@
 // Definitions by: Isaac Sukin <http://isaacsukin.com>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module 'mainloop.js' {
-    export default MainLoop;
-}
-
 /**
  * Interface for the MainLoop.js global.
  *
@@ -30,3 +26,7 @@ interface MainLoop {
 }
 
 declare var MainLoop: MainLoop;
+
+export = MainLoop;
+export as namespace MainLoop;
+

From 210fb742394434a18a79e5596ebc5cf7c142864c Mon Sep 17 00:00:00 2001
From: Jonny Taylor <jonny.taylor5@gmail.com>
Date: Thu, 29 Jun 2017 22:24:27 +0100
Subject: [PATCH 041/274] remove extra line

---
 types/mainloop.js/index.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/mainloop.js/index.d.ts b/types/mainloop.js/index.d.ts
index f6162d2316..98c916d354 100644
--- a/types/mainloop.js/index.d.ts
+++ b/types/mainloop.js/index.d.ts
@@ -29,4 +29,3 @@ declare var MainLoop: MainLoop;
 
 export = MainLoop;
 export as namespace MainLoop;
-

From b56aa308166c8449671d11752381277731fa2e47 Mon Sep 17 00:00:00 2001
From: Selkin Vitaly <sev@sletat.ru>
Date: Fri, 30 Jun 2017 01:25:22 +0300
Subject: [PATCH 042/274] bem-cn: ability to import interfaces

---
 types/bem-cn/bem-cn-tests.ts |  8 +++++
 types/bem-cn/index.d.ts      | 66 ++++++++++++++++++------------------
 2 files changed, 41 insertions(+), 33 deletions(-)

diff --git a/types/bem-cn/bem-cn-tests.ts b/types/bem-cn/bem-cn-tests.ts
index d57e138777..97b3bae8c5 100644
--- a/types/bem-cn/bem-cn-tests.ts
+++ b/types/bem-cn/bem-cn-tests.ts
@@ -1,4 +1,5 @@
 import * as block from "bem-cn";
+import { Settings } from "bem-cn";
 
 // expected 'block'
 block("block")();
@@ -44,3 +45,10 @@ block("block")("elem");
 
 // expected 'block block--mod-value'
 block("block")({ mod: "value"});
+
+// I can use bem-cn interfaces
+const customSettings: Settings = {
+    ns: 'prefix'
+};
+
+block.setup(customSettings);
diff --git a/types/bem-cn/index.d.ts b/types/bem-cn/index.d.ts
index 5a78df4435..068298f0f7 100644
--- a/types/bem-cn/index.d.ts
+++ b/types/bem-cn/index.d.ts
@@ -3,39 +3,39 @@
 // Definitions by: Vitaly Selkin <https://github.com/selkinvitaly>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-type StateFn = (states: { [key: string]: boolean }) => Inner;
+type StateFn = (states: { [key: string]: boolean }) => BemCn.Inner;
+declare function BemCn(name: string): BemCn.Inner;
 
-interface Modifications {
-    [key: string]: (string | boolean);
+declare namespace BemCn {
+    function reset(): void;
+    function setup(settings?: Settings): void;
+
+    interface Modifications {
+        [key: string]: (string | boolean);
+    }
+
+    interface Inner {
+        (elem: string | Modifications): Inner;
+        (elem: string, mods: Modifications): Inner;
+        (): string;
+
+        mix(mixes: string | string[]): Inner;
+        has: StateFn;
+        state: StateFn;
+        is: StateFn;
+        toString(): string;
+        valueOf(): string;
+        split(separator: string, limit?: number): string[];
+    }
+
+    interface Settings {
+        ns?: string;
+        el?: string;
+        mod?: string;
+        modValue?: string;
+        classMap?: { [className: string]: string } | null;
+    }
 }
 
-interface Block {
-    (name: string): Inner;
-
-    reset(): void;
-    setup(settings?: Settings): void;
-}
-
-interface Inner {
-    (elem: string | Modifications): Inner;
-    (elem: string, mods: Modifications): Inner;
-    (): string;
-
-    mix(mixes: string | string[]): Inner;
-    has: StateFn;
-    state: StateFn;
-    is: StateFn;
-    toString(): string;
-    split(separator: string, limit?: number): string[];
-}
-
-interface Settings {
-    ns?: string;
-    el?: string;
-    mod?: string;
-    modValue?: string;
-    classMap?: { [className: string]: string } | null;
-}
-
-declare const block: Block;
-export = block;
+export as namespace BemCn;
+export = BemCn;

From 9a456fefcf08ea5b6d0284524c2e7f130180134a Mon Sep 17 00:00:00 2001
From: tsai phan <phanalpha@hotmail.com>
Date: Fri, 30 Jun 2017 12:28:18 +0800
Subject: [PATCH 043/274] [react-navigation] strictNullChecks, and tests.

---
 .../react-navigation-tests.tsx                | 31 +++++++++++++++++++
 types/react-navigation/tsconfig.json          |  2 +-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/types/react-navigation/react-navigation-tests.tsx b/types/react-navigation/react-navigation-tests.tsx
index 1840fd7ccf..caa8b37843 100644
--- a/types/react-navigation/react-navigation-tests.tsx
+++ b/types/react-navigation/react-navigation-tests.tsx
@@ -27,6 +27,7 @@ import {
     TabNavigatorConfig,
     Transitioner,
     addNavigationHelpers,
+    HeaderBackButton,
 } from 'react-navigation';
 
 // Constants
@@ -97,6 +98,9 @@ class NextScreen extends React.Component<NextScreenProps, {}> {
     }
 }
 
+const navigationOptions = {
+    headerBackTitle: null,
+};
 const initialRouteParams: StartScreenNavigationParams = {
     id: 1,
     s: "Start",
@@ -116,6 +120,7 @@ export const AppNavigator = StackNavigator(
     {
         initialRouteName: ROUTE_NAME_START_SCREEN,
         initialRouteParams,
+        navigationOptions,
     },
 );
 
@@ -227,6 +232,32 @@ class CustomTransitioner extends React.Component<CustomTransitionerProps, null>
     }
 }
 
+/**
+ * Header
+ */
+function renderHeaderBackButton(schema: string): JSX.Element {
+    switch ( schema ) {
+        case 'compact':
+            return (
+                <HeaderBackButton />
+            );
+
+        default:
+            return (
+                <HeaderBackButton
+                    onPress={() => 'noop'}
+                    pressColorAndroid="#ccc"
+                    title="Press Me"
+                    titleStyle={{ color: '#333' }}
+                    tintColor="#2196f3"
+                    truncatedTitle="Press"
+                    width={85}
+                />
+            );
+    }
+}
+
+
 const initAction: NavigationInitAction = NavigationActions.init({
     params: {
         foo: "bar"
diff --git a/types/react-navigation/tsconfig.json b/types/react-navigation/tsconfig.json
index ad15863a78..bbf721c233 100644
--- a/types/react-navigation/tsconfig.json
+++ b/types/react-navigation/tsconfig.json
@@ -7,7 +7,7 @@
     ],
     "noImplicitAny": true,
     "noImplicitThis": true,
-    "strictNullChecks": false,
+    "strictNullChecks": true,
     "baseUrl": "../",
     "jsx": "react",
     "typeRoots": [

From aef3396e6946edd5f1cde28e25f098edcc636cf8 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Fri, 30 Jun 2017 00:40:56 -0400
Subject: [PATCH 044/274] [react-navigation] Added TabRouter

---
 types/react-navigation/index.d.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 1d07494104..4e321e771c 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -5,6 +5,7 @@
 //                 fangpenlin <https://github.com/fangpenlin>
 //                 abrahambotros <https://github.com/abrahambotros>
 //                 petejkim <https://github.com/petejkim>
+//                 Kyle Roach <https://github.com/iRoachie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -633,6 +634,19 @@ export class Transitioner extends React.Component<
   TransitionerState
 > { }
 
+
+/**
+ * Tab Router
+ *
+ * @desc from react-navigation/src/routers/TabRouter.js
+ * @param routeConfigs
+ * @param config
+ */
+export function TabRouter(
+  routeConfigs: NavigationRouteConfigMap,
+  config: NavigationTabRouterConfig
+): NavigationRouter<any, any, any>
+
 /**
  * END MANUAL DEFINITIONS OUTSIDE OF TYPEDEFINITION.JS
  */

From 0c01f43b08e353da2b43211a8a71ddff98bc8407 Mon Sep 17 00:00:00 2001
From: Jack Moore <jtmthf@mst.edu>
Date: Fri, 30 Jun 2017 00:28:37 -0500
Subject: [PATCH 045/274] Updated yargs command to take array of strings

---
 types/yargs/index.d.ts     | 12 ++++++------
 types/yargs/yargs-tests.ts |  6 ++++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/types/yargs/index.d.ts b/types/yargs/index.d.ts
index faf26b3fa8..fe8f4ea6c2 100644
--- a/types/yargs/index.d.ts
+++ b/types/yargs/index.d.ts
@@ -87,12 +87,12 @@ declare namespace yargs {
         usage(message: string, options?: { [key: string]: Options }): Argv;
         usage(options?: { [key: string]: Options }): Argv;
 
-        command(command: string, description: string): Argv;
-        command(command: string, description: string, builder: (args: Argv) => Argv): Argv;
-        command(command: string, description: string, builder: { [optionName: string]: Options }): Argv;
-        command(command: string, description: string, builder: { [optionName: string]: Options }, handler: (args: Arguments) => void): Argv;
-        command(command: string, description: string, builder: (args: Argv) => Argv, handler: (args: Arguments) => void): Argv;
-        command(command: string, description: string, module: CommandModule): Argv;
+        command(command: string | string[], description: string): Argv;
+        command(command: string | string[], description: string, builder: (args: Argv) => Argv): Argv;
+        command(command: string | string[], description: string, builder: { [optionName: string]: Options }): Argv;
+        command(command: string | string[], description: string, builder: { [optionName: string]: Options }, handler: (args: Arguments) => void): Argv;
+        command(command: string | string[], description: string, builder: (args: Argv) => Argv, handler: (args: Arguments) => void): Argv;
+        command(command: string | string[], description: string, module: CommandModule): Argv;
         command(module: CommandModule): Argv;
 
         commandDir(dir: string, opts?: RequireDirectoryOptions): Argv;
diff --git a/types/yargs/yargs-tests.ts b/types/yargs/yargs-tests.ts
index 2c0756d427..3773d03ea5 100644
--- a/types/yargs/yargs-tests.ts
+++ b/types/yargs/yargs-tests.ts
@@ -620,3 +620,9 @@ function Argv$conflicts() {
         })
         .argv;
 }
+
+function Argv$commandArray() {
+    let ya = yargs
+        .command(['commandName', 'commandAlias'], 'command description')
+        .argv;
+}

From b1f0ccdf49db7e40f25f7de6f3c87777f79bd63c Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Fri, 30 Jun 2017 08:11:04 +0200
Subject: [PATCH 046/274] Change .tsconfig

---
 types/react-tag-input/tsconfig.json | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/types/react-tag-input/tsconfig.json b/types/react-tag-input/tsconfig.json
index 54836a10b5..78318da79d 100644
--- a/types/react-tag-input/tsconfig.json
+++ b/types/react-tag-input/tsconfig.json
@@ -2,12 +2,14 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": true,
+        "strictNullChecks": false,
         "baseUrl": "../",
+        "jsx": "react",
         "typeRoots": [
             "../"
         ],
@@ -17,6 +19,6 @@
     },
     "files": [
         "index.d.ts",
-        "react-tag-input-tests.ts"
+        "react-tag-input-tests.tsx"
     ]
-}
+}
\ No newline at end of file

From bda681f3dc061bf8f32b330ad730466da7c3df3d Mon Sep 17 00:00:00 2001
From: sixinli <sixin210@hotmail.com>
Date: Fri, 30 Jun 2017 02:17:56 -0400
Subject: [PATCH 047/274] add destroy() to keypress typing

this function exist in the api mentioned in https://dmauro.github.io/Keypress/
---
 types/keypress/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/keypress/index.d.ts b/types/keypress/index.d.ts
index edb05ee583..122095cd09 100644
--- a/types/keypress/index.d.ts
+++ b/types/keypress/index.d.ts
@@ -46,6 +46,7 @@ declare namespace Keypress {
         unregister_many(combos: Combo[]): void;
         unregister_many(keys: string[]): void;
         get_registered_combos(): Combo[];
+        destroy(): void;
         reset(): void;
         listen(): void;
         stop_listening(): void;

From 765f0726633007a2738323af7c2d233770b2c393 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Fri, 30 Jun 2017 08:20:14 +0200
Subject: [PATCH 048/274] Change filename

---
 .../{react-tag-input-tests.ts => react-tag-input-tests.tsx}       | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename types/react-tag-input/{react-tag-input-tests.ts => react-tag-input-tests.tsx} (100%)

diff --git a/types/react-tag-input/react-tag-input-tests.ts b/types/react-tag-input/react-tag-input-tests.tsx
similarity index 100%
rename from types/react-tag-input/react-tag-input-tests.ts
rename to types/react-tag-input/react-tag-input-tests.tsx

From 0636850adfb5732cadf8a4328c9121b1eeccda56 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Fri, 30 Jun 2017 08:26:34 +0200
Subject: [PATCH 049/274] Updated test with Array instead of []

---
 types/react-tag-input/react-tag-input-tests.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/types/react-tag-input/react-tag-input-tests.tsx b/types/react-tag-input/react-tag-input-tests.tsx
index d3e8e6fb1e..a78bced3b9 100644
--- a/types/react-tag-input/react-tag-input-tests.tsx
+++ b/types/react-tag-input/react-tag-input-tests.tsx
@@ -2,11 +2,9 @@ import * as React from "react";
 import * as ReactDOM from "react-dom";
 import { WithContext as ReactTags } from "react-tag-input";
 
-let tags = [
-    { id: 0, text: "test" }, { id: 1, text: "testing" }
-];
+let tags = Array({ id: 0, text: "test" }, { id: 1, text: "testing" });
 
-let suggestions = ["test", "testar"];
+let suggestions = Array("test1", "test2");
 
 ReactDOM.render(
     <ReactTags tags={tags}

From da620a35a358dfdbe28bd7119609a748db87d40e Mon Sep 17 00:00:00 2001
From: atothek1 <atothek1@gmail.com>
Date: Fri, 30 Jun 2017 08:45:06 +0200
Subject: [PATCH 050/274] Update index.d.ts

Fixing compile errors that needs a a value for the generic State property in React.Component<Props, State>
---
 types/enzyme/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/enzyme/index.d.ts b/types/enzyme/index.d.ts
index 2a7142d9b3..01ecfa90d8 100644
--- a/types/enzyme/index.d.ts
+++ b/types/enzyme/index.d.ts
@@ -15,7 +15,7 @@ import { ReactElement, Component, HTMLAttributes as ReactHTMLAttributes, SVGAttr
 
 export type HTMLAttributes = ReactHTMLAttributes<{}> & ReactSVGAttributes<{}>;
 
-export class ElementClass extends Component<any> {
+export class ElementClass extends Component<any, any> {
 }
 
 /* These are purposefully stripped down versions of React.ComponentClass and React.StatelessComponent.
@@ -23,7 +23,7 @@ export class ElementClass extends Component<any> {
  * all specified in the implementation. TS chooses the EnzymePropSelector overload and loses the generics
  */
 export interface ComponentClass<Props> {
-    new (props?: Props, context?: any): Component<Props>;
+    new (props?: Props, context?: any): Component<Props, any>;
 }
 
 export type StatelessComponent<Props> = (props: Props, context?: any) => JSX.Element;

From 3ad0ea6bdbd76ed4980881eb6a91ed72676060d1 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Fri, 30 Jun 2017 09:31:11 +0200
Subject: [PATCH 051/274] Updated type defenitions to use Array instead of []

---
 types/react-tag-input/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index 1ba112945e..2d045d5365 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -7,8 +7,8 @@
 import * as React from "react";
 
 export interface ReactTagsProps {
-    tags?: { id: number; text: string;}[];
-    suggestions?: string[];
+    tags?: Array<{id: number, text: string }>;
+    suggestions?: Array<string>;
     handleDelete: ((i: number) => void);
     handleAddition: ((tag: string) => void);
     handleDrag?: ((tag: { id: number; text: string; }, currPos: number, newPos: number) => void);

From f3c10107153c59626437bcf789315174be8e9d46 Mon Sep 17 00:00:00 2001
From: Oscar Andersson <oscar.andersson89@gmail.com>
Date: Fri, 30 Jun 2017 09:50:08 +0200
Subject: [PATCH 052/274] Changed to [] for simple type

---
 types/react-tag-input/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-tag-input/index.d.ts b/types/react-tag-input/index.d.ts
index 2d045d5365..626b44acac 100644
--- a/types/react-tag-input/index.d.ts
+++ b/types/react-tag-input/index.d.ts
@@ -8,7 +8,7 @@ import * as React from "react";
 
 export interface ReactTagsProps {
     tags?: Array<{id: number, text: string }>;
-    suggestions?: Array<string>;
+    suggestions?: string[];
     handleDelete: ((i: number) => void);
     handleAddition: ((tag: string) => void);
     handleDrag?: ((tag: { id: number; text: string; }, currPos: number, newPos: number) => void);

From 9b2f23ba782376b1ea0559800c39bc292a7fd8f4 Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Fri, 30 Jun 2017 11:32:58 +0200
Subject: [PATCH 053/274] fixing travis errors

---
 types/alexa-sdk/alexa-sdk-tests.ts | 4 ++--
 types/alexa-sdk/index.d.ts         | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/types/alexa-sdk/alexa-sdk-tests.ts b/types/alexa-sdk/alexa-sdk-tests.ts
index cbf1ba70a3..1454309b93 100644
--- a/types/alexa-sdk/alexa-sdk-tests.ts
+++ b/types/alexa-sdk/alexa-sdk-tests.ts
@@ -1,12 +1,12 @@
 import * as Alexa from "alexa-sdk";
 
-const handler = (event: Alexa.RequestBody, context: Alexa.Context, callback: () => void) => {
+const handler = (event: Alexa.RequestBody<Alexa.Request>, context: Alexa.Context, callback: () => void) => {
     let alexa = Alexa.handler(event, context);
     alexa.registerHandlers(handlers);
     alexa.execute();
 };
 
-let handlers: Alexa.Handlers = {
+let handlers: Alexa.Handlers<Alexa.Request> = {
     'LaunchRequest': function() {
         this.emit('SayHello');
     },
diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 88e25927d6..0a1a5fcec0 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -22,7 +22,7 @@ export interface AlexaObject<T> extends Handler<T> {
     response: any;
     dynamoDBTableName: any;
     saveBeforeResponse: boolean;
-    registerHandlers: (...handlers: Handlers<T>[]) => any;
+    registerHandlers: (...handlers: Array<Handlers<T>>) => any;
     execute: () => void;
 }
 
@@ -108,7 +108,6 @@ export interface Intent {
     slots: Record<string, SlotValue>;
 }
 
-
 export interface ResponseBody {
     version: string;
     sessionAttributes?: any;
@@ -144,4 +143,3 @@ export interface Image {
 export interface Reprompt {
     outputSpeech: OutputSpeech;
 }
-

From 63cc0df9e503c76731e62f60bea295c48a4ec383 Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Fri, 30 Jun 2017 11:38:17 +0200
Subject: [PATCH 054/274] allowing any in tslint.json

---
 types/alexa-sdk/tslint.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/alexa-sdk/tslint.json b/types/alexa-sdk/tslint.json
index 0c1ca3b5b4..78f1939ba2 100644
--- a/types/alexa-sdk/tslint.json
+++ b/types/alexa-sdk/tslint.json
@@ -4,6 +4,7 @@
       "object-literal-key-quote": false,
       "no-empty-interface": false,
       "prefer-method-signature": false,
-      "object-literal-key-quotes": false
+      "object-literal-key-quotes": false,
+      "no-any": false
       }
 }

From b6f0d2ac47d5d0a4b2b319359c4861208e0e66af Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <pascal.brokmeier@gmail.com>
Date: Fri, 30 Jun 2017 11:39:21 +0200
Subject: [PATCH 055/274] fix missing semicolon

---
 types/alexa-sdk/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/alexa-sdk/index.d.ts b/types/alexa-sdk/index.d.ts
index 0a1a5fcec0..24baccf484 100644
--- a/types/alexa-sdk/index.d.ts
+++ b/types/alexa-sdk/index.d.ts
@@ -93,7 +93,7 @@ export interface Request {
     type: "LaunchRequest" | "IntentRequest" | "SessionEndedRequest";
     requestId: string;
     timestamp: string;
-    locale?: string
+    locale?: string;
 }
 
 export interface SlotValue {

From 94cf810b99b77321166096b873cc9b4dfabdae02 Mon Sep 17 00:00:00 2001
From: Hussein Shabbir <husainsfabbas@gmail.com>
Date: Fri, 30 Jun 2017 14:32:30 +0400
Subject: [PATCH 056/274] Fixed definitions to handle FieldArray errors.

---
 types/redux-form/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/redux-form/index.d.ts b/types/redux-form/index.d.ts
index acf1dcc857..8a51117530 100644
--- a/types/redux-form/index.d.ts
+++ b/types/redux-form/index.d.ts
@@ -19,12 +19,12 @@ export interface DataShape {
 }
 
 export type FormErrors<FormData extends DataShape> = {
-    [P in keyof FormData]?: ReactElement<any> | string;
-} & { _error?: string };
+    [P in keyof FormData]?: ReactElement<any> | string | { _error?: string };
+};
 
 export type FormWarnings<FormData extends DataShape> = {
-    [P in keyof FormData]?: ReactElement<any> | string;
-} & { _warning?: string };
+    [P in keyof FormData]?: ReactElement<any> | string | { _warning?: string };
+};
 
 /**
  * A component class or stateless function component.

From 8d56bf9bd9211f7869b98f77f91c0738db397bb5 Mon Sep 17 00:00:00 2001
From: e020873 <nicolas.henry-partner@arcelormittal.com>
Date: Fri, 30 Jun 2017 14:42:48 +0200
Subject: [PATCH 057/274] [send] fix for typescript 2.4.1

---
 types/send/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/send/index.d.ts b/types/send/index.d.ts
index 4b738fa011..6c38861c4f 100644
--- a/types/send/index.d.ts
+++ b/types/send/index.d.ts
@@ -197,7 +197,7 @@ declare namespace send {
         /**
          * Pipe to `res`.
          */
-        pipe(res: stream.Writable): stream.Writable;
+        pipe<T extends NodeJS.WritableStream>(res: T): T;
 
         /**
          * Transfer `path`.

From 0de24ae1b49f9e9d7ccc3143de2abc69e3b04065 Mon Sep 17 00:00:00 2001
From: Arturs Vonda <arturs@artursvonda.lv>
Date: Fri, 30 Jun 2017 20:32:01 +0300
Subject: [PATCH 058/274] Add new options introduced in qs 2.5

---
 types/qs/index.d.ts  | 5 ++++-
 types/qs/qs-tests.ts | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/types/qs/index.d.ts b/types/qs/index.d.ts
index d3574383a5..2ecbed14be 100644
--- a/types/qs/index.d.ts
+++ b/types/qs/index.d.ts
@@ -1,9 +1,10 @@
-// Type definitions for qs 6.4.0
+// Type definitions for qs 6.5.0
 // Project: https://github.com/ljharb/qs
 // Definitions by: Roman Korneev <https://github.com/RWander>
 //                 Leon Yu <https://github.com/leonyu>
 //                 Belinda Teh <https://github.com/tehbelinda>
 //                 Melvin Lee <https://github.com/zyml>
+//                 Arturs Vonda <https://github.com/artursvonda>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 export = QueryString;
@@ -23,6 +24,7 @@ declare namespace QueryString {
         serializeDate?: (d: Date) => string;
         format?: 'RFC1738' | 'RFC3986';
         encodeValuesOnly?: boolean;
+        addQueryPrefix?: boolean;
     }
 
     interface IParseOptions {
@@ -36,6 +38,7 @@ declare namespace QueryString {
         allowPrototypes?: boolean;
         parameterLimit?: number;
         strictNullHandling?: boolean;
+        ignoreQueryPrefix?: boolean;
     }
 
     function stringify(obj: any, options?: IStringifyOptions): string;
diff --git a/types/qs/qs-tests.ts b/types/qs/qs-tests.ts
index d71aa55957..49fe89a4aa 100644
--- a/types/qs/qs-tests.ts
+++ b/types/qs/qs-tests.ts
@@ -233,6 +233,11 @@ qs.parse('a=b&c=d', { delimiter: '&' });
     assert.deepEqual(parsedStrictNull, { a: null, b: '' });
 }
 
+() => {
+    var parsedQueryPrefix = qs.parse('?a&b=', { ignoreQueryPrefix: true });
+    assert.deepEqual(parsedQueryPrefix, { a: '', b: '' });
+}
+
 () => {
     var nullsSkipped = qs.stringify({ a: 'b', c: null }, { skipNulls: true });
     assert.equal(nullsSkipped, 'a=b');
@@ -278,3 +283,7 @@ qs.parse('a=b&c=d', { delimiter: '&' });
     );
     assert.equal(encodedValues,'a=b&c[0]=d&c[1]=e%3Df&f[0][0]=g&f[1][0]=h');
 }
+
+() => {
+    assert.equal(qs.stringify({ a: 'b' }, { addQueryPrefix: true }), '?a=b');
+}

From 7ba15010a5994563d21b884a8e0078348de5255d Mon Sep 17 00:00:00 2001
From: Max Battcher <maxwell.battcher@stantec.com>
Date: Fri, 30 Jun 2017 15:15:41 -0400
Subject: [PATCH 059/274] Support Leaflet-draw explicit false options

This matches the documentation better where most of the Leaflet Draw documentation encourages to use explicit false options (rather than null), as seen in the type comments already in the typing file.
---
 types/leaflet-draw/index.d.ts            | 14 +++++++-------
 types/leaflet-draw/leaflet-draw-tests.ts | 24 ++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/types/leaflet-draw/index.d.ts b/types/leaflet-draw/index.d.ts
index 22d0d45169..cf535930a6 100644
--- a/types/leaflet-draw/index.d.ts
+++ b/types/leaflet-draw/index.d.ts
@@ -40,35 +40,35 @@ declare namespace L {
 			 *
 			 *  Default value: {}
 			 */
-			polyline?: DrawOptions.PolylineOptions;
+			polyline?: DrawOptions.PolylineOptions | false;
 
 			/**
 			 * Polygon draw handler options. Set to false to disable handler.
 			 *
 			 *  Default value: {}
 			 */
-			polygon?: DrawOptions.PolygonOptions;
+			polygon?: DrawOptions.PolygonOptions | false;
 
 			/**
 			 * Rectangle draw handler options. Set to false to disable handler.
 			 *
 			 *  Default value: {}
 			 */
-			rectangle?: DrawOptions.RectangleOptions;
+			rectangle?: DrawOptions.RectangleOptions | false;
 
 			/**
 			 * Circle draw handler options. Set to false to disable handler.
 			 *
 			 *  Default value: {}
 			 */
-			circle?: DrawOptions.CircleOptions;
+			circle?: DrawOptions.CircleOptions | false;
 
 			/**
 			 * Marker draw handler options. Set to false to disable handler.
 			 *
 			 *  Default value: {}
 			 */
-			marker?: DrawOptions.MarkerOptions;
+			marker?: DrawOptions.MarkerOptions | false;
 		}
 
 		interface EditOptions {
@@ -85,14 +85,14 @@ declare namespace L {
 			 *
 			 * Default value: null
 			 */
-			edit?: DrawOptions.EditHandlerOptions;
+			edit?: DrawOptions.EditHandlerOptions | false;
 
 			/**
 			 * Delete handler options. Set to false to disable handler.
 			 *
 			 * Default value: null
 			 */
-			remove?: DrawOptions.DeleteHandlerOptions;
+			remove?: DrawOptions.DeleteHandlerOptions | false;
 		}
 
 		interface Draw extends Control {
diff --git a/types/leaflet-draw/leaflet-draw-tests.ts b/types/leaflet-draw/leaflet-draw-tests.ts
index 21c08e21e9..db6548d844 100644
--- a/types/leaflet-draw/leaflet-draw-tests.ts
+++ b/types/leaflet-draw/leaflet-draw-tests.ts
@@ -45,3 +45,27 @@ map.on(L.Draw.Event.CREATED, (e: L.DrawEvents.Created) => {
 let examplePolygon: L.LatLngLiteral[] = [{lng: 0, lat: 0}, {lng: 10, lat: 0}, {lng: 10, lat: 10}, {lng: 0, lat: 10}, {lng: 0, lat: 0}];
 let examplePolygonArea: number = L.GeometryUtil.geodesicArea(examplePolygon);
 L.GeometryUtil.readableArea(examplePolygonArea, true);
+
+function testBooleanControlOptions() {
+    const drawControl = new L.Control.Draw({
+        position: 'topleft' ,
+        draw: {
+            polygon: {
+                allowIntersection: false,
+                drawError: {
+                    color: '#b00b00',
+                    timeout: 1000
+                },
+                shapeOptions: {
+                    color: '#bada55'
+                },
+                showArea: true
+            },
+            polyline: {},
+            circle: false
+        },
+        edit: {
+            featureGroup: drawnItems
+        }
+    });
+}

From 8114855a0c77a29a3882639962ab3b4892a66e6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?T=C3=BAlio=20Braga?= <tuliobragam@gmail.com>
Date: Fri, 30 Jun 2017 18:13:07 -0300
Subject: [PATCH 060/274] Adding (new) optional parameters to the serializeUser
 and deserializeUser callback signature following the changes on passportjs
 lib

---
 types/passport-local-mongoose/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/passport-local-mongoose/index.d.ts b/types/passport-local-mongoose/index.d.ts
index 8a2d036c9f..2e3377a9b8 100644
--- a/types/passport-local-mongoose/index.d.ts
+++ b/types/passport-local-mongoose/index.d.ts
@@ -19,8 +19,8 @@ declare module 'mongoose' {
   // statics
   interface PassportLocalModel<T extends Document> extends Model<T> {
     authenticate(): (username: string, password: string, cb: (err: any, res: T, error: any) => void) => void;
-    serializeUser(): (user: PassportLocalModel<T>, cb: (err: any) => void) => void;
-    deserializeUser(): (username: string, cb: (err: any) => void) => void;
+    serializeUser(): (user: PassportLocalModel<T>, cb: (err: any, id?: any) => void) => void;
+    deserializeUser(): (username: string, cb: (err: any, user?: any) => void) => void;
     register(user: T, password: string, cb: (err: any, account: any) => void): void;
     findByUsername(username: string, selectHashSaltFields: boolean, cb: (err: any, account: any) => void): any;
     createStrategy(): passportLocal.Strategy;

From 97623535569c9c5c957a9ff2c1b99179499e601f Mon Sep 17 00:00:00 2001
From: StickerFiend <matt@carstickers.com>
Date: Fri, 30 Jun 2017 14:20:56 -0700
Subject: [PATCH 061/274] Added hex string option to Color constructor

Passing a string into Color worked prior to Typescript 2.4

Requires @clark-stevenson approval.
---
 types/paper/index.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/types/paper/index.d.ts b/types/paper/index.d.ts
index 197707058b..918603be84 100644
--- a/types/paper/index.d.ts
+++ b/types/paper/index.d.ts
@@ -3514,6 +3514,12 @@ declare module 'paper' {
          * @param highlight [optional] -
          */
         constructor(color: Gradient, origin: Point, destination: Point, highlight?: Point);
+        
+        /**
+         * Creates a RGB Color object.
+         * @param hex - the RGB color in hex, i.e. #000000
+         */
+        constructor(hex: string);
 
         /**
          * The type of the color as a string.

From 8b1f037c8ff2a3d2fb41af29b1a6df96030322d6 Mon Sep 17 00:00:00 2001
From: Mattoni <amattoni@petrichor.io>
Date: Fri, 30 Jun 2017 14:46:31 -0700
Subject: [PATCH 062/274] Update rc-slider definitions to 8.1

---
 types/rc-slider/index.d.ts          | 51 ++++++++++++++++++-----------
 types/rc-slider/rc-slider-tests.tsx |  3 +-
 2 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/types/rc-slider/index.d.ts b/types/rc-slider/index.d.ts
index 34cfc22056..cc25d67b40 100644
--- a/types/rc-slider/index.d.ts
+++ b/types/rc-slider/index.d.ts
@@ -1,17 +1,20 @@
-// Type definitions for rc-slider 6.1
+// Type definitions for rc-slider 8.1
 // Project: https://github.com/react-component/slider
-// Definitions by: Marcinkus Mantas <https://github.com/mantasmarcinkus/>
+// Definitions by: Marcinkus Mantas <https://github.com/mantasmarcinkus/>, Alexander Mattoni <https://github.com/mattoni/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-import * as React from 'react';
+declare module "rc-slider" {
+    import * as React from "react";
 
-declare namespace RcSliderClass {
-    interface Marks {
-        [number: number]: JSX.Element | string | { style: any, label: string | JSX.Element };
+    export interface Marks {
+        [number: number]:
+            | JSX.Element
+            | string
+            | { style: any; label: string | JSX.Element };
     }
 
-    interface CommonApiProps {
+    export interface CommonApiProps {
         /**
          * Additional CSS class for the root DOM node
          *  @default ''
@@ -86,9 +89,24 @@ declare namespace RcSliderClass {
          * Tooltip formatter
          */
         tipFormatter?: ((value: any) => any | undefined) | null;
+
+        /**
+         * The style used for handle. (both for slider(Object) and range(Array of Object), the array will be used for mutli handle follow element order)
+         */
+        handleStyle?: Array<React.CSSProperties> | React.CSSProperties;
+
+        /**
+         * The style used for track. (both for slider(Object) and range(Array of Object), the array will be used for mutli track follow element order)
+         */
+        trackStyle?: Array<React.CSSProperties> | React.CSSProperties;
+
+        /**
+          * The style used for the track base color.
+          */
+        railStyle?: React.CSSProperties;
     }
 
-    interface SliderProps extends CommonApiProps {
+    export interface SliderProps extends CommonApiProps {
         /**
          * Set initial value of slider.
          *  @default 0
@@ -100,7 +118,7 @@ declare namespace RcSliderClass {
         value?: number;
     }
 
-    interface RangeProps extends CommonApiProps {
+    export interface RangeProps extends CommonApiProps {
         /**
          * Set initial positions of handles.
          *  @default [0,0]
@@ -127,7 +145,7 @@ declare namespace RcSliderClass {
         pushable?: boolean;
     }
 
-    interface HandleProps extends CommonApiProps {
+    export interface HandleProps extends CommonApiProps {
         /**
          * Class name
          */
@@ -142,13 +160,8 @@ declare namespace RcSliderClass {
          */
         offset: number;
     }
+
+    export default class Slider extends React.Component<SliderProps> {}
+    export class Range extends React.Component<RangeProps> {}
+    export class Handle extends React.Component<HandleProps> {}
 }
-
-declare class RcSliderClass extends React.Component<RcSliderClass.SliderProps> { }
-
-declare namespace RcSliderClass {
-    class Range extends React.Component<RcSliderClass.RangeProps> { }
-    class Handle extends React.Component<RcSliderClass.HandleProps> { }
-}
-
-export = RcSliderClass;
diff --git a/types/rc-slider/rc-slider-tests.tsx b/types/rc-slider/rc-slider-tests.tsx
index 55c0674741..7e2e14e317 100644
--- a/types/rc-slider/rc-slider-tests.tsx
+++ b/types/rc-slider/rc-slider-tests.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import * as Slider from 'rc-slider';
-import { Range, Handle } from 'rc-slider';
+import Slider, { Range, Handle } from 'rc-slider';
 
 ReactDOM.render(
     <Slider defaultValue={1} max={2} step={0.01} min={0.01} />,

From ee24cde3466d3c68f90d501e62ba4cae91c79099 Mon Sep 17 00:00:00 2001
From: Mattoni <amattoni@petrichor.io>
Date: Fri, 30 Jun 2017 14:52:22 -0700
Subject: [PATCH 063/274] Update rc-slider definitions to 8.1

---
 types/rc-slider/index.d.ts | 316 ++++++++++++++++++-------------------
 1 file changed, 157 insertions(+), 159 deletions(-)

diff --git a/types/rc-slider/index.d.ts b/types/rc-slider/index.d.ts
index cc25d67b40..e17504fecf 100644
--- a/types/rc-slider/index.d.ts
+++ b/types/rc-slider/index.d.ts
@@ -4,164 +4,162 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-declare module "rc-slider" {
-    import * as React from "react";
+import * as React from "react";
 
-    export interface Marks {
-        [number: number]:
-            | JSX.Element
-            | string
-            | { style: any; label: string | JSX.Element };
-    }
-
-    export interface CommonApiProps {
-        /**
-         * Additional CSS class for the root DOM node
-         *  @default ''
-         */
-        className?: string;
-        /**
-         * The minimum value of the slider
-         *  @default 0
-         */
-        min?: number;
-        /**
-         * The maximum value of the slider
-         *  @default 100
-         */
-        max?: number;
-        /**
-         * Marks on the slider. The key determines the position, and the value determines what will show.
-         * If you want to set the style of a specific mark point, the value should be an object which contains style and label properties.
-         *  @default '{}' | {number: { style, label }}
-         */
-        marks?: Marks;
-        /**
-         * Value to be added or subtracted on each step the slider makes. Must be greater than zero, and max - min should be evenly divisible by the step value.
-         *  @default 1
-         */
-        step?: number;
-        /**
-         * If vertical is true, the slider will be vertical.
-         * @default false
-         */
-        vertical?: boolean;
-        /**
-         * A handle generator which could be used to customized handle.
-         */
-        handle?(props: any): React.ReactNode;
-        /**
-         * If the value is true, it means a continuous value interval, otherwise, it is a independent value.
-         *  @default true
-         */
-        included?: boolean;
-        /**
-         * If true, handles can't be moved.
-         *  @default false
-         */
-        disabled?: boolean;
-        /**
-         * When the step value is greater than 1, you can set the dots to true if you want to render the slider with dots.
-         *  @default false
-         */
-        dots?: boolean;
-        /**
-         * onBeforeChange will be triggered when ontouchstart or onmousedown is triggered.
-         */
-        onBeforeChange?(value: any): any | undefined;
-        /**
-         * onChange will be triggered while the value of Slider changing.
-         */
-        onChange?(value: any): any | undefined;
-        /**
-         * onAfterChange will be triggered when ontouchend or onmouseup is triggered.
-         */
-        onAfterChange?(value: any): any | undefined;
-
-        /**
-         * @deprecated in version ^6.0.0. Use rc-tooltip
-         * Tooltip transition class name
-         */
-        tipTransitionName?: string;
-
-        /**
-         * @deprecated in version ^6.0.0. Use rc-tooltip
-         * Tooltip formatter
-         */
-        tipFormatter?: ((value: any) => any | undefined) | null;
-
-        /**
-         * The style used for handle. (both for slider(Object) and range(Array of Object), the array will be used for mutli handle follow element order)
-         */
-        handleStyle?: Array<React.CSSProperties> | React.CSSProperties;
-
-        /**
-         * The style used for track. (both for slider(Object) and range(Array of Object), the array will be used for mutli track follow element order)
-         */
-        trackStyle?: Array<React.CSSProperties> | React.CSSProperties;
-
-        /**
-          * The style used for the track base color.
-          */
-        railStyle?: React.CSSProperties;
-    }
-
-    export interface SliderProps extends CommonApiProps {
-        /**
-         * Set initial value of slider.
-         *  @default 0
-         */
-        defaultValue?: number;
-        /**
-         * Set current value of slider.
-         */
-        value?: number;
-    }
-
-    export interface RangeProps extends CommonApiProps {
-        /**
-         * Set initial positions of handles.
-         *  @default [0,0]
-         */
-        defaultValue?: number[];
-        /**
-         * Set current positions of handles.
-         */
-        value?: number[];
-        /**
-         * Determine how many ranges to render, and multiple handles will be rendered (number + 1).
-         *  @default 1
-         */
-        count?: number;
-        /**
-         * allowCross could be set as true to allow those handles to cross.
-         *  @default true
-         */
-        allowCross?: boolean;
-        /**
-         * pushable could be set as true to allow pushing of surrounding handles when moving an handle. When set to a number, the number will be the minimum ensured distance between handles.
-         *  @default true
-         */
-        pushable?: boolean;
-    }
-
-    export interface HandleProps extends CommonApiProps {
-        /**
-         * Class name
-         */
-        className: string;
-        /**
-         * Styling if true, then bottom: {offset} else left: {offset}
-         * @default False
-         */
-        vertical: boolean;
-        /**
-         * Styling option offset
-         */
-        offset: number;
-    }
-
-    export default class Slider extends React.Component<SliderProps> {}
-    export class Range extends React.Component<RangeProps> {}
-    export class Handle extends React.Component<HandleProps> {}
+export interface Marks {
+    [number: number]:
+    | JSX.Element
+    | string
+    | { style: any; label: string | JSX.Element };
 }
+
+export interface CommonApiProps {
+    /**
+     * Additional CSS class for the root DOM node
+     *  @default ''
+     */
+    className?: string;
+    /**
+     * The minimum value of the slider
+     *  @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value of the slider
+     *  @default 100
+     */
+    max?: number;
+    /**
+     * Marks on the slider. The key determines the position, and the value determines what will show.
+     * If you want to set the style of a specific mark point, the value should be an object which contains style and label properties.
+     *  @default '{}' | {number: { style, label }}
+     */
+    marks?: Marks;
+    /**
+     * Value to be added or subtracted on each step the slider makes. Must be greater than zero, and max - min should be evenly divisible by the step value.
+     *  @default 1
+     */
+    step?: number;
+    /**
+     * If vertical is true, the slider will be vertical.
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * A handle generator which could be used to customized handle.
+     */
+    handle?(props: any): React.ReactNode;
+    /**
+     * If the value is true, it means a continuous value interval, otherwise, it is a independent value.
+     *  @default true
+     */
+    included?: boolean;
+    /**
+     * If true, handles can't be moved.
+     *  @default false
+     */
+    disabled?: boolean;
+    /**
+     * When the step value is greater than 1, you can set the dots to true if you want to render the slider with dots.
+     *  @default false
+     */
+    dots?: boolean;
+    /**
+     * onBeforeChange will be triggered when ontouchstart or onmousedown is triggered.
+     */
+    onBeforeChange?(value: any): any | undefined;
+    /**
+     * onChange will be triggered while the value of Slider changing.
+     */
+    onChange?(value: any): any | undefined;
+    /**
+     * onAfterChange will be triggered when ontouchend or onmouseup is triggered.
+     */
+    onAfterChange?(value: any): any | undefined;
+
+    /**
+     * @deprecated in version ^6.0.0. Use rc-tooltip
+     * Tooltip transition class name
+     */
+    tipTransitionName?: string;
+
+    /**
+     * @deprecated in version ^6.0.0. Use rc-tooltip
+     * Tooltip formatter
+     */
+    tipFormatter?: ((value: any) => any | undefined) | null;
+
+    /**
+     * The style used for handle. (both for slider(Object) and range(Array of Object), the array will be used for mutli handle follow element order)
+     */
+    handleStyle?: Array<React.CSSProperties> | React.CSSProperties;
+
+    /**
+     * The style used for track. (both for slider(Object) and range(Array of Object), the array will be used for mutli track follow element order)
+     */
+    trackStyle?: Array<React.CSSProperties> | React.CSSProperties;
+
+    /**
+      * The style used for the track base color.
+      */
+    railStyle?: React.CSSProperties;
+}
+
+export interface SliderProps extends CommonApiProps {
+    /**
+     * Set initial value of slider.
+     *  @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Set current value of slider.
+     */
+    value?: number;
+}
+
+export interface RangeProps extends CommonApiProps {
+    /**
+     * Set initial positions of handles.
+     *  @default [0,0]
+     */
+    defaultValue?: number[];
+    /**
+     * Set current positions of handles.
+     */
+    value?: number[];
+    /**
+     * Determine how many ranges to render, and multiple handles will be rendered (number + 1).
+     *  @default 1
+     */
+    count?: number;
+    /**
+     * allowCross could be set as true to allow those handles to cross.
+     *  @default true
+     */
+    allowCross?: boolean;
+    /**
+     * pushable could be set as true to allow pushing of surrounding handles when moving an handle. When set to a number, the number will be the minimum ensured distance between handles.
+     *  @default true
+     */
+    pushable?: boolean;
+}
+
+export interface HandleProps extends CommonApiProps {
+    /**
+     * Class name
+     */
+    className: string;
+    /**
+     * Styling if true, then bottom: {offset} else left: {offset}
+     * @default False
+     */
+    vertical: boolean;
+    /**
+     * Styling option offset
+     */
+    offset: number;
+}
+
+export default class Slider extends React.Component<SliderProps> { }
+export class Range extends React.Component<RangeProps> { }
+export class Handle extends React.Component<HandleProps> { }

From 7d8db5784b340bbf7c0ac97aa1f76b99a9ca2359 Mon Sep 17 00:00:00 2001
From: Mattoni <amattoni@petrichor.io>
Date: Fri, 30 Jun 2017 14:58:30 -0700
Subject: [PATCH 064/274] lint file

---
 types/rc-slider/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/rc-slider/index.d.ts b/types/rc-slider/index.d.ts
index e17504fecf..c30f6a649c 100644
--- a/types/rc-slider/index.d.ts
+++ b/types/rc-slider/index.d.ts
@@ -92,16 +92,16 @@ export interface CommonApiProps {
     /**
      * The style used for handle. (both for slider(Object) and range(Array of Object), the array will be used for mutli handle follow element order)
      */
-    handleStyle?: Array<React.CSSProperties> | React.CSSProperties;
+    handleStyle?: React.CSSProperties[] | React.CSSProperties;
 
     /**
      * The style used for track. (both for slider(Object) and range(Array of Object), the array will be used for mutli track follow element order)
      */
-    trackStyle?: Array<React.CSSProperties> | React.CSSProperties;
+    trackStyle?: React.CSSProperties[] | React.CSSProperties;
 
     /**
-      * The style used for the track base color.
-      */
+     * The style used for the track base color.
+     */
     railStyle?: React.CSSProperties;
 }
 

From 93acafe448df680873c6123e54b43c4685c2f631 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Sat, 1 Jul 2017 07:37:45 -0400
Subject: [PATCH 065/274] [react-navigation] Added StackRouter

---
 types/react-navigation/index.d.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/types/react-navigation/index.d.ts b/types/react-navigation/index.d.ts
index 4e321e771c..6b821586dd 100644
--- a/types/react-navigation/index.d.ts
+++ b/types/react-navigation/index.d.ts
@@ -647,6 +647,17 @@ export function TabRouter(
   config: NavigationTabRouterConfig
 ): NavigationRouter<any, any, any>
 
+/**
+ * Stack Router
+ *
+ * @desc from react-navigation/src/routers/StackRouter.js
+ * @param routeConfigs
+ * @param config
+ */
+export function StackRouter(
+  routeConfigs: NavigationRouteConfigMap,
+  config: NavigationTabRouterConfig
+): NavigationRouter<any, any, any>
 /**
  * END MANUAL DEFINITIONS OUTSIDE OF TYPEDEFINITION.JS
  */

From 70ba063fd3d67987686c447204a1abd377318570 Mon Sep 17 00:00:00 2001
From: Jason Wu <jason.a.wu@accenture.com>
Date: Sat, 1 Jul 2017 12:11:52 -0500
Subject: [PATCH 066/274] Added type definitions for draggabilly

---
 types/draggabilly/draggabilly-tests.ts | 46 ++++++++++++++++++++++++++
 types/draggabilly/index.d.ts           | 42 +++++++++++++++++++++++
 types/draggabilly/tsconfig.json        | 23 +++++++++++++
 types/draggabilly/tslint.json          |  1 +
 4 files changed, 112 insertions(+)
 create mode 100644 types/draggabilly/draggabilly-tests.ts
 create mode 100644 types/draggabilly/index.d.ts
 create mode 100644 types/draggabilly/tsconfig.json
 create mode 100644 types/draggabilly/tslint.json

diff --git a/types/draggabilly/draggabilly-tests.ts b/types/draggabilly/draggabilly-tests.ts
new file mode 100644
index 0000000000..6ab38e6c13
--- /dev/null
+++ b/types/draggabilly/draggabilly-tests.ts
@@ -0,0 +1,46 @@
+import Draggabilly from 'draggabilly';
+
+const elem = document.querySelector('.draggable') as Element;
+
+const draggieA = new Draggabilly('.test');
+const draggieB = new Draggabilly(elem);
+
+const draggie = new Draggabilly(elem, {
+    axis: 'x',
+    containment: true,
+    grid: [20, 20],
+    handle: '.handle'
+});
+
+const draggiePosX: number = draggie.position.x;
+const draggiePosY: number = draggie.position.y;
+
+draggie.on( 'dragMove', (event, pointer, moveVector) => {
+    const pointerPageX: number = pointer.pageX;
+    const pointePageY: number = pointer.pageY;
+
+    const moveVectorX: number = moveVector.x;
+    const moveVectorY: number = moveVector.y;
+});
+
+draggie.on( 'dragStart', (event, pointer) => {});
+
+draggie.on( 'dragEnd', (event, pointer) => {});
+
+draggie.on( 'pointerDown', (event, pointer) => {});
+
+draggie.on( 'pointerMove', (event, pointer, moveVector) => {});
+
+draggie.on( 'pointerUp', (event, pointer) => {});
+
+draggie.on( 'staticClick', (event, pointer) => {});
+
+draggie.off('dragMove', (event, pointer, moveVector) => {});
+
+draggie.once('dragMove', (event, pointer, moveVector) => {});
+
+draggie.enable();
+
+draggie.disable();
+
+draggie.destroy();
diff --git a/types/draggabilly/index.d.ts b/types/draggabilly/index.d.ts
new file mode 100644
index 0000000000..3bc3e3a10e
--- /dev/null
+++ b/types/draggabilly/index.d.ts
@@ -0,0 +1,42 @@
+// Type definitions for draggabilly 2.1
+// Project: http://draggabilly.desandro.com/
+// Definitions by: Jason Wu <https://github.com/jaydubu/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'draggabilly' {
+    interface Position { 
+        x: number; 
+        y: number;
+    }
+
+    export interface DraggabillyOptions {
+        axis?: 'x' | 'y';
+        containment?: Element | string | boolean;
+        grid?: [number, number];
+        handle?: string;
+    }
+
+    export type DraggabillyEventName = 'dragStart' | 'dragMove' | 'dragEnd' | 'pointerDown' | 'pointerMove' | 'pointerUp'
+        | 'staticClick';
+
+    export default class Draggabilly {
+        position: Position;
+
+        constructor(element: Element | string, options?: DraggabillyOptions);
+
+        on(eventName: DraggabillyEventName,
+           listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): void;
+
+        off(eventName: DraggabillyEventName,
+            listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): void;
+
+        once(eventName: DraggabillyEventName,
+             listener: (event: Event, pointer: MouseEvent | Touch, moveVector?: Position) => void): void;
+
+        enable(): void;
+
+        disable(): void;
+
+        destroy(): void;
+    }
+}
diff --git a/types/draggabilly/tsconfig.json b/types/draggabilly/tsconfig.json
new file mode 100644
index 0000000000..32cc6ee235
--- /dev/null
+++ b/types/draggabilly/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "draggabilly-tests.ts"
+    ]
+}
diff --git a/types/draggabilly/tslint.json b/types/draggabilly/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/draggabilly/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From e076754cc7dd747e80d961510923b18ddf1e9c4d Mon Sep 17 00:00:00 2001
From: Jason Wu <jason.a.wu@accenture.com>
Date: Sat, 1 Jul 2017 12:46:13 -0500
Subject: [PATCH 067/274] Added TypeScript version

---
 types/draggabilly/index.d.ts    | 8 ++++++--
 types/draggabilly/tsconfig.json | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/types/draggabilly/index.d.ts b/types/draggabilly/index.d.ts
index 3bc3e3a10e..c614796ca9 100644
--- a/types/draggabilly/index.d.ts
+++ b/types/draggabilly/index.d.ts
@@ -2,10 +2,14 @@
 // Project: http://draggabilly.desandro.com/
 // Definitions by: Jason Wu <https://github.com/jaydubu/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+// export = Backbone;
+// export as namespace Backbone;
 
 declare module 'draggabilly' {
-    interface Position { 
-        x: number; 
+    interface Position {
+        x: number;
         y: number;
     }
 
diff --git a/types/draggabilly/tsconfig.json b/types/draggabilly/tsconfig.json
index 32cc6ee235..c0873c7293 100644
--- a/types/draggabilly/tsconfig.json
+++ b/types/draggabilly/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": true,
+        "strictNullChecks": false,
         "baseUrl": "../",
         "typeRoots": [
             "../"

From 3d3e779a3295beaa7bce84f39ab7d8bdc4bd6bbc Mon Sep 17 00:00:00 2001
From: mmkal <mkal@Michaels-Mac-mini-2.local>
Date: Sat, 1 Jul 2017 14:15:26 -0400
Subject: [PATCH 068/274] feat: use typescript type indexing to make find*
 functions more helpful.

This turns WhereOptions and FindOptions into generic types, which can then check that you are using the correct column names, in the find* functions (findOne, findAll etc.). In other places where there is no attributes type available, fall back to the old behaviour of allowing any field names (now with types named AnyWhereOptions and AnyFindOptions).

This allows typescript to catch more errors, e.g.

User.findOne({ where: { firstName: 'Bob' } });
vs.
User.findOne({ where: { first_name: 'Bob' } });
---
 types/sequelize/index.d.ts         | 102 ++++++++++++++++-------------
 types/sequelize/sequelize-tests.ts |  60 +++++++++++++----
 2 files changed, 103 insertions(+), 59 deletions(-)

diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index 86ecb00809..8d0a379bbe 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -10,7 +10,6 @@
 
 
 import * as _ from "lodash";
-import * as Promise from "bluebird";
 
 declare namespace sequelize {
 
@@ -259,7 +258,7 @@ declare namespace sequelize {
         /**
          * An optional where clause to limit the associated models.
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * Apply a scope on the related model, or remove its default scope by passing false.
@@ -346,7 +345,7 @@ declare namespace sequelize {
          */
         (
             newAssociations?: Array<TInstance | TInstancePrimaryKey>,
-            options?: HasManySetAssociationsMixinOptions | FindOptions | InstanceUpdateOptions
+            options?: HasManySetAssociationsMixinOptions | AnyFindOptions | InstanceUpdateOptions
         ): Promise<void>;
     }
 
@@ -672,7 +671,7 @@ declare namespace sequelize {
         /**
          * An optional where clause to limit the associated models.
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * Apply a scope on the related model, or remove its default scope by passing false.
@@ -722,7 +721,7 @@ declare namespace sequelize {
         /**
          * An optional where clause to limit the associated models.
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * Apply a scope on the related model, or remove its default scope by passing false.
@@ -809,7 +808,7 @@ declare namespace sequelize {
          */
         (
             newAssociations?: Array<TInstance | TInstancePrimaryKey>,
-            options?: BelongsToManySetAssociationsMixinOptions | FindOptions | BulkCreateOptions | InstanceUpdateOptions | InstanceDestroyOptions | { through: TJoinTableAttributes }
+            options?: BelongsToManySetAssociationsMixinOptions | AnyFindOptions | BulkCreateOptions | InstanceUpdateOptions | InstanceDestroyOptions | { through: TJoinTableAttributes }
         ): Promise<void>;
     }
 
@@ -858,7 +857,7 @@ declare namespace sequelize {
          */
         (
             newAssociations?: Array<TInstance | TInstancePrimaryKey>,
-            options?: BelongsToManyAddAssociationsMixinOptions | FindOptions | BulkCreateOptions | InstanceUpdateOptions | InstanceDestroyOptions | { through: TJoinTableAttributes }
+            options?: BelongsToManyAddAssociationsMixinOptions | AnyFindOptions | BulkCreateOptions | InstanceUpdateOptions | InstanceDestroyOptions | { through: TJoinTableAttributes }
         ): Promise<void>;
     }
 
@@ -907,7 +906,7 @@ declare namespace sequelize {
          */
         (
             newAssociation?: TInstance | TInstancePrimaryKey,
-            options?: BelongsToManyAddAssociationMixinOptions | FindOptions | BulkCreateOptions | InstanceUpdateOptions | InstanceDestroyOptions | { through: TJoinTableAttributes }
+            options?: BelongsToManyAddAssociationMixinOptions | AnyFindOptions | BulkCreateOptions | InstanceUpdateOptions | InstanceDestroyOptions | { through: TJoinTableAttributes }
         ): Promise<void>;
     }
 
@@ -1135,7 +1134,7 @@ declare namespace sequelize {
         /**
          * An optional where clause to limit the associated models.
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * Apply a scope on the related model, or remove its default scope by passing false.
@@ -2613,7 +2612,7 @@ declare namespace sequelize {
         /**
          * A hash of attributes to describe your search. See above for examples.
          */
-        where?: WhereOptions | Array<col | and | or | string>;
+        where?: AnyWhereOptions | Array<col | and | or | string>;
 
     }
 
@@ -2663,7 +2662,7 @@ declare namespace sequelize {
         /**
          * A hash of attributes to describe your search. See above for examples.
          */
-        where?: WhereOptions | Array<col | and | or | string>;
+        where?: AnyWhereOptions | Array<col | and | or | string>;
 
     }
 
@@ -2824,7 +2823,7 @@ declare namespace sequelize {
          * 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): Promise<this>;
+        reload(options?: AnyFindOptions): Promise<this>;
 
         /**
          * Validate the attribute of this instance according to validation rules set in the model definition.
@@ -3031,8 +3030,8 @@ declare namespace sequelize {
      * Where Complex nested query
      */
     interface WhereNested {
-        $and: Array<WhereOptions | WhereLogic>;
-        $or: Array<WhereOptions | WhereLogic>;
+        $and: Array<AnyWhereOptions | WhereLogic>;
+        $or: Array<AnyWhereOptions | WhereLogic>;
     }
 
     /**
@@ -3054,10 +3053,10 @@ declare namespace sequelize {
     /**
      * Logic of where statement
      */
-    interface WhereLogic {
+    type WhereLogic = Partial<{
         $ne: string | number | WhereLogic;
         $in: Array<string | number> | literal;
-        $not: boolean | string | number | WhereOptions;
+        $not: boolean | string | number | AnyWhereOptions;
         $notIn: Array<string | number> | literal;
         $gte: number | string | Date;
         $gt: number | string | Date;
@@ -3078,7 +3077,7 @@ declare namespace sequelize {
         "@>": any;
         $contained: any;
         "<@": any;
-    }
+    }>;
 
     /**
      * A hash of attributes to describe your search. See above for examples.
@@ -3086,8 +3085,15 @@ declare namespace sequelize {
      * We did put Object in the end, because there where query might be a JSON Blob. It cripples a bit the
      * typesafety, but there is no way to pass the tests if we just remove it.
      */
-    interface WhereOptions {
-        [field: string]: string | number | WhereLogic | WhereOptions | col | and | or | WhereGeometryOptions | Array<string | number> | Object | null;
+    type WhereOptions<T> = {
+        [P in keyof T]?: string | number | WhereLogic | WhereOptions<T[P]> | col | and | or | WhereGeometryOptions | Array<string | number> | null;
+    };
+
+    /**
+     * A hash of attributes to describe your search, accepting any field names. See `WhereOptions` for details.
+     */
+    interface AnyWhereOptions {
+        [field: string]: WhereOptions<any>[] | Object;
     }
 
     /**
@@ -3098,7 +3104,7 @@ declare namespace sequelize {
         /**
          * Filter on the join model for belongsToMany relations
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * A list of attributes to select from the join model for belongsToMany relations
@@ -3141,7 +3147,7 @@ declare namespace sequelize {
          * Where clauses to apply to the child models. Note that this converts the eager load to an inner join,
          * unless you explicitly set `required: false`
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * A list of attributes to select from the child model
@@ -3183,12 +3189,12 @@ declare namespace sequelize {
 *
 * A hash of options to describe the scope of the search
 */
-    interface FindOptions extends LoggingOptions, SearchPathOptions {
+    interface FindOptions<T> extends LoggingOptions, SearchPathOptions {
 
         /**
          * A hash of attributes to describe your search. See above for examples.
          */
-        where?: WhereOptions | fn | Array<col | and | or | string>;
+        where?: WhereOptions<T> | fn | Array<col | and | or | string>;
 
         /**
          * A list of the attributes that you want to select. To rename an attribute, you can pass an array, with
@@ -3245,7 +3251,7 @@ declare namespace sequelize {
         /**
          * having ?!?
          */
-        having?: WhereOptions;
+        having?: AnyWhereOptions;
 
         /**
          * Group by. It is not mentioned in sequelize's JSDoc, but mentioned in docs.
@@ -3265,6 +3271,8 @@ declare namespace sequelize {
         subQuery?: boolean;
     }
 
+    type AnyFindOptions = FindOptions<any>;
+
     /**
      * Options for Model.count method
      */
@@ -3273,7 +3281,7 @@ declare namespace sequelize {
         /**
          * A hash of search attributes.
          */
-        where?: WhereOptions | string[];
+        where?: AnyWhereOptions | string[];
 
         /**
          * Include options. See `find` for details
@@ -3335,7 +3343,7 @@ declare namespace sequelize {
     /**
      * Options for Model.findOrInitialize method
      */
-    interface FindOrInitializeOptions<TAttributes> extends FindOptions {
+    interface FindOrInitializeOptions<TAttributes> extends AnyFindOptions {
 
         /**
          * Default values to use if building a new instance
@@ -3347,7 +3355,7 @@ declare namespace sequelize {
     /**
      * Options for Model.findOrInitialize method
      */
-    interface FindCreateFindOptions<TAttributes> extends FindOptions {
+    interface FindCreateFindOptions<TAttributes> extends FindOptions<TAttributes> {
 
         /**
          * Default values to use if building a new instance
@@ -3423,7 +3431,7 @@ declare namespace sequelize {
         /**
          * Filter the destroy
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * Run before / after bulk destroy hooks?
@@ -3462,7 +3470,7 @@ declare namespace sequelize {
         /**
          * Filter the restore
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * Run before / after bulk restore hooks?
@@ -3495,7 +3503,7 @@ declare namespace sequelize {
         /**
          * Options to describe the scope of the search.
          */
-        where: WhereOptions;
+        where: AnyWhereOptions;
 
         /**
          * Run before / after bulk update hooks?
@@ -3543,7 +3551,7 @@ declare namespace sequelize {
         /**
          * A hash of search attributes.
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
         /**
          * The type of the result. If `field` is a field in this Model, the default will be the type of that field,
@@ -3634,7 +3642,7 @@ declare namespace sequelize {
          * @param {Object}          [options]
          * @param {Boolean}         [options.override=false]
          */
-        addScope(name: string, scope: FindOptions | Function, options?: AddScopeOptions): void;
+        addScope(name: string, scope: AnyFindOptions | Function, options?: AddScopeOptions): void;
 
         /**
              * Add a new scope to the model. This is especially useful for adding scopes with includes, when the model you want to include is not available at the time this model is defined.
@@ -3646,7 +3654,7 @@ declare namespace sequelize {
              * @param {Object}          [options]
              * @param {Boolean}         [options.override=false]
              */
-        addScope(name: string, scope: FindOptions | Function, options?: AddScopeOptions): void;
+        addScope(name: string, scope: AnyFindOptions | Function, options?: AddScopeOptions): void;
 
         /**
  * Apply a scope created in `define` to the model. First let's look at how to create scopes:
@@ -3695,7 +3703,7 @@ declare namespace sequelize {
  * @return Model A reference to the model, with the scope(s) applied. Calling scope again on the returned
  *     model will clear the previous scope.
  */
-        scope(options?: string | ScopeOptions | WhereOptions | Array<string | ScopeOptions | WhereOptions>): this;
+        scope(options?: string | ScopeOptions | AnyWhereOptions | Array<string | ScopeOptions | AnyWhereOptions>): this;
 
         /**
          * Search for multiple instances.
@@ -3759,22 +3767,22 @@ declare namespace sequelize {
          *
          * @see    {Sequelize#query}
          */
-        findAll(options?: FindOptions): Promise<TInstance[]>;
-        all(optionz?: FindOptions): Promise<TInstance[]>;
+        findAll<TCustomAttributes>(options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance[]>;
+        all<TCustomAttributes>(optionz?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance[]>;
 
         /**
          * Search for a single instance by its primary key. This applies LIMIT 1, so the listener will
          * always be called with a single instance.
          */
-        findById(identifier?: number | string, options?: FindOptions): Promise<TInstance | null>;
-        findByPrimary(identifier?: number | string, options?: FindOptions): Promise<TInstance | null>;
+        findById<TCustomAttributes>(identifier?: number | string, options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
+        findByPrimary<TCustomAttributes>(identifier?: number | string, options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
 
         /**
          * Search for a single instance. This applies LIMIT 1, so the listener will always be called with a single
          * instance.
          */
-        findOne(options?: FindOptions): Promise<TInstance | null>;
-        find(options?: FindOptions): Promise<TInstance | null>;
+        findOne<TCustomAttributes>(options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
+        find<TCustomAttributes>(options?: FindOptions<TAttributes & TCustomAttributes>): Promise<TInstance | null>;
 
         /**
          * Run an aggregation method on the specified field
@@ -3829,8 +3837,8 @@ declare namespace sequelize {
          * without
          * profiles will be counted
          */
-        findAndCount(options?: FindOptions): Promise<{ rows: TInstance[], count: number }>;
-        findAndCountAll(options?: FindOptions): Promise<{ rows: TInstance[], count: number }>;
+        findAndCount<TCustomAttributes>(options?: FindOptions<TAttributes & TCustomAttributes>): Promise<{ rows: TInstance[], count: number }>;
+        findAndCountAll<TCustomAttributes>(options?: FindOptions<TAttributes & TCustomAttributes>): Promise<{ rows: TInstance[], count: number }>;
 
         /**
          * Find the maximum value of field
@@ -3886,7 +3894,7 @@ declare namespace sequelize {
              * A more performant findOrCreate that will not work under a transaction (at least not in postgres)
              * Will execute a find call, if empty then attempt to create, if unique constraint then attempt to find again
              */
-        findCreateFind(options: FindCreateFindOptions<TAttributes>): Promise<TInstance>;
+        findCreateFind<TCustomAttributes>(options: FindCreateFindOptions<TAttributes & TCustomAttributes>): Promise<TInstance>;
 
         /**
  * Insert or update a single row. An update will be executed if a row which matches the supplied values on
@@ -3994,7 +4002,7 @@ declare namespace sequelize {
     interface AddCheckConstraintOptions {
         type: 'check';
         name?: string;
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
     }
 
     interface AddPrimaryKeyConstraintOptions {
@@ -4850,7 +4858,7 @@ declare namespace sequelize {
         /**
          * Condition for partioal index
          */
-        where?: WhereOptions;
+        where?: AnyWhereOptions;
 
     }
 
@@ -4901,7 +4909,7 @@ declare namespace sequelize {
         /**
          * Name of the scope and it's query
          */
-        [scopeName: string]: FindOptions | Function;
+        [scopeName: string]: AnyFindOptions | Function;
 
     }
 
@@ -4916,7 +4924,7 @@ declare namespace sequelize {
          * Define the default search scope to use for this model. Scopes have the same form as the options passed to
          * find / findAll.
          */
-        defaultScope?: FindOptions;
+        defaultScope?: AnyFindOptions;
 
         /**
          * More scopes, defined in the same way as defaultScope above. See `Model.scope` for more information about
diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index d786dfc4a2..3f8001f4f1 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -983,7 +983,7 @@ User.create( { title : 'Chair', creator : { first_name : 'Matt', last_name : 'Ha
 User.create( { id : 1, title : 'e', Tags : [{ id : 1, name : 'c' }, { id : 2, name : 'd' }] }, { include : [User] } );
 User.create( { id : 'My own ID!' } ).then( ( i ) => i.isNewRecord );
 
-let findOrRetVal: Bluebird<[AnyInstance, boolean]>;
+let findOrRetVal: Promise<[AnyInstance, boolean]>;
 findOrRetVal = User.findOrInitialize( { where : { username : 'foo' } } );
 findOrRetVal = User.findOrInitialize( { where : { username : 'foo' }, transaction : t } );
 findOrRetVal = User.findOrInitialize( { where : { username : 'foo' }, defaults : { foo : 'asd' }, transaction : t } );
@@ -1318,7 +1318,7 @@ s.define( 'ProductWithSettersAndGetters1', {
         get : function() {
             return 'answer = ' + this.getDataValue( 'price' );
         },
-        set : function( v ) {
+        set : function( v: number ) {
             return this.setDataValue( 'price', v + 42 );
         }
     }
@@ -1437,6 +1437,37 @@ s.define( 'ScopeMe', {
     }
 } );
 
+// Generic find options
+interface ChairAttributes {
+    id: number;
+    color: string;
+    legs: number;
+}
+interface ChairInstance extends Sequelize.Instance<ChairAttributes> {}
+
+const Chair = s.define<ChairInstance, ChairAttributes>('chair', {});
+
+Chair.findAll({
+    where: {
+        color: 'blue',
+        legs: { $in: [3, 4] },
+    },
+});
+
+// If you want to use a property that isn't explicitly on the model's Attributes
+// use the find-function's generic type parameter.
+Chair.findAll<{ customProperty: number }>({
+    where: {
+        customProperty: 123,
+    }
+});
+Chair.findAll<any>({
+    where: {
+        customProperty1: 123,
+        customProperty2: 456,
+    }
+});
+
 s.define( 'ScopeMe', {
     username : Sequelize.STRING,
     email : Sequelize.STRING,
@@ -1640,21 +1671,21 @@ s.transaction({
     });
 
 s.transaction( function() {
-    return Bluebird.resolve();
+    return Promise.resolve();
 } );
-s.transaction( { isolationLevel : 'SERIALIZABLE' }, function( t ) { return Bluebird.resolve(); } );
-s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.SERIALIZABLE }, (t) => Bluebird.resolve() );
-s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.READ_COMMITTED }, (t) => Bluebird.resolve() );
+s.transaction( { isolationLevel : 'SERIALIZABLE' }, function( t ) { return Promise.resolve(); } );
+s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.SERIALIZABLE }, (t) => Promise.resolve() );
+s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.READ_COMMITTED }, (t) => Promise.resolve() );
 
 // transaction types
 new Sequelize( '', { transactionType: 'DEFERRED' } );
 new Sequelize( '', { transactionType: Sequelize.Transaction.TYPES.DEFERRED} );
 new Sequelize( '', { transactionType: Sequelize.Transaction.TYPES.IMMEDIATE} );
 new Sequelize( '', { transactionType: Sequelize.Transaction.TYPES.EXCLUSIVE} );
-s.transaction( { type : 'DEFERRED' }, (t) => Bluebird.resolve() );
-s.transaction( { type : s.Transaction.TYPES.DEFERRED }, (t) => Bluebird.resolve() );
-s.transaction( { type : s.Transaction.TYPES.IMMEDIATE }, (t) => Bluebird.resolve() );
-s.transaction( { type : s.Transaction.TYPES.EXCLUSIVE }, (t) => Bluebird.resolve() );
+s.transaction( { type : 'DEFERRED' }, (t) => Promise.resolve() );
+s.transaction( { type : s.Transaction.TYPES.DEFERRED }, (t) => Promise.resolve() );
+s.transaction( { type : s.Transaction.TYPES.IMMEDIATE }, (t) => Promise.resolve() );
+s.transaction( { type : s.Transaction.TYPES.EXCLUSIVE }, (t) => Promise.resolve() );
 
 // promise transaction
 s.transaction(async () => {
@@ -1662,14 +1693,19 @@ s.transaction(async () => {
 s.transaction((): Promise<void> => {
     return Promise.resolve();
 });
-s.transaction((): Bluebird<void> => {
-    return Bluebird.resolve();
+s.transaction((): Promise<void> => {
+    return Promise.resolve();
 });
 s.transaction((): Q.Promise<void> => {
     return Q.Promise<void>((resolve) => {
         resolve(null);
     });
 });
+s.transaction((): Bluebird<void> => {
+    return new Bluebird<void>((resolve) => {
+        resolve(null);
+    });
+});
 
 // sync options types
 s.sync({

From c529e86caa635547021153beb9546f0b56c8c8e5 Mon Sep 17 00:00:00 2001
From: Clark Stevenson <clark@drimlike.com>
Date: Sat, 1 Jul 2017 20:31:07 +0100
Subject: [PATCH 069/274] Pixi.js minor update to v4.5.3

---
 types/pixi.js/index.d.ts | 130 ++++++++++++++++++++++++++-------------
 1 file changed, 88 insertions(+), 42 deletions(-)

diff --git a/types/pixi.js/index.d.ts b/types/pixi.js/index.d.ts
index bcf403d475..d847babaae 100644
--- a/types/pixi.js/index.d.ts
+++ b/types/pixi.js/index.d.ts
@@ -199,25 +199,6 @@ declare namespace PIXI {
 
     // display
 
-    interface ApplicationOptions extends RendererOptions {
-        view?: HTMLCanvasElement;
-        transparent?: boolean;
-        autoResize?: boolean;
-        antialias?: boolean;
-        resolution?: number;
-        clearBeforeRender?: boolean;
-        backgroundColor?: number;
-        roundPixels?: boolean;
-        context?: WebGLRenderingContext;
-        preserveDrawingBuffer?: boolean;
-        legacy?: boolean;
-        width?: number;
-        height?: number;
-        forceCanvas?: boolean;
-        sharedTicker?: boolean;
-        sharedLoader?: boolean;
-    }
-
     class Application {
         constructor(options?: ApplicationOptions)
         constructor(width?: number, height?: number, options?: ApplicationOptions, noWebGL?: boolean, sharedTicker?: boolean, sharedLoader?: boolean);
@@ -725,18 +706,91 @@ declare namespace PIXI {
     }
     // renderers
     interface RendererOptions {
-        view?: HTMLCanvasElement;
-        transparent?: boolean;
-        autoResize?: boolean;
-        antialias?: boolean;
-        resolution?: number;
-        clearBeforeRender?: boolean;
-        backgroundColor?: number;
-        roundPixels?: boolean;
-        context?: WebGLRenderingContext;
+        /**
+         * the width of the renderers view [default=800]
+         */
         width?: number;
+
+        /**
+         * the height of the renderers view [default=600]
+         */
         height?: number;
+
+        /**
+         * the canvas to use as a view, optional
+         */
+        view?: HTMLCanvasElement;
+
+        /**
+         * If the render view is transparent, [default=false]
+         */
+        transparent?: boolean;
+
+        /**
+         * sets antialias (only applicable in chrome at the moment) [default=false]
+         */
+        antialias?: boolean;
+
+        /**
+         * enables drawing buffer preservation, enable this if you need to call toDataUrl on the webgl context [default=false]
+         */
+        preserveDrawingBuffer?: boolean;
+
+        /**
+         * The resolution / device pixel ratio of the renderer, retina would be 2 [default=1]
+         */
+        resolution?: number;
+
+        /**
+         * prevents selection of WebGL renderer, even if such is present [default=false]
+         */
         forceCanvas?: boolean;
+
+        /**
+         * The background color of the rendered area (shown if not transparent) [default=0x000000]
+         */
+        backgroundColor?: number;
+
+        /**
+         * This sets if the renderer will clear the canvas or not before the new render pass. [default=true]
+         */
+        clearBeforeRender?: boolean;
+
+        /**
+         * If true Pixi will Math.floor() x/ y values when rendering, stopping pixel interpolation. [default=false]
+         */
+        roundPixels?: boolean;
+
+        /**
+         * forces FXAA antialiasing to be used over native FXAA is faster, but may not always look as great ** webgl only** [default=false]
+         */
+        forceFXAA?: boolean;
+
+        /**
+         * `true` to ensure compatibility with older / less advanced devices. If you experience unexplained flickering try setting this to true. **webgl only** [default=false]
+         */
+        legacy?: boolean;
+
+        /**
+         * Depricated
+         */
+        context?: WebGLRenderingContext;
+
+        /**
+         * Depricated
+         */
+        autoResize?: boolean;
+    }
+    interface ApplicationOptions extends RendererOptions {
+        /**
+         * `true` to use PIXI.ticker.shared, `false` to create new ticker. [default=false]
+         */
+        sharedTicker?: boolean;
+
+        /**
+         * `true` to use PIXI.loaders.shared, `false` to create new Loader.
+         */
+        sharedLoader?: boolean;
     }
     class SystemRenderer extends utils.EventEmitter {
         constructor(system: string, options?: RendererOptions);
@@ -825,20 +879,7 @@ declare namespace PIXI {
         resize(width: number, height: number): void;
         destroy(): void;
     }
-    interface WebGLRendererOptions {
-        view?: HTMLCanvasElement;
-        transparent?: boolean;
-        autoResize?: boolean;
-        antialias?: boolean;
-        forceFXAA?: boolean;
-        resolution?: number;
-        clearBeforeRender?: boolean;
-        backgroundColor?: number;
-        preserveDrawingBuffer?: boolean;
-        roundPixels?: boolean;
-        legacy?: boolean;
-        width?: number;
-        height?: number;
+    interface WebGLRendererOptions extends RendererOptions {
     }
     class WebGLRenderer extends SystemRenderer {
         // plugintarget mixin start
@@ -2713,6 +2754,11 @@ declare namespace PIXI {
         function isWebGLSupported(): boolean;
         function sign(n: number): number;
         function removeItems<T>(arr: T[], startIdx: number, removeCount: number): void;
+        function correctBlendMode(blendMode: number, premultiplied: boolean): number;
+        function premultiplyTint(tint: number, alpha: number): number;
+        function premultiplyRgba(rgb: Float32Array | number[], alpha: number, out?: Float32Array, premultiply?: boolean): Float32Array;
+        function premultiplyTintToRgba(tint: number, alpha: number, out?: Float32Array, premultiply?: boolean): Float32Array;
+        const premultiplyBlendMode: number[][];
         const TextureCache: any;
         const BaseTextureCache: any;
 

From 0ea94a0d2ece04c9ecaedf21e44621c23ca89869 Mon Sep 17 00:00:00 2001
From: Clark Stevenson <clark@drimlike.com>
Date: Sat, 1 Jul 2017 21:03:36 +0100
Subject: [PATCH 070/274] Quick bug fix

---
 types/pixi.js/index.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/types/pixi.js/index.d.ts b/types/pixi.js/index.d.ts
index d847babaae..f7410baaa6 100644
--- a/types/pixi.js/index.d.ts
+++ b/types/pixi.js/index.d.ts
@@ -2553,12 +2553,18 @@ declare namespace PIXI {
 
             protected maxItemsPerFrame: number;
             protected itemsLeft: number;
+
+            beginFrame(): void;
+            allowedToUpload(): boolean;
         }
         class TimeLimiter {
             constructor(maxMilliseconds: number);
 
             protected maxMilliseconds: number;
             protected frameStart: number;
+
+            beginFrame(): void;
+            allowedToUpload(): boolean;
         }
     }
 

From 370d4fca0035b771070e0eceb4b7e363046c0bd9 Mon Sep 17 00:00:00 2001
From: Augustin Peyrard <augustin.peyrard@gmail.com>
Date: Fri, 30 Jun 2017 21:11:20 -0700
Subject: [PATCH 071/274] fix: in `node.readline` `cursorTo` allows only x
 coordinate

Like this we are easily able to move in the current line with
absolute x-axis coordinate.
---
 types/node/index.d.ts    | 2 +-
 types/node/node-tests.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index f9716e3e83..4fbcfd8279 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1731,7 +1731,7 @@ declare module "readline" {
     export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;
     export function createInterface(options: ReadLineOptions): ReadLine;
 
-    export function cursorTo(stream: NodeJS.WritableStream, x: number, y: number): void;
+    export function cursorTo(stream: NodeJS.WritableStream, x: number, y?: number): void;
     export function moveCursor(stream: NodeJS.WritableStream, dx: number | string, dy: number | string): void;
     export function clearLine(stream: NodeJS.WritableStream, dir: number): void;
     export function clearScreenDown(stream: NodeJS.WritableStream): void;
diff --git a/types/node/node-tests.ts b/types/node/node-tests.ts
index 84625061a2..fef0cd9862 100644
--- a/types/node/node-tests.ts
+++ b/types/node/node-tests.ts
@@ -1410,6 +1410,7 @@ namespace readline_tests {
         let x: number;
         let y: number;
 
+        readline.cursorTo(stream, x);
         readline.cursorTo(stream, x, y);
     }
 

From 07257c41a0be1d277cce868f58698ef548cc102f Mon Sep 17 00:00:00 2001
From: Tim <tdhutt@gmail.com>
Date: Sun, 2 Jul 2017 16:09:31 +0100
Subject: [PATCH 072/274] Fix Leaflet bug #17685

---
 types/leaflet/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/leaflet/index.d.ts b/types/leaflet/index.d.ts
index 80adf4bc3f..951bc4b22d 100644
--- a/types/leaflet/index.d.ts
+++ b/types/leaflet/index.d.ts
@@ -399,7 +399,7 @@ declare namespace L {
 
     class Layer extends Evented {
         constructor(options?: LayerOptions);
-        addTo(map: Map): this;
+        addTo(map: Map|LayerGroup): this;
         remove(): this;
         removeFrom(map: Map): this;
         getPane(name?: string): HTMLElement | undefined;

From 1bdaeb9cbfade9ba325392fde20f5e9d57d0c72e Mon Sep 17 00:00:00 2001
From: Jason Wu <jason.a.wu@accenture.com>
Date: Sun, 2 Jul 2017 11:47:34 -0500
Subject: [PATCH 073/274] Wrote it as an external module

---
 types/draggabilly/index.d.ts    | 70 +++++++++++++++------------------
 types/draggabilly/tsconfig.json |  2 +-
 2 files changed, 32 insertions(+), 40 deletions(-)

diff --git a/types/draggabilly/index.d.ts b/types/draggabilly/index.d.ts
index c614796ca9..f376ea8fbd 100644
--- a/types/draggabilly/index.d.ts
+++ b/types/draggabilly/index.d.ts
@@ -4,43 +4,35 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-// export = Backbone;
-// export as namespace Backbone;
-
-declare module 'draggabilly' {
-    interface Position {
-        x: number;
-        y: number;
-    }
-
-    export interface DraggabillyOptions {
-        axis?: 'x' | 'y';
-        containment?: Element | string | boolean;
-        grid?: [number, number];
-        handle?: string;
-    }
-
-    export type DraggabillyEventName = 'dragStart' | 'dragMove' | 'dragEnd' | 'pointerDown' | 'pointerMove' | 'pointerUp'
-        | 'staticClick';
-
-    export default class Draggabilly {
-        position: Position;
-
-        constructor(element: Element | string, options?: DraggabillyOptions);
-
-        on(eventName: DraggabillyEventName,
-           listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): void;
-
-        off(eventName: DraggabillyEventName,
-            listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): void;
-
-        once(eventName: DraggabillyEventName,
-             listener: (event: Event, pointer: MouseEvent | Touch, moveVector?: Position) => void): void;
-
-        enable(): void;
-
-        disable(): void;
-
-        destroy(): void;
-    }
+export interface Position {
+    x: number;
+    y: number;
+}
+
+export interface DraggabillyOptions {
+    axis?: 'x' | 'y';
+    containment?: Element | string | boolean;
+    grid?: [number, number];
+    handle?: string;
+}
+
+export type DraggabillyEventName = 'dragStart' | 'dragMove' | 'dragEnd' | 'pointerDown' | 'pointerMove' | 'pointerUp'
+    | 'staticClick';
+
+export default class Draggabilly {
+    position: Position;
+
+    constructor(element: Element | string, options?: DraggabillyOptions);
+
+    on(eventName: DraggabillyEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
+
+    off(eventName: DraggabillyEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
+
+    once(eventName: DraggabillyEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector?: Position) => void): Draggabilly;
+
+    enable(): void;
+
+    disable(): void;
+
+    destroy(): void;
 }
diff --git a/types/draggabilly/tsconfig.json b/types/draggabilly/tsconfig.json
index c0873c7293..32cc6ee235 100644
--- a/types/draggabilly/tsconfig.json
+++ b/types/draggabilly/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"

From 7c9c69ade07a80533ebf356a6ee662fe45a65109 Mon Sep 17 00:00:00 2001
From: Tom Sherman <thomasgsherman@gmail.com>
Date: Sun, 2 Jul 2017 15:27:13 -0700
Subject: [PATCH 074/274] @types/mapbox-gl: allow StyleFunction for
 circle-color

Fix regression that removed StyleFunction from circle-color type set
---
 types/mapbox-gl/index.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/mapbox-gl/index.d.ts b/types/mapbox-gl/index.d.ts
index 680362fe82..5e08da57b6 100644
--- a/types/mapbox-gl/index.d.ts
+++ b/types/mapbox-gl/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Mapbox GL JS v0.39.0
+// Type definitions for Mapbox GL JS v0.39.1
 // Project: https://github.com/mapbox/mapbox-gl-js
 // Definitions by: Dominik Bruderer <https://github.com/dobrud>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -706,7 +706,7 @@ declare namespace mapboxgl {
 		angleWidth(p: Point): number;
 
 		angleWithSep(x: number, y: number): number;
-		
+
 		convert(a: Array<number> | Point): Point;
 	}
 
@@ -1045,7 +1045,7 @@ declare namespace mapboxgl {
 	export interface CirclePaint {
 		"circle-radius"?: number | StyleFunction;
 		"circle-radius-transition"?: Transition;
-		"circle-color"?: string;
+		"circle-color"?: string | StyleFunction;
 		"circle-blur"?: number | StyleFunction;
 		"circle-opacity"?: number | StyleFunction;
 		"circle-translate"?: number[];

From 517b8d4dd7b0588f8139524b70a8559f10f81c5d Mon Sep 17 00:00:00 2001
From: e020873 <nicolas.henry-partner@arcelormittal.com>
Date: Mon, 3 Jul 2017 01:14:21 +0200
Subject: [PATCH 075/274] [express] fix accepts return

---
 types/express-serve-static-core/index.d.ts | 24 +++++++++++-----------
 types/express/express-tests.ts             |  8 ++++----
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/types/express-serve-static-core/index.d.ts b/types/express-serve-static-core/index.d.ts
index bd8647aa77..5e4491c9a1 100644
--- a/types/express-serve-static-core/index.d.ts
+++ b/types/express-serve-static-core/index.d.ts
@@ -239,9 +239,9 @@ interface Request extends http.IncomingMessage, Express.Request {
         *     // => "json"
         */
     accepts(): string[];
-    accepts(type: string): string | boolean;
-    accepts(type: string[]): string | boolean;
-    accepts(...type: string[]): string | boolean;
+    accepts(type: string): string | false;
+    accepts(type: string[]): string | false;
+    accepts(...type: string[]): string | false;
 
     /**
         * Returns the first accepted charset of the specified character sets,
@@ -252,9 +252,9 @@ interface Request extends http.IncomingMessage, Express.Request {
         * @param charset
         */
     acceptsCharsets(): string[];
-    acceptsCharsets(charset: string): string | boolean;
-    acceptsCharsets(charset: string[]): string | boolean;
-    acceptsCharsets(...charset: string[]): string | boolean;
+    acceptsCharsets(charset: string): string | false;
+    acceptsCharsets(charset: string[]): string | false;
+    acceptsCharsets(...charset: string[]): string | false;
 
     /**
         * Returns the first accepted encoding of the specified encodings,
@@ -265,9 +265,9 @@ interface Request extends http.IncomingMessage, Express.Request {
         * @param encoding
         */
     acceptsEncodings(): string[];
-    acceptsEncodings(encoding: string): string | boolean;
-    acceptsEncodings(encoding: string[]): string | boolean;
-    acceptsEncodings(...encoding: string[]): string | boolean;
+    acceptsEncodings(encoding: string): string | false;
+    acceptsEncodings(encoding: string[]): string | false;
+    acceptsEncodings(...encoding: string[]): string | false;
 
     /**
         * Returns the first accepted language of the specified languages,
@@ -279,9 +279,9 @@ interface Request extends http.IncomingMessage, Express.Request {
         * @param lang
         */
     acceptsLanguages(): string[];
-    acceptsLanguages(lang: string): string | boolean;
-    acceptsLanguages(lang: string[]): string | boolean;
-    acceptsLanguages(...lang: string[]): string | boolean;
+    acceptsLanguages(lang: string): string | false;
+    acceptsLanguages(lang: string[]): string | false;
+    acceptsLanguages(...lang: string[]): string | false;
 
     /**
         * Parse Range header field,
diff --git a/types/express/express-tests.ts b/types/express/express-tests.ts
index 3270a3f391..2891a37d96 100644
--- a/types/express/express-tests.ts
+++ b/types/express/express-tests.ts
@@ -51,22 +51,22 @@ namespace express_tests {
     router.route('/users')
     .get((req, res, next) => {
         let types: string[] = req.accepts();
-        let type: string | boolean = req.accepts('json');
+        let type: string | false = req.accepts('json');
         type = req.accepts(['json', 'text']);
         type = req.accepts('json', 'text');
 
         let charsets: string[] = req.acceptsCharsets();
-        let charset: string | boolean = req.acceptsCharsets('utf-8');
+        let charset: string | false = req.acceptsCharsets('utf-8');
         charset = req.acceptsCharsets(['utf-8', 'utf-16']);
         charset = req.acceptsCharsets('utf-8', 'utf-16');
 
         let encodings: string[] = req.acceptsEncodings();
-        let encoding: string | boolean = req.acceptsEncodings('gzip');
+        let encoding: string | false = req.acceptsEncodings('gzip');
         encoding = req.acceptsEncodings(['gzip', 'deflate']);
         encoding = req.acceptsEncodings('gzip', 'deflate');
 
         let languages: string[] = req.acceptsLanguages();
-        let language: string | boolean = req.acceptsLanguages('en');
+        let language: string | false = req.acceptsLanguages('en');
         language = req.acceptsLanguages(['en', 'ja']);
         language = req.acceptsLanguages('en', 'ja');
 

From 79317ed00f0ac565778ef61ce80b1dc9806e9484 Mon Sep 17 00:00:00 2001
From: mmkal <mkal@Michaels-Mac-mini-2.local>
Date: Sun, 2 Jul 2017 22:02:46 -0400
Subject: [PATCH 076/274] go back to bluebird promises

---
 types/sequelize/index.d.ts         | 1 +
 types/sequelize/sequelize-tests.ts | 7 +------
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index 8d0a379bbe..cc4934a41c 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -10,6 +10,7 @@
 
 
 import * as _ from "lodash";
+import * as Promise from "bluebird";
 
 declare namespace sequelize {
 
diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index 3f8001f4f1..e9a8924053 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -983,7 +983,7 @@ User.create( { title : 'Chair', creator : { first_name : 'Matt', last_name : 'Ha
 User.create( { id : 1, title : 'e', Tags : [{ id : 1, name : 'c' }, { id : 2, name : 'd' }] }, { include : [User] } );
 User.create( { id : 'My own ID!' } ).then( ( i ) => i.isNewRecord );
 
-let findOrRetVal: Promise<[AnyInstance, boolean]>;
+let findOrRetVal: Bluebird<[AnyInstance, boolean]>;
 findOrRetVal = User.findOrInitialize( { where : { username : 'foo' } } );
 findOrRetVal = User.findOrInitialize( { where : { username : 'foo' }, transaction : t } );
 findOrRetVal = User.findOrInitialize( { where : { username : 'foo' }, defaults : { foo : 'asd' }, transaction : t } );
@@ -1701,11 +1701,6 @@ s.transaction((): Q.Promise<void> => {
         resolve(null);
     });
 });
-s.transaction((): Bluebird<void> => {
-    return new Bluebird<void>((resolve) => {
-        resolve(null);
-    });
-});
 
 // sync options types
 s.sync({

From b40190a3414225d0ff250269e12c9154a616aeb9 Mon Sep 17 00:00:00 2001
From: mmkal <mkal@Michaels-Mac-mini-2.local>
Date: Sun, 2 Jul 2017 22:07:06 -0400
Subject: [PATCH 077/274] revert some more bluebird changes

---
 types/sequelize/sequelize-tests.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/types/sequelize/sequelize-tests.ts b/types/sequelize/sequelize-tests.ts
index e9a8924053..fcb273f5e2 100644
--- a/types/sequelize/sequelize-tests.ts
+++ b/types/sequelize/sequelize-tests.ts
@@ -1671,21 +1671,21 @@ s.transaction({
     });
 
 s.transaction( function() {
-    return Promise.resolve();
+    return Bluebird.resolve();
 } );
-s.transaction( { isolationLevel : 'SERIALIZABLE' }, function( t ) { return Promise.resolve(); } );
-s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.SERIALIZABLE }, (t) => Promise.resolve() );
-s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.READ_COMMITTED }, (t) => Promise.resolve() );
+s.transaction( { isolationLevel : 'SERIALIZABLE' }, function( t ) { return Bluebird.resolve(); } );
+s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.SERIALIZABLE }, (t) => Bluebird.resolve() );
+s.transaction( { isolationLevel : s.Transaction.ISOLATION_LEVELS.READ_COMMITTED }, (t) => Bluebird.resolve() );
 
 // transaction types
 new Sequelize( '', { transactionType: 'DEFERRED' } );
 new Sequelize( '', { transactionType: Sequelize.Transaction.TYPES.DEFERRED} );
 new Sequelize( '', { transactionType: Sequelize.Transaction.TYPES.IMMEDIATE} );
 new Sequelize( '', { transactionType: Sequelize.Transaction.TYPES.EXCLUSIVE} );
-s.transaction( { type : 'DEFERRED' }, (t) => Promise.resolve() );
-s.transaction( { type : s.Transaction.TYPES.DEFERRED }, (t) => Promise.resolve() );
-s.transaction( { type : s.Transaction.TYPES.IMMEDIATE }, (t) => Promise.resolve() );
-s.transaction( { type : s.Transaction.TYPES.EXCLUSIVE }, (t) => Promise.resolve() );
+s.transaction( { type : 'DEFERRED' }, (t) => Bluebird.resolve() );
+s.transaction( { type : s.Transaction.TYPES.DEFERRED }, (t) => Bluebird.resolve() );
+s.transaction( { type : s.Transaction.TYPES.IMMEDIATE }, (t) => Bluebird.resolve() );
+s.transaction( { type : s.Transaction.TYPES.EXCLUSIVE }, (t) => Bluebird.resolve() );
 
 // promise transaction
 s.transaction(async () => {
@@ -1693,8 +1693,8 @@ s.transaction(async () => {
 s.transaction((): Promise<void> => {
     return Promise.resolve();
 });
-s.transaction((): Promise<void> => {
-    return Promise.resolve();
+s.transaction((): Bluebird<void> => {
+    return Bluebird.resolve();
 });
 s.transaction((): Q.Promise<void> => {
     return Q.Promise<void>((resolve) => {

From d5aba66148f69167cdf22d7c858f5a7b5bc3f072 Mon Sep 17 00:00:00 2001
From: Gavin Sitthiampornphan <gavinsitti@hotmail.com>
Date: Mon, 3 Jul 2017 10:51:09 +0700
Subject: [PATCH 078/274] Types for error and warning should not be a string

From the [doc](http://redux-form.com/6.8.0/docs/api/Field.md/), error and warning are
> usually, but not necessarily, a String
---
 types/redux-form/lib/Field.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/redux-form/lib/Field.d.ts b/types/redux-form/lib/Field.d.ts
index d2439d87a6..ecef15b4c7 100644
--- a/types/redux-form/lib/Field.d.ts
+++ b/types/redux-form/lib/Field.d.ts
@@ -278,7 +278,7 @@ interface WrappedFieldMetaProps<S> {
      * The error for this field if its value is not passing validation. Both
      * synchronous, asynchronous, and submit validation errors will be reported here.
      */
-    error?: string;
+    error?: any;
 
     /**
      * The name of the form. Could be useful if you want to manually dispatch actions.
@@ -329,5 +329,5 @@ interface WrappedFieldMetaProps<S> {
     /**
      * The warning for this field if its value is not passing warning validation.
      */
-    warning?: string;
+    warning?: any;
 }

From cbf3e1f5d3fc7cbb4cb2aba5b9a0d498160003d1 Mon Sep 17 00:00:00 2001
From: Bernd Hacker <hacker.bernd@gmail.com>
Date: Mon, 3 Jul 2017 09:16:19 +0200
Subject: [PATCH 079/274] fix H.map.layer.ObjectLayer constructor

---
 types/heremaps/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/heremaps/index.d.ts b/types/heremaps/index.d.ts
index ca32173bed..a4010e8d09 100644
--- a/types/heremaps/index.d.ts
+++ b/types/heremaps/index.d.ts
@@ -2938,7 +2938,7 @@ declare namespace H {
                  * @param provider {H.map.provider.ObjectProvider} - the ObjectProvider which provides the map objects to this object layer.
                  * @param opt_options {H.map.layer.ObjectLayer.Options=} - The options for this layer
                  */
-                constructor(provider: H.map.provider.ObjectProvider, opt_options?: H.map.layer.ObjectLayer.Options);
+                constructor(provider: H.map.provider.ObjectProvider | H.clustering.Provider, opt_options?: H.map.layer.ObjectLayer.Options);
 
                 /**
                  * This method returns current ObjectLayer's data provider

From f584af65b7c2a85ed3193ee310ac1ffa5ca97e05 Mon Sep 17 00:00:00 2001
From: Bernd Hacker <hacker.bernd@gmail.com>
Date: Mon, 3 Jul 2017 09:21:42 +0200
Subject: [PATCH 080/274] fix types for H.service.PlatformcreateDefaultLayers()

---
 types/heremaps/index.d.ts | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/types/heremaps/index.d.ts b/types/heremaps/index.d.ts
index a4010e8d09..22bd3c8a52 100644
--- a/types/heremaps/index.d.ts
+++ b/types/heremaps/index.d.ts
@@ -4017,6 +4017,17 @@ declare namespace H {
             type Options = any;
         }
 
+        /**
+         * This property specifies collection of pre-configured HERE layers
+         */
+        interface DefaultLayers {
+            normal: H.service.MapType;
+            satellite: H.service.MapType;
+            terrain: H.service.MapType;
+            incidents: H.map.layer.MarkerTileLayer;
+            venues: H.map.layer.TileLayer;
+        }
+
         /**
          * This class encapsulates Enterprise Routing REST API as a service stub. An instance of this class can be retrieved by calling the factory method on a platform instance.
          * H.service.Platform#getEnterpriseRoutingService.
@@ -4473,17 +4484,18 @@ declare namespace H {
             /**
              * This method creates a pre-configured set of HERE tile layers for convenient use with the map.
              * @param opt_tileSize {(H.service.Platform.DefaultLayersOptions | number)=} - When a number – optional tile size to be queried from the HERE Map Tile API, default is 256.
-             * If theparameter is an object, then it represents options and all remaining below parameters should be omitted.
+             * If this parameter is a number, it indicates the tile size to be queried from the HERE Map Tile API (the default value is 256); if this parameter is an object, it represents configuration options for the layer and all the remaining parameters (below) should be omitted
              * @param opt_ppi {number=} - optional 'ppi' parameter to use when querying tiles, default is not specified
              * @param opt_lang {string=} - optional primary language parameter, default is not specified
              * @param opt_secondaryLang {string=} - optional secondary language parameter, default is not specified
              * @param opt_style {string=} - optional 'style' parameter to use when querying map tiles, default is not specified
              * @param opt_pois {(string | boolean)=} - indicates if pois are displayed on the map. Pass true to indicate that all pois should be visible. Alternatively you can specify mask for the
              * POI Categories as described at the Map Tile API documentation POI Categories chapter.
-             * @returns {Object<string, H.service.MapType>} - a set of tile layers ready to use
+             * @returns {H.service.DefaultLayers} - a set of tile layers ready to use
              */
-            createDefaultLayers(opt_tileSize?: (H.service.Platform.DefaultLayersOptions | number), opt_ppi?: number, opt_lang?: string, opt_secondaryLang?: string, opt_style?: string,
-                                opt_pois?: (string | boolean)): H.service.Platform.MapTypes;
+            createDefaultLayers(opt_tileSize?: (H.service.Platform.DefaultLayersOptions | number), opt_ppi?: number, 
+                                opt_lang?: string, opt_secondaryLang?: string, opt_style?: string,
+                                opt_pois?: (string | boolean)): H.service.DefaultLayers;
 
             /**
              * This method returns an instance of H.service.RoutingService to query the Routing API.
@@ -5681,7 +5693,7 @@ declare namespace H {
              * @param opt_locale {(H.ui.i18n.Localization | string)=} - the language to use (or a full localization object).
              * @returns {H.ui.UI} - the UI instance configured with the default controls
              */
-            static createDefault(map: H.Map, mapTypes: H.service.Platform.MapTypes, opt_locale?: H.ui.i18n.Localization | string): UI;
+            static createDefault(map: H.Map, mapTypes: H.service.MapType | H.service.DefaultLayers, opt_locale?: H.ui.i18n.Localization | string): H.ui.UI;
 
             /**
              * This method is used to capture the element view

From a487f0436e031de2f3369939967145d4b5bdf44c Mon Sep 17 00:00:00 2001
From: Bernd Hacker <hacker.bernd@gmail.com>
Date: Mon, 3 Jul 2017 09:26:49 +0200
Subject: [PATCH 081/274] fix lint errors, add test

---
 types/heremaps/heremaps-tests.ts | 13 +++++++++++++
 types/heremaps/index.d.ts        |  5 +++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/types/heremaps/heremaps-tests.ts b/types/heremaps/heremaps-tests.ts
index d3e161cb74..97a2a82477 100644
--- a/types/heremaps/heremaps-tests.ts
+++ b/types/heremaps/heremaps-tests.ts
@@ -160,3 +160,16 @@ enterprieseRouter.calculateIsoline(
         console.log(error);
     }
 );
+
+// Create a clustering provider
+const clusteredDataProvider = new H.clustering.Provider([], {
+clusteringOptions: {
+  // Maximum radius of the neighborhood
+  eps: 64,
+  // minimum weight of points required to form a cluster
+  minWeight: 3
+}
+});
+
+// Create a layer that will consume objects from our clustering provider
+const layer = new H.map.layer.ObjectLayer(clusteredDataProvider);
diff --git a/types/heremaps/index.d.ts b/types/heremaps/index.d.ts
index 22bd3c8a52..8241d749b3 100644
--- a/types/heremaps/index.d.ts
+++ b/types/heremaps/index.d.ts
@@ -4484,7 +4484,8 @@ declare namespace H {
             /**
              * This method creates a pre-configured set of HERE tile layers for convenient use with the map.
              * @param opt_tileSize {(H.service.Platform.DefaultLayersOptions | number)=} - When a number – optional tile size to be queried from the HERE Map Tile API, default is 256.
-             * If this parameter is a number, it indicates the tile size to be queried from the HERE Map Tile API (the default value is 256); if this parameter is an object, it represents configuration options for the layer and all the remaining parameters (below) should be omitted
+             * If this parameter is a number, it indicates the tile size to be queried from the HERE Map Tile API (the default value is 256); if this parameter is an object, it represents
+             * configuration options for the layer and all the remaining parameters (below) should be omitted
              * @param opt_ppi {number=} - optional 'ppi' parameter to use when querying tiles, default is not specified
              * @param opt_lang {string=} - optional primary language parameter, default is not specified
              * @param opt_secondaryLang {string=} - optional secondary language parameter, default is not specified
@@ -4493,7 +4494,7 @@ declare namespace H {
              * POI Categories as described at the Map Tile API documentation POI Categories chapter.
              * @returns {H.service.DefaultLayers} - a set of tile layers ready to use
              */
-            createDefaultLayers(opt_tileSize?: (H.service.Platform.DefaultLayersOptions | number), opt_ppi?: number, 
+            createDefaultLayers(opt_tileSize?: (H.service.Platform.DefaultLayersOptions | number), opt_ppi?: number,
                                 opt_lang?: string, opt_secondaryLang?: string, opt_style?: string,
                                 opt_pois?: (string | boolean)): H.service.DefaultLayers;
 

From caa3858ee743d45cec6e0f8f13e3464bfc732145 Mon Sep 17 00:00:00 2001
From: Roman Reshetnikov <roman.reshetnikov@devexpress.com>
Date: Mon, 3 Jul 2017 10:38:37 +0300
Subject: [PATCH 082/274] update DevExpress ASP.NET/MVC to 171.4/162.8

---
 types/devexpress-web/index.d.ts      | 197 ++++++++++++++++++---------
 types/devexpress-web/v162/index.d.ts |  22 ++-
 2 files changed, 150 insertions(+), 69 deletions(-)

diff --git a/types/devexpress-web/index.d.ts b/types/devexpress-web/index.d.ts
index 466f002f36..50aac382b1 100644
--- a/types/devexpress-web/index.d.ts
+++ b/types/devexpress-web/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for DevExpress ASP.NET v171.3
+// Type definitions for DevExpress ASP.NET v171.4
 // Project: http://devexpress.com/
 // Definitions by: DevExpress Inc. <http://devexpress.com/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -2554,12 +2554,27 @@ interface ASPxClientDashboardDrillUpPerformedEventArgs extends ASPxClientEventAr
      */
     ItemName: string;
 }
+interface CardWidgetCustomizeTextEventArgs {
+    getValue(): Object;
+    getDefaultText(): string;
+}
+/**
+ * A Card widget that visualizes a Card dashboard item's data.
+ */
+interface CardWidget {
+    /**
+     * Gets or sets the background color for a card.
+     * Value: A string that specifies the <a href="https://www.w3schools.com/html/html_colors.asp">HTML color</a> used to paint a card's background.
+     */
+    cardBackColor: string;
+    onCustomizeText: Object;
+}
 /**
  * When implemented, represents the Web Dashboard extension.
  */
 interface IExtension {
     /**
-     * A unique name of a Web Dashboard extension.
+     * Gets a unique name of a Web Dashboard extension.
      * Value: A string value that is a unique name of a Web Dashboard extension.
      */
     name: string;
@@ -2577,12 +2592,12 @@ interface IExtension {
  */
 interface DashboardControl {
     /**
-     * Gets or sets knockout templates that you can used in the Web Dashboard.
-     * Value: A <see cref="KnockoutObservableArray" /> object that is a knockout template.
+     * Gets or sets knockout templates that you can use in the Web Dashboard.
+     * Value: A <see cref="KnockoutObservableArray" /> object that is a knockout template collection.
      */
     customTemplates: KnockoutObservableArray;
     /**
-     * Provide an access to the collection of registered dashboard extensions.
+     * Provides an access to the collection of registered dashboard extensions.
      * Value: An array of IExtension objects that are dashboard extensions.
      */
     extensions: IExtension[];
@@ -2719,7 +2734,7 @@ interface DashboardPanelExtension extends IExtension {
      */
     panelWidth: number;
     /**
-     * Allows you to control the Dashboard Panel's visibility.
+     * Gets or sets whether the Dashboard Panel is visible.
      * Value: true, to display the Dashboard Panel; otherwise, false.
      */
     visible: KnockoutObservableBoolean;
@@ -2739,8 +2754,8 @@ interface AvailableDataSourcesExtension extends IExtension {
  */
 interface DashboardMenuItem {
     /**
-     * Gets or sets a unique id of a dashboard menu item.
-     * Value: A string value that is a menu item's unique name.
+     * Gets or sets a unique identifier of a dashboard menu item.
+     * Value: A string value that is a menu item's unique identifier.
      */
     id: string;
     /**
@@ -2749,13 +2764,13 @@ interface DashboardMenuItem {
      */
     title: string;
     /**
-     * Gets or sets a position of the dashboard menu item group within the dashboard menu.
+     * Gets or sets a position of the dashboard menu item within the dashboard menu.
      * Value: A zero-based integer specifying the position of the current dashboard menu item.
      */
     index: number;
     /**
-     * Gets or sets a keyboard shortcut used to invoke the command.
-     * Value: An integer value that specifies a hotkey combination.
+     * Gets or sets a code of the key used in the keyboard shortcut. This shortcut allows you to invoke the current menu item.
+     * Value: An integer value that specifies a key code.
      */
     hotKey: number;
     /**
@@ -2774,7 +2789,7 @@ interface DashboardMenuItem {
      */
     selected: KnockoutObservableBoolean;
     /**
-     * Gets or sets whether a dashboard menu item should be disabled.
+     * Gets whether a dashboard menu item is disabled.
      * Value: true, if a dashboard menu item should be disabled; otherwise, false.
      */
     disabled: KnockoutObservableBoolean;
@@ -2845,7 +2860,7 @@ interface DashboardToolbarItem {
     title: string;
     /**
      * Gets or sets whether a toolbar item should be disabled.
-     * Value: true, if a toolbar item should be disabled; otherwise, false.
+     * Value: true, if a toolbar item is disabled; otherwise, false.
      */
     disabled: KnockoutObservableBoolean;
     /**
@@ -3441,6 +3456,10 @@ interface ASPxClientTextEdit extends ASPxClientEdit {
      * @param position An integer value that specifies the zero-based index of a text character that shall precede the caret.
      */
     SetCaretPosition(position: number): void;
+    /**
+     * Obtains the caret position within the edited text.
+     */
+    GetCaretPosition(): number;
     /**
      * Selects the specified portion of the editor's text.
      * @param startPos A zero-based integer value specifying the selection's starting position.
@@ -5022,6 +5041,11 @@ interface ASPxClientGridToolbarItemClickEventArgs extends ASPxClientProcessingMo
      * Value: An integer value that is the toolbar index.
      */
     toolbarIndex: number;
+    /**
+     * Gets the toolbar name.
+     * Value: A string value that is the toolbar name.
+     */
+    toolbarName: string;
     /**
      * Gets the clicked toolbar item.
      * Value: A ASPxClientMenuItem object that is the toolbar item.
@@ -9900,7 +9924,7 @@ interface ASPxClientHtmlEditorDialogBase {
     GetCancelButton(): ASPxClientButton;
 }
 /**
- * Provides client functionality for Html Editor's dialogs operated with the elements.
+ * Provides client functionality for Html Editor dialogs operated with its elements.
  */
 interface ASPxClientHtmlEditorEditElementDialog extends ASPxClientHtmlEditorDialogBase {
     /**
@@ -10949,7 +10973,7 @@ interface RichEditCommands {
      */
     changeFontBackColor: ChangeFontBackColorCommand;
     /**
-     * Gets a command to reset the selected text's formatting to default.
+     * Gets a command to reset text and paragraph formatting in the selected range to default.
      * Value: A <see cref="ClearFormattingCommand" /> object that provides methods for executing the command and checking its state.
      */
     clearFormatting: ClearFormattingCommand;
@@ -10979,7 +11003,7 @@ interface RichEditCommands {
      */
     increaseIndent: IncreaseIndentCommand;
     /**
-     * Gets a command to decrement the indent level of paragraphs in a selected range.
+     * Gets a command to decrease the indent level of paragraphs in a selected range.
      * Value: A <see cref="DecreaseIndentCommand" /> object that provides methods for executing the command and checking its state.
      */
     decreaseIndent: DecreaseIndentCommand;
@@ -11079,7 +11103,7 @@ interface RichEditCommands {
      */
     openInsertTableDialog: OpenInsertTableDialogCommand;
     /**
-     * Gets a command to invoke the Insert Table dialog window.
+     * Gets a command to insert a rectangle table of a specified size.
      * Value: A <see cref="InsertTableCommand" /> object that provides methods for executing the command and checking its state.
      */
     insertTable: InsertTableCommand;
@@ -11089,7 +11113,7 @@ interface RichEditCommands {
      */
     openInsertPictureDialog: OpenInsertPictureDialogCommand;
     /**
-     * Gets a command to insert a picture from a file.
+     * Gets a command to insert an inline picture stored by specifed web address.
      * Value: A <see cref="InsertPictureCommand" /> object that provides methods for executing the command and checking its state.
      */
     insertPicture: InsertPictureCommand;
@@ -11304,7 +11328,7 @@ interface RichEditCommands {
      */
     openTabsDialog: OpenTabsDialogCommand;
     /**
-     * Gets a command to change paragraph tab stops.
+     * Gets a command to change the tab stop value of a document or selected paragraphs
      * Value: A <see cref="ChangeTabsCommand" /> object that provides methods for executing the command and checking its state.
      */
     changeTabs: ChangeTabsCommand;
@@ -11334,7 +11358,7 @@ interface RichEditCommands {
      */
     decrementNumberingIndent: DecrementNumberingIndentCommand;
     /**
-     * Gets a command to create an empty field in the document.
+     * Gets a command to create a field with an empty code and populate it with the selection (if it is not collapsed).
      * Value: A <see cref="CreateFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createField: CreateFieldCommand;
@@ -11374,17 +11398,17 @@ interface RichEditCommands {
      */
     updateAllFields: UpdateAllFieldsCommand;
     /**
-     * Gets a command to insert a DATE field displaying the current date.
+     * Gets a command to insert and update a field with a DATE code.
      * Value: A <see cref="CreateDateFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createDateField: CreateDateFieldCommand;
     /**
-     * Gets a command to insert a TIME field displaying the current time.
+     * Gets a command to replace the selection with a TIME field displaying the current time.
      * Value: A <see cref="CreateTimeFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createTimeField: CreateTimeFieldCommand;
     /**
-     * A command to insert a PAGE field displaying the current page number.
+     * A command to replace the selection with a PAGE field displaying the current page number.
      * Value: A <see cref="CreatePageFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createPageField: CreatePageFieldCommand;
@@ -11434,7 +11458,7 @@ interface RichEditCommands {
      */
     mergeFieldDialog: MergeFieldDialogCommand;
     /**
-     * Gets a command to insert a MERGEFIELD field (with a data source column name) at the current position in the document.
+     * Gets a command to replace the selection with a MERGEFIELD (a data source column name is passed with a parameter).
      * Value: A <see cref="CreateMergeFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createMergeField: CreateMergeFieldCommand;
@@ -11504,7 +11528,7 @@ interface RichEditCommands {
      */
     closeHeaderFooter: CloseHeaderFooterCommand;
     /**
-     * Gets a command to insert a NUMPAGES field displaying the total number of pages.
+     * Gets a command to replace the selection with a NUMPAGES field displaying the total number of pages.
      * Value: A <see cref="CreatePageCountFieldCommand" /> object that provides methods for executing the command and checking its state.
      */
     createPageCountField: CreatePageCountFieldCommand;
@@ -11863,6 +11887,7 @@ interface RichEditCommands {
      * Value: A <see cref="ChangeTextBoxContentMarginsCommand" /> object that provides methods for executing the command and checking its state.
      */
     changeTextBoxContentMargins: ChangeTextBoxContentMarginsCommand;
+    changeTextBoxResizeShapeToFitText: ChangeTextBoxResizeShapeToFitTextCommand;
 }
 /**
  * Serves as a base for objects that implement different client command functionalities.
@@ -12762,9 +12787,9 @@ interface OpenInsertBookmarkDialogCommand extends CommandWithSimpleStateBase {
 interface InsertBookmarkCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the InsertBookmarkCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param name A string value specifying name of creating bookmark.
-     * @param start An integer value specifying the start position of bookmark's range.
-     * @param length An integer value specifying the length of bookmark's range.
+     * @param name A string value specifying a name of the created bookmark.
+     * @param start An integer value specifying the start position of the bookmark's range.
+     * @param length An integer value specifying the length of the bookmark's range.
      */
     execute(name: string, start: number, length: number): boolean;
 }
@@ -12774,7 +12799,7 @@ interface InsertBookmarkCommand extends CommandWithSimpleStateBase {
 interface DeleteBookmarkCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the DeleteBookmarkCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param name A string value specifying name of the deleted bookmark.
+     * @param name A string value specifying a name of the deleted bookmark.
      */
     execute(name: string): boolean;
 }
@@ -13233,8 +13258,8 @@ interface HideFindResultsCommand extends CommandWithSimpleStateBase {
 interface ReplaceAllCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the ReplaceAllCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param text A string value specifying text to replace.
-     * @param replaceText A string value specifying replacing text.
+     * @param text A string value specifying a text to replace.
+     * @param replaceText A string value specifying the replacing text.
      * @param matchCase true, to perform a case-sensitive search; otherwise, false.
      */
     execute(text: string, replaceText: string, matchCase: boolean): boolean;
@@ -13448,6 +13473,10 @@ interface ChangeTextBoxContentMarginsCommand extends CommandBase {
      */
     getState(): any;
 }
+interface ChangeTextBoxResizeShapeToFitTextCommand extends CommandBase {
+    execute(resizeShapeToFitText: boolean): boolean;
+    getState(): any;
+}
 /**
  * Contains alignment position settings for floating objects.
  */
@@ -13919,7 +13948,7 @@ interface InsertNumerationCommand extends CommandWithSimpleStateBase {
     execute(abstractNumberingListIndex: number): boolean;
     /**
      * Executes the InsertNumerationCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param numberingListIndex An integer value specifying index of numbering list.
+     * @param numberingListIndex An integer value specifying an index of the numbering list.
      * @param isAbstractNumberingList true, to insert an abstract numbering list; otherwise, false.
      */
     execute(numberingListIndex: number, isAbstractNumberingList: boolean): boolean;
@@ -14105,7 +14134,7 @@ interface InsertSymbolCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the InsertSymbolCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
      * @param symbol A string value specifying symbols to insert.
-     * @param fontName A string value specifying font of symbols to insert.
+     * @param fontName A string value specifying the font of symbols to insert.
      */
     execute(symbol: string, fontName: string): boolean;
 }
@@ -14124,7 +14153,7 @@ interface InsertParagraphCommand extends CommandWithSimpleStateBase {
 interface InsertTextCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the InsertTextCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param text A string value specifying text to insert.
+     * @param text A string value specifying a text to insert.
      */
     execute(text: string): boolean;
 }
@@ -14217,7 +14246,15 @@ interface InsertTabCommand extends CommandWithSimpleStateBase {
  * Defines the scaling settings.
  */
 interface Scale {
+    /**
+     * Gets or sets the image's y-scale factor as a percent.
+     * Value: An integer value that is the y-scale factor as a percent.
+     */
     x: number;
+    /**
+     * Gets or sets the image's x-scale factor as a percent.
+     * Value: An integer value that is the x-scale factor as a percent.
+     */
     y: number;
 }
 /**
@@ -14346,7 +14383,7 @@ interface ChangeSectionColumnsCommand extends CommandBase {
 interface ChangePageColorCommand extends CommandBase {
     /**
      * Executes the ChangePageColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param color A string specifying background color of the page. May be specified as color name or hex color value.
+     * @param color A string specifying a background color the page. May be specified as a color name or a hex color value.
      */
     execute(color: string): boolean;
     /**
@@ -14427,7 +14464,7 @@ interface SetDifferentFirstPageHeaderFooterCommand extends CommandWithBooleanSta
     execute(): boolean;
     /**
      * Executes the SetDifferentFirstPageHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param differentFirstPage true to apply different text for first page's header and footer, false to remove difference.
+     * @param differentFirstPage true to apply a different text for the first page's header and footer, false to remove the difference.
      */
     execute(differentFirstPage: boolean): boolean;
 }
@@ -14441,7 +14478,7 @@ interface SetDifferentOddAndEvenPagesHeaderFooterCommand extends CommandWithBool
     execute(): boolean;
     /**
      * Executes the SetDifferentOddAndEvenPagesHeaderFooterCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param differentOddAndEvenPages true to apply different text for odd and even pages' header and footer, false to remove difference.
+     * @param differentOddAndEvenPages true to apply a different text for the header and footer of the odd and even pages , false to remove the difference.
      */
     execute(differentOddAndEvenPages: boolean): boolean;
 }
@@ -14650,7 +14687,7 @@ interface RemoveSpacingAfterParagraphCommand extends CommandWithSimpleStateBase
 interface ChangeParagraphBackColorCommand extends CommandBase {
     /**
      * Executes the ChangeParagraphBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param color A string specifying highlighting color of the paragraphs in a selected range. May be specified as color name or hex color value.
+     * @param color A string specifying a background color of the paragraphs in a selected range. May be specified as a color name or a hex color value.
      */
     execute(color: string): boolean;
     /**
@@ -14906,8 +14943,8 @@ interface OpenInsertTableDialogCommand extends CommandWithSimpleStateBase {
 interface InsertTableCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the InsertTableCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param columnCount An integer value specifying number of columns in a generated table.
-     * @param rowCount An integer value specifying number of rows in a generated table.
+     * @param columnCount An integer value specifying a number of columns in a generated table.
+     * @param rowCount An integer value specifying a number of rows in a generated table.
      */
     execute(columnCount: number, rowCount: number): boolean;
 }
@@ -15122,9 +15159,9 @@ interface SplitTableCellsDialogCommand extends CommandWithSimpleStateBase {
 interface SplitTableCellsCommand extends CommandWithSimpleStateBase {
     /**
      * Executes the SplitTableCellsCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param rowCount An integer value specifying number of rows in the splitted table cells.
-     * @param columnCount An integer value specifying number of columns in the splitted table cells.
-     * @param mergeBeforeSplit true to merge the selected cells before splitting; otherwise, false.
+     * @param rowCount An integer value specifying a number of rows in the split table cells.
+     * @param columnCount An integer value specifying a number of columns in the split table cells.
+     * @param mergeBeforeSplit true to merge the selected cells before the splitting; otherwise, false.
      */
     execute(rowCount: number, columnCount: number, mergeBeforeSplit: boolean): boolean;
 }
@@ -15385,7 +15422,7 @@ interface ChangeTableBorderRepositoryItemCommand extends CommandBase {
 interface ChangeTableCellShadingCommand extends CommandBase {
     /**
      * Executes the ChangeTableCellShadingCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param color A string specifying color of the selected cells' shading. May be specified as color name or hex color value.
+     * @param color A string specifying the color of the selected cells' shading. May be specified as a color name or a hex color value.
      */
     execute(color: string): boolean;
     /**
@@ -15856,7 +15893,7 @@ declare enum TableWidthUnitType {
 interface ChangeFontNameCommand extends CommandBase {
     /**
      * Executes the ChangeFontNameCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param fontName A string specifying font name.
+     * @param fontName A string specifying the font name.
      */
     execute(fontName: string): boolean;
     /**
@@ -15870,7 +15907,7 @@ interface ChangeFontNameCommand extends CommandBase {
 interface ChangeFontSizeCommand extends CommandBase {
     /**
      * Executes the ChangeFontSizeCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param fontSize An integer number specifying font size.
+     * @param fontSize An integer number specifying the font size.
      */
     execute(fontSize: number): boolean;
     /**
@@ -16022,7 +16059,7 @@ interface ChangeFontSubscriptCommand extends CommandWithBooleanStateBase {
 interface ChangeFontForeColorCommand extends CommandBase {
     /**
      * Executes the ChangeFontForeColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param color A string specifying font color. May be specified as color name or hex color value.
+     * @param color A string specifying the font color. May be specified as a color name or a hex color value.
      */
     execute(color: string): boolean;
     /**
@@ -16036,7 +16073,7 @@ interface ChangeFontForeColorCommand extends CommandBase {
 interface ChangeFontBackColorCommand extends CommandBase {
     /**
      * Executes the ChangeFontBackColorCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param color A string specifying highlighting color. May be specified as color name or hex color value.
+     * @param color A string specifying the background font color. May be specified as a color name or a hex color value.
      */
     execute(color: string): boolean;
     /**
@@ -16064,8 +16101,8 @@ interface ChangeStyleCommand extends CommandBase {
     execute(style: StyleBase): boolean;
     /**
      * Executes the ChangeStyleCommand command by applying the specified settings.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param styleName A string specifying the name of applying style.
-     * @param isParagraphStyle true to apply style to paragraph, false to apply style to character.
+     * @param styleName A string specifying the applying style's name.
+     * @param isParagraphStyle true to apply the style to a paragraph, false to apply the style to a character.
      */
     execute(styleName: string, isParagraphStyle: boolean): boolean;
     /**
@@ -16213,7 +16250,7 @@ interface SetFullscreenCommand extends CommandWithBooleanStateBase {
     execute(): boolean;
     /**
      * Executes the SetFullscreenCommand command by applying the specified setting.  May result in taking no action if the command's state does not allow command execution. Use the object's getState method to check the command state.
-     * @param fullscreen true to apply fullscreen mode, false to remove fullscreen mode.
+     * @param fullscreen true to apply the fullscreen mode, false to disable the fullscreen mode.
      */
     execute(fullscreen: boolean): boolean;
 }
@@ -17101,7 +17138,7 @@ interface ASPxClientScheduler extends ASPxClientControl {
      */
     ActiveViewChanged: ASPxClientEvent<ASPxClientEventHandler<ASPxClientScheduler>>;
     /**
-     * Occurs when an end-user pressers a keyboard shortcut.
+     * Occurs when an end-user presses a keyboard shortcut.
      */
     Shortcut: ASPxClientEvent<ShortcutEventHandler<ASPxClientScheduler>>;
     /**
@@ -17926,8 +17963,8 @@ interface ASPxClientToolTipBase {
      */
     Close(): void;
     /**
-     * 
-     * @param bounds 
+     * Gets the tooltip position.
+     * @param bounds An object that represents the tooltip bounds.
      */
     CalculatePosition(bounds: Object): ASPxClientPoint;
     /**
@@ -19184,6 +19221,11 @@ interface ASPxClientTreeListToolbarItemClickEventArgs extends ASPxClientProcessi
      * Value: An integer value that is the toolbar index.
      */
     toolbarIndex: number;
+    /**
+     * Gets the toolbar name.
+     * Value: A string object that is the toolbar name.
+     */
+    toolbarName: string;
     /**
      * Gets the toolbar item related to the event.
      * Value: An ASPxClientMenuItem object that is the toolbar item.
@@ -19526,11 +19568,6 @@ interface BootstrapClientDropDownEdit extends ASPxClientDropDownEdit {
  */
 interface BootstrapClientFormLayout extends ASPxClientFormLayout {
 }
-/**
- * Represents a client-side equivalent of the BootstrapGridView control.
- */
-interface BootstrapClientGridView extends ASPxClientGridView {
-}
 /**
  * Represents a client-side equivalent of the BootstrapHyperLink control.
  */
@@ -19795,6 +19832,8 @@ interface BootstrapUIWidgetBase extends ASPxClientControl {
     IncidentOccurred: ASPxClientEvent<BootstrapUIWidgetErrorEventHandler<BootstrapUIWidgetBase>>;
     GetInstance(): Object;
     SetOptions(options: Object): void;
+    SetDataSource(dataSource: Object): void;
+    GetDataSource(): Object;
     ExportTo(format: string, fileName: string): void;
     Print(): void;
 }
@@ -19848,6 +19887,8 @@ interface BootstrapUIWidgetElementClickEventArgs extends BootstrapUIWidgetElemen
  */
 interface BootstrapClientUploadControl extends ASPxClientUploadControl {
 }
+interface BootstrapClientGridView extends ASPxClientGridView {
+}
 /**
  * A client-side counterpart of the Calendar and CalendarFor extensions.
  */
@@ -20489,6 +20530,9 @@ interface MVCxClientRoundPanel extends ASPxClientRoundPanel {
  * A client-side counterpart of the Scheduler extension.
  */
 interface MVCxClientScheduler extends ASPxClientScheduler {
+    /**
+     * Occurs on the client side when the tooltip is about to be displayed.
+     */
     ToolTipDisplaying: ASPxClientEvent<MVCxClientSchedulerToolTipDisplayingEventHandler<MVCxClientScheduler>>;
     /**
      * Occurs when a callback for server-side processing is initiated.
@@ -20515,6 +20559,10 @@ interface MVCxClientScheduler extends ASPxClientScheduler {
  * A template that is rendered to display a tooltip.
  */
 interface MVCxClientSchedulerTemplateToolTip extends ASPxClientToolTipBase {
+    /**
+     * Gets the tooltip type.
+     * Value: A MVCxSchedulerToolTipType object that specifies the tooltip type.
+     */
     type: MVCxSchedulerToolTipType;
 }
 /**
@@ -20532,7 +20580,15 @@ interface MVCxClientSchedulerToolTipDisplayingEventHandler<S> {
  * Provides data for the ToolTipDisplaying event.
  */
 interface MVCxClientSchedulerToolTipDisplayingEventArgs extends ASPxClientEventArgs {
+    /**
+     * Gets the tooltip related to the event.
+     * Value: A MVCxClientSchedulerTemplateToolTip object that specifies the tooltip.
+     */
     toolTip: MVCxClientSchedulerTemplateToolTip;
+    /**
+     * Gets information about the tooltip related to the event.
+     * Value: A ASPxClientSchedulerToolTipData object that specifies information about the tooltip.
+     */
     data: ASPxClientSchedulerToolTipData;
 }
 /**
@@ -23396,6 +23452,11 @@ interface ASPxClientHintShowingEventArgs extends ASPxClientEventArgs {
      * Value: An object representing the hint's title element related to the event.
      */
     titleElement: Object;
+    /**
+     * Gets or sets a value indicating whether the event should be canceled.
+     * Value: true, if the event should be canceled; otherwise, false.
+     */
+    cancel: boolean;
 }
 /**
  * A method that will handle the Hiding event.
@@ -32198,8 +32259,6 @@ interface BootstrapClientDropDownEditStatic extends ASPxClientDropDownEditStatic
 }
 interface BootstrapClientFormLayoutStatic extends ASPxClientFormLayoutStatic {
 }
-interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
-}
 interface BootstrapClientHyperLinkStatic extends ASPxClientHyperLinkStatic {
 }
 interface BootstrapClientImageStatic extends ASPxClientImageStatic {
@@ -32238,6 +32297,8 @@ interface BootstrapUIWidgetBaseStatic extends ASPxClientControlStatic {
 }
 interface BootstrapClientUploadControlStatic extends ASPxClientUploadControlStatic {
 }
+interface BootstrapClientGridViewStatic extends ASPxClientGridViewStatic {
+}
 interface MVCxClientCalendarStatic extends ASPxClientCalendarStatic {
     /**
      * Converts the specified object to the current object's type. This method is effective when you utilize the Client API IntelliSense feature provided by DevExpress.
@@ -32702,15 +32763,15 @@ interface ASPxClientHintStatic extends ASPxClientControlStatic {
      */
     Register(targetSelector: string, options: ASPxClientHintOptions): ASPxClientHint;
     /**
-     * 
-     * @param targetSelector 
-     * @param contentAttribute 
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies to which UI elements the hint is displayed.
+     * @param contentAttribute A string value that is the attribute name. Specifies from which target element's attribute a hint obtains its content.
      */
     Register(targetSelector: string, contentAttribute: string): ASPxClientHint;
     /**
-     * 
-     * @param targetSelector 
-     * @param onShowing 
+     * Registers a hint's functionality with the specified settings.
+     * @param targetSelector A string value that is the CSS selector. Specifies for which UI elements the hint is displayed.
+     * @param onShowing An ASPxClientHintShowingEventHandler object that is a handler for the displayed event.
      */
     Register(targetSelector: string, onShowing: ASPxClientHintShowingEventHandler): ASPxClientHint;
     /**
@@ -33521,7 +33582,6 @@ declare var BootstrapClientComboBox: BootstrapClientComboBoxStatic;
 declare var BootstrapClientDateEdit: BootstrapClientDateEditStatic;
 declare var BootstrapClientDropDownEdit: BootstrapClientDropDownEditStatic;
 declare var BootstrapClientFormLayout: BootstrapClientFormLayoutStatic;
-declare var BootstrapClientGridView: BootstrapClientGridViewStatic;
 declare var BootstrapClientHyperLink: BootstrapClientHyperLinkStatic;
 declare var BootstrapClientImage: BootstrapClientImageStatic;
 declare var BootstrapClientListBox: BootstrapClientListBoxStatic;
@@ -33541,6 +33601,7 @@ declare var BootstrapClientButtonEdit: BootstrapClientButtonEditStatic;
 declare var BootstrapClientTreeView: BootstrapClientTreeViewStatic;
 declare var BootstrapUIWidgetBase: BootstrapUIWidgetBaseStatic;
 declare var BootstrapClientUploadControl: BootstrapClientUploadControlStatic;
+declare var BootstrapClientGridView: BootstrapClientGridViewStatic;
 declare var MVCxClientCalendar: MVCxClientCalendarStatic;
 declare var MVCxClientCallbackPanel: MVCxClientCallbackPanelStatic;
 declare var MVCxClientCardView: MVCxClientCardViewStatic;
diff --git a/types/devexpress-web/v162/index.d.ts b/types/devexpress-web/v162/index.d.ts
index 89d0b0d657..e345c2e13b 100644
--- a/types/devexpress-web/v162/index.d.ts
+++ b/types/devexpress-web/v162/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for DevExpress ASP.NET v162.7
+// Type definitions for DevExpress ASP.NET v162.8
 // Project: http://devexpress.com/
 // Definitions by: DevExpress Inc. <http://devexpress.com/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -2409,6 +2409,10 @@ interface ASPxClientTextEdit extends ASPxClientEdit {
      * @param position An integer value that specifies the zero-based index of a text character that shall precede the caret.
      */
     SetCaretPosition(position: number): void;
+    /**
+     * Obtains the caret position within the edited text.
+     */
+    GetCaretPosition(): number;
     /**
      * Selects the specified portion of the editor's text.
      * @param startPos A zero-based integer value specifying the selection's starting position.
@@ -7822,8 +7826,20 @@ interface ASPxClientHtmlEditorCommandStyleSettings {
      * Value: A string that specifies an element's left margin <a href="http://www.w3schools.com/cssref/pr_margin.asp">in any correct format</a>.
      */
     marginLeft: string;
+    /**
+     * Gets or sets a media element's background color.
+     * Value: A string that specifies a background color <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
     backgroundColor: string;
+    /**
+     * Gets or sets the element's text alignment.
+     * Value: A string value that specifies the element's text alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
     textAlign: string;
+    /**
+     * Gets or sets the element's vertical alignment.
+     * Value: A string value that specifies the element's vertical alignment <a href="http://www.w3schools.com/cssref/css_colors_legal.asp">in any correct format</a>.
+     */
     verticalAlign: string;
 }
 /**
@@ -7895,6 +7911,10 @@ interface ASPxClientHtmlEditorInsertLinkCommandArguments extends ASPxClientHtmlE
      * Value: A string value defining the title of the target link.
      */
     title: string;
+    /**
+     * Contains the style settings defining the appearance of the target link element.
+     * Value: An <see cref="ASPxClientHtmlEditorCommandStyleSettings" /> object that contains the style settings defining the appearance of the target link element.
+     */
     styleSettings: ASPxClientHtmlEditorCommandStyleSettings;
 }
 /**

From ad428a77e4f3e2dd3815e99c192365a4bcb72bb9 Mon Sep 17 00:00:00 2001
From: Steven Sinatra <ohai@diagramatics.me>
Date: Mon, 3 Jul 2017 17:41:00 +1000
Subject: [PATCH 083/274] Implement dom-inputevent

---
 types/dom-inputevent/dom-inputevent-tests.ts | 10 +++++++++
 types/dom-inputevent/index.d.ts              | 17 +++++++++++++++
 types/dom-inputevent/tsconfig.json           | 23 ++++++++++++++++++++
 types/dom-inputevent/tslint.json             |  1 +
 4 files changed, 51 insertions(+)
 create mode 100644 types/dom-inputevent/dom-inputevent-tests.ts
 create mode 100644 types/dom-inputevent/index.d.ts
 create mode 100644 types/dom-inputevent/tsconfig.json
 create mode 100644 types/dom-inputevent/tslint.json

diff --git a/types/dom-inputevent/dom-inputevent-tests.ts b/types/dom-inputevent/dom-inputevent-tests.ts
new file mode 100644
index 0000000000..91c427d701
--- /dev/null
+++ b/types/dom-inputevent/dom-inputevent-tests.ts
@@ -0,0 +1,10 @@
+const input = document.createElement('input');
+input.addEventListener('input', (event: InputEvent) => {
+    return event.data === 'foo' && event.isComposing === true;
+});
+
+const foo = new InputEvent('input');
+const bar = new InputEvent('beforeinput', {
+    data: 'bar',
+    isComposing: true,
+});
diff --git a/types/dom-inputevent/index.d.ts b/types/dom-inputevent/index.d.ts
new file mode 100644
index 0000000000..df1cce5ec4
--- /dev/null
+++ b/types/dom-inputevent/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for UI Events W3C Working Draft — Input Events — Interface InputEvent 1.0
+// Project: https://w3c.github.io/uievents/#interface-inputevent
+// Definitions by: Steven Sinatra <https://github.com/diagramatics>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface InputEventInit extends UIEventInit {
+    data?: string;
+    isComposing: boolean;
+}
+interface InputEvent extends UIEvent {
+    readonly data: string;
+    readonly isComposing: boolean;
+}
+
+declare class InputEvent {
+    constructor(typeArg: 'input' | 'beforeinput', inputEventInit?: InputEventInit);
+}
diff --git a/types/dom-inputevent/tsconfig.json b/types/dom-inputevent/tsconfig.json
new file mode 100644
index 0000000000..1577efb197
--- /dev/null
+++ b/types/dom-inputevent/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "dom-inputevent-tests.ts"
+    ]
+}
diff --git a/types/dom-inputevent/tslint.json b/types/dom-inputevent/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/dom-inputevent/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 4d2e46305f58c94145e2404917693687bc89b03f Mon Sep 17 00:00:00 2001
From: Luigi Pinca <luigipinca@gmail.com>
Date: Mon, 3 Jul 2017 09:20:50 +0200
Subject: [PATCH 084/274] @types/ws: fix type of WebSocketServer#clients

Fixes: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/14774
---
 types/ws/index.d.ts  | 2 +-
 types/ws/ws-tests.ts | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/types/ws/index.d.ts b/types/ws/index.d.ts
index 49ae4cfb3e..fc072727e8 100644
--- a/types/ws/index.d.ts
+++ b/types/ws/index.d.ts
@@ -155,7 +155,7 @@ declare namespace WebSocket {
     export class Server extends events.EventEmitter {
         options: IServerOptions;
         path: string;
-        clients: WebSocket[];
+        clients: Set<WebSocket>;
 
         constructor(options?: IServerOptions, callback?: Function);
 
diff --git a/types/ws/ws-tests.ts b/types/ws/ws-tests.ts
index 4da29311ee..90b0e6080f 100644
--- a/types/ws/ws-tests.ts
+++ b/types/ws/ws-tests.ts
@@ -34,9 +34,8 @@ import * as https from 'https';
 {
     var wss = new WebSocket.Server({port: 8082});
 
-    const broadcast = function(data: any) {
-        for(var i in wss.clients)
-            wss.clients[i].send(data);
+    const broadcast = (data: any) => {
+        wss.clients.forEach((ws) => ws.send(data));
     };
 }
 

From 9d17546a00d9cc51c8cc46a97186e45e30c31b37 Mon Sep 17 00:00:00 2001
From: Miloslav Nenadal <nenadalm@gmail.com>
Date: Mon, 3 Jul 2017 13:54:03 +0200
Subject: [PATCH 085/274] [ramda]: More detailed isNil definition

---
 types/ramda/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index cb0241bea7..e0fbd22d4a 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -813,7 +813,7 @@ declare namespace R {
         /**
          * Checks if the input value is null or undefined.
          */
-        isNil(value: any): boolean;
+        isNil(value: any): value is null | undefined;
 
         /**
          * Returns a string made by inserting the `separator` between each

From 675733b67adf2c8f9cc5076e4197271d2506b0fc Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <GiedriusGrabauskas@users.noreply.github.com>
Date: Mon, 3 Jul 2017 16:19:52 +0300
Subject: [PATCH 086/274] Create tslint.json

---
 types/i18next-browser-languagedetector/tslint.json | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 types/i18next-browser-languagedetector/tslint.json

diff --git a/types/i18next-browser-languagedetector/tslint.json b/types/i18next-browser-languagedetector/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/i18next-browser-languagedetector/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 307b86592ae4d48a58373feae7b346f69035163e Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <giedrius@quatrodev.com>
Date: Mon, 3 Jul 2017 16:22:55 +0300
Subject: [PATCH 087/274] Created v0 version types.

---
 .../i18next-browser-languagedetector-tests.ts | 42 ++++++++++
 .../v0/index.d.ts                             | 82 +++++++++++++++++++
 .../v0/tsconfig.json                          | 27 ++++++
 .../v0/tslint.json                            | 11 +++
 4 files changed, 162 insertions(+)
 create mode 100644 types/i18next-browser-languagedetector/v0/i18next-browser-languagedetector-tests.ts
 create mode 100644 types/i18next-browser-languagedetector/v0/index.d.ts
 create mode 100644 types/i18next-browser-languagedetector/v0/tsconfig.json
 create mode 100644 types/i18next-browser-languagedetector/v0/tslint.json

diff --git a/types/i18next-browser-languagedetector/v0/i18next-browser-languagedetector-tests.ts b/types/i18next-browser-languagedetector/v0/i18next-browser-languagedetector-tests.ts
new file mode 100644
index 0000000000..0217ca74ce
--- /dev/null
+++ b/types/i18next-browser-languagedetector/v0/i18next-browser-languagedetector-tests.ts
@@ -0,0 +1,42 @@
+import * as i18next from 'i18next';
+import LngDetector from 'i18next-browser-languagedetector';
+
+const options = {
+    // order and from where user language should be detected
+    order: ['querystring', 'cookie', 'localStorage', 'navigator'],
+
+    // keys or params to lookup language from
+    lookupQuerystring: 'lng',
+    lookupCookie: 'i18next',
+    lookupLocalStorage: 'i18nextLng',
+
+    // cache user language on
+    caches: ['localStorage', 'cookie'],
+
+    // optional expire and domain for set cookie
+    cookieMinutes: 10,
+    cookieDomain: 'myDomain'
+};
+const myDetector = {
+    name: 'myDetectorsName',
+
+    lookup(options: {}) {
+        // options -> are passed in options
+        return 'en';
+    },
+
+    cacheUserLanguage(lng: string, options: {}) {
+        // options -> are passed in options
+        // lng -> current language, will be called after init and on changeLanguage
+
+        // store it
+    }
+};
+
+i18next.use(LngDetector).init({
+    detection: options
+});
+
+const lngDetector = new LngDetector(null, options);
+lngDetector.init(options);
+lngDetector.addDetector(myDetector);
diff --git a/types/i18next-browser-languagedetector/v0/index.d.ts b/types/i18next-browser-languagedetector/v0/index.d.ts
new file mode 100644
index 0000000000..424573f9b8
--- /dev/null
+++ b/types/i18next-browser-languagedetector/v0/index.d.ts
@@ -0,0 +1,82 @@
+// Type definitions for i18next-browser-languagedetector 0.0
+// Project: http://i18next.com/
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>, Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import * as i18next from "i18next";
+
+declare namespace I18next {
+    interface I18nextStatic extends i18nextBrowserLanguageDetector.I18nextStatic { }
+    interface I18nextOptions extends i18nextBrowserLanguageDetector.I18nextOptions { }
+}
+
+declare namespace i18nextBrowserLanguageDetector {
+    /**
+     * @summary Interface for Language detector options.
+     * @interface
+     */
+    interface LanguageDetectorOptions {
+        caches?: string[] | boolean;
+        cookieDomain?: string;
+        cookieExpirationDate?: Date;
+        lookupCookie?: string;
+        lookupFromPathIndex?: number;
+        lookupQuerystring?: string;
+        lookupSession?: string;
+        order?: string[];
+    }
+
+    /**
+     * @summary Interface for custom detector.
+     * @interface
+     */
+    interface CustomDetector {
+        name: string;
+
+        // todo: Checks paramters type.
+        cacheUserLanguage(lng: string, options: {}): void;
+        lookup(options: {}): string;
+    }
+
+    /**
+     * @summary i18next options.
+     * @interface
+     */
+    interface I18nextOptions {
+        detection?: LanguageDetectorOptions;
+    }
+
+    /**
+     * @summary i18next interface.
+     * @interface
+     */
+    interface I18nextStatic {
+        use(module: LngDetector): I18nextStatic;
+    }
+
+    /**
+     * @summary i18next language detection.
+     * @class
+     */
+    class LngDetector {
+        /**
+         * @summary Constructor.
+         * @constructor
+         */
+        constructor(services?: any, options?: LanguageDetectorOptions);
+
+        /**
+         * @summary Adds detector.
+         * @param {CustomDetector} detector The custom detector.
+         */
+        addDetector(detector: CustomDetector): LngDetector;
+
+        /**
+         * @summary Initializes detector.
+         * @param {LanguageDetectorOptions} options The options.
+         */
+        init(options?: LanguageDetectorOptions): void;
+    }
+}
+
+export default i18nextBrowserLanguageDetector.LngDetector;
diff --git a/types/i18next-browser-languagedetector/v0/tsconfig.json b/types/i18next-browser-languagedetector/v0/tsconfig.json
new file mode 100644
index 0000000000..61e38c316d
--- /dev/null
+++ b/types/i18next-browser-languagedetector/v0/tsconfig.json
@@ -0,0 +1,27 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "paths": {
+            "i18next-browser-languagedetector": [
+                "i18next-browser-languagedetector/v0"
+            ]
+        },
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "i18next-browser-languagedetector-tests.ts"
+    ]
+}
diff --git a/types/i18next-browser-languagedetector/v0/tslint.json b/types/i18next-browser-languagedetector/v0/tslint.json
new file mode 100644
index 0000000000..af6baaddc0
--- /dev/null
+++ b/types/i18next-browser-languagedetector/v0/tslint.json
@@ -0,0 +1,11 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "interface-name": [
+            false
+        ],
+        "no-empty-interface": [
+            false
+        ]
+    }
+}

From c12f88e08c035c9453e9f6f7d096cc27d934b3da Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <giedrius@quatrodev.com>
Date: Mon, 3 Jul 2017 16:25:22 +0300
Subject: [PATCH 088/274] Upgraded types.

---
 .../i18next-browser-languagedetector-tests.ts |  52 +++++---
 .../index.d.ts                                | 122 +++++++-----------
 .../tsconfig.json                             |   7 +-
 3 files changed, 86 insertions(+), 95 deletions(-)

diff --git a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
index 9f36a7d538..2fc57ce3de 100644
--- a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
+++ b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
@@ -1,31 +1,40 @@
-import * as i18next from 'i18next';
-import LngDetector from 'i18next-browser-languagedetector';
+import * as i18next from "i18next";
+import * as LngDetector from "i18next-browser-languagedetector";
 
-var options = {
+const options: LngDetector.DetectorOptions = {
     // order and from where user language should be detected
-    order: ['querystring', 'cookie', 'localStorage', 'navigator'],
+    order: ["querystring", "cookie", "localStorage", "navigator", "htmlTag"],
 
     // keys or params to lookup language from
-    lookupQuerystring: 'lng',
-    lookupCookie: 'i18next',
-    lookupLocalStorage: 'i18nextLng',
+    lookupQuerystring: "lng",
+    lookupCookie: "i18next",
+    lookupLocalStorage: "i18nextLng",
 
     // cache user language on
-    caches: ['localStorage', 'cookie'],
+    caches: ["localStorage", "cookie"],
+    excludeCacheFor: ["cimode"], // languages to not persist (cookie, localStorage)
 
     // optional expire and domain for set cookie
     cookieMinutes: 10,
-    cookieDomain: 'myDomain'
-};
-var myDetector = {
-    name: 'myDetectorsName',
+    cookieDomain: "myDomain",
 
-    lookup(options: Object) {
+    // optional htmlTag with lang attribute, the default is:
+    htmlTag: document.documentElement
+};
+
+i18next.use(LngDetector).init({
+    detection: options
+});
+
+const customDetector: LngDetector.CustomDetector = {
+    name: "myDetectorsName",
+
+    lookup(options) {
         // options -> are passed in options
-        return 'en';
+        return "en";
     },
 
-    cacheUserLanguage(lng: string, options: Object) {
+    cacheUserLanguage(lng, options) {
         // options -> are passed in options
         // lng -> current language, will be called after init and on changeLanguage
 
@@ -33,10 +42,13 @@ var myDetector = {
     }
 };
 
-i18next.use(LngDetector).init({
-    detection: options
-});
-
 const lngDetector = new LngDetector(null, options);
+
 lngDetector.init(options);
-lngDetector.addDetector(myDetector);
+lngDetector.addDetector(customDetector);
+
+i18next
+    .use(lngDetector)
+    .init({
+        detection: options
+    });
diff --git a/types/i18next-browser-languagedetector/index.d.ts b/types/i18next-browser-languagedetector/index.d.ts
index 906910fa49..04ad671797 100644
--- a/types/i18next-browser-languagedetector/index.d.ts
+++ b/types/i18next-browser-languagedetector/index.d.ts
@@ -1,86 +1,64 @@
-// Type definitions for i18next-browser-languagedetector 0.0.14
+// Type definitions for i18next-browser-languagedetector 2.0
 // Project: http://i18next.com/
-// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>
+// Definitions by: Cyril Schumacher <https://github.com/cyrilschumacher>, Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="i18next"/>
-/// <reference types="express" />
-
-declare namespace I18next {
-    interface I18nextStatic extends i18nextBrowserLanguageDetector.I18nextStatic { }
-    interface I18nextOptions extends i18nextBrowserLanguageDetector.I18nextOptions { }
-}
-
 declare namespace i18nextBrowserLanguageDetector {
-    /**
-     * @summary Interface for Language detector options.
-     * @interface
-     */
-    interface LanguageDetectorOptions {
-        caches?: Array<string>|boolean;
-        cookieDomain?: string;
-        cookieExpirationDate?: Date;
-        lookupCookie?: string;
-        lookupFromPathIndex?: number;
+    interface DetectorOptions {
+        /**
+         * order and from where user language should be detected
+         */
+        order?: Array<"querystring" | "cookie" | "localStorage" | "navigator" | "htmlTag" | string>;
+
+        /**
+         * keys or params to lookup language from
+         */
         lookupQuerystring?: string;
-        lookupSession?: string;
-        order?: Array<string>;
+        lookupCookie?: string;
+        lookupLocalStorage?: string;
+
+        /**
+         * cache user language on
+         */
+        caches?: string[];
+
+        /**
+         * languages to not persist (cookie, localStorage)
+         */
+        excludeCacheFor?: string[];
+
+        /**
+         * optional expire and domain for set cookie
+         * @default 10
+         */
+        cookieMinutes?: number;
+        cookieDomain?: string;
+
+        /**
+         * optional htmlTag with lang attribute
+         * @default document.documentElement
+         */
+        htmlTag?: HTMLElement;
     }
 
-    /**
-     * @summary Interface for custom detector.
-     * @interface
-     */
     interface CustomDetector {
         name: string;
-
-        //todo: Checks paramters type.
-        cacheUserLanguage: (lng: string, options: Object) => void;
-        lookup: (options: Object) => string;
-    }
-
-    /**
-     * @summary i18next options.
-     * @interface
-     */
-    interface I18nextOptions {
-        detection?: LanguageDetectorOptions;
-    }
-
-    /**
-     * @summary i18next interface.
-     * @interface
-     */
-    interface I18nextStatic {
-        use(module: LngDetector): I18nextStatic;
-    }
-
-    /**
-     * @summary i18next language detection.
-     * @class
-     */
-    class LngDetector {
-        /**
-         * @summary Constructor.
-         * @constructor
-         */
-        constructor(services?: any, options?: LanguageDetectorOptions);
-
-        /**
-         * @summary Adds detector.
-         * @param {CustomDetector} detector The custom detector.
-         */
-        addDetector(detector: CustomDetector): LngDetector;
-
-        /**
-         * @summary Initializes detector.
-         * @param {LanguageDetectorOptions} options The options.
-         */
-        init(options?: LanguageDetectorOptions): void;
+        cacheUserLanguage(lng: string, options: DetectorOptions): void;
+        lookup(options: DetectorOptions): string;
     }
 }
 
-declare module "i18next-browser-languagedetector" {
+declare class i18nextBrowserLanguageDetector {
+    constructor(services?: any, options?: i18nextBrowserLanguageDetector.DetectorOptions);
+    /**
+     * Adds detector.
+     */
+    addDetector(detector: i18nextBrowserLanguageDetector.CustomDetector): i18nextBrowserLanguageDetector;
 
-    export default i18nextBrowserLanguageDetector.LngDetector;
+    /**
+     * Initializes detector.
+     */
+    init(options?: i18nextBrowserLanguageDetector.DetectorOptions): void;
 }
+
+export = i18nextBrowserLanguageDetector;
diff --git a/types/i18next-browser-languagedetector/tsconfig.json b/types/i18next-browser-languagedetector/tsconfig.json
index 15c0de0371..eeb1bd7670 100644
--- a/types/i18next-browser-languagedetector/tsconfig.json
+++ b/types/i18next-browser-languagedetector/tsconfig.json
@@ -2,11 +2,12 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -19,4 +20,4 @@
         "index.d.ts",
         "i18next-browser-languagedetector-tests.ts"
     ]
-}
\ No newline at end of file
+}

From dc325f1c22876fb77fb796dc57e3d11d669469c4 Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <giedrius@quatrodev.com>
Date: Mon, 3 Jul 2017 16:26:11 +0300
Subject: [PATCH 089/274] Improved tests.

---
 .../i18next-browser-languagedetector-tests.ts                 | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
index 2fc57ce3de..1bf49387ca 100644
--- a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
+++ b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
@@ -29,12 +29,12 @@ i18next.use(LngDetector).init({
 const customDetector: LngDetector.CustomDetector = {
     name: "myDetectorsName",
 
-    lookup(options) {
+    lookup(options: LngDetector.DetectorOptions) {
         // options -> are passed in options
         return "en";
     },
 
-    cacheUserLanguage(lng, options) {
+    cacheUserLanguage(lng: string, options: LngDetector.DetectorOptions) {
         // options -> are passed in options
         // lng -> current language, will be called after init and on changeLanguage
 

From 1e66d37244efc206b2f361aac21e2e750137b0a4 Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <GiedriusGrabauskas@users.noreply.github.com>
Date: Mon, 3 Jul 2017 16:49:47 +0300
Subject: [PATCH 090/274] Create tslint.json

---
 types/i18next-xhr-backend/tslint.json | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 types/i18next-xhr-backend/tslint.json

diff --git a/types/i18next-xhr-backend/tslint.json b/types/i18next-xhr-backend/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/i18next-xhr-backend/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 331480463af62e74780c552a70088772bb08b37a Mon Sep 17 00:00:00 2001
From: Tim <tdhutt@gmail.com>
Date: Mon, 3 Jul 2017 15:16:56 +0100
Subject: [PATCH 091/274] Fix Leaflet #17685 - LayerGroup constructor

---
 types/leaflet/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/leaflet/index.d.ts b/types/leaflet/index.d.ts
index 80adf4bc3f..e8cda7dc91 100644
--- a/types/leaflet/index.d.ts
+++ b/types/leaflet/index.d.ts
@@ -683,7 +683,7 @@ declare namespace L {
      * added/removed on the map as well. Extends Layer.
      */
     class LayerGroup extends Layer {
-        constructor(layers: Layer[]);
+        constructor(layers?: Layer[]);
         /**
          * Returns a GeoJSON representation of the layer group (as a GeoJSON GeometryCollection, GeoJSONFeatureCollection or Multipoint).
          */

From 74443e2692f9a4309bcca4ed7d47f5dfeb6a2ae2 Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <giedrius@quatrodev.com>
Date: Mon, 3 Jul 2017 17:52:16 +0300
Subject: [PATCH 092/274] Updated types to 1.4.2.

---
 .../i18next-xhr-backend-tests.ts              | 34 ++++---
 types/i18next-xhr-backend/index.d.ts          | 96 +++++++++++++------
 types/i18next-xhr-backend/tsconfig.json       |  5 +-
 3 files changed, 93 insertions(+), 42 deletions(-)

diff --git a/types/i18next-xhr-backend/i18next-xhr-backend-tests.ts b/types/i18next-xhr-backend/i18next-xhr-backend-tests.ts
index 9c12809271..858b2b28f9 100644
--- a/types/i18next-xhr-backend/i18next-xhr-backend-tests.ts
+++ b/types/i18next-xhr-backend/i18next-xhr-backend-tests.ts
@@ -1,18 +1,30 @@
-import * as i18next from 'i18next';
-import XHR from 'i18next-xhr-backend';
+import * as i18next from "i18next";
+import * as XHR from "i18next-xhr-backend";
 
-let options = {
-    loadPath: '',
-    addPath: '',
+const options: XHR.BackendOptions = {
+    loadPath: "/locales/{{lng}}/{{ns}}.json",
+    addPath: "locales/add/{{lng}}/{{ns}}",
     allowMultiLoading: false,
-    parse: function(data:string) { return data.replace(/a/g, ''); },
+    parse: (data: string) => data.replace(/a/g, ""),
     crossDomain: false,
     withCredentials: false,
-    ajax: function (url:string, options:Object, callback: Function, data: Object) {}
+    ajax: (url: string, options: XHR.BackendOptions, callback: XHR.AjaxRequestCallback, data: {}) => { },
+    queryStringParams: { v: "1.3.5" }
 };
 
-i18next.use(XHR).init({
-    backend: options
-});
+i18next
+    .use(XHR)
+    .init({
+        backend: options
+    });
 
-let xhr = new XHR(null, options);
\ No newline at end of file
+const xhr = new XHR();
+xhr.init(options);
+const xhr2 = new XHR(null, options);
+const type: string = xhr.type;
+const newOptions: XHR.BackendOptions = xhr.options;
+xhr.create("en", "ns", "key", "value");
+xhr.create(["en", "us"], "ns", "key", "value");
+xhr.read("en", "ns", (error: any, result: string | false) => { });
+xhr.readMulti(["en"], ["ns"], (error: any, result: string | false) => { });
+xhr.loadUrl("someurl", (error: any, result: string) => { });
diff --git a/types/i18next-xhr-backend/index.d.ts b/types/i18next-xhr-backend/index.d.ts
index d1c95a0bd3..a3190ca878 100644
--- a/types/i18next-xhr-backend/index.d.ts
+++ b/types/i18next-xhr-backend/index.d.ts
@@ -1,36 +1,74 @@
-// Type definitions for i18next-xhr-backend 1.2.0
+// Type definitions for i18next-xhr-backend 1.4
 // Project: https://github.com/i18next/i18next-xhr-backend
-// Definitions by: Jan Mühlemann <https://github.com/jamuhl>
+// Definitions by: Jan Mühlemann <https://github.com/jamuhl>, Giedrius Grabauskas <https://github.com/GiedriusGrabauskas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-declare module 'i18next-xhr-backend' {
-
-    interface Interpolator {
-        interpolate: () => string
-    }
-    interface Services {
-        interpolator: Interpolator
-    }
+declare namespace I18NextXhrBackend {
+    type LoadPathOption = string | ((lngs: string[], namespaces: string[]) => string);
 
     interface BackendOptions {
-        loadPath?: string | Function,
-        addPath?:  string,
-        allowMultiLoading?: boolean,
-        parse?: Function,
-        crossDomain?: boolean,
-        withCredentials?: boolean,
-        ajax?: Function
+        /**
+         * path where resources get loaded from, or a function
+         * returning a path:
+         * function(lngs, namespaces) { return customPath; }
+         * the returned path will interpolate lng, ns if provided like giving a static path
+         */
+        loadPath?: LoadPathOption;
+        /**
+         * path to post missing resources
+         */
+        addPath?: string;
+        /**
+         * your backend server supports multiLoading
+         * locales/resources.json?lng=de+en&ns=ns1+ns2
+         * set loadPath: '/locales/resources.json?lng={{lng}}&ns={{ns}}' to adapt to multiLoading
+         */
+        allowMultiLoading?: boolean;
+        /**
+         * parse data after it has been fetched
+         * in example use https://www.npmjs.com/package/json5
+         * here it removes the letter a from the json (bad idea)
+         */
+        parse?(data: string): string;
+        /**
+         * allow cross domain requests
+         */
+        crossDomain?: boolean;
+        /**
+         * allow credentials on cross domain requests
+         */
+        withCredentials?: boolean;
+        /**
+         * define a custom xhr function
+         * can be used to support XDomainRequest in IE 8 and 9
+         */
+        ajax?(url: string, options: BackendOptions, callback: AjaxRequestCallback, data: {} | string, cache: boolean): void;
+        /**
+         * adds parameters to resource URL. 'example.com' -> 'example.com?v=1.3.5'
+         */
+        queryStringParams?: { [key: string]: string };
+
+        /**
+         * @see https://github.com/i18next/i18next-xhr-backend/blob/281c7e235e1157b33122adacef1957252e5700f1/src/ajax.js#L52
+         */
+        customHeaders?: { [key: string]: string };
     }
 
-    export default class Backend {
-        type: 'backend';
-        services: Services;
-        options: BackendOptions;
-        constructor(services?: Services, options?: BackendOptions);
-        init(services?: Services, options?: BackendOptions): void;
-        readMulti(languages: any[], namespaces: any[], callback: Function): void;
-        read(language: {}, namespace: {}, callback: Function): void;
-        loadUrl(url: string, callback: Function): void;
-        create(languages: any[], namespace: string, key: string, fallbackValue: string): void;
-    }
-}
\ No newline at end of file
+    type AjaxRequestCallback = (response: string, x: XMLHttpRequest) => void;
+
+    type LoadCallback = (error: any, result: string | false) => void;
+}
+
+declare class I18NextXhrBackend {
+    constructor(services?: any, options?: I18NextXhrBackend.BackendOptions);
+    init(options?: I18NextXhrBackend.BackendOptions): void;
+    readMulti(languages: string[], namespaces: string[], callback: I18NextXhrBackend.LoadCallback): void;
+    read(language: string, namespace: string, callback: I18NextXhrBackend.LoadCallback): void;
+    loadUrl(url: string, callback: I18NextXhrBackend.LoadCallback): void;
+    create(languages: string | string[], namespace: string, key: string, fallbackValue: string): void;
+    type: "backend";
+    services: any;
+    options: I18NextXhrBackend.BackendOptions;
+}
+
+export = I18NextXhrBackend;
diff --git a/types/i18next-xhr-backend/tsconfig.json b/types/i18next-xhr-backend/tsconfig.json
index 2b08241bb5..f6f93640ce 100644
--- a/types/i18next-xhr-backend/tsconfig.json
+++ b/types/i18next-xhr-backend/tsconfig.json
@@ -2,7 +2,8 @@
     "compilerOptions": {
         "module": "commonjs",
         "lib": [
-            "es6"
+            "es6",
+            "dom"
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
@@ -19,4 +20,4 @@
         "index.d.ts",
         "i18next-xhr-backend-tests.ts"
     ]
-}
\ No newline at end of file
+}

From 5c18eec588da990daec03c20adb25224ccafb057 Mon Sep 17 00:00:00 2001
From: Chet Husk <chusk3@gmail.com>
Date: Mon, 3 Jul 2017 09:55:50 -0500
Subject: [PATCH 093/274] defer to the implementation of  that we inherit from 
 instead of our own definition

---
 types/archiver/index.d.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/types/archiver/index.d.ts b/types/archiver/index.d.ts
index 1ceffb18f9..0dc91ec554 100644
--- a/types/archiver/index.d.ts
+++ b/types/archiver/index.d.ts
@@ -44,8 +44,6 @@ declare namespace archiver {
         glob(pattern: string, options?: glob.IOptions, data?: EntryData): this;
         finalize(): this;
 
-        pipe(stream: stream.Writable): void;
-
         setFormat(format: string): this;
         setModule(module: Function): this;
 

From 5536725f4b858964fb8805418ebc55f67016ed1e Mon Sep 17 00:00:00 2001
From: Chet Husk <chusk3@gmail.com>
Date: Mon, 3 Jul 2017 10:16:47 -0500
Subject: [PATCH 094/274] expose request_promise as a promise

---
 types/request-promise/index.d.ts | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/types/request-promise/index.d.ts b/types/request-promise/index.d.ts
index 393abacbe7..c1e5271de4 100644
--- a/types/request-promise/index.d.ts
+++ b/types/request-promise/index.d.ts
@@ -10,13 +10,8 @@ import errors = require('request-promise/errors');
 import Promise = require('bluebird');
 
 declare namespace requestPromise {
-    interface RequestPromise extends request.Request {
-        then<TResult>(onfulfilled?: (value: any) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => void | TResult | PromiseLike<TResult>): Promise<TResult>;
-        catch(onrejected?: (reason: any) => any | PromiseLike<any>): Promise<any>;
-        catch(type: errors.RequestErrorConstructor, onrejected?: (reason: errors.RequestError) => void): Promise<any>;
-        catch(type: errors.StatusCodeErrorConstructor, onrejected?: (reason: errors.StatusCodeError) => void): Promise<any>;
-        catch(type: errors.TransformErrorConstructor, onrejected?: (reason: errors.TransformError) => void): Promise<any>;
-        finally<TResult>(handler: () => TResult | PromiseLike<TResult>): Promise<any>;
+    type RequestAndPromise<T> = request.Request & Promise<T>;
+    interface RequestPromise extends RequestAndPromise<any> {
         promise(): Promise<any>;
         cancel(): void;
     }

From b6724976d6e71b72205acf6bc0cedb7b1b4e5bfc Mon Sep 17 00:00:00 2001
From: Chet Husk <chusk3@gmail.com>
Date: Mon, 3 Jul 2017 10:20:05 -0500
Subject: [PATCH 095/274] expose request-promise as a promise

---
 types/request-promise-native/index.d.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/types/request-promise-native/index.d.ts b/types/request-promise-native/index.d.ts
index e7d1e29cc1..0d68ba5ad3 100644
--- a/types/request-promise-native/index.d.ts
+++ b/types/request-promise-native/index.d.ts
@@ -8,11 +8,9 @@ declare module 'request-promise-native' {
     import http = require('http');
 
     namespace requestPromise {
-        interface RequestPromise extends request.Request {
-            then<TResult>(onfulfilled?: (value: any) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult> | void): Promise<TResult>;
-            catch(onrejected?: (reason: any) => any | PromiseLike<any> | void): Promise<any>;
+        type RequestAndPromise<T> = request.Request & Promise<T>
+        interface RequestPromise extends RequestAndPromise<any> {
             promise(): Promise<any>;
-            cancel(): void;
         }
 
         interface RequestPromiseOptions extends request.CoreOptions {

From 10023b50b7f29726fbb8605faed324570c1e6636 Mon Sep 17 00:00:00 2001
From: Chet Husk <chusk3@gmail.com>
Date: Mon, 3 Jul 2017 10:22:06 -0500
Subject: [PATCH 096/274] add missing method

---
 types/request-promise/index.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/request-promise/index.d.ts b/types/request-promise/index.d.ts
index c1e5271de4..0e8016d7ea 100644
--- a/types/request-promise/index.d.ts
+++ b/types/request-promise/index.d.ts
@@ -13,7 +13,6 @@ declare namespace requestPromise {
     type RequestAndPromise<T> = request.Request & Promise<T>;
     interface RequestPromise extends RequestAndPromise<any> {
         promise(): Promise<any>;
-        cancel(): void;
     }
 
     interface RequestPromiseOptions extends request.CoreOptions {

From e97075f1ea2c1177feda67660d291b0251434847 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 3 Jul 2017 11:53:14 -0400
Subject: [PATCH 097/274] [react-native] Correct signatures for Flatlist
 ListEmptyComponent, ListFooterComponent, ListHeaderComponent

---
 types/react-native/index.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index e1cc0daa3c..ed662e1c46 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3444,17 +3444,17 @@ export interface FlatListProperties<ItemT> extends ScrollViewProperties {
     /**
      * Rendered when the list is empty.
      */
-    ListEmptyComponent?: React.ComponentClass<any> | null
+    ListEmptyComponent?: React.ComponentClass<any> | React.ReactElement<any> | null
 
     /**
      * Rendered at the very end of the list.
      */
-    ListFooterComponent?: React.ComponentClass<any> | (() => React.ReactElement<any>) | null
+    ListFooterComponent?: React.ComponentClass<any> | React.ReactElement<any> | null
 
     /**
      * Rendered at the very beginning of the list.
      */
-    ListHeaderComponent?: React.ComponentClass<any> | (() => React.ReactElement<any>) | null
+    ListHeaderComponent?: React.ComponentClass<any> | React.ReactElement<any> | null
 
     /**
      * Optional custom style for multi-item rows generated when numColumns > 1

From 9ab3afa064b69ff1021acd80d47d9622976615cf Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 3 Jul 2017 12:02:07 -0400
Subject: [PATCH 098/274] [react-native] Add state type to React.Component
 generic

---
 types/react-native/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index e1cc0daa3c..5a3df6dcb7 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -336,7 +336,7 @@ export interface NativeMethodsMixinStatic {
     blur(): void;
 
     refs: {
-        [key: string]: React.Component<any>
+        [key: string]: React.Component<any, any>
     };
 }
 
@@ -8858,7 +8858,7 @@ export function requireNativeComponent<P>(
     extraConfig?: {nativeOnly?: any}
 ): React.ComponentClass<P>;
 
-export function findNodeHandle(componentOrHandle: null | number | React.Component<any> | React.ComponentClass<any>): null | number;
+export function findNodeHandle(componentOrHandle: null | number | React.Component<any, any> | React.ComponentClass<any>): null | number;
 
 export function processColor(color: any): number;
 

From 6811cc74cbe3004a8d64cf1c5a82545e73f416eb Mon Sep 17 00:00:00 2001
From: Chris Eppstein <chris@eppsteins.net>
Date: Mon, 3 Jul 2017 09:29:47 -0700
Subject: [PATCH 099/274] Add linting to webpack-sources.

---
 types/webpack-sources/index.d.ts               | 17 ++++++++---------
 types/webpack-sources/tslint.json              |  1 +
 types/webpack-sources/webpack-sources-tests.ts |  7 +++----
 3 files changed, 12 insertions(+), 13 deletions(-)
 create mode 100644 types/webpack-sources/tslint.json

diff --git a/types/webpack-sources/index.d.ts b/types/webpack-sources/index.d.ts
index 245e251a7f..548c381978 100644
--- a/types/webpack-sources/index.d.ts
+++ b/types/webpack-sources/index.d.ts
@@ -1,15 +1,14 @@
-// Type definitions for webpack-sources v0.1.2
+// Type definitions for webpack-sources 0.1
 // Project: https://github.com/webpack/webpack-sources
 // Definitions by: e-cloud <http://github.com/e-cloud>
+//                 Chris Eppstein <http://github.com/chriseppstein>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="source-map" />
-/// <reference types="source-list-map" />
 /// <reference types="node" />
 
-import { Hash } from 'crypto'
-import { SourceNode, RawSourceMap, SourceMapGenerator } from 'source-map'
-import { SourceListMap } from 'source-list-map'
+import { Hash } from 'crypto';
+import { SourceNode, RawSourceMap, SourceMapGenerator } from 'source-map';
+import { SourceListMap } from 'source-list-map';
 
 export abstract class Source {
     size(): number;
@@ -32,7 +31,7 @@ export abstract class Source {
     listMap(options?: any): any;
 }
 
-interface SourceAndMapMixin {
+export interface SourceAndMapMixin {
     map(options: { columns?: boolean }): RawSourceMap;
     sourceAndMap(options: { columns?: boolean }): {
         source: string;
@@ -67,9 +66,9 @@ export class CachedSource {
 }
 
 export class ConcatSource extends Source implements SourceAndMapMixin {
-    children: (string | Source)[];
+    children: Array<(string | Source)>;
 
-    constructor(...args: (string | Source)[]);
+    constructor(...args: Array<(string | Source)>);
 
     add(item: string | Source): void;
 
diff --git a/types/webpack-sources/tslint.json b/types/webpack-sources/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/webpack-sources/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }
diff --git a/types/webpack-sources/webpack-sources-tests.ts b/types/webpack-sources/webpack-sources-tests.ts
index 16c915516b..760fbc6d4b 100644
--- a/types/webpack-sources/webpack-sources-tests.ts
+++ b/types/webpack-sources/webpack-sources-tests.ts
@@ -7,9 +7,8 @@ import {
     ReplaceSource,
     OriginalSource,
     SourceMapSource,
-
 } from 'webpack-sources';
-import { RawSourceMap } from 'source-map'
+import { RawSourceMap } from 'source-map';
 
 const s1 = new OriginalSource('a', 'b');
 
@@ -19,8 +18,8 @@ const s3 = new ConcatSource('a', 'b', s1);
 
 const s4 = new RawSource('hey');
 
-const a = {} as RawSourceMap
-const b = {} as RawSourceMap
+const a = {} as RawSourceMap;
+const b = {} as RawSourceMap;
 
 const s5 = new LineToLineMappedSource('a', 'v', 'c');
 const s6 = new PrefixSource(s4, s5);

From 366a37cd317f211a2d706461170e4082a45252f1 Mon Sep 17 00:00:00 2001
From: Deividas Bakanas <deividas@quatrodev.com>
Date: Mon, 3 Jul 2017 20:17:34 +0300
Subject: [PATCH 100/274] ReactSwipe types added.

---
 types/react-swipe/index.d.ts    | 34 +++++++++++++++++++++++++++++++++
 types/react-swipe/tsconfig.json | 25 ++++++++++++++++++++++++
 types/react-swipe/tslint.json   |  1 +
 3 files changed, 60 insertions(+)
 create mode 100644 types/react-swipe/index.d.ts
 create mode 100644 types/react-swipe/tsconfig.json
 create mode 100644 types/react-swipe/tslint.json

diff --git a/types/react-swipe/index.d.ts b/types/react-swipe/index.d.ts
new file mode 100644
index 0000000000..304db816d2
--- /dev/null
+++ b/types/react-swipe/index.d.ts
@@ -0,0 +1,34 @@
+// Type definitions for react-swipe 5.0
+// Project: https://github.com/voronianski/react-swipe
+// Definitions by: Deividas Bakanas <https://github.com/DeividasBakanas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="swipe" />
+
+import * as React from "react";
+
+declare class ReactSwipe extends React.Component<ReactSwipe.Props, {}> {
+    prev(): void;
+    next(): void;
+    getPos(): number;
+    getNumSlides(): number;
+    slide(index: number, duration: number): void;
+}
+
+declare namespace ReactSwipe {
+    interface Style {
+        container: React.CSSProperties;
+        wrapper: React.CSSProperties;
+        child: React.CSSProperties;
+    }
+
+    interface Props {
+        id?: string;
+        swipeOptions?: SwipeOptions;
+        style?: Style;
+        className?: string;
+    }
+}
+
+export = ReactSwipe;
diff --git a/types/react-swipe/tsconfig.json b/types/react-swipe/tsconfig.json
new file mode 100644
index 0000000000..304ae7e451
--- /dev/null
+++ b/types/react-swipe/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [
+        ],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-swipe-tests.tsx"
+    ]
+}
diff --git a/types/react-swipe/tslint.json b/types/react-swipe/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-swipe/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 031688dbfce4491fb744240c52609636c7649140 Mon Sep 17 00:00:00 2001
From: Deividas Bakanas <deividas@quatrodev.com>
Date: Mon, 3 Jul 2017 20:17:49 +0300
Subject: [PATCH 101/274] ReactSwipe tests added.

---
 types/react-swipe/react-swipe-tests.tsx | 75 +++++++++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 types/react-swipe/react-swipe-tests.tsx

diff --git a/types/react-swipe/react-swipe-tests.tsx b/types/react-swipe/react-swipe-tests.tsx
new file mode 100644
index 0000000000..fed2c2d3b5
--- /dev/null
+++ b/types/react-swipe/react-swipe-tests.tsx
@@ -0,0 +1,75 @@
+import * as React from "react";
+import * as ReactSwipe from "react-swipe";
+
+class ReactSwipeTest extends React.PureComponent {
+    private swipeComponent: ReactSwipe | null = null;
+
+    private onPrev: React.MouseEventHandler<HTMLButtonElement> = () => {
+        if (this.swipeComponent != null) {
+            this.swipeComponent.prev();
+        }
+    }
+
+    private onNext: React.MouseEventHandler<HTMLButtonElement> = () => {
+        if (this.swipeComponent != null) {
+            this.swipeComponent.next();
+        }
+    }
+
+    private onSlideToStart: React.MouseEventHandler<HTMLButtonElement> = () => {
+        if (this.swipeComponent != null) {
+            const lastSlide = this.swipeComponent.getNumSlides() - 1;
+            this.swipeComponent.slide(lastSlide, 1000);
+        }
+    }
+
+    private onGetCurrentPosition: React.MouseEventHandler<HTMLButtonElement> = () => {
+        let currentPosition: number;
+
+        if (this.swipeComponent != null) {
+            currentPosition = this.swipeComponent.getPos();
+        } else {
+            currentPosition = 0;
+        }
+
+        alert(currentPosition);
+    }
+
+    render() {
+        const swipeOptions: SwipeOptions = {
+            auto: 12,
+            disableScroll: true,
+            stopPropagation: true
+        };
+
+        const style: ReactSwipe.Style = {
+            child: {
+                backgroundColor: "yellow"
+            },
+            container: {
+                backgroundColor: "green"
+            },
+            wrapper: {
+                backgroundColor: "red"
+            }
+        };
+
+        return <div>
+            <ReactSwipe
+                className="carousel"
+                id="test-carousel"
+                swipeOptions={swipeOptions}
+                style={style}
+                ref={(swipeComponent) => { this.swipeComponent = swipeComponent; }}
+            >
+                <div>PANE 1</div>
+                <div>PANE 2</div>
+                <div>PANE 3</div>
+            </ReactSwipe>
+            <button onClick={this.onPrev}>Prev</button>
+            <button onClick={this.onNext}>Next</button>
+            <button onClick={this.onSlideToStart}>Slide to end</button>
+            <button onClick={this.onGetCurrentPosition}>Get current position</button>
+        </div>;
+    }
+}

From 22ae612c3b72a3b86eede8e0f5e4fa43f9f4a84e Mon Sep 17 00:00:00 2001
From: Chet Husk <chusk3@gmail.com>
Date: Mon, 3 Jul 2017 13:39:03 -0500
Subject: [PATCH 102/274] more succint syntax

---
 types/request-promise-native/index.d.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/types/request-promise-native/index.d.ts b/types/request-promise-native/index.d.ts
index 0d68ba5ad3..151120dcd4 100644
--- a/types/request-promise-native/index.d.ts
+++ b/types/request-promise-native/index.d.ts
@@ -8,8 +8,7 @@ declare module 'request-promise-native' {
     import http = require('http');
 
     namespace requestPromise {
-        type RequestAndPromise<T> = request.Request & Promise<T>
-        interface RequestPromise extends RequestAndPromise<any> {
+        interface RequestPromise extends request.Request, Promise<any> {
             promise(): Promise<any>;
         }
 

From 1f3f0edede335f5cc302087acd2e3a08a5146bcf Mon Sep 17 00:00:00 2001
From: Chet Husk <chusk3@gmail.com>
Date: Mon, 3 Jul 2017 13:39:44 -0500
Subject: [PATCH 103/274] use more succinct syntax

---
 types/request-promise/index.d.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/types/request-promise/index.d.ts b/types/request-promise/index.d.ts
index 0e8016d7ea..6df644e0bc 100644
--- a/types/request-promise/index.d.ts
+++ b/types/request-promise/index.d.ts
@@ -10,8 +10,7 @@ import errors = require('request-promise/errors');
 import Promise = require('bluebird');
 
 declare namespace requestPromise {
-    type RequestAndPromise<T> = request.Request & Promise<T>;
-    interface RequestPromise extends RequestAndPromise<any> {
+    interface RequestPromise extends request.Request, Promise<any> {
         promise(): Promise<any>;
     }
 

From 2b525047034b8af3f4b3d9a8bc19bd57a172d0b5 Mon Sep 17 00:00:00 2001
From: Andreas Krohn <andreas.krohn@kraftvaerk.com>
Date: Mon, 3 Jul 2017 20:42:05 +0200
Subject: [PATCH 104/274] Added missing callbacks

---
 types/swiper/index.d.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/types/swiper/index.d.ts b/types/swiper/index.d.ts
index e16c7d5cc5..efd2c591d8 100644
--- a/types/swiper/index.d.ts
+++ b/types/swiper/index.d.ts
@@ -193,6 +193,10 @@ interface SwiperOptions {
     onLazyImageLoad?(swiper: Swiper, slide: any, image: any): void;
     onLazyImageReady?(swiper: Swiper, slide: any, image: any): void;
     onPaginationRendered?(swiper: Swiper, paginationContainer: any): void;
+    onScroll?(swiper: Swiper, event: Event): void;
+    onBeforeResize?(swiper: Swiper): void;
+    onAfterResize?(swiper: Swiper): void;
+    onKeyPress?(swiper: Swiper, kc: any): void;
 
     // Namespace
     slideClass?: string;

From a99764c7698d264a1212f734e319d35e024a779e Mon Sep 17 00:00:00 2001
From: Andreas Krohn <andreas.krohn@kraftvaerk.com>
Date: Mon, 3 Jul 2017 20:42:26 +0200
Subject: [PATCH 105/274] Added `virtualSize` as property

---
 types/swiper/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/swiper/index.d.ts b/types/swiper/index.d.ts
index efd2c591d8..f79c4ce7ca 100644
--- a/types/swiper/index.d.ts
+++ b/types/swiper/index.d.ts
@@ -241,6 +241,7 @@ declare class Swiper {
     height: number;
     params: any;
     positions: any;
+    virtualSize: number;
 
     // Feature detection
     support: {

From 87b1ae55d98ee50098507a77076273dd1e5bec22 Mon Sep 17 00:00:00 2001
From: Andreas Krohn <andreas.krohn@kraftvaerk.com>
Date: Mon, 3 Jul 2017 20:55:57 +0200
Subject: [PATCH 106/274] Added wrapper property

---
 types/swiper/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/swiper/index.d.ts b/types/swiper/index.d.ts
index f79c4ce7ca..57edc39a61 100644
--- a/types/swiper/index.d.ts
+++ b/types/swiper/index.d.ts
@@ -241,6 +241,7 @@ declare class Swiper {
     height: number;
     params: any;
     positions: any;
+    wrapper: any;
     virtualSize: number;
 
     // Feature detection

From e5f1296ee484544c0096b9f0b7d0466b9477566e Mon Sep 17 00:00:00 2001
From: Nate Silva <nate@natesilva.com>
Date: Mon, 3 Jul 2017 13:15:50 -0700
Subject: [PATCH 107/274] support `timestamps` option on
 `AssociationOptionsBelongsToMany`

as documented at http://docs.sequelizejs.com/class/lib/model.js~Model.html#static-method-belongsToMany
---
 types/sequelize/index.d.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/types/sequelize/index.d.ts b/types/sequelize/index.d.ts
index c227e13d55..88296b8215 100644
--- a/types/sequelize/index.d.ts
+++ b/types/sequelize/index.d.ts
@@ -1355,6 +1355,11 @@ declare namespace sequelize {
          */
         otherKey?: string | AssociationForeignKeyOptions;
 
+        /**
+         * Should the join model have timestamps
+         */
+        timestamps?: boolean;
+
     }
 
     /**

From 5f081bc7b48cce8d6947b96c0c9c1d88e456c5b4 Mon Sep 17 00:00:00 2001
From: Chris Krycho <chris@chriskrycho.com>
Date: Mon, 3 Jul 2017 17:42:47 -0400
Subject: [PATCH 108/274] Add `onerror` and `runInDebug` to Ember typings.

---
 types/ember/index.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/ember/index.d.ts b/types/ember/index.d.ts
index 07a8a0d54f..41f8fe6d45 100644
--- a/types/ember/index.d.ts
+++ b/types/ember/index.d.ts
@@ -2449,6 +2449,7 @@ declare namespace Ember {
     function observersFor(obj: any, path: string): any[];
     function onLoad(name: string, callback: Function): void;
     const onError: Error;
+    function onerror(error: any): void;
     function overrideChains(obj: any, keyName: string, m: any): boolean;
     // ReSharper disable once DuplicatingLocalDeclaration
     const platform: {
@@ -2480,6 +2481,7 @@ declare namespace Ember {
         throttle(target: any, method: Function | string, ...args: any[]): void;
         queues: any[];
     };
+    function runInDebug(fn: Function): void;
     function runLoadHooks(name: string, object: any): void;
     function sendEvent(obj: any, eventName: string, params?: any[], actions?: any[]): boolean;
     function set(obj: any, keyName: string, value: any): any;

From 17ba3894e6b6d7cd47a8c9c9240c0345042da78a Mon Sep 17 00:00:00 2001
From: york yao <yaoao12306@outlook.com>
Date: Tue, 4 Jul 2017 08:00:07 +0800
Subject: [PATCH 109/274] add types of pretty-bytes

---
 types/pretty-bytes/index.d.ts            |  8 ++++++++
 types/pretty-bytes/pretty-bytes-tests.ts |  7 +++++++
 types/pretty-bytes/tsconfig.json         | 22 ++++++++++++++++++++++
 types/pretty-bytes/tslint.json           |  3 +++
 4 files changed, 40 insertions(+)
 create mode 100644 types/pretty-bytes/index.d.ts
 create mode 100644 types/pretty-bytes/pretty-bytes-tests.ts
 create mode 100644 types/pretty-bytes/tsconfig.json
 create mode 100644 types/pretty-bytes/tslint.json

diff --git a/types/pretty-bytes/index.d.ts b/types/pretty-bytes/index.d.ts
new file mode 100644
index 0000000000..7cd856b4f5
--- /dev/null
+++ b/types/pretty-bytes/index.d.ts
@@ -0,0 +1,8 @@
+// Type definitions for pretty-bytes 4.0
+// Project: https://github.com/sindresorhus/pretty-bytes
+// Definitions by: York Yao <https://github.com/plantain-00>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare function prettyBytes(bytes: number): string;
+export = prettyBytes;
+declare namespace prettyBytes { }
diff --git a/types/pretty-bytes/pretty-bytes-tests.ts b/types/pretty-bytes/pretty-bytes-tests.ts
new file mode 100644
index 0000000000..71745d9a1b
--- /dev/null
+++ b/types/pretty-bytes/pretty-bytes-tests.ts
@@ -0,0 +1,7 @@
+import prettyBytes = require('pretty-bytes');
+
+prettyBytes(1337);
+// => '1.34 kB'
+
+prettyBytes(100);
+// => '100 B'
diff --git a/types/pretty-bytes/tsconfig.json b/types/pretty-bytes/tsconfig.json
new file mode 100644
index 0000000000..1f040dc3ac
--- /dev/null
+++ b/types/pretty-bytes/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "pretty-bytes-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/pretty-bytes/tslint.json b/types/pretty-bytes/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/pretty-bytes/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From 2c305960e77de01330702ccf75904b1839e3c794 Mon Sep 17 00:00:00 2001
From: Matheus Salmi <mathsalmi@gmail.com>
Date: Mon, 3 Jul 2017 21:42:35 -0300
Subject: [PATCH 110/274] Add type definitions for express-flash-2

---
 .../express-flash-2/express-flash-2-tests.ts  |  3 +
 types/express-flash-2/index.d.ts              | 55 +++++++++++++++++++
 types/express-flash-2/tsconfig.json           | 22 ++++++++
 types/express-flash-2/tslint.json             |  1 +
 4 files changed, 81 insertions(+)
 create mode 100644 types/express-flash-2/express-flash-2-tests.ts
 create mode 100644 types/express-flash-2/index.d.ts
 create mode 100644 types/express-flash-2/tsconfig.json
 create mode 100644 types/express-flash-2/tslint.json

diff --git a/types/express-flash-2/express-flash-2-tests.ts b/types/express-flash-2/express-flash-2-tests.ts
new file mode 100644
index 0000000000..f2578882df
--- /dev/null
+++ b/types/express-flash-2/express-flash-2-tests.ts
@@ -0,0 +1,3 @@
+import flash from "express-flash-2";
+
+flash();
\ No newline at end of file
diff --git a/types/express-flash-2/index.d.ts b/types/express-flash-2/index.d.ts
new file mode 100644
index 0000000000..578dd4aff3
--- /dev/null
+++ b/types/express-flash-2/index.d.ts
@@ -0,0 +1,55 @@
+// Type definitions for express-flash-2 1.0.1
+// Project: https://github.com/jack2gs/express-flash-2
+// Definitions by: Matheus Salmi <https://github.com/mathsalmi/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace Express {
+    export interface Request {
+        session?: Session;
+    }
+
+    export interface Session {
+        flash: Flash;
+    }
+
+    export interface Flash {
+        [key: string]: any[]
+    }
+
+    export interface Response {
+        /**
+         * Queue flash `msg` of the given `type`.
+         *
+         * Examples:
+         *
+         *      req.flash('info', 'email sent');
+         *      req.flash('error', 'email delivery failed');
+         *      req.flash('info', 'email re-sent');
+         *
+         *
+         * Formatting:
+         *
+         * Flash notifications also support arbitrary formatting support.
+         * For example you may pass variable arguments to `req.flash()`
+         * and use the %s specifier to be replaced by the associated argument:
+         *
+         *     req.flash('info', 'email has been sent to %s.', userName);
+         *
+         * Formatting uses `util.format()`, which is available on Node 0.6+.
+         */
+        flash(type: string, msg: string | any[]): void;
+
+        locals: {
+            flash: Flash
+        }
+    }
+}
+
+declare module 'express-flash-2' {
+    import express = require('express');
+
+    /**
+     * Expose `flash()` function on responses.
+     */
+    export default function flash(): express.RequestHandler;
+}
\ No newline at end of file
diff --git a/types/express-flash-2/tsconfig.json b/types/express-flash-2/tsconfig.json
new file mode 100644
index 0000000000..79fba18d61
--- /dev/null
+++ b/types/express-flash-2/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "express-flash-2-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/express-flash-2/tslint.json b/types/express-flash-2/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/express-flash-2/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 2ae141e0d29f7018be284e66a309d4d738d72ff8 Mon Sep 17 00:00:00 2001
From: Matheus Salmi <mathsalmi@gmail.com>
Date: Mon, 3 Jul 2017 23:18:53 -0300
Subject: [PATCH 111/274] Fix lint problems

---
 .../express-flash-2/express-flash-2-tests.ts  |  2 +-
 types/express-flash-2/index.d.ts              | 20 ++++++++++---------
 types/express-flash-2/tslint.json             |  9 ++++++++-
 3 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/types/express-flash-2/express-flash-2-tests.ts b/types/express-flash-2/express-flash-2-tests.ts
index f2578882df..055501d9ff 100644
--- a/types/express-flash-2/express-flash-2-tests.ts
+++ b/types/express-flash-2/express-flash-2-tests.ts
@@ -1,3 +1,3 @@
 import flash from "express-flash-2";
 
-flash();
\ No newline at end of file
+flash();
diff --git a/types/express-flash-2/index.d.ts b/types/express-flash-2/index.d.ts
index 578dd4aff3..5c8960277f 100644
--- a/types/express-flash-2/index.d.ts
+++ b/types/express-flash-2/index.d.ts
@@ -1,22 +1,22 @@
-// Type definitions for express-flash-2 1.0.1
+// Type definitions for express-flash-2 1.0
 // Project: https://github.com/jack2gs/express-flash-2
 // Definitions by: Matheus Salmi <https://github.com/mathsalmi/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare namespace Express {
-    export interface Request {
+    interface Request {
         session?: Session;
     }
 
-    export interface Session {
+    interface Session {
         flash: Flash;
     }
 
-    export interface Flash {
-        [key: string]: any[]
+    interface Flash {
+        [key: string]: any[];
     }
 
-    export interface Response {
+    interface Response {
         /**
          * Queue flash `msg` of the given `type`.
          *
@@ -41,7 +41,7 @@ declare namespace Express {
 
         locals: {
             flash: Flash
-        }
+        };
     }
 }
 
@@ -51,5 +51,7 @@ declare module 'express-flash-2' {
     /**
      * Expose `flash()` function on responses.
      */
-    export default function flash(): express.RequestHandler;
-}
\ No newline at end of file
+    function flash(): express.RequestHandler;
+
+    export = flash;
+}
diff --git a/types/express-flash-2/tslint.json b/types/express-flash-2/tslint.json
index 3db14f85ea..949f3563fd 100644
--- a/types/express-flash-2/tslint.json
+++ b/types/express-flash-2/tslint.json
@@ -1 +1,8 @@
-{ "extends": "dtslint/dt.json" }
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+      "no-single-declare-module": false,
+      "strict-export-declare-modifiers": false,
+      "expect": false
+    }
+}

From d3ceda3ede89ef9cab4e9655e92b5a1fddafaa5f Mon Sep 17 00:00:00 2001
From: tyler <tyler@implustech.com>
Date: Tue, 4 Jul 2017 12:33:14 +0800
Subject: [PATCH 112/274] Add  and  to  for kafka-node

---
 types/kafka-node/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/kafka-node/index.d.ts b/types/kafka-node/index.d.ts
index 89261a3c4d..06464d5602 100644
--- a/types/kafka-node/index.d.ts
+++ b/types/kafka-node/index.d.ts
@@ -6,7 +6,7 @@
 
 // # Classes
 export declare class Client {
-    constructor(connectionString: string, clientId?: string, options?: ZKOptions);
+    constructor(connectionString: string, clientId?: string, options?: ZKOptions, noBatchOptions?: AckBatchOptions, sslOptions?: any);
     close(callback?: Function): void;
     topicExists(topics: Array<string>, callback: Function): void;
     refreshMetadata(topics: Array<string>, cb?: (error: any, data: any) => any): void;

From 47379b6753d659c1ba268943b69bf299ec2d1cf6 Mon Sep 17 00:00:00 2001
From: tyler <tyler@implustech.com>
Date: Tue, 4 Jul 2017 12:40:23 +0800
Subject: [PATCH 113/274] Update kafka-node tests to add `noAckBatchOptions`
 and `sslOptions`

---
 types/kafka-node/kafka-node-tests.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/types/kafka-node/kafka-node-tests.ts b/types/kafka-node/kafka-node-tests.ts
index 557c40de8c..a348c8f771 100644
--- a/types/kafka-node/kafka-node-tests.ts
+++ b/types/kafka-node/kafka-node-tests.ts
@@ -6,6 +6,11 @@ var optionsClient = new kafka.Client('localhost:2181/', 'sendMessage', {
     sessionTimeout: 30000,
     spinDelay: 1000,
     retries: 0
+}, {
+  noAckBatchSize: 1000,
+  noAckBatchAge: 1000 * 10
+}, {
+  rejectUnauthorized: false
 });
 optionsClient.close();
 optionsClient.close(function(){});

From bcbfa11844b0b28fb82f27b6baf5962bad8516b1 Mon Sep 17 00:00:00 2001
From: Ben Bayard <bjbayard@gmail.com>
Date: Mon, 3 Jul 2017 22:01:17 -0700
Subject: [PATCH 114/274] Add initial types for Postmark

---
 types/postmark/index.d.ts        | 215 +++++++++++++++++++++++++++++++
 types/postmark/postmark-tests.ts |  61 +++++++++
 types/postmark/tsconfig.json     |  22 ++++
 types/postmark/tslint.json       |   1 +
 4 files changed, 299 insertions(+)
 create mode 100644 types/postmark/index.d.ts
 create mode 100644 types/postmark/postmark-tests.ts
 create mode 100644 types/postmark/tsconfig.json
 create mode 100644 types/postmark/tslint.json

diff --git a/types/postmark/index.d.ts b/types/postmark/index.d.ts
new file mode 100644
index 0000000000..a78e7d4542
--- /dev/null
+++ b/types/postmark/index.d.ts
@@ -0,0 +1,215 @@
+// Type definitions for postmark 1.3
+// Project: http://wildbit.github.io/postmark.js
+// Definitions by: Ben Bayard <https://github.com/benbayard>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface PostmarkError {
+    status: number;
+    message: string;
+    code: number;
+}
+
+interface PostmarkMessageHeader {
+    Name: string;
+    Value: string;
+}
+
+interface PostmarkAttachment {
+    Content: string;
+    Name: string;
+    ContentType: string;
+}
+
+interface Filter {
+    count: number;
+    offset: number;
+}
+
+interface PostmarkMessageWithTemplate {
+    To: string;
+    From: string;
+    Cc?: string;
+    Bcc?: string;
+    ReplyTo?: string;
+    TemplateId?: string;
+    TemplateModel?: any;
+    Tag?: string;
+    Subject?: string;
+    TrackOpens?: boolean;
+    TrackLinks?: string;
+    Headers?: PostmarkMessageHeader[];
+}
+
+interface PostmarkMessage {
+    To: string;
+    From: string;
+    Cc?: string;
+    Bcc?: string;
+    ReplyTo?: string;
+    Tag?: string;
+    Subject?: string;
+    HTMLBody?: string;
+    TextBody?: string;
+    TrackOpens?: boolean;
+    TrackLinks?: string;
+    Headers?: PostmarkMessageHeader[];
+    Attachments?: PostmarkAttachment[];
+}
+
+interface Sender {
+    Color: string;
+    RawEmailEnabled: boolean;
+    SmtpApiActivated: boolean;
+    DeliveryHookUrl: string;
+    InboundHookUrl: string;
+    BounceHookUrl: boolean;
+    IncludeBounceContentInHook: boolean;
+    OpenHookUrl: boolean;
+    PostFirstOpenOnly: boolean;
+    TrackOpens: boolean;
+    TrackLinks: string;
+    InboundDomain: string;
+    InboundSpamThreshold: number;
+}
+
+interface TemplateValidator<T extends object> {
+    Subject: string;
+    HtmlBody: string;
+    TextBody: string;
+    TestRenderModel?: T;
+    InlineCssForHtmlTestRender?: boolean;
+}
+
+type PostmarkCallback<T extends object = any> = ((e: PostmarkError, ret: T) => void) | undefined;
+
+interface SimpleOptions {
+    ssl: boolean;
+    requestHost: string;
+}
+
+interface Options extends SimpleOptions {
+    requestFactory(
+        options: SimpleOptions
+    ): (
+        path?: string,
+        type?: string,
+        content?: PostmarkMessage,
+        callback?: PostmarkCallback
+    ) => any;
+}
+
+declare class Client {
+    constructor(serverKey: string, options: Partial<Options>);
+    send(message: PostmarkMessage, callback: PostmarkCallback): void;
+    sendEmailWithTemplate(
+        message: PostmarkMessageWithTemplate,
+        callback: PostmarkCallback
+    ): void;
+    batch(message: PostmarkMessage[], callback: PostmarkCallback): void;
+    sendEmail(message: PostmarkMessage, callback: PostmarkCallback): void;
+    sendEmailBatch(message: PostmarkMessage[], callback: PostmarkCallback): void;
+    getDeliveryStatistics(callback: PostmarkCallback): void;
+    getBounces(filter: Partial<Filter>, callback: PostmarkCallback): void;
+    getBounce(id: number, callback: PostmarkCallback): void;
+    getBounceDump(id: number, callback: PostmarkCallback): void;
+    activateBounce(id: number, callback: PostmarkCallback): void;
+    getBounceTags(callback: PostmarkCallback): void;
+    getServer(callback: PostmarkCallback): void;
+    editServer<T extends keyof Sender>(options: Pick<Sender, T>, callback: PostmarkCallback): void;
+    getOutboundMessages(filter: Partial<Filter>, callback: PostmarkCallback): void;
+    getOutboundMessageDetails(id: number, callback: PostmarkCallback): void;
+    getMessageOpens(filter: Partial<Filter>, callback: PostmarkCallback): void;
+    getMessageOpensForSingleMessage(id: number, filter: Partial<Filter>, callback: PostmarkCallback): void;
+    getInboundMessages(filter: Partial<Filter>, callback: PostmarkCallback): void;
+    getInboundMessageDetails(id: number, callback: PostmarkCallback): void;
+    bypassBlockedInboundMessage(id: number, callback: PostmarkCallback): void;
+    retryInboundHookForMessage(id: number, callback: PostmarkCallback): void;
+    getOuboundOverview(filter: Partial<Filter>, callback: PostmarkCallback): void;
+    validateTemplate<T extends object>(templateObject: TemplateValidator<T>, callback: PostmarkCallback): void;
+}
+
+interface CreateSignature {
+    FromEmail: string;
+    Name: string;
+    ReplyToEmail?: string;
+    ReturnPathDomain?: string;
+}
+
+interface CreateServer {
+    Name: string;
+    Color?: string;
+    RawEmailEnabled?: boolean;
+    SmtpApiActivated?: boolean;
+    DeliveryHookUrl?: string;
+    InboundHookUrl?: string;
+    BounceHookUrl?: string;
+    IncludeBounceContentInHook?: boolean;
+    OpenHookUrl?: string;
+    PostFirstOpenOnly?: boolean;
+    TrackOpens?: boolean;
+    TrackLinks?: string;
+    InboundDomain?: string;
+    InboundSpamThreshold?: number;
+}
+
+interface CreateDomain {
+    Name: string;
+    ReturnPathDomain?: string;
+}
+
+declare class AdminClient {
+    constructor(apiKey: string, options: Partial<Options>);
+    listSenderSignatures(query: Partial<Filter>, callback: PostmarkCallback): void;
+    createSenderSignature(options: CreateSignature, callback: PostmarkCallback): void;
+    editSenderSignature<T extends keyof CreateSignature>(
+        id: number,
+        options: Partial<Pick<CreateSignature, T>>,
+        callback: PostmarkCallback
+    ): void;
+    deleteSenderSignature(id: number, callback: PostmarkCallback): void;
+    resendSenderSignatureConfirmation(id: number, callback: PostmarkCallback): void;
+    verifySenderSignatureSPF(id: number, callback: PostmarkCallback): void;
+    requestNewDKIMForSenderSignature(id: number, callback: PostmarkCallback): void;
+    getServer(id: number, callback: PostmarkCallback): void;
+    createServer(options: CreateServer, callback: PostmarkCallback): void;
+    editServer<T extends keyof CreateServer>(
+        id: number,
+        options: Pick<CreateServer, T>,
+        callback: PostmarkCallback
+    ): void;
+    deleteServer(id: number, callback: PostmarkCallback): void;
+    listServers(query: Partial<Filter>, callback: PostmarkCallback): void;
+    listDomains(query: Partial<Filter>, callback: PostmarkCallback): void;
+    getDomain(id: number, callback: PostmarkCallback): void;
+    createDomain(
+        options: CreateDomain,
+        callback: PostmarkCallback
+    ): void;
+    editDomain<T extends keyof CreateDomain>(
+        id: number,
+        options: Pick<CreateDomain, T>,
+        callback: PostmarkCallback
+    ): void;
+    deleteDomain(id: number, callback: PostmarkCallback): void;
+    verifyDomainSPF(id: number, callback: PostmarkCallback): void;
+    rotateDKIMForDomain(id: number, callback: PostmarkCallback): void;
+}
+
+interface ClientClass {
+    new(serverKey: string, options: Partial<Options>): Client;
+}
+
+interface AdminClientClass {
+    new(apiKey: string, options: Partial<Options>): AdminClient;
+}
+
+interface Postmark {
+    (apiKey: string, options: Partial<Options>): void;
+    defaults: Options;
+    Client: ClientClass;
+    AdminClient: AdminClientClass;
+}
+
+declare var postmark: Postmark;
+
+export = postmark;
diff --git a/types/postmark/postmark-tests.ts b/types/postmark/postmark-tests.ts
new file mode 100644
index 0000000000..451b0051f4
--- /dev/null
+++ b/types/postmark/postmark-tests.ts
@@ -0,0 +1,61 @@
+import postmark = require('postmark');
+
+declare var options: typeof postmark.defaults;
+const message = { To: 'me', From: 'you' };
+const templateMessage = {...message, TemplateId: '1'};
+const filter = { offset: 0 };
+const editSender = { Color: 'black' };
+const templateValidator = {
+  Subject: '123',
+  HtmlBody: '123345',
+  TextBody: '123535',
+};
+
+declare function callback(err: any, data: any): void;
+
+const client = new postmark.Client('124345', options);
+const adminClient = new postmark.AdminClient('1123235', options);
+
+client.send(message, callback);
+client.sendEmailWithTemplate(templateMessage, callback);
+client.batch([message, message], callback);
+client.sendEmail(message, callback);
+client.sendEmailBatch([message, message], callback);
+client.getDeliveryStatistics(callback);
+client.getBounces(filter, callback);
+client.getBounce(1, callback);
+client.getBounceDump(1, callback);
+client.activateBounce(1, callback);
+client.getBounceTags(callback);
+client.getServer(callback);
+client.editServer(editSender, callback);
+client.getOutboundMessages(filter, callback);
+client.getOutboundMessageDetails(1, callback);
+client.getMessageOpens(filter, callback);
+client.getMessageOpensForSingleMessage(1, filter, callback);
+client.getInboundMessages(filter, callback);
+client.getInboundMessageDetails(1, callback);
+client.bypassBlockedInboundMessage(1, callback);
+client.retryInboundHookForMessage(1, callback);
+client.getOuboundOverview(filter, callback);
+client.validateTemplate(templateValidator, callback);
+
+adminClient.listSenderSignatures(filter, callback);
+adminClient.createSenderSignature({FromEmail: '', Name: ''}, callback);
+adminClient.editSenderSignature(0, {ReplyToEmail: '123'}, callback);
+adminClient.deleteSenderSignature(0, callback);
+adminClient.resendSenderSignatureConfirmation(0, callback);
+adminClient.verifySenderSignatureSPF(0, callback);
+adminClient.requestNewDKIMForSenderSignature(0, callback);
+adminClient.getServer(0, callback);
+adminClient.createServer({Name: '123'}, callback);
+adminClient.editServer(0, {Color: 'black'}, callback);
+adminClient.deleteServer(0, callback);
+adminClient.listServers(filter, callback);
+adminClient.listDomains(filter, callback);
+adminClient.getDomain(0, callback);
+adminClient.createDomain({Name: '1234'}, callback);
+adminClient.editDomain(0, {ReturnPathDomain: '/'}, callback);
+adminClient.deleteDomain(0, callback);
+adminClient.verifyDomainSPF(0, callback);
+adminClient.rotateDKIMForDomain(0, callback);
diff --git a/types/postmark/tsconfig.json b/types/postmark/tsconfig.json
new file mode 100644
index 0000000000..a7bd7a7e3c
--- /dev/null
+++ b/types/postmark/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "postmark-tests.ts"
+    ]
+}
diff --git a/types/postmark/tslint.json b/types/postmark/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/postmark/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 66a31b5a144169cad747adb091de54ec3da6dc43 Mon Sep 17 00:00:00 2001
From: Ben Bayard <bjbayard@gmail.com>
Date: Mon, 3 Jul 2017 22:08:13 -0700
Subject: [PATCH 115/274] Specify typescript 2.3

---
 package.json              | 3 +++
 types/postmark/index.d.ts | 1 +
 2 files changed, 4 insertions(+)

diff --git a/package.json b/package.json
index c2fef9b679..a25b1799ba 100644
--- a/package.json
+++ b/package.json
@@ -23,5 +23,8 @@
   "devDependencies": {
     "dtslint": "Microsoft/dtslint#production",
     "types-publisher": "Microsoft/types-publisher#production"
+  },
+  "dependencies": {
+    "typescript": "^2.4.1"
   }
 }
diff --git a/types/postmark/index.d.ts b/types/postmark/index.d.ts
index a78e7d4542..76d9c48ee4 100644
--- a/types/postmark/index.d.ts
+++ b/types/postmark/index.d.ts
@@ -2,6 +2,7 @@
 // Project: http://wildbit.github.io/postmark.js
 // Definitions by: Ben Bayard <https://github.com/benbayard>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 interface PostmarkError {
     status: number;

From 275cd10c71702905a3bfe5353f57567e0d481249 Mon Sep 17 00:00:00 2001
From: benbayard <bjbayard@gmail.com>
Date: Mon, 3 Jul 2017 22:08:59 -0700
Subject: [PATCH 116/274] Remove typescript dependency

---
 package.json | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/package.json b/package.json
index a25b1799ba..c2fef9b679 100644
--- a/package.json
+++ b/package.json
@@ -23,8 +23,5 @@
   "devDependencies": {
     "dtslint": "Microsoft/dtslint#production",
     "types-publisher": "Microsoft/types-publisher#production"
-  },
-  "dependencies": {
-    "typescript": "^2.4.1"
   }
 }

From 48df7f24d75d66b6313058c16ede7a4513e3104d Mon Sep 17 00:00:00 2001
From: Jason Wu <jason.a.wu@accenture.com>
Date: Tue, 4 Jul 2017 01:08:50 -0500
Subject: [PATCH 117/274] Overloaded functions to support the moveVector
 parameter for the 'dragMove' and 'pointerMove' events

---
 types/draggabilly/index.d.ts | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/types/draggabilly/index.d.ts b/types/draggabilly/index.d.ts
index f376ea8fbd..6307c424ab 100644
--- a/types/draggabilly/index.d.ts
+++ b/types/draggabilly/index.d.ts
@@ -16,19 +16,26 @@ export interface DraggabillyOptions {
     handle?: string;
 }
 
-export type DraggabillyEventName = 'dragStart' | 'dragMove' | 'dragEnd' | 'pointerDown' | 'pointerMove' | 'pointerUp'
-    | 'staticClick';
+export type DraggabillyClickEventName = 'dragStart' | 'dragEnd' | 'pointerDown' | 'pointerUp' | 'staticClick';
+
+export type DraggabillyMoveEventName = 'dragMove' | 'pointerMove';
 
 export default class Draggabilly {
     position: Position;
 
     constructor(element: Element | string, options?: DraggabillyOptions);
 
-    on(eventName: DraggabillyEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
+    on(eventName: DraggabillyClickEventName, listener: (event: Event, pointer: MouseEvent | Touch) => void): Draggabilly;
 
-    off(eventName: DraggabillyEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
+    on(eventName: DraggabillyMoveEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
 
-    once(eventName: DraggabillyEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector?: Position) => void): Draggabilly;
+    off(eventName: DraggabillyClickEventName, listener: (event: Event, pointer: MouseEvent | Touch) => void): Draggabilly;
+
+    off(eventName: DraggabillyMoveEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
+
+    once(eventName: DraggabillyClickEventName, listener: (event: Event, pointer: MouseEvent | Touch) => void): Draggabilly;
+
+    once(eventName: DraggabillyMoveEventName, listener: (event: Event, pointer: MouseEvent | Touch, moveVector: Position) => void): Draggabilly;
 
     enable(): void;
 

From 5b7dc65d63f5ac554d23c2f4c3354a41e865b97a Mon Sep 17 00:00:00 2001
From: Syncfusion-JavaScript <packages@syncfusion.com>
Date: Tue, 4 Jul 2017 12:10:10 +0530
Subject: [PATCH 118/274] 15.2.0.46 typings added.

---
 types/ej.web.all/index.d.ts | 135453 +++++++++++++++++----------------
 1 file changed, 68762 insertions(+), 66691 deletions(-)

diff --git a/types/ej.web.all/index.d.ts b/types/ej.web.all/index.d.ts
index 9f46649c3e..bce4c6801c 100644
--- a/types/ej.web.all/index.d.ts
+++ b/types/ej.web.all/index.d.ts
@@ -8,467 +8,470 @@
 
 /*!
 *  filename: ej.web.all.d.ts
-*  version : 15.2.0.43
+*  version : 15.2.0.46
 *  Copyright Syncfusion Inc. 2001 - 2017. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws.
+*  applicable laws. 
 */
-declare namespace ej {
-	const dataUtil: dataUtil;
-	function isMobile(): boolean;
-	function isIOS(): boolean;
-	function isAndroid(): boolean;
-	function isFlat(): boolean;
-	function isWindows(): boolean;
-	function isCssCalc(): boolean;
-	function getCurrentPage(): JQuery;
-	function isLowerResolution(): boolean;
-	function browserInfo(): browserInfoOptions;
-	function isTouchDevice(): boolean;
-	function addPrefix(style: string): string;
-	function animationEndEvent(): string;
-	function blockDefaultActions(e: any): void;
-	function buildTag(tag: string, innerHtml?: string, styles?: any, attrs?: any): JQuery;
-	function cancelEvent(): string;
-	function copyObject(): string;
-	function createObject(nameSpace: string, value: any, initIn: any): JQuery;
-	function createObject(element: any, eventEmitter: any, model: any): any;
-	function setCulture(culture: string): void;
-	function getObject<T>(element: string, model: any): T;
-	function getObject(nameSpace: string, fromdata?: any): any;
-	function defineClass(className: string, constructor: any, proto: any, replace: boolean): any;
-	function destroyWidgets(element: any): void;
-	function endEvent(): string;
-	function event(type: string, data: any, eventProp: any): any;
-	function getAndroidVersion(): any;
-	function getAttrVal(ele: any, val: string, option: any): any;
-	function getBooleanVal(ele: any, val: string, option: any): any;
-	function getClearString(): string;
-	function getDimension(element: any, method: string): any;
-	function getFontString(fontObj: any): string;
-	function getFontStyle(style: string): string;
-	function getMaxZindex(): number;
-	function getNameSpace(className: string): string;
-	function getOffset(ele: string): any;
-	function getRenderMode(): string;
-	function getScrollableParents(element: any): void;
-	function getTheme(): string;
-	function getZindexPartial(element: any, popupEle: string): number;
-	function hasRenderMode(element: string): void;
-	function hasStyle(prop: string): boolean;
-	function hasTheme(element: string): string;
-	function hexFromRGB(color: string): string;
-	function ieClearRemover(element: string): void;
-	function isAndroidWebView(): string;
-	function isDevice(): boolean;
-	function isIOS7(): boolean;
-	function isIOSWebView(): boolean;
-	function isLowerAndroid(): boolean;
-	function isNullOrUndefined(value: any): boolean;
-	function isPlainObject(): JQuery;
-	function isPortrait(): any;
-	function isTablet(): boolean;
-	function isWindowsWebView(): string;
-	function listenEvents(selectors: any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
-	function listenTouchEvent(selectors: any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
-	function logBase(val: string, base: string): number;
-	function measureText(text: string, maxwidth: number, font: string): string;
-	function moveEvent(): string;
-	function print(element: string, printWindow: any): void;
-	function proxy(fn: any, context?: string, arg?: string): any;
-	function round(value: string, div: string, up: string): any;
-	function sendAjaxRequest(ajaxOptions: any): void;
-	function setCaretToPos(nput: string, pos1: string, pos2: string): void;
-	function setRenderMode(element: string): void;
-	function setTheme(): any;
-	function startEvent(): string;
-	function tapEvent(): string;
-	function tapHoldEvent(): string;
-	function throwError(): any;
-	function transitionEndEvent(): any;
-	function userAgent(): boolean;
-	function widget(pluginName: string, className: string, proto: any): any;
-	function avg(json: any, filedName: string): any;
-	function getGuid(prefix: string): number;
-	function group(jsonArray: any, field: string, agg: string, level: number, groupDs: string): any;
-	function isJson(jsonData: string): string;
-	function max(jsonArray: any, fieldName?: string, comparer?: string): any;
-	function min(jsonArray: any, fieldName: string, comparer: string): any;
-	function merge(first: string, second: string): any;
-	function mergeshort(jsonArray: any, fieldName: string, comparer: string): any;
-	function parseJson(jsonText: string): string;
-	function parseTable(table: number, headerOption: string, headerRowIndex: string): any;
-	function select(jsonArray: any, fields: string): any;
-	function setTransition(): boolean;
-	function sum(json: string, fieldName: string): string;
-	function swap(array: any, x: string, y: string): any;
-	const cssUA: string;
-	const serverTimezoneOffset: number;
-	const transform: string;
-	const transformOrigin: string;
-	const transformStyle: string;
-	const transition: string;
-	const transitionDelay: string;
-	const transitionDuration: string;
-	const transitionProperty: string;
-	const transitionTimingFunction: string;
-	const template: any;
-	const util: {
-		valueFunction(val: string): any;
-	};
-	export namespace device {
-		function isAndroid(): boolean;
-		function isIOS(): boolean;
-		function isFlat(): boolean;
-		function isIOS7(): boolean;
-		function isWindows(): boolean;
-	}
-	export namespace widget {
-		const autoInit: boolean;
-		const registeredInstances: any[];
-		const registeredWidgets: any[];
-		function register(pluginName: string, className: string, prototype: any): void;
-		function destroyAll(elements: Element): void;
-		function init(element: Element): void;
-		function registerInstance(element: Element, pluginName: string, className: string, prototype: any): void;
-	}
+
+declare module ej {
+	
+	var dataUtil: dataUtil;
+    function isMobile(): boolean;
+    function isIOS(): boolean;
+    function isAndroid(): boolean;
+    function isFlat(): boolean;
+    function isWindows(): boolean;
+    function isCssCalc(): boolean;
+    function getCurrentPage(): JQuery;
+    function isLowerResolution(): boolean;
+    function browserInfo(): browserInfoOptions;
+    function isTouchDevice(): boolean;
+    function addPrefix(style: string): string;
+    function animationEndEvent(): string;
+    function blockDefaultActions(e: Object): void;
+    function buildTag(tag: string, innerHtml?: string, styles?: Object, attrs?: Object): JQuery;
+    function cancelEvent(): string;
+    function copyObject(): string;
+    function createObject(nameSpace: string, value: Object, initIn: any): JQuery;
+    function createObject(element: any, eventEmitter: any, model: any): any;
+    function setCulture(culture: string): void;
+	function getObject<T>(element :string, model :any ): T;
+    function defineClass(className: string, constructor:any, proto: Object, replace: boolean): Object;
+    function destroyWidgets(element: Object): void;
+    function endEvent(): string;
+    function event(type: string, data: any, eventProp: Object): Object;
+    function getAndroidVersion(): Object;
+    function getAttrVal(ele: Object, val: string, option: Object): Object;
+    function getBooleanVal(ele: Object, val: string, option: Object): Object;
+    function getClearString(): string;
+    function getDimension(element: Object, method: string): Object;
+    function getFontString(fontObj: Object): string;
+    function getFontStyle(style: string): string;
+    function getMaxZindex(): number;
+    function getNameSpace(className: string): string;
+    function getObject(nameSpace: string, fromdata?: any): Object;
+    function getOffset(ele: string): Object;
+    function getRenderMode(): string;
+    function getScrollableParents(element: Object): void;
+    function getTheme(): string;
+    function getZindexPartial(element: Object, popupEle: string): number;
+    function hasRenderMode(element: string): void;
+    function hasStyle(prop: string): boolean;
+    function hasTheme(element: string): string;
+    function hexFromRGB(color: string): string;
+    function ieClearRemover(element: string): void;
+    function isAndroidWebView(): string;
+    function isDevice(): boolean;
+    function isIOS7(): boolean;
+    function isIOSWebView(): boolean;
+    function isLowerAndroid(): boolean;
+    function isNullOrUndefined(value: Object): boolean;
+    function isPlainObject(): JQuery;
+    function isPortrait(): any;
+    function isTablet(): boolean;
+    function isWindowsWebView(): string;
+    function listenEvents(selectors:any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
+    function listenTouchEvent(selectors:any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
+    function logBase(val: string, base: string): number;
+    function measureText(text: string, maxwidth: number, font: string): string;
+    function moveEvent(): string;
+    function print(element: string, printWindow: any): void;
+    function proxy(fn: Object, context?: string, arg?: string): any;
+    function round(value: string, div: string, up: string): any;
+    function sendAjaxRequest(ajaxOptions: Object): void;
+    function setCaretToPos(nput: string, pos1: string, pos2: string): void;
+    function setRenderMode(element: string): void;
+    function setTheme(): Object;
+    function startEvent(): string;
+    function tapEvent(): string;
+    function tapHoldEvent(): string;
+    function throwError(): Object;
+    function transitionEndEvent(): Object;
+    function userAgent(): boolean;
+    function widget(pluginName: string, className: string, proto: Object): Object;
+    function avg(json: Object, filedName: string): any;
+    function getGuid(prefix: string): number;
+    function group(jsonArray: any, field: string, agg: string, level: number, groupDs: string): Object;
+    function isJson(jsonData: string): string;
+    function max(jsonArray: any, fieldName?: string, comparer?: string): any;
+    function min(jsonArray: any, fieldName: string, comparer: string): any;
+    function merge(first: string, second: string): any;
+    function mergeshort(jsonArray: any, fieldName: string, comparer: string): any;
+    function parseJson(jsonText: string): string;
+    function parseTable(table: number, headerOption: string, headerRowIndex: string): Object;
+    function select(jsonArray: any, fields: string): any;
+    function setTransition(): boolean;
+    function sum(json: string, fieldName: string): string;
+    function swap(array: any, x: string, y: string): any; 
+    var cssUA: string;
+    var serverTimezoneOffset: number;
+    var transform: string;
+    var transformOrigin: string;
+    var transformStyle: string;
+    var transition: string;
+    var transitionDelay: string;
+    var transitionDuration: string;
+    var transitionProperty: string;
+    var transitionTimingFunction: string;
+	var template: any;
+	var util: {
+        valueFunction(val: string): any;
+    }        
+    export module device {
+        function isAndroid(): boolean;
+        function isIOS(): boolean;
+        function isFlat(): boolean;
+        function isIOS7(): boolean;
+        function isWindows(): boolean;
+    }
+    export module widget {
+        var autoInit: boolean;
+        var registeredInstances: Array<any>;
+        var registeredWidgets: Array<any>;
+        function register(pluginName: string, className: string, prototype: any): void;
+        function destroyAll(elements: Element): void;
+        function init(element: Element): void;
+        function registerInstance(element: Element, pluginName: string, className: string, prototype: any):void;
+    } 
+	
 	interface browserInfoOptions {
 		name: string;
 		version: string;
-		culture: any;
+		culture: Object;
 		isMSPointerEnabled: boolean;
 	}
 	class WidgetBase {
-		destroy(): void;
-		element: JQuery;
-		setModel(options: any, forceSet?: boolean): any;
-		option(prop?: any, value?: any, forceSet?: boolean): any;
-		_trigger(eventName?: string, eventProp?: any): any;
-		_on(element: JQuery, eventType?: string, handler?: (eventObject: JQueryEventObject) => any): any;
-		_on(element: JQuery, eventType?: string, selector?: string, handler?: (eventObject: JQueryEventObject) => any): any;
-		_off(element: JQuery, eventName: string, handler?: (eventObject: JQueryEventObject) => any): any;
-		_off(element: JQuery, eventType?: string, selector?: string, handler?: (eventObject: JQueryEventObject) => any): any;
-		persistState(): void;
-		restoreState(silent: boolean): void;
-	}
+        destroy(): void;
+        element: JQuery;
+        setModel(options: Object, forceSet?: boolean):any;
+        option(prop?: Object, value?: Object, forceSet?: boolean): any;
+		_trigger(eventName?: string, eventProp?: Object): any;
+        _on(element: JQuery, eventType?: string, handler?: (eventObject: JQueryEventObject) => any): any;
+         _on(element: JQuery, eventType ?: string, selector ?: string, handler ?: (eventObject: JQueryEventObject) => any): any;
+       _off(element: JQuery, eventName: string, handler ?: (eventObject: JQueryEventObject) => any): any;
+       _off(element: JQuery, eventType ?: string, selector ?: string, handler ?: (eventObject: JQueryEventObject) => any): any;     
+        persistState(): void;
+        restoreState(silent: boolean): void;
+    }
 
-	class Widget extends WidgetBase {
-		constructor(pluginName: string, className: string, proto: any);
-		static fn: Widget;
-		static extend(widget: Widget): any;
-		register(pluginName: string, className: string, prototype: any): void;
-		destroyAll(elements: Element): void;
-		model: any;
-	}
+    class Widget extends WidgetBase {
+        constructor(pluginName: string, className: string, proto: any);
+        static fn: Widget;
+        static extend(widget: Widget): any;
+        register(pluginName: string, className: string, prototype: any): void;
+        destroyAll(elements: Element): void;      
+        model: any;     
+    }
 
 
-	interface BaseEvent {
-		cancel: boolean;
-		type: string;
-	}
-	class DataManager {
-		constructor(dataSource?: any, query?: ej.Query, adaptor?: any);
-		setDefaultQuery(query: ej.Query): void;
-		executeQuery(query?: ej.Query, done?: any, fail?: any, always?: any): JQueryPromise<any>;
-		executeLocal(query?: ej.Query): ej.DataManager;
-		saveChanges(changes?: Changes, key?: string, tableName?: string): JQueryDeferred<any>;
-		insert(data: any, tableName?: string): JQueryPromise<any>;
-		remove(keyField: string, value: any, tableName?: string): any;
-		update(keyField: string, value: any, tableName?: string): any;
-	}
+    interface BaseEvent {
+        cancel: boolean;
+        type: string;       
+    }
+    class DataManager {
+        constructor(dataSource?: any, query?: ej.Query, adaptor?: any); 
+        setDefaultQuery(query: ej.Query): void;
+        executeQuery(query?: ej.Query, done?: any, fail?: any, always?: any): JQueryPromise<any>;
+        executeLocal(query?: ej.Query): ej.DataManager;
+        saveChanges(changes?: Changes, key?: string, tableName?: string): JQueryDeferred<any>;
+        insert(data: Object, tableName?: string): JQueryPromise<any>;
+        remove(keyField: string, value: any, tableName?: string): Object;
+        update(keyField: string, value: any, tableName?: string): Object;
+    }    
 
-	class Query {
-		constructor();
-		static fn: Query;
-		static extend(prototype: any): Query;
-		key(field: string): ej.Query;
-		using(dataManager: ej.DataManager): ej.Query;
-		execute(dataManager: ej.DataManager, done: any, fail?: string, always?: string): any;
-		executeLocal(dataManager: ej.DataManager): ej.DataManager;
-		clone(): ej.Query;
-		from(tableName: any): ej.Query;
-		addParams(key: string, value: string): ej.Query;
-		expand(tables: any): ej.Query;
-		where(fieldName: string, operator: ej.FilterOperators, value: any, ignoreCase?: boolean): ej.Query;
-		where(predicate: ej.Predicate): ej.Query;
-		search(searchKey: any, fieldNames?: any, operator?: string, ignoreCase?: boolean): ej.Query;
-		sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
-		sortByDesc(fieldName: string): ej.Query;
-		group(fieldName: string): ej.Query;
-		page(pageIndex: number, pageSize: number): ej.Query;
-		take(nos: number): ej.Query;
-		skip(nos: number): ej.Query;
-		select(fieldNames: any): ej.Query;
-		hierarchy(query: ej.Query, selectorFn: any): ej.Query;
-		foreignKey(key: string): ej.Query;
-		requiresCount(): ej.Query;
-		range(start: number, end: number): ej.Query;
-	}
+    class Query {
+        constructor();
+        static fn: Query;
+        static extend(prototype: Object): Query;
+        key(field: string): ej.Query;
+        using(dataManager: ej.DataManager): ej.Query;
+        execute(dataManager: ej.DataManager, done: any, fail?: string, always?: string): any;
+        executeLocal(dataManager: ej.DataManager): ej.DataManager;
+        clone(): ej.Query;
+        from(tableName: any): ej.Query;
+        addParams(key: string, value: string): ej.Query;
+        expand(tables: any): ej.Query;
+        where(fieldName: string, operator: ej.FilterOperators, value: any, ignoreCase?: boolean): ej.Query;
+		where(predicate:ej.Predicate):ej.Query;
+        search(searchKey: any, fieldNames?:  any, operator?: string, ignoreCase?: boolean): ej.Query;
+        sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
+        sortByDesc(fieldName: string): ej.Query;
+        group(fieldName: string): ej.Query;
+        page(pageIndex: number, pageSize: number): ej.Query;
+        take(nos: number): ej.Query;
+        skip(nos: number): ej.Query;
+        select(fieldNames: any): ej.Query;
+        hierarchy(query: ej.Query, selectorFn: any): ej.Query;
+        foreignKey(key: string): ej.Query;
+        requiresCount(): ej.Query;
+        range(start:number, end:number): ej.Query;
+    }
 
-	class Adaptor {
-		constructor(ds: any);
-		pvt: any;
-		type: ej.Adaptor;
-		options: AdaptorOptions;
-		extend(overrides: any): ej.Adaptor;
-		processQuery(dm: ej.DataManager, query: ej.Query): any;
-		processResponse(data: any, ds: any, query: ej.Query, xhr: JQueryXHR, request?: any, changes?: Changes): any;
-		convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
-	}
+    class Adaptor {
+        constructor(ds: any);
+        pvt: Object;
+        type: ej.Adaptor;
+        options: AdaptorOptions;
+        extend(overrides: any): ej.Adaptor;
+        processQuery(dm: ej.DataManager, query: ej.Query):any;
+        processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+        convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
+    }
 
-	interface AdaptorOptions {
-		from?: string;
-		requestType?: string;
-		sortBy?: string;
-		select?: string;
-		skip?: string;
-		group?: string;
-		take?: string;
-		search?: string;
-		count?: string;
-		where?: string;
-		aggregates?: string;
-	}
+    interface AdaptorOptions {
+        from?: string;
+        requestType?: string;
+        sortBy?: string;
+        select?: string;
+        skip?: string;
+        group?: string;
+        take?: string;
+        search?: string;
+        count?: string;
+        where?: string;
+        aggregates?: string;
+    }
 
-	class UrlAdaptor extends ej.Adaptor {
-		constructor();
-		processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): {
-			type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
-		};
-		convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
-		processResponse(data: any, ds: any, query: ej.Query, xhr: JQueryXHR, request?: any, changes?: Changes): any;
-		onGroup(e: any): void;
-		onAggregates(e: any): void;
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
-		beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-		insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
-		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
-		getFiltersFrom(data: any, query: ej.Query): ej.Predicate;
-	}
+    class UrlAdaptor extends ej.Adaptor {
+        constructor();
+        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): {
+            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+        }
+        convertToQueryString(req: Object, query: ej.Query, dm: ej.DataManager): JQueryParam;
+        processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+        onGroup(e: any): void;
+		onAggregates(e :any) : void;
+        batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
+        beforeSend(dm: ej.DataManager, request: any, settings?:any): void;
+        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
+        getFiltersFrom(data: Object, query: ej.Query): ej.Predicate;
+    }
 	class WebMethodAdaptor extends ej.UrlAdaptor {
-		constructor();
-		processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): {
-			type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
-		};
-	}
+        constructor();
+        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): {
+            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+        };
+    }
 	class CacheAdaptor extends ej.UrlAdaptor {
-		constructor();
-		init(adaptor: any, timeStamp: number, pageSize: number): void;
-		generateKey(url: string, query: ej.Query): string;
-		processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): any;
-		processResponse(data: any, ds: any, query: ej.Query, xhr: JQueryXHR, request?: any, changes?: Changes): any;
-		insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
-		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: any; contentType: string };
-
-	}
-	class ODataAdaptor extends ej.UrlAdaptor {
-		constructor();
-		options: UrlAdaptorOptions;
-		onEachWhere(filter: any, requiresCast: boolean): any;
-		onPredicate(pred: ej.Predicate, query: ej.Query, requiresCast: boolean): string;
-		onComplexPredicate(pred: ej.Predicate, requiresCast: boolean): string;
-		onWhere(filters: string[]): string;
-		onEachSearch(e: any): void;
-		onSearch(e: any): string;
-		onEachSort(e: any): string;
-		onSortBy(e: any): string;
-		onGroup(e: any): string;
-		onSelect(e: any): string;
-		onAggregates(e: any): string;
-		onCount(e: any): string;
-		beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-		processResponse(data: any, ds: any, query: ej.Query, xhr: any, request: any, changes: Changes): {
-			result: any; count: number
-		};
-		convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
-		insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any; };
-		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; };
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: any; accept: string; };
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: any; contentType: string; };
-		generateDeleteRequest(arr: any[], e: any): string;
-		generateInsertRequest(arr: any[], e: any): string;
-		generateUpdateRequest(arr: any[], e: any): string;
-	}
-	interface UrlAdaptorOptions {
-		requestType?: string;
-		accept?: string;
-		multipartAccept?: string;
-		sortBy?: string;
-		select?: string;
-		skip?: string;
-		take?: string;
-		count?: string;
-		where?: string;
-		expand?: string;
-		batch?: string;
-		changeSet?: string;
-		batchPre?: string;
-		contentId?: string;
-		batchContent?: string;
-		changeSetContent?: string;
-		batchChangeSetContentType?: string;
-	}
-
+        constructor();
+		init (adaptor: Object, timeStamp: number, pageSize: number): void;
+		generateKey (url: string, query: ej.Query) : string;
+        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): any;
+        processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
+		batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: Object; contentType: string };
+		
+    }
+    class ODataAdaptor extends ej.UrlAdaptor {
+        constructor();
+        options: UrlAdaptorOptions;
+        onEachWhere(filter: any, requiresCast: boolean): any;
+        onPredicate(pred: ej.Predicate, query: ej.Query, requiresCast: boolean): string;
+        onComplexPredicate(pred: ej.Predicate, requiresCast: boolean): string;
+        onWhere(filters: Array<string>): string;
+        onEachSearch(e: Object): void;
+        onSearch(e: Object): string;
+        onEachSort(e: Object): string;
+        onSortBy(e: Object): string;
+        onGroup(e: Object): string;
+        onSelect(e: Object): string;
+		onAggregates(e: Object): string;
+        onCount(e: Object): string;
+        beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+        processResponse(data: Object, ds: Object, query: ej.Query, xhr:any, request: any, changes: Changes): {
+            result: Object; count: number
+        };
+        convertToQueryString(req: Object, query: ej.Query, dm: ej.DataManager): JQueryParam;
+        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: Object; }
+        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; }
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: Object; accept: string; }
+        batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: Object; contentType: string; }
+        generateDeleteRequest(arr: Array<any>, e: any): string;
+        generateInsertRequest(arr: Array<any>, e: any): string;
+        generateUpdateRequest(arr: Array<any>, e: any): string;
+    }
+    interface UrlAdaptorOptions {
+        requestType?: string;
+        accept?: string;
+        multipartAccept?: string;
+        sortBy?: string;
+        select?: string;
+        skip?: string;
+        take?: string;
+        count?: string;
+        where?: string;
+        expand?: string;
+        batch?: string;
+        changeSet?: string;
+        batchPre?: string;
+        contentId?: string;
+        batchContent?: string;
+        changeSetContent?: string;
+        batchChangeSetContentType?: string;
+    }
+	
 	class WebApiAdaptor extends ej.ODataAdaptor {
-		constructor();
-		insert(dm: ej.DataManager, data: any, tableName?: string): { url: string; type: string; data: any; };
-		remove(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: any; };
-		update(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: any; accept: string; };
-		processResponse(data: any, ds: any, query: ej.Query, xhr: any, request: any, changes: Changes): {
-			result: any; count: number
-		};
-	}
+        constructor();
+        insert(dm: ej.DataManager, data: Object, tableName?: string): { url: string; type: string; data: Object; }
+        remove(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: Object; }
+        update(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: Object; accept: string; }
+        processResponse(data: Object, ds: Object, query: ej.Query, xhr: any, request: any, changes: Changes): {
+            result: Object; count: number
+        };
+    }
+	
+    class ODataV4Adaptor extends ej.ODataAdaptor {
+        constructor();
+        options: ODataAdaptorOptions;
+        onCount(e: Object): string;
+        onEachSearch(e: Object): void;
+        onSearch(e: Object): string; 
+        beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+		processQuery(ds: Object, query: ej.Query):{
+            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+        };
+        processResponse(data: Object, ds: Object, query: ej.Query, xhr:any, request: any, changes: Changes): {
+            result: Object; count: number
+        };
+        
+    }
+    interface ODataAdaptorOptions {
+        requestType?: string;
+        accept?: string;
+        multipartAccept?: string;
+        sortBy?: string;
+        select?: string;
+        skip?: string;
+        take?: string;
+        count?: string;
+        search?: string;
+        where?: string;
+        expand?: string;
+        batch?: string;
+        changeSet?: string;
+        batchPre?: string;
+        contentId?: string;
+        batchContent?: string;
+        changeSetContent?: string;
+        batchChangeSetContentType?: string;
+    }
 
-	class ODataV4Adaptor extends ej.ODataAdaptor {
+    class JsonAdaptor extends ej.Adaptor {
+        constructor();
+        processQuery(ds: Object, query: ej.Query): string;
+        batchRequest(dm: ej.DataManager, changes: Changes, e:any): Changes;
+        onWhere(ds: Object, e: any): any;
+		onAggregates(ds: Object, e: any): any;
+        onSearch(ds: Object, e: any): any
+        onSortBy(ds: Object, e: any, query: ej.Query): Object;
+        onGroup(ds: Object, e: any, query: ej.Query): Object;
+        onPage(ds: Object, e: any, query: ej.Query): Object;
+        onRange(ds: Object, e: any): Object;
+        onTake(ds: Object, e: any): Object;
+        onSkip(ds: Object, e: any): Object;
+        onSelect(ds: Object, e: any): Object;
+        insert(dm: ej.DataManager, data: any, tableName? : string): Object;
+        remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
+        update(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
+    }
+	class ForeignKeyAdaptor extends ej.JsonAdaptor{
 		constructor();
-		options: ODataAdaptorOptions;
-		onCount(e: any): string;
-		onEachSearch(e: any): void;
-		onSearch(e: any): string;
-		beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-		processQuery(ds: any, query: ej.Query): {
-			type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
-		};
-		processResponse(data: any, ds: any, query: ej.Query, xhr: any, request: any, changes: Changes): {
-			result: any; count: number
-		};
-
-	}
-	interface ODataAdaptorOptions {
-		requestType?: string;
-		accept?: string;
-		multipartAccept?: string;
-		sortBy?: string;
-		select?: string;
-		skip?: string;
-		take?: string;
-		count?: string;
-		search?: string;
-		where?: string;
-		expand?: string;
-		batch?: string;
-		changeSet?: string;
-		batchPre?: string;
-		contentId?: string;
-		batchContent?: string;
-		changeSetContent?: string;
-		batchChangeSetContentType?: string;
-	}
-
-	class JsonAdaptor extends ej.Adaptor {
-		constructor();
-		processQuery(ds: any, query: ej.Query): string;
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): Changes;
-		onWhere(ds: any, e: any): any;
-		onAggregates(ds: any, e: any): any;
-		onSearch(ds: any, e: any): any;
-		onSortBy(ds: any, e: any, query: ej.Query): any;
-		onGroup(ds: any, e: any, query: ej.Query): any;
-		onPage(ds: any, e: any, query: ej.Query): any;
-		onRange(ds: any, e: any): any;
-		onTake(ds: any, e: any): any;
-		onSkip(ds: any, e: any): any;
-		onSelect(ds: any, e: any): any;
-		insert(dm: ej.DataManager, data: any, tableName?: string): any;
-		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
-	}
-	class ForeignKeyAdaptor extends ej.JsonAdaptor {
-		constructor();
-		processQuery(ds: any, query: ej.Query): any;
-		insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: any };
-	}
+        processQuery(ds: Object, query: ej.Query): any;
+        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: Object };
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string):  { url: string; type: string; data: Object };
+    }
 	class remoteSaveAdaptor extends ej.UrlAdaptor {
-		constructor();
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
-		beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-		insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
-		remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
-		update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
-	}
-	class TableModel {
-		constructor(name: string, jsonArray: any[], dataManager: ej.DataManager, modelComputed: any);
-		on(eventName: string, handler: any): void;
-		off(eventName: string, handler: any): void;
-		setDataManager(dataManager: DataManager): void;
-		saveChanges(): void;
-		rejectChanges(): void;
-		insert(json: any): void;
-		update(value: any): void;
-		remove(key: string): void;
-		isDirty(): boolean;
-		getChanges(): Changes;
-		toArray(): any[];
-		setDirty(dirty: any, model: any): void;
-		get(index: number): void;
-		length(): number;
-		bindTo(element: any): void;
-	}
-	class Model {
-		constructor(json: any, table: string, name: string);
-		formElements: string[];
-		computes(value: any): void;
-		on(eventName: string, handler: any): void;
-		off(eventName: string, handler: any): void;
-		set(field: string, value: any): void;
-		get(field: string): any;
-		revert(suspendEvent: any): void;
-		save(dm: ej.DataManager, key: string): void;
-		markCommit(): void;
-		markDelete(): void;
-		changeState(state: boolean, args: any): void;
-		properties(): any;
-		bindTo(element: any): void;
-		unbind(element: any): void;
-	}
-	interface Changes {
-		changed?: any[];
-		added?: any[];
-		deleted?: any[];
-	}
-	class Predicate {
-		constructor();
-		constructor(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
-		and(field: string, operator: any, value: any, ignoreCase: boolean): ej.Predicate;
-		or(field: string, operator: any, value: any, ignoreCase: boolean): ej.Predicate;
-		or(predicate: any[]): any;
-		validate(record: any): boolean;
-		toJSON(): {
-			isComplex: boolean;
-			field: string;
-			operator: string;
-			value: any;
-			ignoreCase: boolean;
-			condition: string;
-			predicates: any;
-		};
-	}
-	interface dataUtil {
-		swap(array: any[], x: number, y: number): void;
-		mergeSort(jsonArray: any[], fieldName?: string, comparer?: any): any[];
-		max(jsonArray: any[], fieldName?: string, comparer?: string): any[];
-		min(jsonArray: any[], fieldName: string, comparer: string): any[];
-		distinct(jsonArray: any[], fieldName?: string, requiresCompleteRecord?: any): any[];
-		sum(json: any, fieldName: string): number;
-		avg(json: any, fieldName: string): number;
-		select(jsonArray: any[], fieldName: string, fields: string): any[];
-		group(jsonArray: any[], field: string, /* internal */ level: number): any[];
-		parseTable(table: string, headerOption: ej.headerOption, headerRowIndex: number): any;
-	}
-	interface AjaxSettings {
-		type?: string;
-		cache: boolean;
-		data?: any;
-		dataType?: string;
-		contentType?: any;
-		async?: boolean;
-	}
+        constructor();
+        batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
+        beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
+    }
+    class TableModel {
+        constructor(name: string, jsonArray: Array<any>, dataManager: ej.DataManager, modelComputed: any);
+        on(eventName: string, handler: any): void;
+        off(eventName: string, handler: any): void;
+        setDataManager(dataManager: DataManager): void;
+        saveChanges(): void;
+        rejectChanges(): void;
+        insert(json: any): void;
+        update(value: any): void;
+        remove(key: string): void;
+        isDirty(): boolean;
+        getChanges(): Changes;
+        toArray(): Array<any>;
+        setDirty(dirty:any, model:any): void;
+        get(index: number): void;
+        length(): number;
+        bindTo(element: any): void;
+    }
+    class Model {
+        constructor(json: any, table: string, name: string);
+        formElements: Array<string>;
+        computes(value: any): void;
+        on(eventName: string, handler: any): void;
+        off(eventName: string, handler: any): void;
+        set(field: string, value: any): void;
+        get(field: string): any;
+        revert(suspendEvent: any): void;
+        save(dm: ej.DataManager, key: string): void;
+        markCommit(): void;
+        markDelete(): void;
+        changeState(state: boolean, args: any): void;
+        properties(): any;
+        bindTo(element: any): void;
+        unbind(element: any): void;
+    }
+    interface Changes {
+        changed?: Array<any>;
+        added?: Array<any>;
+        deleted?: Array<any>;
+    }
+    class Predicate {
+	    constructor();
+        constructor(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
+        and(field: string, operator: any, value:any, ignoreCase:boolean): ej.Predicate;
+        or(field: string, operator: any, value: any, ignoreCase: boolean): ej.Predicate;
+		or(predicate: Array<Object>): any;
+        validate(record: Object): boolean;
+        toJSON(): {
+            isComplex: boolean;
+            field: string;
+            operator: string;
+            value: any;
+            ignoreCase: boolean;
+            condition: string;
+            predicates: any;
+        };
+    }
+    interface dataUtil { 
+        swap(array: Array<any>, x: number, y: number): void;
+        mergeSort(jsonArray: Array<any>, fieldName?: string, comparer?:any): Array<any>;
+        max(jsonArray: Array<any>, fieldName?: string, comparer?: string): Array<any>;
+        min(jsonArray: Array<any>, fieldName: string, comparer: string): Array<any>;
+        distinct(jsonArray: Array<any>, fieldName?: string, requiresCompleteRecord?:any): Array<any>;
+        sum(json:any, fieldName: string): number;
+        avg(json:any, fieldName: string): number;
+        select(jsonArray: Array<any>, fieldName: string, fields:string): Array<any>;
+        group(jsonArray: Array<any>, field: string, /* internal */ level: number): Array<any>;
+        parseTable(table: string, headerOption: ej.headerOption, headerRowIndex: number): Object;
+    }
+    interface AjaxSettings {
+        type?: string;
+        cache: boolean;
+        data?: any;
+        dataType?: string;
+        contentType?: any;
+        async?: boolean;
+    }
 	enum FilterOperators {
 		contains,
 		endsWith,
@@ -519,66524 +522,68592 @@ declare namespace ej {
 		row,
 		tHead
 	}
-	enum filterType {
+		
+	enum filterType{
 		StartsWith,
 		Contains,
 		EndsWith,
 		LessThan,
 		GreaterThan,
-		LessThanOrEqual,
+		LessThanOrEqual ,
 		GreaterThanOrEqual,
 		Equal,
 		NotEqual
 	}
-	enum Animation {
+	enum Animation{
 		Fade,
 		None,
 		Slide
-	}
-	enum Type {
+	} 
+	enum Type{
 		Overlay,
 		Slide
 	}
-	enum SortOrder {
+	enum SortOrder{
 		Ascending,
 		Descending
 	}
-	class Draggable extends ej.Widget {
-		static fn: Draggable;
-		constructor(element: JQuery | Element, options?: Draggable.Model);
-		static Locale: any;
-		model: Draggable.Model;
-		defaults: Draggable.Model;
+class Draggable extends ej.Widget {
+	static fn: Draggable;
+	constructor(element: JQuery, options?: Draggable.Model);
+	constructor(element: Element, options?: Draggable.Model);
+	static Locale: any;
+	model:Draggable.Model;
+	defaults:Draggable.Model;
+
+	/** destroy in the draggable.
+	*   @returns {void}
+	*/
+	_destroy(): void;
+}
+export module Draggable{
 
-		/** destroy in the draggable.
-		 * @returns {void}
-		 */
-		_destroy(): void;
-	}
-	export namespace Draggable {
+export interface Model {
+
+	/** If clone is specified.
+	*   @Default {false}
+	*/
+	clone?: boolean;
+
+	/** Sets the offset of the dragging helper relative to the mouse cursor.
+	*   @Default {{ top: -1, left: -2 }}
+	*/
+	cursorAt?: any;
 
-		export interface Model {
-
-			/** If clone is specified.
-			 * @Default {false}
-			 */
-			clone?: boolean;
-
-			/** Sets the offset of the dragging helper relative to the mouse cursor.
-			 * @Default {{ top: -1, left: -2 }}
-			 */
-			cursorAt?: any;
+	/** Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
+	*   @Default {1}
+	*/
+	distance?: number;
+
+	/** The drag area is used to restrict the dragging element bounds.Specify the id of the container within which the element should be dragged.
+	*   @Default {null}
+	*/
+	dragArea?: boolean;
+
+	/** If specified, restricts drag start click to the specified element(s).
+	*   @Default {null}
+	*/
+	handle?: string;
 
-			/** Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
-			 * @Default {1}
-			 */
-			distance?: number;
+	/** Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+	*   @Default {'default'}
+	*/
+	scope?: string;
 
-			/** The drag area is used to restrict the dragging element bounds.
-			 * @Default {false}
-			 */
-			dragArea?: boolean;
-
-			/** If specified, restricts drag start click to the specified element(s).
-			 * @Default {null}
-			 */
-			handle?: string;
+	/** This event is triggered when dragging element is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
-			 * @Default {'default'}
-			 */
-			scope?: string;
+	/** This event is triggered when the mouse is moved during the dragging. */
+	drag? (e: DragEventArgs): void;
 
-			/** This event is triggered when dragging element is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
+	/** Supply a callback function to handle the drag start event as an init option. */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** This event is triggered when the mouse is moved during the dragging. */
+	dragStop? (e: DragStopEventArgs): void;
 
-			/** This event is triggered when the mouse is moved during the dragging. */
-			drag?(e: DragEventArgs): void;
+	/** This event is triggered when dragged. */
+	helper? (e: HelperEventArgs): void;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Draggable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DragEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the draggable model
+	*/
+	model?: ej.Draggable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event model values
+	*/
+	event?: any;
+
+	/** returns the exact mouse down target element
+	*/
+	target?: any;
+}
+
+export interface DragStartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Supply a callback function to handle the drag start event as an init option. */
-			dragStart?(e: DragStartEventArgs): void;
+	/** returns the draggable model
+	*/
+	model?: ej.Draggable.Model;
 
-			/** This event is triggered when the mouse is moved during the dragging. */
-			dragStop?(e: DragStopEventArgs): void;
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** This event is triggered when dragged. */
-			helper?(e: HelperEventArgs): void;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the autocomplete model
-			 */
-			model?: ej.Draggable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DragEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the draggable model
-			 */
-			model?: ej.Draggable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event model values
-			 */
-			event?: any;
-
-			/** returns the exact mouse down target element
-			 */
-			target?: any;
-		}
-
-		export interface DragStartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the event model values
+	*/
+	event?: any;
 
-			/** returns the draggable model
-			 */
-			model?: ej.Draggable.Model;
+	/** returns the exact mouse down target element
+	*/
+	target?: any;
+}
 
-			/** returns the name of the event
-			 */
-			type?: string;
+export interface DragStopEventArgs {
 
-			/** returns the event model values
-			 */
-			event?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the exact mouse down target element
-			 */
-			target?: any;
-		}
+	/** returns the draggable model
+	*/
+	model?: ej.Draggable.Model;
 
-		export interface DragStopEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the event model values
+	*/
+	event?: any;
 
-			/** returns the draggable model
-			 */
-			model?: ej.Draggable.Model;
+	/** returns the exact mouse down target element
+	*/
+	target?: any;
+}
 
-			/** returns the name of the event
-			 */
-			type?: string;
+export interface HelperEventArgs {
 
-			/** returns the event model values
-			 */
-			event?: any;
+	/** returns the draggable element object
+	*/
+	element?: any;
 
-			/** returns the exact mouse down target element
-			 */
-			target?: any;
-		}
+	/** returns the event model values
+	*/
+	sender?: any;
+}
+}
 
-		export interface HelperEventArgs {
+class Droppable extends ej.Widget {
+	static fn: Droppable;
+	constructor(element: JQuery, options?: Droppable.Model);
+	constructor(element: Element, options?: Droppable.Model);
+	static Locale: any;
+	model:Droppable.Model;
+	defaults:Droppable.Model;
+
+	/** destroy in the Droppable.
+	*   @returns {void}
+	*/
+	_destroy(): void;
+}
+export module Droppable{
+
+export interface Model {
+
+	/** Used to accept the specified draggable items.
+	*   @Default {null}
+	*/
+	accept?: any;
+
+	/** Used to group sets of droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+	*   @Default {'default'}
+	*/
+	scope?: string;
+
+	/** This event is triggered when the mouse up is moved during the dragging. */
+	drop? (e: DropEventArgs): void;
+
+	/** This event is triggered when the mouse is moved out. */
+	out? (e: OutEventArgs): void;
+
+	/** This event is triggered when the mouse is moved over. */
+	over? (e: OverEventArgs): void;
+}
+
+export interface DropEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Droppable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the element which accepts the droppable element.
+	*/
+	target?: any;
+}
+
+export interface OutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Droppable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse out over the element
+	*/
+	target?: any;
+}
+
+export interface OverEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Droppable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse over the element
+	*/
+	target?: any;
+}
+}
+
+class Resizable extends ej.Widget {
+	static fn: Resizable;
+	constructor(element: JQuery, options?: Resizable.Model);
+	constructor(element: Element, options?: Resizable.Model);
+	static Locale: any;
+	model:Resizable.Model;
+	defaults:Resizable.Model;
+
+	/** destroy in the Resizable.
+	*   @returns {void}
+	*/
+	_destroy(): void;
+}
+export module Resizable{
+
+export interface Model {
+
+	/** Sets the offset of the resizing helper relative to the mouse cursor.
+	*   @Default {{ top: -1, left: -2 }}
+	*/
+	cursorAt?: any;
+
+	/** Distance in pixels after mousedown the mouse must move before resizing should start. This option can be used to prevent unwanted drags when clicking on an element.
+	*   @Default {1}
+	*/
+	distance?: number;
+
+	/** If specified, restricts resize start click to the specified element(s).
+	*   @Default {null}
+	*/
+	handle?: string;
+
+	/** Sets the max height for resizing
+	*   @Default {null}
+	*/
+	maxHeight?: number;
+
+	/** Sets the max width for resizing
+	*   @Default {null}
+	*/
+	maxWidth?: number;
+
+	/** Sets the min Height for resizing
+	*   @Default {10}
+	*/
+	minHeight?: number;
+
+	/** Sets the min Width for resizing
+	*   @Default {10}
+	*/
+	minWidth?: number;
+
+	/** Used to group sets of resizable items.
+	*   @Default {'default'}
+	*/
+	scope?: string;
+
+	/** This event is triggered when the widget destroys. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** This event is triggered when resized. */
+	helper? (e: HelperEventArgs): void;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Resizable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface HelperEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the autocomplete model
+	*/
+	model?: ej.Resizable.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+
+
+		var globalize:globalize;
+		var cultures:culture;
+		function addCulture(name: string, culture ?: any): void;
+    	function preferredCulture(culture ?: string): culture;
+    	function format(value: any, format: string, culture ?: string): string;
+    	function parseInt(value: string, radix?: any, culture ?: string): number;
+    	function parseFloat(value: string, radix?: any, culture ?: string): number;
+    	function parseDate(value: string, format: string, culture ?: string): Date;
+    	function getLocalizedConstants(controlName: string, culture ?: string): any;
+
+interface globalize {  
+        addCulture(name: string, culture?: any): void;
+        preferredCulture(culture?: string): culture;
+        format(value: any, format: string, culture?: string): string; 
+        parseInt(value: string, radix?: any, culture?: string): number;
+        parseFloat(value: string, radix?: any, culture?: string): number;
+        parseDate(value: string, format: string, culture?: string): Date;
+        getLocalizedConstants(controlName: string, culture?: string): any;
+    }
+    interface culture {
+        name?: string;
+        englishName?: string;
+        namtiveName?: string;
+        language?: string;
+        isRTL: boolean;
+        numberFormat?: formatSettings;
+        calendars?: calendarsSettings;
+    }
+    interface formatSettings {
+        pattern: Array<string>;
+        decimals: number;
+        groupSizes: Array<number>;
+        percent: percentSettings;
+        currency: currencySettings;
+    }
+    interface percentSettings {
+        pattern: Array<string>;
+        decimals: number;
+        groupSizes: Array<number>;
+        symbol: string;
+    }
+    interface currencySettings {
+        pattern: Array<string>;
+        decimals: number;
+        groupSizes: Array<number>;
+        symbol: string;
+    }
+    interface calendarsSettings {
+        standard: standardSettings;
+    }
+    interface standardSettings {
+        firstDay: number;
+        days: daySettings;
+        months: monthSettings;
+        AM: Array<string>;
+        PM: Array<string>;
+        twoDigitYearMax: number;
+        patterns: patternSettings;
+    }
+    interface daySettings {
+        names: Array<string>;
+        namesAbbr: Array<string>;
+        namesShort: Array<string>;
+    }
+    interface monthSettings {
+        names: Array<string>;
+        namesAbbr: Array<string>;
+    }
+    interface patternSettings {
+        d: string;
+        D: string;
+        t: string;
+        T: string;
+        f: string;
+        F: string;
+        M: string;
+        Y: string;
+        S: string;
+    } 
+class Scroller extends ej.Widget {
+	static fn: Scroller;
+	constructor(element: JQuery, options?: Scroller.Model);
+	constructor(element: Element, options?: Scroller.Model);
+	static Locale: any;
+	model:Scroller.Model;
+	defaults:Scroller.Model;
+
+	/** destroy the Scroller control, unbind the all ej control related events automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** User disables the Scroller control at any time.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** User enables the Scroller control at any time.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns true if horizontal scrollbar is shown, else return false.
+	*   @returns {boolean}
+	*/
+	isHScroll(): boolean;
+
+	/** Returns true if vertical scrollbar is shown, else return false.
+	*   @returns {boolean}
+	*/
+	isVScroll(): boolean;
+
+	/** User refreshes the Scroller control at any time.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Horizontal scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+	*   @param {number|string} Horizontal scroller moves to the specified pixel.
+	*   @param {boolean} Specifies to enable/disable the animation.
+	*   @param {number} Specifies the animation speed when scrolling, if animation is enabled.
+	*   @returns {void}
+	*/
+	scrollX(pixel: number|string, disableAnimation: boolean, animationSpeed: number): void;
+
+	/** Vertical scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+	*   @param {number|string} Vertical scroller moves to the specified pixel.
+	*   @param {boolean} Specifies to enable/disable the animation.
+	*   @param {number} Specifies the animation speed when scrolling, if animation is enabled.
+	*   @returns {void}
+	*/
+	scrollY(pixel: number|string, disableAnimation: boolean, animationSpeed: number): void;
+}
+export module Scroller{
+
+export interface Model {
+
+	/** Specifies the swipe scrolling speed(in millisecond).
+	*   @Default {600}
+	*/
+	animationSpeed?: number;
+
+	/** Set true to hides the scrollbar, when mouseout the content area.
+	*   @Default {false}
+	*/
+	autoHide?: boolean;
+
+	/** Specifies the height and width of button in the scrollbar.
+	*   @Default {18}
+	*/
+	buttonSize?: number;
+
+	/** Specifies to enable or disable the scroller
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Indicates the Right to Left direction to scroller
+	*   @Default {undefined}
+	*/
+	enableRTL?: boolean;
+
+	/** Enables or Disable the touch Scroll
+	*   @Default {true}
+	*/
+	enableTouchScroll?: boolean;
+
+	/** Specifies the height of Scroll panel and scrollbars.
+	*   @Default {250}
+	*/
+	height?: number|string;
+
+	/** If the scrollbar has vertical it set as width, else it will set as height of the handler.
+	*   @Default {18}
+	*/
+	scrollerSize?: number;
+
+	/** The Scroller content and scrollbars move left with given value.
+	*   @Default {0}
+	*/
+	scrollLeft?: number;
+
+	/** While press on the arrow key the scrollbar position added to the given pixel value.
+	*   @Default {57}
+	*/
+	scrollOneStepBy?: number;
+
+	/** The Scroller content and scrollbars move to top position with specified value.
+	*   @Default {0}
+	*/
+	scrollTop?: number;
+
+	/** Indicates the target area to which scroller have to appear.
+	*   @Default {null}
+	*/
+	targetPane?: string;
+
+	/** Specifies the width of Scroll panel and scrollbars.
+	*   @Default {0}
+	*/
+	width?: number|string;
+
+	/** Fires when Scroller control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when Scroller control is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when a thumb point is moved along the touch surface. */
+	thumbMove? (e: ThumbMoveEventArgs): void;
+
+	/** Fires when a thumb point is placed on the touch surface. */
+	thumbStart? (e: ThumbStartEventArgs): void;
+
+	/** Fires when a thumb point is removed from the touch surface. */
+	thumbEnd? (e: ThumbEndEventArgs): void;
+
+	/** It fires whenever the mouse wheel is rotated either in upwards or downwards. */
+	wheelMove? (e: WheelMoveEventArgs): void;
+
+	/** It will fire when mouse trackball has been start to wheel. */
+	wheelStart? (e: WheelStartEventArgs): void;
+
+	/** It will fire when mouse trackball has been stop to wheel. */
+	wheelStop? (e: WheelStopEventArgs): void;
+}
 
-			/** returns the draggable element object
-			 */
-			element?: any;
+export interface CreateEventArgs {
 
-			/** returns the event model values
-			 */
-			sender?: any;
-		}
-	}
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-	class Droppable extends ej.Widget {
-		static fn: Droppable;
-		constructor(element: JQuery | Element, options?: Droppable.Model);
-		static Locale: any;
-		model: Droppable.Model;
-		defaults: Droppable.Model;
-
-		/** destroy in the Droppable.
-		 * @returns {void}
-		 */
-		_destroy(): void;
-	}
-	export namespace Droppable {
-
-		export interface Model {
-
-			/** Used to accept the specified draggable items.
-			 * @Default {null}
-			 */
-			accept?: any;
-
-			/** Used to group sets of droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
-			 * @Default {'default'}
-			 */
-			scope?: string;
-
-			/** This event is triggered when the mouse up is moved during the dragging. */
-			drop?(e: DropEventArgs): void;
-
-			/** This event is triggered when the mouse is moved out. */
-			out?(e: OutEventArgs): void;
-
-			/** This event is triggered when the mouse is moved over. */
-			over?(e: OverEventArgs): void;
-		}
-
-		export interface DropEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the autocomplete model
-			 */
-			model?: ej.Droppable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the element which accepts the droppable element.
-			 */
-			target?: any;
-		}
-
-		export interface OutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the autocomplete model
-			 */
-			model?: ej.Droppable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mouse out over the element
-			 */
-			target?: any;
-		}
-
-		export interface OverEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the autocomplete model
-			 */
-			model?: ej.Droppable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mouse over the element
-			 */
-			target?: any;
-		}
-	}
-
-	class Resizable extends ej.Widget {
-		static fn: Resizable;
-		constructor(element: JQuery | Element, options?: Resizable.Model);
-		static Locale: any;
-		model: Resizable.Model;
-		defaults: Resizable.Model;
-
-		/** destroy in the Resizable.
-		 * @returns {void}
-		 */
-		_destroy(): void;
-	}
-	export namespace Resizable {
-
-		export interface Model {
-
-			/** Sets the offset of the resizing helper relative to the mouse cursor.
-			 * @Default {{ top: -1, left: -2 }}
-			 */
-			cursorAt?: any;
-
-			/** Distance in pixels after mousedown the mouse must move before resizing should start. This option can be used to prevent unwanted drags when clicking on an element.
-			 * @Default {1}
-			 */
-			distance?: number;
-
-			/** If specified, restricts resize start click to the specified element(s).
-			 * @Default {null}
-			 */
-			handle?: string;
-
-			/** Sets the max height for resizing
-			 * @Default {null}
-			 */
-			maxHeight?: number;
-
-			/** Sets the max width for resizing
-			 * @Default {null}
-			 */
-			maxWidth?: number;
-
-			/** Sets the min Height for resizing
-			 * @Default {10}
-			 */
-			minHeight?: number;
-
-			/** Sets the min Width for resizing
-			 * @Default {10}
-			 */
-			minWidth?: number;
-
-			/** Used to group sets of resizable items.
-			 * @Default {'default'}
-			 */
-			scope?: string;
-
-			/** This event is triggered when the widget destroys. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** This event is triggered when resized. */
-			helper?(e: HelperEventArgs): void;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the autocomplete model
-			 */
-			model?: ej.Resizable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface HelperEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the autocomplete model
-			 */
-			model?: ej.Resizable.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-
-
-	const globalize: globalize;
-	const cultures: culture;
-	function addCulture(name: string, culture?: any): void;
-	function preferredCulture(culture?: string): culture;
-	function format(value: any, format: string, culture?: string): string;
-	function parseInt(value: string, radix?: any, culture?: string): number;
-	function parseFloat(value: string, radix?: any, culture?: string): number;
-	function parseDate(value: string, format: string, culture?: string): Date;
-	function getLocalizedConstants(controlName: string, culture?: string): any;
-
-	interface globalize {
-		addCulture(name: string, culture?: any): void;
-		preferredCulture(culture?: string): culture;
-		format(value: any, format: string, culture?: string): string;
-		parseInt(value: string, radix?: any, culture?: string): number;
-		parseFloat(value: string, radix?: any, culture?: string): number;
-		parseDate(value: string, format: string, culture?: string): Date;
-		getLocalizedConstants(controlName: string, culture?: string): any;
-	}
-	interface culture {
-		name?: string;
-		englishName?: string;
-		namtiveName?: string;
-		language?: string;
-		isRTL: boolean;
-		numberFormat?: formatSettings;
-		calendars?: calendarsSettings;
-	}
-	interface formatSettings {
-		pattern: string[];
-		decimals: number;
-		groupSizes: number[];
-		percent: percentSettings;
-		currency: currencySettings;
-	}
-	interface percentSettings {
-		pattern: string[];
-		decimals: number;
-		groupSizes: number[];
-		symbol: string;
-	}
-	interface currencySettings {
-		pattern: string[];
-		decimals: number;
-		groupSizes: number[];
-		symbol: string;
-	}
-	interface calendarsSettings {
-		standard: standardSettings;
-	}
-	interface standardSettings {
-		firstDay: number;
-		days: daySettings;
-		months: monthSettings;
-		AM: string[];
-		PM: string[];
-		twoDigitYearMax: number;
-		patterns: patternSettings;
-	}
-	interface daySettings {
-		names: string[];
-		namesAbbr: string[];
-		namesShort: string[];
-	}
-	interface monthSettings {
-		names: string[];
-		namesAbbr: string[];
-	}
-	interface patternSettings {
-		d: string;
-		D: string;
-		t: string;
-		T: string;
-		f: string;
-		F: string;
-		M: string;
-		Y: string;
-		S: string;
-	}
-	class Scroller extends ej.Widget {
-		static fn: Scroller;
-		constructor(element: JQuery | Element, options?: Scroller.Model);
-		static Locale: any;
-		model: Scroller.Model;
-		defaults: Scroller.Model;
-
-		/** destroy the Scroller control, unbind the all ej control related events automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** User disables the Scroller control at any time.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** User enables the Scroller control at any time.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Returns true if horizontal scrollbar is shown, else return false.
-		 * @returns {boolean}
-		 */
-		isHScroll(): boolean;
-
-		/** Returns true if vertical scrollbar is shown, else return false.
-		 * @returns {boolean}
-		 */
-		isVScroll(): boolean;
-
-		/** User refreshes the Scroller control at any time.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Horizontal scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-		 * @param {number|string} Horizontal scroller moves to the specified pixel.
-		 * @param {boolean} Specifies to enable/disable the animation.
-		 * @param {number} Specifies the animation speed when scrolling, if animation is enabled.
-		 * @returns {void}
-		 */
-		scrollX(pixel: number | string, disableAnimation: boolean, animationSpeed: number): void;
-
-		/** Vertical scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-		 * @param {number|string} Vertical scroller moves to the specified pixel.
-		 * @param {boolean} Specifies to enable/disable the animation.
-		 * @param {number} Specifies the animation speed when scrolling, if animation is enabled.
-		 * @returns {void}
-		 */
-		scrollY(pixel: number | string, disableAnimation: boolean, animationSpeed: number): void;
-	}
-	export namespace Scroller {
-
-		export interface Model {
-
-			/** Specifies the swipe scrolling speed(in millisecond).
-			 * @Default {600}
-			 */
-			animationSpeed?: number;
-
-			/** Set true to hides the scrollbar, when mouseout the content area.
-			 * @Default {false}
-			 */
-			autoHide?: boolean;
-
-			/** Specifies the height and width of button in the scrollbar.
-			 * @Default {18}
-			 */
-			buttonSize?: number;
-
-			/** Specifies to enable or disable the scroller
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Indicates the Right to Left direction to scroller
-			 * @Default {undefined}
-			 */
-			enableRTL?: boolean;
-
-			/** Enables or Disable the touch Scroll
-			 * @Default {true}
-			 */
-			enableTouchScroll?: boolean;
-
-			/** Specifies the height of Scroll panel and scrollbars.
-			 * @Default {250}
-			 */
-			height?: number | string;
-
-			/** If the scrollbar has vertical it set as width, else it will set as height of the handler.
-			 * @Default {18}
-			 */
-			scrollerSize?: number;
-
-			/** The Scroller content and scrollbars move left with given value.
-			 * @Default {0}
-			 */
-			scrollLeft?: number;
-
-			/** While press on the arrow key the scrollbar position added to the given pixel value.
-			 * @Default {57}
-			 */
-			scrollOneStepBy?: number;
-
-			/** The Scroller content and scrollbars move to top position with specified value.
-			 * @Default {0}
-			 */
-			scrollTop?: number;
-
-			/** Indicates the target area to which scroller have to appear.
-			 * @Default {null}
-			 */
-			targetPane?: string;
-
-			/** Specifies the width of Scroll panel and scrollbars.
-			 * @Default {0}
-			 */
-			width?: number | string;
-
-			/** Fires when Scroller control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when Scroller control is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when a thumb point is moved along the touch surface. */
-			thumbMove?(e: ThumbMoveEventArgs): void;
-
-			/** Fires when a thumb point is placed on the touch surface. */
-			thumbStart?(e: ThumbStartEventArgs): void;
-
-			/** Fires when a thumb point is removed from the touch surface. */
-			thumbEnd?(e: ThumbEndEventArgs): void;
-
-			/** It fires whenever the mouse wheel is rotated either in upwards or downwards. */
-			wheelMove?(e: WheelMoveEventArgs): void;
-
-			/** It will fire when mouse trackball has been start to wheel. */
-			wheelStart?(e: WheelStartEventArgs): void;
-
-			/** It will fire when mouse trackball has been stop to wheel. */
-			wheelStop?(e: WheelStopEventArgs): void;
-		}
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
 
-		export interface CreateEventArgs {
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+export interface DestroyEventArgs {
 
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
 
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-		export interface DestroyEventArgs {
+export interface ThumbMoveEventArgs {
 
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
 
-		export interface ThumbMoveEventArgs {
+	/** returns the original event name and its event properties of the current event.
+	*/
+	originalEvent?: any;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the current data related to the event.
+	*/
+	scrollData?: any;
 
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** returns the original event name and its event properties of the current event.
-			 */
-			originalEvent?: any;
+export interface ThumbStartEventArgs {
 
-			/** returns the current data related to the event.
-			 */
-			scrollData?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
 
-		export interface ThumbStartEventArgs {
+	/** returns the original event name and its event properties of the current event.
+	*/
+	originalEvent?: any;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the current data related to the event.
+	*/
+	scrollData?: any;
 
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
 
-			/** returns the original event name and its event properties of the current event.
-			 */
-			originalEvent?: any;
+export interface ThumbEndEventArgs {
 
-			/** returns the current data related to the event.
-			 */
-			scrollData?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
 
-		export interface ThumbEndEventArgs {
+	/** returns the original event name and its event properties of the current event.
+	*/
+	originalEvent?: any;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the current data related to the event.
+	*/
+	scrollData?: any;
 
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface WheelMoveEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
+
+	/** returns the original event name and its event properties of the current event.
+	*/
+	originalEvent?: any;
+}
+
+export interface WheelStartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
+
+	/** returns the original event name and its event properties of the current event.
+	*/
+	originalEvent?: any;
+
+	/** returns the current data related to the event.
+	*/
+	scrollData?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface WheelStopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the scroller model
+	*/
+	model?: ej.Scroller.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the original event name and its event properties of the current event.
+	*/
+	originalEvent?: any;
+}
+}
+
+class Accordion extends ej.Widget {
+	static fn: Accordion;
+	constructor(element: JQuery, options?: Accordion.Model);
+	constructor(element: Element, options?: Accordion.Model);
+	static Locale: any;
+	model:Accordion.Model;
+	defaults:Accordion.Model;
+
+	/** AddItem method is used to add the panel in dynamically. It receives the following parameters
+	*   @param {string} specify the name of the header
+	*   @param {string} content of the new panel
+	*   @param {number} insertion place of the new panel
+	*   @param {boolean} Enable or disable the AJAX request to the added panel
+	*   @returns {void}
+	*/
+	addItem(header_name: string, content: string, index: number, isAjaxReq: boolean): void;
+
+	/** This method used to collapse the all the expanded items in accordion at a time.
+	*   @returns {void}
+	*/
+	collapseAll(): void;
+
+	/** This method used to Collapses the specified items in accordion at a time.
+	*   @returns {void}
+	*/
+	collapsePanel(): void;
+
+	/** destroy the Accordion widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the accordion widget includes all the headers and content panels.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Disable the accordion widget item based on specified header index.
+	*   @param {Array<any>} index values to disable the panels
+	*   @returns {void}
+	*/
+	disableItems(index: Array<any>): void;
+
+	/** Enable the accordion widget includes all the headers and content panels.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Enable the accordion widget item based on specified header index.
+	*   @param {Array<any>} index values to enable the panels
+	*   @returns {void}
+	*/
+	enableItems(index: Array<any>): void;
+
+	/** To expand all the accordion widget items.
+	*   @returns {void}
+	*/
+	expandAll(): void;
+
+	/** This method used to Expand the specified items in accordion at a time.
+	*   @returns {void}
+	*/
+	expandPanel(): void;
+
+	/** Returns the total number of panels in the control.
+	*   @returns {number}
+	*/
+	getItemsCount(): number;
+
+	/** Hides the visible Accordion control.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** The refresh method is used to adjust the control size based on the parent element dimension.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** RemoveItem method is used to remove the specified index panel.It receives the parameter as number.
+	*   @param {number} specify the index value for remove the accordion panel.
+	*   @returns {void}
+	*/
+	removeItem(index: number): void;
+
+	/** Shows the hidden Accordion control.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module Accordion{
+
+export interface Model {
+
+	/** Specifies the ajaxSettings option to load the content to the accordion control.
+	*   @Default {null}
+	*/
+	ajaxSettings?: AjaxSettings;
+
+	/** Accordion headers can be expanded and collapsed on keyboard action.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** To set the Accordion headers Collapse Speed.
+	*   @Default {300}
+	*/
+	collapseSpeed?: number;
+
+	/** Specifies the collapsible state of accordion control.
+	*   @Default {false}
+	*/
+	collapsible?: boolean;
+
+	/** Sets the root CSS class for Accordion theme, which is used customize.
+	*/
+	cssClass?: string;
+
+	/** Allows you to set the custom header Icon. It accepts two key values “header”, ”selectedHeader”.
+	*   @Default {{ header: e-collapse, selectedHeader: e-expand }}
+	*/
+	customIcon?: CustomIcon;
+
+	/** Disables the specified indexed items in accordion.
+	*   @Default {[]}
+	*/
+	disabledItems?: number[];
+
+	/** Specifies the animation behavior in accordion.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** With this enabled property, you can enable or disable the Accordion.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Used to enable the disabled items in accordion.
+	*   @Default {[]}
+	*/
+	enabledItems?: number[];
+
+	/** Multiple content panels to activate at a time.
+	*   @Default {false}
+	*/
+	enableMultipleOpen?: boolean;
+
+	/** Save current model value to browser cookies for maintaining states. When refreshing the accordion control page, the model value is applied from browser cookies or HTML 5local storage.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Display headers and panel text from right-to-left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** The events API binds the action for activating the accordion header. Users can activate the header by using mouse actions such as mouse-over, mouse-up, mouse-down, and soon.
+	*   @Default {click}
+	*/
+	events?: string;
+
+	/** To set the Accordion headers Expand Speed.
+	*   @Default {300}
+	*/
+	expandSpeed?: number;
+
+	/** Sets the height for Accordion items header.
+	*/
+	headerSize?: number|string;
+
+	/** Specifies height of the accordion.
+	*   @Default {null}
+	*/
+	height?: number|string;
+
+	/** Adjusts the content panel height based on the given option (content, auto, or fill). By default, the panel heights are adjusted based on the content.
+	*   @Default {content}
+	*/
+	heightAdjustMode?: ej.Accordion.HeightAdjustMode|string;
+
+	/** It allows to define the characteristics of the Accordion control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** The given index header will activate (open). If collapsible is set to true, and a negative value is given, then all headers are collapsed. Otherwise, the first panel isactivated.
+	*   @Default {0}
+	*/
+	selectedItemIndex?: number;
+
+	/** Activate the specified indexed items of the accordion
+	*   @Default {[0]}
+	*/
+	selectedItems?: number[];
+
+	/** Used to determines the close button visibility an each accordion items. This close button helps to remove the accordion item from the control.
+	*   @Default {false}
+	*/
+	showCloseButton?: boolean;
+
+	/** Displays rounded corner borders on the Accordion control's panels and headers.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies width of the accordion.
+	*   @Default {null}
+	*/
+	width?: number|string;
+
+	/** Triggered after a Accordion item is active . Argument values are activeIndex, activeHeader, isInteraction and current model values. */
+	activate? (e: ActivateEventArgs): void;
+
+	/** Triggered before the AJAX content is loaded in a content panel. Arguments have location of the content (URL) and current model value. */
+	ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
 
-			/** returns the original event name and its event properties of the current event.
-			 */
-			originalEvent?: any;
+	/** Triggered after AJAX load failed action. Arguments have URL, error message, and current model value. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
+
+	/** Triggered after the AJAX content loads. Arguments have current model values. */
+	ajaxLoad? (e: AjaxLoadEventArgs): void;
+
+	/** Triggered after AJAX success action. Arguments have URL, content, and current model values. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
 
-			/** returns the current data related to the event.
-			 */
-			scrollData?: any;
+	/** Triggered before a tab item is active. Arguments have active index and model values. */
+	beforeActivate? (e: BeforeActivateEventArgs): void;
+
+	/** Triggered before a Accordion item is inactive. Argument values are  inActiveIndex and  model values. */
+	beforeInactivate? (e: BeforeInactivateEventArgs): void;
 
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface WheelMoveEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
-
-			/** returns the original event name and its event properties of the current event.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface WheelStartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
-
-			/** returns the original event name and its event properties of the current event.
-			 */
-			originalEvent?: any;
-
-			/** returns the current data related to the event.
-			 */
-			scrollData?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface WheelStopEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the scroller model
-			 */
-			model?: ej.Scroller.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the original event name and its event properties of the current event.
-			 */
-			originalEvent?: any;
-		}
-	}
-
-	class Accordion extends ej.Widget {
-		static fn: Accordion;
-		constructor(element: JQuery | Element, options?: Accordion.Model);
-		static Locale: any;
-		model: Accordion.Model;
-		defaults: Accordion.Model;
-
-		/** AddItem method is used to add the panel in dynamically. It receives the following parameters
-		 * @param {string} specify the name of the header
-		 * @param {string} content of the new panel
-		 * @param {number} insertion place of the new panel
-		 * @param {boolean} Enable or disable the AJAX request to the added panel
-		 * @returns {void}
-		 */
-		addItem(header_name: string, content: string, index: number, isAjaxReq: boolean): void;
-
-		/** This method used to collapse the all the expanded items in accordion at a time.
-		 * @returns {void}
-		 */
-		collapseAll(): void;
-
-		/** This method used to Collapses the specified items in accordion at a time.
-		 * @returns {void}
-		 */
-		collapsePanel(): void;
-
-		/** destroy the Accordion widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the accordion widget includes all the headers and content panels.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Disable the accordion widget item based on specified header index.
-		 * @param {Array<any>} index values to disable the panels
-		 * @returns {void}
-		 */
-		disableItems(index: any[]): void;
-
-		/** Enable the accordion widget includes all the headers and content panels.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Enable the accordion widget item based on specified header index.
-		 * @param {Array<any>} index values to enable the panels
-		 * @returns {void}
-		 */
-		enableItems(index: any[]): void;
-
-		/** To expand all the accordion widget items.
-		 * @returns {void}
-		 */
-		expandAll(): void;
-
-		/** This method used to Expand the specified items in accordion at a time.
-		 * @returns {void}
-		 */
-		expandPanel(): void;
-
-		/** Returns the total number of panels in the control.
-		 * @returns {number}
-		 */
-		getItemsCount(): number;
-
-		/** Hides the visible Accordion control.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** The refresh method is used to adjust the control size based on the parent element dimension.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** RemoveItem method is used to remove the specified index panel.It receives the parameter as number.
-		 * @param {number} specify the index value for remove the accordion panel.
-		 * @returns {void}
-		 */
-		removeItem(index: number): void;
-
-		/** Shows the hidden Accordion control.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace Accordion {
-
-		export interface Model {
-
-			/** Specifies the ajaxSettings option to load the content to the accordion control.
-			 * @Default {null}
-			 */
-			ajaxSettings?: AjaxSettings;
-
-			/** Accordion headers can be expanded and collapsed on keyboard action.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** To set the Accordion headers Collapse Speed.
-			 * @Default {300}
-			 */
-			collapseSpeed?: number;
-
-			/** Specifies the collapsible state of accordion control.
-			 * @Default {false}
-			 */
-			collapsible?: boolean;
-
-			/** Sets the root CSS class for Accordion theme, which is used customize.
-			 */
-			cssClass?: string;
-
-			/** Allows you to set the custom header Icon. It accepts two key values “header”, ”selectedHeader”.
-			 * @Default {{ header: e-collapse, selectedHeader: e-expand }}
-			 */
-			customIcon?: CustomIcon;
-
-			/** Disables the specified indexed items in accordion.
-			 * @Default {[]}
-			 */
-			disabledItems?: number[];
-
-			/** Specifies the animation behavior in accordion.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** With this enabled property, you can enable or disable the Accordion.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Used to enable the disabled items in accordion.
-			 * @Default {[]}
-			 */
-			enabledItems?: number[];
-
-			/** Multiple content panels to activate at a time.
-			 * @Default {false}
-			 */
-			enableMultipleOpen?: boolean;
-
-			/** Save current model value to browser cookies for maintaining states. When refreshing the accordion control page, the model value is applied from browser cookies or HTML 5local storage.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Display headers and panel text from right-to-left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** The events API binds the action for activating the accordion header. Users can activate the header by using mouse actions such as mouse-over, mouse-up, mouse-down, and soon.
-			 * @Default {click}
-			 */
-			events?: string;
-
-			/** To set the Accordion headers Expand Speed.
-			 * @Default {300}
-			 */
-			expandSpeed?: number;
-
-			/** Sets the height for Accordion items header.
-			 */
-			headerSize?: number | string;
-
-			/** Specifies height of the accordion.
-			 * @Default {null}
-			 */
-			height?: number | string;
-
-			/** Adjusts the content panel height based on the given option (content, auto, or fill). By default, the panel heights are adjusted based on the content.
-			 * @Default {content}
-			 */
-			heightAdjustMode?: ej.Accordion.HeightAdjustMode | string;
-
-			/** It allows to define the characteristics of the Accordion control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** The given index header will activate (open). If collapsible is set to true, and a negative value is given, then all headers are collapsed. Otherwise, the first panel isactivated.
-			 * @Default {0}
-			 */
-			selectedItemIndex?: number;
-
-			/** Activate the specified indexed items of the accordion
-			 * @Default {[0]}
-			 */
-			selectedItems?: number[];
-
-			/** Used to determines the close button visibility an each accordion items. This close button helps to remove the accordion item from the control.
-			 * @Default {false}
-			 */
-			showCloseButton?: boolean;
-
-			/** Displays rounded corner borders on the Accordion control's panels and headers.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies width of the accordion.
-			 * @Default {null}
-			 */
-			width?: number | string;
-
-			/** Triggered after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
-			activate?(e: ActivateEventArgs): void;
-
-			/** Triggered before the AJAX content is loaded in a content panel. Arguments have location of the content (URL) and current model value. */
-			ajaxBeforeLoad?(e: AjaxBeforeLoadEventArgs): void;
+	/** Triggered after Accordion control creation. */
+	create? (e: CreateEventArgs): void;
 
-			/** Triggered after AJAX load failed action. Arguments have URL, error message, and current model value. */
-			ajaxError?(e: AjaxErrorEventArgs): void;
-
-			/** Triggered after the AJAX content loads. Arguments have current model values. */
-			ajaxLoad?(e: AjaxLoadEventArgs): void;
-
-			/** Triggered after AJAX success action. Arguments have URL, content, and current model values. */
-			ajaxSuccess?(e: AjaxSuccessEventArgs): void;
+	/** Triggered after Accordion control destroy. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** Triggered before a tab item is active. Arguments have active index and model values. */
-			beforeActivate?(e: BeforeActivateEventArgs): void;
-
-			/** Triggered after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
-			beforeInactivate?(e: BeforeInactivateEventArgs): void;
+	/** Triggered after a Accordion item is inactive. Argument values are  inActiveHeader, inActiveIndex ,isInteraction and current model values. */
+	inActivate? (e: InActivateEventArgs): void;
+}
 
-			/** Triggered after Accordion control creation. */
-			create?(e: CreateEventArgs): void;
+export interface ActivateEventArgs {
 
-			/** Triggered after Accordion control destroy. */
-			destroy?(e: DestroyEventArgs): void;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Triggered after a Accordion item is active or inactive. Argument values are activeIndex, activeHeader, inActiveHeader, inActiveIndex and current model value. */
-			inActivate?(e: InActivateEventArgs): void;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface ActivateEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns active index
+	*/
+	activeIndex?: number;
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** returns current active header
+	*/
+	activeHeader?: any;
 
-			/** returns the name of the event
-			 */
-			type?: string;
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
 
-			/** returns active index
-			 */
-			activeIndex?: number;
+export interface AjaxBeforeLoadEventArgs {
 
-			/** returns current active header
-			 */
-			activeHeader?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns true when the Accordion index activated by user interaction otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface AjaxBeforeLoadEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns current AJAX content location
+	*/
+	URL?: string;
+}
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+export interface AjaxErrorEventArgs {
 
-			/** returns the name of the event
-			 */
-			type?: string;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns current AJAX content location
-			 */
-			URL?: string;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface AjaxErrorEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns current AJAX content location
+	*/
+	URL?: string;
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** returns the failed data sent.
+	*/
+	data?: string;
+}
 
-			/** returns the name of the event
-			 */
-			type?: string;
+export interface AjaxLoadEventArgs {
 
-			/** returns current AJAX content location
-			 */
-			URL?: string;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the failed data sent.
-			 */
-			data?: string;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface AjaxLoadEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns the name of the URL
+	*/
+	URL?: string;
+}
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+export interface AjaxSuccessEventArgs {
 
-			/** returns the name of the event
-			 */
-			type?: string;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the URL
-			 */
-			URL?: string;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface AjaxSuccessEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns current AJAX content location
+	*/
+	URL?: string;
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** returns the successful data sent.
+	*/
+	data?: string;
 
-			/** returns the name of the event
-			 */
-			type?: string;
+	/** returns the AJAX content.
+	*/
+	content?: string;
+}
 
-			/** returns current AJAX content location
-			 */
-			URL?: string;
+export interface BeforeActivateEventArgs {
 
-			/** returns the successful data sent.
-			 */
-			data?: string;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the AJAX content.
-			 */
-			content?: string;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface BeforeActivateEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns active index
+	*/
+	activeIndex?: number;
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
 
-			/** returns the name of the event
-			 */
-			type?: string;
+export interface BeforeInactivateEventArgs {
 
-			/** returns active index
-			 */
-			activeIndex?: number;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns true when the Accordion index activated by user interaction otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface BeforeInactivateEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns active index
+	*/
+	inActiveIndex?: number;
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
 
-			/** returns the name of the event
-			 */
-			type?: string;
+export interface CreateEventArgs {
 
-			/** returns active index
-			 */
-			inActiveIndex?: number;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns true when the Accordion index activated by user interaction otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface CreateEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+export interface DestroyEventArgs {
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface DestroyEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+export interface InActivateEventArgs {
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
+	/** returns the accordion model
+	*/
+	model?: ej.Accordion.Model;
 
-		export interface InActivateEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
+	/** returns active index
+	*/
+	inActiveIndex?: number;
 
-			/** returns the accordion model
-			 */
-			model?: ej.Accordion.Model;
+	/** returns in active element
+	*/
+	inActiveHeader?: any;
 
-			/** returns the name of the event
-			 */
-			type?: string;
+	/** returns true when the Accordion index activated by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
 
-			/** returns active index
-			 */
-			inActiveIndex?: number;
+export interface AjaxSettings {
 
-			/** returns in active element
-			 */
-			inActiveHeader?: any;
+	/** It specifies, whether to enable or disable asynchronous request.
+	*/
+	async?: boolean;
 
-			/** returns true when the Accordion index activated by user interaction otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
+	/** It specifies the page will be cached in the web browser.
+	*/
+	cache?: boolean;
 
-		export interface AjaxSettings {
+	/** It specifies the type of data is send in the query string.
+	*/
+	contentType?: string;
 
-			/** It specifies, whether to enable or disable asynchronous request.
-			 */
-			async?: boolean;
+	/** It specifies the data as an object, will be passed in the query string.
+	*/
+	data?: any;
 
-			/** It specifies the page will be cached in the web browser.
-			 */
-			cache?: boolean;
+	/** It specifies the type of data that you're expecting back from the response.
+	*/
+	dataType?: string;
 
-			/** It specifies the type of data is send in the query string.
-			 */
-			contentType?: string;
-
-			/** It specifies the data as an object, will be passed in the query string.
-			 */
-			data?: any;
-
-			/** It specifies the type of data that you're expecting back from the response.
-			 */
-			dataType?: string;
-
-			/** It specifies the HTTP request type.
-			 */
-			type?: string;
-		}
-
-		export interface CustomIcon {
-
-			/** This class name set to collapsing header.
-			 */
-			header?: string;
-
-			/** This class name set to expanded (active) header.
-			 */
-			selectedHeader?: string;
-		}
-
-		enum HeightAdjustMode {
-
-			///Height fit to the content in the panel
-			Content,
-
-			///Height set to the largest content in the panel
-			Auto,
-
-			///Height filled to the content of the panel
-			Fill
-		}
-
-	}
-
-	class Autocomplete extends ej.Widget {
-		static fn: Autocomplete;
-		constructor(element: JQuery | Element, options?: Autocomplete.Model);
-		static Locale: any;
-		model: Autocomplete.Model;
-		defaults: Autocomplete.Model;
-
-		/** Clears the text in the Autocomplete textbox.
-		 * @returns {void}
-		 */
-		clearText(): void;
-
-		/** Destroys the Autocomplete widget.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the autocomplete widget.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the autocomplete widget.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Returns objects (data object) of all the selected items in the autocomplete textbox.
-		 * @returns {any}
-		 */
-		getSelectedItems(): any;
-
-		/** Returns the current selected value from the Autocomplete textbox.
-		 * @returns {string}
-		 */
-		getValue(): string;
-
-		/** Returns the current active text value in the Autocomplete suggestion list.
-		 * @returns {string}
-		 */
-		getActiveText(): string;
-
-		/** Search the entered text and show it in the suggestion list if available.
-		 * @returns {void}
-		 */
-		search(): void;
-
-		/** Open up the autocomplete suggestion popup with all list items.
-		 * @returns {void}
-		 */
-		open(): void;
-
-		/** Sets the value of the Autocomplete textbox based on the given key value.
-		 * @param {string} The key value of the specific suggestion item.
-		 * @returns {void}
-		 */
-		selectValueByKey(Key: string): void;
-
-		/** Sets the value of the Autocomplete textbox based on the given input text value.
-		 * @param {string} The text (label) value of the specific suggestion item.
-		 * @returns {void}
-		 */
-		selectValueByText(Text: string): void;
-	}
-	export namespace Autocomplete {
-
-		export interface Model {
-
-			/** Customize &quot;Add New&quot; text (label) to be added in the autocomplete popup list for the entered text when there are no suggestions for it.
-			 * @Default {Add New}
-			 */
-			addNewText?: boolean;
-
-			/** Allows new values to be added to the autocomplete input other than the values in the suggestion list.
-			 * Normally, when there are no suggestions it will display “No suggestions” label in the popup.
-			 * @Default {false}
-			 */
-			allowAddNew?: boolean;
-
-			/** Enables or disables the sorting of suggestion list item. The default sort order is ascending order. You customize sort order.
-			 * @Default {true}
-			 */
-			allowSorting?: boolean;
-
-			/** Enables or disables selecting the animation style for the popup list. Animation types can be selected through either of the following options,
-			 * @Default {slide}
-			 */
-			animateType?: ej.Autocomplete.Animation | string;
-
-			/** To focus the items in the suggestion list when the popup is shown. By default first item will be focused.
-			 * @Default {false}
-			 */
-			autoFocus?: boolean;
-
-			/** Enables or disables the case sensitive search.
-			 * @Default {false}
-			 */
-			caseSensitiveSearch?: boolean;
-
-			/** The root class for the Autocomplete textbox widget which helps in customizing its theme.
-			 * @Default {””}
-			 */
-			cssClass?: string;
-
-			/** The data source contains the list of data for the suggestions list. It can be a string array or JSON array.
-			 * @Default {null}
-			 */
-			dataSource?: any | any[];
-
-			/** The time delay (in milliseconds) after which the suggestion popup will be shown.
-			 * @Default {200}
-			 */
-			delaySuggestionTimeout?: number;
-
-			/** The special character which acts as a separator for the given words for multi-mode search i.e. the text after the delimiter are considered as a separate word or query for search operation.
-			 * @Default {’,’}
-			 */
-			delimiterChar?: string;
-
-			/** The text to be displayed in the popup when there are no suggestions available for the entered text.
-			 * @Default {“No suggestions”}
-			 */
-			emptyResultText?: string;
-
-			/** Fills the autocomplete textbox with the first matched item from the suggestion list automatically based on the entered text when enabled.
-			 * @Default {false}
-			 */
-			enableAutoFill?: boolean;
-
-			/** Enables or disables the Autocomplete textbox widget.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Enables or disables displaying the duplicate names present in the search result.
-			 * @Default {false}
-			 */
-			enableDistinct?: boolean;
-
-			/** Allows the current model values to be saved in local storage or browser cookies for state maintenance
-			 * when it is set to true.
-			 * While refreshing the page, it retains the model value from browser cookies or local storage.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Displays the Autocomplete widget’s content from right to left when enabled.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Mapping fields for the suggestion items of the Autocomplete textbox widget.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Specifies the search filter type.
-			 * There are several types of search filter available such as ‘startswith’,
-			 * ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’,
-			 * ‘greaterthanorequal’, ‘equal’, ‘notequal’.
-			 * @Default {ej.filterType.StartsWith}
-			 */
-			filterType?: string;
-
-			/** The height of the Autocomplete textbox.
-			 * @Default {null}
-			 */
-			height?: string | number;
-
-			/** The search text can be highlighted in the AutoComplete suggestion list when enabled.
-			 * @Default {false}
-			 */
-			highlightSearch?: boolean;
-
-			/** Number of items to be displayed in the suggestion list.
-			 * @Default {0}
-			 */
-			itemsCount?: number;
-
-			/** Set the localization culture for Autocomplete Widget.
-			 */
-			locale?: string;
-
-			/** Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
-			 * @Default {1}
-			 */
-			minCharacter?: number;
-
-			/** An Autocomplete column collection can be defined and customized through the multiColumnSettings property.Column's header, field, and stringFormat can be define
-			 * via multiColumnSettings properties.
-			 */
-			multiColumnSettings?: MultiColumnSettings;
-
-			/** Enables or disables selecting multiple values from the suggestion list. Multiple values can be selected through either of the following options,
-			 * @Default {ej.MultiSelectMode.None}
-			 */
-			multiSelectMode?: ej.Autocomplete.MultiSelectMode | string;
-
-			/** The height of the suggestion list.
-			 * @Default {“152px”}
-			 */
-			popupHeight?: string;
-
-			/** The width of the suggestion list.
-			 * @Default {“auto”}
-			 */
-			popupWidth?: string;
-
-			/** The query to retrieve the data from the data source.
-			 * @Default {null}
-			 */
-			query?: ej.Query;
-
-			/** Indicates that the autocomplete textbox values can only be readable.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Sets the value for the Autocomplete textbox based on the given input key value.
-			 */
-			selectValueByKey?: number;
-
-			/** Enables or disables showing the message when there are no suggestions for the entered text.
-			 * @Default {true}
-			 */
-			showEmptyResultText?: boolean;
-
-			/** Enables or disables the loading icon to intimate the searching operation. The loading icon is visible when there is a time delay to perform the search.
-			 * @Default {true}
-			 */
-			showLoadingIcon?: boolean;
-
-			/** Enables the showPopup button in autocomplete textbox. When the showPopup button is clicked, it displays all the available data from the data source.
-			 * @Default {false}
-			 */
-			showPopupButton?: boolean;
-
-			/** Enables or disables rounded corner.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Enables or disables reset icon to clear the textbox values.
-			 * @Default {false}
-			 */
-			showResetIcon?: boolean;
-
-			/** Sort order specifies whether the suggestion list values has to be displayed in ascending or descending order.
-			 * @Default {ej.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.Autocomplete.SortOrder | string;
-
-			/** The template to display the suggestion list items with customized appearance.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** The jQuery validation error message to be displayed on form validation.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** The jQuery validation rules for form validation.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** The value to be displayed in the autocomplete textbox.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Enables or disables the visibility of the autocomplete textbox.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** The text to be displayed when the value of the autocomplete textbox is empty.
-			 * @Default {null}
-			 */
-			watermarkText?: string;
-
-			/** The width of the Autocomplete textbox.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Triggers when the AJAX requests Begins. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget. */
-			actionSuccess?(e: ActionSuccessEventArgs): void;
-
-			/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggers when the data requested from AJAX get failed. */
-			actionFailure?(e: ActionFailureEventArgs): void;
-
-			/** Triggers when the text box value is changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Triggers after the suggestion popup is closed. */
-			close?(e: CloseEventArgs): void;
-
-			/** Triggers when Autocomplete widget is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggers after the Autocomplete widget is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggers after the autocomplete textbox is focused. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Triggers after the Autocomplete textbox gets out of the focus. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Triggers after the suggestion list is opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Triggers when an item has been selected from the suggestion list. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ActionSuccessEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
+	/** It specifies the HTTP request type.
+	*/
+	type?: string;
+}
 
-		export interface ActionCompleteEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
+export interface CustomIcon {
 
-		export interface ActionFailureEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
+	/** This class name set to collapsing header.
+	*/
+	header?: string;
 
-		export interface ChangeEventArgs {
+	/** This class name set to expanded (active) header.
+	*/
+	selectedHeader?: string;
+}
 
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
+enum HeightAdjustMode{
 
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
+	///Height fit to the content in the panel
+	Content,
 
-			/** Name of the event.
-			 */
-			type?: string;
+	///Height set to the largest content in the panel
+	Auto,
 
-			/** Value of the autocomplete textbox.
-			 */
-			value?: string;
-		}
-
-		export interface CloseEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Value of the autocomplete textbox.
-			 */
-			value?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Value of the autocomplete textbox.
-			 */
-			value?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the autocomplete model object.
-			 */
-			model?: ej.Autocomplete.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Value of the autocomplete textbox.
-			 */
-			value?: string;
-
-			/** Text of the selected item.
-			 */
-			text?: string;
-
-			/** Key of the selected item.
-			 */
-			key?: string;
-
-			/** Data object of the selected item.
-			 */
-			Item?: ej.Autocomplete.Model;
-		}
-
-		export interface Fields {
-
-			/** Used to group the suggestion list items.
-			 */
-			groupBy?: string;
-
-			/** Defines the HTML attributes such as id, class, styles for the item.
-			 */
-			htmlAttributes?: any;
-
-			/** Defines the specific field name which contains unique key values for the list items.
-			 */
-			key?: string;
-
-			/** Defines the specific field name in the data source to load the suggestion list with data.
-			 */
-			text?: string;
-		}
-
-		export interface MultiColumnSettingsColumn {
-
-			/** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
-			 */
-			field?: string;
-
-			/** Get or set a value that indicates to display the title of that particular column.
-			 */
-			headerText?: string;
-
-			/** Gets or sets a value that indicates to render the multicolumn with custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specifies the search data type. There are four types of data types available such as string, ‘number’, ‘boolean’ and ‘date’.
-			 * @Default {ej.Type.String}
-			 */
-			type?: ej.Type | string;
-
-			/** Specifies the search filter type. There are several types of search filter available such as ‘startswith’,
-			 *  ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’,
-			 *  ‘greaterthanorequal’, ‘equal’, ‘notequal’.
-			 * @Default {ej.filterType.StartsWith}
-			 */
-			filterType?: ej.filterType | string;
-
-			/** This defines the text alignment of a particular column header cell value. See headerTextAlign
-			 * @Default {ej.TextAlign.Left}
-			 */
-			headerTextAlign?: ej.TextAlign | string;
-
-			/** Gets or sets a value that indicates to align the text within the column. See textAlign
-			 * @Default {ej.TextAlign.Left}
-			 */
-			textAlign?: ej.TextAlign | string;
-		}
-
-		export interface MultiColumnSettings {
-
-			/** Allow list of data to be displayed in several columns.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Allow header text to be displayed in corresponding columns.
-			 * @Default {true}
-			 */
-			showHeader?: boolean;
-
-			/** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
-			 */
-			stringFormat?: string;
-
-			/** Field and Header Text collections can be defined and customized through columns field.
-			 */
-			columns?: MultiColumnSettingsColumn[];
-		}
-
-		enum Animation {
-
-			///Supports to animation type with none type only.
-			None,
-
-			///Supports to animation type with slide type only.
-			Slide,
-
-			///Supports to animation type with fade type only.
-			Fade
-		}
-
-
-		enum MultiSelectMode {
-
-			///Multiple values are separated using a given special character.
-			Delimiter,
-
-			///Each values are displayed in separate box with close button.
-			VisualMode
-		}
-
-
-		enum SortOrder {
-
-			///Items to be displayed in the suggestion list in ascending order.
-			Ascending,
-
-			///Items to be displayed in the suggestion list in descending order.
-			Descending
-		}
-
-	}
-
-	class Button extends ej.Widget {
-		static fn: Button;
-		constructor(element: JQuery | Element, options?: Button.Model);
-		static Locale: any;
-		model: Button.Model;
-		defaults: Button.Model;
-
-		/** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To disable the button
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the button
-		 * @returns {void}
-		 */
-		enable(): void;
-	}
-	export namespace Button {
-
-		export interface Model {
-
-			/** Specifies the contentType of the Button. See below to know available ContentType
-			 * @Default {ej.ContentType.TextOnly}
-			 */
-			contentType?: ej.ContentType | string;
-
-			/** Sets the root CSS class for Button theme, which is used customize.
-			 */
-			cssClass?: string;
-
-			/** Specifies the button control state.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specify the Right to Left direction to button
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the height of the Button.
-			 * @Default {28}
-			 */
-			height?: number;
-
-			/** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the image position of the Button. This image position is applicable
-			 * only with the textandimage contentType property. The images can be positioned in both
-			 * imageLeft and imageRight options. See below to know about available ImagePosition
-			 * @Default {ej.ImagePosition.ImageLeft}
-			 */
-			imagePosition?: ej.ImagePosition | string;
-
-			/** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
-			 * @Default {null}
-			 */
-			prefixIcon?: string;
-
-			/** Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
-			 * @Default {false}
-			 */
-			repeatButton?: boolean;
-
-			/** Displays the Button with rounded corners.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the size of the Button. See below to know available ButtonSize
-			 * @Default {ej.ButtonSize.Normal}
-			 */
-			size?: ej.ButtonSize | string;
-
-			/** Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
-			 * @Default {null}
-			 */
-			suffixIcon?: string;
-
-			/** Specifies the text content for Button.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Specified the time interval between two consecutive 'click' event on the button.
-			 * @Default {150}
-			 */
-			timeInterval?: string;
-
-			/** Specifies the Type of the Button. See below to know available ButtonType
-			 * @Default {ej.ButtonType.Submit}
-			 */
-			type?: ej.ButtonType | string;
-
-			/** Specifies the width of the Button.
-			 * @Default {100px}
-			 */
-			width?: string | number;
-
-			/** Fires when Button control is clicked successfully.Consider the scenario to perform any validation,
-			 * modification of content or any other operations click on button,we can make use of this click event
-			 * to achieve the scenario.
-			 */
-			click?(e: ClickEventArgs): void;
-
-			/** Fires after Button control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the button is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
-			destroy?(e: DestroyEventArgs): void;
-		}
-
-		export interface ClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the button model
-			 */
-			model?: ej.Button.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the button state
-			 */
-			status?: boolean;
-
-			/** return the event model for sever side processing.
-			 */
-			e?: any;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the button model
-			 */
-			model?: ej.Button.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the button model
-			 */
-			model?: ej.Button.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-	enum ContentType {
-		//To display the text content only in button
-		TextOnly,
-		//To display the image only in button
-		ImageOnly,
-		//Supports to display  image for both ends of the button
-		ImageBoth,
-		//Supports to display image with the text content
-		TextAndImage,
-		//Supports to display  image with both ends of the text
-		ImageTextImage,
-	}
-	enum ImagePosition {
-		//support for aligning text in left and image in right
-		ImageRight,
-		//support for aligning text in right and image in left
-		ImageLeft,
-		//support for aligning text in bottom and image in top.
-		ImageTop,
-		//support for aligning text in top and image in bottom
-		ImageBottom,
-	}
-	enum ButtonSize {
-		//Creates button with Built-in default size height, width specified
-		Normal,
-		//Creates button with Built-in mini size height, width specified
-		Mini,
-		//Creates button with Built-in small size height, width specified
-		Small,
-		//Creates button with Built-in medium size height, width specified
-		Medium,
-		//Creates button with Built-in large size height, width specified
-		Large,
-	}
-	enum ButtonType {
-		//Creates button with Built-in button type specified
-		Button,
-		//Creates button with Built-in reset type specified
-		Reset,
-		//Creates button with Built-in submit type specified
-		Submit,
-	}
-
-	class Captcha extends ej.Widget {
-		static fn: Captcha;
-		constructor(element: JQuery | Element, options?: Captcha.Model);
-		static Locale: any;
-		model: Captcha.Model;
-		defaults: Captcha.Model;
-	}
-	export namespace Captcha {
-
-		export interface Model {
-
-			/** Specifies the character set of the Captcha that will be used to generate captcha text randomly.
-			 */
-			characterSet?: string;
-
-			/** Specifies the error message to be displayed when the Captcha mismatch.
-			 */
-			customErrorMessage?: string;
-
-			/** Set the Captcha validation automatically.
-			 */
-			enableAutoValidation?: boolean;
-
-			/** Specifies the case sensitivity for the characters typed in the Captcha.
-			 */
-			enableCaseSensitivity?: boolean;
-
-			/** Specifies the background patterns for the Captcha.
-			 */
-			enablePattern?: boolean;
-
-			/** Sets the Captcha direction as right to left alignment.
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the background appearance for the captcha.
-			 */
-			hatchStyle?: ej.HatchStyle | string;
-
-			/** Specifies the height of the Captcha.
-			 */
-			height?: number;
-
-			/** Specifies the method with values to be mapped in the Captcha.
-			 */
-			mapper?: string;
-
-			/** Specifies the maximum number of characters used in the Captcha.
-			 */
-			maximumLength?: number;
-
-			/** Specifies the minimum number of characters used in the Captcha.
-			 */
-			minimumLength?: number;
-
-			/** Specifies the method to map values to Captcha.
-			 */
-			requestMapper?: string;
-
-			/** Sets the Captcha with audio support, that enables to dictate the captcha text.
-			 */
-			showAudioButton?: boolean;
-
-			/** Sets the Captcha with a refresh button.
-			 */
-			showRefreshButton?: boolean;
-
-			/** Specifies the target button of the Captcha to validate the entered text and captcha text.
-			 */
-			targetButton?: string;
-
-			/** Specifies the target input element that will verify the Captcha.
-			 */
-			targetInput?: string;
-
-			/** Specifies the width of the Captcha.
-			 */
-			width?: number;
-
-			/** Fires when captcha refresh begins. */
-			refreshBegin?(e: RefreshBeginEventArgs): void;
-
-			/** Fires after captcha refresh completed. */
-			refreshComplete?(e: RefreshCompleteEventArgs): void;
-
-			/** Fires when captcha refresh fails to load. */
-			refreshFailure?(e: RefreshFailureEventArgs): void;
-
-			/** Fires after captcha refresh succeeded. */
-			refreshSuccess?(e: RefreshSuccessEventArgs): void;
-		}
-
-		export interface RefreshBeginEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Captcha model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface RefreshCompleteEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Captcha model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface RefreshFailureEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Captcha model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface RefreshSuccessEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Captcha model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-	enum HatchStyle {
-		//Set background as None to Captcha
-		None,
-		//Set background as BackwardDiagonal to Captcha
-		BackwardDiagonal,
-		//Set background as Cross to Captcha
-		Cross,
-		//Set background as DarkDownwardDiagonal to Captcha
-		DarkDownwardDiagonal,
-		//Set background as DarkHorizontal to Captcha
-		DarkHorizontal,
-		//Set background as DarkUpwardDiagonal to Captcha
-		DarkUpwardDiagonal,
-		//Set background as DarkVertical to Captcha
-		DarkVertical,
-		//Set background as DashedDownwardDiagonal to Captcha
-		DashedDownwardDiagonal,
-		//Set background as DashedHorizontal to Captcha
-		DashedHorizontal,
-		//Set background as DashedUpwardDiagonal to Captcha
-		DashedUpwardDiagonal,
-		//Set background as DashedVertical to Captcha
-		DashedVertical,
-		//Set background as DiagonalBrick to Captcha
-		DiagonalBrick,
-		//Set background as DiagonalCross to Captcha
-		DiagonalCross,
-		//Set background as Divot to Captcha
-		Divot,
-		//Set background as DottedDiamond to Captcha
-		DottedDiamond,
-		//Set background as DottedGrid to Captcha
-		DottedGrid,
-		//Set background as ForwardDiagonal to Captcha
-		ForwardDiagonal,
-		//Set background as Horizontal to Captcha
-		Horizontal,
-		//Set background as HorizontalBrick to Captcha
-		HorizontalBrick,
-		//Set background as LargeCheckerBoard to Captcha
-		LargeCheckerBoard,
-		//Set background as LargeConfetti to Captcha
-		LargeConfetti,
-		//Set background as LargeGrid to Captcha
-		LargeGrid,
-		//Set background as LightDownwardDiagonal to Captcha
-		LightDownwardDiagonal,
-		//Set background as LightHorizontal to Captcha
-		LightHorizontal,
-		//Set background as LightUpwardDiagonal to Captcha
-		LightUpwardDiagonal,
-		//Set background as LightVertical to Captcha
-		LightVertical,
-		//Set background as Max to Captcha
-		Max,
-		//Set background as Min to Captcha
-		Min,
-		//Set background as NarrowHorizontal to Captcha
-		NarrowHorizontal,
-		//Set background as NarrowVertical to Captcha
-		NarrowVertical,
-		//Set background as OutlinedDiamond to Captcha
-		OutlinedDiamond,
-		//Set background as Percent90 to Captcha
-		Percent90,
-		//Set background as Wave to Captcha
-		Wave,
-		//Set background as Weave to Captcha
-		Weave,
-		//Set background as WideDownwardDiagonal to Captcha
-		WideDownwardDiagonal,
-		//Set background as WideUpwardDiagonal to Captcha
-		WideUpwardDiagonal,
-		//Set background as ZigZag to Captcha
-		ZigZag,
-	}
-
-	class ListBox extends ej.Widget {
-		static fn: ListBox;
-		constructor(element: JQuery | Element, options?: ListBox.Model);
-		static Locale: any;
-		model: ListBox.Model;
-		defaults: ListBox.Model;
-
-		/** Adds a given list items in the ListBox widget at a specified index. It accepts two parameters.
-		 * @param {any|string} This can be a list item object (for JSON binding) or a string (for UL and LI rendering).
-		 * Also we can the specify this as an array of list item object or an array of strings to add multiple items.
-		 * @param {number} The index value to add the given items at the specified index. If index is not specified, the given items will be added at the end of the list.
-		 * @returns {void}
-		 */
-		addItem(listItem: any | string, index: number): void;
-
-		/** Checks all the list items in the ListBox widget. It is dependent on showCheckbox property.
-		 * @returns {void}
-		 */
-		checkAll(): void;
-
-		/** Checks a list item by using its index. It is dependent on showCheckbox property.
-		 * @param {number} Index of the listbox item to be checked. If index is not specified, the given items will be added at the end of the list.
-		 * @returns {void}
-		 */
-		checkItemByIndex(index: number): void;
-
-		/** Checks multiple list items by using its index values. It is dependent on showCheckbox property.
-		 * @param {number[]} Index/Indices of the listbox items to be checked. If index is not specified, the given items will be added at the end of the list.
-		 * @returns {void}
-		 */
-		checkItemsByIndices(indices: number[]): void;
-
-		/** Disables the ListBox widget.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Disables a list item by passing the item text as parameter.
-		 * @param {string} Text of the listbox item to be disabled.
-		 * @returns {void}
-		 */
-		disableItem(text: string): void;
-
-		/** Disables a list Item using its index value.
-		 * @param {number} Index of the listbox item to be disabled.
-		 * @returns {void}
-		 */
-		disableItemByIndex(index: number): void;
-
-		/** Disables set of list Items using its index values.
-		 * @param {number[]|string} Indices of the listbox items to be disabled.
-		 * @returns {void}
-		 */
-		disableItemsByIndices(Indices: number[] | string): void;
-
-		/** Enables the ListBox widget when it is disabled.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Enables a list Item using its item text value.
-		 * @param {string} Text of the listbox item to be enabled.
-		 * @returns {void}
-		 */
-		enableItem(text: string): void;
-
-		/** Enables a list item using its index value.
-		 * @param {number} Index of the listbox item to be enabled.
-		 * @returns {void}
-		 */
-		enableItemByIndex(index: number): void;
-
-		/** Enables a set of list Items using its index values.
-		 * @param {number[]|string} Indices of the listbox items to be enabled.
-		 * @returns {void}
-		 */
-		enableItemsByIndices(indices: number[] | string): void;
-
-		/** Returns the list of checked items in the ListBox widget. It is dependent on showCheckbox property.
-		 * @returns {any}
-		 */
-		getCheckedItems(): any;
-
-		/** Returns the list of selected items in the ListBox widget.
-		 * @returns {any}
-		 */
-		getSelectedItems(): any;
-
-		/** Returns an item’s index based on the given text.
-		 * @param {string} The list item text (label)
-		 * @returns {number}
-		 */
-		getIndexByText(text: string): number;
-
-		/** Returns an item’s index based on the value given.
-		 * @param {string} The list item’s value
-		 * @returns {number}
-		 */
-		getIndexByValue(indices: string): number;
-
-		/** Returns an item’s text (label) based on the index given.
-		 * @returns {string}
-		 */
-		getTextByIndex(): string;
-
-		/** Returns a list item’s object using its index.
-		 * @returns {any}
-		 */
-		getItemByIndex(): any;
-
-		/** Returns a list item’s object based on the text given.
-		 * @param {string} The list item text.
-		 * @returns {any}
-		 */
-		getItemByText(text: string): any;
-
-		/** Merges the given data with the existing data items in the listbox.
-		 * @param {Array<any>} Data to merge in listbox.
-		 * @returns {void}
-		 */
-		mergeData(data: any[]): void;
-
-		/** Selects the next item based on the current selection.
-		 * @returns {void}
-		 */
-		moveDown(): void;
-
-		/** Selects the previous item based on the current selection.
-		 * @returns {void}
-		 */
-		moveUp(): void;
-
-		/** Refreshes the ListBox widget.
-		 * @param {boolean} Refreshes both the datasource and the dimensions of the ListBox widget when the parameter is passed as true, otherwise only the ListBox dimensions will be refreshed.
-		 * @returns {void}
-		 */
-		refresh(refreshData: boolean): void;
-
-		/** Removes all the list items from listbox.
-		 * @returns {void}
-		 */
-		removeAll(): void;
-
-		/** Removes the selected list items from the listbox.
-		 * @returns {void}
-		 */
-		removeSelectedItems(): void;
-
-		/** Removes a list item by using its text.
-		 * @param {string} Text of the listbox item to be removed.
-		 * @returns {void}
-		 */
-		removeItemByText(text: string): void;
-
-		/** Removes a list item by using its index value.
-		 * @param {number} Index of the listbox item to be removed.
-		 * @returns {void}
-		 */
-		removeItemByIndex(index: number): void;
-
-		/**
-		 * @returns {void}
-		 */
-		selectAll(): void;
-
-		/** Selects the list item using its text value.
-		 * @param {string} Text of the listbox item to be selected.
-		 * @returns {void}
-		 */
-		selectItemByText(text: string): void;
-
-		/** Selects list item using its value property.
-		 * @param {string} Value of the listbox item to be selected.
-		 * @returns {void}
-		 */
-		selectItemByValue(value: string): void;
-
-		/** Selects list item using its index value.
-		 * @param {number} Index of the listbox item to be selected.
-		 * @returns {void}
-		 */
-		selectItemByIndex(index: number): void;
-
-		/** Selects a set of list items through its index values.
-		 * @param {number|number[]} Index/Indices of the listbox item to be selected.
-		 * @returns {void}
-		 */
-		selectItemsByIndices(Indices: number | number[]): void;
-
-		/** Unchecks all the checked list items in the ListBox widget. To use this method showCheckbox property to be set as true.
-		 * @returns {void}
-		 */
-		uncheckAll(): void;
-
-		/** Unchecks a checked list item using its index value. To use this method showCheckbox property to be set as true.
-		 * @param {number} Index of the listbox item to be unchecked.
-		 * @returns {void}
-		 */
-		uncheckItemByIndex(index: number): void;
-
-		/** Unchecks the set of checked list items using its index values. To use this method showCheckbox property must be set to true.
-		 * @param {number[]|string} Indices of the listbox item to be unchecked.
-		 * @returns {void}
-		 */
-		uncheckItemsByIndices(indices: number[] | string): void;
-
-		/**
-		 * @returns {void}
-		 */
-		unselectAll(): void;
-
-		/** Unselects a selected list item using its index value
-		 * @param {number} Index of the listbox item to be unselected.
-		 * @returns {void}
-		 */
-		unselectItemByIndex(index: number): void;
-
-		/** Unselects a selected list item using its text value.
-		 * @param {string} Text of the listbox item to be unselected.
-		 * @returns {void}
-		 */
-		unselectItemByText(text: string): void;
-
-		/** Unselects a selected list item using its value.
-		 * @param {string} Value of the listbox item to be unselected.
-		 * @returns {void}
-		 */
-		unselectItemByValue(value: string): void;
-
-		/** Unselects a set of list items using its index values.
-		 * @param {number[]|string} Indices of the listbox item to be unselected.
-		 * @returns {void}
-		 */
-		unselectItemsByIndices(indices: number[] | string): void;
-
-		/** Hides all the checked items in the listbox.
-		 * @returns {void}
-		 */
-		hideCheckedItems(): void;
-
-		/** Shows a set of hidden list Items using its index values.
-		 * @param {number[]|string} Indices of the listbox items to be shown.
-		 * @returns {void}
-		 */
-		showItemByIndices(indices: number[] | string): void;
-
-		/** Hides a set of list Items using its index values.
-		 * @param {number[]|string} Indices of the listbox items to be hidden.
-		 * @returns {void}
-		 */
-		hideItemsByIndices(indices: number[] | string): void;
-
-		/** Shows the hidden list items using its values.
-		 * @param {Array<any>} Values of the listbox items to be shown.
-		 * @returns {void}
-		 */
-		showItemsByValues(values: any[]): void;
-
-		/** Hides the list item using its values.
-		 * @param {Array<any>} Values of the listbox items to be hidden.
-		 * @returns {void}
-		 */
-		hideItemsByValues(values: any[]): void;
-
-		/** Shows a hidden list item using its value.
-		 * @param {string} Value of the listbox item to be shown.
-		 * @returns {void}
-		 */
-		showItemByValue(value: string): void;
-
-		/** Hide a list item using its value.
-		 * @param {string} Value of the listbox item to be hidden.
-		 * @returns {void}
-		 */
-		hideItemByValue(value: string): void;
-
-		/** Shows a hidden list item using its index value.
-		 * @param {number} Index of the listbox item to be shown.
-		 * @returns {void}
-		 */
-		showItemByIndex(index: number): void;
-
-		/** Hides a list item using its index value.
-		 * @param {number} Index of the listbox item to be hidden.
-		 * @returns {void}
-		 */
-		hideItemByIndex(index: number): void;
-
-		/**
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** Hides the listbox.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Hides all the listbox items in the listbox.
-		 * @returns {void}
-		 */
-		hideAllItems(): void;
-
-		/** Shows all the listbox items in the listbox.
-		 * @returns {void}
-		 */
-		showAllItems(): void;
-	}
-	export namespace ListBox {
-
-		export interface Model {
-
-			/** Enables/disables the dragging behavior of the items in ListBox widget.
-			 * @Default {false}
-			 */
-			allowDrag?: boolean;
-
-			/** Accepts the items which are dropped in to it, when it is set to true.
-			 * @Default {false}
-			 */
-			allowDrop?: boolean;
-
-			/** Enables or disables multiple selection.
-			 * @Default {false}
-			 */
-			allowMultiSelection?: boolean;
-
-			/** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using “virtualScrollMode” property.
-			 * @Default {false}
-			 */
-			allowVirtualScrolling?: boolean;
-
-			/** Enables or disables the case sensitive search for list item by typing the text (search) value.
-			 * @Default {false}
-			 */
-			caseSensitiveSearch?: boolean;
-
-			/** Dynamically populate data of a list box while selecting an item in another list box i.e.
-			 * rendering child list box based on the item selection in parent list box.
-			 * This property accepts the id of the child ListBox widget to populate the data.
-			 * @Default {null}
-			 */
-			cascadeTo?: string;
-
-			/** Set of list items to be checked by default using its index. It works only when the showCheckbox property is set to true.
-			 * @Default {null}
-			 */
-			checkedIndices?: any[];
-
-			/** The root class for the ListBox widget to customize the existing theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Contains the list of data for generating the list items.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Enables or disables the ListBox widget.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Enables or disables the search behavior to find the specific list item by typing the text value.
-			 * @Default {false}
-			 */
-			enableIncrementalSearch?: boolean;
-
-			/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Displays the ListBox widget’s content from right to left when enabled.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies ellipsis (&quot;...&quot;) representation in an overflowed list item content when it is set to false.
-			 * @Default {true}
-			 */
-			enableWordWrap?: boolean;
-
-			/** Mapping fields for the data items of the ListBox widget.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Defines the height of the ListBox widget.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Defines the height for individual ListBox item.
-			 * @Default {null}
-			 */
-			itemHeight?: string;
-
-			/** The number of list items to be shown in the ListBox widget. The remaining list items will be scrollable.
-			 * @Default {null}
-			 */
-			itemsCount?: number;
-
-			/** The total number of list items to be rendered in the ListBox widget.
-			 * @Default {null}
-			 */
-			totalItemsCount?: number;
-
-			/** The number of list items to be loaded in the list box while enabling virtual scrolling and when virtualScrollMode is set to continuous.
-			 * @Default {5}
-			 */
-			itemRequestCount?: number;
-
-			/** Loads data for the listbox by default (i.e. on initialization) when it is set to true. It creates empty ListBox if it is set to false.
-			 */
-			loadDataOnInit?: boolean;
-
-			/** The query to retrieve required data from the data source.
-			 * @Default {ej.Query()}
-			 */
-			query?: ej.Query;
-
-			/** The list item to be selected by default using its index.
-			 * @Default {null}
-			 */
-			selectedIndex?: number;
-
-			/** The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
-			 * @Default {[]}
-			 */
-			selectedIndices?: any[];
-
-			/** Enables/Disables the multi selection option with the help of checkbox control.
-			 * @Default {false}
-			 */
-			showCheckbox?: boolean;
-
-			/** To display the ListBox container with rounded corners.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-			/** Set to sort ListBox items either by Ascending or Descending order. By default sortOrder is set as enum type of &quot;None&quot;.You can use only below mentioned type for sorting purpose.
-			 * @Default {ej.SortOrder.None}
-			 */
-			sortOrder?: ej.ListBox.SortOrder | string;
-			/** The template to display the ListBox widget with customized appearance.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
-			 * @Default {“”}
-			 */
-			value?: number;
-
-			/** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
-			 */
-			virtualScrollMode?: ej.VirtualScrollMode | string;
-
-			/** Defines the width of the ListBox widget.
-			 * @Default {null}
-			 */
-			width?: string;
-
-			/** Specifies the targetID for the listbox items.
-			 */
-			targetID?: string;
-
-			/** Triggers before the AJAX request begins to load data in the ListBox widget. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget. */
-			actionSuccess?(e: ActionSuccessEventArgs): void;
-
-			/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggers when the data requested from AJAX get failed. */
-			actionFailure?(e: ActionFailureEventArgs): void;
-
-			/** Event will be triggered before the requested data via AJAX once loaded in successfully. */
-			actionBeforeSuccess?(e: ActionBeforeSuccessEventArgs): void;
-
-			/** Triggers when the item selection is changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Triggers when the list item is checked or unchecked. */
-			checkChange?(e: CheckChangeEventArgs): void;
-
-			/** Triggers when the ListBox widget is created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggers when the ListBox widget is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggers when focus the listbox items. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Triggers when focus out from listbox items. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Triggers when the list item is being dragged. */
-			itemDrag?(e: ItemDragEventArgs): void;
-
-			/** Triggers when the list item is ready to be dragged. */
-			itemDragStart?(e: ItemDragStartEventArgs): void;
-
-			/** Triggers when the list item stops dragging. */
-			itemDragStop?(e: ItemDragStopEventArgs): void;
-
-			/** Triggers when the list item is dropped. */
-			itemDrop?(e: ItemDropEventArgs): void;
-
-			/** Triggers when a list item gets selected. */
-			select?(e: SelectEventArgs): void;
-
-			/** Triggers when a list item gets unselected. */
-			unselect?(e: UnselectEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ActionSuccessEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ActionCompleteEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ActionFailureEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ActionBeforeSuccessEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** List of actual object.
-			 */
-			actual?: any;
-
-			/** Object of ListBox widget which contains DataManager arguments
-			 */
-			request?: any;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** List of array object
-			 */
-			result?: any[];
-
-			/** ExecuteQuery object of DataManager
-			 */
-			xhr?: any;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** List item object.
-			 */
-			item?: any;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface CheckChangeEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** List item object.
-			 */
-			item?: any;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ItemDragEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on whether the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface ItemDragStartEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on whether the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface ItemDragStopEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on whether the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface ItemDropEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on whether the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** List item object.
-			 */
-			item?: any;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface UnselectEventArgs {
-
-			/** Instance of the listbox model object.
-			 */
-			model?: ej.ListBox.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** List item object.
-			 */
-			item?: any;
-
-			/** The Datasource of the listbox.
-			 */
-			data?: any;
-
-			/** List item’s index.
-			 */
-			index?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Boolean value based on whether the list item is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Boolean value based on whether the list item is selected or not.
-			 */
-			isSelected?: boolean;
-
-			/** Boolean value based on the list item is enabled or not.
-			 */
-			isEnabled?: boolean;
-
-			/** List item’s text (label).
-			 */
-			text?: string;
-
-			/** List item’s value.
-			 */
-			value?: string;
-		}
-
-		export interface Fields {
-
-			/** Defines the specific field name which contains Boolean values to specify whether the list items to be checked by default or not.
-			 */
-			checkBy?: boolean;
-
-			/** The grouping in the ListBox widget can be defined using this field.
-			 */
-			groupBy?: string;
-
-			/** Defines the HTML attributes such as id, class, styles for the specific ListBox item.
-			 */
-			htmlAttributes?: any;
-
-			/** Defines the specific field name which contains id values for the list items.
-			 */
-			id?: string;
-
-			/** Defines the imageURL for the image to be displayed in the ListBox item.
-			 */
-			imageUrl?: string;
-
-			/** Defines the image attributes such as height, width, styles and so on.
-			 */
-			imageAttributes?: string;
-
-			/** Defines the specific field name which contains Boolean values to specify whether the list items to be selected by default or not.
-			 */
-			selectBy?: boolean;
-
-			/** Defines the sprite CSS class for the image to be displayed.
-			 */
-			spriteCssClass?: string;
-
-			/** Defines the table name to get the specific set of list items to be loaded in the ListBox widget while rendering with remote data.
-			 */
-			tableName?: string;
-
-			/** Defines the specific field name in the data source to load the list with data.
-			 */
-			text?: string;
-
-			/** Defines the specific field name in the data source to load the list with data value property.
-			 */
-			value?: string;
-		}
-		enum SortOrder {
-			/// The items are not sorted.
-			None,
-			/// To sort items in Ascending order.
-			Ascending,
-			/// To sort items in Descending order.
-			Descending
-		}
-	}
-
-	class Calculate {
-		static fn: Calculate;
-		constructor(element: JQuery | Element, options?: Calculate.Model);
-		static Locale: any;
-		model: Calculate.Model;
-		defaults: Calculate.Model;
-
-		/** Add the custom formulas with function in CalcEngine library
-		 * @param {string} pass the formula name
-		 * @param {string} pass the custom function name to call
-		 * @returns {void}
-		 */
-		addCustomFunction(FormulaName: string, FunctionName: string): void;
-
-		/** Adds a named range to the NamedRanges collection
-		 * @param {string} pass the namedRange's name
-		 * @param {string} pass the cell range of NamedRange
-		 * @returns {void}
-		 */
-		addNamedRange(Name: string, cellRange: string): void;
-
-		/** Accepts a possible parsed formula and returns the calculated value without quotes.
-		 * @param {string} pass the cell range to adjust its range
-		 * @returns {string}
-		 */
-		adjustRangeArg(Name: string): string;
-
-		/** When a formula cell changes, call this method to clear it from its dependent cells.
-		 * @param {string} pass the changed cell address
-		 * @returns {void}
-		 */
-		clearFormulaDependentCells(Cell: string): void;
-
-		/** Call this method to clear whether an exception was raised during the computation of a library function.
-		 * @returns {void}
-		 */
-		clearLibraryComputationException(): void;
-
-		/** Get the column index from a cell reference passed in.
-		 * @param {string} pass the cell address
-		 * @returns {void}
-		 */
-		colIndex(Cell: string): void;
-
-		/** Evaluates a parsed formula.
-		 * @param {string} pass the parsed formula
-		 * @returns {string}
-		 */
-		computedValue(Formula: string): string;
-
-		/** Evaluates a parsed formula.
-		 * @param {string} pass the parsed formula
-		 * @returns {string}
-		 */
-		computeFormula(Formula: string): string;
-	}
-	export namespace Calculate {
-
-		export interface Model {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-	}
-
-	class CheckBox extends ej.Widget {
-		static fn: CheckBox;
-		constructor(element: JQuery | Element, options?: CheckBox.Model);
-		static Locale: any;
-		model: CheckBox.Model;
-		defaults: CheckBox.Model;
-
-		/** Destroy the CheckBox widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disable the CheckBox to prevent all user interactions.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the CheckBox
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** To Check the status of CheckBox
-		 * @returns {boolean}
-		 */
-		isChecked(): boolean;
-	}
-	export namespace CheckBox {
-
-		export interface Model {
-
-			/** Specifies whether CheckBox has to be in checked or not.
-			 * We can also specify array of string as value for this property.
-			 * If any of the value in the specified array matches the value of the textbox,
-			 * then it will be considered as checked. It will be useful in MVVM binding,
-			 * specify array type to identify the values of the checked CheckBoxes.
-			 * @Default {false}
-			 */
-			checked?: boolean | string[];
-
-			/** Specifies the State of CheckBox.See below to get available CheckState
-			 * @Default {null}
-			 */
-			checkState?: ej.CheckState | string;
-
-			/** Sets the root CSS class for CheckBox theme, which is used customize.
-			 */
-			cssClass?: string;
-
-			/** Specifies the checkbox control state.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specifies the persist property for CheckBox while initialization.
-			 * The persist API save current model value to browser cookies for state maintains.
-			 * While refreshing the CheckBox control page the model value apply from browser cookies.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specify the Right to Left direction to Checkbox
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the enable or disable Tri-State for checkbox control.
-			 * @Default {false}
-			 */
-			enableTriState?: boolean;
-
-			/** It allows to define the characteristics of the CheckBox control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specified value to be added an id attribute of the CheckBox.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Specify the prefix value of id to be added before the current id of the CheckBox.
-			 * @Default {ej}
-			 */
-			idPrefix?: string;
-
-			/** Specifies the name attribute of the CheckBox.
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** Displays rounded corner borders to CheckBox
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the size of the CheckBox.See below to know available CheckboxSize
-			 * @Default {small}
-			 */
-			size?: ej.CheckboxSize | string;
-
-			/** Specifies the text content to be displayed for CheckBox.
-			 */
-			text?: string;
-
-			/** Set the jQuery validation error message in CheckBox.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Set the jQuery validation rules in CheckBox.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Specifies the value attribute of the CheckBox.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Fires before the CheckBox is going to changed its state successfully */
-			beforeChange?(e: BeforeChangeEventArgs): void;
-
-			/** Fires when the CheckBox state is changed successfully */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when the CheckBox state is created successfully */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the CheckBox state is destroyed successfully */
-			destroy?(e: DestroyEventArgs): void;
-		}
-
-		export interface BeforeChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the CheckBox model
-			 */
-			model?: ej.CheckBox.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event model values
-			 */
-			event?: any;
-
-			/** returns the status whether the element is checked or not.
-			 */
-			isChecked?: boolean;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the CheckBox model
-			 */
-			model?: ej.CheckBox.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event arguments
-			 */
-			event?: any;
-
-			/** returns the status whether the element is checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** returns the state of the checkbox
-			 */
-			checkState?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the CheckBox model
-			 */
-			model?: ej.CheckBox.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the CheckBox model
-			 */
-			model?: ej.CheckBox.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-	enum CheckState {
-		//string
-		Uncheck,
-		//string
-		Check,
-		//string
-		Indeterminate,
-	}
-	enum CheckboxSize {
-		//Displays the CheckBox in medium size
-		Medium,
-		//Displays the CheckBox in small size
-		Small,
-	}
-
-	class ColorPicker extends ej.Widget {
-		static fn: ColorPicker;
-		constructor(element: JQuery | Element, options?: ColorPicker.Model);
-		static Locale: any;
-		model: ColorPicker.Model;
-		defaults: ColorPicker.Model;
-
-		/** Disables the color picker control
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enable the color picker control
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Gets the selected color in RGB format
-		 * @returns {any}
-		 */
-		getColor(): any;
-
-		/** Gets the selected color value as string
-		 * @returns {string}
-		 */
-		getValue(): string;
-
-		/** To Convert color value from hexCode to RGB
-		 * @param {string} Specified HEX code converted to RGB
-		 * @returns {any}
-		 */
-		hexCodeToRGB(colorCode: string): any;
-
-		/** Hides the ColorPicker popup, if in opened state.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Convert color value from HSV to RGB
-		 * @param {any} Specified HSV code converted to RGB
-		 * @returns {any}
-		 */
-		HSVToRGB(HSV: any): any;
-
-		/** Convert color value from RGB to HEX
-		 * @param {any} Specified RGB code converted to HEX code
-		 * @returns {string}
-		 */
-		RGBToHEX(RGB: any): string;
-
-		/** Convert color value from RGB to HSV
-		 * @param {any} Specified RGB code converted to HSV code
-		 * @returns {any}
-		 */
-		RGBToHSV(RGB: any): any;
-
-		/** Open the ColorPicker popup.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace ColorPicker {
-
-		export interface Model {
-
-			/** The ColorPicker control allows to define the customized text to displayed in button elements. Using the property to achieve the customized culture values.
-			 * @Default {{ apply: Apply, cancel: Cancel, swatches: Swatches }}
-			 */
-			buttonText?: ButtonText;
-
-			/** Allows to change the mode of the button. Please refer below to know available button mode
-			 * @Default {ej.ButtonMode.Split}
-			 */
-			buttonMode?: ej.ButtonMode | string;
-
-			/** Specifies the number of columns to be displayed color palette model.
-			 * @Default {10}
-			 */
-			columns?: number | string;
-
-			/** This property allows you to customize its appearance using user-defined CSS and custom skin options such as colors and backgrounds.
-			 */
-			cssClass?: string;
-
-			/** This property allows to define the custom colors in the palette model.Custom palettes are created by passing a comma delimited string of HEX values or an array of colors.
-			 * @Default {empty}
-			 */
-			custom?: any[];
-
-			/** This property allows to embed the popup in the order of DOM element flow . When we set the value as true, the color picker popup is always in visible state.
-			 * @Default {false}
-			 */
-			displayInline?: boolean;
-
-			/** This property allows to change the control in enabled or disabled state.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** This property allows to enable or disable the opacity slider in the color picker control
-			 * @Default {true}
-			 */
-			enableOpacity?: boolean;
-
-			/** It allows to define the characteristics of the ColorPicker control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Defines the localized text values in button and tooltip.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the model type to be rendered initially in the color picker control. See below to get available ModelType
-			 * @Default {ej.ColorPicker.ModelType.Default}
-			 */
-			modelType?: ej.ColorPicker.ModelType | string;
-
-			/** This property allows to change the opacity value .The selected color opacity will be adjusted by using this opacity value.
-			 * @Default {100}
-			 */
-			opacityValue?: number | string;
-
-			/** Specifies the palette type to be displayed at initial time in palette model.There two types of palette model available in ColorPicker control. See below available Palette
-			 * @Default {ej.ColorPicker.Palette.BasicPalette}
-			 */
-			palette?: ej.ColorPicker.Palette | string;
-
-			/** This property allows to define the preset model to be rendered initially in palette type.It consists of 12 different types of presets. Each presets have 50 colors.
-			 * See below available Presets
-			 * @Default {ej.ColorPicker.Presets.Basic}
-			 */
-			presetType?: ej.ColorPicker.Presets | string;
-
-			/** Allows to show/hides the apply and cancel buttons in ColorPicker control
-			 * @Default {true}
-			 */
-			showApplyCancel?: boolean;
-
-			/** Allows to show/hides the clear button in ColorPicker control
-			 * @Default {true}
-			 */
-			showClearButton?: boolean;
-
-			/** This property allows to provides live preview support for current cursor selection color and selected color.
-			 * @Default {true}
-			 */
-			showPreview?: boolean;
-
-			/** This property allows to store the color values in custom list.The ColorPicker will keep up to 11 colors in a custom list.
-			 * By clicking the add button, the selected color from picker or palette will get added in the recent color list.
-			 * @Default {false}
-			 */
-			showRecentColors?: boolean;
-
-			/** Allows to show/hides the switcher button in ColorPicker control.It helps to switch palette or picker mode in colorpicker.
-			 * @Default {true}
-			 */
-			showSwitcher?: boolean;
-
-			/** This property allows to shows tooltip to notify the slider value in color picker control.
-			 * @Default {false}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the toolIcon to be displayed in dropdown control color area.
-			 * @Default {null}
-			 */
-			toolIcon?: string;
-
-			/** This property allows to define the customized text or content to displayed when mouse over the following elements. This property also allows to use the culture values.
-			 * @Default {{ switcher: Switcher, addbutton: Add Color, basic: Basic, monochrome: Mono Chrome, flatcolors: Flat Color, seawolf: Sea Wolf, webcolors: Web Colors,
-			 * sandy: Sandy, pinkshades: Pink Shades, misty: Misty, citrus: Citrus, vintage: Vintage, moonlight: Moon Light, candycrush: Candy Crush,
-			 * currentcolor: Current Color, selectedcolor: Selected Color }}
-			 */
-			tooltipText?: TooltipText;
-
-			/** Specifies the color value for color picker control, the value is in hexadecimal form with prefix of &quot;#&quot;.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Fires after Color value has been changed successfully.If the user want to perform any operation after the color value changed then the user can make use of this change event. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires after closing the color picker popup. */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires after Color picker control is created. If the user want to perform any operation after the color picker control creation then the user can make use of this create event. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires after Color picker control is destroyed. If the user want to perform any operation after the color picker control destroyed then the user can make use of this destroy event. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires after opening the color picker popup */
-			open?(e: OpenEventArgs): void;
-
-			/** Fires after Color value has been selected successfully. If the user want to perform any operation after the color value selected then the user can make use of this select event. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the color picker model
-			 */
-			model?: ej.ColorPicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the changed color value
-			 */
-			value?: string;
-		}
-
-		export interface CloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the color picker model
-			 */
-			model?: ej.ColorPicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the color picker model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the color picker model
-			 */
-			model?: ej.ColorPicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the color picker model
-			 */
-			model?: ej.ColorPicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the color picker model
-			 */
-			model?: ej.ColorPicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the selected color value
-			 */
-			value?: string;
-		}
-
-		export interface ButtonText {
-
-			/** Sets the text for the apply button.
-			 */
-			apply?: string;
-
-			/** Sets the text for the cancel button.
-			 */
-			cancel?: string;
-
-			/** Sets the header text for the swatches area.
-			 */
-			swatches?: string;
-		}
-
-		export interface TooltipText {
-
-			/** Sets the tooltip text for the switcher button.
-			 */
-			switcher?: string;
-
-			/** Sets the tooltip text for the add button.
-			 */
-			addbutton?: string;
-
-			/** Sets the tooltip text for the basic preset.
-			 */
-			basic?: string;
-
-			/** Sets the tooltip text for the mono chrome preset.
-			 */
-			monochrome?: string;
-
-			/** Sets the tooltip text for the flat colors preset.
-			 */
-			flatcolors?: string;
-
-			/** Sets the tooltip text for the sea wolf preset.
-			 */
-			seawolf?: string;
-
-			/** Sets the tooltip text for the web colors preset.
-			 */
-			webcolors?: string;
-
-			/** Sets the tooltip text for the sandy preset.
-			 */
-			sandy?: string;
-
-			/** Sets the tooltip text for the pink shades preset.
-			 */
-			pinkshades?: string;
-
-			/** Sets the tooltip text for the misty preset.
-			 */
-			misty?: string;
-
-			/** Sets the tooltip text for the citrus preset.
-			 */
-			citrus?: string;
-
-			/** Sets the tooltip text for the vintage preset.
-			 */
-			vintage?: string;
-
-			/** Sets the tooltip text for the moon light preset.
-			 */
-			moonlight?: string;
-
-			/** Sets the tooltip text for the candy crush preset.
-			 */
-			candycrush?: string;
-
-			/** Sets the tooltip text for the current color area.
-			 */
-			currentcolor?: string;
-
-			/** Sets the tooltip text for the selected color area.
-			 */
-			selectedcolor?: string;
-		}
-
-		enum ModelType {
-
-			///support palette type mode in color picker.
-			Palette,
-
-			///support palette type mode in color picker.
-			Picker
-		}
-
-
-		enum Palette {
-
-			///used to show the basic palette
-			BasicPalette,
-
-			///used to show the custompalette
-			CustomPalette
-		}
-
-
-		enum Presets {
-
-			///used to show the basic presets
-			Basic,
-
-			///used to show the CandyCrush colors presets
-			CandyCrush,
-
-			///used to show the Citrus colors presets
-			Citrus,
-
-			///used to show the FlatColors presets
-			FlatColors,
-
-			///used to show the Misty presets
-			Misty,
-
-			///used to show the MoonLight presets
-			MoonLight,
-
-			///used to show the PinkShades presets
-			PinkShades,
-
-			///used to show the Sandy presets
-			Sandy,
-
-			///used to show the Seawolf presets
-			SeaWolf,
-
-			///used to show the Vintage presets
-			Vintage,
-
-			///used to show the WebColors presets
-			WebColors
-		}
-
-	}
-	enum ButtonMode {
-		//Displays the button in split mode
-		Split,
-		//Displays the button in Dropdown mode
-		Dropdown,
-	}
-
-	class FileExplorer extends ej.Widget {
-		static fn: FileExplorer;
-		constructor(element: JQuery | Element, options?: FileExplorer.Model);
-		static Locale: any;
-		model: FileExplorer.Model;
-		defaults: FileExplorer.Model;
-
-		/** Refresh the size of FileExplorer control.
-		 * @returns {void}
-		 */
-		adjustSize(): void;
-
-		/** Disable the particular context menu item.
-		 * @param {string|HTMLElement} Id of the menu item/ Menu element to be disabled
-		 * @returns {void}
-		 */
-		disableMenuItem(item: string | HTMLElement): void;
-
-		/** Disable the particular toolbar item.
-		 * @param {string|HTMLElement} Id of the toolbar item/ Tool item element to be disabled
-		 * @returns {void}
-		 */
-		disableToolbarItem(item: string | HTMLElement): void;
-
-		/** Enable the particular context menu item.
-		 * @param {string|HTMLElement} Id of the menu item/ Menu element to be Enabled
-		 * @returns {void}
-		 */
-		enableMenuItem(item: string | HTMLElement): void;
-
-		/** Enable the particular toolbar item
-		 * @param {string|HTMLElement} Id of the tool item/ Tool item element to be Enabled
-		 * @returns {void}
-		 */
-		enableToolbarItem(item: string | HTMLElement): void;
-
-		/** Refresh the content of the selected folder in FileExplorer control.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Remove the particular toolbar item.
-		 * @param {string|HTMLElement} Id of the tool item/ tool item element to be removed
-		 * @returns {void}
-		 */
-		removeToolbarItem(item: string | HTMLElement): void;
-	}
-	export namespace FileExplorer {
-
-		export interface Model {
-
-			/** Sets the URL of server side AJAX handling method that handles file operation like Read, Remove, Rename, Create, Upload, Download, Copy and Move in FileExplorer.
-			 */
-			ajaxAction?: string;
-
-			/** Specifies the data type of server side AJAX handling method.
-			 * @Default {json}
-			 */
-			ajaxDataType?: string;
-
-			/** By using ajaxSettings property, you can customize the AJAX configurations. Normally you can customize the following option in AJAX handling data, URL, type, async, contentType, dataType and
-			 * success. For upload, download and getImage API, you can only customize URL.
-			 * @Default {{ read: {}, createFolder: {}, remove: {}, rename: {}, paste: {}, getDetails: {}, download: {}, upload: {}, getImage: {}, search: {}}}
-			 */
-			ajaxSettings?: any;
-
-			/** The FileExplorer allows to move the files from one folder to another folder of FileExplorer by using drag and drop option. Also it supports to upload a file by dragging it
-			 * from windows explorer to the necessary folder of ejFileExplorer.
-			 * @Default {true}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable keyboard support for FileExplorer actions.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** The FileExplorer allows to select multiple files by enabling the allowMultiSelection property. You can perform multi selection by pressing the Ctrl key or Shift key.
-			 * @Default {true}
-			 */
-			allowMultiSelection?: boolean;
-
-			/** By using the contextMenuSettings property, you can customize the ContextMenu in the FileExplorer control.
-			 */
-			contextMenuSettings?: ContextMenuSettings;
-
-			/** Sets the root class for FileExplorer theme. This cssClass API allows to use custom skinning option for File Explorer control.
-			 * By defining the root class by using this API, you have to include this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** Specify the enablePersistence to FileExplorer to save the current model value in browser cookies for state maintains.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Enables or disables the resize support in FileExplorer control.
-			 * @Default {false}
-			 */
-			enableResize?: boolean;
-
-			/** Enables or disables the Right to Left alignment support in FileExplorer control.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Enables or disables the thumbnail image compression option in FileExplorer control. By enabling this option, you can reduce the thumbnail image size while loading.
-			 * @Default {false}
-			 */
-			enableThumbnailCompress?: boolean;
-
-			/** Allows specified type of files only to display in FileExplorer control.
-			 * @Default {.}
-			 */
-			fileTypes?: string;
-
-			/** By using filterSettings property, you can customize the search functionality of the search bar in FileExplorer control.
-			 */
-			filterSettings?: FilterSettings;
-
-			/** By using the gridSettings property, you can customize the grid behavior in the FileExplorer control.
-			 */
-			gridSettings?: GridSettings;
-
-			/** Specifies the height of FileExplorer control.
-			 * @Default {400}
-			 */
-			height?: string | number;
-
-			/** Enables or disables the responsive support for FileExplorer control during the window resizing time.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Sets the file view type. There are three view types available such as Grid, Tile and Large icons. See layoutType.
-			 * @Default {ej.FileExplorer.layoutType.Grid}
-			 */
-			layout?: ej.FileExplorer.layoutType | string;
-
-			/** Sets the culture in FileExplorer.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the maximum height of FileExplorer control.
-			 * @Default {null}
-			 */
-			maxHeight?: string | number;
-
-			/** Sets the maximum width of FileExplorer control.
-			 * @Default {null}
-			 */
-			maxWidth?: string | number;
-
-			/** Sets the minimum height of FileExplorer control.
-			 * @Default {250px}
-			 */
-			minHeight?: string | number;
-
-			/** Sets the minimum width of FileExplorer control.
-			 * @Default {400px}
-			 */
-			minWidth?: string | number;
-
-			/** The property path denotes the filesystem path that are to be explored. The path for the filesystem can be physical path or relative path,
-			 * but it has to be relevant to where the Web API is hosted.
-			 */
-			path?: string;
-
-			/** The selectedFolder is used to select the specified folder of FileExplorer control.
-			 */
-			selectedFolder?: string;
-
-			/** The selectedItems is used to select the specified items (file, folder) of FileExplorer control.
-			 */
-			selectedItems?: string | any[];
-
-			/** Enables or disables the checkbox option in FileExplorer control.
-			 * @Default {true}
-			 */
-			showCheckbox?: boolean;
-
-			/** Enables or disables the context menu option in FileExplorer control.
-			 * @Default {true}
-			 */
-			showContextMenu?: boolean;
-
-			/** Enables or disables the footer in FileExplorer control. The footer element displays the details of the current selected files and folders.
-			 * And also the footer having the switcher to change the layout view.
-			 * @Default {true}
-			 */
-			showFooter?: boolean;
-
-			/** FileExplorer control is displayed with rounded corner when this property is set to true.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** FileExplorer control is rendered with thumbnail preview of images in Tile and LargeIcons layout when this property set to true.
-			 * @Default {true}
-			 */
-			showThumbnail?: boolean;
-
-			/** Shows or disables the toolbar in FileExplorer control.
-			 * @Default {true}
-			 */
-			showToolbar?: boolean;
-
-			/** Enables or disables the navigation pane in FileExplorer control. The navigation pane contains a tree view element that displays all the folders from the filesystem in a hierarchical manner.
-			 * This is useful to a quick navigation of any folder in the filesystem.
-			 * @Default {true}
-			 */
-			showNavigationPane?: boolean;
-
-			/** The tools property is used to configure and group required toolbar items in FileExplorer control.
-			 * @Default {{ creation: [NewFolder], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste],
-			 * getProperties: [Details], searchBar: [Searchbar], layout: [Layout], sortBy: [SortBy]}}
-			 */
-			tools?: any;
-
-			/** The toolsList property is used to arrange the toolbar items in the FileExplorer control.
-			 * @Default {[layout, creation, navigation, addressBar, editing, copyPaste, sortBy, getProperties, searchBar]}
-			 */
-			toolsList?: any[];
-
-			/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
-			 */
-			uploadSettings?: UploadSettings;
-
-			/** Specifies the width of FileExplorer control.
-			 * @Default {850}
-			 */
-			width?: string | number;
-
-			/** Fires before the AJAX request is performed. */
-			beforeAjaxRequest?(e: BeforeAjaxRequestEventArgs): void;
-
-			/** Fires before downloading the files. */
-			beforeDownload?(e: BeforeDownloadEventArgs): void;
-
-			/** Fires before getting a requested image from server. Also this event will be triggered when you have enabled thumbnail image compression option in FileExplorer.
-			 * Using this event, you can customize the image compression size.
-			 */
-			beforeGetImage?(e: BeforeGetImageEventArgs): void;
-
-			/** Fires before files or folders open. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires before uploading the files. */
-			beforeUpload?(e: BeforeUploadEventArgs): void;
-
-			/** Fires when FileExplorer control was created */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when file or folder is copied successfully. */
-			copy?(e: CopyEventArgs): void;
-
-			/** Fires when new folder is created successfully in file system. */
-			createFolder?(e: CreateFolderEventArgs): void;
-
-			/** Fires when file or folder is cut successfully. */
-			cut?(e: CutEventArgs): void;
-
-			/** Fires when the FileExplorer is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when the files or directory has been started to drag over on the FileExplorer */
-			dragStart?(e: DragStartEventArgs): void;
-
-			/** Fires when the files or directory is dragging over on the FileExplorer. */
-			drag?(e: DragEventArgs): void;
-
-			/** Fires when the files or directory has been stopped to drag over on FileExplorer */
-			dragStop?(e: DragStopEventArgs): void;
-
-			/** Fires when the files or directory is dropped to the target folder of FileExplorer */
-			drop?(e: DropEventArgs): void;
-
-			/** Fires after loading the requested image from server. Using this event, you can get the details of loaded image. */
-			getImage?(e: GetImageEventArgs): void;
-
-			/** Fires when keydown in FileExplorer control. */
-			keydown?(e: KeydownEventArgs): void;
-
-			/** Fires when the file view type is changed. */
-			layoutChange?(e: LayoutChangeEventArgs): void;
-
-			/** Fires when before the ContextMenu opening. */
-			menuBeforeOpen?(e: MenuBeforeOpenEventArgs): void;
-
-			/** Fires when click the ContextMenu item. */
-			menuClick?(e: MenuClickEventArgs): void;
-
-			/** Fires when ContextMenu is successfully opened. */
-			menuOpen?(e: MenuOpenEventArgs): void;
-
-			/** Fires when files are successfully opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Fires when a file or folder is pasted successfully. */
-			paste?(e: PasteEventArgs): void;
-
-			/** Fires when file or folder is deleted successfully. */
-			remove?(e: RemoveEventArgs): void;
-
-			/** Fires when resizing is performed for FileExplorer. */
-			resize?(e: ResizeEventArgs): void;
-
-			/** Fires when resizing is started for FileExplorer. */
-			resizeStart?(e: ResizeStartEventArgs): void;
-
-			/** Fires this event when the resizing is stopped for FileExplorer. */
-			resizeStop?(e: ResizeStopEventArgs): void;
-
-			/** Fires when the items from grid view or tile view of FileExplorer control is selected. */
-			select?(e: SelectEventArgs): void;
-
-			/** Triggered when refresh the template column elements in the grid view of FileExplorer control. */
-			templateRefresh?(e: TemplateRefreshEventArgs): void;
-
-			/** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected. */
-			unselect?(e: UnselectEventArgs): void;
-		}
-
-		export interface BeforeAjaxRequestEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the AJAX request data
-			 */
-			data?: any;
-
-			/** returns the FileExplorer model
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface BeforeDownloadEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the downloaded file names.
-			 */
-			files?: string[];
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the path of currently opened item.
-			 */
-			path?: string;
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeGetImageEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** enable or disable the image compress option.
-			 */
-			canCompress?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the expected image size.
-			 */
-			size?: any;
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the opened item type.
-			 */
-			itemType?: string;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the path of currently opened item.
-			 */
-			path?: string;
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeUploadEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the path of currently opened item.
-			 */
-			path?: string;
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the upload item details.
-			 */
-			uploadItemDetails?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CopyEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of copied file/folder.
-			 */
-			name?: string[];
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the source path.
-			 */
-			sourcePath?: string;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateFolderEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the AJAX response data
-			 */
-			data?: any;
-
-			/** returns the FileExplorer model
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the selected item details
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CutEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of moved file or folder.
-			 */
-			name?: string[];
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the source path.
-			 */
-			sourcePath?: string;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DragStartEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the dragging element.
-			 */
-			target?: any;
-
-			/** returns the path of dragging element.
-			 */
-			targetPath?: string;
-
-			/** returns the dragging file details.
-			 */
-			selectedItems?: any;
-		}
-
-		export interface DragEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the target element.
-			 */
-			target?: any;
-
-			/** returns the name of target element.
-			 */
-			targetElementName?: string;
-
-			/** returns the path of target element.
-			 */
-			targetPath?: string;
-		}
-
-		export interface DragStopEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the target element.
-			 */
-			target?: any;
-
-			/** returns the path of target element.
-			 */
-			targetPath?: string;
-
-			/** returns the name of target element
-			 */
-			targetElementName?: string;
-
-			/** returns the action, which is performed after dropping the files (upload/ move).
-			 */
-			dropAction?: string;
-
-			/** returns the dragging file details
-			 */
-			fileInfo?: any;
-		}
-
-		export interface DropEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the target element.
-			 */
-			target?: any;
-
-			/** returns the name of target folder.
-			 */
-			targetFolder?: string;
-
-			/** returns the path of target folder.
-			 */
-			targetPath?: string;
-
-			/** returns the dragging element details.
-			 */
-			fileInfo?: any;
-
-			/** returns the action, which is performed after dropping the files (upload/ move).
-			 */
-			dropAction?: string;
-		}
-
-		export interface GetImageEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** loaded image path.
-			 */
-			path?: string;
-
-			/** loaded image element
-			 */
-			element?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** original arguments of image load or error event
-			 */
-			originalArgs?: any;
-
-			/** returns the action type, which specifies thumbnail preview or opening image.
-			 */
-			action?: string;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface KeydownEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the downed key keyCode value
-			 */
-			keyCode?: number;
-
-			/** returns altKey value.
-			 */
-			altKey?: boolean;
-
-			/** returns shiftKey value.
-			 */
-			shiftKey?: boolean;
-
-			/** returns ctrlKey value.
-			 */
-			ctrlKey?: boolean;
-
-			/** returns the event object.
-			 */
-			originalArgs?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface LayoutChangeEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** return true when we change the layout via interaction, else false.
-			 */
-			isInteraction?: boolean;
-
-			/** returns the current view type.
-			 */
-			layoutType?: string;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface MenuBeforeOpenEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of ContextMenu items group.
-			 */
-			contextMenu?: string;
-
-			/** returns the dataSource of ContextMenu.
-			 */
-			dataSource?: any[];
-
-			/** returns the element of ContextMenu.
-			 */
-			element?: any;
-
-			/** returns the event of ContextMenu.
-			 */
-			events?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the target element.
-			 */
-			target?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface MenuClickEventArgs {
-
-			/** returns the ID of clicked ContextMenu item.
-			 */
-			ID?: string;
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of ContextMenu items group.
-			 */
-			contextMenu?: string;
-
-			/** returns the element of clicked ContextMenu item.
-			 */
-			element?: any;
-
-			/** returns the event of ContextMenu.
-			 */
-			event?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the parent element ID of clicked ContextMenu item.
-			 */
-			parentId?: string;
-
-			/** returns the parent element text of clicked ContextMenu item.
-			 */
-			parentText?: string;
-
-			/** returns the text of clicked ContextMenu item.
-			 */
-			text?: string;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface MenuOpenEventArgs {
-
-			/** set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of ContextMenu items group.
-			 */
-			contextMenu?: string;
-
-			/** returns the element of ContextMenu.
-			 */
-			element?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the target element.
-			 */
-			target?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the opened item type.
-			 */
-			itemType?: string;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the path of currently opened item.
-			 */
-			path?: string;
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface PasteEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of moved/copied file or folder.
-			 */
-			name?: string[];
-
-			/** returns the selected item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the target folder item details.
-			 */
-			targetFolder?: any;
-
-			/** returns the target path.
-			 */
-			targetPath?: string;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RemoveEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the AJAX response data.
-			 */
-			data?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the names of deleted items.
-			 */
-			name?: string;
-
-			/** returns the path of deleted item.
-			 */
-			path?: string;
-
-			/** returns the removed item details.
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mouse move event args.
-			 */
-			event?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeStartEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mouse down event args.
-			 */
-			event?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeStopEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mouse leave event args.
-			 */
-			event?: any;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** returns the name of selected items.
-			 */
-			name?: string[];
-
-			/** returns the path of selected items.
-			 */
-			path?: string;
-
-			/** returns the selected item details
-			 */
-			selectedItems?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface TemplateRefreshEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cell object.
-			 */
-			cell?: ej.FileExplorer.Model;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the current row data.
-			 */
-			data?: any;
-
-			/** Returns the grid model of FileExplorer.
-			 */
-			model?: any;
-
-			/** Returns the current row index.
-			 */
-			rowIndex?: number;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface UnselectEventArgs {
-
-			/** Returns the FileExplorer model.
-			 */
-			model?: ej.FileExplorer.Model;
-
-			/** Returns the name of unselected item.
-			 */
-			name?: string;
-
-			/** Returns the name of unselected items.
-			 */
-			names?: string[];
-
-			/** Returns the type of unselected item.
-			 */
-			nodeType?: string;
-
-			/** Returns the path of unselected item.
-			 */
-			path?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the unselected item details.
-			 */
-			unselectedItem?: any;
-
-			/** Returns the unselected items details.
-			 */
-			unselectedItems?: any[];
-		}
-
-		export interface ContextMenuSettings {
-
-			/** The items property is used to configure and group the required ContextMenu items in FileExplorer control.
-			 * @Default {{% highlight javascript %}{navbar: [NewFolder, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, Getinfo],cwd: [Refresh, Paste,|, SortBy, |, NewFolder, Upload, |,
-			 * Getinfo],files: [Open, Download, |, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, OpenFolderLocation, Getinfo]}{% endhighlight %}}
-			 */
-			items?: any;
-
-			/** The customMenuFields property is used to define custom functionality for custom ContextMenu item's which are defined in items property.
-			 * @Default {[]}
-			 */
-			customMenuFields?: any[];
-		}
-
-		export interface FilterSettings {
-
-			/** It allows to search the text given in search Textbox in every keyup event. When this property was set as false, searching will works only on Enter key and searchbar blur.
-			 * @Default {true}
-			 */
-			allowSearchOnTyping?: boolean;
-
-			/** Enables or disables to perform the filter operation with case sensitive.
-			 * @Default {false}
-			 */
-			caseSensitiveSearch?: boolean;
-
-			/** Sets the search filter type. There are several filter types available such as &quot;startswith&quot;, &quot;contains&quot;, &quot;endswith&quot;. See filterType.
-			 * @Default {ej.FileExplorer.filterType.Contains}
-			 */
-			filterType?: ej.FilterType | string;
-		}
-
-		export interface GridSettings {
-
-			/** Allows to Resize the width of the columns by simply click and move the particular column header line.
-			 * @Default {true}
-			 */
-			allowResizing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
-			 * @Default {true}
-			 */
-			allowSorting?: boolean;
-
-			/** Gets or sets an object that indicates to render the grid with specified columns. You can use this property same as the column property in Grid control.
-			 * @Default {[{ field: name, headerText: Name, width: 30% }, { field: dateModified, headerText: Date Modified, width: 30% }, { field: type, headerText: Type, width: 15% },
-			 * { field: size, headerText: Size, width: 12%, textAlign: right, headerTextAlign: left }]}
-			 */
-			columns?: any[];
-		}
-
-		export interface UploadSettings {
-
-			/** Specifies the maximum file size allowed to upload. It accepts the value in bytes.
-			 * @Default {31457280}
-			 */
-			maxFileSize?: number;
-
-			/** Enables or disables the multiple files upload. When it is enabled, you can upload multiple files at a time and when disabled, you can upload only one file at a time.
-			 * @Default {true}
-			 */
-			allowMultipleFile?: boolean;
-
-			/** Enables or disables the auto upload option while uploading files in FileExplorer control.
-			 * @Default {false}
-			 */
-			autoUpload?: boolean;
-		}
-
-		enum layoutType {
-
-			///Supports to display files in tile view
-			Tile,
-
-			///Supports to display files in grid view
-			Grid,
-
-			///Supports to display files as large icons
-			LargeIcons
-		}
-
-	}
-
-	class DatePicker extends ej.Widget {
-		static fn: DatePicker;
-		constructor(element: JQuery | Element, options?: DatePicker.Model);
-		static Locale: any;
-		model: DatePicker.Model;
-		defaults: DatePicker.Model;
-
-		/** Disables the DatePicker control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enable the DatePicker control, if it is in disabled state.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Returns the current date value in the DatePicker control.
-		 * @returns {string}
-		 */
-		getValue(): string;
-
-		/** Close the DatePicker popup, if it is in opened state.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Opens the DatePicker popup.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace DatePicker {
-
-		export interface Model {
-
-			/** Used to allow or restrict the editing in DatePicker input field directly. By setting false to this API, You can only pick the date from DatePicker popup.
-			 * @Default {true}
-			 */
-			allowEdit?: boolean;
-
-			/** allow or restrict the drill down to multiple levels of view (month/year/decade) in DatePicker calendar
-			 * @Default {true}
-			 */
-			allowDrillDown?: boolean;
-
-			/** Disable the list of specified date value.
-			 * @Default {{}}
-			 */
-			blackoutDates?: any;
-
-			/** Sets the specified text value to the today button in the DatePicker calendar.
-			 * @Default {Today}
-			 */
-			buttonText?: string;
-
-			/** Sets the root CSS class for DatePicker theme, which is used customize.
-			 */
-			cssClass?: string;
-
-			/** Formats the value of the DatePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DatePicker.
-			 * @Default {MM/dd/yyyy}
-			 */
-			dateFormat?: string;
-
-			/** Specifies the header format of days in DatePicker calendar. See below to get available Headers options
-			 * @Default {ej.DatePicker.Header.Short}
-			 */
-			dayHeaderFormat?: string | ej.DatePicker.Header;
-
-			/** Specifies the navigation depth level in DatePicker calendar. This option is not applied when start level view option is lower than depth level view.
-			 * See below to know available levels in DatePicker Calendar
-			 */
-			depthLevel?: string | ej.DatePicker.Level;
-
-			/** Allows to embed the DatePicker calendar in the page. Also associates DatePicker with div element instead of input.
-			 * @Default {false}
-			 */
-			displayInline?: boolean;
-
-			/** Enables or disables the animation effect with DatePicker calendar.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Enable or disable the DatePicker control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Sustain the entire widget model of DatePicker even after form post or browser refresh
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Displays DatePicker calendar along with DatePicker input field in Right to Left direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Allows to enter valid or invalid date in input textbox and indicate as error if it is invalid value, when this API value is set to true. For false value, invalid date is not allowed
-			 * to input field and corrected to valid date automatically, even if invalid date is given.
-			 * @Default {false}
-			 */
-			enableStrictMode?: boolean;
-
-			/** Used  the required fields for special Dates in DatePicker in order to customize the special dates in a calendar.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Specifies the header format to be displayed in the DatePicker calendar.
-			 * @Default {MMMM yyyy}
-			 */
-			headerFormat?: string;
-
-			/** Specifies the height of the DatePicker input text.
-			 * @Default {28px}
-			 */
-			height?: string;
-
-			/** HighlightSection is used to highlight currently selected date's month/week/workdays. See below to get available HighlightSection options
-			 * @Default {none}
-			 */
-			highlightSection?: string | ej.DatePicker.HighlightSection;
-
-			/** Weekend  dates will be highlighted when this property is set to true.
-			 * @Default {false}
-			 */
-			highlightWeekend?: boolean;
-
-			/** Specifies the HTML Attributes of the DatePicker.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Change the DatePicker calendar and date format based on given culture.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the maximum date in the calendar that the user can select.
-			 * @Default {new Date(2099, 11, 31)}
-			 */
-			maxDate?: string | Date;
-
-			/** Specifies the minimum date in the calendar that the user can select.
-			 * @Default {new Date(1900, 00, 01)}
-			 */
-			minDate?: string | Date;
-
-			/** Allows to toggles the read only state of the DatePicker. When the widget is readOnly, it doesn't allow your input.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** It allow to show/hide the disabled date ranges
-			 * @Default {true}
-			 */
-			showDisabledRange?: boolean;
-
-			/** It allows to display footer in DatePicker calendar.
-			 * @Default {true}
-			 */
-			showFooter?: boolean;
-
-			/** It allows to display/hides the other months days from the current month calendar in a DatePicker.
-			 * @Default {true}
-			 */
-			showOtherMonths?: boolean;
-
-			/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DatePicker calendar popup.
-			 * @Default {true}
-			 */
-			showPopupButton?: boolean;
-
-			/** DatePicker input is displayed with rounded corner when this property is set to true.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Used to show the tooltip when hovering on the days in the DatePicker calendar.
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the special dates in DatePicker.
-			 * @Default {null}
-			 */
-			specialDates?: any;
-
-			/** Specifies the start day of the week in DatePicker calendar.
-			 * @Default {0}
-			 */
-			startDay?: number;
-
-			/** Specifies the start level view in DatePicker calendar. See below available Levels
-			 * @Default {ej.DatePicker.Level.Month}
-			 */
-			startLevel?: string | ej.DatePicker.Level;
-
-			/** Specifies the number of months to be navigate for one click of next and previous button in a DatePicker Calendar.
-			 * @Default {1}
-			 */
-			stepMonths?: number;
-
-			/** Provides option to customize the tooltip format.
-			 * @Default {ddd MMM dd yyyy}
-			 */
-			tooltipFormat?: string;
-
-			/** Sets the jQuery validation support to DatePicker Date value. See validation
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Sets the jQuery validation custom rules to the DatePicker. see validation
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** sets or returns the current value of DatePicker
-			 * @Default {null}
-			 */
-			value?: string | Date;
-
-			/** Specifies the water mark text to be displayed in input text.
-			 * @Default {Select date}
-			 */
-			watermarkText?: string;
-
-			/** Specifies the width of the DatePicker input text.
-			 * @Default {160px}
-			 */
-			width?: string;
-
-			/** Fires before closing the DatePicker popup. */
-			beforeClose?(e: BeforeCloseEventArgs): void;
-
-			/** Fires when each date is created in the DatePicker popup calendar. */
-			beforeDateCreate?(e: BeforeDateCreateEventArgs): void;
-
-			/** Fires before opening the DatePicker popup. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires when the DatePicker input value is changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when DatePicker popup is closed. */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires when the DatePicker is created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the DatePicker is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when DatePicker input gets focus. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Fires when DatePicker input loses the focus. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Fires when calender view navigates to month/year/decade/century. */
-			navigate?(e: NavigateEventArgs): void;
-
-			/** Fires when DatePicker popup is opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Fires when a date is selected from the DatePicker popup. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface BeforeCloseEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the event parameters from DatePicker.
-			 */
-			events?: any;
-
-			/** returns the DatePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface BeforeDateCreateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the currently created date object.
-			 */
-			date?: any;
-
-			/** returns the current DOM object of the date from the Calendar.
-			 */
-			element?: HTMLElement;
-
-			/** returns the currently created date as string type.
-			 */
-			value?: string;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the event parameters from DatePicker.
-			 */
-			events?: any;
-
-			/** returns the DatePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the DatePicker input value.
-			 */
-			value?: string;
-
-			/** returns the previously selected value.
-			 */
-			prevDate?: string;
-		}
-
-		export interface CloseEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the current date object.
-			 */
-			date?: any;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the current date value.
-			 */
-			value?: string;
-
-			/** returns the previously selected value.
-			 */
-			prevDate?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the currently selected date value.
-			 */
-			value?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the currently selected date value.
-			 */
-			value?: string;
-
-			/** returns the previously selected date value.
-			 */
-			prevDate?: string;
-		}
-
-		export interface NavigateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the current date object.
-			 */
-			date?: any;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the previous view state of calendar.
-			 */
-			navigateFrom?: string;
-
-			/** returns the current view state of calendar.
-			 */
-			navigateTo?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current date value.
-			 */
-			value?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the current date object.
-			 */
-			date?: any;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current date value.
-			 */
-			value?: string;
-
-			/** returns the previously selected value.
-			 */
-			prevDate?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the selected date object.
-			 */
-			date?: any;
-
-			/** returns the DatePicker model.
-			 */
-			model?: ej.DatePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the current date value.
-			 */
-			value?: string;
-
-			/** returns the previously selected value.
-			 */
-			prevDate?: string;
-
-			/** returns whether the  currently selected date is special date or not.
-			 */
-			isSpecialDay?: string;
-		}
-
-		export interface Fields {
-
-			/** Specifies the specials dates
-			 */
-			date?: string;
-
-			/** Specifies the icon class to special dates.
-			 */
-			iconClass?: string;
-
-			/** Specifies the tooltip to special dates.
-			 */
-			tooltip?: string;
-
-			/** Specifies the CSS class to customize the date.
-			 */
-			cssClass?: string;
-		}
-
-		enum Header {
-
-			///Removes day header in DatePicker
-			None,
-
-			///sets  the short format of day name (like Sun) in header in DatePicker
-			Short,
-
-			///sets  the Min format of day name (like su) in header format DatePicker
-			Min
-		}
-
-
-		enum Level {
-
-			///allow  navigation upto year level in  DatePicker
-			Year,
-
-			///allow  navigation upto decade level in  DatePicker
-			Decade,
-
-			///allow  navigation upto Century level in  DatePicker
-			Century
-		}
-
-
-		enum HighlightSection {
-
-			///Highlight the week of the currently  selected date in DatePicker popup calendar
-			Week,
-
-			///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar
-			WorkDays,
-
-			///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
-			None
-		}
-
-	}
-
-	class DateTimePicker extends ej.Widget {
-		static fn: DateTimePicker;
-		constructor(element: JQuery | Element, options?: DateTimePicker.Model);
-		static Locale: any;
-		model: DateTimePicker.Model;
-		defaults: DateTimePicker.Model;
-
-		/** Disables the DateTimePicker control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the DateTimePicker control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Returns the current datetime value in the DateTimePicker.
-		 * @returns {string}
-		 */
-		getValue(): string;
-
-		/** Hides or closes the DateTimePicker popup.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Updates the current system date value and time value to the DateTimePicker.
-		 * @returns {void}
-		 */
-		setCurrentDateTime(): void;
-
-		/** Shows or opens the DateTimePicker popup.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace DateTimePicker {
-
-		export interface Model {
-
-			/** Used to allow or restrict the editing in DateTimePicker input field directly. By setting false to this API, You can only pick the date and time values from DateTimePicker popup.
-			 * @Default {true}
-			 */
-			allowEdit?: boolean;
-
-			/** Displays the custom text for the buttons inside the DateTimePicker popup. when the culture value changed, we can change the buttons text based on the culture.
-			 * @Default {{ today: Today, timeNow: Time Now, done: Done, timeTitle: Time }}
-			 */
-			buttonText?: ButtonText;
-
-			/** Set the root class for DateTimePicker theme. This cssClass API helps to use custom skinning option for DateTimePicker control.
-			 */
-			cssClass?: string;
-
-			/** Defines the datetime format displayed in the DateTimePicker. The value should be a combination of date format and time format.
-			 * @Default {M/d/yyyy h:mm tt}
-			 */
-			dateTimeFormat?: string;
-
-			/** Specifies the header format of the datepicker inside the DateTimePicker popup. See DatePicker.Header
-			 * @Default {ej.DatePicker.Header.Short}
-			 */
-			dayHeaderFormat?: ej.DatePicker.Header | string;
-
-			/** Specifies the navigation depth level in DatePicker calendar inside DateTimePicker popup. This option is not applied
-			 * when start level view option is lower than depth level view. See ej.DatePicker.Level
-			 */
-			depthLevel?: ej.DatePicker.Level | string;
-
-			/** Enable or disable the animation effect in DateTimePicker.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** When this property is set to false, it disables the DateTimePicker control.
-			 * @Default {false}
-			 */
-			enabled?: boolean;
-
-			/** Enables or disables the state maintenance of DateTimePicker.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Sets the DateTimePicker direction as right to left alignment.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class, otherwise it internally changed to the correct value.
-			 * @Default {false}
-			 */
-			enableStrictMode?: boolean;
-
-			/** Specifies the header format to be displayed in the DatePicker calendar inside the DateTimePicker popup.
-			 * @Default {MMMM yyyy}
-			 */
-			headerFormat?: string;
-
-			/** Defines the height of the DateTimePicker textbox.
-			 * @Default {30}
-			 */
-			height?: string | number;
-
-			/** Specifies the HTML Attributes of the ejDateTimePicker
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Sets the time interval between the two adjacent time values in the time popup.
-			 * @Default {30}
-			 */
-			interval?: number;
-
-			/** Defines the localization culture for DateTimePicker.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the maximum value to the DateTimePicker. Beyond the maximum value an error class is added to the wrapper element when we set true to enableStrictMode.
-			 * @Default {new Date(12/31/2099 11:59:59 PM)}
-			 */
-			maxDateTime?: string | Date;
-
-			/** Sets the minimum value to the DateTimePicker. Behind the minimum value an error class is added to the wrapper element.
-			 * @Default {new Date(1/1/1900 12:00:00 AM)}
-			 */
-			minDateTime?: string | Date;
-
-			/** Specifies the popup position of DateTimePicker.See below to know available popup positions
-			 * @Default {ej.DateTimePicker.Bottom}
-			 */
-			popupPosition?: string | ej.popupPosition;
-
-			/** Indicates that the DateTimePicker value can only be read and can’t change.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** It allows showing days in other months of DatePicker calendar inside the DateTimePicker popup.
-			 * @Default {true}
-			 */
-			showOtherMonths?: boolean;
-
-			/** Shows or hides the arrow button from the DateTimePicker textbox. When the button disabled, the DateTimePicker popup opens while focus in the textbox and hides while focus out from the textbox.
-			 * @Default {true}
-			 */
-			showPopupButton?: boolean;
-
-			/** Changes the sharped edges into rounded corner for the DateTimePicker textbox and popup.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the start day of the week in datepicker inside the DateTimePicker popup.
-			 * @Default {1}
-			 */
-			startDay?: number;
-
-			/** Specifies the start level view in datepicker inside the DateTimePicker popup. See DatePicker.Level
-			 * @Default {ej.DatePicker.Level.Month or month}
-			 */
-			startLevel?: ej.DatePicker.Level | string;
-
-			/** Specifies the number of months to navigate at one click of next and previous button in datepicker inside the DateTimePicker popup.
-			 * @Default {1}
-			 */
-			stepMonths?: number;
-
-			/** Defines the time format displayed in the time dropdown inside the DateTimePicker popup.
-			 * @Default {h:mm tt}
-			 */
-			timeDisplayFormat?: string;
-
-			/** We can drill down up to time interval on selected date with meridian details.
-			 * @Default {{ enabled: false, interval: 5, showMeridian: false, autoClose: true }}
-			 */
-			timeDrillDown?: TimeDrillDown;
-
-			/** Defines the width of the time dropdown inside the DateTimePicker popup.
-			 * @Default {100}
-			 */
-			timePopupWidth?: string | number;
-
-			/** Set the jQuery validation error message in DateTimePicker.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Set the jQuery validation rules in DateTimePicker.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Sets the DateTime value to the control.
-			 */
-			value?: string | Date;
-
-			/** Specifies the water mark text to be displayed in input text.
-			 * @Default {Select date and time}
-			 */
-			watermarkText?: string;
-
-			/** Defines the width of the DateTimePicker textbox.
-			 * @Default {143}
-			 */
-			width?: string | number;
-
-			/** Fires before the datetime popup closed in the DateTimePicker. */
-			beforeClose?(e: BeforeCloseEventArgs): void;
-
-			/** Fires before the datetime popup open in the DateTimePicker. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires when the datetime value changed in the DateTimePicker textbox. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when DateTimePicker popup closes. */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires after DateTimePicker control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the DateTimePicker is destroyed successfully */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when the focus-in happens in the DateTimePicker textbox. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Fires when the focus-out happens in the DateTimePicker textbox. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Fires when DateTimePicker popup opens. */
-			open?(e: OpenEventArgs): void;
-		}
-
-		export interface BeforeCloseEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateTimePicker model.
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the event parameters from DateTimePicker.
-			 */
-			events?: any;
-
-			/** returns the DateTimePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateTimePicker model.
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the event parameters from DateTimePicker.
-			 */
-			events?: any;
-
-			/** returns the DateTimePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current value is valid or not
-			 */
-			isValidState?: boolean;
-
-			/** returns the modified datetime value
-			 */
-			value?: string;
-
-			/** returns the previously selected date time value
-			 */
-			prevDateTime?: string;
-
-			/** returns true if change event triggered by interaction, otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface CloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the modified datetime value
-			 */
-			value?: string;
-
-			/** returns the previously selected date time value
-			 */
-			prevDateTime?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateTimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateTimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the datetime value, which is in text box
-			 */
-			value?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the datetime value, which is in text box
-			 */
-			value?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.DateTimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the modified datetime value
-			 */
-			value?: string;
-
-			/** returns the previously selected date time value
-			 */
-			prevDateTime?: string;
-		}
-
-		export interface ButtonText {
-
-			/** Sets the text for the Done button inside the datetime popup.
-			 */
-			done?: string;
-
-			/** Sets the text for the Now button inside the datetime popup.
-			 */
-			timeNow?: string;
-
-			/** Sets the header text for the Time dropdown.
-			 */
-			timeTitle?: string;
-
-			/** Sets the text for the Today button inside the datetime popup.
-			 */
-			today?: string;
-		}
-
-		export interface TimeDrillDown {
-
-            /** This is the field to show/hide the timeDrillDown in DateTimePicker.
-             */
-			enabled?: boolean;
-
-			/** Sets the interval time of minutes on selected date.
-			 */
-			interval?: number;
-
-			/** Allows the user to show or hide the meridian with time in DateTimePicker.
-			 */
-			showMeridian?: boolean;
-
-			/** After choosing the time, the popup will close automatically if we set it as true, otherwise we focus out the DateTimePicker or choose timeNow button for closing the popup.
-			 */
-			autoClose?: boolean;
-		}
-	}
-	enum popupPosition {
-		//Opens the DateTimePicker popup below to the DateTimePicker input box
-		Bottom,
-		//Opens the DateTimePicker popup above to the DateTimePicker input box
-		Top,
-	}
-
-	class DateRangePicker extends ej.Widget {
-		static fn: DateRangePicker;
-		constructor(element: JQuery | Element, options?: DateRangePicker.Model);
-		static Locale: any;
-		model: DateRangePicker.Model;
-		defaults: DateRangePicker.Model;
-
-		/** Add the preset ranges to DateRangePicker popup.
-		 * @param {string} Display name
-		 * @param {Array<any>} StartDate and endDate of range.
-		 * @returns {void}
-		 */
-		addRanges(label: string, range: any[]): void;
-
-		/** Clears the all ranges selections in DateRangePicker popup
-		 * @returns {void}
-		 */
-		clearRanges(): void;
-
-		/** Disables the DateRangePicker control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enable the DateRangePicker control, if it is in disabled state.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Returns the startDate and endDate values in the selected ranges in the DateRangePicker control.
-		 * @returns {string}
-		 */
-		getSelectedValue(): string;
-
-		/** Close the DateRangePicker popup, if it is in opened state.
-		 * @returns {void}
-		 */
-		popupHide(): void;
-
-		/** Opens the DateRangePicker popup.
-		 * @returns {void}
-		 */
-		popupShow(): void;
-
-		/** set the preset ranges to DateRangePicker popup.
-		 * @returns {void}
-		 */
-		setRange(): void;
-	}
-	export namespace DateRangePicker {
-
-		export interface Model {
-
-			/** Used to allow or restrict the editing in DateRangePicker input field directly. By setting false to this API, You can only pick the date ranges from DateRangePicker popup.
-			 * @Default {true}
-			 */
-			allowEdit?: boolean;
-
-			/** Sets the specified text value to the available buttons (Reset, Cancel, Apply) in the DateRangePicker popup.
-			 * @Default {{ reset: Reset, cancel: Cancel, apply: Apply}}
-			 */
-			buttonText?: any;
-
-			/** Sets the root CSS class for DateRangePicker theme, which is used to customize.
-			 */
-			cssClass?: string;
-
-			/** Formats the date value of the DateRangePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DateRangePicker.
-			 * @Default {MM/dd/yyyy}
-			 */
-			dateFormat?: string;
-
-			/** Allows to embed the Timepicker align with the calendars in the page, two timepicker will be render, for selecting start and end date.
-			 * @Default {false}
-			 */
-			enableTimePicker?: boolean;
-
-			/** Enable or disable the DateRangePicker control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Sustain the entire widget model of DateRangePicker even after form post or browser refresh
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specifies the end date of the date ranges.
-			 * @Default {null}
-			 */
-			endDate?: string | Date;
-
-			/** Specifies the height of the DateRangePicker input.
-			 * @Default {28px}
-			 */
-			height?: string | number;
-
-			/** Change the DateRangePicker calendar and date format based on given culture.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Used to add the preset ranges. Added ranges using this, will show in popup in right side for easy selection of different preset ranges.
-			 * @Default {null}
-			 */
-			ranges?: any;
-
-			/** Specifies the start date of the date ranges
-			 * @Default {null}
-			 */
-			startDate?: string | Date;
-
-			/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DateRangePicker calendar popup.
-			 * @Default {true}
-			 */
-			showPopupButton?: boolean;
-
-			/** DateRangePicker input and popup is displayed with rounded corner when this property is set to true.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Formats the date value of the DateRangePicker in to the specified time format. If this API is not specified, timeFormat will be set based on the current culture of DateRangePicker.
-			 * @Default {HH:mm tt}
-			 */
-			timeFormat?: string;
-
-			/** Separated two date values in string format to sets the date ranges in calendars.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Specifies the water mark text to be displayed in input text.
-			 * @Default {Select Range}
-			 */
-			watermarkText?: string;
-
-			/** Specifies the width of the DateRangePicker input text.
-			 * @Default {160px}
-			 */
-			width?: string | number;
-
-			/** Fires before closing the DateRangePicker popup. */
-			beforeClose?(e: BeforeCloseEventArgs): void;
-
-			/** Fires before opening the DateRangePicker popup. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires when the DateRangePicker values get changed. */
-			onChange?(e: OnChangeEventArgs): void;
-
-			/** Fires when DateRangePicker popup is closed. */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires when the DateRangePicker is created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the DateRangePicker is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when DateRangePicker popup is opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Fires when a date ranges is selected from the DateRangePicker popup. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface BeforeCloseEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateRangePicker model
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the event parameters from DateRangePicker.
-			 */
-			events?: any;
-
-			/** returns the DateRangePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the event parameters from DateRangePicker.
-			 */
-			events?: any;
-
-			/** returns the DateRangePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface OnChangeEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the DateRangePicker input value.
-			 */
-			value?: string;
-
-			/** returns the startDate of DateRangePicker.
-			 */
-			startDate?: any;
-
-			/** returns the endDate of the DateRangePicker popup.
-			 */
-			endDate?: any;
-		}
-
-		export interface CloseEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the current date object.
-			 */
-			date?: any;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the DateRangePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the current date object.
-			 */
-			date?: any;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the DateRangePicker popup.
-			 */
-			element?: HTMLElement;
-		}
-
-		export interface SelectEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the selected date object.
-			 */
-			startDate?: any;
-
-			/** returns the DateRangePicker model.
-			 */
-			model?: ej.DateRangePicker.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the current date value.
-			 */
-			endDate?: any;
-		}
-	}
-
-	class Dialog extends ej.Widget {
-		static fn: Dialog;
-		constructor(element: JQuery | Element, options?: Dialog.Model);
-		static Locale: any;
-		model: Dialog.Model;
-		defaults: Dialog.Model;
-
-		/** Closes the dialog widget dynamically.
-		 * @returns {any}
-		 */
-		close(): any;
-
-		/** Collapses the content area when it is expanded.
-		 * @returns {any}
-		 */
-		collapse(): any;
-
-		/** Destroys the Dialog widget.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Expands the content area when it is collapsed.
-		 * @returns {any}
-		 */
-		expand(): any;
-
-		/** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
-		 * @returns {boolean}
-		 */
-		isOpen(): boolean;
-
-		/** Maximizes the Dialog widget.
-		 * @returns {any}
-		 */
-		maximize(): any;
-
-		/** Minimizes the Dialog widget.
-		 * @returns {any}
-		 */
-		minimize(): any;
-
-		/** Opens the Dialog widget.
-		 * @returns {any}
-		 */
-		open(): any;
-
-		/** Pins the dialog in its current position.
-		 * @returns {any}
-		 */
-		pin(): any;
-
-		/** Refreshes the dialog content dynamically.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Restores the dialog.
-		 * @returns {any}
-		 */
-		restore(): any;
-
-		/** Unpins the Dialog widget.
-		 * @returns {any}
-		 */
-		unpin(): any;
-
-		/** Sets the title for the Dialog widget.
-		 * @param {string} The title for the dialog widget.
-		 * @returns {any}
-		 */
-		setTitle(Title: string): any;
-
-		/** Sets the content for the Dialog widget dynamically.
-		 * @param {string} The content for the dialog widget. It accepts both string and HTML string.
-		 * @returns {any}
-		 */
-		setContent(content: string): any;
-
-		/** Sets the focus on the Dialog widget.
-		 * @returns {any}
-		 */
-		focus(): any;
-	}
-	export namespace Dialog {
-
-		export interface Model {
-
-			/** Adds action buttons like close, minimize, pin, maximize in the dialog header.
-			 */
-			actionButtons?: string[];
-
-			/** Specifies the ajaxSettings option to load the content to the Dialog control.
-			 * @Default {null}
-			 */
-			ajaxSettings?: AjaxSettings;
-
-			/** Enables or disables draggable.
-			 */
-			allowDraggable?: boolean;
-
-			/** Enables or disables keyboard interaction.
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Customizes the Dialog widget animations. The Dialog widget can be animated while opening and closing the dialog.
-			 * In order to customize animation effects, you need to set “enableAnimation” as true. It contains the following sub properties.
-			 */
-			animation?: any;
-
-			/** To Enable or disable the scrolling for background element of the modal dialog. This will work only with modal dialog.
-			 */
-			backgroundScroll?: boolean;
-
-			/** Closes the dialog widget on pressing the ESC key when it is set to true.
-			 */
-			closeOnEscape?: boolean;
-
-			/** The selector for the container element. If the property is set, then dialog will append to the selected element and it is restricted to move only within the specified container element.
-			 */
-			containment?: string;
-
-			/** The content type to load the dialog content at run time. The possible values are null, AJAX, iframe and image. When it is null (default value),
-			 * the content inside dialog element will be displayed as content and when it is not null, the content will be loaded from the URL specified in the contentUrl property.
-			 */
-			contentType?: string;
-
-			/** The URL to load the dialog content (such as AJAX, image, and iframe). In order to load content from URL, you need to set contentType as ‘ajax’ or ‘iframe’ or ‘image’.
-			 */
-			contentUrl?: string;
-
-			/** The root class for the Dialog widget to customize the existing theme.
-			 */
-			cssClass?: string;
-
-			/** Enable or disables animation when the dialog is opened or closed.
-			 */
-			enableAnimation?: boolean;
-
-			/** Enables or disables the Dialog widget.
-			 */
-			enabled?: boolean;
-
-			/** Enable or disables modal dialog. The modal dialog acts like a child window that is displayed on top of the main window/screen and disables the main window interaction until it is closed.
-			 */
-			enableModal?: boolean;
-
-			/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
-			 */
-			enablePersistence?: boolean;
-
-			/** Allows the dialog to be resized. The dialog cannot be resized less than the minimum height, width values and greater than the maximum height and width.
-			 */
-			enableResize?: boolean;
-
-			/** Displays dialog content from right to left when set to true.
-			 */
-			enableRTL?: boolean;
-
-			/** The CSS class name to display the favicon in the dialog header. In order to display favicon, you need to set showHeader as true since the favicon will be displayed in the dialog header.
-			 */
-			faviconCSS?: string;
-
-			/** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type
-			 * and “100”, “500” as integer type.
-			 */
-			height?: string | number;
-
-			/** Specifies the HTML Attributes of the Dialog.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Enable or disables responsive behavior.
-			 */
-			isResponsive?: boolean;
-
-			/** Default Value:{:.param}“en-US”
-			 */
-			locale?: number;
-
-			/** Sets the maximum height for the dialog widget.
-			 */
-			maxHeight?: number;
-
-			/** Sets the maximum width for the dialog widget.
-			 */
-			maxWidth?: number;
-
-			/** Sets the minimum height for the dialog widget.
-			 */
-			minHeight?: number;
-
-			/** Sets the minimum width for the dialog widget.
-			 */
-			minWidth?: number;
-
-			/** Displays the Dialog widget at the given X and Y position.
-			 */
-			position?: any;
-
-			/** Shows or hides the dialog header.
-			 */
-			showHeader?: boolean;
-
-			/** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
-			 */
-			showOnInit?: boolean;
-
-			/** Enables or disables the rounder corner.
-			 */
-			showRoundedCorner?: boolean;
-
-			/** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
-			 */
-			target?: string;
-
-			/** The title text to be displayed in the dialog header. In order to set title, you need to set showHeader as true since the title will be displayed in the dialog header.
-			 */
-			title?: string;
-
-			/** Add or configure the tooltip text for actionButtons in the dialog header.
-			 */
-			tooltip?: any;
-
-			/** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”,
-			 * “100px” as string type and “100”, “500” as integer type.
-			 */
-			width?: string | number;
-
-			/** Sets the z-index value for the Dialog widget.
-			 */
-			zIndex?: number;
-
-			/** Sets the Footer for the Dialog widget.
-			 */
-			showFooter?: boolean;
-
-			/** Sets the FooterTemplate for the Dialog widget.
-			 */
-			footerTemplateId?: string;
-
-			/** This event is triggered before the dialog widgets gets open. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
-			ajaxError?(e: AjaxErrorEventArgs): void;
-
-			/** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
-			ajaxSuccess?(e: AjaxSuccessEventArgs): void;
-
-			/** This event is triggered before the dialog widgets get closed. */
-			beforeClose?(e: BeforeCloseEventArgs): void;
-
-			/** This event is triggered after the dialog widget is closed. */
-			close?(e: CloseEventArgs): void;
-
-			/** Triggered after the dialog content is loaded in DOM. */
-			contentLoad?(e: ContentLoadEventArgs): void;
-
-			/** Triggered after the dialog is created successfully */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggered after the dialog widget is destroyed successfully */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggered while the dialog is dragged. */
-			drag?(e: DragEventArgs): void;
-
-			/** Triggered when the user starts dragging the dialog. */
-			dragStart?(e: DragStartEventArgs): void;
-
-			/** Triggered when the user stops dragging the dialog. */
-			dragStop?(e: DragStopEventArgs): void;
-
-			/** Triggered after the dialog is opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Triggered while the dialog is resized. */
-			resize?(e: ResizeEventArgs): void;
-
-			/** Triggered when the user starts resizing the dialog. */
-			resizeStart?(e: ResizeStartEventArgs): void;
-
-			/** Triggered when the user stops resizing the dialog. */
-			resizeStop?(e: ResizeStopEventArgs): void;
-
-			/** Triggered when the dialog content is expanded. */
-			expand?(e: ExpandEventArgs): void;
-
-			/** Triggered when the dialog content is collapsed. */
-			collapse?(e: CollapseEventArgs): void;
-
-			/** Triggered when the custom action button clicked. */
-			actionButtonClick?(e: ActionButtonClickEventArgs): void;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AjaxErrorEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** URL of the content.
-			 */
-			URL?: string;
-
-			/** Error page content.
-			 */
-			responseText?: string;
-
-			/** Error code.
-			 */
-			status?: number;
-
-			/** The corresponding error description.
-			 */
-			statusText?: string;
-		}
-
-		export interface AjaxSuccessEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** URL of the content.
-			 */
-			URL?: string;
-
-			/** Response content.
-			 */
-			data?: string;
-		}
-
-		export interface BeforeCloseEventArgs {
-
-			/** Current event object.
-			 */
-			event?: any;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CloseEventArgs {
-
-			/** Current event object.
-			 */
-			event?: any;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ContentLoadEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** URL of the content.
-			 */
-			URL?: string;
-
-			/** Content type
-			 */
-			contentType?: any;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DragEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Current event object.
-			 */
-			event?: any;
-		}
-
-		export interface DragStartEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Current event object.
-			 */
-			event?: any;
-		}
-
-		export interface DragStopEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Current event object.
-			 */
-			event?: any;
-		}
-
-		export interface OpenEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Current event object.
-			 */
-			event?: any;
-		}
-
-		export interface ResizeStartEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Current event object.
-			 */
-			event?: any;
-		}
-
-		export interface ResizeStopEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Current event object.
-			 */
-			event?: any;
-		}
-
-		export interface ExpandEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CollapseEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ActionButtonClickEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Name of the event target attribute.
-			 */
-			buttonID?: string;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Instance of the dialog model object.
-			 */
-			model?: ej.Dialog.Model;
-
-			/** Name of the event current target title.
-			 */
-			currentTarget?: string;
-		}
-
-		export interface AjaxSettings {
-
-			/** It specifies, whether to enable or disable asynchronous request.
-			 */
-			async?: boolean;
-
-			/** It specifies the page will be cached in the web browser.
-			 */
-			cache?: boolean;
-
-			/** It specifies the type of data is send in the query string.
-			 */
-			contentType?: string;
-
-			/** It specifies the data as an object, will be passed in the query string.
-			 */
-			data?: any;
-
-			/** It specifies the type of data that you're expecting back from the response.
-			 */
-			dataType?: string;
-
-			/** It specifies the HTTP request type.
-			 */
-			type?: string;
-		}
-	}
-
-	class DropDownList extends ej.Widget {
-		static fn: DropDownList;
-		constructor(element: JQuery | Element, options?: DropDownList.Model);
-		static Locale: any;
-		model: DropDownList.Model;
-		defaults: DropDownList.Model;
-
-		/** Adding a single item or an array of items into the DropDownList allows you to specify all the field attributes such as value, template, image URL, and HTML attributes for those items.
-		 * @param {any|Array<any>}  this parameter should have field attributes with respect to mapped field attributes and it's corresponding values to fields
-		 * @returns {void}
-		 */
-		addItem(data: any | any[]): void;
-
-		/** This method is used to select all the items in the DropDownList.
-		 * @returns {void}
-		 */
-		checkAll(): void;
-
-		/** Clears the text in the DropDownList textbox.
-		 * @returns {void}
-		 */
-		clearText(): void;
-
-		/** Destroys the DropDownList widget.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** This property is used to disable the DropDownList widget.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** This property disables the set of items in the DropDownList.
-		 * @param {string|number|Array<any>}  disable the given index list items
-		 * @returns {void}
-		 */
-		disableItemsByIndices(index: string | number | any[]): void;
-
-		/** This property enables the DropDownList control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Enables an Item or set of Items that are disabled in the DropDownList
-		 * @param {string|number|Array<any>}  enable the given index list items if it's disabled
-		 * @returns {void}
-		 */
-		enableItemsByIndices(index: string | number | any[]): void;
-
-		/** This method retrieves the items using given value.
-		 * @param {string|number|any}  Return the whole object of data based on given value
-		 * @returns {Array<any>}
-		 */
-		getItemDataByValue(value: string | number | any): any[];
-
-		/** This method is used to retrieve the items that are bound with the DropDownList.
-		 * @returns {any}
-		 */
-		getListData(): any;
-
-		/** This method is used to get the selected items in the DropDownList.
-		 * @returns {Array<any>}
-		 */
-		getSelectedItem(): any[];
-
-		/** This method is used to retrieve the items value that are selected in the DropDownList.
-		 * @returns {string}
-		 */
-		getSelectedValue(): string;
-
-		/** This method hides the suggestion popup in the DropDownList.
-		 * @returns {void}
-		 */
-		hidePopup(): void;
-
-		/** This method is used to select the list of items in the DropDownList through the Index of the items.
-		 * @param {string|number|Array<any>}  select the given index list items
-		 * @returns {void}
-		 */
-		selectItemsByIndices(index: string | number | any[]): void;
-
-		/** This method is used to select an item in the DropDownList by using the given text value.
-		 * @param {string|number|Array<any>}  select the list items relates to given text
-		 * @returns {void}
-		 */
-		selectItemByText(index: string | number | any[]): void;
-
-		/** This method is used to select an item in the DropDownList by using the given value.
-		 * @param {string|number|Array<any>}  select the list items relates to given values
-		 * @returns {void}
-		 */
-		selectItemByValue(index: string | number | any[]): void;
-
-		/** This method shows the DropDownList control with the suggestion popup.
-		 * @returns {void}
-		 */
-		showPopup(): void;
-
-		/** This method is used to unselect all the items in the DropDownList.
-		 * @returns {void}
-		 */
-		unCheckAll(): void;
-
-		/** This method is used to unselect the list of items in the DropDownList through Index of the items.
-		 * @param {string|number|Array<any>}  unselect the given index list items
-		 * @returns {void}
-		 */
-		unselectItemsByIndices(index: string | number | any[]): void;
-
-		/** This method is used to unselect an item in the DropDownList by using the given text value.
-		 * @param {string|number|Array<any>}  unselect the list items relates to given text
-		 * @returns {void}
-		 */
-		unselectItemByText(index: string | number | any[]): void;
-
-		/** This method is used to unselect an item in the DropDownList by using the given value.
-		 * @param {string|number|Array<any>}  unselect the list items relates to given values
-		 * @returns {void}
-		 */
-		unselectItemByValue(index: string | number | any[]): void;
-	}
-	export namespace DropDownList {
-
-		export interface Model {
-
-			/** The Virtual Scrolling(lazy loading) feature is used to display a large amount of data that you require without buffering the entire load of a huge database records in the DropDownList,
-			 * that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true.
-			 * @Default {false}
-			 */
-			allowVirtualScrolling?: boolean;
-
-			/** The cascading DropDownLists is a series of two or more DropDownLists in which each DropDownList is filtered according to the previous DropDownList’s value.
-			 * @Default {null}
-			 */
-			cascadeTo?: string;
-
-			/** Sets the case sensitivity of the search operation. It supports both enableFilterSearch and enableIncrementalSearch property.
-			 * @Default {false}
-			 */
-			caseSensitiveSearch?: boolean;
-
-			/** Dropdown widget's style and appearance can be controlled based on 13 different default built-in themes.You can customize the appearance of the dropdown by using the cssClass property.
-			 * You need to specify a class name in the cssClass property and the same class name is used before the class definitions wherever the custom styles are applied.
-			 */
-			cssClass?: string;
-
-			/** This property is used to serve data from the data services based on the query provided. To bind the data to the dropdown widget,
-			 * the dataSource property is assigned with the instance of the ej.DataManager.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Sets the separator when the multiSelectMode with delimiter option or checkbox is enabled with the dropdown. When you enter the delimiter value,the texts after the delimiter are considered
-			 * as a separate word or query. The delimiter string is a single character and must be a symbol. Mostly, the delimiter symbol is used as comma (,) or semi-colon (;) or any other special character.
-			 * @Default {','}
-			 */
-			delimiterChar?: string;
-
-			/** The enabled Animation property uses the easeOutQuad animation to SlideDown and SlideUp the Popup list in 200 and 100 milliseconds, respectively.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** This property is used to indicate whether the DropDownList control responds to the user interaction or not. By default, the control is in the enabled mode
-			 * and you can disable it by setting it to false.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specifies to perform incremental search for the selection of items from the DropDownList with the help of this property. This helps in selecting the item by using the typed character.
-			 * @Default {true}
-			 */
-			enableIncrementalSearch?: boolean;
-
-			/** This property selects the item in the DropDownList when the item is entered in the Search textbox.
-			 * @Default {false}
-			 */
-			enableFilterSearch?: boolean;
-
-			/** Saves the current model value to the browser cookies for state maintenance. While refreshing the DropDownList control page, it retains the model value and
-			 * it is applied from the browser cookies.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** This enables the resize handler to resize the popup to any size.
-			 * @Default {false}
-			 */
-			enablePopupResize?: boolean;
-
-			/** Sets the DropDownList textbox direction from right to left align.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** This property is used to sort the Items in the DropDownList. By default, it sorts the items in an ascending order.
-			 * @Default {false}
-			 */
-			enableSorting?: boolean;
-
-			/** Specifies the mapping fields for the data items of the DropDownList.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** When the enableFilterSearch property value is set to true, the values in the DropDownList shows the items starting with or containing the key word/letter typed in the Search textbox.
-			 * @Default {ej.FilterType.Contains}
-			 */
-			filterType?: ej.FilterType | string;
-
-			/** Used to create visualized header for dropdown items
-			 * @Default {null}
-			 */
-			headerTemplate?: string;
-
-			/** Defines the height of the DropDownList textbox.
-			 * @Default {null}
-			 */
-			height?: string | number;
-
-			/** It sets the given HTML attributes for the DropDownList control such as ID, name, disabled, etc.
-			 * @Default {null}
-			 */
-			htmlAttributes?: any;
-
-			/** Data can be fetched in the DropDownList control by using the DataSource, specifying the number of items.
-			 * @Default {5}
-			 */
-			itemsCount?: number;
-
-			/** Allows the user to set the particular country or region language for the DropDownList.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
-			 * @Default {null}
-			 */
-			maxPopupHeight?: string | number;
-
-			/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-			 * @Default {null}
-			 */
-			minPopupHeight?: string | number;
-
-			/** Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
-			 * @Default {null}
-			 */
-			maxPopupWidth?: string | number;
-
-			/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-			 * @Default {0}
-			 */
-			minPopupWidth?: string | number;
-
-			/** With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode.
-			 * In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character.
-			 * In the visual mode, the items are showcased like boxes with close icon in the textbox.
-			 * @Default {ej.MultiSelectMode.None}
-			 */
-			multiSelectMode?: ej.MultiSelectMode | string;
-
-			/** Defines the height of the suggestion popup box in the DropDownList control.
-			 * @Default {152px}
-			 */
-			popupHeight?: string | number;
-
-			/** Defines the width of the suggestion popup box in the DropDownList control.
-			 * @Default {auto}
-			 */
-			popupWidth?: string | number;
-
-			/** Specifies the query to retrieve the data from the DataSource.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Specifies that the DropDownList textbox values should be read-only.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Specifies an item to be selected in the DropDownList.
-			 * @Default {null}
-			 */
-			selectedIndex?: number;
-
-			/** Specifies the selectedItems for the DropDownList.
-			 * @Default {[]}
-			 */
-			selectedIndices?: any[];
-
-			/** Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
-			 * @Default {false}
-			 */
-			showCheckbox?: boolean;
-
-			/** DropDownList control is displayed with the popup seen.
-			 * @Default {false}
-			 */
-			showPopupOnLoad?: boolean;
-
-			/** DropDownList textbox displayed with the rounded corner style.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
-			 * @Default {ej.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.SortOrder | string;
-
-			/** Specifies the targetID for the DropDownList’s items.
-			 * @Default {null}
-			 */
-			targetID?: string;
-
-			/** By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Defines the text value that is displayed in the DropDownList textbox.
-			 * @Default {null}
-			 */
-			text?: string | number;
-
-			/** Sets the jQuery validation error message in the DropDownList
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Sets the jQuery validation rules in the Dropdownlist.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Specifies the value (text content) for the DropDownList control.
-			 * @Default {null}
-			 */
-			value?: string | number;
-
-			/** Specifies a short hint that describes the expected value of the DropDownList control.
-			 * @Default {null}
-			 */
-			watermarkText?: string;
-
-			/** Defines the width of the DropDownList textbox.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** The Virtual Scrolling feature is used to display a large amount of records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from
-			 * the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true.
-			 * You can set the itemsCount property that represents the number of items to be fetched from the server on every AJAX request.
-			 * @Default {normal}
-			 */
-			virtualScrollMode?: ej.VirtualScrollMode | string;
-
-			/** Fires the action before the XHR request. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
-			actionFailure?(e: ActionFailureEventArgs): void;
-
-			/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
-			actionSuccess?(e: ActionSuccessEventArgs): void;
-
-			/** Fires the action before the popup is ready to hide. */
-			beforePopupHide?(e: BeforePopupHideEventArgs): void;
-
-			/** Fires the action before the popup is ready to be displayed. */
-			beforePopupShown?(e: BeforePopupShownEventArgs): void;
-
-			/** Fires when the cascading happens between two DropDownList exactly after the value changes in the first dropdown and before filtering in the second Dropdown. */
-			cascade?(e: CascadeEventArgs): void;
-
-			/** Fires the action when the DropDownList control’s value is changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires the action when the list item checkbox value is changed. */
-			checkChange?(e: CheckChangeEventArgs): void;
-
-			/** Fires the action once the DropDownList is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires the action when the list items is bound to the DropDownList. */
-			dataBound?(e: DataBoundEventArgs): void;
-
-			/** Fires the action when the DropDownList is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires the action when the DropDownList is focused. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Fires the action when the DropDownList is about to lose focus. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Fires the action, once the popup is closed */
-			popupHide?(e: PopupHideEventArgs): void;
-
-			/** Fires the action, when the popup is resized. */
-			popupResize?(e: PopupResizeEventArgs): void;
-
-			/** Fires the action, once the popup is opened. */
-			popupShown?(e: PopupShownEventArgs): void;
-
-			/** Fires the action, when resizing a popup starts. */
-			popupResizeStart?(e: PopupResizeStartEventArgs): void;
-
-			/** Fires the action, when the popup resizing is stopped. */
-			popupResizeStop?(e: PopupResizeStopEventArgs): void;
-
-			/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
-			search?(e: SearchEventArgs): void;
-
-			/** Fires the action, when the list of item is selected. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns number of times trying to fetch the data
-			 */
-			count?: number;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the query for data retrieval
-			 */
-			query?: any;
-
-			/** Returns the query for data retrieval from the Database
-			 */
-			request?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the number of items fetched from remote data
-			 */
-			result?: any[];
-
-			/** Returns the requested data
-			 */
-			xhr?: any;
-		}
-
-		export interface ActionFailureEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the error message
-			 */
-			error?: any;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the query for data retrieval
-			 */
-			query?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ActionSuccessEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns number of times trying to fetch the data
-			 */
-			count?: number;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the query for data retrieval
-			 */
-			query?: any;
-
-			/** Returns the query for data retrieval from the Database
-			 */
-			request?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the number of items fetched from remote data
-			 */
-			result?: any[];
-
-			/** Returns the requested data
-			 */
-			xhr?: any;
-		}
-
-		export interface BeforePopupHideEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the selected text
-			 */
-			text?: string;
-
-			/** returns the selected value
-			 */
-			value?: string;
-		}
-
-		export interface BeforePopupShownEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the selected text
-			 */
-			text?: string;
-
-			/** returns the selected value
-			 */
-			value?: string;
-		}
-
-		export interface CascadeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cascading dropdown model.
-			 */
-			cascadeModel?: any;
-
-			/** returns the current selected value in first dropdown.
-			 */
-			cascadeValue?: string;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the default filter action for second dropdown data should happen or not.
-			 */
-			requiresDefaultFilter?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selected item with checkbox checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Returns the selected item ID.
-			 */
-			itemId?: string;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the selected item text.
-			 */
-			selectedText?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the selected text.
-			 */
-			text?: string;
-
-			/** Returns the selected value.
-			 */
-			value?: string;
-		}
-
-		export interface CheckChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selected item with checkbox checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Returns the selected item ID.
-			 */
-			itemId?: string;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the selected item text.
-			 */
-			selectedText?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the selected text.
-			 */
-			text?: string;
-
-			/** Returns the selected value.
-			 */
-			value?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DataBoundEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the data that is bound to DropDownList
-			 */
-			data?: any;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PopupHideEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the selected text
-			 */
-			text?: string;
-
-			/** returns the selected value
-			 */
-			value?: string;
-		}
-
-		export interface PopupResizeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the data from the resizable plugin.
-			 */
-			event?: any;
-		}
-
-		export interface PopupShownEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the selected text
-			 */
-			text?: string;
-
-			/** returns the selected value
-			 */
-			value?: string;
-		}
-
-		export interface PopupResizeStartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the data from the resizable plugin.
-			 */
-			event?: any;
-		}
-
-		export interface PopupResizeStopEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the data from the resizable plugin.
-			 */
-			event?: any;
-		}
-
-		export interface SearchEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data bound to the DropDownList.
-			 */
-			items?: any;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the selected item text.
-			 */
-			selectedText?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the search string typed in search box.
-			 */
-			searchString?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selected item with checkbox checked or not.
-			 */
-			isChecked?: boolean;
-
-			/** Returns the selected item ID.
-			 */
-			itemId?: string;
-
-			/** returns the DropDownList model
-			 */
-			model?: any;
-
-			/** Returns the selected item text.
-			 */
-			selectedText?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the selected text.
-			 */
-			text?: string;
-
-			/** Returns the selected value.
-			 */
-			value?: string;
-		}
-
-		export interface Fields {
-
-			/** Used to group the items.
-			 */
-			groupBy?: string;
-
-			/** Defines the HTML attributes such as ID, class, and styles for the item.
-			 */
-			htmlAttributes?: any;
-
-			/** Defines the ID for the tag.
-			 */
-			id?: string;
-
-			/** Defines the image attributes such as height, width, styles, and so on.
-			 */
-			imageAttributes?: string;
-
-			/** Defines the imageURL for the image location.
-			 */
-			imageUrl?: string;
-
-			/** Defines the tag value to be selected initially.
-			 */
-			selected?: boolean;
-
-			/** Defines the sprite CSS for the image tag.
-			 */
-			spriteCssClass?: string;
-
-			/** Defines the table name for tag value or display text while rendering remote data.
-			 */
-			tableName?: string;
-
-			/** Defines the text content for the tag.
-			 */
-			text?: string;
-
-			/** Defines the tag value.
-			 */
-			value?: string;
-		}
-	}
-	enum FilterType {
-		//filter the data wherever contains search key
-		Contains,
-		//filter the data based on search key present at start position
-		StartsWith,
-	}
-	enum MultiSelectMode {
-		// can select only single item in DropDownList
-		None,
-		//can select multiple items and it's separated by delimiterChar
-		Delimiter,
-		// can select multiple items and it's show's like visual box in textbox
-		VisualMode,
-	}
-	enum VirtualScrollMode {
-		// The data is loaded only to the corresponding page (display items). When scrolling some other position, it enables the load on demand with the DropDownList.
-		Normal,
-		//The data items are loaded from the remote when scroll handle reaches the end of the scrollbar like infinity scrolling.
-		Continuous,
-	}
-
-	class Tooltip extends ej.Widget {
-		static fn: Tooltip;
-		constructor(element: JQuery | Element, options?: Tooltip.Model);
-		static Locale: any;
-		model: Tooltip.Model;
-		defaults: Tooltip.Model;
-
-		/** Destroys the Tooltip control.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the Tooltip control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the Tooltip control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Hide the Tooltip popup.
-		 * @param {string}  optional Determines the type of effect that takes place when hiding the tooltip.
-		 * @param {Function}  optional custom effect takes place when hiding the tooltip.
-		 * @returns {void}
-		 */
-		hide(effect?: string, func?: any): void;
-
-		/** Shows the Tooltip popup for the given target element with the specified effect.
-		 * @param {string} optional Determines the type of effect that takes place when showing the tooltip.
-		 * @param {Function} optional custom effect takes place when showing the tooltip.
-		 * @param {JQuery} optional Tooltip will be shown for the given element
-		 * @returns {void}
-		 */
-		show(effect?: string, func?: any, target?: JQuery): void;
-	}
-	export namespace Tooltip {
-
-		export interface Model {
-
-			/** Tooltip control can be accessed through the keyboard shortcut keys.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Specifies the animation behavior in  Tooltip. It contains the following sub properties.
-			 */
-			animation?: Animation;
-
-			/** Sets the position related to target element, window, mouse or (x,y) co-ordinates.
-			 * @Default {ej.Tooltip.Associate.Target}
-			 */
-			associate?: ej.Tooltip.Associate | string;
-
-			/** Specified the delay to hide Tooltip when closeMode is auto.
-			 * @Default {4000}
-			 */
-			autoCloseTimeout?: number;
-
-			/** Specifies the closing behavior of Tooltip popup.
-			 * @Default {ej.Tooltip.CloseMode.None}
-			 */
-			closeMode?: ej.Tooltip.CloseMode | string;
-
-			/** Sets the Tooltip in alternate position when collision occurs.
-			 * @Default {ej.Tooltip.Collision.FlipFit}
-			 */
-			collision?: ej.Tooltip.Collision | string;
-
-			/** Specified the selector for the container element.
-			 * @Default {body}
-			 */
-			containment?: string;
-
-			/** Specifies the text for Tooltip.
-			 * @Default {null}
-			 */
-			content?: string;
-
-			/** Sets the root CSS class for Tooltip for the customization.
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** Enables or disables the Tooltip.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Sets the Tooltip direction from right to left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Defines the height of the Tooltip popup.
-			 * @Default {auto}
-			 */
-			height?: string | number;
-
-			/** Enables the arrow in Tooltip.
-			 * @Default {true}
-			 */
-			isBalloon?: boolean;
-
-			/** defines various attributes of the Tooltip position
-			 */
-			position?: Position;
-
-			/** Enables or disables rounded corner.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Enables or disables shadow effect.
-			 * @Default {false}
-			 */
-			showShadow?: boolean;
-
-			/** Specified a selector for elements, within the container.
-			 * @Default {null}
-			 */
-			target?: string;
-
-			/** defines Tooltip size and gap between tooltip against the target element.
-			 */
-			tip?: Tip;
-
-			/** The title text to be displayed in the Tooltip header.
-			 * @Default {null}
-			 */
-			title?: string;
-
-			/** Specified the event action to show case the Tooltip.
-			 * @Default {ej.Tooltip.Trigger.Hover}
-			 */
-			trigger?: ej.Tooltip.Trigger | string;
-
-			/** Defines the width of the Tooltip popup.
-			 * @Default {auto}
-			 */
-			width?: string | number;
-
-			/** This event is triggered before the Tooltip widget get closed. */
-			beforeClose?(e: BeforeCloseEventArgs): void;
-
-			/** This event is triggered before the Tooltip widget gets open. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires on clicking to the target element. */
-			click?(e: ClickEventArgs): void;
-
-			/** This event is triggered after the Tooltip widget is closed. */
-			close?(e: CloseEventArgs): void;
-
-			/** This event is triggered after the Tooltip is created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** This event is triggered after the Tooltip widget is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** This event is triggered while hovering the target element, when tooltip positioning relates to target element. */
-			hover?(e: HoverEventArgs): void;
-
-			/** This event is triggered after the Tooltip is opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
-			tracking?(e: TrackingEventArgs): void;
-		}
-
-		export interface BeforeCloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the Tooltip's content
-			 */
-			content?: string;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the Tooltip's content
-			 */
-			content?: string;
-		}
-
-		export interface ClickEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface CloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the Tooltip's content
-			 */
-			content?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface HoverEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface OpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the Tooltip's content
-			 */
-			content?: string;
-		}
-
-		export interface TrackingEventArgs {
-
-			/** its value is set as true,if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Tooltip model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface Animation {
-
-			/** Determines the type of effect.
-			 * @Default {ej.Tooltip.Effect.None}
-			 */
-			effect?: ej.Tooltip.effect | string;
-
-			/** Sets the animation speed in milliseconds.
-			 * @Default {4000}
-			 */
-			speed?: number;
-		}
-
-		export interface PositionTarget {
-
-			/** Sets the Tooltip position against target based on horizontal(x) value.
-			 * @Default {center}
-			 */
-			horizontal?: string | number;
-
-			/** Sets the Tooltip position against target based on vertical(y) value.
-			 * @Default {top}
-			 */
-			vertical?: string | number;
-		}
-
-		export interface PositionStem {
-
-			/** Sets the arrow position again popup based on horizontal(x) value
-			 * @Default {center}
-			 */
-			horizontal?: string;
-
-			/** Sets the arrow position again popup based on vertical(y) value
-			 * @Default {bottom}
-			 */
-			vertical?: string;
-		}
-
-		export interface Position {
-
-			/** Sets the Tooltip position against target.
-			 */
-			target?: PositionTarget;
-
-			/** Sets the arrow position again popup.
-			 */
-			stem?: PositionStem;
-		}
-
-		export interface TipSize {
-
-			/** Sets the Tooltip width.
-			 * @Default {20}
-			 */
-			width?: number;
-
-			/** Sets the Tooltip height.
-			 * @Default {10}
-			 */
-			height?: number;
-		}
-
-		export interface TipAdjust {
-
-			/** Sets horizontal gap between Tooltip and target element.
-			 * @Default {0}
-			 */
-			xValue?: number;
-
-			/** Sets vertical gap between Tooltip and target element.
-			 * @Default {0}
-			 */
-			yValue?: number;
-		}
-
-		export interface Tip {
-
-			/** Sets the Tooltip size.
-			 */
-			size?: TipSize;
-
-			/** Sets gap between tooltip against the target element.
-			 */
-			adjust?: TipAdjust;
-		}
-
-
-		enum effect {
-
-			///No animation takes place when showing/hiding the Tooltip
-			None,
-
-			///Sliding effect takes place when showing/hiding the Tooltip
-			Slide,
-
-			///Fade the Tooltip in and out of visibility.
-			Fade
-		}
-
-
-		enum Associate {
-
-			///Sets the position related to target element.
-			Target,
-
-			///Sets the position related to mouse.
-			MouseFollow,
-
-			///Sets the position related to mouse, first entry to the target element.
-			MouseEnter,
-
-			///Sets the position related to (x,y) co-ordinates.
-			Axis,
-
-			///Sets the position related to browser window.
-			Window
-		}
-
-
-		enum CloseMode {
-
-			///Enables close button in Tooltip.
-			Sticky,
-
-			///Sets the delay for Tooltip close
-			Auto,
-
-			///The Tooltip will be display normally.
-			None
-		}
-
-
-		enum Collision {
-
-			///Flips the Tooltip to the opposite side of the target, if collision is occurs.
-			Flip,
-
-			///Shift the Tooltip popup away from the edge of the window(collision side) that means adjacent position.
-			Fit,
-
-			///Ensure as much of the element is visible as possible to showcase.
-			FlipFit,
-
-			///No collision detection is take place
-			None
-		}
-
-
-		enum Trigger {
-
-			///The Tooltip to be shown when the target element is clicked.
-			Click,
-
-			///Enables the Tooltip when hover on the target element.
-			Hover,
-
-			///Enables the Tooltip when focus is set to target element.
-			Focus
-		}
-
-	}
-
-	class Editor extends ej.Widget {
-		static fn: Editor;
-		constructor(element: JQuery | Element, options?: Editor.Model);
-		static Locale: any;
-		model: Editor.Model;
-		defaults: Editor.Model;
-
-		/** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To disable the corresponding Editors
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the corresponding Editors
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** To get value from corresponding Editors
-		 * @returns {number}
-		 */
-		getValue(): number;
-	}
-
-	class NumericTextbox extends Editor {
-	}
-
-	class CurrencyTextbox extends Editor {
-	}
-
-	class PercentageTextbox extends Editor {
-	}
-	export namespace Editor {
-
-		export interface Model {
-
-			/** Specifies the currency symbol of currency textbox, used when the user wants to overwrite the currency symbol commonly instead of the current culture symbol.
-			 * @Default {Based on the culture}
-			 */
-			currencySymbol?: string;
-
-			/** Sets the root CSS class for Editors which allow us to customize the appearance.
-			 */
-			cssClass?: string;
-
-			/** Specifies the number of digits that should be allowed after the decimal point.
-			 * @Default {0}
-			 */
-			decimalPlaces?: number;
-
-			/** Specifies the editor control state.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specify the enablePersistence to editor to save current editor control value to browser cookies for state maintenance.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specifies the Right to Left Direction to editor.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class,otherwise it internally changed to the correct value.
-			 * @Default {false}
-			 */
-			enableStrictMode?: boolean;
-
-			/** Specifies the number of digits in each group to the editor.
-			 * @Default {Based on the culture.}
-			 */
-			groupSize?: string;
-
-			/** It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
-			 * @Default {Based on the culture}
-			 */
-			groupSeparator?: string;
-
-			/** Specifies the height of the editor.
-			 * @Default {30}
-			 */
-			height?: string;
-
-			/** It allows to define the characteristics of the Editors control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** The Editor value increment or decrement based an incrementStep value.
-			 * @Default {1}
-			 */
-			incrementStep?: number;
-
-			/** Defines the localization culture for editor.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the maximum value of the editor.
-			 * @Default {Number.MAX_VALUE}
-			 */
-			maxValue?: number;
-
-			/** Specifies the minimum value of the editor.
-			 * @Default {-(Number.MAX_VALUE) and 0 for Currency Textbox.}
-			 */
-			minValue?: number;
-
-			/** Specifies the name of the editor.
-			 * @Default {Sets id as name if it is null.}
-			 */
-			name?: string;
-
-			/** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the negative pattern.
-			 * you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
-			 * @Default {Based on the culture}
-			 */
-			negativePattern?: string;
-
-			/** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the positive pattern.
-			 * you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
-			 * @Default {Based on the culture}
-			 */
-			positivePattern?: string;
-
-			/** Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Specifies to Change the sharped edges into rounded corner for the Editor.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies whether the up and down spin buttons should be displayed in editor.
-			 * @Default {true}
-			 */
-			showSpinButton?: boolean;
-
-			/** Enables decimal separator position validation on type .
-			 * @Default {false}
-			 */
-			validateOnType?: boolean;
-
-			/** Set the jQuery validation error message in editor.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Set the jQuery validation rules to the editor.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Specifies the value of the editor.
-			 * @Default {null}
-			 */
-			value?: number | string;
-
-			/** Specifies the watermark text to editor.
-			 * @Default {Based on the culture.}
-			 */
-			watermarkText?: string;
-
-			/** Specifies the width of the editor.
-			 * @Default {143}
-			 */
-			width?: string;
-
-			/** Fires after Editor control value is changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires after Editor control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the Editor is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires after Editor control is focused. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Fires after Editor control is loss the focus. */
-			focusOut?(e: FocusOutEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the corresponding editor model.
-			 */
-			model?: ej.Editor.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the corresponding editor control value.
-			 */
-			value?: number;
-
-			/** returns true when the value changed by user interaction otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the editor model
-			 */
-			model?: ej.Editor.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the editor model
-			 */
-			model?: ej.Editor.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the corresponding editor model.
-			 */
-			model?: ej.Editor.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the corresponding editor control value.
-			 */
-			value?: number;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the corresponding editor model.
-			 */
-			model?: ej.Editor.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the corresponding editor control value.
-			 */
-			value?: number;
-		}
-	}
-
-	class ListView extends ej.Widget {
-		static fn: ListView;
-		constructor(element: JQuery | Element, options?: ListView.Model);
-		static Locale: any;
-		model: ListView.Model;
-		defaults: ListView.Model;
-
-		/** To add item in the given index. If you have enabled grouping in ListView then you need to pass the corresponding group list title to add item in it.
-		 * @param {any} Specifies the item to be added in ListView
-		 * @param {number} Specifies the index where item to be added
-		 * @param {string} optionalThis is an optional parameter. You must pass the group list title here if grouping is enabled in the ListView
-		 * @returns {void}
-		 */
-		addItem(item: any, index: number, groupid: string): void;
-
-		/** To check all the items.
-		 * @returns {void}
-		 */
-		checkAllItem(): void;
-
-		/** To check item in the given index.
-		 * @param {number} Specifies the index of the item to be checked
-		 * @returns {void}
-		 */
-		checkItem(index: number): void;
-
-		/** To clear all the list item in the control before updating with new datasource.
-		 * @returns {void}
-		 */
-		clear(): void;
-
-		/** To make the item in the given index to be default state.
-		 * @param {number} Specifies the index to make the item to be in default state.
-		 * @returns {void}
-		 */
-		deActive(index: number): void;
-
-		/** To disable item in the given index.
-		 * @param {number} Specifies the index value to be disabled.
-		 * @returns {void}
-		 */
-		disableItem(index: number): void;
-
-		/** To enable item in the given index.
-		 * @param {number} Specifies the index value to be enabled.
-		 * @returns {void}
-		 */
-		enableItem(index: number): void;
-
-		/** To get the active item.
-		 * @returns {HTMLElement}
-		 */
-		getActiveItem(): HTMLElement;
-
-		/** To get the text of the active item.
-		 * @returns {string}
-		 */
-		getActiveItemText(): string;
-
-		/** To get all the checked items.
-		 * @returns {Array<any>}
-		 */
-		getCheckedItems(): any[];
-
-		/** To get the text of all the checked items.
-		 * @returns {Array<any>}
-		 */
-		getCheckedItemsText(): any[];
-
-		/** To get the total item count.
-		 * @returns {number}
-		 */
-		getItemsCount(): number;
-
-		/** To get the text of the item in the given index.
-		 * @param {string|number} Specifies the index value to get the text value.
-		 * @returns {string}
-		 */
-		getItemText(index: string | number): string;
-
-		/** To check whether the item in the given index has child item.
-		 * @param {number} Specifies the index value to check the item has child or not.
-		 * @returns {boolean}
-		 */
-		hasChild(index: number): boolean;
-
-		/** To hide the list.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** To hide item in the given index.
-		 * @param {number} Specifies the index value to hide the item.
-		 * @returns {void}
-		 */
-		hideItem(index: number): void;
-
-		/** To check whether item in the given index is checked.
-		 * @returns {boolean}
-		 */
-		isChecked(): boolean;
-
-		/** To load the AJAX content while selecting the item.
-		 * @param {string} Specifies the item to load the AJAX content.
-		 * @returns {void}
-		 */
-		loadAjaxContent(item: string): void;
-
-		/** To remove the check mark either for specific item in the given index or for all items.
-		 * @param {number} Specifies the index value to remove the checkbox.
-		 * @returns {void}
-		 */
-		removeCheckMark(index: number): void;
-
-		/** To remove item in the given index.
-		 * @param {number} Specifies the index value to remove the item.
-		 * @returns {void}
-		 */
-		removeItem(index: number): void;
-
-		/** To select item in the given index.
-		 * @param {number} Specifies the index value to select the item.
-		 * @returns {void}
-		 */
-		selectItem(index: number): void;
-
-		/** To make the item in the given index to be active state.
-		 * @param {number} Specifies the index value to make the item in active state.
-		 * @returns {void}
-		 */
-		setActive(index: number): void;
-
-		/** To show the list.
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** To show item in the given index.
-		 * @param {number} Specifies the index value to show the hided item.
-		 * @returns {void}
-		 */
-		showItem(index: number): void;
-
-		/** To uncheck all the items.
-		 * @returns {void}
-		 */
-		unCheckAllItem(): void;
-
-		/** To uncheck item in the given index.
-		 * @param {number} Specifies the index value to uncheck the item.
-		 * @returns {void}
-		 */
-		unCheckItem(index: number): void;
-	}
-	export namespace ListView {
-
-		export interface Model {
-
-			/** Specifies the ajaxSettings option to load the items to the ListView control.
-			 * @Default {null}
-			 */
-			ajaxSettings?: AjaxSettings;
-
-			/** Set the index values to be selected on initial loading. This works only when enableCheckMark is set true.
-			 * @Default {[]}
-			 */
-			checkedIndices?: any[];
-
-			/** Sets the root class for ListView theme. This cssClass API helps to use custom skinning option for ListView control. By defining the root class using this API,
-			 * we need to include this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** Contains the list of data for generating the ListView items.
-			 * @Default {[]}
-			 */
-			dataSource?: any[];
-
-			/** Specifies whether to load AJAX content while selecting item.
-			 * @Default {false}
-			 */
-			enableAjax?: boolean;
-
-			/** Specifies whether to enable caching the content.
-			 * @Default {false}
-			 */
-			enableCache?: boolean;
-
-			/** Specifies whether to enable check mark for the item.
-			 * @Default {false}
-			 */
-			enableCheckMark?: boolean;
-
-			/** Specifies whether to enable the filtering feature to filter the item.
-			 * @Default {false}
-			 */
-			enableFiltering?: boolean;
-
-			/** Specifies whether to group the list item.
-			 * @Default {false}
-			 */
-			enableGroupList?: boolean;
-
-			/** Specifies to maintain the current model value to browser cookies for state maintenance. While refresh the page, the model value will get apply to the control from browser cookies.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specifies the field settings to map the datasource.
-			 */
-			fieldSettings?: any;
-
-			/** Contains the array of items to be added in ListView.
-			 * @Default {[]}
-			 */
-			items?: any[];
-
-			/** Specifies the text of the back button in the header.
-			 * @Default {null}
-			 */
-			headerBackButtonText?: string;
-
-			/** Specifies the title of the header.
-			 * @Default {Title}
-			 */
-			headerTitle?: string;
-
-			/** Specifies the height.
-			 * @Default {null}
-			 */
-			height?: string | number;
-
-			/** Set the localization culture for ListView Widget.
-			 */
-			locale?: string;
-
-			/** Specifies whether to retain the selection of the item.
-			 * @Default {false}
-			 */
-			persistSelection?: boolean;
-
-			/** Specifies whether to prevent the selection of the item.
-			 * @Default {false}
-			 */
-			preventSelection?: boolean;
-
-			/** Specifies the query to execute with the datasource.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Specifies whether need to render the control with the template contents.
-			 * @Default {false}
-			 */
-			renderTemplate?: boolean;
-
-			/** Specifies the index of item which need to be in selected state initially while loading.
-			 * @Default {0}
-			 */
-			selectedItemIndex?: number;
-
-			/** Specifies whether to show the header.
-			 * @Default {true}
-			 */
-			showHeader?: boolean;
-
-			/** Specifies whether to show the back button header.
-			 * @Default {false}
-			 */
-			showHeaderBackButton?: boolean;
-
-			/** Specifies ID of the element contains template contents.
-			 * @Default {null}
-			 */
-			templateId?: string;
-
-			/** Specifies the width.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Specifies the number of items to be fetched on each scroll. Note: This property works only with Virtual scrolling.
-			 * @Default {5}
-			 */
-			itemRequestCount?: number;
-
-			/** Specifies the maximum number of items to be fetched. Note: This will work only with Virtual scrolling
-			 * @Default {null}
-			 */
-			totalItemsCount?: number;
-
-			/** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using virtualScrollMode property.
-			 * @Default {false}
-			 */
-			allowVirtualScrolling?: boolean;
-
-			/** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
-			 * @Default {ej.VirtualScrollMode.Normal}
-			 */
-			virtualScrollMode?: ej.VirtualScrollMode | string;
-
-			/** Event triggers before the AJAX request happens. */
-			ajaxBeforeLoad?(e: AjaxBeforeLoadEventArgs): void;
-
-			/** Event triggers after the AJAX content loaded completely. */
-			ajaxComplete?(e: AjaxCompleteEventArgs): void;
-
-			/** Event triggers when the AJAX request failed. */
-			ajaxError?(e: AjaxErrorEventArgs): void;
-
-			/** Event triggers after the AJAX content loaded successfully. */
-			ajaxSuccess?(e: AjaxSuccessEventArgs): void;
-
-			/** Event triggers before the items loaded. */
-			load?(e: LoadEventArgs): void;
-
-			/** Event triggers after the items loaded. */
-			loadComplete?(e: LoadCompleteEventArgs): void;
-
-			/** Event triggers when mouse down happens on the item. */
-			mouseDown?(e: MouseDownEventArgs): void;
-
-			/** Event triggers when mouse up happens on the item. */
-			mouseUp?(e: MouseUpEventArgs): void;
-		}
-
-		export interface AjaxBeforeLoadEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-
-			/** returns the AJAX settings.
-			 */
-			ajaxData?: any;
-		}
-
-		export interface AjaxCompleteEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-		}
-
-		export interface AjaxErrorEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-
-			/** returns the error thrown in the AJAX post.
-			 */
-			errorThrown?: any;
-
-			/** returns the status.
-			 */
-			textStatus?: any;
-
-			/** returns the current list item.
-			 */
-			item?: any;
-
-			/** returns the current item text.
-			 */
-			text?: string;
-
-			/** returns the current item index.
-			 */
-			index?: number;
-		}
-
-		export interface AjaxSuccessEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-
-			/** returns the AJAX current content.
-			 */
-			content?: string;
-
-			/** returns the current list item.
-			 */
-			item?: any;
-
-			/** returns the current item text.
-			 */
-			text?: string;
-
-			/** returns the current item index.
-			 */
-			index?: number;
-
-			/** returns the current URL of the AJAX post.
-			 */
-			URL?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-		}
-
-		export interface LoadCompleteEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-		}
-
-		export interface MouseDownEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-
-			/** If the child element exist return true; otherwise, false.
-			 */
-			hasChild?: boolean;
-
-			/** returns the current list item.
-			 */
-			item?: string;
-
-			/** returns the current text of item.
-			 */
-			text?: string;
-
-			/** returns the current Index of the item.
-			 */
-			index?: number;
-
-			/** If checked return true; otherwise, false.
-			 */
-			isChecked?: boolean;
-
-			/** returns the list of checked items.
-			 */
-			checkedItems?: number;
-
-			/** returns the current checked item text.
-			 */
-			checkedItemsText?: string;
-		}
-
-		export interface MouseUpEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.ListView.Model;
-
-			/** If the child element exist return true; otherwise, false.
-			 */
-			hasChild?: boolean;
-
-			/** returns the current list item.
-			 */
-			item?: string;
-
-			/** returns the current text of item.
-			 */
-			text?: string;
-
-			/** returns the current Index of the item.
-			 */
-			index?: number;
-
-			/** If checked return true; otherwise, false.
-			 */
-			isChecked?: boolean;
-
-			/** returns the list of checked items.
-			 */
-			checkedItems?: number;
-
-			/** returns the current checked item text.
-			 */
-			checkedItemsText?: string;
-		}
-
-		export interface AjaxSettings {
-
-			/** It specifies, whether to enable or disable asynchronous request.
-			 */
-			async?: boolean;
-
-			/** It specifies the page will be cached in the web browser.
-			 */
-			cache?: boolean;
-
-			/** It specifies the type of data is send in the query string.
-			 */
-			contentType?: string;
-
-			/** It specifies the data as an object, will be passed in the query string.
-			 */
-			data?: any;
-
-			/** It specifies the type of data that you're expecting back from the response.
-			 */
-			dataType?: string;
-
-			/** It specifies the HTTP request type.
-			 */
-			type?: string;
-		}
-	}
-
-	class MaskEdit extends ej.Widget {
-		static fn: MaskEdit;
-		constructor(element: JQuery | Element, options?: MaskEdit.Model);
-		static Locale: any;
-		model: MaskEdit.Model;
-		defaults: MaskEdit.Model;
-
-		/** To clear the text in mask edit textbox control.
-		 * @returns {void}
-		 */
-		clear(): void;
-
-		/** To disable the mask edit textbox control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the mask edit textbox control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** To obtained the pure value of the text value, removes all the symbols in mask edit textbox control.
-		 * @returns {string}
-		 */
-		get_StrippedValue(): string;
-
-		/** To obtained the textbox value as such that, Just replace all '_' to ' '(space) in mask edit textbox control.
-		 * @returns {string}
-		 */
-		get_UnstrippedValue(): string;
-	}
-	export namespace MaskEdit {
-
-		export interface Model {
-
-			/** Specify the cssClass to achieve custom theme.
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** Specify the custom character allowed to entered in mask edit textbox control.
-			 * @Default {null}
-			 */
-			customCharacter?: string;
-
-			/** Specify the state of the mask edit textbox control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specify the enablePersistence to mask edit textbox to save current model value to browser cookies for state maintains.
-			 */
-			enablePersistence?: boolean;
-
-			/** Specifies the height for the mask edit textbox control.
-			 * @Default {28 px}
-			 */
-			height?: string;
-
-			/** Specifies whether hide the prompt characters with spaces on blur. Prompt chars will be shown again on focus the textbox.
-			 * @Default {false}
-			 */
-			hidePromptOnLeave?: boolean;
-
-			/** Specifies the list of HTML attributes to be added to mask edit textbox.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specify the inputMode for mask edit textbox control. See InputMode
-			 * @Default {ej.InputMode.Text}
-			 */
-			inputMode?: ej.InputMode | string;
-
-			/** Specifies the input mask.
-			 * @Default {null}
-			 */
-			maskFormat?: string;
-
-			/** Specifies the name attribute value for the mask edit textbox.
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** Toggles the readonly state of the mask edit textbox. When the mask edit textbox is readonly, it doesn't allow your input.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Specifies whether the error will show until correct value entered in the mask edit textbox control.
-			 * @Default {false}
-			 */
-			showError?: boolean;
-
-			/** when showPromptChar is true, the hide the prompt characters are shown in focus of the control and hides in focus out of the control.
-			 * @Default {true}
-			 */
-			showPromptChar?: boolean;
-
-			/** MaskEdit input is displayed in rounded corner style when this property is set to true.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specify the text alignment for mask edit textbox control.See TextAlign
-			 * @Default {left}
-			 */
-			textAlign?: ej.TextAlign | string;
-
-			/** Sets the jQuery validation error message in mask edit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Sets the jQuery validation rules to the MaskEdit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Specifies the value for the mask edit textbox control.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Specifies the water mark text to be displayed in input text.
-			 * @Default {null}
-			 */
-			watermarkText?: string;
-
-			/** Specifies the width for the mask edit textbox control.
-			 * @Default {143pixel}
-			 */
-			width?: string;
-
-			/** Fires when value changed in mask edit textbox control. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires after MaskEdit control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the MaskEdit is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when focused in mask edit textbox control. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Fires when focused out in mask edit textbox control. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Fires when keydown in mask edit textbox control. */
-			keydown?(e: KeydownEventArgs): void;
-
-			/** Fires when key press in mask edit textbox control. */
-			keyPress?(e: KeyPressEventArgs): void;
-
-			/** Fires when keyup in mask edit textbox control. */
-			keyup?(e: KeyupEventArgs): void;
-
-			/** Fires when mouse out in mask edit textbox control. */
-			mouseOut?(e: MouseOutEventArgs): void;
-
-			/** Fires when mouse over in mask edit textbox control. */
-			mouseOver?(e: MouseOverEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the MaskEdit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the MaskEdit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface KeydownEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface KeyPressEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface KeyupEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface MouseOutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-
-		export interface MouseOverEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the mask edit model
-			 */
-			model?: ej.MaskEdit.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mask edit value
-			 */
-			value?: number;
-
-			/** returns unstripped value in mask edit textbox control.
-			 */
-			unmaskedValue?: string;
-		}
-	}
-	enum InputMode {
-		//string
-		Password,
-		//string
-		Text,
-	}
-	enum TextAlign {
-		//string
-		Center,
-		//string
-		Justify,
-		//string
-		Left,
-		//string
-		Right,
-	}
-
-	class Menu extends ej.Widget {
-		static fn: Menu;
-		constructor(element: JQuery | Element, options?: Menu.Model);
-		static Locale: any;
-		model: Menu.Model;
-		defaults: Menu.Model;
-
-		/** Disables the Menu control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Specifies the Menu Item to be disabled by using the Menu Item Text.
-		 * @param {string} Specifies the Menu Item Text to be disabled.
-		 * @returns {void}
-		 */
-		disableItem(itemtext: string): void;
-
-		/** Specifies the Menu Item to be disabled by using the Menu Item Id.
-		 * @param {string|number} Specifies the Menu Item id to be disabled
-		 * @returns {void}
-		 */
-		disableItemByID(itemid: string | number): void;
-
-		/** Enables the Menu control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Specifies the Menu Item to be enabled by using the Menu Item Text.
-		 * @param {string} Specifies the Menu Item Text to be enabled.
-		 * @returns {void}
-		 */
-		enableItem(itemtext: string): void;
-
-		/** Specifies the Menu Item to be enabled by using the Menu Item Id.
-		 * @param {string|number} Specifies the Menu Item id to be enabled.
-		 * @returns {void}
-		 */
-		enableItemByID(itemid: string | number): void;
-
-		/** Hides the Context Menu control.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Hides the specific items in Menu control.
-		 * @returns {void}
-		 */
-		hideItems(): void;
-
-		/** Insert the menu item as child of target node.
-		 * @param {any} Information about Menu item.
-		 * @param {string|any} Selector of target node or Object of target node.
-		 * @returns {void}
-		 */
-		insert(item: any, target: string | any): void;
-
-		/** Insert the menu item after the target node.
-		 * @param {any} Information about Menu item.
-		 * @param {string|any} Selector of target node or Object of target node.
-		 * @returns {void}
-		 */
-		insertAfter(item: any, target: string | any): void;
-
-		/** Insert the menu item before the target node.
-		 * @param {any} Information about Menu item.
-		 * @param {string|any} Selector of target node or Object of target node.
-		 * @returns {void}
-		 */
-		insertBefore(item: any, target: string | any): void;
-
-		/** Remove Menu item.
-		 * @param {any|Array<any>} Selector of target node or Object of target node.
-		 * @returns {void}
-		 */
-		remove(target: any | any[]): void;
-
-		/** To show the Menu control.
-		 * @param {number} x co-ordinate position of context menu.
-		 * @param {number} y co-ordinate position of context menu.
-		 * @param {any} target element
-		 * @param {any} name of the event
-		 * @returns {void}
-		 */
-		show(locationX: number, locationY: number, targetElement: any, event: any): void;
-
-		/** Show the specific items in Menu control.
-		 * @returns {void}
-		 */
-		showItems(): void;
-	}
-	export namespace Menu {
-
-		export interface Model {
-
-			/** To enable or disable the Animation while hover or click an menu items.See AnimationType
-			 * @Default {ej.AnimationType.Default}
-			 */
-			animationType?: ej.AnimationType | string;
-
-			/** Specifies the target id of context menu. On right clicking the specified contextTarget element, context menu gets shown.
-			 * @Default {null}
-			 */
-			contextMenuTarget?: string;
-
-			/** Specifies the container element selectors for submenu’s collision. The submenu gets displayed based on spacing available with respect to container element.
-			 * @Default {null}
-			 */
-			container?: string;
-
-			/** Specify the CSS class to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** To enable or disable the Animation effect while hover or click an menu items.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Specifies the root menu items to be aligned center in horizontal menu.
-			 * @Default {false}
-			 */
-			enableCenterAlign?: boolean;
-
-			/** Enable / Disable the Menu control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specifies the menu items to be displayed in right to left direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** When this property sets to false, the menu items is displayed without any separators.
-			 * @Default {true}
-			 */
-			enableSeparator?: boolean;
-
-			/** Specifies the target which needs to be excluded. i.e., The context menu will not be displayed in those specified targets.
-			 * @Default {null}
-			 */
-			excludeTarget?: string;
-
-			/** Fields used to bind the data source and it includes following field members to make data bind easier.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Specifies the height of the root menu.
-			 * @Default {auto}
-			 */
-			height?: string | number;
-
-			/** Specifies the list of HTML attributes to be added to menu control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Enables/disables responsive support for the Menu control during the window resizing time.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the type of the menu. Essential JavaScript Menu consists of two type of menu, they are Normal Menu and Context Menu mode.See MenuType
-			 * @Default {ej.MenuType.NormalMenu}
-			 */
-			menuType?: string | ej.MenuType;
-
-			/** Specifies the sub menu items to be show or open only on click.
-			 * @Default {false}
-			 */
-			openOnClick?: boolean;
-
-			/** Specifies the orientation of normal menu. Normal menu can rendered in horizontal or vertical direction by using this API. See Orientation
-			 * @Default {ej.Orientation.Horizontal}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Specifies the main menu items arrows only to be shown if it contains child items.
-			 * @Default {true}
-			 */
-			showRootLevelArrows?: boolean;
-
-			/** Specifies the sub menu items arrows only to be shown if it contains child items.
-			 * @Default {true}
-			 */
-			showSubLevelArrows?: boolean;
-
-			/** Specifies position of pull down submenu that will appear on mouse over.See Direction
-			 * @Default {ej.Direction.Right}
-			 */
-			subMenuDirection?: string | ej.Direction;
-
-			/** Specifies the title to responsive menu.
-			 * @Default {Menu}
-			 */
-			titleText?: string;
-
-			/** Specifies the width of the main menu.
-			 * @Default {auto}
-			 */
-			width?: string | number;
-
-			/** Specifies the popup menu height.
-			 * @Default {auto}
-			 */
-			overflowHeight?: string | number;
-
-			/** Specifies the popup menu width.
-			 * @Default {auto}
-			 */
-			overflowWidth?: string | number;
-
-			/** Fires before context menu gets open. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires when mouse click on menu items. */
-			click?(e: ClickEventArgs): void;
-
-			/** Fire when context menu on close. */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires when context menu on open. */
-			open?(e: OpenEventArgs): void;
-
-			/** Fires to create menu items. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires to destroy menu items. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when key down on menu items. */
-			keydown?(e: KeydownEventArgs): void;
-
-			/** Fires when mouse out from menu items. */
-			mouseout?(e: MouseoutEventArgs): void;
-
-			/** Fires when mouse over the Menu items. */
-			mouseover?(e: MouseoverEventArgs): void;
-
-			/** Fires when overflow popup menu opens. */
-			overflowOpen?(e: OverflowOpenEventArgs): void;
-
-			/** Fires when overflow popup menu closes. */
-			overflowClose?(e: OverflowCloseEventArgs): void;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target element
-			 */
-			target?: any;
-		}
-
-		export interface ClickEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns clicked menu item text
-			 */
-			text?: string;
-
-			/** returns clicked menu item element
-			 */
-			element?: any;
-
-			/** returns the event
-			 */
-			event?: any;
-
-			/** returns the selected item
-			 */
-			selectedItem?: number;
-		}
-
-		export interface CloseEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target element
-			 */
-			target?: any;
-		}
-
-		export interface OpenEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target element
-			 */
-			target?: any;
-		}
-
-		export interface CreateEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface KeydownEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns clicked menu item text
-			 */
-			menuText?: string;
-
-			/** returns clicked menu item element
-			 */
-			element?: any;
-
-			/** returns the event
-			 */
-			event?: any;
-		}
-
-		export interface MouseoutEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns clicked menu item text
-			 */
-			text?: string;
-
-			/** returns clicked menu item element
-			 */
-			element?: any;
-
-			/** returns the event
-			 */
-			event?: any;
-		}
-
-		export interface MouseoverEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns clicked menu item text
-			 */
-			text?: string;
-
-			/** returns clicked menu item element
-			 */
-			element?: any;
-
-			/** returns the event
-			 */
-			event?: any;
-		}
-
-		export interface OverflowOpenEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			e?: any;
-
-			/** if the event should be cancelled ; otherwise ,false
-			 */
-			cancel?: boolean;
-		}
-
-		export interface OverflowCloseEventArgs {
-
-			/** returns the menu model
-			 */
-			model?: ej.Menu.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			e?: any;
-
-			/** if the event should be cancelled ; otherwise ,false
-			 */
-			cancel?: boolean;
-		}
-
-		export interface Fields {
-
-			/** It receives the child data for the inner level.
-			 */
-			child?: any;
-
-			/** It receives datasource as Essential DataManager object and JSON object.
-			 */
-			dataSource?: any;
-
-			/** Specifies the HTML attributes to “LI” item list.
-			 */
-			htmlAttribute?: string;
-
-			/** Specifies the id to menu items list
-			 */
-			id?: string;
-
-			/** Specifies the image attribute to “img” tag inside items list.
-			 */
-			imageAttribute?: string;
-
-			/** Specifies the image URL to “img” tag inside item list.
-			 */
-			imageUrl?: string;
-
-			/** Adds custom attributes like &quot;target&quot; to the anchor tag of the menu items.
-			 */
-			linkAttribute?: string;
-
-			/** Specifies the parent id of the table.
-			 */
-			parentId?: string;
-
-			/** It receives query to retrieve data from the table (query is same as SQL).
-			 */
-			query?: any;
-
-			/** Specifies the sprite CSS class to “LI” item list.
-			 */
-			spriteCssClass?: string;
-
-			/** It receives table name to execute query on the corresponding table.
-			 */
-			tableName?: string;
-
-			/** Specifies the text of menu items list.
-			 */
-			text?: string;
-
-			/** Specifies the URL to the anchor tag in menu item list.
-			 */
-			url?: string;
-		}
-	}
-	enum AnimationType {
-		//string
-		Default,
-		//string
-		None,
-	}
-	enum MenuType {
-		//string
-		ContextMenu,
-		//string
-		NormalMenu,
-	}
-	enum Direction {
-		//string
-		Left,
-		//string
-		None,
-		//string
-		Right,
-	}
-
-	class Pager extends ej.Widget {
-		static fn: Pager;
-		constructor(element: JQuery | Element, options?: Pager.Model);
-		static Locale: any;
-		model: Pager.Model;
-		defaults: Pager.Model;
-
-		/** Send a paging request to specified page through the pager control.
-		 * @param {number} Specifies the index to be navigated
-		 * @returns {void}
-		 */
-		gotoPage(pageIndex: number): void;
-
-		/** refreshPager() helps to refresh the model value of pager control.
-		 * @returns {void}
-		 */
-		refreshPager(): void;
-	}
-	export namespace Pager {
-
-		export interface Model {
-
-			/** Gets or sets a value that indicates whether to display the custom text message in Pager.
-			 */
-			customText?: string;
-
-			/** Gets or sets a value that indicates whether to define which page to display currently in pager.
-			 * @Default {1}
-			 */
-			currentPage?: number;
-
-			/** Gets or sets a value that indicates whether to display the external Message in Pager.
-			 * @Default {false}
-			 */
-			enableExternalMessage?: boolean;
-
-			/** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
-			 * @Default {false}
-			 */
-			enableQueryString?: boolean;
-
-			/** Align content in the pager control from right to left by setting the property as true.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Gets or sets a value that indicates whether to display the external Message in Pager.
-			 */
-			externalMessage?: string;
-
-			/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e.
-			 * in a language and culture specific to a particular country or region.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation.
-			 * @Default {10}
-			 */
-			pageCount?: number;
-
-			/** Gets or sets a value that indicates whether to define the number of records displayed per page.
-			 * @Default {12}
-			 */
-			pageSize?: number;
-
-			/** Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on page size and total records.
-			 * @Default {null}
-			 */
-			totalPages?: number;
-
-			/** Get the value of total number of records which is bound to a data item.
-			 * @Default {null}
-			 */
-			totalRecordsCount?: number;
-
-			/** Shows or hides the current page information in pager footer.
-			 * @Default {true}
-			 */
-			showPageInfo?: boolean;
-
-			/** Triggered when pager numeric item is clicked in pager control. */
-			click?(e: ClickEventArgs): void;
-		}
-
-		export interface ClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current page index.
-			 */
-			currentPage?: number;
-
-			/** Returns the pager model.
-			 */
-			model?: any;
-
-			/** Returns the name of event
-			 */
-			type?: string;
-
-			/** Returns current action event type and its target.
-			 */
-			event?: any;
-		}
-	}
-
-	class Print extends ej.Widget {
-		static fn: Print;
-		constructor(element: JQuery | Element, options?: Print.Model);
-		static Locale: any;
-		model: Print.Model;
-		defaults: Print.Model;
-
-		/** Print the specific page or an element.
-		 * @returns {void}
-		 */
-		print(): void;
-	}
-
-	export namespace Print {
-
-		export interface Model {
-
-			/** Append the custom HTML after the selected content.
-			 * @Default {null}
-			 */
-			append?: string;
-
-			/** A selector that specifies a particular element to be excluded from printing.
-			 * @Default {null}
-			 */
-			excludeSelector?: string;
-
-			/** Specifies whether the URL of an external stylesheet can be included to customize and print that page.
-			 * @Default {null}
-			 */
-			externalStyles?: string;
-
-			/** Prepend a doctype to the document frame.
-			 * @Default {&lt;!doctype html&gt;}
-			 */
-			docType?: string;
-
-			/** Specifies whether the global styles can be applied to the element to be printed.
-			 * @Default {true}
-			 */
-			globalStyles?: boolean;
-
-			/** Sets the height of the print window.
-			 * @Default {454}
-			 */
-			height?: number;
-
-			/** Prepends the custom HTML before the selected content.
-			 * @Default {null}
-			 */
-			prepend?: string;
-
-			/** Allows printing the content in a new window.
-			 * @Default {false}
-			 */
-			printInNewWindow?: boolean;
-
-			/** Sets the period of time to wait before printing the content.
-			 * @Default {1000}
-			 */
-			timeOutPeriod?: number;
-
-			/** Sets the title of the print document.
-			 * @Default {null}
-			 */
-			title?: string;
-
-			/** Defines the width of the print window.
-			 * @Default {1024}
-			 */
-			width?: number;
-
-			/** Event triggers before the document page or an element in it gets printed. */
-			beforeStart?(e: BeforeStartEventArgs): void;
-		}
-
-		export interface BeforeStartEventArgs {
-
-			/**  Set this option as true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/**  Returns the Print model
-			 */
-			model?: ej.Print.Model;
-
-			/**  Returns the name of an event
-			 */
-			type?: string;
-
-			/**  Returns the printed element
-			 */
-			content?: any;
-		}
-	}
-
-	class ProgressBar extends ej.Widget {
-		static fn: ProgressBar;
-		constructor(element: JQuery | Element, options?: ProgressBar.Model);
-		static Locale: any;
-		model: ProgressBar.Model;
-		defaults: ProgressBar.Model;
-
-		/** Destroy the progressbar widget
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the progressbar control
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the progressbar control
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Returns the current progress value in percent.
-		 * @returns {number}
-		 */
-		getPercentage(): number;
-
-		/** Returns the current progress value
-		 * @returns {number}
-		 */
-		getValue(): number;
-	}
-	export namespace ProgressBar {
-
-		export interface Model {
-
-			/** Sets the root CSS class for ProgressBar theme, which is used customize.
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** When this property sets to false, it disables the ProgressBar control
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Save current model value to browser cookies for state maintains. While refresh the progressBar control page retains the model value apply from browser cookies
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Sets the ProgressBar direction as right to left alignment.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Defines the height of the ProgressBar.
-			 * @Default {null}
-			 */
-			height?: number | string;
-
-			/** It allows to define the characteristics of the progressBar control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Sets the maximum value of the ProgressBar.
-			 * @Default {100}
-			 */
-			maxValue?: number;
-
-			/** Sets the minimum value of the ProgressBar.
-			 * @Default {0}
-			 */
-			minValue?: number;
-
-			/** Sets the ProgressBar value in percentage. The value should be in between 0 to 100.
-			 * @Default {0}
-			 */
-			percentage?: number;
-
-			/** Displays rounded corner borders on the progressBar control.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Sets the custom text for the ProgressBar. The text placed in the middle of the ProgressBar and it can be customizable using the class 'e-progress-text'.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Sets the ProgressBar value. The value should be in between min and max values.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Defines the width of the ProgressBar.
-			 * @Default {null}
-			 */
-			width?: number | string;
-
-			/** Event triggers when the progress value changed */
-			change?(e: ChangeEventArgs): void;
-
-			/** Event triggers when the process completes (at 100%) */
-			complete?(e: CompleteEventArgs): void;
-
-			/** Event triggers when the progressbar are created */
-			create?(e: CreateEventArgs): void;
-
-			/** Event triggers when the progressbar are destroyed */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Event triggers when the process starts (from 0%) */
-			start?(e: StartEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the ProgressBar model
-			 */
-			model?: ej.ProgressBar.Model;
-
-			/** returns the current progress percentage
-			 */
-			percentage?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current progress value
-			 */
-			value?: string;
-		}
-
-		export interface CompleteEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the ProgressBar model
-			 */
-			model?: ej.ProgressBar.Model;
-
-			/** returns the current progress percentage
-			 */
-			percentage?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current progress value
-			 */
-			value?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the progressbar model
-			 */
-			model?: ej.ProgressBar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the progressbar model
-			 */
-			model?: ej.ProgressBar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface StartEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the ProgressBar model
-			 */
-			model?: ej.ProgressBar.Model;
-
-			/** returns the current progress percentage
-			 */
-			percentage?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current progress value
-			 */
-			value?: string;
-		}
-	}
-
-	class RadioButton extends ej.Widget {
-		static fn: RadioButton;
-		constructor(element: JQuery | Element, options?: RadioButton.Model);
-		static Locale: any;
-		model: RadioButton.Model;
-		defaults: RadioButton.Model;
-
-		/** To disable the RadioButton
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the RadioButton
-		 * @returns {void}
-		 */
-		enable(): void;
-	}
-	export namespace RadioButton {
-
-		export interface Model {
-
-			/** Specifies the check attribute of the Radio Button.
-			 * @Default {false}
-			 */
-			checked?: boolean;
-
-			/** Specify the CSS class to RadioButton to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specifies the RadioButton control state.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specifies the enablePersistence property for RadioButton while initialization. The enablePersistence API save current model value to browser cookies for state maintains.
-			 * While refreshing the radio button control page the model value apply from browser cookies.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specify the Right to Left direction to RadioButton
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the HTML Attributes of the Checkbox
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the id attribute for the Radio Button while initialization.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Specify the idPrefix value to be added before the current id of the RadioButton.
-			 * @Default {ej}
-			 */
-			idPrefix?: string;
-
-			/** Specifies the name attribute for the Radio Button while initialization.
-			 * @Default {Sets id as name if it is null}
-			 */
-			name?: string;
-
-			/** Specifies the size of the RadioButton.
-			 * @Default {small}
-			 */
-			size?: ej.RadioButtonSize | string;
-
-			/** Specifies the text content for RadioButton.
-			 */
-			text?: string;
-
-			/** Set the jQuery validation error message in radio button.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Set the jQuery validation rules in radio button.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Specifies the value attribute of the Radio Button.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Fires before the RadioButton is going to changed its state successfully */
-			beforeChange?(e: BeforeChangeEventArgs): void;
-
-			/** Fires when the RadioButton state is changed successfully */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when the RadioButton created successfully */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the RadioButton destroyed successfully */
-			destroy?(e: DestroyEventArgs): void;
-		}
-
-		export interface BeforeChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RadioButton model
-			 */
-			model?: ej.RadioButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns true if element is checked, otherwise returns false
-			 */
-			isChecked?: boolean;
-
-			/** returns true if change event triggered by interaction, otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RadioButton model
-			 */
-			model?: ej.RadioButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns true if element is checked, otherwise returns false
-			 */
-			isChecked?: boolean;
-
-			/** returns true if change event triggered by interaction, otherwise returns false
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RadioButton model
-			 */
-			model?: ej.RadioButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RadioButton model
-			 */
-			model?: ej.RadioButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-	enum RadioButtonSize {
-		//Shows small size radio button
-		Small,
-		//Shows medium size radio button
-		Medium,
-	}
-
-	class Rating extends ej.Widget {
-		static fn: Rating;
-		constructor(element: JQuery | Element, options?: Rating.Model);
-		static Locale: any;
-		model: Rating.Model;
-		defaults: Rating.Model;
-
-		/** Destroy the Rating widget all events bound will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To get the current value of rating control.
-		 * @returns {number}
-		 */
-		getValue(): number;
-
-		/** To hide the rating control.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** User can refresh the rating control to identify changes.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** To reset the rating value.
-		 * @returns {void}
-		 */
-		reset(): void;
-
-		/** To set the rating value.
-		 * @param {string|number} Specifies the rating value.
-		 * @returns {void}
-		 */
-		setValue(value: string | number): void;
-
-		/** To show the rating control
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace Rating {
-
-		export interface Model {
-
-			/** Enables the rating control with reset button.It can be used to reset the rating control value.
-			 * @Default {true}
-			 */
-			allowReset?: boolean;
-
-			/** Specify the CSS class to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** When this property is set to false, it disables the rating control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specifies the height of the Rating control wrapper.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Specifies the list of HTML attributes to be added to rating control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the value to be increased while navigating between shapes(stars) in Rating control.
-			 * @Default {1}
-			 */
-			incrementStep?: number;
-
-			/** Allow to render the maximum number of Rating shape(star).
-			 * @Default {5}
-			 */
-			maxValue?: number;
-
-			/** Allow to render the minimum number of Rating shape(star).
-			 * @Default {0}
-			 */
-			minValue?: number;
-
-			/** Specifies the orientation of Rating control. See Orientation
-			 * @Default {ej.Rating.Orientation.Horizontal}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Helps to provide more precise ratings.Rating control supports three precision modes - full, half, and exact. See Precision
-			 * @Default {full}
-			 */
-			precision?: ej.Rating.Precision | string;
-
-			/** Interaction with Rating control can be prevented by enabling this API.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** To specify the height of each shape in Rating control.
-			 * @Default {23}
-			 */
-			shapeHeight?: number;
-
-			/** To specify the width of each shape in Rating control.
-			 * @Default {23}
-			 */
-			shapeWidth?: number;
-
-			/** Enables the tooltip option.Currently selected value will be displayed in tooltip.
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** To specify the number of stars to be selected while rendering.
-			 * @Default {1}
-			 */
-			value?: number;
-
-			/** Specifies the width of the Rating control wrapper.
-			 * @Default {null}
-			 */
-			width?: string;
-
-			/** Fires when Rating value changes. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when Rating control is clicked successfully. */
-			click?(e: ClickEventArgs): void;
-
-			/** Fires when Rating control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when Rating control is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when mouse hover is removed from Rating control. */
-			mouseout?(e: MouseoutEventArgs): void;
-
-			/** Fires when mouse hovered over the Rating control. */
-			mouseover?(e: MouseoverEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** returns the current value.
-			 */
-			value?: number;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rating model
-			 */
-			model?: ej.Rating.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mouse click event args values.
-			 */
-			event?: any;
-		}
-
-		export interface ClickEventArgs {
-
-			/** returns the current value.
-			 */
-			value?: number;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rating model
-			 */
-			model?: ej.Rating.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mouse click event args values.
-			 */
-			event?: any;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rating model
-			 */
-			model?: ej.Rating.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rating model
-			 */
-			model?: ej.Rating.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface MouseoutEventArgs {
-
-			/** returns the current value.
-			 */
-			value?: number;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rating model
-			 */
-			model?: ej.Rating.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mouse click event args values.
-			 */
-			event?: any;
-		}
-
-		export interface MouseoverEventArgs {
-
-            /** returns the current value.
-             */
-			value?: number;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rating model
-			 */
-			model?: ej.Rating.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the mouse click event args values.
-			 */
-			event?: any;
-
-			/** returns the current index value.
-			 */
-			index?: any;
-		}
-
-		enum Precision {
-
-			///string
-			Exact,
-
-			///string
-			Full,
-
-			///string
-			Half
-		}
-
-	}
-
-	class Ribbon extends ej.Widget {
-		static fn: Ribbon;
-		constructor(element: JQuery | Element, options?: Ribbon.Model);
-		static Locale: any;
-		model: Ribbon.Model;
-		defaults: Ribbon.Model;
-
-		/** Adds contextual tab or contextual tab set dynamically in the ribbon control with contextual tabs object and index position.
-		 * When index is null, ribbon contextual tab or contextual tab set is added at the last index.
-		 * @param {any} contextual tab or contextual tab set object.
-		 * @param {number} index of the contextual tab or contextual tab set, this is optional.
-		 * @returns {void}
-		 */
-		addContextualTabs(contextualTabSet: any, index?: number): void;
-
-		/** Add new option to Backstage page.
-		 * @param {any} select the object to add the backstage item
-		 * @param {number} index to the backstage item this is optional.
-		 * @returns {void}
-		 */
-		addBackStageItem(item: any, index?: number): void;
-
-		/** Adds tab dynamically in the ribbon control with given name, tab group array and index position. When index is null, ribbon tab is added at the last index.
-		 * @param {string} ribbon tab display text.
-		 * @param {Array<any>} groups to be displayed in ribbon tab .
-		 * @param {number} index of the ribbon tab,this is optional.
-		 * @returns {void}
-		 */
-		addTab(tabText: string, ribbonGroups: any[], index?: number): void;
-
-		/** Adds tab group dynamically in the ribbon control with given tab index, tab group object and group index position. When group index is null, ribbon group is added at the last index.
-		 * @param {number} ribbon tab index.
-		 * @param {any} group to be displayed in ribbon tab .
-		 * @param {number} index of the ribbon group,this is optional.
-		 * @returns {void}
-		 */
-		addTabGroup(tabIndex: number, tabGroup: any, groupIndex?: number): void;
-
-		/** Adds group content dynamically in the ribbon control with given tab index, group index, sub group index, content and content index position.
-		 * When content index is null, content is added at the last index.
-		 * @param {number} ribbon tab index.
-		 * @param {number} ribbon group index.
-		 * @param {any} content to be displayed in the ribbon group.
-		 * @param {number} ribbon content index. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
-		 * @param {number} sub group index in the ribbon group. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
-		 * @returns {void}
-		 */
-		addTabGroupContent(tabIndex: number, groupIndex: number, content: any, contentIndex?: number, subGroupIndex?: number): void;
-
-		/** Hides the ribbon backstage page.
-		 * @returns {void}
-		 */
-		hideBackstage(): void;
-
-		/** Collapses the ribbon tab content.
-		 * @returns {void}
-		 */
-		collapse(): void;
-
-		/** Destroys the ribbon widget. All the events bound using this._on are unbound automatically and the ribbon control is moved to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Expands the ribbon tab content.
-		 * @returns {void}
-		 */
-		expand(): void;
-
-		/** Gets text of the given index tab in the ribbon control.
-		 * @param {number} index of the tab item.
-		 * @returns {String}
-		 */
-		getTabText(index: number): string;
-
-		/** Hides the given text tab in the ribbon control.
-		 * @param {string} text of the tab item.
-		 * @returns {void}
-		 */
-		hideTab(text: string): void;
-
-		/** Checks whether the given text tab in the ribbon control is enabled or not.
-		 * @param {string} text of the tab item.
-		 * @returns {Boolean}
-		 */
-		isEnable(text: string): boolean;
-
-		/** Checks whether the given text tab in the ribbon control is visible or not.
-		 * @param {string} text of the tab item.
-		 * @returns {Boolean}
-		 */
-		isVisible(text: string): boolean;
-
-		/** Removes the given index tab item from the ribbon control.
-		 * @param {number} index of tab item.
-		 * @returns {void}
-		 */
-		removeTab(index: number): void;
-
-		/** Sets new text to the given text tab in the ribbon control.
-		 * @param {string} current text of the tab item.
-		 * @param {string} new text of the tab item.
-		 * @returns {void}
-		 */
-		setTabText(tabText: string, newText: string): void;
-
-		/** Displays the ribbon backstage page.
-		 * @returns {void}
-		 */
-		showBackstage(): void;
-
-		/** Displays the given text tab in the ribbon control.
-		 * @param {string} text of the tab item.
-		 * @returns {void}
-		 */
-		showTab(text: string): void;
-
-		/** To customize Group alone in the inside content.
-		 * @param {number} ribbon tab index.
-		 * @param {string} group id to be displayed in ribbon tab .
-		 * @param {any} contentGroup is used in the object
-		 * @returns {void}
-		 */
-		updateGroup(tabIndex: number, groupId: string, contentGroup?: any): void;
-
-		/** Update option in existing Backstage.
-		 * @param {number} index to the backstage item
-		 * @param {any} select the object to add the backstage item
-		 * @returns {void}
-		 */
-		updateBackStageItem(index: number, item?: any): void;
-
-		/** To customize whole content from Tab Group.
-		 * @param {number} ribbon tab index.
-		 * @param {string} ribbon group text.
-		 * @param {number} ribbon content index. This is optional. If the value is not given, all content groups will be removed.
-		 * @param {number} sub group index in the ribbon group. This is optional. If the value is not given, all content groups will be removed.
-		 * @returns {void}
-		 */
-		removeTabGroupContent(tabIndex: number, groupText: string, contentIndex?: number, subGroupIndex?: number): void;
-
-		/** Remove option from Backstage.
-		 * @param {number} index to the backstage item
-		 * @returns {void}
-		 */
-		removeBackStageItem(index: number): void;
-	}
-	export namespace Ribbon {
-
-		export interface Model {
-
-			/** Enables the ribbon resize feature.allowResizing is a deprecated property of isResponsive.
-			 * @Default {false}
-			 */
-			allowResizing?: boolean;
-
-			/** When set to true, adapts the Ribbon layout to fit the screen size of devices on which it renders.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the height, width, enableRTL, showRoundedCorner,enabled,cssClass property to the controls in the ribbon commonly andit will work only when those properties
-			 * are not defined in buttonSettings and content defaults.
-			 * @Default {Object}
-			 */
-			buttonDefaults?: any;
-
-			/** Property to enable the ribbon quick access toolbar.
-			 * @Default {false}
-			 */
-			showQAT?: boolean;
-
-			/** Sets custom setting to the collapsible pin in the ribbon.
-			 * @Default {Object}
-			 */
-			collapsePinSettings?: CollapsePinSettings;
-
-			/** Set enableOnDemand as true to load ribbon tab and backstage contents while corresponding item clicked.
-			 * @Default {false}
-			 */
-			enableOnDemand?: boolean;
-
-			/** Set collapsible property as true to render ribbon in initially collapsed state.
-			 * @Default {false}
-			 */
-			collapsible?: boolean;
-
-			/** Align content in the ribbon control from right to left by setting the property as true.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Sets custom setting to the expandable pin in the ribbon.
-			 * @Default {Object}
-			 */
-			expandPinSettings?: ExpandPinSettings;
-
-			/** Specifies the application tab to contain application menu or backstage page in the ribbon control.
-			 * @Default {Object}
-			 */
-			applicationTab?: ApplicationTab;
-
-			/** Specifies the contextual tabs and tab set to the ribbon control with the background color and border color. Refer to the tabs section for adding tabs
-			 * into the contextual tab and contextual tab set.
-			 * @Default {Array}
-			 */
-			contextualTabs?: ContextualTab[];
-
-			/** Specifies the index or indexes to disable the given index tab or indexes tabs in the ribbon control.
-			 * @Default {0}
-			 */
-			disabledItemIndex?: any[];
-
-			/** Specifies the index or indexes to enable the given index tab or indexes tabs in the ribbon control.
-			 * @Default {null}
-			 */
-			enabledItemIndex?: any[];
-
-			/** Specifies the index of the ribbon tab to select the given index tab item in the ribbon control.
-			 * @Default {1}
-			 */
-			selectedItemIndex?: number;
-
-			/** Specifies the tabs and its groups. Also specifies the control details that has to be placed in the tab area in the ribbon control.
-			 * @Default {Array}
-			 */
-			tabs?: Tab[];
-
-			/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific
-			 * to a particular country or region and  it will need to use the user's preference.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the width to the ribbon control. You can set width in string or number format.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Triggered before the ribbon tab item is removed. */
-			beforeTabRemove?(e: BeforeTabRemoveEventArgs): void;
-
-			/** Triggered before the ribbon control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggered before the ribbon control is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggered when the control in the group is clicked successfully. */
-			groupClick?(e: GroupClickEventArgs): void;
-
-			/** Triggered when the group expander in the group is clicked successfully. */
-			groupExpand?(e: GroupExpandEventArgs): void;
-
-			/** Triggered when an item in the Gallery control is clicked successfully. */
-			galleryItemClick?(e: GalleryItemClickEventArgs): void;
-
-			/** Triggered when a tab or button in the backstage page is clicked successfully. */
-			backstageItemClick?(e: BackstageItemClickEventArgs): void;
-
-			/** Triggered when the ribbon control is collapsed. */
-			collapse?(e: CollapseEventArgs): void;
-
-			/** Triggered when the ribbon control is expanded. */
-			expand?(e: ExpandEventArgs): void;
-
-			/** Triggered before the ribbon control is load. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggered after adding the new ribbon tab item. */
-			tabAdd?(e: TabAddEventArgs): void;
-
-			/** Triggered when tab is clicked successfully in the ribbon control. */
-			tabClick?(e: TabClickEventArgs): void;
-
-			/** Triggered before the ribbon tab is created. */
-			tabCreate?(e: TabCreateEventArgs): void;
-
-			/** Triggered after the tab item is removed from the ribbon control. */
-			tabRemove?(e: TabRemoveEventArgs): void;
-
-			/** Triggered after the ribbon tab item is selected in the ribbon control. */
-			tabSelect?(e: TabSelectEventArgs): void;
-
-			/** Triggered when the expand/collapse button is clicked successfully . */
-			toggleButtonClick?(e: ToggleButtonClickEventArgs): void;
-
-			/** Triggered when the QAT menu item is clicked successfully . */
-			qatMenuItemClick?(e: QatMenuItemClickEventArgs): void;
-		}
-
-		export interface BeforeTabRemoveEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns current tab item index in the ribbon control.
-			 */
-			index?: number;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns current ribbon tab item index
-			 */
-			deleteIndex?: number;
-		}
-
-		export interface GroupClickEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the control clicked in the group.
-			 */
-			target?: number;
-		}
-
-		export interface GroupExpandEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the clicked group expander.
-			 */
-			target?: number;
-		}
-
-		export interface GalleryItemClickEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the gallery model.
-			 */
-			galleryModel?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the item clicked in the gallery.
-			 */
-			target?: number;
-		}
-
-		export interface BackstageItemClickEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the item clicked in the gallery.
-			 */
-			target?: number;
-
-			/** returns the id of the target item.
-			 */
-			id?: string;
-
-			/** returns the text of the target item.
-			 */
-			text?: string;
-		}
-
-		export interface CollapseEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ExpandEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface TabAddEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns new added tab header.
-			 */
-			tabHeader?: any;
-
-			/** returns new added tab content panel.
-			 */
-			tabContent?: any;
-		}
-
-		export interface TabClickEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns previous active tab header.
-			 */
-			prevActiveHeader?: any;
-
-			/** returns previous active index.
-			 */
-			prevActiveIndex?: number;
-
-			/** returns current active tab header .
-			 */
-			activeHeader?: any;
-
-			/** returns current active index.
-			 */
-			activeIndex?: number;
-		}
-
-		export interface TabCreateEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns current ribbon tab item index
-			 */
-			deleteIndex?: number;
-		}
-
-		export interface TabRemoveEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the removed index.
-			 */
-			removedIndex?: number;
-		}
-
-		export interface TabSelectEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns previous active tab header.
-			 */
-			prevActiveHeader?: any;
-
-			/** returns previous active index.
-			 */
-			prevActiveIndex?: number;
-
-			/** returns current active tab header .
-			 */
-			activeHeader?: any;
-
-			/** returns current active index.
-			 */
-			activeIndex?: number;
-		}
-
-		export interface ToggleButtonClickEventArgs {
-
-			/** Set to true when the event has to be canceled, else false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the expand/collapse button.
-			 */
-			target?: number;
-		}
-
-		export interface QatMenuItemClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the ribbon model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the clicked menu item text.
-			 */
-			text?: string;
-		}
-
-		export interface CollapsePinSettings {
-
-			/** Sets tooltip for the collapse pin .
-			 * @Default {null}
-			 */
-			toolTip?: string;
-
-			/** Specifies the custom tooltip for collapse pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-			 * @Default {Object}
-			 */
-			customToolTip?: any;
-		}
-
-		export interface ExpandPinSettings {
-
-			/** Sets tooltip for the expand pin.
-			 * @Default {null}
-			 */
-			toolTip?: string;
-
-			/** Specifies the custom tooltip for expand pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-			 * @Default {Object}
-			 */
-			customToolTip?: any;
-		}
-
-		export interface ApplicationTabBackstageSettingsPage {
-
-			/** Specifies the id for ribbon backstage page's tab and button elements.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Specifies the text for ribbon backstage page's tab header and button elements.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Specifies the type for ribbon backstage page's contents. Set &quot;ej.Ribbon.BackStageItemType.Tab&quot; to render the tab or &quot;
-			 * ej.Ribbon.BackStageItemType.Button&quot; to render the button.
-			 * @Default {ej.Ribbon.ItemType.Tab}
-			 */
-			itemType?: ej.Ribbon.ItemType | string;
-
-			/** Specifies the id of HTML elements like div,ul, etc., as ribbon backstage page's tab content.
-			 * @Default {null}
-			 */
-			contentID?: string;
-
-			/** Specifies the separator between backstage page's tab and button elements.
-			 * @Default {false}
-			 */
-			enableSeparator?: boolean;
-		}
-
-		export interface ApplicationTabBackstageSettings {
-
-			/** Specifies the display text of application tab.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Specifies the height of ribbon backstage page.
-			 * @Default {null}
-			 */
-			height?: string | number;
-
-			/** Specifies the width of ribbon backstage page.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Specifies the ribbon backstage page with its tab and button elements.
-			 * @Default {Array}
-			 */
-			pages?: ApplicationTabBackstageSettingsPage[];
-
-			/** Specifies the width of backstage page header that contains tabs and buttons.
-			 * @Default {null}
-			 */
-			headerWidth?: string | number;
-		}
-
-		export interface ApplicationTab {
-
-			/** Specifies the ribbon backstage page items.
-			 * @Default {Object}
-			 */
-			backstageSettings?: ApplicationTabBackstageSettings;
-
-			/** Specifies the ID of ul list to create application menu in the ribbon control.
-			 * @Default {null}
-			 */
-			menuItemID?: string;
-
-			/** Specifies the menu members, events by using the menu settings for the menu in the application tab.
-			 * @Default {Object}
-			 */
-			menuSettings?: any;
-
-			/** Specifies the application menu or backstage page. Specify the type of application tab as &quot;ej.Ribbon.ApplicationTabType.Menu&quot; to render the application menu or
-			 * &quot;ej.Ribbon.ApplicationTabType.Backstage&quot; to render backstage page in the ribbon control.
-			 * @Default {ej.Ribbon.ApplicationTabType.Menu}
-			 */
-			type?: ej.Ribbon.ApplicationTabType | string;
-		}
-
-		export interface ContextualTab {
-
-			/** Specifies the backgroundColor of the contextual tabs and tab set in the ribbon control.
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the borderColor of the contextual tabs and tab set in the ribbon control.
-			 * @Default {null}
-			 */
-			borderColor?: string;
-
-			/** Specifies the tabs to present in the contextual tabs and tab set. Refer to the tabs section for adding tabs into the contextual tabs and tab set.
-			 * @Default {Array}
-			 */
-			tabs?: any[];
-		}
-
-		export interface TabsGroupsContentDefaults {
-
-			/** Specifies the controls height such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-			 * @Default {null}
-			 */
-			height?: string | number;
-
-			/** Specifies the controls width such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Specifies the controls type such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-			 * @Default {ej.Ribbon.Type.Button}
-			 */
-			type?: string;
-
-			/** Specifies the controls size such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-			 * @Default {false}
-			 */
-			isBig?: boolean;
-		}
-
-		export interface TabsGroupsContentGroupsCustomGalleryItem {
-
-			/** Specifies the Syncfusion button members, events by using buttonSettings.
-			 * @Default {Object}
-			 */
-			buttonSettings?: any;
-
-			/** Specifies the type as ej.Ribbon.CustomItemType.Menu or ej.Ribbon.CustomItemType.Button to render Syncfusion button and menu.
-			 * @Default {ej.Ribbon.CustomItemType.Button}
-			 */
-			customItemType?: ej.Ribbon.CustomItemType | string;
-
-			/** Specifies the custom tooltip for gallery extra item's button. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-			 * @Default {Object}
-			 */
-			customToolTip?: any;
-
-			/** Specifies the UL list id to render menu as gallery extra item.
-			 * @Default {null}
-			 */
-			menuId?: string;
-
-			/** Specifies the Syncfusion menu members, events by using menuSettings.
-			 * @Default {Object}
-			 */
-			menuSettings?: any;
-
-			/** Specifies the text for gallery extra item's button.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Specifies the tooltip for gallery extra item's button.
-			 * @Default {null}
-			 */
-			toolTip?: string;
-		}
-
-		export interface TabsGroupsContentGroupsCustomToolTip {
-
-			/** Sets content to the custom tooltip. Text and HTML support are provided for content.
-			 * @Default {null}
-			 */
-			content?: string;
-
-			/** Sets icon to the custom tooltip content.
-			 * @Default {null}
-			 */
-			prefixIcon?: string;
-
-			/** Sets title to the custom tooltip. Text and HTML support are provided for title and the title is in bold for text format.
-			 * @Default {null}
-			 */
-			title?: string;
-		}
-
-		export interface TabsGroupsContentGroupsGalleryItem {
-
-			/** Specifies the Syncfusion button members, events by using buttonSettings.
-			 * @Default {Object}
-			 */
-			buttonSettings?: any;
-
-			/** Specifies the custom tooltip for gallery content. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-			 * @Default {Object}
-			 */
-			customToolTip?: any;
-
-			/** Sets text for the gallery content.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Sets tooltip for the gallery content.
-			 * @Default {null}
-			 */
-			toolTip?: string;
-		}
-
-		export interface TabsGroupsContentGroup {
-
-			/** When isMobileOnly is true,its shows in mobile toolbar.isResponsive should be true for using this property.
-			 * @Default {false}
-			 */
-			isMobileOnly?: boolean;
-
-			/** Specifies the Syncfusion button members, events by using this buttonSettings.
-			 * @Default {Object}
-			 */
-			buttonSettings?: any;
-
-			/** It is used to set the count of gallery contents in a row.
-			 * @Default {null}
-			 */
-			columns?: number;
-
-			/** Specifies the custom items such as div, table, controls as custom controls with the type &quot;ej.Ribbon.Type.Custom&quot; in the groups.
-			 * @Default {null}
-			 */
-			contentID?: string;
-
-			/** Specifies the CSS class property to apply styles to the button, split, dropdown controls in the groups.
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** Specifies the Syncfusion button and menu as gallery extra items.
-			 * @Default {Array}
-			 */
-			customGalleryItems?: TabsGroupsContentGroupsCustomGalleryItem[];
-
-			/** Provides custom tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups. Text and HTML support are also provided for title and content.
-			 * @Default {Object}
-			 */
-			customToolTip?: TabsGroupsContentGroupsCustomToolTip;
-
-			/** Specifies the Syncfusion dropdown list members, events by using this dropdownSettings.
-			 * @Default {Object}
-			 */
-			dropdownSettings?: any;
-
-			/** Specifies the separator to the control that is in row type group. The separator separates the control from the next control in the group. Set &quot;true&quot; to enable the separator.
-			 * @Default {false}
-			 */
-			enableSeparator?: boolean;
-
-			/** Sets the count of gallery contents in a row, when the gallery is in expanded state.
-			 * @Default {null}
-			 */
-			expandedColumns?: number;
-
-			/** Defines each gallery content.
-			 * @Default {Array}
-			 */
-			galleryItems?: TabsGroupsContentGroupsGalleryItem[];
-
-			/** Specifies the Id for button, split button, dropdown list, toggle button, gallery, custom controls in the sub groups.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Specifies the size for button, split button controls. Set &quot;true&quot; for big size and &quot;false&quot; for small size.
-			 * @Default {null}
-			 */
-			isBig?: boolean;
-
-			/** Sets the height of each gallery content.
-			 * @Default {null}
-			 */
-			itemHeight?: string | number;
-
-			/** Sets the width of each gallery content.
-			 * @Default {null}
-			 */
-			itemWidth?: string | number;
-
-			/** Specifies the Syncfusion split button members, events by using this splitButtonSettings.
-			 * @Default {Object}
-			 */
-			splitButtonSettings?: any;
-
-			/** Specifies the text for button, split button, toggle button controls in the sub groups.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Specifies the Syncfusion toggle button members, events by using toggleButtonSettings.
-			 * @Default {Object}
-			 */
-			toggleButtonSettings?: any;
-
-			/** Specifies the tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups.
-			 * @Default {null}
-			 */
-			toolTip?: string;
-
-			/** To add,show and hide controls in Quick Access toolbar.
-			 * @Default {ej.Ribbon.QuickAccessMode.None}
-			 */
-			quickAccessMode?: ej.Ribbon.QuickAccessMode | string;
-
-			/** Specifies the type as &quot;ej.Ribbon.Type.Button&quot; or &quot;ej.Ribbon.Type.SplitButton&quot; or &quot;ej.Ribbon.Type.DropDownList&quot; or &quot;ej.Ribbon.Type.ToggleButton&quot;
-			 * or &quot;ej.Ribbon.Type.Custom&quot; or &quot;ej.Ribbon.Type.Gallery&quot; to render button, split, dropdown, toggle button, gallery, custom controls.
-			 * @Default {ej.Ribbon.Type.Button}
-			 */
-			type?: ej.Ribbon.Type | string;
-		}
-
-		export interface TabsGroupsContent {
-
-			/** Specifies the height, width, type, isBig property to the controls in the group commonly.
-			 * @Default {Object}
-			 */
-			defaults?: TabsGroupsContentDefaults;
-
-			/** Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
-			 * @Default {Array}
-			 */
-			groups?: TabsGroupsContentGroup[];
-		}
-
-		export interface TabsGroupsGroupExpanderSettings {
-
-			/** Sets tooltip for the group expander of the group.
-			 * @Default {null}
-			 */
-			toolTip?: string;
-
-			/** Specifies the custom tooltip for group expander.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-			 * @Default {Object}
-			 */
-			customToolTip?: any;
-		}
-
-		export interface TabsGroup {
-
-			/** Specifies the alignment of controls in the groups in 'row' type or 'column' type. Value for row type is &quot;ej.Ribbon.AlignType.Rows&quot;
-			 * and for column type is &quot;ej.Ribbon.alignType.columns&quot;.
-			 * @Default {ej.Ribbon.AlignType.Rows}
-			 */
-			alignType?: ej.Ribbon.AlignType | string;
-
-			/** Specifies the Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls to the groups in the ribbon control.
-			 * @Default {Array}
-			 */
-			content?: TabsGroupsContent[];
-
-			/** Specifies the ID of custom items to be placed in the groups.
-			 * @Default {null}
-			 */
-			contentID?: string;
-
-			/** Specifies the HTML contents to place into the groups.
-			 * @Default {null}
-			 */
-			customContent?: string;
-
-			/** Specifies the group expander for groups in the ribbon control. Set &quot;true&quot; to enable the group expander.
-			 * @Default {false}
-			 */
-			enableGroupExpander?: boolean;
-
-			/** Sets custom setting to the groups in the ribbon control.
-			 * @Default {Object}
-			 */
-			groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
-
-			/** Specifies the text to the groups in the ribbon control.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Specifies the custom items such as div, table, controls by using the &quot;custom&quot; type.
-			 * @Default {null}
-			 */
-			type?: string;
-		}
-
-		export interface Tab {
-
-			/** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
-			 * @Default {Array}
-			 */
-			groups?: TabsGroup[];
-
-			/** Specifies the ID for each tab's content panel.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Specifies the text of the tab in the ribbon control.
-			 * @Default {null}
-			 */
-			text?: string;
-		}
-
-		enum ItemType {
-
-			///To render the button for ribbon backstage page’s contents
-			Button,
-
-			///To render the tab for ribbon backstage page’s contents
-			Tab
-		}
-
-
-		enum ApplicationTabType {
-
-			///applicationTab display as menu
-			Menu,
-
-			///applicationTab display as backstage
-			Backstage
-		}
-
-
-		enum AlignType {
-
-			///To align the group content's in row
-			Rows,
-
-			///To align group content's in columns
-			Columns
-		}
-
-
-		enum CustomItemType {
-
-			///Specifies the button type in customGalleryItems
-			Button,
-
-			///Specifies the menu type in customGalleryItems
-			Menu
-		}
-
-
-		enum QuickAccessMode {
-
-			///Controls are hidden in Quick Access toolbar
-			None,
-
-			///Add controls in toolBar
-			ToolBar,
-
-			///Add controls in menu
-			Menu
-		}
-
-
-		enum Type {
-
-			///Specifies the button control
-			Button,
-
-			///Specifies the split button
-			SplitButton,
-
-			///Specifies the dropDown
-			DropDownList,
-
-			///To append external element's
-			Custom,
-
-			///Specifies the toggle button
-			ToggleButton,
-
-			///Specifies the ribbon gallery
-			Gallery
-		}
-
-	}
-
-	class Kanban extends ej.Widget {
-		static fn: Kanban;
-		constructor(element: JQuery | Element, options?: Kanban.Model);
-		static Locale: any;
-		model: Kanban.Model;
-		defaults: Kanban.Model;
-
-		/** Add or remove columns in Kanban columns collections.Default action is add.
-		 * @param {Array<any>|string} Pass array of columns or string of headerText to add/remove the column in Kanban
-		 * @param {Array<any>|string} Pass array of columns or string of key value to add/remove the column in Kanban
-		 * @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
-		 * @returns {void}
-		 */
-		columns(columndetails: any[] | string, keyvalue: any[] | string, action?: string): void;
-
-		/** Destroy the Kanban widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Refresh the Kanban with new data source.
-		 * @param {Array<any>} Pass new data source to the Kanban
-		 * @returns {void}
-		 */
-		dataSource(datasource: any[]): void;
-
-		/** toggleColumn based on the headerText in Kanban.
-		 * @param {any} Pass the header text of the column to get the corresponding column object
-		 * @returns {void}
-		 */
-		toggleColumn(headerText: any): void;
-
-		/** Expand or collapse the card based on the state of target &quot;div&quot;
-		 * @param {string|number} Pass the id of card to be toggle
-		 * @returns {void}
-		 */
-		toggleCard(key: string | number): void;
-
-		/** Used for get the names of all the visible column name collections in Kanban.
-		 * @returns {Array<any>}
-		 */
-		getVisibleColumnNames(): any[];
-
-		/** Get the scroller object of Kanban.
-		 * @returns {ej.Scroller}
-		 */
-		getScrollObject(): ej.Scroller;
-
-		/** Get the column details based on the given header text in Kanban.
-		 * @param {string} Pass the header text of the column to get the corresponding column object
-		 * @returns {String}
-		 */
-		getColumnByHeaderText(headerText: string): string;
-
-		/** Get the table details based on the given header table in Kanban.
-		 * @returns {String}
-		 */
-		getHeaderTable(): string;
-
-		/** Hide columns from the Kanban based on the header text
-		 * @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to hide
-		 * @returns {void}
-		 */
-		hideColumns(headerText: any[] | string): void;
-
-		/** Print the Kanban Board
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** Refresh the template of the Kanban
-		 * @returns {void}
-		 */
-		refreshTemplate(): void;
-
-		/** Refresh the Kanban contents.The template refreshment is based on the argument passed along with this method
-		 * @param {boolean} optional When templateRefresh is set true, template and Kanban contents both are refreshed in Kanban else only Kanban content is refreshed
-		 * @returns {void}
-		 */
-		refresh(templateRefresh?: boolean): void;
-
-		/** Show columns in the Kanban based on the header text.
-		 * @param {Array<any>|string} You can pass either array of header text of various columns or a header text of a column to show
-		 * @returns {void}
-		 */
-		showColumns(headerText: any[] | string): void;
-
-		/** Update a card in Kanban control based on key and JSON data given.
-		 * @param {string} Pass the key field Name of the column
-		 * @param {Array<any>} Pass the edited JSON data of card need to be update.
-		 * @returns {void}
-		 */
-		updateCard(key: string, data: any[]): void;
-
-		KanbanSelection: Kanban.KanbanSelection;
-
-		KanbanSwimlane: Kanban.KanbanSwimlane;
-
-		KanbanFilter: Kanban.KanbanFilter;
-
-		KanbanEdit: Kanban.KanbanEdit;
-	}
-	export namespace Kanban {
-
-		export interface KanbanSelection {
-
-			/** It is used to clear all the card selection.
-			 * @returns {void}
-			 */
-			clear(): void;
-		}
-
-		export interface KanbanSwimlane {
-
-			/** Expand all the swimlane rows in Kanban.
-			 * @returns {void}
-			 */
-			expandAll(): void;
-
-			/** Collapse all the swimlane rows in Kanban.
-			 * @returns {void}
-			 */
-			collapseAll(): void;
-
-			/** Expand or collapse the swimlane row based on the state of target &quot;div&quot;
-			 * @param {any} Pass the div object to toggleSwimlane row based on its row state
-			 * @returns {void}
-			 */
-			toggle($div: any): void;
-		}
-
-		export interface KanbanFilter {
-
-			/** Method used for send a clear search request to Kanban.
-			 * @returns {void}
-			 */
-			clearSearch(): void;
-
-			/** Send a search request to Kanban with specified string passed in it.
-			 * @param {string} Pass the string to search in Kanban card
-			 * @returns {void}
-			 */
-			searchCards(searchString: string): void;
-
-			/** Send a clear request to filter cards in the kanban.
-			 * @returns {void}
-			 */
-			clearFilter(): void;
-
-			/** Send a filtering request to cards in the kanban.
-			 * @returns {void}
-			 */
-			filterCards(): void;
-		}
-
-		export interface KanbanEdit {
-
-			/** Add a new card in Kanban control when allowAdding is set as true. If parameters are not given default dialog will be open.
-			 * @param {string} Pass the primary key field Name of the column
-			 * @param {Array<any>} Pass the edited JSON data of card need to be add.
-			 * @returns {void}
-			 */
-			addCard(primaryKey: string, card: any[]): void;
-
-			/** Send a cancel request of add/edit card in Kanban when allowEditing/allowAdding is set as true.
-			 * @returns {void}
-			 */
-			cancelEdit(): void;
-
-			/** Delete a card in Kanban control when allowAdding/allowEditing is set as true.
-			 * @param {string|number} Pass the key of card to be delete
-			 * @returns {void}
-			 */
-			deleteCard(Key: string | number): void;
-
-			/** Send a save request in Kanban when any card is in edit/new add card state and allowEditing/allowAdding is set as true.
-			 * @returns {void}
-			 */
-			endEdit(): void;
-
-			/** Send an edit card request in Kanban when allowEditing is set as true. Parameter will be HTML element or primary key
-			 * @param {any} Pass the div selected row element to be edited in Kanban
-			 * @returns {void}
-			 */
-			startEdit($div: any): void;
-
-			/** Method used for set validation to a field during editing.
-			 * @param {string} Specify the name of the column to set validation rules
-			 * @param {any} Specify the validation rules for the field
-			 * @returns {void}
-			 */
-			setValidationToField(name: string, rules: any): void;
-		}
-
-		export interface Model {
-
-			/** Gets or sets a value that indicates whether to enable allowDragAndDrop behavior on Kanban.
-			 * @Default {true}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** To enable or disable the title of the card.
-			 * @Default {false}
-			 */
-			allowTitle?: boolean;
-
-			/** Customize the settings for swim lane.
-			 * @Default {Object}
-			 */
-			swimlaneSettings?: SwimlaneSettings;
-
-			/** To enable or disable the column expand /collapse.
-			 * @Default {false}
-			 */
-			allowToggleColumn?: boolean;
-
-			/** To enable Searching operation in Kanban.
-			 * @Default {false}
-			 */
-			allowSearching?: boolean;
-
-			/** To enable filtering behavior on Kanban.User can specify query in filterSettings collection after enabling allowFiltering.
-			 * @Default {false}
-			 */
-			allowFiltering?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable allowSelection behavior on Kanban.User can select card and the selected card will be highlighted on Kanban.
-			 * @Default {true}
-			 */
-			allowSelection?: boolean;
-
-			/** Gets or sets a value that indicates whether to allow card hover actions.
-			 * @Default {true}
-			 */
-			allowHover?: boolean;
-
-			/** To allow keyboard navigation actions.
-			 * @Default {false}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the scrollbar in the Kanban and view the card by scroll through the Kanban manually.
-			 * @Default {false}
-			 */
-			allowScrolling?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable printing option.
-			 * @Default {false}
-			 */
-			allowPrinting?: boolean;
-
-			/** Gets or sets an object that indicates whether to customize the context menu behavior of the Kanban.
-			 * @Default {Object}
-			 */
-			contextMenuSettings?: ContextMenuSettings;
-
-			/** Gets or sets an object that indicates to render the Kanban with specified columns.
-			 * @Default {Array}
-			 */
-			columns?: Column[];
-
-			/** Gets or sets an object that indicates whether to Customize the card settings.
-			 * @Default {Object}
-			 */
-			cardSettings?: CardSettings;
-
-			/** Gets or sets a value that indicates whether to add customToolbarItems within the toolbar to perform any action in the Kanban.
-			 * @Default {[]}
-			 */
-			customToolbarItems?: CustomToolbarItem[];
-
-			/** Gets or sets a value that indicates to render the Kanban with custom theme.
-			 */
-			cssClass?: string;
-
-			/** Gets or sets the data to render the Kanban with cards.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** To perform kanban functionalities with touch interaction.
-			 * @Default {true}
-			 */
-			enableTouch?: boolean;
-
-			/** Align content in the Kanban control align from right to left by setting the property as true.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** To show total count of cards in each column.
-			 * @Default {false}
-			 */
-			enableTotalCount?: boolean;
-
-			/** Get or sets an object that indicates whether to customize the editing behavior of the Kanban.
-			 * @Default {Object}
-			 */
-			editSettings?: EditSettings;
-
-			/** To customize field mappings for card , editing title and control key parameters
-			 * @Default {Object}
-			 */
-			fields?: Fields;
-
-			/** To map datasource field for column values mapping
-			 * @Default {null}
-			 */
-			keyField?: string;
-
-			/** When set to true, adapts the Kanban layout to fit the screen size of devices on which it renders.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Gets or sets a value that indicates whether to set the minimum width of the responsive Kanban while isResponsive property is true.
-			 * @Default {0}
-			 */
-			minWidth?: number;
-
-			/** To customize the filtering behavior based on queries given.
-			 * @Default {Array}
-			 */
-			filterSettings?: FilterSetting[];
-
-			/** ej Query to query database of Kanban.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** To change the key in keyboard interaction to Kanban control.
-			 * @Default {null}
-			 */
-			keySettings?: any;
-
-			/** Gets or sets an object that indicates whether to customize the scrolling behavior of the Kanban.
-			 * @Default {Object}
-			 */
-			scrollSettings?: ScrollSettings;
-
-			/** To customize the searching behavior of the Kanban.
-			 * @Default {Object}
-			 */
-			searchSettings?: SearchSettings;
-
-			/** To allow customize selection type. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
-			 * @Default {ej.Kanban.SelectionType.Single}
-			 */
-			selectionType?: ej.Kanban.SelectionType | string;
-
-			/** Gets or sets an object that indicates to managing the collection of stacked header rows for the Kanban.
-			 * @Default {Array}
-			 */
-			stackedHeaderRows?: StackedHeaderRow[];
-
-			/** The tooltip allows to display card details in a tooltip while hovering on it.
-			 */
-			tooltipSettings?: TooltipSettings;
-
-			/** Gets or sets an object that indicates to render the Kanban with specified workflows.
-			 * @Default {Array}
-			 */
-			workflows?: Workflow[];
-
-			/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific
-			 * to a particular country or region.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Triggered for every Kanban action before its starts. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggered for every Kanban action success event. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggered for every Kanban action server failure event. */
-			actionFailure?(e: ActionFailureEventArgs): void;
-
-			/** Triggered before the task is going to be edited. */
-			beginEdit?(e: BeginEditEventArgs): void;
-
-			/** Triggered before the card is going to be added */
-			beginAdd?(e: BeginAddEventArgs): void;
-
-			/** Triggered before the card is selected. */
-			beforeCardSelect?(e: BeforeCardSelectEventArgs): void;
-
-			/** Trigger after the card is clicked. */
-			cardClick?(e: CardClickEventArgs): void;
-
-			/** Triggered when the card is being dragged. */
-			cardDrag?(e: CardDragEventArgs): void;
-
-			/** Triggered when card dragging start. */
-			cardDragStart?(e: CardDragStartEventArgs): void;
-
-			/** Triggered when card dragging stops. */
-			cardDragStop?(e: CardDragStopEventArgs): void;
-
-			/** Triggered when the card is Dropped. */
-			cardDrop?(e: CardDropEventArgs): void;
-
-			/** Triggered after the card is selected. */
-			cardSelect?(e: CardSelectEventArgs): void;
-
-			/** Triggered when card is double clicked. */
-			cardDoubleClick?(e: CardDoubleClickEventArgs): void;
-
-			/** Triggered before the card is selected. */
-			cardSelecting?(e: CardSelectingEventArgs): void;
-
-			/** Triggered when the Kanban is rendered completely */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggers after the cell is clicked. */
-			cellClick?(e: CellClickEventArgs): void;
-
-			/** Triggered before the context menu is opened. */
-			contextOpen?(e: ContextOpenEventArgs): void;
-
-			/** Triggered when context menu item is clicked in Kanban */
-			contextClick?(e: ContextClickEventArgs): void;
-
-			/** Triggered the Kanban is bound with data during initial rendering. */
-			dataBound?(e: DataBoundEventArgs): void;
-
-			/** Triggered when Kanban going to destroy. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggered after the card is deleted. */
-			endDelete?(e: EndDeleteEventArgs): void;
-
-			/** Triggered after the card is edited. */
-			endEdit?(e: EndEditEventArgs): void;
-
-			/** Triggers after the header is clicked. */
-			headerClick?(e: HeaderClickEventArgs): void;
-
-			/** Triggered initial load. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers before swim lane expand or collapse icon is clicked. */
-			swimlaneClick?(e: SwimlaneClickEventArgs): void;
-
-			/** Triggered every time a single card rendered request is made to access particular card information. */
-			queryCellInfo?(e: QueryCellInfoEventArgs): void;
-
-			/** Triggered when toolbar item is clicked in Kanban. */
-			toolbarClick?(e: ToolbarClickEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current action event type.
-			 */
-			originalEventType?: string;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the edited row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the card object (JSON).
-			 */
-			data?: any;
-
-			/** Returns current filtering object field name.
-			 */
-			currentFilteringobject?: any;
-
-			/** Returns filter details.
-			 */
-			filterCollection?: any;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns current action event type.
-			 */
-			originalEventType?: string;
-
-			/** Returns primary key.
-			 */
-			primaryKey?: string;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns Kanban element.
-			 */
-			target?: any;
-
-			/** Returns the card object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the selectedRow index.
-			 */
-			selectedRow?: number;
-
-			/** Returns current filtering column field name.
-			 */
-			currentFilteringColumn?: string;
-
-			/** Returns filter details.
-			 */
-			filterCollection?: any;
-		}
-
-		export interface ActionFailureEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the error return by server.
-			 */
-			error?: any;
-
-			/** Returns current action event type.
-			 */
-			originalEventType?: string;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns Kanban element.
-			 */
-			target?: any;
-
-			/** Returns the card object (JSON).
-			 */
-			data?: any;
-
-			/** Returns current filtering column field name.
-			 */
-			currentFilteringColumn?: string;
-
-			/** Returns filter details.
-			 */
-			filterCollection?: any;
-		}
-
-		export interface BeginEditEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns begin edit data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeginAddEventArgs {
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns beginAdd data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeCardSelectEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the select cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the select card index value.
-			 */
-			cardIndex?: number;
-
-			/** Returns the select cell element
-			 */
-			currentCell?: any;
-
-			/** Returns the previously select the card element
-			 */
-			previousCard?: any;
-
-			/** Returns the previously select card indexes
-			 */
-			previousRowcellindex?: any[];
-
-			/** Returns the Target item.
-			 */
-			Target?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns select card data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the current card to the Kanban.
-			 */
-			currentCard?: string;
-
-			/** Returns Kanban element.
-			 */
-			target?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the Header text of the column corresponding to the selected card.
-			 */
-			columnName?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardDragEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns drag data.
-			 */
-			data?: any;
-
-			/** Returns drag start element.
-			 */
-			dragtarget?: any;
-
-			/** Returns dragged element.
-			 */
-			draggedElement?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardDragStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns card drag start data.
-			 */
-			data?: any;
-
-			/** Returns dragged element.
-			 */
-			draggedElement?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns drag start element.
-			 */
-			dragtarget?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardDragStopEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns dragged element.
-			 */
-			draggedElement?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns drag stop element.
-			 */
-			droptarget?: any;
-
-			/** Returns drag stop data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardDropEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns dragged element.
-			 */
-			draggedElement?: any;
-
-			/** Returns previous parent of dragged element
-			 */
-			draggedParent?: any;
-
-			/** Returns dragged data.
-			 */
-			data?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns drop element.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardSelectEventArgs {
-
-			/** Returns the select cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the select card index value.
-			 */
-			cardIndex?: number;
-
-			/** Returns the select cell element
-			 */
-			currentCell?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the previously select the card element
-			 */
-			previousCard?: any;
-
-			/** Returns the previously select card indexes
-			 */
-			previousRowcellindex?: any[];
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns select card data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardDoubleClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current card object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CardSelectingEventArgs {
-
-			/** Returns the selecting cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the selecting card index value.
-			 */
-			cardIndex?: number;
-
-			/** Returns the selecting cell element
-			 */
-			currentCell?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the previously selecting the card element
-			 */
-			previousCard?: any;
-
-			/** Returns the previously rowcell is selecting card indexes
-			 */
-			previousRowcellindex?: any[];
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns added data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the select cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the edited row index.
-			 */
-			rowIndex?: number;
-		}
-
-		export interface ContextOpenEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the status of contextmenu item which denotes its enabled state.
-			 */
-			status?: boolean;
-
-			/** Returns the target item.
-			 */
-			target?: any;
-		}
-
-		export interface ContextClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the status of contextmenu item which denotes its enabled state.
-			 */
-			status?: boolean;
-
-			/** Returns the target item.
-			 */
-			target?: any;
-		}
-
-		export interface DataBoundEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Returns the kanban model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface EndDeleteEventArgs {
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns deleted  data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Current action name
-			 */
-			action?: string;
-		}
-
-		export interface EndEditEventArgs {
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns modified data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Current Action name
-			 */
-			action?: string;
-		}
-
-		export interface HeaderClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the select cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the column object.
-			 */
-			columnData?: any;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Returns the kanban model.
-			 */
-			model?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface SwimlaneClickEventArgs {
-
-			/** Current Action name while swim lane clicked. Actions are "expand" or "collapse"
-			 */
-			action?: string;
-
-			/** Returns the kanban model.
-			 */
-			model?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the swim lane group data's.
-			 */
-			data?: any;
-
-			/** Returns current swim lane row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns current target element.
-			 */
-			target?: any;
-		}
-
-		export interface QueryCellInfoEventArgs {
-
-			/** Returns Kanban card.
-			 */
-			card?: any;
-
-			/** Returns Kanban card.
-			 */
-			cell?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current row record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-            /** Returns the name of the event.
-             */
-			type?: string;
-		}
-
-		export interface ToolbarClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the item id of that current element.
-			 */
-			itemId?: string;
-
-			/** Returns the item index of that current element.
-			 */
-			itemIndex?: number;
-
-			/** Returns the item name of that current element.
-			 */
-			itemName?: string;
-
-			/** Returns the item text of that current element.
-			 */
-			itemText?: string;
-
-			/** Returns the Kanban model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the toolbar object of the Kanban.
-			 */
-			toolbarData?: any;
-		}
-
-		export interface SwimlaneSettingsUnassignedGroup {
-
-			/** To enable or disable unassigned category change with swim lane key values.
-			 * @Default {true}
-			 */
-			enable?: boolean;
-
-			/** To set the user defined values which are need to categorized as unassigned category swim lane groups.
-			 * @Default {[null,undefined,]}
-			 */
-			keys?: any[];
-		}
-
-		export interface SwimlaneSettings {
-
-			/** To enable or disable items count in swim lane.
-			 * @Default {true}
-			 */
-			showCount?: boolean;
-
-			/** To enable or disable DragAndDrop across swim lane.
-			 * @Default {false}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Customize the settings for unassigned category of swim lane.
-			 * @Default {Object}
-			 */
-			unassignedGroup?: SwimlaneSettingsUnassignedGroup;
-		}
-
-		export interface ContextMenuSettingsCustomMenuItem {
-
-			/** Its sets target element to custom context menu item.
-			 * @Default {ej.Kanban.Target.All}
-			 */
-			target?: ej.Kanban.Target | string;
-
-			/** Gets the display name to custom menu item.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Gets the template to render custom context menu item.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface ContextMenuSettings {
-
-			/** To enable context menu.All default context menu will show.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Gets or sets a value that indicates the list of items needs to be disable from default context menu items.
-			 * @Default {Array}
-			 */
-			disableDefaultItems?: any[];
-
-			/** Its used to add specific default context menu items.
-			 * @Default {Array}
-			 */
-			menuItems?: any[];
-
-			/** Gets or sets a value that indicates whether to add custom contextMenu items.
-			 * @Default {Array}
-			 */
-			customMenuItems?: ContextMenuSettingsCustomMenuItem[];
-		}
-
-		export interface ColumnsTotalCount {
-
-			/** To customize the totalCount text properties.
-			 * @Default {null}
-			 */
-			text?: string;
-		}
-
-		export interface ColumnsConstraints {
-
-			/** It is used to specify the type of constraints as column or swimlane.
-			 * @Default {null}
-			 */
-			type?: string;
-
-			/** It is used to specify the minimum amount of card in particular column cell or swimlane cell can hold.
-			 * @Default {null}
-			 */
-			min?: number;
-
-			/** It is used to specify the maximum amount of card in particular column cell or swimlane cell can hold.
-			 * @Default {null}
-			 */
-			max?: number;
-		}
-
-		export interface Column {
-
-			/** Gets or sets an object that indicates to render the Kanban with specified columns header text.
-			 * @Default {null}
-			 */
-			headerText?: string;
-
-			/** To customize the totalCount properties.
-			 * @Default {Object}
-			 */
-			totalCount?: ColumnsTotalCount;
-
-			/** Gets or sets an object that indicates to render the Kanban with specified columns key.
-			 * @Default {null}
-			 */
-			key?: string | number;
-
-			/** To enable/disable allowDrop for specific column wise.
-			 * @Default {true}
-			 */
-			allowDrop?: boolean;
-
-			/** To enable/disable allowDrag for specific column wise.
-			 * @Default {true}
-			 */
-			allowDrag?: boolean;
-
-			/** To set column collapse or expand state
-			 * @Default {false}
-			 */
-			isCollapsed?: boolean;
-
-			/** To customize the column level constraints with minimum ,maximum limit validation.
-			 * @Default {Object}
-			 */
-			constraints?: ColumnsConstraints;
-
-			/** Gets or sets a value that indicates to add the template within the header element.
-			 * @Default {null}
-			 */
-			headerTemplate?: string;
-
-			/** Gets or sets an object that indicates to render the Kanban with specified columns width.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Gets or sets an object that indicates to set specific column visibility.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Gets or sets an object that indicates whether to show add new button.
-			 * @Default {false}
-			 */
-			showAddButton?: boolean;
-		}
-
-		export interface CardSettings {
-
-			/** Gets or sets a value that indicates to add the template for card .
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** To customize the card border color based on assigned task. Colors and corresponding values defined here will be mapped with colorField mapped data source column.
-			 * @Default {Object}
-			 */
-			colorMapping?: any;
-		}
-
-		export interface CustomToolbarItem {
-
-			/** Gets the template to render customToolbarItems.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface EditSettingsEditItem {
-
-			/** It is used to map editing field from the data source.
-			 * @Default {null}
-			 */
-			field?: string;
-
-			/** It is used to set the particular editType in the card for editing.
-			 * @Default {ej.Kanban.EditingType.String}
-			 */
-			editType?: ej.Kanban.EditingType | string;
-
-			/** Gets or sets a value that indicates to define constraints for saving data to the database.
-			 * @Default {Object}
-			 */
-			validationRules?: any;
-
-			/** It is used to set the particular editparams in the card for editing.
-			 * @Default {Object}
-			 */
-			editParams?: any;
-
-			/** It is used to specify defaultValue for the fields while adding new card.
-			 * @Default {null}
-			 */
-			defaultValue?: string | number;
-		}
-
-		export interface EditSettings {
-
-			/** Gets or sets a value that indicates whether to enable the editing action in cards of Kanban.
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the adding action in cards behavior on Kanban.
-			 * @Default {false}
-			 */
-			allowAdding?: boolean;
-
-			/** This specifies the id of the template which is require to be edited using the Dialog Box.
-			 * @Default {null}
-			 */
-			dialogTemplate?: string;
-
-			/** Get or sets an object that indicates whether to customize the editMode of the Kanban.
-			 * @Default {ej.Kanban.EditMode.Dialog}
-			 */
-			editMode?: ej.Kanban.EditMode | string;
-
-			/** Get or sets an object that indicates whether to customize the editing fields of Kanban card.
-			 * @Default {Array}
-			 */
-			editItems?: EditSettingsEditItem[];
-
-			/** This specifies the id of the template which is require to be edited using the External edit form.
-			 * @Default {null}
-			 */
-			externalFormTemplate?: string;
-
-			/** This specifies to set the position of an External edit form either in the right or bottom of the Kanban.
-			 * @Default {ej.Kanban.FormPosition.Bottom}
-			 */
-			formPosition?: ej.Kanban.FormPosition | string;
-		}
-
-		export interface Fields {
-
-			/** The primarykey field is mapped to data source field. And this will used for Drag and drop and editing mainly.
-			 * @Default {null}
-			 */
-			primaryKey?: string;
-
-			/** To enable swimlane grouping based on the given key field from datasource mapping.
-			 * @Default {null}
-			 */
-			swimlaneKey?: string;
-
-			/** Priority field has been mapped data source field to maintain cards priority.
-			 * @Default {null}
-			 */
-			priority?: string;
-
-			/** Content field has been Mapped into card text.
-			 * @Default {null}
-			 */
-			content?: string;
-
-			/** Tag field has been Mapped into card tag.
-			 * @Default {null}
-			 */
-			tag?: string;
-
-			/** Title field has been Mapped to field in datasource for title content. If title field specified , card expand/collapse will be enabled with header and content section.
-			 * @Default {null}
-			 */
-			title?: string;
-
-			/** To customize the card has been Mapped into card color field.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** ImageUrl field has been Mapped into card image.
-			 * @Default {null}
-			 */
-			imageUrl?: string;
-		}
-
-		export interface FilterSetting {
-
-			/** Gets or sets an object of display name to filter queries.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Gets or sets an object that Queries to perform filtering
-			 * @Default {Object}
-			 */
-			query?: any;
-
-			/** Gets or sets an object of tooltip to filter buttons.
-			 * @Default {null}
-			 */
-			description?: string;
-		}
-
-		export interface ScrollSettings {
-
-			/** Gets or sets an object that indicates to render the Kanban with specified scroll height.
-			 * @Default {0}
-			 */
-			height?: string | number;
-
-			/** Gets or sets an object that indicates to render the Kanban with specified scroll width.
-			 * @Default {auto}
-			 */
-			width?: string | number;
-
-			/** To allow the Kanban to freeze particular swimlane at the time of scrolling , until scroll reaches next swimlane and it continues.
-			 * @Default {false}
-			 */
-			allowFreezeSwimlane?: boolean;
-		}
-
-		export interface SearchSettings {
-
-			/** To customize the fields the searching operation can be perform.
-			 * @Default {Array}
-			 */
-			fields?: any[];
-
-			/** To customize the searching string.
-			 */
-			key?: string;
-
-			/** To customize the operator based on searching.
-			 * @Default {contains}
-			 */
-			operator?: string;
-
-			/** To customize the ignore case based on searching.
-			 * @Default {true}
-			 */
-			ignoreCase?: boolean;
-		}
-
-		export interface StackedHeaderRowsStackedHeaderColumn {
-
-			/** Gets or sets a value that indicates the headerText for the particular stacked header column.
-			 * @Default {null}
-			 */
-			headerText?: string;
-
-			/** Gets or sets a value that indicates the column for the particular stacked header column.
-			 * @Default {null}
-			 */
-			column?: string;
-		}
-
-		export interface StackedHeaderRow {
-
-			/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
-			 * @Default {Array}
-			 */
-			stackedHeaderColumns?: StackedHeaderRowsStackedHeaderColumn[];
-		}
-
-		export interface TooltipSettings {
-
-			/** To enable or disable the tooltip display.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** To customize the tooltip display based on your requirements.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface Workflow {
-
-			/** Gets or sets an object that indicates to render the Kanban with specified workflows key.
-			 * @Default {null}
-			 */
-			key?: string | number;
-
-			/** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
-			 * @Default {null}
-			 */
-			allowedTransitions?: string;
-		}
-
-		enum Target {
-
-			///Sets context menu to Kanban header
-			Header,
-
-			///Sets context menu to Kanban content
-			Content,
-
-			///Sets context menu to Kanban card
-			Card,
-
-			///Sets context menu to Kanban
-			All
-		}
-
-
-		enum EditMode {
-
-			///Creates Kanban with editMode as Dialog
-			Dialog,
-
-			///Creates Kanban with editMode as DialogTemplate
-			DialogTemplate,
-
-			///Creates Kanban with editMode as ExternalForm
-			ExternalForm,
-
-			///Creates Kanban with editMode as ExternalFormTemplate
-			ExternalFormTemplate
-		}
-
-
-		enum EditingType {
-
-			///Allows to set edit type as string edit type
-			String,
-
-			///Allows to set edit type as numeric edit type
-			Numeric,
-
-			///Allows to set edit type as drop down edit type
-			Dropdown,
-
-			///Allows to set edit type as date picker edit type
-			DatePicker,
-
-			///Allows to set edit type as date time picker edit type
-			DateTimePicker,
-
-			///Allows to set edit type as text area edit type
-			TextArea,
-
-			///Allows to set edit type as RTE edit type
-			RTE
-		}
-
-
-		enum FormPosition {
-
-			///Form position is bottom.
-			Bottom,
-
-			///Form position is right.
-			Right
-		}
-
-
-		enum SelectionType {
-
-			///Support for Single selection in Kanban
-			Single,
-
-			///Support for multiple selections in Kanban
-			Multiple
-		}
-
-	}
-
-	class Rotator extends ej.Widget {
-		static fn: Rotator;
-		constructor(element: JQuery | Element, options?: Rotator.Model);
-		static Locale: any;
-		model: Rotator.Model;
-		defaults: Rotator.Model;
-
-		/** Disables the Rotator control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the Rotator control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** This method is used to get the current slide index.
-		 * @returns {number}
-		 */
-		getIndex(): number;
-
-		/** This method is used to move a slide to the specified index.
-		 * @param {number} index of an slide
-		 * @returns {void}
-		 */
-		gotoIndex(index: number): void;
-
-		/** This method is used to pause autoplay.
-		 * @returns {void}
-		 */
-		pause(): void;
-
-		/** This method is used to move slides continuously (or start autoplay) in the specified autoplay direction.
-		 * @returns {void}
-		 */
-		play(): void;
-
-		/** This method is used to move to the next slide from the current slide. If the current slide is the last slide, then the first slide will be treated as the next slide.
-		 * @returns {void}
-		 */
-		slideNext(): void;
-
-		/** This method is used to move to the previous slide from the current slide. If the current slide is the first slide, then the last slide will be treated as the previous slide.
-		 * @returns {void}
-		 */
-		slidePrevious(): void;
-
-		/** This method is used to update/modify the slide content of template rotator by using id based on index value.
-		 * @param {number} index of an slide
-		 * @param {string} id of a new updated slide
-		 * @returns {void}
-		 */
-		updateTemplateById(index: number, id: string): void;
-	}
-	export namespace Rotator {
-
-		export interface Model {
-
-			/** Turns on keyboard interaction with the Rotator items. You must set this property to true to access the following keyboard shortcuts:
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Sets the animationSpeed of slide transition.
-			 * @Default {600}
-			 */
-			animationSpeed?: string | number;
-
-			/** Specifies the animationType type for the Rotator Item. animationType options include slide, fastSlide, slowSlide, and other custom easing animationTypes.
-			 * @Default {slide}
-			 */
-			animationType?: string;
-
-			/** Enables the circular mode item rotation.
-			 * @Default {true}
-			 */
-			circularMode?: boolean;
-
-			/** Specify the CSS class to Rotator to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specify the list of data which contains a set of data fields. Each data value is used to render an item for the Rotator.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Sets the delay between the Rotator Items move after the slide transition.
-			 * @Default {500}
-			 */
-			delay?: number;
-
-			/** Specifies the number of Rotator Items to be displayed.
-			 * @Default {1}
-			 */
-			displayItemsCount?: string | number;
-
-			/** Rotates the Rotator Items continuously without user interference.
-			 * @Default {false}
-			 */
-			enableAutoPlay?: boolean;
-
-			/** Enables or disables the Rotator control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specifies right to left transition of slides.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Defines mapping fields for the data items of the Rotator.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Sets the space between the Rotator Items.
-			 */
-			frameSpace?: string | number;
-
-			/** Resizes the Rotator when the browser is resized.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the number of Rotator Items to navigate on a single click (next/previous/play buttons).
-			 * The navigateSteps property value must be less than or equal to the displayItemsCount property value.
-			 * @Default {1}
-			 */
-			navigateSteps?: string | number;
-
-			/** Specifies the orientation for the Rotator control, that is, whether it must be rendered horizontally or vertically. See Orientation
-			 * @Default {ej.Orientation.Horizontal}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Specifies the position of the showPager in the Rotator Item. See PagerPosition
-			 * @Default {outside}
-			 */
-			pagerPosition?: string | ej.Rotator.PagerPosition;
-
-			/** Retrieves data from remote data. This property is applicable only when a remote data source is used.
-			 * @Default {null}
-			 */
-			query?: string;
-
-			/** If the Rotator Item is an image, you can specify a caption for the Rotator Item. The caption text for each Rotator Item must be set by using the title attribute of the respective tag.
-			 * The caption cannot be displayed if multiple Rotator Items are present.
-			 * @Default {false}
-			 */
-			showCaption?: boolean;
-
-			/** Turns on or off the slide buttons (next and previous) in the Rotator Items. Slide buttons are used to navigate the Rotator Items.
-			 * @Default {true}
-			 */
-			showNavigateButton?: boolean;
-
-			/** Turns on or off the pager support in the Rotator control. The Pager is used to navigate the Rotator Items.
-			 * @Default {true}
-			 */
-			showPager?: boolean;
-
-			/** Enable play / pause button on rotator.
-			 * @Default {false}
-			 */
-			showPlayButton?: boolean;
-
-			/** Turns on or off thumbnail support in the Rotator control. Thumbnail is used to navigate between slides. Thumbnail supports only single slide transition
-			 * You must specify the source for thumbnail elements through the thumbnailSourceID property.
-			 * @Default {false}
-			 */
-			showThumbnail?: boolean;
-
-			/** Sets the height of a Rotator Item.
-			 */
-			slideHeight?: string | number;
-
-			/** Sets the width of a Rotator Item.
-			 */
-			slideWidth?: string | number;
-
-			/** Sets the index of the slide that must be displayed first.
-			 * @Default {0}
-			 */
-			startIndex?: string | number;
-
-			/** Pause the auto play while hover on the rotator content.
-			 * @Default {false}
-			 */
-			stopOnHover?: boolean;
-
-			/** The template to display the Rotator widget with customized appearance.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** The templateId enables to bind multiple customized template items in Rotator.
-			 * @Default {null}
-			 */
-			templateId?: any[];
-
-			/** Specifies the source for thumbnail elements.
-			 * @Default {null}
-			 */
-			thumbnailSourceID?: any;
-
-			/** This event is fired when the Rotator slides are changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** This event is fired when the Rotator control is initialized. */
-			create?(e: CreateEventArgs): void;
-
-			/** This event is fired when the Rotator control is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** This event is fired when a pager is clicked. */
-			pagerClick?(e: PagerClickEventArgs): void;
-
-			/** This event is fired when enableAutoPlay is started. */
-			start?(e: StartEventArgs): void;
-
-			/** This event is fired when autoplay is stopped or paused. */
-			stop?(e: StopEventArgs): void;
-
-			/** This event is fired when a thumbnail pager is clicked. */
-			thumbItemClick?(e: ThumbItemClickEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** the current rotator id.
-			 */
-			itemId?: string;
-
-			/** returns the current slide index.
-			 */
-			activeItemIndex?: number;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PagerClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** the current rotator id.
-			 */
-			itemId?: string;
-
-			/** returns the current slide index.
-			 */
-			activeItemIndex?: number;
-		}
-
-		export interface StartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** the current rotator id.
-			 */
-			itemId?: string;
-
-			/** returns the current slide index.
-			 */
-			activeItemIndex?: number;
-		}
-
-		export interface StopEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** the current rotator id.
-			 */
-			itemId?: string;
-
-			/** returns the current slide index.
-			 */
-			activeItemIndex?: number;
-		}
-
-		export interface ThumbItemClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the rotator model
-			 */
-			model?: ej.Rotator.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** the current rotator id.
-			 */
-			itemId?: string;
-
-			/** returns the current slide index.
-			 */
-			activeItemIndex?: number;
-		}
-
-		export interface Fields {
-
-			/** Specifies a link for the image.
-			 */
-			linkAttribute?: string;
-
-			/** Specifies where to open a given link.
-			 */
-			targetAttribute?: string;
-
-			/** Specifies a caption for the image.
-			 */
-			text?: string;
-
-			/** Specifies a caption for the thumbnail image.
-			 */
-			thumbnailText?: string;
-
-			/** Specifies the URL for an thumbnail image.
-			 */
-			thumbnailUrl?: string;
-
-			/** Specifies the URL for an image.
-			 */
-			url?: string;
-		}
-
-		enum PagerPosition {
-
-			///string
-			BottomLeft,
-
-			///string
-			BottomRight,
-
-			///string
-			Outside,
-
-			///string
-			TopCenter,
-
-			///string
-			TopLeft,
-
-			///string
-			TopRight
-		}
-
-	}
-
-	class RTE extends ej.Widget {
-		static fn: RTE;
-		constructor(element: JQuery | Element, options?: RTE.Model);
-		static Locale: any;
-		model: RTE.Model;
-		defaults: RTE.Model;
-
-		/** Returns the range object.
-		 * @returns {any}
-		 */
-		createRange(): any;
-
-		/** Disables the RTE control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Disables the corresponding tool in the RTE ToolBar.
-		 * @returns {void}
-		 */
-		disableToolbarItem(): void;
-
-		/** Enables the RTE control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Enables the corresponding tool in the toolbar when the tool is disabled.
-		 * @returns {void}
-		 */
-		enableToolbarItem(): void;
-
-		/** Performs the action value based on the given command.
-		 * @returns {void}
-		 */
-		executeCommand(): void;
-
-		/** Focuses the RTE control.
-		 * @returns {void}
-		 */
-		focus(): void;
-
-		/** Gets the command status of the selected text based on the given comment in the RTE control.
-		 * @returns {boolean}
-		 */
-		getCommandStatus(): boolean;
-
-		/** Gets the Document from the RTE control.
-		 * @returns {Document}
-		 */
-		getDocument(): Document;
-
-		/** Gets the HTML string from the RTE control.
-		 * @returns {HTMLElement}
-		 */
-		getHtml(): HTMLElement;
-
-		/** Gets the selected HTML string from the RTE control.
-		 * @returns {HTMLElement}
-		 */
-		getSelectedHtml(): HTMLElement;
-
-		/** Gets the content as string from the RTE control.
-		 * @returns {string}
-		 */
-		getText(): string;
-
-		/** Hides the RTE control.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Inserts new item to the target contextmenu node.
-		 * @returns {void}
-		 */
-		insertMenuOption(): void;
-
-		/** Add a table column at the right or left of the specified cell
-		 * @param {boolean} If it’s true, add a column at the left of the cell, otherwise add a column at the right of the cell
-		 * @param {JQuery} Column will be added based on the given cell element
-		 * @returns {HTMLElement}
-		 */
-		insertColumn(before?: boolean, cell?: JQuery): HTMLElement;
-
-		/** To add a table row below or above the specified cell.
-		 * @param {boolean} If it’s true, add a row before the cell, otherwise add a row after the cell
-		 * @param {JQuery} Row will be added based on the given cell element
-		 * @returns {HTMLElement}
-		 */
-		insertRow(before?: boolean, cell?: JQuery): HTMLElement;
-
-		/** This method helps to insert/paste the content at the current cursor (caret) position or the selected content to be replaced with our text by passing the value as parameter to the
-		 * pasteContent method in the Editor.
-		 * @returns {void}
-		 */
-		pasteContent(): void;
-
-		/** Refreshes the RTE control.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Removes the specified table column.
-		 * @param {JQuery} Remove the given column element
-		 * @returns {void}
-		 */
-		removeColumn(cell?: JQuery): void;
-
-		/** Removes the specified table row.
-		 * @param {JQuery} Remove the given row element
-		 * @returns {void}
-		 */
-		removeRow(cell?: JQuery): void;
-
-		/** Deletes the specified table.
-		 * @param {JQuery} Remove the given table
-		 * @returns {void}
-		 */
-		removeTable(table?: JQuery): void;
-
-		/** Removes the target menu item from the RTE contextmenu.
-		 * @returns {void}
-		 */
-		removeMenuOption(): void;
-
-		/** Removes the given tool from the RTE Toolbar.
-		 * @returns {void}
-		 */
-		removeToolbarItem(): void;
-
-		/** Selects all the contents within the RTE.
-		 * @returns {void}
-		 */
-		selectAll(): void;
-
-		/** Selects the contents in the given range.
-		 * @returns {void}
-		 */
-		selectRange(): void;
-
-		/** Sets the color picker model type rendered initially in the RTE control.
-		 * @returns {void}
-		 */
-		setColorPickerType(): void;
-
-		/** Sets the HTML string from the RTE control.
-		 * @returns {void}
-		 */
-		setHtml(): void;
-
-		/** Displays the RTE control.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace RTE {
-
-		export interface Model {
-
-			/** Enables/disables the editing of the content.
-			 * @Default {True}
-			 */
-			allowEditing?: boolean;
-
-			/** RTE control can be accessed through the keyboard shortcut keys.
-			 * @Default {True}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** When the property is set to true, it focuses the RTE at the time of rendering.
-			 * @Default {false}
-			 */
-			autoFocus?: boolean;
-
-			/** Based on the content size, its height is adjusted instead of adding the scrollbar.
-			 * @Default {false}
-			 */
-			autoHeight?: boolean;
-
-			/** This API holds configuration setting for paste clenaup behavior.
-			 * @Default {{ listConversion: false, cleanCSS: false,	removeStyles: false, cleanElements: false }}
-			 */
-			pasteCleanupSettings?: PasteCleanupSettings;
-
-			/** Sets the colorCode to display the color of the fontColor and backgroundColor in the font tools of the RTE.
-			 * @Default {[000000, FFFFFF, C4C4C4, ADADAD, 595959, 262626, 4f81bd, dbe5f1, b8cce4, 95b3d7, 366092, 244061, c0504d, f2dcdb, e5b9b7, d99694, 953734,632423, 9bbb59,
-			 * ebf1dd, d7e3bc, c3d69b, 76923c, 4f6128, 8064a2, e5e0ec, ccc1d9, b2a2c7, 5f497a, 3f3151, f79646, fdeada, fbd5b5, fac08f,e36c09, 974806]}
-			 */
-			colorCode?: any;
-
-			/** The number of columns given are rendered in the color palate popup.
-			 * @Default {6}
-			 */
-			colorPaletteColumns?: number;
-
-			/** The number of rows given are rendered in the color palate popup.
-			 * @Default {6}
-			 */
-			colorPaletteRows?: number;
-
-			/** Sets the root class for the RTE theme. This cssClass API helps the usage of custom skinning option for the RTE control by including this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** Enables/disables the RTE control’s accessibility or interaction.
-			 * @Default {True}
-			 */
-			enabled?: boolean;
-
-			/** When the property is set to true, it returns the encrypted text.
-			 * @Default {false}
-			 */
-			enableHtmlEncode?: boolean;
-
-			/** Maintain the values of the RTE after page reload.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Shows the resize icon and enables the resize option in the RTE.
-			 * @Default {True}
-			 */
-			enableResize?: boolean;
-
-			/** Shows the RTE in the RTL direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Formats the contents based on the XHTML rules.
-			 * @Default {false}
-			 */
-			enableXHTML?: boolean;
-
-			/** Enables the tab key action with the RichTextEditor content.
-			 * @Default {True}
-			 */
-			enableTabKeyNavigation?: boolean;
-
-			/** This API allows to enable url and fileName for pdf export.
-			 * @Default {null}
-			 */
-			exportToPdfSettings?: ExportToPdfSettings;
-
-			/** This API allows to enable url and fileName for word export.
-			 * @Default {null}
-			 */
-			exportToWordSettings?: ExportToWordSettings;
-
-			/** Load the external CSS file inside Iframe.
-			 * @Default {null}
-			 */
-			externalCSS?: string;
-
-			/** This API allows to enable the file browser support in the RTE control to browse, create, delete and upload the files in the specified current directory.
-			 * @Default {null}
-			 */
-			fileBrowser?: FileBrowser;
-
-			/** Sets the fontName in the RTE.
-			 * @Default {{text: Segoe UI, value: Segoe UI },{text: Arial, value: Arial,Helvetica,sans-serif },{text: Courier New, value: Courier New,Courier,Monospace },
-			 * {text: Georgia, value: Georgia,serif },{text: Impact, value: Impact,Charcoal,sans-serif },{text: Lucida Console, value: Lucida Console,Monaco,Monospace },
-			 * {text: Tahoma, value: Tahoma,Geneva,sans-serif },{text: Times New Roman, value: Times New Roman },{text: Trebuchet MS, value: Trebuchet MS,Helvetica,sans-serif },
-			 * {text: Verdana, value: Verdana,Geneva,sans-serif}}
-			 */
-			fontName?: any;
-
-			/** Sets the fontSize in the RTE.
-			 * @Default {{ text: 1, value: 1 },{ text: 2 (10pt), value: 2 },{ text: 3 (12pt), value: 3 },{ text: 4 (14pt), value: 4 },{ text: 5 (18pt), value: 5 },
-			 * { text: 6 (24pt), value: 6 },{ text: 7 (36pt), value: 7 }}
-			 */
-			fontSize?: any;
-
-			/** Sets the format in the RTE.
-			 * @Default {{ text: Paragraph, value: &lt;p&gt;, spriteCssClass: e-paragraph },{ text: Quotation, value: &lt;blockquote&gt;, spriteCssClass: e-quotation },
-			 * { text: Heading 1, value: &lt;h1&gt;, spriteCssClass: e-h1 },{ text: Heading 2, value: &lt;h2&gt;, spriteCssClass: e-h2 },{ text: Heading 3, value: &lt;h3&gt;, spriteCssClass: e-h3 },
-			 * { text: Heading 4, value: &lt;h4&gt;, spriteCssClass: e-h4 },{ text: Heading 5, value: &lt;h5&gt;, spriteCssClass: e-h5 },{ text: Heading 6, value: &lt;h6&gt;, spriteCssClass: e-h6}}
-			 */
-			format?: string;
-
-			/** Defines the height of the RTE textbox.
-			 * @Default {370}
-			 */
-			height?: string | number;
-
-			/** Specifies the HTML Attributes of the ejRTE.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Sets the given attributes to the iframe body element.
-			 * @Default {{}}
-			 */
-			iframeAttributes?: any;
-
-			/** This API allows the image browser to support in the RTE control to browse, create, delete, and upload the image files to the specified current directory.
-			 * @Default {null}
-			 */
-			imageBrowser?: ImageBrowser;
-
-			/** This API allows to enable the url for connecting to RTE import.
-			 * @Default {null}
-			 */
-			importSettings?: ImportSettings;
-
-			/** Enables/disables responsive support for the RTE control toolbar items during the window resizing time.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Sets the culture in the RTE when you set the localization values are needs to be assigned to the corresponding text as follows.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the maximum height for the RTE outer wrapper element.
-			 * @Default {null}
-			 */
-			maxHeight?: string | number;
-
-			/** Sets the maximum length for the RTE outer wrapper element.
-			 * @Default {7000}
-			 */
-			maxLength?: number;
-
-			/** Sets the maximum width for the RTE outer wrapper element.
-			 * @Default {null}
-			 */
-			maxWidth?: string | number;
-
-			/** Sets the minimum height for the RTE outer wrapper element.
-			 * @Default {280}
-			 */
-			minHeight?: string | number;
-
-			/** Sets the minimum width for the RTE outer wrapper element.
-			 * @Default {400}
-			 */
-			minWidth?: string | number;
-
-			/** Sets the name in the RTE. When the name value is not initialized, the ID value is assigned to the name.
-			 */
-			name?: string;
-
-			/** Shows ClearAll icon in the RTE footer.
-			 * @Default {false}
-			 */
-			showClearAll?: boolean;
-
-			/** Shows the clear format in the RTE footer.
-			 * @Default {true}
-			 */
-			showClearFormat?: boolean;
-
-			/** Shows the Custom Table in the RTE.
-			 * @Default {True}
-			 */
-			showCustomTable?: boolean;
-
-			/** The showContextMenu property helps to enable custom context menu within editor area.
-			 * @Default {True}
-			 */
-			showContextMenu?: boolean;
-
-			/** This API is used to set the default dimensions for the image and video. When this property is set to true, the image and video dialog displays the dimension option.
-			 * @Default {false}
-			 */
-			showDimensions?: boolean;
-
-			/** Shows the FontOption in the RTE.
-			 * @Default {True}
-			 */
-			showFontOption?: boolean;
-
-			/** Shows footer in the RTE. When the footer is enabled, it displays the HTML tag, word Count, character count, clear format, resize icon and clear all the content icons, by default.
-			 * @Default {false}
-			 */
-			showFooter?: boolean;
-
-			/** Shows the HtmlSource in the RTE footer.
-			 * @Default {false}
-			 */
-			showHtmlSource?: boolean;
-
-			/** When the cursor is placed or when the text is selected in the RTE, it displays the tag info in the footer.
-			 * @Default {True}
-			 */
-			showHtmlTagInfo?: boolean;
-
-			/** Shows the toolbar in the RTE.
-			 * @Default {True}
-			 */
-			showToolbar?: boolean;
-
-			/** Counts the total characters and displays it in the RTE footer.
-			 * @Default {True}
-			 */
-			showCharCount?: boolean;
-
-			/** Enables or disables rounded corner UI look for RTE.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Counts the total words and displays it in the RTE footer.
-			 * @Default {True}
-			 */
-			showWordCount?: boolean;
-
-			/** The given number of columns render the insert table pop.
-			 * @Default {10}
-			 */
-			tableColumns?: number;
-
-			/** The given number of rows render the insert table pop.
-			 * @Default {8}
-			 */
-			tableRows?: number;
-
-			/** Sets the tools in the RTE and gets the inner display order of the corresponding group element. Tools are dependent on the toolsList property.
-			 * @Default {formatStyle: [format],style: [bold, italic, underline, strikethrough],alignment: [justifyLeft, justifyCenter, justifyRight, justifyFull],lists: [unorderedList, orderedList],
-			 * indenting: [outdent, indent],doAction: [undo, redo],links: [createLink,removeLink],images: [image],media: [video],tables: [createTable, addRowAbove, addRowBelow,
-			 * addColumnLeft, addColumnRight, deleteRow, deleteColumn, deleteTable]],view:[“fullScreen”,zoomIn,zoomOut],print:[print]}
-			 */
-			tools?: Tools;
-
-			/** Specifies the list of groups and order of those groups displayed in the RTE toolbar.  The toolsList property is used to get the root group order and tools property is used to get the
-			 * inner order of the corresponding groups displayed. When the value is not specified, it gets its default display order and tools.
-			 * @Default {[formatStyle, font, style, effects, alignment, lists, indenting, clipboard, doAction, clear, links, images, media, tables, casing,view, customTools,print,edit]}
-			 */
-			toolsList?: any[];
-
-			/** Specifies the overflow mode for RTE responsive toolbar
-			 * @Default {Popup}
-			 */
-			toolbarOverflowMode?: ej.RTE.ToolbarOverflowMode | string;
-
-			/** Display the hints for the tools in the Toolbar.
-			 * @Default {{ associate: mouseenter, showShadow: true, position: { stem: { horizontal: left, vertical: top }  }, tip: { size: { width: 5, height: 5 }, isBalloon: false }}
-			 */
-			tooltipSettings?: any;
-
-			/** Gets the undo stack limit.
-			 * @Default {50}
-			 */
-			undoStackLimit?: number;
-
-			/** The given string value is displayed in the editable area.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Sets the jQuery validation rules to the Rich Text Editor.
-			 * @Default {null}
-			 */
-			validationRules?: any;
-
-			/** Sets the jQuery validation error message to the Rich Text Editor.
-			 * @Default {null}
-			 */
-			validationMessage?: any;
-
-			/** Defines the width of the RTE textbox.
-			 * @Default {786}
-			 */
-			width?: string | number;
-
-			/** Increases and decreases the contents zoom range in percentage
-			 * @Default {0.05}
-			 */
-			zoomStep?: string | number;
-
-			/** Fires when changed successfully. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when the RTE is created successfully */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when mouse click on menu items. */
-			contextMenuClick?(e: ContextMenuClickEventArgs): void;
-
-			/** Fires before the RTE is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when the commands are executed successfully. */
-			execute?(e: ExecuteEventArgs): void;
-
-			/** Fires when the keydown action is successful. */
-			keydown?(e: KeydownEventArgs): void;
-
-			/** Fires when the keyup action is successful. */
-			keyup?(e: KeyupEventArgs): void;
-
-			/** Fires before the RTE Edit area is rendered and after the toolbar is rendered. */
-			preRender?(e: PreRenderEventArgs): void;
-
-			/** Fires when the text is selected in the text area */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RTE model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ContextMenuClickEventArgs {
-
-			/** returns clicked menu item text.
-			 */
-			text?: string;
-
-			/** returns clicked menu item element.
-			 */
-			element?: any;
-
-			/** returns the selected item.
-			 */
-			selectedItem?: number;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ExecuteEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface KeydownEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface KeyupEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PreRenderEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** When the event is canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the RTE model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface PasteCleanupSettings {
-
-			/** This API is used to convert the list elements pasted from word document to editor.
-			 * @Default {false}
-			 */
-			listConversion?: boolean;
-
-			/** This API is used to clean the unwanted css in the elements pasted from word document to editor.
-			 * @Default {false}
-			 */
-			cleanCSS?: boolean;
-
-			/** This API is used to remove all styles in the elements pasted from word document to editor.
-			 * @Default {false}
-			 */
-			removeStyles?: boolean;
-
-			/** This API is used to clean the unwanted elements pasted from word document to editor.
-			 * @Default {false}
-			 */
-			cleanElements?: boolean;
-		}
-
-		export interface ExportToPdfSettings {
-
-			/** This API is used to receive the server-side handler for export related operations.
-			 */
-			url?: string;
-
-			/** Specifies the file name for the exported pdf file.
-			 */
-			fileName?: string;
-		}
-
-		export interface ExportToWordSettings {
-
-			/** This API is used to receive the server-side handler for export related operations.
-			 */
-			url?: string;
-
-			/** Specifies the file name for the exported word file.
-			 */
-			fileName?: string;
-		}
-
-		export interface FileBrowser {
-
-			/** This API is used to receive the server-side handler for file related operations.
-			 */
-			ajaxAction?: string;
-
-			/** Specifies the file type extension shown in the file browser window.
-			 */
-			extensionAllow?: string;
-
-			/** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected files to the current directory.
-			 */
-			filePath?: string;
-		}
-
-		export interface ImageBrowser {
-
-			/** This API is used to receive the server-side handler for the file related operations.
-			 */
-			ajaxAction?: string;
-
-			/** Specifies the file type extension shown in the image browser window.
-			 */
-			extensionAllow?: string;
-
-			/** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected images to the current directory.
-			 */
-			filePath?: string;
-		}
-
-		export interface ImportSettings {
-
-			/** This API is used to receive the server-side handler for import operations.
-			 */
-			url?: string;
-		}
-
-		export interface ToolsCustomOrderedList {
-
-			/** Specifies the name for customOrderedList item.
-			 */
-			name?: string;
-
-			/** Specifies the title for customOrderedList item.
-			 */
-			tooltip?: string;
-
-			/** Specifies the styles for customOrderedList item.
-			 */
-			css?: string;
-
-			/** Specifies the text for customOrderedList item.
-			 */
-			text?: string;
-
-			/** Specifies the list style for customOrderedList item.
-			 */
-			listStyle?: string;
-
-			/** Specifies the image for customOrderedList item.
-			 */
-			listImage?: string;
-		}
-
-		export interface ToolsCustomUnorderedList {
-
-			/** Specifies the name for customUnorderedList item.
-			 */
-			name?: string;
-
-			/** Specifies the title for customUnorderedList item.
-			 */
-			tooltip?: string;
-
-			/** Specifies the styles for customUnorderedList item.
-			 */
-			css?: string;
-
-			/** Specifies the text for customUnorderedList item.
-			 */
-			text?: string;
-
-			/** Specifies the list style for customUnorderedList item.
-			 */
-			listStyle?: string;
-
-			/** Specifies the image for customUnorderedList item.
-			 */
-			listImage?: string;
-		}
-
-		export interface Tools {
-
-			/** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
-			 */
-			alignment?: any;
-
-			/** Specifies the casing tools and the display order of this tool in the RTE toolbar.
-			 */
-			casing?: any[];
-
-			/** Specifies the clear tools and the display order of this tool in the RTE toolbar.
-			 */
-			clear?: any[];
-
-			/** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
-			 */
-			clipboard?: any[];
-
-			/** Specifies the edit tools and the displays tool in the RTE toolbar.
-			 */
-			edit?: any[];
-
-			/** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
-			 */
-			doAction?: any[];
-
-			/** Specifies the effect of tools and the display order of this tool in RTE toolbar.
-			 */
-			effects?: any[];
-
-			/** Specifies the font tools and the display order of this tool in the RTE toolbar.
-			 */
-			font?: any[];
-
-			/** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
-			 */
-			formatStyle?: any[];
-
-			/** Specifies the image tools and the display order of this tool in the RTE toolbar.
-			 */
-			images?: any[];
-
-			/** Specifies the indent tools and the display order of this tool in the RTE toolbar.
-			 */
-			indenting?: any[];
-
-			/** Specifies the link tools and the display order of this tool in the RTE toolbar.
-			 */
-			links?: any[];
-
-			/** Specifies the list tools and the display order of this tool in the RTE toolbar.
-			 */
-			lists?: any[];
-
-			/** Specifies the media tools and the display order of this tool in the RTE toolbar.
-			 */
-			media?: any[];
-
-			/** Specifies the style tools and the display order of this tool in the RTE toolbar.
-			 */
-			style?: any[];
-
-			/** Specifies the table tools and the display order of this tool in the RTE toolbar.
-			 */
-			tables?: any[];
-
-			/** Specifies the view tools and the display order of this tool in the RTE toolbar.
-			 */
-			view?: any[];
-
-			/** Specifies the print tools and the display order of this tool in the RTE toolbar.
-			 */
-			print?: any[];
-
-			/** Specifies the importExport tools and the display order of this tool in the RTE toolbar.
-			 */
-			importExport?: any[];
-
-			/** Specifies the customOrderedList tools and the display order of this tool in the RTE toolbar.
-			 */
-			customOrderedList?: ToolsCustomOrderedList[];
-
-			/** Specifies the customUnOrderedList tools and the display order of this tool in the RTE toolbar.
-			 */
-			customUnorderedList?: ToolsCustomUnorderedList[];
-		}
-
-		enum ToolbarOverflowMode {
-
-			///To display the RTE toolbar overflow items as popup
-			Popup,
-
-			///To display the RTE toolbar overflow items as inline toolbar
-			Inline
-		}
-
-	}
-
-	class Slider extends ej.Widget {
-		static fn: Slider;
-		constructor(element: JQuery | Element, options?: Slider.Model);
-		static Locale: any;
-		model: Slider.Model;
-		defaults: Slider.Model;
-
-		/** To disable the slider
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the slider
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** To get value from slider handle
-		 * @returns {number}
-		 */
-		getValue(): number;
-
-		/** To set value to slider handle.By default animation is false while set the value. If you want to enable the animation, pass the enableAnimation as true to this method.
-		 * @returns {void}
-		 */
-		setValue(): void;
-	}
-
-	export namespace Slider {
-
-		export interface Model {
-
-			/** Specifies the allowMouseWheel of the slider.
-			 * @Default {false}
-			 */
-			allowMouseWheel?: boolean;
-
-			/** Specifies the animationSpeed of the slider.
-			 * @Default {500}
-			 */
-			animationSpeed?: number;
-
-			/** Specify the CSS class to slider to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specifies the animation behavior of the slider.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Specifies the state of the slider.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specify the enablePersistence to slider to save current model value to browser cookies for state maintains
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specifies the Right to Left Direction of the slider.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the height of the slider.
-			 * @Default {14}
-			 */
-			height?: string;
-
-			/** Specifies the HTML Attributes of the ejSlider.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the incremental step value of the slider.
-			 * @Default {1}
-			 */
-			incrementStep?: number;
-
-			/** Specifies the distance between two major (large) ticks from the scale of the slider.
-			 * @Default {10}
-			 */
-			largeStep?: number;
-
-			/** Specifies the ending value of the slider.
-			 * @Default {100}
-			 */
-			maxValue?: number;
-
-			/** Specifies the starting value of the slider.
-			 * @Default {0}
-			 */
-			minValue?: number;
-
-			/** Specifies the orientation of the slider.
-			 * @Default {ej.orientation.Horizontal}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Specifies the readOnly of the slider.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Specifies the rounded corner behavior for slider.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Shows/Hide the major (large) and minor (small) ticks in the scale of the slider.
-			 * @Default {false}
-			 */
-			showScale?: boolean;
-
-			/** Specifies the small ticks from the scale of the slider.
-			 * @Default {true}
-			 */
-			showSmallTicks?: boolean;
-
-			/** Specifies the showTooltip to shows the current Slider value, while moving the Slider handle or clicking on the slider handle of the slider.
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the sliderType of the slider.
-			 * @Default {ej.SliderType.Default}
-			 */
-			sliderType?: ej.slider.sliderType | string;
-
-			/** Specifies the distance between two minor (small) ticks from the scale of the slider.
-			 * @Default {1}
-			 */
-			smallStep?: number;
-
-			/** Specifies the value of the slider. But it's not applicable for range slider. To range slider we can use values property.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Specifies the values of the range slider. But it's not applicable for default and minRange sliders. we can use value property for default and minRange sliders.
-			 * @Default {[minValue,maxValue]}
-			 */
-			values?: any[];
-
-			/** Specifies the width of the slider.
-			 * @Default {100%}
-			 */
-			width?: string;
-
-			/** Fires once Slider control value is changed successfully. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires once Slider control has been created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when Slider control has been destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires once Slider control is sliding successfully. */
-			slide?(e: SlideEventArgs): void;
-
-			/** Fires once Slider control is started successfully. */
-			start?(e: StartEventArgs): void;
-
-			/** Fires when Slider control is stopped successfully. */
-			stop?(e: StopEventArgs): void;
-
-			/** Fires when display the custom tooltip */
-			tooltipChange?(e: TooltipChangeEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns current handle number or index
-			 */
-			sliderIndex?: number;
-
-			/** returns slider id.
-			 */
-			id?: string;
-
-			/** returns the slider model.
-			 */
-			model?: ej.Slider.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the slider value.
-			 */
-			value?: number;
-
-			/** returns true if event triggered by interaction else returns false.
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the slider model
-			 */
-			model?: ej.Slider.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the slider model
-			 */
-			model?: ej.Slider.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SlideEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns current handle number or index
-			 */
-			sliderIndex?: number;
-
-			/** returns slider id
-			 */
-			id?: string;
-
-			/** returns the slider model
-			 */
-			model?: ej.Slider.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the slider value
-			 */
-			value?: number;
-		}
-
-		export interface StartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns current handle number or index
-			 */
-			sliderIndex?: number;
-
-			/** returns slider id
-			 */
-			id?: string;
-
-			/** returns the slider model
-			 */
-			model?: ej.Slider.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the slider value
-			 */
-			value?: number;
-		}
-
-		export interface StopEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns current handle number or index
-			 */
-			sliderIndex?: number;
-
-			/** returns slider id
-			 */
-			id?: string;
-
-			/** returns the slider model
-			 */
-			model?: ej.Slider.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the slider value
-			 */
-			value?: number;
-		}
-
-		export interface TooltipChangeEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-	}
-
-	namespace slider {
-		enum sliderType {
-			//Shows default slider
-			Default,
-			//Shows minRange slider
-			MinRange,
-			//Shows Range slider
-			Range,
-		}
-	}
-
-	class SplitButton extends ej.Widget {
-		static fn: SplitButton;
-		constructor(element: JQuery | Element, options?: SplitButton.Model);
-		static Locale: any;
-		model: SplitButton.Model;
-		defaults: SplitButton.Model;
-
-		/** Destroy the split button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To disable the split button
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To Enable the split button
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** To hide the list content of the split button.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** To show the list content of the split button.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace SplitButton {
-
-		export interface Model {
-
-			/** Specifies the arrowPosition of the Split or Dropdown Button.See arrowPosition
-			 * @Default {ej.ArrowPosition.Right}
-			 */
-			arrowPosition?: string | ej.ArrowPosition;
-
-			/** Specifies the buttonMode like Split or Dropdown Button.See ButtonMode
-			 * @Default {ej.ButtonMode.Split}
-			 */
-			buttonMode?: string | ej.ButtonMode;
-
-			/** Specifies the contentType of the Split Button.See ContentType
-			 * @Default {ej.ContentType.TextOnly}
-			 */
-			contentType?: string | ej.ContentType;
-
-			/** Set the root class for Split Button control theme
-			 */
-			cssClass?: string;
-
-			/** Specifies the disabling of Split Button if enabled is set to false.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Specifies the enableRTL property for Split Button while initialization.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the height of the Split Button.
-			 * @Default {“”}
-			 */
-			height?: string | number;
-
-			/** Specifies the HTML Attributes of the Split Button.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the imagePosition of the Split Button.See imagePositions
-			 * @Default {ej.ImagePosition.ImageRight}
-			 */
-			imagePosition?: string | ej.ImagePosition;
-
-			/** Specifies the image content for Split Button while initialization.
-			 */
-			prefixIcon?: string;
-
-			/** Specifies the showRoundedCorner property for Split Button while initialization.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the size of the Button. See ButtonSize
-			 * @Default {ej.ButtonSize.Normal}
-			 */
-			size?: string | ej.ButtonSize;
-
-			/** Specifies the image content for Split Button while initialization.
-			 */
-			suffixIcon?: string;
-
-			/** Specifies the list content for Split Button while initialization
-			 */
-			targetID?: string;
-
-			/** Specifies the text content for Split Button while initialization.
-			 */
-			text?: string;
-
-			/** Specifies the width of the Split Button.
-			 * @Default {“”}
-			 */
-			width?: string | number;
-
-			/** Fires before menu of the split button control is opened. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires when Button control is clicked successfully */
-			click?(e: ClickEventArgs): void;
-
-			/** Fires before the list content of Button control is closed */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires after Split Button control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the Split Button is destroyed successfully */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when a menu item is Hovered out successfully */
-			itemMouseOut?(e: ItemMouseOutEventArgs): void;
-
-			/** Fires when a menu item is Hovered in successfully */
-			itemMouseOver?(e: ItemMouseOverEventArgs): void;
-
-			/** Fires when a menu item is clicked successfully */
-			itemSelected?(e: ItemSelectedEventArgs): void;
-
-			/** Fires before the list content of Button control is opened */
-			open?(e: OpenEventArgs): void;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ClickEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target of the current object.
-			 */
-			target?: any;
-
-			/** return the button state
-			 */
-			status?: boolean;
-		}
-
-		export interface CloseEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ItemMouseOutEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the clicked menu item element
-			 */
-			element?: any;
-
-			/** return the menu item id
-			 */
-			ID?: string;
-
-			/** return the clicked menu item text
-			 */
-			Text?: string;
-		}
-
-		export interface ItemMouseOverEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the clicked menu item element
-			 */
-			element?: any;
-
-			/** return the menu item id
-			 */
-			ID?: string;
-
-			/** return the clicked menu item text
-			 */
-			Text?: string;
-		}
-
-		export interface ItemSelectedEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the clicked menu item element
-			 */
-			element?: any;
-
-			/** returns the selected item
-			 */
-			selectedItem?: any;
-
-			/** return the menu id
-			 */
-			menuId?: string;
-
-			/** return the clicked menu item text
-			 */
-			menuText?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the split button model
-			 */
-			model?: ej.SplitButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-	enum ArrowPosition {
-		//To set Left arrowPosition of the split button
-		Left,
-		//To set Right arrowPosition of the split button
-		Right,
-		//To set Top arrowPosition of the split button
-		Top,
-		//To set Bottom arrowPosition of the split button
-		Bottom,
-	}
-
-	class Splitter extends ej.Widget {
-		static fn: Splitter;
-		constructor(element: JQuery | Element, options?: Splitter.Model);
-		static Locale: any;
-		model: Splitter.Model;
-		defaults: Splitter.Model;
-
-		/** To add a new pane to splitter control.
-		 * @param {string} content of pane.
-		 * @param {any} pane properties.
-		 * @param {number} index of pane.
-		 * @returns {HTMLElement}
-		 */
-		addItem(content: string, property: any, index: number): HTMLElement;
-
-		/** To collapse the splitter control pane.
-		 * @param {number} index number of pane.
-		 * @returns {void}
-		 */
-		collapse(paneIndex: number): void;
-
-		/** To expand the splitter control pane.
-		 * @param {number} index number of pane.
-		 * @returns {void}
-		 */
-		expand(paneIndex: number): void;
-
-		/** To refresh the splitter control pane resizing.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** To remove a specified pane from the splitter control.
-		 * @param {number} index of pane.
-		 * @returns {void}
-		 */
-		removeItem(index: number): void;
-	}
-	export namespace Splitter {
-
-		export interface Model {
-
-			/** Turns on keyboard interaction with the Splitter panes. You must set this property to true to access the keyboard shortcuts of ejSplitter.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Specify animation speed for the Splitter pane movement, while collapsing and expanding.
-			 * @Default {300}
-			 */
-			animationSpeed?: number;
-
-			/** Specify the CSS class to splitter control to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Specifies the animation behavior of the splitter.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Specifies the splitter control to be displayed in right to left direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specify height for splitter control.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Specifies the HTML Attributes of the Splitter.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specify window resizing behavior for splitter control.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specify the orientation for splitter control. See orientation
-			 * @Default {ej.orientation.Horizontal or “horizontal”}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Specify properties for each pane like paneSize, minSize, maxSize, collapsible, expandable, resizable.
-			 * @Default {[]}
-			 */
-			properties?: any[];
-
-			/** Specify width for splitter control.
-			 * @Default {null}
-			 */
-			width?: string;
-
-			/** Fires before expanding / collapsing the split pane of splitter control. */
-			beforeExpandCollapse?(e: BeforeExpandCollapseEventArgs): void;
-
-			/** Fires when splitter control pane has been created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when splitter control pane has been destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when expand / collapse operation in splitter control pane has been performed successfully. */
-			expandCollapse?(e: ExpandCollapseEventArgs): void;
-
-			/** Fires when resize in splitter control pane. */
-			resize?(e: ResizeEventArgs): void;
-		}
-
-		export interface BeforeExpandCollapseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns collapsed pane details.
-			 */
-			collapsed?: any;
-
-			/** returns expanded pane details.
-			 */
-			expanded?: any;
-
-			/** returns the splitter model.
-			 */
-			model?: ej.Splitter.Model;
-
-			/** returns the current split bar index.
-			 */
-			splitbarIndex?: number;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the splitter model.
-			 */
-			model?: ej.Splitter.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the splitter model.
-			 */
-			model?: ej.Splitter.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ExpandCollapseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns collapsed pane details.
-			 */
-			collapsed?: any;
-
-			/** returns expanded pane details.
-			 */
-			expanded?: any;
-
-			/** returns the splitter model.
-			 */
-			model?: ej.Splitter.Model;
-
-			/** returns the current split bar index.
-			 */
-			splitbarIndex?: number;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns previous pane details.
-			 */
-			prevPane?: any;
-
-			/** returns next pane details.
-			 */
-			nextPane?: any;
-
-			/** returns the splitter model.
-			 */
-			model?: ej.Splitter.Model;
-
-			/** returns the current split bar index.
-			 */
-			splitbarIndex?: number;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-	}
-
-	class Tab extends ej.Widget {
-		static fn: Tab;
-		constructor(element: JQuery | Element, options?: Tab.Model);
-		static Locale: any;
-		model: Tab.Model;
-		defaults: Tab.Model;
-
-		/** Add new tab items with given name, URL and given index position, if index null it’s add last item.
-		 * @param {string} URL name / tab id.
-		 * @param {string} Tab Display name.
-		 * @param {number} Index position to placed , this is optional.
-		 * @param {string} specifies cssClass, this is optional.
-		 * @param {string} specifies id of tab, this is optional.
-		 * @returns {void}
-		 */
-		addItem(URL: string, displayLabel: string, index: number, cssClass: string, id: string): void;
-
-		/** To disable the tab control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the tab control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** This function get the number of tab rendered
-		 * @returns {number}
-		 */
-		getItemsCount(): number;
-
-		/** This function hides the tab control.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** This function hides the specified item tab in tab control.
-		 * @param {number} index of tab item.
-		 * @returns {void}
-		 */
-		hideItem(index: number): void;
-
-		/** Remove the given index tab item.
-		 * @param {number} index of tab item.
-		 * @returns {void}
-		 */
-		removeItem(index: number): void;
-
-		/** This function is to show the tab control.
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** This function helps to show the specified hidden tab item in tab control.
-		 * @param {number} index of tab item.
-		 * @returns {void}
-		 */
-		showItem(index: number): void;
-	}
-	export namespace Tab {
-
-		export interface Model {
-
-			/** Specifies the ajaxSettings option to load the content to the Tab control.
-			 */
-			ajaxSettings?: AjaxSettings;
-
-			/** Tab items interaction with keyboard keys, like headers active navigation.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Allow to collapsing the active item, while click on the active header.
-			 * @Default {false}
-			 */
-			collapsible?: boolean;
-
-			/** Set the root class for Tab theme. This cssClass API helps to use custom skinning option for Tab control.
-			 */
-			cssClass?: string;
-
-			/** Disables the given tab headers and content panels.
-			 * @Default {[]}
-			 */
-			disabledItemIndex?: number[];
-
-			/** Specifies the animation behavior of the tab.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** When this property is set to false, it disables the tab control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Enables the given tab headers and content panels.
-			 * @Default {[]}
-			 */
-			enabledItemIndex?: number[];
-
-			/** Save current model value to browser cookies for state maintains. While refresh the Tab control page the model value apply from browser cookies.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Display Right to Left direction for headers and panels text of tab.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specify to enable scrolling for Tab header.
-			 * @Default {false}
-			 */
-			enableTabScroll?: boolean;
-
-			/** The event API to bind the action for active the tab items.
-			 * @Default {click}
-			 */
-			events?: string;
-
-			/** Specifies the position of Tab header as top, bottom, left or right. See below to get available Position
-			 * @Default {top}
-			 */
-			headerPosition?: string | ej.Tab.Position;
-
-			/** Set the height of the tab header element. Default this property value is null, so height take content height.
-			 * @Default {null}
-			 */
-			headerSize?: string | number;
-
-			/** Height set the outer panel element. Default this property value is null, so height take content height.
-			 * @Default {null}
-			 */
-			height?: string | number;
-
-			/** Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode
-			 * @Default {content}
-			 */
-			heightAdjustMode?: string | ej.Tab.HeightAdjustMode;
-
-			/** Specifies to hide a pane of Tab control.
-			 * @Default {[]}
-			 */
-			hiddenItemIndex?: any[];
-
-			/** Specifies the HTML Attributes of the Tab.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** The idPrefix property appends the given string on the added tab item id’s in runtime.
-			 * @Default {ej-tab-}
-			 */
-			idPrefix?: string;
-
-			/** Specifies the Tab header in active for given index value.
-			 * @Default {0}
-			 */
-			selectedItemIndex?: number;
-
-			/** Display the close button for each tab items. While clicking on the close icon, particular tab item will be removed.
-			 * @Default {false}
-			 */
-			showCloseButton?: boolean;
-
-			/** Display the Reload button for each tab items.
-			 * @Default {false}
-			 */
-			showReloadIcon?: boolean;
-
-			/** Tab panels and headers to be displayed in rounded corner style.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Set the width for outer panel element, if not it’s take parent width.
-			 * @Default {null}
-			 */
-			width?: string | number;
-
-			/** Triggered after a tab item activated. */
-			itemActive?(e: ItemActiveEventArgs): void;
-
-			/** Triggered before AJAX content has been loaded. */
-			ajaxBeforeLoad?(e: AjaxBeforeLoadEventArgs): void;
-
-			/** Triggered if error occurs in AJAX request. */
-			ajaxError?(e: AjaxErrorEventArgs): void;
-
-			/** Triggered after AJAX content load action. */
-			ajaxLoad?(e: AjaxLoadEventArgs): void;
-
-			/** Triggered after a tab item activated. */
-			ajaxSuccess?(e: AjaxSuccessEventArgs): void;
-
-			/** Triggered before a tab item activated. */
-			beforeActive?(e: BeforeActiveEventArgs): void;
-
-			/** Triggered before a tab item remove. */
-			beforeItemRemove?(e: BeforeItemRemoveEventArgs): void;
-
-			/** Triggered before a tab item Create. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggered before a tab item destroy. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggered after new tab item add */
-			itemAdd?(e: ItemAddEventArgs): void;
-
-			/** Triggered after tab item removed. */
-			itemRemove?(e: ItemRemoveEventArgs): void;
-		}
-
-		export interface ItemActiveEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns previous active tab header.
-			 */
-			prevActiveHeader?: HTMLElement;
-
-			/** returns previous active index.
-			 */
-			prevActiveIndex?: number;
-
-			/** returns current active tab header .
-			 */
-			activeHeader?: HTMLElement;
-
-			/** returns current active index.
-			 */
-			activeIndex?: number;
-
-            /** returns, is it triggered by interaction or not.
-             */
-			isInteraction?: boolean;
-		}
-
-		export interface AjaxBeforeLoadEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns previous active tab header.
-			 */
-			prevActiveHeader?: HTMLElement;
-
-			/** returns previous active index.
-			 */
-			prevActiveIndex?: number;
-
-			/** returns current active tab header .
-			 */
-			activeHeader?: HTMLElement;
-
-			/** returns current active index.
-			 */
-			activeIndex?: number;
-
-			/** returns the URL of AJAX request
-			 */
-			URL?: string;
-
-			/** returns, is it triggered by interaction or not.
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface AjaxErrorEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns AJAX data details.
-			 */
-			data?: any;
-
-			/** returns the URL of AJAX request.
-			 */
-			URL?: string;
-		}
-
-		export interface AjaxLoadEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns previous active tab header.
-			 */
-			prevActiveHeader?: HTMLElement;
-
-			/** returns previous active index.
-			 */
-			prevActiveIndex?: number;
-
-			/** returns current active tab header .
-			 */
-			activeHeader?: HTMLElement;
-
-			/** returns current active index.
-			 */
-			activeIndex?: number;
-
-			/** returns the URL of AJAX request
-			 */
-			URL?: string;
-
-			/** returns, is it triggered by interaction or not.
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface AjaxSuccessEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** return AJAX data.
-			 */
-			data?: any;
-
-			/** returns AJAX URL
-			 */
-			URL?: string;
-
-			/** returns content of AJAX request.
-			 */
-			content?: any;
-		}
-
-		export interface BeforeActiveEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns previous active tab header.
-			 */
-			prevActiveHeader?: HTMLElement;
-
-			/** returns previous active index.
-			 */
-			prevActiveIndex?: number;
-
-			/** returns current active tab header .
-			 */
-			activeHeader?: HTMLElement;
-
-			/** returns current active index.
-			 */
-			activeIndex?: number;
-
-			/** returns, is it triggered by interaction or not.
-			 */
-			isInteraction?: boolean;
-		}
-
-		export interface BeforeItemRemoveEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns current tab item index
-			 */
-			index?: number;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ItemAddEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns new added tab header.
-			 */
-			tabHeader?: HTMLElement;
-
-			/** returns new added tab content panel.
-			 */
-			tabContent?: any;
-		}
-
-		export interface ItemRemoveEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tab model.
-			 */
-			model?: ej.Tab.Model;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns removed tab header.
-			 */
-			removedTab?: HTMLElement;
-		}
-
-		export interface AjaxSettings {
-
-			/** It specifies, whether to enable or disable asynchronous request.
-			 * @Default {true}
-			 */
-			async?: boolean;
-
-			/** It specifies the page will be cached in the web browser.
-			 * @Default {false}
-			 */
-			cache?: boolean;
-
-			/** It specifies the type of data is send in the query string.
-			 * @Default {html}
-			 */
-			contentType?: string;
-
-			/** It specifies the data as an object, will be passed in the query string.
-			 * @Default {{}}
-			 */
-			data?: any;
-
-			/** It specifies the type of data that you're expecting back from the response.
-			 * @Default {html}
-			 */
-			dataType?: string;
-
-			/** It specifies the HTTP request type.
-			 * @Default {get}
-			 */
-			type?: string;
-		}
-
-		enum Position {
-
-			///Tab headers display to top position
-			Top,
-
-			///Tab headers display to bottom position
-			Bottom,
-
-			///Tab headers display to left position.
-			Left,
-
-			///Tab headers display to right position.
-			Right
-		}
-
-
-		enum HeightAdjustMode {
-
-			///string
-			None,
-
-			///string
-			Content,
-
-			///string
-			Auto,
-
-			///string
-			Fill
-		}
-
-	}
-
-	class TagCloud extends ej.Widget {
-		static fn: TagCloud;
-		constructor(element: JQuery | Element, options?: TagCloud.Model);
-		static Locale: any;
-		model: TagCloud.Model;
-		defaults: TagCloud.Model;
-
-		/** Inserts a new item into the TagCloud
-		 * @param {string} Insert new item into the TagCloud
-		 * @returns {void}
-		 */
-		insert(name: string): void;
-
-		/** Inserts a new item into the TagCloud at a particular position.
-		 * @param {string} Inserts a new item into the TagCloud
-		 * @param {number} Inserts a new item into the TagCloud with the specified position
-		 * @returns {void}
-		 */
-		insertAt(name: string, position: number): void;
-
-		/** Removes the item from the TagCloud based on the name. It removes all the tags which have the corresponding name
-		 * @param {string} name of the tag.
-		 * @returns {void}
-		 */
-		remove(name: string): void;
-
-		/** Removes the item from the TagCloud based on the position. It removes the tags from the the corresponding position only.
-		 * @param {number} position of tag item.
-		 * @returns {void}
-		 */
-		removeAt(position: number): void;
-	}
-	export namespace TagCloud {
-
-		export interface Model {
-
-			/** Specify the CSS class to button to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** The dataSource contains the list of data to display in a cloud format. Each data contains a link URL, frequency to categorize the font size and a display text.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Sets the TagCloud and tag items direction as right to left alignment.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Defines the mapping fields for the data items of the TagCloud.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Specifies the list of HTML attributes to be added to TagCloud control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Defines the format for the TagCloud to display the tag items.See Format
-			 * @Default {ej.Format.Cloud}
-			 */
-			format?: string | ej.Format;
-
-			/** Sets the maximum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
-			 * @Default {40px}
-			 */
-			maxFontSize?: string | number;
-
-			/** Sets the minimum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
-			 * @Default {10px}
-			 */
-			minFontSize?: string | number;
-
-			/** Define the query to retrieve the data from online server. The query is used only when the online dataSource is used.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Shows or hides the TagCloud title. When this set to false, it hides the TagCloud header.
-			 * @Default {true}
-			 */
-			showTitle?: boolean;
-
-			/** Sets the title image for the TagCloud. To show the title image, the showTitle property should be enabled.
-			 * @Default {null}
-			 */
-			titleImage?: string;
-
-			/** Sets the title text for the TagCloud. To show the title text, the showTitle property should be enabled.
-			 * @Default {Title}
-			 */
-			titleText?: string;
-
-			/** Event triggers when the TagCloud items are clicked */
-			click?(e: ClickEventArgs): void;
-
-			/** Event triggers when the TagCloud are created */
-			create?(e: CreateEventArgs): void;
-
-			/** Event triggers when the TagCloud are destroyed */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Event triggers when the cursor leaves out from a tag item */
-			mouseout?(e: MouseoutEventArgs): void;
-
-			/** Event triggers when the cursor hovers on a tag item */
-			mouseover?(e: MouseoverEventArgs): void;
-		}
-
-		export interface ClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TagCloud model
-			 */
-			model?: ej.TagCloud.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return current tag name
-			 */
-			text?: string;
-
-			/** return current URL link
-			 */
-			URL?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TagCloud model
-			 */
-			model?: ej.TagCloud.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TagCloud model
-			 */
-			model?: ej.TagCloud.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface MouseoutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TagCloud model
-			 */
-			model?: ej.TagCloud.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return current tag name
-			 */
-			text?: string;
-
-			/** return current URL link
-			 */
-			URL?: string;
-		}
-
-		export interface MouseoverEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TagCloud model
-			 */
-			model?: ej.TagCloud.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return current tag name
-			 */
-			text?: string;
-
-			/** return current URL link
-			 */
-			URL?: string;
-		}
-
-		export interface Fields {
-
-			/** Defines the frequency column number to categorize the font size.
-			 */
-			frequency?: string;
-
-			/** Defines the HTML attributes column for the anchor elements inside the each tag items.
-			 */
-			htmlAttributes?: string;
-
-			/** Defines the tag value or display text.
-			 */
-			text?: string;
-
-			/** Defines the URL link to navigate while click the tag.
-			 */
-			url?: string;
-		}
-	}
-	enum Format {
-		//To render the TagCloud items in cloud format
-		Cloud,
-		//To render the TagCloud items in list format
-		List,
-	}
-
-	class TimePicker extends ej.Widget {
-		static fn: TimePicker;
-		constructor(element: JQuery | Element, options?: TimePicker.Model);
-		static Locale: any;
-		model: TimePicker.Model;
-		defaults: TimePicker.Model;
-
-		/** Allows you to disable the TimePicker.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Allows you to enable the TimePicker.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** It returns the current time value.
-		 * @returns {string}
-		 */
-		getValue(): string;
-
-		/** This method will hide the TimePicker control popup.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Updates the current system time in TimePicker.
-		 * @returns {void}
-		 */
-		setCurrentTime(): void;
-
-		/** This method will show the TimePicker control popup.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace TimePicker {
-
-		export interface Model {
-
-			/** Sets the root CSS class for the TimePicker theme, which is used to customize.
-			 */
-			cssClass?: string;
-
-			/** Specifies the list of time range to be disabled.
-			 * @Default {{}}
-			 */
-			disableTimeRanges?: any;
-
-			/** Specifies the animation behavior in TimePicker.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** When this property is set to false, it disables the TimePicker control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Save current model value to browser cookies for maintaining states. When refreshing the TimePicker control page, the model value is applied from browser cookies or HTML 5local storage.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Displays the TimePicker as right to left alignment.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** When the enableStrictMode is set as true it allows the value outside of the range and also indicate with red color border,
-			 * otherwise it internally changed to the min or max range value based an input value.
-			 * @Default {false}
-			 */
-			enableStrictMode?: boolean;
-
-			/** Defines the height of the TimePicker textbox.
-			 */
-			height?: string | number;
-
-			/** Sets the step value for increment an hour value through arrow keys or mouse scroll.
-			 * @Default {1}
-			 */
-			hourInterval?: number;
-
-			/** It allows to define the characteristics of the TimePicker control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Sets the time interval between the two adjacent time values in the popup.
-			 * @Default {30}
-			 */
-			interval?: number;
-
-			/** Defines the localization info used by the TimePicker.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the maximum time value to the TimePicker.
-			 * @Default {11:59:59 PM}
-			 */
-			maxTime?: string;
-
-			/** Sets the minimum time value to the TimePicker.
-			 * @Default {12:00:00 AM}
-			 */
-			minTime?: string;
-
-			/** Sets the step value for increment the minute value through arrow keys or mouse scroll.
-			 * @Default {1}
-			 */
-			minutesInterval?: number;
-
-			/** Defines the height of the TimePicker popup.
-			 * @Default {191px}
-			 */
-			popupHeight?: string | number;
-
-			/** Defines the width of the TimePicker popup.
-			 * @Default {auto}
-			 */
-			popupWidth?: string | number;
-
-			/** Toggles the readonly state of the TimePicker
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Sets the step value for increment the seconds value through arrow keys or mouse scroll.
-			 * @Default {1}
-			 */
-			secondsInterval?: number;
-
-			/** shows or hides the drop down button in TimePicker.
-			 * @Default {true}
-			 */
-			showPopupButton?: boolean;
-
-			/** TimePicker is displayed with rounded corner when this property is set to true.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Defines the time format displayed in the TimePicker.
-			 * @Default {h:mm tt}
-			 */
-			timeFormat?: string;
-
-			/** Sets a specified time value on the TimePicker.
-			 * @Default {null}
-			 */
-			value?: string | Date;
-
-			/** Defines the width of the TimePicker textbox.
-			 */
-			width?: string | number;
-
-			/** Fires when the time value changed in the TimePicker. */
-			beforeChange?(e: BeforeChangeEventArgs): void;
-
-			/** Fires when the TimePicker popup before opened. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Fires when the time value changed in the TimePicker. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when the TimePicker popup closed. */
-			close?(e: CloseEventArgs): void;
-
-			/** Fires when create TimePicker successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the TimePicker is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when the TimePicker control gets focus. */
-			focusIn?(e: FocusInEventArgs): void;
-
-			/** Fires when the TimePicker control get lost focus. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Fires when the TimePicker popup opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Fires when the value is selected from the TimePicker dropdown list. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface BeforeChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the modified time value
-			 */
-			value?: string;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the time value
-			 */
-			value?: string;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns true when the value changed by user interaction otherwise returns false
-			 */
-			isInteraction?: boolean;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the modified time value
-			 */
-			value?: string;
-		}
-
-		export interface CloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the time value
-			 */
-			value?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusInEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the current time value
-			 */
-			value?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the current time value
-			 */
-			value?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the time value
-			 */
-			value?: string;
-		}
-
-		export interface SelectEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TimePicker model
-			 */
-			model?: ej.TimePicker.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the previously selected time value
-			 */
-			prevTime?: string;
-
-			/** returns the selected time value
-			 */
-			value?: string;
-		}
-	}
-
-	class ToggleButton extends ej.Widget {
-		static fn: ToggleButton;
-		constructor(element: JQuery | Element, options?: ToggleButton.Model);
-		static Locale: any;
-		model: ToggleButton.Model;
-		defaults: ToggleButton.Model;
-
-		/** Allows you to destroy the ToggleButton widget.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To disable the ToggleButton to prevent all user interactions.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the ToggleButton.
-		 * @returns {void}
-		 */
-		enable(): void;
-	}
-	export namespace ToggleButton {
-
-		export interface Model {
-
-			/** Specify the icon in active state to the toggle button and it will be aligned from left margin of the button.
-			 */
-			activePrefixIcon?: string;
-
-			/** Specify the icon in active state to the toggle button and it will be aligned from right margin of the button.
-			 */
-			activeSuffixIcon?: string;
-
-			/** Sets the text when ToggleButton is in active state i.e.,checked state.
-			 * @Default {null}
-			 */
-			activeText?: string;
-
-			/** Specifies the contentType of the ToggleButton. See ContentType as below
-			 * @Default {ej.ContentType.TextOnly}
-			 */
-			contentType?: ej.ContentType | string;
-
-			/** Specify the CSS class to the ToggleButton to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specify the icon in default state to the toggle button and it will be aligned from left margin of the button.
-			 */
-			defaultPrefixIcon?: string;
-
-			/** Specify the icon in default state to the toggle button and it will be aligned from right margin of the button.
-			 */
-			defaultSuffixIcon?: string;
-
-			/** Specifies the text of the ToggleButton, when the control is a default state. i.e., unChecked state.
-			 * @Default {null}
-			 */
-			defaultText?: string;
-
-			/** Specifies the state of the ToggleButton.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Save current model value to browser cookies for maintaining states. When refreshing the ToggleButton control page, the model value is applied from browser cookies or HTML 5local storage.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Specify the Right to Left direction of the ToggleButton.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Specifies the height of the ToggleButton.
-			 * @Default {28pixel}
-			 */
-			height?: number | string;
-
-			/** It allows to define the characteristics of the ToggleButton control. It will helps to extend the capability of an HTML element.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the image position of the ToggleButton.
-			 * @Default {ej.ImagePosition.ImageLeft}
-			 */
-			imagePosition?: ej.ImagePosition | string;
-
-			/** Allows to prevents the control switched to checked (active) state.
-			 * @Default {false}
-			 */
-			preventToggle?: boolean;
-
-			/** Displays the ToggleButton with rounded corners.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the size of the ToggleButton. See ButtonSize as below
-			 * @Default {ej.ButtonSize.Normal}
-			 */
-			size?: ej.ButtonSize | string;
-
-			/** It allows to define the ToggleButton state to checked(Active) or unchecked(Default) at initial time.
-			 * @Default {false}
-			 */
-			toggleState?: boolean;
-
-			/** Specifies the type of the ToggleButton. See ButtonType as below
-			 * @Default {ej.ButtonType.Button}
-			 */
-			type?: ej.ButtonType | string;
-
-			/** Specifies the width of the ToggleButton.
-			 * @Default {100pixel}
-			 */
-			width?: number | string;
-
-			/** Fires when ToggleButton control state is changed successfully. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Fires when ToggleButton control is clicked successfully. */
-			click?(e: ClickEventArgs): void;
-
-			/** Fires when ToggleButton control is created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when ToggleButton control is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** return the toggle button checked state
-			 */
-			isChecked?: boolean;
-
-			/** returns the toggle button model
-			 */
-			model?: ej.ToggleButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** return the toggle button checked state
-			 */
-			isChecked?: boolean;
-
-			/** returns the toggle button model
-			 */
-			model?: ej.ToggleButton.Model;
-
-			/** return the toggle button state
-			 */
-			status?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the toggle button model
-			 */
-			model?: ej.ToggleButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the toggle button model
-			 */
-			model?: ej.ToggleButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-
-	class Toolbar extends ej.Widget {
-		static fn: Toolbar;
-		constructor(element: JQuery | Element, options?: Toolbar.Model);
-		static Locale: any;
-		model: Toolbar.Model;
-		defaults: Toolbar.Model;
-
-		/** Deselect the specified Toolbar item.
-		 * @param {any} The element need to be deselected
-		 * @returns {void}
-		 */
-		deselectItem(element: any): void;
-
-		/** Deselect the Toolbar item based on specified id.
-		 * @param {string} The ID of the element need to be deselected
-		 * @returns {void}
-		 */
-		deselectItemByID(ID: string): void;
-
-		/** Allows you to destroy the Toolbar widget.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To disable all items in the Toolbar control.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Disable the specified Toolbar item.
-		 * @param {any} The element need to be disabled
-		 * @returns {void}
-		 */
-		disableItem(element: any): void;
-
-		/** Disable the Toolbar item based on specified item id in the Toolbar.
-		 * @param {string} The ID of the element need to be disabled
-		 * @returns {void}
-		 */
-		disableItemByID(ID: string): void;
-
-		/** Enable the Toolbar if it is in disabled state.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Enable the Toolbar item based on specified item.
-		 * @param {any} The element need to be enabled
-		 * @returns {void}
-		 */
-		enableItem(element: any): void;
-
-		/** Enable the Toolbar item based on specified item id in the Toolbar.
-		 * @param {string} The ID of the element need to be enabled
-		 * @returns {void}
-		 */
-		enableItemByID(ID: string): void;
-
-		/** To hide the Toolbar
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Remove the item from toolbar, based on specified item.
-		 * @param {any} The element need to be removed
-		 * @returns {void}
-		 */
-		removeItem(element: any): void;
-
-		/** Remove the item from toolbar, based on specified item id in the Toolbar.
-		 * @param {string} The ID of the element need to be removed
-		 * @returns {void}
-		 */
-		removeItemByID(ID: string): void;
-
-		/** Selects the item from toolbar, based on specified item.
-		 * @param {any} The element need to be selected
-		 * @returns {void}
-		 */
-		selectItem(element: any): void;
-
-		/** Selects the item from toolbar, based on specified item id in the Toolbar.
-		 * @param {string} The ID of the element need to be selected
-		 * @returns {void}
-		 */
-		selectItemByID(ID: string): void;
-
-		/** To show the Toolbar.
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace Toolbar {
-
-		export interface Model {
-
-			/** Sets the root CSS class for Toolbar control to achieve the custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specifies dataSource value for the Toolbar control during initialization.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Disables an Item or set of Items that are enabled in the Toolbar
-			 * @Default {[]}
-			 */
-			disabledItemIndices?: any[];
-
-			/** Specifies the Toolbar control state.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Enables an Item or set of Items that are disabled in the Toolbar
-			 * @Default {[]}
-			 */
-			enabledItemIndices?: any[];
-
-			/** Specifies enableRTL property to align the Toolbar control from right to left direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Allows to separate the each UL items in the Toolbar control.
-			 * @Default {false}
-			 */
-			enableSeparator?: boolean;
-
-			/** Specifies the mapping fields for the data items of the Toolbar
-			 * @Default {null}
-			 */
-			fields?: string;
-
-			/** Specifies the height of the Toolbar.
-			 * @Default {28}
-			 */
-			height?: number | string;
-
-			/** Specifies the list of HTML attributes to be added to toolbar control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies whether the Toolbar control is need to be show or hide.
-			 * @Default {false}
-			 */
-			hide?: boolean;
-
-			/** Enables/Disables the responsive support for Toolbar items during the window resizing time.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the items of  Toolbar
-			 * @Default {null}
-			 */
-			Items?: Items;
-
-			/** Specifies the Toolbar orientation. See orientation
-			 * @Default {Horizontal}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Specifies the query to retrieve the data from the online server. The query is used only when the online dataSource is used.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Specifies the Toolbar responsive type.
-			 * @Default {Popup}
-			 */
-			responsiveType?: ej.Toolbar.ResponsiveType | string;
-
-			/** Displays the Toolbar with rounded corners.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the width of the Toolbar.
-			 */
-			width?: number | string;
-
-			/** Fires after Toolbar control is clicked. */
-			click?(e: ClickEventArgs): void;
-
-			/** Fires after Toolbar control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires after Toolbar control is focused. */
-			focusOut?(e: FocusOutEventArgs): void;
-
-			/** Fires when the Toolbar is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires after Toolbar control item is hovered. */
-			itemHover?(e: ItemHoverEventArgs): void;
-
-			/** Fires after mouse leave from Toolbar control item. */
-			itemLeave?(e: ItemLeaveEventArgs): void;
-
-			/** Fires when the overflow popup of toolbar is opened. */
-			overflowOpen?(e: OverflowOpenEventArgs): void;
-
-			/** Fires when the overflow popup of toolbar is closed. */
-			overflowClose?(e: OverflowCloseEventArgs): void;
-		}
-
-		export interface ClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target of the current object.
-			 */
-			target?: any;
-
-			/** returns the target of the current object.
-			 */
-			currentTarget?: any;
-
-			/** return the Toolbar state
-			 */
-			status?: boolean;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface FocusOutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ItemHoverEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target of the current object.
-			 */
-			target?: any;
-
-			/** returns the target of the current object.
-			 */
-			currentTarget?: any;
-
-			/** return the Toolbar state
-			 */
-			status?: boolean;
-		}
-
-		export interface ItemLeaveEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target of the current object.
-			 */
-			target?: any;
-
-			/** returns the target of the current object.
-			 */
-			currentTarget?: any;
-
-			/** return the Toolbar state
-			 */
-			status?: boolean;
-		}
-
-		export interface OverflowOpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the current  X position of the target .
-			 */
-			clientX?: number;
-
-			/** Returns the current  Y position of the target .
-			 */
-			clientY?: number;
-
-			/** returns the target of the current object.
-			 */
-			currentTarget?: any;
-		}
-
-		export interface OverflowCloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Toolbar model
-			 */
-			model?: ej.Toolbar.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the current  X position of the target .
-			 */
-			clientX?: number;
-
-			/** Returns the current  Y position of the target .
-			 */
-			clientY?: number;
-
-			/** returns the target of the current object.
-			 */
-			currentTarget?: any;
-		}
-
-		export interface Fields {
-
-			/** Defines the group name for the item.
-			 */
-			group?: string;
-
-			/** Defines the HTML attributes such as id, class, styles for the item to extend the capability.
-			 */
-			htmlAttributes?: any;
-
-			/** Defines id for the tag.
-			 */
-			id?: string;
-
-			/** Defines the image attributes such as height, width, styles and so on.
-			 */
-			imageAttributes?: string;
-
-			/** Defines the imageURL for the image location.
-			 */
-			imageUrl?: string;
-
-			/** Defines the sprite CSS for the image tag.
-			 */
-			spriteCssClass?: string;
-
-			/** Defines the text content for the tag.
-			 */
-			text?: string;
-
-			/** Defines the tooltip text for the tag.
-			 */
-			tooltipText?: string;
-
-			/** Allows you to add  template as toolbar item
-			 */
-			template?: string;
-		}
-
-		export interface Items {
-
-			/** Defines the group name for the item.
-			 */
-			group?: string;
-
-			/** Defines the HTML attributes such as id, class, styles for the item .
-			 */
-			htmlAttributes?: any;
-
-			/** Defines id for the tag.
-			 */
-			id?: string;
-
-			/** Defines the image attributes such as height, width, styles and so on.
-			 */
-			imageAttributes?: string;
-
-			/** Defines the imageURL for the image location.
-			 */
-			imageUrl?: string;
-
-			/** Defines the sprite CSS for the image tag.
-			 */
-			spriteCssClass?: string;
-
-			/** Defines the text content for the tag.
-			 */
-			text?: string;
-
-			/** Defines the tooltip text for the tag.
-			 */
-			tooltipText?: string;
-
-			/** Allows to add template as toolbar item.
-			 */
-			template?: string;
-		}
-
-		enum ResponsiveType {
-
-			///To display the toolbar overflow items as popup
-			Popup,
-
-			///To display the toolbar overflow items as inline toolbar
-			Inline
-		}
-
-	}
-
-	class TreeView extends ej.Widget {
-		static fn: TreeView;
-		constructor(element: JQuery | Element, options?: TreeView.Model);
-		static Locale: any;
-		model: TreeView.Model;
-		defaults: TreeView.Model;
-
-		/** To add a Node or collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
-		 * @param {string|any} New node text or JSON object
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {void}
-		 */
-		addNode(newNodeText: string | any, target: string | any): void;
-
-		/** To add a collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
-		 * @param {any|Array<any>} New node details in JSON object
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {void}
-		 */
-		addNodes(collection: any | any[], target: string | any): void;
-
-		/** To check all the nodes in TreeView.
-		 * @returns {void}
-		 */
-		checkAll(): void;
-
-		/** To check a node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		checkNode(element: string | any | any[]): void;
-
-		/** This method is used to collapse all nodes in TreeView control. If you want to collapse all nodes up to the specific level in
-		 * TreeView control then we need to pass levelUntil as argument to this method.
-		 * @param {number} TreeView nodes will collapse until the given level
-		 * @param {boolean} Weather exclude the hidden nodes of TreeView while collapse all nodes
-		 * @returns {void}
-		 */
-		collapseAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
-
-		/** To collapse a particular node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node|object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		collapseNode(element: string | any | any[]): void;
-
-		/** To disable the node in the TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		disableNode(element: string | any | any[]): void;
-
-		/** To enable the node in the TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		enableNode(element: string | any | any[]): void;
-
-		/** To ensure that the TreeView node is visible in the TreeView. This method is useful if we need select a TreeView node dynamically.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		ensureVisible(element: string | any): boolean;
-
-		/** This method is used to expand all nodes in TreeView control. If you want to expand all nodes up to the specific level in TreeView control
-		 * then we need to pass levelUntil as argument to this method.
-		 * @param {number} TreeView nodes will expand until the given level
-		 * @param {boolean} Weather exclude the hidden nodes of TreeView while expand all nodes
-		 * @returns {void}
-		 */
-		expandAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
-
-		/** To expandNode particular node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		expandNode(element: string | any | any[]): void;
-
-		/** To get currently checked nodes in TreeView.
-		 * @returns {any}
-		 */
-		getCheckedNodes(): any;
-
-		/** To get currently checked nodes indexes in TreeView.
-		 * @returns {Array<any>}
-		 */
-		getCheckedNodesIndex(): any[];
-
-		/** This method is used to get immediate child nodes of a node in TreeView control. If you want to get the all child nodes include nested
-		 * child nodes then we need to pass includeNestedChild as true along with element arguments to this method.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @param {boolean} Weather include nested child nodes of TreeView node
-		 * @returns {Array<any>}
-		 */
-		getChildren(element: string | any, includeNestedChild?: boolean): any[];
-
-		/** To get number of nodes in TreeView.
-		 * @returns {number}
-		 */
-		getNodeCount(): number;
-
-		/** To get currently expanded nodes in TreeView.
-		 * @returns {any}
-		 */
-		getExpandedNodes(): any;
-
-		/** To get currently expanded nodes indexes in TreeView.
-		 * @returns {Array<any>}
-		 */
-		getExpandedNodesIndex(): any[];
-
-		/** To get TreeView node by using index position in TreeView.
-		 * @param {number} Index position of TreeView node
-		 * @returns {any}
-		 */
-		getNodeByIndex(index: number): any;
-
-		/** To get TreeView node data such as id, text, parentId, selected, checked, expanded, level, childes and index.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {any}
-		 */
-		getNode(element: string | any): any;
-
-		/** To get current index position of TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {number}
-		 */
-		getNodeIndex(element: string | any): number;
-
-		/** To get immediate parent TreeView node of particular TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {any}
-		 */
-		getParent(element: string | any): any;
-
-		/** To get the currently selected node in TreeView.
-		 * @returns {any}
-		 */
-		getSelectedNode(): any;
-
-		/** To get the currently selected nodes in TreeView.
-		 * @returns {Array<any>}
-		 */
-		getSelectedNodes(): any[];
-
-		/** To get the index position of currently selected node in TreeView.
-		 * @returns {number}
-		 */
-		getSelectedNodeIndex(): number;
-
-		/** To get the index positions of currently selected nodes in TreeView.
-		 * @returns {Array<any>}
-		 */
-		getSelectedNodesIndex(): any[];
-
-		/** To get the text of a node in TreeView.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {string}
-		 */
-		getText(element: string | any): string;
-
-		/** To get the updated datasource of TreeView after performing some operation like drag and drop, node editing, adding and removing node.
-		 * @param {string|number} ID of TreeView node
-		 * @returns {Array<any>}
-		 */
-		getTreeData(id?: string | number): any[];
-
-		/** To get currently visible nodes in TreeView.
-		 * @returns {any}
-		 */
-		getVisibleNodes(): any;
-
-		/** To check a node having child or not.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		hasChildNode(element: string | any): boolean;
-
-		/** To show nodes in TreeView.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** To hide particular node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		hideNode(element: string | any | any[]): void;
-
-		/** To add a Node or collection of nodes after the particular TreeView node.
-		 * @param {string|any} New node text or JSON object
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {void}
-		 */
-		insertAfter(newNodeText: string | any, target: string | any): void;
-
-		/** To add a Node or collection of nodes before the particular TreeView node.
-		 * @param {string|any} New node text or JSON object
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {void}
-		 */
-		insertBefore(newNodeText: string | any, target: string | any): void;
-
-		/** To check the given TreeView node is checked or unchecked.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isNodeChecked(element: string | any): boolean;
-
-		/** To check whether the child nodes are loaded of the given TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isChildLoaded(element: string | any): boolean;
-
-		/** To check the given TreeView node is disabled or enabled.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isDisabled(element: string | any): boolean;
-
-		/** To check the given node is exist in TreeView.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isExist(element: string | any): boolean;
-
-		/** To get the expand status of the given TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isExpanded(element: string | any): boolean;
-
-		/** To get the select status of the given TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isSelected(element: string | any): boolean;
-
-		/** To get the visibility status of the given TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {boolean}
-		 */
-		isVisible(element: string | any): boolean;
-
-		/** To load the TreeView nodes from the particular URL. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
-		 * @param {string} URL location, the data returned from the URL will be loaded in TreeView
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @returns {void}
-		 */
-		loadData(URL: string, target: string | any): void;
-
-		/** To move the TreeView node with in same TreeView. The new position of given TreeView node will be based on destination node and index position.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @param {number} New index position of given source node
-		 * @returns {void}
-		 */
-		moveNode(sourceNode: string | any, destinationNode: string | any, index: number): void;
-
-		/** To refresh the TreeView
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** To remove all the nodes in TreeView.
-		 * @returns {void}
-		 */
-		removeAll(): void;
-
-		/** To remove a node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		removeNode(element: string | any | any[]): void;
-
-		/** To select all the TreeView nodes when enable allowMultiSelection property.
-		 * @returns {void}
-		 */
-		selectAll(): void;
-
-		/** This method is used to select a node in TreeView control. If you want to select the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		selectNode(element: string | any | any[]): void;
-
-		/** To show nodes in TreeView.
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** To show a node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		showNode(element: string | any | any[]): void;
-
-		/** To uncheck all the nodes in TreeView.
-		 * @returns {void}
-		 */
-		unCheckAll(): void;
-
-		/** To uncheck a node in TreeView.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		uncheckNode(element: string | any | any[]): void;
-
-		/** To unselect all the TreeView nodes when enable allowMultiSelection property.
-		 * @returns {void}
-		 */
-		unselectAll(): void;
-
-		/** This method is used to unselect a node in TreeView control. If you want to unselect the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
-		 * @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
-		 * @returns {void}
-		 */
-		unselectNode(element: string | any | any[]): void;
-
-		/** To edit or update the text of the TreeView node.
-		 * @param {string|any} ID of TreeView node/object of TreeView node
-		 * @param {string} New text
-		 * @returns {void}
-		 */
-		updateText(target: string | any, newText: string): void;
-	}
-	export namespace TreeView {
-
-		export interface Model {
-
-			/** Gets or sets a value that indicates whether to enable drag and drop a node within the same tree.
-			 * @Default {false}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable drag and drop a node in inter ej.TreeView.
-			 * @Default {true}
-			 */
-			allowDragAndDropAcrossControl?: boolean;
-
-			/** Gets or sets a value that indicates whether to drop a node to a sibling of particular node.
-			 * @Default {true}
-			 */
-			allowDropSibling?: boolean;
-
-			/** Gets or sets a value that indicates whether to drop a node to a child of particular node.
-			 * @Default {true}
-			 */
-			allowDropChild?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable node editing support for TreeView.
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable keyboard support for TreeView actions like nodeSelection, nodeEditing, nodeExpand, nodeCollapse, nodeCut and Paste.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable multi selection support for TreeView.
-			 * @Default {false}
-			 */
-			allowMultiSelection?: boolean;
-
-			/** Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
-			 * @Default {true}
-			 */
-			autoCheck?: boolean;
-
-			/** Allow us to specify the parent node to be retain in checked or unchecked state instead of going for indeterminate state.
-			 * @Default {false}
-			 */
-			autoCheckParentNode?: boolean;
-
-			/** Gets or sets a value that indicates the checkedNodes index collection as an array. The given array index position denotes the nodes, that are checked while rendering TreeView.
-			 * @Default {[]}
-			 */
-			checkedNodes?: any[];
-
-			/** Sets the root CSS class for TreeView which allow us to customize the appearance.
-			 */
-			cssClass?: string;
-
-			/** Gets or sets a value that indicates whether to enable or disable the animation effect while expanding or collapsing a node.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Gets or sets a value that indicates whether a TreeView can be enabled or disabled. No actions can be performed while this property is set as false
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Allow us to prevent multiple nodes to be in expanded state. If it set to false, previously expanded node will be collapsed automatically, while we expand a node.
-			 * @Default {true}
-			 */
-			enableMultipleExpand?: boolean;
-
-			/** Sets a value that indicates whether to persist the TreeView model state in page using applicable medium i.e., HTML5 localStorage or cookies
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Gets or sets a value that indicates to align content in the TreeView control from right to left by setting the property as true.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Gets or sets a array of value that indicates the expandedNodes index collection as an array. The given array index position denotes the nodes, that are expanded while rendering TreeView.
-			 * @Default {[]}
-			 */
-			expandedNodes?: any[];
-
-			/** Gets or sets a value that indicates the TreeView node can be expand or collapse by using the specified action.
-			 * @Default {dblclick}
-			 */
-			expandOn?: string;
-
-			/** Gets or sets a fields object that allow us to map the data members with field properties in order to make the data binding easier.
-			 * @Default {null}
-			 */
-			fields?: Fields;
-
-			/** Gets or sets a value that indicates whether to enable full row selection support for TreeView.
-			 * @Default {false}
-			 */
-			fullRowSelect?: boolean;
-
-			/** Defines the height of the TreeView.
-			 * @Default {Null}
-			 */
-			height?: string | number;
-
-			/** Specifies the HTML Attributes for the TreeView. Using this API we can add custom attributes in TreeView control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specifies the child nodes to be loaded on demand
-			 * @Default {false}
-			 */
-			loadOnDemand?: boolean;
-
-			/** Gets or Sets a value that indicates the index position of a tree node. The particular index tree node will be selected while rendering the TreeView.
-			 * @Default {-1}
-			 */
-			selectedNode?: number;
-
-			/** Gets or sets a value that indicates the selectedNodes index collection as an array. The given array index position denotes the nodes, that are selected while rendering TreeView.
-			 * @Default {[]}
-			 */
-			selectedNodes?: any[];
-
-			/** Gets or sets a value that indicates whether to display or hide checkbox for all TreeView nodes.
-			 * @Default {false}
-			 */
-			showCheckbox?: boolean;
-
-			/** By using sortSettings property, you can customize the sorting option in TreeView control.
-			 */
-			sortSettings?: SortSettings;
-
-			/** Allow us to use custom template in order to create TreeView.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Defines the width of the TreeView.
-			 * @Default {Null}
-			 */
-			width?: string | number;
-
-			/** Fires before adding node to TreeView. */
-			beforeAdd?(e: BeforeAddEventArgs): void;
-
-			/** Fires before collapse a node. */
-			beforeCollapse?(e: BeforeCollapseEventArgs): void;
-
-			/** Fires before cut node in TreeView. */
-			beforeCut?(e: BeforeCutEventArgs): void;
-
-			/** Fires before deleting node in TreeView. */
-			beforeDelete?(e: BeforeDeleteEventArgs): void;
-
-			/** Fires before editing the node in TreeView. */
-			beforeEdit?(e: BeforeEditEventArgs): void;
-
-			/** Fires before expanding the node. */
-			beforeExpand?(e: BeforeExpandEventArgs): void;
-
-			/** Fires before loading nodes to TreeView. */
-			beforeLoad?(e: BeforeLoadEventArgs): void;
-
-			/** Fires before paste node in TreeView. */
-			beforePaste?(e: BeforePasteEventArgs): void;
-
-			/** Fires before selecting node in TreeView. */
-			beforeSelect?(e: BeforeSelectEventArgs): void;
-
-			/** Fires when TreeView created successfully. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when TreeView destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires before nodeEdit Successful. */
-			inlineEditValidation?(e: InlineEditValidationEventArgs): void;
-
-			/** Fires when key pressed successfully. */
-			keyPress?(e: KeyPressEventArgs): void;
-
-			/** Fires when data load fails. */
-			loadError?(e: LoadErrorEventArgs): void;
-
-			/** Fires when data loaded successfully. */
-			loadSuccess?(e: LoadSuccessEventArgs): void;
-
-			/** Fires once node added successfully. */
-			nodeAdd?(e: NodeAddEventArgs): void;
-
-			/** Fires once node checked successfully. */
-			nodeCheck?(e: NodeCheckEventArgs): void;
-
-			/** Fires when node clicked successfully. */
-			nodeClick?(e: NodeClickEventArgs): void;
-
-			/** Fires when node collapsed successfully. */
-			nodeCollapse?(e: NodeCollapseEventArgs): void;
-
-			/** Fires when node cut successfully. */
-			nodeCut?(e: NodeCutEventArgs): void;
-
-			/** Fires when node deleted successfully. */
-			nodeDelete?(e: NodeDeleteEventArgs): void;
-
-			/** Fires when node dragging. */
-			nodeDrag?(e: NodeDragEventArgs): void;
-
-			/** Fires once node drag start successfully. */
-			nodeDragStart?(e: NodeDragStartEventArgs): void;
-
-			/** Fires before the dragged node to be dropped. */
-			nodeDragStop?(e: NodeDragStopEventArgs): void;
-
-			/** Fires once node dropped successfully. */
-			nodeDropped?(e: NodeDroppedEventArgs): void;
-
-			/** Fires once node edited successfully. */
-			nodeEdit?(e: NodeEditEventArgs): void;
-
-			/** Fires once node expanded successfully. */
-			nodeExpand?(e: NodeExpandEventArgs): void;
-
-			/** Fires once node pasted successfully. */
-			nodePaste?(e: NodePasteEventArgs): void;
-
-			/** Fires when node selected successfully. */
-			nodeSelect?(e: NodeSelectEventArgs): void;
-
-			/** Fires once node unchecked successfully. */
-			nodeUncheck?(e: NodeUncheckEventArgs): void;
-
-			/** Fires once node unselected successfully. */
-			nodeUnselect?(e: NodeUnselectEventArgs): void;
-
-			/** Fires when TreeView nodes are loaded successfully */
-			ready?(e: ReadyEventArgs): void;
-		}
-
-		export interface BeforeAddEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the given new node data
-			 */
-			data?: string | any;
-
-			/** returns the parent element, the given new nodes to be appended to the given parent element
-			 */
-			targetParent?: any;
-
-			/** returns the given parent node details
-			 */
-			parentDetails?: any;
-		}
-
-		export interface BeforeCollapseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** returns the child nodes are loaded or not
-			 */
-			isChildLoaded?: boolean;
-
-			/** returns the id of currently clicked node
-			 */
-			id?: string;
-
-			/** returns the parent id of currently clicked node
-			 */
-			parentId?: string;
-
-			/** returns the format asynchronous or synchronous
-			 */
-			async?: boolean;
-		}
-
-		export interface BeforeCutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the target element, the given node to be cut
-			 */
-			target?: any;
-
-			/** returns the given target node values
-			 */
-			nodeDetails?: any;
-
-			/** returns the key pressed key code value
-			 */
-			keyCode?: number;
-		}
-
-		export interface BeforeDeleteEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the target element, the given node to be deleted
-			 */
-			target?: any;
-
-			/** returns the given target node values
-			 */
-			nodeDetails?: any;
-
-			/** returns the current parent element of the target node
-			 */
-			parentElement?: any;
-
-			/** returns the parent node values
-			 */
-			parentDetails?: any;
-
-			/** returns the currently removed nodes
-			 */
-			removedNodes?: any[];
-		}
-
-		export interface BeforeEditEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-		}
-
-		export interface BeforeExpandEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** if the child node is ready to expanded state; otherwise, false.
-			 */
-			isChildLoaded?: boolean;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** returns the id of currently clicked node
-			 */
-			id?: string;
-
-			/** returns the parent id of currently clicked node
-			 */
-			parentId?: string;
-
-			/** returns the format asynchronous or synchronous
-			 */
-			async?: boolean;
-		}
-
-		export interface BeforeLoadEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the AJAX settings object
-			 */
-			AjaxOptions?: any;
-		}
-
-		export interface BeforePasteEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the target element, the given node to be pasted
-			 */
-			target?: any;
-
-			/** returns the given target node values
-			 */
-			nodeDetails?: any;
-
-			/** returns the key pressed key code value
-			 */
-			keyCode?: number;
-		}
-
-		export interface BeforeSelectEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the target element, the given node to be selected
-			 */
-			target?: any;
-
-			/** returns the given target node values
-			 */
-			nodeDetails?: any;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface InlineEditValidationEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the new entered text for the node
-			 */
-			newText?: string;
-
-			/** returns the current node element id
-			 */
-			id?: any;
-
-			/** returns the old node text
-			 */
-			oldText?: string;
-		}
-
-		export interface KeyPressEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** returns node path from root element
-			 */
-			path?: string;
-
-			/** returns the key pressed key code value
-			 */
-			keyCode?: number;
-
-			/** it returns when the current node is in expanded state; otherwise, false.
-			 */
-			isExpanded?: boolean;
-
-			/** returns the id of current TreeView node
-			 */
-			id?: string;
-
-			/** returns the parentId of current TreeView node
-			 */
-			parentId?: string;
-		}
-
-		export interface LoadErrorEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the AJAX error object
-			 */
-			error?: any;
-		}
-
-		export interface LoadSuccessEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the success data from the URL
-			 */
-			data?: any;
-
-			/** returns the target parent element, the data returned from the URL to be appended to the given parent element, else in TreeView
-			 */
-			targetParent?: any;
-
-			/** returns the given parent node details
-			 */
-			parentDetails?: any;
-		}
-
-		export interface NodeAddEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the added data, that are given initially
-			 */
-			data?: any;
-
-			/** returns the newly added elements
-			 */
-			nodes?: any;
-
-			/** returns the target parent element of the added element
-			 */
-			parentElement?: any;
-
-			/** returns the given parent node details
-			 */
-			parentDetails?: any;
-		}
-
-		export interface NodeCheckEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** returns the id of the current element of the node clicked
-			 */
-			id?: string;
-
-			/** returns the id of the parent element of current element of the node clicked
-			 */
-			parentId?: string;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** it returns true when the node checkbox is checked; otherwise, false.
-			 */
-			isChecked?: boolean;
-
-			/** it returns the currently checked node name
-			 */
-			currentNode?: any[];
-
-			/** it returns the currently checked and its child node details
-			 */
-			currentCheckedNodes?: any[];
-		}
-
-		export interface NodeClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** returns the id of currently clicked TreeView node
-			 */
-			id?: string;
-
-			/** returns the parentId of currently clicked TreeView node
-			 */
-			parentId?: string;
-		}
-
-		export interface NodeCollapseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the id of the current element of the node clicked
-			 */
-			id?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the id of the parent element of current element of the node clicked
-			 */
-			parentId?: string;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** returns the child nodes are loaded or not
-			 */
-			isChildLoaded?: boolean;
-
-			/** returns the format asynchronous or synchronous
-			 */
-			async?: boolean;
-		}
-
-		export interface NodeCutEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the current parent element of the cut node
-			 */
-			parentElement?: any;
-
-			/** returns the given parent node details
-			 */
-			parentDetails?: any;
-
-			/** returns the key pressed key code value
-			 */
-			keyCode?: number;
-		}
-
-		export interface NodeDeleteEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the current parent element of the deleted node
-			 */
-			parentElement?: any;
-
-			/** returns the given parent node details
-			 */
-			parentDetails?: any;
-
-			/** returns the currently removed nodes
-			 */
-			removedNodes?: any[];
-		}
-
-		export interface NodeDragEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the original drag target
-			 */
-			dragTarget?: any;
-
-			/** returns the current target TreeView node
-			 */
-			target?: any;
-
-			/** returns the current target details
-			 */
-			targetElementData?: any;
-
-			/** returns the current parent element of the target node
-			 */
-			draggedElement?: any;
-
-			/** returns the given parent node details
-			 */
-			draggedElementData?: any;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface NodeDragStartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the original drag target
-			 */
-			dragTarget?: any;
-
-			/** returns the current dragging parent TreeView node
-			 */
-			parentElement?: any;
-
-			/** returns the current dragging parent TreeView node details
-			 */
-			parentElementData?: any;
-
-			/** returns the current parent element of the dragging node
-			 */
-			target?: any;
-
-			/** returns the given parent node details
-			 */
-			targetElementData?: any;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface NodeDragStopEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the original drop target
-			 */
-			dropTarget?: any;
-
-			/** returns the current dragged TreeView node
-			 */
-			draggedElement?: any;
-
-			/** returns the current dragged TreeView node details
-			 */
-			draggedElementData?: any;
-
-			/** returns the current parent element of the dragged node
-			 */
-			target?: any;
-
-			/** returns the given parent node details
-			 */
-			targetElementData?: any;
-
-			/** returns the drop position such as before, after or over
-			 */
-			position?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface NodeDroppedEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the original drop target
-			 */
-			dropTarget?: any;
-
-			/** returns the current dropped TreeView node
-			 */
-			droppedElement?: any;
-
-			/** returns the current dropped TreeView node details
-			 */
-			droppedElementData?: any;
-
-			/** returns the current parent element of the dropped node
-			 */
-			target?: any;
-
-			/** returns the given parent node details
-			 */
-			targetElementData?: any;
-
-			/** returns the drop position such as before, after or over
-			 */
-			position?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-		}
-
-		export interface NodeEditEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the id of the element
-			 */
-			id?: string;
-
-			/** returns the oldText of the element
-			 */
-			oldText?: string;
-
-			/** returns the newText of the element
-			 */
-			newText?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the target element, the given node to be cut
-			 */
-			target?: any;
-
-			/** returns the given target node values
-			 */
-			nodeDetails?: any;
-		}
-
-		export interface NodeExpandEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** if the child node is ready to expanded state; otherwise, false.
-			 */
-			isChildLoaded?: boolean;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** returns the id of currently clicked node
-			 */
-			id?: string;
-
-			/** returns the parent id of currently clicked node
-			 */
-			parentId?: string;
-
-			/** returns the format asynchronous or synchronous
-			 */
-			async?: boolean;
-		}
-
-		export interface NodePasteEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the pasted element
-			 */
-			target?: any;
-
-			/** returns the given target node values
-			 */
-			nodeDetails?: any;
-
-			/** returns the key pressed key code value
-			 */
-			keyCode?: number;
-		}
-
-		export interface NodeSelectEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the id of the current element of the node clicked
-			 */
-			id?: any;
-
-			/** returns the id of the parent element of current element of the node clicked
-			 */
-			parentId?: any;
-
-			/** returns the current selected nodes index of TreeView
-			 */
-			selectedNodes?: any[];
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-		}
-
-		export interface NodeUncheckEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the event object
-			 */
-			event?: any;
-
-			/** returns the id of the current element of the node clicked
-			 */
-			id?: any;
-
-			/** returns the id of the parent element of current element of the node clicked
-			 */
-			parentId?: any;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-
-			/** returns the current element of the node clicked
-			 */
-			currentElement?: any;
-
-			/** it returns true when the node checkbox is checked; otherwise, false.
-			 */
-			isChecked?: boolean;
-
-			/** it returns currently unchecked node name
-			 */
-			currentNode?: string;
-
-			/** it returns currently unchecked node and its child node details.
-			 */
-			currentUncheckedNodes?: any[];
-		}
-
-		export interface NodeUnselectEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the current element of the node unselected
-			 */
-			currentElement?: any;
-
-			/** returns the id of the current element of the node unselected
-			 */
-			id?: string;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the id of the parent element of current element of the node unselected
-			 */
-			parentId?: string;
-
-			/** returns the current selected nodes index of TreeView
-			 */
-			selectedNodes?: any[];
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the value of the node
-			 */
-			value?: string;
-		}
-
-		export interface ReadyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the TreeView model
-			 */
-			model?: ej.TreeView.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Fields {
-
-			/** It receives the child level or inner level data source such as Essential DataManager object and JSON object.
-			 */
-			child?: any;
-
-			/** It receives Essential DataManager object and JSON object.
-			 */
-			dataSource?: any;
-
-			/** Specifies the node to be in expanded state.
-			 */
-			expanded?: string;
-
-			/** Its allow us to indicate whether the node has child or not in load on demand
-			 */
-			hasChild?: string;
-
-			/** Specifies the HTML Attributes to &quot;li&quot; item list.
-			 */
-			htmlAttribute?: any;
-
-			/** Specifies the id to TreeView node items list.
-			 */
-			id?: string;
-
-			/** Specifies the image attribute to “img” tag inside items list
-			 */
-			imageAttribute?: any;
-
-			/** Specifies the HTML Attributes to &quot;li&quot; item list.
-			 */
-			imageUrl?: string;
-
-			/** If its true Checkbox node will be checked when rendered with checkbox.
-			 */
-			isChecked?: string;
-
-			/** Specifies the link attribute to “a” tag in item list.
-			 */
-			linkAttribute?: any;
-
-			/** Specifies the parent id of the node. The nodes are listed as child nodes of the specified parent node by using its parent id.
-			 */
-			parentId?: string;
-
-			/** It receives query to retrieve data from the table (query is same as SQL).
-			 */
-			query?: any;
-
-			/** Allow us to specify the node to be in selected state
-			 */
-			selected?: string;
-
-			/** Specifies the sprite CSS class to &quot;li&quot; item list.
-			 */
-			spriteCssClass?: string;
-
-			/** It receives the table name to execute query on the corresponding table.
-			 */
-			tableName?: string;
-
-			/** Specifies the text of TreeView node items list.
-			 */
-			text?: string;
-		}
-
-		export interface SortSettings {
-
-			/** Enables or disables the sorting option in TreeView control
-			 * @Default {false}
-			 */
-			allowSorting?: boolean;
-
-			/** Sets the sorting order type. There are two sorting types available, such as &quot;ascending&quot;, &quot;descending&quot;.
-			 * @Default {ej.sortOrder.Ascending}
-			 */
-			sortOrder?: ej.sortOrder | string;
-		}
-	}
-	enum sortOrder {
-		//Enum for Ascending sort order
-		Ascending,
-		//Enum for Descending sort order
-		Descending,
-	}
-
-	class Uploadbox extends ej.Widget {
-		static fn: Uploadbox;
-		constructor(element: JQuery | Element, options?: Uploadbox.Model);
-		static Locale: any;
-		model: Uploadbox.Model;
-		defaults: Uploadbox.Model;
-
-		/** The destroy method destroys the control and brings the control to a pre-init state. All the events of the Upload control is bound by using this._on unbinds automatically.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the Uploadbox control
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the Uploadbox control
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Refresh the Uploadbox control
-		 * @returns {void}
-		 */
-		refresh(): void;
-	}
-	export namespace Uploadbox {
-
-		export interface Model {
-
-			/** Enables the file drag and drop support to the Uploadbox control.
-			 * @Default {false}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Uploadbox supports both synchronous and asynchronous upload. This can be achieved by using the asyncUpload property.
-			 * @Default {true}
-			 */
-			asyncUpload?: boolean;
-
-			/** Uploadbox supports auto uploading of files after the file selection is done.
-			 * @Default {false}
-			 */
-			autoUpload?: boolean;
-
-			/** Sets the text for each action button.
-			 * @Default {{browse: Browse, upload: Upload, cancel: Cancel, close: Close}}
-			 */
-			buttonText?: ButtonText;
-
-			/** Sets the root class for the Uploadbox control theme. This cssClass API helps to use custom skinning option for the Uploadbox button and dialog content.
-			 */
-			cssClass?: string;
-
-			/** Specifies the custom file details in the dialog popup on initialization.
-			 * @Default {{ title:true, name:true, size:true, status:true, action:true}}
-			 */
-			customFileDetails?: CustomFileDetails;
-
-			/** Specifies the actions for dialog popup while initialization.
-			 * @Default {{ modal:false, closeOnComplete:false, content:null, drag:true}}
-			 */
-			dialogAction?: DialogAction;
-
-			/** Displays the Uploadbox dialog at the given X and Y positions. X: Dialog sets the left position value. Y: Dialog sets the top position value.
-			 * @Default {null}
-			 */
-			dialogPosition?: any;
-
-			/** Property for applying the text to the Dialog title and content headers.
-			 * @Default {{ title: Upload Box, name: Name, size: Size, status: Status}}
-			 */
-			dialogText?: DialogText;
-
-			/** The dropAreaText is displayed when the drag and drop support is enabled in the Uploadbox control.
-			 * @Default {Drop files or click to upload}
-			 */
-			dropAreaText?: string;
-
-			/** Specifies the dropAreaHeight when the drag and drop support is enabled in the Uploadbox control.
-			 * @Default {100%}
-			 */
-			dropAreaHeight?: number | string;
-
-			/** Specifies the dropAreaWidth when the drag and drop support is enabled in the Uploadbox control.
-			 * @Default {100%}
-			 */
-			dropAreaWidth?: number | string;
-
-			/** Based on the property value, Uploadbox is enabled or disabled.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Sets the right-to-left direction property for the Uploadbox control.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Only the files with the specified extension is allowed to upload. This is mentioned in the string format.
-			 */
-			extensionsAllow?: string;
-
-			/** Only the files with the specified extension is denied for upload. This is mentioned in the string format.
-			 */
-			extensionsDeny?: string;
-
-			/** Sets the maximum size limit for uploading the file. This is mentioned in the number format.
-			 * @Default {31457280}
-			 */
-			fileSize?: number;
-
-			/** Sets the height of the browse button.
-			 * @Default {35px}
-			 */
-			height?: string;
-
-			/** Specifies the list of HTML attributes to be added to uploadbox control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Configures the culture data and sets the culture to the Uploadbox.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Enables multiple file selection for upload.
-			 * @Default {true}
-			 */
-			multipleFilesSelection?: boolean;
-
-			/** You can push the file to the Uploadbox in the client-side of the XHR supported browsers alone.
-			 * @Default {null}
-			 */
-			pushFile?: any;
-
-			/** Specifies the remove action to be performed after the file uploading is completed. Here, mention the server address for removal.
-			 */
-			removeUrl?: string;
-
-			/** Specifies the save action to be performed after the file is pushed for uploading. Here, mention the server address to be saved.
-			 */
-			saveUrl?: string;
-
-			/** Enables the browse button support to the Uploadbox control.
-			 * @Default {true}
-			 */
-			showBrowseButton?: boolean;
-
-			/** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
-			 * @Default {true}
-			 */
-			showFileDetails?: boolean;
-
-			/** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
-			 * @Default {true}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Sets the name for the Uploadbox control. This API helps to Map the action in code behind to retrieve the files.
-			 */
-			uploadName?: string;
-
-			/** Sets the width of the browse button.
-			 * @Default {100px}
-			 */
-			width?: string;
-
-			/** Fires when the upload progress beforeSend. */
-			beforeSend?(e: BeforeSendEventArgs): void;
-
-			/** Fires when the upload progress begins. */
-			begin?(e: BeginEventArgs): void;
-
-			/** Fires when the upload progress is cancelled. */
-			cancel?(e: CancelEventArgs): void;
-
-			/** Fires when the file upload progress is completed. */
-			complete?(e: CompleteEventArgs): void;
-
-			/** Fires when the file upload progress is succeeded. */
-			success?(e: SuccessEventArgs): void;
-
-			/** Fires when the Uploadbox control is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the Uploadbox control is destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires when the Upload process ends in Error. */
-			error?(e: ErrorEventArgs): void;
-
-			/** Fires when the file is selected for upload successfully. */
-			fileSelect?(e: FileSelectEventArgs): void;
-
-			/** Fires when the file is uploading. */
-			inProgress?(e: InProgressEventArgs): void;
-
-			/** Fires when the uploaded file is removed successfully. */
-			remove?(e: RemoveEventArgs): void;
-		}
-
-		export interface BeforeSendEventArgs {
-
-			/** Selected FileList Object.
-			 */
-			files?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** XHR-AJAX Object for reference.
-			 */
-			xhr?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeginEventArgs {
-
-			/** To pass additional information to the server.
-			 */
-			data?: any;
-
-			/** Selected FileList Object.
-			 */
-			files?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CancelEventArgs {
-
-			/** Canceled FileList Object.
-			 */
-			fileStatus?: any;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CompleteEventArgs {
-
-			/** AJAX event argument for reference.
-			 */
-			e?: any;
-
-			/** Uploaded file list.
-			 */
-			files?: any;
-
-			/** response from the server.
-			 */
-			responseText?: string;
-
-			/** XHR-AJAX Object for reference.
-			 */
-			xhr?: any;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface SuccessEventArgs {
-
-			/** response from the server.
-			 */
-			responseText?: string;
-
-			/** AJAX event argument for reference.
-			 */
-			e?: any;
-
-			/** successfully uploaded files list.
-			 */
-			success?: any;
-
-			/** Uploaded file list.
-			 */
-			files?: any;
-
-			/** XHR-AJAX Object for reference.
-			 */
-			xhr?: any;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ErrorEventArgs {
-
-			/** details about the error information.
-			 */
-			error?: string;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** error event action details.
-			 */
-			action?: string;
-
-			/** returns the file details of the file uploaded
-			 */
-			files?: any;
-		}
-
-		export interface FileSelectEventArgs {
-
-			/** returns Selected FileList objects
-			 */
-			files?: any;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface InProgressEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** AJAX event argument for reference.
-			 */
-			e?: any;
-
-			/** returns Selected FileList objects
-			 */
-			files?: any;
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the current progress percentage.
-			 */
-			percentage?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RemoveEventArgs {
-
-			/** returns the Uploadbox model
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the file details of the file object
-			 */
-			fileStatus?: any;
-		}
-
-		export interface ButtonText {
-
-			/** Sets the text for the browse button.
-			 */
-			browse?: string;
-
-			/** Sets the text for the cancel button.
-			 */
-			cancel?: string;
-
-			/** Sets the text for the close button.
-			 */
-			Close?: string;
-
-			/** Sets the text for the Upload button inside the dialog popup.
-			 */
-			upload?: string;
-		}
-
-		export interface CustomFileDetails {
-
-			/** Enables the file upload interactions like remove/cancel in File details of the dialog popup.
-			 */
-			action?: boolean;
-
-			/** Enables the name in the File details of the dialog popup.
-			 */
-			name?: boolean;
-
-			/** Enables or disables the File size details of the dialog popup.
-			 */
-			size?: boolean;
-
-			/** Enables or disables the file uploading status visibility in the dialog file details content.
-			 */
-			status?: boolean;
-
-			/** Enables the title in File details for the dialog popup.
-			 */
-			title?: boolean;
-		}
-
-		export interface DialogAction {
-
-			/** Once uploaded successfully, the dialog popup closes immediately.
-			 */
-			closeOnComplete?: boolean;
-
-			/** Sets the content container option to the Uploadbox dialog popup.
-			 */
-			content?: string;
-
-			/** Enables the drag option to the dialog popup.
-			 */
-			drag?: boolean;
-
-			/** Enables or disables the Uploadbox dialog’s modal property to the dialog popup.
-			 */
-			modal?: boolean;
-		}
-
-		export interface DialogText {
-
-			/** Sets the uploaded file’s Name (header text) to the Dialog popup.
-			 */
-			name?: string;
-
-			/** Sets the upload file Size (header text) to the dialog popup.
-			 */
-			size?: string;
-
-			/** Sets the upload file Status (header text) to the dialog popup.
-			 */
-			status?: string;
-
-			/** Sets the title text of the dialog popup.
-			 */
-			title?: string;
-		}
-	}
-
-	class WaitingPopup extends ej.Widget {
-		static fn: WaitingPopup;
-		constructor(element: JQuery | Element, options?: WaitingPopup.Model);
-		static Locale: any;
-		model: WaitingPopup.Model;
-		defaults: WaitingPopup.Model;
-
-		/** To hide the waiting popup
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Refreshes the WaitingPopup control by resetting the pop-up panel position and content position
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** To show the waiting popup
-		 * @returns {void}
-		 */
-		show(): void;
-	}
-	export namespace WaitingPopup {
-
-		export interface Model {
-
-			/** Sets the root class for the WaitingPopup control theme
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** Specifies the list of HTML attributes to be added to waitingpopup control.
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Enables or disables the default loading icon.
-			 * @Default {true}
-			 */
-			showImage?: boolean;
-
-			/** Enables the visibility of the WaitingPopup control
-			 * @Default {false}
-			 */
-			showOnInit?: boolean;
-
-			/** Specified a selector for elements, within the container.
-			 * @Default {null}
-			 */
-			target?: string;
-
-			/** Waitingpopup element append to given container element.
-			 * @Default {null}
-			 */
-			appendTo?: string;
-
-			/** Loads HTML content inside the popup panel instead of the default icon
-			 * @Default {null}
-			 */
-			template?: any;
-
-			/** Sets the custom text in the pop-up panel to notify the waiting process
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Fires after Create WaitingPopup successfully */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires after Destroy WaitingPopup successfully */
-			destroy?(e: DestroyEventArgs): void;
-		}
-
-		export interface CreateEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the WaitingPopup model
-			 */
-			model?: ej.WaitingPopup.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the WaitingPopup model
-			 */
-			model?: ej.WaitingPopup.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-	}
-
-	class Grid extends ej.Widget {
-		static fn: Grid;
-		constructor(element: JQuery | Element, options?: Grid.Model);
-		static Locale: any;
-		model: Grid.Model;
-		defaults: Grid.Model;
-
-		/** Adds a grid model property which is to be ignored upon exporting.
-		 * @param {Array<any>} Pass the array of parameters which need to be ignored on exporting
-		 * @returns {void}
-		 */
-		addIgnoreOnExport(propertyNames: any[]): void;
-
-		/** Adds a grid model property which is to be ignored upon OnServerToolbarClick.
-		 * @param {Array<any>} Pass the array of parameters which need to be ignored on OnServerToolbarClick
-		 * @returns {void}
-		 */
-		addIgnoreOnToolbarServerClick(propertyNames: any[]): void;
-
-		/** Add a new record in grid control when allowAdding is set as true.
-		 * @returns {void}
-		 */
-		//addRecord(): void;
-
-		/** Add a new record in grid control when allowAdding is set as true.
-		 * @param {Array<any>} Pass the array of added Records
-		 * @param {Array<any>} optionalIf we pass serverChange as true, send post to server side for server action.
-		 * @returns {void}
-		 */
-		addRecord(data: any[], serverChange?: any[]): void;
-
-		/** Cancel the modified changes in grid control when edit mode is &quot;batch&quot;.
-		 * @returns {void}
-		 */
-		batchCancel(): void;
-
-		/** Save the modified changes to data source in grid control when edit mode is &quot;batch&quot;.
-		 * @returns {void}
-		 */
-		batchSave(): void;
-
-		/** Send a cancel request in grid.
-		 * @returns {void}
-		 */
-		cancelEdit(): void;
-
-		/** Send a cancel request to the edited cell in grid.
-		 * @returns {void}
-		 */
-		cancelEditCell(): void;
-
-		/** It is used to clear all the cell selection.
-		 * @returns {Boolean}
-		 */
-		clearCellSelection(): boolean;
-
-		/** It is used to clear specified cell selection based on the rowIndex and columnIndex provided.
-		 * @param {number} It is used to pass the row index of the cell
-		 * @param {number} It is used to pass the column index of the cell.
-		 * @returns {Boolean}
-		 */
-		clearCellSelection(rowIndex: number, columnIndex: number): boolean;
-
-		/** It is used to clear all the row selection or at specific row selection based on the index provided.
-		 * @param {number} optional If index of the column is specified then it will remove the selection from the particular column else it will clears all of the column selection
-		 * @returns {Boolean}
-		 */
-		clearColumnSelection(index?: number): boolean;
-
-		/** It is used to clear all the filtering done.
-		 * @param {string}  If field of the column is specified then it will clear the  particular filtering column
-		 * @returns {void}
-		 */
-		clearFiltering(field: string): void;
-
-		/** Clear the searching from the grid
-		 * @returns {void}
-		 */
-		clearSearching(): void;
-
-		/** Clear all the row selection or at specific row selection based on the index provided
-		 * @param {number} optional If index of the row is specified then it will remove the selection from the particular row else it will clears all of the row selection
-		 * @returns {Boolean}
-		 */
-		clearSelection(index?: number): boolean;
-
-		/** Clear the sorting from columns in the grid
-		 * @returns {void}
-		 */
-		clearSorting(): void;
-
-		/** Collapse all the group caption rows in grid
-		 * @returns {void}
-		 */
-		collapseAll(): void;
-
-		/** Collapse the group drop area in grid
-		 * @returns {void}
-		 */
-		collapseGroupDropArea(): void;
-
-		/** Add or remove columns in grid column collections
-		 * @param {Array<any>|string} Pass array of columns or string of field name to add/remove the column in grid
-		 * @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
-		 * @returns {void}
-		 */
-		columns(columnDetails: any[] | string, action?: string): void;
-
-		/** Refresh the grid with new data source
-		 * @param {Array<any>} Pass new data source to the grid
-		 * @param {boolean} optional When templateRefresh is set true, both header and contents get refreshed
-		 * @returns {void}
-		 */
-		dataSource(datasource: any[], templateRefresh?: boolean): void;
-
-		/** Delete a record in grid control when allowDeleting is set as true
-		 * @param {string} Pass the primary key field Name of the column
-		 * @param {Array<any>} Pass the JSON data of record need to be delete.
-		 * @returns {void}
-		 */
-		deleteRecord(fieldName: string, data: any[]): void;
-
-		/** Delete the row based on the given tr element in grid.
-		 * @param {JQuery} Pass the tr element in grid content to get its row index
-		 * @returns {HTMLElement}
-		 */
-		deleteRow($tr: JQuery): HTMLElement;
-
-		/** Destroy the grid widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Edit a particular cell based on the row index and field name provided in &quot;batch&quot; edit mode.
-		 * @param {number} Pass row index to edit particular cell
-		 * @param {string} Pass the field name of the column to perform batch edit
-		 * @returns {void}
-		 */
-		editCell(index: number, fieldName: string): void;
-
-		/** It returns a value and if the input field values of edit form is not based on the validation rules then it will show the validation message.
-		 * @returns {Boolean}
-		 */
-		editFormValidate(): boolean;
-
-		/** Send a save request in grid.
-		 * @returns {void}
-		 */
-		endEdit(): void;
-
-		/** Expand all the group caption rows in grid.
-		 * @returns {void}
-		 */
-		expandAll(): void;
-
-		/** Expand or collapse the row based on the row state in grid
-		 * @param {JQuery} Pass the target object to expand/collapse the row based on its row state
-		 * @returns {void}
-		 */
-		expandCollapse($target: JQuery): void;
-
-		/** Expand the group drop area in grid.
-		 * @returns {void}
-		 */
-		expandGroupDropArea(): void;
-
-		/** Export the grid content to excel, word or PDF document.
-		 * @param {string} Pass the controller action name corresponding to exporting
-		 * @param {string} optionalASP server event name corresponding to exporting
-		 * @param {boolean} optionalPass the multiple exporting value as true/false
-		 * @param {Array<any>} optionalPass the array of the gridIds to be filtered
-		 * @returns {void}
-		 */
-		export(action: string, serverEvent?: string, multipleExport?: boolean, gridIds?: any[]): void;
-
-		/** Send a filtering request to filter one column in grid.
-		 * @param {Array<any>} Pass the field name of the column
-		 * @param {string} string/integer/dateTime operator
-		 * @param {string} Pass the value to be filtered in a column
-		 * @param {string} Pass the predicate as and/or
-		 * @param {boolean} optional Pass the match case value as true/false
-		 * @param {any} optionalactualFilterValue denote the filter object of current filtered columns.Pass the value to filtered in a column
-		 * @returns {void}
-		 */
-		filterColumn(fieldName: any[], filterOperator: string, filterValue: string, predicate: string, matchcase?: boolean, actualFilterValue?: any): void;
-
-		/** Send a filtering request to filter single or multiple column in grid.
-		 * @param {Array<any>} Pass array of filterColumn query for performing filter operation
-		 * @returns {void}
-		 */
-		filterColumn(filterQueries: any[]): void;
-
-		/** Get the batch changes of edit, delete and add operations of grid.
-		 * @returns {any}
-		 */
-		getBatchChanges(): any;
-
-		/** Get the browser details
-		 * @returns {any}
-		 */
-		getBrowserDetails(): any;
-
-		/** Get the column details based on the given field in grid
-		 * @param {string} Pass the field name of the column to get the corresponding column object
-		 * @returns {any}
-		 */
-		getColumnByField(fieldName: string): any;
-
-		/** Get the column details based on the given header text in grid.
-		 * @param {string} Pass the header text of the column to get the corresponding column object
-		 * @returns {any}
-		 */
-		getColumnByHeaderText(headerText: string): any;
-
-		/** Get the column details based on the given column index in grid
-		 * @param {number} Pass the index of the column to get the corresponding column object
-		 * @returns {any}
-		 */
-		getColumnByIndex(columnIndex: number): any;
-
-		/** Get the list of field names from column collection in grid.
-		 * @returns {Array<any>}
-		 */
-		getColumnFieldNames(): any[];
-
-		/** Get the column index of the given field in grid.
-		 * @param {string} Pass the field name of the column to get the corresponding column index
-		 * @returns {number}
-		 */
-		getColumnIndexByField(fieldName: string): number;
-
-		/** Get the column index of the given headerText of column in grid.
-		 * @param {string} Pass the headerText of the column to get that column index
-		 * @param {string} optionalOptional Pass the field name of the column.
-		 * @returns {number}
-		 */
-		getColumnIndexByHeaderText(headerText: string, field?: string): number;
-
-		/** Get the content div element of grid.
-		 * @returns {HTMLElement}
-		 */
-		getContent(): HTMLElement;
-
-		/** Get the content table element of grid
-		 * @returns {Array<HTMLTableElement>}
-		 */
-		getContentTable(): HTMLTableElement[];
-
-		/** Get the data of currently edited cell value in &quot;batch&quot; edit mode
-		 * @returns {any}
-		 */
-		getCurrentEditCellData(): any;
-
-		/** Get the current page index in grid pager.
-		 * @returns {number}
-		 */
-		getCurrentIndex(): number;
-
-		/** Get the current page data source of grid.
-		 * @returns {Array<any>}
-		 */
-		getCurrentViewData(): any[];
-
-		/** Get the data of given row index in grid.
-		 * @returns {any}
-		 */
-		getDataByIndex(): any;
-
-		/** Get the column field name from the given header text in grid.
-		 * @param {string} Pass header text of the column to get its corresponding field name
-		 * @returns {String}
-		 */
-		getFieldNameByHeaderText(headerText: string): string;
-
-		/** Get the filter bar of grid
-		 * @returns {HTMLElement}
-		 */
-		getFilterBar(): HTMLElement;
-
-		/** Get the records filtered or searched in Grid
-		 * @returns {Array<any>}
-		 */
-		getFilteredRecords(): any[];
-
-		/** Get the footer content of grid.
-		 * @returns {HTMLElement}
-		 */
-		getFooterContent(): HTMLElement;
-
-		/** Get the footer table element of grid.
-		 * @returns {HTMLElement}
-		 */
-		getFooterTable(): HTMLElement;
-
-		/** Get the header content div element of grid.
-		 * @returns {HTMLElement}
-		 */
-		getHeaderContent(): HTMLElement;
-
-		/** Get the header table element of grid
-		 * @returns {HTMLElement}
-		 */
-		getHeaderTable(): HTMLElement;
-
-		/** Get the column header text from the given field name in grid.
-		 * @param {string} Pass field name of the column to get its corresponding header text
-		 * @returns {String}
-		 */
-		getHeaderTextByFieldName(field: string): string;
-
-		/** Get the names of all the hidden column collections in grid.
-		 * @returns {Array<any>}
-		 */
-		getHiddenColumnNames(): any[];
-
-		/** Get the row index based on the given tr element in grid.
-		 * @param {JQuery} Pass the tr element in grid content to get its row index
-		 * @returns {number}
-		 */
-		getIndexByRow($tr: JQuery): number;
-
-		/** Get the pager of grid.
-		 * @returns {HTMLElement}
-		 */
-		getPager(): HTMLElement;
-
-		/** Get the names of primary key columns in Grid
-		 * @returns {Array<any>}
-		 */
-		getPrimaryKeyFieldNames(): any[];
-
-		/** Get the rows(tr element) from the given from and to row index in grid
-		 * @param {number} Pass the from index from which the rows to be returned
-		 * @param {number} Pass the to index to which the rows to be returned
-		 * @returns {HTMLElement}
-		 */
-		getRowByIndex(from: number, to: number): HTMLElement;
-
-		/** Get the row height of grid.
-		 * @returns {number}
-		 */
-		getRowHeight(): number;
-
-		/** Get the rows(tr element)of grid which is displayed in the current page.
-		 * @returns {HTMLElement}
-		 */
-		getRows(): HTMLElement;
-
-		/** Get the scroller object of grid.
-		 * @returns {ej.Scroller}
-		 */
-		getScrollObject(): ej.Scroller;
-
-		/** Get the selected records details in grid.
-		 * @returns {Array<any>}
-		 */
-		getSelectedRecords(): any[];
-
-		/** Get the selected row element details in grid.
-		 * @returns {Array<any>}
-		 */
-		getSelectedRows(): any[];
-
-		/** It accepts the string value and returns the field and sorted direction of the column in grid.
-		 * @param {string} Pass the field of the column to get the sorted direction of the corresponding column in Grid.
-		 * @returns {number}
-		 */
-		getsortColumnByField(field: string): number;
-
-		/** Get the calculated summary values of JSON data passed to it
-		 * @param {any} Pass Summary Column details
-		 * @param {any} Pass JSON Array for which its field values to be calculated
-		 * @returns {Number}
-		 */
-		getSummaryValues(summaryCol: any, summaryData: any): number;
-
-		/** Get the names of all the visible column collections in grid
-		 * @returns {Array<any>}
-		 */
-		getVisibleColumnNames(): any[];
-
-		/** Send a paging request to specified page in grid
-		 * @param {number} Pass the page index to perform paging at specified page index
-		 * @returns {void}
-		 */
-		gotoPage(pageIndex: number): void;
-
-		/** Send a column grouping request in grid.
-		 * @param {string} Pass the field Name of the column to be grouped in grid control
-		 * @returns {void}
-		 */
-		groupColumn(fieldName: string): void;
-
-		/** Hide columns from the grid based on the header text
-		 * @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to hide
-		 * @returns {void}
-		 */
-		hideColumns(headerText: any[] | string): void;
-
-		/** Print the grid control
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** It is used to refresh and reset the changes made in &quot;batch&quot; edit mode
-		 * @returns {void}
-		 */
-		refreshBatchEditChanges(): void;
-
-		/** It is used to refresh the grid header.
-		 * @returns {void}
-		 */
-		refreshHeader(): void;
-
-		/** Refresh the grid contents. The template refreshment is based on the argument passed along with this method
-		 * @param {boolean} optional When templateRefresh is set true, template and grid contents both are refreshed in grid else only grid content is refreshed
-		 * @returns {void}
-		 */
-		refreshContent(templateRefresh?: boolean): void;
-
-		/** Refresh the template of the grid
-		 * @returns {void}
-		 */
-		refreshTemplate(): void;
-
-		/** Refresh the toolbar items in grid.
-		 * @returns {void}
-		 */
-		refreshToolbar(): void;
-
-		/** Remove a column or collection of columns from a sorted column collections in grid.
-		 * @param {Array<any>|string} Pass array of field names of the columns to remove a collection of sorted columns or pass a string of field name to remove a column from sorted column collections
-		 * @returns {void}
-		 */
-		removeSortedColumns(fieldName: any[] | string): void;
-
-		/** Creates a grid control
-		 * @returns {void}
-		 */
-		render(): void;
-
-		/** Re-order the column in grid
-		 * @param {string} Pass the from field name of the column needs to be changed
-		 * @param {string} Pass the to field name of the column needs to be changed
-		 * @returns {void}
-		 */
-		reorderColumns(fromFieldName: string, toFieldName: string): void;
-
-		/** Re-order the row in grid
-		 * @param {Array<any>} Pass the indexes of the rows needs to reorder.
-		 * @param {number} Pass the index of a row where to be reordered.
-		 * @returns {void}
-		 */
-		reorderRows(indexes: any[], toindex: number): void;
-
-		/** Reset the model collections like pageSettings, groupSettings, filterSettings, sortSettings and summaryRows.
-		 * @returns {void}
-		 */
-		resetModelCollections(): void;
-
-		/** Resize the columns by giving column name and width for the corresponding one.
-		 * @param {string} Pass the column name that needs to be changed
-		 * @param {string} Pass the width to resize the particular columns
-		 * @returns {void}
-		 */
-		resizeColumns(column: string, width: string): void;
-
-		/** Resolves row height issue when unbound column is used with FrozenColumn
-		 * @returns {void}
-		 */
-		rowHeightRefresh(): void;
-
-		/** Save the particular edited cell in grid.
-		 * @returns {void}
-		 */
-		//saveCell(): void;
-
-		/** We can prevent the client side cellSave event triggering by passing the preventSaveEvent argument as true.
-		 * @param {boolean} optionalIf we pass preventSaveEvent as true, it prevents the client side cellSave event triggering
-		 * @returns {void}
-		 */
-		saveCell(preventSaveEvent: boolean): void;
-
-		/** Set dimension for grid with corresponding to grid parent.
-		 * @param {number} Pass the height of the grid container
-		 * @param {number} Pass the width of the grid container
-		 * @returns {void}
-		 */
-		setDimension(height: number, width: number): void;
-
-		/** Send a request to grid to refresh the width set to columns
-		 * @returns {void}
-		 */
-		setWidthToColumns(): void;
-
-		/** Send a search request to grid with specified string passed in it
-		 * @param {string} Pass the string to search in Grid records
-		 * @returns {void}
-		 */
-		search(searchString: string): void;
-
-		/** Select cells in grid.
-		 * @param {any} It is used to set the starting index of row and indexes of cells for that corresponding row for selecting cells.
-		 * @returns {void}
-		 */
-		selectCells(rowCellIndexes: any): void;
-
-		/** Select columns in grid.
-		 * @param {number} It is used to set the starting index of column for selecting columns.
-		 * @returns {void}
-		 */
-		selectColumns(fromIndex: number): void;
-
-		/** Select the specified columns in grid based on Index provided.
-		 * @param {number} It is used to set the starting index of column for selecting columns.
-		 * @param {number} optionalIt is used to set the ending index of column for selecting columns.
-		 * @returns {Boolean}
-		 */
-		selectColumns(columnIndex: number, toIndex?: number): boolean;
-
-		/** Select rows in grid.
-		 * @param {number} It is used to set the starting index of row for selecting rows.
-		 * @param {number} It is used to set the ending index of row for selecting rows.
-		 * @returns {void}
-		 */
-		selectRows(fromIndex: number, toIndex: number): void;
-
-		/** Select specified rows in grid based on Index provided.
-		 * @param {Array<any>|number} It is used to set the starting index of row for selecting rows.
-		 * @param {number} optionalIt is used to set the ending index of row for selecting rows.
-		 * @param {any} optionalTarget element which is clicked.
-		 * @returns {void}
-		 */
-		selectRows(from: any[] | number, to: number, target?: any): void;
-
-		/** Select rows in grid.
-		 * @param {Array<any>} Pass array of rowIndexes for selecting rows
-		 * @returns {void}
-		 */
-		selectRows(rowIndexes: any[]): void;
-
-		/** Used to update a particular cell value.
-		 * @returns {void}
-		 */
-		setCellText(): void;
-
-		/** Used to update a particular cell value based on specified row Index and the fieldName.
-		 * @param {number} It is used to set the index for selecting the row.
-		 * @param {string} It is used to set the field name for selecting column.
-		 * @param {any} It is used to set the value for the selected cell.
-		 * @returns {void}
-		 */
-		setCellValue(Index: number, fieldName: string, value: any): void;
-
-		/** It sets the default data to the column in grid during adding record in batch edit mode.
-		 * @returns {void}
-		 */
-		setDefaultData(): void;
-
-		/** The grid rows has to be rendered as detail view in mobile mode based on given value.
-		 * @param {number} It is used to render grid rows as details view in mobile mode.
-		 * @returns {void}
-		 */
-		setPhoneModeMaxWidth(Index: number): void;
-
-		/** Set validation to edit form in the grid.
-		 * @returns {void}
-		 */
-		setValidation(): void;
-
-		/** Set validation to a particular input field in a edit form dynamically.
-		 * @param {string} Specify the field name of the column to set validation rules
-		 * @param {any} Specify the validation rules for the field
-		 * @returns {void}
-		 */
-		setValidationToField(fieldName: string, rules: any): void;
-
-		/** Show columns in the grid based on the header text
-		 * @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to show
-		 * @returns {void}
-		 */
-		showColumns(headerText: any[] | string): void;
-
-		/** Send a sorting request in grid.
-		 * @param {string} Pass the field name of the column as columnName for which sorting have to be performed
-		 * @param {string} optional Pass the sort direction ascending/descending by which the column have to be sort. By default it is sorting in an ascending order
-		 * @returns {void}
-		 */
-		sortColumn(columnName: string, sortingDirection?: string): void;
-
-		/** Send an edit record request in grid
-		 * @param {JQuery} Pass the tr- selected row element to be edited in grid
-		 * @returns {void}
-		 */
-		startEdit($tr: JQuery): void;
-
-		/** Un-group a column from grouped columns collection in grid
-		 * @param {string} Pass the field Name of the column to be ungrouped from grouped column collection
-		 * @returns {void}
-		 */
-		ungroupColumn(fieldName: string): void;
-
-		/** Update a edited record in grid control when allowEditing is set as true.
-		 * @param {string} Pass the primary key field Name of the column
-		 * @param {Array<any>} Pass the edited JSON data of record need to be update.
-		 * @returns {void}
-		 */
-		updateRecord(fieldName: string, data: any[]): void;
-
-		/** It adapts grid to its parent element or to the browsers window.
-		 * @returns {void}
-		 */
-		windowonresize(): void;
-	}
-	export namespace Grid {
-
-		export interface Model {
-
-			/** Gets or sets a value that indicates whether to customizing cell based on our needs.
-			 * @Default {false}
-			 */
-			allowCellMerging?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic grouping behavior. Grouping can be done by drag on drop desired columns to grid’s GroupDropArea.
-			 * This can be further customized through “groupSettings” property.
-			 * @Default {false}
-			 */
-			allowGrouping?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable keyboard support for performing grid actions. selectionType – Gets or sets a value that indicates whether to enable single
-			 * row or multiple rows selection behavior in grid. Multiple selection can be done through by holding CTRL and clicking the grid rows
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic filtering behavior on grid. Filtering can be used to limit the records displayed using required criteria and
-			 * this can be further customized through “filterSettings” property
-			 * @Default {false}
-			 */
-			allowFiltering?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
-			 * @Default {false}
-			 */
-			allowSorting?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable multi columns sorting behavior in grid. Sort multiple columns by holding CTRL and click on the corresponding column header.
-			 * @Default {false}
-			 */
-			allowMultiSorting?: boolean;
-
-			/** This specifies the grid to show the paginated data. Also enables pager control at the bottom of grid for dynamic navigation through data source.
-			 * Paging can be further customized through “pageSettings” property.
-			 * @Default {false}
-			 */
-			allowPaging?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the columns reordering behavior in the grid. Reordering can be done through by drag and drop the particular column
-			 * from one index to another index within the grid.
-			 * @Default {false}
-			 */
-			allowReordering?: boolean;
-
-			/** Gets or sets a value that indicates whether the column is non resizable. Column width is set automatically based on the content or header text which is large.
-			 * @Default {false}
-			 */
-			allowResizeToFit?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic resizable of columns. Resize the width of the columns by simply click and move the particular column header line
-			 * @Default {false}
-			 */
-			allowResizing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the rows reordering in Grid and drag &amp; drop rows between multiple Grid.
-			 * @Default {false}
-			 */
-			allowRowDragAndDrop?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the scrollbar in the grid and view the records by scroll through the grid manually
-			 * @Default {false}
-			 */
-			allowScrolling?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic searching behavior in grid. Currently search box can be enabled through “toolbarSettings”
-			 * @Default {false}
-			 */
-			allowSearching?: boolean;
-
-			/** Gets or sets a value that indicates whether user can select rows on grid. On enabling feature, selected row will be highlighted.
-			 * @Default {true}
-			 */
-			allowSelection?: boolean;
-
-			/** Gets or sets a value that indicates whether the Content will wrap to the next line if the content exceeds the boundary of the Column Cells.
-			 * @Default {false}
-			 */
-			allowTextWrap?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the multiple exporting behavior on grid data.
-			 * @Default {false}
-			 */
-			allowMultipleExporting?: boolean;
-
-			/** Gets or sets a value that indicates to define common width for all the columns in the grid.
-			 */
-			commonWidth?: number;
-
-			/** Gets or sets a value that indicates to enable the visibility of the grid lines.
-			 * @Default {ej.Grid.GridLines.Both}
-			 */
-			gridLines?: ej.Grid.GridLines | string;
-
-			/** This specifies the grid to add the grid control inside the grid row of the parent with expand/collapse options
-			 * @Default {null}
-			 */
-			childGrid?: any;
-
-			/** Used to enable or disable static width settings for column. If the columnLayout is set as fixed, then column width will be static.
-			 * @Default {ej.Grid.ColumnLayout.Auto}
-			 */
-			columnLayout?: ej.Grid.ColumnLayout | string;
-
-			/** Gets or sets an object that indicates to render the grid with specified columns
-			 * @Default {[]}
-			 */
-			columns?: Column[];
-
-			/** Gets or sets an object that indicates whether to customize the context menu behavior of the grid.
-			 */
-			contextMenuSettings?: ContextMenuSettings;
-
-			/** Gets or sets a value that indicates to render the grid with custom theme.
-			 */
-			cssClass?: string;
-
-			/** Gets or sets the data to render the grid with records
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Default Value:
-			 * @Default {null}
-			 */
-			detailsTemplate?: string;
-
-			/** Gets or sets an object that indicates whether to customize the editing behavior of the grid.
-			 */
-			editSettings?: EditSettings;
-
-			/** Gets or sets a value that indicates whether to enable the alternative rows differentiation in the grid records based on corresponding theme.
-			 * @Default {true}
-			 */
-			enableAltRow?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the save action in the grid through row selection
-			 * @Default {true}
-			 */
-			enableAutoSaveOnSelectionChange?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable mouse over effect on the corresponding column header cell of the grid
-			 * @Default {false}
-			 */
-			enableHeaderHover?: boolean;
-
-			/** Gets or sets a value that indicates whether to persist the grid model state in page using applicable medium i.e., HTML5 localStorage or cookies
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Gets or sets a value that indicates whether the grid rows has to be rendered as detail view in mobile mode
-			 * @Default {false}
-			 */
-			enableResponsiveRow?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable mouse over effect on corresponding grid row.
-			 * @Default {true}
-			 */
-			enableRowHover?: boolean;
-
-			/** Align content in the grid control from right to left by setting the property as true.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** To Disable the mouse swipe property as false.
-			 * @Default {true}
-			 */
-			enableTouch?: boolean;
-
-			/** It sets a value that indicates whether to enable toolbar items, when allowEditing, allowAdding and allowDeleting property set as false in the grid.
-			 * @Default {false}
-			 */
-			enableToolbarItems?: boolean;
-
-			/** Act as mapper for the excel exporting URL.
-			 * @Default {ExportToExcel}
-			 */
-			exportToExcelAction?: string;
-
-			/** Act as mapper for the PDF exporting URL.
-			 * @Default {ExportToPdf}
-			 */
-			exportToPdfAction?: string;
-
-			/** Act as mapper for the Word exporting URL.
-			 * @Default {ExportToWord}
-			 */
-			exportToWordAction?: string;
-
-			/** Gets or sets an object that indicates whether to customize the filtering behavior of the grid
-			 */
-			filterSettings?: FilterSettings;
-
-			/** Gets or sets an object that indicates whether to customize the grouping behavior of the grid.
-			 */
-			groupSettings?: GroupSettings;
-
-			/** Gets or sets a value that indicates whether the grid design has be to made responsive.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** This specifies to change the key in keyboard interaction to grid control
-			 * @Default {null}
-			 */
-			keySettings?: any;
-
-			/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and
-			 * culture specific to a particular country or region.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Gets or sets a value that indicates whether to set the minimum width of the responsive grid while isResponsive property is true and enableResponsiveRow property is set as false.
-			 * @Default {0}
-			 */
-			minWidth?: number;
-
-			/** Gets or sets an object that indicates whether to modify the pager default configuration.
-			 */
-			pageSettings?: PageSettings;
-
-			/** Query the dataSource from the table for Grid.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Gets or sets an object that indicates whether to modify the resizing behavior.
-			 */
-			resizeSettings?: ResizeSettings;
-
-			/** Gets or sets a value that indicates to render the grid with template rows. The template row must be a table row. That table row must have the JavaScript render binding format ({{:columnName}})
-			 * then the grid data source binds the data to the corresponding table row of the template.
-			 * @Default {null}
-			 */
-			rowTemplate?: string;
-
-			/** Gets or sets an object that indicates whether to customize the drag and drop behavior of the grid rows
-			 */
-			rowDropSettings?: RowDropSettings;
-
-			/** Gets or sets an object that indicates whether to customize the searching behavior of the grid
-			 */
-			searchSettings?: SearchSettings;
-
-			/** Gets a value that indicates whether the grid model to hold multiple selected records . selectedRecords can be used to displayed hold the single
-			 * or multiple selected records using “selectedRecords” property
-			 * @Default {null}
-			 */
-			selectedRecords?: any[];
-
-			/** Gets or sets a value that indicates to select the row while initializing the grid
-			 * @Default {-1}
-			 */
-			selectedRowIndex?: number;
-
-			/** Gets or sets a value that indicates the selected rows in grid
-			 * @Default {[]}
-			 */
-			selectedRowIndices?: any[];
-
-			/** This property is used to configure the selection behavior of the grid.
-			 */
-			selectionSettings?: SelectionSettings;
-
-			/** The row selection behavior of grid. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
-			 * @Default {ej.Grid.SelectionType.Single}
-			 */
-			selectionType?: ej.Grid.SelectionType | string;
-
-			/** Gets or sets an object that indicates whether to customize the scrolling behavior of the grid.
-			 */
-			scrollSettings?: ScrollSettings;
-
-			/** Default Value:
-			 * @Default {false}
-			 */
-			showColumnChooser?: boolean;
-
-			/** Gets or sets a value that indicates stacked header should be shown on grid layout when the property “stackedHeaderRows” is set.
-			 * @Default {false}
-			 */
-			showStackedHeader?: boolean;
-
-			/** Gets or sets a value that indicates summary rows should be shown on grid layout when the property “summaryRows” is set
-			 * @Default {false}
-			 */
-			showSummary?: boolean;
-
-			/** Gets or sets a value that indicates whether to customize the sorting behavior of the grid.
-			 */
-			sortSettings?: SortSettings;
-
-			/** Gets or sets an object that indicates to managing the collection of stacked header rows for the grid.
-			 * @Default {[]}
-			 */
-			stackedHeaderRows?: StackedHeaderRow[];
-
-			/** Gets or sets an object that indicates to managing the collection of summary rows for the grid.
-			 * @Default {[]}
-			 */
-			summaryRows?: SummaryRow[];
-
-			/** Gets or sets an object that indicates whether to auto wrap the grid header or content or both
-			 */
-			textWrapSettings?: TextWrapSettings;
-
-			/** Gets or sets an object that indicates whether to enable the toolbar in the grid and add toolbar items
-			 */
-			toolbarSettings?: ToolbarSettings;
-
-			/** Triggered for every grid action before its starts. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggered for every grid action success event. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggered for every grid action server failure event. */
-			actionFailure?(e: ActionFailureEventArgs): void;
-
-			/** Triggered when record batch add. */
-			batchAdd?(e: BatchAddEventArgs): void;
-
-			/** Triggered when record batch delete. */
-			batchDelete?(e: BatchDeleteEventArgs): void;
-
-			/** Triggered before the batch add. */
-			beforeBatchAdd?(e: BeforeBatchAddEventArgs): void;
-
-			/** Triggered before the batch delete. */
-			beforeBatchDelete?(e: BeforeBatchDeleteEventArgs): void;
-
-			/** Triggered before the batch save. */
-			beforeBatchSave?(e: BeforeBatchSaveEventArgs): void;
-
-			/** Triggered before the print. */
-			beforePrint?(e: BeforePrintEventArgs): void;
-
-			/** Triggered before row drop in the grid */
-			beforeRowDrop?(e: BeforeRowDropEventArgs): void;
-
-			/** Triggered before the record is going to be edited. */
-			beginEdit?(e: BeginEditEventArgs): void;
-
-			/** Triggered when record cell edit. */
-			cellEdit?(e: CellEditEventArgs): void;
-
-			/** Triggered when record cell save. */
-			cellSave?(e: CellSaveEventArgs): void;
-
-			/** Triggered after the cell is selected. */
-			cellSelected?(e: CellSelectedEventArgs): void;
-
-			/** Triggered before the cell is going to be selected. */
-			cellSelecting?(e: CellSelectingEventArgs): void;
-
-			/** Triggered after the cell is deselected. */
-			cellDeselected?(e: CellDeselectedEventArgs): void;
-
-			/** Triggered before the cell is going to be deselected. */
-			cellDeselecting?(e: CellDeselectingEventArgs): void;
-
-			/** Triggered when the column is being dragged. */
-			columnDrag?(e: ColumnDragEventArgs): void;
-
-			/** Triggered when column dragging begins. */
-			columnDragStart?(e: ColumnDragStartEventArgs): void;
-
-			/** Triggered when the column is dropped. */
-			columnDrop?(e: ColumnDropEventArgs): void;
-
-			/** Triggered when the row is being dragged. */
-			rowDrag?(e: RowDragEventArgs): void;
-
-			/** Triggered when row dragging begins. */
-			rowDragStart?(e: RowDragStartEventArgs): void;
-
-			/** Triggered when the row is dropped. */
-			rowDrop?(e: RowDropEventArgs): void;
-
-			/** Triggered after the column is selected. */
-			columnSelected?(e: ColumnSelectedEventArgs): void;
-
-			/** Triggered before the column is going to be selected. */
-			columnSelecting?(e: ColumnSelectingEventArgs): void;
-
-			/** Triggered after the column is deselected. */
-			columnDeselected?(e: ColumnDeselectedEventArgs): void;
-
-			/** Triggered before the column is going to be deselected. */
-			columnDeselecting?(e: ColumnDeselectingEventArgs): void;
-
-			/** Triggered when context menu item is clicked */
-			contextClick?(e: ContextClickEventArgs): void;
-
-			/** Triggered before the context menu is opened. */
-			contextOpen?(e: ContextOpenEventArgs): void;
-
-			/** Triggered when the grid is rendered completely. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggered when the grid is bound with data during initial rendering. */
-			dataBound?(e: DataBoundEventArgs): void;
-
-			/** Triggered when grid going to destroy. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggered when detail template row is clicked to collapse. */
-			detailsCollapse?(e: DetailsCollapseEventArgs): void;
-
-			/** Triggered detail template row is initialized. */
-			detailsDataBound?(e: DetailsDataBoundEventArgs): void;
-
-			/** Triggered when detail template row is clicked to expand. */
-			detailsExpand?(e: DetailsExpandEventArgs): void;
-
-			/** Triggered after the record is added. */
-			endAdd?(e: EndAddEventArgs): void;
-
-			/** Triggered after the record is deleted. */
-			endDelete?(e: EndDeleteEventArgs): void;
-
-			/** Triggered after the record is edited. */
-			endEdit?(e: EndEditEventArgs): void;
-
-			/** Triggered initial load. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggered every time a request is made to access particular cell information, element and data. */
-			mergeCellInfo?(e: MergeCellInfoEventArgs): void;
-
-			/** Triggered every time a request is made to access particular cell information, element and data. */
-			queryCellInfo?(e: QueryCellInfoEventArgs): void;
-
-			/** Triggered when record is clicked. */
-			recordClick?(e: RecordClickEventArgs): void;
-
-			/** Triggered when record is double clicked. */
-			recordDoubleClick?(e: RecordDoubleClickEventArgs): void;
-
-			/** Triggered after column resized. */
-			resized?(e: ResizedEventArgs): void;
-
-			/** Triggered when column resize end. */
-			resizeEnd?(e: ResizeEndEventArgs): void;
-
-			/** Triggered when column resize start. */
-			resizeStart?(e: ResizeStartEventArgs): void;
-
-			/** Triggered when right clicked on grid element. */
-			rightClick?(e: RightClickEventArgs): void;
-
-			/** Triggered every time a request is made to access row information, element and data. */
-			rowDataBound?(e: RowDataBoundEventArgs): void;
-
-			/** Triggered after the row is selected. */
-			rowSelected?(e: RowSelectedEventArgs): void;
-
-			/** Triggered before the row is going to be selected. */
-			rowSelecting?(e: RowSelectingEventArgs): void;
-
-			/** Triggered after the row is deselected. */
-			rowDeselected?(e: RowDeselectedEventArgs): void;
-
-			/** Triggered before the row is going to be deselected. */
-			rowDeselecting?(e: RowDeselectingEventArgs): void;
-
-			/** Triggered when refresh the template column elements in the Grid. */
-			templateRefresh?(e: TemplateRefreshEventArgs): void;
-
-			/** Triggered when toolbar item is clicked in grid. */
-			toolbarClick?(e: ToolbarClickEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current selected page number.
-			 */
-			currentPage?: number;
-
-			/** Returns the previous selected page number.
-			 */
-			previousPage?: number;
-
-			/** Returns the end row index of that current page.
-			 */
-			endIndex?: number;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the start row index of that current page.
-			 */
-			startIndex?: number;
-
-			/** Returns the current grouped column field name.
-			 */
-			columnName?: string;
-
-			/** Returns the column sort direction.
-			 */
-			columnSortDirection?: string;
-
-			/** Returns current edited row.
-			 */
-			row?: any;
-
-			/** Returns the current action event type.
-			 */
-			originalEventType?: string;
-
-			/** Returns primary key.
-			 */
-			primaryKey?: string;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns the edited row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns the selected row index.
-			 */
-			selectedRow?: number;
-
-			/** Returns selected row for delete.
-			 */
-			tr?: any;
-
-			/** Returns current filtering column field name.
-			 */
-			currentFilteringColumn?: any;
-
-			/** Returns current filtering object.
-			 */
-			currentFilterObject?: any;
-
-			/** Returns filter details.
-			 */
-			filterCollection?: any;
-
-			/** Returns type of the column like number, string and so on.
-			 */
-			columnType?: string;
-
-			/** Returns the excel filter model.
-			 */
-			filtermodel?: any;
-
-			/** Returns the dataSource.
-			 */
-			dataSource?: any;
-
-			/** Returns the query manager.
-			 */
-			query?: any;
-
-			/** Returns the customfilter option value.
-			 */
-			isCustomFilter?: boolean;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current selected page number.
-			 */
-			currentPage?: number;
-
-			/** Returns the previous selected page number.
-			 */
-			previousPage?: number;
-
-			/** Returns the end row index of that current page.
-			 */
-			endIndex?: number;
-
-			/** Returns current action event type.
-			 */
-			originalEventType?: string;
-
-			/** Returns the start row index of the current page.
-			 */
-			startIndex?: number;
-
-			/** Returns grid element.
-			 */
-			target?: any;
-
-			/** Returns the current sorted column field name.
-			 */
-			columnName?: string;
-
-			/** Returns the column sort direction.
-			 */
-			columnSortDirection?: string;
-
-			/** Returns current edited row.
-			 */
-			row?: any;
-
-			/** Returns primary key.
-			 */
-			primaryKey?: string;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns the edited row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the selectedRow index.
-			 */
-			selectedRow?: number;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns selected row for delete.
-			 */
-			tr?: any;
-
-			/** Returns current filtering column field name.
-			 */
-			currentFilteringColumn?: string;
-
-			/** Returns current filtering object.
-			 */
-			currentFilterObject?: any;
-
-			/** Returns filter details.
-			 */
-			filterCollection?: any;
-
-			/** Returns the dataSource.
-			 */
-			dataSource?: any;
-
-			/** Returns the excel filter model.
-			 */
-			filtermodel?: any;
-
-			/** Returns type of the column like number, string and so on.
-			 */
-			columnType?: string;
-
-			/** Returns the customfilter option value.
-			 */
-			isCustomFilter?: boolean;
-		}
-
-		export interface ActionFailureEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the error return by server.
-			 */
-			error?: any;
-
-			/** Returns the current selected page number.
-			 */
-			currentPage?: number;
-
-			/** Returns the previous selected page number.
-			 */
-			previousPage?: number;
-
-			/** Returns the end row index of that current page.
-			 */
-			endIndex?: number;
-
-			/** Returns current action event type.
-			 */
-			originalEventType?: string;
-
-			/** Returns the start row index of the current page.
-			 */
-			startIndex?: number;
-
-			/** Returns grid element.
-			 */
-			target?: any;
-
-			/** Returns the current sorted column field name.
-			 */
-			columnName?: string;
-
-			/** Returns the column sort direction.
-			 */
-			columnSortDirection?: string;
-
-			/** Returns current edited row.
-			 */
-			row?: any;
-
-			/** Returns primary key.
-			 */
-			primaryKey?: string;
-
-			/** Returns primary key value.
-			 */
-			primaryKeyValue?: string;
-
-			/** Returns the edited row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the selectedRow index.
-			 */
-			selectedRow?: number;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns selected row for delete.
-			 */
-			tr?: any;
-
-			/** Returns current filtering column field name.
-			 */
-			currentFilteringColumn?: string;
-
-			/** Returns current filtering object.
-			 */
-			currentFilterObject?: any;
-
-			/** Returns filter details.
-			 */
-			filterCollection?: any;
-		}
-
-		export interface BatchAddEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the column object.
-			 */
-			columnObject?: any;
-
-			/** Returns the column index.
-			 */
-			columnIndex?: number;
-
-			/** Returns the row element.
-			 */
-			row?: any;
-
-			/** Returns the primaryKey.
-			 */
-			primaryKey?: any;
-
-			/** Returns the cell object.
-			 */
-			cell?: any;
-		}
-
-		export interface BatchDeleteEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the primary key.
-			 */
-			primaryKey?: any;
-
-			/** Returns the row Index.
-			 */
-			rowIndex?: number;
-		}
-
-		export interface BeforeBatchAddEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the default data object.
-			 */
-			defaultData?: any;
-
-			/** Returns the primaryKey.
-			 */
-			primaryKey?: any;
-		}
-
-		export interface BeforeBatchDeleteEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the primaryKey.
-			 */
-			primaryKey?: any;
-
-			/** Returns the row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the row data.
-			 */
-			rowData?: any;
-
-			/** Returns the row element.
-			 */
-			row?: any;
-		}
-
-		export interface BeforeBatchSaveEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the changed record object.
-			 */
-			batchChanges?: any;
-		}
-
-		export interface BeforePrintEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the Grid element.
-			 */
-			element?: any;
-
-			/** Returns the selected records.
-			 */
-			selectedRows?: any;
-		}
-
-		export interface BeforeRowDropEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the targeted row.
-			 */
-			target?: any;
-
-			/** Returns the targeted row index.
-			 */
-			targetIndex?: any;
-
-			/** Returns the dragged record details
-			 */
-			draggedRecords?: any;
-
-			/** Returns the drop details
-			 */
-			dropDetails?: any;
-		}
-
-		export interface BeginEditEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current edited row.
-			 */
-			row?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the primary key.
-			 */
-			primaryKey?: any;
-
-			/** Returns the primary key value.
-			 */
-			primaryKeyValue?: any;
-
-			/** Returns the edited row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellEditEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the validation rules.
-			 */
-			validationRules?: any;
-
-			/** Returns the column name.
-			 */
-			columnName?: string;
-
-			/** Returns the cell value.
-			 */
-			value?: string;
-
-			/** Returns the row data object.
-			 */
-			rowData?: any;
-
-			/** Returns the previous value of the cell.
-			 */
-			previousValue?: string;
-
-			/** Returns the column object.
-			 */
-			columnObject?: any;
-
-			/** Returns the cell object.
-			 */
-			cell?: any;
-
-			/** Returns isForeignKey option value.
-			 */
-			isForeignKey?: boolean;
-		}
-
-		export interface CellSaveEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the column name.
-			 */
-			columnName?: string;
-
-			/** Returns the cell value.
-			 */
-			value?: string;
-
-			/** Returns the row data object.
-			 */
-			rowData?: any;
-
-			/** Returns the previous value of the cell.
-			 */
-			previousValue?: string;
-
-			/** Returns the column object.
-			 */
-			columnObject?: any;
-
-			/** Returns the cell object.
-			 */
-			cell?: any;
-
-			/** Returns isForeignKey option value.
-			 */
-			isForeignKey?: boolean;
-		}
-
-		export interface CellSelectedEventArgs {
-
-			/** Returns the selected cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the previous selected cell index value.
-			 */
-			previousRowCellIndex?: number;
-
-			/** Returns the selected cell element.
-			 */
-			currentCell?: any;
-
-			/** Returns the previous selected cell element.
-			 */
-			previousRowCell?: any;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the selected row cell index values.
-			 */
-			selectedRowCellIndex?: any[];
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellSelectingEventArgs {
-
-			/** Returns the selected cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the previous selected cell index value.
-			 */
-			previousRowCellIndex?: number;
-
-			/** Returns the selected cell element.
-			 */
-			currentCell?: any;
-
-			/** Returns the previous selected cell element.
-			 */
-			previousRowCell?: any;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns whether the ctrl key is pressed while selecting cell
-			 */
-			isCtrlKeyPressed?: boolean;
-
-			/** Returns whether the shift key is pressed while selecting cell
-			 */
-			isShiftKeyPressed?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellDeselectedEventArgs {
-
-			/** Returns the deselected cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the deselected cell element.
-			 */
-			currentCell?: any;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellDeselectingEventArgs {
-
-			/** Returns the deselecting cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the deselecting cell element.
-			 */
-			currentCell?: any;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns whether the ctrl key is pressed while deselecting cell
-			 */
-			isCtrlKeyPressed?: boolean;
-
-			/** Returns whether the shift key is pressed while deselecting cell
-			 */
-			isShiftKeyPressed?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ColumnDragEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns draggable element type.
-			 */
-			draggableType?: any;
-
-			/** Returns the draggable column object.
-			 */
-			column?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns target elements based on mouse move position.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ColumnDragStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns draggable element type.
-			 */
-			draggableType?: any;
-
-			/** Returns the draggable column object.
-			 */
-			column?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns drag start element.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ColumnDropEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns draggable element type.
-			 */
-			draggableType?: string;
-
-			/** Returns the draggable column object.
-			 */
-			column?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns dropped dragged element.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDragEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns draggable element type.
-			 */
-			draggableType?: any;
-
-			/** Returns the draggable row object.
-			 */
-			target?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns target elements based on mouse move position.
-			 */
-			currentTarget?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns JSON data of dragged rows.
-			 */
-			data?: any;
-		}
-
-		export interface RowDragStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns draggable element type.
-			 */
-			draggableType?: any;
-
-			/** Returns the draggable row object.
-			 */
-			target?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns drag start element cell.
-			 */
-			currentTarget?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the JSON data of dragged rows.
-			 */
-			data?: any;
-		}
-
-		export interface RowDropEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns draggable element type.
-			 */
-			draggableType?: string;
-
-			/** Returns the draggable row object.
-			 */
-			rows?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the current mouse position cell element.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the JSON data of dragged rows.
-			 */
-			data?: any;
-		}
-
-		export interface ColumnSelectedEventArgs {
-
-			/** Returns the selected cell index value.
-			 */
-			columnIndex?: number;
-
-			/** Returns the previous selected column index value.
-			 */
-			previousColumnIndex?: number;
-
-			/** Returns the selected header cell element.
-			 */
-			headerCell?: any;
-
-			/** Returns the previous selected header cell element.
-			 */
-			prevColumnHeaderCell?: any;
-
-			/** Returns corresponding column object (JSON).
-			 */
-			column?: any;
-
-			/** Returns the selected columns values.
-			 */
-			selectedColumnsIndex?: any[];
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ColumnSelectingEventArgs {
-
-			/** Returns the selected column index value.
-			 */
-			columnIndex?: number;
-
-			/** Returns the previous selected column index value.
-			 */
-			previousColumnIndex?: number;
-
-			/** Returns the selected header cell element.
-			 */
-			headerCell?: any;
-
-			/** Returns the previous selected header cell element.
-			 */
-			prevColumnHeaderCell?: any;
-
-			/** Returns corresponding column object (JSON).
-			 */
-			column?: any;
-
-			/** Returns whether the ctrl key is pressed while selecting cell
-			 */
-			isCtrlKeyPressed?: boolean;
-
-			/** Returns whether the shift key is pressed while selecting cell
-			 */
-			isShiftKeyPressed?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ColumnDeselectedEventArgs {
-
-			/** Returns the Deselected column index value.
-			 */
-			columnIndex?: number;
-
-			/** Returns the Deselected column header element.
-			 */
-			headerCell?: any;
-
-			/** Returns corresponding column object (JSON).
-			 */
-			column?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ColumnDeselectingEventArgs {
-
-			/** Returns the deselecting column index value.
-			 */
-			columnIndex?: number;
-
-			/** Returns the deselecting column header element.
-			 */
-			headerCell?: any;
-
-			/** Returns corresponding column object (JSON).
-			 */
-			column?: any;
-
-			/** Returns whether the ctrl key is pressed while deselecting column
-			 */
-			isCtrlKeyPressed?: boolean;
-
-			/** Returns whether the shift key is pressed while deselecting column
-			 */
-			isShiftKeyPressed?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ContextClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the status of contextmenu item which denotes its enabled state
-			 */
-			status?: boolean;
-
-			/** Returns the target item.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ContextOpenEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the status of contextmenu item which denotes its enabled state
-			 */
-			status?: boolean;
-
-			/** Returns the target item.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DataBoundEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DetailsCollapseEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns detail row element.
-			 */
-			detailsRow?: any;
-
-			/** Returns master row of detail row record object (JSON).
-			 */
-			masterData?: any;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns master row element.
-			 */
-			masterRow?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DetailsDataBoundEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns details row element.
-			 */
-			detailsElement?: any;
-
-			/** Returns the details row data.
-			 */
-			data?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DetailsExpandEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns detail row element.
-			 */
-			detailsRow?: any;
-
-			/** Returns master row of detail row record object (JSON).
-			 */
-			masterData?: any;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns master row element.
-			 */
-			masterRow?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface EndAddEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns added data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface EndDeleteEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface EndEditEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns modified data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface MergeHeaderCellInfoEventArgs {
-
-			/** Method to merge the header cells.
-			 */
-			headerCellMerge?: any;
-
-			/** Returns the column headers.
-			 */
-			columnHeaders?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-		}
-
-		export interface MergeCellInfoEventArgs {
-
-			/** Returns grid cell.
-			 */
-			cell?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current row record object (JSON).
-			 */
-			rowData?: any;
-
-			/** Returns the text value in the cell.
-			 */
-			text?: string;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Method to merge Grid rows.
-			 */
-			rowMerge?: any;
-
-			/** Method to merge Grid columns.
-			 */
-			colMerge?: any;
-
-			/** Method to merge Grid rows and columns.
-			 */
-			merge?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface QueryCellInfoEventArgs {
-
-			/** Returns grid cell.
-			 */
-			cell?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current row record object (JSON).
-			 */
-			rowData?: any;
-
-			/** Returns the text value in the cell.
-			 */
-			text?: string;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RecordClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the row index of the selected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the jQuery object of the current selected row.
-			 */
-			row?: any;
-
-			/** Returns the current selected cell.
-			 */
-			cell?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the corresponding cell value.
-			 */
-			cellValue?: string;
-
-			/** Returns the Header text of the column corresponding to the selected cell.
-			 */
-			columnName?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RecordDoubleClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the row index of the selected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the jQuery object of the current selected row.
-			 */
-			row?: any;
-
-			/** Returns the current selected cell.
-			 */
-			cell?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the selected cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the corresponding cell value.
-			 */
-			cellValue?: string;
-
-			/** Returns the Header text of the column corresponding to the selected cell.
-			 */
-			columnName?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizedEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the column index.
-			 */
-			columnIndex?: number;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the grid object.
-			 */
-			target?: any;
-
-			/** Returns the old width value.
-			 */
-			oldWidth?: number;
-
-			/** Returns the new width value.
-			 */
-			newWidth?: number;
-		}
-
-		export interface ResizeEndEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the column index.
-			 */
-			columnIndex?: number;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the grid object.
-			 */
-			target?: any;
-
-			/** Returns the old width value.
-			 */
-			oldWidth?: number;
-
-			/** Returns the new width value.
-			 */
-			newWidth?: number;
-
-			/** Returns the extra width value.
-			 */
-			extra?: number;
-		}
-
-		export interface ResizeStartEventArgs {
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns deleted data.
-			 */
-			data?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the column index.
-			 */
-			columnIndex?: number;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the grid object.
-			 */
-			target?: any;
-
-			/** Returns the old width value.
-			 */
-			oldWidth?: number;
-		}
-
-		export interface RightClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current record object (JSON).
-			 */
-			currentData?: any;
-
-			/** Returns the row index of the selected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the current selected row.
-			 */
-			row?: any;
-
-			/** Returns the selected row data object.
-			 */
-			data?: any;
-
-			/** Returns the cell index of the selected cell.
-			 */
-			cellIndex?: number;
-
-			/** Returns the cell value.
-			 */
-			cellValue?: string;
-
-			/** Returns the cell object.
-			 */
-			cell?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDataBoundEventArgs {
-
-			/** Returns grid row.
-			 */
-			row?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current row record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowSelectedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the foreign key record object (JSON).
-			 */
-			foreignKeyData?: any;
-
-			/** Returns the row index of the selected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the current selected row.
-			 */
-			row?: any;
-
-			/** Returns the previous selected row element.
-			 */
-			prevRow?: any;
-
-			/** Returns the previous selected row index.
-			 */
-			prevRowIndex?: number;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowSelectingEventArgs {
-
-			/** Returns the selected row index value.
-			 */
-			rowIndex?: number;
-
-			/** Returns the selected row element.
-			 */
-			row?: any;
-
-			/** Returns the previous selected row element.
-			 */
-			prevRow?: any;
-
-			/** Returns the previous selected row index.
-			 */
-			prevRowIndex?: number;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDeselectedEventArgs {
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns the row index of the deselected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the current deselected row element.
-			 */
-			row?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDeselectingEventArgs {
-
-			/** Returns the deselecting row index value.
-			 */
-			rowIndex?: number;
-
-			/** Returns the deselecting row element.
-			 */
-			row?: any;
-
-			/** Returns current record object (JSON).
-			 */
-			data?: any;
-
-			/** Returns whether the ctrl key is pressed while deselecting row
-			 */
-			isCtrlKeyPressed?: boolean;
-
-			/** Returns whether the shift key is pressed while deselecting row
-			 */
-			isShiftKeyPressed?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface TemplateRefreshEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cell object.
-			 */
-			cell?: any;
-
-			/** Returns the column object.
-			 */
-			column?: any;
-
-			/** Returns the current row data.
-			 */
-			rowData?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the current row index.
-			 */
-			rowIndex?: number;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ToolbarClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the status of toolbar item which denotes its enabled state
-			 */
-			status?: boolean;
-
-			/** Returns the target item.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the grid model.
-			 */
-			gridModel?: any;
-
-			/** Returns the toolbar object of the selected toolbar element.
-			 */
-			toolbarData?: any;
-
-			/** Returns the Id of the current toolbar element.
-			 */
-			itemId?: string;
-
-			/** Returns the index of the current toolbar element.
-			 */
-			itemIndex?: number;
-
-			/** Returns the name of the current toolbar element.
-			 */
-			itemName?: string;
-		}
-
-		export interface ColumnsCommand {
-
-			/** Gets or sets an object that indicates to define all the button options which are available in ejButton.
-			 */
-			buttonOptions?: any;
-
-			/** Gets or sets a value that indicates to add the command column button. See unboundType
-			 */
-			type?: ej.Grid.UnboundType | string;
-		}
-
-		export interface Column {
-
-			/** Sets the clip mode for Grid cell as ellipsis or clipped content(both header and content)
-			 * @Default {ej.Grid.ClipMode.Clip}
-			 */
-			clipMode?: ej.Grid.ClipMode | string;
-
-			/** Gets or sets a value that indicates whether to enable editing behavior for particular column.
-			 * @Default {true}
-			 */
-			allowEditing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic filtering behavior for particular column.
-			 * @Default {true}
-			 */
-			allowFiltering?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic grouping behavior for particular column.
-			 * @Default {true}
-			 */
-			allowGrouping?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic sorting behavior for particular column.
-			 * @Default {true}
-			 */
-			allowSorting?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable dynamic resizable for particular column.
-			 * @Default {true}
-			 */
-			allowResizing?: boolean;
-
-			/** Gets or sets an object that indicates to define a command column in the grid.
-			 * @Default {[]}
-			 */
-			commands?: ColumnsCommand[];
-
-			/** Gets or sets a value that indicates to provide custom CSS for an individual column.
-			 */
-			cssClass?: string;
-
-			/** Gets or sets a value that indicates the attribute values to the td element of a particular column
-			 */
-			customAttributes?: any;
-
-			/** Gets or sets a value that indicates to bind the external datasource to the particular column when column editType as dropdownedit and also it is used to bind the datasource
-			 * to the foreign key column while editing the grid. //Where data is array of JSON objects of text and value for the drop-down and array of JSON objects for foreign key column.
-			 * @Default {null}
-			 */
-			dataSource?: any[];
-
-			/** Gets or sets a value that indicates to display the specified default value while adding a new record to the grid
-			 */
-			defaultValue?: string | number | boolean | Date;
-
-			/** Gets or sets a value that indicates to render the grid content and header with an HTML elements
-			 * @Default {false}
-			 */
-			disableHtmlEncode?: boolean;
-
-			/** Gets or sets a value that indicates to display a column value as checkbox or string
-			 * @Default {true}
-			 */
-			displayAsCheckBox?: boolean;
-
-			/** Gets or sets a value that indicates to customize ejNumericTextbox of an editable column. See editingType
-			 */
-			editParams?: any;
-
-			/** Gets or sets a template that displays a custom editor used to edit column values. See editTemplate
-			 * @Default {null}
-			 */
-			editTemplate?: any;
-
-			/** Gets or sets a value that indicates to render the element(based on edit type) for editing the grid record. See editingType
-			 * @Default {ej.Grid.EditingType.String}
-			 */
-			editType?: ej.Grid.EditingType | string;
-
-			/** Gets or sets a value that indicates to groups the column based on its column format.
-			 * @Default {false}
-			 */
-			enableGroupByFormat?: boolean;
-
-			/** Gets or sets a value that indicates to display the columns in the grid mapping with column name of the dataSource.
-			 */
-			field?: string;
-
-			/** Gets or sets a template that customize the filter control from default . See filterBarTemplate
-			 * @Default {null}
-			 */
-			filterBarTemplate?: any;
-
-			/** Gets or sets a value that indicates to render the excel or menu filter dialog to the grid columns. See filterType
-			 * @Default {null}
-			 */
-			filterType?: ej.Grid.FilterType | string;
-
-			/** Gets or sets a value that indicates to define foreign key field name of the grid datasource.
-			 * @Default {null}
-			 */
-			foreignKeyField?: string;
-
-			/** Gets or sets a value that indicates to bind the field which is in foreign column datasource based on the foreignKeyField
-			 * @Default {null}
-			 */
-			foreignKeyValue?: string;
-
-			/** Gets or sets a value that indicates the format for the text applied on the column
-			 */
-			format?: string;
-
-			/** Gets or sets a value that indicates to add the template within the header element of the particular column.
-			 * @Default {null}
-			 */
-			headerTemplateID?: string;
-
-			/** Gets or sets a value that indicates to display the title of that particular column.
-			 */
-			headerText?: string;
-
-			/** This defines the text alignment of a particular column header cell value. See headerTextAlign
-			 * @Default {null}
-			 */
-			headerTextAlign?: ej.TextAlign | string;
-
-			/** It accepts the string value and shows the tooltip for the Grid column header.
-			 * @Default {null}
-			 */
-			headerTooltip?: string;
-
-			/** You can use this property to freeze selected columns in grid at the time of scrolling.
-			 * @Default {false}
-			 */
-			isFrozen?: boolean;
-
-			/** Gets or sets a value that indicates the column has an identity in the database.
-			 * @Default {false}
-			 */
-			isIdentity?: boolean;
-
-			/** Gets or sets a value that indicates the column is act as a primary key(read-only) of the grid. The editing is performed based on the primary key column
-			 * @Default {false}
-			 */
-			isPrimaryKey?: boolean;
-
-			/** Gets or sets a value that indicates the order of Column that are to be hidden or visible when Grid element is in responsive mode and could not occupy all columns.
-			 * @Default {-1}
-			 */
-			priority?: number;
-
-			/** Used to hide the particular column in column chooser by giving value as false.
-			 * @Default {true}
-			 */
-			showInColumnChooser?: boolean;
-
-			/** Gets or sets a value that indicates whether to enables column template for a particular column.
-			 * @Default {false}
-			 */
-			template?: boolean | string;
-
-			/** Gets or sets a value that indicates to align the text within the column. See textAlign
-			 * @Default {ej.TextAlign.Left}
-			 */
-			textAlign?: ej.TextAlign | string;
-
-			/** Sets the template for Tooltip in Grid Columns(both header and content)
-			 */
-			tooltip?: string;
-
-			/** Gets or sets a value that indicates to specify the data type of the specified columns.
-			 */
-			type?: string;
-
-			/** Gets or sets a value that indicates to define constraints for saving data to the database.
-			 */
-			validationRules?: any;
-
-			/** Gets or sets a value that indicates whether this column is visible in the grid.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Gets or sets a value that indicates to define the width for a particular column in the grid.
-			 */
-			width?: number;
-		}
-
-		export interface ContextMenuSettingsSubContextMenu {
-
-			/** Used to get or set the corresponding custom context menu item to which the submenu to be appended.
-			 * @Default {null}
-			 */
-			contextMenuItem?: string;
-
-			/** Used to get or set the sub menu items to the custom context menu item.
-			 * @Default {[]}
-			 */
-			subMenu?: any[];
-		}
-
-		export interface ContextMenuSettings {
-
-			/** Gets or sets a value that indicates whether to add the default context menu actions as a context menu items If enableContextMenu is true it will show all the items related to the target,
-			 * if you want selected items from contextmenu you have to mention in the contextMenuItems
-			 * @Default {[]}
-			 */
-			contextMenuItems?: any[];
-
-			/** Gets or sets a value that indicates whether to add custom contextMenu items within the toolbar to perform any action in the grid
-			 * @Default {[]}
-			 */
-			customContextMenuItems?: any[];
-
-			/** Gets or sets a value that indicates whether to enable the context menu action in the grid.
-			 * @Default {false}
-			 */
-			enableContextMenu?: boolean;
-
-			/** Used to get or set the subMenu to the corresponding custom context menu item.
-			 */
-			subContextMenu?: ContextMenuSettingsSubContextMenu[];
-
-			/** Gets or sets a value that indicates whether to disable the default context menu items in the grid.
-			 * @Default {false}
-			 */
-			disableDefaultItems?: boolean;
-		}
-
-		export interface EditSettings {
-
-			/** Gets or sets a value that indicates whether to enable insert action in the editing mode.
-			 * @Default {false}
-			 */
-			allowAdding?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the delete action in the editing mode.
-			 * @Default {false}
-			 */
-			allowDeleting?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the edit action in the editing mode.
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the editing action while double click on the record
-			 * @Default {true}
-			 */
-			allowEditOnDblClick?: boolean;
-
-			/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Dialog Box
-			 * @Default {null}
-			 */
-			dialogEditorTemplateID?: string;
-
-			/** Gets or sets a value that indicates whether to define the mode of editing See editMode
-			 * @Default {ej.Grid.EditMode.Normal}
-			 */
-			editMode?: ej.Grid.EditMode | string;
-
-			/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the External edit form
-			 * @Default {null}
-			 */
-			externalFormTemplateID?: string;
-
-			/** This specifies to set the position of an External edit form either in the top-right or bottom-left of the grid
-			 * @Default {ej.Grid.FormPosition.BottomLeft}
-			 */
-			formPosition?: ej.Grid.FormPosition | string;
-
-			/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Inline edit form
-			 * @Default {null}
-			 */
-			inlineFormTemplateID?: string;
-
-			/** This specifies to set the position of an adding new row either in the top or bottom of the grid
-			 * @Default {ej.Grid.RowPosition.Top}
-			 */
-			rowPosition?: ej.Grid.RowPosition | string;
-
-			/** Gets or sets a value that indicates whether the confirm dialog has to be shown while saving or discarding the batch changes
-			 * @Default {true}
-			 */
-			showConfirmDialog?: boolean;
-
-			/** Gets or sets a value that indicates whether the confirm dialog has to be shown while deleting record
-			 * @Default {false}
-			 */
-			showDeleteConfirmDialog?: boolean;
-
-			/** Gets or sets a value that indicates whether the title for edit form is different from the primarykey column.
-			 * @Default {null}
-			 */
-			titleColumn?: string;
-
-			/** Gets or sets a value that indicates whether to display the add new form by default in the grid.
-			 * @Default {false}
-			 */
-			showAddNewRow?: boolean;
-		}
-
-		export interface FilterSettingsFilteredColumn {
-
-			/** Gets or sets a value that indicates whether to define the field name of the column to be filter.
-			 */
-			field?: string;
-
-			/** Gets or sets a value that indicates whether to define the matchCase of given value to be filter.
-			 */
-			matchCase?: boolean;
-
-			/** Gets or sets a value that indicates whether to define the filter condition to filtered column. See operator
-			 */
-			operator?: ej.FilterOperators | string;
-
-			/** Gets or sets a value that indicates whether to define the predicate as and/or.
-			 */
-			predicate?: string;
-
-			/** Gets or sets a value that indicates whether to define the value to be filtered in a column.
-			 */
-			value?: string | number;
-		}
-
-		export interface FilterSettings {
-
-			/** Gets or sets a value that indicates to perform the filter operation with case sensitive in excel styled filter menu mode
-			 * @Default {false}
-			 */
-			enableCaseSensitivity?: boolean;
-
-			/** Gets or sets a value that indicates to define the interDeterminateState of checkbox in excel filter dialog.
-			 * @Default {true}
-			 */
-			enableInterDeterminateState?: boolean;
-
-			/** This specifies the grid to starts the filter action while typing in the filterBar or after pressing the enter key. based on the filterBarMode. See filterBarMode.
-			 * @Default {ej.Grid.FilterBarMode.Immediate}
-			 */
-			filterBarMode?: ej.Grid.FilterBarMode | string;
-
-			/** Gets or sets a value that indicates whether to define the filtered columns details programmatically at initial load
-			 * @Default {[]}
-			 */
-			filteredColumns?: FilterSettingsFilteredColumn[];
-
-			/** This specifies the grid to show the filterBar or filterMenu to the grid records. See filterType
-			 * @Default {ej.Grid.FilterType.FilterBar}
-			 */
-			filterType?: ej.Grid.FilterType | string;
-
-			/** This specifies the grid to delay the filter action while typing in the filterBar.
-			 * @Default {1500}
-			 */
-			immediateModeDelay?: number;
-
-			/** Gets or sets a value that indicates the maximum number of filter choices that can be showed in the excel styled filter menu.
-			 * @Default {1000}
-			 */
-			maxFilterChoices?: number;
-
-			/** This specifies the grid to show the filter text within the grid pager itself.
-			 * @Default {true}
-			 */
-			showFilterBarMessage?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the predicate options in the filtering menu
-			 * @Default {false}
-			 */
-			showPredicate?: boolean;
-		}
-
-		export interface GroupSettings {
-
-			/** Gets or sets a value that customize the group caption format.
-			 * @Default {null}
-			 */
-			captionFormat?: string;
-
-			/** Gets or sets a value that indicates whether to enable animation button option in the group drop area of the grid.
-			 * @Default {false}
-			 */
-			enableDropAreaAutoSizing?: boolean;
-
-			/** Gets or sets a value that indicates whether to add grouped columns programmatically at initial load
-			 * @Default {[]}
-			 */
-			groupedColumns?: any[];
-
-			/** Gets or sets a value that indicates whether to show the group drop area just above the column header. It can be used to avoid ungrouping the already grouped column using groupSettings.
-			 * @Default {true}
-			 */
-			showDropArea?: boolean;
-
-			/** Gets or sets a value that indicates whether to hide the grouped columns from the grid
-			 * @Default {false}
-			 */
-			showGroupedColumn?: boolean;
-
-			/** Gets or sets a value that indicates whether to show the group button image(toggle button)in the column header and also in the grouped column in the group drop area.
-			 * It can be used to group/ungroup the columns by click on the toggle button.
-			 * @Default {false}
-			 */
-			showToggleButton?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the close button in the grouped column which is in the group drop area to ungroup the grouped column
-			 * @Default {false}
-			 */
-			showUngroupButton?: boolean;
-		}
-
-		export interface PageSettings {
-
-			/** Gets or sets a value that indicates whether to define which page to display currently in the grid
-			 * @Default {1}
-			 */
-			currentPage?: number;
-
-			/** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
-			 * @Default {false}
-			 */
-			enableQueryString?: boolean;
-
-			/** Gets or sets a value that indicates whether to enables pager template for the grid.
-			 * @Default {false}
-			 */
-			enableTemplates?: boolean;
-
-			/** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation
-			 * @Default {8}
-			 */
-			pageCount?: number;
-
-			/** Gets or sets a value that indicates whether to define the number of records displayed per page
-			 * @Default {12}
-			 */
-			pageSize?: number;
-
-			/** Gets or sets a value that indicates whether to enables default pager for the grid.
-			 * @Default {false}
-			 */
-			showDefaults?: boolean;
-
-			/** Gets or sets a value that indicates to add the template as a pager template for grid.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Get the value of total number of pages in the grid. The totalPages value is calculated based on page size and total records of grid
-			 * @Default {null}
-			 */
-			totalPages?: number;
-
-			/** Get the value of total number of records which is bound to the grid. The totalRecordsCount value is calculated based on dataSource bound to the grid.
-			 * @Default {null}
-			 */
-			totalRecordsCount?: number;
-
-			/** Gets or sets a value that indicates whether to define the number of pages to print
-			 * @Default {ej.Grid.PrintMode.AllPages}
-			 */
-			printMode?: ej.Grid.PrintMode | string;
-		}
-
-		export interface ResizeSettings {
-
-			/** Gets or sets a value that indicates whether to define the mode of resizing.
-			 * @Default {ej.Grid.ResizeMode.Normal}
-			 */
-			resizeMode?: ej.Grid.ResizeMode | string;
-		}
-
-		export interface RowDropSettings {
-
-			/** This specifies the grid to drop the grid rows only at particular target element.
-			 * @Default {null}
-			 */
-			dropTargetID?: any;
-
-			/** This helps in mapping server-side action when rows are dragged from Grid.
-			 * @Default {null}
-			 */
-			dragMapper?: string;
-
-			/** This helps in mapping server-side action when rows are dropped in Grid.
-			 * @Default {null}
-			 */
-			dropMapper?: string;
-			/** Gets or sets a value that indicates whether to define the behavior for drag.
-			 * @Default {ej.Grid.DragBehavior.Move}
-			 */
-			dragBehavior?: ej.Grid.DragBehavior | string;
-		}
-
-		export interface SearchSettings {
-
-			/** This specify the grid to search for the value in particular columns that is mentioned in the field.
-			 * @Default {[]}
-			 */
-			fields?: any;
-
-			/** This specifies the grid to search the particular data that is mentioned in the key.
-			 */
-			key?: string;
-
-			/** It specifies the grid to search the records based on operator.
-			 * @Default {contains}
-			 */
-			operator?: string;
-
-			/** It enables or disables case-sensitivity while searching the search key in grid.
-			 * @Default {true}
-			 */
-			ignoreCase?: boolean;
-		}
-
-		export interface SelectionSettings {
-
-			/** Gets or sets a value that indicates the cell selection actions based on the cell selection mode.
-			 * @Default {flow}
-			 */
-			cellSelectionMode?: string;
-
-			/** Gets or sets a value that indicates whether to enable the toggle selection behavior for row, cell and column.
-			 * @Default {false}
-			 */
-			enableToggle?: boolean;
-
-			/** Gets or sets a value that indicates whether to add the default selection actions as a selection mode.See selectionMode
-			 * @Default {[row]}
-			 */
-			selectionMode?: any[];
-		}
-
-		export interface ScrollSettings {
-
-			/** This specify the grid to to view data that you require without buffering the entire load of a huge database
-			 * @Default {false}
-			 */
-			allowVirtualScrolling?: boolean;
-
-			/** It accepts the boolean value and shows or hides the scrollbar while focus in or focus out of the Grid.
-			 * @Default {false}
-			 */
-			autoHide?: boolean;
-
-			/** Specifies the height and width of button in the scrollbar.
-			 * @Default {18}
-			 */
-			buttonSize?: number;
-
-			/** This specify the grid to enable/disable touch control for scrolling.
-			 * @Default {true}
-			 */
-			enableTouchScroll?: boolean;
-
-			/** This specify the grid to freeze particular columns at the time of scrolling.
-			 * @Default {0}
-			 */
-			frozenColumns?: number;
-
-			/** This specify the grid to freeze particular rows at the time of scrolling.
-			 * @Default {0}
-			 */
-			frozenRows?: number;
-
-			/** This specify the grid to show the vertical scroll bar, to scroll and view the grid contents.
-			 * @Default {0}
-			 */
-			height?: string | number;
-
-			/** It accepts the integer value and sets the width of scrollbar.
-			 * @Default {18}
-			 */
-			scrollerSize?: number;
-
-			/** This is used to define the mode of virtual scrolling in grid. See virtualScrollMode
-			 * @Default {ej.Grid.VirtualScrollMode.Normal}
-			 */
-			virtualScrollMode?: ej.Grid.VirtualScrollMode | string;
-
-			/** This is used to enable the enhanced virtual scrolling in Grid.
-			 * @Default {false}
-			 */
-			enableVirtualization?: boolean;
-
-			/** This specify the grid to show the horizontal scroll bar, to scroll and view the grid contents
-			 * @Default {250}
-			 */
-			width?: string | number;
-
-			/** This specify the scroll down pixel of mouse wheel, to scroll mouse wheel and view the grid contents.
-			 * @Default {57}
-			 */
-			scrollOneStepBy?: number;
-		}
-
-		export interface SortSettingsSortedColumn {
-
-			/** Gets or sets a value that indicates whether to define the direction to sort the column.
-			 */
-			direction?: string;
-
-			/** Gets or sets a value that indicates whether to define the field name of the column to be sort
-			 */
-			field?: string;
-		}
-
-		export interface SortSettings {
-
-			/** Gets or sets a value that indicates whether to define the direction and field to sort the column.
-			 */
-			sortedColumns?: SortSettingsSortedColumn[];
-		}
-
-		export interface StackedHeaderRowsStackedHeaderColumn {
-
-			/** Gets or sets a value that indicates the header text for the particular stacked header column.
-			 * @Default {null}
-			 */
-			column?: any;
-
-			/** Gets or sets a value that indicates class to the corresponding stackedHeaderColumn.
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** Gets or sets a value that indicates the header text for the particular stacked header column.
-			 * @Default {null}
-			 */
-			headerText?: string;
-
-			/** Gets or sets a value that indicates the text alignment of the corresponding headerText.
-			 * @Default {ej.TextAlign.Left}
-			 */
-			textAlign?: string;
-
-			/** Sets the template for tooltip for the Grid stackedHeaderColumns.
-			 * @Default {null}
-			 */
-			tooltip?: string;
-		}
-
-		export interface StackedHeaderRow {
-
-			/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows
-			 * @Default {[]}
-			 */
-			stackedHeaderColumns?: StackedHeaderRowsStackedHeaderColumn[];
-		}
-
-		export interface SummaryRowsSummaryColumn {
-
-			/** Gets or sets a value that indicates the text displayed in the summary column as a value
-			 * @Default {null}
-			 */
-			customSummaryValue?: string;
-
-			/** This specifies summary column used to perform the summary calculation
-			 * @Default {null}
-			 */
-			dataMember?: string;
-
-			/** Gets or sets a value that indicates to define the target column at which to display the summary.
-			 * @Default {null}
-			 */
-			displayColumn?: string;
-
-			/** Gets or sets a value that indicates the format for the text applied on the column
-			 * @Default {null}
-			 */
-			format?: string;
-
-			/** Gets or sets a value that indicates the text displayed before the summary column value
-			 * @Default {null}
-			 */
-			prefix?: string;
-
-			/** Gets or sets a value that indicates the text displayed after the summary column value
-			 * @Default {null}
-			 */
-			suffix?: string;
-
-			/** Gets or sets a value that indicates the type of calculations to be performed for the corresponding summary column
-			 * @Default {[]}
-			 */
-			summaryType?: ej.Grid.SummaryType | string;
-
-			/** Gets or sets a value that indicates to add the template for the summary value of dataMember given.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface SummaryRow {
-
-			/** Gets or sets a value that indicates whether to show the summary value within the group caption area for the corresponding summary column while grouping the column
-			 * @Default {false}
-			 */
-			showCaptionSummary?: boolean;
-
-			/** Gets or sets a value that indicates whether to show the group summary value for the corresponding summary column while grouping a column
-			 * @Default {false}
-			 */
-			showGroupSummary?: boolean;
-
-			/** Gets or sets a value that indicates whether to show the total summary value the for the corresponding summary column. The summary row is added after the grid content.
-			 * @Default {true}
-			 */
-			showTotalSummary?: boolean;
-
-			/** Gets or sets a value that indicates whether to add summary columns into the summary rows.
-			 * @Default {[]}
-			 */
-			summaryColumns?: SummaryRowsSummaryColumn[];
-
-			/** This specifies the grid to show the title for the summary rows.
-			 */
-			title?: string;
-
-			/** This specifies the grid to show the title of summary row in the specified column.
-			 * @Default {null}
-			 */
-			titleColumn?: string;
-		}
-
-		export interface TextWrapSettings {
-
-			/** This specifies the grid to apply the auto wrap for grid content or header or both.
-			 * @Default {ej.Grid.WrapMode.Both}
-			 */
-			wrapMode?: ej.Grid.WrapMode | string;
-		}
-
-		export interface ToolbarSettingsCustomToolbarItem {
-
-			/** Gets or sets a value that indicates whether to add custom toolbar item as a template element.
-			 */
-			templateID?: string;
-
-			/** Gets or sets a value that indicates whether to add custom toolbar item with a custom tooltip.
-			 */
-			tooltip?: string;
-		}
-
-		export interface ToolbarSettings {
-
-			/** Gets or sets a value that indicates whether to add custom toolbar items within the toolbar to perform any action in the grid
-			 * @Default {[]}
-			 */
-			customToolbarItems?: any[];
-
-			/** Gets or sets a value that indicates whether to enable toolbar in the grid.
-			 * @Default {false}
-			 */
-			showToolbar?: boolean;
-
-			/** Gets or sets a value that indicates whether to add the default editing actions as a toolbar items
-			 * @Default {[]}
-			 */
-			toolbarItems?: Array<ej.Grid.ToolBarItems | string>;
-		}
-
-		enum GridLines {
-
-			///Displays both the horizontal and vertical grid lines.
-			Both,
-
-			///Displays the horizontal grid lines only.
-			Horizontal,
-
-			///Displays the vertical grid lines only.
-			Vertical,
-
-			///No grid lines are displayed.
-			None
-		}
-
-
-		enum ClipMode {
-
-			///Shows ellipsis for the overflown cell.
-			Ellipsis,
-
-			///Truncate the text in the cell
-			Clip,
-
-			///Shows ellipsis and tooltip for the overflown cell.
-			EllipsisWithTooltip
-		}
-
-
-		enum ColumnLayout {
-
-			///Column layout is auto(based on width).
-			Auto,
-
-			///Column layout is fixed(based on width).
-			Fixed
-		}
-
-
-		enum UnboundType {
-
-			///Unbound type is edit.
-			Edit,
-
-			///Unbound type is save.
-			Save,
-
-			///Unbound type is delete.
-			Delete,
-
-			///Unbound type is cancel.
-			Cancel
-		}
-
-
-		enum EditingType {
-
-			///Specifies editing type as string edit.
-			String,
-
-			///Specifies editing type as boolean edit.
-			Boolean,
-
-			///Specifies editing type as numeric edit.
-			Numeric,
-
-			///Specifies editing type as dropdown edit.
-			Dropdown,
-
-			///Specifies editing type as datepicker.
-			DatePicker,
-
-			///Specifies editing type as datetime picker.
-			DateTimePicker
-		}
-
-
-		enum FilterType {
-
-			///Specifies the filter type as menu.
-			Menu,
-
-			///Specifies the filter type as excel.
-			Excel
-		}
-
-
-		enum EditMode {
-
-			///Edit mode is normal.
-			Normal,
-
-			///Edit mode is dialog.
-			Dialog,
-
-			///Edit mode is dialog template.
-			DialogTemplate,
-
-			///Edit mode is batch.
-			Batch,
-
-			///Edit mode is inline form.
-			InlineForm,
-
-			///Edit mode is inline template form.
-			InlineTemplateForm,
-
-			///Edit mode is external form.
-			ExternalForm,
-
-			///Edit mode is external form template.
-			ExternalFormTemplate
-		}
-
-
-		enum FormPosition {
-
-			///Form position is bottomleft.
-			BottomLeft,
-
-			///Form position is topright.
-			TopRight
-		}
-
-
-		enum RowPosition {
-
-			///Specifies position of add new row as top.
-			Top,
-
-			///Specifies position of add new row as bottom.
-			Bottom
-		}
-
-
-		enum FilterBarMode {
-
-			///Initiate filter operation on typing the filter query.
-			Immediate,
-
-			///Initiate filter operation after Enter key is pressed.
-			OnEnter
-		}
-
-
-		enum PrintMode {
-
-			///Prints all pages.
-			AllPages,
-
-			///Prints current page.
-			CurrentPage
-		}
-
-
-		enum ResizeMode {
-
-			///New column size will be adjusted by all other Columns
-			Normal,
-
-			///New column Size will be adjusted using next column.
-			NextColumn,
-
-			///New column Size will be adjusted using entire control
-			Control
-		}
-
-
-		enum DragBehavior {
-
-			///Moves a dragged row from one grid to another
-			Move,
-
-			///Copies a dragged row from one grid to another
-			Copy
-		}
-
-
-		enum SelectionType {
-
-			///Specifies the selection type as single.
-			Single,
-
-			///Specifies the selection type as multiple.
-			Multiple
-		}
-
-
-		enum VirtualScrollMode {
-
-			///virtual scroll mode is normal.
-			Normal,
-
-			///virtual scroll mode is continuous.
-			Continuous
-		}
-
-
-		enum SummaryType {
-
-			///Summary type is average.
-			Average,
-
-			///Summary type is minimum.
-			Minimum,
-
-			///Summary type is maximum.
-			Maximum,
-
-			///Summary type is count.
-			Count,
-
-			///Summary type is sum.
-			Sum,
-
-			///Summary type is custom.
-			Custom,
-
-			///Summary type is true count.
-			TrueCount,
-
-			///Summary type is false count.
-			FalseCount
-		}
-
-
-		enum WrapMode {
-
-			///Auto wrap is applied for both content and header.
-			Both,
-
-			///Auto wrap is applied only for content.
-			Content,
-
-			///Auto wrap is applied only for header.
-			Header
-		}
-
-
-		enum ToolBarItems {
-
-			///Toolbar item is add.
-			Add,
-
-			///Toolbar item is edit.
-			Edit,
-
-			///Toolbar item is delete.
-			Delete,
-
-			///Toolbar item is update.
-			Update,
-
-			///Toolbar item is cancel.
-			Cancel,
-
-			///Toolbar item is search.
-			Search,
-
-			///Toolbar item is pdfExport.
-			PdfExport,
-
-			///Toolbar item is printGrid.
-			PrintGrid,
-
-			///Toolbar item is wordExport.
-			WordExport
-		}
-
-	}
-
-	class Sparkline extends ej.Widget {
-		static fn: Sparkline;
-		constructor(element: JQuery | Element, options?: Sparkline.Model);
-		static Locale: any;
-		model: Sparkline.Model;
-		defaults: Sparkline.Model;
-
-		/** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-		 * @returns {void}
-		 */
-		redraw(): void;
-	}
-	export namespace Sparkline {
-
-		export interface Model {
-
-			/** Background color of the plot area.
-			 * @Default {transparent}
-			 */
-			background?: string;
-
-			/** Fill color for the sparkline series.
-			 * @Default {#33ccff}
-			 */
-			fill?: string;
-
-			/** Border color of the series.
-			 * @Default {null}
-			 */
-			stroke?: string;
-
-			/** Options for customizing the color, opacity and width of the sparkline border.
-			 */
-			border?: Border;
-
-			/** Border width of the series.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Opacity of the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Color for series high point.
-			 * @Default {null}
-			 */
-			highPointColor?: string;
-
-			/** Color for series low point.
-			 * @Default {null}
-			 */
-			lowPointColor?: string;
-
-			/** Color for series start point.
-			 * @Default {null}
-			 */
-			startPointColor?: string;
-
-			/** Color for series end point.
-			 * @Default {null}
-			 */
-			endPointColor?: string;
-
-			/** Color for series negative point.
-			 * @Default {null}
-			 */
-			negativePointColor?: string;
-
-			/** Options for customizing the color, opacity of the sparkline start and end range.
-			 */
-			rangeBandSettings?: RangeBandSettings;
-
-			/** Name of the culture based on which sparkline should be localized.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Name of a field in data source, where the fill color for all the data points is generated.
-			 */
-			palette?: string;
-
-			/** Controls whether sparkline has to be responsive or not.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
-			 * @Default {false}
-			 */
-			enableCanvasRendering?: boolean;
-
-			/** Specify to convert the date object to string, using locale settings.
-			 * @Default {false}
-			 */
-			enableGroupSeparator?: boolean;
-
-			/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Name of the property in the datasource that contains x value for the series.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Name of the property in the datasource that contains y value for the series.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Gap or padding for sparkline.
-			 * @Default {8}
-			 */
-			padding?: number;
-
-			/** Specifies the type of the series to render in sparkline.
-			 * @Default {line. See Type}
-			 */
-			type?: ej.datavisualization.Sparkline.Type | string;
-
-			/** Specifies the theme for Sparkline.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Sparkline.Theme | string;
-
-			/** Options to customize the tooltip.
-			 */
-			tooltip?: Tooltip;
-
-			/** Options for displaying and customizing marker for a data point.
-			 */
-			markerSettings?: MarkerSettings;
-
-			/** Options to customize the Sparkline size.
-			 */
-			size?: Size;
-
-			/** Options for customizing the color,dashArray and width of the axisLine.
-			 */
-			axisLineSettings?: AxisLineSettings;
-
-			/** Fires before loading the sparkline. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires after loaded the sparkline. */
-			loaded?(e: LoadedEventArgs): void;
-
-			/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
-			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
-
-			/** Fires before rendering a series. This event is fired for each series in Sparkline. */
-			seriesRendering?(e: SeriesRenderingEventArgs): void;
-
-			/** Fires when mouse is moved over a point. */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
-
-			/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
-			pointRegionMouseClick?(e: PointRegionMouseClickEventArgs): void;
-
-			/** Fires on moving mouse over the sparkline. */
-			sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
-
-			/** Fires on moving mouse outside the sparkline. */
-			sparklineMouseLeave?(e: SparklineMouseLeaveEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadedEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface TooltipInitializeEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X Location of the trackball tooltip in pixels
-			 */
-			locationX?: any;
-
-			/** Y Location of the trackball tooltip in pixels
-			 */
-			locationY?: any;
-
-			/** Index of the point for which trackball tooltip is displayed
-			 */
-			pointIndex?: number;
-
-			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-			 */
-			currentText?: string;
-		}
-
-		export interface SeriesRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-            /** Instance of the sparkline model object
-             */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Minimum x value of the data point
-			 */
-			minX?: any;
-
-			/** Minimum y value of the data point
-			 */
-			minY?: any;
-
-			/** Maximum x value of the data point
-			 */
-			maxX?: any;
-
-			/** Maximum y value of the data point
-			 */
-			maxY?: any;
-		}
-
-		export interface PointRegionMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
-
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Type of the series
-			 */
-			seriesType?: string;
-		}
-
-		export interface PointRegionMouseClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
-
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Type of the series
-			 */
-			seriesType?: string;
-		}
-
-		export interface SparklineMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SparklineMouseLeaveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Border {
-
-			/** Border color of the sparkline.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Width of the Sparkline border.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface RangeBandSettings {
-
-			/** Start value of the range band.
-			 * @Default {null}
-			 */
-			startRange?: number;
-
-			/** End value of the range band.
-			 * @Default {null}
-			 */
-			endRange?: number;
-
-			/** Range band opacity of the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Range band color of the series.
-			 * @Default {transparent}
-			 */
-			color?: string;
-		}
-
-		export interface TooltipBorder {
-
-			/** Border color of the tooltip.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the tooltip.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface TooltipFont {
-
-			/** Font color of the text in the tooltip.
-			 * @Default {#111111}
-			 */
-			color?: string;
-
-			/** Font Family for the tooltip.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font Style for the tooltip.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Sparkline.FontStyle | string;
-
-			/** Specifies the font weight for the tooltip.
-			 * @Default {Regular}
-			 */
-			fontWeight?: ej.datavisualization.Sparkline.FontWeight | string;
-
-			/** Opacity for text in the tooltip.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for text in the tooltip.
-			 * @Default {8px}
-			 */
-			size?: string;
-		}
-
-		export interface Tooltip {
-
-			/** Show/hides the tooltip visibility.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Fill color for the sparkline tooltip.
-			 * @Default {white}
-			 */
-			fill?: string;
-
-			/** Custom template to the tooltip.
-			 */
-			template?: string;
-
-			/** Options for customizing the border of the tooltip.
-			 */
-			border?: TooltipBorder;
-
-			/** Options for customizing the font of the tooltip.
-			 */
-			font?: TooltipFont;
-		}
-
-		export interface MarkerSettingsBorder {
-
-			/** Border color of the marker shape.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Controls the opacity of the marker border.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Border width of the marker shape.
-			 * @Default {null}
-			 */
-			width?: number;
-		}
-
-		export interface MarkerSettings {
-
-			/** Controls the opacity of the marker.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Controls the visibility of the marker shape.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** width of the marker shape.
-			 * @Default {2}
-			 */
-			width?: number;
-
-			/** Color of the marker shape.
-			 * @Default {white}
-			 */
-			fill?: string;
-
-			/** Options for customizing the border of the marker shape.
-			 */
-			border?: MarkerSettingsBorder;
-		}
-
-		export interface Size {
-
-			/** Height of the Sparkline. Height can be specified in either pixel or percentage.
-			 * @Default {''}
-			 */
-			height?: string;
-
-			/** Width of the Sparkline. Width can be specified in either pixel or percentage.
-			 * @Default {''}
-			 */
-			width?: string;
-		}
-
-		export interface AxisLineSettings {
-
-			/** Controls the visibility of the axis.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Color of the axis line.
-			 * @Default {'#111111'}
-			 */
-			color?: string;
-
-			/** Width of the axis line.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Dash array of the axis line.
-			 * @Default {1}
-			 */
-			dashArray?: number;
-		}
-	}
-	namespace Sparkline {
-		enum Type {
-			//string
-			Area,
-			//string
-			Line,
-			//string
-			Column,
-			//string
-			Pie,
-			//string
-			WinLoss,
-		}
-	}
-	namespace Sparkline {
-		enum Theme {
-			//string
-			Azure,
-			//string
-			FlatLight,
-			//string
-			FlatDark,
-			//string
-			Azuredark,
-			//string
-			Lime,
-			//string
-			LimeDark,
-			//string
-			Saffron,
-			//string
-			SaffronDark,
-			//string
-			GradientLight,
-			//string
-			GradientDark,
-		}
-	}
-	namespace Sparkline {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Italic,
-		}
-	}
-	namespace Sparkline {
-		enum FontWeight {
-			//string
-			Regular,
-			//string
-			Bold,
-			//string
-			Lighter,
-		}
-	}
-
-	class SunburstChart extends ej.Widget {
-		static fn: SunburstChart;
-		constructor(element: JQuery | Element, options?: SunburstChart.Model);
-		static Locale: any;
-		model: SunburstChart.Model;
-		defaults: SunburstChart.Model;
-
-		/** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-		 * @returns {void}
-		 */
-		redraw(): void;
-
-		/** destroy the sunburst
-		 * @returns {void}
-		 */
-		_destroy(): void;
-	}
-	export namespace SunburstChart {
-
-		export interface Model {
-
-			/** Background color of the plot area.
-			 * @Default {null}
-			 */
-			background?: string;
-
-			/** Bind the data field from the data source.
-			 * @Default {null}
-			 */
-			valueMemberPath?: string;
-
-			/** Options for customizing the sunburst border.
-			 */
-			border?: Border;
-
-			/** Options for customizing the sunburst segment border.
-			 */
-			segmentBorder?: SegmentBorder;
-
-			/** Specifies the dataSource to the sunburst.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Palette color for the data points.
-			 * @Default {null}
-			 */
-			palette?: string;
-
-			/** Parent node of the data points.
-			 * @Default {null}
-			 */
-			parentNode?: string;
-
-			/** Name of the property in the datasource that contains x values.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Name of the property in the datasource that contains y values.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Controls whether sunburst has to be responsive or not.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Options to customize the Sunburst size.
-			 */
-			size?: Size;
-
-			/** Controls the visibility of sunburst.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Options to customize the Sunburst tooltip.
-			 */
-			tooltip?: Tooltip;
-
-			/** Options for customizing sunburst points.
-			 */
-			points?: Points;
-
-			/** Sunburst rendering will start from the specified value
-			 * @Default {null}
-			 */
-			startAngle?: number;
-
-			/** Sunburst rendering will end at the specified value
-			 * @Default {null}
-			 */
-			endAngle?: number;
-
-			/** Sunburst outer radius value
-			 * @Default {1}
-			 */
-			radius?: number;
-
-			/** Sunburst inner radius value
-			 * @Default {0.4}
-			 */
-			innerRadius?: number;
-
-			/** Options to customize the Sunburst dataLabel.
-			 */
-			dataLabelSettings?: DataLabelSettings;
-
-			/** Options for customizing the title and subtitle of sunburst.
-			 */
-			title?: Title;
-
-			/** Options for customizing the appearance of the levels or point while highlighting.
-			 */
-			highlightSettings?: HighlightSettings;
-
-			/** Options for customizing the appearance of the levels or data point while selection.
-			 */
-			selectionSettings?: SelectionSettings;
-
-			/** Specify levels of sunburst for grouped visualization of data
-			 * @Default {[]}
-			 */
-			levels?: Level[];
-
-			/** Options to customize the legend items and legend title.
-			 */
-			legend?: Legend;
-
-			/** Specifies the theme for Sunburst.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Sunburst.SunburstTheme | string;
-
-			/** Options to customize the left, right, top and bottom margins of sunburst area.
-			 */
-			margin?: Margin;
-
-			/** Enable/disable the animation for all the levels.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Opacity of the levels.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Options for enable zooming feature of chart.
-			 */
-			zoomSettings?: ZoomSettings;
-
-			/** Animation type of sunburst
-			 * @Default {rotation. See Alignment}
-			 */
-			animationType?: ej.datavisualization.Sunburst.Animation | string;
-
-			/** Fires before loading. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires before rendering sunburst. */
-			preRender?(e: PreRenderEventArgs): void;
-
-			/** Fires after rendering sunburst. */
-			loaded?(e: LoadedEventArgs): void;
-
-			/** Fires before rendering the datalabel */
-			dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
-
-			/** Fires before rendering each segment */
-			segmentRendering?(e: SegmentRenderingEventArgs): void;
-
-			/** Fires before rendering sunburst title. */
-			titleRendering?(e: TitleRenderingEventArgs): void;
-
-			/** Fires during initialization of tooltip. */
-			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
-
-			/** Fires after clicking the point in sunburst */
-			pointRegionClick?(e: PointRegionClickEventArgs): void;
-
-			/** Fires while moving the mouse over sunburst points */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
-
-			/** Fires when clicking the point to perform drilldown. */
-			drillDownClick?(e: DrillDownClickEventArgs): void;
-
-			/** Fires when resetting drilldown points. */
-			drillDownBack?(e: DrillDownBackEventArgs): void;
-
-			/** Fires after resetting the sunburst points */
-			drillDownReset?(e: DrillDownResetEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Load event data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PreRenderEventArgs {
-
-			/** PreRender event data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadedEventArgs {
-
-			/** Loaded event data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DataLabelRenderingEventArgs {
-
-			/** Sunburst datalabel data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SegmentRenderingEventArgs {
-
-			/** Sunburst datalabel data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface TitleRenderingEventArgs {
-
-			/** Sunburst title data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface TooltipInitializeEventArgs {
-
-			/** Sunburst tooltip data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PointRegionClickEventArgs {
-
-			/** Includes clicked points region data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PointRegionMouseMoveEventArgs {
-
-			/** Includes data of mouse moved region
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrillDownClickEventArgs {
-
-			/** Clicked point data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrillDownBackEventArgs {
-
-			/** Drill down data of points
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrillDownResetEventArgs {
-
-			/** Drill down reset data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Border {
-
-			/** Border color of the sunburst.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Width of the Sunburst border.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface SegmentBorder {
-
-			/** Segment Border color of the sunburst.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Width of the Sunburst segment border.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface Size {
-
-			/** Height of the Sunburst.
-			 * @Default {''}
-			 */
-			height?: string;
-
-			/** Width of the Sunburst.
-			 * @Default {''}
-			 */
-			width?: string;
-		}
-
-		export interface TooltipBorder {
-
-			/** Border color of the tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the tooltip.
-			 * @Default {5}
-			 */
-			width?: number;
-		}
-
-		export interface TooltipFont {
-
-			/** Font color of the text in the tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font Family for the tooltip.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font Style for the tooltip.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Specifies the font weight for the tooltip.
-			 * @Default {Regular}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity for text in the tooltip.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for text in the tooltip.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface Tooltip {
-
-			/** tooltip visibility of the Sunburst.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Options for customizing the border of the sunburst tooltip.
-			 */
-			border?: TooltipBorder;
-
-			/** Fill color for the sunburst tooltip.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the font of the tooltip.
-			 */
-			font?: TooltipFont;
-
-			/** Custom template to the tooltip.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface Points {
-
-			/** Points x value of the sunburst.
-			 * @Default {null}
-			 */
-			x?: string;
-
-			/** Points y value of the sunburst.
-			 * @Default {null}
-			 */
-			y?: number;
-
-			/** Points text of the sunburst.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Points fill color of the sunburst.
-			 * @Default {null}
-			 */
-			fill?: string;
-		}
-
-		export interface DataLabelSettingsFont {
-
-			/** Font family of the data label.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the data label.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight of the data label.
-			 * @Default {regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity of the text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font color of the data label text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font size of the data label.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface DataLabelSettings {
-
-			/** Datalabel visibility of the Sunburst.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Alignment of sunburst datalabel
-			 * @Default {Angle. See DatalabelAlignment}
-			 */
-			labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode | string;
-
-			/** Options for customizing the data label font.
-			 */
-			font?: DataLabelSettingsFont;
-
-			/** Custom template for datalabel
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Fill color for the datalabel
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Datalabel overflow mode
-			 * @Default {Trim. See LabelOverflowMode}
-			 */
-			labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode | string;
-		}
-
-		export interface TitleFont {
-
-			/** Font family for Sunburst title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for Sunburst title.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for Sunburst title.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity of the Sunburst title.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for Sunburst title.
-			 * @Default {20px}
-			 */
-			size?: string;
-		}
-
-		export interface TitleSubtitleFont {
-
-			/** Font family of sub title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for sub title.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for sub title.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity of the sub title.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for sub title.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface TitleSubtitle {
-
-			/** Subtitle text for sunburst
-			 */
-			text?: string;
-
-			/** Sub title text visibility for sunburst
-			 * @Default {true}
-			 */
-			visible?: string;
-
-			/** Sub title text alignment
-			 * @Default {far. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-
-			/** Options for customizing the font of sub title.
-			 */
-			font?: TitleSubtitleFont;
-		}
-
-		export interface Title {
-
-			/** Title text for sunburst
-			 */
-			text?: string;
-
-			/** Title text visibility for sunburst
-			 * @Default {true}
-			 */
-			visible?: string;
-
-			/** Title text alignment
-			 * @Default {center. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-
-			/** Options for customizing the font of sunburst title.
-			 */
-			font?: TitleFont;
-
-			/** Options to customize the sub title of Sunburst.
-			 */
-			subtitle?: TitleSubtitle;
-		}
-
-		export interface HighlightSettings {
-
-			/** Enables/disables the ability to highlight the levels or point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether the levels or point has to be highlighted.
-			 * @Default {point. See Mode}
-			 */
-			mode?: ej.datavisualization.Sunburst.SunburstHighlightMode | string;
-
-			/** Color of the levels/point on highlight.
-			 * @Default {red}
-			 */
-			color?: string;
-
-			/** Opacity of the levels/point on highlight.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Specifies whether the levels or data point has to be highlighted.
-			 * @Default {opacity. See Mode}
-			 */
-			type?: ej.datavisualization.Sunburst.SunburstHighlightType | string;
-		}
-
-		export interface SelectionSettings {
-
-			/** Enables/disables the ability to select the levels or data point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether the levels or data point has to be selected.
-			 * @Default {point. See Mode}
-			 */
-			mode?: ej.datavisualization.Sunburst.SunburstHighlightMode | string;
-
-			/** Color of the levels/point on selection.
-			 * @Default {green}
-			 */
-			color?: string;
-
-			/** Opacity of the levels/point on selection.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Specifies whether the levels or data point has to be selected.
-			 * @Default {opacity. See Mode}
-			 */
-			type?: ej.datavisualization.Sunburst.SunburstHighlightType | string;
-		}
-
-		export interface Level {
-
-			/** Specifies the group member path
-			 * @Default {null}
-			 */
-			groupMemberPath?: string;
-		}
-
-		export interface LegendBorder {
-
-			/** Border color of the legend.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the legend.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface LegendFont {
-
-			/** Font family for legend item text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend item text.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for legend item text.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Font size for legend item text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LegendItemStyle {
-
-			/** Height of the shape in legend items.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Width of the shape in legend items.
-			 * @Default {10}
-			 */
-			width?: number;
-		}
-
-		export interface LegendLocation {
-
-			/** X value or horizontal offset to position the legend in chart.
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Y value or vertical offset to position the legend.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface LegendSize {
-
-			/** Height of the legend. Height can be specified in either pixel or percentage.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Width of the legend. Width can be specified in either pixel or percentage.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface LegendTitleFont {
-
-			/** Font family for the text in legend title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend title.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for legend title.
-			 * @Default {normal. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Font size for legend title.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LegendTitle {
-
-			/** Options to customize the font used for legend title
-			 */
-			font?: LegendTitleFont;
-
-			/** Enables or disables the legend title.
-			 * @Default {true}
-			 */
-			visible?: string;
-
-			/** Text to be displayed in legend title.
-			 */
-			text?: string;
-
-			/** Alignment of the legend title.
-			 * @Default {center. See Alignment}
-			 */
-			textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-		}
-
-		export interface Legend {
-
-			/** Visibility of the legend.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Interactive action of legend items.
-			 * @Default {toggleSegmentVisibility. See Alignment}
-			 */
-			clickAction?: ej.datavisualization.Sunburst.SunburstClickAction | string;
-
-			/** Horizontal alignment of the legend.
-			 * @Default {Center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-
-			/** Options for customizing the legend border.
-			 */
-			border?: LegendBorder;
-
-			/** Number of columns to arrange the legend items.
-			 * @Default {null}
-			 */
-			columnCount?: number;
-
-			/** Number of rows to arrange the legend items.
-			 * @Default {null}
-			 */
-			rowCount?: number;
-
-			/** Options to customize the font used for legend item text.
-			 */
-			font?: LegendFont;
-
-			/** Gap or padding between the legend items.
-			 * @Default {10}
-			 */
-			itemPadding?: number;
-
-			/** Options to customize the style of legend items.
-			 */
-			itemStyle?: LegendItemStyle;
-
-			/** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
-			 */
-			location?: LegendLocation;
-
-			/** Places the legend at specified position. Legend can be placed at left, right, top or bottom of the chart area.To manually specify the location of legend, set custom as value to this property.
-			 * @Default {Bottom. See Position}
-			 */
-			position?: ej.datavisualization.Sunburst.SunburstLegendPosition | string;
-
-			/** Shape of the legend items.
-			 * @Default {None. See Shape}
-			 */
-			shape?: ej.datavisualization.Sunburst.SunburstLegendShape | string;
-
-			/** Options to customize the size of the legend.
-			 */
-			size?: LegendSize;
-
-			/** Options to customize the legend title.
-			 */
-			title?: LegendTitle;
-		}
-
-		export interface Margin {
-
-			/** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
-			 * @Default {10}
-			 */
-			left?: number;
-
-			/** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
-			 * @Default {10}
-			 */
-			right?: number;
-
-			/** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
-			 * @Default {10}
-			 */
-			top?: number;
-
-			/** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
-			 * @Default {10}
-			 */
-			bottom?: number;
-		}
-
-		export interface ZoomSettings {
-
-			/** Enables or disables zooming.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Toolbar horizontal alignment
-			 * @Default {right. See Alignment}
-			 */
-			toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment | string;
-
-			/** Toolbar vertical alignment
-			 * @Default {top. See Alignment}
-			 */
-			toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment | string;
-		}
-	}
-	namespace Sunburst {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Italic,
-		}
-	}
-	namespace Sunburst {
-		enum FontWeight {
-			//string
-			Regular,
-			//string
-			Bold,
-			//string
-			Lighter,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLabelRotationMode {
-			//string
-			Angle,
-			//string
-			Normal,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLabelOverflowMode {
-			//string
-			Trim,
-			//string
-			Hide,
-			//string
-			None,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstAlignment {
-			//string
-			Center,
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstHighlightMode {
-			//string
-			Point,
-			//string
-			Parent,
-			//string
-			Child,
-			//string
-			All,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstHighlightType {
-			//string
-			Opacity,
-			//string
-			Color,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstClickAction {
-			//string
-			None,
-			//string
-			ToggleSegmentVisibility,
-			//string
-			ToggleSegmentSelection,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLegendPosition {
-			//string
-			Left,
-			//string
-			Right,
-			//string
-			Top,
-			//string
-			Bottom,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLegendShape {
-			//string
-			Diamond,
-			//string
-			Pentagon,
-			//string
-			Rectangle,
-			//string
-			Circle,
-			//string
-			Cross,
-			//string
-			Triangle,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstTheme {
-			//string
-			FlatLight,
-			//string
-			FlatDark,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstHorizontalAlignment {
-			//string
-			Center,
-			//string
-			Left,
-			//string
-			Right,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstVerticalAlignment {
-			//string
-			Top,
-			//string
-			Bottom,
-			//string
-			Middle,
-		}
-	}
-	namespace Sunburst {
-		enum Animation {
-			//string
-			Rotation,
-			//string
-			FadeIn,
-		}
-	}
-
-	class PivotGrid extends ej.Widget {
-		static fn: PivotGrid;
-		constructor(element: JQuery | Element, options?: PivotGrid.Model);
-		static Locale: any;
-		model: PivotGrid.Model;
-		defaults: PivotGrid.Model;
-
-		/** Performs an asynchronous HTTP (AJAX) request.
-		 * @returns {void}
-		 */
-		doAjaxPost(): void;
-
-		/** Performs an asynchronous HTTP (FullPost) submit.
-		 * @returns {void}
-		 */
-		doPostBack(): void;
-
-		/** Exports the PivotGrid to the specified format.
-		 * @returns {void}
-		 */
-		exportPivotGrid(): void;
-
-		/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
-		 * @returns {void}
-		 */
-		refreshPagedPivotGrid(): void;
-
-		/** This function refreshes the PivotGrid with modified data input in client-mode.
-		 * @returns {void}
-		 */
-		refreshPivotGrid(): void;
-
-		/** This function re-renders the control with the report available at that instant.
-		 * @returns {void}
-		 */
-		refreshControl(): void;
-
-		/** This function returns the height of all rows and width each and every column.
-		 * @returns {any}
-		 */
-		calculateCellWidths(): any;
-
-		/** This function creates the conditional formatting dialog to apply conditional formatting for PivotGrid control.
-		 * @returns {void}
-		 */
-		createConditionalDialog(): void;
-
-		/** This function saves the current report to the database/local storage.
-		 * @returns {void}
-		 */
-		saveReport(): void;
-
-		/** This function loads the specified report from the database/local storage.
-		 * @returns {void}
-		 */
-		loadReport(): void;
-
-		/** This function reconstructs the JSON data formed for rendering PivotGrid in excel-like layout format.
-		 * @returns {void}
-		 */
-		excelLikeLayout(): void;
-
-		/** Returns the OlapReport string maintained along with the axis elements information.
-		 * @returns {string}
-		 */
-		getOlapReport(): string;
-
-		/** Sets the OlapReport string along with the axis information.
-		 * @returns {void}
-		 */
-		setOlapReport(): void;
-
-		/** Returns the JSON records formed to render the control.
-		 * @returns {Array<any>}
-		 */
-		getJSONRecords(): any[];
-
-		/** Sets the JSON records formed to render the control.
-		 * @returns {void}
-		 */
-		setJSONRecords(): void;
-
-		/** This function allows user to change the caption of the Pivot Item (name displayed in UI) on-demand for relational datasource in client-mode.
-		 * @returns {void}
-		 */
-		refreshFieldCaption(): void;
-
-		/** This function receives the JSON formatted datasource to render the PivotGrid control.
-		 * @returns {void}
-		 */
-		renderControlFromJSON(): void;
-	}
-	export namespace PivotGrid {
-
-		export interface Model {
-
-			/** Sets the mode for the PivotGrid widget for binding either OLAP or relational data source.
-			 * @Default {ej.Pivot.AnalysisMode.Pivot}
-			 */
-			analysisMode?: ej.Pivot.AnalysisMode | string;
-
-			/** Specifies the CSS class to PivotGrid to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Connects the PivotSchemaDesigner with the specified ID to the PivotGrid Control.
-			 * @Default {“”}
-			 */
-			pivotTableFieldListID?: string;
-
-			/** Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
-			 * @Default {{}}
-			 */
-			dataSource?: DataSource;
-
-			/** Holds the neccessary properties for value sorting.
-			 * @Default {{}}
-			 */
-			valueSortSettings?: ValueSortSettings;
-
-			/** Object that holds the settings of frozen headers.
-			 * @Default {{}}
-			 */
-			frozenHeaderSettings?: FrozenHeaderSettings;
-
-			/** Allows user to display header name in PivotGrid control.
-			 * @Default {{}}
-			 */
-			headerSettings?: HeaderSettings;
-
-			/** Allows user to show appropriate unique name on Pivot button.
-			 * @Default {false}
-			 */
-			showUniqueNameOnPivotButton?: boolean;
-
-			/** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
-			 * @Default {null}
-			 */
-			customObject?: any;
-
-			/** Allows the user to collapsed the specified members in each field by default.
-			 * @Default {null}
-			 */
-			collapsedMembers?: any;
-
-			/** Allows the user to access each cell on mouse right-click.
-			 * @Default {false}
-			 */
-			enableCellContext?: boolean;
-
-			/** Enables the cell selection for a specific range of value cells.
-			 * @Default {false}
-			 */
-			enableCellSelection?: boolean;
-
-			/** Enables the Drill-Through feature which retrieves the raw items that are used to create the specific cell in PivotGrid.
-			 * @Default {false}
-			 */
-			enableDrillThrough?: boolean;
-
-			/** Allows user to get the cell details in JSON format on double clicking the cell.
-			 * @Default {false}
-			 */
-			enableCellDoubleClick?: boolean;
-
-			/** Allows user to edit the value cells for write-back support in PivotGrid. This is applicable only for server-mode.
-			 * @Default {false}
-			 */
-			enableCellEditing?: boolean;
-
-			/** Collapses the Pivot items along rows and columns by default.  It works only for relational data source.
-			 * @Default {false}
-			 */
-			enableCollapseByDefault?: boolean;
-
-			/** Enables/Disables the display of grand total for all the columns.
-			 * @Default {true}
-			 */
-			enableColumnGrandTotal?: boolean;
-
-			/** Allows the user to format a specific set of cells based on the condition.
-			 * @Default {false}
-			 */
-			enableConditionalFormatting?: boolean;
-
-			/** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each fields in server mode.
-			 * @Default {false}
-			 */
-			enableAdvancedFilter?: boolean;
-
-			/** Allows the user to refresh the control on-demand and not during every UI operation.
-			 * @Default {false}
-			 */
-			enableDeferUpdate?: boolean;
-
-			/** Enables the display of GroupingBar allowing you to filter, sort and remove fields obtained from datasource.
-			 * @Default {false}
-			 */
-			enableGroupingBar?: boolean;
-
-			/** Enables/Disables the display of grand total for rows and columns.
-			 * @Default {true}
-			 */
-			enableGrandTotal?: boolean;
-
-			/** Allows the user to load PivotGrid using JSON data.
-			 * @Default {false}
-			 */
-			enableJSONRendering?: boolean;
-
-			/** Enables rendering of PivotGrid widget along with the PivotTable Field List, which allows UI operations.
-			 * @Default {true}
-			 */
-			enablePivotFieldList?: boolean;
-
-			/** Enables the display of grand total for all the rows.
-			 * @Default {true}
-			 */
-			enableRowGrandTotal?: boolean;
-
-			/** Allows the user to view layout of the PivotGrid from right to left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Allows the user to enable ToolTip option.
-			 * @Default {false}
-			 */
-			enableToolTip?: boolean;
-
-			/** Allows the user to enable the animation effects in tooltip.
-			 * @Default {false}
-			 */
-			enableToolTipAnimation?: boolean;
-
-			/** Allows the user to adjust the width of the columns dynamically.
-			 * @Default {false}
-			 */
-			enableColumnResizing?: boolean;
-
-			/** Allows the user to view large amount of data through virtual scrolling.
-			 * @Default {false}
-			 */
-			enableVirtualScrolling?: boolean;
-
-			/** Allows the user to view large amount of data by applying paging.
-			 * @Default {false}
-			 */
-			enablePaging?: boolean;
-
-			/** Allows the user to configure hyperlink settings of PivotGrid control.
-			 * @Default {{}}
-			 */
-			hyperlinkSettings?: HyperlinkSettings;
-
-			/** Allows the user to enable PivotGrid’s responsiveness in the browser layout.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Contains the serialized JSON string which renders PivotGrid.
-			 */
-			jsonRecords?: string;
-
-			/** Sets the summary layout for PivotGrid.Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
-			 * @Default {ej.PivotGrid.Layout.Normal}
-			 */
-			layout?: ej.PivotGrid.Layout | string;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the mode for the PivotGrid widget for binding data source either in server-side or client-side.
-			 * @Default {ej.Pivot.OperationalMode.ClientMode}
-			 */
-			operationalMode?: ej.Pivot.OperationalMode | string;
-
-			/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
-			 * @Default {{}}
-			 */
-			serviceMethodSettings?: ServiceMethodSettings;
-
-			/** Connects the service using the specified URL for any server updates.
-			 * @Default {“”}
-			 */
-			url?: string;
-
-			/** Triggers when it reaches client-side after any AJAX request. */
-			afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
-
-			/** Triggers before any AJAX request is passed from PivotGrid to service methods. */
-			beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
-
-			/** Triggers before Pivot Engine starts to populate. */
-			beforePivotEnginePopulate?(e: BeforePivotEnginePopulateEventArgs): void;
-
-			/** Triggers when double click action is performed over a cell. */
-			cellDoubleClick?(e: CellDoubleClickEventArgs): void;
-
-			/** Triggers when right-click action is performed on a cell. */
-			cellContext?(e: CellContextEventArgs): void;
-
-			/** Triggers when a specific range of value cells are selected. */
-			cellSelection?(e: CellSelectionEventArgs): void;
-
-			/** Triggers when the hyperlink of column header is clicked. */
-			columnHeaderHyperlinkClick?(e: ColumnHeaderHyperlinkClickEventArgs): void;
-
-			/** Triggers after performing drill operation in PivotGrid. */
-			drillSuccess?(e: DrillSuccessEventArgs): void;
-
-			/** Triggers while clicking &quot;OK&quot; button in the drill-through dialog. */
-			drillThrough?(e: DrillThroughEventArgs): void;
-
-			/** Triggers when PivotGrid loading is initiated. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when PivotGrid widget completes all operations at client-side after any AJAX request. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-
-			/** Triggers when any error occurred during AJAX request. */
-			renderFailure?(e: RenderFailureEventArgs): void;
-
-			/** Triggers when PivotGrid successfully reaches client-side after any AJAX request. */
-			renderSuccess?(e: RenderSuccessEventArgs): void;
-
-			/** Triggers when the hyperlink of row header is clicked. */
-			rowHeaderHyperlinkClick?(e: RowHeaderHyperlinkClickEventArgs): void;
-
-			/** Triggers when the hyperlink of summary cell is clicked. */
-			summaryCellHyperlinkClick?(e: SummaryCellHyperlinkClickEventArgs): void;
-
-			/** Triggers when the hyperlink of value cell is clicked. */
-			valueCellHyperlinkClick?(e: ValueCellHyperlinkClickEventArgs): void;
-
-			/** Triggers before saving the current report to database. */
-			saveReport?(e: SaveReportEventArgs): void;
-
-			/** Triggers before loading a report from database. */
-			loadReport?(e: LoadReportEventArgs): void;
-
-			/** Triggers before performing exporting in pivot grid. */
-			beforeExport?(e: BeforeExportEventArgs): void;
-
-			/** Triggers before editing the cells. */
-			cellEdit?(e: CellEditEventArgs): void;
-		}
-
-		export interface AfterServiceInvokeEventArgs {
-
-			/** returns the current action of PivotGrid control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotGrid control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforeServiceInvokeEventArgs {
-
-			/** returns the current action of PivotGrid control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotGrid control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforePivotEnginePopulateEventArgs {
-
-			/** returns the PivotGrid object
-			 */
-			pivotGridObject?: any;
-		}
-
-		export interface CellDoubleClickEventArgs {
-
-			/** returns the JSON details of the double clicked cell.
-			 */
-			selectedData?: any[];
-
-			/** returns the custom object bound with PivotGrid control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface CellContextEventArgs {
-
-			/** returns the cell position (row index and column index) in table.
-			 */
-			cellPosition?: string;
-
-			/** returns the type of the cell.
-			 */
-			cellType?: string;
-
-			/** returns the content of the cell.
-			 */
-			cellValue?: string;
-
-			/** returns the unique name of levels/members.
-			 */
-			uniqueName?: string;
-
-			/** returns the role of the cell in PivotGrid.
-			 */
-			role?: string;
-
-			/** returns JSON record corresponding to the selected cell.
-			 */
-			rawdata?: any;
-
-			/** returns the original event object.
-			 */
-			args?: any;
-		}
-
-		export interface CellSelectionEventArgs {
-
-			/** returns the JSON records of the selected range of cells.
-			 */
-			JSONRecords?: any;
-
-			/** Returns the row headers corresponding to the selected value cells.
-			 */
-			rowheader?: any;
-
-			/** Returns the column headers corresponding to the selected value cells.
-			 */
-			columnheader?: any;
-
-			/** Returns the information about the measure associated with the selected cell.
-			 */
-			measureCount?: string;
-		}
-
-		export interface ColumnHeaderHyperlinkClickEventArgs {
-
-			/** returns the information about the clicked cell
-			 */
-			args?: any;
-
-			/** returns the HTML element of the control.
-			 */
-			element?: any;
-
-			/** returns the custom object bound to the control.
-			 */
-			customObject?: any;
-		}
-
-		export interface DrillSuccessEventArgs {
-
-			/** returns the HTML element of the control.
-			 */
-			args?: any;
-		}
-
-		export interface DrillThroughEventArgs {
-
-			/** return the JSON records of the generated cells on drill-through operation.
-			 */
-			data?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the current action of PivotGrid control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface RenderFailureEventArgs {
-
-			/** returns the current action of PivotGrid control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-
-			/** returns the error message with error code.
-			 */
-			message?: string;
-		}
-
-		export interface RenderSuccessEventArgs {
-
-			/** returns the current action of PivotGrid control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGrid control.
-			 */
-			element?: any;
-		}
-
-		export interface RowHeaderHyperlinkClickEventArgs {
-
-			/** returns the information about the clicked cell
-			 */
-			args?: any;
-
-			/** returns the HTML element of the control.
-			 */
-			element?: any;
-
-			/** returns the custom object bound to the control.
-			 */
-			customObject?: any;
-		}
-
-		export interface SummaryCellHyperlinkClickEventArgs {
-
-			/** returns the information about the clicked cell
-			 */
-			args?: any;
-
-			/** returns the HTML element of the control.
-			 */
-			element?: any;
-
-			/** returns the custom object bound to the control.
-			 */
-			customObject?: any;
-		}
-
-		export interface ValueCellHyperlinkClickEventArgs {
-
-			/** returns the information about the clicked cell
-			 */
-			args?: any;
-
-			/** returns the HTML element of the control.
-			 */
-			element?: any;
-
-			/** returns the custom object bound to the control.
-			 */
-			customObject?: any;
-		}
-
-		export interface SaveReportEventArgs {
-
-			/** returns the report to be stored in database.
-			 */
-			report?: any;
-		}
-
-		export interface LoadReportEventArgs {
-
-			/** returns the PivotGrid object.
-			 */
-			targetControl?: any;
-
-			/** returns whether the control is bound with OLAP or Relational data source.
-			 */
-			dataModel?: string;
-		}
-
-		export interface BeforeExportEventArgs {
-
-			/** contains the url of the service responsible for exporting.
-			 */
-			url?: string;
-
-			/** contains the name of the exporting file.
-			 */
-			fileName?: string;
-		}
-
-		export interface CellEditEventArgs {
-
-			/** contains the array of cells selected for editing.
-			 */
-			editCellsInfo?: any[];
-		}
-
-		export interface DataSourceColumnsAdvancedFilter {
-
-			/** Allows the user to provide level unique name to perform advanced filtering.
-			 */
-			name?: string;
-
-			/** Allows the user to set the operator to perform Label Filtering.
-			 * @Default {none}
-			 */
-			labelFilterOperator?: string;
-
-			/** Allows the user to set the operator to perform Value Filtering.
-			 * @Default {none}
-			 */
-			valueFilterOperator?: string;
-
-			/** Allows the user to set the filtering type while performing advanced filtering.
-			 */
-			advancedFilterType?: string;
-
-			/** In case of value filtering, this property contains the measure name to which the filter is applied.
-			 */
-			measure?: string;
-
-			/** Allows the user to hold the filter operand values in advanced filtering.
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumnsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumn {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-			 * @Default {[]}
-			 */
-			advancedFilter?: DataSourceColumnsAdvancedFilter[];
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Shows/Hides the sub-total of the field in PivotGrid.
-			 * @Default {true}
-			 */
-			showSubTotal?: boolean;
-
-			/** Allows the user to set the sorting order of the members of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-
-			/** Contains the list of members need to be drilled down by default in the field.
-			 * @Default {[]}
-			 */
-			drilledItems?: any[];
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceColumnsFilterItems;
-		}
-
-		export interface DataSourceRowsAdvancedFilter {
-
-			/** Allows the user to provide level unique name to perform advanced filtering.
-			 */
-			name?: string;
-
-			/** Allows the user to set the operator to perform Label Filtering.
-			 * @Default {none}
-			 */
-			labelFilterOperator?: string;
-
-			/** Allows the user to set the operator to perform Value Filtering.
-			 * @Default {none}
-			 */
-			valueFilterOperator?: string;
-
-			/** Allows the user to set the filtering type while performing advanced filtering.
-			 */
-			advancedFilterType?: string;
-
-			/** In case of value filtering, this property contains the measure name to which the filter is applied.
-			 */
-			measure?: string;
-
-			/** Allows the user to hold the filter operand values in advanced filtering.
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRowsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRow {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-			 * @Default {[]}
-			 */
-			advancedFilter?: DataSourceRowsAdvancedFilter[];
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Shows/Hides the sub-total of the field.
-			 * @Default {true}
-			 */
-			showSubTotal?: boolean;
-
-			/** Allows the user to set the sorting order of the members of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-
-			/** Contains the list of members need to be drilled down by default in the field.
-			 * @Default {[]}
-			 */
-			drilledItems?: any[];
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceRowsFilterItems;
-		}
-
-		export interface DataSourceValuesMeasure {
-
-			/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-			 */
-			fieldName?: string;
-		}
-
-		export interface DataSourceValue {
-
-			/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item for Relational datasource.
-			 */
-			fieldCaption?: string;
-
-			/** This holds the list of unique names of measures to bind them from the OLAP cube.
-			 * @Default {[]}
-			 */
-			measures?: DataSourceValuesMeasure[];
-
-			/** Allows to set the axis name to place the measures items.
-			 * @Default {rows}
-			 */
-			axis?: string;
-
-			/** Indicates whether the field is a calculated field or not with Relational datasource.
-			 * @Default {false}
-			 */
-			isCalculatedField?: boolean;
-
-			/** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
-			 * @Default {ej.PivotAnalysis.SummaryType.Sum}
-			 */
-			summaryType?: ej.PivotAnalysis.SummaryType | string;
-
-			/** Allows to set the format of the values.
-			 */
-			format?: string;
-
-			/** This property sets type of display of date.
-			 */
-			formatString?: string;
-
-			/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-			 */
-			formula?: string;
-		}
-
-		export interface DataSourceFiltersFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceFilter {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display name for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceFiltersFilterItems;
-		}
-
-		export interface DataSourcePagerOptions {
-
-			/** Allows to set the number of categorical columns to be displayed in each page on applying paging.
-			 * @Default {0}
-			 */
-			categoricalPageSize?: number;
-
-			/** Allows to set the number of series rows to be displayed in each page on applying paging.
-			 * @Default {0}
-			 */
-			seriesPageSize?: number;
-
-			/** Allows to set the page number in categorical axis to be loaded by default.
-			 * @Default {1}
-			 */
-			categoricalCurrentPage?: number;
-
-			/** Allows to set the page number in series axis to be loaded by default.
-			 * @Default {1}
-			 */
-			seriesCurrentPage?: number;
-		}
-
-		export interface DataSource {
-
-			/** Lists out the items to be arranged in columns section of PivotGrid.
-			 * @Default {[]}
-			 */
-			columns?: DataSourceColumn[];
-
-			/** Lists out the items to be arranged in rows section of PivotGrid.
-			 * @Default {[]}
-			 */
-			rows?: DataSourceRow[];
-
-			/** Lists out the items which supports calculation in PivotGrid.
-			 * @Default {[]}
-			 */
-			values?: DataSourceValue[];
-
-			/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGrid.
-			 * @Default {[]}
-			 */
-			filters?: DataSourceFilter[];
-
-			/** Contains the respective cube name from OLAP database as string type.
-			 * @Default {“”}
-			 */
-			cube?: string;
-
-			/** Provides the raw data source for the PivotGrid.
-			 * @Default {null}
-			 */
-			data?: any;
-
-			/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-			 * @Default {“”}
-			 */
-			catalog?: string;
-
-			/** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option for OLAP data source in client-mode.
-			 * @Default {false}
-			 */
-			enableAdvancedFilter?: boolean;
-
-			/** Sets a name to the report bound to the control.
-			 */
-			reportName?: string;
-
-			/** Allows to set the page size and current page number for each axis on applying paging.
-			 * @Default {{}}
-			 */
-			pagerOptions?: DataSourcePagerOptions;
-		}
-
-		export interface ValueSortSettings {
-
-			/** Contains the headers of the specific column to which value sorting is applied.
-			 */
-			headerText?: string;
-
-			/** Allows the user to set the string for separating column headers provided in the above property headerText.
-			 */
-			headerDelimiters?: string;
-
-			/** Allows the user to set the sorting order of the values of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-		}
-
-		export interface FrozenHeaderSettings {
-
-			/** Allows the user to freeze the row headers alone on scrolling the horizontal scroll bar.
-			 * @Default {false}
-			 */
-			enableFrozenRowHeaders?: boolean;
-
-			/** Allows the user to freeze the column headers alone on scrolling the vertical scroll bar.
-			 * @Default {false}
-			 */
-			enableFrozenColumnHeaders?: boolean;
-
-			/** Allows the user to freeze both the row headers and column headers on scrolling.
-			 * @Default {false}
-			 */
-			enableFrozenHeaders?: boolean;
-
-			/** Allows user to set the size of the scrollbar (horizontal and vertical) visible in PivotGrid.
-			 * @Default {18}
-			 */
-			scrollerSize?: number;
-		}
-
-		export interface HeaderSettings {
-
-			/** Allows user to enable/disable row header names in PivotGrid control.
-			 * @Default {false}
-			 */
-			showRowItems?: boolean;
-
-			/** Allows user to enable/disable column header names in PivotGrid control.
-			 * @Default {false}
-			 */
-			showColumnItems?: boolean;
-		}
-
-		export interface HyperlinkSettings {
-
-			/** Allows the user to enable/disable hyperlink for column header.
-			 * @Default {false}
-			 */
-			enableColumnHeaderHyperlink?: boolean;
-
-			/** Allows the user to enable/disable hyperlink for row header.
-			 * @Default {false}
-			 */
-			enableRowHeaderHyperlink?: boolean;
-
-			/** Allows the user to enable/disable hyperlink for summary cells.
-			 * @Default {false}
-			 */
-			enableSummaryCellHyperlink?: boolean;
-
-			/** Allows the user to enable/disable hyperlink for value cells.
-			 * @Default {false}
-			 */
-			enableValueCellHyperlink?: boolean;
-		}
-
-		export interface ServiceMethodSettings {
-
-			/** Allows the user to set the custom name for the service method responsible for drill up/down operation in PivotGrid.
-			 * @Default {DrillGrid}
-			 */
-			drillDown?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for exporting.
-			 * @Default {Export}
-			 */
-			exportPivotGrid?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for performing server-side actions on defer update.
-			 * @Default {DeferUpdate}
-			 */
-			deferUpdate?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
-			 * @Default {FetchMembers}
-			 */
-			fetchMembers?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for filtering operation in PivotGrid.
-			 * @Default {Filtering}
-			 */
-			filtering?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for initializing PivotGrid.
-			 * @Default {InitializeGrid}
-			 */
-			initialize?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node from Field List.
-			 * @Default {NodeDropped}
-			 */
-			nodeDropped?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
-			 * @Default {NodeStateModified}
-			 */
-			nodeStateModified?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for performing paging operation in PivotGrid.
-			 * @Default {Paging}
-			 */
-			paging?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for sorting operation in PivotGrid.
-			 * @Default {Sorting}
-			 */
-			sorting?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for expanding members inside member editor.
-			 * @Default {MemberExpanded}
-			 */
-			memberExpand?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for editing the cells.
-			 * @Default {CellEditing}
-			 */
-			cellEditing?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for saving the current report to database.
-			 * @Default {SaveReport}
-			 */
-			saveReport?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for loading a report from database.
-			 * @Default {LoadReportFromDB}
-			 */
-			loadReport?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for adding a calculated field to the report.
-			 * @Default {CalculatedField}
-			 */
-			calculatedField?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for performing drill through operation.
-			 * @Default {DrillThroughHierarchies}
-			 */
-			drillThroughHierarchies?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for performing drill through operation in data table.
-			 * @Default {DrillThroughDataTable}
-			 */
-			drillThroughDataTable?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for write-back operation in OLAP Cube. This is only applicable in server-side component.
-			 * @Default {WriteBack}
-			 */
-			writeBack?: string;
-		}
-
-		enum Layout {
-
-			///To set normal summary layout in PivotGrid.
-			Normal,
-
-			///To set layout with summaries at the top in PivotGrid.
-			NormalTopSummary,
-
-			///To set layout without summaries in PivotGrid.
-			NoSummaries,
-
-			///To set excel-like layout in PivotGrid.
-			ExcelLikeLayout
-		}
-
-	}
-	namespace Pivot {
-		enum AnalysisMode {
-			//To bind an OLAP data source to PivotGrid.
-			OLAP,
-			//To bind a relational data source to PivotGrid.
-			Pivot,
-		}
-	}
-	namespace PivotAnalysis {
-		enum SortOrder {
-			//Sorts the members of the field in ascending order.
-			Ascending,
-			//Sorts the members of the field in descending order.
-			Descending,
-			//Displays the members without sorting in any order.
-			None,
-		}
-	}
-	namespace PivotAnalysis {
-		enum FilterType {
-			//Excludes the specified values among the members of the field.
-			Exclude,
-			//Includes the specified values alone among the members of the field.
-			Include,
-		}
-	}
-	namespace PivotAnalysis {
-		enum SummaryType {
-			//Calculates the summary as the total of all values.
-			Sum,
-			//Displays the average of all values as the summaries.
-			Average,
-			//Displays the count of items in summaries.
-			Count,
-			//Displays the minimum value of all the items in the summary.
-			Min,
-			//Displays the maximum value of all the items in the summary.
-			Max,
-		}
-	}
-	namespace Pivot {
-		enum OperationalMode {
-			//To bind data source completely from client-side.
-			ClientMode,
-			//To bind data source completely from server-side.
-			ServerMode,
-		}
-	}
-
-	class PivotSchemaDesigner extends ej.Widget {
-		static fn: PivotSchemaDesigner;
-		constructor(element: JQuery | Element, options?: PivotSchemaDesigner.Model);
-		static Locale: any;
-		model: PivotSchemaDesigner.Model;
-		defaults: PivotSchemaDesigner.Model;
-
-		/** Performs an asynchronous HTTP (AJAX) request.
-		 * @returns {void}
-		 */
-		doAjaxPost(): void;
-
-		/** Re-renders the control with the data source bound to the pivot control at that instant.
-		 * @returns {void}
-		 */
-		refreshControl(): void;
-	}
-	export namespace PivotSchemaDesigner {
-
-		export interface Model {
-
-			/** Specifies the CSS class to PivotSchemaDesigner to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Object utilized to pass additional information between client-end and service-end.
-			 * @Default {{}}
-			 */
-			customObject?: any;
-
-			/** For ASP.NET and MVC Wrapper, PivotSchemaDesigner will be initialized and rendered empty initially. Once the connected pivot control widget is rendered completely,
-			 * PivotSchemaDesigner will just be populated with data source by setting this property to “true”.
-			 * @Default {false}
-			 */
-			enableWrapper?: boolean;
-
-			/** Allows the user to view PivotTable Field List from right to left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Sets the visibility of OLAP elements in PivotTable Field List. This is only applicable for OLAP datasource.
-			 * @Default {null}
-			 */
-			olap?: Olap;
-
-			/** Allows the user to enable/disable drag and drop operations within the PivotTable Field List.
-			 * @Default {true}
-			 */
-			enableDragDrop?: boolean;
-
-			/** Sets the height for PivotSchemaDesigner.
-			 * @Default {“”}
-			 */
-			height?: string;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the Pivot control bound with this PivotSchemaDesigner.
-			 * @Default {null}
-			 */
-			pivotControl?: any;
-
-			/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
-			 * @Default {{}}
-			 */
-			serviceMethod?: ServiceMethod;
-
-			/** Connects the service using the specified URL for any server updates.
-			 * @Default {“”}
-			 */
-			url?: string;
-
-			/** Sets the width for PivotSchemaDesigner.
-			 * @Default {“”}
-			 */
-			width?: string;
-
-			/** Sets the layout for PivotSchemaDesigner.
-			 * @Default {ej.PivotSchemaDesigner.Layouts.Excel}
-			 */
-			layout?: ej.PivotSchemaDesigner.Layouts | string;
-
-			/** Triggers when it reaches client-side after any AJAX request. */
-			afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
-
-			/** Triggers before any AJAX request is passed from PivotSchemaDesigner to service methods. */
-			beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
-
-			/** Triggers when we start dragging any field from PivotSchemaDesigner. */
-			dragMove?(e: DragMoveEventArgs): void;
-		}
-
-		export interface AfterServiceInvokeEventArgs {
-
-			/** returns the current action of PivotSchemaDesigner control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotSchemaDesigner control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotSchemaDesigner control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforeServiceInvokeEventArgs {
-
-			/** returns the current action of PivotSchemaDesigner control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotSchemaDesigner control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotSchemaDesigner control.
-			 */
-			element?: any;
-		}
-
-		export interface DragMoveEventArgs {
-
-			/** returns the HTML element of the dragged field from PivotSchemaDesigner.
-			 */
-			dragTarget?: any;
-
-			/** return the JSON details of the dragged field.
-			 */
-			draggedElementData?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the PivotSchemaDesigner model
-			 */
-			model?: any;
-		}
-
-		export interface Olap {
-
-			/** Allows the user to view the KPI elements in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
-			 * @Default {false}
-			 */
-			showKPI?: boolean;
-
-			/** Allows the user to view the named sets in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
-			 * @Default {false}
-			 */
-			showNamedSets?: boolean;
-		}
-
-		export interface ServiceMethod {
-
-			/** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
-			 * @Default {FetchMembers}
-			 */
-			fetchMembers?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for filtering operation in Field List.
-			 * @Default {Filtering}
-			 */
-			filtering?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for the server-side action, on expanding members in Field List.
-			 * @Default {MemberExpanded}
-			 */
-			memberExpand?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node into Field List.
-			 * @Default {NodeDropped}
-			 */
-			nodeDropped?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
-			 * @Default {NodeStateModified}
-			 */
-			nodeStateModified?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for button removing operation in Field List.
-			 * @Default {RemoveButton}
-			 */
-			removeButton?: string;
-		}
-
-		enum Layouts {
-
-			///To set the layout as same in the Excel.
-			Excel,
-
-			///To set normal layout for Field List.
-			Normal,
-
-			///To set layout with the axes one above the other.
-			OneByOne
-		}
-
-	}
-
-	class PivotPager extends ej.Widget {
-		static fn: PivotPager;
-		constructor(element: JQuery | Element, options?: PivotPager.Model);
-		static Locale: any;
-		model: PivotPager.Model;
-		defaults: PivotPager.Model;
-
-		/** This function initializes the page counts and page numbers for the PivotPager.
-		 * @returns {void}
-		 */
-		initPagerProperties(): void;
-	}
-	export namespace PivotPager {
-
-		export interface Model {
-
-			/** Contains the current page number in categorical axis.
-			 * @Default {1}
-			 */
-			categoricalCurrentPage?: number;
-
-			/** Contains the total page count in categorical axis.
-			 * @Default {1}
-			 */
-			categoricalPageCount?: number;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the pager mode (Only Categorical Pager/Only Series Pager/Both) for the PivotPager.
-			 * @Default {ej.PivotPager.Mode.Both}
-			 */
-			mode?: ej.PivotPager.Mode | string;
-
-			/** Contains the current page number in series axis.
-			 * @Default {1}
-			 */
-			seriesCurrentPage?: number;
-
-			/** Contains the total page count in series axis.
-			 * @Default {1}
-			 */
-			seriesPageCount?: number;
-
-			/** Contains the ID of the target element for which paging needs to be done.
-			 * @Default {“”}
-			 */
-			targetControlID?: string;
-		}
-
-		enum Mode {
-
-			///To set both categorical and series pager for paging.
-			Both,
-
-			///To set only categorical pager for paging.
-			Categorical,
-
-			///To set only series pager for paging.
-			Series
-		}
-
-	}
-
-	class PivotChart extends ej.Widget {
-		static fn: PivotChart;
-		constructor(element: JQuery | Element, options?: PivotChart.Model);
-		static Locale: any;
-		model: PivotChart.Model;
-		defaults: PivotChart.Model;
-
-		/** Performs an asynchronous HTTP (AJAX) request.
-		 * @returns {void}
-		 */
-		doAjaxPost(): void;
-
-		/** Perform an asynchronous HTTP (FullPost) submit.
-		 * @returns {void}
-		 */
-		doPostBack(): void;
-
-		/** Exports the PivotChart to the format specified in the parameter.
-		 * @returns {void}
-		 */
-		exportPivotChart(): void;
-
-		/** This function renders the PivotChart control with the JSON formatted datasource.
-		 * @returns {void}
-		 */
-		renderChartFromJSON(): void;
-
-		/** This function receives the update from service-end, which would be utilized for rendering the widget.
-		 * @returns {void}
-		 */
-		renderControlSuccess(): void;
-
-		/** Returns the OlapReport string maintained along with the axis elements information.
-		 * @returns {string}
-		 */
-		getOlapReport(): string;
-
-		/** Sets the OlapReport string along with the axis information and maintains it in a property.
-		 * @returns {void}
-		 */
-		setOlapReport(): void;
-
-		/** Returns the JSON records formed to render the control.
-		 * @returns {Array<any>}
-		 */
-		getJSONRecords(): any[];
-
-		/** Sets the JSON records to render the control.
-		 * @returns {void}
-		 */
-		setJSONRecords(): void;
-
-		/** Returns the PivotEngine formed to render the control.
-		 * @returns {Array<any>}
-		 */
-		getPivotEngine(): any[];
-
-		/** Sets the PivotEngine required to render the control.
-		 * @returns {void}
-		 */
-		setPivotEngine(): void;
-
-		/** Re-renders the control with the data source at the instant.
-		 * @returns {void}
-		 */
-		refreshControl(): void;
-
-		/** Renders the control with the pivot engine obtained from olap cube.
-		 * @returns {void}
-		 */
-		generateJSON(): void;
-
-		/** Navigates to the specified page number in specified axis.
-		 * @returns {void}
-		 */
-		refreshPagedPivotChart(): void;
-	}
-	export namespace PivotChart {
-
-		export interface Model {
-
-			/** Sets the mode for the PivotChart widget for binding either OLAP or Relational data source.
-			 * @Default {ej.Pivot.AnalysisMode.Pivot}
-			 */
-			analysisMode?: ej.Pivot.AnalysisMode | string;
-
-			/** Specifies the CSS class to PivotChart to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Options for enabling zooming feature of PivotChart.
-			 * @Default {{}}
-			 */
-			zooming?: Zooming;
-
-			/** Options available to configure the properties of entire series. You can also override the options for specific series by using series collection.
-			 * @Default {{}}
-			 */
-			commonSeriesOptions?: CommonSeriesOptions;
-
-			/** Initializes the data source for the PivotChart widget, when it functions completely on client-side.
-			 * @Default {{}}
-			 */
-			dataSource?: DataSource;
-
-			/** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
-			 * @Default {{}}
-			 */
-			customObject?: any;
-
-			/** Allows the user to enable 3D view of PivotChart.
-			 * @Default {false}
-			 */
-			enable3D?: boolean;
-
-			/** Allows the user to view PivotChart from right to left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Allows user to render complete PivotChart on drill operation, that is, when expanding and collapsing members which are shown in multi-level labels.
-			 * @Default {false}
-			 */
-			enableMultiLevelLabels?: boolean;
-
-			/** Allows the user to enable PivotChart’s responsiveness in the browser layout.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Lets the user to customize the legend items and their labels.
-			 * @Default {{}}
-			 */
-			legend?: any;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the mode for the PivotChart widget for binding data source either in server-side or client-side.
-			 * @Default {ej.Pivot.OperationalMode.ClientMode}
-			 */
-			operationalMode?: ej.Pivot.OperationalMode | string;
-
-			/** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array.
-			 * To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array.
-			 * Then, assign the name to the series’s xAxisName property to link both axis and series.
-			 * @Default {{}}
-			 */
-			primaryXAxis?: any;
-
-			/** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array.
-			 * To override y axis for particular series, create an axis object by providing unique name by using name property and add it to axes array.
-			 * Then, assign the name to the series’s yAxisName property to link both axis and series.
-			 * @Default {{}}
-			 */
-			primaryYAxis?: any;
-
-			/** Allows the user to rotate the angle of PivotChart in 3D view.
-			 * @Default {0}
-			 */
-			rotation?: number;
-
-			/** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
-			 * @Default {{}}
-			 */
-			serviceMethodSettings?: ServiceMethodSettings;
-
-			/** Options to customize the size of the PivotChart control.
-			 * @Default {{}}
-			 */
-			size?: any;
-
-			/** Connects the service using the specified URL for any server updates on operating the control in server mode.
-			 * @Default {“”}
-			 */
-			url?: string;
-
-			/** Triggers when PivotChart starts to render. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when it reaches client-side after any AJAX request. */
-			afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
-
-			/** Triggers before any AJAX request is passed from PivotChart to service methods. */
-			beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
-
-			/** Triggers on performing drill up/down in PivotChart control. */
-			drillSuccess?(e: DrillSuccessEventArgs): void;
-
-			/** Triggers when PivotChart widget completes all operations at client-side after any AJAX request. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-
-			/** Triggers when any error occurred during AJAX request. */
-			renderFailure?(e: RenderFailureEventArgs): void;
-
-			/** Triggers when PivotChart successfully reaches client-side after any AJAX request. */
-			renderSuccess?(e: RenderSuccessEventArgs): void;
-
-			/** Triggers before performing exporting in pivot chart. */
-			beforeExport?(e: BeforeExportEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the current action of PivotChart control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotChart control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotChart control.
-			 */
-			element?: any;
-		}
-
-		export interface AfterServiceInvokeEventArgs {
-
-			/** returns the current action of PivotChart control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotChart control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotChart control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforeServiceInvokeEventArgs {
-
-			/** returns the current action of PivotChart control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotChart control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotChart control.
-			 */
-			element?: any;
-		}
-
-		export interface DrillSuccessEventArgs {
-
-			/** returns the current instance of PivotChart.
-			 */
-			chartObj?: any;
-
-			/** returns the drill action of PivotChart.
-			 */
-			drillAction?: string;
-
-			/** contains the name of the member drilled.
-			 */
-			drilledMember?: string;
-
-			/** returns the event object.
-			 */
-			event?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the current action of PivotChart control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotChart control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotChart control.
-			 */
-			element?: any;
-		}
-
-		export interface RenderFailureEventArgs {
-
-			/** returns the current action of PivotChart control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotChart control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotChart control.
-			 */
-			element?: any;
-
-			/** returns the error stack trace of the original exception.
-			 */
-			message?: string;
-		}
-
-		export interface RenderSuccessEventArgs {
-
-			/** returns the current instance of PivotChart.
-			 */
-			args?: any;
-		}
-
-		export interface BeforeExportEventArgs {
-
-			/** contains the url of the service responsible for exporting.
-			 */
-			url?: string;
-
-			/** contains the name of the exporting file.
-			 */
-			fileName?: string;
-		}
-
-		export interface Zooming {
-
-			/** Enables or disables horizontal scrollbar.
-			 * @Default {false}
-			 */
-			enableScrollbar?: boolean;
-		}
-
-		export interface CommonSeriesOptions {
-
-			/** Allows the user to set the specific chart type for PivotChart widget.
-			 * @Default {ej.PivotChart.ChartTypes.Column}
-			 */
-			type?: ej.PivotChart.ChartTypes | string;
-		}
-
-		export interface DataSourceColumnsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumn {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Allows the user to set the sorting order of the members of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceColumnsFilterItems;
-		}
-
-		export interface DataSourceRowsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRow {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Allows the user to set the sorting order of the members of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceRowsFilterItems;
-		}
-
-		export interface DataSourceValuesMeasure {
-
-			/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-			 */
-			fieldName?: string;
-		}
-
-		export interface DataSourceValue {
-
-			/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item for Relational datasource.
-			 */
-			fieldCaption?: string;
-
-			/** This holds the list of unique names of measures to bind them from the OLAP cube.
-			 * @Default {[]}
-			 */
-			measures?: DataSourceValuesMeasure[];
-
-			/** Allows to set the axis name to place the measures items.
-			 * @Default {rows}
-			 */
-			axis?: string;
-
-			/** Indicates whether the field is a calculated field or not with Relational datasource.
-			 * @Default {false}
-			 */
-			isCalculatedField?: boolean;
-
-			/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-			 */
-			formula?: string;
-		}
-
-		export interface DataSourceFiltersFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceFilter {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceFiltersFilterItems;
-		}
-
-		export interface DataSource {
-
-			/** Contains the respective cube name from OLAP database as string type.
-			 * @Default {“”}
-			 */
-			cube?: string;
-
-			/** Provides the raw data source for the PivotChart.
-			 * @Default {null}
-			 */
-			data?: any;
-
-			/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-			 * @Default {“”}
-			 */
-			catalog?: string;
-
-			/** Lists out the items to be displayed as series of PivotChart.
-			 * @Default {[]}
-			 */
-			columns?: DataSourceColumn[];
-
-			/** Lists out the items to be displayed as segments of PivotChart.
-			 * @Default {[]}
-			 */
-			rows?: DataSourceRow[];
-
-			/** Lists out the items supports calculation in PivotChart.
-			 * @Default {[]}
-			 */
-			values?: DataSourceValue[];
-
-			/** Lists out the items which supports filtering of values without displaying the members in UI in PivotChart.
-			 * @Default {[]}
-			 */
-			filters?: DataSourceFilter[];
-		}
-
-		export interface ServiceMethodSettings {
-
-			/** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotChart.
-			 * @Default {DrillChart}
-			 */
-			drillDown?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for exporting.
-			 * @Default {Export}
-			 */
-			exportPivotChart?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for initializing PivotChart.
-			 * @Default {InitializeChart}
-			 */
-			initialize?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for navigating between pages in paged PivotChart.
-			 * @Default {Paging}
-			 */
-			paging?: string;
-		}
-
-		enum ChartTypes {
-
-			///To render a Line type PivotChart.
-			Line,
-
-			///To render a Spline type PivotChart.
-			Spline,
-
-			///To render a Column type PivotChart.
-			Column,
-
-			///To render an Area type PivotChart.
-			Area,
-
-			///To render a SplineArea type PivotChart.
-			SplineArea,
-
-			///To render a StepLine type PivotChart.
-			StepLine,
-
-			///To render a StepArea type PivotChart.
-			StepArea,
-
-			///To render a Pie type PivotChart.
-			Pie,
-
-			///To render a Bar type PivotChart.
-			Bar,
-
-			///To render a StackingArea type PivotChart.
-			StackingArea,
-
-			///To render a StackingColumn type PivotChart.
-			StackingColumn,
-
-			///To render a StackingBar type PivotChart.
-			StackingBar,
-
-			///To render a Pyramid type PivotChart.
-			Pyramid,
-
-			///To render a Funnel type PivotChart.
-			Funnel,
-
-			///To render a Doughnut type PivotChart.
-			Doughnut,
-
-			///To render a Scatter type PivotChart.
-			Scatter,
-
-			///To render a Bubble type PivotChart.
-			Bubble
-		}
-
-	}
-
-	class PivotClient extends ej.Widget {
-		static fn: PivotClient;
-		constructor(element: JQuery | Element, options?: PivotClient.Model);
-		static Locale: any;
-		model: PivotClient.Model;
-		defaults: PivotClient.Model;
-
-		/** Performs an asynchronous HTTP (AJAX) request.
-		 * @returns {void}
-		 */
-		doAjaxPost(): void;
-
-		/** Performs an asynchronous HTTP (FullPost) submit.
-		 * @returns {void}
-		 */
-		doPostBack(): void;
-
-		/** Navigates to the specified page in specified axis.
-		 * @returns {void}
-		 */
-		refreshPagedPivotClient(): void;
-
-		/** Updates the PivotClient component with the JSON data fetched from the service on navigating between pages.
-		 * @returns {void}
-		 */
-		refreshPagedPivotClientSuccess(): void;
-
-		/** Renders the PivotChart and PivotGrid with the JSON data provided.
-		 * @returns {void}
-		 */
-		generateJSON(): void;
-
-		/** Re-renders the control with the report at that instant.
-		 * @returns {void}
-		 */
-		refreshControl(): void;
-
-		/** Returns the OlapReport string maintained along with the axis elements information.
-		 * @returns {string}
-		 */
-		getOlapReport(): string;
-
-		/** Sets the OlapReport string along with the axis information and maintains it in a property.
-		 * @returns {void}
-		 */
-		setOlapReport(): void;
-
-		/** Returns the JSON records formed to render the control.
-		 * @returns {Array<any>}
-		 */
-		getJSONRecords(): any[];
-
-		/** Sets the JSON records formed to render the control to a property.
-		 * @returns {void}
-		 */
-		setJSONRecords(): void;
-	}
-	export namespace PivotClient {
-
-		export interface Model {
-
-			/** Sets the mode for the PivotClient widget for binding either OLAP or Relational data source.
-			 * @Default {ej.Pivot.AnalysisMode.Pivot}
-			 */
-			analysisMode?: ej.Pivot.AnalysisMode | string;
-
-			/** Allows the user to set the specific chart type for PivotChart inside PivotClient widget.
-			 * @Default {ej.PivotChart.ChartTypes.Column}
-			 */
-			chartType?: ej.PivotChart.ChartTypes | string;
-
-			/** Allows the user to set the content on exporting the PivotClient widget.
-			 * @Default {ej.PivotClient.ClientExportMode.ChartAndGrid}
-			 */
-			clientExportMode?: ej.PivotClient.ClientExportMode | string;
-
-			/** Specifies the CSS class to PivotClient to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Object utilized to pass additional information between client-end and service-end when the control functions in server-mode.
-			 * @Default {{}}
-			 */
-			customObject?: any;
-
-			/** Initializes the data source for the PivotClient widget, when it functions completely on client-side.
-			 * @Default {{}}
-			 */
-			dataSource?: DataSource;
-
-			/** Allows the user to customize the widget's layout and appearance.
-			 * @Default {{}}
-			 */
-			displaySettings?: DisplaySettings;
-
-			/** Allows user to set visibility of icons in toolbar panel.
-			 * @Default {{}}
-			 */
-			toolbarIconSettings?: ToolbarIconSettings;
-
-			/** Allows user to show unique name on pivotbutton.
-			 * @Default {false}
-			 */
-			showUniqueNameOnPivotButton?: boolean;
-
-			/** Enables the splitter option for resizing the elements inside the control.
-			 * @Default {false}
-			 */
-			enableSplitter?: boolean;
-
-			/** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each dimensions on binding OLAP data in server mode.
-			 * @Default {false}
-			 */
-			enableAdvancedFilter?: boolean;
-
-			/** Allows the user to refresh the control on-demand and not during every UI operation.
-			 * @Default {false}
-			 */
-			enableDeferUpdate?: boolean;
-
-			/** Lets the user to save and load reports in a customized way with the help of events.
-			 * @Default {false}
-			 */
-			enableLocalStorage?: boolean;
-
-			/** Allows the user to enable paging for both the PivotChart and PivotGrid components for the ease of viewing large data.
-			 * @Default {false}
-			 */
-			enablePaging?: boolean;
-
-			/** Allows the user to include the PivotTreeMap component as one of the chart types.
-			 * @Default {false}
-			 */
-			enablePivotTreeMap?: boolean;
-
-			/** Allows the user to view the layout of PivotClient from right to left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Enables/disables the visibility of measure group selector drop-down in Cube Browser.
-			 * @Default {false}
-			 */
-			enableMeasureGroups?: boolean;
-
-			/** Allows the user to enable virtual scrolling for both the PivotChart and PivotGrid components for the ease of viewing large data.
-			 * @Default {false}
-			 */
-			enableVirtualScrolling?: boolean;
-
-			/** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
-			 * @Default {false}
-			 */
-			enableMemberEditorPaging?: boolean;
-
-			/** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
-			 * @Default {100}
-			 */
-			memberEditorPageSize?: number;
-
-			/** Sets the summary layout for PivotGrid. Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
-			 * @Default {ej.PivotGrid.Layout.Normal}
-			 */
-			gridLayout?: ej.PivotGrid.Layout | string;
-
-			/** Allows the user to enable PivotClient’s responsiveness in the browser layout.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the mode for the PivotClient widget for binding data source either in server-side or client-side.
-			 * @Default {ej.Pivot.OperationalMode.ClientMode}
-			 */
-			operationalMode?: ej.Pivot.OperationalMode | string;
-
-			/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
-			 * @Default {{}}
-			 */
-			serviceMethodSettings?: ServiceMethodSettings;
-
-			/** Sets the title for PivotClient widget.
-			 */
-			title?: string;
-
-			/** Connects the service using the specified URL for any server updates.
-			 */
-			url?: string;
-
-			/** Triggers when it reaches client-side after any AJAX request. */
-			afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
-
-			/** Triggers before any AJAX request is passed from client-side to service methods. */
-			beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
-
-			/** Triggers before saving the current collection of reports. */
-			saveReport?(e: SaveReportEventArgs): void;
-
-			/** Triggers before loading a saved collection of reports. */
-			loadReport?(e: LoadReportEventArgs): void;
-
-			/** Triggers before fetching the report collection from storage. */
-			fetchReport?(e: FetchReportEventArgs): void;
-
-			/** Triggers before exporting the control. */
-			beforeExport?(e: BeforeExportEventArgs): void;
-
-			/** Triggers before rendering the PivotChart. */
-			chartLoad?(e: ChartLoadEventArgs): void;
-
-			/** Triggers before rendering the PivotTreeMap. */
-			treeMapLoad?(e: TreeMapLoadEventArgs): void;
-
-			/** Triggers while we initiate loading of the widget. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when PivotClient widget completes all operations at client-end after any AJAX request. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-
-			/** Triggers when any error occurred during AJAX request. */
-			renderFailure?(e: RenderFailureEventArgs): void;
-
-			/** Triggers when PivotClient successfully completes rendering. */
-			renderSuccess?(e: RenderSuccessEventArgs): void;
-		}
-
-		export interface AfterServiceInvokeEventArgs {
-
-			/** returns the current action of PivotClient control.
-			 */
-			action?: string;
-
-			/** returns the custom object bounds with PivotClient control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotClient control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforeServiceInvokeEventArgs {
-
-			/** returns the current action of PivotClient control.
-			 */
-			action?: string;
-
-			/** returns the custom object bounds with PivotClient control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotClient control.
-			 */
-			element?: any;
-		}
-
-		export interface SaveReportEventArgs {
-
-			/** returns the current instance of PivotClient control.
-			 */
-			targetControl?: any;
-
-			/** returns the object which holds the necessary parameters required for saving the report collection.
-			 */
-			saveReportSetting?: any;
-		}
-
-		export interface LoadReportEventArgs {
-
-			/** returns the current instance of PivotClient control.
-			 */
-			targetControl?: any;
-
-			/** returns the object which holds the necessary parameters required for loading a report collection from database.
-			 */
-			loadReportSetting?: any;
-		}
-
-		export interface FetchReportEventArgs {
-
-			/** returns the current instance of PivotClient control.
-			 */
-			targetControl?: any;
-
-			/** returns the object which holds the necessary parameters required for fetching the report names stored in database.
-			 */
-			fetchReportSetting?: any;
-		}
-
-		export interface BeforeExportEventArgs {
-
-			/** holds the url of the service method responsible for exporting the PivotClient control.
-			 */
-			url?: string;
-
-			/** holds the name of the file to be exported.
-			 */
-			fileName?: string;
-		}
-
-		export interface ChartLoadEventArgs {
-
-			/** returns the current action of PivotChart control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotChart control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotChart control.
-			 */
-			element?: any;
-		}
-
-		export interface TreeMapLoadEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the HTML element of PivotClient component.
-			 */
-			element?: any;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the HTML element of PivotClient component.
-			 */
-			element?: any;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-		}
-
-		export interface RenderFailureEventArgs {
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotClient control.
-			 */
-			element?: any;
-
-			/** returns the error message with error code.
-			 */
-			message?: string;
-		}
-
-		export interface RenderSuccessEventArgs {
-
-			/** returns the object of PivotClient control at that instant.
-			 */
-			args?: any;
-		}
-
-		export interface DataSourceColumnsAdvancedFilter {
-
-			/** Allows the user to provide level unique name to perform advanced filtering.
-			 */
-			name?: string;
-
-			/** Allows the user to set the operator to perform Label Filtering.
-			 * @Default {none}
-			 */
-			labelFilterOperator?: string;
-
-			/** Allows the user to set the operator to perform Value Filtering.
-			 * @Default {none}
-			 */
-			valueFilterOperator?: string;
-
-			/** Allows the user to set the filtering type while performing advanced filtering.
-			 */
-			advancedFilterType?: string;
-
-			/** In case of value filtering, this property contains the measure name to which the filter is applied.
-			 */
-			measure?: string;
-
-			/** Allows the user to hold the filter operand values in advanced filtering.
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumnsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumn {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-			 * @Default {[]}
-			 */
-			advancedFilter?: DataSourceColumnsAdvancedFilter[];
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Shows/Hides the sub-total of the field in PivotGrid.
-			 * @Default {true}
-			 */
-			showSubTotal?: boolean;
-
-			/** Allows the user to set the sorting order of the members of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-
-			/** Contains the list of members need to be drilled down by default in the field.
-			 * @Default {[]}
-			 */
-			drilledItems?: any[];
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceColumnsFilterItems;
-		}
-
-		export interface DataSourceRowsAdvancedFilter {
-
-			/** Allows the user to provide level unique name to perform advanced filtering.
-			 */
-			name?: string;
-
-			/** Allows the user to set the operator to perform Label Filtering.
-			 * @Default {none}
-			 */
-			labelFilterOperator?: string;
-
-			/** Allows the user to set the operator to perform Value Filtering.
-			 * @Default {none}
-			 */
-			valueFilterOperator?: string;
-
-			/** Allows the user to set the filtering type while performing advanced filtering.
-			 */
-			advancedFilterType?: string;
-
-			/** In case of value filtering, this property contains the measure name to which the filter is applied.
-			 */
-			measure?: string;
-
-			/** Allows the user to hold the filter operand values in advanced filtering.
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRowsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRow {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-			 * @Default {[]}
-			 */
-			advancedFilter?: DataSourceRowsAdvancedFilter[];
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Shows/Hides the sub-total of the field.
-			 * @Default {true}
-			 */
-			showSubTotal?: boolean;
-
-			/** Allows the user to set the sorting order of the members of the field.
-			 * @Default {ej.PivotAnalysis.SortOrder.Ascending}
-			 */
-			sortOrder?: ej.PivotAnalysis.SortOrder | string;
-
-			/** Contains the list of members need to be drilled down by default in the field.
-			 * @Default {[]}
-			 */
-			drilledItems?: any[];
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceRowsFilterItems;
-		}
-
-		export interface DataSourceValuesMeasure {
-
-			/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-			 */
-			fieldName?: string;
-		}
-
-		export interface DataSourceValue {
-
-			/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item for Relational datasource.
-			 */
-			fieldCaption?: string;
-
-			/** This holds the list of unique names of measures to bind them from the OLAP cube.
-			 * @Default {[]}
-			 */
-			measures?: DataSourceValuesMeasure[];
-
-			/** Allows to set the axis name to place the measures items.
-			 * @Default {rows}
-			 */
-			axis?: string;
-
-			/** Indicates whether the field is a calculated field or not with Relational datasource.
-			 * @Default {false}
-			 */
-			isCalculatedField?: boolean;
-
-			/** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
-			 * @Default {ej.PivotAnalysis.SummaryType.Sum}
-			 */
-			summaryType?: ej.PivotAnalysis.SummaryType | string;
-
-			/** Allows to set the format of the values.
-			 */
-			format?: string;
-
-			/** This property sets type of display of date.
-			 */
-			formatString?: string;
-
-			/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-			 */
-			formula?: string;
-		}
-
-		export interface DataSourceFiltersFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceFilter {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display name for an item.
-			 */
-			fieldCaption?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceFiltersFilterItems;
-		}
-
-		export interface DataSourcePagerOptions {
-
-			/** Allows to set the number of categorical columns to be displayed in each page on applying paging.
-			 * @Default {0}
-			 */
-			categoricalPageSize?: number;
-
-			/** Allows to set the number of series rows to be displayed in each page on applying paging.
-			 * @Default {0}
-			 */
-			seriesPageSize?: number;
-
-			/** Allows to set the page number in categorical axis to be loaded by default.
-			 * @Default {1}
-			 */
-			categoricalCurrentPage?: number;
-
-			/** Allows to set the page number in series axis to be loaded by default.
-			 * @Default {1}
-			 */
-			seriesCurrentPage?: number;
-		}
-
-		export interface DataSource {
-
-			/** Lists out the items to be arranged in columns section of PivotClient.
-			 * @Default {[]}
-			 */
-			columns?: DataSourceColumn[];
-
-			/** Lists out the items to be arranged in rows section of PivotClient.
-			 * @Default {[]}
-			 */
-			rows?: DataSourceRow[];
-
-			/** Lists out the items which supports calculation in PivotClient.
-			 * @Default {[]}
-			 */
-			values?: DataSourceValue[];
-
-			/** Lists out the items which supports filtering of values without displaying the members in UI in PivotClient.
-			 * @Default {[]}
-			 */
-			filters?: DataSourceFilter[];
-
-			/** Contains the respective cube name from OLAP database as string type.
-			 * @Default {“”}
-			 */
-			cube?: string;
-
-			/** Provides the raw data source for the PivotClient.
-			 * @Default {null}
-			 */
-			data?: any;
-
-			/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-			 * @Default {“”}
-			 */
-			catalog?: string;
-
-			/** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option in client-mode.
-			 * @Default {false}
-			 */
-			enableAdvancedFilter?: boolean;
-
-			/** Sets a name to the report bound to the control.
-			 */
-			reportName?: string;
-
-			/** Allows to set the page size and current page number for each axis on applying paging.
-			 * @Default {{}}
-			 */
-			pagerOptions?: DataSourcePagerOptions;
-		}
-
-		export interface DisplaySettings {
-
-			/** Lets the user to customize the display of PivotChart and PivotGrid widgets, either in tabs or tiles.
-			 * @Default {ej.PivotClient.ControlPlacement.Tab}
-			 */
-			controlPlacement?: ej.PivotClient.ControlPlacement | string;
-
-			/** Lets the user to set either Chart or Grid as the start-up widget.
-			 * @Default {ej.PivotClient.DefaultView.Grid}
-			 */
-			defaultView?: ej.PivotClient.DefaultView | string;
-
-			/** Lets the user to have an option for switching to full screen view of PivotChart and PivotGrid from default view in PivotClient.
-			 * @Default {false}
-			 */
-			enableFullScreen?: boolean;
-
-			/** Enables an option to enhance the space for PivotGrid and PivotChart by hiding Cube Browser and Axis Element Builder.
-			 * @Default {false}
-			 */
-			enableTogglePanel?: boolean;
-
-			/** Sets the display mode (Only Chart/Only Grid/Both) in PivotClient.
-			 * @Default {ej.PivotClient.DisplayMode.ChartAndGrid}
-			 */
-			mode?: ej.PivotClient.DisplayMode | string;
-		}
-
-		export interface ToolbarIconSettings {
-
-			/** Allows user to set the visibility of Add Report icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableAddReport?: boolean;
-
-			/** Allows user to set the visibility of New Report icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableNewReport?: boolean;
-
-			/** Allows user to set the visibility of Rename Report icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableRenameReport?: boolean;
-
-			/** Allows user to set the visibility of DB Manipulation icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableDBManipulation?: boolean;
-
-			/** Allows user to set the visibility of Word Export icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableWordExport?: boolean;
-
-			/** Allows user to set the visibility of Excel Export icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableExcelExport?: boolean;
-
-			/** Allows user to set the visibility of PDF Export icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enablePdfExport?: boolean;
-
-			/** Allows user to set the visibility of MDX Query icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableMDXQuery?: boolean;
-
-			/** Allows user to set the visibility of Defer Update icon in toolbar panel.
-			 * @Default {false}
-			 */
-			enableDeferUpdate?: boolean;
-
-			/** Allows user to set the visibility of Full Screen icon in toolbar panel.
-			 * @Default {false}
-			 */
-			enableFullScreen?: boolean;
-
-			/** Allows user to set the visibility of Sort/Filter Column icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableSortOrFilterColumn?: boolean;
-
-			/** Allows user to set the visibility of Sort/Filter Row icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableSortOrFilterRow?: boolean;
-
-			/** Allows user to set the visibility of Toggle Axis icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableToggleAxis?: boolean;
-
-			/** Allows user to set the visibility of Chart Types icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableChartTypes?: boolean;
-
-			/** Allows user to set the visibility of Remove Report icon in toolbar panel.
-			 * @Default {true}
-			 */
-			enableRemoveReport?: boolean;
-
-			/** Allows user to set the visibility of Calculated Member icon in toolbar panel.
-			 * @Default {false}
-			 */
-			enableCalculatedMember?: boolean;
-		}
-
-		export interface ServiceMethodSettings {
-
-			/** Allows the user to set the custom name for the service method responsible for updating the entire report and widget, while changing the Cube.
-			 * @Default {CubeChanged}
-			 */
-			cubeChanged?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for exporting.
-			 * @Default {Export}
-			 */
-			exportPivotClient?: string;
-
-			/** Allows the user to set the custom name for the service method responsible to get the members for the tree-view, inside member-editor dialog.
-			 * @Default {FetchMemberTreeNodes}
-			 */
-			fetchMemberTreeNodes?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for fetching the report names from the database.
-			 * @Default {FetchReportListFromDB}
-			 */
-			fetchReportList?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for updating report while filtering members.
-			 * @Default {FilterElement}
-			 */
-			filterElement?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for initializing PivotClient.
-			 * @Default {InitializeClient}
-			 */
-			initialize?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for loading a report collection from the database.
-			 * @Default {LoadReportFromDB}
-			 */
-			loadReport?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for retrieving the MDX query for the current report.
-			 * @Default {GetMDXQuery}
-			 */
-			mdxQuery?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for updating the tree-view inside Cube Browser, while changing the measure group.
-			 * @Default {MeasureGroupChanged}
-			 */
-			measureGroupChanged?: string;
-
-			/** Allows the user to set the custom name for the service method responsible to get the child members, on tree-view node expansion.
-			 * @Default {MemberExpanded}
-			 */
-			memberExpand?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for updating report while dropping a node/SplitButton inside Axis Element Builder.
-			 * @Default {NodeDropped}
-			 */
-			nodeDropped?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for updating report while removing SplitButton from Axis Element Builder.
-			 * @Default {RemoveSplitButton}
-			 */
-			removeSplitButton?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for saving the report collection to database.
-			 * @Default {SaveReportToDB}
-			 */
-			saveReport?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for toggling the elements in row and column axes.
-			 * @Default {ToggleAxis}
-			 */
-			toggleAxis?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for all the toolbar operations.
-			 * @Default {ToolbarOperations}
-			 */
-			toolbarServices?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for updating report collection.
-			 * @Default {UpdateReport}
-			 */
-			updateReport?: string;
-
-			/** Allows the user to set the custom name for the service method responsible on navigating between pages in paged PivotClient.
-			 * @Default {Paging}
-			 */
-			paging?: string;
-		}
-
-		enum ClientExportMode {
-
-			///Exports both the PivotChart and PivotGrid on exporting.
-			ChartAndGrid,
-
-			///Exports the PivotChart control alone on exporting.
-			ChartOnly,
-
-			///Exports the PivotGrid control alone on exporting.
-			GridOnly
-		}
-
-
-		enum ControlPlacement {
-
-			///Displays PivotChart and PivotGrid widgets in separate tabs.
-			Tab,
-
-			///Displays PivotChart and PivotGrid widgets one above the other.
-			Tile
-		}
-
-
-		enum DefaultView {
-
-			///To set PivotChart as a default control in view.
-			Chart,
-
-			///To set PivotGrid as a default control in view.
-			Grid
-		}
-
-
-		enum DisplayMode {
-
-			///To display only PivotChart widget.
-			ChartOnly,
-
-			///To display only PivotGrid widget.
-			GridOnly,
-
-			///To display both PivotChart and PivotGrid widgets.
-			ChartAndGrid
-		}
-
-	}
-
-	class PivotGauge extends ej.Widget {
-		static fn: PivotGauge;
-		constructor(element: JQuery | Element, options?: PivotGauge.Model);
-		static Locale: any;
-		model: PivotGauge.Model;
-		defaults: PivotGauge.Model;
-
-		/** Performs an asynchronous HTTP (AJAX) request.
-		 * @returns {void}
-		 */
-		doAjaxPost(): void;
-
-		/** This function is used to refresh the PivotGauge at client-side itself.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** This function removes the KPI related images from PivotGauge on binding OLAP datasource.
-		 * @returns {void}
-		 */
-		removeImg(): void;
-
-		/** This function receives the JSON formatted datasource and renders the PivotGauge control.
-		 * @returns {void}
-		 */
-		renderControlFromJSON(): void;
-
-		/** Returns the OlapReport string maintained along with the axis elements information.
-		 * @returns {string}
-		 */
-		getOlapReport(): string;
-
-		/** Sets the OlapReport string along with the axis information and maintains it in a property.
-		 * @returns {void}
-		 */
-		setOlapReport(): void;
-
-		/** Returns the JSON records formed to render the control.
-		 * @returns {Array<any>}
-		 */
-		getJSONRecords(): any[];
-
-		/** Sets the JSON records to render the control.
-		 * @returns {void}
-		 */
-		setJSONRecords(): void;
-
-		/** Returns the JSON records required to render the PivotGauge on performing any action with OLAP data source.
-		 * @returns {void}
-		 */
-		getJSONData(): void;
-	}
-	export namespace PivotGauge {
-
-		export interface Model {
-
-			/** Sets the number of columns to arrange the Pivot Gauges.
-			 * @Default {0}
-			 */
-			columnsCount?: number;
-
-			/** Specifies the CSS class to PivotGauge to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Object utilized to pass additional information between client-end and service-end on operating in server mode.
-			 * @Default {{}}
-			 */
-			customObject?: any;
-
-			/** Initializes the data source for the PivotGauge widget, when it functions completely on client-side.
-			 * @Default {{}}
-			 */
-			dataSource?: DataSource;
-
-			/** Enables/disables the animation of pointer in PivotGauge.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Enables/disables tooltip visibility in PivotGauge.
-			 * @Default {false}
-			 */
-			enableTooltip?: boolean;
-
-			/** Allows the user to view PivotGauge from right to left.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Allows the user to enable PivotGauge’s responsiveness in the browser layout.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Allows the user to change the format of the label values in PivotGauge.
-			 * @Default {null}
-			 */
-			labelFormatSettings?: LabelFormatSettings;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the number of rows to arrange the Pivot Gauges.
-			 * @Default {0}
-			 */
-			rowsCount?: number;
-
-			/** Sets the scale values such as pointers, indicators, etc... for PivotGauge.
-			 * @Default {{}}
-			 */
-			scales?: any;
-
-			/** Allows the user to set the custom name for the methods at service-end, communicated during AJAX post.
-			 * @Default {{}}
-			 */
-			serviceMethodSettings?: ServiceMethodSettings;
-
-			/** Enables/disables the header labels in PivotGauge.
-			 * @Default {true}
-			 */
-			showHeaderLabel?: boolean;
-
-            /** Connects the service using the specified URL for any server updates on server mode operation.
-             * @Default {“”}
-             */
-			url?: string;
-
-			/** Sets the mode for the PivotGauge widget for binding either OLAP or Relational data source.
-			 * @Default {ej.Pivot.AnalysisMode.Pivot}
-			 */
-			analysisMode?: ej.Pivot.AnalysisMode | string;
-
-			/** Sets the mode for the PivotGauge widget for binding data source either in server-side or client-side.
-			 * @Default {ej.Pivot.OperationalMode.ClientMode}
-			 */
-			operationalMode?: ej.Pivot.OperationalMode | string;
-
-			/** Triggers when it reaches client-side after any AJAX request. */
-			afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
-
-			/** Triggers before any AJAX request is passed from PivotGauge to service methods. */
-			beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
-
-			/** Triggers before populating the pivot engine on operating in client mode. */
-			beforePivotEnginePopulate?(e: BeforePivotEnginePopulateEventArgs): void;
-
-			/** Triggers when PivotGauge started loading at client-side. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when PivotGauge widget completes all operations at client-side after any AJAX request. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-
-			/** Triggers when any error occurred during AJAX request. */
-			renderFailure?(e: RenderFailureEventArgs): void;
-
-			/** Triggers when PivotGauge successfully reaches client-side after any AJAX request. */
-			renderSuccess?(e: RenderSuccessEventArgs): void;
-		}
-
-		export interface AfterServiceInvokeEventArgs {
-
-			/** returns the custom object bound with PivotGauge control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGauge control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforeServiceInvokeEventArgs {
-
-			/** returns the custom object bound with PivotGauge control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGauge control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforePivotEnginePopulateEventArgs {
-
-			/** returns the current instance of PivotGauge control.
-			 */
-			gaugeObject?: any;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the current action of PivotGauge control.
-			 */
-			action?: string;
-
-			/** returns the model of PivotGauge control.
-			 */
-			model?: any;
-
-			/** returns the HTML element of the widget.
-			 */
-			element?: any;
-
-			/** returns the custom object bound to the control.
-			 */
-			customObject?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the custom object bound with PivotGauge control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotGauge control.
-			 */
-			element?: any;
-		}
-
-		export interface RenderFailureEventArgs {
-
-			/** returns the HTML element of PivotGauge control.
-			 */
-			element?: any;
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-
-			/** returns the error message with error code.
-			 */
-			message?: string;
-		}
-
-		export interface RenderSuccessEventArgs {
-
-			/** returns the HTML element of PivotGauge control.
-			 */
-			element?: any;
-
-			/** returns the custom object bound with the control.
-			 */
-			customObject?: any;
-		}
-
-		export interface DataSourceColumnsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumn {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceColumnsFilterItems;
-		}
-
-		export interface DataSourceRowsFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRow {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceRowsFilterItems;
-		}
-
-		export interface DataSourceValuesMeasure {
-
-			/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-			 */
-			fieldName?: string;
-		}
-
-		export interface DataSourceValue {
-
-			/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to set the display caption for an item for Relational datasource.
-			 */
-			fieldCaption?: string;
-
-			/** This holds the list of unique names of measures to bind them from the OLAP cube.
-			 * @Default {[]}
-			 */
-			measures?: DataSourceValuesMeasure[];
-
-			/** Allows to set the axis name to place the measures items.
-			 * @Default {rows}
-			 */
-			axis?: string;
-
-			/** Indicates whether the field is a calculated field or not with Relational datasource.
-			 * @Default {false}
-			 */
-			isCalculatedField?: boolean;
-
-			/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-			 */
-			formula?: string;
-		}
-
-		export interface DataSourceFiltersFilterItems {
-
-			/** Sets the type of filter whether to include/exclude the mentioned values.
-			 * @Default {ej.PivotAnalysis.FilterType.Exclude}
-			 */
-			filterType?: ej.PivotAnalysis.FilterType | string;
-
-			/** Contains the collection of items to be included/excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceFilter {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceFiltersFilterItems;
-		}
-
-		export interface DataSource {
-
-			/** Contains the respective cube name from OLAP database as string type.
-			 * @Default {“”}
-			 */
-			cube?: string;
-
-			/** Provides the raw data source for the PivotGauge.
-			 * @Default {null}
-			 */
-			data?: any;
-
-			/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-			 * @Default {“”}
-			 */
-			catalog?: string;
-
-			/** Lists out the items to bind in columns section.
-			 * @Default {[]}
-			 */
-			columns?: DataSourceColumn[];
-
-			/** Lists out the items to bind in rows section.
-			 * @Default {[]}
-			 */
-			rows?: DataSourceRow[];
-
-			/** Lists out the items supports calculation in PivotGauge.
-			 * @Default {[]}
-			 */
-			values?: DataSourceValue[];
-
-			/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGauge.
-			 * @Default {[]}
-			 */
-			filters?: DataSourceFilter[];
-		}
-
-		export interface LabelFormatSettings {
-
-			/** Allows the user to change the number format of the label values in PivotGauge.
-			 * @Default {ej.PivotGauge.NumberFormat.Default}
-			 */
-			numberFormat?: ej.PivotGauge.NumberFormat | string;
-
-			/** Allows you to set the number of digits displayed after decimal point.
-			 * @Default {5}
-			 */
-			decimalPlaces?: number;
-
-			/** Allows you to add a text at the beginning of the label.
-			 */
-			prefixText?: string;
-
-			/** Allows you to add text at the end of the label.
-			 */
-			suffixText?: string;
-		}
-
-		export interface ServiceMethodSettings {
-
-			/** Allows the user to set the custom name for the service method responsible for initializing PivotGauge.
-			 * @Default {InitializeGauge}
-			 */
-			initialize?: string;
-		}
-
-		enum NumberFormat {
-
-			///To set default format for label values.
-			Default,
-
-			///To set currency format for label values.
-			Currency,
-
-			///To set percentage format for label values.
-			Percentage,
-
-			///To set fraction format for label values.
-			Fraction,
-
-			///To set scientific format for label values.
-			Scientific,
-
-			///To set text format for label values.
-			Text,
-
-			///To set notation format for label values.
-			Notation
-		}
-
-	}
-
-	class PivotTreeMap extends ej.Widget {
-		static fn: PivotTreeMap;
-		constructor(element: JQuery | Element, options?: PivotTreeMap.Model);
-		static Locale: any;
-		model: PivotTreeMap.Model;
-		defaults: PivotTreeMap.Model;
-
-		/** Performs an asynchronous HTTP (AJAX) request.
-		 * @returns {void}
-		 */
-		doAjaxPost(): void;
-
-		/** Returns the OlapReport string maintained along with the axis elements information.
-		 * @returns {string}
-		 */
-		getOlapReport(): string;
-
-		/** Sets the OlapReport string along with the axis information and maintains it in a property.
-		 * @returns {void}
-		 */
-		setOlapReport(): void;
-
-		/** Returns the JSON records formed to render the control.
-		 * @returns {Array<any>}
-		 */
-		getJSONRecords(): any[];
-
-		/** Sets the JSON records to render the control.
-		 * @returns {void}
-		 */
-		setJSONRecords(): void;
-
-		/** Renders the control with the pivot engine obtained from OLAP cube.
-		 * @returns {void}
-		 */
-		generateJSON(): void;
-
-		/** This function receives the JSON formatted datasource to render the PivotTreeMap control.
-		 * @returns {void}
-		 */
-		renderTreeMapFromJSON(): void;
-
-		/** This function receives the update from service-end, which would be utilized for rendering the widget.
-		 * @returns {void}
-		 */
-		renderControlSuccess(): void;
-	}
-	export namespace PivotTreeMap {
-
-		export interface Model {
-
-			/** Specifies the CSS class to PivotTreeMap to achieve custom theme.
-			 * @Default {“”}
-			 */
-			cssClass?: string;
-
-			/** Initializes the data source for the PivotTreeMap widget, when it functions completely on client-side.
-			 * @Default {{}}
-			 */
-			dataSource?: DataSource;
-
-			/** Object utilized to pass additional information between client-end and service-end.
-			 * @Default {{}}
-			 */
-			customObject?: any;
-
-			/** Allows the user to enable PivotTreeMap’s responsiveness in the browser layout.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Allows the user to set the localized language for the widget.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the mode for the PivotTreeMap widget for binding data source either in server-side or client-side.
-			 * @Default {ej.Pivot.OperationalMode.ClientMode}
-			 */
-			operationalMode?: ej.Pivot.OperationalMode | string;
-
-			/** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
-			 * @Default {{}}
-			 */
-			serviceMethodSettings?: ServiceMethodSettings;
-
-			/** Connects the service using the specified URL for any server updates.
-			 * @Default {“”}
-			 */
-			url?: string;
-
-			/** Triggers when it reaches client-side after any AJAX request. */
-			afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
-
-			/** Triggers before any AJAX request is passed from PivotTreeMap to service methods. */
-			beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
-
-			/** Triggers when PivotTreeMap starts to render. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers before populating the pivot engine from datasource. */
-			beforePivotEnginePopulate?(e: BeforePivotEnginePopulateEventArgs): void;
-
-			/** Triggers when drill up/down happens in PivotTreeMap control. And it returns the outer HTML of PivotTreeMap control. */
-			drillSuccess?(e: DrillSuccessEventArgs): void;
-
-			/** Triggers when PivotTreeMap widget completes all operations at client-side after any AJAX request. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-
-			/** Triggers when any error occurred during AJAX request. */
-			renderFailure?(e: RenderFailureEventArgs): void;
-
-			/** Triggers when PivotTreeMap successfully reaches client-side after any AJAX request. */
-			renderSuccess?(e: RenderSuccessEventArgs): void;
-		}
-
-		export interface AfterServiceInvokeEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforeServiceInvokeEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface BeforePivotEnginePopulateEventArgs {
-
-			/** returns the current instance of PivotTreeMap control.
-			 */
-			treeMapObject?: any;
-		}
-
-		export interface DrillSuccessEventArgs {
-
-			/** return the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface RenderFailureEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-
-			/** returns the error stack trace of the original exception.
-			 */
-			message?: string;
-		}
-
-		export interface RenderSuccessEventArgs {
-
-			/** returns the current action of PivotTreeMap control.
-			 */
-			action?: string;
-
-			/** returns the custom object bound with PivotTreeMap control.
-			 */
-			customObject?: any;
-
-			/** returns the HTML element of PivotTreeMap control.
-			 */
-			element?: any;
-		}
-
-		export interface DataSourceColumnsFilterItems {
-
-			/** Contains the collection of items to be excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceColumn {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceColumnsFilterItems;
-		}
-
-		export interface DataSourceRowsFilterItems {
-
-			/** Contains the collection of items to be excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceRow {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Allows the user to indicate whether the added item is a named set or not.
-			 * @Default {false}
-			 */
-			isNamedSets?: boolean;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceRowsFilterItems;
-		}
-
-		export interface DataSourceValuesMeasure {
-
-			/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-			 */
-			fieldName?: string;
-		}
-
-		export interface DataSourceValue {
-
-			/** This holds the list of unique names of measures to bind them from the OLAP cube.
-			 * @Default {[]}
-			 */
-			measures?: DataSourceValuesMeasure[];
-
-			/** Allows to set the axis name to place the measures items.
-			 * @Default {rows}
-			 */
-			axis?: string;
-		}
-
-		export interface DataSourceFiltersFilterItems {
-
-			/** Contains the collection of items to be excluded among the field members.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface DataSourceFilter {
-
-			/** Allows the user to bind the item by using its unique name as field name.
-			 */
-			fieldName?: string;
-
-			/** Applies filter to the field members.
-			 * @Default {null}
-			 */
-			filterItems?: DataSourceFiltersFilterItems;
-		}
-
-		export interface DataSource {
-
-			/** Provides the raw data source for the PivotTreeMap.
-			 * @Default {null}
-			 */
-			data?: any;
-
-			/** Contains the respective cube name from OLAP database as string type.
-			 * @Default {“”}
-			 */
-			cube?: string;
-
-			/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-			 * @Default {“”}
-			 */
-			catalog?: string;
-
-			/** Lists out the items to be displayed as series of PivotTreeMap.
-			 * @Default {[]}
-			 */
-			columns?: DataSourceColumn[];
-
-			/** Lists out the items to be displayed as segments of PivotTreeMap.
-			 * @Default {[]}
-			 */
-			rows?: DataSourceRow[];
-
-			/** Lists out the items supports calculation in PivotTreeMap.
-			 * @Default {[]}
-			 */
-			values?: DataSourceValue[];
-
-			/** Lists out the items which supports filtering of values without displaying the members in UI in PivotTreeMap.
-			 * @Default {[]}
-			 */
-			filters?: DataSourceFilter[];
-		}
-
-		export interface ServiceMethodSettings {
-
-			/** Allows the user to set the custom name for the service method responsible for initializing PivotTreeMap.
-			 * @Default {InitializeTreemap}
-			 */
-			initialize?: string;
-
-			/** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotTreeMap.
-			 * @Default {DrillTreeMap}
-			 */
-			drillDown?: string;
-		}
-	}
-
-	class Schedule extends ej.Widget {
-		static fn: Schedule;
-		constructor(element: JQuery | Element, options?: Schedule.Model);
-		static Locale: any;
-		model: Schedule.Model;
-		defaults: Schedule.Model;
-
-		/** This method is used to delete the appointment based on the guid value or the appointment data passed to it.
-		 * @param {string|any} GUID value of an appointment element or an appointment object
-		 * @returns {void}
-		 */
-		deleteAppointment(data: string | any): void;
-
-		/** Destroys the Schedule widget. All the events bound using this._on are unbound automatically and the control is moved to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Exports the appointments from the Schedule control.
-		 * @param {string} It refers the controller action name to redirect. (For MVC)
-		 * @param {string} It refers the server event name.(For ASP)
-		 * @param {string|number} Pass the id of an appointment, in case if a single appointment needs to be exported. Otherwise, it takes the null value.
-		 * @returns {void}
-		 */
-		exportSchedule(action: string, serverEvent: string, id: string | number): void;
-
-		/** Searches and filters the appointments from appointment list of Schedule control.
-		 * @param {Array<any>} Holds array of one or more conditional objects for filtering the appointments based on it.
-		 * @returns {Array<any>}
-		 */
-		filterAppointments(filterConditions: any[]): any[];
-
-		/** Gets the complete appointment list of Schedule control.
-		 * @returns {Array<any>}
-		 */
-		getAppointments(): any[];
-
-		/** Prints the entire Scheduler or a single appointment based on the appointment data passed as an argument to it. Simply calling the print() method,
-		 * without passing any argument will print the entire Scheduler.
-		 * @param {any} Either accepts no arguments at all or else accepts an appointment object.
-		 * @returns {void}
-		 */
-		print(data: any): void;
-
-		/** Refreshes the Scroller of Scheduler while using it within some other controls or application.
-		 * @returns {void}
-		 */
-		refreshScroller(): void;
-
-		/** It is used to save the appointment. The appointment object is based on the argument passed to this method.
-		 * @param {any} appointment object which includes appointment details
-		 * @returns {void}
-		 */
-		saveAppointment(appointmentObject: any): void;
-
-		/** Generate the recurrence rule as a string, based on the repeat options selected.
-		 * @returns {string}
-		 */
-		getRecurrenceRule(): string;
-
-		/** Retrieves the time slot information (start/end time and resource details) of the given element.
-		 * The parameter is optional - as when no element is passed to it, the currently selected cell information will be retrieved. When multiple cells are selected in the Scheduler,
-		 * it is not necessary to provide the parameter.
-		 * @param {any} TD element object rendered as Scheduler work cell
-		 * @returns {any}
-		 */
-		getSlotByElement(element: any): any;
-
-		/** Searches the appointments from the appointment list of Schedule control based on the provided search string in its argument list.
-		 * @param {any|string} Defines the search word or the filter condition, based on which the appointments are filtered from the list.
-		 * @param {string} Defines the field name on which the search is to be made.
-		 * @param {ej.FilterOperators|string} Defines the filterOperator value for the search operation.
-		 * @param {boolean} Defines the ignoreCase value for performing the search operation.
-		 * @returns {Array<any>}
-		 */
-		searchAppointments(searchString: any | string, field: string, operator: ej.FilterOperators | string, ignoreCase: boolean): any[];
-
-		/** Refreshes the entire Schedule control.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Refreshes only the appointment elements within the Schedule control.
-		 * @returns {void}
-		 */
-		refreshAppointments(): void;
-
-		/** Passes the server-side action and data to the client-side for rendering the modified appointment list on the Schedule control.
-		 * @returns {void}
-		 */
-		notifyChanges(): void;
-	}
-	export namespace Schedule {
-
-		export interface Model {
-
-			/** When set to true, Schedule allows the appointments to be dragged and dropped at required time.
-			 * @Default {true}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** When set to true, Scheduler allows interaction through keyboard shortcut keys.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** It includes the dataSource option and the fields related to Schedule appointments. The appointment fields within the appointmentSettings can accept both string and object type values.
-			 * To apply validation rules on the appointment window fields, then the appointment fields needs to be defined with object type values.
-			 */
-			appointmentSettings?: AppointmentSettings;
-
-			/** Template design that applies on the Schedule appointments. All the field names that are mapped from dataSource
-			 * to the appropriate field properties within the appointmentSettings can be used within the template.
-			 * @Default {null}
-			 */
-			appointmentTemplateId?: string;
-
-			/** Accepts the custom CSS class name that defines specific user-defined styles and themes to be applied for partial or complete elements of the Schedule.
-			 */
-			cssClass?: string;
-
-			/** Sets various categorize colors to the Schedule appointments to differentiate it.
-			 */
-			categorizeSettings?: CategorizeSettings;
-
-			/** Sets the height for Schedule cells.
-			 * @Default {20px}
-			 */
-			cellHeight?: string;
-
-			/** Sets the width for Schedule cells.
-			 */
-			cellWidth?: string;
-
-			/** Holds all options related to the context menu settings of Scheduler.
-			 */
-			contextMenuSettings?: ContextMenuSettings;
-
-			/** Sets current date of the Schedule. The Schedule displays initially with the date that is provided here.
-			 * @Default {new Date()}
-			 */
-			currentDate?: any;
-
-			/** Sets current view of the Schedule. Schedule renders initially with the view that is specified here. The available views are day, week, workweek, month, agenda and
-			 * custom view - from which any one of the required view can be set to the Schedule. It accepts both string or enum values. The enum values that are accepted
-			 * by currentView(ej.Schedule.CurrentView) are as follows,
-			 * @Default {ej.Schedule.CurrentView.Week}
-			 */
-			currentView?: string | ej.Schedule.CurrentView;
-
-			/** Sets the date format for Schedule.
-			 */
-			dateFormat?: string;
-
-			/** When set to true, shows the previous/next appointment navigator button on the Scheduler.
-			 * @Default {true}
-			 */
-			showAppointmentNavigator?: boolean;
-
-			/** When set to true, enables the resize behavior of appointments within the Schedule.
-			 * @Default {true}
-			 */
-			enableAppointmentResize?: boolean;
-
-			/** When set to true, enables the loading of Schedule appointments based on your demand. With this load on demand concept, the data consumption of the Schedule can be limited.
-			 * @Default {false}
-			 */
-			enableLoadOnDemand?: boolean;
-
-			/** Saves the current model value to browser cookies for state maintenance. When the page gets refreshed, Schedule control values are retained.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** When set to true, the Schedule layout and behavior changes as per the common RTL conventions.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Sets the end hour time limit to be displayed on the Schedule.
-			 * @Default {24}
-			 */
-			endHour?: number;
-
-			/** To configure resource grouping on the Schedule.
-			 */
-			group?: Group;
-
-			/** Sets the height of the Schedule. Accepts both pixel and percentage values.
-			 * @Default {1120px}
-			 */
-			height?: string;
-
-			/** To define the work hours within the Schedule control.
-			 */
-			workHours?: WorkHours;
-
-			/** When set to true, enables the Schedule to observe Daylight Saving Time for supported timezones.
-			 * @Default {false}
-			 */
-			isDST?: boolean;
-
-			/** When set to true, adapts the Schedule layout to fit the screen size of devices on which it renders.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Sets the specific culture to the Schedule.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the maximum date limit to display on the Schedule. Setting maxDate with specific date value disallows the Schedule to navigate beyond that date.
-			 * @Default {new Date(2099, 12, 31)}
-			 */
-			maxDate?: any;
-
-			/** Sets the minimum date limit to display on the Schedule. Setting minDate with specific date value disallows the Schedule to navigate beyond that date.
-			 * @Default {new Date(1900, 01, 01)}
-			 */
-			minDate?: any;
-
-			/** Sets the mode of Schedule rendering either in a vertical or horizontal direction. It accepts either string(&quot;vertical&quot; or &quot;horizontal&quot;) or enum values.
-			 * The enum values that are accepted by orientation(ej.Schedule.Orientation) are as follows,
-			 * @Default {ej.Schedule.Orientation.Vertical}
-			 */
-			orientation?: string | ej.Schedule.Orientation;
-
-			/** Holds all the options related to priority settings of the Schedule.
-			 */
-			prioritySettings?: PrioritySettings;
-
-			/** When set to true, disables the interaction with the Schedule appointments, simply allowing the date and view navigation to occur.
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Holds all the options related to reminder settings of the Schedule.
-			 */
-			reminderSettings?: ReminderSettings;
-
-			/** Defines the specific start and end dates to be rendered in the Schedule control. To render such user-specified custom date ranges in the Schedule control,
-			 * set the currentView property to ej.Schedule.CurrentView.CustomView.
-			 * @Default {null}
-			 */
-			renderDates?: RenderDates;
-
-			/** Template design that applies on the Schedule resource header.
-			 * @Default {null}
-			 */
-			resourceHeaderTemplateId?: string;
-
-			/** Holds all the options related to the resources settings of the Schedule. It is a collection of one or more resource objects, where the levels of resources are rendered on the Schedule
-			 * based on the order of the resource data provided within this collection.
-			 * @Default {null}
-			 */
-			resources?: Resource[];
-
-			/** When set to true, displays the all-day row cells on the Schedule.
-			 * @Default {true}
-			 */
-			showAllDayRow?: boolean;
-
-			/** When set to false, hides the weekend days on all the Scheduler views.
-			 * @Default {true}
-			 */
-			showWeekend?: boolean;
-
-			/** When set to true, displays the current time indicator on the Schedule.
-			 * @Default {true}
-			 */
-			showCurrentTimeIndicator?: boolean;
-
-			/** When set to true, displays the header bar on the Schedule.
-			 * @Default {true}
-			 */
-			showHeaderBar?: boolean;
-
-			/** When set to true, displays the location field additionally on Schedule appointment window.
-			 * @Default {false}
-			 */
-			showLocationField?: boolean;
-
-			/** When set to false, doesn't render the start and end timezone fields on the Schedule appointment window.
-			 * @Default {true}
-			 */
-			showTimeZoneFields?: boolean;
-
-			/** When set to true, displays the quick window for every single click made on the Schedule cells or appointments.
-			 * @Default {true}
-			 */
-			showQuickWindow?: boolean;
-
-			/** Sets the start hour time range to be displayed on the Schedule.
-			 * @Default {0}
-			 */
-			startHour?: number;
-
-			/** Sets either 12 or 24 hour time mode on the Schedule. It accepts either the string value(&quot;12&quot; or &quot;24&quot;) or the below mentioned enum values.
-			 * The enum values that are accepted by timeMode(ej.Schedule.TimeMode) are as follows,
-			 * @Default {null}
-			 */
-			timeMode?: string | ej.Schedule.TimeMode;
-
-			/** Sets the timezone for the Schedule.
-			 * @Default {null}
-			 */
-			timeZone?: string;
-
-			/** Sets the collection of timezone items to be bound to the Schedule. Only the items bound to this property gets listed out in the timezone field of the appointment window.
-			 */
-			timeZoneCollection?: TimeZoneCollection;
-
-			/** Defines the view collection to be displayed on the Schedule. By default, it displays all the views namely, Day, Week, WorkWeek and Month.
-			 * @Default {[Day, Week, WorkWeek, Month, Agenda]}
-			 */
-			views?: any[];
-
-			/** Sets the width of the Schedule. Accepts both pixel and percentage values.
-			 * @Default {100%}
-			 */
-			width?: string;
-
-			/** When set to true, Schedule allows the validation of recurrence pattern to take place before it is being assigned to the appointments. For example, when one of the instance of
-			 * recurrence appointment is dragged beyond the next or previous instance of the same recurrence appointment, a pop-up is displayed with the validation message disallowing the drag functionality.
-			 * @Default {true}
-			 */
-			enableRecurrenceValidation?: boolean;
-
-			/** Sets the week to display more than one week appointment summary.
-			 */
-			agendaViewSettings?: AgendaViewSettings;
-
-			/** Sets specific day as the starting day of the week.
-			 * @Default {null}
-			 */
-			firstDayOfWeek?: string;
-
-			/** Sets different day collection within workWeek view.
-			 * @Default {[Monday, Tuesday, Wednesday, Thursday, Friday]}
-			 */
-			workWeek?: any[];
-
-			/** Allows to pop-up appointment details in a tooltip while hovering over the appointments.
-			 */
-			tooltipSettings?: TooltipSettings;
-
-			/** Holds all the options related to the time scale of Scheduler. The timeslots either major or minor slots can be customized with this property.
-			 */
-			timeScale?: TimeScale;
-
-			/** When set to true, shows the delete confirmation dialog before deleting an appointment.
-			 * @Default {true}
-			 */
-			showDeleteConfirmationDialog?: boolean;
-
-			/** Accepts the id value of the template layout defined for the all-day cells and customizes it.
-			 * @Default {null}
-			 */
-			allDayCellsTemplateId?: string;
-
-			/** Accepts the id value of the template layout defined for the work cells and month cells.
-			 * @Default {null}
-			 */
-			workCellsTemplateId?: string;
-
-			/** Accepts the id value of the template layout defined for the date header cells and customizes it.
-			 * @Default {null}
-			 */
-			dateHeaderTemplateId?: string;
-
-			/** when set to false, allows the height of the work-cells to adjust automatically (either expand or collapse) based on the number of appointment count it has.
-			 * @Default {true}
-			 */
-			showOverflowButton?: boolean;
-
-			/** Allows setting draggable area for the Scheduler appointments. Also, turns on the external drag and drop, when set with some specific external drag area name.
-			 */
-			appointmentDragArea?: string;
-
-			/** When set to true, displays the other months days from the current month on the Schedule.
-			 * @Default {true}
-			 */
-			showNextPrevMonth?: boolean;
-
-			/** Blocks the user-specific time interval on the Scheduler, so that no appointments can be created on that particular time slots.
-			 * It includes the dataSource option and also the fields related to block intervals.
-			 */
-			blockoutSettings?: BlockoutSettings;
-
-			/** Triggers on the beginning of every action that starts within the Schedule. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggers after the completion of every action within the Schedule. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggers after an appointment is clicked. */
-			appointmentClick?(e: AppointmentClickEventArgs): void;
-
-			/** Triggers before the appointment is being removed from the Scheduler. */
-			beforeAppointmentRemove?(e: BeforeAppointmentRemoveEventArgs): void;
-
-			/** Triggers before the edited appointment is being saved. */
-			beforeAppointmentChange?(e: BeforeAppointmentChangeEventArgs): void;
-
-			/** Triggers on hovering the mouse over the appointments. */
-			appointmentHover?(e: AppointmentHoverEventArgs): void;
-
-			/** Triggers before the new appointment gets saved. */
-			beforeAppointmentCreate?(e: BeforeAppointmentCreateEventArgs): void;
-
-			/** Triggers before the appointment window opens. */
-			appointmentWindowOpen?(e: AppointmentWindowOpenEventArgs): void;
-
-			/** Triggers before the context menu opens. */
-			beforeContextMenuOpen?(e: BeforeContextMenuOpenEventArgs): void;
-
-			/** Triggers after the cell is clicked. */
-			cellClick?(e: CellClickEventArgs): void;
-
-			/** Triggers after the cell is clicked twice. */
-			cellDoubleClick?(e: CellDoubleClickEventArgs): void;
-
-			/** Triggers on hovering the mouse overs the cells. */
-			cellHover?(e: CellHoverEventArgs): void;
-
-			/** Triggers when the Scheduler completely renders on the page. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggers when the Scheduler and all its sub-components gets destroyed. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggers while the appointment is being dragged over the work cells. */
-			drag?(e: DragEventArgs): void;
-
-			/** Triggers when the appointment dragging begins. */
-			dragStart?(e: DragStartEventArgs): void;
-
-			/** Triggers when the appointment is dropped. */
-			dragStop?(e: DragStopEventArgs): void;
-
-			/** Triggers after the menu/sub-menu items within the context menu is clicked. */
-			menuItemClick?(e: MenuItemClickEventArgs): void;
-
-			/** Triggers after the Schedule view or date is navigated. */
-			navigation?(e: NavigationEventArgs): void;
-
-			/** Triggers every time before the elements of the scheduler such as work cells, time cells or header cells and so on renders or re-renders on a page. */
-			queryCellInfo?(e: QueryCellInfoEventArgs): void;
-
-			/** Triggers when the reminder is raised for an appointment based on the alertBefore value. */
-			reminder?(e: ReminderEventArgs): void;
-
-			/** Triggers while resizing the appointment. */
-			resize?(e: ResizeEventArgs): void;
-
-			/** Triggers when the appointment resizing begins. */
-			resizeStart?(e: ResizeStartEventArgs): void;
-
-			/** Triggers when an appointment resizing stops. */
-			resizeStop?(e: ResizeStopEventArgs): void;
-
-			/** Triggers when the overflow button is clicked. */
-			overflowButtonClick?(e: OverflowButtonClickEventArgs): void;
-
-			/** Triggers while mouse hovering on the overflow button. */
-			overflowButtonHover?(e: OverflowButtonHoverEventArgs): void;
-
-			/** Triggers when any of the keyboard keys are pressed. */
-			keyDown?(e: KeyDownEventArgs): void;
-
-			/** Triggers after the new appointment is saved. */
-			appointmentCreated?(e: AppointmentCreatedEventArgs): void;
-
-			/** Triggers after an existing appointment is edited. */
-			appointmentChanged?(e: AppointmentChangedEventArgs): void;
-
-			/** Triggers after the appointment is deleted. */
-			appointmentRemoved?(e: AppointmentRemovedEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the current date value.
-			 */
-			currentDate?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current view value.
-			 */
-			currentView?: string;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the action begin request type.
-			 */
-			requestType?: string;
-
-			/** Returns the target of the click.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the save appointment value.
-			 */
-			data?: any;
-
-			/** Returns the id of delete appointment.
-			 */
-			id?: number;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data about view change action.
-			 */
-			data?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the action complete request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the appointment data dropped.
-			 */
-			appointment?: any;
-		}
-
-		export interface AppointmentClickEventArgs {
-
-			/** Returns the object of appointmentClick event.
-			 */
-			object?: any;
-
-			/** Returns the clicked appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeAppointmentRemoveEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the deleted appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeAppointmentChangeEventArgs {
-
-			/** Returns the edited appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface AppointmentHoverEventArgs {
-
-			/** Returns the object of appointmentHover event.
-			 */
-			object?: any;
-
-			/** Returns the hovered appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeAppointmentCreateEventArgs {
-
-			/** Returns the appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface AppointmentWindowOpenEventArgs {
-
-			/** returns the object of appointmentWindowOpen event while selecting the detail option from quick window or edit appointment or edit series option.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the end time of the double clicked cell.
-			 */
-			endTime?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the action name that triggers window open.
-			 */
-			originalEventType?: string;
-
-			/** Returns the start time of the double clicked cell.
-			 */
-			startTime?: any;
-
-			/** Returns the target of the double clicked cell.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the edit appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the edit occurrence option value.
-			 */
-			edit?: boolean;
-		}
-
-		export interface BeforeContextMenuOpenEventArgs {
-
-			/** Returns the object of beforeContextMenuOpen event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current cell index value.
-			 */
-			cellIndex?: number;
-
-			/** Returns the current date value.
-			 */
-			currentDate?: any;
-
-			/** Returns the current resource details, when multiple resources are present, otherwise returns null.
-			 */
-			resources?: any;
-
-			/** Returns the current appointment details while opening the menu from appointment.
-			 */
-			appointment?: any;
-
-			/** Returns the object of before opening menu target.
-			 */
-			events?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellClickEventArgs {
-
-			/** Returns the object of cellClick event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the end time of the clicked cell.
-			 */
-			endTime?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the start time of the clicked cell.
-			 */
-			startTime?: any;
-
-			/** Returns the target of the clicked cell.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellDoubleClickEventArgs {
-
-			/** Returns the object of cellDoubleClick event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the end time of the double clicked cell.
-			 */
-			endTime?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the start time of the double clicked cell.
-			 */
-			startTime?: any;
-
-			/** Returns the target of the double clicked cell.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellHoverEventArgs {
-
-			/** Returns the object of cellHover event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the index of the hovered cell.
-			 */
-			cellIndex?: any;
-
-			/** Returns the current date of the hovered cell.
-			 */
-			currentDate?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the target of the clicked cell.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface DragEventArgs {
-
-			/** Returns the object of dragOver event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the target of the drag over appointment.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DragStartEventArgs {
-
-			/** Returns the object of dragStart event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the target of the dragging appointment.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DragStopEventArgs {
-
-			/** Returns the object of dragDrop event.
-			 */
-			object?: any;
-
-			/** Returns the dropped appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface MenuItemClickEventArgs {
-
-			/** Returns the object of menuItemClick event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the object of menu item event.
-			 */
-			events?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface NavigationEventArgs {
-
-			/** Returns the current date object.
-			 */
-			currentDate?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the current view value.
-			 */
-			currentView?: string;
-
-			/** Returns the previous view value.
-			 */
-			previousView?: string;
-
-			/** Returns the target of the action.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the previous date of the Schedule.
-			 */
-			previousDate?: any;
-		}
-
-		export interface QueryCellInfoEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the current appointment data.
-			 */
-			appointment?: any;
-
-			/** Returns the currently rendering DOM element.
-			 */
-			element?: any;
-
-			/** Returns the name of the currently rendering element on the scheduler.
-			 */
-			requestType?: string;
-
-			/** Returns the cell type which is currently rendering on the Scheduler.
-			 */
-			cellType?: string;
-
-			/** Returns the start date of the currently rendering appointment.
-			 */
-			currentAppointmentDate?: any;
-
-			/** Returns the currently rendering cell information.
-			 */
-			cell?: any;
-
-			/** Returns the currently rendering resource details.
-			 */
-			resource?: any;
-
-			/** Returns the currently rendering date information.
-			 */
-			currentDay?: any;
-		}
-
-		export interface ReminderEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the appointment object for which the reminder is raised.
-			 */
-			reminderAppointment?: any;
-		}
-
-		export interface ResizeEventArgs {
-
-			/** Returns the object of resizing event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the resize element value.
-			 */
-			element?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeStartEventArgs {
-
-			/** Returns the object of resizeStart event.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the resize element value.
-			 */
-			element?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ResizeStopEventArgs {
-
-			/** Returns the object of resizeStop event.
-			 */
-			object?: any;
-
-			/** Returns the resized appointment value.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the target of the resized appointment.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OverflowButtonClickEventArgs {
-
-			/** Returns the object consisting of start time, end time and resource value of the underlying cell on which the clicked overflow button is present.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the object of menu item event.
-			 */
-			events?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OverflowButtonHoverEventArgs {
-
-			/** Returns the object consisting of start time, end time and resource value of the underlying cell on which the overflow button is currently hovered.
-			 */
-			object?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the object of menu item event.
-			 */
-			events?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface KeyDownEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the object of menu item event.
-			 */
-			events?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface AppointmentCreatedEventArgs {
-
-			/** Returns the appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface AppointmentChangedEventArgs {
-
-			/** Returns the edited appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface AppointmentRemovedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the deleted appointment object.
-			 */
-			appointment?: any;
-
-			/** Returns the Schedule model.
-			 */
-			model?: ej.Schedule.Model;
-
-			/** Returns the name of the Scheduler event.
-			 */
-			type?: string;
-		}
-
-		export interface AppointmentSettings {
-
-			/** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule appointments.
-			 * @Default {[]}
-			 */
-			dataSource?: any | any[];
-
-			/** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
-			 * @Default {null}
-			 */
-			query?: string;
-
-			/** Assign the table name from where the records are to be fetched for the Schedule.
-			 * @Default {null}
-			 */
-			tableName?: string;
-
-			/** When set to false, doesn't consider the time difference offset calculation on appointment time.
-			 * @Default {true}
-			 */
-			applyTimeOffset?: boolean;
-
-			/** Binds the id field name in dataSource to the id of Schedule appointments. It denotes the unique id assigned to appointments.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Binds the name of startTime field in the dataSource with start time of the Schedule appointments. It indicates the date and Time when Schedule appointment actually starts.
-			 * @Default {null}
-			 */
-			startTime?: string;
-
-			/** Binds the name of endTime field in dataSource with the end time of Schedule appointments. It indicates the date and time when Schedule appointment actually ends.
-			 * @Default {null}
-			 */
-			endTime?: string;
-
-			/** Binds the name of subject field in the dataSource to appointment Subject. Indicates the Subject or title that gets displayed on Schedule appointments.
-			 * @Default {null}
-			 */
-			subject?: string;
-
-			/** Binds the description field name in dataSource. It indicates the appointment description.
-			 * @Default {null}
-			 */
-			description?: string;
-
-			/** Binds the name of recurrence field in dataSource. It indicates whether the appointment is a recurrence appointment or not.
-			 * @Default {null}
-			 */
-			recurrence?: string;
-
-			/** Binds the name of recurrenceRule field in dataSource. It indicates the recurrence pattern associated with appointments.
-			 * @Default {null}
-			 */
-			recurrenceRule?: string;
-
-			/** Binds the name of allDay field in dataSource. It indicates whether the appointment is an all-day appointment or not.
-			 * @Default {null}
-			 */
-			allDay?: string;
-
-			/** Binds one or more fields in resource collection dataSource. It maps the resource field names with appointments denoting the resource of appointments actually belongs.
-			 * @Default {null}
-			 */
-			resourceFields?: string;
-
-			/** Binds the name of categorize field in dataSource. It indicates the categorize value, red categorize, green, yellow and so on applied to the appointments.
-			 * @Default {null}
-			 */
-			categorize?: string;
-
-			/** Binds the name of location field in dataSource. It indicates the appointment location.
-			 * @Default {null}
-			 */
-			location?: string;
-
-			/** Binds the name of the priority field in dataSource. It indicates the priority, high, low, medium and none of the appointments.
-			 * @Default {null}
-			 */
-			priority?: string;
-
-			/** Binds the name of start timezone field in dataSource. It indicates the timezone of appointment start date. When startTimeZone field is not mentioned,
-			 * the appointment uses the Schedule timeZone or System timeZone.
-			 * @Default {null}
-			 */
-			startTimeZone?: string;
-
-			/** Binds the name of end timezone field in dataSource. It indicates the timezone of appointment end date. When the endTimeZone field is not mentioned,
-			 * the appointment uses the Schedule timeZone or System timeZone.
-			 * @Default {null}
-			 */
-			endTimeZone?: string;
-		}
-
-		export interface CategorizeSettings {
-
-			/** When set to true, enables the multiple selection of categories to be applied for the appointments.
-			 * @Default {false}
-			 */
-			allowMultiple?: boolean;
-
-			/** When set to true, enables the categories option to be applied for the appointments.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** The dataSource option accepts either the JSON object collection or DataManager [ej.DataManager] instance that contains the categorize data.
-			 */
-			dataSource?: any[] | any;
-
-			/** Binds id field name in the dataSource to id of category data.
-			 * @Default {id}
-			 */
-			id?: string;
-
-			/** Binds text field name in the dataSource to category text.
-			 * @Default {text}
-			 */
-			text?: string;
-
-			/** Binds color field name in the dataSource to category color.
-			 * @Default {color}
-			 */
-			color?: string;
-
-			/** Binds fontColor field name in the dataSource to category font.
-			 * @Default {fontColor}
-			 */
-			fontColor?: string;
-		}
-
-		export interface ContextMenuSettingsMenuItems {
-
-			/** All the appointment related context menu items are grouped under this appointment menu collection.
-			 */
-			appointment?: any[];
-
-			/** All the Scheduler cell related context menu items are grouped under this cells menu item collection.
-			 */
-			cells?: any[];
-		}
-
-		export interface ContextMenuSettings {
-
-			/** When set to true, enables the context menu options available for the Schedule cells and appointments.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Contains all the default context menu options that are applicable for both Schedule cells and appointments. It also supports adding custom menu items to cells or appointment collection.
-			 */
-			menuItems?: ContextMenuSettingsMenuItems;
-		}
-
-		export interface Group {
-
-			/** Holds the array of resource names to be grouped on the Schedule.
-			 */
-			resources?: any[];
-		}
-
-		export interface WorkHours {
-
-			/** When set to true, highlights the work hours of the Schedule.
-			 * @Default {true}
-			 */
-			highlight?: boolean;
-
-			/** Sets the start time to depict the start of working or business hour in a day.
-			 * @Default {9}
-			 */
-			start?: number;
-
-			/** Sets the end time to depict the end of working or business hour in a day.
-			 * @Default {18}
-			 */
-			end?: number;
-		}
-
-		export interface PrioritySettings {
-
-			/** When set to true, enables the priority options available for the Schedule appointments.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** The dataSource option can accept the JSON object collection that contains the priority related data.
-			 * @Default {{% highlight js%}[{ text: None, value: none },{ text: High, value: high },{ text: Medium, value: medium },{ text: Low, value: low }]{% endhighlight %}}
-			 */
-			dataSource?: any | any[];
-
-			/** Binds text field name in the dataSource to prioritySettings text. These text gets listed out in priority field of the appointment window.
-			 * @Default {text}
-			 */
-			text?: string;
-
-			/** Binds value field name in the dataSource to prioritySettings value. These field names usually accepts four priority values by default, high, low, medium and none.
-			 * @Default {value}
-			 */
-			value?: string;
-
-			/** Allows priority field customization in the appointment window to add custom icons denoting the priority level for the appointments.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface ReminderSettings {
-
-			/** When set to true, enables the reminder option available for the Schedule appointments.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Sets the timing, when the reminders are to be alerted for the Schedule appointments.
-			 * @Default {5}
-			 */
-			alertBefore?: number;
-		}
-
-		export interface RenderDates {
-
-			/** Sets the start of custom date range to be rendered in the Schedule.
-			 * @Default {null}
-			 */
-			start?: any;
-
-			/** Sets the end limit of the custom date range.
-			 * @Default {null}
-			 */
-			end?: any;
-		}
-
-		export interface ResourcesResourceSettings {
-
-			/** The dataSource option accepts either JSON object collection or DataManager (ejDataManager) instance that contains the resources related data.
-			 * @Default {[]}
-			 */
-			dataSource?: any | any[];
-
-			/** Binds text field name in the dataSource to resourceSettings text. These text gets listed out in resources field of the appointment window.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Binds id field name in the dataSource to resourceSettings id.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Binds groupId field name in the dataSource to resourceSettings groupId.
-			 * @Default {null}
-			 */
-			groupId?: string;
-
-			/** Binds color field name in the dataSource to resourceSettings color. The color specified here gets applied to the Schedule appointments denoting to the resource it belongs.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Binds the starting work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the starting work hour for specific resources.
-			 * @Default {null}
-			 */
-			start?: string;
-
-			/** Binds the end work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the end work hour for specific resources.
-			 * @Default {null}
-			 */
-			end?: string;
-
-			/** Binds the resources working days field name in the dataSource. It's optional, and accepts the array of strings (week day names). When provided with specific collection of
-			 * days (array of day names), only those days will render for the specific resources.
-			 * @Default {null}
-			 */
-			workWeek?: string;
-
-			/** Binds appointmentClass field name in the dataSource. It applies custom CSS class name to appointments depicting to the resource it belongs.
-			 * @Default {null}
-			 */
-			appointmentClass?: string;
-		}
-
-		export interface Resource {
-
-			/** It holds the name of the resource field to be bound to the Schedule appointments that contains the resource Id.
-			 * @Default {null}
-			 */
-			field?: string;
-
-			/** It holds the title name of the resource field to be displayed on the Schedule appointment window.
-			 * @Default {null}
-			 */
-			title?: string;
-
-			/** A unique resource name that is used for differentiating various resource objects while grouping it in various levels.
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the selected resources.
-			 * @Default {false}
-			 */
-			allowMultiple?: boolean;
-
-			/** It holds the field names of the resources to be bound to the Schedule and also the dataSource.
-			 */
-			resourceSettings?: ResourcesResourceSettings;
-		}
-
-		export interface TimeZoneCollection {
-
-			/** Sets the collection of timezone items to the dataSource that accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule timezones.
-			 */
-			dataSource?: any;
-
-			/** Binds text field name in the dataSource to timeZoneCollection text. These text gets listed out in the timezone fields of the appointment window.
-			 * @Default {text}
-			 */
-			text?: string;
-
-			/** Binds id field name in the dataSource to timeZoneCollection id.
-			 * @Default {id}
-			 */
-			id?: string;
-
-			/** Binds value field name in the dataSource to timeZoneCollection value.
-			 * @Default {value}
-			 */
-			value?: string;
-		}
-
-		export interface AgendaViewSettings {
-
-			/** You can display the summary of multiple week's appointment by setting this value.
-			 * @Default {7}
-			 */
-			daysInAgenda?: number;
-
-			/** You can customize the Date column display based on the requirement.
-			 * @Default {null}
-			 */
-			dateColumnTemplateId?: string;
-
-			/** You can customize the time column display based on the requirement.
-			 * @Default {null}
-			 */
-			timeColumnTemplateId?: string;
-		}
-
-		export interface TooltipSettings {
-
-			/** Enables or disables the tooltip display.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Template design that customizes the tooltip. All the field names that are mapped from dataSource to the appropriate field properties within
-			 * the appointmentSettings can be accessed within the template.
-			 * @Default {null}
-			 */
-			templateId?: string;
-		}
-
-		export interface TimeScale {
-
-			/** When set to true, displays the time slots on the Scheduler.
-			 * @Default {true}
-			 */
-			enable?: boolean;
-
-			/** When set with some specific value, defines the number of time divisions split per hour(as per value given for the majorTimeSlot). Those time divisions are meant to be the minor slots.
-			 * @Default {2}
-			 */
-			minorSlotCount?: number;
-
-			/** Accepts the value in minutes. When provided with specific value, displays the appropriate time interval on the Scheduler
-			 * @Default {60}
-			 */
-			majorSlot?: number;
-
-			/** Template design that customizes the timecells (minor slots) that are partitioned based on minorSlotCount. Accepts id value of the template defined for minor time slots.
-			 * @Default {null}
-			 */
-			minorSlotTemplateId?: string;
-
-			/** Template design that customizes the timecells (major slots). Accepts id value of the template defined for major time slots.
-			 * @Default {null}
-			 */
-			majorSlotTemplateId?: string;
-		}
-
-		export interface BlockoutSettings {
-
-			/** When set to true, enables the blockout option to be applied on the Scheduler cells.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Template design that applies on the Schedule block intervals. All the field names that are mapped from dataSource to the appropriate field
-			 * properties within the blockoutSettings can be used within the template.
-			 * @Default {null}
-			 */
-			templateId?: string;
-
-			/** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule block intervals.
-			 * @Default {[]}
-			 */
-			dataSource?: any | any[];
-
-			/** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
-			 * @Default {null}
-			 */
-			query?: string;
-
-			/** Assign the table name from where the records are to be fetched for the Schedule.
-			 * @Default {null}
-			 */
-			tableName?: string;
-
-			/** Binds the id field name in dataSource to the id of block time interval. It denotes the unique id assigned to each of the block records.
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Binds the name of startTime field in the dataSource with start time of block time interval. It indicates the date and time, when the block interval actually starts in the Scheduler.
-			 * @Default {null}
-			 */
-			startTime?: string;
-
-			/** Binds the name of endTime field in dataSource with the end time of block time interval. It indicates the date and time, when the block interval actually ends in the Scheduler.
-			 * @Default {null}
-			 */
-			endTime?: string;
-
-			/** Binds the name of subject field in the dataSource to block time Subject. Indicates the Subject or title that gets displayed on the Schedule block intervals.
-			 * @Default {null}
-			 */
-			subject?: string;
-
-			/** Binds the name of isBlockAppointment field in dataSource. When set to true, disables the appointments that lies on the blocked area and restrict to perform CRUD operations in it.
-			 * @Default {null}
-			 */
-			isBlockAppointment?: string;
-
-			/** Binds the name of isAllDay field in dataSource. It indicates whether an entire day is blocked or not.
-			 * @Default {null}
-			 */
-			isAllDay?: string;
-
-			/** Binds the name of resourceId field in dataSource. Specifies the id of the resources, to which the time intervals are needed to be blocked.
-			 * @Default {null}
-			 */
-			resourceId?: string;
-
-			/** Binds the name of customStyle field in dataSource. It applies the custom CSS to the block intervals.
-			 * @Default {null}
-			 */
-			customStyle?: string;
-		}
-
-		enum CurrentView {
-
-			///Sets currentView of the Scheduler as Day
-			Day,
-
-			///Sets currentView of the Scheduler as Week
-			Week,
-
-			///Sets currentView of the Scheduler as WorkWeek
-			Workweek,
-
-			///Sets currentView of the Scheduler as Month
-			Month,
-
-			///Sets currentView of the Scheduler as Agenda
-			Agenda,
-
-			///Sets currentView of the Scheduler as CustomView with user-specified date range.
-			CustomView
-		}
-
-
-		enum Orientation {
-
-			///Set orientation as vertical to Scheduler
-			Vertical,
-
-			///Set orientation as horizontal to Scheduler
-			Horizontal
-		}
-
-
-		enum TimeMode {
-
-			///Sets 12 hour time mode to Scheduler
-			Hour12,
-
-			///Sets 24 hour time mode to Scheduler
-			Hour24
-		}
-
-	}
-
-	class RecurrenceEditor extends ej.Widget {
-		static fn: RecurrenceEditor;
-		constructor(element: JQuery | Element, options?: RecurrenceEditor.Model);
-		static Locale: any;
-		model: RecurrenceEditor.Model;
-		defaults: RecurrenceEditor.Model;
-
-		/** Generates the recurrence rule with the options selected within the Recurrence Editor.
-		 * @returns {String}
-		 */
-		getRecurrenceRule(): string;
-
-		/** Generates the collection of date, that lies within the selected recurrence start and end date for which the recurrence pattern applies.
-		 * @param {string} It refers the recurrence rule.
-		 * @param {any} It refers the start date of the recurrence.
-		 * @returns {any}
-		 */
-		recurrenceDateGenerator(recurrenceString: string, startDate: any): any;
-
-		/** It splits and returns the recurrence rule string into object collection.
-		 * @param {string} It refers the recurrence rule string.
-		 * @param {any} It refers the appointment dates (ExDate) to be excluded
-		 * @returns {any}
-		 */
-		recurrenceRuleSplit(recurrenceRule: string, exDate: any): any;
-	}
-	export namespace RecurrenceEditor {
-
-		export interface Model {
-
-			/** Defines the collection of recurrence frequencies within Recurrence Editor such as Never, Daily, Weekly, Monthly, Yearly and Every Weekday.
-			 * @Default {[never, daily, weekly, monthly, yearly, everyweekday]}
-			 */
-			frequencies?: any[];
-
-			/** Sets the starting day of the week.
-			 * @Default {null}
-			 */
-			firstDayOfWeek?: string;
-
-			/** When set to true, enables the spin button of numeric textboxes within the Recurrence Editor.
-			 * @Default {true}
-			 */
-			enableSpinners?: boolean;
-
-			/** Sets the start date of the recurrence. The Recurrence Editor initially displays the current date as its start date.
-			 * @Default {new Date()}
-			 */
-			startDate?: any;
-
-			/** Sets the specific culture to the Recurrence Editor.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Sets the date format for the datepickers available within the Recurrence Editor.
-			 */
-			dateFormat?: string;
-
-			/** When set to true, renders the Recurrence Editor options from Right-to-Left direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Sets the active/current repeat type(frequency) on Recurrence Editor based on the index value provided. For example, setting the value 1 will initially set the repeat type
-			 * as Daily and display its related options.
-			 * @Default {0}
-			 */
-			selectedRecurrenceType?: number;
-
-			/** Sets the minimum date limit to display on the datepickers defined within the Recurrence Editor. Setting minDate with specific date value disallows the datepickers within
-			 * Recurrence Editor to navigate beyond that date.
-			 * @Default {new Date(1900, 01, 01)}
-			 */
-			minDate?: any;
-
-			/** Sets the maximum date limit to display on the datepickers used within the Recurrence Editor. Setting maxDate with specific date value disallows the
-			 * datepickers within the Recurrence Editor to navigate beyond that date.
-			 * @Default {new Date(2099, 12, 31)}
-			 */
-			maxDate?: any;
-
-			/** Accepts the custom CSS class name, that defines user-defined styles and themes to be applied on partial or complete elements of the Recurrence Editor.
-			 */
-			cssClass?: string;
-
-			/** Triggers whenever any of the Recurrence Editor's value is changed. */
-			change?(e: ChangeEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** When set to true, event gets canceled.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Recurrence Editor model
-			 */
-			model?: ej.RecurrenceEditor.Model;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the recurrence rule value.
-			 */
-			recurrenceRule?: string;
-		}
-	}
-
-	class Gantt extends ej.Widget {
-		static fn: Gantt;
-		constructor(element: JQuery | Element, options?: Gantt.Model);
-		static Locale: any;
-		model: Gantt.Model;
-		defaults: Gantt.Model;
-
-		/** To add a new item in Gantt
-		 * @param {any} Item to add in Gantt row.
-		 * @param {string} Defines in which position the row wants to add
-		 * @returns {void}
-		 */
-		addRecord(data: any, rowPosition: string): void;
-
-		/** To select cell based on the cell and row index dynamically.
-		 * @param {Array<any>} array of cell indexes to be select
-		 * @param {boolean} Defines that we need to preserve the previously selected cells of not
-		 * @returns {void}
-		 */
-		selectCells(Indexes: any[], preservePreviousSelectedCell: boolean): void;
-
-		/** Positions the splitter by the specified column index.
-		 * @param {number} Set the splitter position based on column index.
-		 * @returns {void}
-		 */
-		setSplitterIndex(index: number): void;
-
-		/** To sort the column in required direction
-		 * @param {string} Defines the column's mapping name in which sorting have to be performed
-		 * @param {string} Defines the sort direction whether the column has to sorted in ascending/descending order. By default it is sorting in an ascending order
-		 * @returns {void}
-		 */
-		sortColumn(mappingName: string, columnSortDirection: string): void;
-
-		/** To cancel the edited state of an item in Gantt
-		 * @returns {void}
-		 */
-		cancelEdit(): void;
-
-		/** To collapse all the parent items in Gantt
-		 * @returns {void}
-		 */
-		collapseAllItems(): void;
-
-		/** To delete a selected item in Gantt
-		 * @returns {void}
-		 */
-		deleteItem(): void;
-
-		/** destroy the Gantt widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To Expand all the parent items in Gantt
-		 * @returns {void}
-		 */
-		expandAllItems(): void;
-
-		/** To expand and collapse an item in Gantt using item's ID
-		 * @param {number} Expand or Collapse a record based on task id.
-		 * @returns {void}
-		 */
-		expandCollapseRecord(taskId: number): void;
-
-		/** Export the Gantt content to excel or PDF document.
-		 * @param {string} Pass the controller action name corresponding to exporting
-		 * @param {string} optionalASP server event name corresponding to exporting
-		 * @param {boolean} optionalPass the multiple exporting value as true/false
-		 * @returns {void}
-		 */
-		export(action: string, serverEvent?: string, multipleExport?: boolean): void;
-
-		/** To hide the column by using header text
-		 * @param {string} you can pass a header text of a column to hide
-		 * @returns {void}
-		 */
-		hideColumn(headerText: string): void;
-
-		/** To indent a selected item in Gantt
-		 * @returns {void}
-		 */
-		indentItem(): void;
-
-		/** To Open the dialog to add new task to the Gantt
-		 * @returns {void}
-		 */
-		openAddDialog(): void;
-
-		/** To Open the dialog to edit existing task to the Gantt
-		 * @returns {void}
-		 */
-		openEditDialog(): void;
-
-		/** To outdent a selected item in Gantt
-		 * @returns {void}
-		 */
-		outdentItem(): void;
-
-		/** To save the edited state of an item in Gantt
-		 * @returns {void}
-		 */
-		saveEdit(): void;
-
-		/** To search an item with search string provided at the run time
-		 * @param {string} you can pass a text to search in Gantt Control.
-		 * @returns {void}
-		 */
-		searchItem(searchString: string): void;
-
-		/** To set the grid width in Gantt
-		 * @param {string} you can give either percentage or pixels value
-		 * @returns {void}
-		 */
-		setSplitterPosition(width: string): void;
-
-		/** To show the column by using header text
-		 * @param {string} you can pass a header text of a column to show
-		 * @returns {void}
-		 */
-		showColumn(headerText: string): void;
-	}
-	export namespace Gantt {
-
-		export interface Model {
-
-			/** Specifies the fields to be included in the add dialog in Gantt
-			 * @Default {[]}
-			 */
-			addDialogFields?: any[];
-
-			/** Enables or disables the ability to resize column.
-			 * @Default {false}
-			 */
-			allowColumnResize?: boolean;
-
-			/** Enables or Disables Gantt chart editing in Gantt
-			 * @Default {true}
-			 */
-			allowGanttChartEditing?: boolean;
-
-			/** Enables or Disables Keyboard navigation in Gantt
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Specifies enabling or disabling multiple sorting for Gantt columns
-			 * @Default {false}
-			 */
-			allowMultiSorting?: boolean;
-
-			/** Enables or disables the option for multiple exporting
-			 * @Default {false}
-			 */
-			allowMultipleExporting?: boolean;
-
-			/** Enables or disables the interactive selection of a row.
-			 * @Default {true}
-			 */
-			allowSelection?: boolean;
-
-			/** Enables or disables sorting. When enabled, we can sort the column by clicking on the column.
-			 * @Default {false}
-			 */
-			allowSorting?: boolean;
-
-			/** Enables or disables the ability to drag and drop the row interactively to reorder the rows
-			 * @Default {false}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Enable or disable predecessor validation. When it is true, all the task's start and end dates are aligned based on its predecessors start and end dates.
-			 * @Default {true}
-			 */
-			enablePredecessorValidation?: boolean;
-
-			/** Specifies the baseline background color in Gantt
-			 * @Default {#fba41c}
-			 */
-			baselineColor?: string;
-
-			/** Specifies the mapping property path for the work field of a task in the data source. When it is mapped the end date and duration for a task will be calculated automatically.
-			 */
-			workMapping?: string;
-
-			/** Specifies the mapping property path for the expand status of a record in data source.
-			 */
-			expandStateMapping?: string;
-
-			/** Specifies the mapping property path for baseline end date in datasource
-			 */
-			baselineEndDateMapping?: string;
-
-			/** Specifies the mapping property path for baseline start date of a task in datasource
-			 */
-			baselineStartDateMapping?: string;
-
-			/** Specifies the mapping property path for sub tasks in datasource
-			 */
-			childMapping?: string;
-
-			/** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
-			 * @Default {[]}
-			 */
-			columnDialogFields?: any[];
-
-			/** Specifies the background of connector lines in Gantt
-			 */
-			connectorLineBackground?: string;
-
-			/** Specifies the width of the connector lines in Gantt
-			 * @Default {1}
-			 */
-			connectorlineWidth?: number;
-
-			/** Specify the CSS class for Gantt to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specifies the template for cell tooltip
-			 * @Default {null}
-			 */
-			cellTooltipTemplate?: string;
-
-			/** Option for customizing the drag tooltip while reordering the rows.
-			 */
-			dragTooltip?: DragTooltip;
-
-			/** Collection of data or hierarchical data to represent in Gantt
-			 * @Default {null}
-			 */
-			dataSource?: any[];
-
-			/** Specifies the dateFormat for Gantt , given format is displayed in tooltip , Grid .
-			 * @Default {MM/dd/yyyy}
-			 */
-			dateFormat?: string;
-
-			/** Specifies the customized working time for tasks in Gantt
-			 * @Default {[{ from: 08:00 AM, to: 12:00 PM }, { from: 01:00 PM, to: 05:00 PM }]}
-			 */
-			dayWorkingTime?: any[];
-
-			/** Specifies the mapping property path for duration of a task in datasource
-			 */
-			durationMapping?: string;
-
-			/** Specifies the duration unit for each tasks whether days or hours or minutes
-			 * @Default {ej.Gantt.DurationUnit.Day}
-			 */
-			durationUnit?: ej.Gantt.DurationUnit | string;
-
-			/** Specifies the fields to be included in the edit dialog in Gantt
-			 * @Default {[]}
-			 */
-			editDialogFields?: any[];
-
-			/** Enables or disables the responsiveness of Gantt
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Option to configure the splitter position.
-			 */
-			splitterSettings?: SplitterSettings;
-
-			/** Specifies the editSettings options in Gantt.
-			 */
-			editSettings?: EditSettings;
-
-			/** Enables or Disables enableAltRow row effect in Gantt
-			 * @Default {true}
-			 */
-			enableAltRow?: boolean;
-
-			/** Enables/disables work breakdown structure column.
-			 * @Default {false}
-			 */
-			enableWBS?: boolean;
-
-			/** Enables/disables WBS predecessor column.
-			 * @Default {false}
-			 */
-			enableWBSPredecessor?: boolean;
-
-			/** Enables or disables the collapse all records when loading the Gantt.
-			 * @Default {false}
-			 */
-			enableCollapseAll?: boolean;
-
-			/** Specifies the data source field name to be displayed as left task label
-			 */
-			leftTaskLabelMapping?: string;
-
-			/** Specifies the data source field name to be displayed as right task label
-			 */
-			rightTaskLabelMapping?: string;
-
-			/** Specifies the template for left task label
-			 */
-			leftTaskLabelTemplate?: string;
-
-			/** Specifies the template for right task label
-			 */
-			rightTaskLabelTemplate?: string;
-
-			/** Enables or disables the contextmenu for Gantt , when enabled contextmenu appears on right clicking Gantt
-			 * @Default {false}
-			 */
-			enableContextMenu?: boolean;
-
-			/** Indicates whether we can edit the progress of a task interactively in Gantt.
-			 * @Default {true}
-			 */
-			enableProgressBarResizing?: boolean;
-
-			/** Enables or disables the option for dynamically updating the Gantt size on window resizing
-			 * @Default {false}
-			 */
-			enableResize?: boolean;
-
-			/** Enables or disables tooltip while editing (dragging/resizing) the taskbar.
-			 * @Default {true}
-			 */
-			enableTaskbarDragTooltip?: boolean;
-
-			/** Enables or disables tooltip for taskbar.
-			 * @Default {true}
-			 */
-			enableTaskbarTooltip?: boolean;
-
-			/** Enables/Disables virtualization for rendering Gantt items.
-			 * @Default {false}
-			 */
-			enableVirtualization?: boolean;
-
-			/** Specifies the mapping property path for end Date of a task in datasource
-			 */
-			endDateMapping?: string;
-
-			/** Specifies whether to highlight the weekends in Gantt .
-			 * @Default {true}
-			 */
-			highlightWeekends?: boolean;
-
-			/** Collection of holidays with date, background and label information to be displayed in Gantt.
-			 * @Default {[]}
-			 */
-			holidays?: any[];
-
-			/** Specifies whether to include weekends while calculating the duration of a task.
-			 * @Default {true}
-			 */
-			includeWeekend?: boolean;
-
-			/** Specify the locale for Gantt
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the mapping property path for milestone in datasource
-			 */
-			milestoneMapping?: string;
-
-			/** Enables/disables the options for inserting , deleting and renaming  columns.
-			 * @Default {false}
-			 */
-			showColumnOptions?: boolean;
-
-			/** Specifies the template for parent taskbar
-			 */
-			parentTaskbarTemplate?: string;
-
-			/** Specifies the nature of a task for calculating the work,  and it can fixed duration, fixed work and fixed resource unit
-			 * @Default {ej.Gantt.TaskType.FixedUnit}
-			 */
-			taskType?: ej.Gantt.TaskType | string;
-
-			/** Specifies the unit for the work involved in a task and it can be day, hour or minute
-			 * @Default {ej.Gantt.WorkUnit.Hour}
-			 */
-			workUnit?: ej.Gantt.WorkUnit | string;
-
-			/** Specifies the task scheduling mode for a project and this will be set to all the tasks available in the project
-			 * @Default {ej.Gantt.TaskSchedulingMode.Auto}
-			 */
-			taskSchedulingMode?: ej.Gantt.TaskSchedulingMode | string;
-
-			/** Specifies the row selection type.
-			 * @Default {ej.Gantt.SelectionType.Single}
-			 */
-			selectionType?: ej.Gantt.SelectionType | string;
-
-			/** Specifies the background of parent progressbar in Gantt
-			 */
-			parentProgressbarBackground?: string;
-
-			/** Specifies the mapping property path for resource's percent effort involved in a task in datasource
-			 */
-			resourceUnitMapping?: string;
-
-			/** Specifies the mapping property path for the task description in datasource
-			 */
-			notesMapping?: string;
-
-			/** Specifies the mapping property path for the task scheduling mode for a task in datasource
-			 * @Default {auto}
-			 */
-			taskSchedulingModeMapping?: string;
-
-			/** Specifies the mapping property path for task duration unit in datasource
-			 */
-			durationUnitMapping?: string;
-
-			/** Specifies the background of parent taskbar in Gantt
-			 */
-			parentTaskbarBackground?: string;
-
-			/** Specifies the mapping property path for parent task Id in self reference datasource
-			 */
-			parentTaskIdMapping?: string;
-
-			/** Specifies the mapping property path for predecessors of a task in datasource
-			 */
-			predecessorMapping?: string;
-
-			/** Specifies the background of progressbar in Gantt
-			 */
-			progressbarBackground?: string;
-
-			/** Specified the height of the progressbar in taskbar
-			 * @Default {100}
-			 */
-			progressbarHeight?: number;
-
-			/** Specifies the template for tooltip on resizing progressbar
-			 * @Default {null}
-			 */
-			progressbarTooltipTemplate?: string;
-
-			/** Specifies the template ID for customized tooltip for progressbar editing in Gantt
-			 * @Default {null}
-			 */
-			progressbarTooltipTemplateId?: string;
-
-			/** Specifies the mapping property path for progress percentage of a task in datasource
-			 */
-			progressMapping?: string;
-
-			/** It receives query to retrieve data from the table (query is same as SQL).
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in Gantt
-			 * @Default {false}
-			 */
-			renderBaseline?: boolean;
-
-			/** Enables or disables the schedule date validation while connecting a manually scheduled task with predecessor
-			 * @Default {false}
-			 */
-			validateManualTasksOnLinking?: boolean;
-
-			/** Specifies the mapping property name for resource ID in resource Collection in Gantt
-			 */
-			resourceIdMapping?: string;
-
-			/** Specifies the mapping property path for resources of a task in datasource
-			 */
-			resourceInfoMapping?: string;
-
-			/** Specifies the mapping property path for resource name of a task in Gantt
-			 */
-			resourceNameMapping?: string;
-
-			/** Collection of data regarding resources involved in entire project
-			 * @Default {[]}
-			 */
-			resources?: any[];
-
-			/** Specifies whether rounding off the day working time edits
-			 * @Default {true}
-			 */
-			roundOffDayworkingTime?: boolean;
-
-			/** Specifies the height of a single row in Gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
-			 * @Default {30}
-			 */
-			rowHeight?: number;
-
-			/** Specifies end date of the Gantt schedule. By default, end date will be rounded to its next Saturday.
-			 * @Default {null}
-			 */
-			scheduleEndDate?: string;
-
-			/** Specifies the options for customizing schedule header.
-			 */
-			scheduleHeaderSettings?: ScheduleHeaderSettings;
-
-			/** Specifies start date of the Gantt schedule. By default, start date will be rounded to its previous Sunday.
-			 * @Default {null}
-			 */
-			scheduleStartDate?: string;
-
-			/** Specifies the selected row Index in Gantt , the row with given index will highlighted
-			 * @Default {-1}
-			 */
-			selectedRowIndex?: number;
-
-			/** Enables or disables the column chooser.
-			 * @Default {false}
-			 */
-			showColumnChooser?: boolean;
-
-			/** Specifies the template for cell tooltip
-			 * @Default {true}
-			 */
-			showGridCellTooltip?: boolean;
-
-			/** Specifies whether to show grid cell tooltip over expander cell alone.
-			 * @Default {true}
-			 */
-			showGridExpandCellTooltip?: boolean;
-
-			/** Specifies whether display task progress inside taskbar.
-			 * @Default {true}
-			 */
-			showProgressStatus?: boolean;
-
-			/** Specifies whether to display resource names for a task beside taskbar.
-			 * @Default {true}
-			 */
-			showResourceNames?: boolean;
-
-			/** Specifies whether to display task name beside task bar.
-			 * @Default {true}
-			 */
-			showTaskNames?: boolean;
-
-			/** Specifies the size option of Gantt control.
-			 */
-			sizeSettings?: SizeSettings;
-
-			/** Specifies the selected cell information on rendering Gantt.
-			 */
-			selectedCellIndexes?: SelectedCellIndex[];
-
-			/** Specifies the sorting options for Gantt.
-			 */
-			sortSettings?: SortSettings;
-
-			/** Specifies splitter position in Gantt.
-			 * @Default {null}
-			 */
-			splitterPosition?: string;
-
-			/** Specifies the mapping property path for start date of a task in datasource
-			 */
-			startDateMapping?: string;
-
-			/** Specifies the options for striplines
-			 * @Default {[]}
-			 */
-			stripLines?: any[];
-
-			/** Specifies the background of the taskbar in Gantt
-			 */
-			taskbarBackground?: string;
-
-			/** Specifies the template script for customized tooltip for taskbar editing in Gantt
-			 */
-			taskbarEditingTooltipTemplate?: string;
-
-			/** Specifies the template Id for customized tooltip for taskbar editing in Gantt
-			 */
-			taskbarEditingTooltipTemplateId?: string;
-
-			/** Specifies the height of taskBar in Gantt.
-			 * @Default {20}
-			 */
-			taskbarHeight?: number;
-
-			/** Specifies the template for tooltip on mouse action on taskbars
-			 */
-			taskbarTooltipTemplate?: string;
-
-			/** To Specify the JsRender script Id to customize the task bar with our preference
-			 */
-			taskbarTemplate?: string;
-
-			/** To Specify the JsRender script Id to customize the mile stone with our preference
-			 */
-			milestoneTemplate?: string;
-
-			/** Enables or disables Gantt to read-only mode
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Specifies the template id for tooltip on mouse action on taskbars
-			 */
-			taskbarTooltipTemplateId?: string;
-
-			/** Specifies the mapping property path for task Id in datasource
-			 */
-			taskIdMapping?: string;
-
-			/** Specifies the mapping property path for task name in datasource
-			 */
-			taskNameMapping?: string;
-
-			/** Specifies the toolbarSettings options.
-			 */
-			toolbarSettings?: ToolbarSettings;
-
-			/** Specifies the tree expander column in Gantt
-			 * @Default {0}
-			 */
-			treeColumnIndex?: number;
-
-			/** Specifies the type of selection whether to select row or cell.
-			 * @Default {ej.Gantt.SelectionMode.Row}
-			 */
-			selectionMode?: ej.Gantt.SelectionMode | string;
-
-			/** Specifies the weekendBackground color in Gantt
-			 * @Default {#F2F2F2}
-			 */
-			weekendBackground?: string;
-
-			/** Specifies the working time schedule of day
-			 * @Default {ej.Gantt.workingTimeScale.TimeScale8Hours}
-			 */
-			workingTimeScale?: ej.Gantt.workingTimeScale | string;
-
-			/** Triggered for every Gantt action before its starts. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggered for every Gantt action success event. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggered while enter the edit mode in the TreeGrid cell */
-			beginEdit?(e: BeginEditEventArgs): void;
-
-			/** Triggered before selecting a cell */
-			cellSelecting?(e: CellSelectingEventArgs): void;
-
-			/** Triggered after selected a cell */
-			cellSelected?(e: CellSelectedEventArgs): void;
-
-			/** Triggered while dragging a row in Gantt control */
-			rowDrag?(e: RowDragEventArgs): void;
-
-			/** Triggered while start to drag row in Gantt control */
-			rowDragStart?(e: RowDragStartEventArgs): void;
-
-			/** Triggered while drop a row in Gantt control */
-			rowDragStop?(e: RowDragStopEventArgs): void;
-
-			/** Triggered after collapsed the Gantt record */
-			collapsed?(e: CollapsedEventArgs): void;
-
-			/** Triggered while collapsing the Gantt record */
-			collapsing?(e: CollapsingEventArgs): void;
-
-			/** Triggered while Context Menu is rendered in Gantt control */
-			contextMenuOpen?(e: ContextMenuOpenEventArgs): void;
-
-			/** Triggered when Gantt is rendered completely. */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggered after save the modified cellValue in Gantt. */
-			endEdit?(e: EndEditEventArgs): void;
-
-			/** Triggered after expand the record */
-			expanded?(e: ExpandedEventArgs): void;
-
-			/** Triggered while expanding the Gantt record */
-			expanding?(e: ExpandingEventArgs): void;
-
-			/** Triggered while Gantt is loaded */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggered while rendering each cell in the TreeGrid */
-			queryCellInfo?(e: QueryCellInfoEventArgs): void;
-
-			/** Triggered while rendering each taskbar in the Gantt */
-			queryTaskbarInfo?(e: QueryTaskbarInfoEventArgs): void;
-
-			/** Triggered while rendering each row */
-			rowDataBound?(e: RowDataBoundEventArgs): void;
-
-			/** Triggered after the row is selected. */
-			rowSelected?(e: RowSelectedEventArgs): void;
-
-			/** Triggered before the row is going to be selected. */
-			rowSelecting?(e: RowSelectingEventArgs): void;
-
-			/** Triggered after completing the editing operation in taskbar */
-			taskbarEdited?(e: TaskbarEditedEventArgs): void;
-
-			/** Triggered while editing the Gantt chart (dragging, resizing the taskbar ) */
-			taskbarEditing?(e: TaskbarEditingEventArgs): void;
-
-			/** Triggered when taskbar item is clicked in Gantt. */
-			taskbarClick?(e: TaskbarClickEventArgs): void;
-
-			/** Triggered when toolbar item is clicked in Gantt. */
-			toolbarClick?(e: ToolbarClickEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current grouped column field name.
-			 */
-			columnName?: string;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the direction of sorting ascending or descending
-			 */
-			columnSortDirection?: string;
-
-			/** Returns the value of searching element.
-			 */
-			keyValue?: string;
-
-			/** Returns the data of deleting element.
-			 */
-			data?: string;
-
-			/** Returns selected record index
-			 */
-			recordIndex?: number;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current grouped column field name.
-			 */
-			columnName?: string;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the direction of sorting ascending or descending
-			 */
-			columnSortDirection?: string;
-
-			/** Returns the value of searched element.
-			 */
-			keyValue?: string;
-
-			/** Returns the data of deleted element.
-			 */
-			data?: string;
-
-			/** Returns selected record index
-			 */
-			recordIndex?: number;
-		}
-
-		export interface BeginEditEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row element of editing cell.
-			 */
-			rowElement?: any;
-
-			/** Returns the Element of editing cell.
-			 */
-			cellElement?: any;
-
-			/** Returns the data of current cell record.
-			 */
-			data?: any;
-
-			/** Returns the column Index of cell belongs.
-			 */
-			columnIndex?: number;
-		}
-
-		export interface CellSelectingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cell index on the selection.
-			 */
-			cellIndex?: number;
-
-			/** Returns the row index on the selection
-			 */
-			rowIndex?: number;
-
-			/** Returns the selecting cell element
-			 */
-			targetCell?: any;
-
-			/** Returns the selecting row element
-			 */
-			targetRow?: any;
-
-			/** Returns the selecting record object
-			 */
-			data?: any;
-
-			/** Returns the Gantt object Model
-			 */
-			model?: any;
-		}
-
-		export interface CellSelectedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cell index on the selection.
-			 */
-			cellIndex?: number;
-
-			/** Returns the row index on the selection
-			 */
-			rowIndex?: number;
-
-			/** Returns the selecting cell element
-			 */
-			targetCell?: any;
-
-			/** Returns the selecting row element
-			 */
-			targetRow?: any;
-
-			/** Returns the selecting record object
-			 */
-			data?: any;
-
-			/** Returns the Gantt object Model
-			 */
-			model?: any;
-
-			/** Returns the previously selected row data
-			 */
-			previousData?: any;
-
-			/** Returns the previously selected cell index
-			 */
-			previousCellIndex?: any;
-
-			/** Returns the previously selected row index
-			 */
-			previousRowIndex?: any;
-
-			/** Returns the previously selected cell element
-			 */
-			previousTargetCell?: any;
-
-			/** Returns the previously selected row element
-			 */
-			previousTargetRow?: any;
-		}
-
-		export interface RowDragEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row which we start to drag.
-			 */
-			draggedRow?: any;
-
-			/** Returns the row index which we start to drag.
-			 */
-			draggedRowIndex?: number;
-
-			/** Returns the row on which we are dragging.
-			 */
-			targetRow?: any;
-
-			/** Returns the row index on which we are dragging.
-			 */
-			targetRowIndex?: number;
-
-			/** Returns that we can drop over that record or not.
-			 */
-			canDrop?: boolean;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDragStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row which we start to drag.
-			 */
-			draggedRow?: any;
-
-			/** Returns the row index which we start to drag.
-			 */
-			draggedRowIndex?: boolean;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDragStopEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row which we start to drag.
-			 */
-			draggedRow?: any;
-
-			/** Returns the row index which we start to drag.
-			 */
-			draggedRowIndex?: number;
-
-			/** Returns the row which we are dropped to row.
-			 */
-			targetRow?: any;
-
-			/** Returns the row index which we are dropped to row.
-			 */
-			targetRowIndex?: number;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CollapsedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of collapsed record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of collapsed record.
-			 */
-			data?: any;
-
-			/** Returns Request Type.
-			 */
-			requestType?: string;
-
-			/** Returns state of a record whether it is in expanded or collapsed state.
-			 */
-			expanded?: boolean;
-		}
-
-		export interface CollapsingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of collapsing record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of edited cell record..
-			 */
-			data?: any;
-
-			/** Returns state of a record whether it is in expanded or collapsed state.
-			 */
-			expanded?: boolean;
-		}
-
-		export interface ContextMenuOpenEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the default context menu items to which we add custom items.
-			 */
-			contextMenuItems?: any[];
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Gantt model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface EndEditEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row element of editing cell.
-			 */
-			rowElement?: any;
-
-			/** Returns the Element of editing cell.
-			 */
-			cellElement?: any;
-
-			/** Returns the data of edited cell record.
-			 */
-			data?: any;
-
-			/** Returns the column name of edited cell belongs.
-			 */
-			columnName?: string;
-
-			/** Returns the column object of edited cell belongs.
-			 */
-			columnObject?: any;
-		}
-
-		export interface ExpandedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of expanded record.
-			 */
-			data?: any;
-
-			/** Returns Request Type.
-			 */
-			requestType?: string;
-
-			/** Returns state of a record whether it is in expanded or collapsed state.
-			 */
-			expanded?: boolean;
-		}
-
-		export interface ExpandingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of record.
-			 */
-			recordIndex?: any;
-
-			/** Returns the data of edited cell record..
-			 */
-			data?: any;
-
-			/** Returns state of a record whether it is in expanded or collapsed state.
-			 */
-			expanded?: boolean;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Gantt model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface QueryCellInfoEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selecting cell element.
-			 */
-			cellElement?: any;
-
-			/** Returns the value of cell.
-			 */
-			cellValue?: string;
-
-			/** Returns the data of current cell record.
-			 */
-			data?: any;
-
-			/** Returns the column of cell belongs.
-			 */
-			column?: any;
-		}
-
-		export interface QueryTaskbarInfoEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the taskbar background of current item.
-			 */
-			TaskbarBackground?: string;
-
-			/** Returns the progressbar background of current item.
-			 */
-			ProgressbarBackground?: string;
-
-			/** Returns the parent taskbar background of current item.
-			 */
-			parentTaskbarBackground?: string;
-
-			/** Returns the parent progressbar background of current item.
-			 */
-			parentProgressbarBackground?: string;
-
-			/** Returns the data of the record.
-			 */
-			data?: any;
-		}
-
-		export interface RowDataBoundEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row element of rendering row.
-			 */
-			rowElement?: any;
-
-			/** Returns the data of rendering row record..
-			 */
-			data?: any;
-		}
-
-		export interface RowSelectedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selecting row element.
-			 */
-			targetRow?: any;
-
-			/** Returns the index of selecting row record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of selected record.
-			 */
-			data?: any;
-		}
-
-		export interface RowSelectingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data selecting record.
-			 */
-			data?: any;
-
-			/** Returns the index of selecting row record.
-			 */
-			recordIndex?: string;
-
-			/** Returns the selecting row chart element.
-			 */
-			targetChartRow?: any;
-
-			/** Returns the selecting row grid element.
-			 */
-			targetGridRow?: any;
-
-			/** Returns the previous selected data.
-			 */
-			previousData?: any;
-
-			/** Returns the previous selected row index.
-			 */
-			previousIndex?: string;
-
-			/** Returns the previous selected row chart element.
-			 */
-			previousChartRow?: any;
-
-			/** Returns the previous selected row grid element.
-			 */
-			previousGridRow?: any;
-		}
-
-		export interface TaskbarEditedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data of edited record.
-			 */
-			data?: any;
-
-			/** Returns the previous data value of edited record.
-			 */
-			previousData?: any;
-
-			/** Returns 'true' if taskbar is dragged.
-			 */
-			dragging?: boolean;
-
-			/** Returns 'true' if taskbar is left resized.
-			 */
-			leftResizing?: boolean;
-
-			/** Returns 'true' if taskbar is right resized.
-			 */
-			rightResizing?: boolean;
-
-			/** Returns 'true' if taskbar is progress resized.
-			 */
-			progressResizing?: boolean;
-
-			/** Returns the field values of record being edited.
-			 */
-			editingFields?: any;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-		}
-
-		export interface TaskbarEditingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns the row object being edited.
-			 */
-			rowData?: any;
-
-			/** Returns the field values of record being edited.
-			 */
-			editingFields?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface TaskbarClickEventArgs {
-
-			/** Returns currently clicked row data
-			 */
-			data?: any;
-
-			/** Returns the current item index.
-			 */
-			index?: number;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns the clicked row element
-			 */
-			taskbarElement?: any;
-
-			/** Returns the target element.
-			 */
-			target?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ToolbarClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the Gantt model.
-			 */
-			model?: any;
-
-			/** Returns the name of the toolbar item on which mouse click has been performed
-			 */
-			itemName?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface AddDialogField {
-
-			/** Specifies mapping name to include required fields in Gantt
-			 */
-			field?: string;
-
-			/** Specifies editType of fields to be included in the add dialog in Gantt
-			 */
-			editType?: string;
-		}
-
-		export interface DragTooltip {
-
-			/** Specifies option to enable/disable tooltip while drag and drop a row.
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the data source fields to be displayed in the drag tooltip.
-			 * @Default {[]}
-			 */
-			tooltipItems?: any[];
-
-			/** Specifies the custom template for drag tooltip.
-			 * @Default {null}
-			 */
-			tooltipTemplate?: string;
-		}
-
-		export interface EditDialogField {
-
-			/** Specifies mapping name to include required fields in Gantt
-			 */
-			field?: string;
-
-			/** Specifies editType of fields to be included in the edit dialog in Gantt
-			 */
-			editType?: string;
-		}
-
-		export interface SplitterSettings {
-
-			/** Specifies position of the splitter in Gantt , splitter can be placed either based on percentage values or pixel values.
-			 */
-			position?: string;
-
-			/** Specifies the position of splitter in Gantt, based on column index in Gantt.
-			 */
-			index?: string;
-		}
-
-		export interface EditSettings {
-
-			/** Enables or disables add record icon in Gantt toolbar
-			 * @Default {false}
-			 */
-			allowAdding?: boolean;
-
-			/** Enables or disables delete icon in Gantt toolbar
-			 * @Default {false}
-			 */
-			allowDeleting?: boolean;
-
-			/** Specifies the option for enabling or disabling editing in Gantt grid part
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** Specifies the option for enabling or disabling indent action in Gantt.
-			 * @Default {false}
-			 */
-			allowIndent?: boolean;
-
-			/** Specifies the option for enabling or disabling outdent action in Gantt
-			 * @Default {false}
-			 */
-			allowOutdent?: boolean;
-
-			/** Specifies the mouse action whether single click or double click to begin the editing
-			 * @Default {ej.Gantt.BeginEditAction.DblClick}
-			 */
-			beginEditAction?: ej.Gantt.BeginEditAction | string;
-
-			/** Specifies the edit mode in Gantt, &quot;normal&quot; is for dialog editing ,&quot;cellEditing&quot; is for cell type editing
-			 * @Default {normal}
-			 */
-			editMode?: string;
-
-			/** Specifies the position where the new row has to be added.
-			 * @Default {ej.Gantt.RowPosition.BelowSelectedRow}
-			 */
-			rowPosition?: ej.Gantt.RowPosition | string;
-		}
-
-		export interface Holiday {
-
-			/** Specifies holiday date to be displayed in Gantt
-			 */
-			day?: string;
-
-			/** Specifies the background color for holiday date in Gantt Schedule
-			 */
-			background?: string;
-
-			/** Specifies the label to be displayed for rendered holiday in Gantt
-			 */
-			label?: string;
-		}
-
-		export interface ScheduleHeaderSettings {
-
-			/** Specified the format for day view in schedule header
-			 * @Default {ddd}
-			 */
-			dayHeaderFormat?: string;
-
-			/** Specified the format for Hour view in schedule header
-			 * @Default {HH}
-			 */
-			hourHeaderFormat?: string;
-
-			/** Specifies the number of minutes per interval
-			 * @Default {ej.Gantt.minutesPerInterval.Auto}
-			 */
-			minutesPerInterval?: ej.Gantt.minutesPerInterval | string;
-
-			/** Specified the format for month view in schedule header
-			 * @Default {MMM}
-			 */
-			monthHeaderFormat?: string;
-
-			/** Specifies the schedule mode
-			 * @Default {ej.Gantt.ScheduleHeaderType.Week}
-			 */
-			scheduleHeaderType?: ej.Gantt.ScheduleHeaderType | string;
-
-			/** Specifies the round-off mode for the start date in schedule header.
-			 * @Default {ej.Gantt.TimescaleRoundMode.Auto}
-			 */
-			timescaleStartDateMode?: ej.Gantt.TimescaleRoundMode | string;
-
-			/** Specified the background for weekends in Gantt
-			 * @Default {#F2F2F2}
-			 */
-			weekendBackground?: string;
-
-            /** Specified the format for week view in schedule header
-             * @Default {MMM dd , yyyy}
-             */
-			weekHeaderFormat?: string;
-
-			/** Specified the format for year view in schedule header
-			 * @Default {yyyy}
-			 */
-			yearHeaderFormat?: string;
-
-			/** Specifies the size of the lowest time unit along the timescale, with minimum value as &quot;50%&quot; and maximum value as &quot;500%&quot;. It is also possible to set the value in pixels.
-			 * @Default {100%}
-			 */
-			timescaleUnitSize?: string;
-
-			/** Specifies the start day of the week in week timescale mode
-			 * @Default {0}
-			 */
-			weekStartDay?: number;
-		}
-
-		export interface SizeSettings {
-
-			/** Specifies the height of Gantt control
-			 * @Default {450px}
-			 */
-			height?: string;
-
-			/** Specifies the width of Gantt control
-			 * @Default {1000px}
-			 */
-			width?: string;
-		}
-
-		export interface SelectedCellIndex {
-
-			/** Specifies the row index of the cell to be selected Gantt control
-			 */
-			rowIndex?: number;
-
-			/** Specifies the cell index to be selected in the row.
-			 * @Default { }
-			 */
-			cellIndex?: number;
-		}
-
-		export interface SortSettingsSortedColumn {
-
-			/** Specifies the field to be sorted in Gantt
-			 */
-			field?: string;
-
-			/** Specifies the sort direction in Gantt
-			 */
-			direction?: string;
-		}
-
-		export interface SortSettings {
-
-			/** Specifies the sorted columns for Gantt
-			 * @Default {[]}
-			 */
-			sortedColumns?: SortSettingsSortedColumn[];
-		}
-
-		export interface StripLine {
-
-			/** Specifies date to render striplines in Gantt
-			 */
-			day?: string;
-
-			/** Specifies label to be displayed for striplines in Gantt
-			 */
-			label?: string;
-
-			/** Specifies line style for rendered striplines in Gantt
-			 */
-			lineStyle?: string;
-
-			/** Specifies the line color for rendered striplines in Gantt
-			 */
-			lineColor?: string;
-
-			/** Specifies the width of the stripline in Gantt
-			 */
-			lineWidth?: string;
-		}
-
-		export interface ToolbarSettingsCustomToolbarItem {
-
-			/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
-			 */
-			text?: string;
-
-			/** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to Gantt toolbar.
-			 */
-			templateID?: string;
-
-			/** Allows the user to display custom tooltip text for Gantt custom toolbar items.
-			 */
-			tooltipText?: string;
-		}
-
-		export interface ToolbarSettings {
-
-			/** Specifies the state of enabling or disabling toolbar
-			 * @Default {true}
-			 */
-			showToolbar?: boolean;
-
-			/** Specifies the list of toolbar items to be rendered in Gantt toolbar
-			 * @Default {[]}
-			 */
-			toolbarItems?: any[];
-
-			/** Allows the user to insert custom toolbar items.
-			 */
-			customToolbarItems?: ToolbarSettingsCustomToolbarItem[];
-		}
-
-		enum DurationUnit {
-
-			///Sets the Duration Unit as day.
-			Day,
-
-			///Sets the Duration Unit as hour.
-			Hour,
-
-			///Sets the Duration Unit as minute.
-			Minute
-		}
-
-
-		enum BeginEditAction {
-
-			///you can begin the editing at double click
-			DblClick,
-
-			///you can begin the editing at single click
-			Click
-		}
-
-
-		enum RowPosition {
-
-			///you can add a new row at top.
-			Top,
-
-			///you can add a new row at bottom.
-			Bottom,
-
-			///you can add a new row to above selected row.
-			AboveSelectedRow,
-
-			///you can add a new row to below selected row.
-			BelowSelectedRow,
-
-			///you can add a new row as a child for selected row.
-			Child
-		}
-
-
-		enum TaskType {
-
-			///Resource unit remains constant while editing the work and duration values.
-			FixedUnit,
-
-			///Work value of a task remains constant while editing duration and resource unit values.
-			FixedWork,
-
-			///Duration value remains constant while editing work and resource unit values.
-			FixedDuration
-		}
-
-
-		enum WorkUnit {
-
-			///Displays the work involved in a task in days.
-			Day,
-
-			///Displays the work involved in a task in hours.
-			Hour,
-
-			///Displays the work involved in a task in minutes
-			Minute
-		}
-
-
-		enum TaskSchedulingMode {
-
-			///All the tasks in the project will be displayed in auto scheduled mode, where the tasks are scheduled automatically over non-working days and holidays.
-			Auto,
-
-			///All the tasks in the project will be displayed in manually scheduled mode.
-			Manual,
-
-			///Project consists of tasks with both auto and manually scheduled modes, based on the datasource values
-			Custom
-		}
-
-
-		enum SelectionType {
-
-			///you can select a single row.
-			Single,
-
-			///you can select a multiple row.
-			Multiple
-		}
-
-
-		enum minutesPerInterval {
-
-			///Sets the interval automatically according with schedule start and end date.
-			Auto,
-
-			///Sets one minute intervals per hour.
-			OneMinute,
-
-			///Sets Five minute intervals per hour.
-			FiveMinutes,
-
-			///Sets fifteen minute intervals per hour.
-			FifteenMinutes,
-
-			///Sets thirty minute intervals per hour.
-			ThirtyMinutes
-		}
-
-
-		enum ScheduleHeaderType {
-
-			///Sets year Schedule Mode.
-			Year,
-
-			///Sets month Schedule Mode.
-			Month,
-
-			///Sets week Schedule Mode.
-			Week,
-
-			///Sets day Schedule Mode.
-			Day,
-
-			///Sets hour Schedule Mode.
-			Hour
-		}
-
-
-		enum TimescaleRoundMode {
-
-			///The round-off value will be automatically calculated based on the data source values.
-			Auto,
-
-			///Schedule header start date will round-off to the immediate week.
-			Week,
-
-			///Schedule headers start date will round off to the immediate month
-			Month,
-
-			///Schedule headers start date will round off to the immediate year
-			Year
-		}
-
-
-		enum SelectionMode {
-
-			///you can select a row.
-			Row,
-
-			///you can select a cell.
-			Cell
-		}
-
-
-		enum workingTimeScale {
-
-			///Sets eight hour timescale.
-			TimeScale8Hours,
-
-			///Sets twenty four hour timescale.
-			TimeScale24Hours
-		}
-
-	}
-
-	class ReportViewer extends ej.Widget {
-		static fn: ReportViewer;
-		constructor(element: JQuery | Element, options?: ReportViewer.Model);
-		static Locale: any;
-		model: ReportViewer.Model;
-		defaults: ReportViewer.Model;
-
-		/** Export the report to the specified format.
-		 * @returns {void}
-		 */
-		exportReport(): void;
-
-		/** Fit the report page to the container.
-		 * @returns {void}
-		 */
-		fitToPage(): void;
-
-		/** Fit the report page height to the container.
-		 * @returns {void}
-		 */
-		fitToPageHeight(): void;
-
-		/** Fit the report page width to the container.
-		 * @returns {void}
-		 */
-		fitToPageWidth(): void;
-
-		/** Get the available datasets name of the rdlc report.
-		 * @returns {void}
-		 */
-		getDataSetNames(): void;
-
-		/** Get the available parameters of the report.
-		 * @returns {void}
-		 */
-		getParameters(): void;
-
-		/** Navigate to first page of report.
-		 * @returns {void}
-		 */
-		gotoFirstPage(): void;
-
-		/** Navigate to last page of the report.
-		 * @returns {void}
-		 */
-		gotoLastPage(): void;
-
-		/** Navigate to next page from the current page.
-		 * @returns {void}
-		 */
-		gotoNextPage(): void;
-
-		/** Go to specific page index of the report.
-		 * @returns {void}
-		 */
-		gotoPageIndex(): void;
-
-		/** Navigate to previous page from the current page.
-		 * @returns {void}
-		 */
-		gotoPreviousPage(): void;
-
-		/** Print the report.
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** Apply print layout to the report.
-		 * @returns {void}
-		 */
-		printLayout(): void;
-
-		/** Refresh the report.
-		 * @returns {void}
-		 */
-		refresh(): void;
-	}
-	export namespace ReportViewer {
-
-		export interface Model {
-
-			/** Gets or sets the list of data sources for the RDLC report.
-			 * @Default {[]}
-			 */
-			dataSources?: DataSource[];
-
-			/** Enables or disables the page cache of report.
-			 * @Default {false}
-			 */
-			enablePageCache?: boolean;
-
-			/** Specifies the export settings.
-			 */
-			exportSettings?: ExportSettings;
-
-			/** When set to true, adapts the report layout to fit the screen size of devices on which it renders.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the locale for report viewer.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the page settings.
-			 */
-			pageSettings?: PageSettings;
-
-			/** Gets or sets the list of parameters associated with the report.
-			 * @Default {[]}
-			 */
-			parameters?: Parameter[];
-
-			/** Enables and disables the print mode.
-			 * @Default {false}
-			 */
-			printMode?: boolean;
-
-			/** Specifies the print option of the report.
-			 * @Default {ej.ReportViewer.PrintOptions.Default}
-			 */
-			printOptions?: ej.ReportViewer.PrintOptions | string;
-
-			/** Specifies the processing mode of the report.
-			 * @Default {ej.ReportViewer.ProcessingMode.Remote}
-			 */
-			processingMode?: ej.ReportViewer.ProcessingMode | string;
-
-			/** Specifies the render layout.
-			 * @Default {ej.ReportViewer.RenderMode.Default}
-			 */
-			renderMode?: ej.ReportViewer.RenderMode | string;
-
-			/** Gets or sets the path of the report file.
-			 * @Default {empty}
-			 */
-			reportPath?: string;
-
-			/** Gets or sets the reports server URL.
-			 * @Default {empty}
-			 */
-			reportServerUrl?: string;
-
-			/** Specifies the report Web API service URL.
-			 * @Default {empty}
-			 */
-			reportServiceUrl?: string;
-
-			/** Specifies the toolbar settings.
-			 */
-			toolbarSettings?: ToolbarSettings;
-
-			/** Gets or sets the zoom factor for report viewer.
-			 * @Default {1}
-			 */
-			zoomFactor?: number;
-
-			/** Fires when the report viewer is destroyed successfully.If you want to perform any operation after destroying the reportviewer control,you can make use of the destroy event. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires during drill through action done in report.If you want to perform any operation when a drill through action is performed, you can make use of the drillThrough event. */
-			drillThrough?(e: DrillThroughEventArgs): void;
-
-			/** Fires before report rendering is completed.If you want to perform any operation before the rendering of report,you can make use of the renderingBegin event. */
-			renderingBegin?(e: RenderingBeginEventArgs): void;
-
-			/** Fires after report rendering completed.If you want to perform any operation after the rendering of report,you can make use of this renderingComplete event. */
-			renderingComplete?(e: RenderingCompleteEventArgs): void;
-
-			/** Fires when any error occurred while rendering the report.If you want to perform any operation when an error occurs in the report, you can make use of the reportError event. */
-			reportError?(e: ReportErrorEventArgs): void;
-
-			/** Fires when the report is being exported.If you want to perform any operation before exporting of report, you can make use of the reportExport event. */
-			reportExport?(e: ReportExportEventArgs): void;
-
-			/** Fires when the report is loaded.If you want to perform any operation after the successful loading of report, you can make use of the reportLoaded event. */
-			reportLoaded?(e: ReportLoadedEventArgs): void;
-
-			/** Fires when click the View Report Button. */
-			viewReportClick?(e: ViewReportClickEventArgs): void;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DrillThroughEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the actionInfo's parameters bookmarkLink, hyperLink, reportName, parameters.
-			 */
-			actionInfo?: any;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RenderingBeginEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RenderingCompleteEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the collection of parameters.
-			 */
-			reportParameters?: any;
-		}
-
-		export interface ReportErrorEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the error details.
-			 */
-			error?: string;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ReportExportEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ReportLoadedEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ViewReportClickEventArgs {
-
-			/** true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the parameter collection.
-			 */
-			parameters?: any;
-
-			/** returns the report model.
-			 */
-			model?: any;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DataSource {
-
-			/** Gets or sets the name of the data source.
-			 * @Default {empty}
-			 */
-			name?: string;
-
-			/** Gets or sets the values of data source.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface ExportSettings {
-
-			/** Specifies the export formats.
-			 * @Default {ej.ReportViewer.ExportOptions.All}
-			 */
-			exportOptions?: ej.ReportViewer.ExportOptions | string;
-
-			/** Specifies the excel export format.
-			 * @Default {ej.ReportViewer.ExcelFormats.Excel97to2003}
-			 */
-			excelFormat?: ej.ReportViewer.ExcelFormats | string;
-
-			/** Specifies the word export format.
-			 * @Default {ej.ReportViewer.WordFormats.Doc}
-			 */
-			wordFormat?: ej.ReportViewer.WordFormats | string;
-		}
-
-		export interface PageSettings {
-
-			/** Specifies the print layout orientation.
-			 * @Default {null}
-			 */
-			orientation?: ej.ReportViewer.Orientation | string;
-
-			/** Specifies the paper size of print layout.
-			 * @Default {null}
-			 */
-			paperSize?: ej.ReportViewer.PaperSize | string;
-		}
-
-		export interface Parameter {
-
-			/** Gets or sets the parameter labels.
-			 * @Default {null}
-			 */
-			labels?: any[];
-
-			/** Gets or sets the name of the parameter.
-			 * @Default {empty}
-			 */
-			name?: string;
-
-			/** Gets or sets whether the parameter allows nullable value or not.
-			 * @Default {false}
-			 */
-			nullable?: boolean;
-
-			/** Gets or sets the prompt message associated with the specified parameter.
-			 * @Default {empty}
-			 */
-			prompt?: string;
-
-			/** Gets or sets the parameter values.
-			 * @Default {[]}
-			 */
-			values?: any[];
-		}
-
-		export interface ToolbarSettings {
-
-			/** Fires when user click on toolbar item in the toolbar.
-			 * @Default {empty}
-			 */
-			click?: string;
-
-			/** Specifies the toolbar items.
-			 * @Default {ej.ReportViewer.ToolbarItems.All}
-			 */
-			items?: ej.ReportViewer.ToolbarItems | string;
-
-			/** Shows or hides the toolbar.
-			 * @Default {true}
-			 */
-			showToolbar?: boolean;
-
-			/** Shows or hides the tooltip of toolbar items.
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the toolbar template ID.
-			 * @Default {empty}
-			 */
-			templateId?: string;
-		}
-
-		enum ExportOptions {
-
-			///Specifies the All property in ExportOptions to get all available options.
-			All,
-
-			///Specifies the PDF property in ExportOptions to get PDF option.
-			PDF,
-
-			///Specifies the Word property in ExportOptions to get Word option.
-			Word,
-
-			///Specifies the Excel property in ExportOptions to get Excel option.
-			Excel,
-
-			///Specifies the HTML property in ExportOptions to get HTML option.
-			HTML
-		}
-
-
-		enum ExcelFormats {
-
-			///Specifies the Excel97to2003 property in ExcelFormats to get specified version of exported format.
-			Excel97to2003,
-
-			///Specifies the Excel2007 property in ExcelFormats to get specified version of exported format.
-			Excel2007,
-
-			///Specifies the Excel2010 property in ExcelFormats to get specified version of exported format.
-			Excel2010,
-
-			///Specifies the Excel2013 property in ExcelFormats to get specified version of exported format.
-			Excel2013
-		}
-
-
-		enum WordFormats {
-
-			///Specifies the Doc property in WordFormats to get specified version of exported format.
-			Doc,
-
-			///Specifies the Dot property in WordFormats to get specified version of exported format.
-			Dot,
-
-			///Specifies the DOCX property in WordFormats to get specified version of exported format.
-			DOCX,
-
-			///Specifies the Word2007 property in WordFormats to get specified version of exported format.
-			Word2007,
-
-			///Specifies the Word2010 property in WordFormats to get specified version of exported format.
-			Word2010,
-
-			///Specifies the Word2013 property in WordFormats to get specified version of exported format.
-			Word2013,
-
-			///Specifies the Word2007Dotx property in WordFormats to get specified version of exported format.
-			Word2007Dotx,
-
-			///Specifies the Word2010Dotx property in WordFormats to get specified version of exported format.
-			Word2010Dotx,
-
-			///Specifies the Word2013Dotx property in WordFormats to get specified version of exported format.
-			Word2013Dotx,
-
-			///Specifies the Word2007Docm property in WordFormats to get specified version of exported format.
-			Word2007Docm,
-
-			///Specifies the Word2010Docm property in WordFormats to get specified version of exported format.
-			Word2010Docm,
-
-			///Specifies the Word2013Docm property in WordFormats to get specified version of exported format.
-			Word2013Docm,
-
-			///Specifies the Word2007Dotm property in WordFormats to get specified version of exported format.
-			Word2007Dotm,
-
-			///Specifies the Word2010Dotm property in WordFormats to get specified version of exported format.
-			Word2010Dotm,
-
-			///Specifies the Word2013Dotm property in WordFormats to get specified version of exported format.
-			Word2013Dotm,
-
-			///Specifies the RTF property in WordFormats to get specified version of exported format.
-			RTF,
-
-			///Specifies the Txt property in WordFormats to get specified version of exported format.
-			Txt,
-
-			///Specifies the EPUB property in WordFormats to get specified version of exported format.
-			EPUB,
-
-			///Specifies the HTML property in WordFormats to get specified version of exported format.
-			HTML,
-
-			///Specifies the XML property in WordFormats to get specified version of exported format.
-			XML,
-
-			///Specifies the Automatic property in WordFormats to get specified version of exported format.
-			Automatic
-		}
-
-
-		enum Orientation {
-
-			///Specifies the Landscape property in pageSettings.orientation to get specified layout.
-			Landscape,
-
-			///Specifies the portrait property in pageSettings.orientation to get specified layout.
-			Portrait
-		}
-
-
-		enum PaperSize {
-
-			///Specifies the A3 as value in pageSettings.paperSize to get specified size.
-			A3,
-
-			///Specifies the A4 as value in pageSettings.paperSize to get specified size.
-			Portrait,
-
-			///Specifies the B4(JIS) as value in pageSettings.paperSize to get specified size.
-			B4_JIS,
-
-			///Specifies the B5(JIS) as value in pageSettings.paperSize to get specified size.
-			B5_JIS,
-
-			///Specifies the Envelope #10 as value in pageSettings.paperSize to get specified size.
-			Envelope_10,
-
-			///Specifies the Envelope as value in pageSettings.paperSize to get specified size.
-			Envelope_Monarch,
-
-			///Specifies the Executive as value in pageSettings.paperSize to get specified size.
-			Executive,
-
-			///Specifies the Legal as value in pageSettings.paperSize to get specified size.
-			Legal,
-
-			///Specifies the Letter as value in pageSettings.paperSize to get specified size.
-			Letter,
-
-			///Specifies the Tabloid as value in pageSettings.paperSize to get specified size.
-			Tabloid,
-
-			///Specifies the Custom as value in pageSettings.paperSize to get specified size.
-			Custom
-		}
-
-
-		enum PrintOptions {
-
-			///Specifies the Default property in printOptions.
-			Default,
-
-			///Specifies the NewTab property in printOptions.
-			NewTab,
-
-			///Specifies the None property in printOptions.
-			None
-		}
-
-
-		enum ProcessingMode {
-
-			///Specifies the Remote property in processingMode.
-			Remote,
-
-			///Specifies the Local property in processingMode.
-			Local
-		}
-
-
-		enum RenderMode {
-
-			///Specifies the Default property in RenderMode to get default output.
-			Default,
-
-			///Specifies the Mobile property in RenderMode to get specified output.
-			Mobile,
-
-			///Specifies the Desktop property in RenderMode to get specified output.
-			Desktop
-		}
-
-
-		enum ToolbarItems {
-
-			///Specifies the Print as value in ToolbarItems to get specified item.
-			Print,
-
-			///Specifies the Refresh as value in ToolbarItems to get specified item.
-			Refresh,
-
-			///Specifies the Zoom as value in ToolbarItems to get specified item.
-			Zoom,
-
-			///Specifies the FittoPage as value in ToolbarItems to get specified item.
-			FittoPage,
-
-			///Specifies the Export as value in ToolbarItems to get specified item.
-			Export,
-
-			///Specifies the PageNavigation as value in ToolbarItems to get specified item.
-			PageNavigation,
-
-			///Specifies the Parameters as value in ToolbarItems to get specified item.
-			Parameters,
-
-			///Specifies the PrintLayout as value in ToolbarItems to get specified item.
-			PrintLayout,
-
-			///Specifies the PageSetup as value in ToolbarItems to get specified item.
-			PageSetup
-		}
-
-	}
-
-	class TreeGrid extends ej.Widget {
-		static fn: TreeGrid;
-		constructor(element: JQuery | Element, options?: TreeGrid.Model);
-		static Locale: any;
-		model: TreeGrid.Model;
-		defaults: TreeGrid.Model;
-
-		/** Add a new row in TreeGrid, while allowAdding is set to true
-		 * @param {any} Item to add in TreeGrid row.
-		 * @param {string} Defines in which position the row wants to be added
-		 * @returns {void}
-		 */
-		addRow(data: any, rowPosition: string): void;
-
-		/** To clear all the selection in TreeGrid
-		 * @param {number} you can pass a row index to clear the row selection.
-		 * @returns {void}
-		 */
-		clearSelection(index: number): void;
-
-		/** To select cell based on the cell and row index dynamically.
-		 * @param {Array<any>} array of cell indexes to be select
-		 * @param {boolean} Defines that we need to preserve the previously selected cells or not
-		 * @returns {void}
-		 */
-		selectCells(Indexes: any[], preservePreviousSelectedCell: boolean): void;
-
-		/** To rename a column with the specified name
-		 * @param {number} Index of the column to be renamed
-		 * @param {string} Header text of the column
-		 * @returns {void}
-		 */
-		renameColumn(columnIndex: number, name: string): void;
-
-		/** To delete the specified column
-		 * @param {number} Index of the column to be deleted
-		 * @returns {void}
-		 */
-		deleteColumn(columnIndex: number): void;
-
-		/** To collapse all the parent items in tree grid
-		 * @returns {void}
-		 */
-		collapseAll(): void;
-
-		/** To hide the column by using header text
-		 * @param {string} you can pass a header text of a column to hide.
-		 * @returns {void}
-		 */
-		hideColumn(headerText: string): void;
-
-		/** Expands the records at specific hierarchical level
-		 * @param {number} you can pass the level as index number to expand
-		 * @returns {void}
-		 */
-		expandAtLevel(index: number): void;
-
-		/** Collapses the records at specific hierarchical level
-		 * @param {number} you can pass the particular level as index.
-		 * @returns {void}
-		 */
-		collapseAtLevel(index: number): void;
-
-		/** To refresh the changes in tree grid
-		 * @param {Array<any>} Pass which data source you want to show in tree grid
-		 * @param {any} Pass which data you want to show in tree grid
-		 * @returns {void}
-		 */
-		refresh(dataSource: any[], query: any): void;
-
-		/** Freeze all the columns preceding to the column specified by the field name.
-		 * @param {string} Freeze all Columns before this field column.
-		 * @returns {void}
-		 */
-		freezePrecedingColumns(field: string): void;
-
-		/** Freeze/unfreeze the specified column.
-		 * @param {string} Freeze/Unfreeze this field column.
-		 * @param {boolean} Decides to Freeze/Unfreeze this field column.
-		 * @returns {void}
-		 */
-		freezeColumn(field: string, isFrozen: boolean): void;
-
-		/** To save the edited cell in TreeGrid
-		 * @returns {void}
-		 */
-		saveCell(): void;
-
-		/** To show the column by using header text
-		 * @param {string} you can pass a header text of a column to show.
-		 * @returns {void}
-		 */
-		showColumn(headerText: string): void;
-
-		/** To sorting the data based on the particular fields
-		 * @param {string} you can pass a name of column to sort.
-		 * @param {string} you can pass a sort direction to sort the column.
-		 * @returns {void}
-		 */
-		sortColumn(fieldName: string, columnSortDirection: string): void;
-
-		/** To reorder the column with field name and target index values
-		 * @param {string} you can pass a name of column to reorder.
-		 * @param {string} you can pass a target column index to be inserted.
-		 * @returns {void}
-		 */
-		reorderColumn(fieldName: string, targetIndex: string): void;
-	}
-	export namespace TreeGrid {
-
-		export interface Model {
-
-			/** Enables or disables the ability to resize the column width interactively.
-			 * @Default {false}
-			 */
-			allowColumnResize?: boolean;
-
-			/** Enables or disables the option for column reordering
-			 * @Default {false}
-			 */
-			allowColumnReordering?: boolean;
-
-			/** Enables or disables the ability to drag and drop the row interactively to reorder the rows.
-			 * @Default {false}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Enables or disables the ability to filter the data on all the columns. Enabling this property will display a row with editor controls corresponding to each column.
-			 * You can restrict filtering on particular column by disabling this property directly on that column instance itself.
-			 * @Default {false}
-			 */
-			allowFiltering?: boolean;
-
-			/** Enables or disables keyboard navigation.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Enables or disables the ability to sort the rows based on multiple columns/fields by clicking on each column header. Rows will be sorted recursively on clicking the column headers.
-			 * @Default {false}
-			 */
-			allowMultiSorting?: boolean;
-
-			/** Enables or disables the ability to select a row interactively.
-			 * @Default {true}
-			 */
-			allowSelection?: boolean;
-
-			/** Enables or disables the ability to sort the rows based on a single field/column by clicking on that column header. When enabled, rows can be sorted only by single field/column.
-			 * @Default {false}
-			 */
-			allowSorting?: boolean;
-
-			/** Enables/disables pagination of rows in TreeGrid
-			 * @Default {false}
-			 */
-			allowPaging?: boolean;
-
-			/** Specifies the id of the template that has to be applied for alternate rows.
-			 */
-			altRowTemplateID?: string;
-
-			/** Specifies the mapping property path for the expand status of a record in data source.
-			 */
-			expandStateMapping?: string;
-
-			/** Specifies the mapping property path for sub tasks in datasource
-			 */
-			childMapping?: string;
-
-			/** Option for adding columns; each column has the option to bind to a field in the dataSource.
-			 */
-			columns?: Column[];
-
-			/** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
-			 * @Default {[]}
-			 */
-			columnDialogFields?: any[];
-
-			/** Options for displaying and customizing context menu items.
-			 */
-			contextMenuSettings?: ContextMenuSettings;
-
-			/** Specify the CSS class for TreeGrid to achieve custom theme.
-			 */
-			cssClass?: string;
-
-			/** Specifies hierarchical or self-referential data to populate the TreeGrid.
-			 * @Default {null}
-			 */
-			dataSource?: any[];
-
-			/** Specifies whether to wrap the header text when it is overflown i.e., when it exceeds the header width.
-			 * @Default {ej.TreeGrid.HeaderTextOverflow.None}
-			 */
-			headerTextOverflow?: ej.TreeGrid.HeaderTextOverflow | string;
-
-			/** Options for displaying and customizing the tooltip. This tooltip will show the preview of the row that is being dragged.
-			 */
-			dragTooltip?: DragTooltip;
-
-			/** Options for enabling and configuring the editing related operations.
-			 */
-			editSettings?: EditSettings;
-
-			/** Specifies whether to render alternate rows in different background colors.
-			 * @Default {true}
-			 */
-			enableAltRow?: boolean;
-
-			/** Specifies whether to load all the rows in collapsed state when the TreeGrid is rendered for the first time.
-			 * @Default {false}
-			 */
-			enableCollapseAll?: boolean;
-
-			/** Specifies whether to resize TreeGrid whenever window size changes.
-			 * @Default {false}
-			 */
-			enableResize?: boolean;
-
-			/** Specifies whether to render only the visual elements that are visible in the UI. When you enable this property, it will reduce the loading time for loading large number of records.
-			 * @Default {false}
-			 */
-			enableVirtualization?: boolean;
-
-			/** Specifies the settings for column resize
-			 */
-			columnResizeSettings?: ColumnResizeSettings;
-
-			/** Defines the common width for all the columns in TreeGrid
-			 * @Default {150}
-			 */
-			commonWidth?: number;
-
-			/** Options for filtering and customizing filter actions.
-			 */
-			filterSettings?: FilterSettings;
-
-			/** Specifies the localization information to customize the User Interface (UI) to support regional language and culture
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Enables or disables internal parsing of a row. When disabled this property, row will be displayed using the defined template without any internal event bindings.
-			 * @Default {true}
-			 */
-			parseRowTemplate?: boolean;
-
-			/** Specifies the name of the field in the dataSource, which contains the id of that row.
-			 */
-			idMapping?: string;
-
-			/** Enables or disables the responsiveness of TreeGrid
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the name of the field in the dataSource, which contains the parent's id. This is necessary to form a parent-child hierarchy, if the dataSource contains self-referential data.
-			 */
-			parentIdMapping?: string;
-
-			/** Specifies the options for customizing the pager.
-			 */
-			pageSettings?: PageSettings;
-
-			/** Specifies the template for cell tooltip
-			 * @Default {null}
-			 */
-			cellTooltipTemplate?: string;
-
-			/** Specifies ej.Query to select data from the dataSource. This property is applicable only when the dataSource is ej.DataManager.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Specifies the height of a single row in tree grid. Also, we need to set same height in the CSS style with class name e-rowcell.
-			 * @Default {30}
-			 */
-			rowHeight?: number;
-
-			/** Specifies the id of the template to be applied for all the rows.
-			 */
-			rowTemplateID?: string;
-
-			/** Specifies the index of the selected row.
-			 * @Default {-1}
-			 */
-			selectedRowIndex?: number;
-
-			/** Specifies the selected cell information on rendering TreeGrid.
-			 */
-			selectedCellIndexes?: SelectedCellIndex[];
-
-			/** Specifies the settings for row and cell selection.
-			 */
-			selectionSettings?: SelectionSettings;
-
-			/** Enables/disables the options for inserting , deleting and renaming  columns.
-			 * @Default {false}
-			 */
-			showColumnOptions?: boolean;
-
-			/** Controls the visibility of the menu button, which is displayed on the column header. Clicking on this button will show a popup menu. When you choose Columns item from this popup,
-			 * a list box with column names will be shown, from which you can select/deselect a column name to control the visibility of the respective columns.
-			 * @Default {false}
-			 */
-			showColumnChooser?: boolean;
-
-			/** Specifies the visibility of details view
-			 * @Default {false}
-			 */
-			showDetailsRow?: boolean;
-
-			/** Specifies the visibility of the expander column which is used to expand or collapse the details view
-			 * @Default {false}
-			 */
-			showDetailsRowInfoColumn?: boolean;
-
-			/** Specifies the template for details view
-			 */
-			detailsTemplate?: string;
-
-			/** Specifies the row height of the details view
-			 * @Default {100}
-			 */
-			detailsRowHeight?: number;
-
-			/** Specifies the visibility of summary row
-			 * @Default {false}
-			 */
-			showSummaryRow?: boolean;
-
-			/** Specifies the visibility of total summary row for the corresponding summary column
-			 * @Default {false}
-			 */
-			showTotalSummary?: boolean;
-
-			/** Specifies the summary row collection object to be displayed
-			 * @Default {[]}
-			 */
-			summaryRows?: any[];
-
-			/** Specifies whether to show tooltip when mouse is hovered on the cell.
-			 * @Default {true}
-			 */
-			showGridCellTooltip?: boolean;
-
-			/** Specifies whether to show tooltip for the cells, which has expander button.
-			 * @Default {true}
-			 */
-			showGridExpandCellTooltip?: boolean;
-
-			/** Options for setting width and height for TreeGrid.
-			 */
-			sizeSettings?: SizeSettings;
-
-			/** Options for sorting the rows.
-			 */
-			sortSettings?: SortSettings;
-
-			/** Options for displaying and customizing the toolbar items.
-			 */
-			toolbarSettings?: ToolbarSettings;
-
-			/** Specifies the index of the column that needs to have the expander button. By default, cells in the first column contain the expander button.
-			 * @Default {0}
-			 */
-			treeColumnIndex?: number;
-
-			/** Triggered before every success event of TreeGrid action. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggered for every TreeGrid action success event. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggered while enter the edit mode in the TreeGrid cell */
-			beginEdit?(e: BeginEditEventArgs): void;
-
-			/** Triggered after collapsed the TreeGrid record */
-			collapsed?(e: CollapsedEventArgs): void;
-
-			/** Triggered while collapsing the TreeGrid record */
-			collapsing?(e: CollapsingEventArgs): void;
-
-			/** Triggered while clicking a row, even when allowSelection property is disabled. */
-			recordClick?(e: RecordClickEventArgs): void;
-
-			/** Triggered  when you start to drag a column */
-			columnDragStart?(e: ColumnDragStartEventArgs): void;
-
-			/** Triggered while dragging a column */
-			columnDrag?(e: ColumnDragEventArgs): void;
-
-			/** Triggered when a column is dropped */
-			columnDrop?(e: ColumnDropEventArgs): void;
-
-			/** Triggered after a column resized */
-			columnResized?(e: ColumnResizedEventArgs): void;
-
-			/** Triggered while start to resize a column */
-			columnResizeStart?(e: ColumnResizeStartEventArgs): void;
-
-			/** Triggered when a column has been resized */
-			columnResizeEnd?(e: ColumnResizeEndEventArgs): void;
-
-			/** Triggered while Context Menu is rendered in TreeGrid control */
-			contextMenuOpen?(e: ContextMenuOpenEventArgs): void;
-
-			/** Triggered when TreeGrid is rendered completely */
-			create?(e: CreateEventArgs): void;
-
-			/** Triggered while rendering details template in TreeGrid */
-			detailsDataBound?(e: DetailsDataBoundEventArgs): void;
-
-			/** Triggered when details template pop-up is shown. */
-			detailsShown?(e: DetailsShownEventArgs): void;
-
-			/** Triggered when details template pop-up is hidden. */
-			detailsHidden?(e: DetailsHiddenEventArgs): void;
-
-			/** Triggered after saved the modified cellValue in TreeGrid */
-			endEdit?(e: EndEditEventArgs): void;
-
-			/** Triggered after expand the record */
-			expanded?(e: ExpandedEventArgs): void;
-
-			/** Triggered while expanding the TreeGrid record */
-			expanding?(e: ExpandingEventArgs): void;
-
-			/** Triggered while Treegrid is loaded */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggered while rendering each cell in the TreeGrid */
-			queryCellInfo?(e: QueryCellInfoEventArgs): void;
-
-			/** Triggered while rendering each row */
-			rowDataBound?(e: RowDataBoundEventArgs): void;
-
-			/** Triggered while dragging a row in TreeGrid control */
-			rowDrag?(e: RowDragEventArgs): void;
-
-			/** Triggered while start to drag row in TreeGrid control */
-			rowDragStart?(e: RowDragStartEventArgs): void;
-
-			/** Triggered while drop a row in TreeGrid control */
-			rowDragStop?(e: RowDragStopEventArgs): void;
-
-			/** Triggered before selecting a cell */
-			cellSelecting?(e: CellSelectingEventArgs): void;
-
-			/** Triggered after selected a cell */
-			cellSelected?(e: CellSelectedEventArgs): void;
-
-			/** Triggered after the row is selected. */
-			rowSelected?(e: RowSelectedEventArgs): void;
-
-			/** Triggered before the row is going to be selected. */
-			rowSelecting?(e: RowSelectingEventArgs): void;
-
-			/** Triggered when toolbar item is clicked in TreeGrid. */
-			toolbarClick?(e: ToolbarClickEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current grouped column field name.
-			 */
-			columnName?: string;
-
-			/** Returns the TreeGrid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the direction of sorting ascending or descending.
-			 */
-			columnSortDirection?: string;
-
-			/** Returns the value of expanding parent element.
-			 */
-			keyValue?: string;
-
-			/** Returns the data or deleting element.
-			 */
-			data?: string;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the grid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the current grouped column field name.
-			 */
-			columnName?: string;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the direction of sorting ascending or descending
-			 */
-			columnSortDirection?: string;
-
-			/** Returns the value of searched element.
-			 */
-			keyValue?: string;
-
-			/** Returns the data of deleted element.
-			 */
-			data?: string;
-
-			/** Returns selected record index
-			 */
-			recordIndex?: number;
-		}
-
-		export interface BeginEditEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row element of editing cell.
-			 */
-			rowElement?: any;
-
-			/** Returns the Element of editing cell.
-			 */
-			cellElement?: any;
-
-			/** Returns the data of current cell record.
-			 */
-			data?: any;
-
-			/** Returns the column Index of cell belongs.
-			 */
-			columnIndex?: number;
-		}
-
-		export interface CollapsedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of collapsed record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of collapsed record..
-			 */
-			data?: any;
-
-			/** Returns Request Type.
-			 */
-			requestType?: string;
-
-			/** Returns state of a record whether it is in expanded or collapsed state.
-			 */
-			expanded?: boolean;
-
-			/** Returns the event type.
-			 */
-			type?: string;
-		}
-
-		export interface CollapsingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of collapsing record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of collapsing record..
-			 */
-			data?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns state of a record whether it is in expanded or collapsing state.
-			 */
-			expanded?: boolean;
-		}
-
-		export interface RecordClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the element of clicked cell.
-			 */
-			cell?: any;
-
-			/** Returns the index of the clicked cell.
-			 */
-			cellIndex?: number;
-
-			/** Returns the data of clicked cell.
-			 */
-			cellValue?: any;
-
-			/** Returns the element of the clicked row.
-			 */
-			row?: any;
-
-			/** Returns the index of the clicked row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the column name of the clicked cell.
-			 */
-			columnName?: string;
-		}
-
-		export interface ColumnDragStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the control model values.
-			 */
-			model?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns the column data which is dragged
-			 */
-			draggedColumn?: any;
-
-			/** Returns the index of the column being dragged
-			 */
-			draggedColumnIndex?: number;
-		}
-
-		export interface ColumnDragEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the control model values.
-			 */
-			model?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns the column data which is dragged
-			 */
-			draggedColumn?: any;
-
-			/** Returns the index of the column being dragged
-			 */
-			draggedColumnIndex?: number;
-
-			/** Returns the target column data
-			 */
-			targetColumn?: any;
-
-			/** Returns the index of the target column
-			 */
-			targetColumnIndex?: number;
-
-			/** Returns that we can drop over the column or not.
-			 */
-			canDrop?: boolean;
-		}
-
-		export interface ColumnDropEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the control model values.
-			 */
-			model?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns the column data which is dragged
-			 */
-			draggedColumn?: any;
-
-			/** Returns the index of the column being dragged
-			 */
-			draggedColumnIndex?: number;
-
-			/** Returns the target column data
-			 */
-			targetColumn?: any;
-
-			/** Returns the index of the target column
-			 */
-			targetColumnIndex?: number;
-		}
-
-		export interface ColumnResizedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the control model values.
-			 */
-			model?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns the column data which is resized
-			 */
-			column?: any;
-
-			/** Returns the index of the column being resized.
-			 */
-			columnIndex?: number;
-
-			/** Returns resized column width after resized.
-			 */
-			newWidth?: number;
-
-			/** Returns resized column width before resizing
-			 */
-			oldWidth?: number;
-		}
-
-		export interface ColumnResizeStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the control model values.
-			 */
-			model?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns the column data in which the resizing started
-			 */
-			column?: any;
-
-			/** Returns the column index in which the resizing started
-			 */
-			columnIndex?: number;
-
-			/** Returns column width before dragging
-			 */
-			oldWidth?: number;
-
-			/** Returns initial column element object.
-			 */
-			target?: any;
-		}
-
-		export interface ColumnResizeEndEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the control model values.
-			 */
-			model?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns the column data in which the resizing started
-			 */
-			column?: any;
-
-			/** Returns the column index in which the resizing started
-			 */
-			columnIndex?: number;
-
-			/** Returns the column width difference, before and after the resizing
-			 */
-			extra?: number;
-
-			/** Returns the new column width after resized
-			 */
-			newWidth?: number;
-
-			/** Returns column width before dragging
-			 */
-			oldWidth?: number;
-
-			/** Returns initial column element object.
-			 */
-			target?: any;
-		}
-
-		export interface ContextMenuOpenEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the default context menu items to which we add custom items.
-			 */
-			contextMenuItems?: any[];
-
-			/** Returns the TreeGrid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the TreeGrid model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DetailsDataBoundEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data collection of selected row.
-			 */
-			data?: any;
-
-			/** Returns the details element of selected row.
-			 */
-			detailsElement?: any;
-
-			/** Returns the rowIndex of selected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the TreeGrid model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DetailsShownEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data collection of selected row.
-			 */
-			data?: any;
-
-			/** Returns the details element of selected row.
-			 */
-			detailsElement?: any;
-
-			/** Returns the rowIndex of selected row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the TreeGrid model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DetailsHiddenEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the TreeGrid model
-			 */
-			model?: any;
-
-			/** Returns the data collection of hidden details Template
-			 */
-			rowData?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface EndEditEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row element of editing cell.
-			 */
-			rowElement?: any;
-
-			/** Returns the Element of editing cell.
-			 */
-			cellElement?: any;
-
-			/** Returns the data of edited cell record.
-			 */
-			data?: any;
-
-			/** Returns the column name of edited cell belongs.
-			 */
-			columnName?: string;
-
-			/** Returns the column object of edited cell belongs.
-			 */
-			columnObject?: any;
-		}
-
-		export interface ExpandedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of expanded record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of expanded record..
-			 */
-			data?: any;
-
-			/** Returns Request Type.
-			 */
-			requestType?: string;
-
-			/** Returns state of a record whether it is in expanded or expanded state.
-			 */
-			expanded?: boolean;
-
-			/** Returns the event type.
-			 */
-			type?: string;
-		}
-
-		export interface ExpandingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row index of expanding record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of expanding record..
-			 */
-			data?: any;
-
-			/** Returns the event Type.
-			 */
-			type?: string;
-
-			/** Returns state of a record whether it is in expanded or collapsed state.
-			 */
-			expanded?: boolean;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the TreeGrid model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface QueryCellInfoEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selecting cell element.
-			 */
-			cellElement?: any;
-
-			/** Returns the value of cell.
-			 */
-			cellValue?: string;
-
-			/** Returns the data of current cell record.
-			 */
-			data?: any;
-
-			/** Returns the column of cell belongs.
-			 */
-			column?: any;
-		}
-
-		export interface RowDataBoundEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row element of rendering row.
-			 */
-			rowElement?: any;
-
-			/** Returns the data of rendering row record.
-			 */
-			data?: any;
-		}
-
-		export interface RowDragEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row which we start to drag.
-			 */
-			draggedRow?: any;
-
-			/** Returns the row index which we start to drag.
-			 */
-			draggedRowIndex?: number;
-
-			/** Returns the row on which we are dragging.
-			 */
-			targetRow?: any;
-
-			/** Returns the row index on which we are dragging.
-			 */
-			targetRowIndex?: number;
-
-			/** Returns that we can drop over that record or not.
-			 */
-			canDrop?: boolean;
-
-			/** Returns the TreeGrid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDragStartEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row which we start to drag.
-			 */
-			draggedRow?: any;
-
-			/** Returns the row index which we start to drag.
-			 */
-			draggedRowIndex?: boolean;
-
-			/** Returns the TreeGrid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface RowDragStopEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the row which we start to drag.
-			 */
-			draggedRow?: any;
-
-			/** Returns the row index which we start to drag.
-			 */
-			draggedRowIndex?: number;
-
-			/** Returns the row which we are dropped to row.
-			 */
-			targetRow?: any;
-
-			/** Returns the row index which we are dropped to row.
-			 */
-			targetRowIndex?: number;
-
-			/** Returns the TreeGrid model.
-			 */
-			model?: any;
-
-			/** Returns request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CellSelectingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cell index on the selection.
-			 */
-			cellIndex?: number;
-
-			/** Returns the row index on the selection
-			 */
-			rowIndex?: number;
-
-			/** Returns the selecting cell element
-			 */
-			targetCell?: any;
-
-			/** Returns the selecting row element
-			 */
-			targetRow?: any;
-
-			/** Returns the selecting record object
-			 */
-			data?: any;
-
-			/** Returns the Gantt object Model
-			 */
-			model?: any;
-		}
-
-		export interface CellSelectedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the cell index on the selection.
-			 */
-			cellIndex?: number;
-
-			/** Returns the row index on the selection
-			 */
-			rowIndex?: number;
-
-			/** Returns the selecting cell element
-			 */
-			targetCell?: any;
-
-			/** Returns the selecting row element
-			 */
-			targetRow?: any;
-
-			/** Returns the selecting record object
-			 */
-			data?: any;
-
-			/** Returns the Gantt object Model
-			 */
-			model?: any;
-
-			/** Returns the previously selected row data
-			 */
-			previousData?: any;
-
-			/** Returns the previously selected cell index
-			 */
-			previousCellIndex?: any;
-
-			/** Returns the previously selected row index
-			 */
-			previousRowIndex?: any;
-
-			/** Returns the previously selected cell element
-			 */
-			previousTargetCell?: any;
-
-			/** Returns the previously selected row element
-			 */
-			previousTargetRow?: any;
-		}
-
-		export interface RowSelectedEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the selecting row element.
-			 */
-			targetRow?: any;
-
-			/** Returns the index of selecting row record.
-			 */
-			recordIndex?: number;
-
-			/** Returns the data of selected record.
-			 */
-			data?: any;
-
-			/** Returns the event type.
-			 */
-			type?: string;
-		}
-
-		export interface RowSelectingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the data selecting record.
-			 */
-			data?: any;
-
-			/** Returns the index of selecting row record.
-			 */
-			recordIndex?: string;
-
-			/** Returns the selecting row element.
-			 */
-			targetRow?: any;
-
-			/** Returns the previous selected data.
-			 */
-			previousData?: any;
-
-			/** Returns the previous selected row index.
-			 */
-			previousIndex?: string;
-
-			/** Returns the previous selected row element.
-			 */
-			previousTreeGridRow?: any;
-		}
-
-		export interface ToolbarClickEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the current item.
-			 */
-			currentTarget?: any;
-
-			/** Returns the TreeGrid model.
-			 */
-			model?: any;
-
-			/** Returns the name of the toolbar item on which mouse click has been performed
-			 */
-			itemName?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface Column {
-
-			/** Enables or disables the ability to filter the rows based on this column.
-			 * @Default {false}
-			 */
-			allowFiltering?: boolean;
-
-			/** Enables the blanks option in ejDropDownList mapped in TreeGrid column
-			 * @Default {true}
-			 */
-			allowFilteringBlankContent?: boolean;
-
-			/** Enables or disables the ability to sort the rows based on this column/field.
-			 * @Default {false}
-			 */
-			allowSorting?: boolean;
-
-			/** Enables/disables cell selection.
-			 * @Default {false}
-			 */
-			allowCellSelection?: boolean;
-
-			/** To customize the ej controls defined in TreeGrid column with their native property.
-			 */
-			editParams?: any;
-
-			/** Specifies the edit type of the column.
-			 * @Default {ej.TreeGrid.EditingType.String}
-			 */
-			editType?: ej.TreeGrid.EditingType | string;
-
-			/** To bind the dropdown data for TreeGrid column mapped with ejDropDownList
-			 */
-			dropdownData?: string;
-
-			/** Specifies the name of the field from the dataSource to bind with this column.
-			 */
-			field?: string;
-
-			/** Specifies the template string of the script element to enable column template for a column.
-			 */
-			template?: string;
-
-			/** Specifies the template ID of the script element to enable column template for a column.
-			 */
-			templateID?: string;
-
-			/** Specifies the template ID or the template string of the AngularJS script element to enable column template for a column.
-			 */
-			angularTemplate?: string;
-
-			/** Specifies the type of the editor control to be used to filter the rows.
-			 * @Default {ej.TreeGrid.EditingType.String}
-			 */
-			filterEditType?: ej.TreeGrid.EditingType | string;
-
-			/** Header text of the column.
-			 * @Default {null}
-			 */
-			headerText?: string;
-
-			/** Enables or disables the checkbox visibility in a column to make it as a checkbox column
-			 * @Default {false}
-			 */
-			displayAsCheckbox?: boolean;
-
-			/** Enables or disables the checkbox visibility in a column for checkbox selection.
-			 * @Default {false}
-			 */
-			showCheckbox?: boolean;
-
-			/** Controls the visibility of the column.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Gets or sets a value for treegrid column width
-			 */
-			width?: number;
-
-			/** Specifies the header template value for the column header
-			 */
-			headerTemplateID?: string;
-
-			/** Specifies the display format of a column
-			 * @Default {null}
-			 */
-			format?: any;
-
-			/** Specifies whether the column is a template column
-			 * @Default {false}
-			 */
-			isTemplateColumn?: boolean;
-
-			/** Specifies the alignment of the column header text
-			 * @Default {ej.TextAlign.Left}
-			 */
-			headerTextAlign?: ej.TextAlign | string;
-
-			/** Specifies whether the column is frozen
-			 * @Default {false}
-			 */
-			isFrozen?: boolean;
-
-			/** Specifies the text alignment for the column
-			 * @Default {ej.TextAlign.Left}
-			 */
-			textAlign?: ej.TextAlign | string;
-
-			/** Enables or disables the ability to edit a row or cell.
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** We can include or exclude particular column from column visibility list in column menu.
-			 * @Default {true}
-			 */
-			showInColumnChooser?: boolean;
-
-			/** Sets the clip mode for TreeGrid cell as ellipsis or clipped content(both header and content)
-			 * @Default {ej.TreeGrid.ClipMode.Clip}
-			 */
-			clipMode?: ej.TreeGrid.ClipMode | string;
-
-			/** Sets the tooltip template for the specific column.
-			 * @Default {null}
-			 */
-			tooltip?: string;
-
-			/** Sets the tooltip template for the column header
-			 * @Default {null}
-			 */
-			headerTooltip?: string;
-
-			/** specifies the conditions for saving data to the database while adding or editing the fields.
-			 */
-			validationRules?: any;
-
-			/** Enables or disables the ability to freeze/unfreeze the columns
-			 * @Default {false}
-			 */
-			allowFreezing?: boolean;
-		}
-
-		export interface ContextMenuSettings {
-
-			/** Option for adding items to context menu.
-			 * @Default {[]}
-			 */
-			contextMenuItems?: any[];
-
-			/** Shows/hides the context menu.
-			 * @Default {false}
-			 */
-			showContextMenu?: boolean;
-		}
-
-		export interface DragTooltip {
-
-			/** Specifies whether to show tooltip while dragging a row.
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Option to add field names whose corresponding values in the dragged row needs to be shown in the preview tooltip.
-			 * @Default {[]}
-			 */
-			tooltipItems?: any[];
-
-			/** Custom template for that tooltip that is shown while dragging a row.
-			 * @Default {null}
-			 */
-			tooltipTemplate?: string;
-		}
-
-		export interface EditSettings {
-
-			/** Enables or disables the button to add new row in context menu as well as in toolbar.
-			 * @Default {true}
-			 */
-			allowAdding?: boolean;
-
-			/** Enables or disables the button to delete the selected row in context menu as well as in toolbar.
-			 * @Default {true}
-			 */
-			allowDeleting?: boolean;
-
-			/** Enables or disables the ability to edit a row or cell.
-			 * @Default {false}
-			 */
-			allowEditing?: boolean;
-
-			/** Specifies the mouse action whether single click or double click to begin the editing
-			 * @Default {ej.TreeGrid.BeginEditAction.DblClick}
-			 */
-			beginEditAction?: ej.TreeGrid.BeginEditAction | string;
-
-			/** specifies the edit mode in TreeGrid , &quot;cellEditing&quot; is for cell type editing and &quot;rowEditing&quot; is for entire row.
-			 * @Default {ej.TreeGrid.EditMode.CellEditing}
-			 */
-			editMode?: ej.TreeGrid.EditMode | string;
-
-			/** Specifies the position where the new row has to be added.
-			 * @Default {top}
-			 */
-			rowPosition?: ej.TreeGrid.RowPosition | string;
-			/** Specifies the template ID for the custom dialog.
-			 * @Default {null}
-			 */
-			dialogEditorTemplateID?: string;
-		}
-
-		export interface ColumnResizeSettings {
-
-			/** Specifies the mode for column resizing
-			 * @Default {ej.TreeGrid.ColumnResizeMode.Normal}
-			 */
-			columnResizeMode?: ej.TreeGrid.ColumnResizeMode | string;
-		}
-
-		export interface FilterSettingsFilteredColumn {
-
-			/** Specifies the value to be filtered in TreeGrid.
-			 */
-			value?: string;
-
-			/** Specifies the field where filtering has to be performed.
-			 */
-			field?: string;
-
-			/** Specifies the predicate(and/or) value to perform filtering.
-			 */
-			predicate?: string;
-
-			/** Specifies the filter condition to filtered column. See operator
-			 */
-			operator?: string;
-		}
-
-		export interface FilterSettings {
-
-			/** Specifies the mode on which column filtering should start
-			 * @Default {immediate}
-			 */
-			filterBarMode?: string;
-
-			/** Specifies the type of column filtering.
-			 * @Default {ej.TreeGrid.FilterType.FilterBar}
-			 */
-			filterType?: ej.TreeGrid.FilterType | string;
-
-			/** Specifies the column collection for filtering the TreeGrid content on initial load
-			 * @Default {[]}
-			 */
-			filteredColumns?: any[];
-		}
-
-		export interface PageSettings {
-
-			/** Using this property we can specify the number of pages should pager contains, according to this count TreeGrid height will be updated.
-			 * @Default {8}
-			 */
-			pageCount?: number;
-
-			/** This specifies the number of rows to display in each page.
-			 * @Default {12}
-			 */
-			pageSize?: number;
-
-			/** Get the value of records which is bound to TreeGrid. The totalRecordsCount value is calculated based on the datasource bound to TreeGrid.
-			 * @Default {null}
-			 */
-			totalRecordsCount?: number;
-
-			/** Specifies the current page to display at load time.
-			 * @Default {1}
-			 */
-			currentPage?: number;
-
-			/** Specifies the mode of record count in a page, whether it should count all the records or the root to count zero level parent records.
-			 * @Default {ej.TreeGrid.PageSizeMode.All}
-			 */
-			pageSizeMode?: ej.TreeGrid.PageSizeMode | string;
-
-			/** Specifies the Custom template for Pager control.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface SelectedCellIndex {
-
-			/** Specifies the row index of the cell to be selected in TreeGrid control
-			 */
-			rowIndex?: number;
-
-			/** Specifies the cell index to be selected in the row.
-			 * @Default { }
-			 */
-			cellIndex?: number;
-		}
-
-		export interface SelectionSettings {
-
-			/** Specifies the type of selection whether to select row or cell.
-			 * @Default {ej.TreeGrid.SelectionMode.Row}
-			 */
-			selectionMode?: ej.TreeGrid.SelectionMode | string;
-
-			/** Specifies the type of selection whether single, multiple or checkbox.
-			 * @Default {ej.TreeGrid.SelectionType.Single}
-			 */
-			selectionType?: ej.TreeGrid.SelectionType | string;
-
-			/** Enables or disables the selection by hierarchy in check box selection
-			 * @Default {true}
-			 */
-			enableHierarchySelection?: boolean;
-
-			/** Toggles the visibility of the checkbox in column header, using which all the check boxes can be selected or unselected.
-			 * @Default {true}
-			 */
-			enableSelectAll?: boolean;
-		}
-
-		export interface SummaryRowsSummaryColumn {
-
-			/** Specifies the summary type to perform calculations in a corresponding summary column. See summaryType.
-			 */
-			summaryType?: ej.TreeGrid.SummaryType | string;
-
-			/** Specifies summary column used to perform the summary calculation.
-			 */
-			dataMember?: string;
-
-			/** Specifies the required column to display the summary.
-			 */
-			displayColumn?: string;
-
-			/** Specifies the text to be displayed before the summary column value.
-			 */
-			prefix?: string;
-
-			/** Specifies the text to be displayed after the summary column value.
-			 */
-			suffix?: string;
-
-			/** Specifies the format to be applied on the summary column value.
-			 */
-			format?: string;
-		}
-
-		export interface SummaryRow {
-
-			/** Specifies the title for summary row collection in TreeGrid
-			 */
-			title?: string;
-
-			/** Specifies the summary columns in the summary rows.
-			 */
-			summaryColumns?: SummaryRowsSummaryColumn[];
-		}
-
-		export interface SizeSettings {
-
-			/** Height of the TreeGrid.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Width of the TreeGrid.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface SortSettingsSortedColumn {
-
-			/** Specifies the field to be sorted in TreeGrid
-			 */
-			field?: string;
-
-			/** Specifies the sort direction in TreeGrid
-			 */
-			direction?: string;
-		}
-
-		export interface SortSettings {
-
-			/** Option to add columns based on which the rows have to be sorted recursively.
-			 * @Default {[]}
-			 */
-			sortedColumns?: SortSettingsSortedColumn[];
-		}
-
-		export interface ToolbarSettingsCustomToolbarItem {
-
-			/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
-			 */
-			text?: string;
-
-			/** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to TreeGrid toolbar.
-			 */
-			templateID?: string;
-
-			/** Allows the user to display custom tooltip text for TreeGrid custom toolbar items.
-			 */
-			tooltipText?: string;
-		}
-
-		export interface ToolbarSettings {
-
-			/** Shows/hides the toolbar.
-			 * @Default {false}
-			 */
-			showToolbar?: boolean;
-
-			/** Specifies the list of toolbar items to be rendered in TreeGrid toolbar
-			 * @Default {[]}
-			 */
-			toolbarItems?: any[];
-
-			/** Allows the user to insert custom toolbar items.
-			 */
-			customToolbarItems?: ToolbarSettingsCustomToolbarItem[];
-		}
-
-		enum EditingType {
-
-			///It Specifies String edit type.
-			String,
-
-			///It Specifies Boolean edit type.
-			Boolean,
-
-			///It Specifies Numeric edit type.
-			Numeric,
-
-			///It Specifies Dropdown edit type.
-			Dropdown,
-
-			///It Specifies DatePicker edit type.
-			DatePicker,
-
-			///It Specifies DateTimePicker edit type.
-			DateTimePicker,
-
-			///It Specifies Maskedit edit type.
-			Maskedit
-		}
-
-
-		enum ClipMode {
-
-			///Shows ellipsis for the overflown cell.
-			Ellipsis,
-
-			///Truncate the text in the cell.
-			Clip
-		}
-
-
-		enum HeaderTextOverflow {
-
-			///You can disable the word wrap
-			None,
-
-			///You can wrap the header content
-			Wrap
-		}
-
-
-		enum BeginEditAction {
-
-			///you can begin the editing at double click
-			DblClick,
-
-			///you can begin the editing at single click
-			Click
-		}
-
-
-		enum EditMode {
-
-			///you can edit a cell.
-			CellEditing,
-
-			///you can edit a row.
-			RowEditing
-		}
-
-
-		enum RowPosition {
-
-			///you can add a new row at top.
-			Top,
-
-			///you can add a new row at bottom.
-			Bottom,
-
-			///you can add a new row to above selected row.
-			Above,
-
-			///you can add a new row to below selected row.
-			Below,
-
-			///you can add a new row as a child for selected row.
-			Child
-		}
-
-
-		enum ColumnResizeMode {
-
-			///At load time column are rendered with given width value, while resizing the column only current column width is changed
-			FixedColumns,
-
-			///At load time columns are stretched with control width,while resizing the column, current column width updated based on next column
-			Normal,
-
-			///In this mode columns are stretched with control width in load time and on resizing action.
-			NextColumn
-		}
-
-
-		enum FilterType {
-
-			///Enables the filterbar filtering
-			FilterBar,
-
-			///Enables the menu filtering
-			Menu
-		}
-
-
-		enum PageSizeMode {
-
-			///To count all the parent and child records.
-			All,
-
-			///To count the Zeroth level parent records.
-			Root
-		}
-
-
-		enum SelectionMode {
-
-			///you can select a row.
-			Row,
-
-			///you can select a cell.
-			Cell
-		}
-
-
-		enum SelectionType {
-
-			///you can select a single row.
-			Single,
-
-			///you can select a multiple row.
-			Multiple,
-
-			///you can select rows using checkbox.
-			Checkbox
-		}
-
-
-		enum SummaryType {
-
-			///Displays the sum of summary column
-			Sum,
-
-			///Displays the average of summary column
-			Average,
-
-			///Displays the maximum value of summary column
-			Maximum,
-
-			///Displays the minimum value of summary column
-			Minimum,
-
-			///Displays the total count of summary column
-			Count,
-
-			///Displays the minimum date value in summary column
-			MinimumDate,
-
-			///Displays the maximum date value in summary column
-			MaximumDate,
-
-			///Displays the true count value for boolean summary columns
-			TrueCount,
-
-			///Displays the false count value for boolean summary columns
-			FalseCount
-		}
-
-	}
-
-	class GroupButton extends ej.Widget {
-		static fn: GroupButton;
-		constructor(element: JQuery | Element, options?: GroupButton.Model);
-		static Locale: any;
-		model: GroupButton.Model;
-		defaults: GroupButton.Model;
-
-		/** Remove the selection state of the specified the button element from the GroupButton
-		 * @param {JQuery} Specific button element
-		 * @returns {void}
-		 */
-		deselectItem(element: JQuery): void;
-
-		/** Destroy the GroupButton widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the GroupButton control
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Disable the specified button element from the ejGroupButton control.
-		 * @param {JQuery} Specific button element
-		 * @returns {void}
-		 */
-		disableItem(element: JQuery): void;
-
-		/** Enables the disabled ejGroupButton control.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Enable the specified disabled button element from the ejGroupButton control.
-		 * @param {JQuery} Specific button element
-		 * @returns {void}
-		 */
-		enableItem(element: JQuery): void;
-
-		/** Returns the index value for specified button element in the GroupButton control.
-		 * @param {JQuery} Specific button element
-		 * @returns {number}
-		 */
-		getIndex(element: JQuery): number;
-
-		/** This method returns the list of active state button elements from the GroupButton control.
-		 * @returns {any}
-		 */
-		getSelectedItem(): any;
-
-		/** Hides the GroupButton control
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** Hide the specified button element from the ejGroupButton control.
-		 * @param {JQuery} Specific button element
-		 * @returns {void}
-		 */
-		hideItem(element: JQuery): void;
-
-		/** Returns the disabled state of the specified element button element in GroupButton as Boolean.
-		 * @returns {boolean}
-		 */
-		isDisabled(): boolean;
-
-		/** Returns the state of the specified button element as Boolean.
-		 * @returns {boolean}
-		 */
-		isSelected(): boolean;
-
-		/** Public method used to select the specified button element from the ejGroupButton control.
-		 * @param {JQuery} Specific button element
-		 * @returns {void}
-		 */
-		selectItem(element: JQuery): void;
-
-		/** Shows the GroupButton control, if its hide.
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** Show the specified hidden button element from the ejGroupButton control.
-		 * @param {JQuery} Specific button element
-		 * @returns {void}
-		 */
-		showItem(element: JQuery): void;
-	}
-	export namespace GroupButton {
-
-		export interface Model {
-
-			/** Sets the specified class to GroupButton wrapper element, which allows for custom skinning option in ejGroupButton control.
-			 */
-			cssClass?: string;
-
-			/** To set the local JSON data, define a JSON array and initialize the GroupButton with dataSource property. Specify the column names in the fields property.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Displays the ejGroupButton in Right to Left direction.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Used to enable or disable the ejGroupButton control.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Gets or sets a value that indicates to display the values of the data.
-			 * @Default {null}
-			 */
-			fields?: any;
-
-			/** Sets the GroupButton behavior to works as Checkbox mode/ radio button mode based on the specified option.
-			 * @Default {ej.GroupButtonMode.RadioButton}
-			 */
-			groupButtonMode?: ej.GroupButtonMode | string;
-
-			/** Used to sets the height of the ejGroupButton control.
-			 * @Default {28}
-			 */
-			height?: string | number;
-
-			/** Defines the characteristics of the ejGroupButton control and extend the capability of an HTML element by adding specified attributes to element tag and by performing the related actions
-			 * @Default {{}}
-			 */
-			htmlAttributes?: any;
-
-			/** Specify the orientation of the GroupButton. See below to get available orientations
-			 * @Default {ej.Orientation.Horizontal}
-			 */
-			orientation?: ej.Orientation | string;
-
-			/** Query the dataSource from the table for Groupbutton
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Sets the list of button elements to be selected. To enable this option groupButtonMode should be in “checkbox” mode.
-			 * @Default {[]}
-			 */
-			selectedItemIndex?: number[] | string[];
-
-			/** Sets the rounder corner to the GroupButton, if sets as true.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Specifies the size of the button. See available size
-			 * @Default {ej.ButtonSize.Normal}
-			 */
-			size?: ej.ButtonSize | string;
-
-			/** Defines the width of the ejGroupButton control.
-			 */
-			width?: string | number;
-
-			/** Triggered before any button element in the GroupButton get selected. */
-			beforeSelect?(e: BeforeSelectEventArgs): void;
-
-			/** Fires after GroupButton control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when the GroupButton is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Triggered once the key is pressed, when the control is in focused state. */
-			keyPress?(e: KeyPressEventArgs): void;
-
-			/** Triggered when the button element get selected. */
-			select?(e: SelectEventArgs): void;
-		}
-
-		export interface BeforeSelectEventArgs {
-
-			/** Boolean value based on whether the button element is disabled or not.
-			 */
-			disabled?: boolean;
-
-			/** Returns the selection button element.
-			 */
-			element?: any;
-
-			/** Event object
-			 */
-			event?: any;
-
-			/** Return the button element ID.
-			 */
-			id?: string;
-
-			/** Button item index.
-			 */
-			index?: number;
-
-			/** returns the button model
-			 */
-			model?: ej.GroupButton.Model;
-
-			/** Boolean value based on whether the button element is selected or not.
-			 */
-			selected?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the button state
-			 */
-			status?: boolean;
-		}
-
-		export interface CreateEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the GroupButton model
-			 */
-			model?: ej.GroupButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the GroupButton model
-			 */
-			model?: ej.GroupButton.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface KeyPressEventArgs {
-
-			/** Boolean value based on whether the button element is disabled or not.
-			 */
-			disabled?: boolean;
-
-			/** Returns the selection button element.
-			 */
-			element?: any;
-
-			/** Event object
-			 */
-			event?: any;
-
-			/** Return the button element ID.
-			 */
-			id?: string;
-
-			/** Button item index.
-			 */
-			index?: number;
-
-			/** returns the button model
-			 */
-			model?: ej.GroupButton.Model;
-
-			/** Boolean value based on whether the button element is selected or not.
-			 */
-			selected?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the button state
-			 */
-			status?: boolean;
-		}
-
-		export interface SelectEventArgs {
-
-			/** Boolean value based on whether the selected button element is disabled or not.
-			 */
-			disabled?: boolean;
-
-			/** Returns the selection button element.
-			 */
-			element?: any;
-
-			/** Event object
-			 */
-			event?: any;
-
-			/** Return the selected button element ID.
-			 */
-			id?: string;
-
-			/** Selected button item index.
-			 */
-			index?: number;
-
-			/** returns the button model
-			 */
-			model?: ej.GroupButton.Model;
-
-			/** Boolean value based on whether the button element is selected or not.
-			 */
-			selected?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the button state
-			 */
-			status?: boolean;
-		}
-	}
-	enum GroupButtonMode {
-		//Sets the GroupButton to work as checkbox mode
-		CheckBox,
-		//Sets the RadioButton to work as radio button mode
-		RadioButton,
-	}
-
-	class NavigationDrawer extends ej.Widget {
-		static fn: NavigationDrawer;
-		constructor(element: JQuery | Element, options?: NavigationDrawer.Model);
-		static Locale: any;
-		model: NavigationDrawer.Model;
-		defaults: NavigationDrawer.Model;
-
-		/** To close the navigation drawer control
-		 * @returns {void}
-		 */
-		close(): void;
-
-		/** To load AJAX content into NavigationDrawer container.
-		 * @returns {void}
-		 */
-		loadContent(): void;
-
-		/** To open the navigation drawer control
-		 * @returns {void}
-		 */
-		open(): void;
-
-		/** To Toggle the navigation drawer control
-		 * @returns {void}
-		 */
-		toggle(): void;
-	}
-	export namespace NavigationDrawer {
-
-		export interface Model {
-
-			/** Specifies the ajaxSettings option to load the content to the NavigationDrawer control.
-			 * @Default {null}
-			 */
-			ajaxSettings?: AjaxSettings;
-
-			/** Specifies the contentId for navigation drawer, where the AJAX content need to updated
-			 * @Default {null}
-			 */
-			contentId?: string;
-
-			/** Sets the root class for NavigationDrawer theme. This cssClass API helps to use custom skinning option for NavigationDrawer control.
-			 * By defining the root class using this API, we need to include this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** Sets the Direction for the control. See Direction
-			 * @Default {left}
-			 */
-			direction?: ej.Direction | string;
-
-			/** Sets the listview to be enabled or not
-			 * @Default {false}
-			 */
-			enableListView?: boolean;
-
-			/** Specifies the listview items as an array of object.
-			 * @Default {[]}
-			 */
-			items?: any[];
-
-			/** Sets all the properties of listview to render in navigation drawer
-			 */
-			listViewSettings?: any;
-
-			/** Specifies position whether it is in fixed or relative to the page. See Position
-			 * @Default {normal}
-			 */
-			position?: string;
-
-			/** Specifies the targetId for navigation drawer
-			 */
-			targetId?: string;
-
-			/** Sets the rendering type of the control. See Type
-			 * @Default {overlay}
-			 */
-			type?: string;
-
-			/** Specifies the width of the control
-			 * @Default {auto}
-			 */
-			width?: number;
-
-			/** Navigation pane opened initially when isPaneOpen property is true.
-			 * @Default {false}
-			 */
-			isPaneOpen?: boolean;
-
-			/** Event triggers after the AJAX content loaded completely. */
-			ajaxComplete?(e: AjaxCompleteEventArgs): void;
-
-			/** Event triggers when the AJAX request failed. */
-			ajaxError?(e: AjaxErrorEventArgs): void;
-
-			/** Event triggers after the AJAX content loaded successfully. */
-			ajaxSuccess?(e: AjaxSuccessEventArgs): void;
-
-			/** Event triggers before the control gets closed. */
-			beforeClose?(e: BeforeCloseEventArgs): void;
-
-			/** Event triggers when the control open. */
-			open?(e: OpenEventArgs): void;
-
-			/** Event triggers when the Swipe happens. */
-			swipe?(e: SwipeEventArgs): void;
-		}
-
-		export interface AjaxCompleteEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.NavigationDrawer.Model;
-		}
-
-		export interface AjaxErrorEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.NavigationDrawer.Model;
-
-			/** returns the error thrown in the AJAX post.
-			 */
-			errorThrown?: any;
-
-			/** returns the status.
-			 */
-			textStatus?: any;
-		}
-
-		export interface AjaxSuccessEventArgs {
-
-			/** returns true if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the name of the event.
-			 */
-			type?: string;
-
-			/** returns the model value of the control.
-			 */
-			model?: ej.NavigationDrawer.Model;
-
-			/** returns the AJAX current content.
-			 */
-			content?: string;
-
-			/** returns the current URL of the AJAX post.
-			 */
-			URL?: string;
-		}
-
-		export interface BeforeCloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Navigation Drawer model
-			 */
-			model?: ej.NavigationDrawer.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Navigation Drawer model
-			 */
-			model?: ej.NavigationDrawer.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SwipeEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Navigation Drawer model
-			 */
-			model?: ej.NavigationDrawer.Model;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AjaxSettings {
-
-			/** It specifies, whether to enable or disable asynchronous request.
-			 */
-			async?: boolean;
-
-			/** It specifies the page will be cached in the web browser.
-			 */
-			cache?: boolean;
-
-			/** It specifies the type of data is send in the query string.
-			 */
-			contentType?: string;
-
-			/** It specifies the data as an object, will be passed in the query string.
-			 */
-			data?: any;
-
-			/** It specifies the type of data that you're expecting back from the response.
-			 */
-			dataType?: string;
-
-			/** It specifies the HTTP request type.
-			 */
-			type?: string;
-		}
-	}
-
-	class RadialMenu extends ej.Widget {
-		static fn: RadialMenu;
-		constructor(element: JQuery | Element, options?: RadialMenu.Model);
-		static Locale: any;
-		model: RadialMenu.Model;
-		defaults: RadialMenu.Model;
-
-		/** To hide the radialmenu
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** To hide the radialmenu items
-		 * @returns {void}
-		 */
-		hideMenu(): void;
-
-		/** To Show the radial menu
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** To show menu items
-		 * @returns {void}
-		 */
-		showMenu(): void;
-
-		/** To enable menu item using index
-		 * @param {number} Index of the Radialmenu to be enabled.
-		 * @returns {void}
-		 */
-		enableItemByIndex(itemIndex: number): void;
-
-		/** To enable menu items using indices
-		 * @param {Array<any>} Index of the Radialmenu to be enabled.
-		 * @returns {void}
-		 */
-		enableItemsByIndices(itemIndices: any[]): void;
-
-		/** To disable menu item using index
-		 * @param {number} Index of the Radialmenu to be disabled.
-		 * @returns {void}
-		 */
-		disableItemByIndex(itemIndex: number): void;
-
-		/** To disable menu items using indices
-		 * @param {Array<any>} items of the Radialmenu to disable.
-		 * @returns {void}
-		 */
-		disableItemsByIndices(itemIndices: any[]): void;
-
-		/** To enable menu item using item text
-		 * @param {string} item of the Radialmenu item to enable.
-		 * @returns {void}
-		 */
-		enableItem(item: string): void;
-
-		/** To disable menu item using item text
-		 * @param {string} item of the Radialmenu item to disable.
-		 * @returns {void}
-		 */
-		disableItem(item: string): void;
-
-		/** To enable menu items using item texts
-		 * @param {Array<any>} items of the Radialmenu item to enable.
-		 * @returns {void}
-		 */
-		enableItems(items: any[]): void;
-
-		/** To disable menu items using item texts
-		 * @param {Array<any>} items of the Radialmenu item to disable.
-		 * @returns {void}
-		 */
-		disableItems(items: any[]): void;
-
-		/** To update menu item badge value
-		 * @param {number} The index value to add the given items at the specified index. If index is not specified, the given value will not be updated.
-		 * @param {number} The Value to be updated in the badge. It will be updated based on the given index
-		 * @returns {void}
-		 */
-		updateBadgeValue(index: number, value: number): void;
-
-		/** To show menu item badge
-		 * @param {number} Index of the Radialmenu item to be shown badge.
-		 * @returns {void}
-		 */
-		showBadge(index: number): void;
-
-		/** To hide menu item badge
-		 * @param {number} Index of the Radialmenu item to hide the badge.
-		 * @returns {void}
-		 */
-		hideBadge(index: number): void;
-	}
-	export namespace RadialMenu {
-
-		export interface Model {
-
-			/** To show the Radial in initial render.
-			 */
-			autoOpen?: boolean;
-
-			/** Renders the back button Image for Radial using class.
-			 */
-			backImageClass?: string;
-
-			/** Sets the root class for RadialMenu theme. This cssClass API helps to use custom skinning option for RadialMenu control. By defining the root class using this API,
-			 * we need to include this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** To enable Animation for Radial Menu.
-			 */
-			enableAnimation?: boolean;
-
-			/** Renders the Image for Radial using Class.
-			 */
-			imageClass?: string;
-
-			/** Specify the items of radial menu
-			 */
-			items?: Item[];
-
-			/** Specifies the radius of radial menu
-			 */
-			radius?: number;
-
-			/** To show the Radial while clicking given target element.
-			 */
-			targetElementId?: string;
-
-			/** To set radial render position.
-			 */
-			position?: any;
-
-			/** Event triggers when we click an item. */
-			click?(e: ClickEventArgs): void;
-
-			/** Event triggers when the menu is opened. */
-			open?(e: OpenEventArgs): void;
-
-			/** Event triggers when the menu is closed. */
-			close?(e: CloseEventArgs): void;
-		}
-
-		export interface ClickEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Radialmenu model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** returns the item of element
-			 */
-			item?: any;
-
-			/** returns the name of item
-			 */
-			itemName?: string;
-		}
-
-		export interface OpenEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Radialmenu model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface CloseEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the Radialmenu model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ItemsBadge {
-
-			/** Specifies whether to enable radialmenu item badge or not.
-			 */
-			enabled?: boolean;
-
-			/** Specifies the value of radial menu item badge.
-			 */
-			value?: number;
-		}
-
-		export interface ItemsSliderSettings {
-
-			/** Specifies the sliderSettings ticks values of nested radial menu items.
-			 */
-			ticks?: any[];
-
-			/** Specifies the sliderSettings stroke Width value.
-			 */
-			strokeWidth?: number;
-
-			/** Specifies the value of sliderSettings labelSpace .
-			 */
-			labelSpace?: number;
-		}
-
-		export interface Item {
-
-			/** Specify the URL of the frame background image for radial menu item.
-			 */
-			imageUrl?: string;
-
-			/** Specifies the text of RadialMenu item.
-			 */
-			text?: string;
-
-			/** Specifies the enable state of RadialMenu item.
-			 */
-			enabled?: boolean;
-
-			/** specify the click event to corresponding image/text for performing some specific action.
-			 */
-			click?: string;
-
-			/** Specifies radialmenu item badges.
-			 */
-			badge?: ItemsBadge;
-
-			/** Specifies the type of nested radial menu item.
-			 */
-			type?: string;
-
-			/** Specifies the sliderSettings ticks for nested radial menu items.
-			 */
-			sliderSettings?: ItemsSliderSettings;
-
-			/** Specifies to add sub level items .
-			 */
-			items?: any[];
-		}
-	}
-
-	class Tile extends ej.Widget {
-		static fn: Tile;
-		constructor(element: JQuery | Element, options?: Tile.Model);
-		static Locale: any;
-		model: Tile.Model;
-		defaults: Tile.Model;
-
-		/** Update the image template of tile item to another one.
-		 * @param {string} UpdateTemplate by using id
-		 * @param {number} index of the tile
-		 * @returns {void}
-		 */
-		updateTemplate(id: string, index: number): void;
-	}
-	export namespace Tile {
-
-		export interface Model {
-
-			/** Section for badge specific functionalities and it represents the notification for tile items.
-			 */
-			badge?: Badge;
-
-			/** Section for caption specific functionalities and it represents the notification for tile items.
-			 */
-			caption?: Caption;
-
-			/** Sets the root class for Tile theme. This cssClass API helps to use custom skinning option for Tile control. By defining the root class using this API, we need to include this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** Saves current model value to browser cookies for state maintains. While refreshing the page retains the model value applies from browser cookies.
-			 * @Default {false}
-			 */
-			enablePersistence?: boolean;
-
-			/** Customize the tile size height.
-			 * @Default {null}
-			 */
-			height?: number;
-
-			/** Specifies Tile imageClass, using this property we can give images for each tile through CSS classes.
-			 * @Default {null}
-			 */
-			imageClass?: string;
-
-			/** Specifies the position of tile image.
-			 * @Default {center}
-			 */
-			imagePosition?: ej.Tile.ImagePosition | string;
-
-			/** Specifies the tile image in outside of template content.
-			 * @Default {null}
-			 */
-			imageTemplateId?: string;
-
-			/** Specifies the URL of tile image.
-			 * @Default {null}
-			 */
-			imageUrl?: string;
-
-			/** Set the localization culture for Tile Widget.
-			 */
-			locale?: string;
-
-			/** Section for liveTile specific functionalities.
-			 */
-			liveTile?: LiveTile;
-
-			/** Specifies the size of a tile.  See tileSize
-			 * @Default {small}
-			 */
-			tileSize?: ej.Tile.TileSize | string;
-
-			/** Customize the tile size width.
-			 * @Default {null}
-			 */
-			width?: number;
-
-			/** Sets the rounded corner to  tile.
-			 * @Default {false}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Sets allowSelection to  tile.
-			 * @Default {false}
-			 */
-			allowSelection?: boolean;
-
-			/** Sets the background color to  tile.
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Event triggers when the mouseDown happens in the tile */
-			mouseDown?(e: MouseDownEventArgs): void;
-
-			/** Event triggers when the mouseUp happens in the tile */
-			mouseUp?(e: MouseUpEventArgs): void;
-		}
-
-		export interface MouseDownEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tile model
-			 */
-			model?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: boolean;
-
-			/** returns the current tile text
-			 */
-			text?: string;
-
-			/** returns the index of current tile item
-			 */
-			index?: number;
-		}
-
-		export interface MouseUpEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the tile model
-			 */
-			model?: boolean;
-
-			/** returns the name of the event
-			 */
-			type?: boolean;
-
-			/** returns the current tile text
-			 */
-			text?: boolean;
-
-			/** returns the index of current tile item
-			 */
-			index?: number;
-		}
-
-		export interface Badge {
-
-			/** Specifies whether to enable badge or not.
-			 * @Default {false}
-			 */
-			enabled?: boolean;
-
-			/** Specifies maximum value for tile badge.
-			 * @Default {100}
-			 */
-			maxValue?: number;
-
-			/** Specifies minimum value for tile badge.
-			 * @Default {1}
-			 */
-			minValue?: number;
-
-			/** Specifies text instead of number for tile badge.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Sets value for tile badge.
-			 * @Default {1}
-			 */
-			value?: number;
-
-			/** Sets position for tile badge.
-			 * @Default {“bottomright”}
-			 */
-			position?: ej.Tile.BadgePosition | string;
-		}
-
-		export interface Caption {
-
-			/** Specifies whether the tile text to be shown or hidden.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Changes the text of a tile.
-			 * @Default {Text}
-			 */
-			text?: string;
-
-			/** It is used to align the text of a tile.
-			 * @Default {normal}
-			 */
-			alignment?: ej.Tile.CaptionAlignment | string;
-
-			/** It is used to specify the caption position like Inner top,  inner bottom and outer.
-			 * @Default {Innerbottom}
-			 */
-			position?: ej.Tile.CaptionPosition | string;
-
-			/** sets the icon instead of text.
-			 * @Default {null}
-			 */
-			icon?: string;
-		}
-
-		export interface LiveTile {
-
-			/** Specifies whether to enable liveTile or not.
-			 * @Default {false}
-			 */
-			enabled?: boolean;
-
-			/** Specifies liveTile images in CSS classes.
-			 * @Default {null}
-			 */
-			imageClass?: any[];
-
-			/** Specifies liveTile images in templates.
-			 * @Default {null}
-			 */
-			imageTemplateId?: any[];
-
-			/** Specifies liveTile images in CSS classes.
-			 * @Default {null}
-			 */
-			imageUrl?: any[];
-
-			/** Specifies liveTile type for Tile. See orientation
-			 * @Default {flip}
-			 */
-			type?: ej.Tile.liveTileType | string;
-
-			/** Specifies time interval between two successive liveTile animation
-			 * @Default {2000}
-			 */
-			updateInterval?: number;
-
-			/** Sets the text to each living tile
-			 * @Default {Null}
-			 */
-			text?: any[];
-		}
-
-		enum BadgePosition {
-
-			///To set the topright position of tile badge
-			Topright,
-
-			///To set the bottomright of tile badge
-			Bottomright
-		}
-
-
-		enum CaptionAlignment {
-
-			///To set the normal alignment of text in tile control
-			Normal,
-
-			///To set the left alignment of text in tile control
-			Left,
-
-			///To set the right alignment of text in tile control
-			Right,
-
-			///To set the center alignment of text in tile control
-			Center
-		}
-
-
-		enum CaptionPosition {
-
-			///To set the inner top position of the tile text
-			Innertop,
-
-			///To set the inner bottom position of the tile text
-			Innerbottom,
-
-			///To set the outer position of the tile text
-			Outer
-		}
-
-
-		enum ImagePosition {
-
-			///To set the center position of tile image
-			Center,
-
-			///To set the top center position of tile image
-			TopCenter,
-
-			///To set the bottom center position of tile image
-			BottomCenter,
-
-			///To set the right center position of tile image
-			RightCenter,
-
-			///To set the left center position of tile image
-			LeftCenter,
-
-			///To set the topleft position of tile image
-			TopLeft,
-
-			///To set the topright position of tile image
-			TopRight,
-
-			///To set the bottomright position of tile image
-			BottomRight,
-
-			///To set the bottomleft position of tile image
-			BottomLeft,
-
-			///To set the fill position of tile image
-			Fill
-		}
-
-
-		enum liveTileType {
-
-			///To set flip type of liveTile for tile control
-			Flip,
-
-			///To set slide type of liveTile for tile control
-			Slide,
-
-			///To set carousel type of liveTile for tile control
-			Carousel
-		}
-
-
-		enum TileSize {
-
-			///To set the medium size for tile control
-			Medium,
-
-			///To set the small size for tile control
-			Small,
-
-			///To set the large size for tile control
-			Large,
-
-			///To set the wide size for tile control
-			Wide
-		}
-
-	}
-
-	class Signature extends ej.Widget {
-		static fn: Signature;
-		constructor(element: JQuery | Element, options?: Signature.Model);
-		static Locale: any;
-		model: Signature.Model;
-		defaults: Signature.Model;
-
-		/** Clears the strokes in the signature.
-		 * @returns {void}
-		 */
-		clear(): void;
-
-		/** Destroys the signature widget.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** Disables the signature widget.
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** Enables the signature widget.
-		 * @returns {void}
-		 */
-		enable(): void;
-
-		/** Hides the signature widget.
-		 * @returns {void}
-		 */
-		hide(): void;
-
-		/** redo the last drawn stroke of the signature
-		 * @returns {void}
-		 */
-		redo(): void;
-
-		/** used to save the drawn image.
-		 * @returns {void}
-		 */
-		save(): void;
-
-		/** Used to Show the signature widget, if it is already hided.
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** undo the last drawn stroke of the signature.
-		 * @returns {void}
-		 */
-		undo(): void;
-	}
-	export namespace Signature {
-
-		export interface Model {
-
-			/** This property is used to set the background color for the signature.
-			 * @Default {#ffffff}
-			 */
-			backgroundColor?: string;
-
-			/** This property is used to set the background image for the signature.
-			 */
-			backgroundImage?: string;
-
-			/** Enables or disables the Signature textbox widget.
-			 * @Default {true}
-			 */
-			enabled?: boolean;
-
-			/** Sets the height of the Signature control.
-			 * @Default {100%}
-			 */
-			height?: string;
-
-			/** Enables/disables responsive support for the signature control (i.e) maintain the signature drawing during the window resizing time.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Allows the type of the image format to be saved when the signature image is saved.
-			 */
-			saveImageFormat?: ej.Signature.SaveImageFormat | string;
-
-			/** Allows the signature image to be saved along with its background.
-			 * @Default {false}
-			 */
-			saveWithBackground?: boolean;
-
-			/** Enables or disables rounded corner.
-			 * @Default {true}
-			 */
-			showRoundedCorner?: boolean;
-
-			/** Sets the stroke color for the stroke of the signature.
-			 * @Default {#000000}
-			 */
-			strokeColor?: string;
-
-			/** Sets the stroke width for the stroke of the signature.
-			 * @Default {2}
-			 */
-			strokeWidth?: number;
-
-			/** Sets the width of the Signature control.
-			 * @Default {100%}
-			 */
-			width?: string;
-
-			/** Triggers when the stroke is changed. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Triggered when the pointer is clicked or touched in the signature canvas. */
-			mouseDown?(e: MouseDownEventArgs): void;
-
-			/** Triggered when the pointer is moved in the signature canvas. */
-			mouseMove?(e: MouseMoveEventArgs): void;
-
-			/** Triggered when the pointer is released after click or touch in the signature canvas. */
-			mouseUp?(e: MouseUpEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the signature model object.
-			 */
-			model?: ej.Signature.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** Gives the last stored image
-			 */
-			lastImage?: string;
-		}
-
-		export interface MouseDownEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the signature model object.
-			 */
-			model?: ej.Signature.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** returns all the event values
-			 */
-			value?: any;
-		}
-
-		export interface MouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the signature model object.
-			 */
-			model?: ej.Signature.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** returns all the event values
-			 */
-			value?: any;
-		}
-
-		export interface MouseUpEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the signature model object.
-			 */
-			model?: ej.Signature.Model;
-
-			/** Name of the event.
-			 */
-			type?: string;
-
-			/** returns all the event values
-			 */
-			value?: any;
-		}
-
-		enum SaveImageFormat {
-
-			///To save the signature image with PNG format only.
-			PNG,
-
-			///To save the signature image with JPG format only.
-			JPG,
-
-			///To save the signature image with BMP format only.
-			BMP,
-
-			///To save the signature image with TIFF format only.
-			TIFF
-		}
-
-	}
-
-	class RadialSlider extends ej.Widget {
-		static fn: RadialSlider;
-		constructor(element: JQuery | Element, options?: RadialSlider.Model);
-		static Locale: any;
-		model: RadialSlider.Model;
-		defaults: RadialSlider.Model;
-
-		/** To show the radialslider
-		 * @returns {void}
-		 */
-		show(): void;
-
-		/** To hide the radialslider
-		 * @returns {void}
-		 */
-		hide(): void;
-	}
-	export namespace RadialSlider {
-
-		export interface Model {
-
-			/** To show the RadialSlider in initial render.
-			 * @Default {false}
-			 */
-			autoOpen?: boolean;
-
-			/** Sets the root class for RadialSlider theme. This cssClass API helps to use custom skinning option for RadialSlider control.
-			 * By defining the root class using this API, we need to include this root class in CSS.
-			 */
-			cssClass?: string;
-
-			/** To enable Animation for Radial Slider.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Enable/Disable the Roundoff property of RadialSlider
-			 * @Default {true}
-			 */
-			enableRoundOff?: boolean;
-
-			/** Specifies the endAngle value for radial slider circle.
-			 * @Default {360}
-			 */
-			endAngle?: number;
-
-			/** Specifies the inline for label show or not on given radius.
-			 * @Default {false}
-			 */
-			inline?: boolean;
-
-			/** Specifies innerCircleImageClass, using this property we can give images for center radial circle through CSS classes.
-			 * @Default {null}
-			 */
-			innerCircleImageClass?: string;
-
-			/** Specifies the file name of center circle icon
-			 * @Default {null}
-			 */
-			innerCircleImageUrl?: string;
-
-			/** Specifies the Space between the radial slider element and the label.
-			 * @Default {30}
-			 */
-			labelSpace?: number;
-
-			/** Specifies the radius of radial slider
-			 * @Default {200}
-			 */
-			radius?: number;
-
-			/** To show the RadialSlider inner circle.
-			 * @Default {true}
-			 */
-			showInnerCircle?: boolean;
-
-			/** Specifies the endAngle value for radial slider circle.
-			 * @Default {0}
-			 */
-			startAngle?: number;
-
-			/** Specifies the  strokeWidth for customize the needle, outer circle and inner circle.
-			 * @Default {2}
-			 */
-			strokeWidth?: number;
-
-			/** Specifies the ticks value of radial slider
-			 */
-			ticks?: any[];
-
-			/** Specifies the value of radial slider
-			 * @Default {10}
-			 */
-			value?: number;
-
-			/** Event triggers when the change occurs. */
-			change?(e: ChangeEventArgs): void;
-
-			/** Event triggers when the radial slider is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Event triggers when the mouse pointer is dragged over the radial slider. */
-			mouseover?(e: MouseoverEventArgs): void;
-
-			/** Event triggers when the Radial slider slides. */
-			slide?(e: SlideEventArgs): void;
-
-			/** Event triggers when the radial slider starts. */
-			start?(e: StartEventArgs): void;
-
-			/** Event triggers when the radial slider stops. */
-			stop?(e: StopEventArgs): void;
-		}
-
-		export interface ChangeEventArgs {
-
-			/**  returns the Radialslider model
-			 */
-			model?: any;
-
-			/**  if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/**  returns the initial value of Radial slider
-			 */
-			oldValue?: number;
-
-			/**  returns the name of the event
-			 */
-			type?: string;
-
-			/**  returns the current value of the Radial slider
-			 */
-			value?: number;
-		}
-
-		export interface CreateEventArgs {
-
-			/**  if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/**  returns the Radialslider model
-			 */
-			model?: any;
-
-			/**  returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface MouseoverEventArgs {
-
-			/**  if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/**  returns the Radialslider model
-			 */
-			model?: any;
-
-			/**  returns the value selected
-			 */
-			selectedValue?: number;
-
-			/**  returns the name of the event
-			 */
-			type?: string;
-
-			/**  returns the current value selected in Radial slider
-			 */
-			value?: number;
-		}
-
-		export interface SlideEventArgs {
-
-			/**  if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/**  returns the Radialslider model
-			 */
-			model?: any;
-
-			/**  returns the value selected in Radial slider
-			 */
-			selectedValue?: number;
-
-			/**  returns the name of the event
-			 */
-			type?: string;
-
-			/**  returns the currently selected value
-			 */
-			value?: number;
-		}
-
-		export interface StartEventArgs {
-
-			/**  if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/**  returns the Radialslider model
-			 */
-			model?: any;
-
-			/**  returns the name of the event
-			 */
-			type?: string;
-
-			/**  returns the current value selected in Radial slider
-			 */
-			value?: number;
-		}
-
-		export interface StopEventArgs {
-
-			/**  if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/**  returns the Radialslider model
-			 */
-			model?: any;
-
-			/**  returns the name of the event
-			 */
-			type?: string;
-
-			/**  returns the current value selected in Radial slider
-			 */
-			value?: number;
-		}
-	}
-
-	class Spreadsheet extends ej.Widget {
-		static fn: Spreadsheet;
-		constructor(element: JQuery | Element, options?: Spreadsheet.Model);
-		static Locale: any;
-		model: Spreadsheet.Model;
-		defaults: Spreadsheet.Model;
-
-		/** This method is used to add custom formulas in Spreadsheet.
-		 * @param {string} Pass the name of the formula.
-		 * @param {string} Pass the name of the function.
-		 * @returns {void}
-		 */
-		addCustomFormula(formulaName: string, functionName: string): void;
-
-		/** This method is used to add a new sheet in the last position of the sheet container.
-		 * @returns {void}
-		 */
-		addNewSheet(): void;
-
-		/** It is used to clear all the data and format in the specified range of cells in Spreadsheet.
-		 * @param {string|Array<any>} Optional. If range is specified, then it will clear all content in the specified range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		clearAll(range?: string | any[]): void;
-
-		/** This property is used to clear all the formats applied in the specified range in Spreadsheet.
-		 * @param {string|Array<any>} Optional. If range is specified, then it will clear all format in the specified range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		clearAllFormat(range?: string | any[]): void;
-
-		/** Used to clear the applied border in the specified range in Spreadsheet.
-		 * @param {string|Array<any>} Optional. If range is specified, then it will clear border in the specified range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		clearBorder(range?: string | any[]): void;
-
-		/** This property is used to clear the contents in the specified range in Spreadsheet.
-		 * @param {string|Array<any>} Optional. If the range is specified, then it will clear the content in the specified range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		clearContents(range?: string | any[]): void;
-
-		/** This method is used to remove only the data in the range denoted by the specified range name.
-		 * @param {string} Pass the defined rangeSettings property name.
-		 * @returns {void}
-		 */
-		clearRange(rangeName: string): void;
-
-		/** It is used to remove data in the specified range of cells based on the defined property.
-		 * @param {Array<any>|string} Optional. If range is specified, it will clear data for the specified range else it will use the current selected range.
-		 * @param {string} Optional. If property is specified, it will remove the specified property in the range else it will remove default properties
-		 * @param {any} Optional.
-		 * @param {boolean} Optional. pass {{'`true`' | markdownify}}, if you want to skip the hidden rows
-		 * @param {any} Optional. Pass the status to perform undo and redo operation.
-		 * @param {any} Optional. It specifies whether to skip element processing or not.
-		 * @returns {void}
-		 */
-		clearRangeData(range?: any[] | string, property?: string, cells?: any, skipHiddenRow?: boolean, status?: any, skipCell?: any): void;
-
-		/** This method is used to clear undo and redo collections in the Spreadsheet.
-		 * @returns {void}
-		 */
-		clearUndoRedo(): void;
-
-		/** This method is used to copy or move the sheets in Spreadsheet.
-		 * @param {number} Pass the sheet index that you want to copy or move.
-		 * @param {number} Pass the position index where you want to copy or move.
-		 * @param {boolean} Pass {{'`true`' | markdownify}},If you want to copy sheet or else it will move sheet.
-		 * @returns {void}
-		 */
-		copySheet(fromIdx: number, toIdx: number, isCopySheet: boolean): void;
-
-		/** This method is used to delete the entire column which is selected.
-		 * @param {number} Pass the start column index.
-		 * @param {number} Pass the end column index.
-		 * @returns {void}
-		 */
-		deleteEntireColumn(startCol: number, endCol: number): void;
-
-		/** This method is used to delete the entire row which is selected.
-		 * @param {number} Pass the start row index.
-		 * @param {number} Pass the end row index.
-		 * @returns {void}
-		 */
-		deleteEntireRow(startRow: number, endRow: number): void;
-
-		/** This method is used to delete a particular sheet in the Spreadsheet.
-		 * @param {number} Pass the sheet index to perform delete action.
-		 * @returns {void}
-		 */
-		deleteSheet(idx: number): void;
-
-		/** This method is used to delete the selected cells and shift the remaining cells to left.
-		 * @param {any} Row index and column index of the starting cell.
-		 * @param {any} Row index and column index of the ending cell.
-		 * @returns {void}
-		 */
-		deleteShiftLeft(startCell: any, endCell: any): void;
-
-		/** This method is used to delete the selected cells and shift the remaining cells up.
-		 * @param {any} Row index and column index of the start cell.
-		 * @param {any} Row index and column index of the end cell.
-		 * @returns {void}
-		 */
-		deleteShiftUp(startCell: any, endCell: any): void;
-
-		/** This method is used to edit data in the specified range of cells based on its corresponding rangeSettings.
-		 * @param {string} Pass the defined rangeSettings property name.
-		 * @param {Function} Pass the function that you want to perform range edit.
-		 * @returns {void}
-		 */
-		editRange(rangeName: string, fn: any): void;
-
-		/** This method is used to get the activation panel in the Spreadsheet.
-		 * @returns {HTMLElement}
-		 */
-		getActivationPanel(): HTMLElement;
-
-		/** This method is used to get the active cell object in Spreadsheet. It will returns object which contains rowIndex and colIndex of the active cell.
-		 * @param {number} Optional. If sheetIdx is specified, it will return the active cell object in specified sheet index else it will use the current sheet index
-		 * @returns {any}
-		 */
-		getActiveCell(sheetIdx?: number): any;
-
-		/** This method is used to get the active cell element based on the given sheet index in the Spreadsheet.
-		 * @param {number} Optional. If sheetIndex is specified, it will return the active cell element in specified sheet index else it will use the current active sheet index.
-		 * @returns {HTMLElement}
-		 */
-		getActiveCellElem(sheetIdx?: number): HTMLElement;
-
-		/** This method is used to get the current active sheet index in Spreadsheet.
-		 * @returns {number}
-		 */
-		getActiveSheetIndex(): number;
-
-		/** This method is used to get the auto fill element in Spreadsheet.
-		 * @returns {HTMLElement}
-		 */
-		getAutoFillElem(): HTMLElement;
-
-		/** This method is used to get the cell element based on specified row and column index in the Spreadsheet.
-		 * @param {number} Pass the row index.
-		 * @param {number} Pass the column index.
-		 * @param {number} Optional. Pass the sheet index that you want to get cell.
-		 * @returns {HTMLElement}
-		 */
-		getCell(rowIdx: number, colIdx: number, sheetIdx?: number): HTMLElement;
-
-		/** This method is used to get the data settings in the Spreadsheet.
-		 * @param {number} Pass the sheet index.
-		 * @returns {number}
-		 */
-		getDataSettings(sheetIdx: number): number;
-
-		/** This method is used to get the frozen columns index in the Spreadsheet.
-		 * @param {number} Pass the sheet index.
-		 * @returns {number}
-		 */
-		getFrozenColumns(sheetIdx: number): number;
-
-		/** This method is used to get the frozen row index in Spreadsheet.
-		 * @param {number} Pass the sheet index.
-		 * @returns {number}
-		 */
-		getFrozenRows(sheetIdx: number): number;
-
-		/** This method is used to get the hyperlink data as object from the specified cell in Spreadsheet.
-		 * @param {HTMLElement} Pass the DOM element to get hyperlink
-		 * @returns {any}
-		 */
-		getHyperlink(cell: HTMLElement): any;
-
-		/** This method is used to get all cell elements in the specified range.
-		 * @param {string} Pass the range that you want to get the cells.
-		 * @param {number} Pass the index of the sheet.
-		 * @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
-		 * @returns {HTMLElement}
-		 */
-		getRange(range: string, sheetIdx: number, skipHiddenRow?: boolean): HTMLElement;
-
-		/** This method is used to get the data in specified range in Spreadsheet.
-		 * @param {any} Optional. Pass the range, property, sheetIdx, valueOnly in options.
-		 * @returns {Array<any>}
-		 */
-		getRangeData(options?: any): any[];
-
-		/** This method is used to get the range indices array based on the specified alpha range in Spreadsheet.
-		 * @param {string} Pass the alpha range that you want to get range indices.
-		 * @returns {Array<any>}
-		 */
-		getRangeIndices(range: string): any[];
-
-		/** This method is used to get the sheet details based on the given sheet index in Spreadsheet.
-		 * @param {number} Pass the sheet index to get the sheet object.
-		 * @returns {any}
-		 */
-		getSheet(sheetIdx: number): any;
-
-		/** This method is used to get the sheet content div element of Spreadsheet.
-		 * @param {number} Pass the sheet index to get the sheet content.
-		 * @returns {HTMLElement}
-		 */
-		getSheetElement(sheetIdx: number): HTMLElement;
-
-		/** This method is used to get all the sheets in workbook.
-		 * @returns {Array<any>}
-		 */
-		getSheets(): any[];
-
-		/** This method is used to send a paging request to the specified sheet Index in the Spreadsheet.
-		 * @param {number} Pass the sheet index to perform paging at specified sheet index
-		 * @param {boolean} Pass {{'`true`' | markdownify}} to create a new sheet. If the specified sheet index is already exist, it navigate to that sheet else it create a new sheet.
-		 * @returns {void}
-		 */
-		gotoPage(sheetIdx: number, newSheet: boolean): void;
-
-		/** This method is used to hide the pivot table activationPanel in the Spreadsheet.
-		 * @returns {void}
-		 */
-		hideActivationPanel(): void;
-
-		/** This method is used to hide the entire columns from the specified range (startCol, endCol) in Spreadsheet.
-		 * @param {number} Index of the start column.
-		 * @param {number} Optional. Index of the end column.
-		 * @returns {void}
-		 */
-		hideColumn(startCol: number, endCol: number): void;
-
-		/** This method is used to hide the formula bar in Spreadsheet.
-		 * @returns {void}
-		 */
-		hideFormulaBar(): void;
-
-		/** This method is used to hide the rows, based on the specified row index in Spreadsheet.
-		 * @param {number} Index of the start row.
-		 * @param {number}  Optional. Index of the end row.
-		 * @returns {void}
-		 */
-		hideRow(startRow: number, endRow: number): void;
-
-		/** This method is used to hide the sheet based on the specified sheetIndex or sheet name in the Spreadsheet.
-		 * @param {string|number} Pass the sheet name or index that you want to hide.
-		 * @returns {void}
-		 */
-		hideSheet(sheetIdx: string | number): void;
-
-		/** This method is used to hide the displayed waiting pop-up in Spreadsheet.
-		 * @returns {void}
-		 */
-		hideWaitingPopUp(): void;
-
-		/** This method is used to insert a column before the active cell's column in the Spreadsheet.
-		 * @param {number} Pass start column.
-		 * @param {number} Pass end column.
-		 * @returns {void}
-		 */
-		insertEntireColumn(startCol: number, endCol: number): void;
-
-		/** This method is used to insert a row before the active cell's row in the Spreadsheet.
-		 * @param {number} Pass start row.
-		 * @param {number} Pass end row.
-		 * @returns {void}
-		 */
-		insertEntireRow(startRow: number, endRow: number): void;
-
-		/** This method is used to insert a new sheet to the left of the current active sheet.
-		 * @returns {void}
-		 */
-		insertSheet(): void;
-
-		/** This method is used to insert cells in the selected or specified range and shift remaining cells to bottom.
-		 * @param {any} Row index and column index of the start cell.
-		 * @param {any} Row index and column index of the end cell.
-		 * @returns {void}
-		 */
-		insertShiftBottom(startCell: any, endCell: any): void;
-
-		/** This method is used to insert cells in the selected or specified range and shift remaining cells to right.
-		 * @param {any} Row index and column index of the start cell.
-		 * @param {any} Row index and column index of the end cell.
-		 * @returns {void}
-		 */
-		insertShiftRight(startCell: any, endCell: any): void;
-
-		/** This method is used to import excel file manually by using form data.
-		 * @param {any} Pass the form data object to import files manually.
-		 * @returns {void}
-		 */
-		import(importRequest: any): void;
-
-		/** This method is used to load JSON data in Spreadsheet.
-		 * @param {any} Pass the response that you want to load.
-		 * @returns {void}
-		 */
-		loadFromJSON(response: any): void;
-
-		/** This method is used to lock/unlock the range of cells in active sheet. Lock cells are activated only after the sheet is protected. Once the sheet is protected it is unable to lock/unlock cells.
-		 * @param {string|Array<any>} Pass the alpha range cells or array range of cells.
-		 * @param {string} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} locked cells are unlocked.
-		 * @returns {void}
-		 */
-		lockCells(range: string | any[], isLocked?: string): void;
-
-		/** This method is used to merge cells by across in the Spreadsheet.
-		 * @param {string} Optional. To pass the cell range or selected cells are process.
-		 * @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
-		 * @returns {void}
-		 */
-		mergeAcrossCells(range?: string, alertStatus?: boolean): void;
-
-		/** This method is used to merge the selected cells in the Spreadsheet.
-		 * @param {string|Array<any>} Optional. To pass the cell range or selected cells are process.
-		 * @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
-		 * @returns {void}
-		 */
-		mergeCells(range?: string | any[], alertStatus?: boolean): void;
-
-		/** This method is used to select a cell or range in the Spreadsheet.
-		 * @param {any} Pass the start cell to perform selection.
-		 * @param {any} Pass the end cell to perform selection.
-		 * @returns {void}
-		 */
-		performSelection(startCell: any, endCell: any): void;
-
-		/** This method is used to protect or unprotect active sheet.
-		 * @param {boolean} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} active sheet is unprotected.
-		 * @returns {void}
-		 */
-		protectSheet(isProtected?: boolean): void;
-
-		/** This method is used to refresh the content in Spreadsheet.
-		 * @param {number} Pass the index of the sheet.
-		 * @returns {void}
-		 */
-		refreshContent(sheetIdx: number): void;
-
-		/** This method is used to refresh the Spreadsheet.
-		 * @returns {void}
-		 */
-		refreshSpreadsheet(): void;
-
-		/** This method is used to remove custom formulae in Spreadsheet.
-		 * @param {string} Pass the name of the formula.
-		 * @param {string} Pass the name of the function.
-		 * @returns {void}
-		 */
-		removeCustomFormula(formulaName: string, functionName: string): void;
-
-		/** This method is used to remove the hyperlink from selected cells of current sheet.
-		 * @param {string} Hyperlink remove from the specified range.
-		 * @param {boolean} Optional. If it is {{'`true`' | markdownify}}, It will clear link only not format.
-		 * @param {boolean} Optional. Pass the status to perform undo and redo operations.
-		 * @param {any} Optional. Pass the cells that you want to remove hyperlink.
-		 * @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
-		 * @returns {void}
-		 */
-		removeHyperlink(range: string, isClearHLink?: boolean, status?: boolean, cells?: any, skipHiddenRow?: boolean): void;
-
-		/** This method is used to remove the range data and its defined rangeSettings property based on the specified range name.
-		 * @param {string} Pass the defined rangeSetting property name.
-		 * @returns {void}
-		 */
-		removeRange(rangeName: string): void;
-
-		/** This method is used to remove the readonly option for the specified range.
-		 * @param {string|Array<any>} Pass the range.
-		 * @returns {void}
-		 */
-		removeReadOnly(range?: string | any[]): void;
-
-		/** This method is used to save JSON data in Spreadsheet.
-		 * @returns {any}
-		 */
-		saveAsJSON(): any;
-
-		/** This method is used to save batch changes in Spreadsheet.
-		 * @param {number} Pass the sheet index for Spreadsheet.
-		 * @returns {void}
-		 */
-		saveBatchChanges(sheetIdx: number): void;
-
-		/** This method is used to set the active cell in the Spreadsheet.
-		 * @param {number} Pass the row index.
-		 * @param {number} Pass the column index.
-		 * @param {number} Pass the index of the sheet.
-		 * @returns {void}
-		 */
-		setActiveCell(rowIdx: number, colIdx: number, sheetIdx: number): void;
-
-		/** This method is used to set active sheet index for the Spreadsheet.
-		 * @param {number} Pass the active sheet index for Spreadsheet.
-		 * @returns {void}
-		 */
-		setActiveSheetIndex(sheetIdx: number): void;
-
-		/** This method is used to set border for the specified range of cells in the Spreadsheet.
-		 * @param {any} Pass the border properties that you want to set.
-		 * @param {string} Optional. If range is specified, it will set border for the specified range else it will use the selected range.
-		 * @returns {void}
-		 */
-		setBorder(property: any, range?: string): void;
-
-		/** This method is used to set the height for the rows in the Spreadsheet.
-		 * @param {Array<any>|any} Pass the row index and height of the rows.
-		 * @returns {void}
-		 */
-		setHeightToRows(heightColl: any[] | any): void;
-
-		/** This method is used to set the hyperlink in selected cells of the current sheet.
-		 * @param {string|Array<any>} If range is specified, it will set the hyperlink in range of the cells.
-		 * @param {any} Pass cellAddress or webAddress
-		 * @param {number} If we pass cellAddress then which sheet to be navigate in the applied link.
-		 * @returns {void}
-		 */
-		setHyperlink(range: string | any[], link: any, sheetIdx: number): void;
-
-		/** This method is used to set the readonly option for the specified range.
-		 * @param {string|Array<any>} Pass the range.
-		 * @returns {void}
-		 */
-		setReadOnly(range?: string | any[]): void;
-
-		/** This method is used to set the focus to the Spreadsheet.
-		 * @returns {void}
-		 */
-		setSheetFocus(): void;
-
-		/** This method is used to set the width for the columns in the Spreadsheet.
-		 * @param {Array<any>|any} Pass the column index and width of the columns.
-		 * @returns {void}
-		 */
-		setWidthToColumns(widthColl: any[] | any): void;
-
-		/** This method is used to rename the active sheet.
-		 * @param {string} Pass the sheet name that you want to change the current active sheet name.
-		 * @returns {void}
-		 */
-		sheetRename(sheetName: string): void;
-
-		/** This method is used to display the activationPanel for the specified range name.
-		 * @param {string} Pass the range name that you want to display the activation panel.
-		 * @returns {void}
-		 */
-		showActivationPanel(rangeName: string): void;
-
-		/** This method is used to show the hidden columns within the specified range in the Spreadsheet.
-		 * @param {number} Index of the start column.
-		 * @param {number} Optional. Index of the end column.
-		 * @returns {void}
-		 */
-		showColumn(startColIdx: number, endColIdx: number): void;
-
-		/** This method is used to show the formula bar in Spreadsheet.
-		 * @returns {void}
-		 */
-		showFormulaBar(): void;
-
-		/** This method is used to show/hide gridlines in active sheet in the Spreadsheet.
-		 * @param {boolean} Pass {{'`true`' | markdownify}} to show the gridlines
-		 * @returns {void}
-		 */
-		showGridlines(status: boolean): void;
-
-		/** This method is used to show/hide the headers in active sheet in the Spreadsheet.
-		 * @param {boolean} Pass {{'`true`' | markdownify}} to show the sheet headers.
-		 * @returns {void}
-		 */
-		showHeadings(startRow: boolean): void;
-
-		/** This method is used to show/hide pager in the Spreadsheet.
-		 * @param {boolean} Pass {{'`true`' | markdownify}} to show pager.
-		 * @returns {void}
-		 */
-		showPager(status: boolean): void;
-
-		/** This method is used to show the hidden rows in the specified range in the Spreadsheet.
-		 * @param {number} Index of the start row.
-		 * @param {number} Optional. Index of the end row.
-		 * @returns {void}
-		 */
-		showRow(startRow: number, endRow: number): void;
-
-		/** This method is used to show waiting pop-up in Spreadsheet.
-		 * @returns {void}
-		 */
-		showWaitingPopUp(): void;
-
-		/** This method is used to unhide the sheet based on specified sheet name or sheet index.
-		 * @param {string|number} Pass the sheet name or index that you want to unhide.
-		 * @returns {void}
-		 */
-		unhideSheet(sheetInfo: string | number): void;
-
-		/** This method is used to unmerge the selected range of cells in the Spreadsheet.
-		 * @param {string} Optional. If the range is specified, then it will un merge the specified range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		unmergeCells(range?: string): void;
-
-		/** This method is used to unwrap the selected range of cells in the Spreadsheet.
-		 * @param {Array<any>|string} Optional. If the range is specified, then it will update unwrap in the specified range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		unWrapText(range?: any[] | string): void;
-
-		/** This method is used to update the data for the specified range of cells in the Spreadsheet.
-		 * @param {any} Pass the cells data that you want to update.
-		 * @param {Array<any>|string} Optional. If range is specified, it will update data for the specified range  else it will use the current selected range.
-		 * @returns {void}
-		 */
-		updateData(data: any, range?: any[] | string): void;
-
-		/** This method is used to update the formula bar in the Spreadsheet.
-		 * @returns {void}
-		 */
-		updateFormulaBar(): void;
-
-		/** This method is used to update the range of cells based on the specified settings which we want to update in the Spreadsheet.
-		 * @param {number} Pass the sheet index that you want to update.
-		 * @param {any} Pass the dataSource, startCell and showHeader values as settings.
-		 * @returns {void}
-		 */
-		updateRange(sheetIdx: number, settings: any): void;
-
-		/** This method is used to update the details for custom undo and redo operations.
-		 * @param {any} Pass the details to update undo and redo collection
-		 * @returns {void}
-		 */
-		updateUndoRedoCollection(details: any): void;
-
-		/** This method is used to update the unique data for the specified range of cells in Spreadsheet.
-		 * @param {any} Pass the  data that you want to update in the particular range
-		 * @param {Array<any>|string} Optional. If range is specified, it will update data for the specified range else it will use the current selected range.
-		 * @param {any} Optional. It specifies whether to skip element processing or not.
-		 * @returns {void}
-		 */
-		updateUniqueData(data: any, range?: any[] | string, skipCell?: any): void;
-
-		/** This method is used to wrap the selected range of cells in the Spreadsheet.
-		 * @param {Array<any>|string} Optional. If the range is specified, then it will update wrap in the specified  range else it will use the current selected range.
-		 * @returns {void}
-		 */
-		wrapText(range?: any[] | string): void;
-
-		XLCellType: Spreadsheet.XLCellType;
-
-		XLCFormat: Spreadsheet.XLCFormat;
-
-		XLChart: Spreadsheet.XLChart;
-
-		XLClipboard: Spreadsheet.XLClipboard;
-
-		XLComment: Spreadsheet.XLComment;
-
-		XLCMenu: Spreadsheet.XLCMenu;
-
-		XLDragDrop: Spreadsheet.XLDragDrop;
-
-		XLDragFill: Spreadsheet.XLDragFill;
-
-		XLEdit: Spreadsheet.XLEdit;
-
-		XLExport: Spreadsheet.XLExport;
-
-		/** This method is used to get the export properties in the Spreadsheet.
-		 * @returns {any}
-		 */
-		getExportProps(): any;
-
-		XLFilter: Spreadsheet.XLFilter;
-
-		XLFormat: Spreadsheet.XLFormat;
-
-		XLFreeze: Spreadsheet.XLFreeze;
-
-		/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
-		 * @returns {void}
-		 */
-		unfreezePanes(): void;
-
-		XLPivot: Spreadsheet.XLPivot;
-
-		XLPrint: Spreadsheet.XLPrint;
-
-		XLResize: Spreadsheet.XLResize;
-
-		XLRibbon: Spreadsheet.XLRibbon;
-
-		XLSearch: Spreadsheet.XLSearch;
-
-		XLSelection: Spreadsheet.XLSelection;
-
-		XLShape: Spreadsheet.XLShape;
-
-		XLSort: Spreadsheet.XLSort;
-
-		XLValidate: Spreadsheet.XLValidate;
-	}
-	export namespace Spreadsheet {
-
-		export interface XLCellType {
-
-			/** This method is used to set a cell type from the specified range of cells in the spreadsheet.
-			 * @param {string} Pass the range where you want apply cell type.
-			 * @param {any} Pass type of cell type and its settings.
-			 * @param {number} Optional. Pass sheet index.
-			 * @returns {void}
-			 */
-			addCellTypes(range: string, settings: any, sheetIdx: number): void;
-
-			/** This method is used to remove cell type from the specified range of cells in the Spreadsheet.
-			 * @param {string|Array<any>} Pass the range where you want remove cell type.
-			 * @param {number} Optional. Pass sheet index.
-			 * @returns {void}
-			 */
-			removeCellTypes(range: string | any[], sheetIdx: number): void;
-		}
-
-		export interface XLCFormat {
-
-			/** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
-			 * @param {Array<any>|string} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
-			 * @returns {void}
-			 */
-			clearCF(range: any[] | string): void;
-
-			/** This method is used to get the applied conditional formatting rules as array of objects based on the specified row Index and column Index in the Spreadsheet.
-			 * @param {number} Pass the row index.
-			 * @param {number} Pass the column index.
-			 * @returns {Array<any>}
-			 */
-			getCFRule(rowIdx: number, colIdx: number): any[];
-
-			/** This method is used to set the conditional formatting rule in the Spreadsheet.
-			 * @param {any} Pass the rule to set.
-			 * @returns {void}
-			 */
-			setCFRule(rule: any): void;
-		}
-
-		export interface XLChart {
-
-			/** This method is used to change the theme of the chart in the Spreadsheet.
-			 * @param {string} Pass the chart id.
-			 * @param {ej.datavisualization.Chart.Theme} Pass the chart theme which want to update.
-			 * @returns {void}
-			 */
-			changeTheme(chartId: string, theme: ej.datavisualization.Chart.Theme): void;
-
-			/** This method is used to change the type of the chart in the Spreadsheet.
-			 * @param {string} Pass the chart id.
-			 * @param {any} Pass the chart type.
-			 * @returns {void}
-			 */
-			changeType(chartId: string, option: any): void;
-
-			/** This method is used to change the data range of the chart in the Spreadsheet.
-			 * @param {string} Pass the chart id.
-			 * @param {string} X axis range of chart data.
-			 * @param {string} Y axis range of chart data.
-			 * @param {string} Legend range of chart data.
-			 * @returns {void}
-			 */
-			changeDataRange(chartId: string, xRange: string, yRange: string, lRange: string): void;
-
-			/** This method is used to create a chart for specified range in Spreadsheet.
-			 * @param {string|Array<any>} Optional. If range is specified, it will create chart for the specified range else it will use the current selected range.
-			 * @param {any} Optional. To pass the type of chart and chart name.
-			 * @returns {void}
-			 */
-			createChart(range: string | any[], options: any): void;
-
-			/** This method is used to refresh the chart in the Spreadsheet.
-			 * @param {string} To pass the chart Id.
-			 * @param {any} To pass the type of chart and chart name.
-			 * @returns {void}
-			 */
-			refreshChart(id: string, options: any): void;
-
-			/** This method is used to resize the chart of specified id in the Spreadsheet.
-			 * @param {string} To pass the chart id.
-			 * @param {number} To pass height value.
-			 * @param {number} To pass the width value.
-			 * @returns {void}
-			 */
-			resizeChart(id: string, height: number, width: number): void;
-
-			/** This method is used to update the chart element, such as axes, titles, data labels, grid lines and legends in the Spreadsheet.
-			 * @param {string} Pass the chart id.
-			 * @param {ej.Spreadsheet.ChartProperties} Pass chart element value which you want to update.
-			 * @returns {void}
-			 */
-			updateChartElement(chartId: string, value: ej.Spreadsheet.ChartProperties): void;
-
-			/** This method is used switch row to columns and vice versa for chart in the Spreadsheet. So that the data is displayed in the chart the way you want.
-			 * @param {string} Pass the chart id.
-			 * @returns {void}
-			 */
-			switchRowColumn(chartId: string): void;
-		}
-
-		export interface XLClipboard {
-
-			/** This method is used to copy the selected cells in the Spreadsheet.
-			 * @returns {void}
-			 */
-			copy(): void;
-
-			/** This method is used to cut the selected cells in the Spreadsheet.
-			 * @returns {void}
-			 */
-			cut(): void;
-
-			/** This method is used to paste the cut or copied cells data in the Spreadsheet.
-			 * @returns {void}
-			 */
-			paste(): void;
-		}
-
-		export interface XLComment {
-
-			/** This method is used to delete the comment in the specified range in Spreadsheet.
-			 * @param {Array<any>|string} Optional. If range is specified, it will delete comments for the specified range else it will use the current selected range.
-			 * @param {number} Optional. If sheetIdx is specified, it will delete comment in specified sheet else it will use active sheet.
-			 * @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows data.
-			 * @returns {void}
-			 */
-			deleteComment(range: any[] | string, sheetIdx: number, skipHiddenRow: boolean): void;
-
-			/** This method is used to edit the comment in the target Cell in Spreadsheet.
-			 * @param {any} Optional. Pass the row index and column index of the cell which contains comment.
-			 * @returns {void}
-			 */
-			editComment(targetCell: any): void;
-
-			/** This method is used to find the next comment from the active cell in Spreadsheet.
-			 * @returns {boolean}
-			 */
-			findNextComment(): boolean;
-
-			/** This method is used to find the previous comment from the active cell in Spreadsheet.
-			 * @returns {boolean}
-			 */
-			findPrevComment(): boolean;
-
-			/** This method is used to get comment data for the specified cell.
-			 * @param {HTMLElement} Pass the DOM element to get comment data as object.
-			 * @returns {any}
-			 */
-			getComment(cell: HTMLElement): any;
-
-			/** This method is used to set new comment in Spreadsheet.
-			 * @param {string|Array<any>} Optional. If we pass the range comment will set in the range otherwise it will set with selected cells.
-			 * @param {string} Optional. Pass the comment data.
-			 * @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show comment in edit mode
-			 * @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show the user name
-			 * @returns {void}
-			 */
-			setComment(range: string | any[], data: string, showEditPanel: boolean, showUserName: boolean): void;
-
-			/** This method is used to show all the comments in the Spreadsheet.
-			 * @returns {void}
-			 */
-			showAllComments(): void;
-
-			/** This method is used to show or hide the specific comment in the Spreadsheet.
-			 * @param {HTMLElement} Optional. Pass the cell DOM element to show or hide its comment. If pass empty argument active cell will processed.
-			 * @returns {void}
-			 */
-			showHideComment(targetCell: HTMLElement): void;
-		}
-
-		export interface XLCMenu {
-
-			/** This method is used to dynamically add items in the context menu.
-			 * @param {string} Specifies the context menu type in which the item to be inserted.
-			 * @param {Array<any>} Pass the items to be inserted
-			 * @param {string} Specifies the type of operation to be performed
-			 * @returns {void}
-			 */
-			addItem(target: string, itemColl: any[], operation: string): void;
-
-			/** This method is used to change data source in the context menu.
-			 * @param {string} Specifies the context menu type to bind the data source.
-			 * @param {Array<any>} Pass the data source to be binded
-			 * @returns {void}
-			 */
-			changeDataSource(target: string, data: any[]): void;
-
-			/** This method is used to disable the items in the context menu.
-			 * @param {string} Specifies the context menu type in which the item to be disabled.
-			 * @param {Array<any>} Specifies the Menu Item id collection to be disabled
-			 * @returns {void}
-			 */
-			disableItem(target: string, idxColl: any[]): void;
-
-			/** This method is used to enable the items in the context menu.
-			 * @param {string} Specifies the context menu type in which the item to be enabled.
-			 * @param {Array<any>} Specifies the Menu Item id collection to be enabled
-			 * @returns {void}
-			 */
-			enableItem(target: string, idxColl: any[]): void;
-
-			/** This method is used to remove the items in the context menu.
-			 * @param {string} Specifies the context menu type in which the item to be removed.
-			 * @param {Array<any>} Specifies the Menu Item id collection to be removed
-			 * @returns {void}
-			 */
-			removeItem(target: string, idxColl: any[]): void;
-		}
-
-		export interface XLDragDrop {
-
-			/** This method is used to drag and drop the selected range of cells to destination range in the Spreadsheet.
-			 * @param {any|Array<any>} Pass the source range to perform drag and drop.
-			 * @param {any|Array<any>} Pass the destination range to drop the dragged cells.
-			 * @returns {void}
-			 */
-			moveRangeTo(sourceRange: any | any[], destinationRange: any | any[]): void;
-		}
-
-		export interface XLDragFill {
-
-			/** This method is used to perform auto fill in Spreadsheet.
-			 * @param {any} Pass the options to perform auto fill in Spreadsheet.
-			 * @returns {void}
-			 */
-			autoFill(options: any): void;
-
-			/** This method is used to hide the auto fill element in the Spreadsheet.
-			 * @returns {void}
-			 */
-			hideAutoFillElement(): void;
-
-			/** This method is used to hide the auto fill options in the Spreadsheet.
-			 * @returns {void}
-			 */
-			hideAutoFillOptions(): void;
-
-			/** This method is used to set position of the auto fill element in the Spreadsheet.
-			 * @param {boolean} Pass the isDragFill option as {{'`boolean`' | markdownify}} value to show auto fill options in Spreadsheet.
-			 * @returns {void}
-			 */
-			positionAutoFillElement(isDragFill: boolean): void;
-		}
-
-		export interface XLEdit {
-
-			/** This method is used to calculate formulas in the specified sheet.
-			 * @param {number} Optional. If sheet index is specified, then it will calculate formulas in the specified sheet only else it will calculate formulas in all sheets.
-			 * @returns {void}
-			 */
-			calcNow(sheetIdx: number): void;
-
-			/** This method is used to edit a particular cell based on the row index and column index in the Spreadsheet.
-			 * @param {number} Pass the row index to edit particular cell.
-			 * @param {number} Pass the column index to edit particular cell.
-			 * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to maintain previous cell value.
-			 * @returns {void}
-			 */
-			editCell(rowIdx: number, colIdx: number, oldData: boolean): void;
-
-			/** This method is used to get the property value of particular cell, based on the row and column index in the Spreadsheet.
-			 * @param {number} Pass the row index to get the property value.
-			 * @param {number} Pass the column index to get the property value.
-			 * @param {string} Optional. Pass the property name that you want("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture",
-			 *          "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader",  "filterState", "tableName", "comment", "formatStr",
-			 *          "decimalPlaces", "cellType").
-			 * @param {number} Optional. Pass the index of the sheet.
-			 * @returns {any|string|Array<any>}
-			 */
-			getPropertyValue(rowIdx: number, colIdx: number, prop: string, sheetIdx: number): any | string | any[];
-
-			/** This method is used to get the property value in specified cell in Spreadsheet.
-			 * @param {HTMLElement} Pass the cell element to get property value.
-			 * @param {string} Pass the property name that you want ("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border",
-			 *          "picture", "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader", "filterState", "tableName",
-			 *          "comment", "formatStr", "decimalPlaces", "cellType").
-			 * @param {number} Pass the index of sheet.
-			 * @returns {any|string|Array<any>}
-			 */
-			getPropertyValueByElem(elem: HTMLElement, property: string, sheetIdx: number): any | string | any[];
-
-			/** This method is used to save the edited cell value in the Spreadsheet.
-			 * @returns {void}
-			 */
-			saveCell(): void;
-
-			/** This method is used to update a particular cell value in the Spreadsheet.
-			 * @param {any} Pass row index and column index of the cell.
-			 * @param {string|number} Pass the cell value.
-			 * @returns {void}
-			 */
-			updateCell(cell: any, value: string | number): void;
-
-			/** This method is used to update a particular cell value and its format in the Spreadsheet.
-			 * @param {any} Pass row index and column index of the cell.
-			 * @param {string|number} Pass the cell value.
-			 * @param {string} Pass the class name to update format.
-			 * @param {number} Pass sheet index.
-			 * @returns {void}
-			 */
-			updateCellValue(cellIdx: any, val: string | number, formatClass: string, sheetIdx: number): void;
-		}
-
-		export interface XLExport {
-
-			/** This method is used to save the sheet data as Excel ,CSV or PDF document (.xls, .xlsx .csv, .pdf) in Spreadsheet.
-			 * @param {string} Pass the export type that you want.
-			 * @returns {void}
-			 */
-			export(type: string): void;
-
-			/** This method is used to get the export properties in the Spreadsheet.
-			 * @returns {any}
-			 */
-			getExportProps(): any;
-		}
-
-		export interface XLFilter {
-
-			/** This method is used to clear the filter in filtered columns in the Spreadsheet.
-			 * @returns {void}
-			 */
-			clearFilter(): void;
-
-			/** This method is used to apply filter for the selected range of cells in the Spreadsheet.
-			 * @param {string|Array<any>} Pass the range of the selected cells.
-			 * @returns {void}
-			 */
-			filter(range: string | any[]): void;
-
-			/** This method is used to apply filter for the column by active cell's value in the Spreadsheet.
-			 * @returns {void}
-			 */
-			filterByActiveCell(): void;
-		}
-
-		export interface XLFormat {
-
-			/** This method is used to add the font to the Ribbon font family dropdown.
-			 * @param {string} Font name which needs to add into the font family option.
-			 * @returns {void}
-			 */
-			addFontFamily(fontName: string): void;
-
-			/** This method is used to convert table range to normal range.
-			 * @param {any} Pass the sheet index and table id.
-			 * @returns {void}
-			 */
-			convertToRange(options: any): void;
-
-			/** This method is used to create a table for the selected range of cells in the Spreadsheet.
-			 * @param {any} Pass the table object.
-			 * @param {string|Array<any>} Optional. If the range is specified, then it will create table in the specified range else it will use the current selected range.
-			 * @returns {string}
-			 */
-			createTable(tableObject: any, range: string | any[]): string;
-
-			/** This method is used to set format style and values in a cell or range of cells.
-			 * @param {any} Pass the formatObject which contains style, type, format, groupSeparator and decimalPlaces.
-			 * @param {string} Pass the range to format cells.
-			 * @returns {void}
-			 */
-			format(formatObj: any, range: string): void;
-
-			/** This method is used to remove the font from the Ribbon font family dropdown.
-			 * @param {string} Font name which needs to remove from the font family drop down.
-			 * @returns {void}
-			 */
-			removeFontFamily(fontName: string): void;
-
-			/** This method is used to remove the style in the specified range.
-			 * @param {Array<any>|string} Pass the cell range .
-			 * @param {any} Optional. Pass the options for which the style gets removed.
-			 * @returns {void}
-			 */
-			removeStyle(range: any[] | string, options: any): void;
-
-			/** This method is used to remove table with specified tableId in the Spreadsheet.
-			 * @param {number} Pass the tableId that you want to remove.
-			 * @returns {void}
-			 */
-			removeTable(tableId: number): void;
-
-			/** This method is used to update the decimal places for numeric value for the selected range of cells in the Spreadsheet.
-			 * @param {string} Pass the decimal places type in IncreaseDecimal/DecreaseDecimal.
-			 * @param {string|Array<any>} Pass the range.
-			 * @returns {void}
-			 */
-			updateDecimalPlaces(type: string, range: string | any[]): void;
-
-			/** This method is used to update the format for the selected range of cells in the Spreadsheet.
-			 * @param {any} Pass the format object that you want to update.
-			 * @param {Array<any>} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range.
-			 * @returns {void}
-			 */
-			updateFormat(formatObj: any, range: any[]): void;
-
-			/** This method is used to update the unique format for selected range of cells in the Spreadsheet.
-			 * @param {string} Pass the unique format class.
-			 * @param {Array<any>} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range.
-			 * @returns {void}
-			 */
-			updateUniqueFormat(formatClass: string, range: any[]): void;
-		}
-
-		export interface XLFreeze {
-
-			/** This method is used to freeze columns upto the specified column index in the Spreadsheet.
-			 * @param {number} Index of the column to be freeze.
-			 * @returns {void}
-			 */
-			freezeColumns(colIdx: number): void;
-
-			/** This method is used to freeze the first column in the Spreadsheet.
-			 * @returns {void}
-			 */
-			freezeLeftColumn(): void;
-
-			/** This method is used to freeze rows and columns before the specified cell in the Spreadsheet.
-			 * @param {number} Index of the row to be freeze.
-			 * @param {number} Index of the column to be freeze.
-			 * @returns {void}
-			 */
-			freezePanes(rowIdx: number, colIdx: number): void;
-
-			/** This method is used to freeze rows upto the specified row index in the Spreadsheet.
-			 * @param {number} Index of the row to be freeze.
-			 * @returns {void}
-			 */
-			freezeRows(rowIdx: number): void;
-
-			/** This method is used to freeze the top row in the Spreadsheet.
-			 * @returns {void}
-			 */
-			freezeTopRow(): void;
-
-			/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
-			 * @returns {void}
-			 */
-			unfreezePanes(): void;
-		}
-
-		export interface XLPivot {
-
-			/** This property is used to clear the pivot table list in Spreadsheet.
-			 * @param {string} Pass the name of the pivot table.
-			 * @returns {void}
-			 */
-			clearPivotFieldList(pivotName: string): void;
-
-			/** This method is used to create pivot table.
-			 * @param {string} It specifies the range for which the pivot table is created.
-			 * @param {string} It specifies the location in which the pivot table is created.
-			 * @param {string} It specifies the name of the pivot table.
-			 * @param {any} Pass the pivot table settings.
-			 * @param {any} Pass the pivot range, sheet index, address and data source .
-			 * @returns {string}
-			 */
-			createPivotTable(range: string, location: string, name: string, settings: any, pvt: any): string;
-
-			/** This method is used to delete the pivot table which is selected.
-			 * @param {string} Pass the name of the pivot table.
-			 * @returns {void}
-			 */
-			deletePivotTable(pivotName: string): void;
-
-			/** This method is used to refresh data in pivot table.
-			 * @param {string} Optional. Pass the name of the pivot table.
-			 * @param {number} Optional. Pass the index of the sheet.
-			 * @returns {void}
-			 */
-			refreshDataSource(name: string, sheetIdx: number): void;
-		}
-
-		export interface XLPrint {
-
-			/** This method is used to print the selected contents in the Spreadsheet.
-			 * @returns {void}
-			 */
-			printSelection(): void;
-
-			/** This method is used to print the entire contents in the active sheet.
-			 * @returns {void}
-			 */
-			printSheet(): void;
-		}
-
-		export interface XLResize {
-
-			/** This method is used to fit the height of rows in the Spreadsheet.
-			 * @param {Array<any>} Optional. Pass row index collection that you want to fit its height.
-			 * @returns {void}
-			 */
-			fitHeight(rowIndexes: any[]): void;
-
-			/** This method is used to fit the width of columns in the Spreadsheet.
-			 * @param {Array<any>} Optional. Pass column index collection that you want to fit its width.
-			 * @returns {void}
-			 */
-			fitWidth(colIndexes: any[]): void;
-
-			/** This method is used to get the column width of the specified column index in the Spreadsheet.
-			 * @param {number} Pass the column index.
-			 * @returns {number}
-			 */
-			getColWidth(colIdx: number): number;
-
-			/** This method is used to get the row height of the specified row index in the Spreadsheet.
-			 * @param {number} Pass the row index which you want to find its height.
-			 * @returns {number}
-			 */
-			getRowHeight(rowIdx: number): number;
-
-			/** This method is used to set the column width of the specified column index in the Spreadsheet.
-			 * @param {number} Pass the column index.
-			 * @param {number} Pass the width value that you want to set.
-			 * @returns {void}
-			 */
-			setColWidth(colIdx: number, size: number): void;
-
-			/** This method is used to set the row height of the specified row index in the Spreadsheet.
-			 * @param {number} Pass the row index.
-			 * @param {number} Pass the height value that you want to set.
-			 * @returns {void}
-			 */
-			setRowHeight(rowIdx: number, size: number): void;
-		}
-
-		export interface XLRibbon {
-
-			/** This method is used to add a new item in the backstage.
-			 * @param {any} Specifies the item to be added in the backstage.
-			 * @param {number} pass the index of the item to be added in the backstage.
-			 * @returns {void}
-			 */
-			addBackStageItem(pageItem: any, index: number): void;
-
-			/** This method is used to dynamically add the contextual tabs in the ribbon.
-			 * @param {any} Specifies the contextual tab set object.
-			 * @param {number} pass the index of the contextual tab.
-			 * @returns {void}
-			 */
-			addContextualTabs(contextualTabSet: any, index: number): void;
-
-			/** This method is used to dynamically add the menu item in the file menu.
-			 * @param {Array<any>} Specifies the item to be added
-			 * @param {number} pass the index of the menu item.
-			 * @returns {void}
-			 */
-			addMenuItem(item: any[], index: number): void;
-
-			/** This method is used to add a new name in the Spreadsheet name manager.
-			 * @param {string} Pass the name that you want to define in name manager.
-			 * @param {string} Pass the cell reference.
-			 * @param {string} Optional. Pass comment, if you want.
-			 * @param {number} Optional. Pass the sheet index.
-			 * @returns {void}
-			 */
-			addNamedRange(name: string, refersTo: string, comment: string, sheetIdx: number): void;
-
-			/** This method is used to dynamically add the tab in the ribbon.
-			 * @param {Array<any>} Specifies the text to be displayed in the tab.
-			 * @param {number} pass the groups to be displayed in the ribbon tab.
-			 * @param {number} pass the index of the tab.
-			 * @returns {void}
-			 */
-			addTab(tabText: any[], ribbonGroups: number, index: number): void;
-
-			/** This method is used to dynamically add the tab group in the ribbon.
-			 * @param {number} Specifies the ribbon tab index.
-			 * @param {any} pass the groups to be displayed in the ribbon tab.
-			 * @param {number} pass the index of the ribbon group.
-			 * @returns {void}
-			 */
-			addTabGroup(tabIndex: number, tabGroup: any, groupIndex: number): void;
-
-			/** This method is used to insert the few type (SUM, MAX, MIN, AVG, COUNT) of formulas in the selected range of cells in the Spreadsheet.
-			 * @param {string} To pass the type("SUM","MAX","MIN","AVG","COUNT").
-			 * @param {string|Array<any>} If range is specified, it will apply auto sum for the specified range else it will use the current selected range.
-			 * @returns {void}
-			 */
-			autoSum(type: string, range: string | any[]): void;
-
-			/** This method is used to hide the file menu in the ribbon tab.
-			 * @returns {void}
-			 */
-			hideMenu(): void;
-
-			/** This method is used to remove the item from the backstage in the spreadsheet.
-			 * @param {number} Specifies the index of the item to be removed from backstage.
-			 * @returns {void}
-			 */
-			removeBackStageItem(index: number): void;
-
-			/** This method is used to remove the menu item form file menu in spreadsheet.
-			 * @param {number} Specifies the index of the item to be removed from the file menu.
-			 * @returns {void}
-			 */
-			removeMenuItem(index: number): void;
-
-			/** This method is used to delete the defined name in the Spreadsheet name manager.
-			 * @param {string} Pass the defined name that you want to remove from name manager.
-			 * @returns {void}
-			 */
-			removeNamedRange(name: string): void;
-
-			/** This method is used to remove the tab form ribbon in the spreadsheet.
-			 * @param {number} Specifies the index of the tab to be removed from the ribbon.
-			 * @param {boolean} pass the boolean value to remove the tab from ribbon
-			 * @returns {void}
-			 */
-			removeTab(index: number, isRemoveMenu: boolean): void;
-
-			/** This method is used to remove the tab group form ribbon in the spreadsheet.
-			 * @param {number} Specifies the index of the tab group to be removed from the ribbon.
-			 * @param {string} Specifies the text to be displayed in the tab group
-			 * @returns {void}
-			 */
-			removeTabGroup(tabIndex: number, groupText: string): void;
-
-			/** This method is used to show the file menu in the ribbon tab.
-			 * @returns {void}
-			 */
-			showMenu(): void;
-
-			/** This method is used to update the menu item in the file menu.
-			 * @param {any} Specifies the menu item to be updated in the ribbon
-			 * @param {number} pass the index of the item to be updated
-			 * @returns {void}
-			 */
-			updateMenuItem(item: any, index: number): void;
-
-			/** This method is used to update the ribbon icons in the Spreadsheet.
-			 * @returns {void}
-			 */
-			updateRibbonIcons(): void;
-		}
-
-		export interface XLSearch {
-
-			/** This method is used to find and replace all data by workbook in the Spreadsheet.
-			 * @param {string} Pass the search data.
-			 * @param {string} Pass the replace data.
-			 * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
-			 * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
-			 * @returns {void}
-			 */
-			replaceAllByBook(findData: string, replaceData: string, isCSen: boolean, isEMatch: boolean): void;
-
-			/** This method is used to find and replace all data by sheet in Spreadsheet.
-			 * @param {string} Pass the search data.
-			 * @param {string} Pass the replace data.
-			 * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
-			 * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
-			 * @returns {void}
-			 */
-			replaceAllBySheet(findData: string, replaceData: string, isCSen: boolean, isEMatch: boolean): void;
-		}
-
-		export interface XLSelection {
-
-			/** This method is used to clear the selection of the active sheet in the Spreadsheet.
-			 * @returns {void}
-			 */
-			clearAll(): void;
-
-			/** This method is used to get the selected cells element based on specified sheet index in the Spreadsheet.
-			 * @param {number} Pass the sheet index to get the cells element.
-			 * @returns {HTMLElement}
-			 */
-			getSelectedCells(sheetIdx: number): HTMLElement;
-
-			/** This method is used to refresh the selection in the Spreadsheet.
-			 * @param {Array<any>|string} Optional. Pass range to refresh selection.
-			 * @returns {void}
-			 */
-			refreshSelection(range: any[] | string): void;
-
-			/** This method is used to select a single column in the Spreadsheet.
-			 * @param {number} Pass the column index value.
-			 * @returns {void}
-			 */
-			selectColumn(colIdx: number): void;
-
-			/** This method is used to select entire columns in a specified range (start index and end index) in the Spreadsheet.
-			 * @param {number} Pass the column start index.
-			 * @param {number} Pass the column end index.
-			 * @returns {void}
-			 */
-			selectColumns(startIdx: number, endIdx: number): void;
-
-			/** This method is used to select the specified range of cells in the Spreadsheet.
-			 * @param {string} Pass range which want to select.
-			 * @returns {void}
-			 */
-			selectRange(range: string): void;
-
-			/** This method is used to select a single row in the Spreadsheet.
-			 * @param {number} Pass the row index value.
-			 * @returns {void}
-			 */
-			selectRow(rowIdx: number): void;
-
-			/** This method is used to select entire rows in a specified range (start index and end index) in the Spreadsheet.
-			 * @param {number} Pass the start row index.
-			 * @param {number} Pass the end row index.
-			 * @returns {void}
-			 */
-			selectRows(startIdx: number, endIdx: number): void;
-
-			/** This method is used to select all cells in active sheet.
-			 * @returns {void}
-			 */
-			selectSheet(): void;
-		}
-
-		export interface XLShape {
-
-			/** This method is used to set a picture in the Spreadsheet.
-			 * @param {string} Pass the range of the cell.
-			 * @param {string} Pass the path of the specified image.
-			 * @param {number} Optional. Pass the width of the image that you want to set.
-			 * @param {number} Optional. Pass the height of the image that you want to set.
-			 * @param {number} Optional. Pass the top of the image that you want to set.
-			 * @param {number} Optional. Pass the left of the image that you want to set.
-			 * @returns {string}
-			 */
-			setPicture(range: string, url: string, width: number, height: number, top: number, left: number): string;
-		}
-
-		export interface XLSort {
-
-			/** This method is used to sort a particular range of cells based on its cell or font color in the Spreadsheet.
-			 * @param {string} Pass {{'`PutCellColor`' | markdownify}} to sort by cell color or {{'`PutFontColor`' | markdownify}} for sort by font color.
-			 * @param {any} Pass the HEX color code to sort.
-			 * @param {string} Pass the range
-			 * @returns {void}
-			 */
-			sortByColor(operation: string, color: any, range: string): void;
-
-			/** This method is used to sort a particular range of cells based on its values in the Spreadsheet.
-			 * @param {Array<any>|string} Pass the range to sort.
-			 * @param {string} Pass the column name.
-			 * @param {any} Pass the direction to sort (ascending or descending).
-			 * @returns {boolean}
-			 */
-			sortByRange(range: any[] | string, columnName: string, direction: any): boolean;
-		}
-
-		export interface XLValidate {
-
-			/** This method is used to apply data validation rules in a selected range of cells based on the defined condition in the Spreadsheet.
-			 * @param {string|Array<any>} If range is specified, it will apply rules for the specified range else it will use the current selected range.
-			 * @param {Array<any>} Pass the validation condition, value1 and value2.
-			 * @param {string} Pass the data type.
-			 * @param {boolean} Pass {{'`true`' | markdownify}} if you ignore blank values.
-			 * @param {boolean} Pass {{'`true`' | markdownify}} if you want to show an error alert.
-			 * @returns {void}
-			 */
-			applyDVRules(range: string | any[], values: any[], type: string, required: boolean, showErrorAlert: boolean): void;
-
-			/** This method is used to clear the applied validation rules in a specified range of cells in the Spreadsheet.
-			 * @param {string|Array<any>} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
-			 * @returns {void}
-			 */
-			clearDV(range: string | any[]): void;
-
-			/** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
-			 * @param {string|Array<any>} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
-			 * @returns {void}
-			 */
-			highlightInvalidData(range: string | any[]): void;
-		}
-
-		export interface Model {
-
-			/** Gets or sets an active sheet index in the Spreadsheet. By defining this value, you can specify which sheet should be active in workbook.
-			 * @Default {1}
-			 */
-			activeSheetIndex?: number;
-
-			/** Gets or sets a value that indicates whether to enable or disable auto rendering of cell type in the Spreadsheet.
-			 * @Default {false}
-			 */
-			allowAutoCellType?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable auto fill feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowAutoFill?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable auto sum feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowAutoSum?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable cell format feature in the Spreadsheet. By enabling this, you can customize styles and number formats.
-			 * @Default {true}
-			 */
-			allowCellFormatting?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable cell type feature in the Spreadsheet.
-			 * @Default {false}
-			 */
-			allowCellType?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable chart feature in the Spreadsheet. By enabling this feature, you can create and customize charts in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowCharts?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable clear feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowClear?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable clipboard feature in the Spreadsheet. By enabling this feature, you can perform cut/copy and paste operations in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowClipboard?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable comment feature in the Spreadsheet. By enabling this, you can add/delete/modify comments in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowComments?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable Conditional Format feature in the Spreadsheet. By enabling this, you can apply formatting to the selected range
-			 * of cells based on the provided conditions (Greater than, Less than, Equal, Between, Contains, etc.).
-			 * @Default {true}
-			 */
-			allowConditionalFormats?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable data validation feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowDataValidation?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable the delete action in the Spreadsheet. By enabling this feature, you can delete existing rows, columns, cells and sheet.
-			 * @Default {true}
-			 */
-			allowDelete?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable drag and drop feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowDragAndDrop?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable the edit action in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowEditing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable filtering feature in the Spreadsheet. Filtering can be used to limit the data displayed using required criteria.
-			 * @Default {true}
-			 */
-			allowFiltering?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable table feature in the Spreadsheet. By enabling this, you can render table in selected range.
-			 * @Default {true}
-			 */
-			allowFormatAsTable?: boolean;
-
-			/** Get or sets a value that indicates whether to enable or disable format painter feature in the Spreadsheet. By enabling this feature, you can copy
-			 * the format from the selected range and apply it to another range.
-			 * @Default {true}
-			 */
-			allowFormatPainter?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable formula bar in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowFormulaBar?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable freeze pane support in Spreadsheet. By enabling this feature, you can use freeze top row,
-			 * freeze first column and freeze panes options.
-			 * @Default {true}
-			 */
-			allowFreezing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable hyperlink feature in the Spreadsheet. By enabling this feature, you can add hyperlink which is used to
-			 * easily navigate to the cell reference from one sheet to another or a web page.
-			 * @Default {true}
-			 */
-			allowHyperlink?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable import feature in the Spreadsheet. By enabling this feature, you can open existing Spreadsheet documents.
-			 * @Default {true}
-			 */
-			allowImport?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable the insert action in the Spreadsheet. By enabling this feature, you can insert new rows, columns, cells and sheet.
-			 * @Default {true}
-			 */
-			allowInsert?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable keyboard navigation feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowKeyboardNavigation?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable lock cell feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowLockCell?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable merge feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowMerging?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable overflow feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowOverflow?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable resizing feature in the Spreadsheet. By enabling this feature, you can change the column width and
-			 * row height by dragging its header boundaries.
-			 * @Default {true}
-			 */
-			allowResizing?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable find and replace feature in the Spreadsheet. By enabling this, you can easily find and replace
-			 * a specific value in the sheet or workbook. By using goto behavior, you can select and highlight all cells that contains specific data or data types.
-			 * @Default {true}
-			 */
-			allowSearching?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable selection in the Spreadsheet. By enabling this feature, selected items will be highlighted.
-			 * @Default {true}
-			 */
-			allowSelection?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the sorting feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowSorting?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable undo and redo feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowUndoRedo?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable wrap text feature in the Spreadsheet. By enabling this, cell content can wrap to the next line,
-			 * if the cell content exceeds the boundary of the cell.
-			 * @Default {true}
-			 */
-			allowWrap?: boolean;
-
-			/** Gets or sets a value that indicates to define the width of the activation panel in Spreadsheet.
-			 * @Default {300}
-			 */
-			apWidth?: number;
-
-			/** Gets or sets an object that indicates to customize the auto fill behavior in the Spreadsheet.
-			 */
-			autoFillSettings?: AutoFillSettings;
-
-			/** Gets or sets an object that indicates to customize the chart behavior in the Spreadsheet.
-			 */
-			chartSettings?: ChartSettings;
-
-			/** Gets or sets a value that defines the number of columns displayed in the sheet.
-			 * @Default {21}
-			 */
-			columnCount?: number;
-
-			/** Gets or sets a value that indicates to define the common width for each column in the Spreadsheet.
-			 * @Default {64}
-			 */
-			columnWidth?: number;
-
-			/** Gets or sets a value to add root CSS class for customizing Spreadsheet skins.
-			 */
-			cssClass?: string;
-
-			/** Gets or sets a value that indicates custom formulas in Spreadsheet.
-			 * @Default {[]}
-			 */
-			customFormulas?: any[];
-
-			/** Gets or sets a value that indicates whether to enable or disable context menu in the Spreadsheet.
-			 * @Default {true}
-			 */
-			enableContextMenu?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable pivot table in the Spreadsheet.
-			 * @Default {false}
-			 */
-			enablePivotTable?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable touch support in the Spreadsheet.
-			 * @Default {true}
-			 */
-			enableTouch?: boolean;
-
-			/** Gets or sets an object that indicates to customize the exporting behavior in Spreadsheet.
-			 */
-			exportSettings?: ExportSettings;
-
-			/** Gets or sets an object that indicates to customize the format behavior in the Spreadsheet.
-			 */
-			formatSettings?: FormatSettings;
-
-			/** Gets or sets an object that indicates to customize the import behavior in the Spreadsheet.
-			 */
-			importSettings?: ImportSettings;
-
-			/** Gets or sets a value that indicates whether to enable or disable readonly support in the Spreadsheet.
-			 * @Default {false}
-			 */
-			isReadOnly?: boolean;
-
-			/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data (i.e.)
-			 * in a language and culture specific to a particular country or region.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Gets or sets a value that indicates name manager in Spreadsheet.
-			 */
-			nameManager?: NameManager[];
-
-			/** Gets or sets an object that indicates to customize the picture behavior in the Spreadsheet.
-			 */
-			pictureSettings?: PictureSettings;
-
-			/** Gets or sets an object that indicates to customize the print option in Spreadsheet.
-			 */
-			printSettings?: PrintSettings;
-
-			/** Gets or sets an object that indicates to customize the ribbon settings in Spreadsheet.
-			 */
-			ribbonSettings?: RibbonSettings;
-
-			/** Gets or sets a value that indicates whether to define the number of rows to be displayed in the sheet.
-			 * @Default {20}
-			 */
-			rowCount?: number;
-
-			/** Gets or sets a value that indicates to define the common height for each row in the sheet.
-			 * @Default {20}
-			 */
-			rowHeight?: number;
-
-			/** Gets or sets an object that indicates to customize the scroll options in the Spreadsheet.
-			 */
-			scrollSettings?: ScrollSettings;
-
-			/** Gets or sets an object that indicates to customize the selection options in the Spreadsheet.
-			 */
-			selectionSettings?: SelectionSettings;
-
-			/** Gets or sets a value that indicates to define the number of sheets to be created at the initial load.
-			 * @Default {1}
-			 */
-			sheetCount?: number;
-
-			/** Gets or sets an object that indicates to customize the sheet behavior in Spreadsheet.
-			 */
-			sheets?: Sheet[];
-
-			/** Gets or sets a value that indicates whether to show or hide pager in the Spreadsheet.
-			 * @Default {true}
-			 */
-			showPager?: boolean;
-
-			/** Gets or sets a value that indicates whether to show or hide ribbon in the Spreadsheet.
-			 * @Default {true}
-			 */
-			showRibbon?: boolean;
-
-			/** This is used to set the number of undo-redo steps in the Spreadsheet.
-			 * @Default {20}
-			 */
-			undoRedoStep?: number;
-
-			/** Define the username for the Spreadsheet which is displayed in comment.
-			 * @Default {User Name}
-			 */
-			userName?: string;
-
-			/** Triggered for every action before its starts. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggered for every action complete. */
-			actionComplete?(e: ActionCompleteEventArgs): void;
-
-			/** Triggered when the auto fill operation begins. */
-			autoFillBegin?(e: AutoFillBeginEventArgs): void;
-
-			/** Triggered when the auto fill operation completes. */
-			autoFillComplete?(e: AutoFillCompleteEventArgs): void;
-
-			/** Triggered before the batch save. */
-			beforeBatchSave?(e: BeforeBatchSaveEventArgs): void;
-
-			/** Triggered before the cells to be formatted. */
-			beforeCellFormat?(e: BeforeCellFormatEventArgs): void;
-
-			/** Triggered before the cell selection. */
-			beforeCellSelect?(e: BeforeCellSelectEventArgs): void;
-
-			/** Triggered before the selected cells are dropped. */
-			beforeDrop?(e: BeforeDropEventArgs): void;
-
-			/** Triggered while start to edit the comment. */
-			beforeEditComment?(e: BeforeEditCommentEventArgs): void;
-
-			/** Triggered before the contextmenu is open. */
-			beforeOpen?(e: BeforeOpenEventArgs): void;
-
-			/** Triggered before the activation panel is open. */
-			beforePanelOpen?(e: BeforePanelOpenEventArgs): void;
-
-			/** Triggered when click on sheet cell. */
-			cellClick?(e: CellClickEventArgs): void;
-
-			/** Triggered when the cell is edited. */
-			cellEdit?(e: CellEditEventArgs): void;
-
-			/** Triggered while cell is formatting. */
-			cellFormatting?(e: CellFormattingEventArgs): void;
-
-			/** Triggered when mouse hover on cell in sheets. */
-			cellHover?(e: CellHoverEventArgs): void;
-
-			/** Triggered when save the edited cell. */
-			cellSave?(e: CellSaveEventArgs): void;
-
-			/** Triggered when the cell is selected. */
-			cellSelected?(e: CellSelectedEventArgs): void;
-
-			/** Triggered when click the contextmenu items. */
-			contextMenuClick?(e: ContextMenuClickEventArgs): void;
-
-			/** Triggered when the selected cells are being dragged. */
-			drag?(e: DragEventArgs): void;
-
-			/** Triggered when you start to drag the picture or chart. */
-			dragShape?(e: DragShapeEventArgs): void;
-
-			/** Triggered when the selected cells are initiated to drag. */
-			dragStart?(e: DragStartEventArgs): void;
-
-			/** Triggered when the selected cells are dropped. */
-			drop?(e: DropEventArgs): void;
-
-			/** Triggered before the range editing starts. */
-			editRangeBegin?(e: EditRangeBeginEventArgs): void;
-
-			/** Triggered after range editing completes. */
-			editRangeComplete?(e: EditRangeCompleteEventArgs): void;
-
-			/** Triggered when the key is pressed down. */
-			keyDown?(e: KeyDownEventArgs): void;
-
-			/** Triggered when the key is released. */
-			keyUp?(e: KeyUpEventArgs): void;
-
-			/** Triggered before the sheet is loaded. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggered after the sheet is loaded. */
-			loadComplete?(e: LoadCompleteEventArgs): void;
-
-			/** Triggered every click of the menu item. */
-			menuClick?(e: MenuClickEventArgs): void;
-
-			/** Triggered when a file is imported. */
-			onImport?(e: OnImportEventArgs): void;
-
-			/** Triggered when import sheet is failed to open. */
-			openFailure?(e: OpenFailureEventArgs): void;
-
-			/** Triggered when pager item is clicked in the Spreadsheet. */
-			pagerClick?(e: PagerClickEventArgs): void;
-
-			/** Triggered when you start resizing the chart, picture, row and column. */
-			resizeStart?(e: ResizeStartEventArgs): void;
-
-			/** Triggered after end of resizing the chart, picture, row and column. */
-			resizeEnd?(e: ResizeEndEventArgs): void;
-
-			/** Triggered when click on the ribbon. */
-			ribbonClick?(e: RibbonClickEventArgs): void;
-
-			/** Triggered when the chart series rendering. */
-			seriesRendering?(e: SeriesRenderingEventArgs): void;
-
-			/** Triggered when click the ribbon tab. */
-			tabClick?(e: TabClickEventArgs): void;
-
-			/** Triggered when select the ribbon tab. */
-			tabSelect?(e: TabSelectEventArgs): void;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the applied style format object.
-			 */
-			afterFormat?: any;
-
-			/** Returns the applied style format object.
-			 */
-			beforeFormat?: any;
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the cell range.
-			 */
-			range?: any[];
-
-			/** Returns the action format.
-			 */
-			reqType?: string;
-
-			/** Returns goto index while paging.
-			 */
-			gotoIdx?: number;
-
-			/** Returns boolean value. If create new sheet it returns true.
-			 */
-			newSheet?: boolean;
-
-			/** Return column name while sorting.
-			 */
-			columnName?: string;
-
-			/** Returns selected columns while sorting or filtering begins.
-			 */
-			colSelected?: number;
-
-			/** Returns sort direction while sort action begins.
-			 */
-			sortDirection?: string;
-		}
-
-		export interface ActionCompleteEventArgs {
-
-			/** Returns Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the applied cell format object.
-			 */
-			selectedCell?: any[] | any;
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the request type.
-			 */
-			reqType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface AutoFillBeginEventArgs {
-
-			/** Returns auto fill begin cell range.
-			 */
-			dataRange?: any[];
-
-			/** Returns which direction drag the auto fill.
-			 */
-			direction?: string;
-
-			/** Returns fill cells range.
-			 */
-			fillRange?: any[];
-
-			/** Returns the auto fill type.
-			 */
-			fillType?: string;
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface AutoFillCompleteEventArgs {
-
-			/** Returns auto fill begin cell range.
-			 */
-			dataRange?: any[];
-
-			/** Returns which direction to drag the auto fill.
-			 */
-			direction?: string;
-
-			/** Returns fill cells range.
-			 */
-			fillRange?: any[];
-
-			/** Returns the auto fill type.
-			 */
-			fillType?: string;
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface BeforeBatchSaveEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the query, primary key,batch changes for the data Source.
-			 */
-			dataSetting?: any;
-
-			/** Returns the changed record object.
-			 */
-			batchChanges?: any;
-		}
-
-		export interface BeforeCellFormatEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the applied style format object.
-			 */
-			format?: any;
-
-			/** Returns the selected cells.
-			 */
-			cells?: any[] | any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface BeforeCellSelectEventArgs {
-
-			/** Returns the previous cell range.
-			 */
-			prevRange?: any[];
-
-			/** Returns the current cell range.
-			 */
-			currRange?: any[];
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface BeforeDropEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the current cell row and column index.
-			 */
-			currentCell?: any;
-
-			/** Returns the drag cells range object.
-			 */
-			dragAndDropRange?: any;
-
-			/** Returns the cell Overwriting alert option value.
-			 */
-			preventAlert?: boolean;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the target item.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface BeforeEditCommentEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the comment cell index.
-			 */
-			cellIndex?: any;
-
-			/** Returns the disable option value.
-			 */
-			disable?: boolean;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: any;
-
-			/** Returns the value of the comment
-			 */
-			value?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface BeforeOpenEventArgs {
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface BeforePanelOpenEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the activation panel element.
-			 */
-			activationPanel?: any;
-
-			/** Returns the range option value.
-			 */
-			range?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface CellClickEventArgs {
-
-			/** Returns the click cell element.
-			 */
-			cell?: HTMLElement;
-
-			/** Returns the column index of clicked cell.
-			 */
-			columnIndex?: number;
-
-			/** Returns the row index of clicked cell.
-			 */
-			rowIndex?: number;
-
-			/** Returns the column name of clicked cell.
-			 */
-			columnName?: string;
-
-			/** Returns the column information.
-			 */
-			columnObject?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the value of the cell.
-			 */
-			value?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface CellEditEventArgs {
-
-			/** Returns the click cell element.
-			 */
-			cell?: HTMLElement;
-
-			/** Returns the columnName of clicked cell.
-			 */
-			columnName?: string;
-
-			/** Returns the column field information.
-			 */
-			columnObject?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface CellFormattingEventArgs {
-
-			/** Returns the sheet index
-			 */
-			SheetIdx?: number;
-
-			/** Returns the applied style format object
-			 */
-			Format?: any;
-
-			/** Returns the cell index.
-			 */
-			Cell?: number;
-
-			/** Returns the name of the CSS theme.
-			 */
-			cssClass?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-		}
-
-		export interface CellHoverEventArgs {
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface CellSaveEventArgs {
-
-			/** Returns the save cell element.
-			 */
-			cell?: HTMLElement;
-
-			/** Returns the columnName of clicked cell.
-			 */
-			columnName?: string;
-
-			/** Returns the column field information.
-			 */
-			columnObject?: any;
-
-			/** Returns the index of the row.
-			 */
-			rowIndex?: number;
-
-			/** Returns the index of the column.
-			 */
-			colIndex?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the cell previous value.
-			 */
-			pValue?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cell value.
-			 */
-			value?: string;
-		}
-
-		export interface CellSelectedEventArgs {
-
-			/** Returns the active sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the selected range.
-			 */
-			selectedRange?: any[];
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ContextMenuClickEventArgs {
-
-			/** Returns target element Id.
-			 */
-			Id?: string;
-
-			/** Returns the target element.
-			 */
-			element?: HTMLElement;
-
-			/** Returns event information.
-			 */
-			event?: any;
-
-			/** Returns target element and event information.
-			 */
-			events?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns target element parent Id.
-			 */
-			parentId?: string;
-
-			/** Returns target element parent text.
-			 */
-			parentText?: string;
-
-			/** Returns target element text.
-			 */
-			text?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DragEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the current cell row and column index.
-			 */
-			currentCell?: any;
-
-			/** Returns the drag cells range object.
-			 */
-			dragAndDropRange?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the target item.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DragShapeEventArgs {
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DragStartEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the current cell row and column index.
-			 */
-			currentCell?: any;
-
-			/** Returns the drag cells range object.
-			 */
-			dragAndDropRange?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the target item.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DropEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the current cell row and column index.
-			 */
-			currentCell?: any;
-
-			/** Returns the drag cells range object.
-			 */
-			dragAndDropRange?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the target item.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface EditRangeBeginEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the range option value.
-			 */
-			range?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface EditRangeCompleteEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIdx?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the range option value.
-			 */
-			range?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface KeyDownEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIndex?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the boolean value.
-			 */
-			isCommentEdit?: boolean;
-
-			/** Returns the boolean value.
-			 */
-			isEdit?: boolean;
-
-			/** Returns the boolean value.
-			 */
-			isSheetRename?: boolean;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface KeyUpEventArgs {
-
-			/** Returns the sheet index.
-			 */
-			sheetIndex?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the boolean value.
-			 */
-			isCommentEdit?: boolean;
-
-			/** Returns the boolean value.
-			 */
-			isEdit?: boolean;
-
-			/** Returns the boolean value.
-			 */
-			isSheetRename?: boolean;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the active sheet index.
-			 */
-			sheetIndex?: number;
-		}
-
-		export interface LoadCompleteEventArgs {
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface MenuClickEventArgs {
-
-			/** Returns menu click element.
-			 */
-			element?: HTMLElement;
-
-			/** Returns the event information.
-			 */
-			event?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns target element parent Id.
-			 */
-			parentId?: string;
-
-			/** Returns target element parent text.
-			 */
-			parentText?: string;
-
-			/** Returns target element text.
-			 */
-			text?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface OnImportEventArgs {
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the imported data.
-			 */
-			importData?: any;
-		}
-
-		export interface OpenFailureEventArgs {
-
-			/** Returns the failure type.
-			 */
-			failureType?: string;
-
-			/** Returns the status index.
-			 */
-			status?: number;
-
-			/** Returns the status in text.
-			 */
-			statusText?: string;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface PagerClickEventArgs {
-
-			/** Returns the active sheet index.
-			 */
-			activeSheet?: number;
-
-			/** Returns the new sheet index.
-			 */
-			gotoSheet?: number;
-
-			/** Returns whether new sheet icon is clicked.
-			 */
-			newSheet?: boolean;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ResizeStartEventArgs {
-
-			/** Returns the column index which column you start to resize.
-			 */
-			colIndex?: number;
-
-			/** Returns the row index which row you start to resize.
-			 */
-			rowIndex?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: any;
-
-			/** Returns type of the request.
-			 */
-			reqType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ResizeEndEventArgs {
-
-			/** Returns the column index which you resized.
-			 */
-			colIndex?: number;
-
-			/** Returns old width of the column or shape.
-			 */
-			oldWidth?: number;
-
-			/** Returns new width of the column or shape.
-			 */
-			newWidth?: number;
-
-			/** Returns the row index which you resized.
-			 */
-			rowIndex?: number;
-
-			/** Returns old height of the row or shape.
-			 */
-			oldHeight?: number;
-
-			/** Returns new height of the row or shape.
-			 */
-			newHeight?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: any;
-
-			/** Returns type of the request.
-			 */
-			reqType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface RibbonClickEventArgs {
-
-			/** Returns element Id.
-			 */
-			Id?: string;
-
-			/** Returns target information.
-			 */
-			prop?: any;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns status.
-			 */
-			status?: boolean;
-
-			/** Returns isChecked in boolean.
-			 */
-			isChecked?: boolean;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface SeriesRenderingEventArgs {
-
-			/** Returns chart data and chart information.
-			 */
-			data?: any;
-
-			/** Returns the chart model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface TabClickEventArgs {
-
-			/** Returns the active tab index.
-			 */
-			activeIndex?: number;
-
-			/** Returns active tab header element.
-			 */
-			activeHeader?: any;
-
-			/** Returns previous active tab header element.
-			 */
-			prevActiveHeader?: any;
-
-			/** Returns previous active tab index.
-			 */
-			prevActiveIndex?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface TabSelectEventArgs {
-
-			/** Returns the active tab index.
-			 */
-			activeIndex?: number;
-
-			/** Returns active tab header element.
-			 */
-			activeHeader?: any;
-
-			/** Returns previous active tab header element.
-			 */
-			prevActiveHeader?: any;
-
-			/** Returns previous active tab index.
-			 */
-			prevActiveIndex?: number;
-
-			/** Returns the Spreadsheet model.
-			 */
-			model?: ej.Spreadsheet.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the target element.
-			 */
-			target?: HTMLElement;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface AutoFillSettings {
-
-			/** This property is used to set fillType unit in Spreadsheet. It has five types which are CopyCells, FillSeries, FillFormattingOnly, FillWithoutFormatting and FlashFill.
-			 * @Default {ej.Spreadsheet.AutoFillOptions.FillSeries}
-			 */
-			fillType?: ej.Spreadsheet.AutoFillOptions | string;
-
-			/** Gets or sets a value that indicates to enable or disable auto fill options in the Spreadsheet.
-			 * @Default {true}
-			 */
-			showFillOptions?: boolean;
-		}
-
-		export interface ChartSettings {
-
-			/** Gets or sets a value that defines the chart height in Spreadsheet.
-			 * @Default {220}
-			 */
-			height?: number;
-
-			/** Gets or sets a value that defines the chart width in the Spreadsheet.
-			 * @Default {440}
-			 */
-			width?: number;
-		}
-
-		export interface ExportSettings {
-
-			/** Gets or sets a value that indicates whether to enable or disable save feature in Spreadsheet. By enabling this feature, you can save existing Spreadsheet.
-			 * @Default {true}
-			 */
-			allowExporting?: boolean;
-
-			/** Gets or sets a value that indicates to define csvUrl for export to CSV format.
-			 * @Default {null}
-			 */
-			csvUrl?: string;
-
-			/** Gets or sets a value that indicates to define excelUrl for export to excel format.
-			 * @Default {null}
-			 */
-			excelUrl?: string;
-
-			/** Gets or sets a value that indicates to define password while export to excel format.
-			 * @Default {null}
-			 */
-			password?: string;
-
-			/** Gets or sets a value that indicates to define pdfUrl for export to PDF format.
-			 * @Default {null}
-			 */
-			pdfUrl?: string;
-		}
-
-		export interface FormatSettings {
-
-			/** Gets or sets a value that indicates whether to enable or disable cell border feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowCellBorder?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable decimal places in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowDecimalPlaces?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable font family feature in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowFontFamily?: boolean;
-		}
-
-		export interface ImportSettings {
-
-			/** Sets import mapper to perform import feature in Spreadsheet.
-			 */
-			importMapper?: string;
-
-			/** Gets or sets a value that indicates whether to enable or disable import while initial loading.
-			 * @Default {false}
-			 */
-			importOnLoad?: boolean;
-
-			/** Sets import URL to access the online files in the Spreadsheet.
-			 */
-			importUrl?: string;
-
-			/** Gets or sets a value that indicates to define password while importing in the Spreadsheet.
-			 */
-			password?: string;
-		}
-
-		export interface NameManager {
-
-			/** Specifies the name for the cell or a range.
-			 */
-			name?: string;
-
-			/** Specifies the address for the cell or a range.
-			 */
-			refersto?: string;
-		}
-
-		export interface PictureSettings {
-
-			/** Gets or sets a value that indicates whether to enable or disable picture feature in Spreadsheet. By enabling this, you can add pictures in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowPictures?: boolean;
-
-			/** Gets or sets a value that indicates to define height to picture in the Spreadsheet.
-			 * @Default {220}
-			 */
-			height?: number;
-
-			/** Gets or sets a value that indicates to define width to picture in the Spreadsheet.
-			 * @Default {440}
-			 */
-			width?: number;
-		}
-
-		export interface PrintSettings {
-
-			/** Gets or sets a value that indicates whether to enable or disable page setup support for printing in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowPageSetup?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable page size support for printing in Spreadsheet.
-			 * @Default {false}
-			 */
-			allowPageSize?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable print feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowPrinting?: boolean;
-		}
-
-		export interface RibbonSettingsApplicationTabMenuSettings {
-
-			/** Gets or sets a value that indicates whether to enable or disable isAppend property in ribbon settings.
-			 * @Default {false}
-			 */
-			isAppend?: boolean;
-
-			/** Specifies the data source to append in application tab.
-			 * @Default {[]}
-			 */
-			dataSource?: any[];
-		}
-
-		export interface RibbonSettingsApplicationTab {
-
-			/** Gets or sets a value that indicates to set application tab type in Spreadsheet. It has two types, Menu and Backstage.
-			 * @Default {ej.Ribbon.ApplicationTabType.Backstage}
-			 */
-			type?: ej.Ribbon.ApplicationTabType | string;
-
-			/** Gets or sets an object that indicates menu settings for application tab in Spreadsheet.
-			 */
-			menuSettings?: RibbonSettingsApplicationTabMenuSettings;
-		}
-
-		export interface RibbonSettings {
-
-			/** Gets or sets an object that indicates application tab settings in Spreadsheet.
-			 */
-			applicationTab?: RibbonSettingsApplicationTab;
-		}
-
-		export interface ScrollSettings {
-
-			/** Gets or sets a value that indicates whether to enable or disable scrolling in Spreadsheet.
-			 * @Default {true}
-			 */
-			allowScrolling?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable sheet on demand. By enabling this, it render only the active sheet element while paging remaining sheets are created one by one.
-			 * @Default {false}
-			 */
-			allowSheetOnDemand?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable virtual scrolling feature in the Spreadsheet.
-			 * @Default {true}
-			 */
-			allowVirtualScrolling?: boolean;
-
-			/** Gets or sets the value that indicates to define the height of spreadsheet.
-			 * @Default {100%}
-			 */
-			height?: number | string;
-
-			/** Gets or sets the value that indicates whether to enable or disable responsive mode in the Spreadsheet.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Gets or sets a value that indicates to set scroll mode in Spreadsheet. It has two scroll modes, Normal and Infinite.
-			 * @Default {ej.Spreadsheet.scrollMode.Infinite}
-			 */
-			scrollMode?: ej.Spreadsheet.scrollMode | string;
-
-			/** Gets or sets the value that indicates to define the height of the spreadsheet.
-			 * @Default {100%}
-			 */
-			width?: number | string;
-		}
-
-		export interface SelectionSettings {
-
-			/** Gets or sets a value that indicates to define active cell in spreadsheet.
-			 */
-			activeCell?: string;
-
-			/** Gets or sets a value that indicates to define animation time while selection in the Spreadsheet.
-			 * @Default {0.001}
-			 */
-			animationTime?: number;
-
-			/** Gets or sets a value that indicates to enable or disable animation while selection.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Gets or sets a value that indicates to set selection type in Spreadsheet. It has three types which are Column, Row and Default.
-			 * @Default {ej.Spreadsheet.SelectionType.Default}
-			 */
-			selectionType?: ej.Spreadsheet.SelectionType | string;
-
-			/** Gets or sets a value that indicates to set selection unit in Spreadsheet. It has three types which are Single, Range and MultiRange.
-			 * @Default {ej.Spreadsheet.SelectionUnit.MultiRange}
-			 */
-			selectionUnit?: ej.Spreadsheet.SelectionUnit | string;
-		}
-
-		export interface SheetsBorder {
-
-			/**
-			 */
-			type?: ej.Spreadsheet.BorderType | string;
-
-			/** Specifies border color for range of cells in Spreadsheet.
-			 */
-			color?: string;
-
-			/** To apply border for the specified range of cell.
-			 */
-			range?: string;
-		}
-
-		export interface SheetsCFormatRule {
-
-			/** Specifies the conditions to apply for the range of cells in Spreadsheet.
-			 */
-			action?: ej.Spreadsheet.CFormatRule | string;
-
-			/** Specifies the color to apply for the range of cell while conditional formatting.
-			 */
-			color?: ej.Spreadsheet.CFormatHighlightColor | string;
-
-			/** Specifies the inputs for conditional formatting in Spreadsheet.
-			 * @Default {[]}
-			 */
-			inputs?: any[];
-
-			/** Specifies the range for conditional formatting in Spreadsheet.
-			 */
-			range?: string;
-		}
-
-		export interface SheetsRangeSetting {
-
-			/** Gets or sets the data to render the Spreadsheet.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Specifies the header styles for the headers in datasource range.
-			 * @Default {null}
-			 */
-			headerStyles?: any;
-
-			/** Specifies the primary key for the datasource in Spreadsheet.
-			 */
-			primaryKey?: string;
-
-			/** Specifies the query for the datasource in Spreadsheet.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
-			 * @Default {true}
-			 */
-			showHeader?: boolean;
-
-			/** Specifies the start cell for the datasource range in Spreadsheet.
-			 * @Default {A1}
-			 */
-			startCell?: string;
-		}
-
-		export interface SheetsRowsCellsComment {
-
-			/** Get or sets the value that indicates whether to show or hide comments in Spreadsheet.
-			 * @Default {false}
-			 */
-			isVisible?: boolean;
-
-			/** Specifies the value for the comment in Spreadsheet.
-			 */
-			value?: string;
-		}
-
-		export interface SheetsRowsCellsFormat {
-
-			/** Specifies the number of decimal places for the given input.
-			 * @Default {2}
-			 */
-			decimalPlaces?: number;
-
-			/** Specifies the string format for the given input.
-			 */
-			formatStr?: string;
-
-			/** Specifies the thousand separator for the given input.
-			 * @Default {false}
-			 */
-			thousandSeparator?: boolean;
-
-			/** Specifies the type of the format in Spreadsheet.
-			 */
-			type?: string;
-		}
-
-		export interface SheetsRowsCellsHyperlink {
-
-			/** Specifies the web address for the hyperlink of a cell.
-			 */
-			webAddr?: string;
-
-			/** Specifies the cell address for the hyperlink of a cell.
-			 */
-			cellAddr?: string;
-
-			/** Specifies the sheet index to which the cell is referred.
-			 * @Default {1}
-			 */
-			sheetIndex?: number;
-		}
-
-		export interface SheetsRowsCellsStyle {
-
-			/** Specifies the background color of a cell in the Spreadsheet.
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the font color of a cell in the Spreadsheet.
-			 */
-			color?: string;
-
-			/** Specifies the font weight of a cell in the Spreadsheet.
-			 */
-			fontWeight?: string;
-		}
-
-		export interface SheetsRowsCell {
-
-			/** Specifies the comment for a cell in Spreadsheet.
-			 * @Default {null}
-			 */
-			comment?: SheetsRowsCellsComment;
-
-			/** Specifies the format of a cell in Spreadsheet.
-			 * @Default {null}
-			 */
-			format?: SheetsRowsCellsFormat;
-
-			/** Specifies the hyperlink for a cell in Spreadsheet.
-			 * @Default {null}
-			 */
-			hyperlink?: SheetsRowsCellsHyperlink;
-
-			/** Specifies the index of a cell in Spreadsheet.
-			 * @Default {0}
-			 */
-			index?: number;
-
-			/** Specifies whether to lock or unlock a particular cell.
-			 * @Default {false}
-			 */
-			isLocked?: boolean;
-
-			/** Specifies the styles of a cell in Spreadsheet.
-			 * @Default {null}
-			 */
-			style?: SheetsRowsCellsStyle;
-
-			/** Specifies the value for a cell in Spreadsheet.
-			 */
-			value?: string;
-		}
-
-		export interface SheetsRow {
-
-			/** Gets or sets the height of a row in Spreadsheet.
-			 * @Default {20}
-			 */
-			height?: number;
-
-			/** Specifies the cells of a row in Spreadsheet.
-			 * @Default {[]}
-			 */
-			cells?: SheetsRowsCell[];
-
-			/** Gets or sets the index of a row in Spreadsheet.
-			 * @Default {0}
-			 */
-			index?: number;
-		}
-
-		export interface Sheet {
-
-			/** Specifies the border for the cell in the Spreadsheet.
-			 * @Default {[]}
-			 */
-			border?: SheetsBorder[];
-
-			/** Specifies the cell types for a cell or range in Spreadsheet.
-			 * @Default {[]}
-			 */
-			cellTypes?: any[];
-
-			/** Specifies the conditional formatting for the range of cell in Spreadsheet.
-			 * @Default {[]}
-			 */
-			cFormatRule?: SheetsCFormatRule[];
-
-			/** Gets or sets a value that indicates to define column count in the Spreadsheet.
-			 * @Default {21}
-			 */
-			colCount?: number;
-
-			/** Gets or sets a value that indicates to define column width in the Spreadsheet.
-			 * @Default {64}
-			 */
-			columnWidth?: number;
-
-			/** Gets or sets the data to render the Spreadsheet.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Gets or sets a value that indicates whether to enable or disable field as column header in the Spreadsheet.
-			 * @Default {false}
-			 */
-			fieldAsColumnHeader?: boolean;
-
-			/** Gets or sets a value to freeze rows in the Spreadsheet.
-			 * @Default {0}
-			 */
-			frozenRows?: number;
-
-			/** Gets or sets a value to freeze columns in the Spreadsheet.
-			 * @Default {0}
-			 */
-			frozenColumns?: number;
-
-			/** Specifies the header styles for the headers in datasource range.
-			 * @Default {null}
-			 */
-			headerStyles?: any;
-
-			/** To hide the specified columns in Spreadsheet.
-			 * @Default {[]}
-			 */
-			hideColumns?: any[];
-
-			/** To hide the specified rows in Spreadsheet.
-			 * @Default {[]}
-			 */
-			hideRows?: any[];
-
-			/** To merge specified ranges in Spreadsheet.
-			 * @Default {[]}
-			 */
-			mergeCells?: any[];
-
-			/** Specifies the primary key for the datasource in Spreadsheet.
-			 */
-			primaryKey?: string;
-
-			/** Specifies the query for the dataSource in Spreadsheet.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Specifies single range or multiple range settings for a sheet in Spreadsheet.
-			 * @Default {[]}
-			 */
-			rangeSettings?: SheetsRangeSetting[];
-
-			/** Gets or sets a value that indicates to define row count in the Spreadsheet.
-			 * @Default {20}
-			 */
-			rowCount?: number;
-
-			/** Specifies the rows for a sheet in Spreadsheet.
-			 * @Default {[]}
-			 */
-			rows?: SheetsRow[];
-
-			/** Gets or sets a value that indicates whether to show or hide grid lines in the Spreadsheet.
-			 * @Default {true}
-			 */
-			showGridlines?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
-			 * @Default {true}
-			 */
-			showHeader?: boolean;
-
-			/** Gets or sets a value that indicates whether to show or hide headings in the Spreadsheet.
-			 * @Default {true}
-			 */
-			showHeadings?: boolean;
-
-			/** Specifies the start cell for the datasource range in Spreadsheet.
-			 * @Default {A1}
-			 */
-			startCell?: string;
-		}
-
-		enum AutoFillOptions {
-
-			///Specifies the CopyCells property in AutoFillOptions.
-			CopyCells,
-
-			///Specifies the FillSeries property in AutoFillOptions.
-			FillSeries,
-
-			///Specifies the FillFormattingOnly property in AutoFillOptions.
-			FillFormattingOnly,
-
-			///Specifies the FillWithoutFormatting property in AutoFillOptions.
-			FillWithoutFormatting,
-
-			///Specifies the FlashFill property in AutoFillOptions.
-			FlashFill
-		}
-
-
-		enum scrollMode {
-
-			///To enable Infinite scroll mode for Spreadsheet.
-			Infinite,
-
-			///To enable Normal scroll mode for Spreadsheet.
-			Normal
-		}
-
-
-		enum SelectionType {
-
-			///To select only Column in Spreadsheet.
-			Column,
-
-			///To select only Row in Spreadsheet.
-			Row,
-
-			///To select both Column/Row in Spreadsheet.
-			Default
-		}
-
-
-		enum SelectionUnit {
-
-			///To enable Single selection in Spreadsheet
-			Single,
-
-			///To enable Range selection in Spreadsheet
-			Range,
-
-			///To enable MultiRange selection in Spreadsheet
-			MultiRange
-		}
-
-
-		enum BorderType {
-
-			///To apply top border for the given range of cell.
-			Top,
-
-			///To apply left border for the given range of cell.
-			Left,
-
-			///To apply right border for the given range of cell.
-			Right,
-
-			///To apply bottom border for the given range of cell.
-			Bottom,
-
-			///To apply outside border for the given range of cell.
-			OutSide,
-
-			///To apply all border for the given range of cell.
-			AllBorder,
-
-			///To apply thick box border for the given range of cell.
-			ThickBox,
-
-			///To apply thick bottom border for the given range of cell.
-			ThickBottom,
-
-			///To apply top and bottom border for the given range of cell.
-			TopandBottom,
-
-			///To apply top and thick bottom border for the given range of cell.
-			TopandThickBottom
-		}
-
-
-		enum CFormatRule {
-
-			///To identify greater than values in the given range of cells.
-			GreaterThan,
-
-			///To identify less than values in the given range of cells.
-			LessThan,
-
-			///To identify in between values in the given range of cells.
-			Between,
-
-			///To identify the equal values in the given range of cells.
-			EqualTo,
-
-			///To identify the specified text in the range of cells.
-			TextContains,
-
-			///To identify the specified date in the range of cells.
-			DateOccurs
-		}
-
-
-		enum CFormatHighlightColor {
-
-			///Highlights red with dark red text color.
-			RedFillwithDarkRedText,
-
-			///Highlights yellow with dark yellow text color.
-			YellowFillwithDarkYellowText,
-
-			///Highlights green with dark green text color.
-			GreenFillwithDarkGreenText,
-
-			///Highlights with red fill.
-			RedFill,
-
-			///Highlights with red text.
-			RedText
-		}
-
-
-		enum ChartProperties {
-
-			///Specifies to make the data label center of the chart.
-			DataLabelCenter,
-
-			///Specifies to make the data label inside base of the chart.
-			DataLabelInsideBase,
-
-			///Specifies to make the data label inside end of the chart.
-			DataLabelInsideEnd,
-
-			///Specifies to make the data label none of the chart.
-			DataLabelNone,
-
-			///Specifies to make the data label outside end of the chart.
-			DataLabelOutsideEnd,
-
-			///Specifies to make the legends to bottom of the chart.
-			LegendsBottom,
-
-			///Specifies to make the legends to left of the chart.
-			LegendsLeft,
-
-			///Specifies to make the legends to none of the chart.
-			LegendsNone,
-
-			///Specifies to make the legends to right of the chart.
-			LegendsRight,
-
-			///Specifies to make the legends to top of the chart.
-			LegendsTop,
-
-			///To set the primary horizontal of the chart.
-			PrimaryHorizontal,
-
-			///To set the primary horizontal axis title of the chart.
-			PrimaryHorizontalAxisTitle,
-
-			///To set the primary major horizontal of the chart.
-			PrimaryMajorHorizontal,
-
-			///To set the primary major vertical of the chart.
-			PrimaryMajorVertical,
-
-			///To set the primary minor horizontal of the chart.
-			PrimaryMinorHorizontal,
-
-			///To set the primary minor vertical of the chart.
-			PrimaryMinorVertical,
-
-			///To set the primary vertical of the chart.
-			PrimaryVertical,
-
-			///To set the primary vertical axis title of the chart.
-			PrimaryVerticalAxisTitle,
-
-			///Specifies to make the title to center of the chart.
-			TitleCenter,
-
-			///Specifies to make the title to far of the chart.
-			TitleFar,
-
-			///Specifies to make the title to near of the chart.
-			TitleNear,
-
-			///Specifies to make the title to none of the chart.
-			TitleNone
-		}
-
-	}
-
-	class PdfViewer extends ej.Widget {
-		static fn: PdfViewer;
-		constructor(element: JQuery | Element, options?: PdfViewer.Model);
-		static Locale: any;
-		model: PdfViewer.Model;
-		defaults: PdfViewer.Model;
-
-		/** Loads the document with the filename and displays it in PDF viewer.
-		 * @param {string} File name to be loaded
-		 * @returns {void}
-		 */
-		load(fileName: string): void;
-
-		/** Shows/hides the toolbar in the PDF viewer.
-		 * @param {boolean} shows/hides the toolbar
-		 * @returns {void}
-		 */
-		showToolbar(show: boolean): void;
-
-		/** Prints the PDF document.
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** Abort the printing function and restores the PDF viewer.
-		 * @returns {void}
-		 */
-		abortPrint(): void;
-
-		/** Shows/hides the print icon in the toolbar.
-		 * @param {boolean} shows/hides print button in the toolbar
-		 * @returns {void}
-		 */
-		showPrintTools(show: boolean): void;
-
-		/** Downloads the PDF document being loaded in the ejPdfViewer control.
-		 * @returns {void}
-		 */
-		download(): void;
-
-		/** Shows/hides the download tool in the toolbar.
-		 * @param {boolean} shows/hides download button in the toolbar
-		 * @returns {void}
-		 */
-		showDownloadTool(show: boolean): void;
-
-		/** Shows/hides the page navigation tools in the toolbar
-		 * @param {boolean} shows/hides navigation tools in the toolbar
-		 * @returns {void}
-		 */
-		showPageNavigationTools(show: boolean): void;
-
-		/** Navigates to the specific page in the PDF document. If the page is not available for the given pageNumber, PDF viewer retains the existing page in view.
-		 * @param {number} navigates to the page number in the PDF document
-		 * @returns {void}
-		 */
-		goToPage(pageNumber: number): void;
-
-		/** Navigates to the last page of the PDF document.
-		 * @returns {void}
-		 */
-		goToLastPage(): void;
-
-		/** Navigates to the first page of PDF document.
-		 * @returns {void}
-		 */
-		goToFirstPage(): void;
-
-		/** Navigates to the next page of the PDF document.
-		 * @returns {void}
-		 */
-		goToNextPage(): void;
-
-		/** Navigates to the previous page of the PDF document.
-		 * @returns {void}
-		 */
-		goToPreviousPage(): void;
-
-		/** Shows/hides the zoom tools in the toolbar.
-		 * @param {boolean} shows/hides zoom tools in the toolbar
-		 * @returns {void}
-		 */
-		showMagnificationTools(show: boolean): void;
-
-		/** Scales the page to fit the page in the container in the control.
-		 * @returns {void}
-		 */
-		fitToPage(): void;
-
-		/** Scales the page to fit the page width to the width of the container in the control.
-		 * @returns {void}
-		 */
-		fitToWidth(): void;
-
-		/** Magnifies the page to the next value in the zoom drop down list.
-		 * @returns {void}
-		 */
-		zoomIn(): void;
-
-		/** Shrinks the page to the previous value in the magnification in the drop down list.
-		 * @returns {void}
-		 */
-		zoomOut(): void;
-
-		/** Scales the page to the specified percentage ranging from 50 to 400. If the given zoomValue is less than 50 or greater than 400; the PDF viewer scales the page to 50 and 400 respectively.
-		 * @param {number} zoom value for scaling the pages in the PDF Viewer
-		 * @returns {void}
-		 */
-		zoomTo(zoomValue: number): void;
-
-		/** Unloads the PDF document being displayed in the PDF viewer.
-		 * @returns {void}
-		 */
-		unload(): void;
-	}
-	export namespace PdfViewer {
-
-		export interface Model {
-
-			/** Specifies the locale information of the PDF viewer.
-			 */
-			locale?: string;
-
-			/** Specifies the toolbar settings.
-			 */
-			toolbarSettings?: ToolbarSettings;
-
-			/** Specifies the name of the action method in the server.
-			 */
-			serverActionSettings?: ServerActionSettings;
-
-			/** Sets the PDF Web API service URL
-			 */
-			serviceUrl?: string;
-
-			/** Sets the PDF document path for initial loading.
-			 */
-			documentPath?: string;
-
-			/** Gets the total number of pages in PDF document.
-			 */
-			pageCount?: number;
-
-			/** Gets the number of the page being displayed in the PDF viewer.
-			 */
-			currentPageNumber?: number;
-
-			/** Gets the current zoom percentage of the PDF document in viewer.
-			 */
-			zoomPercentage?: number;
-
-			/** Specifies the location of the supporting PDF service
-			 */
-			pdfService?: ej.PdfViewer.PdfService | string;
-
-			/** Specifies the open state of the hyperlink in the PDF document.
-			 */
-			hyperlinkOpenState?: ej.PdfViewer.LinkTarget | string;
-
-			/** Enables or disables the hyperlinks in PDF document.
-			 */
-			enableHyperlink?: boolean;
-
-			/** Enables or disables the text selection in PDF document.
-			 */
-			enableTextSelection?: boolean;
-
-			/** Enables or disables the responsiveness of the PDF viewer control during the window resize.
-			 */
-			isResponsive?: boolean;
-
-			/** Checks whether the PDF document is edited.
-			 */
-			isDocumentEdited?: boolean;
-
-			/** Enables or disables the buffering of the PDF pages in the client side.
-			 */
-			allowClientBuffering?: boolean;
-
-			/** Gets the name of the PDF document which loaded in the ejPdfViewer control for downloading.
-			 */
-			fileName?: string;
-
-			/** Triggers when the PDF document gets loaded and is ready to view in the Control. */
-			documentLoad?(e: DocumentLoadEventArgs): void;
-
-			/** Triggers when the PDF document gets unloaded from the PDF viewer. */
-			documentUnload?(e: DocumentUnloadEventArgs): void;
-
-			/** Triggers when there is change in current page number. */
-			pageChange?(e: PageChangeEventArgs): void;
-
-			/** Triggers when there is change in the magnification value. */
-			zoomChange?(e: ZoomChangeEventArgs): void;
-
-			/** Triggers when hyperlink in the PDF Document is clicked */
-			hyperlinkClick?(e: HyperlinkClickEventArgs): void;
-
-			/** Triggers before the printing starts. */
-			beforePrint?(e: BeforePrintEventArgs): void;
-
-			/** Triggers after the printing is completed. */
-			afterPrint?(e: AfterPrintEventArgs): void;
-
-			/** Triggers when the mouse click is performed over the page of the PDF document. */
-			pageClick?(e: PageClickEventArgs): void;
-
-			/** Triggers when the client buffering process starts. */
-			bufferStart?(e: BufferStartEventArgs): void;
-
-			/** Triggers when the client buffering process ends. */
-			bufferEnd?(e: BufferEndEventArgs): void;
-
-			/** Triggers when PDF viewer control is destroyed successfully. */
-			destroy?(e: DestroyEventArgs): void;
-		}
-
-		export interface DocumentLoadEventArgs {
-
-			/** true, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the PDF document name displaying in the PDF viewer.
-			 */
-			fileName?: string;
-		}
-
-		export interface DocumentUnloadEventArgs {
-
-			/** true, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PageChangeEventArgs {
-
-			/** true, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the current page number in view.
-			 */
-			currentPageNumber?: number;
-		}
-
-		export interface ZoomChangeEventArgs {
-
-			/** true, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the previous zoom percentage of the PDF viewer control
-			 */
-			previousZoomPercentage?: number;
-
-			/** Returns the current zoom percentage of the PDF viewer control
-			 */
-			currentZoomPercentage?: number;
-		}
-
-		export interface HyperlinkClickEventArgs {
-
-			/** true, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the clicked hyperlink
-			 */
-			hyperlink?: string;
-		}
-
-		export interface BeforePrintEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AfterPrintEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PageClickEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Returns the current X position
-			 */
-			offsetX?: number;
-
-			/** Returns the current Y position
-			 */
-			offsetY?: number;
-		}
-
-		export interface BufferStartEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Specifies the state of the buffering
-			 */
-			isBuffering?: boolean;
-		}
-
-		export interface BufferEndEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** Specifies the state of the buffering
-			 */
-			isBuffering?: boolean;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the PDF viewer model
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ToolbarSettings {
-
-			/** Shows or hides the tooltip of the toolbar items.
-			 */
-			showToolTip?: boolean;
-
-			/** Shows or hides the grouped items in the toolbar with the help of enum ej.PdfViewer.ToolbarItems
-			 */
-			toolbarItem?: ej.PdfViewer.ToolbarItems | string;
-		}
-
-		export interface ServerActionSettings {
-
-			/** Specifies the name of the action method used for loading the PDF document.
-			 */
-			load?: string;
-
-			/** Specifies the name of the action method used for uploading the PDF document to the PDF viewer control.
-			 */
-			fileUpload?: string;
-
-			/** Specifies the name of the action method used for printing the PDF document in the PDF viewer control.
-			 */
-			print?: string;
-
-			/** Specifies the name of the action method used for downloading the PDF document from the PDF viewer control.
-			 */
-			download?: string;
-		}
-
-		enum ToolbarItems {
-
-			///Shows only magnification tools in the toolbar.
-			MagnificationTools,
-
-			///Shows only page navigation tools in the toolbar.
-			PageNavigationTools,
-
-			///Shows only print tool in the toolbar.
-			PrintTools,
-
-			///Shows only download tool in the toolbar.
-			DownloadTool,
-
-			///Shows all the toolbar items.
-			All
-		}
-
-
-		enum PdfService {
-
-			///Denotes that the service is located in the local project
-			Local,
-
-			///Denotes that the service is hosted in the remote server
-			Remote
-		}
-
-
-		enum LinkTarget {
-
-			///Opens the hyperlink in the same tab of the browser.
-			Default,
-
-			///Opens the hyperlink in a new tab of the browser.
-			NewTab,
-
-			///Opens the hyperlink in a new window of the browser.
-			NewWindow
-		}
-
-	}
-
-	class SpellCheck extends ej.Widget {
-		static fn: SpellCheck;
-		constructor(element: JQuery | Element, options?: SpellCheck.Model);
-		static Locale: any;
-		model: SpellCheck.Model;
-		defaults: SpellCheck.Model;
-
-		/** Open the dialog to correct the spelling of the target content.
-		 * @returns {void}
-		 */
-		showInDialog(): void;
-
-		/** Highlighting the error word in the target area itself and correct the spelling using the context menu.
-		 * @returns {void}
-		 */
-		validate(): void;
-
-		/** To get the error word highlighted string by passing the given input sentence.
-		 * @param {string} Content to be spell check
-		 * @param {string} Class name that contains style value to highlight the error word
-		 * @returns {any}
-		 */
-		spellCheck(targetSentence: string, misspellWordCss: string): any;
-
-		/** To ignore all the error word occurrences from the given input sentence.
-		 * @param {string} Error word to ignore from the target content
-		 * @param {string} Content to perform the ignore all operation
-		 * @returns {any}
-		 */
-		ignoreAll(word: string, targetSentence: string): any;
-
-		/** To ignore the error word once from the given input sentence.
-		 * @param {string} Error word to ignore from the target content
-		 * @param {string} Content to perform the ignore operation
-		 * @param {number} Index of the error word present in the target content
-		 * @returns {any}
-		 */
-		ignore(word: string, targetSentence: string, index: number): any;
-
-		/** To change the error word once from the given input sentence.
-		 * @param {string} Error word to change from the target content
-		 * @param {string} Content to perform the change operation
-		 * @param {string} Word to replace with the error word
-		 * @param {number} Index of the error word present in the target content
-		 * @returns {any}
-		 */
-		change(word: string, targetSentence: string, changeWord: string, index: number): any;
-
-		/** To change all the error word occurrences from the given input sentence.
-		 * @param {string} Error word to change from the target content
-		 * @param {string} Content to perform the change all operation
-		 * @param {string} Word to replace with the error word
-		 * @returns {any}
-		 */
-		changeAll(word: string, targetSentence: string, changeWord: string): any;
-
-		/** To add the words into the custom dictionary.
-		 * @param {string} Word to add into the dictionary file
-		 * @returns {any}
-		 */
-		addToDictionary(customWord: string): any;
-	}
-	export namespace SpellCheck {
-
-		export interface Model {
-
-			/** It includes the service method path to find the error words and its suggestions also adding the custom word into the custom dictionary.
-			 */
-			dictionarySettings?: DictionarySettings;
-
-			/** To display the error word in a customized style.
-			 * @Default {e-errorword}
-			 */
-			misspellWordCss?: string;
-
-			/** Sets the specific culture to the SpellCheck.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** To set the maximum suggestion display count.
-			 * @Default {6}
-			 */
-			maxSuggestionCount?: number;
-
-			/** To ignore the words from the error word consideration.
-			 * @Default {[]}
-			 */
-			ignoreWords?: any[];
-
-			/** Holds all options related to the context menu settings of SpellCheck.
-			 */
-			contextMenuSettings?: ContextMenuSettings;
-
-			/** It helps to ignore the uppercase, mixed case words, alpha numeric words, file path and email addresses based on the property values.
-			 */
-			ignoreSettings?: IgnoreSettings;
-
-			/** When set to true, allows the spellcheck to render based upon screen size.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Gets or sets a value that indicates whether to enable the spellcheck operation on Enter/Space key-press.
-			 * @Default {false}
-			 */
-			enableValidateOnType?: boolean;
-
-			/** It allows to spell check the multiple target HTML element's texts and correct its error words.
-			 * @Default {null}
-			 */
-			controlsToValidate?: string;
-
-			/** Triggers on the success of AJAX call request. */
-			actionSuccess?(e: ActionSuccessEventArgs): void;
-
-			/** Triggers on the AJAX call request beginning. */
-			actionBegin?(e: ActionBeginEventArgs): void;
-
-			/** Triggers when the AJAX call request failure. */
-			actionFailure?(e: ActionFailureEventArgs): void;
-
-			/** Triggers when the dialog mode spell check starting. */
-			start?(e: StartEventArgs): void;
-
-			/** Triggers when the spell check operations completed through dialog mode. */
-			complete?(e: CompleteEventArgs): void;
-
-			/** Triggers before context menu opening. */
-			contextOpen?(e: ContextOpenEventArgs): void;
-
-			/** Triggers when the context menu item clicked. */
-			contextClick?(e: ContextClickEventArgs): void;
-
-			/** Triggers before the spell check dialog opens. */
-			dialogBeforeOpen?(e: DialogBeforeOpenEventArgs): void;
-			/** Triggers after the spell check dialog opens. */
-			dialogOpen?(e: DialogOpenEventArgs): void;
-
-			/** Triggers when the spell check dialog closed. */
-			dialogClose?(e: DialogCloseEventArgs): void;
-
-			/** Triggers when the spell check control performing the spell check operations such as ignore, ignoreAll, change, changeAll and addToDictionary. */
-			validating?(e: ValidatingEventArgs): void;
-
-			/** Triggers before loading the target HTML element text into the dialog sentence area. */
-			targetUpdating?(e: TargetUpdatingEventArgs): void;
-		}
-
-		export interface ActionSuccessEventArgs {
-
-			/** Returns the error word highlighted string.
-			 */
-			resultHTML?: string;
-
-			/** Returns the error word details of the given input.
-			 */
-			errorWordDetails?: any;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ActionBeginEventArgs {
-
-			/** Returns the input string.
-			 */
-			targetSentence?: string;
-
-			/** Returns the misspellWordCss class name.
-			 */
-			misspellWordCss?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ActionFailureEventArgs {
-
-			/** Returns AJAX request failure error message.
-			 */
-			errorMessage?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface StartEventArgs {
-
-			/** Returns the input string.
-			 */
-			targetSentence?: string;
-
-			/** Returns the error words details.
-			 */
-			errorWords?: any;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface CompleteEventArgs {
-
-			/** Returns the error word highlighted string.
-			 */
-			resultHTML?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ContextOpenEventArgs {
-
-			/** Returns the selected error word.
-			 */
-			selectedErrorWord?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ContextClickEventArgs {
-
-			/** Returns the selected error word.
-			 */
-			selectedValue?: string;
-
-			/** Returns the selected option in the context menu.
-			 */
-			selectedOption?: string;
-
-			/** Returns the input string.
-			 */
-			targetContent?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DialogBeforeOpenEventArgs {
-
-			/** Returns the spell check window details.
-			 */
-			spellCheckDialog?: any;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DialogOpenEventArgs {
-
-			/** Returns the target input.
-			 */
-			targetText?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DialogCloseEventArgs {
-
-			/** Returns the error corrected string.
-			 */
-			updatedText?: string;
-
-			/** Returns the request type value.
-			 */
-			requestType?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ValidatingEventArgs {
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the error word to ignore.
-			 */
-			ignoreWord?: string;
-
-			/** Returns the target content.
-			 */
-			targetContent?: string;
-
-			/** Returns the index of an error word.
-			 */
-			index?: number;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the validating request type.
-			 */
-			requestType?: string;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-
-			/** Returns the error word to change.
-			 */
-			changeableWord?: string;
-
-			/** Returns the change word to replace the error word.
-			 */
-			changeWord?: string;
-
-			/** Returns the custom word to add into dictionary file.
-			 */
-			customWord?: string;
-		}
-
-		export interface TargetUpdatingEventArgs {
-
-			/** Returns the previous target element value.
-			 */
-			previousElement?: any;
-
-			/** Returns the current target element value.
-			 */
-			currentElement?: any;
-
-			/** Returns the target html value.
-			 */
-			targetHtml?: string;
-
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-
-			/** Returns the SpellCheck model.
-			 */
-			model?: ej.SpellCheck.Model;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface DictionarySettings {
-
-			/** The dictionaryUrl option accepts string, which is the method path to find the error words and get the suggestions to correct the errors.
-			 */
-			dictionaryUrl?: string;
-
-			/** The customDictionaryUrl option accepts string, which is the method path to add the error word into the custom dictionary.
-			 */
-			customDictionaryUrl?: string;
-		}
-
-		export interface ContextMenuSettings {
-
-			/** When set to true, enables the context menu options available for the SpellCheck.
-			 * @Default {true}
-			 */
-			enable?: boolean;
-
-			/** Contains all the default context menu options that are applicable for SpellCheck. It also supports adding custom menu items.
-			 * All the SpellCheck related context menu items are grouped under this menu collection.
-			 * @Default {{% highlight javascript %}[{ id: IgnoreAll, text: Ignore All },{ id: AddToDictionary, text: Add To Dictionary }]{% endhighlight %}}
-			 */
-			menuItems?: any[];
-		}
-
-		export interface IgnoreSettings {
-
-			/** When set to true, ignoring the alphanumeric words from the error word consideration.
-			 * @Default {true}
-			 */
-			ignoreAlphaNumericWords?: string;
-
-			/** When set to true, ignoring the Email address from the error word consideration.
-			 * @Default {true}
-			 */
-			ignoreEmailAddress?: boolean;
-
-			/** When set to true, ignoring the MixedCase words from the error word consideration.
-			 * @Default {true}
-			 */
-			ignoreMixedCaseWords?: boolean;
-
-			/** When set to true, ignoring the UpperCase words from the error word consideration.
-			 * @Default {true}
-			 */
-			ignoreUpperCase?: boolean;
-
-			/** When set to true, ignoring the Url from the error word consideration.
-			 * @Default {true}
-			 */
-			ignoreUrl?: boolean;
-
-			/** When set to true, ignoring the file address path from the error word consideration.
-			 * @Default {true}
-			 */
-			ignoreFileNames?: boolean;
-		}
-	}
-
-	class DocumentEditor extends ej.Widget {
-		static fn: DocumentEditor;
-		constructor(element: JQuery | Element, options?: DocumentEditor.Model);
-		static Locale: any;
-		model: DocumentEditor.Model;
-		defaults: DocumentEditor.Model;
-
-		/** Loads the document from specified path using web API provided by importUrl.
-		 * @param {string} Specifies the file path.
-		 * @returns {void}
-		 */
-		load(path: string): void;
-
-		/** Gets the page number of current selection in the document.
-		 * @returns {number}
-		 */
-		getCurrentPageNumber(): number;
-
-		/** Gets the total number of pages in the document.
-		 * @returns {number}
-		 */
-		getPageCount(): number;
-
-		/** Gets the text of current selection in the document.
-		 * @returns {string}
-		 */
-		getSelectedText(): string;
-
-		/** Gets the current zoom factor value of the document editor.
-		 * @returns {number}
-		 */
-		getZoomFactor(): number;
-
-		/** Scales the document editor with the specified zoom factor. The range of zoom factor should be 0.10 to 5.00 (10 - 500 %).
-		 * @param {number} Specifies the factor for zooming.
-		 * @returns {void}
-		 */
-		setZoomFactor(factor: number): void;
-
-		/** Prints the document content as page by page.
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** Finds the first occurrence of specified text from current selection and  highlights the result. If the document end is reached, find operation will occur from the document start position.
-		 * @param {string} Specifies the text to search in a document.
-		 * @returns {void}
-		 */
-		find(text: string): void;
-	}
-	export namespace DocumentEditor {
-
-		export interface Model {
-
-			/** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
-			 */
-			importExportSettings?: ImportExportSettings;
-
-			/** Triggers when the document changes. */
-			onDocumentChange?(e: OnDocumentChangeEventArgs): void;
-
-			/** Triggers when the selection changes. */
-			onSelectionChange?(e: OnSelectionChangeEventArgs): void;
-
-			/** Triggers when the zoom factor changes. */
-			onZoomFactorChange?(e: OnZoomFactorChangeEventArgs): void;
-
-			/** Triggers when the hyperlink is clicked. */
-			onRequestNavigate?(e: OnRequestNavigateEventArgs): void;
-		}
-
-		export interface OnDocumentChangeEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the document editor model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OnSelectionChangeEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the document editor model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OnZoomFactorChangeEventArgs {
-
-			/** True, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the document editor model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface OnRequestNavigateEventArgs {
-
-			/** true, if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** Returns the document editor model.
-			 */
-			model?: any;
-
-			/** Returns the link type and navigation link.
-			 */
-			hyperlink?: any;
-
-			/** Returns the name of the event.
-			 */
-			type?: string;
-		}
-
-		export interface ImportExportSettings {
-
-			/** Gets or sets URL of Web API that should be used to parse the document while loading.
-			 */
-			importUrl?: string;
-		}
-	}
+	///Height filled to the content of the panel
+	Fill
+}
 
 }
 
-declare namespace ej.datavisualization {
+class Autocomplete extends ej.Widget {
+	static fn: Autocomplete;
+	constructor(element: JQuery, options?: Autocomplete.Model);
+	constructor(element: Element, options?: Autocomplete.Model);
+	static Locale: any;
+	model:Autocomplete.Model;
+	defaults:Autocomplete.Model;
+
+	/** Clears the text in the Autocomplete textbox.
+	*   @returns {void}
+	*/
+	clearText(): void;
+
+	/** Destroys the Autocomplete widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the autocomplete widget.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the autocomplete widget.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns objects (data object) of all the selected items in the autocomplete textbox.
+	*   @returns {any}
+	*/
+	getSelectedItems(): any;
+
+	/** Returns the current selected value from the Autocomplete textbox.
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** Returns the current active text value in the Autocomplete suggestion list.
+	*   @returns {string}
+	*/
+	getActiveText(): string;
+
+	/** Search the entered text and show it in the suggestion list if available.
+	*   @returns {void}
+	*/
+	search(): void;
+
+	/** Open up the autocomplete suggestion popup with all list items.
+	*   @returns {void}
+	*/
+	open(): void;
+
+	/** Sets the value of the Autocomplete textbox based on the given key value.
+	*   @param {string} The key value of the specific suggestion item.
+	*   @returns {void}
+	*/
+	selectValueByKey(Key: string): void;
+
+	/** Sets the value of the Autocomplete textbox based on the given input text value.
+	*   @param {string} The text (label) value of the specific suggestion item.
+	*   @returns {void}
+	*/
+	selectValueByText(Text: string): void;
+}
+export module Autocomplete{
+
+export interface Model {
+
+	/** Customize &quot;Add New&quot; text (label) to be added in the autocomplete popup list for the entered text when there are no suggestions for it.
+	*   @Default {Add New}
+	*/
+	addNewText?: string;
+
+	/** Allows new values to be added to the autocomplete input other than the values in the suggestion list. Normally, when there are no suggestions it will display “No suggestions” label in the popup.
+	*   @Default {false}
+	*/
+	allowAddNew?: boolean;
+
+	/** Enables or disables the sorting of suggestion list item. The default sort order is ascending order. You customize sort order.
+	*   @Default {true}
+	*/
+	allowSorting?: boolean;
+
+	/** Enables or disables selecting the animation style for the popup list. Animation types can be selected through either of the following options,
+	*   @Default {slide}
+	*/
+	animateType?: ej.Autocomplete.Animation|string;
+
+	/** To focus the items in the suggestion list when the popup is shown. By default first item will be focused.
+	*   @Default {false}
+	*/
+	autoFocus?: boolean;
+
+	/** Enables or disables the case sensitive search.
+	*   @Default {false}
+	*/
+	caseSensitiveSearch?: boolean;
+
+	/** The root class for the Autocomplete textbox widget which helps in customizing its theme.
+	*   @Default {””}
+	*/
+	cssClass?: string;
+
+	/** The data source contains the list of data for the suggestions list. It can be a string array or JSON array or service URL that returns JSON.
+	*   @Default {null}
+	*/
+	dataSource?: any|Array<any>;
+
+	/** The time delay (in milliseconds) after which the suggestion popup will be shown.
+	*   @Default {200}
+	*/
+	delaySuggestionTimeout?: number;
+
+	/** The special character which acts as a separator for the given words for multi-mode search i.e. the text after the delimiter are considered as a separate word or query for search operation.
+	*   @Default {’,’}
+	*/
+	delimiterChar?: string;
+
+	/** The text to be displayed in the popup when there are no suggestions available for the entered text.
+	*   @Default {“No suggestions”}
+	*/
+	emptyResultText?: string;
+
+	/** Fills the autocomplete textbox with the first matched item from the suggestion list automatically based on the entered text when enabled.
+	*   @Default {false}
+	*/
+	enableAutoFill?: boolean;
+
+	/** Enables or disables the Autocomplete textbox widget.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Enables or disables displaying the duplicate names present in the search result.
+	*   @Default {false}
+	*/
+	enableDistinct?: boolean;
+
+	/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true. While refreshing the page, it retains the model value from browser cookies or local storage.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Displays the Autocomplete widget’s content from right to left when enabled.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Mapping fields for the suggestion items of the Autocomplete textbox widget.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
+	*   @Default {ej.filterType.StartsWith}
+	*/
+	filterType?: string;
+
+	/** The height of the Autocomplete textbox.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** The search text can be highlighted in the AutoComplete suggestion list when enabled.
+	*   @Default {false}
+	*/
+	highlightSearch?: boolean;
+
+	/** Number of items to be displayed in the suggestion list.
+	*   @Default {0}
+	*/
+	itemsCount?: number;
+
+	/** Set the localization culture for Autocomplete Widget.
+	*/
+	locale?: string;
+
+	/** Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
+	*   @Default {1}
+	*/
+	minCharacter?: number;
+
+	/** An Autocomplete column collection can be defined and customized through the multiColumnSettings property.Column's header, field, and stringFormat can be define via multiColumnSettings properties.
+	*/
+	multiColumnSettings?: MultiColumnSettings;
+
+	/** Enables or disables selecting multiple values from the suggestion list. Multiple values can be selected through either of the following options,
+	*   @Default {ej.MultiSelectMode.None}
+	*/
+	multiSelectMode?: ej.Autocomplete.MultiSelectMode|string;
+
+	/** The height of the suggestion list.
+	*   @Default {“152px”}
+	*/
+	popupHeight?: string;
+
+	/** The width of the suggestion list.
+	*   @Default {“auto”}
+	*/
+	popupWidth?: string;
+
+	/** The query to retrieve the data from the data source.
+	*   @Default {null}
+	*/
+	query?: ej.Query;
+
+	/** Indicates that the autocomplete textbox values can only be readable.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Sets the value for the Autocomplete textbox based on the given input key value.
+	*/
+	selectValueByKey?: number;
+
+	/** Enables or disables showing the message when there are no suggestions for the entered text.
+	*   @Default {true}
+	*/
+	showEmptyResultText?: boolean;
+
+	/** Enables or disables the loading icon to intimate the searching operation. The loading icon is visible when there is a time delay to perform the search.
+	*   @Default {true}
+	*/
+	showLoadingIcon?: boolean;
+
+	/** Enables the showPopup button in autocomplete textbox. When the showPopup button is clicked, it displays all the available data from the data source.
+	*   @Default {false}
+	*/
+	showPopupButton?: boolean;
+
+	/** Enables or disables rounded corner.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Enables or disables reset icon to clear the textbox values.
+	*   @Default {false}
+	*/
+	showResetIcon?: boolean;
+
+	/** Sort order specifies whether the suggestion list values has to be displayed in ascending or descending order.
+	*   @Default {ej.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.Autocomplete.SortOrder|string;
+
+	/** The template to display the suggestion list items with customized appearance.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** The jQuery validation error message to be displayed on form validation.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** The jQuery validation rules for form validation.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** The value to be displayed in the autocomplete textbox.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Enables or disables the visibility of the autocomplete textbox.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** The text to be displayed when the value of the autocomplete textbox is empty.
+	*   @Default {null}
+	*/
+	watermarkText?: string;
+
+	/** The width of the Autocomplete textbox.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Triggers when the AJAX requests Begins. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget. */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
 
-	class SymbolPalette extends ej.Widget {
-		static fn: SymbolPalette;
-		constructor(element: JQuery | Element, options?: SymbolPalette.Model);
-		static Locale: any;
-		model: SymbolPalette.Model;
-		defaults: SymbolPalette.Model;
+	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
 
-		/** Add items to Palettes at runtime
-		 * @param {string} name of the Palette
-		 * @param {any} JSON for the new items to added in Palette
-		 * @returns {void}
-		 */
-		addPaletteItem(paletteName: string, node: any): void;
+	/** Triggers when the data requested from AJAX get failed. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Triggers when the text box value is changed. */
+	change? (e: ChangeEventArgs): void;
 
-		/** Remove items to Palettes at runtime
-		 * @param {string} name of the Palette
-		 * @param {any} JSON for the new node to removed in Palette
-		 * @returns {void}
-		 */
-		removePaletteItem(paletteName: string, node: any): void;
-	}
-	export namespace SymbolPalette {
+	/** Triggers after the suggestion popup is closed. */
+	close? (e: CloseEventArgs): void;
 
-		export interface Model {
+	/** Triggers when Autocomplete widget is created. */
+	create? (e: CreateEventArgs): void;
 
-			/** Defines whether the symbols can be dragged from palette or not
-			 * @Default {true}
-			 */
-			allowDrag?: boolean;
+	/** Triggers after the Autocomplete widget is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
 
-			/** Customizes the style of the symbol palette
-			 * @Default {e-symbolpalette}
-			 */
-			cssClass?: string;
+	/** Triggers after the autocomplete textbox is focused. */
+	focusIn? (e: FocusInEventArgs): void;
 
-			/** Defines the default properties of nodes and connectors
-			 */
-			defaultSettings?: DefaultSettings;
+	/** Triggers after the Autocomplete textbox gets out of the focus. */
+	focusOut? (e: FocusOutEventArgs): void;
 
-			/** Sets the Id of the diagram, over which the symbols will be dropped
-			 * @Default {null}
-			 */
-			diagramId?: string;
+	/** Triggers after the suggestion list is opened. */
+	open? (e: OpenEventArgs): void;
 
-			/** Sets the height of the palette headers
-			 * @Default {30}
-			 */
-			headerHeight?: number;
+	/** Triggers when an item has been selected from the suggestion list. */
+	select? (e: SelectEventArgs): void;
+}
 
-			/** Defines the height of the symbol palette
-			 * @Default {400}
-			 */
-			height?: number;
+export interface ActionBeginEventArgs {
 
-			/** Defines the height of the palette items
-			 * @Default {50}
-			 */
-			paletteItemHeight?: number;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Defines the width of the palette items
-			 * @Default {50}
-			 */
-			paletteItemWidth?: number;
+	/** returns the Autocomplete model
+	*/
+	model?: any;
 
-			/** An array of JSON objects, where each object represents a node/connector
-			 * @Default {[]}
-			 */
-			palettes?: Palette[];
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-			/** Defines the preview height of the symbols
-			 * @Default {100}
-			 */
-			previewHeight?: number;
+export interface ActionSuccessEventArgs {
 
-			/** Defines the offset value to be left between the mouse cursor and symbol previews
-			 * @Default {(110, 110)}
-			 */
-			previewOffset?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Defines the width of the symbol previews
-			 * @Default {100}
-			 */
-			previewWidth?: number;
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
 
-			/** Enable or disable the palette item text
-			 * @Default {true}
-			 */
-			showPaletteItemText?: boolean;
+	/** returns the Autocomplete model
+	*/
+	model?: any;
 
-			/** The width of the palette
-			 * @Default {250}
-			 */
-			width?: number;
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
 
-			/** Triggers when a palette item is selected or unselected */
-			selectionChange?(e: SelectionChangeEventArgs): void;
-		}
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
 
-		export interface SelectionChangeEventArgs {
+	/** returns the name of the event
+	*/
+	type?: string;
 
-			/** returns whether an element is selected or unselected
-			 */
-			changeType?: string;
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
 
-			/** returns the node or connector that is selected or unselected
-			 */
-			element?: any;
-		}
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
 
-		export interface DefaultSettings {
+export interface ActionCompleteEventArgs {
 
-			/** Defines the default properties of the nodes
-			 * @Default {null}
-			 */
-			node?: any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-			/** Defines the default properties of the connectors
-			 * @Default {null}
-			 */
-			connector?: any;
-		}
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
 
-		export interface Palette {
+	/** returns the Autocomplete model
+	*/
+	model?: any;
 
-			/** Defines the name of the palette
-			 * @Default {null}
-			 */
-			name?: string;
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
 
-			/** Defines whether the palette must be in expanded state or in collapsed state
-			 * @Default {true}
-			 */
-			expanded?: boolean;
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
 
-			/** Defines the palette items
-			 * @Default {[]}
-			 */
-			items?: any[];
-		}
-	}
+	/** returns the name of the event
+	*/
+	type?: string;
 
-	class LinearGauge extends ej.Widget {
-		static fn: LinearGauge;
-		constructor(element: JQuery | Element, options?: LinearGauge.Model);
-		static Locale: any;
-		model: LinearGauge.Model;
-		defaults: LinearGauge.Model;
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
 
-		/** destroy the linear gauge all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
 
-		/** To export Image
-		 * @returns {void}
-		 */
-		exportImage(): void;
+export interface ActionFailureEventArgs {
 
-		/** To get Bar Distance From Scale in number
-		 * @returns {any}
-		 */
-		getBarDistanceFromScale(): any;
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
 
-		/** To get Bar Pointer Value in number
-		 * @returns {any}
-		 */
-		getBarPointerValue(): any;
+	/** Returns the error message
+	*/
+	error?: any;
 
-		/** To get Bar Width in number
-		 * @returns {any}
-		 */
-		getBarWidth(): any;
+	/** returns the Autocomplete model
+	*/
+	model?: any;
 
-		/** To get CustomLabel Angle in number
-		 * @returns {any}
-		 */
-		getCustomLabelAngle(): any;
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
 
-		/** To get CustomLabel Value in string
-		 * @returns {any}
-		 */
-		getCustomLabelValue(): any;
+	/** returns the name of the event
+	*/
+	type?: string;
+}
 
-		/** To get Label Angle in number
-		 * @returns {any}
-		 */
-		getLabelAngle(): any;
+export interface ChangeEventArgs {
 
-		/** To get LabelPlacement in number
-		 * @returns {any}
-		 */
-		getLabelPlacement(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get LabelStyle in number
-		 * @returns {any}
-		 */
-		getLabelStyle(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get Label XDistance From Scale in number
-		 * @returns {any}
-		 */
-		getLabelXDistanceFromScale(): any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-		/** To get PointerValue in number
-		 * @returns {any}
-		 */
-		getLabelYDistanceFromScale(): any;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
+}
 
-		/** To get Major Interval Value in number
-		 * @returns {any}
-		 */
-		getMajorIntervalValue(): any;
+export interface CloseEventArgs {
 
-		/** To get MarkerStyle in number
-		 * @returns {any}
-		 */
-		getMarkerStyle(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get Maximum Value in number
-		 * @returns {any}
-		 */
-		getMaximumValue(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get PointerValue in number
-		 * @returns {any}
-		 */
-		getMinimumValue(): any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-		/** To get Minor Interval Value in number
-		 * @returns {any}
-		 */
-		getMinorIntervalValue(): any;
+export interface CreateEventArgs {
 
-		/** To get Pointer Distance From Scale in number
-		 * @returns {any}
-		 */
-		getPointerDistanceFromScale(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get PointerHeight in number
-		 * @returns {any}
-		 */
-		getPointerHeight(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get Pointer Placement in String
-		 * @returns {any}
-		 */
-		getPointerPlacement(): any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-		/** To get PointerValue in number
-		 * @returns {any}
-		 */
-		getPointerValue(): any;
+export interface DestroyEventArgs {
 
-		/** To get PointerWidth in number
-		 * @returns {any}
-		 */
-		getPointerWidth(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get Range Border Width in number
-		 * @returns {any}
-		 */
-		getRangeBorderWidth(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get Range Distance From Scale in number
-		 * @returns {any}
-		 */
-		getRangeDistanceFromScale(): any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-		/** To get Range End Value in number
-		 * @returns {any}
-		 */
-		getRangeEndValue(): any;
+export interface FocusInEventArgs {
 
-		/** To get Range End Width in number
-		 * @returns {any}
-		 */
-		getRangeEndWidth(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get Range Position in number
-		 * @returns {any}
-		 */
-		getRangePosition(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get Range Start Value in number
-		 * @returns {any}
-		 */
-		getRangeStartValue(): any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-		/** To get Range Start Width in number
-		 * @returns {any}
-		 */
-		getRangeStartWidth(): any;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
+}
 
-		/** To get ScaleBarLength in number
-		 * @returns {any}
-		 */
-		getScaleBarLength(): any;
+export interface FocusOutEventArgs {
 
-		/** To get Scale Bar Size in number
-		 * @returns {any}
-		 */
-		getScaleBarSize(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get Scale Border Width in number
-		 * @returns {any}
-		 */
-		getScaleBorderWidth(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get Scale Direction in number
-		 * @returns {any}
-		 */
-		getScaleDirection(): any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-		/** To get Scale Location in object
-		 * @returns {any}
-		 */
-		getScaleLocation(): any;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
+}
 
-		/** To get Scale Style in string
-		 * @returns {any}
-		 */
-		getScaleStyle(): any;
+export interface OpenEventArgs {
 
-		/** To get Tick Angle in number
-		 * @returns {any}
-		 */
-		getTickAngle(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get Tick Height in number
-		 * @returns {any}
-		 */
-		getTickHeight(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get getTickPlacement in number
-		 * @returns {any}
-		 */
-		getTickPlacement(): any;
+	/** Name of the event.
+	*/
+	type?: string;
+}
 
-		/** To get Tick Style in string
-		 * @returns {any}
-		 */
-		getTickStyle(): any;
+export interface SelectEventArgs {
 
-		/** To get Tick Width in number
-		 * @returns {any}
-		 */
-		getTickWidth(): any;
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
 
-		/** To get get Tick XDistance From Scale in number
-		 * @returns {any}
-		 */
-		getTickXDistanceFromScale(): any;
+	/** Instance of the autocomplete model object.
+	*/
+	model?: ej.Autocomplete.Model;
 
-		/** To get Tick YDistance From Scale in number
-		 * @returns {any}
-		 */
-		getTickYDistanceFromScale(): any;
+	/** Name of the event.
+	*/
+	type?: string;
 
-		/** Specifies the scales.
-		 * @returns {void}
-		 */
-		scales(): void;
+	/** Value of the autocomplete textbox.
+	*/
+	value?: string;
 
-		/** To set setBarDistanceFromScale
-		 * @returns {void}
-		 */
-		setBarDistanceFromScale(): void;
+	/** Text of the selected item.
+	*/
+	text?: string;
 
-		/** To set setBarPointerValue
-		 * @returns {void}
-		 */
-		setBarPointerValue(): void;
+	/** Key of the selected item.
+	*/
+	key?: string;
 
-		/** To set setBarWidth
-		 * @returns {void}
-		 */
-		setBarWidth(): void;
+	/** Data object of the selected item.
+	*/
+	Item?: ej.Autocomplete.Model;
+}
 
-		/** To set setCustomLabelAngle
-		 * @returns {void}
-		 */
-		setCustomLabelAngle(): void;
+export interface Fields {
 
-		/** To set setCustomLabelValue
-		 * @returns {void}
-		 */
-		setCustomLabelValue(): void;
+	/** Used to group the suggestion list items.
+	*/
+	groupBy?: string;
 
-		/** To set setLabelAngle
-		 * @returns {void}
-		 */
-		setLabelAngle(): void;
+	/** Defines the HTML attributes such as id, class, styles for the item.
+	*/
+	htmlAttributes?: any;
 
-		/** To set setLabelPlacement
-		 * @returns {void}
-		 */
-		setLabelPlacement(): void;
+	/** Defines the specific field name which contains unique key values for the list items.
+	*/
+	key?: string;
 
-		/** To set setLabelStyle
-		 * @returns {void}
-		 */
-		setLabelStyle(): void;
+	/** Defines the specific field name in the data source to load the suggestion list with data.
+	*/
+	text?: string;
+}
 
-		/** To set setLabelXDistanceFromScale
-		 * @returns {void}
-		 */
-		setLabelXDistanceFromScale(): void;
+export interface MultiColumnSettingsColumn {
 
-		/** To set setLabelYDistanceFromScale
-		 * @returns {void}
-		 */
-		setLabelYDistanceFromScale(): void;
+	/** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
+	*/
+	field?: string;
 
-		/** To set setMajorIntervalValue
-		 * @returns {void}
-		 */
-		setMajorIntervalValue(): void;
+	/** Get or set a value that indicates to display the title of that particular column.
+	*/
+	headerText?: string;
 
-		/** To set setMarkerStyle
-		 * @returns {void}
-		 */
-		setMarkerStyle(): void;
+	/** Gets or sets a value that indicates to render the multicolumn with custom theme.
+	*/
+	cssClass?: string;
 
-		/** To set setMaximumValue
-		 * @returns {void}
-		 */
-		setMaximumValue(): void;
+	/** Specifies the search data type. There are four types of data types available such as string, ‘number’, ‘boolean’ and ‘date’.
+	*   @Default {ej.Type.String}
+	*/
+	type?: ej.Type|string;
 
-		/** To set setMinimumValue
-		 * @returns {void}
-		 */
-		setMinimumValue(): void;
+	/** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
+	*   @Default {ej.filterType.StartsWith}
+	*/
+	filterType?: ej.filterType|string;
 
-		/** To set setMinorIntervalValue
-		 * @returns {void}
-		 */
-		setMinorIntervalValue(): void;
+	/** This defines the text alignment of a particular column header cell value. See headerTextAlign
+	*   @Default {ej.TextAlign.Left}
+	*/
+	headerTextAlign?: ej.TextAlign|string;
 
-		/** To set setPointerDistanceFromScale
-		 * @returns {void}
-		 */
-		setPointerDistanceFromScale(): void;
+	/** Gets or sets a value that indicates to align the text within the column. See textAlign
+	*   @Default {ej.TextAlign.Left}
+	*/
+	textAlign?: ej.TextAlign|string;
+}
 
-		/** To set PointerHeight
-		 * @returns {void}
-		 */
-		setPointerHeight(): void;
+export interface MultiColumnSettings {
 
-		/** To set setPointerPlacement
-		 * @returns {void}
-		 */
-		setPointerPlacement(): void;
+	/** Allow list of data to be displayed in several columns.
+	*   @Default {false}
+	*/
+	enable?: boolean;
 
-		/** To set PointerValue
-		 * @returns {void}
-		 */
-		setPointerValue(): void;
+	/** Allow header text to be displayed in corresponding columns.
+	*   @Default {true}
+	*/
+	showHeader?: boolean;
 
-		/** To set PointerWidth
-		 * @returns {void}
-		 */
-		setPointerWidth(): void;
+	/** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
+	*/
+	stringFormat?: string;
 
-		/** To set setRangeBorderWidth
-		 * @returns {void}
-		 */
-		setRangeBorderWidth(): void;
+	/** Field and Header Text collections can be defined and customized through columns field.
+	*/
+	columns?: Array<MultiColumnSettingsColumn>;
+}
 
-		/** To set setRangeDistanceFromScale
-		 * @returns {void}
-		 */
-		setRangeDistanceFromScale(): void;
+enum Animation{
 
-		/** To set setRangeEndValue
-		 * @returns {void}
-		 */
-		setRangeEndValue(): void;
+	///Supports to animation type with none type only.
+	None,
 
-		/** To set setRangeEndWidth
-		 * @returns {void}
-		 */
-		setRangeEndWidth(): void;
+	///Supports to animation type with slide type only.
+	Slide,
 
-		/** To set setRangePosition
-		 * @returns {void}
-		 */
-		setRangePosition(): void;
+	///Supports to animation type with fade type only.
+	Fade
+}
 
-		/** To set setRangeStartValue
-		 * @returns {void}
-		 */
-		setRangeStartValue(): void;
 
-		/** To set setRangeStartWidth
-		 * @returns {void}
-		 */
-		setRangeStartWidth(): void;
+enum MultiSelectMode{
 
-		/** To set setScaleBarLength
-		 * @returns {void}
-		 */
-		setScaleBarLength(): void;
+	///Multiple values are separated using a given special character.
+	Delimiter,
 
-		/** To set setScaleBarSize
-		 * @returns {void}
-		 */
-		setScaleBarSize(): void;
+	///Each values are displayed in separate box with close button.
+	VisualMode
+}
 
-		/** To set setScaleBorderWidth
-		 * @returns {void}
-		 */
-		setScaleBorderWidth(): void;
 
-		/** To set setScaleDirection
-		 * @returns {void}
-		 */
-		setScaleDirection(): void;
+enum SortOrder{
 
-		/** To set setScaleLocation
-		 * @returns {void}
-		 */
-		setScaleLocation(): void;
+	///Items to be displayed in the suggestion list in ascending order.
+	Ascending,
 
-		/** To set setScaleStyle
-		 * @returns {void}
-		 */
-		setScaleStyle(): void;
-
-		/** To set setTickAngle
-		 * @returns {void}
-		 */
-		setTickAngle(): void;
-
-		/** To set setTickHeight
-		 * @returns {void}
-		 */
-		setTickHeight(): void;
-
-		/** To set setTickPlacement
-		 * @returns {void}
-		 */
-		setTickPlacement(): void;
-
-		/** To set setTickStyle
-		 * @returns {void}
-		 */
-		setTickStyle(): void;
-
-		/** To set setTickWidth
-		 * @returns {void}
-		 */
-		setTickWidth(): void;
-
-		/** To set setTickXDistanceFromScale
-		 * @returns {void}
-		 */
-		setTickXDistanceFromScale(): void;
-
-		/** To set setTickYDistanceFromScale
-		 * @returns {void}
-		 */
-		setTickYDistanceFromScale(): void;
-	}
-	export namespace LinearGauge {
-
-		export interface Model {
-
-			/** Specifies the animationSpeed
-			 * @Default {500}
-			 */
-			animationSpeed?: number;
-
-			/** Specifies the backgroundColor for Linear gauge.
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the borderColor for Linear gauge.
-			 * @Default {null}
-			 */
-			borderColor?: string;
-
-			/** Specifies the animate state
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Specifies the animate state for marker pointer
-			 * @Default {true}
-			 */
-			enableMarkerPointerAnimation?: boolean;
-
-			/** Specifies the can resize state.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Used to Convert the date object to  string while using the  locale settings
-			 * @Default {false}
-			 */
-			enableGroupSeparator?: boolean;
-
-			/** Responsiveness of the linear gauge is controlled
-			 * @Default {false}
-			 */
-			enableResize?: boolean;
-
-			/** Specify frame of linear gauge
-			 * @Default {null}
-			 */
-			frame?: Frame;
-
-			/** Specifies the height of Linear gauge.
-			 * @Default {400}
-			 */
-			height?: number;
-
-			/** Specifies the labelColor for Linear gauge.
-			 * @Default {null}
-			 */
-			labelColor?: string;
-			/** Set the  localization culture  for the Linear gauge
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the maximum value of Linear gauge.
-			 * @Default {100}
-			 */
-			maximum?: number;
-
-			/** Specifies the minimum value of Linear gauge.
-			 * @Default {0}
-			 */
-			minimum?: number;
-
-			/** Specifies the orientation for Linear gauge.
-			 * @Default {Vertical}
-			 */
-			orientation?: string;
-
-			/** Specify labelPosition value of Linear gauge See OuterCustomLabelPosition
-			 * @Default {bottom}
-			 */
-			outerCustomLabelPosition?: ej.datavisualization.LinearGauge.OuterCustomLabelPosition | string;
-
-			/** Specifies the pointerGradient1 for Linear gauge.
-			 * @Default {null}
-			 */
-			pointerGradient1?: any;
-
-			/** Specifies the pointerGradient2 for Linear gauge.
-			 * @Default {null}
-			 */
-			pointerGradient2?: any;
-
-			/** Specifies the read only state.
-			 * @Default {true}
-			 */
-			readOnly?: boolean;
-
-			/** Specifies the scales
-			 * @Default {null}
-			 */
-			scales?: Scale[];
-
-			/** Specifies the theme for Linear gauge. See LinearGauge.Themes
-			 * @Default {flatlight}
-			 */
-			theme?: ej.datavisualization.LinearGauge.Themes | string;
-
-			/** Specifies the tick Color for Linear gauge.
-			 * @Default {null}
-			 */
-			tickColor?: string;
-
-			/** Specify tooltip options of linear gauge
-			 * @Default {false}
-			 */
-			tooltip?: Tooltip;
-
-			/** Specifies the value of the Gauge.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Specifies the width of Linear gauge.
-			 * @Default {150}
-			 */
-			width?: number;
-
-			/** Triggers while the bar pointer are being drawn on the gauge. */
-			drawBarPointers?(e: DrawBarPointersEventArgs): void;
-
-			/** Triggers while the customLabel are being drawn on the gauge. */
-			drawCustomLabel?(e: DrawCustomLabelEventArgs): void;
-
-			/** Triggers while the Indicator are being drawn on the gauge. */
-			drawIndicators?(e: DrawIndicatorsEventArgs): void;
-
-			/** Triggers while the label are being drawn on the gauge. */
-			drawLabels?(e: DrawLabelsEventArgs): void;
-
-			/** Triggers while the marker are being drawn on the gauge. */
-			drawMarkerPointers?(e: DrawMarkerPointersEventArgs): void;
-
-			/** Triggers while the range are being drawn on the gauge. */
-			drawRange?(e: DrawRangeEventArgs): void;
-
-			/** Triggers while the ticks are being drawn on the gauge. */
-			drawTicks?(e: DrawTicksEventArgs): void;
-
-			/** Triggers when the gauge is initialized. */
-			init?(e: InitEventArgs): void;
-
-			/** Triggers while the gauge start to Load. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when the left mouse button is clicked. */
-			mouseClick?(e: MouseClickEventArgs): void;
-
-			/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-			mouseClickMove?(e: MouseClickMoveEventArgs): void;
-
-			/** Triggers when the mouse click is released. */
-			mouseClickUp?(e: MouseClickUpEventArgs): void;
-
-			/** Triggers while the rendering of the gauge completed. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-		}
-
-		export interface DrawBarPointersEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the pointer
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the current Bar pointer element.
-			 */
-			barElement?: any;
-
-			/** returns the index of the bar pointer.
-			 */
-			barPointerIndex?: number;
-
-			/** returns the value of the bar pointer.
-			 */
-			PointerValue?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface DrawCustomLabelEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the customLabel
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the customLabel style
-			 */
-			style?: any;
-
-			/** returns the current customLabel element.
-			 */
-			customLabelElement?: any;
-
-			/** returns the index of the customLabel.
-			 */
-			customLabelIndex?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface DrawIndicatorsEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the Indicator
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the Indicator style
-			 */
-			style?: string;
-
-			/** returns the current Indicator element.
-			 */
-			IndicatorElement?: any;
-
-			/** returns the index of the Indicator.
-			 */
-			IndicatorIndex?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface DrawLabelsEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the label
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the label belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the label style
-			 */
-			style?: string;
-
-			/** returns the angle of the label.
-			 */
-			angle?: number;
-
-			/** returns the current label element.
-			 */
-			element?: any;
-
-			/** returns the index of the label.
-			 */
-			index?: number;
-
-			/** returns the label value of the label.
-			 */
-			value?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface DrawMarkerPointersEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the pointer
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the ticks style
-			 */
-			style?: string;
-
-			/** returns the current marker pointer element.
-			 */
-			markerElement?: any;
-
-			/** returns the index of the marker pointer.
-			 */
-			markerPointerIndex?: number;
-
-			/** returns the value of the marker pointer.
-			 */
-			pointerValue?: number;
-
-			/** returns the angle of the marker pointer.
-			 */
-			pointerAngle?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface DrawRangeEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the range
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the range style
-			 */
-			style?: string;
-
-			/** returns the current range element.
-			 */
-			rangeElement?: any;
-
-			/** returns the index of the range.
-			 */
-			rangeIndex?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface DrawTicksEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the ticks
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the tick belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the ticks style
-			 */
-			style?: string;
-
-			/** returns the angle of the tick.
-			 */
-			angle?: number;
-
-			/** returns the current tick element.
-			 */
-			element?: any;
-
-			/** returns the index of the tick.
-			 */
-			index?: number;
-
-			/** returns the tick value of the tick.
-			 */
-			value?: number;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface InitEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface MouseClickEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the context element* @param {Object} args.markerpointer returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			markerpointerindex?: number;
-
-			/** returns the pointer element.
-			 */
-			markerpointerelement?: any;
-
-			/** returns the value of the pointer.
-			 */
-			markerpointervalue?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
-
-		export interface MouseClickMoveEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			index?: number;
-
-			/** returns the pointer element.
-			 */
-			element?: any;
-
-			/** returns the value of the pointer.
-			 */
-			value?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
-
-		export interface MouseClickUpEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the context element* @param {Object} args.markerpointer returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			markerpointerIndex?: number;
-
-			/** returns the pointer element.
-			 */
-			markerpointerElement?: any;
-
-			/** returns the value of the pointer.
-			 */
-			markerpointerValue?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-		}
-
-		export interface Frame {
-
-			/** Specifies the frame background image URL of linear gauge
-			 * @Default {null}
-			 */
-			backgroundImageUrl?: string;
-
-			/** Specifies the frame InnerWidth
-			 * @Default {8}
-			 */
-			innerWidth?: number;
-
-			/** Specifies the frame OuterWidth
-			 * @Default {12}
-			 */
-			outerWidth?: number;
-		}
-
-		export interface ScalesBarPointersBorder {
-
-			/** Specifies the border Color of bar pointer
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the border Width of bar pointer
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesBarPointer {
-
-			/** Specifies the backgroundColor of bar pointer
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the border of bar pointer
-			 * @Default {null}
-			 */
-			border?: ScalesBarPointersBorder;
-
-			/** Specifies the distanceFromScale of bar pointer
-			 * @Default {0}
-			 */
-			distanceFromScale?: number;
-
-			/** Specifies the scaleBar Gradient of bar pointer
-			 * @Default {null}
-			 */
-			gradients?: any;
-
-			/** Specifies the opacity of bar pointer
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the value of bar pointer
-			 * @Default {null}
-			 */
-			value?: number;
-
-			/** Specifies the pointer Width of bar pointer
-			 * @Default {width=30}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesBorder {
-
-			/** Specifies the border color of the Scale.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the border width of the Scale.
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesCustomLabelsFont {
-
-			/** Specifies the fontFamily in customLabels
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle in customLabels. See FontStyle
-			 * @Default {Bold}
-			 */
-			fontStyle?: ej.datavisualization.LinearGauge.FontStyle | string;
-
-			/** Specifies the font size in customLabels
-			 * @Default {11px}
-			 */
-			size?: string;
-		}
-
-		export interface ScalesCustomLabelsPosition {
-
-			/** Specifies the position x in customLabels
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specifies the y in customLabels
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesCustomLabel {
-
-			/** Specifies the label Color in customLabels
-			 * @Default {null}
-			 */
-			color?: number;
-
-			/** Specifies the font in customLabels
-			 * @Default {null}
-			 */
-			font?: ScalesCustomLabelsFont;
-
-			/** Specifies the opacity in customLabels
-			 * @Default {0}
-			 */
-			opacity?: string;
-
-			/** Specifies the position in customLabels
-			 * @Default {null}
-			 */
-			position?: ScalesCustomLabelsPosition;
-
-			/** Specifies the positionType in customLabels.See CustomLabelPositionType
-			 * @Default {null}
-			 */
-			positionType?: any;
-
-			/** Specifies the textAngle in customLabels
-			 * @Default {0}
-			 */
-			textAngle?: number;
-
-			/** Specifies the label Value in customLabels
-			 */
-			value?: string;
-		}
-
-		export interface ScalesIndicatorsBorder {
-
-			/** Specifies the border Color in bar indicators
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the border Width in bar indicators
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesIndicatorsFont {
-
-			/** Specifies the fontFamily of font in bar indicators
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle of font in bar indicators. See FontStyle
-			 * @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
-			 */
-			fontStyle?: ej.datavisualization.LinearGauge.FontStyle | string;
-
-			/** Specifies the size of font in bar indicators
-			 * @Default {11px}
-			 */
-			size?: string;
-		}
-
-		export interface ScalesIndicatorsPosition {
-
-			/** Specifies the x position in bar indicators
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specifies the y position in bar indicators
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesIndicatorsStateRange {
-
-			/** Specifies the backgroundColor in bar indicators state ranges
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the borderColor in bar indicators state ranges
-			 * @Default {null}
-			 */
-			borderColor?: string;
-
-			/** Specifies the endValue in bar indicators state ranges
-			 * @Default {60}
-			 */
-			endValue?: number;
-
-			/** Specifies the startValue in bar indicators state ranges
-			 * @Default {50}
-			 */
-			startValue?: number;
-
-			/** Specifies the text in bar indicators state ranges
-			 */
-			text?: string;
-
-			/** Specifies the textColor in bar indicators state ranges
-			 * @Default {null}
-			 */
-			textColor?: string;
-		}
-
-		export interface ScalesIndicatorsTextLocation {
-
-			/** Specifies the textLocation position in bar indicators
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specifies the Y position in bar indicators
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesIndicator {
-
-			/** Specifies the backgroundColor in bar indicators
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the border in bar indicators
-			 * @Default {null}
-			 */
-			border?: ScalesIndicatorsBorder;
-
-			/** Specifies the font of bar indicators
-			 * @Default {null}
-			 */
-			font?: ScalesIndicatorsFont;
-
-			/** Specifies the indicator Height of bar indicators
-			 * @Default {30}
-			 */
-			height?: number;
-
-			/** Specifies the opacity in bar indicators
-			 * @Default {NaN}
-			 */
-			opacity?: number;
-
-			/** Specifies the position in bar indicators
-			 * @Default {null}
-			 */
-			position?: ScalesIndicatorsPosition;
-
-			/** Specifies the state ranges in bar indicators
-			 * @Default {Array}
-			 */
-			stateRanges?: ScalesIndicatorsStateRange[];
-
-			/** Specifies the textLocation in bar indicators
-			 * @Default {null}
-			 */
-			textLocation?: ScalesIndicatorsTextLocation;
-
-			/** Specifies the indicator Style of font in bar indicators
-			 * @Default {ej.datavisualization.LinearGauge.IndicatorType.Rectangle}
-			 */
-			type?: ej.datavisualization.LinearGauge.IndicatorTypes | string;
-
-			/** Specifies the indicator Width in bar indicators
-			 * @Default {30}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesLabelsDistanceFromScale {
-
-			/** Specifies the xDistanceFromScale of labels.
-			 * @Default {-10}
-			 */
-			x?: number;
-
-			/** Specifies the yDistanceFromScale of labels.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesLabelsFont {
-
-			/** Specifies the fontFamily of font.
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle of font.See FontStyle
-			 * @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
-			 */
-			fontStyle?: ej.datavisualization.LinearGauge.FontStyle | string;
-
-			/** Specifies the size of font.
-			 * @Default {11px}
-			 */
-			size?: string;
-		}
-
-		export interface ScalesLabel {
-
-			/** Specifies the angle of labels.
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Specifies the DistanceFromScale of labels.
-			 * @Default {null}
-			 */
-			distanceFromScale?: ScalesLabelsDistanceFromScale;
-
-			/** Specifies the font of labels.
-			 * @Default {null}
-			 */
-			font?: ScalesLabelsFont;
-
-			/** need to includeFirstValue.
-			 * @Default {true}
-			 */
-			includeFirstValue?: boolean;
-
-			/** Specifies the opacity of label.
-			 * @Default {0}
-			 */
-			opacity?: number;
-
-			/** Specifies the label Placement of label. See LabelPlacement
-			 * @Default {Near}
-			 */
-			placement?: ej.datavisualization.LinearGauge.PointerPlacement | string;
-
-			/** Specifies the textColor of font.
-			 * @Default {null}
-			 */
-			textColor?: string;
-
-			/** Specifies the label Style of label. See LabelType
-			 * @Default {ej.datavisualization.LinearGauge.LabelType.Major}
-			 */
-			type?: ej.datavisualization.LinearGauge.ScaleType | string;
-
-			/** Specifies the unitText of label.
-			 */
-			unitText?: string;
-
-			/** Specifies the unitText Position of label.See UnitTextPlacement
-			 * @Default {Back}
-			 */
-			unitTextPlacement?: ej.datavisualization.LinearGauge.UnitTextPlacement | string;
-		}
-
-		export interface ScalesMarkerPointersBorder {
-
-			/** Specifies the border color of marker pointer
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the border of marker pointer
-			 * @Default {number}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesMarkerPointer {
-
-			/** Specifies the backgroundColor of marker pointer
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the border of marker pointer
-			 * @Default {null}
-			 */
-			border?: ScalesMarkerPointersBorder;
-
-			/** Specifies the distanceFromScale of marker pointer
-			 * @Default {0}
-			 */
-			distanceFromScale?: number;
-
-			/** Specifies the pointer Gradient of marker pointer
-			 * @Default {null}
-			 */
-			gradients?: any;
-
-			/** Specifies the pointer Length of marker pointer
-			 * @Default {30}
-			 */
-			length?: number;
-
-			/** Specifies the opacity of marker pointer
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the pointer Placement of marker pointer See PointerPlacement
-			 * @Default {Far}
-			 */
-			placement?: ej.datavisualization.LinearGauge.PointerPlacement | string;
-
-			/** Specifies the marker Style of marker pointerSee MarkerType
-			 * @Default {Triangle}
-			 */
-			type?: ej.datavisualization.LinearGauge.MarkerType | string;
-
-			/** Specifies the value of marker pointer
-			 * @Default {null}
-			 */
-			value?: number;
-
-			/** Specifies the pointer Width of marker pointer
-			 * @Default {30}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesPosition {
-
-			/** Specifies the Horizontal position
-			 * @Default {50}
-			 */
-			x?: number;
-
-			/** Specifies the vertical position
-			 * @Default {50}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesRangesBorder {
-
-			/** Specifies the border color in the ranges.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the border width in the ranges.
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesRange {
-
-			/** Specifies the backgroundColor in the ranges.
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the border in the ranges.
-			 * @Default {null}
-			 */
-			border?: ScalesRangesBorder;
-
-			/** Specifies the distanceFromScale in the ranges.
-			 * @Default {0}
-			 */
-			distanceFromScale?: number;
-
-			/** Specifies the endValue in the ranges.
-			 * @Default {60}
-			 */
-			endValue?: number;
-
-			/** Specifies the endWidth in the ranges.
-			 * @Default {10}
-			 */
-			endWidth?: number;
-
-			/** Specifies the range Gradient in the ranges.
-			 * @Default {null}
-			 */
-			gradients?: any;
-
-			/** Specifies the opacity in the ranges.
-			 * @Default {null}
-			 */
-			opacity?: number;
-
-			/** Specifies the range Position in the ranges. See RangePlacement
-			 * @Default {Center}
-			 */
-			placement?: ej.datavisualization.LinearGauge.PointerPlacement | string;
-
-			/** Specifies the startValue in the ranges.
-			 * @Default {20}
-			 */
-			startValue?: number;
-
-			/** Specifies the startWidth in the ranges.
-			 * @Default {10}
-			 */
-			startWidth?: number;
-		}
-
-		export interface ScalesTicksDistanceFromScale {
-
-			/** Specifies the xDistanceFromScale in the tick.
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specifies the yDistanceFromScale in the tick.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesTick {
-
-			/** Specifies the angle in the tick.
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Specifies the tick Color in the tick.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the DistanceFromScale in the tick.
-			 * @Default {null}
-			 */
-			distanceFromScale?: ScalesTicksDistanceFromScale;
-
-			/** Specifies the tick Height in the tick.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Specifies the opacity in the tick.
-			 * @Default {0}
-			 */
-			opacity?: number;
-
-			/** Specifies the tick Placement in the tick. See TickPlacement
-			 * @Default {Near}
-			 */
-			placement?: ej.datavisualization.LinearGauge.PointerPlacement | string;
-
-			/** Specifies the tick Style in the tick. See TickType
-			 * @Default {MajorInterval}
-			 */
-			type?: ej.datavisualization.LinearGauge.TicksType | string;
-
-			/** Specifies the tick Width in the tick.
-			 * @Default {3}
-			 */
-			width?: number;
-		}
-
-		export interface Scale {
-
-			/** Specifies the backgroundColor of the Scale.
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specifies the scaleBar Gradient of bar pointer
-			 * @Default {Array}
-			 */
-			barPointers?: ScalesBarPointer[];
-
-			/** Specifies the border of the Scale.
-			 * @Default {null}
-			 */
-			border?: ScalesBorder;
-
-			/** Specifies the customLabel
-			 * @Default {Array}
-			 */
-			customLabels?: ScalesCustomLabel[];
-
-			/** Specifies the scale Direction of the Scale. See Directions
-			 * @Default {CounterClockwise}
-			 */
-			direction?: ej.datavisualization.LinearGauge.Direction | string;
-
-			/** Specifies the indicator
-			 * @Default {Array}
-			 */
-			indicators?: ScalesIndicator[];
-
-			/** Specifies the labels.
-			 * @Default {Array}
-			 */
-			labels?: ScalesLabel[];
-
-			/** Specifies the scaleBar Length.
-			 * @Default {290}
-			 */
-			length?: number;
-
-			/** Specifies the majorIntervalValue of the Scale.
-			 * @Default {10}
-			 */
-			majorIntervalValue?: number;
-
-			/** Specifies the markerPointers
-			 * @Default {Array}
-			 */
-			markerPointers?: ScalesMarkerPointer[];
-
-			/** Specifies the maximum of the Scale.
-			 * @Default {null}
-			 */
-			maximum?: number;
-
-			/** Specifies the minimum of the Scale.
-			 * @Default {null}
-			 */
-			minimum?: number;
-
-			/** Specifies the minorIntervalValue of the Scale.
-			 * @Default {2}
-			 */
-			minorIntervalValue?: number;
-
-			/** Specifies the opacity of the Scale.
-			 * @Default {NaN}
-			 */
-			opacity?: number;
-
-			/** Specifies the position
-			 * @Default {null}
-			 */
-			position?: ScalesPosition;
-
-			/** Specifies the ranges in the tick.
-			 * @Default {Array}
-			 */
-			ranges?: ScalesRange[];
-
-			/** Specifies the shadowOffset.
-			 * @Default {0}
-			 */
-			shadowOffset?: number;
-
-			/** Specifies the showBarPointers state.
-			 * @Default {true}
-			 */
-			showBarPointers?: boolean;
-
-			/** Specifies the showCustomLabels state.
-			 * @Default {false}
-			 */
-			showCustomLabels?: boolean;
-
-			/** Specifies the showIndicators state.
-			 * @Default {false}
-			 */
-			showIndicators?: boolean;
-
-			/** Specifies the showLabels state.
-			 * @Default {true}
-			 */
-			showLabels?: boolean;
-
-			/** Specifies the showMarkerPointers state.
-			 * @Default {true}
-			 */
-			showMarkerPointers?: boolean;
-
-			/** Specifies the showRanges state.
-			 * @Default {false}
-			 */
-			showRanges?: boolean;
-
-			/** Specifies the showTicks state.
-			 * @Default {true}
-			 */
-			showTicks?: boolean;
-
-			/** Specifies the ticks in the scale.
-			 * @Default {Array}
-			 */
-			ticks?: ScalesTick[];
-
-			/** Specifies the scaleBar type .See ScaleType
-			 * @Default {Rectangle}
-			 */
-			type?: ej.datavisualization.LinearGauge.ScaleType | string;
-
-			/** Specifies the scaleBar width.
-			 * @Default {30}
-			 */
-			width?: number;
-		}
-
-		export interface Tooltip {
-
-			/** Specify showCustomLabelTooltip value of linear gauge
-			 * @Default {false}
-			 */
-			showCustomLabelTooltip?: boolean;
-
-			/** Specify showLabelTooltip value of linear gauge
-			 * @Default {false}
-			 */
-			showLabelTooltip?: boolean;
-
-			/** Specify templateID value of linear gauge
-			 * @Default {false}
-			 */
-			templateID?: string;
-		}
-	}
-	namespace LinearGauge {
-		enum OuterCustomLabelPosition {
-			//string
-			Left,
-			//string
-			Right,
-			//string
-			Top,
-			//string
-			Bottom,
-		}
-	}
-	namespace LinearGauge {
-		enum FontStyle {
-			//string
-			Bold,
-			//string
-			Italic,
-			//string
-			Regular,
-			//string
-			Strikeout,
-			//string
-			Underline,
-		}
-	}
-	namespace LinearGauge {
-		enum Direction {
-			//string
-			Clockwise,
-			//string
-			CounterClockwise,
-		}
-	}
-	namespace LinearGauge {
-		enum IndicatorTypes {
-			//string
-			Rectangle,
-			//string
-			Circle,
-			//string
-			RoundedRectangle,
-			//string
-			Text,
-		}
-	}
-	namespace LinearGauge {
-		enum PointerPlacement {
-			//string
-			Near,
-			//string
-			Far,
-			//string
-			Center,
-		}
-	}
-	namespace LinearGauge {
-		enum ScaleType {
-			//string
-			Major,
-			//string
-			Minor,
-		}
-	}
-	namespace LinearGauge {
-		enum UnitTextPlacement {
-			//string
-			Back,
-			//string
-			From,
-		}
-	}
-	namespace LinearGauge {
-		enum MarkerType {
-			//string
-			Rectangle,
-			//string
-			Triangle,
-			//string
-			Ellipse,
-			//string
-			Diamond,
-			//string
-			Pentagon,
-			//string
-			Circle,
-			//string
-			Star,
-			//string
-			Slider,
-			//string
-			Pointer,
-			//string
-			Wedge,
-			//string
-			Trapezoid,
-			//string
-			RoundedRectangle,
-		}
-	}
-	namespace LinearGauge {
-		enum TicksType {
-			//string
-			Majorinterval,
-			//string
-			Minorinterval,
-		}
-	}
-	namespace LinearGauge {
-		enum Themes {
-			//string
-			FlatLight,
-			//string
-			FlatDark,
-		}
-	}
-
-	class CircularGauge extends ej.Widget {
-		static fn: CircularGauge;
-		constructor(element: JQuery | Element, options?: CircularGauge.Model);
-		static Locale: any;
-		model: CircularGauge.Model;
-		defaults: CircularGauge.Model;
-
-		/** destroy the circular gauge widget. all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To export Image
-		 * @returns {boolean}
-		 */
-		exportImage(): boolean;
-
-		/** To get BackNeedleLength
-		 * @returns {any}
-		 */
-		getBackNeedleLength(): any;
-
-		/** To get CustomLabelAngle
-		 * @returns {any}
-		 */
-		getCustomLabelAngle(): any;
-
-		/** To get CustomLabelValue
-		 * @returns {any}
-		 */
-		getCustomLabelValue(): any;
-
-		/** To get LabelAngle
-		 * @returns {any}
-		 */
-		getLabelAngle(): any;
-
-		/** To get LabelDistanceFromScale
-		 * @returns {any}
-		 */
-		getLabelDistanceFromScale(): any;
-
-		/** To get LabelPlacement
-		 * @returns {any}
-		 */
-		getLabelPlacement(): any;
-
-		/** To get LabelStyle
-		 * @returns {any}
-		 */
-		getLabelStyle(): any;
-
-		/** To get MajorIntervalValue
-		 * @returns {any}
-		 */
-		getMajorIntervalValue(): any;
-
-		/** To get MarkerDistanceFromScale
-		 * @returns {any}
-		 */
-		getMarkerDistanceFromScale(): any;
-
-		/** To get MarkerStyle
-		 * @returns {any}
-		 */
-		getMarkerStyle(): any;
-
-		/** To get MaximumValue
-		 * @returns {any}
-		 */
-		getMaximumValue(): any;
-
-		/** To get MinimumValue
-		 * @returns {any}
-		 */
-		getMinimumValue(): any;
-
-		/** To get MinorIntervalValue
-		 * @returns {any}
-		 */
-		getMinorIntervalValue(): any;
-
-		/** To get NeedleStyle
-		 * @returns {any}
-		 */
-		getNeedleStyle(): any;
-
-		/** To get PointerCapBorderWidth
-		 * @returns {any}
-		 */
-		getPointerCapBorderWidth(): any;
-
-		/** To get PointerCapRadius
-		 * @returns {any}
-		 */
-		getPointerCapRadius(): any;
-
-		/** To get PointerLength
-		 * @returns {any}
-		 */
-		getPointerLength(): any;
-
-		/** To get PointerNeedleType
-		 * @returns {any}
-		 */
-		getPointerNeedleType(): any;
-
-		/** To get PointerPlacement
-		 * @returns {any}
-		 */
-		getPointerPlacement(): any;
-
-		/** To get PointerValue
-		 * @returns {any}
-		 */
-		getPointerValue(): any;
-
-		/** To get PointerWidth
-		 * @returns {any}
-		 */
-		getPointerWidth(): any;
-
-		/** To get RangeBorderWidth
-		 * @returns {any}
-		 */
-		getRangeBorderWidth(): any;
-
-		/** To get RangeDistanceFromScale
-		 * @returns {any}
-		 */
-		getRangeDistanceFromScale(): any;
-
-		/** To get RangeEndValue
-		 * @returns {any}
-		 */
-		getRangeEndValue(): any;
-
-		/** To get RangePosition
-		 * @returns {any}
-		 */
-		getRangePosition(): any;
-
-		/** To get RangeSize
-		 * @returns {any}
-		 */
-		getRangeSize(): any;
-
-		/** To get RangeStartValue
-		 * @returns {any}
-		 */
-		getRangeStartValue(): any;
-
-		/** To get ScaleBarSize
-		 * @returns {any}
-		 */
-		getScaleBarSize(): any;
-
-		/** To get ScaleBorderWidth
-		 * @returns {any}
-		 */
-		getScaleBorderWidth(): any;
-
-		/** To get ScaleDirection
-		 * @returns {any}
-		 */
-		getScaleDirection(): any;
-
-		/** To get ScaleRadius
-		 * @returns {any}
-		 */
-		getScaleRadius(): any;
-
-		/** To get StartAngle
-		 * @returns {any}
-		 */
-		getStartAngle(): any;
-
-		/** To get SubGaugeLocation
-		 * @returns {any}
-		 */
-		getSubGaugeLocation(): any;
-
-		/** To get SweepAngle
-		 * @returns {any}
-		 */
-		getSweepAngle(): any;
-
-		/** To get TickAngle
-		 * @returns {any}
-		 */
-		getTickAngle(): any;
-
-		/** To get TickDistanceFromScale
-		 * @returns {any}
-		 */
-		getTickDistanceFromScale(): any;
-
-		/** To get TickHeight
-		 * @returns {any}
-		 */
-		getTickHeight(): any;
-
-		/** To get TickPlacement
-		 * @returns {any}
-		 */
-		getTickPlacement(): any;
-
-		/** To get TickStyle
-		 * @returns {any}
-		 */
-		getTickStyle(): any;
-
-		/** To get TickWidth
-		 * @returns {any}
-		 */
-		getTickWidth(): any;
-
-		/** To set includeFirstValue
-		 * @returns {void}
-		 */
-		includeFirstValue(): void;
-
-		/** Switching the redraw option for the gauge
-		 * @returns {void}
-		 */
-		redraw(): void;
-
-		/** To set BackNeedleLength
-		 * @returns {void}
-		 */
-		setBackNeedleLength(): void;
-
-		/** To set CustomLabelAngle
-		 * @returns {void}
-		 */
-		setCustomLabelAngle(): void;
-
-		/** To set CustomLabelValue
-		 * @returns {void}
-		 */
-		setCustomLabelValue(): void;
-
-		/** To set LabelAngle
-		 * @returns {void}
-		 */
-		setLabelAngle(): void;
-
-		/** To set LabelDistanceFromScale
-		 * @returns {void}
-		 */
-		setLabelDistanceFromScale(): void;
-
-		/** To set LabelPlacement
-		 * @returns {void}
-		 */
-		setLabelPlacement(): void;
-
-		/** To set LabelStyle
-		 * @returns {void}
-		 */
-		setLabelStyle(): void;
-
-		/** To set MajorIntervalValue
-		 * @returns {void}
-		 */
-		setMajorIntervalValue(): void;
-
-		/** To set MarkerDistanceFromScale
-		 * @returns {void}
-		 */
-		setMarkerDistanceFromScale(): void;
-
-		/** To set MarkerStyle
-		 * @returns {void}
-		 */
-		setMarkerStyle(): void;
-
-		/** To set MaximumValue
-		 * @returns {void}
-		 */
-		setMaximumValue(): void;
-
-		/** To set MinimumValue
-		 * @returns {void}
-		 */
-		setMinimumValue(): void;
-
-		/** To set MinorIntervalValue
-		 * @returns {void}
-		 */
-		setMinorIntervalValue(): void;
-
-		/** To set NeedleStyle
-		 * @returns {void}
-		 */
-		setNeedleStyle(): void;
-
-		/** To set PointerCapBorderWidth
-		 * @returns {void}
-		 */
-		setPointerCapBorderWidth(): void;
-
-		/** To set PointerCapRadius
-		 * @returns {void}
-		 */
-		setPointerCapRadius(): void;
-
-		/** To set PointerLength
-		 * @returns {void}
-		 */
-		setPointerLength(): void;
-
-		/** To set PointerNeedleType
-		 * @returns {void}
-		 */
-		setPointerNeedleType(): void;
-
-		/** To set PointerPlacement
-		 * @returns {void}
-		 */
-		setPointerPlacement(): void;
-
-		/** To set PointerValue
-		 * @returns {void}
-		 */
-		setPointerValue(): void;
-
-		/** To set PointerWidth
-		 * @returns {void}
-		 */
-		setPointerWidth(): void;
-
-		/** To set RangeBorderWidth
-		 * @returns {void}
-		 */
-		setRangeBorderWidth(): void;
-
-		/** To set RangeDistanceFromScale
-		 * @returns {void}
-		 */
-		setRangeDistanceFromScale(): void;
-
-		/** To set RangeEndValue
-		 * @returns {void}
-		 */
-		setRangeEndValue(): void;
-
-		/** To set RangePosition
-		 * @returns {void}
-		 */
-		setRangePosition(): void;
-
-		/** To set RangeSize
-		 * @returns {void}
-		 */
-		setRangeSize(): void;
-
-		/** To set RangeStartValue
-		 * @returns {void}
-		 */
-		setRangeStartValue(): void;
-
-		/** To set ScaleBarSize
-		 * @returns {void}
-		 */
-		setScaleBarSize(): void;
-
-		/** To set ScaleBorderWidth
-		 * @returns {void}
-		 */
-		setScaleBorderWidth(): void;
-
-		/** To set ScaleDirection
-		 * @returns {void}
-		 */
-		setScaleDirection(): void;
-
-		/** To set ScaleRadius
-		 * @returns {void}
-		 */
-		setScaleRadius(): void;
-
-		/** To set StartAngle
-		 * @returns {void}
-		 */
-		setStartAngle(): void;
-
-		/** To set SubGaugeLocation
-		 * @returns {void}
-		 */
-		setSubGaugeLocation(): void;
-
-		/** To set SweepAngle
-		 * @returns {void}
-		 */
-		setSweepAngle(): void;
-
-		/** To set TickAngle
-		 * @returns {void}
-		 */
-		setTickAngle(): void;
-
-		/** To set TickDistanceFromScale
-		 * @returns {void}
-		 */
-		setTickDistanceFromScale(): void;
-
-		/** To set TickHeight
-		 * @returns {void}
-		 */
-		setTickHeight(): void;
-
-		/** To set TickPlacement
-		 * @returns {void}
-		 */
-		setTickPlacement(): void;
-
-		/** To set TickStyle
-		 * @returns {void}
-		 */
-		setTickStyle(): void;
-
-		/** To set TickWidth
-		 * @returns {void}
-		 */
-		setTickWidth(): void;
-	}
-	export namespace CircularGauge {
-
-		export interface Model {
-
-			/** Specifies animationSpeed of circular gauge
-			 * @Default {500}
-			 */
-			animationSpeed?: number;
-
-			/** Specifies the background color of circular gauge.
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specify distanceFromCorner value of circular gauge
-			 * @Default {center}
-			 */
-			distanceFromCorner?: number;
-
-			/** Specify animate value of circular gauge
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Specify to convert the  date object to  string, using locale settings.
-			 * @Default {false}
-			 */
-			enableGroupSeparator?: boolean;
-
-			/** Controls whether circular gauge has to be responsive while resizing.
-			 * @Default {false}
-			 */
-			enableResize?: boolean;
-
-			/** Specify the frame of circular gauge
-			 * @Default {Object}
-			 */
-			frame?: Frame;
-
-			/** Specify gaugePosition value of circular gauge See GaugePosition
-			 * @Default {center}
-			 */
-			gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition | string;
-
-			/** Specifies the height of circular gauge.
-			 * @Default {360}
-			 */
-			height?: number;
-
-			/** Specifies the interiorGradient of circular gauge.
-			 * @Default {null}
-			 */
-			interiorGradient?: any;
-
-			/** Specify isRadialGradient value of circular gauge
-			 * @Default {false}
-			 */
-			isRadialGradient?: boolean;
-
-			/** Specify isResponsive value of circular gauge
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Name of the culture based on which circular gauge should be localized.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Specifies the maximum value of circular gauge.
-			 * @Default {100}
-			 */
-			maximum?: number;
-
-			/** Specifies the minimum value of circular gauge.
-			 * @Default {0}
-			 */
-			minimum?: number;
-
-			/** Specify outerCustomLabelPosition value of circular gauge See OuterCustomLabelPosition
-			 * @Default {bottom}
-			 */
-			outerCustomLabelPosition?: ej.datavisualization.CircularGauge.CustomLabelPositionType | string;
-
-			/** Specifies the radius of circular gauge.
-			 * @Default {180}
-			 */
-			radius?: number;
-
-			/** Specify readonly value of circular gauge
-			 * @Default {true}
-			 */
-			readOnly?: boolean;
-
-			/** Specify the pointers, ticks, labels, indicators, ranges of circular gauge
-			 * @Default {null}
-			 */
-			scales?: Scale[];
-
-			/** Specify the theme of circular gauge.
-			 * @Default {flatlight}
-			 */
-			theme?: string;
-
-			/** Options to customize the legend.
-			 */
-			legend?: Legend;
-
-			/** Specify tooltip option of circular gauge
-			 * @Default {object}
-			 */
-			tooltip?: Tooltip;
-
-			/** Specifies the value of circular gauge.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Specifies the width of circular gauge.
-			 * @Default {360}
-			 */
-			width?: number;
-
-			/** Fires before rendering the legend item. This event is fired for each legend item in CircularGauge. You can use this event to customize legend item shape or add custom text to legend item. */
-			legendItemRender?(e: LegendItemRenderEventArgs): void;
-
-			/** Fires on clicking the legend item. */
-			legendItemClick?(e: LegendItemClickEventArgs): void;
-
-			/** Fires when mouse moving on ranges. */
-			rangeMouseMove?(e: RangeMouseMoveEventArgs): void;
-
-			/** Triggers while the custom labels are being drawn on the gauge. */
-			drawCustomLabel?(e: DrawCustomLabelEventArgs): void;
-
-			/** Triggers while the indicators are being started to drawn on the gauge. */
-			drawIndicators?(e: DrawIndicatorsEventArgs): void;
-
-			/** Triggers while the labels are being drawn on the gauge. */
-			drawLabels?(e: DrawLabelsEventArgs): void;
-
-			/** Triggers while the pointer cap is being drawn on the gauge. */
-			drawPointerCap?(e: DrawPointerCapEventArgs): void;
-
-			/** Triggers while the pointers are being drawn on the gauge. */
-			drawPointers?(e: DrawPointersEventArgs): void;
-
-			/** Triggers when the ranges begin to be getting drawn on the gauge. */
-			drawRange?(e: DrawRangeEventArgs): void;
-
-			/** Triggers while the ticks are being drawn on the gauge. */
-			drawTicks?(e: DrawTicksEventArgs): void;
-
-			/** Triggers while the gauge start to Load. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when the left mouse button is clicked. */
-			mouseClick?(e: MouseClickEventArgs): void;
-
-			/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-			mouseClickMove?(e: MouseClickMoveEventArgs): void;
-
-			/** Triggers when the mouse click is released. */
-			mouseClickUp?(e: MouseClickUpEventArgs): void;
-
-			/** Triggers when the rendering of the gauge is completed. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-		}
-
-		export interface LegendItemRenderEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the circulargauge model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			data?: any;
-		}
-
-		export interface LegendItemClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the circulargauge model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			data?: any;
-		}
-
-		export interface RangeMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the circulargauge model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Region of ranges
-			 */
-			data?: any;
-		}
-
-		export interface DrawCustomLabelEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the custom label
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the custom label belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the custom label style
-			 */
-			style?: string;
-
-			/** returns the current custom label element.
-			 */
-			customLabelElement?: any;
-
-			/** returns the index of the custom label.
-			 */
-			customLabelIndex?: number;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrawIndicatorsEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the indicator
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the indicator belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the indicator style
-			 */
-			style?: string;
-
-			/** returns the current indicator element.
-			 */
-			indicatorElement?: any;
-
-			/** returns the index of the indicator.
-			 */
-			indicatorIndex?: number;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrawLabelsEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the labels
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the label belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the label style
-			 */
-			style?: string;
-
-			/** returns the angle of the labels.
-			 */
-			angle?: number;
-
-			/** returns the current label element.
-			 */
-			element?: any;
-
-			/** returns the index of the label.
-			 */
-			index?: number;
-
-			/** returns the value of the label.
-			 */
-			pointerValue?: number;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrawPointerCapEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the startX and startY of the pointer cap.
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the pointer cap style
-			 */
-			style?: string;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrawPointersEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the pointer
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
-
-			/** returns the current pointer element.
-			 */
-			element?: any;
-
-			/** returns the index of the pointer.
-			 */
-			index?: number;
-
-			/** returns the value of the pointer.
-			 */
-			value?: number;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrawRangeEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the range
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the range belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the range style
-			 */
-			style?: string;
-
-			/** returns the current range element.
-			 */
-			rangeElement?: any;
-
-			/** returns the index of the range.
-			 */
-			rangeIndex?: number;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrawTicksEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the startX and startY of the ticks
-			 */
-			position?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the tick belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the ticks style
-			 */
-			style?: string;
-
-			/** returns the angle of the tick.
-			 */
-			angle?: number;
-
-			/** returns the current tick element.
-			 */
-			element?: any;
-
-			/** returns the index of the tick.
-			 */
-			index?: number;
-
-			/** returns the label value of the tick.
-			 */
-			pointerValue?: number;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			Model?: any;
-
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface MouseClickEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			index?: number;
-
-			/** returns the pointer element.
-			 */
-			element?: any;
-
-			/** returns the value of the pointer.
-			 */
-			value?: number;
-
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
-
-		export interface MouseClickMoveEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			index?: number;
-
-			/** returns the pointer element.
-			 */
-			element?: any;
-
-			/** returns the value of the pointer.
-			 */
-			value?: number;
-
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
-
-		export interface MouseClickUpEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: any;
-
-			/** returns the scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the scaleIndex to which the pointer belongs.
-			 */
-			scaleIndex?: number;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the pointer Index
-			 */
-			index?: number;
-
-			/** returns the pointer element.
-			 */
-			element?: any;
-
-			/** returns the value of the pointer.
-			 */
-			value?: number;
-
-			/** returns the angle of the pointer.
-			 */
-			angle?: number;
-
-			/** returns the pointer style
-			 */
-			style?: string;
-
-			/** returns the startX and startY of the pointer.
-			 */
-			position?: any;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the entire scale element.
-			 */
-			scaleElement?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Frame {
-
-			/** Specify the URL of the frame background image for circular gauge
-			 * @Default {null}
-			 */
-			backgroundImageUrl?: string;
-
-			/** Specifies the frameType of circular gauge. See Frame
-			 * @Default {FullCircle}
-			 */
-			frameType?: ej.datavisualization.CircularGauge.FrameType | string;
-
-			/** Specifies the end angle for the half circular frame.
-			 * @Default {360}
-			 */
-			halfCircleFrameEndAngle?: number;
-
-			/** Specifies the start angle for the half circular frame.
-			 * @Default {180}
-			 */
-			halfCircleFrameStartAngle?: number;
-		}
-
-		export interface ScalesBorder {
-
-			/** Specify border color for scales of circular gauge
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specify border width of circular gauge
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesCustomLabelsPosition {
-
-			/** Specify x-axis position of label
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specify y-axis  position of labels.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesCustomLabelsFont {
-
-			/** Specify font fontFamily for custom labels.
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specify font Style for custom labels.
-			 * @Default {Bold}
-			 */
-			fontStyle?: string;
-
-			/** Specify font size for custom labels.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface ScalesCustomLabel {
-
-			/** Value of the custom labels.
-			 */
-			value?: string;
-
-			/** Color of the custom labels.
-			 */
-			color?: string;
-
-			/** Specify position of custom labels
-			 * @Default {Object}
-			 */
-			position?: ScalesCustomLabelsPosition;
-
-			/** Specify angle for the rotation of the custom labels in degrees.
-			 * @Default {0}
-			 */
-			textAngle?: number;
-
-			/** Specify font for custom labels
-			 * @Default {Object}
-			 */
-			font?: ScalesCustomLabelsFont;
-
-			/** Specifies the position of the  custom labels. See CustomLabelPositionType
-			 * @Default {inner}
-			 */
-			positionType?: ej.datavisualization.CircularGauge.CustomLabelPositionType | string;
-		}
-
-		export interface ScalesIndicatorsPosition {
-
-			/** Specify x-axis of position of circular gauge
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specify y-axis of position of circular gauge
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesIndicatorsStateRange {
-
-			/** Specify backgroundColor for indicator of circular gauge
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specify borderColor for indicator of circular gauge
-			 * @Default {null}
-			 */
-			borderColor?: string;
-
-			/** Specify end value for each specified state of circular gauge
-			 * @Default {0}
-			 */
-			endValue?: number;
-
-			/** Specify value of the font as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
-			 * @Default {null}
-			 */
-			font?: any;
-
-			/** Specify start value for each specified state of circular gauge
-			 * @Default {0}
-			 */
-			startValue?: number;
-
-			/** Specify value of the text as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
-			 */
-			text?: string;
-
-			/** Specify value of the textColor as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
-			 * @Default {null}
-			 */
-			textColor?: string;
-		}
-
-		export interface ScalesIndicator {
-
-			/** Specify indicator height of circular gauge
-			 * @Default {15}
-			 */
-			height?: number;
-
-			/** Specify imageUrl of circular gauge
-			 * @Default {null}
-			 */
-			imageUrl?: string;
-
-			/** Specify position of circular gauge
-			 * @Default {Object}
-			 */
-			position?: ScalesIndicatorsPosition;
-
-			/** Specify the various states of circular gauge
-			 * @Default {Array}
-			 */
-			stateRanges?: ScalesIndicatorsStateRange[];
-
-			/** Specify indicator style of circular gauge. See IndicatorType
-			 * @Default {Circle}
-			 */
-			type?: ej.datavisualization.CircularGauge.IndicatorTypes | string;
-
-			/** Specify indicator width of circular gauge
-			 * @Default {15}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesLabelsFont {
-
-			/** Specify font fontFamily for labels of circular gauge
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specify font Style for labels of circular gauge
-			 * @Default {Bold}
-			 */
-			fontStyle?: string;
-
-			/** Specify font size for labels of circular gauge
-			 * @Default {11px}
-			 */
-			size?: string;
-		}
-
-		export interface ScalesLabel {
-
-			/** Specify the angle for the labels of circular gauge
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Specify labels autoAngle value of circular gauge
-			 * @Default {false}
-			 */
-			autoAngle?: boolean;
-
-			/** Specify label color of circular gauge
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specify distanceFromScale value for labels of circular gauge
-			 * @Default {0}
-			 */
-			distanceFromScale?: number;
-
-			/** Specify font for labels of circular gauge
-			 * @Default {Object}
-			 */
-			font?: ScalesLabelsFont;
-
-			/** Specify includeFirstValue of circular gauge
-			 * @Default {true}
-			 */
-			includeFirstValue?: boolean;
-
-			/** Specify opacity value for labels of circular gauge
-			 * @Default {null}
-			 */
-			opacity?: number;
-
-			/** Specify label placement of circular gauge. See LabelPlacement
-			 * @Default {Near}
-			 */
-			placement?: ej.datavisualization.CircularGauge.Placement | string;
-
-			/** Specify label Style of circular gauge. See LabelType
-			 * @Default {Major}
-			 */
-			type?: ej.datavisualization.CircularGauge.LabelType | string;
-
-			/** Specify unitText of circular gauge
-			 */
-			unitText?: string;
-
-			/** Specify unitTextPosition of circular gauge. See UnitTextPosition
-			 * @Default {Back}
-			 */
-			unitTextPosition?: ej.datavisualization.CircularGauge.UnitTextPlacement | string;
-		}
-
-		export interface ScalesPointerCap {
-
-			/** Specify cap backgroundColor of circular gauge
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specify cap borderColor of circular gauge
-			 * @Default {null}
-			 */
-			borderColor?: string;
-
-			/** Specify pointerCap borderWidth value of circular gauge
-			 * @Default {3}
-			 */
-			borderWidth?: number;
-
-			/** Specify cap interiorGradient value of circular gauge
-			 * @Default {null}
-			 */
-			interiorGradient?: any;
-
-			/** Specify pointerCap Radius value of circular gauge
-			 * @Default {7}
-			 */
-			radius?: number;
-		}
-
-		export interface ScalesPointersBorder {
-
-			/** Specify border color for pointer of circular gauge
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specify border width for pointers of circular gauge
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesPointersPointerValueTextFont {
-
-			/** Specify pointer value text font family of circular gauge.
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specify pointer value text font style of circular gauge.
-			 * @Default {Bold}
-			 */
-			fontStyle?: string;
-
-			/** Specify pointer value text size of circular gauge.
-			 * @Default {11px}
-			 */
-			size?: string;
-		}
-
-		export interface ScalesPointersPointerValueText {
-
-			/** Specify pointer text angle of circular gauge.
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Specify pointer text auto angle of circular gauge.
-			 * @Default {false}
-			 */
-			autoAngle?: boolean;
-
-			/** Specify pointer value text color of circular gauge.
-			 * @Default {#8c8c8c}
-			 */
-			color?: string;
-
-			/** Specify pointer value text distance from pointer of circular gauge.
-			 * @Default {20}
-			 */
-			distance?: number;
-
-			/** Specify pointer value text font option of circular gauge.
-			 * @Default {object}
-			 */
-			font?: ScalesPointersPointerValueTextFont;
-
-			/** Specify pointer value text opacity of circular gauge.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** enable pointer value text visibility of circular gauge.
-			 * @Default {false}
-			 */
-			showValue?: boolean;
-		}
-
-		export interface ScalesPointer {
-
-			/** Specify backgroundColor for the pointer of circular gauge
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specify backNeedleLength of circular gauge
-			 * @Default {10}
-			 */
-			backNeedleLength?: number;
-
-			/** Specify the border for pointers of circular gauge
-			 * @Default {Object}
-			 */
-			border?: ScalesPointersBorder;
-
-			/** Specify distanceFromScale value for pointers of circular gauge
-			 * @Default {0}
-			 */
-			distanceFromScale?: number;
-
-			/** Specify pointer gradients of circular gauge
-			 * @Default {null}
-			 */
-			gradients?: any;
-
-			/** Specify pointer image of circular gauge.It is applicable for both marker as well as needle type pointers.
-			 * @Default {NULL}
-			 */
-			imageUrl?: string;
-
-			/** Specify pointer length of circular gauge
-			 * @Default {150}
-			 */
-			length?: number;
-
-			/** Specify marker Style value of circular gauge. See MarkerType
-			 * @Default {Rectangle}
-			 */
-			markerType?: ej.datavisualization.CircularGauge.MarkerType | string;
-
-			/** Specify needle Style value of circular gauge. See NeedleType
-			 * @Default {Triangle}
-			 */
-			needleType?: ej.datavisualization.CircularGauge.NeedleType | string;
-
-			/** Specify opacity value for pointer of circular gauge
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specify radius value for pointer of circular gauge
-			 * @Default {null}
-			 */
-			radius?: number;
-
-			/** Specify pointer Placement value of circular gauge. See PointerPlacement
-			 * @Default {Near}
-			 */
-			placement?: ej.datavisualization.CircularGauge.Placement | string;
-
-			/** Specify pointer value text of circular gauge.
-			 * @Default {Object}
-			 */
-			pointerValueText?: ScalesPointersPointerValueText;
-
-			/** Specify showBackNeedle value of circular gauge
-			 * @Default {false}
-			 */
-			showBackNeedle?: boolean;
-
-			/** Specify pointer type value of circular gauge. See PointerType
-			 * @Default {Needle}
-			 */
-			type?: ej.datavisualization.CircularGauge.PointerType | string;
-
-			/** Specify value of the pointer of circular gauge
-			 * @Default {null}
-			 */
-			value?: number;
-
-			/** Specify pointer width of circular gauge
-			 * @Default {7}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesRangesBorder {
-
-			/** Specify border color for ranges of circular gauge
-			 * @Default {#32b3c6}
-			 */
-			color?: string;
-
-			/** Specify border width for ranges of circular gauge
-			 * @Default {1.5}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesRange {
-
-			/** Specify backgroundColor for the ranges of circular gauge
-			 * @Default {#32b3c6}
-			 */
-			backgroundColor?: string;
-
-			/** Specify text for the ranges of circular gauge
-			 * @Default {null}
-			 */
-			legendText?: string;
-
-			/** Specify border for ranges of circular gauge
-			 * @Default {Object}
-			 */
-			border?: ScalesRangesBorder;
-
-			/** Specify distanceFromScale value for ranges of circular gauge
-			 * @Default {25}
-			 */
-			distanceFromScale?: number;
-
-			/** Specify endValue for ranges of circular gauge
-			 * @Default {null}
-			 */
-			endValue?: number;
-
-			/** Specify endWidth for ranges of circular gauge
-			 * @Default {10}
-			 */
-			endWidth?: number;
-
-			/** Specify range gradients of circular gauge
-			 * @Default {null}
-			 */
-			gradients?: any;
-
-			/** Specify opacity value for ranges of circular gauge
-			 * @Default {null}
-			 */
-			opacity?: number;
-
-			/** Specify placement of circular gauge. See RangePlacement
-			 * @Default {Near}
-			 */
-			placement?: ej.datavisualization.CircularGauge.Placement | string;
-
-			/** Specify size of the range value of circular gauge
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Specify startValue for ranges of circular gauge
-			 * @Default {null}
-			 */
-			startValue?: number;
-
-			/** Specify startWidth of circular gauge
-			 * @Default {[Array.number] scale.ranges.startWidth = 10}
-			 */
-			startWidth?: number;
-		}
-
-		export interface ScalesSubGaugesPosition {
-
-			/** Specify x-axis position for sub-gauge of circular gauge
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Specify y-axis position for sub-gauge of circular gauge
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ScalesSubGauge {
-
-			/** Specify subGauge Height of circular gauge
-			 * @Default {150}
-			 */
-			height?: number;
-
-			/** Specify position for sub-gauge of circular gauge
-			 * @Default {Object}
-			 */
-			position?: ScalesSubGaugesPosition;
-
-			/** Specify subGauge Width of circular gauge
-			 * @Default {150}
-			 */
-			width?: number;
-		}
-
-		export interface ScalesTick {
-
-			/** Specify the angle for the ticks of circular gauge
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Specify tick color of circular gauge
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specify distanceFromScale value for ticks of circular gauge
-			 * @Default {0}
-			 */
-			distanceFromScale?: number;
-
-			/** Specify tick height of circular gauge
-			 * @Default {16}
-			 */
-			height?: number;
-
-			/** Specify tick placement of circular gauge. See TickPlacement
-			 * @Default {Near}
-			 */
-			placement?: ej.datavisualization.CircularGauge.Placement | string;
-
-			/** Specify tick Style of circular gauge. See TickType
-			 * @Default {Major}
-			 */
-			type?: ej.datavisualization.CircularGauge.LabelType | string;
-
-			/** Specify tick width of circular gauge
-			 * @Default {3}
-			 */
-			width?: number;
-		}
-
-		export interface Scale {
-
-			/** Specify backgroundColor for the scale of circular gauge
-			 * @Default {null}
-			 */
-			backgroundColor?: string;
-
-			/** Specify border for scales of circular gauge
-			 * @Default {Object}
-			 */
-			border?: ScalesBorder;
-
-			/** Specify scale direction of circular gauge. See Directions
-			 * @Default {Clockwise}
-			 */
-			direction?: ej.datavisualization.CircularGauge.Direction | string;
-
-			/** Specify the custom labels for the scales.
-			 * @Default {Array}
-			 */
-			customLabels?: ScalesCustomLabel[];
-
-			/** Specify representing state of circular gauge
-			 * @Default {Array}
-			 */
-			indicators?: ScalesIndicator[];
-
-			/** Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
-			 * @Default {Array}
-			 */
-			labels?: ScalesLabel[];
-
-			/** Specify majorIntervalValue of circular gauge
-			 * @Default {10}
-			 */
-			majorIntervalValue?: number;
-
-			/** Specify maximum scale value of circular gauge
-			 * @Default {null}
-			 */
-			maximum?: number;
-
-			/** Specify minimum scale value of circular gauge
-			 * @Default {null}
-			 */
-			minimum?: number;
-
-			/** Specify minorIntervalValue of circular gauge
-			 * @Default {2}
-			 */
-			minorIntervalValue?: number;
-
-			/** Specify opacity value of circular gauge
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specify pointer cap of circular gauge
-			 * @Default {Object}
-			 */
-			pointerCap?: ScalesPointerCap;
-
-			/** Specify pointers value of circular gauge
-			 * @Default {Array}
-			 */
-			pointers?: ScalesPointer[];
-
-			/** Specify scale radius of circular gauge
-			 * @Default {170}
-			 */
-			radius?: number;
-
-			/** Specify ranges value of circular gauge
-			 * @Default {Array}
-			 */
-			ranges?: ScalesRange[];
-
-			/** Specify shadowOffset value of circular gauge
-			 * @Default {0}
-			 */
-			shadowOffset?: number;
-
-			/** Specify showIndicators of circular gauge
-			 * @Default {false}
-			 */
-			showIndicators?: boolean;
-
-			/** Specify showLabels of circular gauge
-			 * @Default {true}
-			 */
-			showLabels?: boolean;
-
-			/** Specify showPointers of circular gauge
-			 * @Default {true}
-			 */
-			showPointers?: boolean;
-
-			/** Specify showRanges of circular gauge
-			 * @Default {false}
-			 */
-			showRanges?: boolean;
-
-			/** Specify showScaleBar of circular gauge
-			 * @Default {false}
-			 */
-			showScaleBar?: boolean;
-
-			/** Specify showTicks of circular gauge
-			 * @Default {true}
-			 */
-			showTicks?: boolean;
-
-			/** Specify scaleBar size of circular gauge
-			 * @Default {6}
-			 */
-			size?: number;
-
-			/** Specify startAngle of circular gauge
-			 * @Default {115}
-			 */
-			startAngle?: number;
-
-			/** Specify subGauge of circular gauge
-			 * @Default {Array}
-			 */
-			subGauges?: ScalesSubGauge[];
-
-			/** Specify sweepAngle of circular gauge
-			 * @Default {310}
-			 */
-			sweepAngle?: number;
-
-			/** Specify ticks of circular gauge
-			 * @Default {Array}
-			 */
-			ticks?: ScalesTick[];
-		}
-
-		export interface LegendBorder {
-
-			/** Border color of the legend.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the legend.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface LegendItemStyleBorder {
-
-			/** Border color of the legend items.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the legend items.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface LegendItemStyle {
-
-			/** Options for customizing the border of legend items.
-			 */
-			border?: LegendItemStyleBorder;
-
-			/** Specifies the height of the  legend item shapes.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Specifies the width of the  legend item shapes.
-			 * @Default {10}
-			 */
-			width?: number;
-		}
-
-		export interface LegendSize {
-
-			/** Specify the height of the legend. Height can be specified in pixel.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Specify the width of the legend. Width can be specified in pixel.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface LegendFont {
-
-			/** Font family for legend item text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend item text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: string;
-
-			/** Font weight for legend item text.
-			 * @Default {Regular}
-			 */
-			fontWeight?: string;
-
-			/** Font size for legend item text.
-			 * @Default {12px}
-			 */
-			size?: string;
-
-			/** Font color of the text for legend items.
-			 * @Default {null}
-			 */
-			color?: string;
-		}
-
-		export interface Legend {
-
-			/** Toggles the visibility of the legend.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Specifies the alignment of the legend.
-			 * @Default {Center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.CircularGauge.LegendAlignment | string;
-
-			/** Options for customizing the legend border.
-			 */
-			border?: LegendBorder;
-
-			/** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible ranges is displayed in gray color.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Gap or padding between the legend items.
-			 * @Default {20}
-			 */
-			itemPadding?: number;
-
-			/** Options to customize the style of legend items.
-			 */
-			itemStyle?: LegendItemStyle;
-
-			/** Opacity of the legend.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Places the legend at specified position. Legend can be placed at left, right, top or bottom of the circular gauge.
-			 * @Default {Bottom. See Position}
-			 */
-			position?: ej.datavisualization.CircularGauge.LegendPosition | string;
-
-			/** Shape of the legend items.
-			 * @Default {Circle. See Shape}
-			 */
-			shape?: ej.datavisualization.CircularGauge.LegendShape | string;
-
-			/** Options to customize the size of the legend.
-			 */
-			size?: LegendSize;
-
-			/** Options to customize the font used for legend item text.
-			 */
-			font?: LegendFont;
-		}
-
-		export interface Tooltip {
-
-			/** enable showCustomLabelTooltip of circular gauge
-			 * @Default {false}
-			 */
-			showCustomLabelTooltip?: boolean;
-
-			/** enable showLabelTooltip of circular gauge
-			 * @Default {false}
-			 */
-			showLabelTooltip?: boolean;
-
-			/** Specify tooltip templateID of circular gauge
-			 * @Default {false}
-			 */
-			templateID?: string;
-		}
-	}
-	namespace CircularGauge {
-		enum FrameType {
-			//string
-			FullCircle,
-			//string
-			HalfCircle,
-		}
-	}
-	namespace CircularGauge {
-		enum gaugePosition {
-			//string
-			TopLeft,
-			//string
-			TopRight,
-			//string
-			TopCenter,
-			//string
-			MiddleLeft,
-			//string
-			MiddleRight,
-			//string
-			Center,
-			//string
-			BottomLeft,
-			//string
-			BottomRight,
-			//string
-			BottomCenter,
-		}
-	}
-	namespace CircularGauge {
-		enum CustomLabelPositionType {
-			//string
-			Top,
-			//string
-			Bottom,
-			//string
-			Right,
-			//string
-			Left,
-		}
-	}
-	namespace CircularGauge {
-		enum Direction {
-			//string
-			Clockwise,
-			//string
-			CounterClockwise,
-		}
-	}
-	namespace CircularGauge {
-		enum IndicatorTypes {
-			//string
-			Rectangle,
-			//string
-			Circle,
-			//string
-			Text,
-			//string
-			RoundedRectangle,
-			//string
-			Image,
-		}
-	}
-	namespace CircularGauge {
-		enum Placement {
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-	namespace CircularGauge {
-		enum LabelType {
-			//string
-			Major,
-			//string
-			Minor,
-		}
-	}
-	namespace CircularGauge {
-		enum UnitTextPlacement {
-			//string
-			Back,
-			//string
-			Front,
-		}
-	}
-	namespace CircularGauge {
-		enum MarkerType {
-			//string
-			Rectangle,
-			//string
-			Circle,
-			//string
-			Triangle,
-			//string
-			Ellipse,
-			//string
-			Diamond,
-			//string
-			Pentagon,
-			//string
-			Slider,
-			//string
-			Pointer,
-			//string
-			Wedge,
-			//string
-			Trapezoid,
-			//string
-			RoundedRectangle,
-			//string
-			Image,
-		}
-	}
-	namespace CircularGauge {
-		enum NeedleType {
-			//string
-			Triangle,
-			//string
-			Rectangle,
-			//string
-			Arrow,
-			//string
-			Image,
-			//string
-			Trapezoid,
-		}
-	}
-	namespace CircularGauge {
-		enum PointerType {
-			//string
-			Needle,
-			//string
-			Marker,
-		}
-	}
-
-	namespace CircularGauge {
-		enum LegendAlignment {
-			//string
-			Center,
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-
-	namespace CircularGauge {
-		enum LegendPosition {
-			//string
-			Left,
-			//string
-			Right,
-			//string
-			Top,
-			//string
-			Bottom,
-		}
-	}
-
-	namespace CircularGauge {
-		enum LegendShape {
-			//string
-			Rectangle,
-			//string
-			Circle,
-			//string
-			Triangle,
-			//string
-			Ellipse,
-			//string
-			Diamond,
-			//string
-			Pentagon,
-			//string
-			Slider,
-			//string
-			Trapezoid,
-			//string
-			Line,
-		}
-	}
-
-	class DigitalGauge extends ej.Widget {
-		static fn: DigitalGauge;
-		constructor(element: JQuery | Element, options?: DigitalGauge.Model);
-		static Locale: any;
-		model: DigitalGauge.Model;
-		defaults: DigitalGauge.Model;
-
-		/** To destroy the digital gauge
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To export Digital Gauge as Image
-		 * @param {string} fileName for the Image
-		 * @param {string} fileType for the Image
-		 * @returns {boolean}
-		 */
-		exportImage(fileName: string, fileType: string): boolean;
-
-		/** Gets the location of an item that is displayed on the gauge.
-		 * @param {number} Position value of an item that is displayed on the gauge.
-		 * @returns {any}
-		 */
-		getPosition(itemIndex: number): any;
-
-		/** ClientSideMethod getValue Gets the value of an item that is displayed on the gauge
-		 * @param {number} Index value of an item that displayed on the gauge
-		 * @returns {any}
-		 */
-		getValue(itemIndex: number): any;
-
-		/** Refresh the digital gauge widget
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** ClientSideMethod Set Position Sets the location of an item to be displayed in the gauge
-		 * @param {number} Index value of the digital gauge item
-		 * @param {any} Location value of the digital gauge
-		 * @returns {void}
-		 */
-		setPosition(itemIndex: number, value: any): void;
-
-		/** ClientSideMethod SetValue Sets the value of an item to be displayed in the gauge.
-		 * @param {number} Index value of the digital gauge item
-		 * @param {string} Text value to be displayed in the gaugeS
-		 * @returns {void}
-		 */
-		setValue(itemIndex: number, value: string): void;
-	}
-	export namespace DigitalGauge {
-
-		export interface Model {
-
-			/** Specifies the frame of the Digital gauge.
-			 * @Default {{backgroundImageUrl: null, innerWidth: 6, outerWidth: 10}}
-			 */
-			frame?: Frame;
-
-			/** Specifies the height of the DigitalGauge.
-			 * @Default {150}
-			 */
-			height?: number;
-
-			/** Specifies the resize option of the DigitalGauge.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies the responsiveness of the Digital gauge
-			 * @Default {false}
-			 */
-			enableResize?: boolean;
-
-			/** Specifies the items for the DigitalGauge.
-			 * @Default {null}
-			 */
-			items?: Item[];
-
-			/** Specifies the matrixSegmentData for the DigitalGauge.
-			 */
-			matrixSegmentData?: any;
-
-			/** Specifies the segmentData for the DigitalGauge.
-			 */
-			segmentData?: any;
-
-			/** Specifies the themes for the Digital gauge. See Themes
-			 * @Default {flatlight}
-			 */
-			themes?: string;
-
-			/** Specifies the value to the DigitalGauge.
-			 * @Default {text}
-			 */
-			value?: string;
-
-			/** Specifies the width for the Digital gauge.
-			 * @Default {400}
-			 */
-			width?: number;
-
-			/** Triggers when the gauge is initialized. */
-			init?(e: InitEventArgs): void;
-
-			/** Triggers when the gauge item rendering. */
-			itemRendering?(e: ItemRenderingEventArgs): void;
-
-			/** Triggers when the gauge is start to load. */
-			load?(e: LoadEventArgs): void;
-
-			/** Triggers when the gauge render is completed. */
-			renderComplete?(e: RenderCompleteEventArgs): void;
-		}
-
-		export interface InitEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the all the options of the items.
-			 */
-			items?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ItemRenderingEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the all the options of the items.
-			 */
-			items?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the all the options of the items.
-			 */
-			items?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface RenderCompleteEventArgs {
-
-			/** returns the object of the gauge.
-			 */
-			object?: any;
-
-			/** returns the cancel option value
-			 */
-			cancel?: boolean;
-
-			/** returns the all the options of the items.
-			 */
-			items?: any;
-
-			/** returns the context element
-			 */
-			context?: any;
-
-			/** returns the gauge model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Frame {
-
-			/** Specifies the URL of an image to be displayed as background of the Digital gauge.
-			 * @Default {null}
-			 */
-			backgroundImageUrl?: string;
-
-			/** Specifies the inner width for the frame, when the background image has been set for the Digital gauge..
-			 * @Default {6}
-			 */
-			innerWidth?: number;
-
-			/** Specifies the outer width of the frame, when the background image has been set for the Digital gauge.
-			 * @Default {10}
-			 */
-			outerWidth?: number;
-		}
-
-		export interface ItemsCharacterSettings {
-
-			/** Specifies the CharacterCount value for the DigitalGauge.
-			 * @Default {4}
-			 */
-			count?: number;
-
-			/** Specifies the opacity value for the DigitalGauge.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the value for spacing between the characters
-			 * @Default {2}
-			 */
-			spacing?: number;
-
-			/** Specifies the character type for the text to be displayed.
-			 * @Default {ej.datavisualization.DigitalGauge.CharacterType.EightCrossEightDotMatrix}
-			 */
-			type?: ej.datavisualization.DigitalGauge.CharacterType | string;
-		}
-
-		export interface ItemsFont {
-
-			/** Set the font family value
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Set the font style for the font
-			 * @Default {italic}
-			 */
-			fontStyle?: ej.datavisualization.DigitalGauge.FontStyle | string;
-
-			/** Set the font size value
-			 * @Default {11px}
-			 */
-			size?: string;
-		}
-
-		export interface ItemsPosition {
-
-			/** Set the horizontal location for the text, where it needs to be placed within the gauge.
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Set the vertical location for the text, where it needs to be placed within the gauge.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ItemsSegmentSettings {
-
-			/** Set the color for the text segments.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Set the gradient for the text segments.
-			 * @Default {null}
-			 */
-			gradient?: any;
-
-			/** Set the length for the text segments.
-			 * @Default {2}
-			 */
-			length?: number;
-
-			/** Set the opacity for the text segments.
-			 * @Default {0}
-			 */
-			opacity?: number;
-
-			/** Set the spacing for the text segments.
-			 * @Default {1}
-			 */
-			spacing?: number;
-
-			/** Set the width for the text segments.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface Item {
-
-			/** Specifies the Character settings for the DigitalGauge.
-			 * @Default {null}
-			 */
-			characterSettings?: ItemsCharacterSettings;
-
-			/** Enable/Disable the custom font to be applied to the text in the gauge.
-			 * @Default {false}
-			 */
-			enableCustomFont?: boolean;
-
-			/** Set the specific font for the text, when the enableCustomFont is set to true
-			 * @Default {null}
-			 */
-			font?: ItemsFont;
-
-			/** Set the location for the text, where it needs to be placed within the gauge.
-			 * @Default {null}
-			 */
-			position?: ItemsPosition;
-
-			/** Set the segment settings for the digital gauge.
-			 * @Default {null}
-			 */
-			segmentSettings?: ItemsSegmentSettings;
-
-			/** Set the value for enabling/disabling the blurring effect for the shadows of the text
-			 * @Default {0}
-			 */
-			shadowBlur?: number;
-
-			/** Specifies the color of the text shadow.
-			 * @Default {null}
-			 */
-			shadowColor?: string;
-
-			/** Set the x offset value for the shadow of the text, indicating the location where it needs to be displayed.
-			 * @Default {1}
-			 */
-			shadowOffsetX?: number;
-
-			/** Set the y offset value for the shadow of the text, indicating the location where it needs to be displayed.
-			 * @Default {1}
-			 */
-			shadowOffsetY?: number;
-
-			/** Set the alignment of the text that is displayed within the gauge.See TextAlign
-			 * @Default {left}
-			 */
-			textAlign?: string;
-
-			/** Specifies the color of the text.
-			 * @Default {null}
-			 */
-			textColor?: string;
-
-			/** Specifies the text value.
-			 * @Default {null}
-			 */
-			value?: string;
-		}
-	}
-	namespace DigitalGauge {
-		enum CharacterType {
-			//string
-			SevenSegment,
-			//string
-			FourteenSegment,
-			//string
-			SixteenSegment,
-			//string
-			EightCrossEightDotMatrix,
-			//string
-			EightCrossEightSquareMatrix,
-		}
-	}
-	namespace DigitalGauge {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Bold,
-			//string
-			Italic,
-			//string
-			Underline,
-			//string
-			Strikeout,
-		}
-	}
-
-	class Chart extends ej.Widget {
-		static fn: Chart;
-		constructor(element: JQuery | Element, options?: Chart.Model);
-		static Locale: any;
-		model: Chart.Model;
-		defaults: Chart.Model;
-
-		/** Animates the series and/or indicators in Chart. When parameter is not passed to this method, then all the series and indicators present in Chart are animated.
-		 * @param {any} If an array collection is passed as parameter, series and indicator objects passed in array collection are animated.ExampleIf a series
-		 * or indicator object is passed to this method, then the specific series or indicator is animated.Example,
-		 * @returns {void}
-		 */
-		animate(options: any): void;
-
-		/** Prints the rendered chart.
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** Exports chart as an image or to an excel file. Chart can be exported as an image only when exportCanvasRendering option is set to true.
-		 * @param {string} Type of the export operation to be performed. Following are the two export types that are supported now,1. 'image'2. 'excel'Example
-		 * @param {string} URL of the service, where the chart will be exported to excel.Example,
-		 * @param {boolean} When this parameter is true, all the chart objects initialized to the same document are exported to a single excel file.
-		 * This is an optional parameter. By default, it is false.Example,
-		 * @returns {any}
-		 */
-		export(type: string, URL: string, exportMultipleChart: boolean): any;
-
-		/** Redraws the entire chart. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-		 * @returns {void}
-		 */
-		redraw(): void;
-	}
-	export namespace Chart {
-
-		export interface Model {
-
-			/** Options for adding and customizing annotations in Chart.
-			 */
-			annotations?: Annotation[];
-
-			/** URL of the image to be used as chart background.
-			 * @Default {null}
-			 */
-			backGroundImageUrl?: string;
-
-			/** Options for customizing the color, opacity and width of the chart border.
-			 */
-			border?: Border;
-
-			/** This provides options for customizing export settings
-			 */
-			exportSettings?: ExportSettings;
-
-			/** Options for configuring the border and background of the plot area.
-			 */
-			chartArea?: ChartArea;
-
-			/** Options to split Chart into multiple plotting areas vertically. Each object in the collection represents a plotting area in Chart.
-			 */
-			columnDefinitions?: ColumnDefinition[];
-
-			/** Options for configuring the properties of all the series. You can also override the options for specific series by using series collection.
-			 */
-			commonSeriesOptions?: CommonSeriesOptions;
-
-			/** Options for displaying and customizing the crosshair.
-			 */
-			crosshair?: Crosshair;
-
-			/** Depth of the 3D Chart from front view of series to background wall. This property is applicable only for 3D view.
-			 * @Default {100}
-			 */
-			depth?: number;
-
-			/** Controls whether 3D view has to be enabled or not. 3D view is supported only for column, bar. Stacking column, stacking bar, pie and doughnut series types.
-			 * @Default {false}
-			 */
-			enable3D?: boolean;
-
-			/** Controls whether Chart has to be rendered as Canvas or SVG. Canvas rendering supports all functionalities in SVG rendering except 3D Charts.
-			 * @Default {false}
-			 */
-			enableCanvasRendering?: boolean;
-
-			/** Controls whether the series has to be rendered at initial loading of chart, this will be useful in scenarios where chart is placed at the bottom of the web page
-			 * and we need to render the series only when the chart is visible while scrolling to the top.
-			 * @Default {true}
-			 */
-			initSeriesRender?: boolean;
-
-			/** Controls whether 3D view has to be rotated on dragging. This property is applicable only for 3D view.
-			 * @Default {false}
-			 */
-			enableRotation?: boolean;
-
-			/** Options to customize the technical indicators.
-			 */
-			indicators?: Indicator[];
-
-			/** Controls whether Chart has to be responsive while resizing.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Options to customize the legend items and legend title.
-			 */
-			legend?: Legend;
-
-			/** Name of the culture based on which chart should be localized. Number and date time values are localized with respect to the culture name.String type properties like title text are
-			 * not localized automatically. Provide localized text as value to string type properties.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Palette is used to store the series fill color in array and apply the color to series collection in the order of series index.
-			 * @Default {null}
-			 */
-			palette?: any[];
-
-			/** Options to customize the left, right, top and bottom margins of chart area.
-			 */
-			Margin?: any;
-
-			/** Perspective angle of the 3D view. Chart appears closer when perspective angle is decreased, and distant when perspective angle is increased.
-			 * This property is applicable only when 3D view is enabled
-			 * @Default {90}
-			 */
-			perspectiveAngle?: number;
-
-			/** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array.
-			 * To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array.
-			 * Then, assign the name to the series’s xAxisName property to link both axis and series.
-			 */
-			primaryXAxis?: PrimaryXAxis;
-
-			/** To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array.
-			 * Then, assign the name to the series’s xAxisName property to link both axis and series.
-			 */
-			axes?: Axis[];
-
-			/** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array.
-			 * To override y axis for particular series, create an axis object by providing unique name by using name property and add it to axes array.
-			 * Then, assign the name to the series’s yAxisName property to link both axis and series.
-			 */
-			primaryYAxis?: PrimaryYAxis;
-
-			/** Rotation angle of the 3D view. This property is applicable only when 3D view is enabled.
-			 * @Default {0}
-			 */
-			rotation?: number;
-
-			/** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
-			 */
-			rowDefinitions?: RowDefinition[];
-
-			/** Specifies the properties used for customizing the series.
-			 */
-			series?: Series[];
-
-			/** Controls whether data points has to be displayed side by side or along the depth of the axis.
-			 * @Default {false}
-			 */
-			sideBySideSeriesPlacement?: boolean;
-
-			/** Options to customize the Chart size.
-			 */
-			size?: Size;
-
-			/** Specifies the theme for Chart.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Chart.Theme | string;
-
-			/** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
-			 * @Default {0}
-			 */
-			tilt?: number;
-
-			/** Options for customizing the title and subtitle of Chart.
-			 */
-			title?: Title;
-
-			/** Width of the wall used in 3D Chart. Wall is present only in Cartesian type 3D series and not in 3D pie or Doughnut series. This property is applicable only when 3D view is enabled.
-			 * @Default {2}
-			 */
-			wallSize?: number;
-
-			/** Options for enabling zooming feature of chart.
-			 */
-			zooming?: Zooming;
-
-			/** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled. */
-			animationComplete?(e: AnimationCompleteEventArgs): void;
-
-			/** Fires before rendering the labels. This event is fired for each label in axis. You can use this event to add custom text to axis labels. */
-			axesLabelRendering?(e: AxesLabelRenderingEventArgs): void;
-
-			/** Fires during the initialization of axis labels. */
-			axesLabelsInitialize?(e: AxesLabelsInitializeEventArgs): void;
-
-			/** Fires during axes range calculation. This event is fired for each axis present in Chart. You can use this event to customize axis range as required. */
-			axesRangeCalculate?(e: AxesRangeCalculateEventArgs): void;
-
-			/** Fires before rendering the axis title. This event is triggered for each axis with title. You can use this event to add custom text to axis title. */
-			axesTitleRendering?(e: AxesTitleRenderingEventArgs): void;
-
-			/** Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area. */
-			chartAreaBoundsCalculate?(e: ChartAreaBoundsCalculateEventArgs): void;
-
-			/** Fires after chart is created. */
-			create?(e: CreateEventArgs): void;
-
-			/** Fires when chart is destroyed completely. */
-			destroy?(e: DestroyEventArgs): void;
-
-			/** Fires before rendering the data labels. This event is triggered for each data label in the series. You can use this event to add custom text in data labels. */
-			displayTextRendering?(e: DisplayTextRenderingEventArgs): void;
-
-			/** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend. */
-			legendBoundsCalculate?(e: LegendBoundsCalculateEventArgs): void;
-
-			/** Fires on clicking the legend item. */
-			legendItemClick?(e: LegendItemClickEventArgs): void;
-
-			/** Fires when moving mouse over legend item. You can use this event for hit testing on legend items. */
-			legendItemMouseMove?(e: LegendItemMouseMoveEventArgs): void;
-
-			/** Fires before rendering the legend item. This event is fired for each legend item in Chart. You can use this event to customize legend item shape or add custom text to legend item. */
-			legendItemRendering?(e: LegendItemRenderingEventArgs): void;
-
-			/** Fires before loading the chart. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires while performing rectangle zooming in chart. */
-			zoomed?(e: ZoomedEventArgs): void;
-
-			/** Fires after selected the data in chart. */
-			rangeSelected?(e: RangeSelectedEventArgs): void;
-
-			/** Fires on clicking a point in chart. You can use this event to handle clicks made on points. */
-			pointRegionClick?(e: PointRegionClickEventArgs): void;
-
-			/** Fires when mouse is moved over a point. */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
-
-			/** Fires before rendering chart. */
-			preRender?(e: PreRenderEventArgs): void;
-
-			/** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series. */
-			seriesRegionClick?(e: SeriesRegionClickEventArgs): void;
-
-			/** Fires before rendering a series. This event is fired for each series in Chart. */
-			seriesRendering?(e: SeriesRenderingEventArgs): void;
-
-			/** Fires before rendering the marker symbols. This event is triggered for each marker in Chart. */
-			symbolRendering?(e: SymbolRenderingEventArgs): void;
-
-			/** Fires before rendering the Chart title. You can use this event to add custom text in Chart title. */
-			titleRendering?(e: TitleRenderingEventArgs): void;
-
-			/** Fires before rendering the tooltip. This event is fired when tooltip is enabled and mouse is hovered on a Chart point. You can use this event to customize tooltip before rendering. */
-			toolTipInitialize?(e: ToolTipInitializeEventArgs): void;
-
-			/** Fires before rendering crosshair tooltip in axis. This event is fired for each axis with crosshair label enabled. You can use this event to customize crosshair label before rendering */
-			trackAxisToolTip?(e: TrackAxisToolTipEventArgs): void;
-
-			/** Fires before rendering trackball tooltip. This event is fired for each series in Chart because trackball tooltip is displayed for all the series.
-			 * You can use this event to customize the text displayed in trackball tooltip.
-			 */
-			trackToolTip?(e: TrackToolTipEventArgs): void;
-
-			/** Fires, on clicking the axis label. */
-			axisLabelClick?(e: AxisLabelClickEventArgs): void;
-
-			/** Fires on moving mouse over the axis label. */
-			axisLabelMouseMove?(e: AxisLabelMouseMoveEventArgs): void;
-
-			/** Fires, on the clicking the chart. */
-			chartClick?(e: ChartClickEventArgs): void;
-
-			/** Fires on moving mouse over the chart. */
-			chartMouseMove?(e: ChartMouseMoveEventArgs): void;
-
-			/** Fires, on double clicking the chart. */
-			chartDoubleClick?(e: ChartDoubleClickEventArgs): void;
-
-			/** Fires on clicking the annotation. */
-			annotationClick?(e: AnnotationClickEventArgs): void;
-
-			/** Fires, after the chart is resized. */
-			afterResize?(e: AfterResizeEventArgs): void;
-
-			/** Fires, when chart size is changing. */
-			beforeResize?(e: BeforeResizeEventArgs): void;
-
-			/** Fires, when error bar is rendering. */
-			errorBarRendering?(e: ErrorBarRenderingEventArgs): void;
-
-			/** Trigger, after the scrollbar position is changed. */
-			scrollChanged?(e: ScrollChangedEventArgs): void;
-
-			/** Event triggered when scroll starts */
-			scrollStart?(e: ScrollStartEventArgs): void;
-
-			/** Event triggered when scroll end */
-			scrollEnd?(e: ScrollEndEventArgs): void;
-		}
-
-		export interface AnimationCompleteEventArgs {
-
-			/** Instance of the series that completed has animation.
-			 */
-			series?: any;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AxesLabelRenderingEventArgs {
-
-			/** Instance of the corresponding axis.
-			 */
-			axis?: any;
-
-			/** Formatted text of the respective label. You can also add custom text to the label.
-			 */
-			Text?: string;
-
-			/** Actual value of the label.
-			 */
-			Value?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AxesLabelsInitializeEventArgs {
-
-			/** Collection of axes in Chart
-			 */
-			dataAxes?: any;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AxesRangeCalculateEventArgs {
-
-			/** Difference between minimum and maximum value of axis range.
-			 */
-			delta?: number;
-
-			/** Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this interval value.
-			 */
-			interval?: number;
-
-			/** Maximum value of axis range.
-			 */
-			max?: number;
-
-			/** Minimum value of axis range.
-			 */
-			min?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AxesTitleRenderingEventArgs {
-
-			/** Instance of the axis whose title is being rendered
-			 */
-			axes?: any;
-
-			/** X-coordinate of title location
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of title location
-			 */
-			locationY?: number;
-
-			/** Axis title text. You can add custom text to the title.
-			 */
-			title?: string;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ChartAreaBoundsCalculateEventArgs {
-
-			/** Height of the chart area.
-			 */
-			areaBoundsHeight?: number;
-
-			/** Width of the chart area.
-			 */
-			areaBoundsWidth?: number;
-
-			/** X-coordinate of the chart area.
-			 */
-			areaBoundsX?: number;
-
-			/** Y-coordinate of the chart area.
-			 */
-			areaBoundsY?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DestroyEventArgs {
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DisplayTextRenderingEventArgs {
-
-			/** Text displayed in data label. You can add custom text to the data label
-			 */
-			text?: string;
-
-			/** X-coordinate of data label location
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of data label location
-			 */
-			locationY?: number;
-
-			/** Index of the series in series Collection whose data label is being rendered
-			 */
-			seriesIndex?: number;
-
-			/** Index of the point in series whose data label is being rendered
-			 */
-			pointIndex?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LegendBoundsCalculateEventArgs {
-
-			/** Height of the legend.
-			 */
-			legendBoundsHeight?: number;
-
-			/** Width of the legend.
-			 */
-			legendBoundsWidth?: number;
-
-			/** Number of rows to display the legend items
-			 */
-			legendBoundsRows?: number;
-
-			/** Set this option to true to cancel the event.
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object.
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LegendItemClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of legend item in pixel
-			 */
-			startX?: number;
-
-			/** Y-coordinate of legend item in pixel
-			 */
-			startY?: number;
-
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			LegendItem?: any;
-
-			/** Options to customize the legend item styles such as border, color, size, etc…,
-			 */
-			style?: any;
-
-			/** Instance that holds information about legend bounds and legend item bounds.
-			 */
-			Bounds?: any;
-
-			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-			 */
-			symbolShape?: string;
-
-			/** Instance of the series object corresponding to the legend item
-			 */
-			series?: any;
-		}
-
-		export interface LegendItemMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of legend item in pixel
-			 */
-			startX?: number;
-
-			/** Y-coordinate of legend item in pixel
-			 */
-			startY?: number;
-
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			LegendItem?: any;
-
-			/** Options to customize the legend item styles such as border, color, size, etc…,
-			 */
-			style?: any;
-
-			/** Options to customize the legend item styles such as border, color, size, etc…,
-			 */
-			Bounds?: any;
-
-			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-			 */
-			symbolShape?: string;
-
-			/** Instance of the series object corresponding to the legend item
-			 */
-			series?: any;
-		}
-
-		export interface LegendItemRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of legend item in pixel
-			 */
-			startX?: number;
-
-			/** Y-coordinate of legend item in pixel
-			 */
-			startY?: number;
-
-			/** Instance of the legend item object that is about to be rendered
-			 */
-			legendItem?: any;
-
-			/** Options to customize the legend item styles such as border, color, size, etc.
-			 */
-			style?: any;
-
-			/** Name of the legend item shape. Use this option to customize legend item shape before rendering
-			 */
-			symbolShape?: string;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-		export interface ZoomedEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Selected data collection of object
-			 */
-			data?: any;
-		}
-		export interface RangeSelectedEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Selected data collection of object
-			 */
-			data?: any;
-		}
-
-		export interface RangeSelectedEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Selected data collection of object
-			 */
-			data?: any;
-		}
-
-		export interface PointRegionClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
-
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Index of the series in series collection to which the point belongs
-			 */
-			seriesIndex?: number;
-		}
-
-		export interface PointRegionMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
-
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Index of the series in series collection to which the point belongs
-			 */
-			seriesIndex?: number;
-		}
-
-		export interface PreRenderEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SeriesRegionClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Instance of the selected series
-			 */
-			series?: any;
-
-			/** Index of the selected series
-			 */
-			seriesIndex?: number;
-		}
-
-		export interface SeriesRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Instance of the series which is about to get rendered
-			 */
-			series?: any;
-		}
-
-		export interface SymbolRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Instance that holds the location of marker symbol
-			 */
-			location?: any;
-
-			/** Options to customize the marker style such as color, border and size
-			 */
-			style?: any;
-		}
-
-		export interface TitleRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Option to customize the title location in pixels
-			 */
-			location?: any;
-
-			/** Read-only option to find the size of the title
-			 */
-			size?: any;
-
-			/** Use this option to add custom text in title
-			 */
-			title?: string;
-		}
-
-		export interface ToolTipInitializeEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip
-			 */
-			currentText?: string;
-
-			/** Index of the point on which mouse is hovered
-			 */
-			pointIndex?: number;
-
-			/** Index of the series in series collection whose point is hovered by mouse
-			 */
-			seriesIndex?: number;
-		}
-
-		export interface TrackAxisToolTipEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Location of the crosshair label in pixels
-			 */
-			location?: any;
-
-			/** Index of the axis for which crosshair label is displayed
-			 */
-			axisIndex?: number;
-
-			/** Instance of the chart axis object for which cross hair label is displayed
-			 */
-			crossAxis?: number;
-
-			/** Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
-			 */
-			currentTrackText?: string;
-		}
-
-		export interface TrackToolTipEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Location of the trackball tooltip in pixels
-			 */
-			location?: any;
-
-			/** Index of the point for which trackball tooltip is displayed
-			 */
-			pointIndex?: number;
-
-			/** Index of the series in series collection
-			 */
-			seriesIndex?: number;
-
-			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-			 */
-			currentText?: string;
-
-			/** Instance of the series object for which trackball tooltip is displayed.
-			 */
-			series?: any;
-		}
-
-		export interface AxisLabelClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X and Y co-ordinate of the labels in chart area.
-			 */
-			location?: any;
-
-			/** Index of the label.
-			 */
-			index?: number;
-
-			/** Instance of the corresponding axis.
-			 */
-			axis?: any;
-
-			/** Label that is clicked.
-			 */
-			text?: string;
-		}
-
-		export interface AxisLabelMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X and Y co-ordinate of the labels in chart area.
-			 */
-			location?: any;
-
-			/** Index of the label.
-			 */
-			index?: number;
-
-			/** Instance of the corresponding axis.
-			 */
-			axis?: any;
-
-			/** Label that is hovered.
-			 */
-			text?: string;
-		}
-
-		export interface ChartClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X and Y co-ordinate of the points with respect to chart area.
-			 */
-			location?: any;
-
-			/** ID of the target element.
-			 */
-			id?: string;
-
-			/** Width and height of the chart.
-			 */
-			size?: any;
-
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
-
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
-
-		export interface ChartMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X and Y co-ordinate of the points with respect to chart area.
-			 */
-			location?: any;
-
-			/** ID of the target element.
-			 */
-			id?: string;
-
-			/** Width and height of the chart.
-			 */
-			size?: any;
-
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
-
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
-
-		export interface ChartDoubleClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X and Y co-ordinate of the points with respect to chart area.
-			 */
-			location?: any;
-
-			/** ID of the target element.
-			 */
-			id?: string;
-
-			/** Width and height of the chart.
-			 */
-			size?: any;
-
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
-
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
-
-		export interface AnnotationClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X and Y co-ordinate of the annotation in chart area.
-			 */
-			location?: any;
-
-			/** Information about the annotation, like Coordinate unit, Region, content
-			 */
-			contentData?: any;
-
-			/** x-coordinate of the pointer, relative to the page
-			 */
-			pageX?: number;
-
-			/** y-coordinate of the pointer, relative to the page
-			 */
-			pageY?: number;
-		}
-
-		export interface AfterResizeEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Chart width, after resize
-			 */
-			width?: number;
-
-			/** Chart height, after resize
-			 */
-			height?: number;
-
-			/** Chart width, before resize
-			 */
-			prevWidth?: number;
-
-			/** Chart height, before resize
-			 */
-			prevHeight?: number;
-
-			/** Chart width, when the chart was first rendered
-			 */
-			originalWidth?: number;
-
-			/** Chart height, when the chart was first rendered
-			 */
-			originalHeight?: number;
-		}
-
-		export interface BeforeResizeEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Chart width, before resize
-			 */
-			currentWidth?: number;
-
-			/** Chart height, before resize
-			 */
-			currentHeight?: number;
-
-			/** Chart width, after resize
-			 */
-			newWidth?: number;
-
-			/** Chart height, after resize
-			 */
-			newHeight?: number;
-		}
-
-		export interface ErrorBarRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the chart model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Error bar Object
-			 */
-			errorbar?: any;
-		}
-
-		export interface ScrollChangedEventArgs {
-
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
-
-			/** returns the scrollbar position old start and end range value on changing scrollbar
-			 */
-			dataoldRange?: any;
-
-			/** returns the scrollbar position new start and end range value on changing scrollbar
-			 */
-			datanewRange?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ScrollStartEventArgs {
-
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
-
-			/** returns the scrollbar position starting range value on changing scrollbar
-			 */
-			datastartRange?: string;
-
-			/** returns the scrollbar position end range value on changing scrollbar
-			 */
-			dataendRange?: string;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ScrollEndEventArgs {
-
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
-
-			/** returns the scrollbar position old start and end range value on change end of scrollbar
-			 */
-			dataoldRange?: any;
-
-			/** returns the scrollbar position new start and end range value on change end of scrollbar
-			 */
-			datanewRange?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface AnnotationsMargin {
-
-			/** Annotation is placed at the specified value above its original position.
-			 * @Default {0}
-			 */
-			bottom?: number;
-
-			/** Annotation is placed at the specified value from left side of its original position.
-			 * @Default {0}
-			 */
-			left?: number;
-
-			/** Annotation is placed at the specified value from the right side of its original position.
-			 * @Default {0}
-			 */
-			right?: number;
-
-			/** Annotation is placed at the specified value under its original position.
-			 * @Default {0}
-			 */
-			top?: number;
-		}
-
-		export interface Annotation {
-
-			/** Angle to rotate the annotation in degrees.
-			 * @Default {'0'}
-			 */
-			angle?: number;
-
-			/** Text content or id of a HTML element to be displayed as annotation.
-			 */
-			content?: string;
-
-			/** Specifies how annotations have to be placed in Chart.
-			 * @Default {none. See CoordinateUnit}
-			 */
-			coordinateUnit?: ej.datavisualization.Chart.CoordinateUnit | string;
-
-			/** Specifies the horizontal alignment of the annotation.
-			 * @Default {middle. See HorizontalAlignment}
-			 */
-			horizontalAlignment?: ej.datavisualization.Chart.HorizontalAlignment | string;
-
-			/** Options to customize the margin of annotation.
-			 */
-			margin?: AnnotationsMargin;
-
-			/** Controls the opacity of the annotation.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies whether annotation has to be placed with respect to chart or series.
-			 * @Default {chart. See Region}
-			 */
-			region?: ej.datavisualization.Chart.Region | string;
-
-			/** Specifies the vertical alignment of the annotation.
-			 * @Default {middle. See VerticalAlignment}
-			 */
-			verticalAlignment?: ej.datavisualization.Chart.VerticalAlignment | string;
-
-			/** Controls the visibility of the annotation.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Represents the horizontal offset when coordinateUnit is pixels.when coordinateUnit is points, it represents the x-coordinate of axis bounded with xAxisName property
-			 * or primary X axis when xAxisName is not provided.This property is not applicable when coordinateUnit is none.
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Name of the horizontal axis to be used for positioning the annotation. This property is applicable only when coordinateUnit is points.
-			 */
-			xAxisName?: string;
-
-			/** Represents the vertical offset when coordinateUnit is pixels.When coordinateUnit is points, it represents the y-coordinate of axis bounded with
-			 * yAxisName property or primary Y axis when yAxisName is not provided.This property is not applicable when coordinateUnit is none.
-			 * @Default {0}
-			 */
-			y?: number;
-
-			/** Name of the vertical axis to be used for positioning the annotation.This property is applicable only when coordinateUnit is points.
-			 */
-			yAxisName?: string;
-		}
-
-		export interface Border {
-
-			/** Border color of the chart.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Opacity of the chart border.
-			 * @Default {0.3}
-			 */
-			opacity?: number;
-
-			/** Width of the Chart border.
-			 * @Default {0}
-			 */
-			width?: number;
-		}
-
-		export interface ExportSettings {
-
-			/** Specifies the downloading filename
-			 * @Default {chart}
-			 */
-			filename?: string;
-
-			/** Specifies the name of the action URL
-			 */
-			action?: string;
-
-			/** Specifies the angle for rotation
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Specifies the format of the file to export
-			 * @Default {png}
-			 */
-			type?: ej.datavisualization.Chart.ExportingType | string;
-
-			/** Specifies the orientation of the document
-			 * @Default {portrait}
-			 */
-			orientation?: ej.datavisualization.Chart.ExportingOrientation | string;
-
-			/** Specifies the mode of exporting
-			 * @Default {client}
-			 */
-			mode?: ej.datavisualization.Chart.ExportingMode | string;
-
-			/** Enable/ disable the multiple excel exporting
-			 * @Default {false}
-			 */
-			multipleExport?: boolean;
-		}
-
-		export interface ChartAreaBorder {
-
-			/** Border color of the plot area.
-			 * @Default {Gray}
-			 */
-			color?: string;
-
-			/** Opacity of the plot area border.
-			 * @Default {0.3}
-			 */
-			opacity?: number;
-
-			/** Border width of the plot area.
-			 * @Default {0.5}
-			 */
-			width?: number;
-		}
-
-		export interface ChartArea {
-
-			/** Background color of the plot area.
-			 * @Default {transparent}
-			 */
-			background?: string;
-
-			/** Options for customizing the border of the plot area.
-			 */
-			border?: ChartAreaBorder;
-		}
-
-		export interface ColumnDefinition {
-
-			/** Specifies the unit to measure the width of the column in plotting area.
-			 * @Default {'pixel'. See Unit}
-			 */
-			unit?: ej.datavisualization.Chart.Unit | string;
-
-			/** Width of the column in plotting area. Width is measured in either pixel or percentage based on the value of unit property.
-			 * @Default {50}
-			 */
-			columnWidth?: number;
-
-			/** Color of the line that indicates the starting point of the column in plotting area.
-			 * @Default {transparent}
-			 */
-			lineColor?: string;
-
-			/** Width of the line that indicates the starting point of the column in plot area.
-			 * @Default {1}
-			 */
-			lineWidth?: number;
-		}
-
-		export interface CommonSeriesOptionsBorder {
-
-			/** Border color of all series.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** DashArray for border of the series.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Border width of all series.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsFont {
-
-			/** Font color of the text in all series.
-			 * @Default {#707070}
-			 */
-			color?: string;
-
-			/** Font Family for all the series.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font Style for all the series.
-			 * @Default {normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Specifies the font weight for all the series.
-			 * @Default {regular}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity for text in all the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for text in all the series.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface CommonSeriesOptionsMarkerBorder {
-
-			/** Border color of the marker shape.
-			 * @Default {white}
-			 */
-			color?: string;
-
-			/** Border width of the marker shape.
-			 * @Default {3}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsMarkerDataLabelBorder {
-
-			/** Border color of the data label.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the data label.
-			 * @Default {0.1}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsMarkerDataLabelConnectorLine {
-
-			/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
-			 * @Default {line. See ConnectorLineType}
-			 */
-			type?: ej.datavisualization.Chart.ConnectorLineType | string;
-
-			/** Width of the connector.
-			 * @Default {0.5}
-			 */
-			width?: number;
-
-			/** Color of the connector line.
-			 * @Default {#565656}
-			 */
-			color?: string;
-
-			/** Height of the connector line.
-			 * @Default {null}
-			 */
-			height?: string;
-		}
-
-		export interface CommonSeriesOptionsMarkerDataLabelFont {
-
-			/** Font family of the data label.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the data label.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the data label.
-			 * @Default {regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font color of the data label text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font size of the data label.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface CommonSeriesOptionsMarkerDataLabelMargin {
-
-			/** Bottom margin of the text.
-			 * @Default {5}
-			 */
-			bottom?: number;
-
-			/** Left margin of the text.
-			 * @Default {5}
-			 */
-			left?: number;
-
-			/** Right margin of the text.
-			 * @Default {5}
-			 */
-			right?: number;
-
-			/** Top margin of the text.
-			 * @Default {5}
-			 */
-			top?: number;
-		}
-
-		export interface CommonSeriesOptionsMarkerDataLabel {
-
-			/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
-			 * @Default {null}
-			 */
-			angle?: number;
-
-			/** Maximum label width of the data label.
-			 * @Default {null}
-			 */
-			maximumLabelWidth?: number;
-
-			/** Enable the wrap option to the data label.
-			 * @Default {false}
-			 */
-			enableWrap?: boolean;
-
-			/** Options for customizing the border of the data label.
-			 */
-			border?: CommonSeriesOptionsMarkerDataLabelBorder;
-
-			/** Options for displaying and customizing the line that connects point and data label.
-			 */
-			connectorLine?: CommonSeriesOptionsMarkerDataLabelConnectorLine;
-
-			/** Background color of the data label.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the data label font.
-			 */
-			font?: CommonSeriesOptionsMarkerDataLabelFont;
-
-			/** Horizontal alignment of the data label.
-			 * @Default {center}
-			 */
-			horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment | string;
-
-			/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
-			 */
-			margin?: CommonSeriesOptionsMarkerDataLabelMargin;
-
-			/** Opacity of the data label.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Background shape of the data label.
-			 * @Default {none. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-			 */
-			template?: string;
-
-			/** Name of a field in data source, where datalabel text is displayed.
-			 */
-			textMappingName?: string;
-
-			/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
-			 * @Default {top. See TextPosition}
-			 */
-			textPosition?: ej.datavisualization.Chart.TextPosition | string;
-
-			/** Vertical alignment of the data label.
-			 * @Default {center}
-			 */
-			verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment | string;
-
-			/** Controls the visibility of the data labels.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface CommonSeriesOptionsMarkerSize {
-
-			/** Height of the marker.
-			 * @Default {6}
-			 */
-			height?: number;
-
-			/** Width of the marker.
-			 * @Default {6}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsMarker {
-
-			/** Options for customizing the border of the marker shape.
-			 */
-			border?: CommonSeriesOptionsMarkerBorder;
-
-			/** Options for displaying and customizing data labels.
-			 */
-			dataLabel?: CommonSeriesOptionsMarkerDataLabel;
-
-			/** Color of the marker shape.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** The URL for the Image to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
-			 */
-			imageUrl?: string;
-
-			/** Opacity of the marker.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the shape of the marker.
-			 * @Default {circle. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Options for customizing the size of the marker shape.
-			 */
-			size?: CommonSeriesOptionsMarkerSize;
-
-			/** Controls the visibility of the marker shape.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface CommonSeriesOptionsOutlierSettingsSize {
-
-			/** Height of the outlier shape.
-			 * @Default {6}
-			 */
-			height?: number;
-
-			/** Width of the outlier shape.
-			 * @Default {6}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsOutlierSettings {
-
-			/** Specifies the shape of the outlier.
-			 * @Default {circle. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Options for customizing the size of the outlier shape.
-			 */
-			size?: CommonSeriesOptionsOutlierSettingsSize;
-		}
-
-		export interface CommonSeriesOptionsCornerRadius {
-
-			/** Specifies the radius for the top left corner.
-			 * @Default {0}
-			 */
-			topLeft?: number;
-
-			/** Specifies the radius for the top right corner.
-			 * @Default {0}
-			 */
-			topRight?: number;
-
-			/** Specifies the radius for the bottom left corner.
-			 * @Default {0}
-			 */
-			bottomLeft?: number;
-
-			/** Specifies the radius for the bottom right corner.
-			 * @Default {0}
-			 */
-			bottomRight?: number;
-		}
-
-		export interface CommonSeriesOptionsTooltipBorder {
-
-			/** Border color of the tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the tooltip.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsTooltip {
-
-			/** Options for customizing the border of the tooltip.
-			 */
-			border?: CommonSeriesOptionsTooltipBorder;
-
-			/** Customize the corner radius of the tooltip rectangle.
-			 * @Default {0}
-			 */
-			rx?: number;
-
-			/** Customize the corner radius of the tooltip rectangle.
-			 * @Default {0}
-			 */
-			ry?: number;
-
-			/** Specifies the duration, the tooltip has to be displayed.
-			 * @Default {500ms}
-			 */
-			duration?: string;
-
-			/** Enables/disables the animation of the tooltip when moving from one point to other.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Background color of the tooltip.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Format of the tooltip content.
-			 * @Default {#point.x# : #point.y#}
-			 */
-			format?: string;
-
-			/** Opacity of the tooltip.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Controls the visibility of the tooltip.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface CommonSeriesOptionsEmptyPointSettingsStyleBorder {
-
-			/** Border color of the empty point.
-			 */
-			color?: string;
-
-			/** Border width of the empty point.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface CommonSeriesOptionsEmptyPointSettingsStyle {
-
-			/** Color of the empty point.
-			 */
-			color?: string;
-
-			/** Options for customizing border of the empty point in the series.
-			 */
-			border?: CommonSeriesOptionsEmptyPointSettingsStyleBorder;
-		}
-
-		export interface CommonSeriesOptionsEmptyPointSettings {
-
-			/** Controls the visibility of the empty point.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Specifies the mode of empty point.
-			 * @Default {gap}
-			 */
-			displayMode?: ej.datavisualization.Chart.EmptyPointMode | string;
-
-			/** Options for customizing the color and border of the empty point in the series.
-			 */
-			style?: CommonSeriesOptionsEmptyPointSettingsStyle;
-		}
-
-		export interface CommonSeriesOptionsConnectorLine {
-
-			/** Width of the connector line.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Color of the connector line.
-			 * @Default {#565656}
-			 */
-			color?: string;
-
-			/** DashArray of the connector line.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** DashArray of the connector line.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface CommonSeriesOptionsDragSettings {
-
-			/** drag/drop the series
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies the type of drag settings.
-			 * @Default {xy}
-			 */
-			type?: string;
-		}
-
-		export interface CommonSeriesOptionsErrorBarCap {
-
-			/** Show/Hides the error bar cap.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the error bar cap.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Length of the error bar cap.
-			 * @Default {1}
-			 */
-			length?: number;
-
-			/** Color of the error bar cap.
-			 * @Default {“#000000”}
-			 */
-			fill?: string;
-		}
-
-		export interface CommonSeriesOptionsErrorBar {
-
-			/** Show/hides the error bar
-			 * @Default {visible}
-			 */
-			visibility?: boolean;
-
-			/** Specifies the type of error bar.
-			 * @Default {FixedValue}
-			 */
-			type?: ej.datavisualization.Chart.ErrorBarType | string;
-
-			/** Specifies the mode of error bar.
-			 * @Default {vertical}
-			 */
-			mode?: ej.datavisualization.Chart.ErrorBarMode | string;
-
-			/** Specifies the direction of error bar.
-			 * @Default {both}
-			 */
-			direction?: ej.datavisualization.Chart.ErrorBarDirection | string;
-
-			/** Value of vertical error bar.
-			 * @Default {3}
-			 */
-			verticalErrorValue?: number;
-
-			/** Value of horizontal  error bar.
-			 * @Default {1}
-			 */
-			horizontalErrorValue?: number;
-
-			/** Value of positive horizontal error bar.
-			 * @Default {1}
-			 */
-			horizontalPositiveErrorValue?: number;
-
-			/** Value of negative horizontal error bar.
-			 * @Default {1}
-			 */
-			horizontalNegativeErrorValue?: number;
-
-			/** Value of positive vertical error bar.
-			 * @Default {5}
-			 */
-			verticalPositiveErrorValue?: number;
-
-			/** Value of negative vertical error bar.
-			 * @Default {5}
-			 */
-			verticalNegativeErrorValue?: number;
-
-			/** Fill color of the error bar.
-			 * @Default {#000000}
-			 */
-			fill?: string;
-
-			/** Width of the error bar.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Options for customizing the error bar cap.
-			 */
-			cap?: CommonSeriesOptionsErrorBarCap;
-		}
-
-		export interface CommonSeriesOptionsTrendline {
-
-			/** Show/hides the trendline.
-			 */
-			visibility?: boolean;
-
-			/** Specifies the type of the trendline for the series.
-			 * @Default {linear. See TrendlinesType}
-			 */
-			type?: string;
-
-			/** Name for the trendlines that is to be displayed in the legend text.
-			 * @Default {trendline}
-			 */
-			name?: string;
-
-			/** Fill color of the trendlines.
-			 * @Default {#0000FF}
-			 */
-			fill?: string;
-
-			/** Width of the trendlines.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Opacity of the trendline.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Pattern of dashes and gaps used to stroke the trendline.
-			 */
-			dashArray?: string;
-
-			/** Future trends of the current series.
-			 * @Default {0}
-			 */
-			forwardForecast?: number;
-
-			/** Past trends of the current series.
-			 * @Default {0}
-			 */
-			backwardForecast?: number;
-
-			/** Specifies the order of the polynomial trendlines.
-			 * @Default {0}
-			 */
-			polynomialOrder?: number;
-
-			/** Specifies the moving average starting period value.
-			 * @Default {2}
-			 */
-			period?: number;
-		}
-
-		export interface CommonSeriesOptionsHighlightSettingsBorder {
-
-			/** Border color of the series/point on highlight.
-			 */
-			color?: string;
-
-			/** Border width of the series/point on highlight.
-			 * @Default {2}
-			 */
-			width?: string;
-		}
-
-		export interface CommonSeriesOptionsHighlightSettings {
-
-			/** Enables/disables the ability to highlight the series or data point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether the series or data point has to be highlighted.
-			 * @Default {series. See Mode}
-			 */
-			mode?: ej.datavisualization.Chart.Mode | string;
-
-			/** Color of the series/point on highlight.
-			 */
-			color?: string;
-
-			/** Opacity of the series/point on highlight.
-			 * @Default {0.6}
-			 */
-			opacity?: number;
-
-			/** Options for customizing the border of series on highlight.
-			 */
-			border?: CommonSeriesOptionsHighlightSettingsBorder;
-
-			/** Specifies the pattern for the series/point on highlight.
-			 * @Default {none. See Pattern}
-			 */
-			pattern?: string;
-
-			/** Custom pattern for the series on highlight.
-			 */
-			customPattern?: string;
-		}
-
-		export interface CommonSeriesOptionsSelectionSettingsBorder {
-
-			/** Border color of the series/point on selection.
-			 */
-			color?: string;
-
-			/** Border width of the series/point on selection.
-			 * @Default {2}
-			 */
-			width?: string;
-		}
-
-		export interface CommonSeriesOptionsSelectionSettings {
-
-			/** Enables/disables the ability to select a series/data point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies the type of selection.
-			 * @Default {single}
-			 */
-			type?: ej.datavisualization.Chart.SelectionType | string;
-
-			/** Specifies whether the series or data point has to be selected.
-			 * @Default {series. See Mode}
-			 */
-			mode?: ej.datavisualization.Chart.Mode | string;
-
-			/** Specifies the drawn rectangle type.
-			 * @Default {xy}
-			 */
-			rangeType?: ej.datavisualization.Chart.RangeType | string;
-
-			/** Color of the series/point on selection.
-			 */
-			color?: string;
-
-			/** Opacity of the series/point on selection.
-			 * @Default {0.6}
-			 */
-			opacity?: number;
-
-			/** Options for customizing the border of the series on selection.
-			 */
-			border?: CommonSeriesOptionsSelectionSettingsBorder;
-
-			/** Specifies the pattern for the series/point on selection.
-			 * @Default {none. See Pattern}
-			 */
-			pattern?: string;
-
-			/** Custom pattern for the series on selection.
-			 */
-			customPattern?: string;
-		}
-
-		export interface CommonSeriesOptions {
-
-			/** Options to customize the border of all the series.
-			 */
-			border?: CommonSeriesOptionsBorder;
-
-			/** To render the column and bar type series in rectangle/cylinder shape. See ColumnFacet
-			 * @Default {rectangle}
-			 */
-			columnFacet?: ej.datavisualization.Chart.ColumnFacet | string;
-
-			/** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
-			 * @Default {0.7}
-			 */
-			columnWidth?: number;
-
-			/** Spacing between columns of different series. Value ranges from 0 to 1
-			 * @Default {0}
-			 */
-			columnSpacing?: number;
-
-			/** Enables or disables the visibility of legend item.
-			 * @Default {visible}
-			 */
-			visibleOnLegend?: string;
-
-			/** Group of the stacking collection series.
-			 */
-			stackingGroup?: string;
-
-			/** Pattern of dashes and gaps used to stroke all the line type series.
-			 */
-			dashArray?: string;
-
-			/** Set the dataSource for all series. It can be an array of JSON objects or an instance of ej.DataManager.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Controls the size of the hole in doughnut series. Value ranges from 0 to 1
-			 * @Default {0.4}
-			 */
-			doughnutCoefficient?: number;
-
-			/** Controls the size of the doughnut series. Value ranges from 0 to 1.
-			 * @Default {0.8}
-			 */
-			doughnutSize?: number;
-
-			/** Specifies the type of series to be drawn in radar or polar series.
-			 * @Default {line. See DrawType}
-			 */
-			drawType?: ej.datavisualization.Chart.DrawType | string;
-
-			/** Enable/disable the animation for all the series.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** To avoid overlapping of data labels smartly.
-			 * @Default {true}
-			 */
-			enableSmartLabels?: boolean;
-
-			/** Start angle of pie/doughnut series.
-			 * @Default {null}
-			 */
-			endAngle?: number;
-
-			/** Explodes the pie/doughnut slices on mouse move.
-			 * @Default {false}
-			 */
-			explode?: boolean;
-
-			/** Explodes all the slice of pie/doughnut on render.
-			 * @Default {false}
-			 */
-			explodeAll?: boolean;
-
-			/** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
-			 * @Default {null}
-			 */
-			explodeIndex?: number;
-
-			/** Specifies the distance of the slice from the center, when it is exploded.
-			 * @Default {0.4}
-			 */
-			explodeOffset?: number;
-
-			/** Fill color for all the series.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the font of all the series.
-			 */
-			font?: CommonSeriesOptionsFont;
-
-			/** Sets the height of the funnel in funnel series. Values can be either pixel or percentage.
-			 * @Default {32.7%}
-			 */
-			funnelHeight?: string;
-
-			/** Sets the width of the funnel in funnel series. Values can be either pixel or percentage.
-			 * @Default {11.6%}
-			 */
-			funnelWidth?: string;
-
-			/** Gap between the slices in pyramid and funnel series.
-			 * @Default {0}
-			 */
-			gapRatio?: number;
-
-			/** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
-			 * @Default {true}
-			 */
-			isClosed?: boolean;
-
-			/** Specifies whether to stack the column series in polar/radar charts.
-			 * @Default {false}
-			 */
-			isStacking?: boolean;
-
-			/** Renders the chart vertically. This is applicable only for Cartesian type series.
-			 * @Default {false}
-			 */
-			isTransposed?: boolean;
-
-			/** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
-			 * @Default {true}
-			 */
-			showMedian?: boolean;
-
-			/** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
-			 * @Default {inside. See LabelPosition}
-			 */
-			labelPosition?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the mode for splitting the data points in pieOfPie series.
-			 * @Default {value. See SplitMode}
-			 */
-			splitMode?: ej.datavisualization.Chart.SplitMode | string;
-
-			/** Quartile calculation has been performed in three different formulas to render the box and whisker series.
-			 * @Default {exclusive}
-			 */
-			boxPlotMode?: ej.datavisualization.Chart.boxPlotMode | string;
-
-			/** Specifies the line cap of the series.
-			 * @Default {butt. See LineCap}
-			 */
-			lineCap?: ej.datavisualization.Chart.LineCap | string;
-
-			/** Specifies the type of shape to be used where two lines meet.
-			 * @Default {round. See LineJoin}
-			 */
-			lineJoin?: ej.datavisualization.Chart.LineJoin | string;
-
-			/** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
-			 */
-			marker?: CommonSeriesOptionsMarker;
-
-			/** Opacity of the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Options for customizing the outlier of the series.
-			 */
-			outlierSettings?: CommonSeriesOptionsOutlierSettings;
-
-			/** Name of a field in data source, where the fill color for all the data points is generated.
-			 */
-			palette?: string;
-
-			/** Controls the size of pie series. Value ranges from 0 to 1.
-			 * @Default {0.8}
-			 */
-			pieCoefficient?: number;
-
-			/** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
-			 * @Default {0.6}
-			 */
-			pieOfPieCoefficient?: number;
-
-			/** Split Value of pieofpie series.
-			 * @Default {null}
-			 */
-			splitValue?: string;
-
-			/** Distance between the two pie's in pieOfPie series.
-			 * @Default {50}
-			 */
-			gapWidth?: number;
-
-			/** Name of the property in the datasource that contains fill color for the series.
-			 * @Default {null}
-			 */
-			pointColorMappingName?: string;
-
-			/** Specifies the mode of the pyramid series.
-			 * @Default {linear. See PyramidMode}
-			 */
-			pyramidMode?: ej.datavisualization.Chart.PyramidMode | string;
-
-			/** Start angle from where the pie/doughnut series renders. By default it starts from 0.
-			 * @Default {null}
-			 */
-			startAngle?: number;
-
-			/** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
-			 */
-			cornerRadius?: CommonSeriesOptionsCornerRadius;
-
-			/** Options for customizing the tooltip of chart.
-			 */
-			tooltip?: CommonSeriesOptionsTooltip;
-
-			/** Specifies the type of the series to render in chart.
-			 * @Default {column. See Type}
-			 */
-			type?: ej.datavisualization.Chart.Type | string;
-
-			/** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-			 * @Default {null}
-			 */
-			xAxisName?: string;
-
-			/** Name of the property in the datasource that contains x value for the series.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-			 * @Default {null}
-			 */
-			yAxisName?: string;
-
-			/** Name of the property in the datasource that contains y value for the series.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Name of the property in the datasource that contains high value for the series.
-			 * @Default {null}
-			 */
-			high?: string;
-
-			/** Name of the property in the datasource that contains low value for the series.
-			 * @Default {null}
-			 */
-			low?: string;
-
-			/** Name of the property in the datasource that contains open value for the series.
-			 * @Default {null}
-			 */
-			open?: string;
-
-			/** Name of the property in the datasource that contains close value for the series.
-			 * @Default {null}
-			 */
-			close?: string;
-
-			/** Z-order of the series.
-			 * @Default {0}
-			 */
-			zOrder?: number;
-
-			/** Name of the property in the datasource that contains the size value for the bubble series.
-			 * @Default {null}
-			 */
-			size?: string;
-
-			/** Options for customizing the empty point in the series.
-			 */
-			emptyPointSettings?: CommonSeriesOptionsEmptyPointSettings;
-
-			/** Fill color for the positive column of the waterfall.
-			 * @Default {null}
-			 */
-			positiveFill?: string;
-
-			/** Options for customizing the waterfall connector line.
-			 */
-			connectorLine?: CommonSeriesOptionsConnectorLine;
-
-			/** Options to customize the drag and drop in series.
-			 */
-			dragSettings?: CommonSeriesOptionsDragSettings;
-
-			/** Options to customize the error bar in series.
-			 */
-			errorBar?: CommonSeriesOptionsErrorBar;
-
-			/** Option to add the trendlines to chart.
-			 */
-			trendlines?: CommonSeriesOptionsTrendline[];
-
-			/** Options for customizing the appearance of the series or data point while highlighting.
-			 */
-			highlightSettings?: CommonSeriesOptionsHighlightSettings;
-
-			/** Options for customizing the appearance of the series/data point on selection.
-			 */
-			selectionSettings?: CommonSeriesOptionsSelectionSettings;
-		}
-
-		export interface CrosshairTrackballTooltipSettingsBorder {
-
-			/** Border width of the trackball tooltip.
-			 * @Default {null}
-			 */
-			width?: number;
-
-			/** Border color of the trackball tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-		}
-
-		export interface CrosshairTrackballTooltipSettings {
-
-			/** Options for customizing the trackball tooltip border.
-			 */
-			border?: CrosshairTrackballTooltipSettingsBorder;
-
-			/** Background color of the trackball tooltip.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Rounded corner x value of the trackball tooltip.
-			 * @Default {3}
-			 */
-			rx?: number;
-
-			/** Rounded corner y value of the trackball tooltip.
-			 * @Default {3}
-			 */
-			ry?: number;
-
-			/** Opacity value of the trackball tooltip.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the mode of the trackball tooltip.
-			 * @Default {float. See CrosshairMode}
-			 */
-			mode?: ej.datavisualization.Chart.CrosshairMode | string;
-		}
-
-		export interface CrosshairMarkerBorder {
-
-			/** Border width of the marker.
-			 * @Default {3}
-			 */
-			width?: number;
-		}
-
-		export interface CrosshairMarkerSize {
-
-			/** Height of the marker.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Width of the marker.
-			 * @Default {10}
-			 */
-			width?: number;
-		}
-
-		export interface CrosshairMarker {
-
-			/** Options for customizing the border.
-			 */
-			border?: CrosshairMarkerBorder;
-
-			/** Opacity of the marker.
-			 * @Default {true}
-			 */
-			opacity?: boolean;
-
-			/** Options for customizing the size of the marker.
-			 */
-			size?: CrosshairMarkerSize;
-
-			/** Show/hides the marker.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface CrosshairLine {
-
-			/** Color of the crosshair line.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Width of the crosshair line.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface Crosshair {
-
-			/** Options for customizing the trackball tooltip.
-			 */
-			trackballTooltipSettings?: CrosshairTrackballTooltipSettings;
-
-			/** Options for customizing the marker in crosshair.
-			 */
-			marker?: CrosshairMarker;
-
-			/** Options for customizing the crosshair line.
-			 */
-			line?: CrosshairLine;
-
-			/** Specifies the type of the crosshair. It can be trackball or crosshair
-			 * @Default {crosshair. See CrosshairType}
-			 */
-			type?: ej.datavisualization.Chart.CrosshairType | string;
-
-			/** Show/hides the crosshair/trackball visibility.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface IndicatorsHistogramBorder {
-
-			/** Color of the histogram border in MACD indicator.
-			 * @Default {#9999ff}
-			 */
-			color?: string;
-
-			/** Controls the width of histogram border line in MACD indicator.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface IndicatorsHistogram {
-
-			/** Options to customize the histogram border in MACD indicator.
-			 */
-			border?: IndicatorsHistogramBorder;
-
-			/** Color of histogram columns in MACD indicator.
-			 * @Default {#ccccff}
-			 */
-			fill?: string;
-
-			/** Opacity of histogram columns in MACD indicator.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface IndicatorsLowerLine {
-
-			/** Color of lower line.
-			 * @Default {#008000}
-			 */
-			fill?: string;
-
-			/** Width of the lower line.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface IndicatorsMacdLine {
-
-			/** Color of MACD line.
-			 * @Default {#ff9933}
-			 */
-			fill?: string;
-
-			/** Width of the MACD line.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface IndicatorsPeriodLine {
-
-			/** Color of period line in indicator.
-			 * @Default {blue}
-			 */
-			fill?: string;
-
-			/** Width of the period line in indicators.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface IndicatorsTooltipBorder {
-
-			/** Border color of indicator tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of indicator tooltip.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface IndicatorsTooltip {
-
-			/** Option to customize the border of indicator tooltip.
-			 */
-			border?: IndicatorsTooltipBorder;
-
-			/** Specifies the animation duration of indicator tooltip.
-			 * @Default {500ms}
-			 */
-			duration?: string;
-
-			/** Enables/disables the tooltip animation.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Format of indicator tooltip. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-			 * @Default {#point.x# : #point.y#}
-			 */
-			format?: string;
-
-			/** Background color of indicator tooltip.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Opacity of indicator tooltip.
-			 * @Default {0.95}
-			 */
-			opacity?: number;
-
-			/** Controls the visibility of indicator tooltip.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface IndicatorsUpperLine {
-
-			/** Fill color of the upper line in indicators
-			 * @Default {#ff9933}
-			 */
-			fill?: string;
-
-			/** Width of the upper line in indicators.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface Indicator {
-
-			/** The dPeriod value for stochastic indicator.
-			 * @Default {3}
-			 */
-			dPeriod?: number;
-
-			/** Enables/disables the animation.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Color of the technical indicator.
-			 * @Default {#00008B}
-			 */
-			fill?: string;
-
-			/** Options to customize the histogram in MACD indicator.
-			 */
-			histogram?: IndicatorsHistogram;
-
-			/** Specifies the k period in stochastic indicator.
-			 * @Default {3}
-			 */
-			kPeriod?: number;
-
-			/** Specifies the long period in MACD indicator.
-			 * @Default {26}
-			 */
-			longPeriod?: number;
-
-			/** Options to customize the lower line in indicators.
-			 */
-			lowerLine?: IndicatorsLowerLine;
-
-			/** Options to customize the MACD line.
-			 */
-			macdLine?: IndicatorsMacdLine;
-
-			/** Specifies the type of the MACD indicator.
-			 * @Default {line. See MACDType}
-			 */
-			macdType?: string;
-
-			/** Specifies period value in indicator.
-			 * @Default {14}
-			 */
-			period?: number;
-
-			/** Options to customize the period line in indicators.
-			 */
-			periodLine?: IndicatorsPeriodLine;
-
-			/** Name of the series for which indicator has to be drawn.
-			 */
-			seriesName?: string;
-
-			/** Specifies the short period in MACD indicator.
-			 * @Default {13}
-			 */
-			shortPeriod?: number;
-
-			/** Specifies the standard deviation value for Bollinger band indicator.
-			 * @Default {2}
-			 */
-			standardDeviations?: number;
-
-			/** Options to customize the tooltip.
-			 */
-			tooltip?: IndicatorsTooltip;
-
-			/** Trigger value of MACD indicator.
-			 * @Default {9}
-			 */
-			trigger?: number;
-
-			/** Specifies the visibility of indicator.
-			 * @Default {visible}
-			 */
-			visibility?: string;
-
-			/** Specifies the type of indicator that has to be rendered.
-			 * @Default {sma. See IndicatorsType}
-			 */
-			type?: string;
-
-			/** Options to customize the upper line in indicators
-			 */
-			upperLine?: IndicatorsUpperLine;
-
-			/** Width of the indicator line.
-			 * @Default {2}
-			 */
-			width?: number;
-
-			/** Name of the horizontal axis used for indicator. Primary X axis is used when x axis name is not specified.
-			 */
-			xAxisName?: string;
-
-			/** Name of the vertical axis used for indicator. Primary Y axis is used when y axis name is not specified
-			 */
-			yAxisName?: string;
-		}
-
-		export interface LegendBorder {
-
-			/** Border color of the legend.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the legend.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface LegendFont {
-
-			/** Font family for legend item text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend item text.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight for legend item text.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Font size for legend item text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LegendItemStyleBorder {
-
-			/** Border color of the legend items.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the legend items.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface LegendItemStyle {
-
-			/** Options for customizing the border of legend items.
-			 */
-			border?: LegendItemStyleBorder;
-
-			/** Height of the shape in legend items.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Width of the shape in legend items.
-			 * @Default {10}
-			 */
-			width?: number;
-		}
-
-		export interface LegendLocation {
-
-			/** X value or horizontal offset to position the legend in chart.
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Y value or vertical offset to position the legend.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface LegendSize {
-
-			/** Height of the legend. Height can be specified in either pixel or percentage.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Width of the legend. Width can be specified in either pixel or percentage.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface LegendTitleFont {
-
-			/** Font family for the text in legend title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend title.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight for legend title.
-			 * @Default {normal. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Font size for legend title.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LegendTitle {
-
-			/** Options to customize the font used for legend title
-			 */
-			font?: LegendTitleFont;
-
-			/** Text to be displayed in legend title.
-			 */
-			text?: string;
-
-			/** Alignment of the legend title.
-			 * @Default {center. See Alignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.Alignment | string;
-		}
-
-		export interface Legend {
-
-			/** Horizontal alignment of the legend.
-			 * @Default {Center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.Alignment | string;
-
-			/** Background for the legend. Use this property to add a background image or background color for the legend.
-			 */
-			background?: string;
-
-			/** Options for customizing the legend border.
-			 */
-			border?: LegendBorder;
-
-			/** Number of columns to arrange the legend items.
-			 * @Default {null}
-			 */
-			columnCount?: number;
-
-			/** Controls whether legend has to use scrollbar or not. When enabled, scroll bar appears depending upon size and position properties of legend.
-			 * @Default {true}
-			 */
-			enableScrollbar?: boolean;
-
-			/** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible series is displayed in gray color.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options to customize the font used for legend item text.
-			 */
-			font?: LegendFont;
-
-			/** Gap or padding between the legend items.
-			 * @Default {10}
-			 */
-			itemPadding?: number;
-
-			/** Options to customize the style of legend items.
-			 */
-			itemStyle?: LegendItemStyle;
-
-			/** Options to customize the location of chart legend. Legend is placed in provided location only when value of position property is custom
-			 */
-			location?: LegendLocation;
-
-			/** Opacity of the legend.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Places the legend at specified position. Legend can be placed at left, right, top or bottom of the chart area.To manually specify the location of legend, set custom as value to this property.
-			 * @Default {Bottom. See Position}
-			 */
-			position?: ej.datavisualization.Chart.Position | string;
-
-			/** Number of rows to arrange the legend items.
-			 * @Default {null}
-			 */
-			rowCount?: number;
-
-			/** Shape of the legend items. Default shape for pie and doughnut series is circle and all other series uses rectangle.
-			 * @Default {None. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Options to customize the size of the legend.
-			 */
-			size?: LegendSize;
-
-			/** Options to customize the legend title.
-			 */
-			title?: LegendTitle;
-
-			/** Specifies the action taken when the legend width is more than the textWidth.
-			 * @Default {none. See textOverflow}
-			 */
-			textOverflow?: ej.datavisualization.Chart.TextOverflow | string;
-
-			/** Text width for legend item.
-			 * @Default {34}
-			 */
-			textWidth?: number;
-
-			/** Controls the visibility of the legend.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface PrimaryXAxisAlternateGridBandEven {
-
-			/** Fill color for the even grid bands.
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Opacity of the even grid band.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface PrimaryXAxisAlternateGridBandOdd {
-
-			/** Fill color of the odd grid bands
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Opacity of odd grid band
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface PrimaryXAxisAlternateGridBand {
-
-			/** Options for customizing even grid band.
-			 */
-			even?: PrimaryXAxisAlternateGridBandEven;
-
-			/** Options for customizing odd grid band.
-			 */
-			odd?: PrimaryXAxisAlternateGridBandOdd;
-		}
-
-		export interface PrimaryXAxisAxisLine {
-
-			/** Pattern of dashes and gaps to be applied to the axis line.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
-			 * @Default {null}
-			 */
-			offset?: number;
-
-			/** Show/hides the axis line.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Default Value
-			 */
-			color?: string;
-
-			/** Width of axis line.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryXAxisCrosshairLabel {
-
-			/** Show/hides the crosshair label associated with this axis.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface PrimaryXAxisFont {
-
-			/** Font family of labels.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of labels.
-			 * @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the label.
-			 * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the axis labels.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the axis labels.
-			 * @Default {13px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryXAxisMajorGridLines {
-
-			/** Pattern of dashes and gaps used to stroke the major grid lines.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Color of the major grid line.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Opacity of major grid lines.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Show/hides the major grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the major grid lines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryXAxisMajorTickLines {
-
-			/** Length of the major tick lines.
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Show/hides the major tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the major tick lines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryXAxisMinorGridLines {
-
-			/** Patterns of dashes and gaps used to stroke the minor grid lines.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Show/hides the minor grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the minorGridLines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryXAxisMinorTickLines {
-
-			/** Length of the minor tick lines.
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Show/hides the minor tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the minor tick line.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryXAxisRange {
-
-			/** Minimum value of the axis range.
-			 * @Default {null}
-			 */
-			min?: number;
-
-			/** Maximum value of the axis range.
-			 * @Default {null}
-			 */
-			max?: number;
-
-			/** Interval of the axis range.
-			 * @Default {null}
-			 */
-			interval?: number;
-		}
-
-		export interface PrimaryXAxisMultiLevelLabelsFont {
-
-			/** Font color of the multi level labels text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font family of the multi level labels text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the multi level labels text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the multi level label text.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Opacity of the multi level label text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the multi level label text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryXAxisMultiLevelLabelsBorder {
-
-			/** Border color of the multi level labels.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the multi level labels.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Border type of the multi level labels.
-			 * @Default {rectangle. See Type}
-			 */
-			type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType | string;
-		}
-
-		export interface PrimaryXAxisMultiLevelLabel {
-
-			/** Visibility of the multi level labels.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Text of the multi level labels.
-			 */
-			text?: string;
-
-			/** Starting value of the multi level labels.
-			 * @Default {null}
-			 */
-			start?: number;
-
-			/** Ending value of the multi level labels.
-			 * @Default {null}
-			 */
-			end?: number;
-
-			/** Specifies the level of multi level labels.
-			 * @Default {0}
-			 */
-			level?: number;
-
-			/** Specifies the maximum width of the text in multi level labels.
-			 * @Default {null}
-			 */
-			maximumTextWidth?: number;
-
-			/** Specifies the alignment of the text in multi level labels.
-			 * @Default {center. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.TextAlignment | string;
-
-			/** Specifies the handling of text over flow in multi level labels.
-			 * @Default {center. See TextOverflow}
-			 */
-			textOverflow?: ej.datavisualization.Chart.TextOverflow | string;
-
-			/** Options for customizing the font of the text.
-			 */
-			font?: PrimaryXAxisMultiLevelLabelsFont;
-
-			/** Options for customizing the border of the series.
-			 */
-			border?: PrimaryXAxisMultiLevelLabelsBorder;
-		}
-
-		export interface PrimaryXAxisStripLineFont {
-
-			/** Font color of the strip line text.
-			 * @Default {black}
-			 */
-			color?: string;
-
-			/** Font family of the strip line text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the strip line text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the strip line text.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Opacity of the strip line text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the strip line text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryXAxisStripLine {
-
-			/** Border color of the strip line.
-			 * @Default {gray}
-			 */
-			borderColor?: string;
-
-			/** Background color of the strip line.
-			 * @Default {gray}
-			 */
-			color?: string;
-
-			/** End value of the strip line.
-			 * @Default {null}
-			 */
-			end?: number;
-
-			/** Options for customizing the font of the text.
-			 */
-			font?: PrimaryXAxisStripLineFont;
-
-			/** Start value of the strip line.
-			 * @Default {null}
-			 */
-			start?: number;
-
-			/** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
-			 * @Default {false}
-			 */
-			startFromAxis?: boolean;
-
-			/** Specifies text to be displayed inside the strip line.
-			 * @Default {stripLine}
-			 */
-			text?: string;
-
-			/** Specifies the alignment of the text inside the strip line.
-			 * @Default {middlecenter. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.TextAlignment | string;
-
-			/** Show/hides the strip line.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Width of the strip line.
-			 * @Default {0}
-			 */
-			width?: number;
-
-			/** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered
-			 * under the series and when it is “over”, it is rendered above the series.
-			 * @Default {over. See ZIndex}
-			 */
-			zIndex?: ej.datavisualization.Chart.ZIndex | string;
-		}
-
-		export interface PrimaryXAxisLabelBorder {
-
-			/** Specifies the color of the label border.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the width of the label border.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryXAxisTitleFont {
-
-			/** Font family of the title text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the title text.
-			 * @Default {ej.datavisualization.Chart.FontStyle.Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the title text.
-			 * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the axis title text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the axis title.
-			 * @Default {16px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryXAxisTitle {
-
-			/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
-			 * @Default {false}
-			 */
-			enableTrim?: boolean;
-
-			/** Options for customizing the title font.
-			 */
-			font?: PrimaryXAxisTitleFont;
-
-			/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-			 * @Default {34}
-			 */
-			maximumTitleWidth?: number;
-
-			/** Title for the axis.
-			 */
-			text?: string;
-
-			/** Controls the visibility of axis title.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** offset value for axis title.
-			 * @Default {0}
-			 */
-			offset?: number;
-
-			/** Specifies the position of the axis title.
-			 * @Default {outside. See Position}
-			 */
-			position?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the position of the axis title.
-			 * @Default {center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.TextAlignment | string;
-		}
-
-		export interface PrimaryXAxis {
-
-			/** Options for customizing horizontal axis alternate grid band.
-			 */
-			alternateGridBand?: PrimaryXAxisAlternateGridBand;
-
-			/** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates.
-			 * If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
-			 * @Default {null}
-			 */
-			crossesAt?: number;
-
-			/** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa.
-			 * If the provided name does not belongs to a valid axis, then primary X axis or primary Y axis will be used for crossing
-			 * @Default {null}
-			 */
-			crossesInAxis?: string;
-
-			/** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
-			 * @Default {false}
-			 */
-			isIndexed?: boolean;
-
-			/** Options for customizing the axis line.
-			 */
-			axisLine?: PrimaryXAxisAxisLine;
-
-			/** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
-			 * @Default {null}
-			 */
-			columnIndex?: number;
-
-			/** Specifies the number of columns or plot areas an axis has to span horizontally.
-			 * @Default {null}
-			 */
-			columnSpan?: number;
-
-			/** Options to customize the crosshair label.
-			 */
-			crosshairLabel?: PrimaryXAxisCrosshairLabel;
-
-			/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
-			 * @Default {null}
-			 */
-			desiredIntervals?: number;
-
-			/** Specifies the placement of labels.
-			 * @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
-			 */
-			labelPlacement?: ej.datavisualization.Chart.LabelPlacement | string;
-
-			/** Specifies the position of labels at the edge of the axis.
-			 * @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
-			 */
-			edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement | string;
-
-			/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
-			 * @Default {false}
-			 */
-			enableTrim?: boolean;
-
-			/** Options for customizing the font of the axis Labels.
-			 */
-			font?: PrimaryXAxisFont;
-
-			/** Specifies the type of interval in date time axis.
-			 * @Default {null. See IntervalType}
-			 */
-			intervalType?: ej.datavisualization.Chart.IntervalType | string;
-
-			/** Specifies whether to inverse the axis.
-			 * @Default {false}
-			 */
-			isInversed?: boolean;
-
-			/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
-			 * @Default {null}
-			 */
-			labelFormat?: string;
-
-			/** Specifies the action to take when the axis labels are overlapping with each other.
-			 * @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
-			 */
-			labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction | string;
-
-			/** Specifies the position of the axis labels.
-			 * @Default {outside. See LabelPosition}
-			 */
-			labelPosition?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the position of the axis labels.
-			 * @Default {center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.LabelAlignment | string;
-
-			/** Angle in degrees to rotate the axis labels.
-			 * @Default {null}
-			 */
-			labelRotation?: number;
-
-			/** Logarithmic base value. This is applicable only for logarithmic axis.
-			 * @Default {10}
-			 */
-			logBase?: number;
-
-			/** Options for customizing major gird lines.
-			 */
-			majorGridLines?: PrimaryXAxisMajorGridLines;
-
-			/** Options for customizing the major tick lines.
-			 */
-			majorTickLines?: PrimaryXAxisMajorTickLines;
-
-			/** Maximum number of labels to be displayed in every 100 pixels.
-			 * @Default {3}
-			 */
-			maximumLabels?: number;
-
-			/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
-			 * @Default {34}
-			 */
-			maximumLabelWidth?: number;
-
-			/** Options for customizing the minor grid lines.
-			 */
-			minorGridLines?: PrimaryXAxisMinorGridLines;
-
-			/** Options for customizing the minor tick lines.
-			 */
-			minorTickLines?: PrimaryXAxisMinorTickLines;
-
-			/** Specifies the number of minor ticks per interval.
-			 * @Default {null}
-			 */
-			minorTicksPerInterval?: number;
-
-			/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** Specifies whether to render the axis at the opposite side of its default position.
-			 * @Default {false}
-			 */
-			opposedPosition?: boolean;
-
-			/** Specifies the padding for the plot area.
-			 * @Default {10}
-			 */
-			plotOffset?: number;
-
-			/** Options to customize the range of the axis.
-			 */
-			range?: PrimaryXAxisRange;
-
-			/** Specifies the padding for the axis range.
-			 * @Default {None. See RangePadding}
-			 */
-			rangePadding?: ej.datavisualization.Chart.RangePadding | string;
-
-			/** Rounds the number to the given number of decimals.
-			 * @Default {null}
-			 */
-			roundingPlaces?: number;
-
-			/** Options for customizing the multi level labels.
-			 * @Default {[ ]}
-			 */
-			multiLevelLabels?: PrimaryXAxisMultiLevelLabel[];
-
-			/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
-			 * @Default {true}
-			 */
-			showNextToAxisLine?: boolean;
-
-			/** Options for customizing the strip lines.
-			 * @Default {[ ]}
-			 */
-			stripLine?: PrimaryXAxisStripLine[];
-
-			/** Specifies the position of the axis tick lines.
-			 * @Default {outside. See TickLinesPosition}
-			 */
-			tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition | string;
-
-			/** Options for customizing the border of the labels.
-			 */
-			labelBorder?: PrimaryXAxisLabelBorder;
-
-			/** Options for customizing the axis title.
-			 */
-			title?: PrimaryXAxisTitle;
-
-			/** Specifies the type of data the axis is handling.
-			 * @Default {null. See ValueType}
-			 */
-			valueType?: ej.datavisualization.Chart.ValueType | string;
-
-			/** Show/hides the axis.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
-			 * @Default {1}
-			 */
-			zoomFactor?: number;
-
-			/** Position of the zoomed axis. Value ranges from 0 to 1.
-			 * @Default {0}
-			 */
-			zoomPosition?: number;
-		}
-
-		export interface AxesAlternateGridBandEven {
-
-			/** Fill color for the even grid bands.
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Opacity of the even grid band.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface AxesAlternateGridBandOdd {
-
-			/** Fill color of the odd grid bands
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Opacity of odd grid band
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface AxesAlternateGridBand {
-
-			/** Options for customizing even grid band.
-			 */
-			even?: AxesAlternateGridBandEven;
-
-			/** Options for customizing odd grid band.
-			 */
-			odd?: AxesAlternateGridBandOdd;
-		}
-
-		export interface AxesAxisLine {
-
-			/** Pattern of dashes and gaps to be applied to the axis line.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
-			 * @Default {null}
-			 */
-			offset?: number;
-
-			/** Show/hides the axis line.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Color of axis line.
-			 */
-			color?: string;
-
-			/** Width of axis line.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface AxesCrosshairLabel {
-
-			/** Show/hides the crosshair label associated with this axis.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface AxesFont {
-
-			/** Font family of labels.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of labels.
-			 * @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the label.
-			 * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the axis labels.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the axis labels.
-			 * @Default {13px}
-			 */
-			size?: string;
-		}
-
-		export interface AxesMajorGridLines {
-
-			/** Pattern of dashes and gaps used to stroke the major grid lines.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Color of the major grid line.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Opacity of major grid lines.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Show/hides the major grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the major grid lines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface AxesMajorTickLines {
-
-			/** Length of the major tick lines.
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Show/hides the major tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the major tick lines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface AxesMinorGridLines {
-
-			/** Patterns of dashes and gaps used to stroke the minor grid lines.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Show/hides the minor grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the minorGridLines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface AxesMinorTickLines {
-
-			/** Length of the minor tick lines.
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Show/hides the minor tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the minor tick line.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface AxesRange {
-
-			/** Minimum value of the axis range.
-			 * @Default {null}
-			 */
-			min?: number;
-
-			/** Maximum value of the axis range.
-			 * @Default {null}
-			 */
-			max?: number;
-
-			/** Interval of the axis range.
-			 * @Default {null}
-			 */
-			interval?: number;
-		}
-
-		export interface AxesMultiLevelLabelsFont {
-
-			/** Font color of the multi level labels text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font family of the multi level labels text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the multi level labels text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the multi level label text.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Opacity of the multi level label text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the multi level label text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface AxesMultiLevelLabelsBorder {
-
-			/** Border color of the multi level labels.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the multi level labels.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Border type of the multi level labels.
-			 * @Default {rectangle. See Type}
-			 */
-			type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType | string;
-		}
-
-		export interface AxesMultiLevelLabel {
-
-			/** Visibility of the multi level labels.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Text of the multi level labels.
-			 */
-			text?: string;
-
-			/** Starting value of the multi level labels.
-			 * @Default {null}
-			 */
-			start?: number;
-
-			/** Ending value of the multi level labels.
-			 * @Default {null}
-			 */
-			end?: number;
-
-			/** Specifies the level of multi level labels.
-			 * @Default {0}
-			 */
-			level?: number;
-
-			/** Specifies the maximum width of the text in multi level labels.
-			 * @Default {null}
-			 */
-			maximumTextWidth?: number;
-
-			/** Specifies the alignment of the text in multi level labels.
-			 * @Default {center. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.TextAlignment | string;
-
-			/** Specifies the handling of text over flow in multi level labels.
-			 * @Default {center. See TextOverflow}
-			 */
-			textOverflow?: ej.datavisualization.Chart.TextOverflow | string;
-
-			/** Options for customizing the font of the text.
-			 */
-			font?: AxesMultiLevelLabelsFont;
-
-			/** Options for customizing the border of the series.
-			 */
-			border?: AxesMultiLevelLabelsBorder;
-		}
-
-		export interface AxesStripLineFont {
-
-			/** Font color of the strip line text.
-			 * @Default {black}
-			 */
-			color?: string;
-
-			/** Font family of the strip line text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the strip line text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the strip line text.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Opacity of the strip line text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the strip line text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface AxesStripLine {
-
-			/** Border color of the strip line.
-			 * @Default {gray}
-			 */
-			borderColor?: string;
-
-			/** Background color of the strip line.
-			 * @Default {gray}
-			 */
-			color?: string;
-
-			/** End value of the strip line.
-			 * @Default {null}
-			 */
-			end?: number;
-
-			/** Options for customizing the font of the text.
-			 */
-			font?: AxesStripLineFont;
-
-			/** Start value of the strip line.
-			 * @Default {null}
-			 */
-			start?: number;
-
-			/** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
-			 * @Default {false}
-			 */
-			startFromAxis?: boolean;
-
-			/** Specifies text to be displayed inside the strip line.
-			 * @Default {stripLine}
-			 */
-			text?: string;
-
-			/** Specifies the alignment of the text inside the strip line.
-			 * @Default {middlecenter. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.TextAlignment | string;
-
-			/** Show/hides the strip line.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Width of the strip line.
-			 * @Default {0}
-			 */
-			width?: number;
-
-			/** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”,
-			 * it is rendered above the series.
-			 * @Default {over. See ZIndex}
-			 */
-			zIndex?: ej.datavisualization.Chart.ZIndex | string;
-		}
-
-		export interface AxesLabelBorder {
-
-			/** Specifies the color of the label border.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the width of the label border.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface AxesTitleFont {
-
-			/** Font family of the title text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the title text.
-			 * @Default {ej.datavisualization.Chart.FontStyle.Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the title text.
-			 * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the axis title text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the axis title.
-			 * @Default {16px}
-			 */
-			size?: string;
-		}
-
-		export interface AxesTitle {
-
-			/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
-			 * @Default {false}
-			 */
-			enableTrim?: boolean;
-
-			/** Options for customizing the title font.
-			 */
-			font?: AxesTitleFont;
-
-			/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-			 * @Default {34}
-			 */
-			maximumTitleWidth?: number;
-
-			/** Title for the axis.
-			 */
-			text?: string;
-
-			/** Controls the visibility of axis title.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** offset value for axis title.
-			 * @Default {0}
-			 */
-			offset?: number;
-
-			/** Specifies the position of the axis title.
-			 * @Default {outside. See Position}
-			 */
-			position?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the position of the axis title.
-			 * @Default {center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.TextAlignment | string;
-		}
-
-		export interface Axis {
-
-			/** Options for customizing axis alternate grid band.
-			 */
-			alternateGridBand?: AxesAlternateGridBand;
-
-			/** Specifies where axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis,
-			 * then axis will be placed at the opposite side.
-			 * @Default {null}
-			 */
-			crossesAt?: number;
-
-			/** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
-			 * @Default {false}
-			 */
-			isIndexed?: boolean;
-
-			/** Options for customizing the axis line.
-			 */
-			axisLine?: AxesAxisLine;
-
-			/** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
-			 * @Default {null}
-			 */
-			columnIndex?: number;
-
-			/** Specifies the number of columns or plot areas an axis has to span horizontally.
-			 * @Default {null}
-			 */
-			columnSpan?: number;
-
-			/** Options to customize the crosshair label.
-			 */
-			crosshairLabel?: AxesCrosshairLabel;
-
-			/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
-			 * @Default {null}
-			 */
-			desiredIntervals?: number;
-
-			/** Specifies the placement of labels.
-			 * @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
-			 */
-			labelPlacement?: ej.datavisualization.Chart.LabelPlacement | string;
-
-			/** Specifies the position of labels at the edge of the axis.
-			 * @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
-			 */
-			edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement | string;
-
-			/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
-			 * @Default {false}
-			 */
-			enableTrim?: boolean;
-
-			/** Options for customizing the font of the axis Labels.
-			 */
-			font?: AxesFont;
-
-			/** Specifies the type of interval in date time axis.
-			 * @Default {null. See IntervalType}
-			 */
-			intervalType?: ej.datavisualization.Chart.IntervalType | string;
-
-			/** Specifies whether to inverse the axis.
-			 * @Default {false}
-			 */
-			isInversed?: boolean;
-
-			/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
-			 * @Default {null}
-			 */
-			labelFormat?: string;
-
-			/** Specifies the action to take when the axis labels are overlapping with each other.
-			 * @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
-			 */
-			labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction | string;
-
-			/** Specifies the position of the axis labels.
-			 * @Default {outside. See LabelPosition}
-			 */
-			labelPosition?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the position of the axis labels.
-			 * @Default {center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.LabelAlignment | string;
-
-			/** Angle in degrees to rotate the axis labels.
-			 * @Default {null}
-			 */
-			labelRotation?: number;
-
-			/** Logarithmic base value. This is applicable only for logarithmic axis.
-			 * @Default {10}
-			 */
-			logBase?: number;
-
-			/** Options for customizing major gird lines.
-			 */
-			majorGridLines?: AxesMajorGridLines;
-
-			/** Options for customizing the major tick lines.
-			 */
-			majorTickLines?: AxesMajorTickLines;
-
-			/** Maximum number of labels to be displayed in every 100 pixels.
-			 * @Default {3}
-			 */
-			maximumLabels?: number;
-
-			/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
-			 * @Default {34}
-			 */
-			maximumLabelWidth?: number;
-
-			/** Options for customizing the minor grid lines.
-			 */
-			minorGridLines?: AxesMinorGridLines;
-
-			/** Options for customizing the minor tick lines.
-			 */
-			minorTickLines?: AxesMinorTickLines;
-
-			/** Specifies the number of minor ticks per interval.
-			 * @Default {null}
-			 */
-			minorTicksPerInterval?: number;
-
-			/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** Specifies whether to render the axis at the opposite side of its default position.
-			 * @Default {false}
-			 */
-			opposedPosition?: boolean;
-
-			/** Specifies the padding for the plot area.
-			 * @Default {10}
-			 */
-			plotOffset?: number;
-
-			/** Options to customize the range of the axis.
-			 */
-			range?: AxesRange;
-
-			/** Specifies the padding for the axis range.
-			 * @Default {None. See RangePadding}
-			 */
-			rangePadding?: ej.datavisualization.Chart.RangePadding | string;
-
-			/** Rounds the number to the given number of decimals.
-			 * @Default {null}
-			 */
-			roundingPlaces?: number;
-
-			/** Options for customizing the multi level labels.
-			 * @Default {[ ]}
-			 */
-			multiLevelLabels?: AxesMultiLevelLabel[];
-
-			/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
-			 * @Default {true}
-			 */
-			showNextToAxisLine?: boolean;
-
-			/** Options for customizing the strip lines.
-			 * @Default {[ ]}
-			 */
-			stripLine?: AxesStripLine[];
-
-			/** Specifies the position of the axis tick lines.
-			 * @Default {outside. See TickLinesPosition}
-			 */
-			tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition | string;
-
-			/** Options for customizing the border of the labels.
-			 */
-			labelBorder?: AxesLabelBorder;
-
-			/** Options for customizing the axis title.
-			 */
-			title?: AxesTitle;
-
-			/** Specifies the type of data the axis is handling.
-			 * @Default {null. See ValueType}
-			 */
-			valueType?: ej.datavisualization.Chart.ValueType | string;
-
-			/** Show/hides the axis.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
-			 * @Default {1}
-			 */
-			zoomFactor?: number;
-
-			/** Position of the zoomed axis. Value ranges from 0 to 1.
-			 * @Default {0}
-			 */
-			zoomPosition?: number;
-		}
-
-		export interface PrimaryYAxisAlternateGridBandEven {
-
-			/** Fill color for the even grid bands.
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Opacity of the even grid band.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface PrimaryYAxisAlternateGridBandOdd {
-
-			/** Fill color of the odd grid bands.
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Opacity of odd grid band.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface PrimaryYAxisAlternateGridBand {
-
-			/** Options for customizing even grid band.
-			 */
-			even?: PrimaryYAxisAlternateGridBandEven;
-
-			/** Options for customizing odd grid band.
-			 */
-			odd?: PrimaryYAxisAlternateGridBandOdd;
-		}
-
-		export interface PrimaryYAxisAxisLine {
-
-			/** Pattern of dashes and gaps to be applied to the axis line.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
-			 * @Default {null}
-			 */
-			offset?: number;
-
-			/** Show/hides the axis line.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Color of axis line.
-			 */
-			color?: string;
-
-			/** Width of axis line.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryYAxisCrosshairLabel {
-
-			/** Show/hides the crosshair label associated with this axis.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface PrimaryYAxisFont {
-
-			/** Font family of labels.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of labels.
-			 * @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the label.
-			 * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the axis labels.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the axis labels.
-			 * @Default {13px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryYAxisMajorGridLines {
-
-			/** Pattern of dashes and gaps used to stroke the major grid lines.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Color of the major grid lines.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Opacity of major grid lines.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Show/hides the major grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the major grid lines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryYAxisMajorTickLines {
-
-			/** Length of the major tick lines.
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Show/hides the major tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the major tick lines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryYAxisMinorGridLines {
-
-			/** Patterns of dashes and gaps used to stroke the minor grid lines.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Show/hides the minor grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the minorGridLines.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryYAxisMinorTickLines {
-
-			/** Length of the minor tick lines.
-			 * @Default {5}
-			 */
-			size?: number;
-
-			/** Show/hides the minor tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the minor tick line
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryYAxisRange {
-
-			/** Minimum value of the axis range.
-			 * @Default {null}
-			 */
-			min?: number;
-
-			/** Maximum value of the axis range.
-			 * @Default {null}
-			 */
-			max?: number;
-
-			/** Interval for the range.
-			 * @Default {null}
-			 */
-			interval?: number;
-		}
-
-		export interface PrimaryYAxisMultiLevelLabelsFont {
-
-			/** Font color of the multi level labels text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font family of the multi level labels text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the multi level labels text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the multi level label text.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Opacity of the multi level label text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the multi level label text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryYAxisMultiLevelLabelsBorder {
-
-			/** Border color of the multi level labels.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the multi level labels.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Border type of the multi level labels.
-			 * @Default {rectangle. See Type}
-			 */
-			type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType | string;
-		}
-
-		export interface PrimaryYAxisMultiLevelLabel {
-
-			/** Visibility of the multi level labels.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Text of the multi level labels.
-			 */
-			text?: string;
-
-			/** Starting value of the multi level labels.
-			 * @Default {null}
-			 */
-			start?: number;
-
-			/** Ending value of the multi level labels.
-			 * @Default {null}
-			 */
-			end?: number;
-
-			/** Specifies the level of multi level labels.
-			 * @Default {0}
-			 */
-			level?: number;
-
-			/** Specifies the maximum width of the text in multi level labels.
-			 * @Default {null}
-			 */
-			maximumTextWidth?: number;
-
-			/** Specifies the alignment of the text in multi level labels.
-			 * @Default {center. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.TextAlignment | string;
-
-			/** Specifies the handling of text over flow in multi level labels.
-			 * @Default {center. See TextOverflow}
-			 */
-			textOverflow?: ej.datavisualization.Chart.TextOverflow | string;
-
-			/** Options for customizing the font of the text.
-			 */
-			font?: PrimaryYAxisMultiLevelLabelsFont;
-
-			/** Options for customizing the border of the series.
-			 */
-			border?: PrimaryYAxisMultiLevelLabelsBorder;
-		}
-
-		export interface PrimaryYAxisStripLineFont {
-
-			/** Font color of the strip line text.
-			 * @Default {black}
-			 */
-			color?: string;
-
-			/** Font family of the strip line text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the strip line text.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the strip line text.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Opacity of the strip line text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the strip line text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryYAxisStripLine {
-
-			/** Border color of the strip line.
-			 * @Default {gray}
-			 */
-			borderColor?: string;
-
-			/** Background color of the strip line.
-			 * @Default {gray}
-			 */
-			color?: string;
-
-			/** End value of the strip line.
-			 * @Default {null}
-			 */
-			end?: number;
-
-			/** Options for customizing the font of the text.
-			 */
-			font?: PrimaryYAxisStripLineFont;
-
-			/** Start value of the strip line.
-			 * @Default {null}
-			 */
-			start?: number;
-
-			/** Indicates whether to render the strip line from the minimum/start value of the axis. This property won’t work when start property is set.
-			 * @Default {false}
-			 */
-			startFromAxis?: boolean;
-
-			/** Specifies text to be displayed inside the strip line.
-			 * @Default {stripLine}
-			 */
-			text?: string;
-
-			/** Specifies the alignment of the text inside the strip line.
-			 * @Default {middlecenter. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.TextAlignment | string;
-
-			/** Show/hides the strip line.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Width of the strip line.
-			 * @Default {0}
-			 */
-			width?: number;
-
-			/** Specifies the order in which strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered below the series and
-			 * when it is “over”, it is rendered above the series.
-			 * @Default {over. See ZIndex}
-			 */
-			zIndex?: ej.datavisualization.Chart.ZIndex | string;
-		}
-
-		export interface PrimaryYAxisLabelBorder {
-
-			/** Specifies the color of the label border.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the width of the label border.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface PrimaryYAxisTitleFont {
-
-			/** Font family of the title text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the title text.
-			 * @Default {ej.datavisualization.Chart.FontStyle.Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the title text.
-			 * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the axis title text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the axis title.
-			 * @Default {16px}
-			 */
-			size?: string;
-		}
-
-		export interface PrimaryYAxisTitle {
-
-			/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
-			 * @Default {ej.datavisualization.Chart.enableTrim}
-			 */
-			enableTrim?: boolean;
-
-			/** Options for customizing the title font.
-			 */
-			font?: PrimaryYAxisTitleFont;
-
-			/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-			 * @Default {ej.datavisualization.Chart.maximumTitleWidth.null}
-			 */
-			maximumTitleWidth?: number;
-
-			/** Title for the axis.
-			 */
-			text?: string;
-
-			/** Controls the visibility of axis title.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** offset value for axis title.
-			 * @Default {0}
-			 */
-			offset?: number;
-
-			/** Specifies the position of the axis title.
-			 * @Default {outside. See Position}
-			 */
-			position?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the position of the axis title.
-			 * @Default {center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.TextAlignment | string;
-		}
-
-		export interface PrimaryYAxis {
-
-			/** Options for customizing vertical axis alternate grid band.
-			 */
-			alternateGridBand?: PrimaryYAxisAlternateGridBand;
-
-			/** Options for customizing the axis line.
-			 */
-			axisLine?: PrimaryYAxisAxisLine;
-
-			/** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates.
-			 * If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
-			 * @Default {null}
-			 */
-			crossesAt?: number;
-
-			/** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis,
-			 * then primary X axis or primary Y axis will be used for crossing
-			 * @Default {null}
-			 */
-			crossesInAxis?: string;
-
-			/** Options to customize the crosshair label.
-			 */
-			crosshairLabel?: PrimaryYAxisCrosshairLabel;
-
-			/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
-			 * @Default {null}
-			 */
-			desiredIntervals?: number;
-
-			/** Specifies the placement of labels.
-			 * @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
-			 */
-			labelPlacement?: ej.datavisualization.Chart.LabelPlacement | string;
-
-			/** Specifies the position of labels at the edge of the axis.
-			 * @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
-			 */
-			edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement | string;
-
-			/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
-			 * @Default {false}
-			 */
-			enableTrim?: boolean;
-
-			/** Options for customizing the font of the axis Labels.
-			 */
-			font?: PrimaryYAxisFont;
-
-			/** Specifies the type of interval in date time axis.
-			 * @Default {null. See IntervalType}
-			 */
-			intervalType?: ej.datavisualization.Chart.IntervalType | string;
-
-			/** Specifies whether to inverse the axis.
-			 * @Default {false}
-			 */
-			isInversed?: boolean;
-
-			/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
-			 * @Default {null}
-			 */
-			labelFormat?: string;
-
-			/** Specifies the action to take when the axis labels are overlapping with each other.
-			 * @Default {ej.datavisualization.Chart.LabelIntersectAction.None}
-			 */
-			labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction | string;
-
-			/** Specifies the position of the axis labels.
-			 * @Default {outside. See LabelPosition}
-			 */
-			labelPosition?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the position of the axis labels.
-			 * @Default {center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Chart.LabelAlignment | string;
-
-			/** Logarithmic base value. This is applicable only for logarithmic axis.
-			 * @Default {10}
-			 */
-			logBase?: number;
-
-			/** Options for customizing major gird lines.
-			 */
-			majorGridLines?: PrimaryYAxisMajorGridLines;
-
-			/** Options for customizing the major tick lines.
-			 */
-			majorTickLines?: PrimaryYAxisMajorTickLines;
-
-			/** Maximum number of labels to be displayed in every 100 pixels.
-			 * @Default {3}
-			 */
-			maximumLabels?: number;
-
-			/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
-			 * @Default {ej.datavisualization.Chart.maximumLabelWidth type {int}}
-			 */
-			maximumLabelWidth?: number;
-
-			/** Options for customizing the minor grid lines.
-			 */
-			minorGridLines?: PrimaryYAxisMinorGridLines;
-
-			/** Options for customizing the minor tick lines.
-			 */
-			minorTickLines?: PrimaryYAxisMinorTickLines;
-
-			/** Specifies the number of minor ticks per interval.
-			 * @Default {null}
-			 */
-			minorTicksPerInterval?: number;
-
-			/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** Specifies whether to render the axis at the opposite side of its default position.
-			 * @Default {false}
-			 */
-			opposedPosition?: boolean;
-
-			/** Specifies the padding for the plot area.
-			 * @Default {10}
-			 */
-			plotOffset?: number;
-
-			/** Options to customize the range of the axis.
-			 */
-			range?: PrimaryYAxisRange;
-
-			/** Specifies the padding for the axis range.
-			 * @Default {ej.datavisualization.Chart.RangePadding.None. See RangePadding}
-			 */
-			rangePadding?: ej.datavisualization.Chart.RangePadding | string;
-
-			/** Rounds the number to the given number of decimals.
-			 * @Default {null}
-			 */
-			roundingPlaces?: number;
-
-			/** Specifies the index of the row to which the axis is associated, when the chart area is divided into multiple plot areas by using rowDefinitions.
-			 * @Default {null}
-			 */
-			rowIndex?: number;
-
-			/** Specifies the number of row or plot areas an axis has to span vertically.
-			 * @Default {null}
-			 */
-			rowSpan?: number;
-
-			/** Options for customizing the multi level labels.
-			 * @Default {[ ]}
-			 */
-			multiLevelLabels?: PrimaryYAxisMultiLevelLabel[];
-
-			/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
-			 * @Default {true}
-			 */
-			showNextToAxisLine?: boolean;
-
-			/** Options for customizing the strip lines.
-			 * @Default {[ ]}
-			 */
-			stripLine?: PrimaryYAxisStripLine[];
-
-			/** Specifies the position of the axis tick lines.
-			 * @Default {outside. See TickLinesPosition}
-			 */
-			tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition | string;
-
-			/** Options for customizing the border of the labels.
-			 */
-			labelBorder?: PrimaryYAxisLabelBorder;
-
-			/** Options for customizing the axis title.
-			 */
-			title?: PrimaryYAxisTitle;
-
-			/** Specifies the type of data the axis is handling.
-			 * @Default {null. See ValueType}
-			 */
-			valueType?: ej.datavisualization.Chart.ValueType | string;
-
-			/** Show/hides the axis.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Values ranges from 0 to 1.
-			 * @Default {1}
-			 */
-			zoomFactor?: number;
-
-			/** Position of the zoomed axis. Value ranges from 0 to 1
-			 * @Default {0}
-			 */
-			zoomPosition?: number;
-		}
-
-		export interface RowDefinition {
-
-			/** Specifies the unit to measure the height of the row in plotting area.
-			 * @Default {'pixel'. See Unit}
-			 */
-			unit?: ej.datavisualization.Chart.Unit | string;
-
-			/** Height of the row in plotting area. Height is measured in either pixel or percentage based on the value of unit property.
-			 * @Default {50}
-			 */
-			rowHeight?: number;
-
-			/** Color of the line that indicates the starting point of the row in plotting area.
-			 * @Default {transparent}
-			 */
-			lineColor?: string;
-
-			/** Width of the line that indicates the starting point of the row in plot area.
-			 * @Default {1}
-			 */
-			lineWidth?: number;
-		}
-
-		export interface SeriesBorder {
-
-			/** Border color of the series.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the series.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** DashArray for border of the series.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-		}
-
-		export interface SeriesFont {
-
-			/** Font color of the series text.
-			 * @Default {#707070}
-			 */
-			color?: string;
-
-			/** Font Family of the series.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font Style of the series.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the series.
-			 * @Default {Regular}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of series text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Size of the series text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface SeriesMarkerBorder {
-
-			/** Border color of the marker shape.
-			 * @Default {white}
-			 */
-			color?: string;
-
-			/** Border width of the marker shape.
-			 * @Default {3}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesMarkerDataLabelBorder {
-
-			/** Border color of the data label.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the data label.
-			 * @Default {0.1}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesMarkerDataLabelConnectorLine {
-
-			/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
-			 * @Default {line. See ConnectorLineType}
-			 */
-			type?: ej.datavisualization.Chart.Type | string;
-
-			/** Width of the connector.
-			 * @Default {0.5}
-			 */
-			width?: number;
-
-			/** Color of the connector.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Height of the connector.
-			 * @Default {null}
-			 */
-			height?: number;
-		}
-
-		export interface SeriesMarkerDataLabelFont {
-
-			/** Font family of the data label.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font color of the data label text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font style of the data label.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the data label.
-			 * @Default {regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the data label.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface SeriesMarkerDataLabelMargin {
-
-			/** Bottom margin of the text.
-			 * @Default {5}
-			 */
-			bottom?: number;
-
-			/** Left margin of the text.
-			 * @Default {5}
-			 */
-			left?: number;
-
-			/** Right margin of the text.
-			 * @Default {5}
-			 */
-			right?: number;
-
-			/** Top margin of the text.
-			 * @Default {5}
-			 */
-			top?: number;
-		}
-
-		export interface SeriesMarkerDataLabel {
-
-			/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
-			 * @Default {null}
-			 */
-			angle?: number;
-
-			/** Maximum label width of the data label.
-			 * @Default {null}
-			 */
-			maximumLabelWidth?: number;
-
-			/** Enable the wrap option to the data label.
-			 * @Default {false}
-			 */
-			enableWrap?: boolean;
-
-			/** Options for customizing the border of the data label.
-			 */
-			border?: SeriesMarkerDataLabelBorder;
-
-			/** Options for displaying and customizing the line that connects point and data label.
-			 */
-			connectorLine?: SeriesMarkerDataLabelConnectorLine;
-
-			/** Background color of the data label.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the data label font.
-			 */
-			font?: SeriesMarkerDataLabelFont;
-
-			/** Horizontal alignment of the data label.
-			 * @Default {center}
-			 */
-			horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment | string;
-
-			/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
-			 */
-			margin?: SeriesMarkerDataLabelMargin;
-
-			/** Opacity of the data label.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Background shape of the data label.
-			 * @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Name of a field in data source where datalabel text is displayed.
-			 */
-			textMappingName?: string;
-
-			/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
-			 * @Default {top. See TextPosition}
-			 */
-			textPosition?: ej.datavisualization.Chart.TextPosition | string;
-
-			/** Vertical alignment of the data label.
-			 * @Default {'center'}
-			 */
-			verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment | string;
-
-			/** Controls the visibility of the data labels.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-			 */
-			template?: string;
-
-			/** Moves the label vertically by some offset.
-			 * @Default {0}
-			 */
-			offset?: number;
-		}
-
-		export interface SeriesMarkerSize {
-
-			/** Height of the marker.
-			 * @Default {6}
-			 */
-			height?: number;
-
-			/** Width of the marker.
-			 * @Default {6}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesMarker {
-
-			/** Options for customizing the border of the marker shape.
-			 */
-			border?: SeriesMarkerBorder;
-
-			/** Options for displaying and customizing data labels.
-			 */
-			dataLabel?: SeriesMarkerDataLabel;
-
-			/** Color of the marker shape.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
-			 */
-			imageUrl?: string;
-
-			/** Opacity of the marker.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the shape of the marker.
-			 * @Default {circle. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Options for customizing the size of the marker shape.
-			 */
-			size?: SeriesMarkerSize;
-
-			/** Controls the visibility of the marker shape.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface SeriesOutlierSettingsSize {
-
-			/** Height of the outlier shape.
-			 * @Default {6}
-			 */
-			height?: number;
-
-			/** Width of the outlier shape.
-			 * @Default {6}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesOutlierSettings {
-
-			/** Specifies the shape of the outlier.
-			 * @Default {circle. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Options for customizing the size of the outlier shape.
-			 */
-			size?: SeriesOutlierSettingsSize;
-		}
-
-		export interface SeriesEmptyPointSettingsStyleBorder {
-
-			/** Border color of the empty point.
-			 */
-			color?: string;
-
-			/** Border width of the empty point.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesEmptyPointSettingsStyle {
-
-			/** Color of the empty point.
-			 */
-			color?: string;
-
-			/** Options for customizing border of the empty point in the series.
-			 */
-			border?: SeriesEmptyPointSettingsStyleBorder;
-		}
-
-		export interface SeriesEmptyPointSettings {
-
-			/** Controls the visibility of the empty point.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Specifies the mode of empty point.
-			 * @Default {gap}
-			 */
-			displayMode?: ej.datavisualization.Chart.EmptyPointMode | string;
-
-			/** Options for customizing the color and border of the empty point in the series.
-			 */
-			style?: SeriesEmptyPointSettingsStyle;
-		}
-
-		export interface SeriesConnectorLine {
-
-			/** Width of the connector line.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Color of the connector line.
-			 * @Default {#565656}
-			 */
-			color?: string;
-
-			/** DashArray of the connector line.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Opacity of the connector line.
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface SeriesDragSettings {
-
-			/** drag/drop the series
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies the type of drag settings.
-			 * @Default {xy}
-			 */
-			type?: string;
-		}
-
-		export interface SeriesErrorBarCap {
-
-			/** Show/Hides the error bar cap.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Width of the error bar cap.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Length of the error bar cap.
-			 * @Default {1}
-			 */
-			length?: number;
-
-			/** Color of the error bar cap.
-			 * @Default {#000000}
-			 */
-			fill?: string;
-		}
-
-		export interface SeriesErrorBar {
-
-			/** Show/hides the error bar
-			 * @Default {visible}
-			 */
-			visibility?: boolean;
-
-			/** Specifies the type of error bar.
-			 * @Default {FixedValue}
-			 */
-			type?: ej.datavisualization.Chart.ErrorBarType | string;
-
-			/** Specifies the mode of error bar.
-			 * @Default {vertical}
-			 */
-			mode?: ej.datavisualization.Chart.ErrorBarMode | string;
-
-			/** Specifies the direction of error bar.
-			 * @Default {both}
-			 */
-			direction?: ej.datavisualization.Chart.ErrorBarDirection | string;
-
-			/** Value of vertical error bar.
-			 * @Default {3}
-			 */
-			verticalErrorValue?: number;
-
-			/** Value of horizontal  error bar.
-			 * @Default {1}
-			 */
-			horizontalErrorValue?: number;
-
-			/** Value of positive horizontal error bar.
-			 * @Default {1}
-			 */
-			horizontalPositiveErrorValue?: number;
-
-			/** Value of negative horizontal error bar.
-			 * @Default {1}
-			 */
-			horizontalNegativeErrorValue?: number;
-
-			/** Value of positive vertical error bar.
-			 * @Default {5}
-			 */
-			verticalPositiveErrorValue?: number;
-
-			/** Value of negative vertical error bar.
-			 * @Default {5}
-			 */
-			verticalNegativeErrorValue?: number;
-
-			/** Fill color of the error bar.
-			 * @Default {#000000}
-			 */
-			fill?: string;
-
-			/** Width of the error bar.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Options for customizing the error bar cap.
-			 */
-			cap?: SeriesErrorBarCap;
-		}
-
-		export interface SeriesPointsBorder {
-
-			/** Border color of the point.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the point.
-			 * @Default {null}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesPointsMarkerBorder {
-
-			/** Border color of the marker shape.
-			 * @Default {white}
-			 */
-			color?: string;
-
-			/** Border width of the marker shape.
-			 * @Default {3}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesPointsMarkerDataLabelBorder {
-
-			/** Border color of the data label.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the data label.
-			 * @Default {0.1}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesPointsMarkerDataLabelConnectorLine {
-
-			/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
-			 * @Default {line. See ConnectorLineType}
-			 */
-			type?: ej.datavisualization.Chart.ConnectorLineType | string;
-
-			/** Width of the connector.
-			 * @Default {0.5}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesPointsMarkerDataLabelFont {
-
-			/** Font family of the data label.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the data label.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight of the data label.
-			 * @Default {regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size of the data label.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface SeriesPointsMarkerDataLabelMargin {
-
-			/** Bottom margin of the text.
-			 * @Default {5}
-			 */
-			bottom?: number;
-
-			/** Left margin of the text.
-			 * @Default {5}
-			 */
-			left?: number;
-
-			/** Right margin of the text.
-			 * @Default {5}
-			 */
-			right?: number;
-
-			/** Top margin of the text.
-			 * @Default {5}
-			 */
-			top?: number;
-		}
-
-		export interface SeriesPointsMarkerDataLabel {
-
-			/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
-			 * @Default {null}
-			 */
-			angle?: number;
-
-			/** Options for customizing the border of the data label.
-			 */
-			border?: SeriesPointsMarkerDataLabelBorder;
-
-			/** Options for displaying and customizing the line that connects point and data label.
-			 */
-			connectorLine?: SeriesPointsMarkerDataLabelConnectorLine;
-
-			/** Background color of the data label.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the data label font.
-			 */
-			font?: SeriesPointsMarkerDataLabelFont;
-
-			/** Horizontal alignment of the data label.
-			 * @Default {center}
-			 */
-			horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment | string;
-
-			/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
-			 */
-			margin?: SeriesPointsMarkerDataLabelMargin;
-
-			/** Opacity of the data label.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Background shape of the data label.
-			 * @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
-			 * @Default {top. See TextPosition}
-			 */
-			textPosition?: ej.datavisualization.Chart.TextPosition | string;
-
-			/** Vertical alignment of the data label.
-			 * @Default {'center'}
-			 */
-			verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment | string;
-
-			/** Controls the visibility of the data labels.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-			 */
-			template?: string;
-
-			/** Moves the label vertically by specified offset.
-			 * @Default {0}
-			 */
-			offset?: number;
-		}
-
-		export interface SeriesPointsMarkerSize {
-
-			/** Height of the marker.
-			 * @Default {6}
-			 */
-			height?: number;
-
-			/** Width of the marker.
-			 * @Default {6}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesPointsMarker {
-
-			/** Options for customizing the border of the marker shape.
-			 */
-			border?: SeriesPointsMarkerBorder;
-
-			/** Options for displaying and customizing data label.
-			 */
-			dataLabel?: SeriesPointsMarkerDataLabel;
-
-			/** Color of the marker shape.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
-			 */
-			imageUrl?: string;
-
-			/** Opacity of the marker.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the shape of the marker.
-			 * @Default {circle. See Shape}
-			 */
-			shape?: ej.datavisualization.Chart.Shape | string;
-
-			/** Options for customizing the size of the marker shape.
-			 */
-			size?: SeriesPointsMarkerSize;
-
-			/** Controls the visibility of the marker shape.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface SeriesPoint {
-
-			/** Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
-			 */
-			border?: SeriesPointsBorder;
-
-			/** Enables or disables the visibility of legend item.
-			 * @Default {visible}
-			 */
-			visibleOnLegend?: string;
-
-			/** To show/hide the intermediate summary from the last intermediate point.
-			 * @Default {false}
-			 */
-			showIntermediateSum?: boolean;
-
-			/** To show/hide the total summary of the waterfall series.
-			 * @Default {false}
-			 */
-			showTotalSum?: boolean;
-
-			/** Close value of the point. Close value is applicable only for financial type series.
-			 * @Default {null}
-			 */
-			close?: number;
-
-			/** Size of a bubble in the bubble series. This is applicable only for the bubble series.
-			 * @Default {null}
-			 */
-			size?: number;
-
-			/** Background color of the point. This is applicable only for column type series and accumulation type series.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** High value of the point. High value is applicable only for financial type series, range area series and range column series.
-			 * @Default {null}
-			 */
-			high?: number;
-
-			/** Low value of the point. Low value is applicable only for financial type series, range area series and range column series.
-			 * @Default {null}
-			 */
-			low?: number;
-
-			/** Options for displaying and customizing marker for a data point. Marker contains shapes and/or data labels.
-			 */
-			marker?: SeriesPointsMarker;
-
-			/** Open value of the point. This is applicable only for financial type series.
-			 * @Default {null}
-			 */
-			open?: number;
-
-			/** Datalabel text for the point.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** X value of the point.
-			 * @Default {null}
-			 */
-			x?: number;
-
-			/** Y value of the point.
-			 * @Default {null}
-			 */
-			y?: number;
-		}
-
-		export interface SeriesCornerRadius {
-
-			/** Specifies the radius for the top left corner.
-			 * @Default {0}
-			 */
-			topLeft?: number;
-
-			/** Specifies the radius for the top right corner.
-			 * @Default {0}
-			 */
-			topRight?: number;
-
-			/** Specifies the radius for the bottom left corner.
-			 * @Default {0}
-			 */
-			bottomLeft?: number;
-
-			/** Specifies the radius for the bottom right corner.
-			 * @Default {0}
-			 */
-			bottomRight?: number;
-		}
-
-		export interface SeriesTooltipBorder {
-
-			/** Border Color of the tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border Width of the tooltip.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface SeriesTooltip {
-
-			/** Options for customizing the border of the tooltip.
-			 */
-			border?: SeriesTooltipBorder;
-
-			/** Customize the corner radius of the tooltip rectangle.
-			 * @Default {0}
-			 */
-			rx?: number;
-
-			/** Customize the corner radius of the tooltip rectangle.
-			 * @Default {0}
-			 */
-			ry?: number;
-
-			/** Specifies the duration, the tooltip has to be displayed.
-			 * @Default {500ms}
-			 */
-			duration?: string;
-
-			/** Enables/disables the animation of the tooltip when moving from one point to another.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Background color of the tooltip.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Format of the tooltip content.
-			 * @Default {#point.x# : #point.y#}
-			 */
-			format?: string;
-
-			/** Opacity of the tooltip.
-			 * @Default {0.95}
-			 */
-			opacity?: number;
-
-			/** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Controls the visibility of the tooltip.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface SeriesTrendline {
-
-			/** Show/hides the trendline.
-			 */
-			visibility?: boolean;
-
-			/** Specifies the type of trendline for the series.
-			 * @Default {linear. See TrendlinesType}
-			 */
-			type?: string;
-
-			/** Name for the trendlines that is to be displayed in legend text.
-			 * @Default {Trendline}
-			 */
-			name?: string;
-
-			/** Fill color of the trendlines.
-			 * @Default {#0000FF}
-			 */
-			fill?: string;
-
-			/** Width of the trendlines.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Opacity of the trendline.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Pattern of dashes and gaps used to stroke the trendline.
-			 */
-			dashArray?: string;
-
-			/** Future trends of the current series.
-			 * @Default {0}
-			 */
-			forwardForecast?: number;
-
-			/** Past trends of the current series.
-			 * @Default {0}
-			 */
-			backwardForecast?: number;
-
-			/** Specifies the order of polynomial trendlines.
-			 * @Default {0}
-			 */
-			polynomialOrder?: number;
-
-			/** Specifies the moving average starting period  value.
-			 * @Default {2}
-			 */
-			period?: number;
-		}
-
-		export interface SeriesHighlightSettingsBorder {
-
-			/** Border color of the series/point on highlight.
-			 */
-			color?: string;
-
-			/** Border width of the series/point on highlight.
-			 * @Default {2}
-			 */
-			width?: string;
-		}
-
-		export interface SeriesHighlightSettings {
-
-			/** Enables/disables the ability to highlight series or data point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether series or data point has to be highlighted.
-			 * @Default {series. See Mode}
-			 */
-			mode?: ej.datavisualization.Chart.Mode | string;
-
-			/** Color of the series/point on highlight.
-			 */
-			color?: string;
-
-			/** Opacity of the series/point on highlight.
-			 * @Default {0.6}
-			 */
-			opacity?: number;
-
-			/** Options for customizing the border of series on highlight.
-			 */
-			border?: SeriesHighlightSettingsBorder;
-
-			/** Specifies the pattern for the series/point on highlight.
-			 * @Default {none. See Pattern}
-			 */
-			pattern?: string;
-
-			/** Custom pattern for the series on highlight.
-			 */
-			customPattern?: string;
-		}
-
-		export interface SeriesSelectionSettingsBorder {
-
-			/** Border color of the series/point on selection.
-			 */
-			color?: string;
-
-			/** Border width of the series/point on selection.
-			 * @Default {2}
-			 */
-			width?: string;
-		}
-
-		export interface SeriesSelectionSettings {
-
-			/** Enables/disables the ability to select a series/data point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether series or data point has to be selected.
-			 * @Default {series. See Mode}
-			 */
-			mode?: ej.datavisualization.Chart.Mode | string;
-
-			/** Specifies the type of selection.
-			 * @Default {single}
-			 */
-			type?: ej.datavisualization.Chart.SelectionType | string;
-
-			/** Specifies the drawn rectangle type.
-			 * @Default {xy}
-			 */
-			rangeType?: ej.datavisualization.Chart.RangeType | string;
-
-			/** Color of the series/point on selection.
-			 */
-			color?: string;
-
-			/** Opacity of the series/point on selection.
-			 * @Default {0.6}
-			 */
-			opacity?: number;
-
-			/** Options for customizing the border of series on selection.
-			 */
-			border?: SeriesSelectionSettingsBorder;
-
-			/** Specifies the pattern for the series/point on selection.
-			 * @Default {none. See Pattern}
-			 */
-			pattern?: string;
-
-			/** Custom pattern for the series on selection.
-			 */
-			customPattern?: string;
-		}
-
-		export interface Series {
-
-			/** Color of the point, where the close is up in financial chart.
-			 * @Default {null}
-			 */
-			bearFillColor?: string;
-
-			/** Options for customizing the border of the series.
-			 */
-			border?: SeriesBorder;
-
-			/** Color of the point, where the close is down in financial chart.
-			 * @Default {null}
-			 */
-			bullFillColor?: string;
-
-			/** To render the column and bar type series in rectangle/cylinder shape. See ColumnFacet
-			 * @Default {rectangle}
-			 */
-			columnFacet?: ej.datavisualization.Chart.ColumnFacet | string;
-
-			/** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
-			 * @Default {0.7}
-			 */
-			columnWidth?: number;
-
-			/** Spacing between columns of different series. Value ranges from 0 to 1
-			 * @Default {0}
-			 */
-			columnSpacing?: number;
-
-			/** To group the series of stacking collection.
-			 */
-			stackingGroup?: string;
-
-			/** Pattern of dashes and gaps used to stroke the line type series.
-			 */
-			dashArray?: string;
-
-			/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Controls the size of the hole in doughnut series. Value ranges from 0 to 1.
-			 * @Default {0.4}
-			 */
-			doughnutCoefficient?: number;
-
-			/** Controls the size of the doughnut series. Value ranges from 0 to 1.
-			 * @Default {0.8}
-			 */
-			doughnutSize?: number;
-
-			/** Type of series to be drawn in radar or polar series.
-			 * @Default {line. See DrawType}
-			 */
-			drawType?: ej.datavisualization.Chart.DrawType | string;
-
-			/** Enable/disable the animation of series.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** To avoid overlapping of data labels smartly.
-			 * @Default {null}
-			 */
-			enableSmartLabels?: number;
-
-			/** End angle of pie/doughnut series. For a complete circle, it has to be 360, by default.
-			 * @Default {null}
-			 */
-			endAngle?: number;
-
-			/** Explodes the pie/doughnut slices on mouse move.
-			 * @Default {false}
-			 */
-			explode?: boolean;
-
-			/** Explodes all the slice of pie/doughnut on render.
-			 * @Default {null}
-			 */
-			explodeAll?: boolean;
-
-			/** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
-			 * @Default {null}
-			 */
-			explodeIndex?: number;
-
-			/** Specifies the distance of the slice from the center, when it is exploded.
-			 * @Default {25}
-			 */
-			explodeOffset?: number;
-
-			/** Fill color of the series.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the series font.
-			 */
-			font?: SeriesFont;
-
-			/** Specifies the height of the funnel in funnel series. Values can be in both pixel and percentage.
-			 * @Default {32.7%}
-			 */
-			funnelHeight?: string;
-
-			/** Specifies the width of the funnel in funnel series. Values can be in both pixel and percentage.
-			 * @Default {11.6%}
-			 */
-			funnelWidth?: string;
-
-			/** Gap between the slices of pyramid/funnel series.
-			 * @Default {0}
-			 */
-			gapRatio?: number;
-
-			/** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
-			 * @Default {true}
-			 */
-			isClosed?: boolean;
-
-			/** Specifies whether to stack the column series in polar/radar charts.
-			 * @Default {true}
-			 */
-			isStacking?: boolean;
-
-			/** Renders the chart vertically. This is applicable only for Cartesian type series.
-			 * @Default {false}
-			 */
-			isTransposed?: boolean;
-
-			/** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
-			 * @Default {true}
-			 */
-			showMedian?: boolean;
-
-			/** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
-			 * @Default {inside. See LabelPosition}
-			 */
-			labelPosition?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the mode for splitting the data points in pieOfPie series.
-			 * @Default {value. See SplitMode}
-			 */
-			splitMode?: ej.datavisualization.Chart.SplitMode | string;
-
-			/** Quartile calculation has been performed in three different formulas to render the boxplot series .
-			 * @Default {exclusive}
-			 */
-			boxPlotMode?: ej.datavisualization.Chart.LabelPosition | string;
-
-			/** Specifies the line cap of the series.
-			 * @Default {Butt. See LineCap}
-			 */
-			lineCap?: ej.datavisualization.Chart.LineCap | string;
-
-			/** Specifies the type of shape to be used where two lines meet.
-			 * @Default {Round. See LineJoin}
-			 */
-			lineJoin?: ej.datavisualization.Chart.LineJoin | string;
-
-			/** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
-			 */
-			marker?: SeriesMarker;
-
-			/** Name of the series, that is to be displayed in the legend.
-			 * @Default {Add a comment to this line}
-			 */
-			name?: string;
-
-			/** Opacity of the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Options for customizing the outlier of individual series.
-			 */
-			outlierSettings?: SeriesOutlierSettings;
-
-			/** Name of a field in data source where fill color for all the data points is generated.
-			 */
-			palette?: string;
-
-			/** Controls the size of pie series. Value ranges from 0 to 1.
-			 * @Default {0.8}
-			 */
-			pieCoefficient?: number;
-
-			/** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
-			 * @Default {0.6}
-			 */
-			pieOfPieCoefficient?: number;
-
-			/** Split Value of pieofpie series.
-			 * @Default {null}
-			 */
-			splitValue?: string;
-
-			/** Distance between the two pie's in pieOfPie series.
-			 * @Default {50}
-			 */
-			gapWidth?: number;
-
-			/** Options for customizing the empty point in the series.
-			 */
-			emptyPointSettings?: SeriesEmptyPointSettings;
-
-			/** Fill color for the positive column of the waterfall.
-			 * @Default {null}
-			 */
-			positiveFill?: string;
-
-			/** Options for customizing the waterfall connector line.
-			 */
-			connectorLine?: SeriesConnectorLine;
-
-			/** Options to customize the drag and drop in series.
-			 */
-			dragSettings?: SeriesDragSettings;
-
-			/** Options to customize the error bar in series.
-			 */
-			errorBar?: SeriesErrorBar;
-
-			/** Option to add data points; each point should have x and y property. Also, optionally, you can customize the points color, border, marker by using fill, border and marker options.
-			 */
-			points?: SeriesPoint[];
-
-			/** Specifies the mode of the pyramid series.
-			 * @Default {linear}
-			 */
-			pyramidMode?: ej.datavisualization.Chart.PyramidMode | string;
-
-			/** Specifies ej.Query to select data from dataSource. This property is applicable only when the dataSource is ej.DataManager.
-			 * @Default {null}
-			 */
-			query?: any;
-
-			/** Start angle from where the pie/doughnut series renders. It starts from 0, by default.
-			 * @Default {null}
-			 */
-			startAngle?: number;
-
-			/** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
-			 */
-			cornerRadius?: SeriesCornerRadius;
-
-			/** Options for customizing the tooltip of chart.
-			 */
-			tooltip?: SeriesTooltip;
-
-			/** Specifies the type of the series to render in chart.
-			 * @Default {column. see Type}
-			 */
-			type?: ej.datavisualization.Chart.Type | string;
-
-			/** Controls the visibility of the series.
-			 * @Default {visible}
-			 */
-			visibility?: string;
-
-			/** Enables or disables the visibility of legend item.
-			 * @Default {visible}
-			 */
-			visibleOnLegend?: string;
-
-			/** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-			 * @Default {null}
-			 */
-			xAxisName?: string;
-
-			/** Name of the property in the datasource that contains x value for the series.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-			 * @Default {null}
-			 */
-			yAxisName?: string;
-
-			/** Name of the property in the datasource that contains y value for the series.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Name of the property in the datasource that contains high value for the series.
-			 * @Default {null}
-			 */
-			high?: string;
-
-			/** Name of the property in the datasource that contains low value for the series.
-			 * @Default {null}
-			 */
-			low?: string;
-
-			/** Name of the property in the datasource that contains open value for the series.
-			 * @Default {null}
-			 */
-			open?: string;
-
-			/** Name of the property in the datasource that contains close value for the series.
-			 * @Default {null}
-			 */
-			close?: string;
-
-			/** Name of the property in the datasource that contains fill color for the series.
-			 * @Default {null}
-			 */
-			pointColorMappingName?: string;
-
-			/** Z-order of the series.
-			 * @Default {0}
-			 */
-			zOrder?: number;
-
-			/** Name of the property in the datasource that contains the size value for the bubble series.
-			 * @Default {null}
-			 */
-			size?: string;
-
-			/** Option to add trendlines to chart.
-			 */
-			trendlines?: SeriesTrendline[];
-
-			/** Options for customizing the appearance of the series or data point while highlighting.
-			 */
-			highlightSettings?: SeriesHighlightSettings;
-
-			/** Options for customizing the appearance of the series/data point on selection.
-			 */
-			selectionSettings?: SeriesSelectionSettings;
-		}
-
-		export interface Size {
-
-			/** Height of the Chart. Height can be specified in either pixel or percentage.
-			 * @Default {'450'}
-			 */
-			height?: string;
-
-			/** Width of the Chart. Width can be specified in either pixel or percentage.
-			 * @Default {'450'}
-			 */
-			width?: string;
-		}
-
-		export interface TitleBorder {
-
-			/** Width of the title border.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** color of the title border.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** opacity of the title border.
-			 * @Default {0.8}
-			 */
-			opacity?: number;
-
-			/** opacity of the title border.
-			 * @Default {0.8}
-			 */
-			cornerRadius?: number;
-		}
-
-		export interface TitleFont {
-
-			/** Font family for Chart title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for Chart title.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight for Chart title.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the Chart title.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Font size for Chart title.
-			 * @Default {20px}
-			 */
-			size?: string;
-		}
-
-		export interface TitleSubTitleFont {
-
-			/** Font family of sub title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for sub title.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Chart.FontStyle | string;
-
-			/** Font weight for sub title.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Chart.FontWeight | string;
-
-			/** Opacity of the sub title.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for sub title.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface TitleSubTitleBorder {
-
-			/** Width of the subtitle border.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** color of the subtitle border.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** opacity of the subtitle border.
-			 * @Default {0.8}
-			 */
-			opacity?: number;
-
-			/** opacity of the subtitle border.
-			 * @Default {0.8}
-			 */
-			cornerRadius?: number;
-		}
-
-		export interface TitleSubTitle {
-
-			/** Options for customizing the font of sub title.
-			 */
-			font?: TitleSubTitleFont;
-
-			/** Background color for the chart subtitle.
-			 * @Default {transparent}
-			 */
-			background?: string;
-
-			/** Options to customize the border of the title.
-			 */
-			border?: TitleSubTitleBorder;
-
-			/** Text to be displayed in sub title.
-			 */
-			text?: string;
-
-			/** Alignment of sub title text.
-			 * @Default {far. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.Alignment | string;
-		}
-
-		export interface Title {
-
-			/** Background color for the chart title.
-			 * @Default {transparent}
-			 */
-			background?: string;
-
-			/** Options to customize the border of the title.
-			 */
-			border?: TitleBorder;
-
-			/** Options for customizing the font of Chart title.
-			 */
-			font?: TitleFont;
-
-			/** Options to customize the sub title of Chart.
-			 */
-			subTitle?: TitleSubTitle;
-
-			/** Text to be displayed in Chart title.
-			 */
-			text?: string;
-
-			/** Alignment of the title text.
-			 * @Default {Center. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Chart.Alignment | string;
-		}
-
-		export interface Zooming {
-
-			/** Enables or disables zooming.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Enables or disables pinch zooming.
-			 * @Default {true}
-			 */
-			enablePinching?: boolean;
-
-			/** Enable or disables the differed zooming. When it is enabled, chart is updated only on mouse up action while zooming and panning.
-			 * @Default {false}
-			 */
-			enableDeferredZoom?: boolean;
-
-			/** Enables/disables the ability to zoom the chart on moving the mouse wheel.
-			 * @Default {false}
-			 */
-			enableMouseWheel?: boolean;
-
-			/** Specifies whether to allow zooming the chart vertically or horizontally or in both ways.
-			 * @Default {'x,y'}
-			 */
-			type?: string;
-
-			/** Toggles the visibility of the scrollbar, which will be displayed while zooming.
-			 * @Default {false}
-			 */
-			enableScrollbar?: boolean;
-
-			/** To display user specified buttons in zooming toolbar.
-			 * @Default {[zoomIn, zoomOut, zoom, pan, reset]}
-			 */
-			toolbarItems?: any[];
-		}
-	}
-	namespace Chart {
-		enum CoordinateUnit {
-			//string
-			None,
-			//string
-			Pixels,
-			//string
-			Points,
-		}
-	}
-	namespace Chart {
-		enum HorizontalAlignment {
-			//string
-			Left,
-			//string
-			Right,
-			//string
-			Middle,
-		}
-	}
-	namespace Chart {
-		enum Region {
-			//string
-			Chart,
-			//string
-			Series,
-		}
-	}
-	namespace Chart {
-		enum VerticalAlignment {
-			//string
-			Top,
-			//string
-			Bottom,
-			//string
-			Middle,
-		}
-	}
-	namespace Chart {
-		enum ExportingType {
-			//string
-			PNG,
-			//string
-			JPG,
-			//string
-			PDF,
-			//string
-			DOCX,
-			//string
-			XLSX,
-			//string
-			SVG,
-		}
-	}
-	namespace Chart {
-		enum ExportingOrientation {
-			//string
-			Portrait,
-			//string
-			Landscape,
-		}
-	}
-	namespace Chart {
-		enum ExportingMode {
-			//string
-			ServerSide,
-			//string
-			ClientSide,
-		}
-	}
-	namespace Chart {
-		enum Unit {
-			//string
-			Percentage,
-			//string
-			Pixel,
-		}
-	}
-	namespace Chart {
-		enum ColumnFacet {
-			//string
-			Rectangle,
-			//string
-			Cylinder,
-		}
-	}
-	namespace Chart {
-		enum DrawType {
-			//string
-			Line,
-			//string
-			Area,
-			//string
-			Column,
-		}
-	}
-	namespace Chart {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Italic,
-		}
-	}
-	namespace Chart {
-		enum FontWeight {
-			//string
-			Regular,
-			//string
-			Bold,
-			//string
-			Lighter,
-		}
-	}
-	namespace Chart {
-		enum LabelPosition {
-			//string
-			Inside,
-			//string
-			Outside,
-			//string
-			OutsideExtended,
-		}
-	}
-
-	namespace Chart {
-		enum SplitMode {
-			//string
-			Position,
-			//string
-			Value,
-			//string
-			Percentage,
-			//string
-			Indexes,
-		}
-	}
-	namespace Chart {
-		enum boxPlotMode {
-			//string
-			Exclusive,
-			//string
-			Inclusive,
-			//string
-			Normal,
-		}
-	}
-	namespace Chart {
-		enum LineCap {
-			//string
-			Butt,
-			//string
-			Round,
-			//string
-			Square,
-		}
-	}
-	namespace Chart {
-		enum LineJoin {
-			//string
-			Round,
-			//string
-			Bevel,
-			//string
-			Miter,
-		}
-	}
-	namespace Chart {
-		enum ConnectorLineType {
-			//string
-			Line,
-			//string
-			Bezier,
-		}
-	}
-	namespace Chart {
-		enum HorizontalTextAlignment {
-			//string
-			Center,
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-	namespace Chart {
-		enum Shape {
-			//string
-			None,
-			//string
-			LeftArrow,
-			//string
-			RightArrow,
-			//string
-			Circle,
-			//string
-			Cross,
-			//string
-			HorizLine,
-			//string
-			VertLine,
-			//string
-			Diamond,
-			//string
-			Rectangle,
-			//string
-			Triangle,
-			//string
-			Hexagon,
-			//string
-			Pentagon,
-			//string
-			Star,
-			//string
-			Ellipse,
-			//string
-			Trapezoid,
-			//string
-			UpArrow,
-			//string
-			DownArrow,
-			//string
-			Image,
-			//string
-			SeriesType,
-		}
-	}
-	namespace Chart {
-		enum TextPosition {
-			//string
-			Top,
-			//string
-			Bottom,
-			//string
-			Middle,
-		}
-	}
-	namespace Chart {
-		enum VerticalTextAlignment {
-			//string
-			Center,
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-	namespace Chart {
-		enum PyramidMode {
-			//string
-			Linear,
-			//string
-			Surface,
-		}
-	}
-	namespace Chart {
-		enum Type {
-			//string
-			Area,
-			//string
-			Line,
-			//string
-			Spline,
-			//string
-			Column,
-			//string
-			Scatter,
-			//string
-			Bubble,
-			//string
-			SplineArea,
-			//string
-			StepArea,
-			//string
-			StepLine,
-			//string
-			Pie,
-			//string
-			HiLo,
-			//string
-			HiLoOpenClose,
-			//string
-			Candle,
-			//string
-			Bar,
-			//string
-			StackingArea,
-			//string
-			StackingArea100,
-			//string
-			RangeColumn,
-			//string
-			StackingColumn,
-			//string
-			StackingColumn100,
-			//string
-			StackingBar,
-			//string
-			StackingBar100,
-			//string
-			Pyramid,
-			//string
-			Funnel,
-			//string
-			Doughnut,
-			//string
-			Polar,
-			//string
-			Radar,
-			//string
-			RangeArea,
-		}
-	}
-	namespace Chart {
-		enum EmptyPointMode {
-			//string
-			Gap,
-			//string
-			Zero,
-			//string
-			Average,
-		}
-	}
-	namespace Chart {
-		enum ErrorBarType {
-			//string
-			FixedValue,
-			//string
-			Percentage,
-			//string
-			StandardDeviation,
-			//string
-			StandardError,
-		}
-	}
-	namespace Chart {
-		enum ErrorBarMode {
-			//string
-			Both,
-			//string
-			Vertical,
-			//string
-			Horizontal,
-		}
-	}
-	namespace Chart {
-		enum ErrorBarDirection {
-			//string
-			Both,
-			//string
-			Plus,
-			//string
-			Minus,
-		}
-	}
-	namespace Chart {
-		enum Mode {
-			//string
-			Series,
-			//string
-			Point,
-			//string
-			Cluster,
-			//string
-			Range,
-		}
-	}
-	namespace Chart {
-		enum SelectionType {
-			//string
-			Single,
-			//string
-			Multiple,
-		}
-	}
-	namespace Chart {
-		enum RangeType {
-			//string
-			XY,
-			//string
-			X,
-			//string
-			Y,
-		}
-	}
-	namespace Chart {
-		enum CrosshairMode {
-			//string
-			Float,
-			//string
-			Grouping,
-		}
-	}
-	namespace Chart {
-		enum CrosshairType {
-			//string
-			Crosshair,
-			//string
-			Trackball,
-		}
-	}
-	namespace Chart {
-		enum Alignment {
-			//string
-			Center,
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-	namespace Chart {
-		enum Position {
-			//string
-			Left,
-			//string
-			Right,
-			//string
-			Top,
-			//string
-			Bottom,
-		}
-	}
-	namespace Chart {
-		enum TextOverflow {
-			//string
-			None,
-			//string
-			Trim,
-			//string
-			Wrap,
-			//string
-			WrapAndTrim,
-		}
-	}
-	namespace Chart {
-		enum LabelPlacement {
-			//string
-			OnTicks,
-			//string
-			BetweenTicks,
-		}
-	}
-	namespace Chart {
-		enum EdgeLabelPlacement {
-			//string
-			None,
-			//string
-			Shift,
-			//string
-			Hide,
-		}
-	}
-	namespace Chart {
-		enum IntervalType {
-			//string
-			Days,
-			//string
-			Hours,
-			//string
-			Seconds,
-			//string
-			Milliseconds,
-			//string
-			Minutes,
-			//string
-			Months,
-			//string
-			Years,
-		}
-	}
-	namespace Chart {
-		enum LabelIntersectAction {
-			//string
-			None,
-			//string
-			Rotate90,
-			//string
-			Rotate45,
-			//string
-			Wrap,
-			//string
-			WrapByword,
-			//string
-			Trim,
-			//string
-			Hide,
-			//string
-			MultipleRows,
-		}
-	}
-	namespace Chart {
-		enum LabelAlignment {
-			//string
-			Near,
-			//string
-			Far,
-			//string
-			Center,
-		}
-	}
-	namespace Chart {
-		enum RangePadding {
-			//string
-			Additional,
-			//string
-			Normal,
-			//string
-			None,
-			//string
-			Round,
-		}
-	}
-	namespace Chart {
-		enum MultiLevelLabelsBorderType {
-			//string
-			Rectangle,
-			//string
-			None,
-			//string
-			WithoutTopAndBottom,
-			//string
-			Brace,
-			//string
-			CurlyBrace,
-		}
-	}
-	namespace Chart {
-		enum TextAlignment {
-			//string
-			MiddleTop,
-			//string
-			MiddleCenter,
-			//string
-			MiddleBottom,
-		}
-	}
-	namespace Chart {
-		enum ZIndex {
-			//string
-			Inside,
-			//string
-			Over,
-		}
-	}
-	namespace Chart {
-		enum TickLinesPosition {
-			//string
-			Inside,
-			//string
-			Outside,
-		}
-	}
-	namespace Chart {
-		enum ValueType {
-			//string
-			Double,
-			//string
-			Category,
-			//string
-			DateTime,
-			//string
-			Logarithmic,
-		}
-	}
-	namespace Chart {
-		enum Theme {
-			//string
-			Azure,
-			//string
-			FlatLight,
-			//string
-			FlatDark,
-			//string
-			Azuredark,
-			//string
-			Lime,
-			//string
-			LimeDark,
-			//string
-			Saffron,
-			//string
-			SaffronDark,
-			//string
-			GradientLight,
-			//string
-			GradientDark,
-		}
-	}
-
-	class RangeNavigator extends ej.Widget {
-		static fn: RangeNavigator;
-		constructor(element: JQuery | Element, options?: RangeNavigator.Model);
-		static Locale: any;
-		model: RangeNavigator.Model;
-		defaults: RangeNavigator.Model;
-
-		/** destroy the range navigator widget
-		 * @returns {void}
-		 */
-		_destroy(): void;
-	}
-	export namespace RangeNavigator {
-
-		export interface Model {
-
-			/** Toggles the placement of slider exactly on the place it left or on the nearest interval.
-			 * @Default {false}
-			 */
-			allowSnapping?: boolean;
-
-			/** Options for customizing the color, opacity and width of the chart border.
-			 */
-			border?: Border;
-
-			/** Specifies the data source for range navigator.
-			 */
-			dataSource?: any;
-
-			/** Specifies the properties used for customizing the range series.
-			 */
-			series?: Series[];
-
-			/** Toggles the redrawing of chart on moving the sliders.
-			 * @Default {true}
-			 */
-			enableDeferredUpdate?: boolean;
-
-			/** Enable the scrollbar option in the rangenavigator.
-			 * @Default {false}
-			 */
-			enableScrollbar?: boolean;
-
-			/** Enable the resize option in the rangenavigator.
-			 * @Default {false}
-			 */
-			enableAutoResizing?: boolean;
-
-			/** Toggles the direction of rendering the range navigator control.
-			 * @Default {false}
-			 */
-			enableRTL?: boolean;
-
-			/** Sets a value whether to make the range navigator responsive on resize.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Options for customizing the labels colors, font, style, size, horizontalAlignment and opacity.
-			 */
-			labelSettings?: LabelSettings;
-
-			/** This property is to specify the localization of range navigator.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Options for customizing the range navigator.
-			 */
-			navigatorStyleSettings?: NavigatorStyleSettings;
-
-			/** Padding specifies the gap between the container and the range navigator.
-			 * @Default {0}
-			 */
-			padding?: string;
-
-			/** If the range is not given explicitly, range will be calculated automatically.
-			 * @Default {none}
-			 */
-			rangePadding?: ej.datavisualization.RangeNavigator.RangePadding | string;
-
-			/** Options for customizing the starting and ending ranges.
-			 */
-			rangeSettings?: RangeSettings;
-
-			/** selectedData is for getting the data when the &quot;rangeChanged&quot; event trigger from client side.
-			 */
-			selectedData?: any;
-
-			/** Options for customizing the start and end range values.
-			 */
-			selectedRangeSettings?: SelectedRangeSettings;
-
-			/** Options for rendering scrollbar based on the start and end range values.
-			 */
-			scrollRangeSettings?: ScrollRangeSettings;
-
-			/** Contains property to customize the hight and width of range navigator.
-			 */
-			sizeSettings?: SizeSettings;
-
-			/** By specifying this property the user can change the theme of the range navigator.
-			 * @Default {null}
-			 */
-			theme?: string;
-
-			/** Options for customizing the tooltip in range navigator.
-			 */
-			tooltipSettings?: TooltipSettings;
-
-			/** Options for configuring minor grid lines, major grid lines, axis line of axis.
-			 */
-			valueAxisSettings?: ValueAxisSettings;
-
-			/** You can plot data of type date time or numeric. This property determines the type of data that this axis will handle.
-			 * @Default {datetime}
-			 */
-			valueType?: ej.datavisualization.RangeNavigator.ValueType | string;
-
-			/** Specifies the xName for dataSource. This is used to take the x values from dataSource
-			 */
-			xName?: any;
-
-			/** Specifies the yName for dataSource. This is used to take the y values from dataSource
-			 */
-			yName?: any;
-
-			/** Fires on load of range navigator. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires after range navigator is loaded. */
-			loaded?(e: LoadedEventArgs): void;
-
-			/** Fires on changing the range of range navigator. */
-			rangeChanged?(e: RangeChangedEventArgs): void;
-
-			/** Fires on changing the scrollbar position of range navigator. */
-			scrollChanged?(e: ScrollChangedEventArgs): void;
-
-			/** Fires on when starting to change the scrollbar position of range navigator. */
-			scrollStart?(e: ScrollStartEventArgs): void;
-
-			/** Fires on when starting to change the  slider position of range navigator. */
-			selectedRangeStart?(e: SelectedRangeStartEventArgs): void;
-
-			/** Fires when the selection  ends in the range navigator */
-			selectedRangeEnd?(e: SelectedRangeEndEventArgs): void;
-
-			/** Fires on changes ending the scrollbar position of range navigator. */
-			scrollEnd?(e: ScrollEndEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** parameters from range navigator
-			 */
-			Data?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the range navigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadedEventArgs {
-
-			/** parameters from range navigator
-			 */
-			Data?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the range navigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface RangeChangedEventArgs {
-
-			/** parameters from range navigator
-			 */
-			Data?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the range navigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ScrollChangedEventArgs {
-
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
-
-			/** returns the scrollbar position old start and end range value on changing scrollbar
-			 */
-			dataoldRange?: any;
-
-			/** returns the scrollbar position new start and end range value on changing scrollbar
-			 */
-			datanewRange?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface ScrollStartEventArgs {
-
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
-
-			/** returns the scrollbar position starting range value on changing scrollbar
-			 */
-			datastartRange?: string;
-
-			/** returns the scrollbar position end range value on changing scrollbar
-			 */
-			dataendRange?: string;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SelectedRangeStartEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface SelectedRangeEndEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-		}
-		export interface ScrollEndEventArgs {
-
-			/** parameters from RangeNavigator
-			 */
-			data?: any;
-
-			/** returns the scrollbar position old start and end range value on change end of scrollbar
-			 */
-			dataoldRange?: any;
-
-			/** returns the scrollbar position new start and end range value on change end of scrollbar
-			 */
-			datanewRange?: any;
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the RangeNavigator model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Border {
-
-			/** Border color of rangenavigator. When enable the scrollbar, the default color will be set as &quot;#B4B4B4&quot;.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Opacity of the rangeNavigator border.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Width of the RangeNavigator border.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface Series {
-
-			/** Name of the property in the datasource that contains x value for the series.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Name of the property in the datasource that contains y value for the series.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Specifies the type of the series to render in chart.
-			 * @Default {column. see Type}
-			 */
-			type?: ej.datavisualization.RangeNavigator.Type | string;
-
-			/** Enable/disable the animation of series.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Fill color of the series.
-			 * @Default {null}
-			 */
-			fill?: string;
-		}
-
-		export interface LabelSettingsHigherLevelBorder {
-
-			/** Specifies the border color of grid lines.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Specifies the border width of grid lines.
-			 * @Default {0.5}
-			 */
-			width?: string;
-		}
-
-		export interface LabelSettingsHigherLevelGridLineStyle {
-
-			/** Specifies the color of grid lines in higher level.
-			 * @Default {#B5B5B5}
-			 */
-			color?: string;
-
-			/** Specifies the dashArray of grid lines in higher level.
-			 * @Default {20 5 0}
-			 */
-			dashArray?: string;
-
-			/** Specifies the width of grid lines in higher level.
-			 * @Default {#B5B5B5}
-			 */
-			width?: string;
-		}
-
-		export interface LabelSettingsHigherLevelStyleFont {
-
-			/** Specifies the label font color. Labels render with the specified font color.
-			 * @Default {black}
-			 */
-			color?: string;
-
-			/** Specifies the label font family. Labels render with the specified font family.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the label font style. Labels render with the specified font style.
-			 * @Default {Normal}
-			 */
-			fontStyle?: string;
-
-			/** Specifies the label font weight. Labels render with the specified font weight.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Specifies the label opacity. Labels render with the specified opacity.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the label font size. Labels render with the specified font size.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LabelSettingsHigherLevelStyle {
-
-			/** Options for customizing the font properties.
-			 */
-			font?: LabelSettingsHigherLevelStyleFont;
-
-			/** Specifies the horizontal text alignment of the text in label.
-			 * @Default {middle}
-			 */
-			horizontalAlignment?: string;
-		}
-
-		export interface LabelSettingsHigherLevel {
-
-			/** Options for customizing the border of grid lines in higher level.
-			 */
-			border?: LabelSettingsHigherLevelBorder;
-
-			/** Specifies the fill color of higher level labels.
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Options for customizing the grid line colors, width, dashArray, border.
-			 */
-			gridLineStyle?: LabelSettingsHigherLevelGridLineStyle;
-
-			/** Specifies the intervalType for higher level labels. See IntervalType
-			 * @Default {auto}
-			 */
-			intervalType?: ej.datavisualization.RangeNavigator.IntervalType | string;
-
-			/** Specifies the position of the labels to render either inside or outside of plot area
-			 * @Default {outside}
-			 */
-			labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement | string;
-
-			/** Specifies the position of the labels in higher level
-			 * @Default {top}
-			 */
-			position?: ej.datavisualization.RangeNavigator.Position | string;
-
-			/** Options for customizing the style of higher level labels.
-			 */
-			style?: LabelSettingsHigherLevelStyle;
-
-			/** Toggles the visibility of higher level labels.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface LabelSettingsLowerLevelBorder {
-
-			/** Specifies the border color of grid lines.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Specifies the border width of grid lines.
-			 * @Default {0.5}
-			 */
-			width?: string;
-		}
-
-		export interface LabelSettingsLowerLevelGridLineStyle {
-
-			/** Specifies the color of grid lines in lower level.
-			 * @Default {#B5B5B5}
-			 */
-			color?: string;
-
-			/** Specifies the dashArray of gridLines in lowerLevel.
-			 * @Default {20 5 0}
-			 */
-			dashArray?: string;
-
-			/** Specifies the width of grid lines in lower level.
-			 * @Default {#B5B5B5}
-			 */
-			width?: string;
-		}
-
-		export interface LabelSettingsLowerLevelStyleFont {
-
-			/** Specifies the color of labels. Label text render in this specified color.
-			 * @Default {black}
-			 */
-			color?: string;
-
-			/** Specifies the font family of labels. Label text render in this specified font family.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font style of labels. Label text render in this specified font style.
-			 * @Default {Normal}
-			 */
-			fontStyle?: string;
-
-			/** Specifies the font weight of labels. Label text render in this specified font weight.
-			 * @Default {regular}
-			 */
-			fontWeight?: string;
-
-			/** Specifies the opacity of labels. Label text render in this specified opacity.
-			 * @Default {12px}
-			 */
-			opacity?: string;
-
-			/** Specifies the size of labels. Label text render in this specified size.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LabelSettingsLowerLevelStyle {
-
-			/** Options for customizing the font of labels.
-			 */
-			font?: LabelSettingsLowerLevelStyleFont;
-
-			/** Specifies the horizontal text alignment of the text in label.
-			 * @Default {middle}
-			 */
-			horizontalAlignment?: string;
-		}
-
-		export interface LabelSettingsLowerLevel {
-
-			/** Options for customizing the border of grid lines in lower level.
-			 */
-			border?: LabelSettingsLowerLevelBorder;
-
-			/** Specifies the fill color of labels in lower level.
-			 * @Default {transparent}
-			 */
-			fill?: string;
-
-			/** Options for customizing the grid lines in lower level.
-			 */
-			gridLineStyle?: LabelSettingsLowerLevelGridLineStyle;
-
-			/** Specifies the intervalType of the labels in lower level.See IntervalType
-			 * @Default {auto}
-			 */
-			intervalType?: ej.datavisualization.RangeNavigator.IntervalType | string;
-
-			/** Specifies the position of the labels to render either inside or outside of plot area. See LabelPlacement
-			 * @Default {outside}
-			 */
-			labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement | string;
-
-			/** Specifies the position of the labels in lower level.See Position
-			 * @Default {bottom}
-			 */
-			position?: ej.datavisualization.RangeNavigator.Position | string;
-
-			/** Options for customizing the style of labels.
-			 */
-			style?: LabelSettingsLowerLevelStyle;
-
-			/** Toggles the visibility of labels in lower level.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface LabelSettingsStyleFont {
-
-			/** Specifies the label color. This color is applied to the labels in range navigator.
-			 * @Default {#FFFFFF}
-			 */
-			color?: string;
-
-			/** Specifies the label font family. Labels render with the specified font family.
-			 * @Default {Segoe UI}
-			 */
-			family?: string;
-
-			/** Specifies the label font opacity. Labels render with the specified font opacity.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the label font size. Labels render with the specified font size.
-			 * @Default {1px}
-			 */
-			size?: string;
-
-			/** Specifies the label font style. Labels render with the specified font style..
-			 * @Default {Normal}
-			 */
-			style?: ej.datavisualization.RangeNavigator.FontStyle | string;
-
-			/** Specifies the label font weight
-			 * @Default {regular}
-			 */
-			weight?: ej.datavisualization.RangeNavigator.FontWeight | string;
-		}
-
-		export interface LabelSettingsStyle {
-
-			/** Options for customizing the font of labels in range navigator.
-			 */
-			font?: LabelSettingsStyleFont;
-
-			/** Specifies the horizontalAlignment of the label in RangeNavigator
-			 * @Default {middle}
-			 */
-			horizontalAlignment?: ej.datavisualization.RangeNavigator.HorizontalAlignment | string;
-		}
-
-		export interface LabelSettings {
-
-			/** Options for customizing the higher level labels in range navigator.
-			 */
-			higherLevel?: LabelSettingsHigherLevel;
-
-			/** Options for customizing the labels in lower level.
-			 */
-			lowerLevel?: LabelSettingsLowerLevel;
-
-			/** Options for customizing the style of labels in range navigator.
-			 */
-			style?: LabelSettingsStyle;
-		}
-
-		export interface NavigatorStyleSettingsBorder {
-
-			/** Specifies the border color of range navigator.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Specifies the dash array of range navigator.
-			 * @Default {null}
-			 */
-			dashArray?: string;
-
-			/** Specifies the border width of range navigator.
-			 * @Default {0.5}
-			 */
-			width?: number;
-		}
-
-		export interface NavigatorStyleSettingsMajorGridLineStyle {
-
-			/** Specifies the color of major grid lines in range navigator.
-			 * @Default {#B5B5B5}
-			 */
-			color?: string;
-
-			/** Toggles the visibility of major grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface NavigatorStyleSettingsMinorGridLineStyle {
-
-			/** Specifies the color of minor grid lines in range navigator.
-			 * @Default {#B5B5B5}
-			 */
-			color?: string;
-
-			/** Toggles the visibility of minor grid lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface NavigatorStyleSettingsHighlightSettingsBorder {
-
-			/** To set the border color to the highlight.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** To set the border width to the highlight.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface NavigatorStyleSettingsHighlightSettings {
-
-			/** Enable the highlight settings in range navigator.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** To set the color to the highlight.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** To set the opacity to the highlight.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Contains the border properties for highlighting rectangle.
-			 */
-			border?: NavigatorStyleSettingsHighlightSettingsBorder;
-		}
-
-		export interface NavigatorStyleSettingsSelectionSettingsBorder {
-
-			/** To set the border color to the selection.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** To set the border width to the selection.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface NavigatorStyleSettingsSelectionSettings {
-
-			/** Enable the selection settings in range navigator.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** To set the color to the selection.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** To set the opacity to the selection.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Contains the border properties for selecting the rectangle.
-			 */
-			border?: NavigatorStyleSettingsSelectionSettingsBorder;
-		}
-
-		export interface NavigatorStyleSettings {
-
-			/** Specifies the background color of range navigator.
-			 * @Default {#dddddd}
-			 */
-			background?: string;
-
-			/** Options for customizing the border color and width of range navigator.
-			 */
-			border?: NavigatorStyleSettingsBorder;
-
-			/** Specifies the left side thumb template in range navigator we can give either div id or HTML string
-			 * @Default {null}
-			 */
-			leftThumbTemplate?: string;
-
-			/** Options for customizing the major grid lines.
-			 */
-			majorGridLineStyle?: NavigatorStyleSettingsMajorGridLineStyle;
-
-			/** Options for customizing the minor grid lines.
-			 */
-			minorGridLineStyle?: NavigatorStyleSettingsMinorGridLineStyle;
-
-			/** Specifies the opacity of RangeNavigator.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the right side thumb template in range navigator we can give either div id or HTML string
-			 * @Default {null}
-			 */
-			rightThumbTemplate?: string;
-
-			/** Specifies the color of the selected region in range navigator.
-			 * @Default {#EFEFEF}
-			 */
-			selectedRegionColor?: string;
-
-			/** Specifies the opacity of Selected Region.
-			 * @Default {0}
-			 */
-			selectedRegionOpacity?: number;
-
-			/** Specifies the color of the thumb in range navigator.
-			 * @Default {#2382C3}
-			 */
-			thumbColor?: string;
-
-			/** Specifies the radius of the thumb in range navigator.
-			 * @Default {10}
-			 */
-			thumbRadius?: number;
-
-			/** Specifies the stroke color of the thumb in range navigator.
-			 * @Default {#303030}
-			 */
-			thumbStroke?: string;
-
-			/** Specifies the color of the unselected region in range navigator.
-			 * @Default {#5EABDE}
-			 */
-			unselectedRegionColor?: string;
-
-			/** Specifies the opacity of Unselected Region.
-			 * @Default {0.3}
-			 */
-			unselectedRegionOpacity?: number;
-
-			/** Contains the options for highlighting the range navigator on mouse over.
-			 */
-			highlightSettings?: NavigatorStyleSettingsHighlightSettings;
-
-			/** Contains the options for selection the range navigator on mouse over.
-			 */
-			selectionSettings?: NavigatorStyleSettingsSelectionSettings;
-		}
-
-		export interface RangeSettings {
-
-			/** Specifies the ending range of range navigator.
-			 * @Default {null}
-			 */
-			end?: string;
-
-			/** Specifies the starting range of range navigator.
-			 * @Default {null}
-			 */
-			start?: string;
-		}
-
-		export interface SelectedRangeSettings {
-
-			/** Specifies the ending range of range navigator.
-			 * @Default {null}
-			 */
-			end?: string;
-
-			/** Specifies the starting range of range navigator.
-			 * @Default {null}
-			 */
-			start?: string;
-		}
-
-		export interface ScrollRangeSettings {
-
-			/** Specifies the ending range of range navigator scrollbar and that should be greater than the rangenavigator datasource end value.
-			 * @Default {null}
-			 */
-			end?: string;
-
-			/** Specifies the starting range of range navigator scrollbar and that should be less than the rangenavigator datasource start value.
-			 * @Default {null}
-			 */
-			start?: string;
-		}
-
-		export interface SizeSettings {
-
-			/** Specifies height of the range navigator.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Specifies width of the range navigator.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface TooltipSettingsFont {
-
-			/** Specifies the color of text in tooltip. Tooltip text render in the specified color.
-			 * @Default {#FFFFFF}
-			 */
-			color?: string;
-
-			/** Specifies the font family of text in tooltip. Tooltip text render in the specified font family.
-			 * @Default {Segoe UI}
-			 */
-			family?: string;
-
-			/** Specifies the font style of text in tooltip. Tooltip text render in the specified font style.
-			 * @Default {ej.datavisualization.RangeNavigator.fontStyle.Normal}
-			 */
-			fontStyle?: string;
-
-			/** Specifies the opacity of text in tooltip. Tooltip text render in the specified opacity.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the size of text in tooltip. Tooltip text render in the specified size.
-			 * @Default {10px}
-			 */
-			size?: string;
-
-			/** Specifies the weight of text in tooltip. Tooltip text render in the specified weight.
-			 * @Default {ej.datavisualization.RangeNavigator.weight.Regular}
-			 */
-			weight?: string;
-		}
-
-		export interface TooltipSettings {
-
-			/** Specifies the background color of tooltip.
-			 * @Default {#303030}
-			 */
-			backgroundColor?: string;
-
-			/** Options for customizing the font in tooltip.
-			 */
-			font?: TooltipSettingsFont;
-
-			/** Specifies the format of text to be displayed in tooltip.
-			 * @Default {MM/dd/yyyy}
-			 */
-			labelFormat?: string;
-
-			/** Specifies the mode of displaying the tooltip. Neither to display the tooltip always nor on demand.
-			 * @Default {null}
-			 */
-			tooltipDisplayMode?: string;
-
-			/** Toggles the visibility of tooltip.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface ValueAxisSettingsAxisLine {
-
-			/** Toggles the visibility of axis line.
-			 * @Default {none}
-			 */
-			visible?: string;
-		}
-
-		export interface ValueAxisSettingsFont {
-
-			/** Text in axis render with the specified size.
-			 * @Default {0px}
-			 */
-			size?: string;
-		}
-
-		export interface ValueAxisSettingsMajorGridLines {
-
-			/** Toggles the visibility of major grid lines.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface ValueAxisSettingsMajorTickLines {
-
-			/** Specifies the size of the majorTickLines in range navigator
-			 * @Default {0}
-			 */
-			size?: number;
-
-			/** Toggles the visibility of major tick lines.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Specifies width of the major tick lines.
-			 * @Default {0}
-			 */
-			width?: number;
-		}
-
-		export interface ValueAxisSettingsRange {
-
-			/** Default Value
-			 * @Default {null}
-			 */
-			min?: number;
-
-			/** Default Value
-			 * @Default {null}
-			 */
-			max?: number;
-
-			/** Default Value
-			 * @Default {null}
-			 */
-			interval?: number;
-		}
-
-		export interface ValueAxisSettings {
-
-			/** Options for customizing the axis line.
-			 */
-			axisLine?: ValueAxisSettingsAxisLine;
-
-			/** Options for customizing the font of the axis.
-			 */
-			font?: ValueAxisSettingsFont;
-
-			/** Options for customizing the major grid lines.
-			 */
-			majorGridLines?: ValueAxisSettingsMajorGridLines;
-
-			/** Options for customizing the major tick lines in axis.
-			 */
-			majorTickLines?: ValueAxisSettingsMajorTickLines;
-
-			/** You can customize the range of the axis by setting minimum , maximum and interval.
-			 */
-			range?: ValueAxisSettingsRange;
-
-			/** If the range is not given explicitly, range will be calculated automatically. You can customize the automatic range calculation using rangePadding.
-			 * @Default {none}
-			 */
-			rangePadding?: string;
-
-			/** Toggles the visibility of axis in range navigator.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-	}
-	namespace RangeNavigator {
-		enum Type {
-			//string
-			Area,
-			//string
-			Line,
-			//string
-			Spline,
-			//string
-			StepArea,
-			//string
-			SplineArea,
-			//string
-			StepLine,
-		}
-	}
-	namespace RangeNavigator {
-		enum IntervalType {
-			//string
-			Years,
-			//string
-			Quarters,
-			//string
-			Months,
-			//string
-			Weeks,
-			//string
-			Days,
-			//string
-			Hours,
-			//string
-			Minutes,
-		}
-	}
-	namespace RangeNavigator {
-		enum LabelPlacement {
-			//string
-			Inside,
-			//string
-			Outside,
-		}
-	}
-	namespace RangeNavigator {
-		enum Position {
-			//string
-			Top,
-			//string
-			Bottom,
-		}
-	}
-	namespace RangeNavigator {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Bold,
-			//string
-			Italic,
-		}
-	}
-	namespace RangeNavigator {
-		enum FontWeight {
-			//string
-			Regular,
-			//string
-			Lighter,
-		}
-	}
-	namespace RangeNavigator {
-		enum HorizontalAlignment {
-			//string
-			Middle,
-			//string
-			Left,
-			//string
-			Right,
-		}
-	}
-	namespace RangeNavigator {
-		enum RangePadding {
-			//string
-			Additional,
-			//string
-			Normal,
-			//string
-			None,
-			//string
-			Round,
-		}
-	}
-	namespace RangeNavigator {
-		enum ValueType {
-			//string
-			Numeric,
-			//string
-			DateTime,
-		}
-	}
-
-	class BulletGraph extends ej.Widget {
-		static fn: BulletGraph;
-		constructor(element: JQuery | Element, options?: BulletGraph.Model);
-		static Locale: any;
-		model: BulletGraph.Model;
-		defaults: BulletGraph.Model;
-
-		/** To destroy the bullet graph
-		 * @returns {void}
-		 */
-		destroy(): void;
-
-		/** To redraw the bullet graph
-		 * @returns {void}
-		 */
-		redraw(): void;
-
-		/** To set the value for comparative measure in bullet graph.
-		 * @returns {void}
-		 */
-		setComparativeMeasureSymbol(): void;
-
-		/** To set the value for feature measure bar.
-		 * @returns {void}
-		 */
-		setFeatureMeasureBarValue(): void;
-	}
-	export namespace BulletGraph {
-
-		export interface Model {
-
-			/** Toggles the visibility of the range stroke color of the labels.
-			 * @Default {false}
-			 */
-			applyRangeStrokeToLabels?: boolean;
-
-			/** Toggles the visibility of the range stroke color of the ticks.
-			 * @Default {false}
-			 */
-			applyRangeStrokeToTicks?: boolean;
-
-			/** Contains property to customize the caption in bullet graph.
-			 */
-			captionSettings?: CaptionSettings;
-
-			/** Comparative measure bar in bullet graph render till the specified value.
-			 * @Default {0}
-			 */
-			comparativeMeasureValue?: number;
-
-			/** Toggles the animation of bullet graph.
-			 * @Default {true}
-			 */
-			enableAnimation?: boolean;
-
-			/** Controls whether bullet graph has to be responsive while resizing.
-			 * @Default {true}
-			 */
-			enableResizing?: boolean;
-
-			/** Specifies the direction of flow in bullet graph. Neither it may be backward nor forward.
-			 * @Default {forward}
-			 */
-			flowDirection?: ej.datavisualization.BulletGraph.FlowDirection | string;
-
-			/** Specifies the height of the bullet graph.
-			 * @Default {90}
-			 */
-			height?: number;
-
-			/** Sets a value whether to make the bullet graph responsive on resize.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies to convert the date object to string, using locale settings.
-			 * @Default {false}
-			 */
-			enableGroupSeparator?: boolean;
-
-			/** Name of the culture based on which bulletgraph should be localized.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Bullet graph will render in the specified orientation.
-			 * @Default {horizontal}
-			 */
-			orientation?: ej.datavisualization.BulletGraph.Orientation | string;
-
-			/** Contains property to customize the qualitative ranges.
-			 */
-			qualitativeRanges?: QualitativeRange[];
-
-			/** Size of the qualitative range depends up on the specified value.
-			 * @Default {32}
-			 */
-			qualitativeRangeSize?: number;
-
-			/** Length of the quantitative range depends up on the specified value.
-			 * @Default {475}
-			 */
-			quantitativeScaleLength?: number;
-
-			/** Contains all the properties to customize quantitative scale.
-			 */
-			quantitativeScaleSettings?: QuantitativeScaleSettings;
-
-			/** By specifying this property the user can change the theme of the bullet graph.
-			 * @Default {flatlight}
-			 */
-			theme?: string;
-
-			/** Contains all the properties to customize tooltip.
-			 */
-			tooltipSettings?: TooltipSettings;
-
-			/** Feature measure bar in bullet graph render till the specified value.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Specifies the width of the bullet graph.
-			 * @Default {595}
-			 */
-			width?: number;
-
-			/** Fires on rendering the caption of bullet graph. */
-			drawCaption?(e: DrawCaptionEventArgs): void;
-
-			/** Fires on rendering the category. */
-			drawCategory?(e: DrawCategoryEventArgs): void;
-
-			/** Fires on rendering the comparative measure symbol. */
-			drawComparativeMeasureSymbol?(e: DrawComparativeMeasureSymbolEventArgs): void;
-
-			/** Fires on rendering the feature measure bar. */
-			drawFeatureMeasureBar?(e: DrawFeatureMeasureBarEventArgs): void;
-
-			/** Fires on rendering the indicator of bullet graph. */
-			drawIndicator?(e: DrawIndicatorEventArgs): void;
-
-			/** Fires on rendering the labels. */
-			drawLabels?(e: DrawLabelsEventArgs): void;
-
-			/** Fires on rendering the ticks. */
-			drawTicks?(e: DrawTicksEventArgs): void;
-
-			/** Fires on rendering the qualitative ranges. */
-			drawQualitativeRanges?(e: DrawQualitativeRangesEventArgs): void;
-
-			/** Fires on loading bullet graph. */
-			load?(e: LoadEventArgs): void;
-		}
-
-		export interface DrawCaptionEventArgs {
-
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
-
-			/** returns the current captionSettings element.
-			 */
-			captionElement?: HTMLElement;
-
-			/** returns the type of the captionSettings.
-			 */
-			captionType?: string;
-		}
-
-		export interface DrawCategoryEventArgs {
-
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
-
-			/** returns the options of category element.
-			 */
-			categoryElement?: HTMLElement;
-
-			/** returns the text value of the category that is drawn.
-			 */
-			Value?: string;
-		}
-
-		export interface DrawComparativeMeasureSymbolEventArgs {
-
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
-
-			/** returns the options of comparative measure element.
-			 */
-			targetElement?: HTMLElement;
-
-			/** returns the value of the comparative measure symbol.
-			 */
-			Value?: number;
-		}
-
-		export interface DrawFeatureMeasureBarEventArgs {
-
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
-
-			/** returns the options of feature measure element.
-			 */
-			currentElement?: HTMLElement;
-
-			/** returns the value of the feature measure bar.
-			 */
-			Value?: number;
-		}
-
-		export interface DrawIndicatorEventArgs {
-
-			/** returns an object to customize bullet graph indicator text and symbol before rendering it.
-			 */
-			indicatorSettings?: any;
-
-			/** returns the object of bullet graph.
-			 */
-			model?: any;
-
-			/** returns the type of event.
-			 */
-			type?: string;
-
-			/** for canceling the event.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DrawLabelsEventArgs {
-
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
-
-			/** returns the options of the scale element.
-			 */
-			scaleElement?: HTMLElement;
-
-			/** returns the current label element.
-			 */
-			tickElement?: HTMLElement;
-
-			/** returns the label type.
-			 */
-			labelType?: string;
-		}
-
-		export interface DrawTicksEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-		export interface DrawQualitativeRangesEventArgs {
-
-			/** returns the object of the bullet graph.
-			 */
-			Object?: any;
-
-			/** returns the index of current range.
-			 */
-			rangeIndex?: number;
-
-			/** returns the settings for current range.
-			 */
-			rangeOptions?: any;
-
-			/** returns the end value of current range.
-			 */
-			rangeEndValue?: number;
-		}
-
-		export interface LoadEventArgs {
-			/** Returns the cancel option value.
-			 */
-			cancel?: boolean;
-		}
-
-		export interface CaptionSettingsFont {
-
-			/** Specifies the color of the text in caption.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the fontFamily of caption. Caption text render with this fontFamily
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle of caption
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.BulletGraph.FontStyle | string;
-
-			/** Specifies the fontWeight of caption
-			 * @Default {regular}
-			 */
-			fontWeight?: ej.datavisualization.BulletGraph.FontWeight | string;
-
-			/** Specifies the opacity of caption. Caption text render with this opacity.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the size of caption. Caption text render with this size
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface CaptionSettingsIndicatorFont {
-
-			/** Specifies the color of the indicator's text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the fontFamily of indicator. Indicator text render with this fontFamily.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle of indicator. Indicator text render with this fontStyle. See FontStyle
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.BulletGraph.FontStyle | string;
-
-			/** Specifies the fontWeight of indicator. Indicator text render with this fontWeight. See FontWeight
-			 * @Default {regular}
-			 */
-			fontWeight?: ej.datavisualization.BulletGraph.FontWeight | string;
-
-			/** Specifies the opacity of indicator text. Indicator text render with this Opacity.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the size of indicator. Indicator text render with this size.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface CaptionSettingsIndicatorLocation {
-
-			/** Specifies the horizontal position of the indicator.
-			 * @Default {10}
-			 */
-			x?: number;
-
-			/** Specifies the vertical position of the indicator.
-			 * @Default {60}
-			 */
-			y?: number;
-		}
-
-		export interface CaptionSettingsIndicatorSymbolBorder {
-
-			/** Specifies the border color of indicator symbol.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the border width of indicator symbol.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface CaptionSettingsIndicatorSymbolSize {
-
-			/** Specifies the height of indicator symbol.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Specifies the width of indicator symbol.
-			 * @Default {10}
-			 */
-			width?: number;
-		}
-
-		export interface CaptionSettingsIndicatorSymbol {
-
-			/** Contains property to customize the border of indicator symbol.
-			 */
-			border?: CaptionSettingsIndicatorSymbolBorder;
-
-			/** Specifies the color of indicator symbol.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the URL of image that represents indicator symbol.
-			 */
-			imageURL?: string;
-
-			/** Specifies the opacity of indicator symbol.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the shape of indicator symbol.
-			 */
-			shape?: string;
-
-			/** Contains property to customize the size of indicator symbol.
-			 */
-			size?: CaptionSettingsIndicatorSymbolSize;
-		}
-
-		export interface CaptionSettingsIndicator {
-
-			/** Contains property to customize the font of indicator.
-			 */
-			font?: CaptionSettingsIndicatorFont;
-
-			/** Contains property to customize the location of indicator.
-			 */
-			location?: CaptionSettingsIndicatorLocation;
-
-			/** Specifies the padding to be applied when text position is used.
-			 * @Default {2}
-			 */
-			padding?: number;
-
-			/** Contains property to customize the symbol of indicator.
-			 */
-			symbol?: CaptionSettingsIndicatorSymbol;
-
-			/** Specifies the text to be displayed as indicator text. By default difference between current value and target will be displayed
-			 */
-			text?: string;
-
-			/** Specifies the alignment of indicator with respect to scale based on text position
-			 * @Default {'Near'}
-			 */
-			textAlignment?: ej.datavisualization.BulletGraph.TextAlignment | string;
-
-			/** Specifies where indicator text should be anchored when indicator overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position.
-			 * Anchoring is not applicable for float position.
-			 * @Default {'start'}
-			 */
-			textAnchor?: ej.datavisualization.BulletGraph.TextAnchor | string;
-
-			/** indicator text render in the specified angle.
-			 * @Default {0}
-			 */
-			textAngle?: number;
-
-			/** Specifies where indicator should be placed
-			 * @Default {'float'}
-			 */
-			textPosition?: ej.datavisualization.BulletGraph.TextPosition | string;
-
-			/** Specifies the space between indicator symbol and text.
-			 * @Default {3}
-			 */
-			textSpacing?: number;
-
-			/** Specifies whether indicator will be visible or not.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-		}
-
-		export interface CaptionSettingsLocation {
-
-			/** Specifies the position in horizontal direction
-			 * @Default {17}
-			 */
-			x?: number;
-
-			/** Specifies the position in horizontal direction
-			 * @Default {30}
-			 */
-			y?: number;
-		}
-
-		export interface CaptionSettingsSubTitleFont {
-
-			/** Specifies the color of the subtitle's text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the fontFamily of subtitle. Subtitle text render with this fontFamily.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle of subtitle. Subtitle text render with this fontStyle. See FontStyle
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.BulletGraph.FontStyle | string;
-
-			/** Specifies the fontWeight of subtitle. Subtitle text render with this fontWeight. See FontWeight
-			 * @Default {regular}
-			 */
-			fontWeight?: ej.datavisualization.BulletGraph.FontWeight | string;
-
-			/** Specifies the opacity of subtitle. Subtitle text render with this opacity.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Specifies the size of subtitle. Subtitle text render with this size.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface CaptionSettingsSubTitleLocation {
-
-			/** Specifies the horizontal position of the subtitle.
-			 * @Default {10}
-			 */
-			x?: number;
-
-			/** Specifies the vertical position of the subtitle.
-			 * @Default {45}
-			 */
-			y?: number;
-		}
-
-		export interface CaptionSettingsSubTitle {
-
-			/** Contains property to customize the font of subtitle.
-			 */
-			font?: CaptionSettingsSubTitleFont;
-
-			/** Contains property to customize the location of subtitle.
-			 */
-			location?: CaptionSettingsSubTitleLocation;
-
-			/** Specifies the padding to be applied when text position is used.
-			 * @Default {5}
-			 */
-			padding?: number;
-
-			/** Specifies the text to be displayed as subtitle.
-			 */
-			text?: string;
-
-			/** Specifies the alignment of sub title text with respect to scale. Alignment will not be applied in float position.
-			 * @Default {'Near'}
-			 */
-			textAlignment?: ej.datavisualization.BulletGraph.TextAlignment | string;
-
-			/** Specifies where subtitle text should be anchored when sub title text overlaps with other caption group text. Text will be anchored when overlapping
-			 * caption group text are at same position. Anchoring is not applicable for float position.
-			 * @Default {'start'}
-			 */
-			textAnchor?: ej.datavisualization.BulletGraph.TextAnchor | string;
-
-			/** Subtitle render in the specified angle.
-			 * @Default {0}
-			 */
-			textAngle?: number;
-
-			/** Specifies where sub title text should be placed.
-			 * @Default {'float'}
-			 */
-			textPosition?: ej.datavisualization.BulletGraph.TextPosition | string;
-		}
-
-		export interface CaptionSettings {
-
-			/** Specifies whether trim the labels will be true or false.
-			 * @Default {true}
-			 */
-			enableTrim?: boolean;
-
-			/** Contains property to customize the font of caption.
-			 */
-			font?: CaptionSettingsFont;
-
-			/** Contains property to customize the indicator.
-			 */
-			indicator?: CaptionSettingsIndicator;
-
-			/** Contains property to customize the location.
-			 */
-			location?: CaptionSettingsLocation;
-
-			/** Specifies the padding to be applied when text position is used.
-			 * @Default {5}
-			 */
-			padding?: number;
-
-			/** Contains property to customize the subtitle.
-			 */
-			subTitle?: CaptionSettingsSubTitle;
-
-			/** Specifies the text to be displayed on bullet graph.
-			 */
-			text?: string;
-
-			/** Specifies the alignment of caption text with respect to scale. This property will not be applied when text position is float.
-			 * @Default {'Near'}
-			 */
-			textAlignment?: ej.datavisualization.BulletGraph.TextAlignment | string;
-
-			/** Specifies caption text anchoring when caption text overlaps with other caption group text.
-			 * Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
-			 * @Default {'start'}
-			 */
-			textAnchor?: ej.datavisualization.BulletGraph.TextAnchor | string;
-
-			/** Specifies the angel in which the caption is rendered.
-			 * @Default {0}
-			 */
-			textAngle?: number;
-
-			/** Specifies how caption text should be placed.
-			 * @Default {'float'}
-			 */
-			textPosition?: ej.datavisualization.BulletGraph.TextPosition | string;
-		}
-
-		export interface QualitativeRange {
-
-			/** Specifies the ending range to which the qualitative ranges will render.
-			 * @Default {3}
-			 */
-			rangeEnd?: number;
-
-			/** Specifies the opacity for the qualitative ranges.
-			 * @Default {1}
-			 */
-			rangeOpacity?: number;
-
-			/** Specifies the stroke for the qualitative ranges.
-			 * @Default {null}
-			 */
-			rangeStroke?: string;
-		}
-
-		export interface QuantitativeScaleSettingsComparativeMeasureSettings {
-
-			/** Specifies the stroke of the comparative measure.
-			 * @Default {null}
-			 */
-			stroke?: number;
-
-			/** Specifies the width of the comparative measure.
-			 * @Default {5}
-			 */
-			width?: number;
-		}
-
-		export interface QuantitativeScaleSettingsFeaturedMeasureSettings {
-
-			/** Specifies the Stroke of the featured measure in bullet graph.
-			 * @Default {null}
-			 */
-			stroke?: number;
-
-			/** Specifies the width of the featured measure in bullet graph.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface QuantitativeScaleSettingsFeatureMeasure {
-
-			/** Specifies the category of feature measure.
-			 * @Default {null}
-			 */
-			category?: string;
-
-			/** Comparative measure render till the specified value.
-			 * @Default {null}
-			 */
-			comparativeMeasureValue?: number;
-
-			/** Feature measure render till the specified value.
-			 * @Default {null}
-			 */
-			value?: number;
-		}
-
-		export interface QuantitativeScaleSettingsFields {
-
-			/** Specifies the category of the bullet graph.
-			 * @Default {null}
-			 */
-			category?: string;
-
-			/** Comparative measure render based on the values in the specified field.
-			 * @Default {null}
-			 */
-			comparativeMeasure?: string;
-
-			/** Specifies the dataSource for the bullet graph.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Feature measure render based on the values in the specified field.
-			 * @Default {null}
-			 */
-			featureMeasures?: string;
-
-			/** Specifies the query for fetching the values form data source to render the bullet graph.
-			 * @Default {null}
-			 */
-			query?: string;
-
-			/** Specifies the name of the table.
-			 * @Default {null}
-			 */
-			tableName?: string;
-		}
-
-		export interface QuantitativeScaleSettingsLabelSettingsFont {
-
-			/** Specifies the fontFamily of labels in bullet graph. Labels render with this fontFamily.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the fontStyle of labels in bullet graph. Labels render with this fontStyle. See FontStyle
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.BulletGraph.FontStyle | string;
-
-			/** Specifies the fontWeight of labels in bullet graph. Labels render with this fontWeight. See FontWeight
-			 * @Default {regular}
-			 */
-			fontWeight?: ej.datavisualization.BulletGraph.FontWeight | string;
-
-			/** Specifies the opacity of labels in bullet graph. Labels render with this opacity
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface QuantitativeScaleSettingsLabelSettings {
-
-			/** Contains property to customize the font of the labels in bullet graph.
-			 */
-			font?: QuantitativeScaleSettingsLabelSettingsFont;
-
-			/** Specifies the placement of labels in bullet graph scale.
-			 * @Default {outside}
-			 */
-			labelPlacement?: ej.datavisualization.BulletGraph.LabelPlacement | string;
-
-			/** Specifies the prefix to be added with labels in bullet graph.
-			 * @Default {Empty string}
-			 */
-			labelPrefix?: string;
-
-			/** Specifies the suffix to be added after labels in bullet graph.
-			 * @Default {Empty string}
-			 */
-			labelSuffix?: string;
-
-			/** Specifies the horizontal/vertical padding of labels.
-			 * @Default {15}
-			 */
-			offset?: number;
-
-			/** Specifies the position of the labels to render either above or below the graph. See Position
-			 * @Default {below}
-			 */
-			position?: ej.datavisualization.BulletGraph.LabelPosition | string;
-
-			/** Specifies the Size of the labels.
-			 * @Default {12}
-			 */
-			size?: number;
-
-			/** Specifies the stroke color of the labels in bullet graph.
-			 * @Default {null}
-			 */
-			stroke?: string;
-		}
-
-		export interface QuantitativeScaleSettingsLocation {
-
-			/** This property specifies the x position for rendering quantitative scale.
-			 * @Default {10}
-			 */
-			x?: number;
-
-			/** This property specifies the y position for rendering quantitative scale.
-			 * @Default {10}
-			 */
-			y?: number;
-		}
-
-		export interface QuantitativeScaleSettingsMajorTickSettings {
-
-			/** Specifies the size of the major ticks.
-			 * @Default {13}
-			 */
-			size?: number;
-
-			/** Specifies the stroke color of the major tick lines.
-			 * @Default {null}
-			 */
-			stroke?: string;
-
-			/** Specifies the width of the major tick lines.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface QuantitativeScaleSettingsMinorTickSettings {
-
-			/** Specifies the size of minor ticks.
-			 * @Default {7}
-			 */
-			size?: number;
-
-			/** Specifies the stroke color of minor ticks in bullet graph.
-			 * @Default {null}
-			 */
-			stroke?: string;
-
-			/** Specifies the width of the minor ticks in bullet graph.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface QuantitativeScaleSettings {
-
-			/** Contains property to customize the comparative measure.
-			 */
-			comparativeMeasureSettings?: QuantitativeScaleSettingsComparativeMeasureSettings;
-
-			/** Contains property to customize the featured measure.
-			 */
-			featuredMeasureSettings?: QuantitativeScaleSettingsFeaturedMeasureSettings;
-
-			/** Contains property to customize the featured measure.
-			 */
-			featureMeasures?: QuantitativeScaleSettingsFeatureMeasure[];
-
-			/** Contains property to customize the fields.
-			 */
-			fields?: QuantitativeScaleSettingsFields;
-
-			/** Specifies the interval for the Graph.
-			 * @Default {1}
-			 */
-			interval?: number;
-
-			/** Contains property to customize the labels.
-			 */
-			labelSettings?: QuantitativeScaleSettingsLabelSettings;
-
-			/** Contains property to customize the position of the quantitative scale
-			 */
-			location?: QuantitativeScaleSettingsLocation;
-
-			/** Contains property to customize the major tick lines.
-			 */
-			majorTickSettings?: QuantitativeScaleSettingsMajorTickSettings;
-
-			/** Specifies the maximum value of the Graph.
-			 * @Default {10}
-			 */
-			maximum?: number;
-
-			/** Specifies the minimum value of the Graph.
-			 * @Default {0}
-			 */
-			minimum?: number;
-
-			/** Contains property to customize the minor ticks.
-			 */
-			minorTickSettings?: QuantitativeScaleSettingsMinorTickSettings;
-
-			/** The specified number of minor ticks will be rendered per interval.
-			 * @Default {4}
-			 */
-			minorTicksPerInterval?: number;
-
-			/** Specifies the placement of ticks to render either inside or outside the scale.
-			 * @Default {ej.datavisualization.BulletGraph.TickPlacement.Outside}
-			 */
-			tickPlacement?: ej.datavisualization.BulletGraph.TickPlacement | string;
-
-			/** Specifies the position of the ticks to render either above,below or inside
-			 * @Default {ej.datavisualization.BulletGraph.TickPosition.Far}
-			 */
-			tickPosition?: ej.datavisualization.BulletGraph.TickPosition | string;
-		}
-
-		export interface TooltipSettings {
-
-			/** Specifies template for caption tooltip
-			 * @Default {null}
-			 */
-			captionTemplate?: string;
-
-			/** Toggles the visibility of caption tooltip
-			 * @Default {false}
-			 */
-			enableCaptionTooltip?: boolean;
-
-			/** Specifies the ID of a div, which is to be displayed as tooltip.
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Toggles the visibility of tooltip
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-	}
-	namespace BulletGraph {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Italic,
-			//string
-			Oblique,
-		}
-	}
-	namespace BulletGraph {
-		enum FontWeight {
-			//string
-			Normal,
-			//string
-			Bold,
-			//string
-			Bolder,
-			//string
-			Lighter,
-		}
-	}
-	namespace BulletGraph {
-		enum TextAlignment {
-			//string
-			Near,
-			//string
-			Far,
-			//string
-			Center,
-		}
-	}
-	namespace BulletGraph {
-		enum TextAnchor {
-			//string
-			Start,
-			//string
-			Middle,
-			//string
-			End,
-		}
-	}
-	namespace BulletGraph {
-		enum TextPosition {
-			//string
-			Top,
-			//string
-			Right,
-			//string
-			Left,
-			//string
-			Bottom,
-			//string
-			Float,
-		}
-	}
-	namespace BulletGraph {
-		enum FlowDirection {
-			//string
-			Forward,
-			//string
-			Backward,
-		}
-	}
-	namespace BulletGraph {
-		enum Orientation {
-			//string
-			Horizontal,
-			//string
-			Vertical,
-		}
-	}
-	namespace BulletGraph {
-		enum LabelPlacement {
-			//string
-			Inside,
-			//string
-			Outside,
-		}
-	}
-	namespace BulletGraph {
-		enum LabelPosition {
-			//string
-			Above,
-			//string
-			Below,
-		}
-	}
-	namespace BulletGraph {
-		enum TickPlacement {
-			//string
-			Inside,
-			//string
-			Outside,
-		}
-	}
-	namespace BulletGraph {
-		enum TickPosition {
-			//string
-			Below,
-			//string
-			Above,
-			//string
-			Cross,
-		}
-	}
-
-	class Barcode extends ej.Widget {
-		static fn: Barcode;
-		constructor(element: JQuery | Element, options?: Barcode.Model);
-		static Locale: any;
-		model: Barcode.Model;
-		defaults: Barcode.Model;
-
-		/** To disable the barcode
-		 * @returns {void}
-		 */
-		disable(): void;
-
-		/** To enable the barcode
-		 * @returns {void}
-		 */
-		enable(): void;
-	}
-	export namespace Barcode {
-
-		export interface Model {
-
-			/** Specifies the distance between the barcode and text below it.
-			 */
-			barcodeToTextGapHeight?: number;
-
-			/** Specifies the height of bars in the Barcode. By modifying the barHeight, the entire barcode height can be customized.
-			 * Please refer to xDimension for two dimensional barcode height customization.
-			 */
-			barHeight?: number;
-
-			/** Specifies the dark bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
-			 */
-			darkBarColor?: any;
-
-			/** Specifies whether the text below the barcode is visible or hidden.
-			 */
-			displayText?: boolean;
-
-			/** Specifies whether the control is enabled.
-			 */
-			enabled?: boolean;
-
-			/** Specifies the start and stop encode symbol in the Barcode. In one dimensional barcodes, an additional character is added as start and stop delimiters.
-			 * These symbols are optional and the unique of the symbol allows the reader to determine the direction of the barcode being scanned.
-			 */
-			encodeStartStopSymbol?: number;
-
-			/** Specifies the light bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
-			 */
-			lightBarColor?: any;
-
-			/** Specifies the width of the narrow bars in the barcode. The dark bars in the one dimensional barcode contains random narrow and wide bars based on
-			 * the provided input which can be specified during initialization.
-			 */
-			narrowBarWidth?: number;
-
-			/** Specifies the width of the quiet zone. In barcode, a quiet zone is the blank margin on either side of a barcode which informs the reader where a barcode's symbology starts and stops.
-			 * The purpose of a quiet zone is to prevent the reader from picking up unrelated information.
-			 */
-			quietZone?: QuietZone;
-
-			/** Specifies the type of the Barcode. See SymbologyType
-			 */
-			symbologyType?: ej.datavisualization.Barcode.SymbologyType | string;
-
-			/** Specifies the text to be encoded in the barcode.
-			 */
-			text?: string;
-
-			/** Specifies the color of the text/data at the bottom of the barcode.
-			 */
-			textColor?: any;
-
-			/** Specifies the width of the wide bars in the barcode. One dimensional barcode usually contains random narrow and wide bars based on the provided which can be customized during initialization.
-			 */
-			wideBarWidth?: number;
-
-			/** Specifies the width of the narrowest element(bar or space) in a barcode. The greater the x dimension, the more easily a barcode reader will scan.
-			 */
-			xDimension?: number;
-
-			/** Fires after Barcode control is loaded. */
-			load?(e: LoadEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** if the event should be canceled; otherwise, false.
-			 */
-			cancel?: boolean;
-
-			/** returns the barcode model
-			 */
-			model?: any;
-
-			/** returns the name of the event
-			 */
-			type?: string;
-
-			/** return the barcode state
-			 */
-			status?: boolean;
-		}
-
-		export interface QuietZone {
-
-			/** Specifies the quiet zone around the Barcode.
-			 */
-			all?: number;
-
-			/** Specifies the bottom quiet zone of the Barcode.
-			 */
-			bottom?: number;
-
-			/** Specifies the left quiet zone of the Barcode.
-			 */
-			left?: number;
-
-			/** Specifies the right quiet zone of the Barcode.
-			 */
-			right?: number;
-
-			/** Specifies the top quiet zone of the Barcode.
-			 */
-			top?: number;
-		}
-	}
-	namespace Barcode {
-		enum SymbologyType {
-			//Represents the QR code
-			QRBarcode,
-			//Represents the Data Matrix barcode
-			DataMatrix,
-			//Represents the Code 39 barcode
-			Code39,
-			//Represents the Code 39 Extended barcode
-			Code39Extended,
-			//Represents the Code 11 barcode
-			Code11,
-			//Represents the Codabar barcode
-			Codabar,
-			//Represents the Code 32 barcode
-			Code32,
-			//Represents the Code 93 barcode
-			Code93,
-			//Represents the Code 93 Extended barcode
-			Code93Extended,
-			//Represents the Code 128 A barcode
-			Code128A,
-			//Represents the Code 128 B barcode
-			Code128B,
-			//Represents the Code 128 C barcode
-			Code128C,
-		}
-	}
-
-	class Map extends ej.Widget {
-		static fn: Map;
-		constructor(element: JQuery | Element, options?: Map.Model);
-		static Locale: any;
-		model: Map.Model;
-		defaults: Map.Model;
-
-		/** Method for navigating to specific shape based on latitude, longitude and zoom level.
-		 * @param {number} Pass the latitude value for map
-		 * @param {number} Pass the longitude value for map
-		 * @param {number} Pass the zoom level for map
-		 * @returns {void}
-		 */
-		navigateTo(latitude: number, longitude: number, level: number): void;
-
-		/** Method to perform map panning
-		 * @param {string} Pass the direction in which map should be panned
-		 * @returns {void}
-		 */
-		pan(direction: string): void;
-
-		/** Method to reload the map.
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Method to reload the shapeLayers with updated values
-		 * @returns {void}
-		 */
-		refreshLayers(): void;
-
-		/** Method to reload the navigation control with updated values.
-		 * @param {any} Pass the navigation control instance
-		 * @returns {void}
-		 */
-		refreshNavigationControl(navigation: any): void;
-
-		/** Method to perform map zooming.
-		 * @param {number} Pass the zoom level for map to be zoomed
-		 * @param {boolean} Pass the boolean value to enable or disable animation while zooming
-		 * @returns {void}
-		 */
-		zoom(level: number, isAnimate: boolean): void;
-	}
-	export namespace Map {
-
-		export interface Model {
-
-			/** Specifies the background color for map
-			 * @Default {transparent}
-			 */
-			background?: string;
-
-			/** Specifies the index of the map to determine the shape layer to be displayed
-			 * @Default {0}
-			 */
-			baseMapIndex?: number;
-
-			/** Specify the center position where map should be displayed
-			 * @Default {[0,0]}
-			 */
-			centerPosition?: any;
-
-			/** Enables or Disables the map animation
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Enables or Disables the animation for layer change in map
-			 * @Default {false}
-			 */
-			enableLayerChangeAnimation?: boolean;
-
-			/** Enables or Disables the map panning
-			 * @Default {true}
-			 */
-			enablePan?: boolean;
-
-			/** Determines whether map need to resize when container is resized
-			 * @Default {true}
-			 */
-			enableResize?: boolean;
-
-			/** Enables or Disables the Zooming for map.
-			 */
-			zoomSettings?: ZoomSettings;
-
-			/** Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
-			 */
-			navigationControl?: NavigationControl;
-
-			/** Layer for holding the map shapes
-			 */
-			layers?: Layer[];
-
-			/** Triggered on selecting the map markers. */
-			markerSelected?(e: MarkerSelectedEventArgs): void;
-
-			/** Triggers while leaving the hovered map shape */
-			mouseleave?(e: MouseleaveEventArgs): void;
-
-			/** Triggers while hovering the map shape. */
-			mouseover?(e: MouseoverEventArgs): void;
-
-			/** Triggers once map render completed. */
-			onRenderComplete?(e: OnRenderCompleteEventArgs): void;
-
-			/** Triggers when map panning ends. */
-			panned?(e: PannedEventArgs): void;
-
-			/** Triggered on selecting the map shapes. */
-			shapeSelected?(e: ShapeSelectedEventArgs): void;
-
-			/** Triggered when map is zoomed-in. */
-			zoomedIn?(e: ZoomedInEventArgs): void;
-
-			/** Triggers when map is zoomed out. */
-			zoomedOut?(e: ZoomedOutEventArgs): void;
-		}
-
-		export interface MarkerSelectedEventArgs {
-
-			/** Returns marker object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface MouseleaveEventArgs {
-
-			/** Returns hovered map shape object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface MouseoverEventArgs {
-
-			/** Returns hovered map shape object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface OnRenderCompleteEventArgs {
-
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
-		}
-
-		export interface PannedEventArgs {
-
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
-		}
-
-		export interface ShapeSelectedEventArgs {
-
-			/** Returns selected shape object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface ZoomedInEventArgs {
-
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
-
-			/** Returns zoom level value for which the map is zoomed.
-			 */
-			zoomLevel?: any;
-		}
-
-		export interface ZoomedOutEventArgs {
-
-			/** Event parameters from map
-			 */
-			originalEvent?: any;
-
-			/** Returns zoom level value for which the map is zoomed.
-			 */
-			zoomLevel?: any;
-		}
-
-		export interface ZoomSettings {
-
-			/** Enables or Disables the zooming of map
-			 * @Default {true}
-			 */
-			enableZoom?: boolean;
-
-			/** Enables or Disables the zoom on selecting the map shape
-			 * @Default {false}
-			 */
-			enableZoomOnSelection?: boolean;
-
-			/** Specifies the zoom factor for map zoom value.
-			 * @Default {1}
-			 */
-			factor?: number;
-
-			/** Specifies the zoom level value for which map to be zoomed
-			 * @Default {1}
-			 */
-			level?: number;
-
-			/** Specifies the minimum zoomSettings level of the map
-			 * @Default {1}
-			 */
-			minValue?: number;
-
-			/** Specifies the maximum zoom level of the map
-			 * @Default {100}
-			 */
-			maxValue?: number;
-		}
-
-		export interface NavigationControl {
-
-			/** Set the absolutePosition for navigation control
-			 * @Default {{x:0,y:0}}
-			 */
-			absolutePosition?: any;
-
-			/** Specifies the navigation control template for map
-			 * @Default {null}
-			 */
-			content?: string;
-
-			/** Set the dockPosition value for navigation control
-			 * @Default {centerleft}
-			 */
-			dockPosition?: ej.datavisualization.Map.Position | string;
-
-			/** Enables or Disables the Navigation for handling zooming map
-			 * @Default {false}
-			 */
-			enableNavigation?: boolean;
-
-			/** Set the orientation value for navigation control
-			 * @Default {vertical}
-			 */
-			orientation?: ej.datavisualization.Map.LabelOrientation | string;
-		}
-
-		export interface LayersBubbleSettingsColorMappingsRangeColorMapping {
-
-			/** Start range colorMappings in the bubble layer.
-			 * @Default {null}
-			 */
-			from?: number;
-
-			/** End range colorMappings in the bubble layer.
-			 * @Default {null}
-			 */
-			to?: number;
-
-			/** GradientColors in the bubble layer of map.
-			 */
-			gradientColors?: any[];
-
-			/** Color of the bubble layer.
-			 * @Default {null}
-			 */
-			color?: string;
-		}
-
-		export interface LayersBubbleSettingsColorMappings {
-
-			/** Specifies the range colorMappings in the bubble layer.
-			 * @Default {null}
-			 */
-			rangeColorMapping?: LayersBubbleSettingsColorMappingsRangeColorMapping[];
-		}
-
-		export interface LayersBubbleSettings {
-
-			/** Specifies the bubble Opacity value of bubbles for shape layer in map
-			 * @Default {0.9}
-			 */
-			bubbleOpacity?: number;
-
-			/** Specifies the mouse hover color of the shape layer in map
-			 * @Default {gray}
-			 */
-			color?: string;
-
-			/** Specifies the colorMappings of the shape layer in map
-			 * @Default {null}
-			 */
-			colorMappings?: LayersBubbleSettingsColorMappings;
-
-			/** Specifies the bubble color valuePath of the shape layer in map
-			 * @Default {null}
-			 */
-			colorValuePath?: string;
-
-			/** Specifies the maximum size value of bubbles for shape layer in map
-			 * @Default {20}
-			 */
-			maxValue?: number;
-
-			/** Specifies the minimum size value of bubbles for shape layer in map
-			 * @Default {10}
-			 */
-			minValue?: number;
-
-			/** Specifies the showBubble visibility status map
-			 * @Default {true}
-			 */
-			showBubble?: boolean;
-
-			/** Specifies the tooltip visibility status of the shape layer in map
-			 * @Default {false}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the bubble tooltip template of the shape layer in map
-			 * @Default {null}
-			 */
-			tooltipTemplate?: string;
-
-			/** Specifies the bubble valuePath of the shape layer in map
-			 * @Default {null}
-			 */
-			valuePath?: string;
-		}
-
-		export interface LayersLabelSettings {
-
-			/** enable or disable the enableSmartLabel property
-			 * @Default {false}
-			 */
-			enableSmartLabel?: boolean;
-
-			/** set the labelLength property
-			 * @Default {'2'}
-			 */
-			labelLength?: number;
-
-			/** set the labelPath property
-			 * @Default {null}
-			 */
-			labelPath?: string;
-
-			/** The property specifies whether to show labels or not.
-			 * @Default {false}
-			 */
-			showLabels?: boolean;
-
-			/** set the smartLabelSize property
-			 * @Default {fixed}
-			 */
-			smartLabelSize?: ej.datavisualization.Map.LabelSize | string;
-		}
-
-		export interface LayersLegendSettings {
-
-			/** Determines whether the legend should be placed outside or inside the map bounds
-			 * @Default {false}
-			 */
-			dockOnMap?: boolean;
-
-			/** Determines the legend placement and it is valid only when dockOnMap is true
-			 * @Default {top}
-			 */
-			dockPosition?: ej.datavisualization.Map.DockPosition | string;
-
-			/** height value for legend setting
-			 * @Default {0}
-			 */
-			height?: number;
-
-			/** to get icon value for legend setting
-			 * @Default {rectangle}
-			 */
-			icon?: ej.datavisualization.Map.LegendIcons | string;
-
-			/** icon height value for legend setting
-			 * @Default {20}
-			 */
-			iconHeight?: number;
-
-			/** icon Width value for legend setting
-			 * @Default {20}
-			 */
-			iconWidth?: number;
-
-			/** set the orientation of legend labels
-			 * @Default {vertical}
-			 */
-			labelOrientation?: ej.datavisualization.Map.LabelOrientation | string;
-
-			/** to get leftLabel value for legend setting
-			 * @Default {null}
-			 */
-			leftLabel?: string;
-
-			/** to get mode of legend setting
-			 * @Default {default}
-			 */
-			mode?: ej.datavisualization.Map.Mode | string;
-
-			/** set the position of legend settings
-			 * @Default {topleft}
-			 */
-			position?: ej.datavisualization.Map.Position | string;
-
-			/** x position value for legend setting
-			 * @Default {0}
-			 */
-			positionX?: number;
-
-			/** y position value for legend setting
-			 * @Default {0}
-			 */
-			positionY?: number;
-
-			/** to get rightLabel value for legend setting
-			 * @Default {null}
-			 */
-			rightLabel?: string;
-
-			/** Enables or Disables the showLabels
-			 * @Default {false}
-			 */
-			showLabels?: boolean;
-
-			/** Enables or Disables the showLegend
-			 * @Default {false}
-			 */
-			showLegend?: boolean;
-
-			/** to get title of legend setting
-			 * @Default {null}
-			 */
-			title?: string;
-
-			/** to get type of legend setting
-			 * @Default {layers}
-			 */
-			type?: ej.datavisualization.Map.LegendType | string;
-
-			/** width value for legend setting
-			 * @Default {0}
-			 */
-			width?: number;
-		}
-
-		export interface LayersShapeSettingsColorMappingsRangeColorMapping {
-
-			/** Specifies the start range colorMappings in the shape layer of map.
-			 * @Default {null}
-			 */
-			from?: number;
-
-			/** Specifies the to range colorMappings in the shape layer of map.
-			 * @Default {null}
-			 */
-			to?: number;
-
-			/** Specifies the gradientColors in the shape layer of map.
-			 * @Default {null}
-			 */
-			gradientColors?: any[];
-		}
-
-		export interface LayersShapeSettingsColorMappingsEqualColorMapping {
-
-			/** Specifies the equalColorMapping value in the shape layer of map.
-			 * @Default {null}
-			 */
-			value?: string;
-
-			/** Specifies the equalColorMapping color in the shape layer of map.
-			 * @Default {null}
-			 */
-			color?: string;
-		}
-
-		export interface LayersShapeSettingsColorMappings {
-
-			/** Specifies the range colorMappings in the shape layer of map.
-			 * @Default {null}
-			 */
-			rangeColorMapping?: LayersShapeSettingsColorMappingsRangeColorMapping[];
-
-			/** Specifies the equalColorMapping in the shape layer of map.
-			 * @Default {null}
-			 */
-			equalColorMapping?: LayersShapeSettingsColorMappingsEqualColorMapping[];
-		}
-
-		export interface LayersShapeSettings {
-
-			/** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
-			 * @Default {false}
-			 */
-			autoFill?: boolean;
-
-			/** Specifies the colorMappings of the shape layer in map
-			 * @Default {null}
-			 */
-			colorMappings?: LayersShapeSettingsColorMappings;
-
-			/** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
-			 * @Default {palette1}
-			 */
-			colorPalette?: ej.datavisualization.Map.ColorPalette | string;
-
-			/** Specifies the shape color valuePath of the shape layer in map
-			 * @Default {null}
-			 */
-			colorValuePath?: string;
-
-			/** Enables or Disables the gradient colors for map shapes.
-			 * @Default {false}
-			 */
-			enableGradient?: boolean;
-
-			/** Specifies the shape fill color of the shape layer in map
-			 * @Default {#E5E5E5}
-			 */
-			fill?: string;
-
-			/** Specifies the mouse over width of the shape layer in map
-			 * @Default {1}
-			 */
-			highlightBorderWidth?: number;
-
-			/** Specifies the mouse hover color of the shape layer in map
-			 * @Default {gray}
-			 */
-			highlightColor?: string;
-
-			/** Specifies the mouse over stroke color of the shape layer in map
-			 * @Default {#C1C1C1}
-			 */
-			highlightStroke?: string;
-
-			/** Specifies the shape selection color of the shape layer in map
-			 * @Default {gray}
-			 */
-			selectionColor?: string;
-
-			/** Specifies the shape selection stroke color of the shape layer in map
-			 * @Default {#C1C1C1}
-			 */
-			selectionStroke?: string;
-
-			/** Specifies the shape selection stroke width of the shape layer in map
-			 * @Default {1}
-			 */
-			selectionStrokeWidth?: number;
-
-			/** Specifies the shape stroke color of the shape layer in map
-			 * @Default {#C1C1C1}
-			 */
-			stroke?: string;
-
-			/** Specifies the shape stroke thickness value of the shape layer in map
-			 * @Default {0.2}
-			 */
-			strokeThickness?: number;
-
-			/** Specifies the shape valuePath of the shape layer in map
-			 * @Default {null}
-			 */
-			valuePath?: string;
-		}
-
-		export interface Layer {
-
-			/** to get the type of bing map.
-			 * @Default {aerial}
-			 */
-			bingMapType?: ej.datavisualization.Map.BingMapType | string;
-
-			/** Specifies the bubble settings for map
-			 */
-			bubbleSettings?: LayersBubbleSettings;
-
-			/** Specifies the datasource for the shape layer
-			 */
-			dataSource?: any;
-
-			/** Specifies the data path of shape
-			 */
-			shapeDataPath?: string;
-
-			/** Specifies the data path of shape
-			 */
-			shapePropertyPath?: string;
-
-			/** Enables or disables the shape mouse hover
-			 * @Default {false}
-			 */
-			enableMouseHover?: boolean;
-
-			/** Enables or disables the shape selection
-			 * @Default {true}
-			 */
-			enableSelection?: boolean;
-
-			/** to get the key of bing map
-			 * @Default {null}
-			 */
-			key?: string;
-
-			/** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
-			 */
-			labelSettings?: LayersLabelSettings;
-
-			/** Specifies the map view type.
-			 * @Default {'geographic'}
-			 */
-			geometryType?: ej.datavisualization.Map.GeometryType | string;
-
-			/** Specifies the map type.
-			 * @Default {'geometry'}
-			 */
-			layerType?: ej.datavisualization.Map.LayerType | string;
-
-			/** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
-			 */
-			legendSettings?: LayersLegendSettings;
-
-			/** Specifies the map items template for shapes.
-			 */
-			mapItemsTemplate?: string;
-
-			/** Specify markers for shape layer.
-			 * @Default {[]}
-			 */
-			markers?: any[];
-
-			/** Specifies the map marker template for map layer.
-			 * @Default {null}
-			 */
-			markerTemplate?: string;
-
-			/** Specify selectedMapShapes for shape layer
-			 * @Default {[]}
-			 */
-			selectedMapShapes?: any[];
-
-			/** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
-			 * @Default {default}
-			 */
-			selectionMode?: ej.datavisualization.Map.SelectionMode | string;
-
-			/** Specifies the shape data for the shape layer
-			 */
-			shapeData?: any;
-
-			/** Specifies the shape settings of map layer
-			 */
-			shapeSettings?: LayersShapeSettings;
-
-			/** Shows or hides the map items.
-			 * @Default {false}
-			 */
-			showMapItems?: boolean;
-
-			/** Shows or hides the tooltip for shapes
-			 * @Default {false}
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the tooltip template for shapes.
-			 */
-			tooltipTemplate?: string;
-
-			/** Specifies the URL template for the OSM type map.
-			 * @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
-			 */
-			urlTemplate?: string;
-		}
-	}
-	namespace Map {
-		enum Position {
-			//specifies the none position
-			None,
-			//specifies the topleft position
-			Topleft,
-			//specifies the topcenter position
-			Topcenter,
-			//specifies the topright position
-			Topright,
-			//specifies the centerleft position
-			Centerleft,
-			//specifies the center position
-			Center,
-			//specifies the centerright position
-			Centerright,
-			//specifies the bottomleft position
-			Bottomleft,
-			//specifies the bottomcenter position
-			Bottomcenter,
-			//specifies the bottomright position
-			Bottomright,
-		}
-	}
-	namespace Map {
-		enum LabelOrientation {
-			//specifies the horizontal position
-			Horizontal,
-			//specifies the vertical position
-			Vertical,
-		}
-	}
-	namespace Map {
-		enum BingMapType {
-			//specifies the aerial type
-			Aerial,
-			//specifies the aerialwithlabel type
-			Aerialwithlabel,
-			//specifies the road type
-			Road,
-		}
-	}
-	namespace Map {
-		enum LabelSize {
-			//specifies the fixed size
-			Fixed,
-			//specifies the default size
-			Default,
-		}
-	}
-	namespace Map {
-		enum GeometryType {
-			//specifies the geographic view of map
-			Geographic,
-			//specifies the normal land view of map
-			Normal,
-		}
-	}
-	namespace Map {
-		enum LayerType {
-			//specifies the geometry type
-			Geometry,
-			//specifies the osm type
-			Osm,
-			//specifies the bing type
-			Bing,
-		}
-	}
-	namespace Map {
-		enum DockPosition {
-			//specifies the top position
-			Top,
-			//specifies the bottom position
-			Bottom,
-			//specifies the bottom position
-			Right,
-			//specifies the left position
-			Left,
-		}
-	}
-	namespace Map {
-		enum LegendIcons {
-			//specifies the rectangle position
-			Rectangle,
-			//specifies the circle position
-			Circle,
-		}
-	}
-	namespace Map {
-		enum Mode {
-			//specifies the default mode
-			Default,
-			//specifies the interactive mode
-			Interactive,
-		}
-	}
-	namespace Map {
-		enum LegendType {
-			//specifies the layers type
-			Layers,
-			//specifies the bubbles type
-			Bubbles,
-		}
-	}
-	namespace Map {
-		enum SelectionMode {
-			//specifies the default position
-			Default,
-			//specifies the multiple position
-			Multiple,
-		}
-	}
-	namespace Map {
-		enum ColorPalette {
-			//specifies the palette1 color
-			Palette1,
-			//specifies the palette2 color
-			Palette2,
-			//specifies the palette3 color
-			Palette3,
-			//specifies the custom color
-			Custompalette,
-		}
-	}
-
-	class TreeMap extends ej.Widget {
-		static fn: TreeMap;
-		constructor(element: JQuery | Element, options?: TreeMap.Model);
-		static Locale: any;
-		model: TreeMap.Model;
-		defaults: TreeMap.Model;
-
-		/** Method to reload treemap with updated values.
-		 * @returns {void}
-		 */
-		refresh(): void;
-	}
-	export namespace TreeMap {
-
-		export interface Model {
-
-			/** Specifies the border brush color of the treemap
-			 * @Default {white}
-			 */
-			borderBrush?: string;
-
-			/** Specifies the border thickness of the treemap
-			 * @Default {1}
-			 */
-			borderThickness?: number;
-
-			/** Specifies the uniColorMapping settings of the treemap
-			 */
-			uniColorMapping?: UniColorMapping;
-
-			/** Specifies the desaturationColorMapping settings of the treemap
-			 */
-			desaturationColorMapping?: DesaturationColorMapping;
-
-			/** Specifies the paletteColorMapping of the treemap
-			 */
-			paletteColorMapping?: PaletteColorMapping;
-
-			/** Specifies the color value path of the treemap
-			 * @Default {null}
-			 */
-			colorValuePath?: string;
-
-			/** Specifies the datasource of the treemap
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Specifies the dockPosition for legend
-			 * @Default {top}
-			 */
-			dockPosition?: ej.datavisualization.TreeMap.DockPosition | string;
-
-			/** specifies the drillDown header color
-			 * @Default {'null'}
-			 */
-			drillDownHeaderColor?: string;
-
-			/** specifies the drillDown selection color
-			 * @Default {'#000000'}
-			 */
-			drillDownSelectionColor?: string;
-
-			/** Specifies whether datasource is hierarchical or not.
-			 * @Default {false}
-			 */
-			isHierarchicalDatasource?: boolean;
-
-			/** Specifies the header for parent item during drilldown. This is applicable only for hierarchical data source.
-			 * @Default {null}
-			 */
-			header?: string;
-
-			/** Enable/Disable the drillDown for treemap
-			 * @Default {false}
-			 */
-			enableDrillDown?: boolean;
-
-			/** Controls whether Treemap has to be responsive while resizing the window.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies whether treemap need to resize when container is resized
-			 * @Default {true}
-			 */
-			enableResize?: boolean;
-
-			/** This property is used to select treemap items while clicking and dragging
-			 * @Default {false}
-			 */
-			draggingOnSelection?: boolean;
-
-			/** This property is used to select group of treemap items while clicking and dragging
-			 * @Default {false}
-			 */
-			draggingGroupOnSelection?: boolean;
-
-			/** Specifies the group color mapping of the treemap
-			 * @Default {[]}
-			 */
-			groupColorMapping?: GroupColorMapping[];
-
-			/** Specifies the legend settings of the treemap
-			 */
-			legendSettings?: LegendSettings;
-
-			/** Specifies the highlight border brush of treemap
-			 * @Default {gray}
-			 */
-			highlightBorderBrush?: string;
-
-			/** Specifies the border thickness when treemap items is highlighted in the treemap
-			 * @Default {5}
-			 */
-			highlightBorderThickness?: number;
-
-			/** Specifies the highlight border brush of treemap
-			 * @Default {gray}
-			 */
-			highlightGroupBorderBrush?: string;
-
-			/** Specifies the border thickness when treemap items is highlighted in the treemap
-			 * @Default {5}
-			 */
-			highlightGroupBorderThickness?: number;
-
-			/** Specifies whether treemap item need to highlighted on selection
-			 * @Default {false}
-			 */
-			highlightGroupOnSelection?: boolean;
-
-			/** Specifies whether treemap item need to highlighted on selection
-			 * @Default {false}
-			 */
-			highlightOnSelection?: boolean;
-
-			/** Specifies the items layout mode of the treemap. Accepted itemsLayoutMode values are Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto
-			 * @Default {Squarified}
-			 */
-			itemsLayoutMode?: ej.datavisualization.TreeMap.ItemsLayoutMode | string;
-
-			/** Specifies the leaf settings of the treemap
-			 */
-			leafItemSettings?: LeafItemSettings;
-
-			/** Specifies the rangeColorMapping settings of the treemap
-			 * @Default {[]}
-			 */
-			rangeColorMapping?: RangeColorMapping[];
-
-			/** Specifies the selection mode of treemap item. Accepted selection mode values are Default and Multiple.
-			 * @Default {default}
-			 */
-			selectionMode?: ej.datavisualization.TreeMap.selectionMode | string;
-
-			/** Specifies the selection mode of the treemap. Accepted selection mode values are Default and Multiple.
-			 * @Default {default}
-			 */
-			groupSelectionMode?: ej.datavisualization.TreeMap.groupSelectionMode | string;
-
-			/** Specifies the legend visibility status of the treemap
-			 * @Default {false}
-			 */
-			showLegend?: boolean;
-
-			/** Specifies whether gradient color has to be applied for treemap items
-			 * @Default {false}
-			 */
-			enableGradient?: boolean;
-
-			/** Specifies whether treemap showTooltip need to be visible
-			 */
-			showTooltip?: boolean;
-
-			/** Specifies the tooltip template of the treemap
-			 * @Default {null}
-			 */
-			tooltipTemplate?: string;
-
-			/** Hold the treeMapItems to be displayed in treemap
-			 * @Default {[]}
-			 */
-			treeMapItems?: any[];
-
-			/** Specify levels of treemap for grouped visualization of data
-			 * @Default {[]}
-			 */
-			levels?: Level[];
-
-			/** Specifies the weight value path of the treemap
-			 * @Default {null}
-			 */
-			weightValuePath?: string;
-
-			/** Triggers on treemap item selected. */
-			treeMapItemSelected?(e: TreeMapItemSelectedEventArgs): void;
-
-			/** Triggers when drilldown is started */
-			drillStarted?(e: DrillStartedEventArgs): void;
-
-			/** Triggers on treemap  drilldown  item  selected. */
-			drillDownItemSelected?(e: DrillDownItemSelectedEventArgs): void;
-
-			/** Triggers after refreshing the treemap items. */
-			refreshed?(e: RefreshedEventArgs): void;
-		}
-
-		export interface TreeMapItemSelectedEventArgs {
-
-			/** Returns selected treeMapItem object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface DrillStartedEventArgs {
-
-			/** Returns selected drilled treeMap object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface DrillDownItemSelectedEventArgs {
-
-			/** Returns selected drilldown treeMap object.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface RefreshedEventArgs {
-
-			/** Refresh and load the treemap.
-			 */
-			originalEvent?: any;
-		}
-
-		export interface UniColorMapping {
-
-			/** Specifies the uniform color mapping of the treemap
-			 * @Default {null}
-			 */
-			color?: string;
-		}
-
-		export interface DesaturationColorMapping {
-
-			/** Specifies the to value for desaturation color mapping
-			 * @Default {0}
-			 */
-			to?: number;
-
-			/** Specifies the color for desaturationColorMapping
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Specifies the from value for desaturation color mapping
-			 * @Default {0}
-			 */
-			from?: number;
-
-			/** Specifies the rangeMaximum value for desaturation color mapping
-			 * @Default {0}
-			 */
-			rangeMaximum?: number;
-
-			/** Specifies the rangeMinimum value for desaturation color mapping
-			 * @Default {0}
-			 */
-			rangeMinimum?: number;
-		}
-
-		export interface PaletteColorMapping {
-
-			/** Specifies the colors of the paletteColorMapping
-			 * @Default {[]}
-			 */
-			colors?: any[];
-		}
-
-		export interface GroupColorMapping {
-
-			/** Specifies the groupID for GroupColorMapping.
-			 * @Default {null}
-			 */
-			groupID?: string;
-		}
-
-		export interface LegendSettings {
-
-			/** Specifies the height for legend
-			 * @Default {30}
-			 */
-			height?: number;
-
-			/** Specifies the width for legend
-			 * @Default {100}
-			 */
-			width?: number;
-
-			/** Specifies the iconHeight for legend
-			 * @Default {15}
-			 */
-			iconHeight?: number;
-
-			/** Specifies the iconWidth for legend
-			 * @Default {15}
-			 */
-			iconWidth?: number;
-
-			/** Specifies the template for legendSettings
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Specifies the mode for legendSettings whether default or interactive mode
-			 * @Default {default}
-			 */
-			mode?: string;
-
-			/** Specifies the title text for legend
-			 */
-			title?: string;
-
-			/** Specifies the leftLabel text for legend
-			 */
-			leftLabel?: string;
-
-			/** Specifies the rightLabel text for legend
-			 */
-			rightLabel?: string;
-
-			/** Specifies the dockPosition text for legend
-			 * @Default {top}
-			 */
-			dockPosition?: string;
-
-			/** Specifies the alignment text for legend
-			 * @Default {near}
-			 */
-			alignment?: string;
-
-			/** Specifies the alignment text for legend
-			 * @Default {0}
-			 */
-			columnCount?: number;
-		}
-
-		export interface LeafItemSettings {
-
-			/** Specifies the border brush color of the leaf item.
-			 * @Default {white}
-			 */
-			borderBrush?: string;
-
-			/** Specifies the border thickness of the leaf item.
-			 * @Default {1}
-			 */
-			borderThickness?: number;
-
-			/** Specifies the space between the leaf items.
-			 * @Default {0}
-			 */
-			gap?: number;
-
-			/** Specifies the label template of the leaf item.
-			 * @Default {null}
-			 */
-			itemTemplate?: string;
-
-			/** Specifies the label path of the leaf item.
-			 * @Default {null}
-			 */
-			labelPath?: string;
-
-			/** Specifies the position of the leaf labels.
-			 * @Default {center}
-			 */
-			labelPosition?: ej.datavisualization.TreeMap.Position | string;
-
-			/** Specifies the mode of label visibility
-			 * @Default {visible}
-			 */
-			labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode | string;
-
-			/** Shows or hides the label of the leaf item.
-			 * @Default {false}
-			 */
-			showLabels?: boolean;
-		}
-
-		export interface RangeColorMapping {
-
-			/** Specifies the color value for rangeColorMapping.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** specifies the gradient colors for th given range value
-			 * @Default {[]}
-			 */
-			gradientColors?: any[];
-
-			/** Specifies the from value for rangeColorMapping.
-			 * @Default {-1}
-			 */
-			from?: number;
-
-			/** Specifies the legend label value for rangeColorMapping.
-			 * @Default {null}
-			 */
-			legendLabel?: string;
-
-			/** Specifies the to value for rangeColorMapping.
-			 * @Default {-1}
-			 */
-			to?: number;
-		}
-
-		export interface Level {
-
-			/** specifies the group background
-			 * @Default {null}
-			 */
-			groupBackground?: string;
-
-			/** Specifies the group border color for tree map level.
-			 * @Default {null}
-			 */
-			groupBorderColor?: string;
-
-			/** Specifies the group border thickness for tree map level.
-			 * @Default {1}
-			 */
-			groupBorderThickness?: number;
-
-			/** Specifies the group gap for tree map level.
-			 * @Default {1}
-			 */
-			groupGap?: number;
-
-			/** Specifies the group padding for tree map level.
-			 * @Default {4}
-			 */
-			groupPadding?: number;
-
-			/** Specifies the group path for tree map level.
-			 */
-			groupPath?: string;
-
-			/** Specifies the header height for tree map level.
-			 * @Default {0}
-			 */
-			headerHeight?: number;
-
-			/** Specifies the header template for tree map level.
-			 * @Default {null}
-			 */
-			headerTemplate?: string;
-
-			/** Specifies the mode of header visibility
-			 * @Default {visible}
-			 */
-			headerVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode | string;
-
-			/** Specifies the position of the labels.
-			 * @Default {center}
-			 */
-			labelPosition?: ej.datavisualization.TreeMap.Position | string;
-
-			/** Specifies the label template for tree map level.
-			 * @Default {null}
-			 */
-			labelTemplate?: string;
-
-			/** Specifies the mode of label visibility
-			 * @Default {visible}
-			 */
-			labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode | string;
-
-			/** Shows or hides the header for tree map level.
-			 * @Default {false}
-			 */
-			showHeader?: boolean;
-
-			/** Shows or hides the labels for tree map level.
-			 * @Default {false}
-			 */
-			showLabels?: boolean;
-		}
-	}
-	namespace TreeMap {
-		enum DockPosition {
-			//specifies the top position
-			Top,
-			//specifies the bottom position
-			Bottom,
-			//specifies the bottom position
-			Right,
-			//specifies the left position
-			Left,
-		}
-	}
-	namespace TreeMap {
-		enum ItemsLayoutMode {
-			//specifies the squarified as layout type position
-			Squarified,
-			//specifies the sliceanddicehorizontal as layout type position
-			Sliceanddicehorizontal,
-			//specifies the sliceanddicevertical as layout type position
-			Sliceanddicevertical,
-			//specifies the sliceanddiceauto as layout type position
-			Sliceanddiceauto,
-		}
-	}
-	namespace TreeMap {
-		enum Position {
-			//specifies the none position
-			None,
-			//specifies the topleft position
-			Topleft,
-			//specifies the topcenter position
-			Topcenter,
-			//specifies the topright position
-			Topright,
-			//specifies the centerleft position
-			Centerleft,
-			//specifies the center position
-			Center,
-			//specifies the centerright position
-			Centerright,
-			//specifies the bottomleft position
-			Bottomleft,
-			//specifies the bottomcenter position
-			Bottomcenter,
-			//specifies the bottomright position
-			Bottomright,
-		}
-	}
-	namespace TreeMap {
-		enum VisibilityMode {
-			//specifies the visible mode
-			Top,
-			//specifies the hide on exceeded length mode
-			Hideonexceededlength,
-		}
-	}
-	namespace TreeMap {
-		enum selectionMode {
-			//specifies the default mode
-			Default,
-			//specifies the multiple mode
-			Multiple,
-		}
-	}
-	namespace TreeMap {
-		enum groupSelectionMode {
-			//specifies the default mode
-			Default,
-			//specifies the multiple mode
-			Multiple,
-		}
-	}
-
-	class Diagram extends ej.Widget {
-		static fn: Diagram;
-		constructor(element: JQuery | Element, options?: Diagram.Model);
-		static Locale: any;
-		model: Diagram.Model;
-		defaults: Diagram.Model;
-
-		/** Add nodes and connectors to diagram at runtime
-		 * @param {any} a JSON to define a node/connector or an array of nodes and connector
-		 * @returns {boolean}
-		 */
-		add(node: any): boolean;
-
-		/** Add a label to a node at runtime
-		 * @param {string} name of the node to which label will be added
-		 * @param {any} JSON for the new label to be added
-		 * @returns {void}
-		 */
-		addLabel(nodeName: string, newLabel: any): void;
-
-		/** Add dynamic Lanes to swimlane at runtime
-		 * @param {any} JSON for the new lane to be added
-		 * @param {number} Index value to add the lane in swimlane
-		 * @returns {void}
-		 */
-		addLane(lane: any, index: number): void;
-
-		/** Add a phase to a swimlane at runtime
-		 * @param {string} name of the swimlane to which the phase will be added
-		 * @param {any} JSON object to define the phase to be added
-		 * @returns {void}
-		 */
-		addPhase(name: string, options: any): void;
-
-		/** Add a collection of ports to the node specified by name
-		 * @param {string} name of the node to which the ports have to be added
-		 * @param {Array<any>} a collection of ports to be added to the specified node
-		 * @returns {void}
-		 */
-		addPorts(name: string, ports: any[]): void;
-
-		/** Add the specified node to selection list
-		 * @param {any} the node to be selected
-		 * @param {boolean} to define whether to clear the existing selection or not
-		 * @returns {void}
-		 */
-		addSelection(node: any, clearSelection?: boolean): void;
-
-		/** Align the selected objects based on the reference object and direction
-		 * @param {string} to specify the direction towards which the selected objects are to be aligned("left","right",top","bottom")
-		 * @returns {void}
-		 */
-		align(direction: string): void;
-
-		/** Bring the specified portion of the diagram content to the diagram viewport
-		 * @param {any} the rectangular region that is to be brought into diagram viewport
-		 * @returns {void}
-		 */
-		bringIntoView(rect: any): void;
-
-		/** Bring the specified portion of the diagram content to the center of the diagram viewport
-		 * @param {any} the rectangular region that is to be brought to the center of diagram viewport
-		 * @returns {void}
-		 */
-		bringToCenter(rect: any): void;
-
-		/** Visually move the selected object over all other intersected objects
-		 * @returns {void}
-		 */
-		bringToFront(): void;
-
-		/** Remove all the elements from diagram
-		 * @returns {void}
-		 */
-		clear(): void;
-
-		/** Clears the actions which is recorded to perform undo/redo operation in the diagram.
-		 * @returns {void}
-		 */
-		clearHistory(): void;
-
-		/** Remove the current selection in diagram
-		 * @returns {void}
-		 */
-		clearSelection(): void;
-
-		/** Copy the selected object to internal clipboard and get the copied object
-		 * @returns {any}
-		 */
-		copy(): any;
-
-		/** Cut the selected object from diagram to diagram internal clipboard
-		 * @returns {void}
-		 */
-		cut(): void;
-
-		/** Export the diagram as downloadable files or as data
-		 * @param {Diagram.Options} options to export the desired region of diagram to the desired formats.
-		 * @returns {string}
-		 */
-		exportDiagram(options?: Diagram.Options): string;
-
-		/** Read a node/connector object by its name
-		 * @param {string} name of the node/connector that is to be identified
-		 * @returns {any}
-		 */
-		findNode(name: string): any;
-
-        /** Fit the diagram content into diagram viewport
-         * @param {ej.datavisualization.Diagram.FitMode} to set the mode of fit to command.
-         * @param {ej.datavisualization.Diagram.Region} to set whether the region to be fit will be based on diagram elements or page settings.
-         * @param {any} to set the required margin
-         * @returns {void}
-         */
-		fitToPage(mode?: ej.datavisualization.Diagram.FitMode, region?: ej.datavisualization.Diagram.Region, margin?: any): void;
-
-		/** Group the selected nodes and connectors
-		 * @returns {void}
-		 */
-		group(): void;
-
-		/** Insert a label into a node's label collection at runtime
-		 * @param {string} name of the node to which the label has to be inserted
-		 * @param {any} JSON to define the new label
-		 * @param {number} index to insert the label into the node
-		 * @returns {void}
-		 */
-		insertLabel(name: string, label: any, index?: number): void;
-
-		/** Refresh the diagram with the specified layout
-		 * @returns {void}
-		 */
-		layout(): void;
-
-		/** Load the diagram
-		 * @param {any} JSON data to load the diagram
-		 * @returns {void}
-		 */
-		load(data: any): void;
-
-		/** Visually move the selected object over its closest intersected object
-		 * @returns {void}
-		 */
-		moveForward(): void;
-
-		/** Move the selected objects by either one pixel or by the pixels specified through argument
-		 * @param {string} specifies the direction to move the selected objects ("left","right",top","bottom")
-		 * @param {number} specifies the number of pixels by which the selected objects have to be moved
-		 * @returns {void}
-		 */
-		nudge(direction: string, delta?: number): void;
-
-		/** Paste the selected object from internal clipboard to diagram
-		 * @param {any} object to be added to diagram
-		 * @param {boolean} to define whether the specified object is to be renamed or not
-		 * @returns {void}
-		 */
-		paste(object?: any, rename?: boolean): void;
-
-		/** Print the diagram as image
-		 * @returns {void}
-		 */
-		print(): void;
-
-		/** Restore the last action that was reverted
-		 * @returns {void}
-		 */
-		redo(): void;
-
-		/** Refresh the diagram at runtime
-		 * @returns {void}
-		 */
-		refresh(): void;
-
-		/** Remove either the given node/connector or the selected element from diagram
-		 * @param {any} the node/connector to be removed from diagram
-		 * @returns {void}
-		 */
-		remove(node?: any): void;
-
-		/** Remove a particular object from selection list
-		 * @param {any} the node/connector to be removed from selection list
-		 * @returns {void}
-		 */
-		removeSelection(node: any): void;
-
-		/** Scale the selected objects to the height of the first selected object
-		 * @returns {void}
-		 */
-		sameHeight(): void;
-
-		/** Scale the selected objects to the size of the first selected object
-		 * @returns {void}
-		 */
-		sameSize(): void;
-
-		/** Scale the selected objects to the width of the first selected object
-		 * @returns {void}
-		 */
-		sameWidth(): void;
-
-		/** Returns the diagram as serialized JSON
-		 * @returns {any}
-		 */
-		save(): any;
-
-		/** Bring the node into view
-		 * @param {any} the node/connector to be brought into view
-		 * @returns {void}
-		 */
-		scrollToNode(node: any): void;
-
-		/** Select all nodes and connector in diagram
-		 * @returns {void}
-		 */
-		selectAll(): void;
-
-		/** Visually move the selected object behind its closest intersected object
-		 * @returns {void}
-		 */
-		sendBackward(): void;
-
-		/** Visually move the selected object behind all other intersected objects
-		 * @returns {void}
-		 */
-		sendToBack(): void;
-
-		/** Update the horizontal space between the selected objects as equal and within the selection boundary
-		 * @returns {void}
-		 */
-		spaceAcross(): void;
-
-		/** Update the vertical space between the selected objects as equal and within the selection boundary
-		 * @returns {void}
-		 */
-		spaceDown(): void;
-
-		/** Move the specified label to edit mode
-		 * @param {any} node/connector that contains the label to be edited
-		 * @param {any} to be edited
-		 * @returns {void}
-		 */
-		startLabelEdit(node: any, label: any): void;
-
-		/** Reverse the last action that was performed
-		 * @returns {void}
-		 */
-		undo(): void;
-
-		/** Ungroup the selected group
-		 * @returns {void}
-		 */
-		ungroup(): void;
-
-		/** Update diagram at runtime
-		 * @param {any} JSON to specify the diagram properties that have to be modified
-		 * @returns {void}
-		 */
-		update(options: any): void;
-
-		/** Update Connectors at runtime
-		 * @param {string} name of the connector to be updated
-		 * @param {any} JSON to specify the connector properties that have to be updated
-		 * @returns {void}
-		 */
-		updateConnector(name: string, options: any): void;
-
-		/** Update the given label at runtime
-		 * @param {string} the name of node/connector which contains the label to be updated
-		 * @param {any} the label to be modified
-		 * @param {any} JSON to specify the label properties that have to be updated
-		 * @returns {any}
-		 */
-		updateLabel(nodeName: string, label: any, options: any): any;
-
-		/** Update nodes at runtime
-		 * @param {string} name of the node that is to be updated
-		 * @param {any} JSON to specify the properties of node that have to be updated
-		 * @returns {void}
-		 */
-		updateNode(name: string, options: any): void;
-
-		/** Update a port with its modified properties at runtime
-		 * @param {string} the name of node which contains the port to be updated
-		 * @param {any} the port to be updated
-		 * @param {any} JSON to specify the properties of the port that have to be updated
-		 * @returns {void}
-		 */
-		updatePort(nodeName: string, port: any, options: any): void;
-
-		/** Update the specified node as selected object
-		 * @param {string} name of the node to be updated as selected object
-		 * @returns {void}
-		 */
-		updateSelectedObject(name: string): void;
-
-		/** Update the selection at runtime
-		 * @param {boolean} to specify whether to show the user handles or not
-		 * @returns {void}
-		 */
-		updateSelection(showUserHandles?: boolean): void;
-
-		/** Update user handles with respect to the given node
-		 * @param {any} node/connector with respect to which, the user handles have to be updated
-		 * @returns {void}
-		 */
-		updateUserHandles(node: any): void;
-
-		/** Update the diagram viewport at runtime
-		 * @returns {void}
-		 */
-		updateViewPort(): void;
-
-		/** Upgrade the diagram from old version
-		 * @param {any} to be upgraded
-		 * @returns {void}
-		 */
-		upgrade(data: any): void;
-
-		/** Used to zoomIn/zoomOut diagram
-		 * @param {Diagram.Zoom} options to zoom the diagram(zoom factor, zoomIn/zoomOut)
-		 * @returns {void}
-		 */
-		zoomTo(Zoom?: Diagram.Zoom): void;
-	}
-	export namespace Diagram {
-
-		export interface Options {
-
-			/** name of the file to be downloaded.
-			 */
-			fileName?: string;
-
-			/** format of the exported file/data.
-			 */
-			format?: ej.datavisualization.Diagram.FileFormats;
-
-			/** to set whether to export diagram as a file or as raw data.
-			 */
-			mode?: ej.datavisualization.Diagram.ExportModes;
-
-			/** to set the region of the diagram to be exported.
-			 */
-			region?: ej.datavisualization.Diagram.Region;
-
-			/** to export any custom region of diagram.
-			 */
-			bounds?: any;
-
-			/** to set margin to the exported data.
-			 */
-			margin?: any;
-
-			/** to resize the diagram content to fill its allocated space.
-			 */
-			stretch?: ej.datavisualization.Diagram.Stretch;
-		}
-
-		export interface Zoom {
-
-			/** Used to increase the zoom-in or zoom-out based on the zoom factor value.
-			 */
-			zoomFactor?: number;
-
-			/** Used to zoom-in or zoom-out the diagram.
-			 */
-			zoomCommand?: ej.datavisualization.Diagram.ZoomCommand;
-
-			/** Used to zoom-in or zoom-out the diagram based on the point.
-			 */
-			focusPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-		}
-
-		export interface Model {
-
-			/** Defines the background color of diagram elements
-			 * @Default {transparent}
-			 */
-			backgroundColor?: string;
-
-			/** Defines the path of the background image of diagram elements
-			 */
-			backgroundImage?: string;
-
-			/** Sets the direction of line bridges.
-			 * @Default {ej.datavisualization.Diagram.BridgeDirection.Top}
-			 */
-			bridgeDirection?: ej.datavisualization.Diagram.BridgeDirection | string;
-
-			/** Defines a set of custom commands and binds them with a set of desired key gestures.
-			 */
-			commandManager?: CommandManager;
-
-			/** A collection of JSON objects where each object represents a connector
-			 * @Default {[]}
-			 */
-			connectors?: Connector[];
-
-			/** Binds the custom JSON data with connector properties
-			 * @Default {null}
-			 */
-			connectorTemplate?: any;
-
-			/** Enables/Disables the default behaviors of the diagram.
-			 * @Default {ej.datavisualization.Diagram.DiagramConstraints.All}
-			 */
-			constraints?: ej.datavisualization.Diagram.DiagramConstraints | string;
-
-			/** An object to customize the context menu of diagram
-			 */
-			contextMenu?: ContextMenu;
-
-			/** Configures the data source that is to be bound with diagram
-			 */
-			dataSourceSettings?: DataSourceSettings;
-
-			/** Initializes the default values for nodes and connectors
-			 * @Default {{}}
-			 */
-			defaultSettings?: DefaultSettings;
-
-			/** Sets the type of JSON object to be drawn through drawing tool
-			 * @Default {{}}
-			 */
-			drawType?: any;
-
-			/** Enables or disables auto scroll in diagram
-			 * @Default {true}
-			 */
-			enableAutoScroll?: boolean;
-
-			/** Enables or disables diagram context menu
-			 * @Default {true}
-			 */
-			enableContextMenu?: boolean;
-
-			/** Specifies the height of the diagram
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Customizes the undo redo functionality
-			 */
-			historyManager?: HistoryManager;
-
-			/** Defines the type of the rendering mode of label.
-			 * @Default {Html}
-			 */
-			labelRenderingMode?: ej.datavisualization.Diagram.LabelRenderingMode | string;
-
-			/** Automatically arranges the nodes and connectors in a predefined manner.
-			 */
-			layout?: Layout;
-
-			/** Defines the current culture of diagram
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Array of JSON objects where each object represents a node
-			 * @Default {[]}
-			 */
-			nodes?: Node[];
-
-			/** Binds the custom JSON data with node properties
-			 * @Default {null}
-			 */
-			nodeTemplate?: any;
-
-			/** Defines the size and appearance of diagram page
-			 */
-			pageSettings?: PageSettings;
-
-			/** Defines the zoom value, zoom factor, scroll status and view port size of the diagram
-			 */
-			scrollSettings?: ScrollSettings;
-
-			/** Defines the size and position of selected items and defines the appearance of selector
-			 */
-			selectedItems?: SelectedItems;
-
-			/** Enables or disables tooltip of diagram
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Defines the gridlines and defines how and when the objects have to be snapped
-			 */
-			snapSettings?: SnapSettings;
-
-			/** Enables/Disables the interactive behaviors of diagram.
-			 * @Default {ej.datavisualization.Diagram.Tool.All}
-			 */
-			tool?: ej.datavisualization.Diagram.Tool | string;
-
-			/** An object that defines the description, appearance and alignments of tooltips
-			 * @Default {null}
-			 */
-			tooltip?: Tooltip;
-
-			/** Specifies the width of the diagram
-			 * @Default {null}
-			 */
-			width?: string;
-
-			/** Sets the factor by which we can zoom in or zoom out
-			 * @Default {0.2}
-			 */
-			zoomFactor?: number;
-
-			/** Triggers When auto scroll is changed */
-			autoScrollChange?(e: AutoScrollChangeEventArgs): void;
-
-			/** Triggers when a node, connector or diagram is clicked */
-			click?(e: ClickEventArgs): void;
-
-			/** Triggers when the connection is changed */
-			connectionChange?(e: ConnectionChangeEventArgs): void;
-
-			/** Triggers when the connector collection is changed */
-			connectorCollectionChange?(e: ConnectorCollectionChangeEventArgs): void;
-
-			/** Triggers when the connectors' source point is changed */
-			connectorSourceChange?(e: ConnectorSourceChangeEventArgs): void;
-
-			/** Triggers when the connectors' target point is changed */
-			connectorTargetChange?(e: ConnectorTargetChangeEventArgs): void;
-
-			/** Triggers before opening the context menu */
-			contextMenuBeforeOpen?(e: ContextMenuBeforeOpenEventArgs): void;
-
-			/** Triggers when a context menu item is clicked */
-			contextMenuClick?(e: ContextMenuClickEventArgs): void;
-
-			/** Triggers when a node, connector or diagram model is clicked twice */
-			doubleClick?(e: DoubleClickEventArgs): void;
-
-			/** Triggers while dragging the elements in diagram */
-			drag?(e: DragEventArgs): void;
-
-			/** Triggers when a symbol is dragged into diagram from symbol palette */
-			dragEnter?(e: DragEnterEventArgs): void;
-
-			/** Triggers when a symbol is dragged outside of the diagram. */
-			dragLeave?(e: DragLeaveEventArgs): void;
-
-			/** Triggers when a symbol is dragged over diagram */
-			dragOver?(e: DragOverEventArgs): void;
-
-			/** Triggers when a symbol is dragged and dropped from symbol palette to drawing area */
-			drop?(e: DropEventArgs): void;
-
-			/** Triggers when editor got focus at the time of node's label or text node editing. */
-			editorFocusChange?(e: EditorFocusChangeEventArgs): void;
-
-			/** Triggers when a child is added to or removed from a group */
-			groupChange?(e: GroupChangeEventArgs): void;
-
-			/** Triggers when a change is reverted or restored(undo/redo) */
-			historyChange?(e: HistoryChangeEventArgs): void;
-
-			/** Triggers when a diagram element is clicked */
-			itemClick?(e: ItemClickEventArgs): void;
-
-			/** Triggers when mouse enters a node/connector */
-			mouseEnter?(e: MouseEnterEventArgs): void;
-
-			/** Triggers when mouse leaves node/connector */
-			mouseLeave?(e: MouseLeaveEventArgs): void;
-
-			/** Triggers when mouse hovers over a node/connector */
-			mouseOver?(e: MouseOverEventArgs): void;
-
-			/** Triggers when node collection is changed */
-			nodeCollectionChange?(e: NodeCollectionChangeEventArgs): void;
-
-			/** Triggers when the node properties(x, y,width and height alone) are changed using nudge commands or updateNode API. */
-			propertyChange?(e: PropertyChangeEventArgs): void;
-
-			/** Triggers when the diagram elements are rotated */
-			rotationChange?(e: RotationChangeEventArgs): void;
-
-			/** Triggers when the diagram is zoomed or panned */
-			scrollChange?(e: ScrollChangeEventArgs): void;
-
-			/** Triggers when a connector segment is edited */
-			segmentChange?(e: SegmentChangeEventArgs): void;
-
-			/** Triggers when the selection is changed in diagram */
-			selectionChange?(e: SelectionChangeEventArgs): void;
-
-			/** Triggers when a node is resized */
-			sizeChange?(e: SizeChangeEventArgs): void;
-
-			/** Triggers when label editing is ended */
-			textChange?(e: TextChangeEventArgs): void;
-
-			/** Triggered when the diagram is rendered completely. */
-			create?(e: CreateEventArgs): void;
-		}
-
-		export interface AutoScrollChangeEventArgs {
-
-			/** Returns the delay between subsequent auto scrolls
-			 */
-			delay?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface ClickEventArgs {
-
-			/** parameter returns the clicked node, connector or diagram
-			 */
-			element?: any;
-
-			/** parameter returns the object that is actually clicked
-			 */
-			actualObject?: number;
-
-			/** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
-			 */
-			offsetX?: number;
-
-			/** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
-			 */
-			offsetY?: number;
-
-			/** parameter returns the count of how many times the mouse button is pressed
-			 */
-			count?: number;
-
-			/** parameter returns the actual click event arguments that explains which button is clicked
-			 */
-			event?: any;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-		}
-
-		export interface ConnectionChangeEventArgs {
-
-			/** parameter returns the connection that is changed between nodes, ports or points
-			 */
-			element?: any;
-
-			/** parameter returns the new source node or target node of the connector
-			 */
-			connection?: string;
-
-			/** parameter returns the new source port or target port of the connector
-			 */
-			port?: any;
-
-			/** parameter defines whether to cancel the change or not
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface ConnectorCollectionChangeEventArgs {
-
-			/** parameter returns whether the connector is inserted or removed
-			 */
-			changeType?: string;
-
-			/** parameter returns the connector that is to be added or deleted
-			 */
-			element?: any;
-
-			/** parameter defines whether to cancel the collection change or not
-			 */
-			cancel?: boolean;
-
-			/** triggers before and after adding the connector in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the connector.
-			 */
-			state?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface ConnectorSourceChangeEventArgs {
-
-			/** returns the connector, the source point of which is being dragged
-			 */
-			element?: any;
-
-			/** returns the source node of the element
-			 */
-			node?: any;
-
-			/** returns the source point of the element
-			 */
-			point?: any;
-
-			/** returns the source port of the element
-			 */
-			port?: any;
-
-			/** returns the state of connection end point dragging(starting, dragging, completed)
-			 */
-			dragState?: string;
-
-			/** parameter defines whether to cancel the change or not
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface ConnectorTargetChangeEventArgs {
-
-			/** parameter returns the connector, the target point of which is being dragged
-			 */
-			element?: any;
-
-			/** returns the target node of the element
-			 */
-			node?: any;
-
-			/** returns the target point of the element
-			 */
-			point?: any;
-
-			/** returns the target port of the element
-			 */
-			port?: any;
-
-			/** returns the state of connection end point dragging(starting, dragging, completed)
-			 */
-			dragState?: string;
-
-			/** parameter defines whether to cancel the change or not
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface ContextMenuBeforeOpenEventArgs {
-
-			/** parameter returns the diagram object
-			 */
-			diagram?: any;
-
-			/** parameter returns the actual arguments from context menu
-			 */
-			contextmenu?: any;
-
-			/** parameter returns the object that was clicked
-			 */
-			target?: any;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the actual click event arguments that explains which button is clicked
-			 */
-			model?: any;
-
-			/** parameter returns the type of the event triggered
-			 */
-			type?: string;
-		}
-
-		export interface ContextMenuClickEventArgs {
-
-			/** parameter returns the id of the selected context menu item
-			 */
-			id?: string;
-
-			/** parameter returns the text of the selected context menu item
-			 */
-			text?: string;
-
-			/** parameter returns the parent id of the selected context menu item
-			 */
-			parentId?: string;
-
-			/** parameter returns the parent text of the selected context menu item
-			 */
-			parentText?: string;
-
-			/** parameter returns the object that was clicked
-			 */
-			target?: any;
-
-			/** parameter defines whether to execute the click event or not
-			 */
-			canExecute?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the elementof the object that was clicked
-			 */
-			element?: any;
-
-			/** parameter returns the object that is selected
-			 */
-			selectedItem?: any;
-
-			/** parameter returns the model of the diagram
-			 */
-			events?: any;
-		}
-
-		export interface DoubleClickEventArgs {
-
-			/** parameter returns the object that is actually clicked
-			 */
-			actualObject?: any;
-
-			/** parameter returns the selected object
-			 */
-			element?: any;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-		}
-
-		export interface DragEventArgs {
-
-			/** parameter returns the node or connector that is being dragged
-			 */
-			element?: any;
-
-			/** parameter returns the previous position of the node/connector
-			 */
-			oldValue?: any;
-
-			/** parameter returns the new position of the node/connector
-			 */
-			newValue?: any;
-
-			/** parameter returns the state of drag event (Starting, dragging, completed)
-			 */
-			dragState?: string;
-
-			/** parameter returns whether or not to cancel the drag event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter returns the offset of the selecteditems
-			 */
-			offset?: any;
-		}
-
-		export interface DragEnterEventArgs {
-
-			/** parameter returns the node or connector that is dragged into diagram
-			 */
-			element?: any;
-
-			/** parameter returns whether to add or remove the symbol from diagram
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface DragLeaveEventArgs {
-
-			/** parameter returns the node or connector that is dragged outside of the diagram
-			 */
-			element?: any;
-
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface DragOverEventArgs {
-
-			/** parameter returns the node or connector that is dragged over diagram
-			 */
-			element?: any;
-
-			/** parameter defines whether the symbol can be dropped at the current mouse position
-			 */
-			allowDrop?: boolean;
-
-			/** parameter returns the node/connector over which the symbol is dragged
-			 */
-			target?: any;
-
-			/** parameter returns the previous position of the node/connector
-			 */
-			oldValue?: any;
-
-			/** parameter returns the new position of the node/connector
-			 */
-			newValue?: any;
-
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface DropEventArgs {
-
-			/** parameter returns node or connector that is being dropped
-			 */
-			element?: any;
-
-			/** parameter returns whether or not to cancel the drop event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the object from where the element is dragged
-			 */
-			source?: any;
-
-			/** parameter returns the object over which the object will be dropped
-			 */
-			target?: any;
-
-			/** parameter returns the enum which defines the type of the source
-			 */
-			objectType?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface EditorFocusChangeEventArgs {
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-		}
-
-		export interface GroupChangeEventArgs {
-
-			/** parameter returns the object that is added to/removed from a group
-			 */
-			element?: any;
-
-			/** parameter returns the old parent group(if any) of the object
-			 */
-			oldParent?: any;
-
-			/** parameter returns the new parent group(if any) of the object
-			 */
-			newParent?: any;
-
-			/** parameter returns the cause of group change("group", unGroup")
-			 */
-			cause?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface HistoryChangeEventArgs {
-
-			/** An array of objects, where each object represents the changes made in last undo/redo. To explore how the changes are defined, refer [Undo Redo Changes](#undo-redo-changes)
-			 */
-			changes?: any[];
-
-			/** A collection of objects that are changed in the last undo/redo
-			 */
-			Source?: any[];
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the model of the diagram
-			 */
-			cause?: boolean;
-		}
-
-		export interface ItemClickEventArgs {
-
-			/** parameter returns the object that was actually clicked
-			 */
-			actualObject?: any;
-
-			/** parameter returns the object that is selected
-			 */
-			selectedObject?: any;
-
-			/** parameter returns whether or not to cancel the drop event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the model of the diagram
-			 */
-			event?: any;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface MouseEnterEventArgs {
-
-			/** parameter returns the target node or connector
-			 */
-			element?: any;
-
-			/** parameter returns the object from where the selected object is dragged
-			 */
-			source?: any;
-
-			/** parameter returns the target object over which the selected object is dragged
-			 */
-			target?: any;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-		}
-
-		export interface MouseLeaveEventArgs {
-
-			/** parameter returns the target node or connector
-			 */
-			element?: any;
-
-			/** parameter returns the object from where the selected object is dragged
-			 */
-			source?: any;
-
-			/** parameter returns the target object over which the selected object is dragged
-			 */
-			target?: any;
-
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface MouseOverEventArgs {
-
-			/** parameter returns the target node or connector
-			 */
-			element?: any;
-
-			/** parameter returns the object from where the element is dragged
-			 */
-			source?: any;
-
-			/** parameter returns the object over which the element is being dragged.
-			 */
-			target?: any;
-
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface NodeCollectionChangeEventArgs {
-
-			/** parameter returns whether the node is to be added or removed
-			 */
-			changeType?: string;
-
-			/** parameter returns the node which needs to be added or deleted
-			 */
-			element?: any;
-
-			/** parameter defines whether to cancel the collection change or not
-			 */
-			cancel?: boolean;
-
-			/** triggers before and after adding the node in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the node
-			 */
-			state?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface PropertyChangeEventArgs {
-
-			/** parameter returns the selected element
-			 */
-			element?: any;
-
-			/** parameter returns the action is nudge or not
-			 */
-			cause?: string;
-
-			/** parameter returns the new value of the node property that is being changed
-			 */
-			newValue?: any;
-
-			/** parameter returns the old value of the property that is being changed
-			 */
-			oldValue?: any;
-
-			/** parameter returns the name of the property that is changed
-			 */
-			propertyName?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter defines whether to cancel the property change or not
-			 */
-			cancel?: boolean;
-		}
-
-		export interface RotationChangeEventArgs {
-
-			/** parameter returns the node that is rotated
-			 */
-			element?: any;
-
-			/** parameter returns the previous rotation angle
-			 */
-			oldValue?: any;
-
-			/** parameter returns the new rotation angle
-			 */
-			newValue?: any;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter returns the actual click event arguments that explains which button is clicked
-			 */
-			cause?: string;
-		}
-
-		export interface ScrollChangeEventArgs {
-
-			/** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
-			 */
-			newValues?: any;
-
-			/** parameter returns the previous zoom value, horizontal and vertical scroll offsets.
-			 */
-			oldValues?: any;
-
-			/** parameter returns whether or not to cancel the dragOver event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
-			 */
-			cause?: string;
-		}
-
-		export interface SegmentChangeEventArgs {
-
-			/** Parameter returns the connector that is being edited
-			 */
-			element?: any;
-
-			/** parameter returns the state of editing (starting, dragging, completed)
-			 */
-			dragState?: string;
-
-			/** parameter returns the current mouse position
-			 */
-			point?: any;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface SelectionChangeEventArgs {
-
-			/** parameter returns whether the item is selected or removed selection
-			 */
-			changeType?: string;
-
-			/** parameter returns the item which is selected or to be selected
-			 */
-			element?: any;
-
-			/** parameter returns the collection of nodes and connectors that have to be removed from selection list
-			 */
-			oldItems?: any[];
-
-			/** parameter returns the collection of nodes and connectors that have to be added to selection list
-			 */
-			newItems?: any[];
-
-			/** parameter returns the collection of nodes and connectors that will be selected after selection change
-			 */
-			selectedItems?: any[];
-
-			/** parameter to specify whether or not to cancel the selection change event
-			 */
-			cancel?: boolean;
-
-			/** triggers before and after adding the selection to the object in the diagram which can be differentiated through `state` argument. We can cancel the event only
-			 * before the selection of the object.
-			 */
-			state?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter returns the actual cause of the event
-			 */
-			cause?: string;
-		}
-
-		export interface SizeChangeEventArgs {
-
-			/** parameter returns node that was resized
-			 */
-			element?: any;
-
-			/** parameter to cancel the size change
-			 */
-			cancel?: boolean;
-
-			/** parameter returns the new width, height, offsetX and offsetY values of the element that is being resized
-			 */
-			newValue?: any;
-
-			/** parameter returns the previous width,height,offsetX and offsetY values of the element that is being resized
-			 */
-			oldValue?: any;
-
-			/** parameter returns the state of resizing(starting,resizing,completed)
-			 */
-			resizeState?: string;
-
-			/** parameter returns the difference between new and old value
-			 */
-			offset?: any;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter returns the direction of the node is resized
-			 */
-			direction?: string;
-		}
-
-		export interface TextChangeEventArgs {
-
-			/** parameter returns the node that contains the text being edited
-			 */
-			element?: any;
-
-			/** parameter returns the new text
-			 */
-			value?: string;
-
-			/** parameter returns the keyCode of the key entered
-			 */
-			keyCode?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-
-			/** parameter to specify whether or not to cancel the event
-			 */
-			cancel?: boolean;
-		}
-
-		export interface CreateEventArgs {
-
-			/** Returns the diagram model.
-			 */
-			model?: any;
-
-			/** Returns the name of the event
-			 */
-			type?: string;
-
-			/** parameter returns the id of the diagram
-			 */
-			diagramId?: string;
-		}
-
-		export interface BackgroundImage {
-
-			/** Defines how to align the background image over the diagram area.
-			 * @Default {ej.datavisualization.Diagram.ImageAlignment.XMidYMid}
-			 */
-			alignment?: ej.datavisualization.Diagram.ImageAlignment | string;
-		}
-
-		export interface CommandManagerCommandsGesture {
-
-			/** Sets the key value, on recognition of which the command will be executed.
-			 * @Default {ej.datavisualization.Diagram.Keys.None}
-			 */
-			key?: ej.datavisualization.Diagram.Keys | string;
-
-			/** Sets a combination of key modifiers, on recognition of which the command will be executed.
-			 * @Default {ej.datavisualization.Diagram.KeyModifiers.None}
-			 */
-			keyModifiers?: ej.datavisualization.Diagram.KeyModifiers | string;
-		}
-
-		export interface CommandManagerCommands {
-
-			/** A method that defines whether the command is executable at the moment or not.
-			 */
-			canExecute?: any;
-
-			/** A method that defines what to be executed when the key combination is recognized.
-			 */
-			execute?: any;
-
-			/** Defines a combination of keys and key modifiers, on recognition of which the command will be executed
-			 */
-			gesture?: CommandManagerCommandsGesture;
-
-			/** Defines any additional parameters that are required at runtime
-			 * @Default {null}
-			 */
-			parameter?: any;
-		}
-
-		export interface CommandManager {
-
-			/** An object that maps a set of command names with the corresponding command objects
-			 * @Default {{}}
-			 */
-			commands?: CommandManagerCommands;
-		}
-
-		export interface ConnectorsLabelsMargin {
-
-			/** To set the margin of the label in right direction
-			 * @Default {0}
-			 */
-			right?: number;
-
-			/** To set the margin of the label in left direction
-			 * @Default {0}
-			 */
-			left?: number;
-
-			/** To set the margin of the label in top direction
-			 * @Default {0}
-			 */
-			top?: number;
-
-			/** To set the margin of the label in bottom direction
-			 * @Default {0}
-			 */
-			bottom?: number;
-		}
-
-		export interface ConnectorsLabel {
-
-			/** Defines how the label should be aligned with respect to the segment
-			 * @Default {ej.datavisualization.Diagram.Alignment.Center}
-			 */
-			alignment?: ej.datavisualization.Diagram.Alignment | string;
-
-			/** Enables/disables the bold style
-			 * @Default {false}
-			 */
-			bold?: boolean;
-
-			/** Sets the border color of the label
-			 * @Default {transparent}
-			 */
-			borderColor?: string;
-
-			/** Sets the border width of the label
-			 * @Default {0}
-			 */
-			borderWidth?: number;
-
-			/** Defines whether the label should be aligned within the connector boundaries
-			 * @Default {true}
-			 */
-			boundaryConstraints?: boolean;
-
-			/** Sets the fill color of the text area
-			 * @Default {transparent}
-			 */
-			fillColor?: string;
-
-			/** Sets the font color of the text
-			 * @Default {black}
-			 */
-			fontColor?: string;
-
-			/** Sets the font family of the text
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Defines the font size of the text
-			 * @Default {12}
-			 */
-			fontSize?: number;
-
-			/** Sets the horizontal alignment of the label.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-			 */
-			horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** Sets the hyperlink for the labels in the connectors.
-			 * @Default {none}
-			 */
-			hyperlink?: string;
-
-			/** Enables/disables the italic style
-			 * @Default {false}
-			 */
-			italic?: boolean;
-
-			/** Gets whether the label is currently being edited or not.
-			 * @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
-			 */
-			mode?: ej.datavisualization.Diagram.LabelEditMode | string;
-
-			/** Sets the unique identifier of the label
-			 */
-			name?: string;
-
-			/** Sets the fraction/ratio(relative to connector) that defines the position of the label
-			 * @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
-			 */
-			offset?: any;
-
-			/** Sets the fraction/ratio(relative to connector) that defines the position of the label
-			 * @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
-			 */
-			margin?: ConnectorsLabelsMargin;
-
-			/** Defines the transparency of labels
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Defines whether the label is editable or not
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Defines whether the label should be positioned whether relative to segments or connector boundaries
-			 * @Default {ej.datavisualization.Diagram.LabelRelativeMode.SegmentPath}
-			 */
-			relativeMode?: ej.datavisualization.Diagram.LabelRelativeMode | string;
-
-			/** Defines the angle to which the label needs to be rotated
-			 * @Default {0}
-			 */
-			rotateAngle?: number;
-
-			/** Sets the position of the label with respect to the total segment length
-			 * @Default {0.5}
-			 */
-			segmentOffset?: string;
-
-			/** Defines the label text
-			 */
-			text?: string;
-
-			/** Defines how to align the text inside the label.
-			 * @Default {ej.datavisualization.Diagram.TextAlign.Center}
-			 */
-			textAlign?: ej.datavisualization.Diagram.TextAlign | string;
-
-			/** Sets how to decorate the label text.
-			 * @Default {ej.datavisualization.Diagram.TextDecorations.None}
-			 */
-			textDecoration?: ej.datavisualization.Diagram.TextDecorations | string;
-
-			/** Sets the vertical alignment of the label.
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-			 */
-			verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment | string;
-
-			/** Enables or disables the visibility of the label
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Sets the width of the label(the maximum value of label width and the connector width will be considered as label width)
-			 * @Default {50}
-			 */
-			width?: number;
-
-			/** Defines how the label text needs to be wrapped.
-			 * @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
-			 */
-			wrapping?: ej.datavisualization.Diagram.TextWrapping | string;
-		}
-
-		export interface ConnectorsSegment {
-
-			/** Sets the direction of orthogonal segment
-			 */
-			direction?: string;
-
-			/** Describes the length of orthogonal segment
-			 * @Default {undefined}
-			 */
-			length?: number;
-
-			/** Describes the end point of bezier/straight segment
-			 * @Default {Diagram.Point()}
-			 */
-			point?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-			/** Defines the first control point of the bezier segment
-			 * @Default {null}
-			 */
-			point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-			/** Defines the second control point of bezier segment
-			 * @Default {null}
-			 */
-			point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-			/** Sets the type of the segment.
-			 * @Default {ej.datavisualization.Diagram.Segments.Straight}
-			 */
-			type?: ej.datavisualization.Diagram.Segments | string;
-
-			/** Describes the length and angle between the first control point and the start point of bezier segment
-			 * @Default {null}
-			 */
-			vector1?: any;
-
-			/** Describes the length and angle between the second control point and end point of bezier segment
-			 * @Default {null}
-			 */
-			vector2?: any;
-		}
-
-		export interface ConnectorsShapeMultiplicitySource {
-
-			/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-			 * @Default {true}
-			 */
-			optional?: boolean;
-
-			/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-			 * @Default {null}
-			 */
-			lowerBounds?: number;
-
-			/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-			 * @Default {null}
-			 */
-			upperBounds?: number;
-		}
-
-		export interface ConnectorsShapeMultiplicity {
-
-			/** Sets the type of the multiplicity. Applicable, if the connector is of type &quot;classifier&quot;
-			 * @Default {ej.datavisualization.Diagram.Multiplicity.OneToOne}
-			 */
-			type?: ej.datavisualization.Diagram.Multiplicity | string;
-
-			/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-			 */
-			source?: ConnectorsShapeMultiplicitySource;
-
-			/** Defines the target label to connector. Applicable, if the connector is of type &quot;UML&quot;
-			 * @Default {true}
-			 */
-			target?: ej.datavisualization.Diagram.ConnectorsShapeMultiplicitySource;
-		}
-
-		export interface ConnectorsShape {
-
-			/** Sets the type of the connector
-			 * @Default {ej.datavisualization.Diagram.ConnectorShapes.BPMN}
-			 */
-			type?: ej.datavisualization.Diagram.ConnectorShapes | string;
-
-			/** Sets the type of the flow in a BPMN Process
-			 * @Default {ej.datavisualization.Diagram.BPMNFlows.Sequence}
-			 */
-			flow?: ej.datavisualization.Diagram.BPMNFlows | string;
-
-			/** Sets the type of the Association in a BPMN Process
-			 * @Default {ej.datavisualization.Diagram.AssociationFlows.Default}
-			 */
-			association?: ej.datavisualization.Diagram.AssociationFlows | string;
-
-			/** Sets the type of the message flow. Applicable, if the connector is of type &quot;BPMN&quot;
-			 * @Default {ej.datavisualization.Diagram.BPMNMessageFlows.Default}
-			 */
-			message?: ej.datavisualization.Diagram.BPMNMessageFlows | string;
-
-			/** Sets the type of BPMN sequence flow
-			 * @Default {ej.datavisualization.Diagram.BPMNSequenceFlows.Normal}
-			 */
-			sequence?: ej.datavisualization.Diagram.BPMNSequenceFlows | string;
-
-			/** Defines the role of the connector in a UML Class Diagram. Applicable, if the type of the connector is &quot;classifier&quot;.
-			 * @Default {ej.datavisualization.Diagram.ClassifierShapes.Association}
-			 */
-			relationship?: ej.datavisualization.Diagram.ClassifierShapes | string;
-
-			/** Defines the multiplicity option of the connector
-			 * @Default {null}
-			 */
-			multiplicity?: ConnectorsShapeMultiplicity;
-
-			/** Defines the shape of UMLActivity to connector. Applicable, if the connector is of type UMLActivity
-			 * @Default {ej.datavisualization.Diagram.UMLActivityFlow.Control}
-			 */
-			ActivityFlow?: ej.datavisualization.Diagram.UMLActivityFlow | string;
-		}
-
-		export interface ConnectorsSourceDecorator {
-
-			/** Sets the border color of the source decorator
-			 * @Default {black}
-			 */
-			borderColor?: string;
-
-			/** Sets the border width of the decorator
-			 * @Default {1}
-			 */
-			borderWidth?: number;
-
-			/** Sets the fill color of the source decorator
-			 * @Default {black}
-			 */
-			fillColor?: string;
-
-			/** Sets the height of the source decorator
-			 * @Default {8}
-			 */
-			height?: number;
-
-			/** Defines the custom shape of the source decorator
-			 */
-			pathData?: string;
-
-			/** Defines the shape of the source decorator.
-			 * @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
-			 */
-			shape?: ej.datavisualization.Diagram.DecoratorShapes | string;
-
-			/** Defines the width of the source decorator
-			 * @Default {8}
-			 */
-			width?: number;
-		}
-
-		export interface ConnectorsSourcePoint {
-
-			/** Defines the x-coordinate of a position
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Defines the y-coordinate of a position
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface ConnectorsTargetDecorator {
-
-			/** Sets the border color of the decorator
-			 * @Default {black}
-			 */
-			borderColor?: string;
-
-			/** Sets the color with which the decorator will be filled
-			 * @Default {black}
-			 */
-			fillColor?: string;
-
-			/** Defines the height of the target decorator
-			 * @Default {8}
-			 */
-			height?: number;
-
-			/** Defines the custom shape of the target decorator
-			 */
-			pathData?: string;
-
-			/** Defines the shape of the target decorator.
-			 * @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
-			 */
-			shape?: ej.datavisualization.Diagram.DecoratorShapes | string;
-
-			/** Defines the width of the target decorator
-			 * @Default {8}
-			 */
-			width?: number;
-		}
-
-		export interface Connector {
-
-			/** To maintain additional information about connectors
-			 * @Default {null}
-			 */
-			addInfo?: any;
-
-			/** Defines the width of the line bridges
-			 * @Default {10}
-			 */
-			bridgeSpace?: number;
-
-			/** Enables or disables the behaviors of connectors.
-			 * @Default {ej.datavisualization.Diagram.ConnectorConstraints.Default}
-			 */
-			constraints?: ej.datavisualization.Diagram.ConnectorConstraints | string;
-
-			/** Defines the radius of the rounded corner
-			 * @Default {0}
-			 */
-			cornerRadius?: number;
-
-			/** Configures the styles of shapes
-			 */
-			cssClass?: string;
-
-			/** Sets the horizontal alignment of the connector. Applicable, if the parent of the connector is a container.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
-			 */
-			horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** A collection of JSON objects where each object represents a label.
-			 * @Default {[]}
-			 */
-			labels?: ConnectorsLabel[];
-
-			/** Sets the stroke color of the connector
-			 * @Default {black}
-			 */
-			lineColor?: string;
-
-			/** Sets the pattern of dashes and gaps used to stroke the path of the connector
-			 */
-			lineDashArray?: string;
-
-			/** Defines the padding value to ease the interaction with connectors
-			 * @Default {10}
-			 */
-			lineHitPadding?: number;
-
-			/** Sets the width of the line
-			 * @Default {1}
-			 */
-			lineWidth?: number;
-
-			/** Defines the minimum space to be left between the bottom of parent bounds and the connector. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginBottom?: number;
-
-			/** Defines the minimum space to be left between the left of parent bounds and the connector. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginLeft?: number;
-
-			/** Defines the minimum space to be left between the right of parent bounds and the connector. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginRight?: number;
-
-			/** Defines the minimum space to be left between the top of parent bounds and the connector. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginTop?: number;
-
-			/** Sets a unique name for the connector
-			 */
-			name?: string;
-
-			/** Defines the transparency of the connector
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Defines the size and preview size of the node to add that to symbol palette. To explore palette item, refer Palette Item
-			 * @Default {null}
-			 */
-			paletteItem?: any;
-
-			/** Sets the parent name of the connector.
-			 */
-			parent?: string;
-
-			/** An array of JSON objects where each object represents a segment
-			 * @Default {[ { type:straight } ]}
-			 */
-			segments?: ConnectorsSegment[];
-
-			/** Defines the role/meaning of the connector
-			 * @Default {null}
-			 */
-			shape?: ConnectorsShape;
-
-			/** Defines the source decorator of the connector
-			 * @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
-			 */
-			sourceDecorator?: ConnectorsSourceDecorator;
-
-			/** Sets the source node of the connector
-			 */
-			sourceNode?: string;
-
-			/** Defines the space to be left between the source node and the source point of a connector
-			 * @Default {0}
-			 */
-			sourcePadding?: number;
-
-			/** Describes the start point of the connector
-			 * @Default {ej.datavisualization.Diagram.Point()}
-			 */
-			sourcePoint?: ConnectorsSourcePoint;
-
-			/** Sets the source port of the connector
-			 */
-			sourcePort?: string;
-
-			/** Defines the target decorator of the connector
-			 * @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
-			 */
-			targetDecorator?: ConnectorsTargetDecorator;
-
-			/** Sets the target node of the connector
-			 */
-			targetNode?: string;
-
-			/** Defines the space to be left between the target node and the target point of the connector
-			 * @Default {0}
-			 */
-			targetPadding?: number;
-
-			/** Describes the end point of the connector
-			 * @Default {ej.datavisualization.Diagram.Point()}
-			 */
-			targetPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-			/** Sets the targetPort of the connector
-			 */
-			targetPort?: string;
-
-			/** Defines the tooltip that should be shown when the mouse hovers over connector. For tooltip properties, refer Tooltip
-			 * @Default {null}
-			 */
-			tooltip?: any;
-
-			/** To set the vertical alignment of connector (Applicable,if the parent is group).
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
-			 */
-			verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment | string;
-
-			/** Enables or disables the visibility of connector
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Sets the z-index of the connector
-			 * @Default {0}
-			 */
-			zOrder?: number;
-		}
-
-		export interface ContextMenuItem {
-
-			/** Defines the text for the collection of context menu item
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Defines the name for the collection of context menu items
-			 * @Default {null}
-			 */
-			name?: string;
-
-			/** Defines the image url for the collection of context menu items
-			 * @Default {null}
-			 */
-			imageUrl?: string;
-
-			/** Defines the CssClass for the collection of context menu items
-			 * @Default {null}
-			 */
-			cssClass?: string;
-
-			/** Defines the collection of sub items for the context menu items
-			 * @Default {[]}
-			 */
-			subItems?: any[];
-		}
-
-		export interface ContextMenu {
-
-			/** Defines the collection of context menu items
-			 * @Default {[]}
-			 */
-			items?: ContextMenuItem[];
-
-			/** To set whether to display the default context menu items or not
-			 * @Default {false}
-			 */
-			showCustomMenuItemsOnly?: boolean;
-		}
-
-		export interface DataSourceSettingsCrudAction {
-
-			/** Specifies the create method which is used to get the nodes to be added from client side to the server side
-			 * @Default {null}
-			 */
-			create?: string;
-
-			/** Specifies the update method which is used to get the updated data from client side to the server side
-			 * @Default {null}
-			 */
-			update?: string;
-
-			/** Specifies the destroy method which is used to get the deleted items data from client side to the server side
-			 * @Default {null}
-			 */
-			destroy?: string;
-
-			/** Specifies the read method to get the created nodes from client side to the server side
-			 * @Default {null}
-			 */
-			read?: string;
-		}
-
-		export interface DataSourceSettingsConnectionDataSourceCrudAction {
-
-			/** Specifies the create method which is used to get the connectors to be added from client side to the server side
-			 * @Default {null}
-			 */
-			create?: string;
-
-			/** Specifies the update method which is used to get the updated connectors from client side to the server side
-			 * @Default {null}
-			 */
-			update?: string;
-
-			/** Specifies the destroy method which is used to get the deleted items data from client side to the server side
-			 * @Default {null}
-			 */
-			destroy?: string;
-
-			/** Specifies the read method which is used to get the data from client side to the server side
-			 * @Default {null}
-			 */
-			read?: string;
-		}
-
-		export interface DataSourceSettingsConnectionDataSource {
-
-			/** Sets the datasource for the connection datasource settings items.
-			 * @Default {null}
-			 */
-			dataSource?: string;
-
-			/** Sets the unique id of the connection data source item
-			 * @Default {null}
-			 */
-			id?: string;
-
-			/** Sets the sourcenode of the connection data source item
-			 * @Default {null}
-			 */
-			sourceNode?: string;
-
-			/** Sets the targetnode of the connection data source item
-			 * @Default {null}
-			 */
-			targetNode?: string;
-
-			/** Sets the sourcepoint-x value of the connection data source item
-			 * @Default {null}
-			 */
-			sourcePointX?: string;
-
-			/** Sets the sourcePoint-y value of the connection data source item
-			 * @Default {null}
-			 */
-			sourcePointY?: string;
-
-			/** Sets the targetPoint-x value of the connection data source item
-			 * @Default {null}
-			 */
-			targetPointX?: string;
-
-			/** Sets the targetPoint-y value of the connection data source item
-			 * @Default {null}
-			 */
-			targetPointY?: string;
-
-			/** Specifies the method name which is used to get updated connectors from client side to the server side
-			 * @Default {null}
-			 */
-			crudAction?: DataSourceSettingsConnectionDataSourceCrudAction;
-
-			/** Specifies the customfields to get the updated data from client side to the server side
-			 * @Default {[]}
-			 */
-			customFields?: any[];
-		}
-
-		export interface DataSourceSettings {
-
-			/** Defines the data source either as a collection of objects or as an instance of ej.DataManager
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Sets the unique id of the data source items
-			 */
-			id?: string;
-
-			/** Defines the parent id of the data source item
-			 * @Default {''}
-			 */
-			parent?: string;
-
-			/** Describes query to retrieve a set of data from the specified datasource
-			 * @Default {null}
-			 */
-			query?: string;
-
-			/** Sets the unique id of the root data source item
-			 */
-			root?: string;
-
-			/** Describes the name of the table on which the specified query has to be executed
-			 * @Default {null}
-			 */
-			tableName?: string;
-
-			/** Specifies the method name which is used to get the updated data from client side to the server side
-			 * @Default {null}
-			 */
-			crudAction?: DataSourceSettingsCrudAction;
-
-			/** Specifies the customfields to get the updated data from client side to the server side
-			 * @Default {[]}
-			 */
-			customFields?: any[];
-
-			/** Defines the data source either as a collection of objects or as an instance of ej.DataManager
-			 * @Default {null}
-			 */
-			connectionDataSource?: DataSourceSettingsConnectionDataSource;
-		}
-
-		export interface DefaultSettings {
-
-			/** Initializes the default connector properties
-			 * @Default {null}
-			 */
-			connector?: any;
-
-			/** Initializes the default properties of groups
-			 * @Default {null}
-			 */
-			group?: any;
-
-			/** Initializes the default properties for nodes
-			 * @Default {null}
-			 */
-			node?: any;
-		}
-
-		export interface HistoryManager {
-
-			/** A method that takes a history entry as argument and returns whether the specific entry can be popped or not
-			 */
-			canPop?: any;
-
-			/** A method that ends grouping the changes
-			 */
-			closeGroupAction?: any;
-
-			/** A method that removes the history of a recent change made in diagram
-			 */
-			pop?: any;
-
-			/** A method that allows to track the custom changes made in diagram
-			 */
-			push?: any;
-
-			/** Defines what should be happened while trying to restore a custom change
-			 * @Default {null}
-			 */
-			redo?: any;
-
-			/** The redoStack property is used to get the number of redo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
-			 * @Default {[]}
-			 */
-			redoStack?: any[];
-
-			/** The stackLimit property used to restrict the undo and redo actions to a certain limit.
-			 * @Default {null}
-			 */
-			stackLimit?: number;
-
-			/** A method that starts to group the changes to revert/restore them in a single undo or redo
-			 */
-			startGroupAction?: any;
-
-			/** Defines what should be happened while trying to revert a custom change
-			 */
-			undo?: any;
-
-			/** The undoStack property is used to get the number of undo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
-			 * @Default {[]}
-			 */
-			undoStack?: any[];
-		}
-
-		export interface Layout {
-
-			/** Specifies the custom bounds to arrange/align the layout
-			 * @Default {ej.datavisualization.Diagram.Rectangle()}
-			 */
-			bounds?: any;
-
-			/** Defines the fixed node with reference to which, the layout will be arranged and fixed node will not be repositioned
-			 */
-			fixedNode?: string;
-
-			/** Customizes the orientation of trees/sub trees. For orientations, see Chart Orientations. For chart types, see Chart Types
-			 * @Default {null}
-			 */
-			getLayoutInfo?: any;
-
-			/** Defines a method to customize the segments based on source and target nodes.
-			 * @Default {null}
-			 */
-			getConnectorSegments?: any;
-
-			/** Sets the space to be horizontally left between nodes
-			 * @Default {30}
-			 */
-			horizontalSpacing?: number;
-
-			/** Defines the space to be left between layout bounds and layout.
-			 * @Default {ej.datavisualization.Diagram.Margin()}
-			 */
-			margin?: any;
-
-			/** Defines how to horizontally align the layout within the layout bounds
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-			 */
-			horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** Defines how to vertically align the layout within the layout bounds
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-			 */
-			verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment | string;
-
-			/** Sets the orientation/direction to arrange the diagram elements.
-			 * @Default {ej.datavisualization.Diagram.LayoutOrientations.TopToBottom}
-			 */
-			orientation?: ej.datavisualization.Diagram.LayoutOrientations | string;
-
-			/** Sets the type of the layout based on which the elements will be arranged.
-			 * @Default {ej.datavisualization.Diagram.LayoutTypes.None}
-			 */
-			type?: ej.datavisualization.Diagram.LayoutTypes | string;
-
-			/** Sets the space to be vertically left between nodes
-			 * @Default {30}
-			 */
-			verticalSpacing?: number;
-		}
-
-		export interface NodesAnnotation {
-
-			/** Sets the angle between the BPMN shape and the annotation
-			 * @Default {0}
-			 */
-			angle?: number;
-
-			/** Sets the direction of the text annotation
-			 * @Default {ej.datavisualization.Diagram.BPMNAnnotationDirections.Left}
-			 */
-			direction?: ej.datavisualization.Diagram.BPMNAnnotationDirection | string;
-
-			/** Sets the height of the text annotation
-			 * @Default {20}
-			 */
-			height?: number;
-
-			/** Sets the distance between the BPMN shape and the annotation
-			 * @Default {0}
-			 */
-			length?: number;
-
-			/** Defines the additional information about the flow object in a BPMN Process
-			 */
-			text?: string;
-
-			/** Sets the  width of the text annotation
-			 * @Default {20}
-			 */
-			width?: number;
-		}
-
-		export interface NodesClassAttribute {
-
-			/** Sets the name of the attribute
-			 */
-			name?: string;
-
-			/** Sets the data type of attribute
-			 */
-			type?: string;
-
-			/** Defines the visibility of the attribute
-			 * @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
-			 */
-			scope?: string;
-		}
-
-		export interface NodesClassMethod {
-
-			/** Sets the visibility of the method.
-			 * @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
-			 */
-			scope?: string;
-		}
-
-		export interface NodesClass {
-
-			/** Sets the name of class.
-			 */
-			name?: string;
-
-			/** Defines the collection of attributes
-			 * @Default {[]}
-			 */
-			attributes?: NodesClassAttribute[];
-
-			/** Defines the collection of methods of a Class.
-			 * @Default {[]}
-			 */
-			methods?: NodesClassMethod[];
-		}
-
-		export interface NodesCollapseIcon {
-
-			/** Sets the border color for collapse icon of node
-			 * @Default {black}
-			 */
-			borderColor?: string;
-
-			/** Sets the border width for collapse icon of node
-			 * @Default {1}
-			 */
-			borderWidth?: number;
-
-			/** Sets the fill color for collapse icon of node
-			 * @Default {white}
-			 */
-			fillColor?: string;
-
-			/** Defines the height for collapse icon of node
-			 * @Default {15}
-			 */
-			height?: number;
-
-			/** Sets the horizontal alignment of the icon.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-			 */
-			horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** To set the margin for the collapse icon of node
-			 * @Default {ej.datavisualization.Diagram.Margin()}
-			 */
-			margin?: any;
-
-			/** Sets the fraction/ratio(relative to node) that defines the position of the icon
-			 * @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
-			 */
-			offset?: any;
-
-			/** Defines the shape of the collapsed state of the node.
-			 * @Default {ej.datavisualization.Diagram.IconShapes.None}
-			 */
-			shape?: ej.datavisualization.Diagram.IconShapes | string;
-
-			/** Sets the vertical alignment of the icon.
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-			 */
-			verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment | string;
-		}
-
-		export interface NodesContainer {
-
-			/** Defines the orientation of the container. Applicable, if the group is a container.
-			 * @Default {vertical}
-			 */
-			orientation?: string;
-
-			/** Sets the type of the container. Applicable if the group is a container.
-			 * @Default {ej.datavisualization.Diagram.ContainerType.Canvas}
-			 */
-			type?: ej.datavisualization.Diagram.ContainerType | string;
-		}
-
-		export interface NodesData {
-
-			/** Sets the type of the BPMN Data object
-			 * @Default {ej.datavisualization.Diagram.BPMNDataObjects.None}
-			 */
-			type?: ej.datavisualization.Diagram.BPMNDataObjects | string;
-
-			/** Defines whether the BPMN data object is a collection or not
-			 * @Default {false}
-			 */
-			collection?: boolean;
-		}
-
-		export interface NodesEnumerationMember {
-
-			/** Sets the name of the enumeration member
-			 */
-			name?: string;
-		}
-
-		export interface NodesEnumeration {
-
-			/** Sets the name of the Enumeration
-			 */
-			name?: string;
-
-			/** Defines the collection of enumeration members
-			 * @Default {[]}
-			 */
-			members?: NodesEnumerationMember[];
-		}
-
-		export interface NodesExpandIcon {
-
-			/** Sets the border color for expand icon of node
-			 * @Default {black}
-			 */
-			borderColor?: string;
-
-			/** Sets the border width for expand icon of node
-			 * @Default {1}
-			 */
-			borderWidth?: number;
-
-			/** Sets the fill color for expand icon of node
-			 * @Default {white}
-			 */
-			fillColor?: string;
-
-			/** Defines the height for expand icon of node
-			 * @Default {15}
-			 */
-			height?: number;
-
-			/** Sets the horizontal alignment of the icon.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-			 */
-			horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** To set the margin for the expand icon of node
-			 * @Default {ej.datavisualization.Diagram.Margin()}
-			 */
-			margin?: any;
-
-			/** Sets the fraction/ratio(relative to node) that defines the position of the icon
-			 * @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
-			 */
-			offset?: any;
-
-			/** Defines the shape of the expanded state of the node.
-			 * @Default {ej.datavisualization.Diagram.IconShapes.None}
-			 */
-			shape?: ej.datavisualization.Diagram.IconShapes | string;
-
-			/** Sets the vertical alignment of the icon.
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-			 */
-			verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment | string;
-		}
-
-		export interface NodesGradientLinearGradient {
-
-			/** Defines the different colors and the region of color transitions
-			 * @Default {[]}
-			 */
-			stops?: any[];
-
-			/** Defines the left most position(relative to node) of the rectangular region that needs to be painted
-			 * @Default {0}
-			 */
-			x1?: number;
-
-			/** Defines the right most position(relative to node) of the rectangular region that needs to be painted
-			 * @Default {0}
-			 */
-			x2?: number;
-
-			/** Defines the top most position(relative to node) of the rectangular region that needs to be painted
-			 * @Default {0}
-			 */
-			y1?: number;
-
-			/** Defines the bottom most position(relative to node) of the rectangular region that needs to be painted
-			 * @Default {0}
-			 */
-			y2?: number;
-		}
-
-		export interface NodesGradientRadialGradient {
-
-			/** Defines the position of the outermost circle
-			 * @Default {0}
-			 */
-			cx?: number;
-
-			/** Defines the outer most circle of the radial gradient
-			 * @Default {0}
-			 */
-			cy?: number;
-
-			/** Defines the innermost circle of the radial gradient
-			 * @Default {0}
-			 */
-			fx?: number;
-
-			/** Defines the innermost circle of the radial gradient
-			 * @Default {0}
-			 */
-			fy?: number;
-
-			/** Defines the different colors and the region of color transitions.
-			 * @Default {[]}
-			 */
-			stops?: any[];
-		}
-
-		export interface NodesGradientStop {
-
-			/** Sets the color to be filled over the specified region
-			 */
-			color?: string;
-
-			/** Sets the position where the previous color transition ends and a new color transition starts
-			 * @Default {0}
-			 */
-			offset?: number;
-
-			/** Describes the transparency level of the region
-			 * @Default {1}
-			 */
-			opacity?: number;
-		}
-
-		export interface NodesGradient {
-
-			/** Paints the node with linear color transitions
-			 */
-			LinearGradient?: NodesGradientLinearGradient;
-
-			/** Paints the node with radial color transitions. A focal point defines the beginning of the gradient, and a circle defines the end point of the gradient.
-			 */
-			RadialGradient?: NodesGradientRadialGradient;
-
-			/** Defines the color and a position where the previous color transition ends and a new color transition starts
-			 */
-			Stop?: NodesGradientStop;
-		}
-
-		export interface NodesInterfaceAttribute {
-
-			/** Sets the name of the attribute
-			 */
-			name?: string;
-
-			/** Sets the type of the attribute
-			 */
-			type?: string;
-
-			/** Sets the visibility of the attribute
-			 */
-			scope?: string;
-		}
-
-		export interface NodesInterfaceMethod {
-
-			/** Sets the visibility of the method
-			 */
-			scope?: string;
-		}
-
-		export interface NodesInterface {
-
-			/** Sets the name of the interface
-			 */
-			name?: string;
-
-			/** Defines a collection of attributes of the interface
-			 * @Default {[]}
-			 */
-			attributes?: NodesInterfaceAttribute[];
-
-			/** Defines the collection of public methods of an interface
-			 * @Default {[]}
-			 */
-			methods?: NodesInterfaceMethod[];
-		}
-
-		export interface NodesLabel {
-
-			/** Enables/disables the bold style
-			 * @Default {false}
-			 */
-			bold?: boolean;
-
-			/** Sets the border color of the label
-			 * @Default {transparent}
-			 */
-			borderColor?: string;
-
-			/** Sets the border width of the label
-			 * @Default {0}
-			 */
-			borderWidth?: number;
-
-			/** Sets the fill color of the text area
-			 * @Default {transparent}
-			 */
-			fillColor?: string;
-
-			/** Sets the font color of the text
-			 * @Default {black}
-			 */
-			fontColor?: string;
-
-			/** Sets the font family of the text
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Defines the font size of the text
-			 * @Default {12}
-			 */
-			fontSize?: number;
-
-			/** Sets the horizontal alignment of the label.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-			 */
-			horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** Enables/disables the italic style
-			 * @Default {false}
-			 */
-			italic?: boolean;
-
-			/** To set the margin of the label
-			 * @Default {ej.datavisualization.Diagram.Margin()}
-			 */
-			margin?: any;
-
-			/** Gets whether the label is currently being edited or not.
-			 * @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
-			 */
-			mode?: ej.datavisualization.Diagram.LabelEditMode | string;
-
-			/** Sets the unique identifier of the label
-			 */
-			name?: string;
-
-			/** Sets the fraction/ratio(relative to node) that defines the position of the label
-			 * @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
-			 */
-			offset?: any;
-
-			/** Defines the transparency of the labels
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Sets the overflowType of the labels
-			 * @Default {ej.datavisualization.Diagram.OverflowType.Ellipsis}
-			 */
-			overflowType?: ej.datavisualization.Diagram.OverflowType | string;
-
-			/** Defines whether the label is editable or not
-			 * @Default {false}
-			 */
-			readOnly?: boolean;
-
-			/** Defines the angle to which the label needs to be rotated
-			 * @Default {0}
-			 */
-			rotateAngle?: number;
-
-			/** Defines the label text
-			 */
-			text?: string;
-
-			/** Defines how to align the text inside the label.
-			 * @Default {ej.datavisualization.Diagram.TextAlign.Center}
-			 */
-			textAlign?: ej.datavisualization.Diagram.TextAlign | string;
-
-			/** Sets how to decorate the label text.
-			 * @Default {ej.datavisualization.Diagram.TextDecorations.None}
-			 */
-			textDecoration?: ej.datavisualization.Diagram.TextDecorations | string;
-
-			/** Defines the overflowed content is displayed or not.
-			 * @Default {false}
-			 */
-			textOverflow?: boolean;
-
-			/** Sets the vertical alignment of the label.
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-			 */
-			verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment | string;
-
-			/** Enables or disables the visibility of the label
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Sets the width of the label(the maximum value of label width and the node width will be considered as label width)
-			 * @Default {50}
-			 */
-			width?: number;
-
-			/** Defines how the label text needs to be wrapped.
-			 * @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
-			 */
-			wrapping?: ej.datavisualization.Diagram.TextWrapping | string;
-		}
-
-		export interface NodesLane {
-
-			/** Defines the width of lane
-			 * @Default {0}
-			 */
-			width?: number;
-
-			/** Defines the height of lane
-			 * @Default {0}
-			 */
-			height?: number;
-
-			/** Defines the z-index of the lane
-			 * @Default {0}
-			 */
-			zorder?: number;
-
-			/** Allows to maintain additional information about lane
-			 * @Default {{}}
-			 */
-			addInfo?: any;
-
-			/** An array of objects where each object represents a child node of the lane
-			 * @Default {[]}
-			 */
-			children?: any[];
-
-			/** Defines the fill color of the lane
-			 * @Default {white}
-			 */
-			fillColor?: string;
-
-			/** Defines the header of the lane
-			 * @Default {{ text: Function, fontSize: 11 }}
-			 */
-			header?: any;
-
-			/** Defines the object as a lane
-			 * @Default {false}
-			 */
-			isLane?: boolean;
-
-			/** Sets the unique identifier of the lane
-			 */
-			name?: string;
-
-			/** Sets the orientation of the lane.
-			 * @Default {vertical}
-			 */
-			orientation?: string;
-		}
-
-		export interface NodesPaletteItem {
-
-			/** Defines whether the symbol should be drawn at its actual size regardless of precedence factors or not
-			 * @Default {true}
-			 */
-			enableScale?: boolean;
-
-			/** Defines the height of the symbol
-			 * @Default {0}
-			 */
-			height?: number;
-
-			/** Defines the margin of the symbol item
-			 * @Default {{ left: 4, right: 4, top: 4, bottom: 4 }}
-			 */
-			margin?: any;
-
-			/** Defines the preview height of the symbol
-			 * @Default {undefined}
-			 */
-			previewHeight?: number;
-
-			/** Defines the preview width of the symbol
-			 * @Default {undefined}
-			 */
-			previewWidth?: number;
-
-			/** Defines the width of the symbol
-			 * @Default {0}
-			 */
-			width?: number;
-		}
-
-		export interface NodesPhase {
-
-			/** Defines the header of the smaller regions
-			 * @Default {null}
-			 */
-			label?: any;
-
-			/** Defines the line color of the splitter that splits adjacent phases.
-			 * @Default {#606060}
-			 */
-			lineColor?: string;
-
-			/** Sets the dash array that used to stroke the phase splitter
-			 * @Default {3,3}
-			 */
-			lineDashArray?: string;
-
-			/** Sets the lineWidth of the phase
-			 * @Default {1}
-			 */
-			lineWidth?: number;
-
-			/** Sets the unique identifier of the phase
-			 */
-			name?: string;
-
-			/** Sets the length of the smaller region(phase) of a swimlane
-			 * @Default {100}
-			 */
-			offset?: number;
-
-			/** Sets the orientation of the phase
-			 * @Default {horizontal}
-			 */
-			orientation?: string;
-
-			/** Sets the type of the object as phase
-			 * @Default {phase}
-			 */
-			type?: string;
-		}
-
-		export interface NodesPort {
-
-			/** Sets the border color of the port
-			 * @Default {#1a1a1a}
-			 */
-			borderColor?: string;
-
-			/** Sets the stroke width of the port
-			 * @Default {1}
-			 */
-			borderWidth?: number;
-
-			/** Defines the space to be left between the port bounds and its incoming and outgoing connections.
-			 * @Default {0}
-			 */
-			connectorPadding?: number;
-
-			/** Defines whether connections can be created with the port
-			 * @Default {ej.datavisualization.Diagram.PortConstraints.Connect}
-			 */
-			constraints?: ej.datavisualization.Diagram.PortConstraints | string;
-
-			/** Sets the fill color of the port
-			 * @Default {white}
-			 */
-			fillColor?: string;
-
-			/** Sets the unique identifier of the port
-			 */
-			name?: string;
-
-			/** Defines the position of the port as fraction/ ratio relative to node
-			 * @Default {ej.datavisualization.Diagram.Point(0, 0)}
-			 */
-			offset?: any;
-
-			/** Defines the path data to draw the port. Applicable, if the port shape is path.
-			 */
-			pathData?: string;
-
-			/** Defines the shape of the port.
-			 * @Default {ej.datavisualization.Diagram.PortShapes.Square}
-			 */
-			shape?: ej.datavisualization.Diagram.PortShapes | string;
-
-			/** Defines the size of the port
-			 * @Default {8}
-			 */
-			size?: number;
-
-			/** Defines when the port should be visible.
-			 * @Default {ej.datavisualization.Diagram.PortVisibility.Default}
-			 */
-			visibility?: ej.datavisualization.Diagram.PortVisibility | string;
-		}
-
-		export interface NodesShadow {
-
-			/** Defines the angle of the shadow relative to node
-			 * @Default {45}
-			 */
-			angle?: number;
-
-			/** Sets the distance to move the shadow relative to node
-			 * @Default {5}
-			 */
-			distance?: number;
-
-			/** Defines the opaque of the shadow
-			 * @Default {0.7}
-			 */
-			opacity?: number;
-		}
-
-		export interface NodesSubProcess {
-
-			/** Defines whether the BPMN sub process is without any prescribed order or not
-			 * @Default {false}
-			 */
-			adhoc?: boolean;
-
-			/** Sets the boundary of the BPMN process
-			 * @Default {ej.datavisualization.Diagram.BPMNBoundary.Default}
-			 */
-			boundary?: ej.datavisualization.Diagram.BPMNBoundary | string;
-
-			/** Sets whether the BPMN subprocess is triggered as a compensation of a specific activity
-			 * @Default {false}
-			 */
-			compensation?: boolean;
-
-			/** Sets whether the BPMN subprocess is triggered as a collapsed of a specific activity
-			 * @Default {true}
-			 */
-			collapsed?: boolean;
-
-			/** Sets the type of the event by which the sub-process will be triggered
-			 * @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
-			 */
-			event?: ej.datavisualization.Diagram.BPMNEvents | string;
-
-			/** Defines the collection of events that need to be appended with BPMN Sub-Process
-			 */
-			events?: any[];
-
-			/** Defines the loop type of a sub process.
-			 * @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-			 */
-			loop?: ej.datavisualization.Diagram.BPMNLoops | string;
-
-			/** Defines the children for BPMN's SubProcess
-			 * @Default {[]}
-			 */
-			Processes?: any[];
-
-			/** Defines the type of the event trigger
-			 * @Default {ej.datavisualization.Diagram.BPMNTriggers.Message}
-			 */
-			trigger?: ej.datavisualization.Diagram.BPMNTriggers | string;
-
-			/** Defines the type of a sub process
-			 * @Default {ej.datavisualization.Diagram.BPMNSubProcessTypes.None}
-			 */
-			type?: ej.datavisualization.Diagram.BPMNSubProcessTypes | string;
-		}
-
-		export interface NodesTask {
-
-			/** To set whether the task is a global task or not
-			 * @Default {false}
-			 */
-			call?: boolean;
-
-			/** Sets whether the task is triggered as a compensation of another specific activity
-			 * @Default {false}
-			 */
-			compensation?: boolean;
-
-			/** Sets the loop type of a BPMN task.
-			 * @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-			 */
-			loop?: ej.datavisualization.Diagram.BPMNLoops | string;
-
-			/** Sets the type of the BPMN task.
-			 * @Default {ej.datavisualization.Diagram.BPMNTasks.None}
-			 */
-			type?: ej.datavisualization.Diagram.BPMNTasks | string;
-		}
-
-		export interface Node {
-
-			/** Defines the type of BPMN Activity. Applicable, if the node is a BPMN activity.
-			 * @Default {ej.datavisualization.Diagram.BPMNActivity.Task}
-			 */
-			activity?: ej.datavisualization.Diagram.BPMNActivity | string;
-
-			/** To maintain additional information about nodes
-			 * @Default {{}}
-			 */
-			addInfo?: any;
-
-			/** Defines the additional information of a process. It is not directly related to the message flows or sequence flows of the process.
-			 * @Default {ej.datavisualization.Diagram.BPMNTextAnnotation()}
-			 */
-			annotation?: NodesAnnotation;
-
-			/** Sets the border color of node
-			 * @Default {black}
-			 */
-			borderColor?: string;
-
-			/** Sets the pattern of dashes and gaps to stroke the border
-			 */
-			borderDashArray?: string;
-
-			/** Sets the border width of the node
-			 * @Default {1}
-			 */
-			borderWidth?: number;
-
-			/** Defines whether the group can be ungrouped or not
-			 * @Default {true}
-			 */
-			canUngroup?: boolean;
-
-			/** Array of JSON objects where each object represents a child node/connector
-			 * @Default {[]}
-			 */
-			children?: any[];
-
-			/** Sets the type of UML classifier. Applicable, if the node is a UML Class Diagram shape.
-			 * @Default {ej.datavisualization.Diagram.ClassifierShapes.Class}
-			 */
-			classifier?: ej.datavisualization.Diagram.ClassifierShapes | string;
-
-			/** Defines the name, attributes and methods of a Class. Applicable, if the node is a Class.
-			 * @Default {null}
-			 */
-			class?: NodesClass;
-
-			/** Defines the state of the node is collapsed.
-			 */
-			collapseIcon?: NodesCollapseIcon;
-
-			/** Defines the distance to be left between a node and its connections(In coming and out going connections).
-			 * @Default {0}
-			 */
-			connectorPadding?: number;
-
-			/** Enables or disables the default behaviors of the node.
-			 * @Default {ej.datavisualization.Diagram.NodeConstraints.Default}
-			 */
-			constraints?: ej.datavisualization.Diagram.NodeConstraints | string;
-
-			/** Defines how the child objects need to be arranged(Either in any predefined manner or automatically). Applicable, if the node is a group.
-			 * @Default {null}
-			 */
-			container?: NodesContainer;
-
-			/** Defines the corner radius of rectangular shapes.
-			 * @Default {0}
-			 */
-			cornerRadius?: number;
-
-			/** Configures the styles of shapes
-			 */
-			cssClass?: string;
-
-			/** Defines the BPMN data object
-			 */
-			data?: NodesData;
-
-			/** Defines an Enumeration in a UML Class Diagram
-			 * @Default {null}
-			 */
-			enumeration?: NodesEnumeration;
-
-			/** Sets the type of the BPMN Events. Applicable, if the node is a BPMN event.
-			 * @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
-			 */
-			event?: ej.datavisualization.Diagram.BPMNEvents | string;
-
-			/** Defines whether the node can be automatically arranged using layout or not
-			 * @Default {false}
-			 */
-			excludeFromLayout?: boolean;
-
-			/** Defines the state of the node is expanded or collapsed.
-			 */
-			expandIcon?: NodesExpandIcon;
-
-			/** Defines the fill color of the node
-			 * @Default {white}
-			 */
-			fillColor?: string;
-
-			/** Sets the type of the BPMN Gateway. Applicable, if the node is a BPMN gateway.
-			 * @Default {ej.datavisualization.Diagram.BPMNGateways.None}
-			 */
-			gateway?: ej.datavisualization.Diagram.BPMNGateways | string;
-
-			/** Paints the node with a smooth transition from one color to another color
-			 */
-			gradient?: NodesGradient;
-
-			/** Sets the type of the BPMN Shapes as group. Applicable, if the node is a BPMN.
-			 * @Default {ej.datavisualization.Diagram.BPMNShapes}
-			 */
-			group?: any;
-
-			/** Defines the header of a swimlane/lane
-			 * @Default {{ text: Title, fontSize: 11 }}
-			 */
-			header?: any;
-
-			/** Defines the height of the node
-			 * @Default {0}
-			 */
-			height?: number;
-
-			/** Sets the horizontal alignment of the node. Applicable, if the parent of the node is a container.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
-			 */
-			horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** A read only collection of the incoming connectors/edges of the node
-			 * @Default {[]}
-			 */
-			inEdges?: any[];
-
-			/** Defines an interface in a UML Class Diagram
-			 * @Default {null}
-			 */
-			interface?: NodesInterface;
-
-			/** Defines whether the sub tree of the node is expanded or collapsed
-			 * @Default {true}
-			 */
-			isExpanded?: boolean;
-
-			/** Sets the node as a swimlane
-			 * @Default {false}
-			 */
-			isSwimlane?: boolean;
-
-			/** A collection of objects where each object represents a label
-			 * @Default {[]}
-			 */
-			labels?: NodesLabel[];
-
-			/** An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
-			 * @Default {[]}
-			 */
-			lanes?: NodesLane[];
-
-			/** Defines the minimum space to be left between the bottom of parent bounds and the node. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginBottom?: number;
-
-			/** Defines the minimum space to be left between the left of parent bounds and the node. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginLeft?: number;
-
-			/** Defines the minimum space to be left between the right of the parent bounds and the node. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginRight?: number;
-
-			/** Defines the minimum space to be left between the top of parent bounds and the node. Applicable, if the parent is a container.
-			 * @Default {0}
-			 */
-			marginTop?: number;
-
-			/** Defines the maximum height limit of the node
-			 * @Default {0}
-			 */
-			maxHeight?: number;
-
-			/** Defines the maximum width limit of the node
-			 * @Default {0}
-			 */
-			maxWidth?: number;
-
-			/** Defines the minimum height limit of the node
-			 * @Default {0}
-			 */
-			minHeight?: number;
-
-			/** Defines the minimum width limit of the node
-			 * @Default {0}
-			 */
-			minWidth?: number;
-
-			/** Sets the unique identifier of the node
-			 */
-			name?: string;
-
-			/** Defines the position of the node on X-Axis
-			 * @Default {0}
-			 */
-			offsetX?: number;
-
-			/** Defines the position of the node on Y-Axis
-			 * @Default {0}
-			 */
-			offsetY?: number;
-
-			/** Defines the opaque of the node
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Defines the orientation of nodes. Applicable, if the node is a swimlane.
-			 * @Default {vertical}
-			 */
-			orientation?: string;
-
-			/** A read only collection of outgoing connectors/edges of the node
-			 * @Default {[]}
-			 */
-			outEdges?: any[];
-
-			/** Defines the minimum padding value to be left between the bottom most position of a group and its children. Applicable, if the group is a container.
-			 * @Default {0}
-			 */
-			paddingBottom?: number;
-
-			/** Defines the minimum padding value to be left between the left most position of a group and its children. Applicable, if the group is a container.
-			 * @Default {0}
-			 */
-			paddingLeft?: number;
-
-			/** Defines the minimum padding value to be left between the right most position of a group and its children. Applicable, if the group is a container.
-			 * @Default {0}
-			 */
-			paddingRight?: number;
-
-			/** Defines the minimum padding value to be left between the top most position of a group and its children. Applicable, if the group is a container.
-			 * @Default {0}
-			 */
-			paddingTop?: number;
-
-			/** Defines the size and preview size of the node to add that to symbol palette
-			 * @Default {null}
-			 */
-			paletteItem?: NodesPaletteItem;
-
-			/** Sets the name of the parent group
-			 */
-			parent?: string;
-
-			/** Sets the path geometry that defines the shape of a path node
-			 */
-			pathData?: string;
-
-			/** An array of objects, where each object represents a smaller region(phase) of a swimlane.
-			 * @Default {[]}
-			 */
-			phases?: NodesPhase[];
-
-			/** Sets the height of the phase headers
-			 * @Default {0}
-			 */
-			phaseSize?: number;
-
-			/** Sets the ratio/ fractional value relative to node, based on which the node will be transformed(positioning, scaling and rotation)
-			 * @Default {ej.datavisualization.Diagram.Points(0.5,0.5)}
-			 */
-			pivot?: any;
-
-			/** Defines a collection of points to draw a polygon. Applicable, if the shape is a polygon.
-			 * @Default {[]}
-			 */
-			points?: any[];
-
-			/** An array of objects where each object represents a port
-			 * @Default {[]}
-			 */
-			ports?: NodesPort[];
-
-			/** Sets the angle to which the node should be rotated
-			 * @Default {0}
-			 */
-			rotateAngle?: number;
-
-			/** Defines the opacity and the position of shadow
-			 * @Default {ej.datavisualization.Diagram.Shadow()}
-			 */
-			shadow?: NodesShadow;
-
-			/** Sets the shape of the node. It depends upon the type of node.
-			 * @Default {ej.datavisualization.Diagram.BasicShapes.Rectangle}
-			 */
-			shape?: ej.datavisualization.Diagram.BasicShapes | ej.datavisualization.Diagram.FlowShapes | ej.datavisualization.Diagram.BPMNShapes | ej.datavisualization.Diagram.UMLActivityShapes | string;
-
-			/** Sets the source path of the image. Applicable, if the type of the node is image.
-			 */
-			source?: string;
-
-			/** Defines the sub process of a BPMN Activity. Applicable, if the type of the BPMN activity is sub process.
-			 * @Default {ej.datavisualization.Diagram.BPMNSubProcess()}
-			 */
-			subProcess?: NodesSubProcess;
-
-			/** Defines the task of the BPMN activity. Applicable, if the type of activity is set as task.
-			 * @Default {ej.datavisualization.Diagram.BPMNTask()}
-			 */
-			task?: NodesTask;
-
-			/** Sets the id of svg/html templates. Applicable, if the node is HTML or native.
-			 */
-			templateId?: string;
-
-			/** Defines the textBlock of a text node
-			 * @Default {null}
-			 */
-			textBlock?: any;
-
-			/** Defines the tooltip that should be shown when the mouse hovers over node. For tooltip properties, refer Tooltip
-			 * @Default {null}
-			 */
-			tooltip?: any;
-
-			/** Sets the type of BPMN Event Triggers.
-			 * @Default {ej.datavisualization.Diagram.BPMNTriggers.None}
-			 */
-			trigger?: ej.datavisualization.Diagram.BPMNTriggers | string;
-
-			/** Defines the type of the node.
-			 * @Default {ej.datavisualization.Diagram.Shapes.Basic}
-			 */
-			type?: ej.datavisualization.Diagram.Shapes | string;
-
-			/** Sets the vertical alignment of a node. Applicable, if the parent of a node is a container.
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
-			 */
-			verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment | string;
-
-			/** Defines the visibility of the node
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Defines the width of the node
-			 * @Default {0}
-			 */
-			width?: number;
-
-			/** Defines the z-index of the node
-			 * @Default {0}
-			 */
-			zOrder?: number;
-		}
-
-		export interface PageSettings {
-
-			/** Defines the maximum distance to be left between the object and the scroll bar to trigger auto scrolling
-			 * @Default {{ left: 15, top: 15, right: 15, bottom: 15 }}
-			 */
-			autoScrollBorder?: any;
-
-			/** Sets whether multiple pages can be created to fit all nodes and connectors
-			 * @Default {false}
-			 */
-			multiplePage?: boolean;
-
-			/** Defines the background color of diagram pages
-			 * @Default {#ffffff}
-			 */
-			pageBackgroundColor?: string;
-
-			/** Defines the page border color
-			 * @Default {#565656}
-			 */
-			pageBorderColor?: string;
-
-			/** Sets the border width of diagram pages
-			 * @Default {0}
-			 */
-			pageBorderWidth?: number;
-
-			/** Defines the height of a page
-			 * @Default {null}
-			 */
-			pageHeight?: number;
-
-			/** Defines the page margin
-			 * @Default {24}
-			 */
-			pageMargin?: number;
-
-			/** Sets the orientation of the page.
-			 * @Default {ej.datavisualization.Diagram.PageOrientations.Portrait}
-			 */
-			pageOrientation?: ej.datavisualization.Diagram.PageOrientations | string;
-
-			/** Defines the height of a diagram page
-			 * @Default {null}
-			 */
-			pageWidth?: number;
-
-			/** Defines the scrollable area of diagram. Applicable, if the scroll limit is &quot;limited&quot;.
-			 * @Default {null}
-			 */
-			scrollableArea?: any;
-
-			/** Defines the scrollable region of diagram.
-			 * @Default {ej.datavisualization.Diagram.ScrollLimit.Infinite}
-			 */
-			scrollLimit?: ej.datavisualization.Diagram.ScrollLimit | string;
-
-			/** Defines the draggable region of diagram elements.
-			 * @Default {ej.datavisualization.Diagram.BoundaryConstraints.Infinite}
-			 */
-			boundaryConstraints?: ej.datavisualization.Diagram.BoundaryConstraints | string;
-
-			/** Enables or disables the page breaks
-			 * @Default {false}
-			 */
-			showPageBreak?: boolean;
-		}
-
-		export interface ScrollSettings {
-
-			/** Allows to read the zoom value of diagram
-			 * @Default {0}
-			 */
-			currentZoom?: number;
-
-			/** Sets the horizontal scroll offset
-			 * @Default {0}
-			 */
-			horizontalOffset?: number;
-
-			/** Allows to extend the scrollable region that is based on the scroll limit
-			 * @Default {{left: 0, right: 0, top:0, bottom: 0}}
-			 */
-			padding?: any;
-
-			/** Sets the vertical scroll offset
-			 * @Default {0}
-			 */
-			verticalOffset?: number;
-
-			/** Allows to read the view port height of the diagram
-			 * @Default {0}
-			 */
-			viewPortHeight?: number;
-
-			/** Allows to read the view port width of the diagram
-			 * @Default {0}
-			 */
-			viewPortWidth?: number;
-		}
-
-		export interface SelectedItemsUserHandle {
-
-			/** Defines the name of the user handle
-			 */
-			name?: string;
-
-			/** Defines the background color of the user handle
-			 * @Default {#2382c3}
-			 */
-			backgroundColor?: string;
-
-			/** Sets the border color of the user handle
-			 * @Default {transparent}
-			 */
-			borderColor?: string;
-
-			/** Defines whether the user handle should be added, when more than one element is selected
-			 * @Default {false}
-			 */
-			enableMultiSelection?: boolean;
-
-			/** Sets the stroke color of the user handle
-			 * @Default {transparent}
-			 */
-			pathColor?: string;
-
-			/** Defines the custom shape of the user handle
-			 */
-			pathData?: string;
-
-			/** Defines the position of the user handle
-			 * @Default {ej.datavisualization.Diagram.UserHandlePositions.BottomCenter}
-			 */
-			position?: ej.datavisualization.Diagram.UserHandlePositions | string;
-
-			/** Defines the size of the user handle
-			 * @Default {8}
-			 */
-			size?: number;
-
-			/** Defines the interactive behaviors of the user handle
-			 */
-			tool?: any;
-
-			/** Defines the visibility of the user handle
-			 * @Default {true}
-			 */
-			visible?: boolean;
-		}
-
-		export interface SelectedItems {
-
-			/** A read only collection of the selected items
-			 * @Default {[]}
-			 */
-			children?: any[];
-
-			/** Controls the visibility of selector.
-			 * @Default {ej.datavisualization.Diagram.SelectorConstraints.All}
-			 */
-			constraints?: ej.datavisualization.Diagram.SelectorConstraints | string;
-
-			/** Defines a method that dynamically enables/ disables the interaction with multiple selection.
-			 * @Default {null}
-			 */
-			getConstraints?: any;
-
-			/** Sets the height of the selected items
-			 * @Default {0}
-			 */
-			height?: number;
-
-			/** Sets the x position of the selector
-			 * @Default {0}
-			 */
-			offsetX?: number;
-
-			/** Sets the y position of the selector
-			 * @Default {0}
-			 */
-			offsetY?: number;
-
-			/** Sets the angle to rotate the selected items
-			 * @Default {0}
-			 */
-			rotateAngle?: number;
-
-			/** Sets the angle to rotate the selected items. For tooltip properties, refer Tooltip
-			 * @Default {ej.datavisualization.Diagram.Tooltip()}
-			 */
-			tooltip?: any;
-
-			/** A collection of frequently used commands that will be added around the selector
-			 * @Default {[]}
-			 */
-			userHandles?: SelectedItemsUserHandle[];
-
-			/** Sets the width of the selected items
-			 * @Default {0}
-			 */
-			width?: number;
-		}
-
-		export interface SnapSettingsHorizontalGridLines {
-
-			/** Defines the line color of horizontal grid lines
-			 * @Default {lightgray}
-			 */
-			lineColor?: string;
-
-			/** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
-			 */
-			lineDashArray?: string;
-
-			/** A pattern of lines and gaps that defines a set of horizontal gridlines
-			 * @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
-			 */
-			linesInterval?: any[];
-
-			/** Specifies a set of intervals to snap the objects
-			 * @Default {[20]}
-			 */
-			snapInterval?: any[];
-		}
-
-		export interface SnapSettingsVerticalGridLines {
-
-			/** Defines the line color of horizontal grid lines
-			 * @Default {lightgray}
-			 */
-			lineColor?: string;
-
-			/** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
-			 */
-			lineDashArray?: string;
-
-			/** A pattern of lines and gaps that defines a set of horizontal gridlines
-			 * @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
-			 */
-			linesInterval?: any[];
-
-			/** Specifies a set of intervals to snap the objects
-			 * @Default {[20]}
-			 */
-			snapInterval?: any[];
-		}
-
-		export interface SnapSettings {
-
-			/** Enables or disables snapping nodes/connectors to objects
-			 * @Default {true}
-			 */
-			enableSnapToObject?: boolean;
-
-			/** Defines the appearance of horizontal gridlines
-			 */
-			horizontalGridLines?: SnapSettingsHorizontalGridLines;
-
-			/** Defines the angle by which the object needs to be snapped
-			 * @Default {5}
-			 */
-			snapAngle?: number;
-
-			/** Defines and sets the snapConstraints
-			 */
-			snapConstraints?: ej.datavisualization.Diagram.SnapConstraints | string;
-
-			/** Defines the minimum distance between the selected object and the nearest object
-			 * @Default {5}
-			 */
-			snapObjectDistance?: number;
-
-			/** Defines the appearance of horizontal gridlines
-			 */
-			verticalGridLines?: SnapSettingsVerticalGridLines;
-		}
-
-		export interface TooltipAlignment {
-
-			/** Defines the horizontal alignment of tooltip.
-			 * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-			 */
-			horizontal?: ej.datavisualization.Diagram.HorizontalAlignment | string;
-
-			/** Defines the vertical alignment of tooltip.
-			 * @Default {ej.datavisualization.Diagram.VerticalAlignment.Bottom}
-			 */
-			vertical?: ej.datavisualization.Diagram.VerticalAlignment | string;
-		}
-
-		export interface Tooltip {
-
-			/** Aligns the tooltip around nodes/connectors
-			 */
-			alignment?: TooltipAlignment;
-
-			/** Sets the margin of the tooltip
-			 * @Default {{ left: 5, right: 5, top: 5, bottom: 5 }}
-			 */
-			margin?: any;
-
-			/** Defines whether the tooltip should be shown at the mouse position or around node.
-			 * @Default {ej.datavisualization.Diagram.RelativeMode.Object}
-			 */
-			relativeMode?: ej.datavisualization.Diagram.RelativeMode | string;
-
-			/** Sets the svg/html template to be bound with tooltip
-			 */
-			templateId?: string;
-		}
-	}
-	namespace Diagram {
-		enum ImageAlignment {
-			//Scales the graphic content non-uniformly to the width and height of the diagram area
-			None,
-			//Used to align the image at the top left of diagram area
-			XMinYMin,
-			//Used to align the image at the left center of diagram area
-			XMinYMid,
-			//Used to align the image at the bottom left of diagram area
-			XMinYMax,
-			//Used to align the image at the top center of diagram area
-			XMidYMin,
-			//Used to align the image at the center of diagram area
-			XMidYMid,
-			//Used to align the image at the bottom center of diagram area
-			XMidYMax,
-			//Used to align the image at the top right of diagram area/node
-			XMaxYMin,
-			//Used to align the image at the right center of diagram area/node
-			XMaxYMid,
-			//Used to align the image at the bottom right of diagram area/node
-			XMaxYMax,
-		}
-	}
-	namespace Diagram {
-		enum BridgeDirection {
-			//Used to set the direction of line bridges as left
-			Left,
-			//Used to set the direction of line bridges as right
-			Right,
-			//Used to set the direction of line bridges as top
-			Top,
-			//Used to set the direction of line bridges as bottom
-			Bottom,
-		}
-	}
-	namespace Diagram {
-		enum Keys {
-			//No key pressed.
-			None,
-			//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 0 key.
-			Number0,
-			//The 1 key.
-			Number1,
-			//The 2 key.
-			Number2,
-			//The 3 key.
-			Number3,
-			//The 4 key.
-			Number4,
-			//The 5 key.
-			Number5,
-			//The 6 key.
-			Number6,
-			//The 7 key.
-			Number7,
-			//The 8 key.
-			Number8,
-			//The 9 key.
-			Number9,
-			//The LEFT ARROW key.
-			Left,
-			//The UP ARROW key.
-			Up,
-			//The RIGHT ARROW key.
-			Right,
-			//The DOWN ARROW key.
-			Down,
-			//The ESC key.
-			Escape,
-			//The DEL key.
-			Delete,
-			//The TAB key.
-			Tab,
-			//The ENTER key.
-			Enter,
-		}
-	}
-	namespace Diagram {
-		enum KeyModifiers {
-			//No modifiers are pressed.
-			None,
-			//The ALT key.
-			Alt,
-			//The CTRL key.
-			Control,
-			//The SHIFT key.
-			Shift,
-		}
-	}
-	namespace Diagram {
-		enum ConnectorConstraints {
-			//Disable all connector Constraints
-			None,
-			//Enables connector to be selected
-			Select,
-			//Enables connector to be Deleted
-			Delete,
-			//Enables connector to be Dragged
-			Drag,
-			//Enables connectors source end to be selected
-			DragSourceEnd,
-			//Enables connectors target end to be selected
-			DragTargetEnd,
-			//Enables control point and end point of every segment in a connector for editing
-			DragSegmentThumb,
-			//Enables bridging to the connector
-			Bridging,
-			//Enables label of node to be Dragged
-			DragLabel,
-			//Enables bridging to the connector
-			InheritBridging,
-			//Enables user interaction to the connector
-			PointerEvents,
-			//Enables the contrast between clean edges of connector over rendering speed and geometric precision
-			CrispEdges,
-			//Enables all constraints
-			Default,
-		}
-	}
-	namespace Diagram {
-		enum HorizontalAlignment {
-			//Used to align text horizontally on left side of node/connector
-			Left,
-			//Used to align text horizontally on center of node/connector
-			Center,
-			//Used to align text horizontally on right side of node/connector
-			Right,
-		}
-	}
-	namespace Diagram {
-		enum Alignment {
-			//Used to align the label either top or left(before) of the connector segment
-			Before,
-			//Used to align the label at center of the connector segment
-			Center,
-			//Used to align the label either bottom or right(after) of the connector segment
-			After,
-		}
-	}
-	namespace Diagram {
-		enum LabelRelativeMode {
-			//Sets the relativeMode as SegmentPath
-			SegmentPath,
-			//Sets the relativeMode as SegmentBounds
-			SegmentBounds,
-		}
-	}
-	namespace Diagram {
-		enum Segments {
-			//Used to specify the lines as Straight
-			Straight,
-			//Used to specify the lines as Orthogonal
-			Orthogonal,
-			//Used to specify the lines as Bezier
-			Bezier,
-		}
-	}
-	namespace Diagram {
-		enum ConnectorShapes {
-			//Used to specify connector type as BPMN
-			BPMN,
-			//Used to specify connector type as UMLClassifier
-			UMLClassifier,
-			//Used to specify connector type as UMLActivity
-			UMLActivity,
-		}
-	}
-	namespace Diagram {
-		enum BPMNFlows {
-			//Used to specify the Sequence flow in a BPMN Process
-			Sequence,
-			//Used to specify the Association flow in a BPMN Process
-			Association,
-			//Used to specify the Message flow in a BPMN Process
-			Message,
-		}
-	}
-	namespace Diagram {
-		enum AssociationFlows {
-			//Used to notate default association in a BPMN Process
-			Default,
-			//Used to notate directional association in a BPMN Process
-			Directional,
-			//User to notate bi-directional association in a BPMN Process
-			BiDirectional,
-		}
-	}
-	namespace Diagram {
-		enum BPMNMessageFlows {
-			//Used to notate the default message flow in a BPMN Process
-			Default,
-			//Used to notate the instantiating message flow in a BPMN Process
-			InitiatingMessage,
-			//Used to notate the non-instantiating message flow in a BPMN Process
-			NonInitiatingMessage,
-		}
-	}
-	namespace Diagram {
-		enum BPMNSequenceFlows {
-			//Used to notate the normal sequence flow in a BPMN Process
-			Normal,
-			//Used to notate the conditional sequence flow in a BPMN Process
-			Conditional,
-			//Used to notate the default sequence flow in a BPMN Process
-			Default,
-		}
-	}
-	namespace Diagram {
-		enum ClassifierShapes {
-			//Used to define a Class
-			Class,
-			//Used to define an Interface
-			Interface,
-			//Used to define an Enumeration
-			Enumeration,
-			//Used to notate association in UML Class Diagram
-			Association,
-			//Used to notate aggregation in a UML Class Diagram
-			Aggregation,
-			//Used to notate composition in a UML Class Diagram
-			Composition,
-			//Used to notate dependency in a UML Class Diagram
-			Dependency,
-			//Used to notate inheritance in a UML Class Diagram
-			Inheritance,
-		}
-	}
-	namespace Diagram {
-		enum Multiplicity {
-			//Each entity instance is related to a single instance of another entity
-			OneToOne,
-			//An entity instance can be related to multiple instances of the other entities
-			OneToMany,
-			//Multiple instances of an entity can be related to a single instance of the other entity
-			ManyToOne,
-			//The entity instances can be related to multiple instances of each other
-			ManyToMany,
-		}
-	}
-	namespace Diagram {
-		enum UMLActivityFlow {
-			//Defines a activity flow as Object in UML Activity Diagram
-			Object,
-			//Defines a activity flow as Control in UML Activity Diagram
-			Control,
-			//Defines a activity flow as Exception in UML Activity Diagram
-			Exception,
-		}
-	}
-	namespace Diagram {
-		enum DecoratorShapes {
-			//Used to set decorator shape as none
-			None,
-			//Used to set decorator shape as Arrow
-			Arrow,
-			//Used to set decorator shape as Open Arrow
-			OpenArrow,
-			//Used to set decorator shape as Circle
-			Circle,
-			//Used to set decorator shape as Diamond
-			Diamond,
-			//Used to set decorator shape as path
-			Path,
-		}
-	}
-	namespace Diagram {
-		enum VerticalAlignment {
-			//Used to align text Vertically on left side of node/connector
-			Top,
-			//Used to align text Vertically on center of node/connector
-			Center,
-			//Used to align text Vertically on bottom of node/connector
-			Bottom,
-		}
-	}
-	namespace Diagram {
-		enum DiagramConstraints {
-			//Disables all DiagramConstraints
-			None,
-			//Enables/Disables PageEditing
-			PageEditable,
-			//Enables/Disables Bridging
-			Bridging,
-			//Enables/Disables Zooming
-			Zoomable,
-			//Enables/Disables panning on horizontal axis
-			PannableX,
-			//Enables/Disables panning on vertical axis
-			PannableY,
-			//Enables/Disables Panning
-			Pannable,
-			//Enables/Disables undo actions
-			Undoable,
-			//Enables/Disables the sharp edges
-			CrispEdges,
-			//Enables all Constraints
-			Default,
-		}
-	}
-	namespace Diagram {
-		enum LabelRenderingMode {
-			//Sets the labelRenderingMode as Html
-			Html,
-			//Sets the labelRenderingMode as Svg
-			Svg,
-		}
-	}
-	namespace Diagram {
-		enum LayoutOrientations {
-			//Used to set LayoutOrientation from top to bottom
-			TopToBottom,
-			//Used to set LayoutOrientation from bottom to top
-			BottomToTop,
-			//Used to set LayoutOrientation from left to right
-			LeftToRight,
-			//Used to set LayoutOrientation from right to left
-			RightToLeft,
-		}
-	}
-	namespace Diagram {
-		enum LayoutTypes {
-			//Used not to set any specific layout
-			None,
-			//Used to set layout type as hierarchical layout
-			HierarchicalTree,
-			//Used to set layout type as organnizational chart
-			OrganizationalChart,
-		}
-	}
-	namespace Diagram {
-		enum BPMNActivity {
-			//Used to set BPMN Activity as None
-			None,
-			//Used to set BPMN Activity as Task
-			Task,
-			//Used to set BPMN Activity as SubProcess
-			SubProcess,
-		}
-	}
-	namespace Diagram {
-		enum BPMNAnnotationDirection {
-			//Used to set the direction of BPMN Annotation as left
-			Left,
-			//Used to set the direction of BPMN Annotation as right
-			Right,
-			//Used to set the direction of BPMN Annotation as top
-			Top,
-			//Used to set the direction of BPMN Annotation as bottom
-			Bottom,
-		}
-	}
-	namespace Diagram {
-		enum IconShapes {
-			//Used to set collapse icon shape as none
-			None,
-			//Used to set collapse icon shape as Arrow(Up/Down)
-			Arrow,
-			//Used to set collapse icon shape as Plus
-			Plus,
-			//Used to set collapse icon shape as Minus
-			Minus,
-			//Used to set collapse icon shape as path
-			Path,
-			//Used to set icon shape as template
-			Template,
-			//Used to set icon shape as image
-			Image,
-		}
-	}
-	namespace Diagram {
-		enum NodeConstraints {
-			//Disable all node Constraints
-			None,
-			//Enables node to be selected
-			Select,
-			//Enables node to be Deleted
-			Delete,
-			//Enables node to be Dragged
-			Drag,
-			//Enables node to be Rotated
-			Rotate,
-			//Enables node to be connected
-			Connect,
-			//Enables node to be resize north east
-			ResizeNorthEast,
-			//Enables node to be resize east
-			ResizeEast,
-			//Enables node to be resize south east
-			ResizeSouthEast,
-			//Enables node to be resize south
-			ResizeSouth,
-			//Enables node to be resize south west
-			ResizeSouthWest,
-			//Enables node to be resize west
-			ResizeWest,
-			//Enables node to be resize north west
-			ResizeNorthWest,
-			//Enables node to be resize north
-			ResizeNorth,
-			//Enables node to be Resized
-			Resize,
-			//Enables shadow
-			Shadow,
-			//Enables label of node to be Dragged
-			DragLabel,
-			//Enables panning should be done while node dragging
-			AllowPan,
-			//Enables Proportional resize for node
-			AspectRatio,
-			//Enables the user interaction with the node
-			PointerEvents,
-			//Enables contrast between clean edges for the node over rendering speed and geometric precision
-			CrispEdges,
-			//Enables all node constraints
-			Default,
-		}
-	}
-	namespace Diagram {
-		enum ContainerType {
-			//Sets the container type as Canvas
-			Canvas,
-			//Sets the container type as Stack
-			Stack,
-		}
-	}
-	namespace Diagram {
-		enum BPMNDataObjects {
-			//Used to notate the Input type BPMN data object
-			Input,
-			//Used to notate the Output type BPMN data object
-			Output,
-			//Used to set BPMN data object type as None
-			None,
-		}
-	}
-	namespace Diagram {
-		enum BPMNEvents {
-			//Used to set BPMN Event as Start
-			Start,
-			//Used to set BPMN Event as Intermediate
-			Intermediate,
-			//Used to set BPMN Event as End
-			End,
-			//Used to set BPMN Event as NonInterruptingStart
-			NonInterruptingStart,
-			//Used to set BPMN Event as NonInterruptingIntermediate
-			NonInterruptingIntermediate,
-			//Used to set BPMN Event as ThrowingIntermediate
-			ThrowingIntermediate,
-		}
-	}
-	namespace Diagram {
-		enum BPMNGateways {
-			//Used to set BPMN Gateway as None
-			None,
-			//Used to set BPMN Gateway as Exclusive
-			Exclusive,
-			//Used to set BPMN Gateway as Inclusive
-			Inclusive,
-			//Used to set BPMN Gateway as Parallel
-			Parallel,
-			//Used to set BPMN Gateway as Complex
-			Complex,
-			//Used to set BPMN Gateway as EventBased
-			EventBased,
-			//Used to set BPMN Gateway as ExclusiveEventBased
-			ExclusiveEventBased,
-			//Used to set BPMN Gateway as ParallelEventBased
-			ParallelEventBased,
-		}
-	}
-	namespace Diagram {
-		enum LabelEditMode {
-			//Used to set label edit mode as edit
-			Edit,
-			//Used to set label edit mode as view
-			View,
-		}
-	}
-	namespace Diagram {
-		enum OverflowType {
-			//Set overflow Type as ellipsis
-			Ellipsis,
-			//Set overflow Type  as Clip
-			Clip,
-		}
-	}
-	namespace Diagram {
-		enum TextAlign {
-			//Used to align text on left side of node/connector
-			Left,
-			//Used to align text on center of node/connector
-			Center,
-			//Used to align text on Right side of node/connector
-			Right,
-		}
-	}
-	namespace Diagram {
-		enum TextDecorations {
-			//Used to set text decoration of the label as Underline
-			Underline,
-			//Used to set text decoration of the label as Overline
-			Overline,
-			//Used to set text decoration of the label as LineThrough
-			LineThrough,
-			//Used to set text decoration of the label as None
-			None,
-		}
-	}
-	namespace Diagram {
-		enum TextWrapping {
-			//Disables wrapping
-			NoWrap,
-			//Enables Line-break at normal word break points
-			Wrap,
-			//Enables Line-break at normal word break points with longer word overflows
-			WrapWithOverflow,
-		}
-	}
-	namespace Diagram {
-		enum PortConstraints {
-			//Disable all constraints
-			None,
-			//Enables connections with connector
-			Connect,
-			//Enables to create the connection when mouse hover on the port.
-			ConnectOnDrag,
-		}
-	}
-	namespace Diagram {
-		enum PortShapes {
-			//Used to set port shape as X
-			X,
-			//Used to set port shape as Circle
-			Circle,
-			//Used to set port shape as Square
-			Square,
-			//Used to set port shape as Path
-			Path,
-		}
-	}
-	namespace Diagram {
-		enum PortVisibility {
-			//Set the port visibility as Visible
-			Visible,
-			//Set the port visibility as Hidden
-			Hidden,
-			//Port get visible when hover connector on node
-			Hover,
-			//Port gets visible when connect connector to node
-			Connect,
-			//Specifies the port visibility as default
-			Default,
-		}
-	}
-	namespace Diagram {
-		enum BasicShapes {
-			//Used to specify node Shape as Rectangle
-			Rectangle,
-			//Used to specify node Shape as Ellipse
-			Ellipse,
-			//Used to specify node Shape as Path
-			Path,
-			//Used to specify node Shape as Polygon
-			Polygon,
-			//Used to specify node Shape as Triangle
-			Triangle,
-			//Used to specify node Shape as Plus
-			Plus,
-			//Used to specify node Shape as Star
-			Star,
-			//Used to specify node Shape as Pentagon
-			Pentagon,
-			//Used to specify node Shape as Heptagon
-			Heptagon,
-			//Used to specify node Shape as Octagon
-			Octagon,
-			//Used to specify node Shape as Trapezoid
-			Trapezoid,
-			//Used to specify node Shape as Decagon
-			Decagon,
-			//Used to specify node Shape as RightTriangle
-			RightTriangle,
-			//Used to specify node Shape as Cylinder
-			Cylinder,
-		}
-	}
-	namespace Diagram {
-		enum FlowShapes {
-			//Used to specify node Shape as Process
-			Process,
-			//Used to specify node Shape as Decision
-			Decision,
-			//Used to specify node Shape as Document
-			Document,
-			//Used to specify node Shape as PreDefinedProcess
-			PreDefinedProcess,
-			//Used to specify node Shape as Terminator
-			Terminator,
-			//Used to specify node Shape as PaperTap
-			PaperTap,
-			//Used to specify node Shape as DirectData
-			DirectData,
-			//Used to specify node Shape as SequentialData
-			SequentialData,
-			//Used to specify node Shape as Sort
-			Sort,
-			//Used to specify node Shape as MultiDocument
-			MultiDocument,
-			//Used to specify node Shape as Collate
-			Collate,
-			//Used to specify node Shape as SummingJunction
-			SummingJunction,
-			//Used to specify node Shape as Or
-			Or,
-			//Used to specify node Shape as InternalStorage
-			InternalStorage,
-			//Used to specify node Shape as Extract
-			Extract,
-			//Used to specify node Shape as ManualOperation
-			ManualOperation,
-			//Used to specify node Shape as Merge
-			Merge,
-			//Used to specify node Shape as OffPageReference
-			OffPageReference,
-			//Used to specify node Shape as SequentialAccessStorage
-			SequentialAccessStorage,
-			//Used to specify node Shape as Annotation1
-			Annotation1,
-			//Used to specify node Shape as Annotation2
-			Annotation2,
-			//Used to specify node Shape as Data
-			Data,
-			//Used to specify node Shape as Card
-			Card,
-		}
-	}
-	namespace Diagram {
-		enum BPMNShapes {
-			//Used to specify node Shape as Event
-			Event,
-			//Used to specify node Shape as Gateway
-			Gateway,
-			//Used to specify node Shape as Message
-			Message,
-			//Used to specify node Shape as DataObject
-			DataObject,
-			//Used to specify node Shape as DataSource
-			DataSource,
-			//Used to specify node Shape as Activity
-			Activity,
-			//Used to specify node Shape as Group
-			Group,
-		}
-	}
-	namespace Diagram {
-		enum UMLActivityShapes {
-			//Used to set UML ActivityShapes as Action
-			Action,
-			//Used to set UML ActivityShapes as Decision
-			Decision,
-			//Used to set UML ActivityShapes as MergeNode
-			MergeNode,
-			//Used to set UML ActivityShapes as InitialNode
-			InitialNode,
-			//Used to set UML ActivityShapes as FinalNode
-			FinalNode,
-			//Used to set UML ActivityShapes as ForkNode
-			ForkNode,
-			//Used to set UML ActivityShapes as JoinNode
-			JoinNode,
-			//Used to set UML ActivityShapes as TimeEvent
-			TimeEvent,
-			//Used to set UML ActivityShapes as AcceptingEvent
-			AcceptingEvent,
-			//Used to set UML ActivityShapes as SendSignal
-			SendSignal,
-			//Used to set UML ActivityShapes as ReceiveSignal
-			ReceiveSignal,
-			//Used to set UML ActivityShapes as StructuredNode
-			StructuredNode,
-			//Used to set UML ActivityShapes as Note
-			Note,
-		}
-	}
-	namespace Diagram {
-		enum BPMNBoundary {
-			//Used to set BPMN SubProcess's Boundary as Default
-			Default,
-			//Used to set BPMN SubProcess's Boundary as Call
-			Call,
-			//Used to set BPMN SubProcess's Boundary as Event
-			Event,
-		}
-	}
-	namespace Diagram {
-		enum BPMNLoops {
-			//Used to set BPMN Activity's Loop as None
-			None,
-			//Used to set BPMN Activity's Loop as Standard
-			Standard,
-			//Used to set BPMN Activity's Loop as ParallelMultiInstance
-			ParallelMultiInstance,
-			//Used to set BPMN Activity's Loop as SequenceMultiInstance
-			SequenceMultiInstance,
-		}
-	}
-	namespace Diagram {
-		enum BPMNSubProcessTypes {
-			//Used to set BPMN SubProcess type as None
-			None,
-			//Used to set BPMN SubProcess type as Transaction
-			Transaction,
-			//Used to set BPMN SubProcess type as Event
-			Event,
-		}
-	}
-	namespace Diagram {
-		enum BPMNTasks {
-			//Used to set BPMN Task Type as None
-			None,
-			//Used to set BPMN Task Type as Service
-			Service,
-			//Used to set BPMN Task Type as Receive
-			Receive,
-			//Used to set BPMN Task Type as Send
-			Send,
-			//Used to set BPMN Task Type as InstantiatingReceive
-			InstantiatingReceive,
-			//Used to set BPMN Task Type as Manual
-			Manual,
-			//Used to set BPMN Task Type as BusinessRule
-			BusinessRule,
-			//Used to set BPMN Task Type as User
-			User,
-			//Used to set BPMN Task Type as Script
-			Script,
-			//Used to set BPMN Task Type as Parallel
-			Parallel,
-		}
-	}
-	namespace Diagram {
-		enum BPMNTriggers {
-			//Used to set Event Trigger as None
-			None,
-			//Used to set Event Trigger as Message
-			Message,
-			//Used to set Event Trigger as Timer
-			Timer,
-			//Used to set Event Trigger as Escalation
-			Escalation,
-			//Used to set Event Trigger as Link
-			Link,
-			//Used to set Event Trigger as Error
-			Error,
-			//Used to set Event Trigger as Compensation
-			Compensation,
-			//Used to set Event Trigger as Signal
-			Signal,
-			//Used to set Event Trigger as Multiple
-			Multiple,
-			//Used to set Event Trigger as Parallel
-			Parallel,
-			//Used to set Event Trigger as Conditional
-			Conditional,
-			//Used to set Event Trigger as Termination
-			Termination,
-			//Used to set Event Trigger as Cancel
-			Cancel,
-		}
-	}
-	namespace Diagram {
-		enum Shapes {
-			//Used to specify node type as Text
-			Text,
-			//Used to specify node type as Image
-			Image,
-			//Used to specify node type as Html
-			Html,
-			//Used to specify node type as Native
-			Native,
-			//Used to specify node type as Basic
-			Basic,
-			//Used to specify node type as Flow
-			Flow,
-			//Used to specify node type as BPMN
-			BPMN,
-			//Used to specify node type as UMLClassifier
-			UMLClassifier,
-			//Used to specify node type as UMLActivity
-			UMLActivity,
-		}
-	}
-	namespace Diagram {
-		enum PageOrientations {
-			//Used to set orientation as Landscape
-			Landscape,
-			//Used to set orientation as portrait
-			Portrait,
-		}
-	}
-	namespace Diagram {
-		enum ScrollLimit {
-			//Used to set scrollLimit as Infinite
-			Infinite,
-			//Used to set scrollLimit as Diagram
-			Diagram,
-			//Used to set scrollLimit as Limited
-			Limited,
-		}
-	}
-	namespace Diagram {
-		enum BoundaryConstraints {
-			//Used to set boundaryConstraints as Infinite
-			Infinite,
-			//Used to set boundaryConstraints as Diagram
-			Diagram,
-			//Used to set boundaryConstraints as Page
-			Page,
-		}
-	}
-	namespace Diagram {
-		enum SelectorConstraints {
-			//Hides the selector
-			None,
-			//Sets the visibility of rotation handle as visible
-			Rotator,
-			//Sets the visibility of resize handles as visible
-			Resizer,
-			//Sets the visibility of user handles as visible
-			UserHandles,
-			//Sets the visibility of all selection handles as visible
-			All,
-		}
-	}
-	namespace Diagram {
-		enum UserHandlePositions {
-			//Set the position of the userhandle as topleft
-			TopLeft,
-			//Set the position of the userhandle as topcenter
-			TopCenter,
-			//Set the position of the userhandle as topright
-			TopRight,
-			//Set the position of the userhandle as middleleft
-			MiddleLeft,
-			//Set the position of the userhandle as middleright
-			MiddleRight,
-			//Set the position of the userhandle as bottomleft
-			BottomLeft,
-			//Set the position of the userhandle as bottomcenter
-			BottomCenter,
-			//Set the position of the userhandle as bottom right
-			BottomRight,
-		}
-	}
-	namespace Diagram {
-		enum SnapConstraints {
-			//Enables node to be snapped to horizontal gridlines
-			None,
-			//Enables node to be snapped to vertical gridlines
-			SnapToHorizontalLines,
-			//Enables node to be snapped to horizontal gridlines
-			SnapToVerticalLines,
-			//Enables node to be snapped to gridlines
-			SnapToLines,
-			//Enable horizontal lines
-			ShowHorizontalLines,
-			//Enable vertical lines
-			ShowVerticalLines,
-			//Enable both horizontal and vertical lines
-			ShowLines,
-			//Enable all the constraints
-			All,
-		}
-	}
-	namespace Diagram {
-		enum Tool {
-			//Disables all Tools
-			None,
-			//Enables/Disables SingleSelect tool
-			SingleSelect,
-			//Enables/Disables MultiSelect tool
-			MultipleSelect,
-			//Enables/Disables ZoomPan tool
-			ZoomPan,
-			//Enables/Disables DrawOnce tool
-			DrawOnce,
-			//Enables/Disables ContinuousDraw tool
-			ContinuesDraw,
-		}
-	}
-	namespace Diagram {
-		enum RelativeMode {
-			//Shows tooltip around the node
-			Object,
-			//Shows tooltip at the mouse position
-			Mouse,
-		}
-	}
-	namespace Diagram {
-		enum FileFormats {
-			//Used to export the diagram into JPG format.
-			JPG,
-			//Used to export the diagram into PNG format.
-			PNG,
-			//Used to export the diagram into BMP format.
-			BMP,
-			//Used to export the diagram into SVG format.
-			SVG,
-		}
-	}
-	namespace Diagram {
-		enum ExportModes {
-			//Used to export the diagram as a file.
-			Download,
-			//Used to export the diagram as raw data.
-			Data,
-		}
-	}
-	namespace Diagram {
-		enum Region {
-			//Used to export the content of the diagram only.
-			Content,
-			//Used to export the page region of the diagram.
-			PageSettings,
-		}
-	}
-	namespace Diagram {
-		enum Stretch {
-			//The diagram content preserves its original size.
-			None,
-			//The diagram content is resized to fill the destination dimensions. The aspect ratio is not preserved.
-			Fill,
-			//The diagram content is resized to fit in the destination dimensions while it preserves its native aspect ratio.
-			Uniform,
-			//The diagram content is resized to fill the destination dimensions while it preserves its native aspect ratio. If the aspect ratio of the destination rectangle differs from the source,
-			//the source content is clipped to fit in the destination dimensions.
-			UniformToFill,
-		}
-	}
-	namespace Diagram {
-		enum FitMode {
-			//Used to fit the diagram content based on page size.
-			Page,
-			//Used to fit the diagram content based on diagram width.
-			Width,
-			//Used to fit the diagram content based on diagram height.
-			Height,
-		}
-	}
-	namespace Diagram {
-		enum ZoomCommand {
-			//Used to zoom in the Diagram
-			ZoomIn,
-			//Used to zoom out the diagram
-			ZoomOut,
-		}
-	}
-
-	class HeatMap extends ej.Widget {
-		static fn: HeatMap;
-		constructor(element: JQuery | Element, options?: HeatMap.Model);
-		static Locale: any;
-		model: HeatMap.Model;
-		defaults: HeatMap.Model;
-	}
-	export namespace HeatMap {
-
-		export interface Model {
-
-			/** Specifies the width of the heat map.
-			 * @Default {null}
-			 */
-			width?: any;
-
-			/** Specifies the width of the heat map.
-			 * @Default {null}
-			 */
-			height?: any;
-
-			/** Specifies the name of the heat map.
-			 * @Default {null}
-			 */
-			id?: number;
-
-			/** Enables or disables tooltip of heatmap
-			 * @Default {true}
-			 */
-			showTooltip?: boolean;
-
-			/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
-			 */
-			tooltipSettings?: TooltipSettings;
-
-			/** Specifies the source data of the heat map.
-			 * @Default {[]}
-			 */
-			itemsSource?: any;
-
-			/** Specifies the property of the heat map cell.
-			 * @Default {Null}
-			 */
-			heatMapCell?: HeatMapCell;
-
-			/** Specifies can enable responsive mode or not for heat map.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies whether the virtualization can be enable or not.
-			 * @Default {false}
-			 */
-			enableVirtualization?: boolean;
-
-			/** Specifies the default column properties for all the column style not specified in column properties.
-			 * @Default {[]}
-			 */
-			defaultColumnStyle?: DefaultColumnStyle;
-
-			/** Specifies the no of legends can sync with heat map.
-			 * @Default {[]}
-			 */
-			legendCollection?: any[];
-
-			/** Specifies the property and display value of the heat map column.
-			 * @Default {[]}
-			 */
-			itemsMapping?: ItemsMapping;
-
-			/** Specifies the color values of the heat map column data.
-			 * @Default {[]}
-			 */
-			colorMappingCollection?: ColorMappingCollection[];
-
-			/** Triggered when the mouse over on the cell. */
-			cellMouseOver?(e: CellMouseOverEventArgs): void;
-
-			/** Triggered when the mouse over on the cell. */
-			cellMouseEnter?(e: CellMouseEnterEventArgs): void;
-
-			/** Triggered when the mouse over on the cell. */
-			cellMouseLeave?(e: CellMouseLeaveEventArgs): void;
-
-			/** Triggered when the mouse over on the cell. */
-			cellSelected?(e: CellSelectedEventArgs): void;
-		}
-
-		export interface CellMouseOverEventArgs {
-
-			/** Value displayed on the cell
-			 */
-			cellValue?: string;
-
-			/** Returns the HeatMap cell data
-			 */
-			source?: any;
-
-			/** Returns the specific HeatMap cell
-			 */
-			cell?: any;
-		}
-
-		export interface CellMouseEnterEventArgs {
-
-			/** Value displayed on the cell
-			 */
-			cellValue?: string;
-
-			/** Returns the HeatMap cell data
-			 */
-			source?: any;
-
-			/** Returns the specific HeatMap cell
-			 */
-			cell?: any;
-		}
-
-		export interface CellMouseLeaveEventArgs {
-
-			/** Value displayed on the cell
-			 */
-			cellValue?: string;
-
-			/** Returns the HeatMap cell data
-			 */
-			source?: any;
-
-			/** Returns the specific HeatMap cell
-			 */
-			cell?: any;
-		}
-
-		export interface CellSelectedEventArgs {
-
-			/** Value displayed on the cell
-			 */
-			cellValue?: string;
-
-			/** Returns the HeatMap cell data
-			 */
-			source?: any;
-
-			/** Returns the specific HeatMap cell
-			 */
-			cell?: any;
-		}
-
-		export interface TooltipSettingsPositionTarget {
-
-			/** Sets the arrow position again popup based on horizontal(x) value
-			 * @Default {center}
-			 */
-			horizontal?: ej.datavisualization.HeatMap.Horizontal | string;
-
-			/** Sets the arrow position again popup based on vertical(y) value
-			 * @Default {top}
-			 */
-			vertical?: ej.datavisualization.HeatMap.Vertical | string;
-		}
-
-		export interface TooltipSettingsPositionStem {
-
-			/** Sets the arrow position again popup based on horizontal(x) value
-			 * @Default {center}
-			 */
-			horizontal?: ej.datavisualization.HeatMap.Horizontal | string;
-
-			/** Sets the arrow position again popup based on vertical(y) value
-			 * @Default {bottom}
-			 */
-			vertical?: ej.datavisualization.HeatMap.Vertical | string;
-		}
-
-		export interface TooltipSettingsPosition {
-
-			/** Sets the Tooltip position against target.
-			 */
-			target?: TooltipSettingsPositionTarget;
-
-			/** Sets the arrow position again popup.
-			 */
-			stem?: TooltipSettingsPositionStem;
-		}
-
-		export interface TooltipSettingsAnimation {
-
-			/** Defines the animation effect for the tooltip that should be shown when the mouse hovers over rows/columns.
-			 * @Default {none}
-			 */
-			effect?: ej.datavisualization.HeatMap.Effect | string;
-
-			/** Defines the animation speed for the tooltip that should be shown when the mouse hovers over rows/columns.
-			 * @Default {0}
-			 */
-			speed?: number;
-		}
-
-		export interface TooltipSettings {
-
-			/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
-			 * @Default {null}
-			 */
-			templateId?: string;
-
-			/** Defines the tooltip of associate that should be shown when the mouse hovers over rows/columns.
-			 * @Default {mouseFollow}
-			 */
-			associate?: ej.datavisualization.HeatMap.Associate | string;
-
-			/** Enables/ disables the balloon for the tooltip to be shown
-			 * @Default {true}
-			 */
-			isBalloon?: boolean;
-
-			/** Defines various attributes of the Tooltip position
-			 */
-			position?: TooltipSettingsPosition;
-
-			/** Defines the tooltip to be triggered.
-			 * @Default {hover}
-			 */
-			trigger?: ej.datavisualization.HeatMap.Trigger | string;
-
-			/** Defines the animation for the tooltip that should be shown when the mouse hovers over rows/columns.
-			 */
-			animation?: TooltipSettingsAnimation;
-		}
-
-		export interface HeatMapCell {
-
-			/** Specifies whether the cell content can be visible or not.
-			 * @Default {ej.HeatMap.CellVisibility.Visible}
-			 */
-			showContent?: ej.datavisualization.HeatMap.CellVisibility | string;
-
-			/** Specifies whether the cell color can be visible or not.
-			 * @Default {true}
-			 */
-			showColor?: boolean;
-		}
-
-		export interface DefaultColumnStyle {
-
-			/** Specifies the alignment mode of the heat map column.
-			 * @Default {ej.HeatMap.TextAlign.Center}
-			 */
-			textAlign?: any;
-
-			/** Specifies the template id of the heat map column header.
-			 */
-			headerTemplateID?: string;
-
-			/** Specifies the template id of all individual cell data of the heat map.
-			 */
-			templateID?: string;
-		}
-
-		export interface ItemsMappingColumnStyle {
-
-			/** Specifies the width of the heat map column.
-			 * @Default {0}
-			 */
-			width?: number;
-
-			/** Specifies the text align mode of the heat map column.
-			 * @Default {ej.HeatMap.TextAlign.Center}
-			 */
-			textAlign?: string;
-
-			/** Specifies the template id of the column header.
-			 */
-			headerTemplateID?: string;
-
-			/** Specifies the template id of all individual cell data.
-			 */
-			templateID?: string;
-		}
-
-		export interface ItemsMappingColumn {
-
-			/** Specifies the name of the column or row.
-			 */
-			propertyName?: string;
-
-			/** Specifies the value of the column or row.
-			 */
-			displayName?: string;
-		}
-
-		export interface ItemsMappingRow {
-
-			/** Specifies the name of the column or row.
-			 */
-			propertyName?: string;
-
-			/** Specifies the value of the column or row.
-			 */
-			displayName?: string;
-		}
-
-		export interface ItemsMappingValue {
-
-			/** Specifies the name of the column or row.
-			 */
-			propertyName?: string;
-
-			/** Specifies the value of the column or row.
-			 */
-			displayName?: string;
-		}
-
-		export interface ItemsMappingHeaderMapping {
-
-			/** Specifies the name of the column or row.
-			 */
-			propertyName?: string;
-
-			/** Specifies the value of the column or row.
-			 */
-			displayName?: string;
-
-			/** Specifies the property and display value of the header.
-			 * @Default {null}
-			 */
-			columnStyle?: any;
-		}
-
-		export interface ItemsMapping {
-
-			/** Column settings for the individual heat map column.
-			 * @Default {null}
-			 */
-			columnStyle?: ItemsMappingColumnStyle;
-
-			/** Specifies the property and display value of the column.
-			 * @Default {null}
-			 */
-			column?: ItemsMappingColumn;
-
-			/** Specifies the property and display value of the heat map.row
-			 * @Default {null}
-			 */
-			row?: ItemsMappingRow;
-
-			/** Specifies the property and display value of the column value.
-			 * @Default {null}
-			 */
-			value?: ItemsMappingValue;
-
-			/** Specifies the property and display value of the header.
-			 * @Default {null}
-			 */
-			headerMapping?: ItemsMappingHeaderMapping;
-
-			/** Specifies the property and display value of the collection of column.
-			 * @Default {[]}
-			 */
-			columnMapping?: any[];
-		}
-
-		export interface ColorMappingCollectionLabel {
-
-			/** Enables/disables the bold style of the heat map label.
-			 * @Default {false}
-			 */
-			bold?: boolean;
-
-			/** Enables/disables the italic style of the heat map label.
-			 * @Default {false}
-			 */
-			italic?: boolean;
-
-			/** specifies the text value of the heat map label.
-			 */
-			text?: string;
-
-			/** Specifies the text style of the heat map label.
-			 * @Default {ej.HeatMap.TextDecoration.None}
-			 */
-			textDecoration?: ej.datavisualization.HeatMap.TextDecoration | string;
-
-			/** Specifies the font size of the heat map label.
-			 * @Default {10}
-			 */
-			fontSize?: number;
-
-			/** Specifies the font family of the heat map label.
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font color of the heat map label.
-			 * @Default {black}
-			 */
-			fontColor?: string;
-		}
-
-		export interface ColorMappingCollection {
-
-			/** Specifies the color of the heat map column data.
-			 * @Default {white}
-			 */
-			color?: string;
-
-			/** Specifies the color values of the heat map column data.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Specifies the label properties of the heat map color.
-			 * @Default {null}
-			 */
-			label?: ColorMappingCollectionLabel;
-		}
-	}
-	namespace HeatMap {
-		enum Associate {
-			//Used to set the associate of tooltip as Target
-			Target,
-			//Used to set the associate of tooltip as MouseFollow
-			MouseFollow,
-			//Used to set the associate of tooltip as MouseEnter
-			MouseEnter,
-		}
-	}
-	namespace HeatMap {
-		enum Horizontal {
-			//Used to display the tooltip horizontally on left side of rows/columns
-			Left,
-			//Used to display the tooltip horizontally on center side of rows/columns
-			Center,
-			//Used to display the tooltip horizontally on right side of rows/columns
-			Right,
-		}
-	}
-	namespace HeatMap {
-		enum Vertical {
-			//Used to display the tooltip horizontally on left side of rows/columns
-			Top,
-			//Used to display the tooltip horizontally on center side of rows/columns
-			Center,
-			//Used to display the tooltip horizontally on right side of rows/columns
-			Bottom,
-		}
-	}
-	namespace HeatMap {
-		enum Trigger {
-			//Tooltip can be triggered on mouse hovers
-			Hover,
-			//Tooltip can be triggered on mouse click
-			Click,
-		}
-	}
-	namespace HeatMap {
-		enum Effect {
-			//Sets tooltip animation as None
-			None,
-			//Sets tooltip animation as Fade
-			Fade,
-			//Sets tooltip animation as Slide
-			Slide,
-		}
-	}
-	namespace HeatMap {
-		enum CellVisibility {
-			//Display the content of the cell
-			Visible,
-			//Hide the content of the cell
-			Hidden,
-		}
-	}
-	namespace HeatMap {
-		enum TextDecoration {
-			//Defines a line below the text
-			Underline,
-			//Defines a line above the text
-			Overline,
-			//Defines a line through the text
-			LineThrough,
-			//Defines a normal text. This is default
-			None,
-		}
-	}
-
-	class HeatMapLegend extends ej.Widget {
-		static fn: HeatMapLegend;
-		constructor(element: JQuery | Element, options?: HeatMapLegend.Model);
-		static Locale: any;
-		model: HeatMapLegend.Model;
-		defaults: HeatMapLegend.Model;
-	}
-	export namespace HeatMapLegend {
-
-		export interface Model {
-
-			/** Specifies the width of the heatmap legend.
-			 * @Default {null}
-			 */
-			width?: any;
-
-			/** Specifies the height of the heatmap legend.
-			 * @Default {null}
-			 */
-			height?: any;
-
-			/** Specifies can enable responsive mode or not for heatmap legend.
-			 * @Default {false}
-			 */
-			isResponsive?: boolean;
-
-			/** Specifies whether the cell label can be shown or not.
-			 * @Default {false}
-			 */
-			showLabel?: boolean;
-
-			/** Specifies the color values of the column data.
-			 * @Default {[]}
-			 */
-			colorMappingCollection?: ColorMappingCollection[];
-
-			/** Specifies the orientation of the heatmap legend
-			 * @Default {ej.HeatMap.LegendOrientation.Horizontal}
-			 */
-			orientation?: ej.datavisualization.HeatMap.LegendOrientation | string;
-
-			/** Specifies the legend mode as gradient or list.
-			 * @Default {ej.HeatMap.LegendMode.Gradient}
-			 */
-			legendMode?: ej.datavisualization.HeatMap.LegendMode | string;
-		}
-
-		export interface ColorMappingCollectionLabel {
-
-			/** Enables/disables the bold style of the heatmap legend label.
-			 * @Default {false}
-			 */
-			bold?: boolean;
-
-			/** Enables/disables the italic style of the heatmap legend label.
-			 * @Default {false}
-			 */
-			italic?: boolean;
-
-			/** specifies the text value of the heatmap legend label.
-			 */
-			text?: string;
-
-			/** Specifies the text style of the heatmap legend label.
-			 * @Default {ej.HeatMap.TextDecoration.None}
-			 */
-			textDecoration?: ej.datavisualization.HeatMap.TextDecoration | string;
-
-			/** Specifies the font size of the heatmap legend label.
-			 * @Default {10}
-			 */
-			fontSize?: number;
-
-			/** Specifies the font family of the heatmap legend label.
-			 * @Default {Arial}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font color of the heatmap legend label.
-			 * @Default {black}
-			 */
-			fontColor?: string;
-		}
-
-		export interface ColorMappingCollection {
-
-			/** Specifies the color of the heatmap legend data.
-			 * @Default {white}
-			 */
-			color?: string;
-
-			/** Specifies the color values of the heatmap legend column data.
-			 * @Default {0}
-			 */
-			value?: number;
-
-			/** Specifies the label properties of the heatmap legend color.
-			 * @Default {null}
-			 */
-			label?: ColorMappingCollectionLabel;
-		}
-	}
-	namespace HeatMap {
-		enum LegendOrientation {
-			//Scales the graphic content non-uniformly to the width and height of the diagram area
-			Horizontal,
-			//Used to align the image at the top left of diagram area
-			Vertical,
-		}
-	}
-	namespace HeatMap {
-		enum LegendMode {
-			//Scales the graphic content non-uniformly to the width and height of the diagram area
-			Gradient,
-			//Used to align the image at the top left of diagram area
-			List,
-		}
-	}
-
-	class Sparkline extends ej.Widget {
-		static fn: Sparkline;
-		constructor(element: JQuery | Element, options?: Sparkline.Model);
-		static Locale: any;
-		model: Sparkline.Model;
-		defaults: Sparkline.Model;
-
-		/** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-		 * @returns {void}
-		 */
-		redraw(): void;
-	}
-	export namespace Sparkline {
-
-		export interface Model {
-
-			/** Background color of the plot area.
-			 * @Default {transparent}
-			 */
-			background?: string;
-
-			/** Fill color for the sparkline series.
-			 * @Default {#33ccff}
-			 */
-			fill?: string;
-
-			/** Border color of the series.
-			 * @Default {null}
-			 */
-			stroke?: string;
-
-			/** Options for customizing the color, opacity and width of the sparkline border.
-			 */
-			border?: Border;
-
-			/** Border width of the series.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Opacity of the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Color for series high point.
-			 * @Default {null}
-			 */
-			highPointColor?: string;
-
-			/** Color for series low point.
-			 * @Default {null}
-			 */
-			lowPointColor?: string;
-
-			/** Color for series start point.
-			 * @Default {null}
-			 */
-			startPointColor?: string;
-
-			/** Color for series end point.
-			 * @Default {null}
-			 */
-			endPointColor?: string;
-
-			/** Color for series negative point.
-			 * @Default {null}
-			 */
-			negativePointColor?: string;
-
-			/** Options for customizing the color, opacity of the sparkline start and end range.
-			 */
-			rangeBandSettings?: RangeBandSettings;
-
-			/** Name of the culture based on which sparkline should be localized.
-			 * @Default {en-US}
-			 */
-			locale?: string;
-
-			/** Name of a field in data source, where the fill color for all the data points is generated.
-			 */
-			palette?: string;
-
-			/** Controls whether sparkline has to be responsive or not.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
-			 * @Default {false}
-			 */
-			enableCanvasRendering?: boolean;
-
-			/** Specify to convert the date object to string, using locale settings.
-			 * @Default {false}
-			 */
-			enableGroupSeparator?: boolean;
-
-			/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Name of the property in the datasource that contains x value for the series.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Name of the property in the datasource that contains y value for the series.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Gap or padding for sparkline.
-			 * @Default {8}
-			 */
-			padding?: number;
-
-			/** Specifies the type of the series to render in sparkline.
-			 * @Default {line. See Type}
-			 */
-			type?: ej.datavisualization.Sparkline.Type | string;
-
-			/** Specifies the theme for Sparkline.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Sparkline.Theme | string;
-
-			/** Options to customize the tooltip.
-			 */
-			tooltip?: Tooltip;
-
-			/** Options for displaying and customizing marker for a data point.
-			 */
-			markerSettings?: MarkerSettings;
-
-			/** Options to customize the Sparkline size.
-			 */
-			size?: Size;
-
-			/** Options for customizing the color,dashArray and width of the axisLine.
-			 */
-			axisLineSettings?: AxisLineSettings;
-
-			/** Fires before loading the sparkline. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires after loaded the sparkline. */
-			loaded?(e: LoadedEventArgs): void;
-
-			/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
-			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
-
-			/** Fires before rendering a series. This event is fired for each series in Sparkline. */
-			seriesRendering?(e: SeriesRenderingEventArgs): void;
-
-			/** Fires when mouse is moved over a point. */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
-
-			/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
-			pointRegionMouseClick?(e: PointRegionMouseClickEventArgs): void;
-
-			/** Fires on moving mouse over the sparkline. */
-			sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
-
-			/** Fires on moving mouse outside the sparkline. */
-			sparklineMouseLeave?(e: SparklineMouseLeaveEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadedEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface TooltipInitializeEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X Location of the trackball tooltip in pixels
-			 */
-			locationX?: any;
-
-			/** Y Location of the trackball tooltip in pixels
-			 */
-			locationY?: any;
-
-			/** Index of the point for which trackball tooltip is displayed
-			 */
-			pointIndex?: number;
-
-			/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-			 */
-			currentText?: string;
-		}
-
-		export interface SeriesRenderingEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** Minimum x value of the data point
-			 */
-			minX?: any;
-
-			/** Minimum y value of the data point
-			 */
-			minY?: any;
-
-			/** Maximum x value of the data point
-			 */
-			maxX?: any;
-
-			/** Maximum y value of the data point
-			 */
-			maxY?: any;
-		}
-
-		export interface PointRegionMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
-
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Type of the series
-			 */
-			seriesType?: string;
-		}
-
-		export interface PointRegionMouseClickEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-
-			/** X-coordinate of point in pixel
-			 */
-			locationX?: number;
-
-			/** Y-coordinate of point in pixel
-			 */
-			locationY?: number;
-
-			/** Index of the point in series
-			 */
-			pointIndex?: number;
-
-			/** Type of the series
-			 */
-			seriesType?: string;
-		}
-
-		export interface SparklineMouseMoveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SparklineMouseLeaveEventArgs {
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sparkline model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Border {
-
-			/** Border color of the sparkline.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Width of the Sparkline border.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface RangeBandSettings {
-
-			/** Start value of the range band.
-			 * @Default {null}
-			 */
-			startRange?: number;
-
-			/** End value of the range band.
-			 * @Default {null}
-			 */
-			endRange?: number;
-
-			/** Range band opacity of the series.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Range band color of the series.
-			 * @Default {transparent}
-			 */
-			color?: string;
-		}
-
-		export interface TooltipBorder {
-
-			/** Border color of the tooltip.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Border width of the tooltip.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface TooltipFont {
-
-			/** Font color of the text in the tooltip.
-			 * @Default {#111111}
-			 */
-			color?: string;
-
-			/** Font Family for the tooltip.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font Style for the tooltip.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Sparkline.FontStyle | string;
-
-			/** Specifies the font weight for the tooltip.
-			 * @Default {Regular}
-			 */
-			fontWeight?: ej.datavisualization.Sparkline.FontWeight | string;
-
-			/** Opacity for text in the tooltip.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for text in the tooltip.
-			 * @Default {8px}
-			 */
-			size?: string;
-		}
-
-		export interface Tooltip {
-
-			/** Show/hides the tooltip visibility.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Fill color for the sparkline tooltip.
-			 * @Default {white}
-			 */
-			fill?: string;
-
-			/** Custom template to the tooltip.
-			 */
-			template?: string;
-
-			/** Options for customizing the border of the tooltip.
-			 */
-			border?: TooltipBorder;
-
-			/** Options for customizing the font of the tooltip.
-			 */
-			font?: TooltipFont;
-		}
-
-		export interface MarkerSettingsBorder {
-
-			/** Border color of the marker shape.
-			 * @Default {transparent}
-			 */
-			color?: string;
-
-			/** Controls the opacity of the marker border.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Border width of the marker shape.
-			 * @Default {null}
-			 */
-			width?: number;
-		}
-
-		export interface MarkerSettings {
-
-			/** Controls the opacity of the marker.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Controls the visibility of the marker shape.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** width of the marker shape.
-			 * @Default {2}
-			 */
-			width?: number;
-
-			/** Color of the marker shape.
-			 * @Default {white}
-			 */
-			fill?: string;
-
-			/** Options for customizing the border of the marker shape.
-			 */
-			border?: MarkerSettingsBorder;
-		}
-
-		export interface Size {
-
-			/** Height of the Sparkline. Height can be specified in either pixel or percentage.
-			 * @Default {''}
-			 */
-			height?: string;
-
-			/** Width of the Sparkline. Width can be specified in either pixel or percentage.
-			 * @Default {''}
-			 */
-			width?: string;
-		}
-
-		export interface AxisLineSettings {
-
-			/** Controls the visibility of the axis.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Color of the axis line.
-			 * @Default {'#111111'}
-			 */
-			color?: string;
-
-			/** Width of the axis line.
-			 * @Default {1}
-			 */
-			width?: number;
-
-			/** Dash array of the axis line.
-			 * @Default {1}
-			 */
-			dashArray?: number;
-		}
-	}
-	namespace Sparkline {
-		enum Type {
-			//string
-			Area,
-			//string
-			Line,
-			//string
-			Column,
-			//string
-			Pie,
-			//string
-			WinLoss,
-		}
-	}
-	namespace Sparkline {
-		enum Theme {
-			//string
-			Azure,
-			//string
-			FlatLight,
-			//string
-			FlatDark,
-			//string
-			Azuredark,
-			//string
-			Lime,
-			//string
-			LimeDark,
-			//string
-			Saffron,
-			//string
-			SaffronDark,
-			//string
-			GradientLight,
-			//string
-			GradientDark,
-		}
-	}
-	namespace Sparkline {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Italic,
-		}
-	}
-	namespace Sparkline {
-		enum FontWeight {
-			//string
-			Regular,
-			//string
-			Bold,
-			//string
-			Lighter,
-		}
-	}
-
-	class SunburstChart extends ej.Widget {
-		static fn: SunburstChart;
-		constructor(element: JQuery | Element, options?: SunburstChart.Model);
-		static Locale: any;
-		model: SunburstChart.Model;
-		defaults: SunburstChart.Model;
-
-		/** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-		 * @returns {void}
-		 */
-		redraw(): void;
-
-		/** destroy the sunburst
-		 * @returns {void}
-		 */
-		_destroy(): void;
-	}
-	export namespace SunburstChart {
-
-		export interface Model {
-
-			/** Background color of the plot area.
-			 * @Default {null}
-			 */
-			background?: string;
-
-			/** Bind the data field from the data source.
-			 * @Default {null}
-			 */
-			valueMemberPath?: string;
-
-			/** Options for customizing the sunburst border.
-			 */
-			border?: Border;
-
-			/** Options for customizing the sunburst segment border.
-			 */
-			segmentBorder?: SegmentBorder;
-
-			/** Specifies the dataSource to the sunburst.
-			 * @Default {null}
-			 */
-			dataSource?: any;
-
-			/** Palette color for the data points.
-			 * @Default {null}
-			 */
-			palette?: string;
-
-			/** Parent node of the data points.
-			 * @Default {null}
-			 */
-			parentNode?: string;
-
-			/** Name of the property in the datasource that contains x values.
-			 * @Default {null}
-			 */
-			xName?: string;
-
-			/** Name of the property in the datasource that contains y values.
-			 * @Default {null}
-			 */
-			yName?: string;
-
-			/** Controls whether sunburst has to be responsive or not.
-			 * @Default {true}
-			 */
-			isResponsive?: boolean;
-
-			/** Options to customize the Sunburst size.
-			 */
-			size?: Size;
-
-			/** Controls the visibility of sunburst.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Options to customize the Sunburst tooltip.
-			 */
-			tooltip?: Tooltip;
-
-			/** Options for customizing sunburst points.
-			 */
-			points?: Points;
-
-			/** Sunburst rendering will start from the specified value
-			 * @Default {null}
-			 */
-			startAngle?: number;
-
-			/** Sunburst rendering will end at the specified value
-			 * @Default {null}
-			 */
-			endAngle?: number;
-
-			/** Sunburst outer radius value
-			 * @Default {1}
-			 */
-			radius?: number;
-
-			/** Sunburst inner radius value
-			 * @Default {0.4}
-			 */
-			innerRadius?: number;
-
-			/** Options to customize the Sunburst dataLabel.
-			 */
-			dataLabelSettings?: DataLabelSettings;
-
-			/** Options for customizing the title and subtitle of sunburst.
-			 */
-			title?: Title;
-
-			/** Options for customizing the appearance of the levels or point while highlighting.
-			 */
-			highlightSettings?: HighlightSettings;
-
-			/** Options for customizing the appearance of the levels or data point while selection.
-			 */
-			selectionSettings?: SelectionSettings;
-
-			/** Specify levels of sunburst for grouped visualization of data
-			 * @Default {[]}
-			 */
-			levels?: Level[];
-
-			/** Options to customize the legend items and legend title.
-			 */
-			legend?: Legend;
-
-			/** Specifies the theme for Sunburst.
-			 * @Default {Flatlight. See Theme}
-			 */
-			theme?: ej.datavisualization.Sunburst.SunburstTheme | string;
-
-			/** Options to customize the left, right, top and bottom margins of sunburst area.
-			 */
-			margin?: Margin;
-
-			/** Enable/disable the animation for all the levels.
-			 * @Default {false}
-			 */
-			enableAnimation?: boolean;
-
-			/** Opacity of the levels.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Options for enable zooming feature of chart.
-			 */
-			zoomSettings?: ZoomSettings;
-
-			/** Animation type of sunburst
-			 * @Default {rotation. See Alignment}
-			 */
-			animationType?: ej.datavisualization.Sunburst.Animation | string;
-
-			/** Fires before loading. */
-			load?(e: LoadEventArgs): void;
-
-			/** Fires before rendering sunburst. */
-			preRender?(e: PreRenderEventArgs): void;
-
-			/** Fires after rendering sunburst. */
-			loaded?(e: LoadedEventArgs): void;
-
-			/** Fires before rendering the datalabel */
-			dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
-
-			/** Fires before rendering each segment */
-			segmentRendering?(e: SegmentRenderingEventArgs): void;
-
-			/** Fires before rendering sunburst title. */
-			titleRendering?(e: TitleRenderingEventArgs): void;
-
-			/** Fires during initialization of tooltip. */
-			tooltipInitialize?(e: TooltipInitializeEventArgs): void;
-
-			/** Fires after clicking the point in sunburst */
-			pointRegionClick?(e: PointRegionClickEventArgs): void;
-
-			/** Fires while moving the mouse over sunburst points */
-			pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
-
-			/** Fires when clicking the point to perform drilldown. */
-			drillDownClick?(e: DrillDownClickEventArgs): void;
-
-			/** Fires when resetting drilldown points. */
-			drillDownBack?(e: DrillDownBackEventArgs): void;
-
-			/** Fires after resetting the sunburst points */
-			drillDownReset?(e: DrillDownResetEventArgs): void;
-		}
-
-		export interface LoadEventArgs {
-
-			/** Load event data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PreRenderEventArgs {
-
-			/** PreRender event data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface LoadedEventArgs {
-
-			/** Loaded event data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DataLabelRenderingEventArgs {
-
-			/** Sunburst datalabel data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface SegmentRenderingEventArgs {
-
-			/** Sunburst datalabel data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface TitleRenderingEventArgs {
-
-			/** Sunburst title data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface TooltipInitializeEventArgs {
-
-			/** Sunburst tooltip data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PointRegionClickEventArgs {
-
-			/** Includes clicked points region data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface PointRegionMouseMoveEventArgs {
-
-			/** Includes data of mouse moved region
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrillDownClickEventArgs {
-
-			/** Clicked point data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrillDownBackEventArgs {
-
-			/** Drill down data of points
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface DrillDownResetEventArgs {
-
-			/** Drill down reset data
-			 */
-			data?: string;
-
-			/** Set this option to true to cancel the event
-			 */
-			cancel?: boolean;
-
-			/** Instance of the sunburst model object
-			 */
-			model?: any;
-
-			/** Name of the event
-			 */
-			type?: string;
-		}
-
-		export interface Border {
-
-			/** Border color of the sunburst.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Width of the Sunburst border.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface SegmentBorder {
-
-			/** Segment Border color of the sunburst.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Width of the Sunburst segment border.
-			 * @Default {2}
-			 */
-			width?: number;
-		}
-
-		export interface Size {
-
-			/** Height of the Sunburst.
-			 * @Default {''}
-			 */
-			height?: string;
-
-			/** Width of the Sunburst.
-			 * @Default {''}
-			 */
-			width?: string;
-		}
-
-		export interface TooltipBorder {
-
-			/** Border color of the tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the tooltip.
-			 * @Default {5}
-			 */
-			width?: number;
-		}
-
-		export interface TooltipFont {
-
-			/** Font color of the text in the tooltip.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font Family for the tooltip.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Specifies the font Style for the tooltip.
-			 * @Default {Normal}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Specifies the font weight for the tooltip.
-			 * @Default {Regular}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity for text in the tooltip.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for text in the tooltip.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface Tooltip {
-
-			/** tooltip visibility of the Sunburst.
-			 * @Default {true}
-			 */
-			visible?: boolean;
-
-			/** Options for customizing the border of the sunburst tooltip.
-			 */
-			border?: TooltipBorder;
-
-			/** Fill color for the sunburst tooltip.
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Options for customizing the font of the tooltip.
-			 */
-			font?: TooltipFont;
-
-			/** Custom template to the tooltip.
-			 * @Default {null}
-			 */
-			template?: string;
-		}
-
-		export interface Points {
-
-			/** Points x value of the sunburst.
-			 * @Default {null}
-			 */
-			x?: string;
-
-			/** Points y value of the sunburst.
-			 * @Default {null}
-			 */
-			y?: number;
-
-			/** Points text of the sunburst.
-			 * @Default {null}
-			 */
-			text?: string;
-
-			/** Points fill color of the sunburst.
-			 * @Default {null}
-			 */
-			fill?: string;
-		}
-
-		export interface DataLabelSettingsFont {
-
-			/** Font family of the data label.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style of the data label.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight of the data label.
-			 * @Default {regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity of the text.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font color of the data label text.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Font size of the data label.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface DataLabelSettings {
-
-			/** Datalabel visibility of the Sunburst.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Alignment of sunburst datalabel
-			 * @Default {Angle. See DatalabelAlignment}
-			 */
-			labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode | string;
-
-			/** Options for customizing the data label font.
-			 */
-			font?: DataLabelSettingsFont;
-
-			/** Custom template for datalabel
-			 * @Default {null}
-			 */
-			template?: string;
-
-			/** Fill color for the datalabel
-			 * @Default {null}
-			 */
-			fill?: string;
-
-			/** Datalabel overflow mode
-			 * @Default {Trim. See LabelOverflowMode}
-			 */
-			labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode | string;
-		}
-
-		export interface TitleFont {
-
-			/** Font family for Sunburst title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for Sunburst title.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for Sunburst title.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity of the Sunburst title.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for Sunburst title.
-			 * @Default {20px}
-			 */
-			size?: string;
-		}
-
-		export interface TitleSubtitleFont {
-
-			/** Font family of sub title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for sub title.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for sub title.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Opacity of the sub title.
-			 * @Default {1}
-			 */
-			opacity?: number;
-
-			/** Font size for sub title.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface TitleSubtitle {
-
-			/** Subtitle text for sunburst
-			 */
-			text?: string;
-
-			/** Sub title text visibility for sunburst
-			 * @Default {true}
-			 */
-			visible?: string;
-
-			/** Sub title text alignment
-			 * @Default {far. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-
-			/** Options for customizing the font of sub title.
-			 */
-			font?: TitleSubtitleFont;
-		}
-
-		export interface Title {
-
-			/** Title text for sunburst
-			 */
-			text?: string;
-
-			/** Title text visibility for sunburst
-			 * @Default {true}
-			 */
-			visible?: string;
-
-			/** Title text alignment
-			 * @Default {center. See TextAlignment}
-			 */
-			textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-
-			/** Options for customizing the font of sunburst title.
-			 */
-			font?: TitleFont;
-
-			/** Options to customize the sub title of Sunburst.
-			 */
-			subtitle?: TitleSubtitle;
-		}
-
-		export interface HighlightSettings {
-
-			/** Enables/disables the ability to highlight the levels or point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether the levels or point has to be highlighted.
-			 * @Default {point. See Mode}
-			 */
-			mode?: ej.datavisualization.Sunburst.SunburstHighlightMode | string;
-
-			/** Color of the levels/point on highlight.
-			 * @Default {red}
-			 */
-			color?: string;
-
-			/** Opacity of the levels/point on highlight.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Specifies whether the levels or data point has to be highlighted.
-			 * @Default {opacity. See Mode}
-			 */
-			type?: ej.datavisualization.Sunburst.SunburstHighlightType | string;
-		}
-
-		export interface SelectionSettings {
-
-			/** Enables/disables the ability to select the levels or data point interactively.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Specifies whether the levels or data point has to be selected.
-			 * @Default {point. See Mode}
-			 */
-			mode?: ej.datavisualization.Sunburst.SunburstHighlightMode | string;
-
-			/** Color of the levels/point on selection.
-			 * @Default {green}
-			 */
-			color?: string;
-
-			/** Opacity of the levels/point on selection.
-			 * @Default {0.5}
-			 */
-			opacity?: number;
-
-			/** Specifies whether the levels or data point has to be selected.
-			 * @Default {opacity. See Mode}
-			 */
-			type?: ej.datavisualization.Sunburst.SunburstHighlightType | string;
-		}
-
-		export interface Level {
-
-			/** Specifies the group member path
-			 * @Default {null}
-			 */
-			groupMemberPath?: string;
-		}
-
-		export interface LegendBorder {
-
-			/** Border color of the legend.
-			 * @Default {null}
-			 */
-			color?: string;
-
-			/** Border width of the legend.
-			 * @Default {1}
-			 */
-			width?: number;
-		}
-
-		export interface LegendFont {
-
-			/** Font family for legend item text.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend item text.
-			 * @Default {Normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for legend item text.
-			 * @Default {Regular. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Font size for legend item text.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LegendItemStyle {
-
-			/** Height of the shape in legend items.
-			 * @Default {10}
-			 */
-			height?: number;
-
-			/** Width of the shape in legend items.
-			 * @Default {10}
-			 */
-			width?: number;
-		}
-
-		export interface LegendLocation {
-
-			/** X value or horizontal offset to position the legend in chart.
-			 * @Default {0}
-			 */
-			x?: number;
-
-			/** Y value or vertical offset to position the legend.
-			 * @Default {0}
-			 */
-			y?: number;
-		}
-
-		export interface LegendSize {
-
-			/** Height of the legend. Height can be specified in either pixel or percentage.
-			 * @Default {null}
-			 */
-			height?: string;
-
-			/** Width of the legend. Width can be specified in either pixel or percentage.
-			 * @Default {null}
-			 */
-			width?: string;
-		}
-
-		export interface LegendTitleFont {
-
-			/** Font family for the text in legend title.
-			 * @Default {Segoe UI}
-			 */
-			fontFamily?: string;
-
-			/** Font style for legend title.
-			 * @Default {normal. See FontStyle}
-			 */
-			fontStyle?: ej.datavisualization.Sunburst.FontStyle | string;
-
-			/** Font weight for legend title.
-			 * @Default {normal. See FontWeight}
-			 */
-			fontWeight?: ej.datavisualization.Sunburst.FontWeight | string;
-
-			/** Font size for legend title.
-			 * @Default {12px}
-			 */
-			size?: string;
-		}
-
-		export interface LegendTitle {
-
-			/** Options to customize the font used for legend title
-			 */
-			font?: LegendTitleFont;
-
-			/** Enables or disables the legend title.
-			 * @Default {true}
-			 */
-			visible?: string;
-
-			/** Text to be displayed in legend title.
-			 */
-			text?: string;
-
-			/** Alignment of the legend title.
-			 * @Default {center. See Alignment}
-			 */
-			textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-		}
-
-		export interface Legend {
-
-			/** Visibility of the legend.
-			 * @Default {false}
-			 */
-			visible?: boolean;
-
-			/** Interactive action of legend items.
-			 * @Default {toggleSegmentVisibility. See Alignment}
-			 */
-			clickAction?: ej.datavisualization.Sunburst.SunburstClickAction | string;
-
-			/** Horizontal alignment of the legend.
-			 * @Default {Center. See Alignment}
-			 */
-			alignment?: ej.datavisualization.Sunburst.SunburstAlignment | string;
-
-			/** Options for customizing the legend border.
-			 */
-			border?: LegendBorder;
-
-			/** Number of columns to arrange the legend items.
-			 * @Default {null}
-			 */
-			columnCount?: number;
-
-			/** Number of rows to arrange the legend items.
-			 * @Default {null}
-			 */
-			rowCount?: number;
-
-			/** Options to customize the font used for legend item text.
-			 */
-			font?: LegendFont;
-
-			/** Gap or padding between the legend items.
-			 * @Default {10}
-			 */
-			itemPadding?: number;
-
-			/** Options to customize the style of legend items.
-			 */
-			itemStyle?: LegendItemStyle;
-
-			/** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
-			 */
-			location?: LegendLocation;
-
-			/** Places the legend at specified position. Legend can be placed at left, right, top or bottom of the chart area.To manually specify the location of legend, set custom as value to this property.
-			 * @Default {Bottom. See Position}
-			 */
-			position?: ej.datavisualization.Sunburst.SunburstLegendPosition | string;
-
-			/** Shape of the legend items.
-			 * @Default {None. See Shape}
-			 */
-			shape?: ej.datavisualization.Sunburst.SunburstLegendShape | string;
-
-			/** Options to customize the size of the legend.
-			 */
-			size?: LegendSize;
-
-			/** Options to customize the legend title.
-			 */
-			title?: LegendTitle;
-		}
-
-		export interface Margin {
-
-			/** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
-			 * @Default {10}
-			 */
-			left?: number;
-
-			/** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
-			 * @Default {10}
-			 */
-			right?: number;
-
-			/** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
-			 * @Default {10}
-			 */
-			top?: number;
-
-			/** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
-			 * @Default {10}
-			 */
-			bottom?: number;
-		}
-
-		export interface ZoomSettings {
-
-			/** Enables or disables zooming.
-			 * @Default {false}
-			 */
-			enable?: boolean;
-
-			/** Toolbar horizontal alignment
-			 * @Default {right. See Alignment}
-			 */
-			toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment | string;
-
-			/** Toolbar vertical alignment
-			 * @Default {top. See Alignment}
-			 */
-			toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment | string;
-		}
-	}
-	namespace Sunburst {
-		enum FontStyle {
-			//string
-			Normal,
-			//string
-			Italic,
-		}
-	}
-	namespace Sunburst {
-		enum FontWeight {
-			//string
-			Regular,
-			//string
-			Bold,
-			//string
-			Lighter,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLabelRotationMode {
-			//string
-			Angle,
-			//string
-			Normal,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLabelOverflowMode {
-			//string
-			Trim,
-			//string
-			Hide,
-			//string
-			None,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstAlignment {
-			//string
-			Center,
-			//string
-			Near,
-			//string
-			Far,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstHighlightMode {
-			//string
-			Point,
-			//string
-			Parent,
-			//string
-			Child,
-			//string
-			All,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstHighlightType {
-			//string
-			Opacity,
-			//string
-			Color,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstClickAction {
-			//string
-			None,
-			//string
-			ToggleSegmentVisibility,
-			//string
-			ToggleSegmentSelection,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLegendPosition {
-			//string
-			Left,
-			//string
-			Right,
-			//string
-			Top,
-			//string
-			Bottom,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstLegendShape {
-			//string
-			Diamond,
-			//string
-			Pentagon,
-			//string
-			Rectangle,
-			//string
-			Circle,
-			//string
-			Cross,
-			//string
-			Triangle,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstTheme {
-			//string
-			FlatLight,
-			//string
-			FlatDark,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstHorizontalAlignment {
-			//string
-			Center,
-			//string
-			Left,
-			//string
-			Right,
-		}
-	}
-	namespace Sunburst {
-		enum SunburstVerticalAlignment {
-			//string
-			Top,
-			//string
-			Bottom,
-			//string
-			Middle,
-		}
-	}
-	namespace Sunburst {
-		enum Animation {
-			//string
-			Rotation,
-			//string
-			FadeIn,
-		}
-	}
-
-	class Overview extends ej.Widget {
-		static fn: Overview;
-		constructor(element: JQuery | Element, options?: Overview.Model);
-		static Locale: any;
-		model: Overview.Model;
-		defaults: Overview.Model;
-	}
-	export namespace Overview {
-
-		export interface Model {
-
-			/** The sourceId property of overview should be set with the corresponding Diagram ID for you need the overall view.
-			 * @Default {null}
-			 */
-			sourceID?: string;
-
-			/** Defines the height of the overview
-			 * @Default {400}
-			 */
-			height?: number;
-
-			/** Defines the width of the overview
-			 * @Default {250}
-			 */
-			width?: number;
-		}
-	}
+	///Items to be displayed in the suggestion list in descending order.
+	Descending
+}
 
 }
 
+class Button extends ej.Widget {
+	static fn: Button;
+	constructor(element: JQuery, options?: Button.Model);
+	constructor(element: Element, options?: Button.Model);
+	static Locale: any;
+	model:Button.Model;
+	defaults:Button.Model;
+
+	/** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To disable the button
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the button
+	*   @returns {void}
+	*/
+	enable(): void;
+}
+export module Button{
+
+export interface Model {
+
+	/** Specifies the contentType of the Button. See below to know available ContentType
+	*   @Default {ej.ContentType.TextOnly}
+	*/
+	contentType?: ej.ContentType|string;
+
+	/** Sets the root CSS class for Button theme, which is used customize.
+	*/
+	cssClass?: string;
+
+	/** Specifies the button control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specify the Right to Left direction to button
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the height of the Button.
+	*   @Default {28}
+	*/
+	height?: number;
+
+	/** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and imageRight options. See below to know about available ImagePosition
+	*   @Default {ej.ImagePosition.ImageLeft}
+	*/
+	imagePosition?: ej.ImagePosition|string;
+
+	/** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
+	*   @Default {null}
+	*/
+	prefixIcon?: string;
+
+	/** Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
+	*   @Default {false}
+	*/
+	repeatButton?: boolean;
+
+	/** Displays the Button with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the size of the Button. See below to know available ButtonSize
+	*   @Default {ej.ButtonSize.Normal}
+	*/
+	size?: ej.ButtonSize|string;
+
+	/** Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
+	*   @Default {null}
+	*/
+	suffixIcon?: string;
+
+	/** Specifies the text content for Button.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specified the time interval between two consecutive 'click' event on the button.
+	*   @Default {150}
+	*/
+	timeInterval?: string;
+
+	/** Specifies the Type of the Button. See below to know available ButtonType
+	*   @Default {ej.ButtonType.Submit}
+	*/
+	type?: ej.ButtonType|string;
+
+	/** Specifies the width of the Button.
+	*   @Default {100px}
+	*/
+	width?: string|number;
+
+	/** Fires when Button control is clicked successfully.Consider the scenario to perform any validation,modification of content or any other operations click on button,we can make use of this click event to achieve the scenario. */
+	click? (e: ClickEventArgs): void;
+
+	/** Fires after Button control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the button is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the button model
+	*/
+	model?: ej.Button.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the button state
+	*/
+	status?: boolean;
+
+	/** return the event model for sever side processing. 
+	*/
+	e?: any;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the button model
+	*/
+	model?: ej.Button.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the button model
+	*/
+	model?: ej.Button.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+enum ContentType
+{
+//To display the text content only in button
+TextOnly,
+//To display the image only in button
+ImageOnly,
+//Supports to display  image for both ends of the button
+ImageBoth,
+//Supports to display image with the text content
+TextAndImage,
+//Supports to display  image with both ends of the text
+ImageTextImage,
+}
+enum ImagePosition
+{
+//support for aligning text in left and image in right
+ImageRight,
+//support for aligning text in right and image in left
+ImageLeft,
+//support for aligning text in bottom and image in top.
+ImageTop,
+//support for aligning text in top and image in bottom
+ImageBottom,
+}
+enum ButtonSize
+{
+//Creates button with Built-in default size height, width specified
+Normal,
+//Creates button with Built-in mini size height, width specified
+Mini,
+//Creates button with Built-in small size height, width specified
+Small,
+//Creates button with Built-in medium size height, width specified 
+Medium,
+//Creates button with Built-in large size height, width specified 
+Large,
+}
+enum ButtonType
+{
+//Creates button with Built-in button type specified
+Button,
+//Creates button with Built-in reset type specified 
+Reset,
+//Creates button with Built-in submit type specified
+Submit,
+}
+
+class Captcha extends ej.Widget {
+	static fn: Captcha;
+	constructor(element: JQuery, options?: Captcha.Model);
+	constructor(element: Element, options?: Captcha.Model);
+	static Locale: any;
+	model:Captcha.Model;
+	defaults:Captcha.Model;
+}
+export module Captcha{
+
+export interface Model {
+
+	/** Specifies the character set of the Captcha that will be used to generate captcha text randomly.
+	*/
+	characterSet?: string;
+
+	/** Specifies the error message to be displayed when the Captcha mismatch.
+	*/
+	customErrorMessage?: string;
+
+	/** Set the Captcha validation automatically.
+	*/
+	enableAutoValidation?: boolean;
+
+	/** Specifies the case sensitivity for the characters typed in the Captcha.
+	*/
+	enableCaseSensitivity?: boolean;
+
+	/** Specifies the background patterns for the Captcha.
+	*/
+	enablePattern?: boolean;
+
+	/** Sets the Captcha direction as right to left alignment.
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the background appearance for the captcha.
+	*/
+	hatchStyle?: ej.HatchStyle|string;
+
+	/** Specifies the height of the Captcha.
+	*/
+	height?: number;
+
+	/** Specifies the method with values to be mapped in the Captcha.
+	*/
+	mapper?: string;
+
+	/** Specifies the maximum number of characters used in the Captcha.
+	*/
+	maximumLength?: number;
+
+	/** Specifies the minimum number of characters used in the Captcha.
+	*/
+	minimumLength?: number;
+
+	/** Specifies the method to map values to Captcha.
+	*/
+	requestMapper?: string;
+
+	/** Sets the Captcha with audio support, that enables to dictate the captcha text.
+	*/
+	showAudioButton?: boolean;
+
+	/** Sets the Captcha with a refresh button.
+	*/
+	showRefreshButton?: boolean;
+
+	/** Specifies the target button of the Captcha to validate the entered text and captcha text.
+	*/
+	targetButton?: string;
+
+	/** Specifies the target input element that will verify the Captcha.
+	*/
+	targetInput?: string;
+
+	/** Specifies the width of the Captcha.
+	*/
+	width?: number;
+
+	/** Fires when captcha refresh begins. */
+	refreshBegin? (e: RefreshBeginEventArgs): void;
+
+	/** Fires after captcha refresh completed. */
+	refreshComplete? (e: RefreshCompleteEventArgs): void;
+
+	/** Fires when captcha refresh fails to load. */
+	refreshFailure? (e: RefreshFailureEventArgs): void;
+
+	/** Fires after captcha refresh succeeded. */
+	refreshSuccess? (e: RefreshSuccessEventArgs): void;
+}
+
+export interface RefreshBeginEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Captcha model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface RefreshCompleteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Captcha model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface RefreshFailureEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Captcha model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface RefreshSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Captcha model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+enum HatchStyle
+{
+//Set background as None to Captcha
+None,
+//Set background as BackwardDiagonal to Captcha
+BackwardDiagonal,
+//Set background as Cross to Captcha
+Cross,
+//Set background as DarkDownwardDiagonal to Captcha
+DarkDownwardDiagonal,
+//Set background as DarkHorizontal to Captcha
+DarkHorizontal,
+//Set background as DarkUpwardDiagonal to Captcha
+DarkUpwardDiagonal,
+//Set background as DarkVertical to Captcha
+DarkVertical,
+//Set background as DashedDownwardDiagonal to Captcha
+DashedDownwardDiagonal,
+//Set background as DashedHorizontal to Captcha
+DashedHorizontal,
+//Set background as DashedUpwardDiagonal to Captcha
+DashedUpwardDiagonal,
+//Set background as DashedVertical to Captcha
+DashedVertical,
+//Set background as DiagonalBrick to Captcha
+DiagonalBrick,
+//Set background as DiagonalCross to Captcha
+DiagonalCross,
+//Set background as Divot to Captcha
+Divot,
+//Set background as DottedDiamond to Captcha
+DottedDiamond,
+//Set background as DottedGrid to Captcha
+DottedGrid,
+//Set background as ForwardDiagonal to Captcha
+ForwardDiagonal,
+//Set background as Horizontal to Captcha
+Horizontal,
+//Set background as HorizontalBrick to Captcha
+HorizontalBrick,
+//Set background as LargeCheckerBoard to Captcha
+LargeCheckerBoard,
+//Set background as LargeConfetti to Captcha
+LargeConfetti,
+//Set background as LargeGrid to Captcha
+LargeGrid,
+//Set background as LightDownwardDiagonal to Captcha
+LightDownwardDiagonal,
+//Set background as LightHorizontal to Captcha
+LightHorizontal,
+//Set background as LightUpwardDiagonal to Captcha
+LightUpwardDiagonal,
+//Set background as LightVertical to Captcha
+LightVertical,
+//Set background as Max to Captcha
+Max,
+//Set background as Min to Captcha
+Min,
+//Set background as NarrowHorizontal to Captcha
+NarrowHorizontal,
+//Set background as NarrowVertical to Captcha
+NarrowVertical,
+//Set background as OutlinedDiamond to Captcha
+OutlinedDiamond,
+//Set background as Percent90 to Captcha
+Percent90,
+//Set background as Wave to Captcha
+Wave,
+//Set background as Weave to Captcha
+Weave,
+//Set background as WideDownwardDiagonal to Captcha
+WideDownwardDiagonal,
+//Set background as WideUpwardDiagonal to Captcha
+WideUpwardDiagonal,
+//Set background as ZigZag to Captcha
+ZigZag,
+}
+
+class ListBox extends ej.Widget {
+	static fn: ListBox;
+	constructor(element: JQuery, options?: ListBox.Model);
+	constructor(element: Element, options?: ListBox.Model);
+	static Locale: any;
+	model:ListBox.Model;
+	defaults:ListBox.Model;
+
+	/** Adds a given list items in the ListBox widget at a specified index. It accepts two parameters.
+	*   @param {any|string} This can be a list item object (for JSON binding) or a string (for UL and LI rendering). Also we can the specify this as an array of list item object or an array of strings to add multiple items.
+	*   @param {number} The index value to add the given items at the specified index. If index is not specified, the given items will be added at the end of the list.
+	*   @returns {void}
+	*/
+	addItem(listItem: any|string, index: number): void;
+
+	/** Checks all the list items in the ListBox widget. It is dependent on showCheckbox property.
+	*   @returns {void}
+	*/
+	checkAll(): void;
+
+	/** Checks a list item by using its index. It is dependent on showCheckbox property.
+	*   @param {number} Index of the listbox item to be checked. If index is not specified, the given items will be added at the end of the list.
+	*   @returns {void}
+	*/
+	checkItemByIndex(index: number): void;
+
+	/** Checks multiple list items by using its index values. It is dependent on showCheckbox property.
+	*   @param {number[]} Index/Indices of the listbox items to be checked. If index is not specified, the given items will be added at the end of the list.
+	*   @returns {void}
+	*/
+	checkItemsByIndices(indices: number[]): void;
+
+	/** Disables the ListBox widget.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Disables a list item by passing the item text as parameter.
+	*   @param {string} Text of the listbox item to be disabled.
+	*   @returns {void}
+	*/
+	disableItem(text: string): void;
+
+	/** Disables a list Item using its index value.
+	*   @param {number} Index of the listbox item to be disabled.
+	*   @returns {void}
+	*/
+	disableItemByIndex(index: number): void;
+
+	/** Disables set of list Items using its index values.
+	*   @param {number[]|string} Indices of the listbox items to be disabled.
+	*   @returns {void}
+	*/
+	disableItemsByIndices(Indices: number[]|string): void;
+
+	/** Enables the ListBox widget when it is disabled.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Enables a list Item using its item text value.
+	*   @param {string} Text of the listbox item to be enabled.
+	*   @returns {void}
+	*/
+	enableItem(text: string): void;
+
+	/** Enables a list item using its index value.
+	*   @param {number} Index of the listbox item to be enabled.
+	*   @returns {void}
+	*/
+	enableItemByIndex(index: number): void;
+
+	/** Enables a set of list Items using its index values.
+	*   @param {number[]|string} Indices of the listbox items to be enabled.
+	*   @returns {void}
+	*/
+	enableItemsByIndices(indices: number[]|string): void;
+
+	/** Returns the list of checked items in the ListBox widget. It is dependent on showCheckbox property.
+	*   @returns {any}
+	*/
+	getCheckedItems(): any;
+
+	/** Returns the list of selected items in the ListBox widget.
+	*   @returns {any}
+	*/
+	getSelectedItems(): any;
+
+	/** Returns an item’s index based on the given text.
+	*   @param {string} The list item text (label)
+	*   @returns {number}
+	*/
+	getIndexByText(text: string): number;
+
+	/** Returns an item’s index based on the value given.
+	*   @param {string} The list item’s value
+	*   @returns {number}
+	*/
+	getIndexByValue(indices: string): number;
+
+	/** Returns an item’s text (label) based on the index given.
+	*   @returns {string}
+	*/
+	getTextByIndex(): string;
+
+	/** Returns a list item’s object using its index.
+	*   @returns {any}
+	*/
+	getItemByIndex(): any;
+
+	/** Returns a list item’s object based on the text given.
+	*   @param {string} The list item text.
+	*   @returns {any}
+	*/
+	getItemByText(text: string): any;
+
+	/** Merges the given data with the existing data items in the listbox.
+	*   @param {Array<any>} Data to merge in listbox.
+	*   @returns {void}
+	*/
+	mergeData(data: Array<any>): void;
+
+	/** Selects the next item based on the current selection.
+	*   @returns {void}
+	*/
+	moveDown(): void;
+
+	/** Selects the previous item based on the current selection.
+	*   @returns {void}
+	*/
+	moveUp(): void;
+
+	/** Refreshes the ListBox widget.
+	*   @param {boolean} Refreshes both the datasource and the dimensions of the ListBox widget when the parameter is passed as true, otherwise only the ListBox dimensions will be refreshed.
+	*   @returns {void}
+	*/
+	refresh(refreshData: boolean): void;
+
+	/** Removes all the list items from listbox.
+	*   @returns {void}
+	*/
+	removeAll(): void;
+
+	/** Removes the selected list items from the listbox.
+	*   @returns {void}
+	*/
+	removeSelectedItems(): void;
+
+	/** Removes a list item by using its text.
+	*   @param {string} Text of the listbox item to be removed. 
+	*   @returns {void}
+	*/
+	removeItemByText(text: string): void;
+
+	/** Removes a list item by using its index value.
+	*   @param {number} Index of the listbox item to be removed.
+	*   @returns {void}
+	*/
+	removeItemByIndex(index: number): void;
+
+	/** 
+	*   @returns {void}
+	*/
+	selectAll(): void;
+
+	/** Selects the list item using its text value.
+	*   @param {string} Text of the listbox item to be selected.
+	*   @returns {void}
+	*/
+	selectItemByText(text: string): void;
+
+	/** Selects list item using its value property.
+	*   @param {string} Value of the listbox item to be selected.
+	*   @returns {void}
+	*/
+	selectItemByValue(value: string): void;
+
+	/** Selects list item using its index value.
+	*   @param {number} Index of the listbox item to be selected.
+	*   @returns {void}
+	*/
+	selectItemByIndex(index: number): void;
+
+	/** Selects a set of list items through its index values.
+	*   @param {number|number[]} Index/Indices of the listbox item to be selected.
+	*   @returns {void}
+	*/
+	selectItemsByIndices(Indices: number|number[]): void;
+
+	/** Unchecks all the checked list items in the ListBox widget. To use this method showCheckbox property to be set as true.
+	*   @returns {void}
+	*/
+	uncheckAll(): void;
+
+	/** Unchecks a checked list item using its index value. To use this method showCheckbox property to be set as true.
+	*   @param {number} Index of the listbox item to be unchecked.
+	*   @returns {void}
+	*/
+	uncheckItemByIndex(index: number): void;
+
+	/** Unchecks the set of checked list items using its index values. To use this method showCheckbox property must be set to true.
+	*   @param {number[]|string} Indices of the listbox item to be unchecked.
+	*   @returns {void}
+	*/
+	uncheckItemsByIndices(indices: number[]|string): void;
+
+	/** 
+	*   @returns {void}
+	*/
+	unselectAll(): void;
+
+	/** Unselects a selected list item using its index value
+	*   @param {number} Index of the listbox item to be unselected.
+	*   @returns {void}
+	*/
+	unselectItemByIndex(index: number): void;
+
+	/** Unselects a selected list item using its text value.
+	*   @param {string} Text of the listbox item to be unselected.
+	*   @returns {void}
+	*/
+	unselectItemByText(text: string): void;
+
+	/** Unselects a selected list item using its value.
+	*   @param {string} Value of the listbox item to be unselected.
+	*   @returns {void}
+	*/
+	unselectItemByValue(value: string): void;
+
+	/** Unselects a set of list items using its index values.
+	*   @param {number[]|string} Indices of the listbox item to be unselected.
+	*   @returns {void}
+	*/
+	unselectItemsByIndices(indices: number[]|string): void;
+
+	/** Hides all the checked items in the listbox.
+	*   @returns {void}
+	*/
+	hideCheckedItems(): void;
+
+	/** Shows a set of hidden list Items using its index values.
+	*   @param {number[]|string} Indices of the listbox items to be shown.
+	*   @returns {void}
+	*/
+	showItemByIndices(indices: number[]|string): void;
+
+	/** Hides a set of list Items using its index values.
+	*   @param {number[]|string} Indices of the listbox items to be hidden.
+	*   @returns {void}
+	*/
+	hideItemsByIndices(indices: number[]|string): void;
+
+	/** Shows the hidden list items using its values.
+	*   @param {Array<any>} Values of the listbox items to be shown.
+	*   @returns {void}
+	*/
+	showItemsByValues(values: Array<any>): void;
+
+	/** Hides the list item using its values.
+	*   @param {Array<any>} Values of the listbox items to be hidden.
+	*   @returns {void}
+	*/
+	hideItemsByValues(values: Array<any>): void;
+
+	/** Shows a hidden list item using its value.
+	*   @param {string} Value of the listbox item to be shown.
+	*   @returns {void}
+	*/
+	showItemByValue(value: string): void;
+
+	/** Hide a list item using its value.
+	*   @param {string} Value of the listbox item to be hidden.
+	*   @returns {void}
+	*/
+	hideItemByValue(value: string): void;
+
+	/** Shows a hidden list item using its index value.
+	*   @param {number} Index of the listbox item to be shown.
+	*   @returns {void}
+	*/
+	showItemByIndex(index: number): void;
+
+	/** Hides a list item using its index value.
+	*   @param {number} Index of the listbox item to be hidden.
+	*   @returns {void}
+	*/
+	hideItemByIndex(index: number): void;
+
+	/** 
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** Hides the listbox.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Hides all the listbox items in the listbox.
+	*   @returns {void}
+	*/
+	hideAllItems(): void;
+
+	/** Shows all the listbox items in the listbox.
+	*   @returns {void}
+	*/
+	showAllItems(): void;
+}
+export module ListBox{
+
+export interface Model {
+
+	/** Enables/disables the dragging behavior of the items in ListBox widget.
+	*   @Default {false}
+	*/
+	allowDrag?: boolean;
+
+	/** Accepts the items which are dropped in to it, when it is set to true.
+	*   @Default {false}
+	*/
+	allowDrop?: boolean;
+
+	/** Enables or disables multiple selection.
+	*   @Default {false}
+	*/
+	allowMultiSelection?: boolean;
+
+	/** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using “virtualScrollMode” property.
+	*   @Default {false}
+	*/
+	allowVirtualScrolling?: boolean;
+
+	/** Enables or disables the case sensitive search for list item by typing the text (search) value.
+	*   @Default {false}
+	*/
+	caseSensitiveSearch?: boolean;
+
+	/** Dynamically populate data of a list box while selecting an item in another list box i.e. rendering child list box based on the item selection in parent list box. This property accepts the id of the child ListBox widget to populate the data.
+	*   @Default {null}
+	*/
+	cascadeTo?: string;
+
+	/** Set of list items to be checked by default using its index. It works only when the showCheckbox property is set to true.
+	*   @Default {null}
+	*/
+	checkedIndices?: Array<any>;
+
+	/** The root class for the ListBox widget to customize the existing theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Contains the list of data for generating the list items.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Enables or disables the ListBox widget.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Enables or disables the search behavior to find the specific list item by typing the text value.
+	*   @Default {false}
+	*/
+	enableIncrementalSearch?: boolean;
+
+	/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Displays the ListBox widget’s content from right to left when enabled.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies ellipsis (&quot;...&quot;) representation in an overflowed list item content when it is set to false.
+	*   @Default {true}
+	*/
+	enableWordWrap?: boolean;
+
+	/** Mapping fields for the data items of the ListBox widget.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Defines the height of the ListBox widget.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Defines the height for individual ListBox item.
+	*   @Default {null}
+	*/
+	itemHeight?: string;
+
+	/** The number of list items to be shown in the ListBox widget. The remaining list items will be scrollable.
+	*   @Default {null}
+	*/
+	itemsCount?: number;
+
+	/** The total number of list items to be rendered in the ListBox widget.
+	*   @Default {null}
+	*/
+	totalItemsCount?: number;
+
+	/** The number of list items to be loaded in the list box while enabling virtual scrolling and when virtualScrollMode is set to continuous.
+	*   @Default {5}
+	*/
+	itemRequestCount?: number;
+
+	/** Loads data for the listbox by default (i.e. on initialization) when it is set to true. It creates empty ListBox if it is set to false.
+	*   @Default {true}
+	*/
+	loadDataOnInit?: boolean;
+
+	/** The query to retrieve required data from the data source.
+	*   @Default {ej.Query()}
+	*/
+	query?: ej.Query;
+
+	/** The list item to be selected by default using its index.
+	*   @Default {null}
+	*/
+	selectedIndex?: number;
+
+	/** The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
+	*   @Default {[]}
+	*/
+	selectedIndices?: Array<any>;
+
+	/** Enables/Disables the multi selection option with the help of checkbox control.
+	*   @Default {false}
+	*/
+	showCheckbox?: boolean;
+
+	/** To display the ListBox container with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Set to sort ListBox items either by Ascending or Descending order. By default sortOrder is set as enum type of &quot;None&quot;.You can use only below mentioned type for sorting purpose.
+	*   @Default {ej.SortOrder.None}
+	*/
+	sortOrder?: ej.ListBox.SortOrder|string;
+
+	/** The template to display the ListBox widget with customized appearance.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
+	*   @Default {“”}
+	*/
+	value?: number;
+
+	/** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
+	*   @Default {ej.VirtualScrollMode.Normal}
+	*/
+	virtualScrollMode?: ej.VirtualScrollMode|string;
+
+	/** Defines the width of the ListBox widget.
+	*   @Default {null}
+	*/
+	width?: string;
+
+	/** Specifies the targetID for the listbox items.
+	*   @Default {null}
+	*/
+	targetID?: string;
+
+	/** Triggers before the AJAX request begins to load data in the ListBox widget. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget. */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
+
+	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggers when the data requested from AJAX get failed. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Event will be triggered before the requested data via AJAX once loaded in successfully. */
+	actionBeforeSuccess? (e: ActionBeforeSuccessEventArgs): void;
+
+	/** Triggers when the item selection is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Triggers when the list item is checked or unchecked. */
+	checkChange? (e: CheckChangeEventArgs): void;
+
+	/** Triggers when the ListBox widget is created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggers when the ListBox widget is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggers when focus the listbox items. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Triggers when focus out from listbox items. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Triggers when the list item is being dragged. */
+	itemDrag? (e: ItemDragEventArgs): void;
+
+	/** Triggers when the list item is ready to be dragged. */
+	itemDragStart? (e: ItemDragStartEventArgs): void;
+
+	/** Triggers when the list item stops dragging. */
+	itemDragStop? (e: ItemDragStopEventArgs): void;
+
+	/** Triggers when the list item is dropped. */
+	itemDrop? (e: ItemDropEventArgs): void;
+
+	/** Triggers when a list item gets selected. */
+	select? (e: SelectEventArgs): void;
+
+	/** Triggers when a list item gets unselected. */
+	unselect? (e: UnselectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ListBox model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ActionSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
+
+	/** returns the ListBox model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
+
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
+
+	/** returns the ListBox model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
+
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
+
+export interface ActionFailureEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the error message
+	*/
+	error?: any;
+
+	/** returns the ListBox model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ActionBeforeSuccessEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** List of actual object.
+	*/
+	actual?: any;
+
+	/** Object of ListBox widget which contains DataManager arguments
+	*/
+	request?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** List of array object
+	*/
+	result?: Array<any>;
+
+	/** ExecuteQuery object of DataManager
+	*/
+	xhr?: any;
+}
+
+export interface ChangeEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** List item object.
+	*/
+	item?: any;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface CheckChangeEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** List item object.
+	*/
+	item?: any;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
+
+export interface DestroyEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
+
+export interface FocusInEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
+
+export interface FocusOutEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+}
+
+export interface ItemDragEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface ItemDragStartEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface ItemDragStopEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface ItemDropEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on whether the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** List item object.
+	*/
+	item?: any;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface UnselectEventArgs {
+
+	/** Instance of the listbox model object.
+	*/
+	model?: ej.ListBox.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** List item object.
+	*/
+	item?: any;
+
+	/** The Datasource of the listbox.
+	*/
+	data?: any;
+
+	/** List item’s index.
+	*/
+	index?: number;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Boolean value based on whether the list item is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Boolean value based on whether the list item is selected or not.
+	*/
+	isSelected?: boolean;
+
+	/** Boolean value based on the list item is enabled or not.
+	*/
+	isEnabled?: boolean;
+
+	/** List item’s text (label).
+	*/
+	text?: string;
+
+	/** List item’s value.
+	*/
+	value?: string;
+}
+
+export interface Fields {
+
+	/** Defines the specific field name which contains Boolean values to specify whether the list items to be checked by default or not.
+	*/
+	checkBy?: boolean;
+
+	/** The grouping in the ListBox widget can be defined using this field.
+	*/
+	groupBy?: string;
+
+	/** Defines the HTML attributes such as id, class, styles for the specific ListBox item.
+	*/
+	htmlAttributes?: any;
+
+	/** Defines the specific field name which contains id values for the list items.
+	*/
+	id?: string;
+
+	/** Defines the imageURL for the image to be displayed in the ListBox item.
+	*/
+	imageUrl?: string;
+
+	/** Defines the image attributes such as height, width, styles and so on.
+	*/
+	imageAttributes?: string;
+
+	/** Defines the specific field name which contains Boolean values to specify whether the list items to be selected by default or not.
+	*/
+	selectBy?: boolean;
+
+	/** Defines the sprite CSS class for the image to be displayed.
+	*/
+	spriteCssClass?: string;
+
+	/** Defines the table name to get the specific set of list items to be loaded in the ListBox widget while rendering with remote data.
+	*/
+	tableName?: string;
+
+	/** Defines the specific field name in the data source to load the list with data.
+	*/
+	text?: string;
+
+	/** Defines the specific field name in the data source to load the list with data value property.
+	*/
+	value?: string;
+}
+
+enum SortOrder{
+
+	/// The items are not sorted. 
+	None,
+
+	/// To sort items in Ascending order.
+	Ascending,
+
+	/// To sort items in Descending order.
+	Descending
+}
+
+}
+
+class Calculate {
+	static fn: Calculate;
+	constructor(element: JQuery, options?: Calculate.Model);
+	constructor(element: Element, options?: Calculate.Model);
+	static Locale: any;
+	model:Calculate.Model;
+	defaults:Calculate.Model;
+
+	/** Add the custom formulas with function in CalcEngine library
+	*   @param {string} pass the formula name
+	*   @param {string} pass the custom function name to call
+	*   @returns {void}
+	*/
+	addCustomFunction(FormulaName: string, FunctionName: string): void;
+
+	/** Adds a named range to the NamedRanges collection
+	*   @param {string} pass the namedRange's name
+	*   @param {string} pass the cell range of NamedRange
+	*   @returns {void}
+	*/
+	addNamedRange(Name: string, cellRange: string): void;
+
+	/** Accepts a possible parsed formula and returns the calculated value without quotes.
+	*   @param {string} pass the cell range to adjust its range
+	*   @returns {string}
+	*/
+	adjustRangeArg(Name: string): string;
+
+	/** When a formula cell changes, call this method to clear it from its dependent cells.
+	*   @param {string} pass the changed cell address
+	*   @returns {void}
+	*/
+	clearFormulaDependentCells(Cell: string): void;
+
+	/** Call this method to clear whether an exception was raised during the computation of a library function.
+	*   @returns {void}
+	*/
+	clearLibraryComputationException(): void;
+
+	/** Get the column index from a cell reference passed in.
+	*   @param {string} pass the cell address
+	*   @returns {void}
+	*/
+	colIndex(Cell: string): void;
+
+	/** Evaluates a parsed formula.
+	*   @param {string} pass the parsed formula
+	*   @returns {string}
+	*/
+	computedValue(Formula: string): string;
+
+	/** Evaluates a parsed formula.
+	*   @param {string} pass the parsed formula
+	*   @returns {string}
+	*/
+	computeFormula(Formula: string): string;
+}
+export module Calculate{
+
+export interface Model {
+}
+}
+
+class CheckBox extends ej.Widget {
+	static fn: CheckBox;
+	constructor(element: JQuery, options?: CheckBox.Model);
+	constructor(element: Element, options?: CheckBox.Model);
+	static Locale: any;
+	model:CheckBox.Model;
+	defaults:CheckBox.Model;
+
+	/** Destroy the CheckBox widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disable the CheckBox to prevent all user interactions.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the CheckBox
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** To Check the status of CheckBox
+	*   @returns {boolean}
+	*/
+	isChecked(): boolean;
+}
+export module CheckBox{
+
+export interface Model {
+
+	/** Specifies whether CheckBox has to be in checked or not. We can also specify array of string as value for this property. If any of the value in the specified array matches the value of the textbox, then it will be considered as checked. It will be useful in MVVM binding, specify array type to identify the values of the checked CheckBoxes.
+	*   @Default {false}
+	*/
+	checked?: boolean|string[];
+
+	/** Specifies the State of CheckBox.See below to get available CheckState
+	*   @Default {null}
+	*/
+	checkState?: ej.CheckState|string;
+
+	/** Sets the root CSS class for CheckBox theme, which is used customize.
+	*/
+	cssClass?: string;
+
+	/** Specifies the checkbox control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies the persist property for CheckBox while initialization. The persist API save current model value to browser cookies for state maintains. While refreshing the CheckBox control page the model value apply from browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specify the Right to Left direction to Checkbox
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the enable or disable Tri-State for checkbox control.
+	*   @Default {false}
+	*/
+	enableTriState?: boolean;
+
+	/** It allows to define the characteristics of the CheckBox control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specified value to be added an id attribute of the CheckBox.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Specify the prefix value of id to be added before the current id of the CheckBox.
+	*   @Default {ej}
+	*/
+	idPrefix?: string;
+
+	/** Specifies the name attribute of the CheckBox.
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Displays rounded corner borders to CheckBox
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the size of the CheckBox.See below to know available CheckboxSize
+	*   @Default {small}
+	*/
+	size?: ej.CheckboxSize|string;
+
+	/** Specifies the text content to be displayed for CheckBox.
+	*/
+	text?: string;
+
+	/** Set the jQuery validation error message in CheckBox.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Set the jQuery validation rules in CheckBox.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Specifies the value attribute of the CheckBox.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Fires before the CheckBox is going to changed its state successfully */
+	beforeChange? (e: BeforeChangeEventArgs): void;
+
+	/** Fires when the CheckBox state is changed successfully */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when the CheckBox state is created successfully */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the CheckBox state is destroyed successfully */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface BeforeChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the CheckBox model
+	*/
+	model?: ej.CheckBox.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event model values
+	*/
+	event?: any;
+
+	/** returns the status whether the element is checked or not.
+	*/
+	isChecked?: boolean;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the CheckBox model
+	*/
+	model?: ej.CheckBox.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event arguments
+	*/
+	event?: any;
+
+	/** returns the status whether the element is checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** returns the state of the checkbox
+	*/
+	checkState?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the CheckBox model
+	*/
+	model?: ej.CheckBox.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the CheckBox model
+	*/
+	model?: ej.CheckBox.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+enum CheckState
+{
+//string
+Uncheck,
+//string
+Check,
+//string
+Indeterminate,
+}
+enum CheckboxSize
+{
+//Displays the CheckBox in medium size
+Medium,
+//Displays the CheckBox in small size
+Small,
+}
+
+class ColorPicker extends ej.Widget {
+	static fn: ColorPicker;
+	constructor(element: JQuery, options?: ColorPicker.Model);
+	constructor(element: Element, options?: ColorPicker.Model);
+	static Locale: any;
+	model:ColorPicker.Model;
+	defaults:ColorPicker.Model;
+
+	/** Disables the color picker control
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enable the color picker control
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Gets the selected color in RGB format
+	*   @returns {any}
+	*/
+	getColor(): any;
+
+	/** Gets the selected color value as string
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** To Convert color value from hexCode to RGB
+	*   @param {string} Specified HEX code converted to RGB
+	*   @returns {any}
+	*/
+	hexCodeToRGB(colorCode: string): any;
+
+	/** Hides the ColorPicker popup, if in opened state.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Convert color value from HSV to RGB
+	*   @param {any} Specified HSV code converted to RGB
+	*   @returns {any}
+	*/
+	HSVToRGB(HSV: any): any;
+
+	/** Convert color value from RGB to HEX
+	*   @param {any} Specified RGB code converted to HEX code
+	*   @returns {string}
+	*/
+	RGBToHEX(RGB: any): string;
+
+	/** Convert color value from RGB to HSV
+	*   @param {any} Specified RGB code converted to HSV code
+	*   @returns {any}
+	*/
+	RGBToHSV(RGB: any): any;
+
+	/** Open the ColorPicker popup.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module ColorPicker{
+
+export interface Model {
+
+	/** The ColorPicker control allows to define the customized text to displayed in button elements. Using the property to achieve the customized culture values.
+	*   @Default {{ apply: Apply, cancel: Cancel, swatches: Swatches }}
+	*/
+	buttonText?: ButtonText;
+
+	/** Allows to change the mode of the button. Please refer below to know available button mode
+	*   @Default {ej.ButtonMode.Split}
+	*/
+	buttonMode?: ej.ButtonMode|string;
+
+	/** Specifies the number of columns to be displayed color palette model.
+	*   @Default {10}
+	*/
+	columns?: number|string;
+
+	/** This property allows you to customize its appearance using user-defined CSS and custom skin options such as colors and backgrounds.
+	*/
+	cssClass?: string;
+
+	/** This property allows to define the custom colors in the palette model.Custom palettes are created by passing a comma delimited string of HEX values or an array of colors.
+	*   @Default {empty}
+	*/
+	custom?: Array<any>;
+
+	/** This property allows to embed the popup in the order of DOM element flow . When we set the value as true, the color picker popup is always in visible state.
+	*   @Default {false}
+	*/
+	displayInline?: boolean;
+
+	/** This property allows to change the control in enabled or disabled state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** This property allows to enable or disable the opacity slider in the color picker control
+	*   @Default {true}
+	*/
+	enableOpacity?: boolean;
+
+	/** It allows to define the characteristics of the ColorPicker control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Defines the localized text values in button and tooltip.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the model type to be rendered initially in the color picker control. See below to get available ModelType
+	*   @Default {ej.ColorPicker.ModelType.Default}
+	*/
+	modelType?: ej.ColorPicker.ModelType|string;
+
+	/** This property allows to change the opacity value .The selected color opacity will be adjusted by using this opacity value.
+	*   @Default {100}
+	*/
+	opacityValue?: number|string;
+
+	/** Specifies the palette type to be displayed at initial time in palette model.There two types of palette model available in ColorPicker control. See below available Palette
+	*   @Default {ej.ColorPicker.Palette.BasicPalette}
+	*/
+	palette?: ej.ColorPicker.Palette|string;
+
+	/** This property allows to define the preset model to be rendered initially in palette type.It consists of 12 different types of presets. Each presets have 50 colors. See below available Presets
+	*   @Default {ej.ColorPicker.Presets.Basic}
+	*/
+	presetType?: ej.ColorPicker.Presets|string;
+
+	/** Allows to show/hides the apply and cancel buttons in ColorPicker control
+	*   @Default {true}
+	*/
+	showApplyCancel?: boolean;
+
+	/** Allows to show/hides the clear button in ColorPicker control
+	*   @Default {true}
+	*/
+	showClearButton?: boolean;
+
+	/** This property allows to provides live preview support for current cursor selection color and selected color.
+	*   @Default {true}
+	*/
+	showPreview?: boolean;
+
+	/** This property allows to store the color values in custom list.The ColorPicker will keep up to 11 colors in a custom list.By clicking the add button, the selected color from picker or palette will get added in the recent color list.
+	*   @Default {false}
+	*/
+	showRecentColors?: boolean;
+
+	/** Allows to show/hides the switcher button in ColorPicker control.It helps to switch palette or picker mode in colorpicker.
+	*   @Default {true}
+	*/
+	showSwitcher?: boolean;
+
+	/** This property allows to shows tooltip to notify the slider value in color picker control.
+	*   @Default {false}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the toolIcon to be displayed in dropdown control color area.
+	*   @Default {null}
+	*/
+	toolIcon?: string;
+
+	/** This property allows to define the customized text or content to displayed when mouse over the following elements. This property also allows to use the culture values.
+	*   @Default {{ switcher: Switcher, addbutton: Add Color, basic: Basic, monochrome: Mono Chrome, flatcolors: Flat Color, seawolf: Sea Wolf, webcolors: Web Colors, sandy: Sandy, pinkshades: Pink Shades, misty: Misty, citrus: Citrus, vintage: Vintage, moonlight: Moon Light, candycrush: Candy Crush, currentcolor: Current Color, selectedcolor: Selected Color }}
+	*/
+	tooltipText?: TooltipText;
+
+	/** Specifies the color value for color picker control, the value is in hexadecimal form with prefix of &quot;#&quot;.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Fires after Color value has been changed successfully.If the user want to perform any operation after the color value changed then the user can make use of this change event. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires after closing the color picker popup. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires after Color picker control is created. If the user want to perform any operation after the color picker control creation then the user can make use of this create event. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires after Color picker control is destroyed. If the user want to perform any operation after the color picker control destroyed then the user can make use of this destroy event. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires after opening the color picker popup */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires after Color value has been selected successfully. If the user want to perform any operation after the color value selected then the user can make use of this select event. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the changed color value
+	*/
+	value?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the color picker model
+	*/
+	model?: ej.ColorPicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the selected color value
+	*/
+	value?: string;
+}
+
+export interface ButtonText {
+
+	/** Sets the text for the apply button.
+	*/
+	apply?: string;
+
+	/** Sets the text for the cancel button.
+	*/
+	cancel?: string;
+
+	/** Sets the header text for the swatches area.
+	*/
+	swatches?: string;
+}
+
+export interface TooltipText {
+
+	/** Sets the tooltip text for the switcher button.
+	*/
+	switcher?: string;
+
+	/** Sets the tooltip text for the add button.
+	*/
+	addbutton?: string;
+
+	/** Sets the tooltip text for the basic preset.
+	*/
+	basic?: string;
+
+	/** Sets the tooltip text for the mono chrome preset.
+	*/
+	monochrome?: string;
+
+	/** Sets the tooltip text for the flat colors preset.
+	*/
+	flatcolors?: string;
+
+	/** Sets the tooltip text for the sea wolf preset.
+	*/
+	seawolf?: string;
+
+	/** Sets the tooltip text for the web colors preset.
+	*/
+	webcolors?: string;
+
+	/** Sets the tooltip text for the sandy preset.
+	*/
+	sandy?: string;
+
+	/** Sets the tooltip text for the pink shades preset.
+	*/
+	pinkshades?: string;
+
+	/** Sets the tooltip text for the misty preset.
+	*/
+	misty?: string;
+
+	/** Sets the tooltip text for the citrus preset.
+	*/
+	citrus?: string;
+
+	/** Sets the tooltip text for the vintage preset.
+	*/
+	vintage?: string;
+
+	/** Sets the tooltip text for the moon light preset.
+	*/
+	moonlight?: string;
+
+	/** Sets the tooltip text for the candy crush preset.
+	*/
+	candycrush?: string;
+
+	/** Sets the tooltip text for the current color area.
+	*/
+	currentcolor?: string;
+
+	/** Sets the tooltip text for the selected color area.
+	*/
+	selectedcolor?: string;
+}
+
+enum ModelType{
+
+	///support palette type mode in color picker.
+	Palette,
+
+	///support palette type mode in color picker.
+	Picker
+}
+
+
+enum Palette{
+
+	///used to show the basic palette
+	BasicPalette,
+
+	///used to show the custompalette
+	CustomPalette
+}
+
+
+enum Presets{
+
+	///used to show the basic presets
+	Basic,
+
+	///used to show the CandyCrush colors presets
+	CandyCrush,
+
+	///used to show the Citrus colors presets
+	Citrus,
+
+	///used to show the FlatColors presets
+	FlatColors,
+
+	///used to show the Misty presets
+	Misty,
+
+	///used to show the MoonLight presets
+	MoonLight,
+
+	///used to show the PinkShades presets
+	PinkShades,
+
+	///used to show the Sandy presets
+	Sandy,
+
+	///used to show the Seawolf presets
+	SeaWolf,
+
+	///used to show the Vintage presets
+	Vintage,
+
+	///used to show the WebColors presets
+	WebColors
+}
+
+}
+enum ButtonMode
+{
+//Displays the button in split mode 
+Split,
+//Displays the button in Dropdown mode
+Dropdown,
+}
+
+class FileExplorer extends ej.Widget {
+	static fn: FileExplorer;
+	constructor(element: JQuery, options?: FileExplorer.Model);
+	constructor(element: Element, options?: FileExplorer.Model);
+	static Locale: any;
+	model:FileExplorer.Model;
+	defaults:FileExplorer.Model;
+
+	/** Refresh the size of FileExplorer control.
+	*   @returns {void}
+	*/
+	adjustSize(): void;
+
+	/** Disable the particular context menu item.
+	*   @param {string|HTMLElement} Id of the menu item/ Menu element to be disabled 
+	*   @returns {void}
+	*/
+	disableMenuItem(item: string|HTMLElement): void;
+
+	/** Disable the particular toolbar item.
+	*   @param {string|HTMLElement} Id of the toolbar item/ Tool item element to be disabled 
+	*   @returns {void}
+	*/
+	disableToolbarItem(item: string|HTMLElement): void;
+
+	/** Enable the particular context menu item.
+	*   @param {string|HTMLElement} Id of the menu item/ Menu element to be Enabled 
+	*   @returns {void}
+	*/
+	enableMenuItem(item: string|HTMLElement): void;
+
+	/** Enable the particular toolbar item
+	*   @param {string|HTMLElement} Id of the tool item/ Tool item element to be Enabled 
+	*   @returns {void}
+	*/
+	enableToolbarItem(item: string|HTMLElement): void;
+
+	/** Refresh the content of the selected folder in FileExplorer control.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Remove the particular toolbar item.
+	*   @param {string|HTMLElement} Id of the tool item/ tool item element to be removed 
+	*   @returns {void}
+	*/
+	removeToolbarItem(item: string|HTMLElement): void;
+}
+export module FileExplorer{
+
+export interface Model {
+
+	/** Sets the URL of server side AJAX handling method that handles file operation like Read, Remove, Rename, Create, Upload, Download, Copy and Move in FileExplorer.
+	*/
+	ajaxAction?: string;
+
+	/** Specifies the data type of server side AJAX handling method.
+	*   @Default {json}
+	*/
+	ajaxDataType?: string;
+
+	/** By using ajaxSettings property, you can customize the AJAX configurations. Normally you can customize the following option in AJAX handling data, URL, type, async, contentType, dataType and success. For upload, download and getImage API, you can only customize URL.
+	*   @Default {{ read: {}, createFolder: {}, remove: {}, rename: {}, paste: {}, getDetails: {}, download: {}, upload: {}, getImage: {}, search: {}}}
+	*/
+	ajaxSettings?: any;
+
+	/** The FileExplorer allows to move the files from one folder to another folder of FileExplorer by using drag and drop option. Also it supports to upload a file by dragging it from windows explorer to the necessary folder of ejFileExplorer.
+	*   @Default {true}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable keyboard support for FileExplorer actions.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** The FileExplorer allows to select multiple files by enabling the allowMultiSelection property. You can perform multi selection by pressing the Ctrl key or Shift key.
+	*   @Default {true}
+	*/
+	allowMultiSelection?: boolean;
+
+	/** By using the contextMenuSettings property, you can customize the ContextMenu in the FileExplorer control.
+	*/
+	contextMenuSettings?: ContextMenuSettings;
+
+	/** Sets the root class for FileExplorer theme. This cssClass API allows to use custom skinning option for File Explorer control. By defining the root class by using this API, you have to include this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** Specify the enablePersistence to FileExplorer to save the current model value in browser cookies for state maintains.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Enables or disables the resize support in FileExplorer control.
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Enables or disables the Right to Left alignment support in FileExplorer control.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Enables or disables the thumbnail image compression option in FileExplorer control. By enabling this option, you can reduce the thumbnail image size while loading.
+	*   @Default {false}
+	*/
+	enableThumbnailCompress?: boolean;
+
+	/** Allows specified type of files only to display in FileExplorer control.
+	*   @Default {.}
+	*/
+	fileTypes?: string;
+
+	/** By using filterSettings property, you can customize the search functionality of the search bar in FileExplorer control.
+	*/
+	filterSettings?: FilterSettings;
+
+	/** By using the gridSettings property, you can customize the grid behavior in the FileExplorer control.
+	*/
+	gridSettings?: GridSettings;
+
+	/** Specifies the height of FileExplorer control.
+	*   @Default {400}
+	*/
+	height?: string|number;
+
+	/** Enables or disables the responsive support for FileExplorer control during the window resizing time.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Sets the file view type. There are three view types available such as Grid, Tile and Large icons. See layoutType.
+	*   @Default {ej.FileExplorer.layoutType.Grid}
+	*/
+	layout?: ej.FileExplorer.layoutType|string;
+
+	/** Sets the culture in FileExplorer.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the maximum height of FileExplorer control.
+	*   @Default {null}
+	*/
+	maxHeight?: string|number;
+
+	/** Sets the maximum width of FileExplorer control.
+	*   @Default {null}
+	*/
+	maxWidth?: string|number;
+
+	/** Sets the minimum height of FileExplorer control.
+	*   @Default {250px}
+	*/
+	minHeight?: string|number;
+
+	/** Sets the minimum width of FileExplorer control.
+	*   @Default {400px}
+	*/
+	minWidth?: string|number;
+
+	/** The property path denotes the filesystem path that are to be explored. The path for the filesystem can be physical path or relative path, but it has to be relevant to where the Web API is hosted.
+	*/
+	path?: string;
+
+	/** The selectedFolder is used to select the specified folder of FileExplorer control.
+	*/
+	selectedFolder?: string;
+
+	/** The selectedItems is used to select the specified items (file, folder) of FileExplorer control.
+	*/
+	selectedItems?: string|Array<any>;
+
+	/** Enables or disables the checkbox option in FileExplorer control.
+	*   @Default {true}
+	*/
+	showCheckbox?: boolean;
+
+	/** Enables or disables the context menu option in FileExplorer control.
+	*   @Default {true}
+	*/
+	showContextMenu?: boolean;
+
+	/** Enables or disables the footer in FileExplorer control. The footer element displays the details of the current selected files and folders. And also the footer having the switcher to change the layout view.
+	*   @Default {true}
+	*/
+	showFooter?: boolean;
+
+	/** FileExplorer control is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** FileExplorer control is rendered with thumbnail preview of images in Tile and LargeIcons layout when this property set to true.
+	*   @Default {true}
+	*/
+	showThumbnail?: boolean;
+
+	/** Shows or disables the toolbar in FileExplorer control.
+	*   @Default {true}
+	*/
+	showToolbar?: boolean;
+
+	/** Enables or disables the navigation pane in FileExplorer control. The navigation pane contains a tree view element that displays all the folders from the filesystem in a hierarchical manner. This is useful to a quick navigation of any folder in the filesystem.
+	*   @Default {true}
+	*/
+	showNavigationPane?: boolean;
+
+	/** The tools property is used to configure and group required toolbar items in FileExplorer control.
+	*   @Default {{ creation: [NewFolder], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste], getProperties: [Details], searchBar: [Searchbar], layout: [Layout], sortBy: [SortBy]}}
+	*/
+	tools?: any;
+
+	/** The toolsList property is used to arrange the toolbar items in the FileExplorer control.
+	*   @Default {[layout, creation, navigation, addressBar, editing, copyPaste, sortBy, getProperties, searchBar]}
+	*/
+	toolsList?: Array<any>;
+
+	/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
+	*/
+	uploadSettings?: UploadSettings;
+
+	/** Specifies the width of FileExplorer control.
+	*   @Default {850}
+	*/
+	width?: string|number;
+
+	/** Fires before the AJAX request is performed. */
+	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
+
+	/** Fires before downloading the files. */
+	beforeDownload? (e: BeforeDownloadEventArgs): void;
+
+	/** Fires before getting a requested image from server. Also this event will be triggered when you have enabled thumbnail image compression option in FileExplorer.Using this event, you can customize the image compression size. */
+	beforeGetImage? (e: BeforeGetImageEventArgs): void;
+
+	/** Fires before files or folders open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires before uploading the files. */
+	beforeUpload? (e: BeforeUploadEventArgs): void;
+
+	/** Fires when FileExplorer control was created */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when file or folder is copied successfully. */
+	copy? (e: CopyEventArgs): void;
+
+	/** Fires when new folder is created successfully in file system. */
+	createFolder? (e: CreateFolderEventArgs): void;
+
+	/** Fires when file or folder is cut successfully. */
+	cut? (e: CutEventArgs): void;
+
+	/** Fires when the FileExplorer is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when the files or directory has been started to drag over on the FileExplorer */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** Fires when the files or directory is dragging over on the FileExplorer. */
+	drag? (e: DragEventArgs): void;
+
+	/** Fires when the files or directory has been stopped to drag over on FileExplorer */
+	dragStop? (e: DragStopEventArgs): void;
+
+	/** Fires when the files or directory is dropped to the target folder of FileExplorer */
+	drop? (e: DropEventArgs): void;
+
+	/** Fires after loading the requested image from server. Using this event, you can get the details of loaded image. */
+	getImage? (e: GetImageEventArgs): void;
+
+	/** Fires when keydown in FileExplorer control. */
+	keydown? (e: KeydownEventArgs): void;
+
+	/** Fires when the file view type is changed. */
+	layoutChange? (e: LayoutChangeEventArgs): void;
+
+	/** Fires when before the ContextMenu opening. */
+	menuBeforeOpen? (e: MenuBeforeOpenEventArgs): void;
+
+	/** Fires when click the ContextMenu item. */
+	menuClick? (e: MenuClickEventArgs): void;
+
+	/** Fires when ContextMenu is successfully opened. */
+	menuOpen? (e: MenuOpenEventArgs): void;
+
+	/** Fires when files are successfully opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires when a file or folder is pasted successfully. */
+	paste? (e: PasteEventArgs): void;
+
+	/** Fires when file or folder is deleted successfully. */
+	remove? (e: RemoveEventArgs): void;
+
+	/** Fires when resizing is performed for FileExplorer. */
+	resize? (e: ResizeEventArgs): void;
+
+	/** Fires when resizing is started for FileExplorer. */
+	resizeStart? (e: ResizeStartEventArgs): void;
+
+	/** Fires this event when the resizing is stopped for FileExplorer. */
+	resizeStop? (e: ResizeStopEventArgs): void;
+
+	/** Fires when the items from grid view or tile view of FileExplorer control is selected. */
+	select? (e: SelectEventArgs): void;
+
+	/** Triggered when refresh the template column elements in the grid view of FileExplorer control. */
+	templateRefresh? (e: TemplateRefreshEventArgs): void;
+
+	/** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected. */
+	unselect? (e: UnselectEventArgs): void;
+}
+
+export interface BeforeAjaxRequestEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the AJAX request data
+	*/
+	data?: any;
+
+	/** returns the FileExplorer model
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface BeforeDownloadEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the downloaded file names.
+	*/
+	files?: string[];
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeGetImageEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** enable or disable the image compress option.
+	*/
+	canCompress?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the expected image size.
+	*/
+	size?: any;
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the opened item type.
+	*/
+	itemType?: string;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeUploadEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the upload item details.
+	*/
+	uploadItemDetails?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CopyEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of copied file/folder.
+	*/
+	name?: string[];
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the source path.
+	*/
+	sourcePath?: string;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateFolderEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the AJAX response data
+	*/
+	data?: any;
+
+	/** returns the FileExplorer model
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the selected item details
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CutEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of moved file or folder.
+	*/
+	name?: string[];
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the source path.
+	*/
+	sourcePath?: string;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DragStartEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the dragging element.
+	*/
+	target?: any;
+
+	/** returns the path of dragging element.
+	*/
+	targetPath?: string;
+
+	/** returns the dragging file details.
+	*/
+	selectedItems?: any;
+}
+
+export interface DragEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the target element.
+	*/
+	target?: any;
+
+	/** returns the name of target element.
+	*/
+	targetElementName?: string;
+
+	/** returns the path of target element.
+	*/
+	targetPath?: string;
+}
+
+export interface DragStopEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the target element.
+	*/
+	target?: any;
+
+	/** returns the path of target element.
+	*/
+	targetPath?: string;
+
+	/** returns the name of target element
+	*/
+	targetElementName?: string;
+
+	/** returns the action, which is performed after dropping the files (upload/ move).
+	*/
+	dropAction?: string;
+
+	/** returns the dragging file details
+	*/
+	fileInfo?: any;
+}
+
+export interface DropEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the target element.
+	*/
+	target?: any;
+
+	/** returns the name of target folder.
+	*/
+	targetFolder?: string;
+
+	/** returns the path of target folder.
+	*/
+	targetPath?: string;
+
+	/** returns the dragging element details.
+	*/
+	fileInfo?: any;
+
+	/** returns the action, which is performed after dropping the files (upload/ move).
+	*/
+	dropAction?: string;
+}
+
+export interface GetImageEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** loaded image path.
+	*/
+	path?: string;
+
+	/** loaded image element
+	*/
+	element?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** original arguments of image load or error event
+	*/
+	originalArgs?: any;
+
+	/** returns the action type, which specifies thumbnail preview or opening image.
+	*/
+	action?: string;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface KeydownEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the downed key keyCode value
+	*/
+	keyCode?: number;
+
+	/** returns altKey value.
+	*/
+	altKey?: boolean;
+
+	/** returns shiftKey value.
+	*/
+	shiftKey?: boolean;
+
+	/** returns ctrlKey value.
+	*/
+	ctrlKey?: boolean;
+
+	/** returns the event object.
+	*/
+	originalArgs?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface LayoutChangeEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** return true when we change the layout via interaction, else false.
+	*/
+	isInteraction?: boolean;
+
+	/** returns the current view type.
+	*/
+	layoutType?: string;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface MenuBeforeOpenEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of ContextMenu items group.
+	*/
+	contextMenu?: string;
+
+	/** returns the dataSource of ContextMenu.
+	*/
+	dataSource?: Array<any>;
+
+	/** returns the element of ContextMenu.
+	*/
+	element?: any;
+
+	/** returns the event of ContextMenu.
+	*/
+	events?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the target element.
+	*/
+	target?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface MenuClickEventArgs {
+
+	/** returns the ID of clicked ContextMenu item.
+	*/
+	ID?: string;
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of ContextMenu items group.
+	*/
+	contextMenu?: string;
+
+	/** returns the element of clicked ContextMenu item.
+	*/
+	element?: any;
+
+	/** returns the event of ContextMenu.
+	*/
+	event?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the parent element ID of clicked ContextMenu item.
+	*/
+	parentId?: string;
+
+	/** returns the parent element text of clicked ContextMenu item.
+	*/
+	parentText?: string;
+
+	/** returns the text of clicked ContextMenu item.
+	*/
+	text?: string;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface MenuOpenEventArgs {
+
+	/** set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of ContextMenu items group.
+	*/
+	contextMenu?: string;
+
+	/** returns the element of ContextMenu.
+	*/
+	element?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the target element.
+	*/
+	target?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the opened item type.
+	*/
+	itemType?: string;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the path of currently opened item.
+	*/
+	path?: string;
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface PasteEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of moved/copied file or folder.
+	*/
+	name?: string[];
+
+	/** returns the selected item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the target folder item details.
+	*/
+	targetFolder?: any;
+
+	/** returns the target path.
+	*/
+	targetPath?: string;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RemoveEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the AJAX response data.
+	*/
+	data?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the names of deleted items.
+	*/
+	name?: string;
+
+	/** returns the path of deleted item.
+	*/
+	path?: string;
+
+	/** returns the removed item details.
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mouse move event args.
+	*/
+	event?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeStartEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mouse down event args.
+	*/
+	event?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeStopEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mouse leave event args.
+	*/
+	event?: any;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** returns the name of selected items.
+	*/
+	name?: string[];
+
+	/** returns the path of selected items.
+	*/
+	path?: string;
+
+	/** returns the selected item details
+	*/
+	selectedItems?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface TemplateRefreshEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cell object.
+	*/
+	cell?: ej.FileExplorer.Model;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the current row data.
+	*/
+	data?: any;
+
+	/** Returns the grid model of FileExplorer.
+	*/
+	model?: any;
+
+	/** Returns the current row index.
+	*/
+	rowIndex?: number;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface UnselectEventArgs {
+
+	/** Returns the FileExplorer model.
+	*/
+	model?: ej.FileExplorer.Model;
+
+	/** Returns the name of unselected item.
+	*/
+	name?: string;
+
+	/** Returns the name of unselected items.
+	*/
+	names?: string[];
+
+	/** Returns the type of unselected item.
+	*/
+	nodeType?: string;
+
+	/** Returns the path of unselected item.
+	*/
+	path?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the unselected item details.
+	*/
+	unselectedItem?: any;
+
+	/** Returns the unselected items details.
+	*/
+	unselectedItems?: Array<any>;
+}
+
+export interface ContextMenuSettings {
+
+	/** The items property is used to configure and group the required ContextMenu items in FileExplorer control.
+	*   @Default {{% highlight javascript %}{navbar: [NewFolder, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, Getinfo],cwd: [Refresh, Paste,|, SortBy, |, NewFolder, Upload, |, Getinfo],files: [Open, Download, |, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, OpenFolderLocation, Getinfo]}{% endhighlight %}}
+	*/
+	items?: any;
+
+	/** The customMenuFields property is used to define custom functionality for custom ContextMenu item's which are defined in items property.
+	*   @Default {[]}
+	*/
+	customMenuFields?: Array<any>;
+}
+
+export interface FilterSettings {
+
+	/** It allows to search the text given in search Textbox in every keyup event. When this property was set as false, searching will works only on Enter key and searchbar blur.
+	*   @Default {true}
+	*/
+	allowSearchOnTyping?: boolean;
+
+	/** Enables or disables to perform the filter operation with case sensitive.
+	*   @Default {false}
+	*/
+	caseSensitiveSearch?: boolean;
+
+	/** Sets the search filter type. There are several filter types available such as &quot;startswith&quot;, &quot;contains&quot;, &quot;endswith&quot;. See filterType.
+	*   @Default {ej.FileExplorer.filterType.Contains}
+	*/
+	filterType?: ej.FilterType|string;
+}
+
+export interface GridSettings {
+
+	/** Allows to Resize the width of the columns by simply click and move the particular column header line.
+	*   @Default {true}
+	*/
+	allowResizing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
+	*   @Default {true}
+	*/
+	allowSorting?: boolean;
+
+	/** Gets or sets an object that indicates to render the grid with specified columns. You can use this property same as the column property in Grid control.
+	*   @Default {[{ field: name, headerText: Name, width: 30% }, { field: dateModified, headerText: Date Modified, width: 30% }, { field: type, headerText: Type, width: 15% }, { field: size, headerText: Size, width: 12%, textAlign: right, headerTextAlign: left }]}
+	*/
+	columns?: Array<any>;
+}
+
+export interface UploadSettings {
+
+	/** Specifies the maximum file size allowed to upload. It accepts the value in bytes.
+	*   @Default {31457280}
+	*/
+	maxFileSize?: number;
+
+	/** Enables or disables the multiple files upload. When it is enabled, you can upload multiple files at a time and when disabled, you can upload only one file at a time.
+	*   @Default {true}
+	*/
+	allowMultipleFile?: boolean;
+
+	/** Enables or disables the auto upload option while uploading files in FileExplorer control.
+	*   @Default {false}
+	*/
+	autoUpload?: boolean;
+}
+
+enum layoutType{
+
+	///Supports to display files in tile view
+	Tile,
+
+	///Supports to display files in grid view 
+	Grid,
+
+	///Supports to display files as large icons
+	LargeIcons
+}
+
+}
+
+class DatePicker extends ej.Widget {
+	static fn: DatePicker;
+	constructor(element: JQuery, options?: DatePicker.Model);
+	constructor(element: Element, options?: DatePicker.Model);
+	static Locale: any;
+	model:DatePicker.Model;
+	defaults:DatePicker.Model;
+
+	/** Disables the DatePicker control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enable the DatePicker control, if it is in disabled state.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns the current date value in the DatePicker control.
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** Close the DatePicker popup, if it is in opened state.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Opens the DatePicker popup.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module DatePicker{
+
+export interface Model {
+
+	/** Used to allow or restrict the editing in DatePicker input field directly. By setting false to this API, You can only pick the date from DatePicker popup.
+	*   @Default {true}
+	*/
+	allowEdit?: boolean;
+
+	/** allow or restrict the drill down to multiple levels of view (month/year/decade) in DatePicker calendar
+	*   @Default {true}
+	*/
+	allowDrillDown?: boolean;
+
+	/** Disable the list of specified date value.
+	*   @Default {{}}
+	*/
+	blackoutDates?: any;
+
+	/** Sets the specified text value to the today button in the DatePicker calendar.
+	*   @Default {Today}
+	*/
+	buttonText?: string;
+
+	/** Sets the root CSS class for DatePicker theme, which is used customize.
+	*/
+	cssClass?: string;
+
+	/** Formats the value of the DatePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DatePicker.
+	*   @Default {MM/dd/yyyy}
+	*/
+	dateFormat?: string;
+
+	/** Specifies the header format of days in DatePicker calendar. See below to get available Headers options
+	*   @Default {ej.DatePicker.Header.Short}
+	*/
+	dayHeaderFormat?: string | ej.DatePicker.Header;
+
+	/** Specifies the navigation depth level in DatePicker calendar. This option is not applied when start level view option is lower than depth level view. See below to know available levels in DatePicker Calendar
+	*/
+	depthLevel?: string | ej.DatePicker.Level;
+
+	/** Allows to embed the DatePicker calendar in the page. Also associates DatePicker with div element instead of input.
+	*   @Default {false}
+	*/
+	displayInline?: boolean;
+
+	/** Enables or disables the animation effect with DatePicker calendar.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Enable or disable the DatePicker control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Sustain the entire widget model of DatePicker even after form post or browser refresh
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Displays DatePicker calendar along with DatePicker input field in Right to Left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Allows to enter valid or invalid date in input textbox and indicate as error if it is invalid value, when this API value is set to true. For false value, invalid date is not allowed to input field and corrected to valid date automatically, even if invalid date is given.
+	*   @Default {false}
+	*/
+	enableStrictMode?: boolean;
+
+	/** Used  the required fields for special Dates in DatePicker in order to customize the special dates in a calendar.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Specifies the header format to be displayed in the DatePicker calendar.
+	*   @Default {MMMM yyyy}
+	*/
+	headerFormat?: string;
+
+	/** Specifies the height of the DatePicker input text.
+	*   @Default {28px}
+	*/
+	height?: string;
+
+	/** HighlightSection is used to highlight currently selected date's month/week/workdays. See below to get available HighlightSection options
+	*   @Default {none}
+	*/
+	highlightSection?: string | ej.DatePicker.HighlightSection;
+
+	/** Weekend  dates will be highlighted when this property is set to true.
+	*   @Default {false}
+	*/
+	highlightWeekend?: boolean;
+
+	/** Specifies the HTML Attributes of the DatePicker.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Change the DatePicker calendar and date format based on given culture.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the maximum date in the calendar that the user can select.
+	*   @Default {new Date(2099, 11, 31)}
+	*/
+	maxDate?: string|Date;
+
+	/** Specifies the minimum date in the calendar that the user can select.
+	*   @Default {new Date(1900, 00, 01)}
+	*/
+	minDate?: string|Date;
+
+	/** Allows to toggles the read only state of the DatePicker. When the widget is readOnly, it doesn't allow your input.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** It allow to show/hide the disabled date ranges
+	*   @Default {true}
+	*/
+	showDisabledRange?: boolean;
+
+	/** It allows to display footer in DatePicker calendar.
+	*   @Default {true}
+	*/
+	showFooter?: boolean;
+
+	/** It allows to display/hides the other months days from the current month calendar in a DatePicker.
+	*   @Default {true}
+	*/
+	showOtherMonths?: boolean;
+
+	/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DatePicker calendar popup.
+	*   @Default {true}
+	*/
+	showPopupButton?: boolean;
+
+	/** DatePicker input is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Used to show the tooltip when hovering on the days in the DatePicker calendar.
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the special dates in DatePicker.
+	*   @Default {null}
+	*/
+	specialDates?: any;
+
+	/** Specifies the start day of the week in DatePicker calendar.
+	*   @Default {0}
+	*/
+	startDay?: number;
+
+	/** Specifies the start level view in DatePicker calendar. See below available Levels
+	*   @Default {ej.DatePicker.Level.Month}
+	*/
+	startLevel?: string | ej.DatePicker.Level;
+
+	/** Specifies the number of months to be navigate for one click of next and previous button in a DatePicker Calendar.
+	*   @Default {1}
+	*/
+	stepMonths?: number;
+
+	/** Provides option to customize the tooltip format.
+	*   @Default {ddd MMM dd yyyy}
+	*/
+	tooltipFormat?: string;
+
+	/** Sets the jQuery validation support to DatePicker Date value. See validation
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Sets the jQuery validation custom rules to the DatePicker. see validation
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** sets or returns the current value of DatePicker
+	*   @Default {null}
+	*/
+	value?: string|Date;
+
+	/** Specifies the water mark text to be displayed in input text.
+	*   @Default {Select date}
+	*/
+	watermarkText?: string;
+
+	/** Specifies the width of the DatePicker input text.
+	*   @Default {160px}
+	*/
+	width?: string;
+
+	/** Fires before closing the DatePicker popup. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** Fires when each date is created in the DatePicker popup calendar. */
+	beforeDateCreate? (e: BeforeDateCreateEventArgs): void;
+
+	/** Fires before opening the DatePicker popup. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when the DatePicker input value is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when DatePicker popup is closed. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires when the DatePicker is created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the DatePicker is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when DatePicker input gets focus. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires when DatePicker input loses the focus. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires when calender view navigates to month/year/decade/century. */
+	navigate? (e: NavigateEventArgs): void;
+
+	/** Fires when DatePicker popup is opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires when a date is selected from the DatePicker popup. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DatePicker.
+	*/
+	events?: any;
+
+	/** returns the DatePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface BeforeDateCreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the currently created date object.
+	*/
+	date?: any;
+
+	/** returns the current DOM object of the date from the Calendar.
+	*/
+	element?: HTMLElement;
+
+	/** returns the currently created date as string type.
+	*/
+	value?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DatePicker.
+	*/
+	events?: any;
+
+	/** returns the DatePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface ChangeEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the DatePicker input value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the currently selected date value.
+	*/
+	value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the currently selected date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected date value.
+	*/
+	prevDate?: string;
+}
+
+export interface NavigateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the previous view state of calendar.
+	*/
+	navigateFrom?: string;
+
+	/** returns the current view state of calendar.
+	*/
+	navigateTo?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the selected date object.
+	*/
+	date?: any;
+
+	/** returns the DatePicker model.
+	*/
+	model?: ej.DatePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	value?: string;
+
+	/** returns the previously selected value.
+	*/
+	prevDate?: string;
+
+	/** returns whether the  currently selected date is special date or not.
+	*/
+	isSpecialDay?: string;
+}
+
+export interface Fields {
+
+	/** Specifies the specials dates
+	*/
+	date?: string;
+
+	/** Specifies the icon class to special dates.
+	*/
+	iconClass?: string;
+
+	/** Specifies the tooltip to special dates.
+	*/
+	tooltip?: string;
+
+	/** Specifies the CSS class to customize the date.
+	*/
+	cssClass?: string;
+}
+
+enum Header{
+
+	///Removes day header in DatePicker
+	None,
+
+	///sets  the short format of day name (like Sun) in header in DatePicker
+	Short,
+
+	///sets  the Min format of day name (like su) in header format DatePicker
+	Min
+}
+
+
+enum Level{
+
+	///allow  navigation upto year level in  DatePicker
+	Year,
+
+	///allow  navigation upto decade level in  DatePicker
+	Decade,
+
+	///allow  navigation upto Century level in  DatePicker
+	Century
+}
+
+
+enum HighlightSection{
+
+	///Highlight the week of the currently  selected date in DatePicker popup calendar  
+	Week,
+
+	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
+	WorkDays,
+
+	///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
+	None
+}
+
+}
+
+class DateTimePicker extends ej.Widget {
+	static fn: DateTimePicker;
+	constructor(element: JQuery, options?: DateTimePicker.Model);
+	constructor(element: Element, options?: DateTimePicker.Model);
+	static Locale: any;
+	model:DateTimePicker.Model;
+	defaults:DateTimePicker.Model;
+
+	/** Disables the DateTimePicker control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the DateTimePicker control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns the current datetime value in the DateTimePicker.
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** Hides or closes the DateTimePicker popup.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Updates the current system date value and time value to the DateTimePicker.
+	*   @returns {void}
+	*/
+	setCurrentDateTime(): void;
+
+	/** Shows or opens the DateTimePicker popup.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module DateTimePicker{
+
+export interface Model {
+
+	/** Used to allow or restrict the editing in DateTimePicker input field directly. By setting false to this API, You can only pick the date and time values from DateTimePicker popup.
+	*   @Default {true}
+	*/
+	allowEdit?: boolean;
+
+	/** Displays the custom text for the buttons inside the DateTimePicker popup. when the culture value changed, we can change the buttons text based on the culture.
+	*   @Default {{ today: Today, timeNow: Time Now, done: Done, timeTitle: Time }}
+	*/
+	buttonText?: ButtonText;
+
+	/** Set the root class for DateTimePicker theme. This cssClass API helps to use custom skinning option for DateTimePicker control.
+	*/
+	cssClass?: string;
+
+	/** Defines the datetime format displayed in the DateTimePicker. The value should be a combination of date format and time format.
+	*   @Default {M/d/yyyy h:mm tt}
+	*/
+	dateTimeFormat?: string;
+
+	/** Specifies the header format of the datepicker inside the DateTimePicker popup. See DatePicker.Header
+	*   @Default {ej.DatePicker.Header.Short}
+	*/
+	dayHeaderFormat?: ej.DatePicker.Header|string;
+
+	/** Specifies the navigation depth level in DatePicker calendar inside DateTimePicker popup. This option is not applied when start level view option is lower than depth level view. See ej.DatePicker.Level
+	*/
+	depthLevel?: ej.DatePicker.Level|string;
+
+	/** Enable or disable the animation effect in DateTimePicker.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** When this property is set to false, it disables the DateTimePicker control.
+	*   @Default {false}
+	*/
+	enabled?: boolean;
+
+	/** Enables or disables the state maintenance of DateTimePicker.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Sets the DateTimePicker direction as right to left alignment.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class, otherwise it internally changed to the correct value.
+	*   @Default {false}
+	*/
+	enableStrictMode?: boolean;
+
+	/** Specifies the header format to be displayed in the DatePicker calendar inside the DateTimePicker popup.
+	*   @Default {MMMM yyyy}
+	*/
+	headerFormat?: string;
+
+	/** Defines the height of the DateTimePicker textbox.
+	*   @Default {30}
+	*/
+	height?: string|number;
+
+	/** Specifies the HTML Attributes of the ejDateTimePicker
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Sets the time interval between the two adjacent time values in the time popup.
+	*   @Default {30}
+	*/
+	interval?: number;
+
+	/** Defines the localization culture for DateTimePicker.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the maximum value to the DateTimePicker. Beyond the maximum value an error class is added to the wrapper element when we set true to enableStrictMode.
+	*   @Default {new Date(12/31/2099 11:59:59 PM)}
+	*/
+	maxDateTime?: string|Date;
+
+	/** Sets the minimum value to the DateTimePicker. Behind the minimum value an error class is added to the wrapper element.
+	*   @Default {new Date(1/1/1900 12:00:00 AM)}
+	*/
+	minDateTime?: string|Date;
+
+	/** Specifies the popup position of DateTimePicker.See below to know available popup positions
+	*   @Default {ej.DateTimePicker.Bottom}
+	*/
+	popupPosition?: string | ej.popupPosition;
+
+	/** Indicates that the DateTimePicker value can only be read and can’t change.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** It allows showing days in other months of DatePicker calendar inside the DateTimePicker popup.
+	*   @Default {true}
+	*/
+	showOtherMonths?: boolean;
+
+	/** Shows or hides the arrow button from the DateTimePicker textbox. When the button disabled, the DateTimePicker popup opens while focus in the textbox and hides while focus out from the textbox.
+	*   @Default {true}
+	*/
+	showPopupButton?: boolean;
+
+	/** Changes the sharped edges into rounded corner for the DateTimePicker textbox and popup.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the start day of the week in datepicker inside the DateTimePicker popup.
+	*   @Default {1}
+	*/
+	startDay?: number;
+
+	/** Specifies the start level view in datepicker inside the DateTimePicker popup. See DatePicker.Level
+	*   @Default {ej.DatePicker.Level.Month or month}
+	*/
+	startLevel?: ej.DatePicker.Level|string;
+
+	/** Specifies the number of months to navigate at one click of next and previous button in datepicker inside the DateTimePicker popup.
+	*   @Default {1}
+	*/
+	stepMonths?: number;
+
+	/** Defines the time format displayed in the time dropdown inside the DateTimePicker popup.
+	*   @Default {h:mm tt}
+	*/
+	timeDisplayFormat?: string;
+
+	/** We can drill down up to time interval on selected date with meridian details.
+	*   @Default {{ enabled: false, interval: 5, showMeridian: false, autoClose: true }}
+	*/
+	timeDrillDown?: TimeDrillDown;
+
+	/** Defines the width of the time dropdown inside the DateTimePicker popup.
+	*   @Default {100}
+	*/
+	timePopupWidth?: string|number;
+
+	/** Set the jQuery validation error message in DateTimePicker.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Set the jQuery validation rules in DateTimePicker.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Sets the DateTime value to the control.
+	*/
+	value?: string|Date;
+
+	/** Specifies the water mark text to be displayed in input text.
+	*   @Default {Select date and time}
+	*/
+	watermarkText?: string;
+
+	/** Defines the width of the DateTimePicker textbox.
+	*   @Default {143}
+	*/
+	width?: string|number;
+
+	/** Fires before the datetime popup closed in the DateTimePicker. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** Fires before the datetime popup open in the DateTimePicker. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when the datetime value changed in the DateTimePicker textbox. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when DateTimePicker popup closes. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires after DateTimePicker control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the DateTimePicker is destroyed successfully */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when the focus-in happens in the DateTimePicker textbox. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires when the focus-out happens in the DateTimePicker textbox. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires when DateTimePicker popup opens. */
+	open? (e: OpenEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateTimePicker model.
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DateTimePicker.
+	*/
+	events?: any;
+
+	/** returns the DateTimePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateTimePicker model.
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DateTimePicker.
+	*/
+	events?: any;
+
+	/** returns the DateTimePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current value is valid or not
+	*/
+	isValidState?: boolean;
+
+	/** returns the modified datetime value
+	*/
+	value?: string;
+
+	/** returns the previously selected date time value
+	*/
+	prevDateTime?: string;
+
+	/** returns true if change event triggered by interaction, otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface CloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the modified datetime value
+	*/
+	value?: string;
+
+	/** returns the previously selected date time value
+	*/
+	prevDateTime?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateTimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateTimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the datetime value, which is in text box
+	*/
+	value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the datetime value, which is in text box
+	*/
+	value?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.DateTimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the modified datetime value
+	*/
+	value?: string;
+
+	/** returns the previously selected date time value
+	*/
+	prevDateTime?: string;
+}
+
+export interface ButtonText {
+
+	/** Sets the text for the Done button inside the datetime popup.
+	*/
+	done?: string;
+
+	/** Sets the text for the Now button inside the datetime popup.
+	*/
+	timeNow?: string;
+
+	/** Sets the header text for the Time dropdown.
+	*/
+	timeTitle?: string;
+
+	/** Sets the text for the Today button inside the datetime popup.
+	*/
+	today?: string;
+}
+
+export interface TimeDrillDown {
+
+	/** This is the field to show/hide the timeDrillDown in DateTimePicker.
+	*/
+	enabled?: boolean;
+
+	/** Sets the interval time of minutes on selected date.
+	*/
+	interval?: number;
+
+	/** Allows the user to show or hide the meridian with time in DateTimePicker.
+	*/
+	showMeridian?: boolean;
+
+	/** After choosing the time, the popup will close automatically if we set it as true, otherwise we focus out the DateTimePicker or choose timeNow button for closing the popup.
+	*/
+	autoClose?: boolean;
+}
+}
+enum popupPosition
+{
+//Opens the DateTimePicker popup below to the DateTimePicker input box
+Bottom,
+//Opens the DateTimePicker popup above to the DateTimePicker input box 
+Top,
+}
+
+class DateRangePicker extends ej.Widget {
+	static fn: DateRangePicker;
+	constructor(element: JQuery, options?: DateRangePicker.Model);
+	constructor(element: Element, options?: DateRangePicker.Model);
+	static Locale: any;
+	model:DateRangePicker.Model;
+	defaults:DateRangePicker.Model;
+
+	/** Add the preset ranges to DateRangePicker popup.
+	*   @param {string} Display name
+	*   @param {Array<any>} StartDate and endDate of range.
+	*   @returns {void}
+	*/
+	addRanges(label: string, range: Array<any>): void;
+
+	/** Clears the all ranges selections in DateRangePicker popup
+	*   @returns {void}
+	*/
+	clearRanges(): void;
+
+	/** Disables the DateRangePicker control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enable the DateRangePicker control, if it is in disabled state.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns the startDate and endDate values in the selected ranges in the DateRangePicker control.
+	*   @returns {string}
+	*/
+	getSelectedValue(): string;
+
+	/** Close the DateRangePicker popup, if it is in opened state.
+	*   @returns {void}
+	*/
+	popupHide(): void;
+
+	/** Opens the DateRangePicker popup.
+	*   @returns {void}
+	*/
+	popupShow(): void;
+
+	/** set the preset ranges to DateRangePicker popup.
+	*   @returns {void}
+	*/
+	setRange(): void;
+}
+export module DateRangePicker{
+
+export interface Model {
+
+	/** Used to allow or restrict the editing in DateRangePicker input field directly. By setting false to this API, You can only pick the date ranges from DateRangePicker popup.
+	*   @Default {true}
+	*/
+	allowEdit?: boolean;
+
+	/** Sets the specified text value to the available buttons (Reset, Cancel, Apply) in the DateRangePicker popup.
+	*   @Default {{ reset: Reset, cancel: Cancel, apply: Apply}}
+	*/
+	buttonText?: any;
+
+	/** Sets the root CSS class for DateRangePicker theme, which is used to customize.
+	*/
+	cssClass?: string;
+
+	/** Formats the date value of the DateRangePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DateRangePicker.
+	*   @Default {MM/dd/yyyy}
+	*/
+	dateFormat?: string;
+
+	/** Allows to embed the Timepicker align with the calendars in the page, two timepicker will be render, for selecting start and end date.
+	*   @Default {false}
+	*/
+	enableTimePicker?: boolean;
+
+	/** Enable or disable the DateRangePicker control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Sustain the entire widget model of DateRangePicker even after form post or browser refresh
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specifies the end date of the date ranges.
+	*   @Default {null}
+	*/
+	endDate?: string|Date;
+
+	/** Specifies the height of the DateRangePicker input.
+	*   @Default {28px}
+	*/
+	height?: string|number;
+
+	/** Change the DateRangePicker calendar and date format based on given culture.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Used to add the preset ranges. Added ranges using this, will show in popup in right side for easy selection of different preset ranges.
+	*   @Default {null}
+	*/
+	ranges?: any;
+
+	/** Specifies the start date of the date ranges
+	*   @Default {null}
+	*/
+	startDate?: string|Date;
+
+	/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DateRangePicker calendar popup.
+	*   @Default {true}
+	*/
+	showPopupButton?: boolean;
+
+	/** DateRangePicker input and popup is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Formats the date value of the DateRangePicker in to the specified time format. If this API is not specified, timeFormat will be set based on the current culture of DateRangePicker.
+	*   @Default {HH:mm tt}
+	*/
+	timeFormat?: string;
+
+	/** Separated two date values in string format to sets the date ranges in calendars.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Specifies the water mark text to be displayed in input text.
+	*   @Default {Select Range}
+	*/
+	watermarkText?: string;
+
+	/** Specifies the width of the DateRangePicker input text.
+	*   @Default {160px}
+	*/
+	width?: string|number;
+
+	/** Fires before closing the DateRangePicker popup. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** Fires before opening the DateRangePicker popup. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when the DateRangePicker values get changed. */
+	onChange? (e: OnChangeEventArgs): void;
+
+	/** Fires when DateRangePicker popup is closed. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires when the DateRangePicker is created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the DateRangePicker is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when DateRangePicker popup is opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires when a date ranges is selected from the DateRangePicker popup. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateRangePicker model
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DateRangePicker.
+	*/
+	events?: any;
+
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the event parameters from DateRangePicker.
+	*/
+	events?: any;
+
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface OnChangeEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the DateRangePicker input value.
+	*/
+	value?: string;
+
+	/** returns the startDate of DateRangePicker.
+	*/
+	startDate?: any;
+
+	/** returns the endDate of the DateRangePicker popup.
+	*/
+	endDate?: any;
+}
+
+export interface CloseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface CreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current date object.
+	*/
+	date?: any;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the DateRangePicker popup.
+	*/
+	element?: HTMLElement;
+}
+
+export interface SelectEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the selected date object.
+	*/
+	startDate?: any;
+
+	/** returns the DateRangePicker model.
+	*/
+	model?: ej.DateRangePicker.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the current date value.
+	*/
+	endDate?: any;
+}
+}
+
+class Dialog extends ej.Widget {
+	static fn: Dialog;
+	constructor(element: JQuery, options?: Dialog.Model);
+	constructor(element: Element, options?: Dialog.Model);
+	static Locale: any;
+	model:Dialog.Model;
+	defaults:Dialog.Model;
+
+	/** Closes the dialog widget dynamically.
+	*   @returns {any}
+	*/
+	close(): any;
+
+	/** Collapses the content area when it is expanded.
+	*   @returns {any}
+	*/
+	collapse(): any;
+
+	/** Destroys the Dialog widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Expands the content area when it is collapsed.
+	*   @returns {any}
+	*/
+	expand(): any;
+
+	/** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
+	*   @returns {boolean}
+	*/
+	isOpen(): boolean;
+
+	/** Maximizes the Dialog widget.
+	*   @returns {any}
+	*/
+	maximize(): any;
+
+	/** Minimizes the Dialog widget.
+	*   @returns {any}
+	*/
+	minimize(): any;
+
+	/** Opens the Dialog widget.
+	*   @returns {any}
+	*/
+	open(): any;
+
+	/** Pins the dialog in its current position.
+	*   @returns {any}
+	*/
+	pin(): any;
+
+	/** Refreshes the dialog content dynamically.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Restores the dialog.
+	*   @returns {any}
+	*/
+	restore(): any;
+
+	/** Unpins the Dialog widget.
+	*   @returns {any}
+	*/
+	unpin(): any;
+
+	/** Sets the title for the Dialog widget.
+	*   @param {string} The title for the dialog widget.
+	*   @returns {any}
+	*/
+	setTitle(Title: string): any;
+
+	/** Sets the content for the Dialog widget dynamically.
+	*   @param {string} The content for the dialog widget. It accepts both string and HTML string.
+	*   @returns {any}
+	*/
+	setContent(content: string): any;
+
+	/** Sets the focus on the Dialog widget.
+	*   @returns {any}
+	*/
+	focus(): any;
+}
+export module Dialog{
+
+export interface Model {
+
+	/** Adds action buttons like close, minimize, pin, maximize in the dialog header.
+	*/
+	actionButtons?: string[];
+
+	/** Specifies the ajaxSettings option to load the content to the Dialog control.
+	*   @Default {null}
+	*/
+	ajaxSettings?: AjaxSettings;
+
+	/** Enables or disables draggable.
+	*/
+	allowDraggable?: boolean;
+
+	/** Enables or disables keyboard interaction.
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Customizes the Dialog widget animations. The Dialog widget can be animated while opening and closing the dialog. In order to customize animation effects, you need to set “enableAnimation” as true. It contains the following sub properties.
+	*/
+	animation?: any;
+
+	/** To Enable or disable the scrolling for background element of the modal dialog. This will work only with modal dialog.
+	*/
+	backgroundScroll?: boolean;
+
+	/** Closes the dialog widget on pressing the ESC key when it is set to true.
+	*/
+	closeOnEscape?: boolean;
+
+	/** The selector for the container element. If the property is set, then dialog will append to the selected element and it is restricted to move only within the specified container element.
+	*/
+	containment?: string;
+
+	/** The content type to load the dialog content at run time. The possible values are null, AJAX, iframe and image. When it is null (default value), the content inside dialog element will be displayed as content and when it is not null, the content will be loaded from the URL specified in the contentUrl property.
+	*/
+	contentType?: string;
+
+	/** The URL to load the dialog content (such as AJAX, image, and iframe). In order to load content from URL, you need to set contentType as ‘ajax’ or ‘iframe’ or ‘image’.
+	*/
+	contentUrl?: string;
+
+	/** The root class for the Dialog widget to customize the existing theme.
+	*/
+	cssClass?: string;
+
+	/** Enable or disables animation when the dialog is opened or closed.
+	*/
+	enableAnimation?: boolean;
+
+	/** Enables or disables the Dialog widget.
+	*/
+	enabled?: boolean;
+
+	/** Enable or disables modal dialog. The modal dialog acts like a child window that is displayed on top of the main window/screen and disables the main window interaction until it is closed.
+	*/
+	enableModal?: boolean;
+
+	/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
+	*/
+	enablePersistence?: boolean;
+
+	/** Allows the dialog to be resized. The dialog cannot be resized less than the minimum height, width values and greater than the maximum height and width.
+	*/
+	enableResize?: boolean;
+
+	/** Displays dialog content from right to left when set to true.
+	*/
+	enableRTL?: boolean;
+
+	/** The CSS class name to display the favicon in the dialog header. In order to display favicon, you need to set showHeader as true since the favicon will be displayed in the dialog header.
+	*/
+	faviconCSS?: string;
+
+	/** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type and “100”, “500” as integer type.
+	*/
+	height?: string|number;
+
+	/** Specifies the HTML Attributes of the Dialog.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Enable or disables responsive behavior.
+	*/
+	isResponsive?: boolean;
+
+	/** Default Value:{:.param}“en-US”
+	*/
+	locale?: string;
+
+	/** Sets the maximum height for the dialog widget.
+	*/
+	maxHeight?: string|number;
+
+	/** Sets the maximum width for the dialog widget.
+	*/
+	maxWidth?: string|number;
+
+	/** Sets the minimum height for the dialog widget.
+	*/
+	minHeight?: string|number;
+
+	/** Sets the minimum width for the dialog widget.
+	*/
+	minWidth?: string|number;
+
+	/** Displays the Dialog widget at the given X and Y position.
+	*/
+	position?: any;
+
+	/** Shows or hides the dialog header.
+	*/
+	showHeader?: boolean;
+
+	/** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
+	*/
+	showOnInit?: boolean;
+
+	/** Enables or disables the rounder corner.
+	*/
+	showRoundedCorner?: boolean;
+
+	/** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
+	*/
+	target?: string;
+
+	/** The title text to be displayed in the dialog header. In order to set title, you need to set showHeader as true since the title will be displayed in the dialog header.
+	*/
+	title?: string;
+
+	/** Add or configure the tooltip text for actionButtons in the dialog header.
+	*/
+	tooltip?: any;
+
+	/** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type and “100”, “500” as integer type.
+	*/
+	width?: string|number;
+
+	/** Sets the z-index value for the Dialog widget.
+	*/
+	zIndex?: number;
+
+	/** Sets the Footer for the Dialog widget.
+	*/
+	showFooter?: boolean;
+
+	/** Sets the FooterTemplate for the Dialog widget.
+	*/
+	footerTemplateId?: string;
+
+	/** This event is triggered before the dialog widgets gets open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
+
+	/** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+	/** This event is triggered before the dialog widgets get closed. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** This event is triggered after the dialog widget is closed. */
+	close? (e: CloseEventArgs): void;
+
+	/** Triggered after the dialog content is loaded in DOM. */
+	contentLoad? (e: ContentLoadEventArgs): void;
+
+	/** Triggered after the dialog is created successfully */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered after the dialog widget is destroyed successfully */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggered while the dialog is dragged. */
+	drag? (e: DragEventArgs): void;
+
+	/** Triggered when the user starts dragging the dialog. */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** Triggered when the user stops dragging the dialog. */
+	dragStop? (e: DragStopEventArgs): void;
+
+	/** Triggered after the dialog is opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Triggered while the dialog is resized. */
+	resize? (e: ResizeEventArgs): void;
+
+	/** Triggered when the user starts resizing the dialog. */
+	resizeStart? (e: ResizeStartEventArgs): void;
+
+	/** Triggered when the user stops resizing the dialog. */
+	resizeStop? (e: ResizeStopEventArgs): void;
+
+	/** Triggered when the dialog content is expanded. */
+	expand? (e: ExpandEventArgs): void;
+
+	/** Triggered when the dialog content is collapsed. */
+	collapse? (e: CollapseEventArgs): void;
+
+	/** Triggered when the custom action button clicked. */
+	actionButtonClick? (e: ActionButtonClickEventArgs): void;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface AjaxErrorEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** URL of the content.
+	*/
+	URL?: string;
+
+	/** Error page content.
+	*/
+	responseText?: string;
+
+	/** Error code.
+	*/
+	status?: number;
+
+	/** The corresponding error description.
+	*/
+	statusText?: string;
+}
+
+export interface AjaxSuccessEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** URL of the content.
+	*/
+	URL?: string;
+
+	/** Response content.
+	*/
+	data?: string;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** Current event object.
+	*/
+	event?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** Current event object.
+	*/
+	event?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface ContentLoadEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** URL of the content.
+	*/
+	URL?: string;
+
+	/** Content type
+	*/
+	contentType?: any;
+}
+
+export interface CreateEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+}
+
+export interface DragEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Current event object.
+	*/
+	event?: any;
+}
+
+export interface DragStartEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Current event object.
+	*/
+	event?: any;
+}
+
+export interface DragStopEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Current event object.
+	*/
+	event?: any;
+}
+
+export interface OpenEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Current event object.
+	*/
+	event?: any;
+}
+
+export interface ResizeStartEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Current event object.
+	*/
+	event?: any;
+}
+
+export interface ResizeStopEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Current event object.
+	*/
+	event?: any;
+}
+
+export interface ExpandEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+}
+
+export interface CollapseEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+}
+
+export interface ActionButtonClickEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Name of the event target attribute.
+	*/
+	buttonID?: string;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Instance of the dialog model object.
+	*/
+	model?: ej.Dialog.Model;
+
+	/** Name of the event current target title.
+	*/
+	currentTarget?: string;
+}
+
+export interface AjaxSettings {
+
+	/** It specifies, whether to enable or disable asynchronous request.
+	*/
+	async?: boolean;
+
+	/** It specifies the page will be cached in the web browser.
+	*/
+	cache?: boolean;
+
+	/** It specifies the type of data is send in the query string.
+	*/
+	contentType?: string;
+
+	/** It specifies the data as an object, will be passed in the query string.
+	*/
+	data?: any;
+
+	/** It specifies the type of data that you're expecting back from the response.
+	*/
+	dataType?: string;
+
+	/** It specifies the HTTP request type.
+	*/
+	type?: string;
+}
+}
+
+class DropDownList extends ej.Widget {
+	static fn: DropDownList;
+	constructor(element: JQuery, options?: DropDownList.Model);
+	constructor(element: Element, options?: DropDownList.Model);
+	static Locale: any;
+	model:DropDownList.Model;
+	defaults:DropDownList.Model;
+
+	/** Adding a single item or an array of items into the DropDownList allows you to specify all the field attributes such as value, template, image URL, and HTML attributes for those items.Grouping and sorting will not be supported when we add items through this method.
+	*   @param {any|Array<any>}  this parameter should have field attributes with respect to mapped field attributes and it's corresponding values to fields
+	*   @returns {void}
+	*/
+	addItem(data: any|Array<any>): void;
+
+	/** This method is used to select all the items in the DropDownList.
+	*   @returns {void}
+	*/
+	checkAll(): void;
+
+	/** Clears the text in the DropDownList textbox.
+	*   @returns {void}
+	*/
+	clearText(): void;
+
+	/** Destroys the DropDownList widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** This property is used to disable the DropDownList widget.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** This property disables the set of items in the DropDownList.
+	*   @param {string|number|Array<any>}  disable the given index list items
+	*   @returns {void}
+	*/
+	disableItemsByIndices(index: string|number|Array<any>): void;
+
+	/** This property enables the DropDownList control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Enables an Item or set of Items that are disabled in the DropDownList
+	*   @param {string|number|Array<any>}  enable the given index list items if it's disabled
+	*   @returns {void}
+	*/
+	enableItemsByIndices(index: string|number|Array<any>): void;
+
+	/** This method retrieves the items using given value.
+	*   @param {string|number|any}  Return the whole object of data based on given value
+	*   @returns {Array<any>}
+	*/
+	getItemDataByValue(value: string|number|any): Array<any>;
+
+	/** This method is used to retrieve the items that are bound with the DropDownList.
+	*   @returns {any}
+	*/
+	getListData(): any;
+
+	/** This method is used to get the selected items in the DropDownList.
+	*   @returns {Array<any>}
+	*/
+	getSelectedItem(): Array<any>;
+
+	/** This method is used to retrieve the items value that are selected in the DropDownList.
+	*   @returns {string}
+	*/
+	getSelectedValue(): string;
+
+	/** This method hides the suggestion popup in the DropDownList.
+	*   @returns {void}
+	*/
+	hidePopup(): void;
+
+	/** This method is used to select the list of items in the DropDownList through the Index of the items.
+	*   @param {string|number|Array<any>}  select the given index list items
+	*   @returns {void}
+	*/
+	selectItemsByIndices(index: string|number|Array<any>): void;
+
+	/** This method is used to select an item in the DropDownList by using the given text value.
+	*   @param {string|number|Array<any>}  select the list items relates to given text
+	*   @returns {void}
+	*/
+	selectItemByText(index: string|number|Array<any>): void;
+
+	/** This method is used to select an item in the DropDownList by using the given value.
+	*   @param {string|number|Array<any>}  select the list items relates to given values
+	*   @returns {void}
+	*/
+	selectItemByValue(index: string|number|Array<any>): void;
+
+	/** This method shows the DropDownList control with the suggestion popup.
+	*   @returns {void}
+	*/
+	showPopup(): void;
+
+	/** This method is used to unselect all the items in the DropDownList.
+	*   @returns {void}
+	*/
+	unCheckAll(): void;
+
+	/** This method is used to unselect the list of items in the DropDownList through Index of the items.
+	*   @param {string|number|Array<any>}  unselect the given index list items
+	*   @returns {void}
+	*/
+	unselectItemsByIndices(index: string|number|Array<any>): void;
+
+	/** This method is used to unselect an item in the DropDownList by using the given text value.
+	*   @param {string|number|Array<any>}  unselect the list items relates to given text
+	*   @returns {void}
+	*/
+	unselectItemByText(index: string|number|Array<any>): void;
+
+	/** This method is used to unselect an item in the DropDownList by using the given value.
+	*   @param {string|number|Array<any>}  unselect the list items relates to given values
+	*   @returns {void}
+	*/
+	unselectItemByValue(index: string|number|Array<any>): void;
+}
+export module DropDownList{
+
+export interface Model {
+
+	/** The Virtual Scrolling(lazy loading) feature is used to display a large amount of data that you require without buffering the entire load of a huge database records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true.
+	*   @Default {false}
+	*/
+	allowVirtualScrolling?: boolean;
+
+	/** The cascading DropDownLists is a series of two or more DropDownLists in which each DropDownList is filtered according to the previous DropDownList’s value.
+	*   @Default {null}
+	*/
+	cascadeTo?: string;
+
+	/** Sets the case sensitivity of the search operation. It supports both enableFilterSearch and enableIncrementalSearch property.
+	*   @Default {false}
+	*/
+	caseSensitiveSearch?: boolean;
+
+	/** Dropdown widget's style and appearance can be controlled based on 13 different default built-in themes.You can customize the appearance of the dropdown by using the cssClass property. You need to specify a class name in the cssClass property and the same class name is used before the class definitions wherever the custom styles are applied.
+	*/
+	cssClass?: string;
+
+	/** This property is used to serve data from the data services based on the query provided. To bind the data to the dropdown widget, the dataSource property is assigned with the instance of the ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Sets the separator when the multiSelectMode with delimiter option or checkbox is enabled with the dropdown. When you enter the delimiter value, the texts after the delimiter are considered as a separate word or query. The delimiter string is a single character and must be a symbol. Mostly, the delimiter symbol is used as comma (,) or semi-colon (;) or any other special character.
+	*   @Default {','}
+	*/
+	delimiterChar?: string;
+
+	/** The enabled Animation property uses the easeOutQuad animation to SlideDown and SlideUp the Popup list in 200 and 100 milliseconds, respectively.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** This property is used to indicate whether the DropDownList control responds to the user interaction or not. By default, the control is in the enabled mode and you can disable it by setting it to false.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies to perform incremental search for the selection of items from the DropDownList with the help of this property. This helps in selecting the item by using the typed character.
+	*   @Default {true}
+	*/
+	enableIncrementalSearch?: boolean;
+
+	/** This property selects the item in the DropDownList when the item is entered in the Search textbox.
+	*   @Default {false}
+	*/
+	enableFilterSearch?: boolean;
+
+	/** Saves the current model value to the browser cookies for state maintenance. While refreshing the DropDownList control page, it retains the model value and it is applied from the browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** This enables the resize handler to resize the popup to any size.
+	*   @Default {false}
+	*/
+	enablePopupResize?: boolean;
+
+	/** Sets the DropDownList textbox direction from right to left align.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** This property is used to sort the Items in the DropDownList. By default, it sorts the items in an ascending order.
+	*   @Default {false}
+	*/
+	enableSorting?: boolean;
+
+	/** Specifies the mapping fields for the data items of the DropDownList.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** When the enableFilterSearch property value is set to true, the values in the DropDownList shows the items starting with or containing the key word/letter typed in the Search textbox.
+	*   @Default {ej.FilterType.Contains}
+	*/
+	filterType?: ej.FilterType|string;
+
+	/** Used to create visualized header for dropdown items
+	*   @Default {null}
+	*/
+	headerTemplate?: string;
+
+	/** Defines the height of the DropDownList textbox.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** It sets the given HTML attributes for the DropDownList control such as ID, name, disabled, etc.
+	*   @Default {null}
+	*/
+	htmlAttributes?: any;
+
+	/** Data can be fetched in the DropDownList control by using the DataSource, specifying the number of items.
+	*   @Default {5}
+	*/
+	itemsCount?: number;
+
+	/** Allows the user to set the particular country or region language for the DropDownList.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
+	*   @Default {null}
+	*/
+	maxPopupHeight?: string|number;
+
+	/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+	*   @Default {null}
+	*/
+	minPopupHeight?: string|number;
+
+	/** Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
+	*   @Default {null}
+	*/
+	maxPopupWidth?: string|number;
+
+	/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+	*   @Default {0}
+	*/
+	minPopupWidth?: string|number;
+
+	/** With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes with close icon in the textbox.
+	*   @Default {ej.MultiSelectMode.None}
+	*/
+	multiSelectMode?: ej.MultiSelectMode|string;
+
+	/** Defines the height of the suggestion popup box in the DropDownList control.
+	*   @Default {152px}
+	*/
+	popupHeight?: string|number;
+
+	/** Defines the width of the suggestion popup box in the DropDownList control.
+	*   @Default {auto}
+	*/
+	popupWidth?: string|number;
+
+	/** Specifies the query to retrieve the data from the DataSource.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Specifies that the DropDownList textbox values should be read-only.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies an item to be selected in the DropDownList.
+	*   @Default {null}
+	*/
+	selectedIndex?: number;
+
+	/** Specifies the selectedItems for the DropDownList.
+	*   @Default {[]}
+	*/
+	selectedIndices?: Array<any>;
+
+	/** Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
+	*   @Default {false}
+	*/
+	showCheckbox?: boolean;
+
+	/** DropDownList control is displayed with the popup seen.
+	*   @Default {false}
+	*/
+	showPopupOnLoad?: boolean;
+
+	/** DropDownList textbox displayed with the rounded corner style.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
+	*   @Default {ej.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.SortOrder|string;
+
+	/** Specifies the targetID for the DropDownList’s items.
+	*   @Default {null}
+	*/
+	targetID?: string;
+
+	/** By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Defines the text value that is displayed in the DropDownList textbox.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Sets the jQuery validation error message in the DropDownList
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Sets the jQuery validation rules in the Dropdownlist.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Specifies the value (text content) for the DropDownList control.
+	*   @Default {null}
+	*/
+	value?: string|number;
+
+	/** Specifies a short hint that describes the expected value of the DropDownList control.
+	*   @Default {null}
+	*/
+	watermarkText?: string;
+
+	/** Defines the width of the DropDownList textbox.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** The Virtual Scrolling feature is used to display a large amount of records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true. You can set the itemsCount property that represents the number of items to be fetched from the server on every AJAX request.
+	*   @Default {normal}
+	*/
+	virtualScrollMode?: ej.VirtualScrollMode|string;
+
+	/** Fires the action before the XHR request. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
+
+	/** Fires the action before the popup is ready to hide. */
+	beforePopupHide? (e: BeforePopupHideEventArgs): void;
+
+	/** Fires the action before the popup is ready to be displayed. */
+	beforePopupShown? (e: BeforePopupShownEventArgs): void;
+
+	/** Fires when the cascading happens between two DropDownList exactly after the value changes in the first dropdown and before filtering in the second Dropdown. */
+	cascade? (e: CascadeEventArgs): void;
+
+	/** Fires the action when the DropDownList control’s value is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires the action when the list item checkbox value is changed. */
+	checkChange? (e: CheckChangeEventArgs): void;
+
+	/** Fires the action once the DropDownList is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires the action when the list items is bound to the DropDownList. */
+	dataBound? (e: DataBoundEventArgs): void;
+
+	/** Fires the action when the DropDownList is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires the action when the DropDownList is focused. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires the action when the DropDownList is about to lose focus. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires the action, once the popup is closed */
+	popupHide? (e: PopupHideEventArgs): void;
+
+	/** Fires the action, when the popup is resized. */
+	popupResize? (e: PopupResizeEventArgs): void;
+
+	/** Fires the action, once the popup is opened. */
+	popupShown? (e: PopupShownEventArgs): void;
+
+	/** Fires the action, when resizing a popup starts. */
+	popupResizeStart? (e: PopupResizeStartEventArgs): void;
+
+	/** Fires the action, when the popup resizing is stopped. */
+	popupResizeStop? (e: PopupResizeStopEventArgs): void;
+
+	/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
+	search? (e: SearchEventArgs): void;
+
+	/** Fires the action, when the list of item is selected. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
+
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
+
+export interface ActionFailureEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the error message
+	*/
+	error?: any;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ActionSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns number of times trying to fetch the data
+	*/
+	count?: number;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the query for data retrieval 
+	*/
+	query?: any;
+
+	/** Returns the query for data retrieval from the Database 
+	*/
+	request?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the number of items fetched from remote data
+	*/
+	result?: Array<any>;
+
+	/** Returns the requested data
+	*/
+	xhr?: any;
+}
+
+export interface BeforePopupHideEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface BeforePopupShownEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface CascadeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cascading dropdown model.
+	*/
+	cascadeModel?: any;
+
+	/** returns the current selected value in first dropdown.
+	*/
+	cascadeValue?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the default filter action for second dropdown data should happen or not.
+	*/
+	requiresDefaultFilter?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the selected text.
+	*/
+	text?: string;
+
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
+
+export interface CheckChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the selected text.
+	*/
+	text?: string;
+
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DataBoundEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the data that is bound to DropDownList
+	*/
+	data?: any;
+}
+
+export interface DestroyEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface PopupHideEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface PopupResizeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
+
+export interface PopupShownEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the selected text
+	*/
+	text?: string;
+
+	/** returns the selected value
+	*/
+	value?: string;
+}
+
+export interface PopupResizeStartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
+
+export interface PopupResizeStopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the data from the resizable plugin.
+	*/
+	event?: any;
+}
+
+export interface SearchEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data bound to the DropDownList.
+	*/
+	items?: any;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the search string typed in search box.
+	*/
+	searchString?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selected item with checkbox checked or not.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the selected item ID.
+	*/
+	itemId?: string;
+
+	/** returns the DropDownList model
+	*/
+	model?: any;
+
+	/** Returns the selected item text.
+	*/
+	selectedText?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the selected text.
+	*/
+	text?: string;
+
+	/** Returns the selected value.
+	*/
+	value?: string;
+}
+
+export interface Fields {
+
+	/** Used to group the items.
+	*/
+	groupBy?: string;
+
+	/** Defines the HTML attributes such as ID, class, and styles for the item.
+	*/
+	htmlAttributes?: any;
+
+	/** Defines the ID for the tag.
+	*/
+	id?: string;
+
+	/** Defines the image attributes such as height, width, styles, and so on.
+	*/
+	imageAttributes?: string;
+
+	/** Defines the imageURL for the image location.
+	*/
+	imageUrl?: string;
+
+	/** Defines the tag value to be selected initially.
+	*/
+	selected?: boolean;
+
+	/** Defines the sprite CSS for the image tag.
+	*/
+	spriteCssClass?: string;
+
+	/** Defines the table name for tag value or display text while rendering remote data.
+	*/
+	tableName?: string;
+
+	/** Defines the text content for the tag.
+	*/
+	text?: string;
+
+	/** Defines the tag value.
+	*/
+	value?: string;
+}
+}
+enum FilterType
+{
+//filter the data wherever contains search key 
+Contains,
+//filter the data based on search key present at start position
+StartsWith,
+}
+enum MultiSelectMode
+{
+// can select only single item in DropDownList 
+None,
+//can select multiple items and it's separated by delimiterChar
+Delimiter,
+// can select multiple items and it's show's like visual box in textbox
+VisualMode,
+}
+enum VirtualScrollMode
+{
+// The data is loaded only to the corresponding page (display items). When scrolling some other position, it enables the load on demand with the DropDownList.
+Normal,
+//The data items are loaded from the remote when scroll handle reaches the end of the scrollbar like infinity scrolling.
+Continuous,
+}
+
+class Tooltip extends ej.Widget {
+	static fn: Tooltip;
+	constructor(element: JQuery, options?: Tooltip.Model);
+	constructor(element: Element, options?: Tooltip.Model);
+	static Locale: any;
+	model:Tooltip.Model;
+	defaults:Tooltip.Model;
+
+	/** Destroys the Tooltip control.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the Tooltip control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the Tooltip control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Hide the Tooltip popup.
+	*   @param {string}  optional Determines the type of effect that takes place when hiding the tooltip.
+	*   @param {Function}  optional custom effect takes place when hiding the tooltip.
+	*   @returns {void}
+	*/
+	hide(effect?: string, func?: Function): void;
+
+	/** Shows the Tooltip popup for the given target element with the specified effect.
+	*   @param {string} optional Determines the type of effect that takes place when showing the tooltip.
+	*   @param {Function} optional custom effect takes place when showing the tooltip.
+	*   @param {JQuery} optional Tooltip will be shown for the given element
+	*   @returns {void}
+	*/
+	show(effect?: string, func?: Function, target?: JQuery): void;
+}
+export module Tooltip{
+
+export interface Model {
+
+	/** Tooltip control can be accessed through the keyboard shortcut keys.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Specifies the animation behavior in  Tooltip. It contains the following sub properties.
+	*/
+	animation?: Animation;
+
+	/** Sets the position related to target element, window, mouse or (x,y) co-ordinates.
+	*   @Default {ej.Tooltip.Associate.Target}
+	*/
+	associate?: ej.Tooltip.Associate|string;
+
+	/** Specified the delay to hide Tooltip when closeMode is auto.
+	*   @Default {4000}
+	*/
+	autoCloseTimeout?: number;
+
+	/** Specifies the closing behavior of Tooltip popup.
+	*   @Default {ej.Tooltip.CloseMode.None}
+	*/
+	closeMode?: ej.Tooltip.CloseMode|string;
+
+	/** Sets the Tooltip in alternate position when collision occurs.
+	*   @Default {ej.Tooltip.Collision.FlipFit}
+	*/
+	collision?: ej.Tooltip.Collision|string;
+
+	/** Specified the selector for the container element.
+	*   @Default {body}
+	*/
+	containment?: string;
+
+	/** Specifies the text for Tooltip.
+	*   @Default {null}
+	*/
+	content?: string;
+
+	/** Sets the root CSS class for Tooltip for the customization.
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** Enables or disables the Tooltip.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Sets the Tooltip direction from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Defines the height of the Tooltip popup.
+	*   @Default {auto}
+	*/
+	height?: string|number;
+
+	/** Enables the arrow in Tooltip.
+	*   @Default {true}
+	*/
+	isBalloon?: boolean;
+
+	/** defines various attributes of the Tooltip position
+	*/
+	position?: Position;
+
+	/** Enables or disables rounded corner.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Enables or disables shadow effect.
+	*   @Default {false}
+	*/
+	showShadow?: boolean;
+
+	/** Specified a selector for elements, within the container.
+	*   @Default {null}
+	*/
+	target?: string;
+
+	/** defines Tooltip size and gap between tooltip against the target element.
+	*/
+	tip?: Tip;
+
+	/** The title text to be displayed in the Tooltip header.
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** Specified the event action to show case the Tooltip.
+	*   @Default {ej.Tooltip.Trigger.Hover}
+	*/
+	trigger?: ej.Tooltip.Trigger|string;
+
+	/** Defines the width of the Tooltip popup.
+	*   @Default {auto}
+	*/
+	width?: string|number;
+
+	/** This event is triggered before the Tooltip widget get closed. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** This event is triggered before the Tooltip widget gets open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires on clicking to the target element. */
+	click? (e: ClickEventArgs): void;
+
+	/** This event is triggered after the Tooltip widget is closed. */
+	close? (e: CloseEventArgs): void;
+
+	/** This event is triggered after the Tooltip is created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** This event is triggered after the Tooltip widget is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** This event is triggered while hovering the target element, when tooltip positioning relates to target element. */
+	hover? (e: HoverEventArgs): void;
+
+	/** This event is triggered after the Tooltip is opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
+	tracking? (e: TrackingEventArgs): void;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
+
+export interface ClickEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface CloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface HoverEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the Tooltip's content
+	*/
+	content?: string;
+}
+
+export interface TrackingEventArgs {
+
+	/** its value is set as true,if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Tooltip model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface Animation {
+
+	/** Determines the type of effect.
+	*   @Default {ej.Tooltip.Effect.None}
+	*/
+	effect?: ej.Tooltip.effect|string;
+
+	/** Sets the animation speed in milliseconds.
+	*   @Default {4000}
+	*/
+	speed?: number;
+}
+
+export interface PositionTarget {
+
+	/** Sets the Tooltip position against target based on horizontal(x) value.
+	*   @Default {center}
+	*/
+	horizontal?: string|number;
+
+	/** Sets the Tooltip position against target based on vertical(y) value.
+	*   @Default {top}
+	*/
+	vertical?: string|number;
+}
+
+export interface PositionStem {
+
+	/** Sets the arrow position again popup based on horizontal(x) value
+	*   @Default {center}
+	*/
+	horizontal?: string;
+
+	/** Sets the arrow position again popup based on vertical(y) value
+	*   @Default {bottom}
+	*/
+	vertical?: string;
+}
+
+export interface Position {
+
+	/** Sets the Tooltip position against target.
+	*/
+	target?: PositionTarget;
+
+	/** Sets the arrow position again popup.
+	*/
+	stem?: PositionStem;
+}
+
+export interface TipSize {
+
+	/** Sets the Tooltip width.
+	*   @Default {20}
+	*/
+	width?: number;
+
+	/** Sets the Tooltip height.
+	*   @Default {10}
+	*/
+	height?: number;
+}
+
+export interface TipAdjust {
+
+	/** Sets horizontal gap between Tooltip and target element.
+	*   @Default {0}
+	*/
+	xValue?: number;
+
+	/** Sets vertical gap between Tooltip and target element.
+	*   @Default {0}
+	*/
+	yValue?: number;
+}
+
+export interface Tip {
+
+	/** Sets the Tooltip size.
+	*/
+	size?: TipSize;
+
+	/** Sets gap between tooltip against the target element.
+	*/
+	adjust?: TipAdjust;
+}
+
+enum effect{
+
+	///No animation takes place when showing/hiding the Tooltip
+	None,
+
+	///Sliding effect takes place when showing/hiding the Tooltip
+	Slide,
+
+	///Fade the Tooltip in and out of visibility.
+	Fade
+}
+
+
+enum Associate{
+
+	///Sets the position related to target element.
+	Target,
+
+	///Sets the position related to mouse.
+	MouseFollow,
+
+	///Sets the position related to mouse, first entry to the target element.
+	MouseEnter,
+
+	///Sets the position related to (x,y) co-ordinates.
+	Axis,
+
+	///Sets the position related to browser window.
+	Window
+}
+
+
+enum CloseMode{
+
+	///Enables close button in Tooltip.
+	Sticky,
+
+	///Sets the delay for Tooltip close
+	Auto,
+
+	///The Tooltip will be display normally.
+	None
+}
+
+
+enum Collision{
+
+	///Flips the Tooltip to the opposite side of the target, if collision is occurs.
+	Flip,
+
+	///Shift the Tooltip popup away from the edge of the window(collision side) that means adjacent position.
+	Fit,
+
+	///Ensure as much of the element is visible as possible to showcase.
+	FlipFit,
+
+	///No collision detection is take place
+	None
+}
+
+
+enum Trigger{
+
+	///The Tooltip to be shown when the target element is clicked.
+	Click,
+
+	///Enables the Tooltip when hover on the target element.
+	Hover,
+
+	///Enables the Tooltip when focus is set to target element.
+	Focus
+}
+
+}
+
+class Editor extends ej.Widget {
+	static fn: Editor;
+	constructor(element: JQuery, options?: Editor.Model);
+	constructor(element: Element, options?: Editor.Model);
+	static Locale: any;
+	model:Editor.Model;
+	defaults:Editor.Model;
+
+	/** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To disable the corresponding Editors
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the corresponding Editors
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** To get value from corresponding Editors
+	*   @returns {number}
+	*/
+	getValue(): number;
+}
+
+ class NumericTextbox extends Editor{
+}
+
+ class CurrencyTextbox extends Editor{
+}
+
+ class PercentageTextbox extends Editor{
+}
+export module Editor{
+
+export interface Model {
+
+	/** Specifies the currency symbol of currency textbox, used when the user wants to overwrite the currency symbol commonly instead of the current culture symbol.
+	*   @Default {Based on the culture}
+	*/
+	currencySymbol?: string;
+
+	/** Sets the root CSS class for Editors which allow us to customize the appearance.
+	*/
+	cssClass?: string;
+
+	/** Specifies the number of digits that should be allowed after the decimal point.
+	*   @Default {0}
+	*/
+	decimalPlaces?: number;
+
+	/** Specifies the editor control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specify the enablePersistence to editor to save current editor control value to browser cookies for state maintenance.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specifies the Right to Left Direction to editor.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class,otherwise it internally changed to the correct value.
+	*   @Default {false}
+	*/
+	enableStrictMode?: boolean;
+
+	/** Specifies the number of digits in each group to the editor.
+	*   @Default {Based on the culture.}
+	*/
+	groupSize?: string;
+
+	/** It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
+	*   @Default {Based on the culture}
+	*/
+	groupSeparator?: string;
+
+	/** Specifies the height of the editor.
+	*   @Default {30}
+	*/
+	height?: string;
+
+	/** It allows to define the characteristics of the Editors control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** The Editor value increment or decrement based an incrementStep value.
+	*   @Default {1}
+	*/
+	incrementStep?: number;
+
+	/** Defines the localization culture for editor.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the maximum value of the editor.
+	*   @Default {Number.MAX_VALUE}
+	*/
+	maxValue?: number;
+
+	/** Specifies the minimum value of the editor.
+	*   @Default {-(Number.MAX_VALUE) and 0 for Currency Textbox.}
+	*/
+	minValue?: number;
+
+	/** Specifies the name of the editor.
+	*   @Default {Sets id as name if it is null.}
+	*/
+	name?: string;
+
+	/** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the negative pattern. you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
+	*   @Default {Based on the culture}
+	*/
+	negativePattern?: string;
+
+	/** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the positive pattern. you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
+	*   @Default {Based on the culture}
+	*/
+	positivePattern?: string;
+
+	/** Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies to Change the sharped edges into rounded corner for the Editor.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies whether the up and down spin buttons should be displayed in editor.
+	*   @Default {true}
+	*/
+	showSpinButton?: boolean;
+
+	/** Enables decimal separator position validation on type .
+	*   @Default {false}
+	*/
+	validateOnType?: boolean;
+
+	/** Set the jQuery validation error message in editor.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Set the jQuery validation rules to the editor.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Specifies the value of the editor.
+	*   @Default {null}
+	*/
+	value?: number|string;
+
+	/** Specifies the watermark text to editor.
+	*   @Default {Based on the culture.}
+	*/
+	watermarkText?: string;
+
+	/** Specifies the width of the editor.
+	*   @Default {143}
+	*/
+	width?: string;
+
+	/** Fires after Editor control value is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires after Editor control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the Editor is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires after Editor control is focused. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires after Editor control is loss the focus. */
+	focusOut? (e: FocusOutEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the corresponding editor model.
+	*/
+	model?: ej.Editor.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the corresponding editor control value.
+	*/
+	value?: number;
+
+	/** returns true when the value changed by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the editor model
+	*/
+	model?: ej.Editor.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the editor model
+	*/
+	model?: ej.Editor.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the corresponding editor model.
+	*/
+	model?: ej.Editor.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the corresponding editor control value.
+	*/
+	value?: number;
+}
+
+export interface FocusOutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the corresponding editor model.
+	*/
+	model?: ej.Editor.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the corresponding editor control value.
+	*/
+	value?: number;
+}
+}
+
+class ListView extends ej.Widget {
+	static fn: ListView;
+	constructor(element: JQuery, options?: ListView.Model);
+	constructor(element: Element, options?: ListView.Model);
+	static Locale: any;
+	model:ListView.Model;
+	defaults:ListView.Model;
+
+	/** To add item in the given index. If you have enabled grouping in ListView then you need to pass the corresponding group list title to add item in it.
+	*   @param {any} Specifies the item to be added in ListView
+	*   @param {number} Specifies the index where item to be added
+	*   @param {string} optionalThis is an optional parameter. You must pass the group list title here if grouping is enabled in the ListView
+	*   @returns {void}
+	*/
+	addItem(item: any, index: number, groupid: string): void;
+
+	/** To check all the items.
+	*   @returns {void}
+	*/
+	checkAllItem(): void;
+
+	/** To check item in the given index.
+	*   @param {number} Specifies the index of the item to be checked
+	*   @returns {void}
+	*/
+	checkItem(index: number): void;
+
+	/** To clear all the list item in the control before updating with new datasource.
+	*   @returns {void}
+	*/
+	clear(): void;
+
+	/** To make the item in the given index to be default state.
+	*   @param {number} Specifies the index to make the item to be in default state.
+	*   @returns {void}
+	*/
+	deActive(index: number): void;
+
+	/** To disable item in the given index.
+	*   @param {number} Specifies the index value to be disabled.
+	*   @returns {void}
+	*/
+	disableItem(index: number): void;
+
+	/** To enable item in the given index.
+	*   @param {number} Specifies the index value to be enabled.
+	*   @returns {void}
+	*/
+	enableItem(index: number): void;
+
+	/** To get the active item.
+	*   @returns {HTMLElement}
+	*/
+	getActiveItem(): HTMLElement;
+
+	/** To get the text of the active item.
+	*   @returns {string}
+	*/
+	getActiveItemText(): string;
+
+	/** To get all the checked items.
+	*   @returns {Array<any>}
+	*/
+	getCheckedItems(): Array<any>;
+
+	/** To get the text of all the checked items.
+	*   @returns {Array<any>}
+	*/
+	getCheckedItemsText(): Array<any>;
+
+	/** To get the total item count.
+	*   @returns {number}
+	*/
+	getItemsCount(): number;
+
+	/** To get the text of the item in the given index.
+	*   @param {string|number} Specifies the index value to get the text value.
+	*   @returns {string}
+	*/
+	getItemText(index: string|number): string;
+
+	/** To check whether the item in the given index has child item.
+	*   @param {number} Specifies the index value to check the item has child or not.
+	*   @returns {boolean}
+	*/
+	hasChild(index: number): boolean;
+
+	/** To hide the list.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** To hide item in the given index.
+	*   @param {number} Specifies the index value to hide the item.
+	*   @returns {void}
+	*/
+	hideItem(index: number): void;
+
+	/** To check whether item in the given index is checked.
+	*   @returns {boolean}
+	*/
+	isChecked(): boolean;
+
+	/** To load the AJAX content while selecting the item.
+	*   @param {string} Specifies the item to load the AJAX content.
+	*   @returns {void}
+	*/
+	loadAjaxContent(item: string): void;
+
+	/** To remove the check mark either for specific item in the given index or for all items.
+	*   @param {number} Specifies the index value to remove the checkbox.
+	*   @returns {void}
+	*/
+	removeCheckMark(index: number): void;
+
+	/** To remove item in the given index.
+	*   @param {number} Specifies the index value to remove the item.
+	*   @returns {void}
+	*/
+	removeItem(index: number): void;
+
+	/** To select item in the given index.
+	*   @param {number} Specifies the index value to select the item.
+	*   @returns {void}
+	*/
+	selectItem(index: number): void;
+
+	/** To make the item in the given index to be active state.
+	*   @param {number} Specifies the index value to make the item in active state.
+	*   @returns {void}
+	*/
+	setActive(index: number): void;
+
+	/** To show the list.
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** To show item in the given index.
+	*   @param {number} Specifies the index value to show the hided item.
+	*   @returns {void}
+	*/
+	showItem(index: number): void;
+
+	/** To uncheck all the items.
+	*   @returns {void}
+	*/
+	unCheckAllItem(): void;
+
+	/** To uncheck item in the given index.
+	*   @param {number} Specifies the index value to uncheck the item.
+	*   @returns {void}
+	*/
+	unCheckItem(index: number): void;
+}
+export module ListView{
+
+export interface Model {
+
+	/** Specifies the ajaxSettings option to load the items to the ListView control.
+	*   @Default {null}
+	*/
+	ajaxSettings?: AjaxSettings;
+
+	/** Set the index values to be selected on initial loading. This works only when enableCheckMark is set true.
+	*   @Default {[]}
+	*/
+	checkedIndices?: Array<any>;
+
+	/** Sets the root class for ListView theme. This cssClass API helps to use custom skinning option for ListView control. By defining the root class using this API, we need to include this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** Contains the list of data for generating the ListView items.
+	*   @Default {[]}
+	*/
+	dataSource?: Array<any>;
+
+	/** Specifies whether to load AJAX content while selecting item.
+	*   @Default {false}
+	*/
+	enableAjax?: boolean;
+
+	/** Specifies whether to enable caching the content.
+	*   @Default {false}
+	*/
+	enableCache?: boolean;
+
+	/** Specifies whether to enable check mark for the item.
+	*   @Default {false}
+	*/
+	enableCheckMark?: boolean;
+
+	/** Specifies whether to enable the filtering feature to filter the item.
+	*   @Default {false}
+	*/
+	enableFiltering?: boolean;
+
+	/** Specifies whether to group the list item.
+	*   @Default {false}
+	*/
+	enableGroupList?: boolean;
+
+	/** Specifies to maintain the current model value to browser cookies for state maintenance. While refresh the page, the model value will get apply to the control from browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specifies the field settings to map the datasource.
+	*/
+	fieldSettings?: any;
+
+	/** Contains the array of items to be added in ListView.
+	*   @Default {[]}
+	*/
+	items?: Array<any>;
+
+	/** Specifies the text of the back button in the header.
+	*   @Default {null}
+	*/
+	headerBackButtonText?: string;
+
+	/** Specifies the title of the header.
+	*   @Default {Title}
+	*/
+	headerTitle?: string;
+
+	/** Specifies the height.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** Set the localization culture for ListView Widget.
+	*/
+	locale?: string;
+
+	/** Specifies whether to retain the selection of the item.
+	*   @Default {false}
+	*/
+	persistSelection?: boolean;
+
+	/** Specifies whether to prevent the selection of the item.
+	*   @Default {false}
+	*/
+	preventSelection?: boolean;
+
+	/** Specifies the query to execute with the datasource.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Specifies whether need to render the control with the template contents.
+	*   @Default {false}
+	*/
+	renderTemplate?: boolean;
+
+	/** Specifies the index of item which need to be in selected state initially while loading.
+	*   @Default {0}
+	*/
+	selectedItemIndex?: number;
+
+	/** Specifies whether to show the header.
+	*   @Default {true}
+	*/
+	showHeader?: boolean;
+
+	/** Specifies whether to show the back button header.
+	*   @Default {false}
+	*/
+	showHeaderBackButton?: boolean;
+
+	/** Specifies ID of the element contains template contents.
+	*   @Default {null}
+	*/
+	templateId?: string;
+
+	/** Specifies the width.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Specifies the number of items to be fetched on each scroll. Note: This property works only with Virtual scrolling.
+	*   @Default {5}
+	*/
+	itemRequestCount?: number;
+
+	/** Specifies the maximum number of items to be fetched. Note: This will work only with Virtual scrolling
+	*   @Default {null}
+	*/
+	totalItemsCount?: number;
+
+	/** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using virtualScrollMode property.
+	*   @Default {false}
+	*/
+	allowVirtualScrolling?: boolean;
+
+	/** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
+	*   @Default {ej.VirtualScrollMode.Normal}
+	*/
+	virtualScrollMode?: ej.VirtualScrollMode|string;
+
+	/** Event triggers before the AJAX request happens. */
+	ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
+
+	/** Event triggers after the AJAX content loaded completely. */
+	ajaxComplete? (e: AjaxCompleteEventArgs): void;
+
+	/** Event triggers when the AJAX request failed. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
+
+	/** Event triggers after the AJAX content loaded successfully. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+	/** Event triggers before the items loaded. */
+	load? (e: LoadEventArgs): void;
+
+	/** Event triggers after the items loaded. */
+	loadComplete? (e: LoadCompleteEventArgs): void;
+
+	/** Event triggers when mouse down happens on the item. */
+	mouseDown? (e: MouseDownEventArgs): void;
+
+	/** Event triggers when mouse up happens on the item. */
+	mouseUp? (e: MouseUpEventArgs): void;
+}
+
+export interface AjaxBeforeLoadEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+
+	/** returns the AJAX settings.
+	*/
+	ajaxData?: any;
+}
+
+export interface AjaxCompleteEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+}
+
+export interface AjaxErrorEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+
+	/** returns the error thrown in the AJAX post.
+	*/
+	errorThrown?: any;
+
+	/** returns the status.
+	*/
+	textStatus?: any;
+
+	/** returns the current list item.
+	*/
+	item?: any;
+
+	/** returns the current item text.
+	*/
+	text?: string;
+
+	/** returns the current item index.
+	*/
+	index?: number;
+}
+
+export interface AjaxSuccessEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+
+	/** returns the AJAX current content.
+	*/
+	content?: string;
+
+	/** returns the current list item.
+	*/
+	item?: any;
+
+	/** returns the current item text.
+	*/
+	text?: string;
+
+	/** returns the current item index.
+	*/
+	index?: number;
+
+	/** returns the current URL of the AJAX post.
+	*/
+	URL?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+}
+
+export interface LoadCompleteEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+}
+
+export interface MouseDownEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+
+	/** If the child element exist return true; otherwise, false.
+	*/
+	hasChild?: boolean;
+
+	/** returns the current list item.
+	*/
+	item?: string;
+
+	/** returns the current text of item.
+	*/
+	text?: string;
+
+	/** returns the current Index of the item.
+	*/
+	index?: number;
+
+	/** If checked return true; otherwise, false.
+	*/
+	isChecked?: boolean;
+
+	/** returns the list of checked items.
+	*/
+	checkedItems?: number;
+
+	/** returns the current checked item text.
+	*/
+	checkedItemsText?: string;
+}
+
+export interface MouseUpEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.ListView.Model;
+
+	/** If the child element exist return true; otherwise, false.
+	*/
+	hasChild?: boolean;
+
+	/** returns the current list item.
+	*/
+	item?: string;
+
+	/** returns the current text of item.
+	*/
+	text?: string;
+
+	/** returns the current Index of the item.
+	*/
+	index?: number;
+
+	/** If checked return true; otherwise, false.
+	*/
+	isChecked?: boolean;
+
+	/** returns the list of checked items.
+	*/
+	checkedItems?: number;
+
+	/** returns the current checked item text.
+	*/
+	checkedItemsText?: string;
+}
+
+export interface AjaxSettings {
+
+	/** It specifies, whether to enable or disable asynchronous request.
+	*/
+	async?: boolean;
+
+	/** It specifies the page will be cached in the web browser.
+	*/
+	cache?: boolean;
+
+	/** It specifies the type of data is send in the query string.
+	*/
+	contentType?: string;
+
+	/** It specifies the data as an object, will be passed in the query string.
+	*/
+	data?: any;
+
+	/** It specifies the type of data that you're expecting back from the response.
+	*/
+	dataType?: string;
+
+	/** It specifies the HTTP request type.
+	*/
+	type?: string;
+}
+}
+
+class MaskEdit extends ej.Widget {
+	static fn: MaskEdit;
+	constructor(element: JQuery, options?: MaskEdit.Model);
+	constructor(element: Element, options?: MaskEdit.Model);
+	static Locale: any;
+	model:MaskEdit.Model;
+	defaults:MaskEdit.Model;
+
+	/** To clear the text in mask edit textbox control.
+	*   @returns {void}
+	*/
+	clear(): void;
+
+	/** To disable the mask edit textbox control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the mask edit textbox control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** To obtained the pure value of the text value, removes all the symbols in mask edit textbox control.
+	*   @returns {string}
+	*/
+	get_StrippedValue(): string;
+
+	/** To obtained the textbox value as such that, Just replace all '_' to ' '(space) in mask edit textbox control.
+	*   @returns {string}
+	*/
+	get_UnstrippedValue(): string;
+}
+export module MaskEdit{
+
+export interface Model {
+
+	/** Specify the cssClass to achieve custom theme.
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** Specify the custom character allowed to entered in mask edit textbox control.
+	*   @Default {null}
+	*/
+	customCharacter?: string;
+
+	/** Specify the state of the mask edit textbox control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specify the enablePersistence to mask edit textbox to save current model value to browser cookies for state maintains.
+	*/
+	enablePersistence?: boolean;
+
+	/** Specifies the height for the mask edit textbox control.
+	*   @Default {28 px}
+	*/
+	height?: string;
+
+	/** Specifies whether hide the prompt characters with spaces on blur. Prompt chars will be shown again on focus the textbox.
+	*   @Default {false}
+	*/
+	hidePromptOnLeave?: boolean;
+
+	/** Specifies the list of HTML attributes to be added to mask edit textbox.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specify the inputMode for mask edit textbox control. See InputMode
+	*   @Default {ej.InputMode.Text}
+	*/
+	inputMode?: ej.InputMode|string;
+
+	/** Specifies the input mask.
+	*   @Default {null}
+	*/
+	maskFormat?: string;
+
+	/** Specifies the name attribute value for the mask edit textbox.
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Toggles the readonly state of the mask edit textbox. When the mask edit textbox is readonly, it doesn't allow your input.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies whether the error will show until correct value entered in the mask edit textbox control.
+	*   @Default {false}
+	*/
+	showError?: boolean;
+
+	/** when showPromptChar is true, the hide the prompt characters are shown in focus of the control and hides in focus out of the control.
+	*   @Default {true}
+	*/
+	showPromptChar?: boolean;
+
+	/** MaskEdit input is displayed in rounded corner style when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specify the text alignment for mask edit textbox control.See TextAlign
+	*   @Default {left}
+	*/
+	textAlign?: ej.TextAlign|string;
+
+	/** Sets the jQuery validation error message in mask edit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Sets the jQuery validation rules to the MaskEdit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Specifies the value for the mask edit textbox control.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Specifies the water mark text to be displayed in input text.
+	*   @Default {null}
+	*/
+	watermarkText?: string;
+
+	/** Specifies the width for the mask edit textbox control.
+	*   @Default {143pixel}
+	*/
+	width?: string;
+
+	/** Fires when value changed in mask edit textbox control. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires after MaskEdit control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the MaskEdit is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when focused in mask edit textbox control. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires when focused out in mask edit textbox control. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires when keydown in mask edit textbox control. */
+	keydown? (e: KeydownEventArgs): void;
+
+	/** Fires when key press in mask edit textbox control. */
+	keyPress? (e: KeyPressEventArgs): void;
+
+	/** Fires when keyup in mask edit textbox control. */
+	keyup? (e: KeyupEventArgs): void;
+
+	/** Fires when mouse out in mask edit textbox control. */
+	mouseOut? (e: MouseOutEventArgs): void;
+
+	/** Fires when mouse over in mask edit textbox control. */
+	mouseOver? (e: MouseOverEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the MaskEdit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the MaskEdit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface KeydownEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface KeyPressEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface KeyupEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface MouseOutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+
+export interface MouseOverEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the mask edit model
+	*/
+	model?: ej.MaskEdit.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mask edit value
+	*/
+	value?: number;
+
+	/** returns unstripped value in mask edit textbox control.
+	*/
+	unmaskedValue?: string;
+}
+}
+enum InputMode
+{
+//string
+Password,
+//string
+Text,
+}
+enum TextAlign
+{
+//string
+Center,
+//string
+Justify,
+//string
+Left,
+//string
+Right,
+}
+
+class Menu extends ej.Widget {
+	static fn: Menu;
+	constructor(element: JQuery, options?: Menu.Model);
+	constructor(element: Element, options?: Menu.Model);
+	static Locale: any;
+	model:Menu.Model;
+	defaults:Menu.Model;
+
+	/** Disables the Menu control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Specifies the Menu Item to be disabled by using the Menu Item Text.
+	*   @param {string} Specifies the Menu Item Text to be disabled.
+	*   @returns {void}
+	*/
+	disableItem(itemtext: string): void;
+
+	/** Specifies the Menu Item to be disabled by using the Menu Item Id.
+	*   @param {string|number} Specifies the Menu Item id to be disabled
+	*   @returns {void}
+	*/
+	disableItemByID(itemid: string|number): void;
+
+	/** Enables the Menu control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Specifies the Menu Item to be enabled by using the Menu Item Text.
+	*   @param {string} Specifies the Menu Item Text to be enabled.
+	*   @returns {void}
+	*/
+	enableItem(itemtext: string): void;
+
+	/** Specifies the Menu Item to be enabled by using the Menu Item Id.
+	*   @param {string|number} Specifies the Menu Item id to be enabled.
+	*   @returns {void}
+	*/
+	enableItemByID(itemid: string|number): void;
+
+	/** Hides the Context Menu control.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Hides the specific items in Menu control.
+	*   @returns {void}
+	*/
+	hideItems(): void;
+
+	/** Insert the menu item as child of target node.
+	*   @param {any} Information about Menu item.
+	*   @param {string|any} Selector of target node or Object of target node.
+	*   @returns {void}
+	*/
+	insert(item: any, target: string|any): void;
+
+	/** Insert the menu item after the target node.
+	*   @param {any} Information about Menu item.
+	*   @param {string|any} Selector of target node or Object of target node.
+	*   @returns {void}
+	*/
+	insertAfter(item: any, target: string|any): void;
+
+	/** Insert the menu item before the target node.
+	*   @param {any} Information about Menu item.
+	*   @param {string|any} Selector of target node or Object of target node.
+	*   @returns {void}
+	*/
+	insertBefore(item: any, target: string|any): void;
+
+	/** Remove Menu item.
+	*   @param {any|Array<any>} Selector of target node or Object of target node.
+	*   @returns {void}
+	*/
+	remove(target: any|Array<any>): void;
+
+	/** To show the Menu control.
+	*   @param {number} x co-ordinate position of context menu.
+	*   @param {number} y co-ordinate position of context menu.
+	*   @param {any} target element
+	*   @param {any} name of the event
+	*   @returns {void}
+	*/
+	show(locationX: number, locationY: number, targetElement: any, event: any): void;
+
+	/** Show the specific items in Menu control.
+	*   @returns {void}
+	*/
+	showItems(): void;
+}
+export module Menu{
+
+export interface Model {
+
+	/** To enable or disable the Animation while hover or click an menu items.See AnimationType
+	*   @Default {ej.AnimationType.Default}
+	*/
+	animationType?: ej.AnimationType|string;
+
+	/** Specifies the target id of context menu. On right clicking the specified contextTarget element, context menu gets shown.
+	*   @Default {null}
+	*/
+	contextMenuTarget?: string;
+
+	/** Specifies the container element selectors for submenu’s collision. The submenu gets displayed based on spacing available with respect to container element.
+	*   @Default {null}
+	*/
+	container?: string;
+
+	/** Specify the CSS class to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** To enable or disable the Animation effect while hover or click an menu items.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Specifies the root menu items to be aligned center in horizontal menu.
+	*   @Default {false}
+	*/
+	enableCenterAlign?: boolean;
+
+	/** Enable / Disable the Menu control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies the menu items to be displayed in right to left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** When this property sets to false, the menu items is displayed without any separators.
+	*   @Default {true}
+	*/
+	enableSeparator?: boolean;
+
+	/** Specifies the target which needs to be excluded. i.e., The context menu will not be displayed in those specified targets.
+	*   @Default {null}
+	*/
+	excludeTarget?: string;
+
+	/** Fields used to bind the data source and it includes following field members to make data bind easier.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Specifies the height of the root menu.
+	*   @Default {auto}
+	*/
+	height?: string|number;
+
+	/** Specifies the list of HTML attributes to be added to menu control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Enables/disables responsive support for the Menu control during the window resizing time.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies the type of the menu. Essential JavaScript Menu consists of two type of menu, they are Normal Menu and Context Menu mode.See MenuType
+	*   @Default {ej.MenuType.NormalMenu}
+	*/
+	menuType?: string|ej.MenuType;
+
+	/** Specifies the sub menu items to be show or open only on click.
+	*   @Default {false}
+	*/
+	openOnClick?: boolean;
+
+	/** Specifies the orientation of normal menu. Normal menu can rendered in horizontal or vertical direction by using this API. See Orientation
+	*   @Default {ej.Orientation.Horizontal}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Specifies the main menu items arrows only to be shown if it contains child items.
+	*   @Default {true}
+	*/
+	showRootLevelArrows?: boolean;
+
+	/** Specifies the sub menu items arrows only to be shown if it contains child items.
+	*   @Default {true}
+	*/
+	showSubLevelArrows?: boolean;
+
+	/** Specifies position of pull down submenu that will appear on mouse over.See Direction
+	*   @Default {ej.Direction.Right}
+	*/
+	subMenuDirection?: string|ej.Direction;
+
+	/** Specifies the title to responsive menu.
+	*   @Default {Menu}
+	*/
+	titleText?: string;
+
+	/** Specifies the width of the main menu.
+	*   @Default {auto}
+	*/
+	width?: string|number;
+
+	/** Specifies the popup menu height.
+	*   @Default {auto}
+	*/
+	overflowHeight?: string|number;
+
+	/** Specifies the popup menu width.
+	*   @Default {auto}
+	*/
+	overflowWidth?: string|number;
+
+	/** Fires before context menu gets open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when mouse click on menu items. */
+	click? (e: ClickEventArgs): void;
+
+	/** Fire when context menu on close. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires when context menu on open. */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires to create menu items. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires to destroy menu items. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when key down on menu items. */
+	keydown? (e: KeydownEventArgs): void;
+
+	/** Fires when mouse out from menu items. */
+	mouseout? (e: MouseoutEventArgs): void;
+
+	/** Fires when mouse over the Menu items. */
+	mouseover? (e: MouseoverEventArgs): void;
+
+	/** Fires when overflow popup menu opens. */
+	overflowOpen? (e: OverflowOpenEventArgs): void;
+
+	/** Fires when overflow popup menu closes. */
+	overflowClose? (e: OverflowCloseEventArgs): void;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target element
+	*/
+	target?: any;
+}
+
+export interface ClickEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns clicked menu item text
+	*/
+	text?: string;
+
+	/** returns clicked menu item element
+	*/
+	element?: any;
+
+	/** returns the event
+	*/
+	event?: any;
+
+	/** returns the selected item
+	*/
+	selectedItem?: number;
+}
+
+export interface CloseEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target element
+	*/
+	target?: any;
+}
+
+export interface OpenEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target element
+	*/
+	target?: any;
+}
+
+export interface CreateEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface KeydownEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns clicked menu item text
+	*/
+	menuText?: string;
+
+	/** returns clicked menu item element
+	*/
+	element?: any;
+
+	/** returns the event
+	*/
+	event?: any;
+}
+
+export interface MouseoutEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns clicked menu item text
+	*/
+	text?: string;
+
+	/** returns clicked menu item element
+	*/
+	element?: any;
+
+	/** returns the event
+	*/
+	event?: any;
+}
+
+export interface MouseoverEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns clicked menu item text
+	*/
+	text?: string;
+
+	/** returns clicked menu item element
+	*/
+	element?: any;
+
+	/** returns the event
+	*/
+	event?: any;
+}
+
+export interface OverflowOpenEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	e?: any;
+
+	/** if the event should be cancelled ; otherwise ,false
+	*/
+	cancel?: boolean;
+}
+
+export interface OverflowCloseEventArgs {
+
+	/** returns the menu model
+	*/
+	model?: ej.Menu.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	e?: any;
+
+	/** if the event should be cancelled ; otherwise ,false
+	*/
+	cancel?: boolean;
+}
+
+export interface Fields {
+
+	/** It receives the child data for the inner level.
+	*/
+	child?: any;
+
+	/** It receives datasource as Essential DataManager object and JSON object.
+	*/
+	dataSource?: any;
+
+	/** Specifies the HTML attributes to “LI” item list.
+	*/
+	htmlAttribute?: string;
+
+	/** Specifies the id to menu items list
+	*/
+	id?: string;
+
+	/** Specifies the image attribute to “img” tag inside items list.
+	*/
+	imageAttribute?: string;
+
+	/** Specifies the image URL to “img” tag inside item list.
+	*/
+	imageUrl?: string;
+
+	/** Adds custom attributes like &quot;target&quot; to the anchor tag of the menu items.
+	*/
+	linkAttribute?: string;
+
+	/** Specifies the parent id of the table.
+	*/
+	parentId?: string;
+
+	/** It receives query to retrieve data from the table (query is same as SQL).
+	*/
+	query?: any;
+
+	/** Specifies the sprite CSS class to “LI” item list.
+	*/
+	spriteCssClass?: string;
+
+	/** It receives table name to execute query on the corresponding table.
+	*/
+	tableName?: string;
+
+	/** Specifies the text of menu items list.
+	*/
+	text?: string;
+
+	/** Specifies the URL to the anchor tag in menu item list.
+	*/
+	url?: string;
+}
+}
+enum AnimationType
+{
+//string
+Default,
+//string
+None,
+}
+enum MenuType
+{
+//string
+ContextMenu,
+//string
+NormalMenu,
+}
+enum Direction
+{
+//string
+Left,
+//string
+None,
+//string
+Right,
+}
+
+class Pager extends ej.Widget {
+	static fn: Pager;
+	constructor(element: JQuery, options?: Pager.Model);
+	constructor(element: Element, options?: Pager.Model);
+	static Locale: any;
+	model:Pager.Model;
+	defaults:Pager.Model;
+
+	/** Send a paging request to specified page through the pager control.
+	*   @param {number} Specifies the index to be navigated
+	*   @returns {void}
+	*/
+	gotoPage(pageIndex: number): void;
+
+	/** refreshPager() helps to refresh the model value of pager control.
+	*   @returns {void}
+	*/
+	refreshPager(): void;
+}
+export module Pager{
+
+export interface Model {
+
+	/** Gets or sets a value that indicates whether to display the custom text message in Pager.
+	*/
+	customText?: string;
+
+	/** Gets or sets a value that indicates whether to define which page to display currently in pager.
+	*   @Default {1}
+	*/
+	currentPage?: number;
+
+	/** Gets or sets a value that indicates whether to display the external Message in Pager.
+	*   @Default {false}
+	*/
+	enableExternalMessage?: boolean;
+
+	/** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
+	*   @Default {false}
+	*/
+	enableQueryString?: boolean;
+
+	/** Align content in the pager control from right to left by setting the property as true.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Gets or sets a value that indicates whether to display the external Message in Pager.
+	*/
+	externalMessage?: string;
+
+	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation.
+	*   @Default {10}
+	*/
+	pageCount?: number;
+
+	/** Gets or sets a value that indicates whether to define the number of records displayed per page.
+	*   @Default {12}
+	*/
+	pageSize?: number;
+
+	/** Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on page size and total records.
+	*   @Default {null}
+	*/
+	totalPages?: number;
+
+	/** Get the value of total number of records which is bound to a data item.
+	*   @Default {null}
+	*/
+	totalRecordsCount?: number;
+
+	/** Shows or hides the current page information in pager footer.
+	*   @Default {true}
+	*/
+	showPageInfo?: boolean;
+
+	/** Triggered when pager numeric item is clicked in pager control. */
+	click? (e: ClickEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current page index.
+	*/
+	currentPage?: number;
+
+	/** Returns the pager model.
+	*/
+	model?: any;
+
+	/** Returns the name of event
+	*/
+	type?: string;
+
+	/** Returns current action event type and its target.
+	*/
+	event?: any;
+}
+}
+
+class Print extends ej.Widget {
+	static fn: Print;
+	constructor(element: JQuery, options?: Print.Model);
+	constructor(element: Element, options?: Print.Model);
+	static Locale: any;
+	model:Print.Model;
+	defaults:Print.Model;
+
+	/** Print the specific page or an element.
+	*   @returns {void}
+	*/
+	print(): void;
+}
+export module Print{
+
+export interface Model {
+
+	/** Append the custom HTML after the selected content.
+	*   @Default {null}
+	*/
+	append?: string;
+
+	/** A selector that specifies a particular element to be excluded from printing.
+	*   @Default {null}
+	*/
+	excludeSelector?: string;
+
+	/** Specifies whether the URL of an external stylesheet can be included to customize and print that page.
+	*   @Default {null}
+	*/
+	externalStyles?: string;
+
+	/** Prepend a doctype to the document frame.
+	*   @Default {&lt;!doctype html&gt;}
+	*/
+	docType?: string;
+
+	/** Specifies whether the global styles can be applied to the element to be printed.
+	*   @Default {true}
+	*/
+	globalStyles?: boolean;
+
+	/** Sets the height of the print window.
+	*   @Default {454}
+	*/
+	height?: number;
+
+	/** Prepends the custom HTML before the selected content.
+	*   @Default {null}
+	*/
+	prepend?: string;
+
+	/** Allows printing the content in a new window.
+	*   @Default {false}
+	*/
+	printInNewWindow?: boolean;
+
+	/** Sets the period of time to wait before printing the content.
+	*   @Default {1000}
+	*/
+	timeOutPeriod?: number;
+
+	/** Sets the title of the print document.
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** Defines the width of the print window.
+	*   @Default {1024}
+	*/
+	width?: number;
+
+	/** Event triggers before the document page or an element in it gets printed. */
+	beforeStart? (e: BeforeStartEventArgs): void;
+}
+
+export interface BeforeStartEventArgs {
+
+	/**  Set this option as true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/**  Returns the Print model 
+	*/
+	model?: ej.Print.Model;
+
+	/**  Returns the name of an event 
+	*/
+	type?: string;
+
+	/**  Returns the printed element
+	*/
+	content?: any;
+}
+}
+
+class ProgressBar extends ej.Widget {
+	static fn: ProgressBar;
+	constructor(element: JQuery, options?: ProgressBar.Model);
+	constructor(element: Element, options?: ProgressBar.Model);
+	static Locale: any;
+	model:ProgressBar.Model;
+	defaults:ProgressBar.Model;
+
+	/** Destroy the progressbar widget
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the progressbar control
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the progressbar control
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Returns the current progress value in percent.
+	*   @returns {number}
+	*/
+	getPercentage(): number;
+
+	/** Returns the current progress value
+	*   @returns {number}
+	*/
+	getValue(): number;
+}
+export module ProgressBar{
+
+export interface Model {
+
+	/** Sets the root CSS class for ProgressBar theme, which is used customize.
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** When this property sets to false, it disables the ProgressBar control
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Save current model value to browser cookies for state maintains. While refresh the progressBar control page retains the model value apply from browser cookies
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Sets the ProgressBar direction as right to left alignment.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Defines the height of the ProgressBar.
+	*   @Default {null}
+	*/
+	height?: number|string;
+
+	/** It allows to define the characteristics of the progressBar control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Sets the maximum value of the ProgressBar.
+	*   @Default {100}
+	*/
+	maxValue?: number;
+
+	/** Sets the minimum value of the ProgressBar.
+	*   @Default {0}
+	*/
+	minValue?: number;
+
+	/** Sets the ProgressBar value in percentage. The value should be in between 0 to 100.
+	*   @Default {0}
+	*/
+	percentage?: number;
+
+	/** Displays rounded corner borders on the progressBar control.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Sets the custom text for the ProgressBar. The text placed in the middle of the ProgressBar and it can be customizable using the class 'e-progress-text'.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Sets the ProgressBar value. The value should be in between min and max values.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Defines the width of the ProgressBar.
+	*   @Default {null}
+	*/
+	width?: number|string;
+
+	/** Event triggers when the progress value changed */
+	change? (e: ChangeEventArgs): void;
+
+	/** Event triggers when the process completes (at 100%) */
+	complete? (e: CompleteEventArgs): void;
+
+	/** Event triggers when the progressbar are created */
+	create? (e: CreateEventArgs): void;
+
+	/** Event triggers when the progressbar are destroyed */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Event triggers when the process starts (from 0%) */
+	start? (e: StartEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the ProgressBar model
+	*/
+	model?: ej.ProgressBar.Model;
+
+	/** returns the current progress percentage
+	*/
+	percentage?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current progress value
+	*/
+	value?: string;
+}
+
+export interface CompleteEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the ProgressBar model
+	*/
+	model?: ej.ProgressBar.Model;
+
+	/** returns the current progress percentage
+	*/
+	percentage?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current progress value
+	*/
+	value?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the progressbar model
+	*/
+	model?: ej.ProgressBar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the progressbar model
+	*/
+	model?: ej.ProgressBar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface StartEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the ProgressBar model
+	*/
+	model?: ej.ProgressBar.Model;
+
+	/** returns the current progress percentage
+	*/
+	percentage?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current progress value
+	*/
+	value?: string;
+}
+}
+
+class RadioButton extends ej.Widget {
+	static fn: RadioButton;
+	constructor(element: JQuery, options?: RadioButton.Model);
+	constructor(element: Element, options?: RadioButton.Model);
+	static Locale: any;
+	model:RadioButton.Model;
+	defaults:RadioButton.Model;
+
+	/** To disable the RadioButton
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the RadioButton
+	*   @returns {void}
+	*/
+	enable(): void;
+}
+export module RadioButton{
+
+export interface Model {
+
+	/** Specifies the check attribute of the Radio Button.
+	*   @Default {false}
+	*/
+	checked?: boolean;
+
+	/** Specify the CSS class to RadioButton to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specifies the RadioButton control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies the enablePersistence property for RadioButton while initialization. The enablePersistence API save current model value to browser cookies for state maintains. While refreshing the radio button control page the model value apply from browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specify the Right to Left direction to RadioButton
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the HTML Attributes of the Checkbox
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the id attribute for the Radio Button while initialization.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Specify the idPrefix value to be added before the current id of the RadioButton.
+	*   @Default {ej}
+	*/
+	idPrefix?: string;
+
+	/** Specifies the name attribute for the Radio Button while initialization.
+	*   @Default {Sets id as name if it is null}
+	*/
+	name?: string;
+
+	/** Specifies the size of the RadioButton.
+	*   @Default {small}
+	*/
+	size?: ej.RadioButtonSize|string;
+
+	/** Specifies the text content for RadioButton.
+	*/
+	text?: string;
+
+	/** Set the jQuery validation error message in radio button.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Set the jQuery validation rules in radio button.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Specifies the value attribute of the Radio Button.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Fires before the RadioButton is going to changed its state successfully */
+	beforeChange? (e: BeforeChangeEventArgs): void;
+
+	/** Fires when the RadioButton state is changed successfully */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when the RadioButton created successfully */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the RadioButton destroyed successfully */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface BeforeChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RadioButton model
+	*/
+	model?: ej.RadioButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns true if element is checked, otherwise returns false
+	*/
+	isChecked?: boolean;
+
+	/** returns true if change event triggered by interaction, otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RadioButton model
+	*/
+	model?: ej.RadioButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns true if element is checked, otherwise returns false
+	*/
+	isChecked?: boolean;
+
+	/** returns true if change event triggered by interaction, otherwise returns false
+	*/
+	isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RadioButton model
+	*/
+	model?: ej.RadioButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RadioButton model
+	*/
+	model?: ej.RadioButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+enum RadioButtonSize
+{
+//Shows small size radio button
+Small,
+//Shows medium size radio button
+Medium,
+}
+
+class Rating extends ej.Widget {
+	static fn: Rating;
+	constructor(element: JQuery, options?: Rating.Model);
+	constructor(element: Element, options?: Rating.Model);
+	static Locale: any;
+	model:Rating.Model;
+	defaults:Rating.Model;
+
+	/** Destroy the Rating widget all events bound will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To get the current value of rating control.
+	*   @returns {number}
+	*/
+	getValue(): number;
+
+	/** To hide the rating control.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** User can refresh the rating control to identify changes.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** To reset the rating value.
+	*   @returns {void}
+	*/
+	reset(): void;
+
+	/** To set the rating value.
+	*   @param {string|number} Specifies the rating value.
+	*   @returns {void}
+	*/
+	setValue(value: string|number): void;
+
+	/** To show the rating control
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module Rating{
+
+export interface Model {
+
+	/** Enables the rating control with reset button.It can be used to reset the rating control value.
+	*   @Default {true}
+	*/
+	allowReset?: boolean;
+
+	/** Specify the CSS class to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** When this property is set to false, it disables the rating control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specifies the height of the Rating control wrapper.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Specifies the list of HTML attributes to be added to rating control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the value to be increased while navigating between shapes(stars) in Rating control.
+	*   @Default {1}
+	*/
+	incrementStep?: number;
+
+	/** Allow to render the maximum number of Rating shape(star).
+	*   @Default {5}
+	*/
+	maxValue?: number;
+
+	/** Allow to render the minimum number of Rating shape(star).
+	*   @Default {0}
+	*/
+	minValue?: number;
+
+	/** Specifies the orientation of Rating control. See Orientation
+	*   @Default {ej.Rating.Orientation.Horizontal}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Helps to provide more precise ratings.Rating control supports three precision modes - full, half, and exact. See Precision
+	*   @Default {full}
+	*/
+	precision?: ej.Rating.Precision|string;
+
+	/** Interaction with Rating control can be prevented by enabling this API.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** To specify the height of each shape in Rating control.
+	*   @Default {23}
+	*/
+	shapeHeight?: number;
+
+	/** To specify the width of each shape in Rating control.
+	*   @Default {23}
+	*/
+	shapeWidth?: number;
+
+	/** Enables the tooltip option.Currently selected value will be displayed in tooltip.
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** To specify the number of stars to be selected while rendering.
+	*   @Default {1}
+	*/
+	value?: number;
+
+	/** Specifies the width of the Rating control wrapper.
+	*   @Default {null}
+	*/
+	width?: string;
+
+	/** Fires when Rating value changes. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when Rating control is clicked successfully. */
+	click? (e: ClickEventArgs): void;
+
+	/** Fires when Rating control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when Rating control is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when mouse hover is removed from Rating control. */
+	mouseout? (e: MouseoutEventArgs): void;
+
+	/** Fires when mouse move is moving the Rating control. */
+	mousemove? (e: MousemoveEventArgs): void;
+
+	/** Fires when mouse hovered over the Rating control. */
+	mouseover? (e: MouseoverEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** returns the current value.
+	*/
+	value?: number;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse click event args values.
+	*/
+	event?: any;
+}
+
+export interface ClickEventArgs {
+
+	/** returns the current value.
+	*/
+	value?: number;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse click event args values.
+	*/
+	event?: any;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface MouseoutEventArgs {
+
+	/** returns the current value.
+	*/
+	value?: number;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse click event args values.
+	*/
+	event?: any;
+}
+
+export interface MousemoveEventArgs {
+
+	/** returns the current value.
+	*/
+	value?: number;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse click event args values.
+	*/
+	event?: any;
+}
+
+export interface MouseoverEventArgs {
+
+	/** returns the current value.
+	*/
+	value?: number;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rating model
+	*/
+	model?: ej.Rating.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the mouse click event args values.
+	*/
+	event?: any;
+
+	/** returns the current index value.
+	*/
+	index?: any;
+}
+
+enum Precision{
+
+	///string
+	Exact,
+
+	///string
+	Full,
+
+	///string
+	Half
+}
+
+}
+
+class Ribbon extends ej.Widget {
+	static fn: Ribbon;
+	constructor(element: JQuery, options?: Ribbon.Model);
+	constructor(element: Element, options?: Ribbon.Model);
+	static Locale: any;
+	model:Ribbon.Model;
+	defaults:Ribbon.Model;
+
+	/** Adds contextual tab or contextual tab set dynamically in the ribbon control with contextual tabs object and index position. When index is null, ribbon contextual tab or contextual tab set is added at the last index.
+	*   @param {any} contextual tab or contextual tab set object.
+	*   @param {number} index of the contextual tab or contextual tab set, this is optional.
+	*   @returns {void}
+	*/
+	addContextualTabs(contextualTabSet: any, index?: number): void;
+
+	/** Add new option to Backstage page.
+	*   @param {any} select the object to add the backstage item
+	*   @param {number} index to the backstage item this is optional.
+	*   @returns {void}
+	*/
+	addBackStageItem(item: any, index?: number): void;
+
+	/** Adds tab dynamically in the ribbon control with given name, tab group array and index position. When index is null, ribbon tab is added at the last index.
+	*   @param {string} ribbon tab display text.
+	*   @param {Array<any>} groups to be displayed in ribbon tab .
+	*   @param {number} index of the ribbon tab,this is optional.
+	*   @returns {void}
+	*/
+	addTab(tabText: string, ribbonGroups: Array<any>, index?: number): void;
+
+	/** Adds tab group dynamically in the ribbon control with given tab index, tab group object and group index position. When group index is null, ribbon group is added at the last index.
+	*   @param {number} ribbon tab index.
+	*   @param {any} group to be displayed in ribbon tab .
+	*   @param {number} index of the ribbon group,this is optional.
+	*   @returns {void}
+	*/
+	addTabGroup(tabIndex: number, tabGroup: any, groupIndex?: number): void;
+
+	/** Adds group content dynamically in the ribbon control with given tab index, group index, content, content index and sub group index position. When content index is null, content is added at the last index.
+	*   @param {number} ribbon tab index.
+	*   @param {number} ribbon group index.
+	*   @param {any} content to be displayed in the ribbon group.
+	*   @param {number} ribbon content index. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
+	*   @param {number} sub group index in the ribbon group. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
+	*   @returns {void}
+	*/
+	addTabGroupContent(tabIndex: number, groupIndex: number, content: any, contentIndex?: number, subGroupIndex?: number): void;
+
+	/** Hides the ribbon backstage page.
+	*   @returns {void}
+	*/
+	hideBackstage(): void;
+
+	/** Collapses the ribbon tab content.
+	*   @returns {void}
+	*/
+	collapse(): void;
+
+	/** Destroys the ribbon widget. All the events bound using this._on are unbound automatically and the ribbon control is moved to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Expands the ribbon tab content.
+	*   @returns {void}
+	*/
+	expand(): void;
+
+	/** Gets text of the given index tab in the ribbon control.
+	*   @param {number} index of the tab item.
+	*   @returns {string}
+	*/
+	getTabText(index: number): string;
+
+	/** Hides the given text tab in the ribbon control.
+	*   @param {string} text of the tab item.
+	*   @returns {void}
+	*/
+	hideTab(text: string): void;
+
+	/** Checks whether the given text tab in the ribbon control is enabled or not.
+	*   @param {string} text of the tab item.
+	*   @returns {boolean}
+	*/
+	isEnable(text: string): boolean;
+
+	/** Checks whether the given text tab in the ribbon control is visible or not.
+	*   @param {string} text of the tab item.
+	*   @returns {boolean}
+	*/
+	isVisible(text: string): boolean;
+
+	/** Removes the given index tab item from the ribbon control.
+	*   @param {number} index of tab item.
+	*   @returns {void}
+	*/
+	removeTab(index: number): void;
+
+	/** Sets new text to the given text tab in the ribbon control.
+	*   @param {string} current text of the tab item.
+	*   @param {string} new text of the tab item.
+	*   @returns {void}
+	*/
+	setTabText(tabText: string, newText: string): void;
+
+	/** Displays the ribbon backstage page.
+	*   @returns {void}
+	*/
+	showBackstage(): void;
+
+	/** Displays the given text tab in the ribbon control.
+	*   @param {string} text of the tab item.
+	*   @returns {void}
+	*/
+	showTab(text: string): void;
+
+	/** To customize Group alone in the inside content.
+	*   @param {number} ribbon tab index.
+	*   @param {string} group id to be displayed in ribbon tab .
+	*   @param {any} contentGroup is used in the object
+	*   @returns {void}
+	*/
+	updateGroup(tabIndex: number, groupId: string, contentGroup?: any): void;
+
+	/** Update option in existing Backstage.
+	*   @param {number} index to the backstage item
+	*   @param {any} select the object to add the backstage item
+	*   @returns {void}
+	*/
+	updateBackStageItem(index: number, item?: any): void;
+
+	/** To customize whole content from Tab Group.
+	*   @param {number} ribbon tab index.
+	*   @param {string} ribbon group text.
+	*   @param {number} ribbon content index. This is optional. If the value is not given, all content groups will be removed.
+	*   @param {number} sub group index in the ribbon group. This is optional. If the value is not given, all content groups will be removed.
+	*   @returns {void}
+	*/
+	removeTabGroupContent(tabIndex: number, groupText: string, contentIndex?: number, subGroupIndex?: number): void;
+
+	/** Remove option from Backstage.
+	*   @param {number} index to the backstage item
+	*   @returns {void}
+	*/
+	removeBackStageItem(index: number): void;
+}
+export module Ribbon{
+
+export interface Model {
+
+	/** Enables the ribbon resize feature.allowResizing is a deprecated property of isResponsive.
+	*   @Default {false}
+	*/
+	allowResizing?: boolean;
+
+	/** When set to true, adapts the Ribbon layout to fit the screen size of devices on which it renders.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies the height, width, enableRTL, showRoundedCorner,enabled,cssClass property to the controls in the ribbon commonly andit will work only when those properties are not defined in buttonSettings and content defaults.
+	*   @Default {Object}
+	*/
+	buttonDefaults?: any;
+
+	/** Property to enable the ribbon quick access toolbar.
+	*   @Default {false}
+	*/
+	showQAT?: boolean;
+
+	/** Sets the root CSS class for Ribbon which allow us to customize the appearance.
+	*/
+	cssClass?: string;
+
+	/** Sets custom setting to the collapsible pin in the ribbon.
+	*   @Default {Object}
+	*/
+	collapsePinSettings?: CollapsePinSettings;
+
+	/** Set enableOnDemand as true to load ribbon tab and backstage contents while corresponding item clicked.
+	*   @Default {false}
+	*/
+	enableOnDemand?: boolean;
+
+	/** Set collapsible property as true to render ribbon in initially collapsed state.
+	*   @Default {false}
+	*/
+	collapsible?: boolean;
+
+	/** Align content in the ribbon control from right to left by setting the property as true.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Sets custom setting to the expandable pin in the ribbon.
+	*   @Default {Object}
+	*/
+	expandPinSettings?: ExpandPinSettings;
+
+	/** Specifies the application tab to contain application menu or backstage page in the ribbon control.
+	*   @Default {Object}
+	*/
+	applicationTab?: ApplicationTab;
+
+	/** Specifies the contextual tabs and tab set to the ribbon control with the background color and border color. Refer to the tabs section for adding tabs into the contextual tab and contextual tab set.
+	*   @Default {Array}
+	*/
+	contextualTabs?: Array<ContextualTab>;
+
+	/** Specifies the index or indexes to disable the given index tab or indexes tabs in the ribbon control.
+	*   @Default {0}
+	*/
+	disabledItemIndex?: Array<any>;
+
+	/** Specifies the index or indexes to enable the given index tab or indexes tabs in the ribbon control.
+	*   @Default {null}
+	*/
+	enabledItemIndex?: Array<any>;
+
+	/** Specifies the index of the ribbon tab to select the given index tab item in the ribbon control.
+	*   @Default {1}
+	*/
+	selectedItemIndex?: number;
+
+	/** Specifies the tabs and its groups. Also specifies the control details that has to be placed in the tab area in the ribbon control.
+	*   @Default {Array}
+	*/
+	tabs?: Array<Tab>;
+
+	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region and  it will need to use the user's preference.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the width to the ribbon control. You can set width in string or number format.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Triggered before the ribbon tab item is removed. */
+	beforeTabRemove? (e: BeforeTabRemoveEventArgs): void;
+
+	/** Triggered before the ribbon control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered before the ribbon control is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggered when the control in the group is clicked successfully. */
+	groupClick? (e: GroupClickEventArgs): void;
+
+	/** Triggered when the group expander in the group is clicked successfully. */
+	groupExpand? (e: GroupExpandEventArgs): void;
+
+	/** Triggered when an item in the Gallery control is clicked successfully. */
+	galleryItemClick? (e: GalleryItemClickEventArgs): void;
+
+	/** Triggered when a tab or button in the backstage page is clicked successfully. */
+	backstageItemClick? (e: BackstageItemClickEventArgs): void;
+
+	/** Triggered when the ribbon control is collapsed. */
+	collapse? (e: CollapseEventArgs): void;
+
+	/** Triggered when the ribbon control is expanded. */
+	expand? (e: ExpandEventArgs): void;
+
+	/** Triggered before the ribbon control is load. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggered after adding the new ribbon tab item. */
+	tabAdd? (e: TabAddEventArgs): void;
+
+	/** Triggered when tab is clicked successfully in the ribbon control. */
+	tabClick? (e: TabClickEventArgs): void;
+
+	/** Triggered before the ribbon tab is created. */
+	tabCreate? (e: TabCreateEventArgs): void;
+
+	/** Triggered after the tab item is removed from the ribbon control. */
+	tabRemove? (e: TabRemoveEventArgs): void;
+
+	/** Triggered after the ribbon tab item is selected in the ribbon control. */
+	tabSelect? (e: TabSelectEventArgs): void;
+
+	/** Triggered when the expand/collapse button is clicked successfully . */
+	toggleButtonClick? (e: ToggleButtonClickEventArgs): void;
+
+	/** Triggered when the QAT menu item is clicked successfully . */
+	qatMenuItemClick? (e: QatMenuItemClickEventArgs): void;
+}
+
+export interface BeforeTabRemoveEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns current tab item index in the ribbon control.
+	*/
+	index?: number;
+}
+
+export interface CreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns current ribbon tab item index
+	*/
+	deleteIndex?: number;
+}
+
+export interface GroupClickEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the control clicked in the group.
+	*/
+	target?: number;
+}
+
+export interface GroupExpandEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the clicked group expander.
+	*/
+	target?: number;
+}
+
+export interface GalleryItemClickEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the gallery model.
+	*/
+	galleryModel?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the item clicked in the gallery.
+	*/
+	target?: number;
+}
+
+export interface BackstageItemClickEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the item clicked in the gallery.
+	*/
+	target?: number;
+
+	/** returns the id of the target item.
+	*/
+	id?: string;
+
+	/** returns the text of the target item.
+	*/
+	text?: string;
+}
+
+export interface CollapseEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ExpandEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface TabAddEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns new added tab header.
+	*/
+	tabHeader?: any;
+
+	/** returns new added tab content panel.
+	*/
+	tabContent?: any;
+}
+
+export interface TabClickEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns previous active tab header.
+	*/
+	prevActiveHeader?: any;
+
+	/** returns previous active index.
+	*/
+	prevActiveIndex?: number;
+
+	/** returns current active tab header .
+	*/
+	activeHeader?: any;
+
+	/** returns current active index.
+	*/
+	activeIndex?: number;
+}
+
+export interface TabCreateEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns current ribbon tab item index
+	*/
+	deleteIndex?: number;
+}
+
+export interface TabRemoveEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the removed index.
+	*/
+	removedIndex?: number;
+}
+
+export interface TabSelectEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns previous active tab header.
+	*/
+	prevActiveHeader?: any;
+
+	/** returns previous active index.
+	*/
+	prevActiveIndex?: number;
+
+	/** returns current active tab header .
+	*/
+	activeHeader?: any;
+
+	/** returns current active index.
+	*/
+	activeIndex?: number;
+}
+
+export interface ToggleButtonClickEventArgs {
+
+	/** Set to true when the event has to be canceled, else false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the expand/collapse button.
+	*/
+	target?: number;
+}
+
+export interface QatMenuItemClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the ribbon model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the clicked menu item text.
+	*/
+	text?: string;
+}
+
+export interface CollapsePinSettings {
+
+	/** Sets tooltip for the collapse pin .
+	*   @Default {null}
+	*/
+	toolTip?: string;
+
+	/** Specifies the custom tooltip for collapse pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+	*   @Default {Object}
+	*/
+	customToolTip?: any;
+}
+
+export interface ExpandPinSettings {
+
+	/** Sets tooltip for the expand pin.
+	*   @Default {null}
+	*/
+	toolTip?: string;
+
+	/** Specifies the custom tooltip for expand pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+	*   @Default {Object}
+	*/
+	customToolTip?: any;
+}
+
+export interface ApplicationTabBackstageSettingsPage {
+
+	/** Specifies the id for ribbon backstage page's tab and button elements.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Specifies the text for ribbon backstage page's tab header and button elements.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specifies the type for ribbon backstage page's contents. Set &quot;ej.Ribbon.BackStageItemType.Tab&quot; to render the tab or &quot;ej.Ribbon.BackStageItemType.Button&quot; to render the button.
+	*   @Default {ej.Ribbon.ItemType.Tab}
+	*/
+	itemType?: ej.Ribbon.ItemType|string;
+
+	/** Specifies the id of HTML elements like div,ul, etc., as ribbon backstage page's tab content.
+	*   @Default {null}
+	*/
+	contentID?: string;
+
+	/** Specifies the separator between backstage page's tab and button elements.
+	*   @Default {false}
+	*/
+	enableSeparator?: boolean;
+}
+
+export interface ApplicationTabBackstageSettings {
+
+	/** Specifies the display text of application tab.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specifies the height of ribbon backstage page.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** Specifies the width of ribbon backstage page.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Specifies the ribbon backstage page with its tab and button elements.
+	*   @Default {Array}
+	*/
+	pages?: Array<ApplicationTabBackstageSettingsPage>;
+
+	/** Specifies the width of backstage page header that contains tabs and buttons.
+	*   @Default {null}
+	*/
+	headerWidth?: string|number;
+}
+
+export interface ApplicationTab {
+
+	/** Specifies the ribbon backstage page items.
+	*   @Default {Object}
+	*/
+	backstageSettings?: ApplicationTabBackstageSettings;
+
+	/** Specifies the ID of ul list to create application menu in the ribbon control.
+	*   @Default {null}
+	*/
+	menuItemID?: string;
+
+	/** Specifies the menu members, events by using the menu settings for the menu in the application tab.
+	*   @Default {Object}
+	*/
+	menuSettings?: any;
+
+	/** Specifies the application menu or backstage page. Specify the type of application tab as &quot;ej.Ribbon.ApplicationTabType.Menu&quot; to render the application menu or &quot;ej.Ribbon.ApplicationTabType.Backstage&quot; to render backstage page in the ribbon control.
+	*   @Default {ej.Ribbon.ApplicationTabType.Menu}
+	*/
+	type?: ej.Ribbon.ApplicationTabType|string;
+}
+
+export interface ContextualTab {
+
+	/** Specifies the backgroundColor of the contextual tabs and tab set in the ribbon control.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the borderColor of the contextual tabs and tab set in the ribbon control.
+	*   @Default {null}
+	*/
+	borderColor?: string;
+
+	/** Specifies the tabs to present in the contextual tabs and tab set. Refer to the tabs section for adding tabs into the contextual tabs and tab set.
+	*   @Default {Array}
+	*/
+	tabs?: Array<any>;
+}
+
+export interface TabsGroupsContentDefaults {
+
+	/** Specifies the controls height such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** Specifies the controls width such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Specifies the controls type such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+	*   @Default {ej.Ribbon.Type.Button}
+	*/
+	type?: string;
+
+	/** Specifies the controls size such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+	*   @Default {false}
+	*/
+	isBig?: boolean;
+}
+
+export interface TabsGroupsContentGroupsCustomGalleryItem {
+
+	/** Specifies the Syncfusion button members, events by using buttonSettings.
+	*   @Default {Object}
+	*/
+	buttonSettings?: any;
+
+	/** Specifies the type as ej.Ribbon.CustomItemType.Menu or ej.Ribbon.CustomItemType.Button to render Syncfusion button and menu.
+	*   @Default {ej.Ribbon.CustomItemType.Button}
+	*/
+	customItemType?: ej.Ribbon.CustomItemType|string;
+
+	/** Specifies the custom tooltip for gallery extra item's button. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+	*   @Default {Object}
+	*/
+	customToolTip?: any;
+
+	/** Specifies the UL list id to render menu as gallery extra item.
+	*   @Default {null}
+	*/
+	menuId?: string;
+
+	/** Specifies the Syncfusion menu members, events by using menuSettings.
+	*   @Default {Object}
+	*/
+	menuSettings?: any;
+
+	/** Specifies the text for gallery extra item's button.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specifies the tooltip for gallery extra item's button.
+	*   @Default {null}
+	*/
+	toolTip?: string;
+}
+
+export interface TabsGroupsContentGroupsCustomToolTip {
+
+	/** Sets content to the custom tooltip. Text and HTML support are provided for content.
+	*   @Default {null}
+	*/
+	content?: string;
+
+	/** Sets icon to the custom tooltip content.
+	*   @Default {null}
+	*/
+	prefixIcon?: string;
+
+	/** Sets title to the custom tooltip. Text and HTML support are provided for title and the title is in bold for text format.
+	*   @Default {null}
+	*/
+	title?: string;
+}
+
+export interface TabsGroupsContentGroupsGalleryItem {
+
+	/** Specifies the Syncfusion button members, events by using buttonSettings.
+	*   @Default {Object}
+	*/
+	buttonSettings?: any;
+
+	/** Specifies the custom tooltip for gallery content. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+	*   @Default {Object}
+	*/
+	customToolTip?: any;
+
+	/** Sets text for the gallery content.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Sets tooltip for the gallery content.
+	*   @Default {null}
+	*/
+	toolTip?: string;
+}
+
+export interface TabsGroupsContentGroup {
+
+	/** When isMobileOnly is true,its shows in mobile toolbar.isResponsive should be true for using this property.
+	*   @Default {false}
+	*/
+	isMobileOnly?: boolean;
+
+	/** Specifies the Syncfusion button members, events by using this buttonSettings.
+	*   @Default {Object}
+	*/
+	buttonSettings?: any;
+
+	/** It is used to set the count of gallery contents in a row.
+	*   @Default {null}
+	*/
+	columns?: number;
+
+	/** Specifies the custom items such as div, table, controls as custom controls with the type &quot;ej.Ribbon.Type.Custom&quot; in the groups.
+	*   @Default {null}
+	*/
+	contentID?: string;
+
+	/** Specifies the CSS class property to apply styles to the button, split, dropdown controls in the groups.
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** Specifies the Syncfusion button and menu as gallery extra items.
+	*   @Default {Array}
+	*/
+	customGalleryItems?: Array<TabsGroupsContentGroupsCustomGalleryItem>;
+
+	/** Provides custom tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups. Text and HTML support are also provided for title and content.
+	*   @Default {Object}
+	*/
+	customToolTip?: TabsGroupsContentGroupsCustomToolTip;
+
+	/** Specifies the Syncfusion dropdown list members, events by using this dropdownSettings.
+	*   @Default {Object}
+	*/
+	dropdownSettings?: any;
+
+	/** Specifies the separator to the control that is in row type group. The separator separates the control from the next control in the group. Set &quot;true&quot; to enable the separator.
+	*   @Default {false}
+	*/
+	enableSeparator?: boolean;
+
+	/** Sets the count of gallery contents in a row, when the gallery is in expanded state.
+	*   @Default {null}
+	*/
+	expandedColumns?: number;
+
+	/** Defines each gallery content.
+	*   @Default {Array}
+	*/
+	galleryItems?: Array<TabsGroupsContentGroupsGalleryItem>;
+
+	/** Specifies the Id for button, split button, dropdown list, toggle button, gallery, custom controls in the sub groups.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Specifies the size for button, split button controls. Set &quot;true&quot; for big size and &quot;false&quot; for small size.
+	*   @Default {null}
+	*/
+	isBig?: boolean;
+
+	/** Sets the height of each gallery content.
+	*   @Default {null}
+	*/
+	itemHeight?: string|number;
+
+	/** Sets the width of each gallery content.
+	*   @Default {null}
+	*/
+	itemWidth?: string|number;
+
+	/** Specifies the Syncfusion split button members, events by using this splitButtonSettings.
+	*   @Default {Object}
+	*/
+	splitButtonSettings?: any;
+
+	/** Specifies the text for button, split button, toggle button controls in the sub groups.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specifies the Syncfusion toggle button members, events by using toggleButtonSettings.
+	*   @Default {Object}
+	*/
+	toggleButtonSettings?: any;
+
+	/** Specifies the tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups.
+	*   @Default {null}
+	*/
+	toolTip?: string;
+
+	/** To add,show and hide controls in Quick Access toolbar.
+	*   @Default {ej.Ribbon.QuickAccessMode.None}
+	*/
+	quickAccessMode?: ej.Ribbon.QuickAccessMode|string;
+
+	/** Specifies the type as &quot;ej.Ribbon.Type.Button&quot; or &quot;ej.Ribbon.Type.SplitButton&quot; or &quot;ej.Ribbon.Type.DropDownList&quot; or &quot;ej.Ribbon.Type.ToggleButton&quot; or &quot;ej.Ribbon.Type.Custom&quot; or &quot;ej.Ribbon.Type.Gallery&quot; to render button, split, dropdown, toggle button, gallery, custom controls.
+	*   @Default {ej.Ribbon.Type.Button}
+	*/
+	type?: ej.Ribbon.Type|string;
+}
+
+export interface TabsGroupsContent {
+
+	/** Specifies the height, width, type, isBig property to the controls in the group commonly.
+	*   @Default {Object}
+	*/
+	defaults?: TabsGroupsContentDefaults;
+
+	/** Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
+	*   @Default {Array}
+	*/
+	groups?: Array<TabsGroupsContentGroup>;
+}
+
+export interface TabsGroupsGroupExpanderSettings {
+
+	/** Sets tooltip for the group expander of the group.
+	*   @Default {null}
+	*/
+	toolTip?: string;
+
+	/** Specifies the custom tooltip for group expander.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+	*   @Default {Object}
+	*/
+	customToolTip?: any;
+}
+
+export interface TabsGroup {
+
+	/** Specifies the alignment of controls in the groups in 'row' type or 'column' type. Value for row type is &quot;ej.Ribbon.AlignType.Rows&quot; and for column type is &quot;ej.Ribbon.alignType.columns&quot;.
+	*   @Default {ej.Ribbon.AlignType.Rows}
+	*/
+	alignType?: ej.Ribbon.AlignType|string;
+
+	/** Specifies the Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls to the groups in the ribbon control.
+	*   @Default {Array}
+	*/
+	content?: Array<TabsGroupsContent>;
+
+	/** Specifies the ID of custom items to be placed in the groups.
+	*   @Default {null}
+	*/
+	contentID?: string;
+
+	/** Specifies the HTML contents to place into the groups.
+	*   @Default {null}
+	*/
+	customContent?: string;
+
+	/** Specifies the group expander for groups in the ribbon control. Set &quot;true&quot; to enable the group expander.
+	*   @Default {false}
+	*/
+	enableGroupExpander?: boolean;
+
+	/** Sets custom setting to the groups in the ribbon control.
+	*   @Default {Object}
+	*/
+	groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
+
+	/** Specifies the text to the groups in the ribbon control.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Specifies the custom items such as div, table, controls by using the &quot;custom&quot; type.
+	*   @Default {null}
+	*/
+	type?: string;
+}
+
+export interface Tab {
+
+	/** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
+	*   @Default {Array}
+	*/
+	groups?: Array<TabsGroup>;
+
+	/** Specifies the ID for each tab's content panel.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Specifies the text of the tab in the ribbon control.
+	*   @Default {null}
+	*/
+	text?: string;
+}
+
+enum ItemType{
+
+	///To render the button for ribbon backstage page’s contents
+	Button,
+
+	///To render the tab for ribbon backstage page’s contents
+	Tab
+}
+
+
+enum ApplicationTabType{
+
+	///applicationTab display as menu
+	Menu,
+
+	///applicationTab display as backstage
+	Backstage
+}
+
+
+enum AlignType{
+
+	///To align the group content's in row
+	Rows,
+
+	///To align group content's in columns
+	Columns
+}
+
+
+enum CustomItemType{
+
+	///Specifies the button type in customGalleryItems
+	Button,
+
+	///Specifies the menu type in customGalleryItems
+	Menu
+}
+
+
+enum QuickAccessMode{
+
+	///Controls are hidden in Quick Access toolbar 
+	None,
+
+	///Add controls in toolBar
+	ToolBar,
+
+	///Add controls in menu
+	Menu
+}
+
+
+enum Type{
+
+	///Specifies the button control
+	Button,
+
+	///Specifies the split button
+	SplitButton,
+
+	///Specifies the dropDown
+	DropDownList,
+
+	///To append external element's
+	Custom,
+
+	///Specifies the toggle button
+	ToggleButton,
+
+	///Specifies the ribbon gallery
+	Gallery
+}
+
+}
+
+class Kanban extends ej.Widget {
+	static fn: Kanban;
+	constructor(element: JQuery, options?: Kanban.Model);
+	constructor(element: Element, options?: Kanban.Model);
+	static Locale: any;
+	model:Kanban.Model;
+	defaults:Kanban.Model;
+
+	/** Add or remove columns in Kanban columns collections.Default action is add.
+	*   @param {Array<any>|string} Pass array of columns or string of headerText to add/remove the column in Kanban
+	*   @param {Array<any>|string} Pass array of columns or string of key value to add/remove the column in Kanban
+	*   @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
+	*   @returns {void}
+	*/
+	columns(columndetails: Array<any>|string, keyvalue: Array<any>|string, action?: string): void;
+
+	/** Destroy the Kanban widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Refresh the Kanban with new data source.
+	*   @param {Array<any>} Pass new data source to the Kanban
+	*   @returns {void}
+	*/
+	dataSource(datasource: Array<any>): void;
+
+	/** toggleColumn based on the headerText in Kanban.
+	*   @param {any} Pass the header text of the column to get the corresponding column object
+	*   @returns {void}
+	*/
+	toggleColumn(headerText: any): void;
+
+	/** Expand or collapse the card based on the state of target &quot;div&quot;
+	*   @param {string|number} Pass the id of card to be toggle 
+	*   @returns {void}
+	*/
+	toggleCard(key: string|number): void;
+
+	/** Used for get the names of all the visible column name collections in Kanban.
+	*   @returns {Array<any>}
+	*/
+	getVisibleColumnNames(): Array<any>;
+
+	/** Get the scroller object of Kanban.
+	*   @returns {ej.Scroller}
+	*/
+	getScrollObject(): ej.Scroller;
+
+	/** Get the column details based on the given header text in Kanban.
+	*   @param {string} Pass the header text of the column to get the corresponding column object
+	*   @returns {string}
+	*/
+	getColumnByHeaderText(headerText: string): string;
+
+	/** Get the table details based on the given header table in Kanban.
+	*   @returns {string}
+	*/
+	getHeaderTable(): string;
+
+	/** Hide columns from the Kanban based on the header text
+	*   @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to hide
+	*   @returns {void}
+	*/
+	hideColumns(headerText: Array<any>|string): void;
+
+	/** Print the Kanban Board
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Refresh the template of the Kanban
+	*   @returns {void}
+	*/
+	refreshTemplate(): void;
+
+	/** Refresh the Kanban contents.The template refreshment is based on the argument passed along with this method
+	*   @param {boolean} optional When templateRefresh is set true, template and Kanban contents both are refreshed in Kanban else only Kanban content is refreshed
+	*   @returns {void}
+	*/
+	refresh(templateRefresh?: boolean): void;
+
+	/** Show columns in the Kanban based on the header text.
+	*   @param {Array<any>|string} You can pass either array of header text of various columns or a header text of a column to show
+	*   @returns {void}
+	*/
+	showColumns(headerText: Array<any>|string): void;
+
+	/** Update a card in Kanban control based on key and JSON data given.
+	*   @param {string} Pass the key field Name of the column
+	*   @param {Array<any>} Pass the edited JSON data of card need to be update.
+	*   @returns {void}
+	*/
+	updateCard(key: string, data: Array<any>): void;
+
+	KanbanSelection: Kanban.KanbanSelection;
+
+	KanbanSwimlane: Kanban.KanbanSwimlane;
+
+	KanbanFilter: Kanban.KanbanFilter;
+
+	KanbanEdit: Kanban.KanbanEdit;
+}
+export module Kanban{
+
+export interface KanbanSelection {
+
+	/** It is used to clear all the card selection.
+	*   @returns {void}
+	*/
+	clear(): void;
+}
+
+export interface KanbanSwimlane {
+
+	/** Expand all the swimlane rows in Kanban.
+	*   @returns {void}
+	*/
+	expandAll(): void;
+
+	/** Collapse all the swimlane rows in Kanban.
+	*   @returns {void}
+	*/
+	collapseAll(): void;
+
+	/** Expand or collapse the swimlane row based on the state of target &quot;div&quot;
+	*   @param {any} Pass the div object to toggleSwimlane row based on its row state
+	*   @returns {void}
+	*/
+	toggle($div: any): void;
+}
+
+export interface KanbanFilter {
+
+	/** Method used for send a clear search request to Kanban.
+	*   @returns {void}
+	*/
+	clearSearch(): void;
+
+	/** Send a search request to Kanban with specified string passed in it.
+	*   @param {string} Pass the string to search in Kanban card
+	*   @returns {void}
+	*/
+	searchCards(searchString: string): void;
+
+	/** Send a clear request to filter cards in the kanban.
+	*   @returns {void}
+	*/
+	clearFilter(): void;
+
+	/** Send a filtering request to cards in the kanban.
+	*   @returns {void}
+	*/
+	filterCards(): void;
+}
+
+export interface KanbanEdit {
+
+	/** Add a new card in Kanban control when allowAdding is set as true. If parameters are not given default dialog will be open.
+	*   @param {string} Pass the primary key field Name of the column
+	*   @param {Array<any>} Pass the edited JSON data of card need to be add.
+	*   @returns {void}
+	*/
+	addCard(primaryKey: string,card: Array<any>): void;
+
+	/** Send a cancel request of add/edit card in Kanban when allowEditing/allowAdding is set as true.
+	*   @returns {void}
+	*/
+	cancelEdit(): void;
+
+	/** Delete a card in Kanban control when allowAdding/allowEditing is set as true.
+	*   @param {string|number} Pass the key of card to be delete
+	*   @returns {void}
+	*/
+	deleteCard(Key: string|number): void;
+
+	/** Send a save request in Kanban when any card is in edit/new add card state and allowEditing/allowAdding is set as true.
+	*   @returns {void}
+	*/
+	endEdit(): void;
+
+	/** Send an edit card request in Kanban when allowEditing is set as true. Parameter will be HTML element or primary key
+	*   @param {any} Pass the div selected row element to be edited in Kanban
+	*   @returns {void}
+	*/
+	startEdit($div: any): void;
+
+	/** Method used for set validation to a field during editing.
+	*   @param {string} Specify the name of the column to set validation rules
+	*   @param {any} Specify the validation rules for the field
+	*   @returns {void}
+	*/
+	setValidationToField(name: string,rules: any): void;
+}
+
+export interface Model {
+
+	/** Gets or sets a value that indicates whether to enable allowDragAndDrop behavior on Kanban.
+	*   @Default {true}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** To enable or disable the title of the card.
+	*   @Default {false}
+	*/
+	allowTitle?: boolean;
+
+	/** Customize the settings for swim lane.
+	*   @Default {Object}
+	*/
+	swimlaneSettings?: SwimlaneSettings;
+
+	/** To enable or disable the column expand /collapse.
+	*   @Default {false}
+	*/
+	allowToggleColumn?: boolean;
+
+	/** To enable Searching operation in Kanban.
+	*   @Default {false}
+	*/
+	allowSearching?: boolean;
+
+	/** To enable filtering behavior on Kanban.User can specify query in filterSettings collection after enabling allowFiltering.
+	*   @Default {false}
+	*/
+	allowFiltering?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable allowSelection behavior on Kanban.User can select card and the selected card will be highlighted on Kanban.
+	*   @Default {true}
+	*/
+	allowSelection?: boolean;
+
+	/** Gets or sets a value that indicates whether to allow card hover actions.
+	*   @Default {true}
+	*/
+	allowHover?: boolean;
+
+	/** To allow keyboard navigation actions.
+	*   @Default {false}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the scrollbar in the Kanban and view the card by scroll through the Kanban manually.
+	*   @Default {false}
+	*/
+	allowScrolling?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable printing option.
+	*   @Default {false}
+	*/
+	allowPrinting?: boolean;
+
+	/** Gets or sets an object that indicates whether to customize the context menu behavior of the Kanban.
+	*   @Default {Object}
+	*/
+	contextMenuSettings?: ContextMenuSettings;
+
+	/** Gets or sets an object that indicates to render the Kanban with specified columns.
+	*   @Default {Array}
+	*/
+	columns?: Array<Column>;
+
+	/** Gets or sets an object that indicates whether to Customize the card settings.
+	*   @Default {Object}
+	*/
+	cardSettings?: CardSettings;
+
+	/** Gets or sets a value that indicates whether to add customToolbarItems within the toolbar to perform any action in the Kanban.
+	*   @Default {[]}
+	*/
+	customToolbarItems?: Array<CustomToolbarItem>;
+
+	/** Gets or sets a value that indicates to render the Kanban with custom theme.
+	*/
+	cssClass?: string;
+
+	/** Gets or sets the data to render the Kanban with cards.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** To perform kanban functionalities with touch interaction.
+	*   @Default {true}
+	*/
+	enableTouch?: boolean;
+
+	/** Align content in the Kanban control align from right to left by setting the property as true.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** To show total count of cards in each column.
+	*   @Default {false}
+	*/
+	enableTotalCount?: boolean;
+
+	/** Get or sets an object that indicates whether to customize the editing behavior of the Kanban.
+	*   @Default {Object}
+	*/
+	editSettings?: EditSettings;
+
+	/** To customize field mappings for card , editing title and control key parameters
+	*   @Default {Object}
+	*/
+	fields?: Fields;
+
+	/** To map datasource field for column values mapping
+	*   @Default {null}
+	*/
+	keyField?: string;
+
+	/** When set to true, adapts the Kanban layout to fit the screen size of devices on which it renders.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Gets or sets a value that indicates whether to set the minimum width of the responsive Kanban while isResponsive property is true.
+	*   @Default {0}
+	*/
+	minWidth?: number;
+
+	/** To customize the filtering behavior based on queries given.
+	*   @Default {Array}
+	*/
+	filterSettings?: Array<FilterSetting>;
+
+	/** ej Query to query database of Kanban.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** To change the key in keyboard interaction to Kanban control.
+	*   @Default {null}
+	*/
+	keySettings?: any;
+
+	/** Gets or sets an object that indicates whether to customize the scrolling behavior of the Kanban.
+	*   @Default {Object}
+	*/
+	scrollSettings?: ScrollSettings;
+
+	/** To customize the searching behavior of the Kanban.
+	*   @Default {Object}
+	*/
+	searchSettings?: SearchSettings;
+
+	/** To allow customize selection type. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
+	*   @Default {ej.Kanban.SelectionType.Single}
+	*/
+	selectionType?: ej.Kanban.SelectionType|string;
+
+	/** Gets or sets an object that indicates to managing the collection of stacked header rows for the Kanban.
+	*   @Default {Array}
+	*/
+	stackedHeaderRows?: Array<StackedHeaderRow>;
+
+	/** The tooltip allows to display card details in a tooltip while hovering on it.
+	*/
+	tooltipSettings?: TooltipSettings;
+
+	/** Gets or sets an object that indicates to render the Kanban with specified workflows.
+	*   @Default {Array}
+	*/
+	workflows?: Array<Workflow>;
+
+	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Triggered for every Kanban action before its starts. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggered for every Kanban action success event. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggered for every Kanban action server failure event. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Triggered before the task is going to be edited. */
+	beginEdit? (e: BeginEditEventArgs): void;
+
+	/** Triggered before the card is selected. */
+	beforeCardSelect? (e: BeforeCardSelectEventArgs): void;
+
+	/** Trigger after the card is clicked. */
+	cardClick? (e: CardClickEventArgs): void;
+
+	/** Triggered when the card is being dragged. */
+	cardDrag? (e: CardDragEventArgs): void;
+
+	/** Triggered when card dragging start. */
+	cardDragStart? (e: CardDragStartEventArgs): void;
+
+	/** Triggered when card dragging stops. */
+	cardDragStop? (e: CardDragStopEventArgs): void;
+
+	/** Triggered when the card is Dropped. */
+	cardDrop? (e: CardDropEventArgs): void;
+
+	/** Triggered after the card is selected. */
+	cardSelect? (e: CardSelectEventArgs): void;
+
+	/** Triggered when card is double clicked. */
+	cardDoubleClick? (e: CardDoubleClickEventArgs): void;
+
+	/** Triggered before the card is selected. */
+	cardSelecting? (e: CardSelectingEventArgs): void;
+
+	/** Triggered when the Kanban is rendered completely */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggers after the cell is clicked. */
+	cellClick? (e: CellClickEventArgs): void;
+
+	/** Triggered before the context menu is opened. */
+	contextOpen? (e: ContextOpenEventArgs): void;
+
+	/** Triggered when context menu item is clicked in Kanban */
+	contextClick? (e: ContextClickEventArgs): void;
+
+	/** Triggered the Kanban is bound with data during initial rendering. */
+	dataBound? (e: DataBoundEventArgs): void;
+
+	/** Triggered when Kanban going to destroy. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggered after the card is deleted. */
+	endDelete? (e: EndDeleteEventArgs): void;
+
+	/** Triggered after the card is edited. */
+	endEdit? (e: EndEditEventArgs): void;
+
+	/** Triggers after the header is clicked. */
+	headerClick? (e: HeaderClickEventArgs): void;
+
+	/** Triggered initial load. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers before swim lane expand or collapse icon is clicked. */
+	swimlaneClick? (e: SwimlaneClickEventArgs): void;
+
+	/** Triggered every time a single card rendered request is made to access particular card information. */
+	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+
+	/** Triggered when toolbar item is clicked in Kanban. */
+	toolbarClick? (e: ToolbarClickEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current action event type.
+	*/
+	originalEventType?: string;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the edited row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the card object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current filtering object field name.
+	*/
+	currentFilteringobject?: any;
+
+	/** Returns filter details.
+	*/
+	filterCollection?: any;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns current action event type.
+	*/
+	originalEventType?: string;
+
+	/** Returns primary key.
+	*/
+	primaryKey?: string;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns Kanban element.
+	*/
+	target?: any;
+
+	/** Returns the card object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the selectedRow index.
+	*/
+	selectedRow?: number;
+
+	/** Returns current filtering column field name.
+	*/
+	currentFilteringColumn?: string;
+
+	/** Returns filter details.
+	*/
+	filterCollection?: any;
+}
+
+export interface ActionFailureEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the error return by server.
+	*/
+	error?: any;
+
+	/** Returns current action event type.
+	*/
+	originalEventType?: string;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns Kanban element.
+	*/
+	target?: any;
+
+	/** Returns the card object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current filtering column field name.
+	*/
+	currentFilteringColumn?: string;
+
+	/** Returns filter details.
+	*/
+	filterCollection?: any;
+}
+
+export interface BeginEditEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns begin edit data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeCardSelectEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the select cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the select card index value.
+	*/
+	cardIndex?: number;
+
+	/** Returns the select cell element
+	*/
+	currentCell?: any;
+
+	/** Returns the previously select the card element
+	*/
+	previousCard?: any;
+
+	/** Returns the previously select card indexes
+	*/
+	previousRowcellindex?: Array<any>;
+
+	/** Returns the Target item.
+	*/
+	Target?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns select card data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the current card to the Kanban.
+	*/
+	currentCard?: string;
+
+	/** Returns Kanban element.
+	*/
+	target?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the Header text of the column corresponding to the selected card.
+	*/
+	columnName?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardDragEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns drag data.
+	*/
+	data?: any;
+
+	/** Returns drag start element.
+	*/
+	dragtarget?: any;
+
+	/** Returns dragged element.
+	*/
+	draggedElement?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardDragStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns card drag start data.
+	*/
+	data?: any;
+
+	/** Returns dragged element.
+	*/
+	draggedElement?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns drag start element.
+	*/
+	dragtarget?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardDragStopEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns dragged element.
+	*/
+	draggedElement?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns drag stop element.
+	*/
+	droptarget?: any;
+
+	/** Returns drag stop data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardDropEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns dragged element.
+	*/
+	draggedElement?: any;
+
+	/** Returns previous parent of dragged element
+	*/
+	draggedParent?: any;
+
+	/** Returns dragged data.
+	*/
+	data?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns drop element.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardSelectEventArgs {
+
+	/** Returns the select cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the select card index value.
+	*/
+	cardIndex?: number;
+
+	/** Returns the select cell element
+	*/
+	currentCell?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the previously select the card element
+	*/
+	previousCard?: any;
+
+	/** Returns the previously select card indexes
+	*/
+	previousRowcellindex?: Array<any>;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns select card data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardDoubleClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current card object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CardSelectingEventArgs {
+
+	/** Returns the selecting cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the selecting card index value.
+	*/
+	cardIndex?: number;
+
+	/** Returns the selecting cell element
+	*/
+	currentCell?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the previously selecting the card element
+	*/
+	previousCard?: any;
+
+	/** Returns the previously rowcell is selecting card indexes
+	*/
+	previousRowcellindex?: Array<any>;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns added data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the select cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the edited row index.
+	*/
+	rowIndex?: number;
+}
+
+export interface ContextOpenEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the status of contextmenu item which denotes its enabled state.
+	*/
+	status?: boolean;
+
+	/** Returns the target item.
+	*/
+	target?: any;
+}
+
+export interface ContextClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the status of contextmenu item which denotes its enabled state.
+	*/
+	status?: boolean;
+
+	/** Returns the target item.
+	*/
+	target?: any;
+}
+
+export interface DataBoundEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Returns the kanban model.
+	*/
+	model?: any;
+
+	/** Returns deleted data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface EndDeleteEventArgs {
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns deleted  data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Current action name
+	*/
+	action?: string;
+}
+
+export interface EndEditEventArgs {
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns modified data.
+	*/
+	data?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Current Action name
+	*/
+	action?: string;
+}
+
+export interface HeaderClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the select cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the column object.
+	*/
+	columnData?: any;
+}
+
+export interface LoadEventArgs {
+
+	/** Returns the kanban model.
+	*/
+	model?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface SwimlaneClickEventArgs {
+
+	/** Current Action name while swim lane clicked. Actions are "expand" or "collapse"
+	*/
+	action?: string;
+
+	/** Returns the kanban model.
+	*/
+	model?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the swim lane group data's.
+	*/
+	data?: any;
+
+	/** Returns current swim lane row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns current target element.
+	*/
+	target?: any;
+}
+
+export interface QueryCellInfoEventArgs {
+
+	/** Returns Kanban card.
+	*/
+	card?: any;
+
+	/** Returns Kanban card.
+	*/
+	cell?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current row record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ToolbarClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the item id of that current element.
+	*/
+	itemId?: string;
+
+	/** Returns the item index of that current element.
+	*/
+	itemIndex?: number;
+
+	/** Returns the item name of that current element.
+	*/
+	itemName?: string;
+
+	/** Returns the item text of that current element.
+	*/
+	itemText?: string;
+
+	/** Returns the Kanban model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the toolbar object of the Kanban.
+	*/
+	toolbarData?: any;
+}
+
+export interface SwimlaneSettingsUnassignedGroup {
+
+	/** To enable or disable unassigned category change with swim lane key values.
+	*   @Default {true}
+	*/
+	enable?: boolean;
+
+	/** To set the user defined values which are need to categorized as unassigned category swim lane groups.
+	*   @Default {[null,undefined,]}
+	*/
+	keys?: Array<any>;
+}
+
+export interface SwimlaneSettings {
+
+	/** To enable or disable items count in swim lane.
+	*   @Default {true}
+	*/
+	showCount?: boolean;
+
+	/** To enable or disable DragAndDrop across swim lane.
+	*   @Default {false}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Customize the settings for unassigned category of swim lane.
+	*   @Default {Object}
+	*/
+	unassignedGroup?: SwimlaneSettingsUnassignedGroup;
+}
+
+export interface ContextMenuSettingsCustomMenuItem {
+
+	/** Its sets target element to custom context menu item.
+	*   @Default {ej.Kanban.Target.All}
+	*/
+	target?: ej.Kanban.Target|string;
+
+	/** Gets the display name to custom menu item.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Gets the template to render custom context menu item.
+	*   @Default {null}
+	*/
+	template?: string;
+}
+
+export interface ContextMenuSettings {
+
+	/** To enable context menu.All default context menu will show.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Gets or sets a value that indicates the list of items needs to be disable from default context menu items.
+	*   @Default {Array}
+	*/
+	disableDefaultItems?: Array<any>;
+
+	/** Its used to add specific default context menu items.
+	*   @Default {Array}
+	*/
+	menuItems?: Array<any>;
+
+	/** Gets or sets a value that indicates whether to add custom contextMenu items.
+	*   @Default {Array}
+	*/
+	customMenuItems?: Array<ContextMenuSettingsCustomMenuItem>;
+}
+
+export interface ColumnsTotalCount {
+
+	/** To customize the totalCount text properties.
+	*   @Default {null}
+	*/
+	text?: string;
+}
+
+export interface ColumnsConstraints {
+
+	/** It is used to specify the type of constraints as column or swimlane.
+	*   @Default {null}
+	*/
+	type?: string;
+
+	/** It is used to specify the minimum amount of card in particular column cell or swimlane cell can hold.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** It is used to specify the maximum amount of card in particular column cell or swimlane cell can hold.
+	*   @Default {null}
+	*/
+	max?: number;
+}
+
+export interface Column {
+
+	/** Gets or sets an object that indicates to render the Kanban with specified columns header text.
+	*   @Default {null}
+	*/
+	headerText?: string;
+
+	/** To customize the totalCount properties.
+	*   @Default {Object}
+	*/
+	totalCount?: ColumnsTotalCount;
+
+	/** Gets or sets an object that indicates to render the Kanban with specified columns key.
+	*   @Default {null}
+	*/
+	key?: string|number;
+
+	/** To enable/disable allowDrop for specific column wise.
+	*   @Default {true}
+	*/
+	allowDrop?: boolean;
+
+	/** To enable/disable allowDrag for specific column wise.
+	*   @Default {true}
+	*/
+	allowDrag?: boolean;
+
+	/** To set column collapse or expand state
+	*   @Default {false}
+	*/
+	isCollapsed?: boolean;
+
+	/** To customize the column level constraints with minimum ,maximum limit validation.
+	*   @Default {Object}
+	*/
+	constraints?: ColumnsConstraints;
+
+	/** Gets or sets a value that indicates to add the template within the header element.
+	*   @Default {null}
+	*/
+	headerTemplate?: string;
+
+	/** Gets or sets an object that indicates to render the Kanban with specified columns width.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Gets or sets an object that indicates to set specific column visibility.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Gets or sets an object that indicates whether to show add new button.
+	*   @Default {false}
+	*/
+	showAddButton?: boolean;
+}
+
+export interface CardSettings {
+
+	/** Gets or sets a value that indicates to add the template for card .
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** To customize the card border color based on assigned task. Colors and corresponding values defined here will be mapped with colorField mapped data source column.
+	*   @Default {Object}
+	*/
+	colorMapping?: any;
+}
+
+export interface CustomToolbarItem {
+
+	/** Gets the template to render customToolbarItems.
+	*   @Default {null}
+	*/
+	template?: string;
+}
+
+export interface EditSettingsEditItem {
+
+	/** It is used to map editing field from the data source.
+	*   @Default {null}
+	*/
+	field?: string;
+
+	/** It is used to set the particular editType in the card for editing.
+	*   @Default {ej.Kanban.EditingType.String}
+	*/
+	editType?: ej.Kanban.EditingType|string;
+
+	/** Gets or sets a value that indicates to define constraints for saving data to the database.
+	*   @Default {Object}
+	*/
+	validationRules?: any;
+
+	/** It is used to set the particular editparams in the card for editing.
+	*   @Default {Object}
+	*/
+	editParams?: any;
+
+	/** It is used to specify defaultValue for the fields while adding new card.
+	*   @Default {null}
+	*/
+	defaultValue?: string|number;
+}
+
+export interface EditSettings {
+
+	/** Gets or sets a value that indicates whether to enable the editing action in cards of Kanban.
+	*   @Default {false}
+	*/
+	allowEditing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the adding action in cards behavior on Kanban.
+	*   @Default {false}
+	*/
+	allowAdding?: boolean;
+
+	/** This specifies the id of the template which is require to be edited using the Dialog Box.
+	*   @Default {null}
+	*/
+	dialogTemplate?: string;
+
+	/** Get or sets an object that indicates whether to customize the editMode of the Kanban.
+	*   @Default {ej.Kanban.EditMode.Dialog}
+	*/
+	editMode?: ej.Kanban.EditMode|string;
+
+	/** Get or sets an object that indicates whether to customize the editing fields of Kanban card.
+	*   @Default {Array}
+	*/
+	editItems?: Array<EditSettingsEditItem>;
+
+	/** This specifies the id of the template which is require to be edited using the External edit form.
+	*   @Default {null}
+	*/
+	externalFormTemplate?: string;
+
+	/** This specifies to set the position of an External edit form either in the right or bottom of the Kanban.
+	*   @Default {ej.Kanban.FormPosition.Bottom}
+	*/
+	formPosition?: ej.Kanban.FormPosition|string;
+}
+
+export interface Fields {
+
+	/** The primarykey field is mapped to data source field. And this will used for Drag and drop and editing mainly.
+	*   @Default {null}
+	*/
+	primaryKey?: string;
+
+	/** To enable swimlane grouping based on the given key field from datasource mapping.
+	*   @Default {null}
+	*/
+	swimlaneKey?: string;
+
+	/** Priority field has been mapped data source field to maintain cards priority.
+	*   @Default {null}
+	*/
+	priority?: string;
+
+	/** Content field has been Mapped into card text.
+	*   @Default {null}
+	*/
+	content?: string;
+
+	/** Tag field has been Mapped into card tag.
+	*   @Default {null}
+	*/
+	tag?: string;
+
+	/** Title field has been Mapped to field in datasource for title content. If title field specified , card expand/collapse will be enabled with header and content section.
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** To customize the card has been Mapped into card color field.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** ImageUrl field has been Mapped into card image.
+	*   @Default {null}
+	*/
+	imageUrl?: string;
+}
+
+export interface FilterSetting {
+
+	/** Gets or sets an object of display name to filter queries.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Gets or sets an object that Queries to perform filtering
+	*   @Default {Object}
+	*/
+	query?: any;
+
+	/** Gets or sets an object of tooltip to filter buttons.
+	*   @Default {null}
+	*/
+	description?: string;
+}
+
+export interface ScrollSettings {
+
+	/** Gets or sets an object that indicates to render the Kanban with specified scroll height.
+	*   @Default {0}
+	*/
+	height?: string|number;
+
+	/** Gets or sets an object that indicates to render the Kanban with specified scroll width.
+	*   @Default {auto}
+	*/
+	width?: string|number;
+
+	/** To allow the Kanban to freeze particular swimlane at the time of scrolling , until scroll reaches next swimlane and it continues.
+	*   @Default {false}
+	*/
+	allowFreezeSwimlane?: boolean;
+}
+
+export interface SearchSettings {
+
+	/** To customize the fields the searching operation can be perform.
+	*   @Default {Array}
+	*/
+	fields?: Array<any>;
+
+	/** To customize the searching string.
+	*/
+	key?: string;
+
+	/** To customize the operator based on searching.
+	*   @Default {contains}
+	*/
+	operator?: string;
+
+	/** To customize the ignore case based on searching.
+	*   @Default {true}
+	*/
+	ignoreCase?: boolean;
+}
+
+export interface StackedHeaderRowsStackedHeaderColumn {
+
+	/** Gets or sets a value that indicates the headerText for the particular stacked header column.
+	*   @Default {null}
+	*/
+	headerText?: string;
+
+	/** Gets or sets a value that indicates the column for the particular stacked header column.
+	*   @Default {null}
+	*/
+	column?: string;
+}
+
+export interface StackedHeaderRow {
+
+	/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
+	*   @Default {Array}
+	*/
+	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumn>;
+}
+
+export interface TooltipSettings {
+
+	/** To enable or disable the tooltip display.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** To customize the tooltip display based on your requirements.
+	*   @Default {null}
+	*/
+	template?: string;
+}
+
+export interface Workflow {
+
+	/** Gets or sets an object that indicates to render the Kanban with specified workflows key.
+	*   @Default {null}
+	*/
+	key?: string|number;
+
+	/** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
+	*   @Default {null}
+	*/
+	allowedTransitions?: string;
+}
+
+enum Target{
+
+	///Sets context menu to Kanban header
+	Header,
+
+	///Sets context menu to Kanban content
+	Content,
+
+	///Sets context menu to Kanban card
+	Card,
+
+	///Sets context menu to Kanban
+	All
+}
+
+
+enum EditMode{
+
+	///Creates Kanban with editMode as Dialog
+	Dialog,
+
+	///Creates Kanban with editMode as DialogTemplate
+	DialogTemplate,
+
+	///Creates Kanban with editMode as ExternalForm
+	ExternalForm,
+
+	///Creates Kanban with editMode as ExternalFormTemplate
+	ExternalFormTemplate
+}
+
+
+enum EditingType{
+
+	///Allows to set edit type as string edit type
+	String,
+
+	///Allows to set edit type as numeric edit type 
+	Numeric,
+
+	///Allows to set edit type as drop down edit type
+	Dropdown,
+
+	///Allows to set edit type as date picker edit type
+	DatePicker,
+
+	///Allows to set edit type as date time picker edit type
+	DateTimePicker,
+
+	///Allows to set edit type as text area edit type
+	TextArea,
+
+	///Allows to set edit type as RTE edit type
+	RTE
+}
+
+
+enum FormPosition{
+
+	///Form position is bottom.
+	Bottom,
+
+	///Form position is right.
+	Right
+}
+
+
+enum SelectionType{
+
+	///Support for Single selection in Kanban
+	Single,
+
+	///Support for multiple selections in Kanban
+	Multiple
+}
+
+}
+
+class Rotator extends ej.Widget {
+	static fn: Rotator;
+	constructor(element: JQuery, options?: Rotator.Model);
+	constructor(element: Element, options?: Rotator.Model);
+	static Locale: any;
+	model:Rotator.Model;
+	defaults:Rotator.Model;
+
+	/** Disables the Rotator control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the Rotator control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** This method is used to get the current slide index.
+	*   @returns {number}
+	*/
+	getIndex(): number;
+
+	/** This method is used to move a slide to the specified index.
+	*   @param {number} index of an slide
+	*   @returns {void}
+	*/
+	gotoIndex(index: number): void;
+
+	/** This method is used to pause autoplay.
+	*   @returns {void}
+	*/
+	pause(): void;
+
+	/** This method is used to move slides continuously (or start autoplay) in the specified autoplay direction.
+	*   @returns {void}
+	*/
+	play(): void;
+
+	/** This method is used to move to the next slide from the current slide. If the current slide is the last slide, then the first slide will be treated as the next slide.
+	*   @returns {void}
+	*/
+	slideNext(): void;
+
+	/** This method is used to move to the previous slide from the current slide. If the current slide is the first slide, then the last slide will be treated as the previous slide.
+	*   @returns {void}
+	*/
+	slidePrevious(): void;
+
+	/** This method is used to update/modify the slide content of template rotator by using id based on index value.
+	*   @param {number} index of an slide
+	*   @param {string} id of a new updated slide
+	*   @returns {void}
+	*/
+	updateTemplateById(index: number, id: string): void;
+}
+export module Rotator{
+
+export interface Model {
+
+	/** Turns on keyboard interaction with the Rotator items. You must set this property to true to access the following keyboard shortcuts:
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Sets the animationSpeed of slide transition.
+	*   @Default {600}
+	*/
+	animationSpeed?: string|number;
+
+	/** Specifies the animationType type for the Rotator Item. animationType options include slide, fastSlide, slowSlide, and other custom easing animationTypes.
+	*   @Default {slide}
+	*/
+	animationType?: string;
+
+	/** Enables the circular mode item rotation.
+	*   @Default {true}
+	*/
+	circularMode?: boolean;
+
+	/** Specify the CSS class to Rotator to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specify the list of data which contains a set of data fields. Each data value is used to render an item for the Rotator.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Sets the delay between the Rotator Items move after the slide transition.
+	*   @Default {500}
+	*/
+	delay?: number;
+
+	/** Specifies the number of Rotator Items to be displayed.
+	*   @Default {1}
+	*/
+	displayItemsCount?: string|number;
+
+	/** Rotates the Rotator Items continuously without user interference.
+	*   @Default {false}
+	*/
+	enableAutoPlay?: boolean;
+
+	/** Enables or disables the Rotator control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies right to left transition of slides.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Defines mapping fields for the data items of the Rotator.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Sets the space between the Rotator Items.
+	*/
+	frameSpace?: string|number;
+
+	/** Resizes the Rotator when the browser is resized.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies the number of Rotator Items to navigate on a single click (next/previous/play buttons). The navigateSteps property value must be less than or equal to the displayItemsCount property value.
+	*   @Default {1}
+	*/
+	navigateSteps?: string|number;
+
+	/** Specifies the orientation for the Rotator control, that is, whether it must be rendered horizontally or vertically. See Orientation
+	*   @Default {ej.Orientation.Horizontal}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Specifies the position of the showPager in the Rotator Item. See PagerPosition
+	*   @Default {outside}
+	*/
+	pagerPosition?: string|ej.Rotator.PagerPosition;
+
+	/** Retrieves data from remote data. This property is applicable only when a remote data source is used.
+	*   @Default {null}
+	*/
+	query?: string;
+
+	/** If the Rotator Item is an image, you can specify a caption for the Rotator Item. The caption text for each Rotator Item must be set by using the title attribute of the respective tag. The caption cannot be displayed if multiple Rotator Items are present.
+	*   @Default {false}
+	*/
+	showCaption?: boolean;
+
+	/** Turns on or off the slide buttons (next and previous) in the Rotator Items. Slide buttons are used to navigate the Rotator Items.
+	*   @Default {true}
+	*/
+	showNavigateButton?: boolean;
+
+	/** Turns on or off the pager support in the Rotator control. The Pager is used to navigate the Rotator Items.
+	*   @Default {true}
+	*/
+	showPager?: boolean;
+
+	/** Enable play / pause button on rotator.
+	*   @Default {false}
+	*/
+	showPlayButton?: boolean;
+
+	/** Turns on or off thumbnail support in the Rotator control. Thumbnail is used to navigate between slides. Thumbnail supports only single slide transition You must specify the source for thumbnail elements through the thumbnailSourceID property.
+	*   @Default {false}
+	*/
+	showThumbnail?: boolean;
+
+	/** Sets the height of a Rotator Item.
+	*/
+	slideHeight?: string|number;
+
+	/** Sets the width of a Rotator Item.
+	*/
+	slideWidth?: string|number;
+
+	/** Sets the index of the slide that must be displayed first.
+	*   @Default {0}
+	*/
+	startIndex?: string|number;
+
+	/** Pause the auto play while hover on the rotator content.
+	*   @Default {false}
+	*/
+	stopOnHover?: boolean;
+
+	/** The template to display the Rotator widget with customized appearance.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** The templateId enables to bind multiple customized template items in Rotator.
+	*   @Default {null}
+	*/
+	templateId?: Array<any>;
+
+	/** Specifies the source for thumbnail elements.
+	*   @Default {null}
+	*/
+	thumbnailSourceID?: any;
+
+	/** This event is fired when the Rotator slides are changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** This event is fired when the Rotator control is initialized. */
+	create? (e: CreateEventArgs): void;
+
+	/** This event is fired when the Rotator control is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** This event is fired when a pager is clicked. */
+	pagerClick? (e: PagerClickEventArgs): void;
+
+	/** This event is fired when enableAutoPlay is started. */
+	start? (e: StartEventArgs): void;
+
+	/** This event is fired when autoplay is stopped or paused. */
+	stop? (e: StopEventArgs): void;
+
+	/** This event is fired when a thumbnail pager is clicked. */
+	thumbItemClick? (e: ThumbItemClickEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** the current rotator id.
+	*/
+	itemId?: string;
+
+	/** returns the current slide index.
+	*/
+	activeItemIndex?: number;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface PagerClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** the current rotator id.
+	*/
+	itemId?: string;
+
+	/** returns the current slide index.
+	*/
+	activeItemIndex?: number;
+}
+
+export interface StartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** the current rotator id.
+	*/
+	itemId?: string;
+
+	/** returns the current slide index.
+	*/
+	activeItemIndex?: number;
+}
+
+export interface StopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** the current rotator id.
+	*/
+	itemId?: string;
+
+	/** returns the current slide index.
+	*/
+	activeItemIndex?: number;
+}
+
+export interface ThumbItemClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the rotator model
+	*/
+	model?: ej.Rotator.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** the current rotator id.
+	*/
+	itemId?: string;
+
+	/** returns the current slide index.
+	*/
+	activeItemIndex?: number;
+}
+
+export interface Fields {
+
+	/** Specifies a link for the image.
+	*/
+	linkAttribute?: string;
+
+	/** Specifies where to open a given link.
+	*/
+	targetAttribute?: string;
+
+	/** Specifies a caption for the image.
+	*/
+	text?: string;
+
+	/** Specifies a caption for the thumbnail image.
+	*/
+	thumbnailText?: string;
+
+	/** Specifies the URL for an thumbnail image.
+	*/
+	thumbnailUrl?: string;
+
+	/** Specifies the URL for an image.
+	*/
+	url?: string;
+}
+
+enum PagerPosition{
+
+	///string
+	BottomLeft,
+
+	///string
+	BottomRight,
+
+	///string
+	Outside,
+
+	///string
+	TopCenter,
+
+	///string
+	TopLeft,
+
+	///string
+	TopRight
+}
+
+}
+
+class RTE extends ej.Widget {
+	static fn: RTE;
+	constructor(element: JQuery, options?: RTE.Model);
+	constructor(element: Element, options?: RTE.Model);
+	static Locale: any;
+	model:RTE.Model;
+	defaults:RTE.Model;
+
+	/** Returns the range object.
+	*   @returns {any}
+	*/
+	createRange(): any;
+
+	/** Disables the RTE control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Disables the corresponding tool in the RTE ToolBar.
+	*   @returns {void}
+	*/
+	disableToolbarItem(): void;
+
+	/** Enables the RTE control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Enables the corresponding tool in the toolbar when the tool is disabled.
+	*   @returns {void}
+	*/
+	enableToolbarItem(): void;
+
+	/** Performs the action value based on the given command.
+	*   @param {string} Command Name.
+	*   @param {any} Content to be inserted as argument.
+	*   @param {boolean} Boolean value to specify whether the argument is textnode or not, this is optional.
+	*   @returns {void}
+	*/
+	executeCommand(cmdName: string, args: any, textnodeType?: boolean): void;
+
+	/** Focuses the RTE control.
+	*   @returns {void}
+	*/
+	focus(): void;
+
+	/** Gets the command status of the selected text based on the given comment in the RTE control.
+	*   @returns {boolean}
+	*/
+	getCommandStatus(): boolean;
+
+	/** Gets the Document from the RTE control.
+	*   @returns {Document}
+	*/
+	getDocument(): Document;
+
+	/** Gets the HTML string from the RTE control.
+	*   @returns {HTMLElement}
+	*/
+	getHtml(): HTMLElement;
+
+	/** Gets the selected HTML string from the RTE control.
+	*   @returns {HTMLElement}
+	*/
+	getSelectedHtml(): HTMLElement;
+
+	/** Gets the content as string from the RTE control.
+	*   @returns {string}
+	*/
+	getText(): string;
+
+	/** Hides the RTE control.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Inserts new item to the target contextmenu node.
+	*   @returns {void}
+	*/
+	insertMenuOption(): void;
+
+	/** Add a table column at the right or left of the specified cell
+	*   @param {boolean} If it’s true, add a column at the left of the cell, otherwise add a column at the right of the cell
+	*   @param {JQuery} Column will be added based on the given cell element
+	*   @returns {HTMLElement}
+	*/
+	insertColumn(before?: boolean, cell?: JQuery): HTMLElement;
+
+	/** To add a table row below or above the specified cell.
+	*   @param {boolean} If it’s true, add a row before the cell, otherwise add a row after the cell
+	*   @param {JQuery} Row will be added based on the given cell element
+	*   @returns {HTMLElement}
+	*/
+	insertRow(before?: boolean, cell?: JQuery): HTMLElement;
+
+	/** This method helps to insert/paste the content at the current cursor (caret) position or the selected content to be replaced with our text by passing the value as parameter to the pasteContent method in the Editor.
+	*   @returns {void}
+	*/
+	pasteContent(): void;
+
+	/** Refreshes the RTE control.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Removes the specified table column.
+	*   @param {JQuery} Remove the given column element
+	*   @returns {void}
+	*/
+	removeColumn(cell?: JQuery): void;
+
+	/** Removes the specified table row.
+	*   @param {JQuery} Remove the given row element
+	*   @returns {void}
+	*/
+	removeRow(cell?: JQuery): void;
+
+	/** Deletes the specified table.
+	*   @param {JQuery} Remove the given table
+	*   @returns {void}
+	*/
+	removeTable(table?: JQuery): void;
+
+	/** Removes the target menu item from the RTE contextmenu.
+	*   @returns {void}
+	*/
+	removeMenuOption(): void;
+
+	/** Removes the given tool from the RTE Toolbar.
+	*   @returns {void}
+	*/
+	removeToolbarItem(): void;
+
+	/** Selects all the contents within the RTE.
+	*   @returns {void}
+	*/
+	selectAll(): void;
+
+	/** Selects the contents in the given range.
+	*   @returns {void}
+	*/
+	selectRange(): void;
+
+	/** Sets the color picker model type rendered initially in the RTE control.
+	*   @returns {void}
+	*/
+	setColorPickerType(): void;
+
+	/** Sets the HTML string from the RTE control.
+	*   @returns {void}
+	*/
+	setHtml(): void;
+
+	/** Displays the RTE control.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module RTE{
+
+export interface Model {
+
+	/** Enables/disables the editing of the content.
+	*   @Default {True}
+	*/
+	allowEditing?: boolean;
+
+	/** RTE control can be accessed through the keyboard shortcut keys.
+	*   @Default {True}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** When the property is set to true, it focuses the RTE at the time of rendering.
+	*   @Default {false}
+	*/
+	autoFocus?: boolean;
+
+	/** Based on the content size, its height is adjusted instead of adding the scrollbar.
+	*   @Default {false}
+	*/
+	autoHeight?: boolean;
+
+	/** This API holds configuration setting for paste clenaup behavior.
+	*   @Default {{ listConversion: false, cleanCSS: false,	removeStyles: false, cleanElements: false }}
+	*/
+	pasteCleanupSettings?: PasteCleanupSettings;
+
+	/** Sets the colorCode to display the color of the fontColor and backgroundColor in the font tools of the RTE.
+	*   @Default {[000000, FFFFFF, C4C4C4, ADADAD, 595959, 262626, 4f81bd, dbe5f1, b8cce4, 95b3d7, 366092, 244061, c0504d, f2dcdb, e5b9b7, d99694, 953734,632423, 9bbb59, ebf1dd, d7e3bc, c3d69b, 76923c, 4f6128, 8064a2, e5e0ec, ccc1d9, b2a2c7, 5f497a, 3f3151, f79646, fdeada, fbd5b5, fac08f,e36c09, 974806]}
+	*/
+	colorCode?: any;
+
+	/** The number of columns given are rendered in the color palate popup.
+	*   @Default {6}
+	*/
+	colorPaletteColumns?: number;
+
+	/** The number of rows given are rendered in the color palate popup.
+	*   @Default {6}
+	*/
+	colorPaletteRows?: number;
+
+	/** Sets the root class for the RTE theme. This cssClass API helps the usage of custom skinning option for the RTE control by including this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** Enables/disables the RTE control’s accessibility or interaction.
+	*   @Default {True}
+	*/
+	enabled?: boolean;
+
+	/** When the property is set to true, it returns the encrypted text.
+	*   @Default {false}
+	*/
+	enableHtmlEncode?: boolean;
+
+	/** Maintain the values of the RTE after page reload.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Shows the resize icon and enables the resize option in the RTE.
+	*   @Default {True}
+	*/
+	enableResize?: boolean;
+
+	/** Shows the RTE in the RTL direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Formats the contents based on the XHTML rules.
+	*   @Default {false}
+	*/
+	enableXHTML?: boolean;
+
+	/** Enables the tab key action with the RichTextEditor content.
+	*   @Default {True}
+	*/
+	enableTabKeyNavigation?: boolean;
+
+	/** This API allows to enable url and fileName for pdf export.
+	*   @Default {null}
+	*/
+	exportToPdfSettings?: ExportToPdfSettings;
+
+	/** This API allows to enable url and fileName for word export.
+	*   @Default {null}
+	*/
+	exportToWordSettings?: ExportToWordSettings;
+
+	/** Load the external CSS file inside Iframe.
+	*   @Default {null}
+	*/
+	externalCSS?: string;
+
+	/** This API allows to enable the file browser support in the RTE control to browse, create, delete and upload the files in the specified current directory.
+	*   @Default {null}
+	*/
+	fileBrowser?: FileBrowser;
+
+	/** Sets the fontName in the RTE.
+	*   @Default {{text: Segoe UI, value: Segoe UI },{text: Arial, value: Arial,Helvetica,sans-serif },{text: Courier New, value: Courier New,Courier,Monospace },{text: Georgia, value: Georgia,serif },{text: Impact, value: Impact,Charcoal,sans-serif },{text: Lucida Console, value: Lucida Console,Monaco,Monospace },{text: Tahoma, value: Tahoma,Geneva,sans-serif },{text: Times New Roman, value: Times New Roman },{text: Trebuchet MS, value: Trebuchet MS,Helvetica,sans-serif },{text: Verdana, value: Verdana,Geneva,sans-serif}}
+	*/
+	fontName?: any;
+
+	/** Sets the fontSize in the RTE.
+	*   @Default {{ text: 1, value: 1 },{ text: 2 (10pt), value: 2 },{ text: 3 (12pt), value: 3 },{ text: 4 (14pt), value: 4 },{ text: 5 (18pt), value: 5 },{ text: 6 (24pt), value: 6 },{ text: 7 (36pt), value: 7 }}
+	*/
+	fontSize?: any;
+
+	/** Sets the format in the RTE.
+	*   @Default {{ text: Paragraph, value: &lt;p&gt;, spriteCssClass: e-paragraph },{ text: Quotation, value: &lt;blockquote&gt;, spriteCssClass: e-quotation },{ text: Heading 1, value: &lt;h1&gt;, spriteCssClass: e-h1 },{ text: Heading 2, value: &lt;h2&gt;, spriteCssClass: e-h2 },{ text: Heading 3, value: &lt;h3&gt;, spriteCssClass: e-h3 },{ text: Heading 4, value: &lt;h4&gt;, spriteCssClass: e-h4 },{ text: Heading 5, value: &lt;h5&gt;, spriteCssClass: e-h5 },{ text: Heading 6, value: &lt;h6&gt;, spriteCssClass: e-h6}}
+	*/
+	format?: string;
+
+	/** Defines the height of the RTE textbox.
+	*   @Default {370}
+	*/
+	height?: string|number;
+
+	/** Specifies the HTML Attributes of the ejRTE.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Sets the given attributes to the iframe body element.
+	*   @Default {{}}
+	*/
+	iframeAttributes?: any;
+
+	/** This API allows the image browser to support in the RTE control to browse, create, delete, and upload the image files to the specified current directory.
+	*   @Default {null}
+	*/
+	imageBrowser?: ImageBrowser;
+
+	/** This API allows to enable the url for connecting to RTE import.
+	*   @Default {null}
+	*/
+	importSettings?: ImportSettings;
+
+	/** Enables/disables responsive support for the RTE control toolbar items during the window resizing time.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Sets the culture in the RTE when you set the localization values are needs to be assigned to the corresponding text as follows.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the maximum height for the RTE outer wrapper element.
+	*   @Default {null}
+	*/
+	maxHeight?: string|number;
+
+	/** Sets the maximum length for the RTE outer wrapper element.
+	*   @Default {7000}
+	*/
+	maxLength?: number;
+
+	/** Sets the maximum width for the RTE outer wrapper element.
+	*   @Default {null}
+	*/
+	maxWidth?: string|number;
+
+	/** Sets the minimum height for the RTE outer wrapper element.
+	*   @Default {280}
+	*/
+	minHeight?: string|number;
+
+	/** Sets the minimum width for the RTE outer wrapper element.
+	*   @Default {400}
+	*/
+	minWidth?: string|number;
+
+	/** Sets the name in the RTE. When the name value is not initialized, the ID value is assigned to the name.
+	*/
+	name?: string;
+
+	/** Shows ClearAll icon in the RTE footer.
+	*   @Default {false}
+	*/
+	showClearAll?: boolean;
+
+	/** Shows the clear format in the RTE footer.
+	*   @Default {true}
+	*/
+	showClearFormat?: boolean;
+
+	/** Shows the Custom Table in the RTE.
+	*   @Default {True}
+	*/
+	showCustomTable?: boolean;
+
+	/** The showContextMenu property helps to enable custom context menu within editor area.
+	*   @Default {True}
+	*/
+	showContextMenu?: boolean;
+
+	/** This API is used to set the default dimensions for the image and video. When this property is set to true, the image and video dialog displays the dimension option.
+	*   @Default {false}
+	*/
+	showDimensions?: boolean;
+
+	/** Shows the FontOption in the RTE.
+	*   @Default {True}
+	*/
+	showFontOption?: boolean;
+
+	/** Shows footer in the RTE. When the footer is enabled, it displays the HTML tag, word Count, character count, clear format, resize icon and clear all the content icons, by default.
+	*   @Default {false}
+	*/
+	showFooter?: boolean;
+
+	/** Shows the HtmlSource in the RTE footer.
+	*   @Default {false}
+	*/
+	showHtmlSource?: boolean;
+
+	/** When the cursor is placed or when the text is selected in the RTE, it displays the tag info in the footer.
+	*   @Default {True}
+	*/
+	showHtmlTagInfo?: boolean;
+
+	/** Shows the toolbar in the RTE.
+	*   @Default {True}
+	*/
+	showToolbar?: boolean;
+
+	/** Counts the total characters and displays it in the RTE footer.
+	*   @Default {True}
+	*/
+	showCharCount?: boolean;
+
+	/** Enables or disables rounded corner UI look for RTE.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Counts the total words and displays it in the RTE footer.
+	*   @Default {True}
+	*/
+	showWordCount?: boolean;
+
+	/** The given number of columns render the insert table pop.
+	*   @Default {10}
+	*/
+	tableColumns?: number;
+
+	/** The given number of rows render the insert table pop.
+	*   @Default {8}
+	*/
+	tableRows?: number;
+
+	/** Sets the tools in the RTE and gets the inner display order of the corresponding group element. Tools are dependent on the toolsList property.
+	*   @Default {formatStyle: [format],style: [bold, italic, underline, strikethrough],alignment: [justifyLeft, justifyCenter, justifyRight, justifyFull],lists: [unorderedList, orderedList],indenting: [outdent, indent],doAction: [undo, redo],links: [createLink,removeLink],images: [image],media: [video],tables: [createTable, addRowAbove, addRowBelow, addColumnLeft, addColumnRight, deleteRow, deleteColumn, deleteTable]],view:[“fullScreen”,zoomIn,zoomOut],print:[print]}
+	*/
+	tools?: Tools;
+
+	/** Specifies the list of groups and order of those groups displayed in the RTE toolbar.  The toolsList property is used to get the root group order and tools property is used to get the inner order of the corresponding groups displayed. When the value is not specified, it gets its default display order and tools.
+	*   @Default {[formatStyle, font, style, effects, alignment, lists, indenting, clipboard, doAction, clear, links, images, media, tables, casing,view, customTools,print,edit]}
+	*/
+	toolsList?: Array<any>;
+
+	/** Specifies the overflow mode for RTE responsive toolbar
+	*   @Default {Popup}
+	*/
+	toolbarOverflowMode?: ej.RTE.ToolbarOverflowMode|string;
+
+	/** Display the hints for the tools in the Toolbar.
+	*   @Default {{ associate: mouseenter, showShadow: true, position: { stem: { horizontal: left, vertical: top }  }, tip: { size: { width: 5, height: 5 }, isBalloon: false }}
+	*/
+	tooltipSettings?: any;
+
+	/** Gets the undo stack limit.
+	*   @Default {50}
+	*/
+	undoStackLimit?: number;
+
+	/** The given string value is displayed in the editable area.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Sets the jQuery validation rules to the Rich Text Editor.
+	*   @Default {null}
+	*/
+	validationRules?: any;
+
+	/** Sets the jQuery validation error message to the Rich Text Editor.
+	*   @Default {null}
+	*/
+	validationMessage?: any;
+
+	/** Defines the width of the RTE textbox.
+	*   @Default {786}
+	*/
+	width?: string|number;
+
+	/** Increases and decreases the contents zoom range in percentage
+	*   @Default {0.05}
+	*/
+	zoomStep?: string|number;
+
+	/** Fires when changed successfully. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when the RTE is created successfully */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when mouse click on menu items. */
+	contextMenuClick? (e: ContextMenuClickEventArgs): void;
+
+	/** Fires before the RTE is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when the commands are executed successfully. */
+	execute? (e: ExecuteEventArgs): void;
+
+	/** Fires when the keydown action is successful. */
+	keydown? (e: KeydownEventArgs): void;
+
+	/** Fires when the keyup action is successful. */
+	keyup? (e: KeyupEventArgs): void;
+
+	/** Fires before the RTE Edit area is rendered and after the toolbar is rendered. */
+	preRender? (e: PreRenderEventArgs): void;
+
+	/** Fires when the text is selected in the text area */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RTE model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ContextMenuClickEventArgs {
+
+	/** returns clicked menu item text.
+	*/
+	text?: string;
+
+	/** returns clicked menu item element.
+	*/
+	element?: any;
+
+	/** returns the selected item.
+	*/
+	selectedItem?: number;
+}
+
+export interface DestroyEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ExecuteEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface KeydownEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface KeyupEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface PreRenderEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** When the event is canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the RTE model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the event object
+	*/
+	event?: any;
+}
+
+export interface PasteCleanupSettings {
+
+	/** This API is used to convert the list elements pasted from word document to editor.
+	*   @Default {false}
+	*/
+	listConversion?: boolean;
+
+	/** This API is used to clean the unwanted css in the elements pasted from word document to editor.
+	*   @Default {false}
+	*/
+	cleanCSS?: boolean;
+
+	/** This API is used to remove all styles in the elements pasted from word document to editor.
+	*   @Default {false}
+	*/
+	removeStyles?: boolean;
+
+	/** This API is used to clean the unwanted elements pasted from word document to editor.
+	*   @Default {false}
+	*/
+	cleanElements?: boolean;
+}
+
+export interface ExportToPdfSettings {
+
+	/** This API is used to receive the server-side handler for export related operations.
+	*/
+	url?: string;
+
+	/** Specifies the file name for the exported pdf file.
+	*/
+	fileName?: string;
+}
+
+export interface ExportToWordSettings {
+
+	/** This API is used to receive the server-side handler for export related operations.
+	*/
+	url?: string;
+
+	/** Specifies the file name for the exported word file.
+	*/
+	fileName?: string;
+}
+
+export interface FileBrowser {
+
+	/** This API is used to receive the server-side handler for file related operations.
+	*/
+	ajaxAction?: string;
+
+	/** Specifies the file type extension shown in the file browser window.
+	*/
+	extensionAllow?: string;
+
+	/** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected files to the current directory.
+	*/
+	filePath?: string;
+}
+
+export interface ImageBrowser {
+
+	/** This API is used to receive the server-side handler for the file related operations.
+	*/
+	ajaxAction?: string;
+
+	/** Specifies the file type extension shown in the image browser window.
+	*/
+	extensionAllow?: string;
+
+	/** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected images to the current directory.
+	*/
+	filePath?: string;
+}
+
+export interface ImportSettings {
+
+	/** This API is used to receive the server-side handler for import operations.
+	*/
+	url?: string;
+}
+
+export interface ToolsCustomOrderedList {
+
+	/** Specifies the name for customOrderedList item.
+	*/
+	name?: string;
+
+	/** Specifies the title for customOrderedList item.
+	*/
+	tooltip?: string;
+
+	/** Specifies the styles for customOrderedList item.
+	*/
+	css?: string;
+
+	/** Specifies the text for customOrderedList item.
+	*/
+	text?: string;
+
+	/** Specifies the list style for customOrderedList item.
+	*/
+	listStyle?: string;
+
+	/** Specifies the image for customOrderedList item.
+	*/
+	listImage?: string;
+}
+
+export interface ToolsCustomUnorderedList {
+
+	/** Specifies the name for customUnorderedList item.
+	*/
+	name?: string;
+
+	/** Specifies the title for customUnorderedList item.
+	*/
+	tooltip?: string;
+
+	/** Specifies the styles for customUnorderedList item.
+	*/
+	css?: string;
+
+	/** Specifies the text for customUnorderedList item.
+	*/
+	text?: string;
+
+	/** Specifies the list style for customUnorderedList item.
+	*/
+	listStyle?: string;
+
+	/** Specifies the image for customUnorderedList item.
+	*/
+	listImage?: string;
+}
+
+export interface Tools {
+
+	/** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
+	*/
+	alignment?: any;
+
+	/** Specifies the casing tools and the display order of this tool in the RTE toolbar.
+	*/
+	casing?: Array<any>;
+
+	/** Specifies the clear tools and the display order of this tool in the RTE toolbar.
+	*/
+	clear?: Array<any>;
+
+	/** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
+	*/
+	clipboard?: Array<any>;
+
+	/** Specifies the edit tools and the displays tool in the RTE toolbar.
+	*/
+	edit?: Array<any>;
+
+	/** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
+	*/
+	doAction?: Array<any>;
+
+	/** Specifies the effect of tools and the display order of this tool in RTE toolbar.
+	*/
+	effects?: Array<any>;
+
+	/** Specifies the font tools and the display order of this tool in the RTE toolbar.
+	*/
+	font?: Array<any>;
+
+	/** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
+	*/
+	formatStyle?: Array<any>;
+
+	/** Specifies the image tools and the display order of this tool in the RTE toolbar.
+	*/
+	images?: Array<any>;
+
+	/** Specifies the indent tools and the display order of this tool in the RTE toolbar.
+	*/
+	indenting?: Array<any>;
+
+	/** Specifies the link tools and the display order of this tool in the RTE toolbar.
+	*/
+	links?: Array<any>;
+
+	/** Specifies the list tools and the display order of this tool in the RTE toolbar.
+	*/
+	lists?: Array<any>;
+
+	/** Specifies the media tools and the display order of this tool in the RTE toolbar.
+	*/
+	media?: Array<any>;
+
+	/** Specifies the style tools and the display order of this tool in the RTE toolbar.
+	*/
+	style?: Array<any>;
+
+	/** Specifies the table tools and the display order of this tool in the RTE toolbar.
+	*/
+	tables?: Array<any>;
+
+	/** Specifies the view tools and the display order of this tool in the RTE toolbar.
+	*/
+	view?: Array<any>;
+
+	/** Specifies the print tools and the display order of this tool in the RTE toolbar.
+	*/
+	print?: Array<any>;
+
+	/** Specifies the importExport tools and the display order of this tool in the RTE toolbar.
+	*/
+	importExport?: Array<any>;
+
+	/** Specifies the customOrderedList tools and the display order of this tool in the RTE toolbar.
+	*/
+	customOrderedList?: Array<ToolsCustomOrderedList>;
+
+	/** Specifies the customUnOrderedList tools and the display order of this tool in the RTE toolbar.
+	*/
+	customUnorderedList?: Array<ToolsCustomUnorderedList>;
+}
+
+enum ToolbarOverflowMode{
+
+	///To display the RTE toolbar overflow items as popup
+	Popup,
+
+	///To display the RTE toolbar overflow items as inline toolbar
+	Inline
+}
+
+}
+
+class Slider extends ej.Widget {
+	static fn: Slider;
+	constructor(element: JQuery, options?: Slider.Model);
+	constructor(element: Element, options?: Slider.Model);
+	static Locale: any;
+	model:Slider.Model;
+	defaults:Slider.Model;
+
+	/** To disable the slider
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the slider
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** To get value from slider handle
+	*   @returns {number}
+	*/
+	getValue(): number;
+
+	/** To set value to slider handle.By default animation is false while set the value. If you want to enable the animation, pass the enableAnimation as true to this method.
+	*   @returns {void}
+	*/
+	setValue(): void;
+}
+export module Slider{
+
+export interface Model {
+
+	/** Specifies the allowMouseWheel of the slider.
+	*   @Default {false}
+	*/
+	allowMouseWheel?: boolean;
+
+	/** Specifies the animationSpeed of the slider.
+	*   @Default {500}
+	*/
+	animationSpeed?: number;
+
+	/** Specify the CSS class to slider to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specifies the animation behavior of the slider.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Specifies the state of the slider.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specify the enablePersistence to slider to save current model value to browser cookies for state maintains
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specifies the Right to Left Direction of the slider.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the height of the slider.
+	*   @Default {14}
+	*/
+	height?: string;
+
+	/** Specifies the HTML Attributes of the ejSlider.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the incremental step value of the slider.
+	*   @Default {1}
+	*/
+	incrementStep?: number;
+
+	/** Specifies the distance between two major (large) ticks from the scale of the slider.
+	*   @Default {10}
+	*/
+	largeStep?: number;
+
+	/** Specifies the ending value of the slider.
+	*   @Default {100}
+	*/
+	maxValue?: number;
+
+	/** Specifies the starting value of the slider.
+	*   @Default {0}
+	*/
+	minValue?: number;
+
+	/** Specifies the orientation of the slider.
+	*   @Default {ej.orientation.Horizontal}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Specifies the readOnly of the slider.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies the rounded corner behavior for slider.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Shows/Hide the major (large) and minor (small) ticks in the scale of the slider.
+	*   @Default {false}
+	*/
+	showScale?: boolean;
+
+	/** Specifies the small ticks from the scale of the slider.
+	*   @Default {true}
+	*/
+	showSmallTicks?: boolean;
+
+	/** Specifies the showTooltip to shows the current Slider value, while moving the Slider handle or clicking on the slider handle of the slider.
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the sliderType of the slider.
+	*   @Default {ej.SliderType.Default}
+	*/
+	sliderType?: ej.slider.sliderType|string;
+
+	/** Specifies the distance between two minor (small) ticks from the scale of the slider.
+	*   @Default {1}
+	*/
+	smallStep?: number;
+
+	/** Specifies the value of the slider. But it's not applicable for range slider. To range slider we can use values property.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Specifies the values of the range slider. But it's not applicable for default and minRange sliders. we can use value property for default and minRange sliders.
+	*   @Default {[minValue,maxValue]}
+	*/
+	values?: Array<any>;
+
+	/** Specifies the width of the slider.
+	*   @Default {100%}
+	*/
+	width?: string;
+
+	/** Fires once Slider control value is changed successfully. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires once Slider control has been created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when Slider control has been destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires once Slider control is sliding successfully. */
+	slide? (e: SlideEventArgs): void;
+
+	/** Fires once Slider control is started successfully. */
+	start? (e: StartEventArgs): void;
+
+	/** Fires when Slider control is stopped successfully. */
+	stop? (e: StopEventArgs): void;
+
+	/** Fires when display the custom tooltip. */
+	tooltipChange? (e: TooltipChangeEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns current handle number or index
+	*/
+	sliderIndex?: number;
+
+	/** returns slider id.
+	*/
+	id?: string;
+
+	/** returns the slider model.
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the slider value.
+	*/
+	value?: number;
+
+	/** returns true if event triggered by interaction else returns false. 
+	*/
+	isInteraction?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the slider model
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the slider model
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SlideEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns current handle number or index
+	*/
+	sliderIndex?: number;
+
+	/** returns slider id
+	*/
+	id?: string;
+
+	/** returns the slider model
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the slider value
+	*/
+	value?: number;
+}
+
+export interface StartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns current handle number or index
+	*/
+	sliderIndex?: number;
+
+	/** returns slider id
+	*/
+	id?: string;
+
+	/** returns the slider model
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the slider value
+	*/
+	value?: number;
+}
+
+export interface StopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns current handle number or index
+	*/
+	sliderIndex?: number;
+
+	/** returns slider id
+	*/
+	id?: string;
+
+	/** returns the slider model
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the slider value
+	*/
+	value?: number;
+}
+
+export interface TooltipChangeEventArgs {
+
+	/** returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** returns slider id.
+	*/
+	id?: string;
+
+	/** returns true if event triggered by interaction else returns false. 
+	*/
+	isInteraction?: boolean;
+
+	/** returns the slider model.
+	*/
+	model?: ej.Slider.Model;
+
+	/** returns current handle number or index
+	*/
+	sliderIndex?: number;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the slider value.
+	*/
+	value?: number;
+}
+}
+module slider
+{
+enum sliderType
+{
+//Shows default slider
+Default,
+//Shows minRange slider
+MinRange,
+//Shows Range slider
+Range,
+}
+}
+
+class SplitButton extends ej.Widget {
+	static fn: SplitButton;
+	constructor(element: JQuery, options?: SplitButton.Model);
+	constructor(element: Element, options?: SplitButton.Model);
+	static Locale: any;
+	model:SplitButton.Model;
+	defaults:SplitButton.Model;
+
+	/** Destroy the split button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To disable the split button
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To Enable the split button
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** To hide the list content of the split button.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** To show the list content of the split button.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module SplitButton{
+
+export interface Model {
+
+	/** Specifies the arrowPosition of the Split or Dropdown Button.See arrowPosition
+	*   @Default {ej.ArrowPosition.Right}
+	*/
+	arrowPosition?: string|ej.ArrowPosition;
+
+	/** Specifies the buttonMode like Split or Dropdown Button.See ButtonMode
+	*   @Default {ej.ButtonMode.Split}
+	*/
+	buttonMode?: string|ej.ButtonMode;
+
+	/** Specifies the contentType of the Split Button.See ContentType
+	*   @Default {ej.ContentType.TextOnly}
+	*/
+	contentType?: string|ej.ContentType;
+
+	/** Set the root class for Split Button control theme
+	*/
+	cssClass?: string;
+
+	/** Specifies the disabling of Split Button if enabled is set to false.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Specifies the enableRTL property for Split Button while initialization.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the height of the Split Button.
+	*   @Default {“”}
+	*/
+	height?: string|number;
+
+	/** Specifies the HTML Attributes of the Split Button.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the imagePosition of the Split Button.See imagePositions
+	*   @Default {ej.ImagePosition.ImageRight}
+	*/
+	imagePosition?: string|ej.ImagePosition;
+
+	/** Specifies the image content for Split Button while initialization.
+	*/
+	prefixIcon?: string;
+
+	/** Specifies the showRoundedCorner property for Split Button while initialization.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the size of the Button. See ButtonSize
+	*   @Default {ej.ButtonSize.Normal}
+	*/
+	size?: string|ej.ButtonSize;
+
+	/** Specifies the image content for Split Button while initialization.
+	*/
+	suffixIcon?: string;
+
+	/** Specifies the list content for Split Button while initialization
+	*/
+	targetID?: string;
+
+	/** Specifies the text content for Split Button while initialization.
+	*/
+	text?: string;
+
+	/** Specifies the width of the Split Button.
+	*   @Default {“”}
+	*/
+	width?: string|number;
+
+	/** Fires before menu of the split button control is opened. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when Button control is clicked successfully */
+	click? (e: ClickEventArgs): void;
+
+	/** Fires before the list content of Button control is closed */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires after Split Button control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the Split Button is destroyed successfully */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when a menu item is Hovered out successfully */
+	itemMouseOut? (e: ItemMouseOutEventArgs): void;
+
+	/** Fires when a menu item is Hovered in successfully */
+	itemMouseOver? (e: ItemMouseOverEventArgs): void;
+
+	/** Fires when a menu item is clicked successfully */
+	itemSelected? (e: ItemSelectedEventArgs): void;
+
+	/** Fires before the list content of Button control is opened */
+	open? (e: OpenEventArgs): void;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ClickEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target of the current object.
+	*/
+	target?: any;
+
+	/** return the button state
+	*/
+	status?: boolean;
+}
+
+export interface CloseEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ItemMouseOutEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the clicked menu item element
+	*/
+	element?: any;
+
+	/** return the menu item id
+	*/
+	ID?: string;
+
+	/** return the clicked menu item text
+	*/
+	Text?: string;
+}
+
+export interface ItemMouseOverEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the clicked menu item element
+	*/
+	element?: any;
+
+	/** return the menu item id
+	*/
+	ID?: string;
+
+	/** return the clicked menu item text
+	*/
+	Text?: string;
+}
+
+export interface ItemSelectedEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the clicked menu item element
+	*/
+	element?: any;
+
+	/** returns the selected item
+	*/
+	selectedItem?: any;
+
+	/** return the menu id
+	*/
+	menuId?: string;
+
+	/** return the clicked menu item text
+	*/
+	menuText?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the split button model
+	*/
+	model?: ej.SplitButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+enum ArrowPosition
+{
+//To set Left arrowPosition of the split button
+Left,
+//To set Right arrowPosition of the split button
+Right,
+//To set Top arrowPosition of the split button
+Top,
+//To set Bottom arrowPosition of the split button
+Bottom,
+}
+
+class Splitter extends ej.Widget {
+	static fn: Splitter;
+	constructor(element: JQuery, options?: Splitter.Model);
+	constructor(element: Element, options?: Splitter.Model);
+	static Locale: any;
+	model:Splitter.Model;
+	defaults:Splitter.Model;
+
+	/** To add a new pane to splitter control.
+	*   @param {string} content of pane.
+	*   @param {any} pane properties.
+	*   @param {number} index of pane.
+	*   @returns {HTMLElement}
+	*/
+	addItem(content: string, property: any, index: number): HTMLElement;
+
+	/** To collapse the splitter control pane.
+	*   @param {number} index number of pane.
+	*   @returns {void}
+	*/
+	collapse(paneIndex: number): void;
+
+	/** To expand the splitter control pane.
+	*   @param {number} index number of pane.
+	*   @returns {void}
+	*/
+	expand(paneIndex: number): void;
+
+	/** To refresh the splitter control pane resizing.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** To remove a specified pane from the splitter control.
+	*   @param {number} index of pane.
+	*   @returns {void}
+	*/
+	removeItem(index: number): void;
+}
+export module Splitter{
+
+export interface Model {
+
+	/** Turns on keyboard interaction with the Splitter panes. You must set this property to true to access the keyboard shortcuts of ejSplitter.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Specify animation speed for the Splitter pane movement, while collapsing and expanding.
+	*   @Default {300}
+	*/
+	animationSpeed?: number;
+
+	/** Specify the CSS class to splitter control to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Specifies the animation behavior of the splitter.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Specifies the splitter control to be displayed in right to left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specify height for splitter control.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Specifies the HTML Attributes of the Splitter.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specify window resizing behavior for splitter control.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specify the orientation for splitter control. See orientation
+	*   @Default {ej.orientation.Horizontal or “horizontal”}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Specify properties for each pane like paneSize, minSize, maxSize, collapsible, expandable, resizable.
+	*   @Default {[]}
+	*/
+	properties?: Array<any>;
+
+	/** Specify width for splitter control.
+	*   @Default {null}
+	*/
+	width?: string;
+
+	/** Fires before expanding / collapsing the split pane of splitter control. */
+	beforeExpandCollapse? (e: BeforeExpandCollapseEventArgs): void;
+
+	/** Fires when splitter control pane has been created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when splitter control pane has been destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when expand / collapse operation in splitter control pane has been performed successfully. */
+	expandCollapse? (e: ExpandCollapseEventArgs): void;
+
+	/** Fires when resize in splitter control pane. */
+	resize? (e: ResizeEventArgs): void;
+}
+
+export interface BeforeExpandCollapseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns collapsed pane details.
+	*/
+	collapsed?: any;
+
+	/** returns expanded pane details.
+	*/
+	expanded?: any;
+
+	/** returns the splitter model.
+	*/
+	model?: ej.Splitter.Model;
+
+	/** returns the current split bar index.
+	*/
+	splitbarIndex?: number;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the splitter model.
+	*/
+	model?: ej.Splitter.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the splitter model.
+	*/
+	model?: ej.Splitter.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ExpandCollapseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns collapsed pane details.
+	*/
+	collapsed?: any;
+
+	/** returns expanded pane details.
+	*/
+	expanded?: any;
+
+	/** returns the splitter model.
+	*/
+	model?: ej.Splitter.Model;
+
+	/** returns the current split bar index.
+	*/
+	splitbarIndex?: number;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns previous pane details.
+	*/
+	prevPane?: any;
+
+	/** returns next pane details.
+	*/
+	nextPane?: any;
+
+	/** returns the splitter model.
+	*/
+	model?: ej.Splitter.Model;
+
+	/** returns the current split bar index.
+	*/
+	splitbarIndex?: number;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+}
+
+class Tab extends ej.Widget {
+	static fn: Tab;
+	constructor(element: JQuery, options?: Tab.Model);
+	constructor(element: Element, options?: Tab.Model);
+	static Locale: any;
+	model:Tab.Model;
+	defaults:Tab.Model;
+
+	/** Add new tab items with given name, URL and given index position, if index null it’s add last item.
+	*   @param {string} URL name / tab id.
+	*   @param {string} Tab Display name.
+	*   @param {number} Index position to placed , this is optional.
+	*   @param {string} specifies cssClass, this is optional.
+	*   @param {string} specifies id of tab, this is optional.
+	*   @returns {void}
+	*/
+	addItem(URL: string, displayLabel: string, index: number, cssClass: string, id: string): void;
+
+	/** To disable the tab control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the tab control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** This function get the number of tab rendered
+	*   @returns {number}
+	*/
+	getItemsCount(): number;
+
+	/** This function hides the tab control.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** This function hides the specified item tab in tab control.
+	*   @param {number} index of tab item.
+	*   @returns {void}
+	*/
+	hideItem(index: number): void;
+
+	/** Remove the given index tab item.
+	*   @param {number} index of tab item.
+	*   @returns {void}
+	*/
+	removeItem(index: number): void;
+
+	/** This function is to show the tab control.
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** This function helps to show the specified hidden tab item in tab control.
+	*   @param {number} index of tab item.
+	*   @returns {void}
+	*/
+	showItem(index: number): void;
+}
+export module Tab{
+
+export interface Model {
+
+	/** Specifies the ajaxSettings option to load the content to the Tab control.
+	*/
+	ajaxSettings?: AjaxSettings;
+
+	/** Tab items interaction with keyboard keys, like headers active navigation.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Allow to collapsing the active item, while click on the active header.
+	*   @Default {false}
+	*/
+	collapsible?: boolean;
+
+	/** Set the root class for Tab theme. This cssClass API helps to use custom skinning option for Tab control.
+	*/
+	cssClass?: string;
+
+	/** Disables the given tab headers and content panels.
+	*   @Default {[]}
+	*/
+	disabledItemIndex?: number[];
+
+	/** Specifies the animation behavior of the tab.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** When this property is set to false, it disables the tab control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Enables the given tab headers and content panels.
+	*   @Default {[]}
+	*/
+	enabledItemIndex?: number[];
+
+	/** Save current model value to browser cookies for state maintains. While refresh the Tab control page the model value apply from browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Display Right to Left direction for headers and panels text of tab.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specify to enable scrolling for Tab header.
+	*   @Default {false}
+	*/
+	enableTabScroll?: boolean;
+
+	/** The event API to bind the action for active the tab items.
+	*   @Default {click}
+	*/
+	events?: string;
+
+	/** Specifies the position of Tab header as top, bottom, left or right. See below to get available Position
+	*   @Default {top}
+	*/
+	headerPosition?: string | ej.Tab.Position;
+
+	/** Set the height of the tab header element. Default this property value is null, so height take content height.
+	*   @Default {null}
+	*/
+	headerSize?: string|number;
+
+	/** Height set the outer panel element. Default this property value is null, so height take content height.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode
+	*   @Default {content}
+	*/
+	heightAdjustMode?: string | ej.Tab.HeightAdjustMode;
+
+	/** Specifies to hide a pane of Tab control.
+	*   @Default {[]}
+	*/
+	hiddenItemIndex?: Array<any>;
+
+	/** Specifies the HTML Attributes of the Tab.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** The idPrefix property appends the given string on the added tab item id’s in runtime.
+	*   @Default {ej-tab-}
+	*/
+	idPrefix?: string;
+
+	/** Specifies the Tab header in active for given index value.
+	*   @Default {0}
+	*/
+	selectedItemIndex?: number;
+
+	/** Display the close button for each tab items. While clicking on the close icon, particular tab item will be removed.
+	*   @Default {false}
+	*/
+	showCloseButton?: boolean;
+
+	/** Display the Reload button for each tab items.
+	*   @Default {false}
+	*/
+	showReloadIcon?: boolean;
+
+	/** Tab panels and headers to be displayed in rounded corner style.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Set the width for outer panel element, if not it’s take parent width.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Triggered after a tab item activated. */
+	itemActive? (e: ItemActiveEventArgs): void;
+
+	/** Triggered before AJAX content has been loaded. */
+	ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
+
+	/** Triggered if error occurs in AJAX request. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
+
+	/** Triggered after AJAX content load action. */
+	ajaxLoad? (e: AjaxLoadEventArgs): void;
+
+	/** Triggered after a tab item activated. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+	/** Triggered before a tab item activated. */
+	beforeActive? (e: BeforeActiveEventArgs): void;
+
+	/** Triggered before a tab item remove. */
+	beforeItemRemove? (e: BeforeItemRemoveEventArgs): void;
+
+	/** Triggered before a tab item Create. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered before a tab item destroy. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggered after new tab item add */
+	itemAdd? (e: ItemAddEventArgs): void;
+
+	/** Triggered after tab item removed. */
+	itemRemove? (e: ItemRemoveEventArgs): void;
+}
+
+export interface ItemActiveEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns previous active tab header.
+	*/
+	prevActiveHeader?: HTMLElement;
+
+	/** returns previous active index.
+	*/
+	prevActiveIndex?: number;
+
+	/** returns current active tab header .
+	*/
+	activeHeader?: HTMLElement;
+
+	/** returns current active index.
+	*/
+	activeIndex?: number;
+
+	/** returns, is it triggered by interaction or not.
+	*/
+	isInteraction?: boolean;
+}
+
+export interface AjaxBeforeLoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns previous active tab header.
+	*/
+	prevActiveHeader?: HTMLElement;
+
+	/** returns previous active index.
+	*/
+	prevActiveIndex?: number;
+
+	/** returns current active tab header .
+	*/
+	activeHeader?: HTMLElement;
+
+	/** returns current active index.
+	*/
+	activeIndex?: number;
+
+	/** returns the URL of AJAX request
+	*/
+	URL?: string;
+
+	/** returns, is it triggered by interaction or not.
+	*/
+	isInteraction?: boolean;
+}
+
+export interface AjaxErrorEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns AJAX data details.
+	*/
+	data?: any;
+
+	/** returns the URL of AJAX request.
+	*/
+	URL?: string;
+}
+
+export interface AjaxLoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns previous active tab header.
+	*/
+	prevActiveHeader?: HTMLElement;
+
+	/** returns previous active index.
+	*/
+	prevActiveIndex?: number;
+
+	/** returns current active tab header .
+	*/
+	activeHeader?: HTMLElement;
+
+	/** returns current active index.
+	*/
+	activeIndex?: number;
+
+	/** returns the URL of AJAX request
+	*/
+	URL?: string;
+
+	/** returns, is it triggered by interaction or not.
+	*/
+	isInteraction?: boolean;
+}
+
+export interface AjaxSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** return AJAX data.
+	*/
+	data?: any;
+
+	/** returns AJAX URL
+	*/
+	URL?: string;
+
+	/** returns content of AJAX request.
+	*/
+	content?: any;
+}
+
+export interface BeforeActiveEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns previous active tab header.
+	*/
+	prevActiveHeader?: HTMLElement;
+
+	/** returns previous active index.
+	*/
+	prevActiveIndex?: number;
+
+	/** returns current active tab header .
+	*/
+	activeHeader?: HTMLElement;
+
+	/** returns current active index.
+	*/
+	activeIndex?: number;
+
+	/** returns, is it triggered by interaction or not.
+	*/
+	isInteraction?: boolean;
+}
+
+export interface BeforeItemRemoveEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns current tab item index
+	*/
+	index?: number;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ItemAddEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns new added tab header.
+	*/
+	tabHeader?: HTMLElement;
+
+	/** returns new added tab content panel.
+	*/
+	tabContent?: any;
+}
+
+export interface ItemRemoveEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tab model.
+	*/
+	model?: ej.Tab.Model;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns removed tab header.
+	*/
+	removedTab?: HTMLElement;
+}
+
+export interface AjaxSettings {
+
+	/** It specifies, whether to enable or disable asynchronous request.
+	*   @Default {true}
+	*/
+	async?: boolean;
+
+	/** It specifies the page will be cached in the web browser.
+	*   @Default {false}
+	*/
+	cache?: boolean;
+
+	/** It specifies the type of data is send in the query string.
+	*   @Default {html}
+	*/
+	contentType?: string;
+
+	/** It specifies the data as an object, will be passed in the query string.
+	*   @Default {{}}
+	*/
+	data?: any;
+
+	/** It specifies the type of data that you're expecting back from the response.
+	*   @Default {html}
+	*/
+	dataType?: string;
+
+	/** It specifies the HTTP request type.
+	*   @Default {get}
+	*/
+	type?: string;
+}
+
+enum Position{
+
+	///Tab headers display to top position
+	Top,
+
+	///Tab headers display to bottom position 
+	Bottom,
+
+	///Tab headers display to left position.
+	Left,
+
+	///Tab headers display to right position.
+	Right
+}
+
+
+enum HeightAdjustMode{
+
+	///string
+	None,
+
+	///string
+	Content,
+
+	///string
+	Auto,
+
+	///string
+	Fill
+}
+
+}
+
+class TagCloud extends ej.Widget {
+	static fn: TagCloud;
+	constructor(element: JQuery, options?: TagCloud.Model);
+	constructor(element: Element, options?: TagCloud.Model);
+	static Locale: any;
+	model:TagCloud.Model;
+	defaults:TagCloud.Model;
+
+	/** Inserts a new item into the TagCloud
+	*   @param {string} Insert new item into the TagCloud
+	*   @returns {void}
+	*/
+	insert(name: string): void;
+
+	/** Inserts a new item into the TagCloud at a particular position.
+	*   @param {string} Inserts a new item into the TagCloud
+	*   @param {number} Inserts a new item into the TagCloud with the specified position
+	*   @returns {void}
+	*/
+	insertAt(name: string, position: number): void;
+
+	/** Removes the item from the TagCloud based on the name. It removes all the tags which have the corresponding name
+	*   @param {string} name of the tag.
+	*   @returns {void}
+	*/
+	remove(name: string): void;
+
+	/** Removes the item from the TagCloud based on the position. It removes the tags from the the corresponding position only.
+	*   @param {number} position of tag item.
+	*   @returns {void}
+	*/
+	removeAt(position: number): void;
+}
+export module TagCloud{
+
+export interface Model {
+
+	/** Specify the CSS class to button to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** The dataSource contains the list of data to display in a cloud format. Each data contains a link URL, frequency to categorize the font size and a display text.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Sets the TagCloud and tag items direction as right to left alignment.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Defines the mapping fields for the data items of the TagCloud.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Specifies the list of HTML attributes to be added to TagCloud control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Defines the format for the TagCloud to display the tag items.See Format
+	*   @Default {ej.Format.Cloud}
+	*/
+	format?: string|ej.Format;
+
+	/** Sets the maximum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
+	*   @Default {40px}
+	*/
+	maxFontSize?: string|number;
+
+	/** Sets the minimum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
+	*   @Default {10px}
+	*/
+	minFontSize?: string|number;
+
+	/** Define the query to retrieve the data from online server. The query is used only when the online dataSource is used.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Shows or hides the TagCloud title. When this set to false, it hides the TagCloud header.
+	*   @Default {true}
+	*/
+	showTitle?: boolean;
+
+	/** Sets the title image for the TagCloud. To show the title image, the showTitle property should be enabled.
+	*   @Default {null}
+	*/
+	titleImage?: string;
+
+	/** Sets the title text for the TagCloud. To show the title text, the showTitle property should be enabled.
+	*   @Default {Title}
+	*/
+	titleText?: string;
+
+	/** Event triggers when the TagCloud items are clicked */
+	click? (e: ClickEventArgs): void;
+
+	/** Event triggers when the TagCloud are created */
+	create? (e: CreateEventArgs): void;
+
+	/** Event triggers when the TagCloud are destroyed */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Event triggers when the cursor leaves out from a tag item */
+	mouseout? (e: MouseoutEventArgs): void;
+
+	/** Event triggers when the cursor hovers on a tag item */
+	mouseover? (e: MouseoverEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TagCloud model
+	*/
+	model?: ej.TagCloud.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return current tag name
+	*/
+	text?: string;
+
+	/** return current URL link
+	*/
+	URL?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TagCloud model
+	*/
+	model?: ej.TagCloud.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TagCloud model
+	*/
+	model?: ej.TagCloud.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface MouseoutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TagCloud model
+	*/
+	model?: ej.TagCloud.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return current tag name
+	*/
+	text?: string;
+
+	/** return current URL link
+	*/
+	URL?: string;
+}
+
+export interface MouseoverEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TagCloud model
+	*/
+	model?: ej.TagCloud.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return current tag name
+	*/
+	text?: string;
+
+	/** return current URL link
+	*/
+	URL?: string;
+}
+
+export interface Fields {
+
+	/** Defines the frequency column number to categorize the font size.
+	*/
+	frequency?: string;
+
+	/** Defines the HTML attributes column for the anchor elements inside the each tag items.
+	*/
+	htmlAttributes?: string;
+
+	/** Defines the tag value or display text.
+	*/
+	text?: string;
+
+	/** Defines the URL link to navigate while click the tag.
+	*/
+	url?: string;
+}
+}
+enum Format
+{
+//To render the TagCloud items in cloud format
+Cloud,
+//To render the TagCloud items in list format
+List,
+}
+
+class TimePicker extends ej.Widget {
+	static fn: TimePicker;
+	constructor(element: JQuery, options?: TimePicker.Model);
+	constructor(element: Element, options?: TimePicker.Model);
+	static Locale: any;
+	model:TimePicker.Model;
+	defaults:TimePicker.Model;
+
+	/** Allows you to disable the TimePicker.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Allows you to enable the TimePicker.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** It returns the current time value.
+	*   @returns {string}
+	*/
+	getValue(): string;
+
+	/** This method will hide the TimePicker control popup.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Updates the current system time in TimePicker.
+	*   @returns {void}
+	*/
+	setCurrentTime(): void;
+
+	/** This method will show the TimePicker control popup.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module TimePicker{
+
+export interface Model {
+
+	/** Sets the root CSS class for the TimePicker theme, which is used to customize.
+	*/
+	cssClass?: string;
+
+	/** Specifies the list of time range to be disabled.
+	*   @Default {{}}
+	*/
+	disableTimeRanges?: any;
+
+	/** Specifies the animation behavior in TimePicker.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** When this property is set to false, it disables the TimePicker control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Save current model value to browser cookies for maintaining states. When refreshing the TimePicker control page, the model value is applied from browser cookies or HTML 5local storage.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Displays the TimePicker as right to left alignment.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** When the enableStrictMode is set as true it allows the value outside of the range and also indicate with red color border, otherwise it internally changed to the min or max range value based an input value.
+	*   @Default {false}
+	*/
+	enableStrictMode?: boolean;
+
+	/** Defines the height of the TimePicker textbox.
+	*/
+	height?: string|number;
+
+	/** Sets the step value for increment an hour value through arrow keys or mouse scroll.
+	*   @Default {1}
+	*/
+	hourInterval?: number;
+
+	/** It allows to define the characteristics of the TimePicker control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Sets the time interval between the two adjacent time values in the popup.
+	*   @Default {30}
+	*/
+	interval?: number;
+
+	/** Defines the localization info used by the TimePicker.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the maximum time value to the TimePicker.
+	*   @Default {11:59:59 PM}
+	*/
+	maxTime?: string;
+
+	/** Sets the minimum time value to the TimePicker.
+	*   @Default {12:00:00 AM}
+	*/
+	minTime?: string;
+
+	/** Sets the step value for increment the minute value through arrow keys or mouse scroll.
+	*   @Default {1}
+	*/
+	minutesInterval?: number;
+
+	/** Defines the height of the TimePicker popup.
+	*   @Default {191px}
+	*/
+	popupHeight?: string|number;
+
+	/** Defines the width of the TimePicker popup.
+	*   @Default {auto}
+	*/
+	popupWidth?: string|number;
+
+	/** Toggles the readonly state of the TimePicker. When the widget is readOnly, it doesn’t allow your input.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Sets the step value for increment the seconds value through arrow keys or mouse scroll.
+	*   @Default {1}
+	*/
+	secondsInterval?: number;
+
+	/** shows or hides the drop down button in TimePicker.
+	*   @Default {true}
+	*/
+	showPopupButton?: boolean;
+
+	/** TimePicker is displayed with rounded corner when this property is set to true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Defines the time format displayed in the TimePicker.
+	*   @Default {h:mm tt}
+	*/
+	timeFormat?: string;
+
+	/** Sets a specified time value on the TimePicker.
+	*   @Default {null}
+	*/
+	value?: string|Date;
+
+	/** Defines the width of the TimePicker textbox.
+	*/
+	width?: string|number;
+
+	/** Fires when the time value changed in the TimePicker. */
+	beforeChange? (e: BeforeChangeEventArgs): void;
+
+	/** Fires when the TimePicker popup before opened. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Fires when the time value changed in the TimePicker. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when the TimePicker popup closed. */
+	close? (e: CloseEventArgs): void;
+
+	/** Fires when create TimePicker successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the TimePicker is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when the TimePicker control gets focus. */
+	focusIn? (e: FocusInEventArgs): void;
+
+	/** Fires when the TimePicker control get lost focus. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires when the TimePicker popup opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Fires when the value is selected from the TimePicker dropdown list. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the modified time value
+	*/
+	value?: string;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the time value
+	*/
+	value?: string;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns true when the value changed by user interaction otherwise returns false
+	*/
+	isInteraction?: boolean;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the modified time value
+	*/
+	value?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the time value
+	*/
+	value?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusInEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the current time value
+	*/
+	value?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the current time value
+	*/
+	value?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the time value
+	*/
+	value?: string;
+}
+
+export interface SelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TimePicker model
+	*/
+	model?: ej.TimePicker.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the previously selected time value
+	*/
+	prevTime?: string;
+
+	/** returns the selected time value
+	*/
+	value?: string;
+}
+}
+
+class ToggleButton extends ej.Widget {
+	static fn: ToggleButton;
+	constructor(element: JQuery, options?: ToggleButton.Model);
+	constructor(element: Element, options?: ToggleButton.Model);
+	static Locale: any;
+	model:ToggleButton.Model;
+	defaults:ToggleButton.Model;
+
+	/** Allows you to destroy the ToggleButton widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To disable the ToggleButton to prevent all user interactions.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the ToggleButton.
+	*   @returns {void}
+	*/
+	enable(): void;
+}
+export module ToggleButton{
+
+export interface Model {
+
+	/** Specify the icon in active state to the toggle button and it will be aligned from left margin of the button.
+	*/
+	activePrefixIcon?: string;
+
+	/** Specify the icon in active state to the toggle button and it will be aligned from right margin of the button.
+	*/
+	activeSuffixIcon?: string;
+
+	/** Sets the text when ToggleButton is in active state i.e.,checked state.
+	*   @Default {null}
+	*/
+	activeText?: string;
+
+	/** Specifies the contentType of the ToggleButton. See ContentType as below
+	*   @Default {ej.ContentType.TextOnly}
+	*/
+	contentType?: ej.ContentType|string;
+
+	/** Specify the CSS class to the ToggleButton to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specify the icon in default state to the toggle button and it will be aligned from left margin of the button.
+	*/
+	defaultPrefixIcon?: string;
+
+	/** Specify the icon in default state to the toggle button and it will be aligned from right margin of the button.
+	*/
+	defaultSuffixIcon?: string;
+
+	/** Specifies the text of the ToggleButton, when the control is a default state. i.e., unChecked state.
+	*   @Default {null}
+	*/
+	defaultText?: string;
+
+	/** Specifies the state of the ToggleButton.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Save current model value to browser cookies for maintaining states. When refreshing the ToggleButton control page, the model value is applied from browser cookies or HTML 5local storage.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Specify the Right to Left direction of the ToggleButton.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Specifies the height of the ToggleButton.
+	*   @Default {28pixel}
+	*/
+	height?: number|string;
+
+	/** It allows to define the characteristics of the ToggleButton control. It will helps to extend the capability of an HTML element.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the image position of the ToggleButton.
+	*   @Default {ej.ImagePosition.ImageLeft}
+	*/
+	imagePosition?: ej.ImagePosition|string;
+
+	/** Allows to prevents the control switched to checked (active) state.
+	*   @Default {false}
+	*/
+	preventToggle?: boolean;
+
+	/** Displays the ToggleButton with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the size of the ToggleButton. See ButtonSize as below
+	*   @Default {ej.ButtonSize.Normal}
+	*/
+	size?: ej.ButtonSize|string;
+
+	/** It allows to define the ToggleButton state to checked(Active) or unchecked(Default) at initial time.
+	*   @Default {false}
+	*/
+	toggleState?: boolean;
+
+	/** Specifies the type of the ToggleButton. See ButtonType as below
+	*   @Default {ej.ButtonType.Button}
+	*/
+	type?: ej.ButtonType|string;
+
+	/** Specifies the width of the ToggleButton.
+	*   @Default {100pixel}
+	*/
+	width?: number|string;
+
+	/** Fires when ToggleButton control state is changed successfully. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Fires when ToggleButton control is clicked successfully. */
+	click? (e: ClickEventArgs): void;
+
+	/** Fires when ToggleButton control is created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when ToggleButton control is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** return the toggle button checked state
+	*/
+	isChecked?: boolean;
+
+	/** returns the toggle button model
+	*/
+	model?: ej.ToggleButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** return the toggle button checked state
+	*/
+	isChecked?: boolean;
+
+	/** returns the toggle button model
+	*/
+	model?: ej.ToggleButton.Model;
+
+	/** return the toggle button state
+	*/
+	status?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the toggle button model
+	*/
+	model?: ej.ToggleButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the toggle button model
+	*/
+	model?: ej.ToggleButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+
+class Toolbar extends ej.Widget {
+	static fn: Toolbar;
+	constructor(element: JQuery, options?: Toolbar.Model);
+	constructor(element: Element, options?: Toolbar.Model);
+	static Locale: any;
+	model:Toolbar.Model;
+	defaults:Toolbar.Model;
+
+	/** Deselect the specified Toolbar item.
+	*   @param {any} The element need to be deselected
+	*   @returns {void}
+	*/
+	deselectItem(element: any): void;
+
+	/** Deselect the Toolbar item based on specified id.
+	*   @param {string} The ID of the element need to be deselected
+	*   @returns {void}
+	*/
+	deselectItemByID(ID: string): void;
+
+	/** Allows you to destroy the Toolbar widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To disable all items in the Toolbar control.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Disable the specified Toolbar item.
+	*   @param {any} The element need to be disabled
+	*   @returns {void}
+	*/
+	disableItem(element: any): void;
+
+	/** Disable the Toolbar item based on specified item id in the Toolbar.
+	*   @param {string} The ID of the element need to be disabled
+	*   @returns {void}
+	*/
+	disableItemByID(ID: string): void;
+
+	/** Enable the Toolbar if it is in disabled state.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Enable the Toolbar item based on specified item.
+	*   @param {any} The element need to be enabled
+	*   @returns {void}
+	*/
+	enableItem(element: any): void;
+
+	/** Enable the Toolbar item based on specified item id in the Toolbar.
+	*   @param {string} The ID of the element need to be enabled
+	*   @returns {void}
+	*/
+	enableItemByID(ID: string): void;
+
+	/** To hide the Toolbar
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Remove the item from toolbar, based on specified item.
+	*   @param {any} The element need to be removed
+	*   @returns {void}
+	*/
+	removeItem(element: any): void;
+
+	/** Remove the item from toolbar, based on specified item id in the Toolbar.
+	*   @param {string} The ID of the element need to be removed
+	*   @returns {void}
+	*/
+	removeItemByID(ID: string): void;
+
+	/** Selects the item from toolbar, based on specified item.
+	*   @param {any} The element need to be selected
+	*   @returns {void}
+	*/
+	selectItem(element: any): void;
+
+	/** Selects the item from toolbar, based on specified item id in the Toolbar.
+	*   @param {string} The ID of the element need to be selected
+	*   @returns {void}
+	*/
+	selectItemByID(ID: string): void;
+
+	/** To show the Toolbar.
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module Toolbar{
+
+export interface Model {
+
+	/** Sets the root CSS class for Toolbar control to achieve the custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specifies dataSource value for the Toolbar control during initialization.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Disables an Item or set of Items that are enabled in the Toolbar
+	*   @Default {[]}
+	*/
+	disabledItemIndices?: Array<any>;
+
+	/** Specifies the Toolbar control state.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Enables an Item or set of Items that are disabled in the Toolbar
+	*   @Default {[]}
+	*/
+	enabledItemIndices?: Array<any>;
+
+	/** Specifies enableRTL property to align the Toolbar control from right to left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Allows to separate the each UL items in the Toolbar control.
+	*   @Default {false}
+	*/
+	enableSeparator?: boolean;
+
+	/** Specifies the mapping fields for the data items of the Toolbar
+	*   @Default {null}
+	*/
+	fields?: string;
+
+	/** Specifies the height of the Toolbar.
+	*   @Default {28}
+	*/
+	height?: number|string;
+
+	/** Specifies the list of HTML attributes to be added to toolbar control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies whether the Toolbar control is need to be show or hide.
+	*   @Default {false}
+	*/
+	hide?: boolean;
+
+	/** Enables/Disables the responsive support for Toolbar items during the window resizing time.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies the items of  Toolbar
+	*   @Default {null}
+	*/
+	Items?: Items;
+
+	/** Specifies the Toolbar orientation. See orientation
+	*   @Default {Horizontal}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Specifies the query to retrieve the data from the online server. The query is used only when the online dataSource is used.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Specifies the Toolbar responsive type.
+	*   @Default {Popup}
+	*/
+	responsiveType?: ej.Toolbar.ResponsiveType|string;
+
+	/** Displays the Toolbar with rounded corners.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the width of the Toolbar.
+	*/
+	width?: number|string;
+
+	/** Fires after Toolbar control is clicked. */
+	click? (e: ClickEventArgs): void;
+
+	/** Fires after Toolbar control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires after Toolbar control is focused. */
+	focusOut? (e: FocusOutEventArgs): void;
+
+	/** Fires when the Toolbar is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires after Toolbar control item is hovered. */
+	itemHover? (e: ItemHoverEventArgs): void;
+
+	/** Fires after mouse leave from Toolbar control item. */
+	itemLeave? (e: ItemLeaveEventArgs): void;
+
+	/** Fires when the overflow popup of toolbar is opened. */
+	overflowOpen? (e: OverflowOpenEventArgs): void;
+
+	/** Fires when the overflow popup of toolbar is closed. */
+	overflowClose? (e: OverflowCloseEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target of the current object.
+	*/
+	target?: any;
+
+	/** returns the target of the current object.
+	*/
+	currentTarget?: any;
+
+	/** return the Toolbar state
+	*/
+	status?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface FocusOutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ItemHoverEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target of the current object.
+	*/
+	target?: any;
+
+	/** returns the target of the current object.
+	*/
+	currentTarget?: any;
+
+	/** return the Toolbar state
+	*/
+	status?: boolean;
+}
+
+export interface ItemLeaveEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target of the current object.
+	*/
+	target?: any;
+
+	/** returns the target of the current object.
+	*/
+	currentTarget?: any;
+
+	/** return the Toolbar state
+	*/
+	status?: boolean;
+}
+
+export interface OverflowOpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the current  X position of the target .
+	*/
+	clientX?: number;
+
+	/** Returns the current  Y position of the target .
+	*/
+	clientY?: number;
+
+	/** returns the target of the current object.
+	*/
+	currentTarget?: any;
+}
+
+export interface OverflowCloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Toolbar model
+	*/
+	model?: ej.Toolbar.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the current  X position of the target .
+	*/
+	clientX?: number;
+
+	/** Returns the current  Y position of the target .
+	*/
+	clientY?: number;
+
+	/** returns the target of the current object.
+	*/
+	currentTarget?: any;
+}
+
+export interface Fields {
+
+	/** Defines the group name for the item.
+	*/
+	group?: string;
+
+	/** Defines the HTML attributes such as id, class, styles for the item to extend the capability.
+	*/
+	htmlAttributes?: any;
+
+	/** Defines id for the tag.
+	*/
+	id?: string;
+
+	/** Defines the image attributes such as height, width, styles and so on.
+	*/
+	imageAttributes?: string;
+
+	/** Defines the imageURL for the image location.
+	*/
+	imageUrl?: string;
+
+	/** Defines the sprite CSS for the image tag.
+	*/
+	spriteCssClass?: string;
+
+	/** Defines the text content for the tag.
+	*/
+	text?: string;
+
+	/** Defines the tooltip text for the tag.
+	*/
+	tooltipText?: string;
+
+	/** Allows you to add  template as toolbar item
+	*/
+	template?: string;
+}
+
+export interface Items {
+
+	/** Defines the group name for the item.
+	*/
+	group?: string;
+
+	/** Defines the HTML attributes such as id, class, styles for the item .
+	*/
+	htmlAttributes?: any;
+
+	/** Defines id for the tag.
+	*/
+	id?: string;
+
+	/** Defines the image attributes such as height, width, styles and so on.
+	*/
+	imageAttributes?: string;
+
+	/** Defines the imageURL for the image location.
+	*/
+	imageUrl?: string;
+
+	/** Defines the sprite CSS for the image tag.
+	*/
+	spriteCssClass?: string;
+
+	/** Defines the text content for the tag.
+	*/
+	text?: string;
+
+	/** Defines the tooltip text for the tag.
+	*/
+	tooltipText?: string;
+
+	/** Allows to add template as toolbar item.
+	*/
+	template?: string;
+}
+
+enum ResponsiveType{
+
+	///To display the toolbar overflow items as popup
+	Popup,
+
+	///To display the toolbar overflow items as inline toolbar
+	Inline
+}
+
+}
+
+class TreeView extends ej.Widget {
+	static fn: TreeView;
+	constructor(element: JQuery, options?: TreeView.Model);
+	constructor(element: Element, options?: TreeView.Model);
+	static Locale: any;
+	model:TreeView.Model;
+	defaults:TreeView.Model;
+
+	/** To add a Node or collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+	*   @param {string|any} New node text or JSON object
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	addNode(newNodeText: string|any, target: string|any): void;
+
+	/** To add a collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+	*   @param {any|Array<any>} New node details in JSON object
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	addNodes(collection: any|Array<any>, target: string|any): void;
+
+	/** To check all the nodes in TreeView.
+	*   @returns {void}
+	*/
+	checkAll(): void;
+
+	/** To check a node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	checkNode(element: string|any|Array<any>): void;
+
+	/** This method is used to collapse all nodes in TreeView control. If you want to collapse all nodes up to the specific level in TreeView control then we need to pass levelUntil as argument to this method.
+	*   @param {number} TreeView nodes will collapse until the given level
+	*   @param {boolean} Weather exclude the hidden nodes of TreeView while collapse all nodes
+	*   @returns {void}
+	*/
+	collapseAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
+
+	/** To collapse a particular node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node|object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	collapseNode(element: string|any|Array<any>): void;
+
+	/** To disable the node in the TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	disableNode(element: string|any|Array<any>): void;
+
+	/** To enable the node in the TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	enableNode(element: string|any|Array<any>): void;
+
+	/** To ensure that the TreeView node is visible in the TreeView. This method is useful if we need select a TreeView node dynamically.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	ensureVisible(element: string|any): boolean;
+
+	/** This method is used to expand all nodes in TreeView control. If you want to expand all nodes up to the specific level in TreeView control then we need to pass levelUntil as argument to this method.
+	*   @param {number} TreeView nodes will expand until the given level
+	*   @param {boolean} Weather exclude the hidden nodes of TreeView while expand all nodes
+	*   @returns {void}
+	*/
+	expandAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
+
+	/** To expandNode particular node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	expandNode(element: string|any|Array<any>): void;
+
+	/** To get currently checked nodes in TreeView.
+	*   @returns {any}
+	*/
+	getCheckedNodes(): any;
+
+	/** To get currently checked nodes indexes in TreeView.
+	*   @returns {Array<any>}
+	*/
+	getCheckedNodesIndex(): Array<any>;
+
+	/** This method is used to get immediate child nodes of a node in TreeView control. If you want to get the all child nodes include nested child nodes then we need to pass includeNestedChild as true along with element arguments to this method.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @param {boolean} Weather include nested child nodes of TreeView node
+	*   @returns {Array<any>}
+	*/
+	getChildren(element: string|any, includeNestedChild?: boolean): Array<any>;
+
+	/** To get number of nodes in TreeView.
+	*   @returns {number}
+	*/
+	getNodeCount(): number;
+
+	/** To get currently expanded nodes in TreeView.
+	*   @returns {any}
+	*/
+	getExpandedNodes(): any;
+
+	/** To get currently expanded nodes indexes in TreeView.
+	*   @returns {Array<any>}
+	*/
+	getExpandedNodesIndex(): Array<any>;
+
+	/** To get TreeView node by using index position in TreeView.
+	*   @param {number} Index position of TreeView node
+	*   @returns {any}
+	*/
+	getNodeByIndex(index: number): any;
+
+	/** To get TreeView node data such as id, text, parentId, selected, checked, expanded, level, childes and index.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {any}
+	*/
+	getNode(element: string|any): any;
+
+	/** To get current index position of TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {number}
+	*/
+	getNodeIndex(element: string|any): number;
+
+	/** To get immediate parent TreeView node of particular TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {any}
+	*/
+	getParent(element: string|any): any;
+
+	/** To get the currently selected node in TreeView.
+	*   @returns {any}
+	*/
+	getSelectedNode(): any;
+
+	/** To get the currently selected nodes in TreeView.
+	*   @returns {Array<any>}
+	*/
+	getSelectedNodes(): Array<any>;
+
+	/** To get the index position of currently selected node in TreeView.
+	*   @returns {number}
+	*/
+	getSelectedNodeIndex(): number;
+
+	/** To get the index positions of currently selected nodes in TreeView.
+	*   @returns {Array<any>}
+	*/
+	getSelectedNodesIndex(): Array<any>;
+
+	/** To get the text of a node in TreeView.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {string}
+	*/
+	getText(element: string|any): string;
+
+	/** To get the updated datasource of TreeView after performing some operation like drag and drop, node editing, adding and removing node.
+	*   @param {string|number} ID of TreeView node
+	*   @returns {Array<any>}
+	*/
+	getTreeData(id?: string|number): Array<any>;
+
+	/** To get currently visible nodes in TreeView.
+	*   @returns {any}
+	*/
+	getVisibleNodes(): any;
+
+	/** To check a node having child or not.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	hasChildNode(element: string|any): boolean;
+
+	/** To show nodes in TreeView.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** To hide particular node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	hideNode(element: string|any|Array<any>): void;
+
+	/** To add a Node or collection of nodes after the particular TreeView node.
+	*   @param {string|any} New node text or JSON object
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	insertAfter(newNodeText: string|any, target: string|any): void;
+
+	/** To add a Node or collection of nodes before the particular TreeView node.
+	*   @param {string|any} New node text or JSON object
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	insertBefore(newNodeText: string|any, target: string|any): void;
+
+	/** To check the given TreeView node is checked or unchecked.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isNodeChecked(element: string|any): boolean;
+
+	/** To check whether the child nodes are loaded of the given TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isChildLoaded(element: string|any): boolean;
+
+	/** To check the given TreeView node is disabled or enabled.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isDisabled(element: string|any): boolean;
+
+	/** To check the given node is exist in TreeView.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isExist(element: string|any): boolean;
+
+	/** To get the expand status of the given TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isExpanded(element: string|any): boolean;
+
+	/** To get the select status of the given TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isSelected(element: string|any): boolean;
+
+	/** To get the visibility status of the given TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {boolean}
+	*/
+	isVisible(element: string|any): boolean;
+
+	/** To load the TreeView nodes from the particular URL. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+	*   @param {string} URL location, the data returned from the URL will be loaded in TreeView
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @returns {void}
+	*/
+	loadData(URL: string, target: string|any): void;
+
+	/** To move the TreeView node with in same TreeView. The new position of given TreeView node will be based on destination node and index position.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @param {number} New index position of given source node
+	*   @returns {void}
+	*/
+	moveNode(sourceNode: string|any, destinationNode: string|any, index: number): void;
+
+	/** To refresh the TreeView
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** To remove all the nodes in TreeView.
+	*   @returns {void}
+	*/
+	removeAll(): void;
+
+	/** To remove a node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	removeNode(element: string|any|Array<any>): void;
+
+	/** To select all the TreeView nodes when enable allowMultiSelection property.
+	*   @returns {void}
+	*/
+	selectAll(): void;
+
+	/** This method is used to select a node in TreeView control. If you want to select the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	selectNode(element: string|any|Array<any>): void;
+
+	/** To show nodes in TreeView.
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** To show a node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	showNode(element: string|any|Array<any>): void;
+
+	/** To uncheck all the nodes in TreeView.
+	*   @returns {void}
+	*/
+	unCheckAll(): void;
+
+	/** To uncheck a node in TreeView.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	uncheckNode(element: string|any|Array<any>): void;
+
+	/** To unselect all the TreeView nodes when enable allowMultiSelection property.
+	*   @returns {void}
+	*/
+	unselectAll(): void;
+
+	/** This method is used to unselect a node in TreeView control. If you want to unselect the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
+	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
+	*   @returns {void}
+	*/
+	unselectNode(element: string|any|Array<any>): void;
+
+	/** To edit or update the text of the TreeView node.
+	*   @param {string|any} ID of TreeView node/object of TreeView node
+	*   @param {string} New text
+	*   @returns {void}
+	*/
+	updateText(target: string|any, newText: string): void;
+}
+export module TreeView{
+
+export interface Model {
+
+	/** Gets or sets a value that indicates whether to enable drag and drop a node within the same tree.
+	*   @Default {false}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable drag and drop a node in inter ej.TreeView.
+	*   @Default {true}
+	*/
+	allowDragAndDropAcrossControl?: boolean;
+
+	/** Gets or sets a value that indicates whether to drop a node to a sibling of particular node.
+	*   @Default {true}
+	*/
+	allowDropSibling?: boolean;
+
+	/** Gets or sets a value that indicates whether to drop a node to a child of particular node.
+	*   @Default {true}
+	*/
+	allowDropChild?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable node editing support for TreeView.
+	*   @Default {false}
+	*/
+	allowEditing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable keyboard support for TreeView actions like nodeSelection, nodeEditing, nodeExpand, nodeCollapse, nodeCut and Paste.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable multi selection support for TreeView.
+	*   @Default {false}
+	*/
+	allowMultiSelection?: boolean;
+
+	/** Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
+	*   @Default {true}
+	*/
+	autoCheck?: boolean;
+
+	/** Allow us to specify the parent node to be retain in checked or unchecked state instead of going for indeterminate state.
+	*   @Default {false}
+	*/
+	autoCheckParentNode?: boolean;
+
+	/** Gets or sets a value that indicates the checkedNodes index collection as an array. The given array index position denotes the nodes, that are checked while rendering TreeView.
+	*   @Default {[]}
+	*/
+	checkedNodes?: Array<any>;
+
+	/** Sets the root CSS class for TreeView which allow us to customize the appearance.
+	*/
+	cssClass?: string;
+
+	/** Gets or sets a value that indicates whether to enable or disable the animation effect while expanding or collapsing a node.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Gets or sets a value that indicates whether a TreeView can be enabled or disabled. No actions can be performed while this property is set as false
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Allow us to prevent multiple nodes to be in expanded state. If it set to false, previously expanded node will be collapsed automatically, while we expand a node.
+	*   @Default {true}
+	*/
+	enableMultipleExpand?: boolean;
+
+	/** Sets a value that indicates whether to persist the TreeView model state in page using applicable medium i.e., HTML5 localStorage or cookies
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Gets or sets a value that indicates to align content in the TreeView control from right to left by setting the property as true.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Gets or sets a array of value that indicates the expandedNodes index collection as an array. The given array index position denotes the nodes, that are expanded while rendering TreeView.
+	*   @Default {[]}
+	*/
+	expandedNodes?: Array<any>;
+
+	/** Gets or sets a value that indicates the TreeView node can be expand or collapse by using the specified action.
+	*   @Default {dblclick}
+	*/
+	expandOn?: string;
+
+	/** Gets or sets a fields object that allow us to map the data members with field properties in order to make the data binding easier.
+	*   @Default {null}
+	*/
+	fields?: Fields;
+
+	/** Gets or sets a value that indicates whether to enable full row selection support for TreeView.
+	*   @Default {false}
+	*/
+	fullRowSelect?: boolean;
+
+	/** Defines the height of the TreeView.
+	*   @Default {Null}
+	*/
+	height?: string|number;
+
+	/** Specifies the HTML Attributes for the TreeView. Using this API we can add custom attributes in TreeView control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specifies the child nodes to be loaded on demand
+	*   @Default {false}
+	*/
+	loadOnDemand?: boolean;
+
+	/** Gets or Sets a value that indicates the index position of a tree node. The particular index tree node will be selected while rendering the TreeView.
+	*   @Default {-1}
+	*/
+	selectedNode?: number;
+
+	/** Gets or sets a value that indicates the selectedNodes index collection as an array. The given array index position denotes the nodes, that are selected while rendering TreeView.
+	*   @Default {[]}
+	*/
+	selectedNodes?: Array<any>;
+
+	/** Gets or sets a value that indicates whether to display or hide checkbox for all TreeView nodes.
+	*   @Default {false}
+	*/
+	showCheckbox?: boolean;
+
+	/** By using sortSettings property, you can customize the sorting option in TreeView control.
+	*/
+	sortSettings?: SortSettings;
+
+	/** Allow us to use custom template in order to create TreeView.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Defines the width of the TreeView.
+	*   @Default {Null}
+	*/
+	width?: string|number;
+
+	/** Fires before adding node to TreeView. */
+	beforeAdd? (e: BeforeAddEventArgs): void;
+
+	/** Fires before collapse a node. */
+	beforeCollapse? (e: BeforeCollapseEventArgs): void;
+
+	/** Fires before cut node in TreeView. */
+	beforeCut? (e: BeforeCutEventArgs): void;
+
+	/** Fires before deleting node in TreeView. */
+	beforeDelete? (e: BeforeDeleteEventArgs): void;
+
+	/** Fires before editing the node in TreeView. */
+	beforeEdit? (e: BeforeEditEventArgs): void;
+
+	/** Fires before expanding the node. */
+	beforeExpand? (e: BeforeExpandEventArgs): void;
+
+	/** Fires before loading nodes to TreeView. */
+	beforeLoad? (e: BeforeLoadEventArgs): void;
+
+	/** Fires before paste node in TreeView. */
+	beforePaste? (e: BeforePasteEventArgs): void;
+
+	/** Fires before selecting node in TreeView. */
+	beforeSelect? (e: BeforeSelectEventArgs): void;
+
+	/** Fires when TreeView created successfully. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when TreeView destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires before nodeEdit Successful. */
+	inlineEditValidation? (e: InlineEditValidationEventArgs): void;
+
+	/** Fires when key pressed successfully. */
+	keyPress? (e: KeyPressEventArgs): void;
+
+	/** Fires when data load fails. */
+	loadError? (e: LoadErrorEventArgs): void;
+
+	/** Fires when data loaded successfully. */
+	loadSuccess? (e: LoadSuccessEventArgs): void;
+
+	/** Fires once node added successfully. */
+	nodeAdd? (e: NodeAddEventArgs): void;
+
+	/** Fires once node checked successfully. */
+	nodeCheck? (e: NodeCheckEventArgs): void;
+
+	/** Fires when node clicked successfully. */
+	nodeClick? (e: NodeClickEventArgs): void;
+
+	/** Fires when node collapsed successfully. */
+	nodeCollapse? (e: NodeCollapseEventArgs): void;
+
+	/** Fires when node cut successfully. */
+	nodeCut? (e: NodeCutEventArgs): void;
+
+	/** Fires when node deleted successfully. */
+	nodeDelete? (e: NodeDeleteEventArgs): void;
+
+	/** Fires when node dragging. */
+	nodeDrag? (e: NodeDragEventArgs): void;
+
+	/** Fires once node drag start successfully. */
+	nodeDragStart? (e: NodeDragStartEventArgs): void;
+
+	/** Fires before the dragged node to be dropped. */
+	nodeDragStop? (e: NodeDragStopEventArgs): void;
+
+	/** Fires once node dropped successfully. */
+	nodeDropped? (e: NodeDroppedEventArgs): void;
+
+	/** Fires once node edited successfully. */
+	nodeEdit? (e: NodeEditEventArgs): void;
+
+	/** Fires once node expanded successfully. */
+	nodeExpand? (e: NodeExpandEventArgs): void;
+
+	/** Fires once node pasted successfully. */
+	nodePaste? (e: NodePasteEventArgs): void;
+
+	/** Fires when node selected successfully. */
+	nodeSelect? (e: NodeSelectEventArgs): void;
+
+	/** Fires once node unchecked successfully. */
+	nodeUncheck? (e: NodeUncheckEventArgs): void;
+
+	/** Fires once node unselected successfully. */
+	nodeUnselect? (e: NodeUnselectEventArgs): void;
+
+	/** Fires when TreeView nodes are loaded successfully */
+	ready? (e: ReadyEventArgs): void;
+}
+
+export interface BeforeAddEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the given new node data
+	*/
+	data?: string|any;
+
+	/** returns the parent element, the given new nodes to be appended to the given parent element
+	*/
+	targetParent?: any;
+
+	/** returns the given parent node details
+	*/
+	parentDetails?: any;
+}
+
+export interface BeforeCollapseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** returns the child nodes are loaded or not
+	*/
+	isChildLoaded?: boolean;
+
+	/** returns the id of currently clicked node
+	*/
+	id?: string;
+
+	/** returns the parent id of currently clicked node
+	*/
+	parentId?: string;
+
+	/** returns the format asynchronous or synchronous 
+	*/
+	async?: boolean;
+}
+
+export interface BeforeCutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the target element, the given node to be cut
+	*/
+	target?: any;
+
+	/** returns the given target node values
+	*/
+	nodeDetails?: any;
+
+	/** returns the key pressed key code value
+	*/
+	keyCode?: number;
+}
+
+export interface BeforeDeleteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the target element, the given node to be deleted
+	*/
+	target?: any;
+
+	/** returns the given target node values
+	*/
+	nodeDetails?: any;
+
+	/** returns the current parent element of the target node
+	*/
+	parentElement?: any;
+
+	/** returns the parent node values
+	*/
+	parentDetails?: any;
+
+	/** returns the currently removed nodes
+	*/
+	removedNodes?: Array<any>;
+}
+
+export interface BeforeEditEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+}
+
+export interface BeforeExpandEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** if the child node is ready to expanded state; otherwise, false.
+	*/
+	isChildLoaded?: boolean;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** returns the id of currently clicked node
+	*/
+	id?: string;
+
+	/** returns the parent id of currently clicked node
+	*/
+	parentId?: string;
+
+	/** returns the format asynchronous or synchronous 
+	*/
+	async?: boolean;
+}
+
+export interface BeforeLoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the AJAX settings object
+	*/
+	AjaxOptions?: any;
+}
+
+export interface BeforePasteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the target element, the given node to be pasted
+	*/
+	target?: any;
+
+	/** returns the given target node values
+	*/
+	nodeDetails?: any;
+
+	/** returns the key pressed key code value
+	*/
+	keyCode?: number;
+}
+
+export interface BeforeSelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the target element, the given node to be selected
+	*/
+	target?: any;
+
+	/** returns the given target node values
+	*/
+	nodeDetails?: any;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface InlineEditValidationEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the new entered text for the node
+	*/
+	newText?: string;
+
+	/** returns the current node element id
+	*/
+	id?: any;
+
+	/** returns the old node text
+	*/
+	oldText?: string;
+}
+
+export interface KeyPressEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** returns node path from root element
+	*/
+	path?: string;
+
+	/** returns the key pressed key code value
+	*/
+	keyCode?: number;
+
+	/** it returns when the current node is in expanded state; otherwise, false.
+	*/
+	isExpanded?: boolean;
+
+	/** returns the id of current TreeView node
+	*/
+	id?: string;
+
+	/** returns the parentId of current TreeView node
+	*/
+	parentId?: string;
+}
+
+export interface LoadErrorEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the AJAX error object
+	*/
+	error?: any;
+}
+
+export interface LoadSuccessEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the success data from the URL
+	*/
+	data?: any;
+
+	/** returns the target parent element, the data returned from the URL to be appended to the given parent element, else in TreeView
+	*/
+	targetParent?: any;
+
+	/** returns the given parent node details
+	*/
+	parentDetails?: any;
+}
+
+export interface NodeAddEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the added data, that are given initially
+	*/
+	data?: any;
+
+	/** returns the newly added elements
+	*/
+	nodes?: any;
+
+	/** returns the target parent element of the added element
+	*/
+	parentElement?: any;
+
+	/** returns the given parent node details
+	*/
+	parentDetails?: any;
+}
+
+export interface NodeCheckEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** returns the id of the current element of the node clicked
+	*/
+	id?: string;
+
+	/** returns the id of the parent element of current element of the node clicked
+	*/
+	parentId?: string;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** it returns true when the node checkbox is checked; otherwise, false.
+	*/
+	isChecked?: boolean;
+
+	/** it returns the currently checked node name
+	*/
+	currentNode?: Array<any>;
+
+	/** it returns the currently checked and its child node details
+	*/
+	currentCheckedNodes?: Array<any>;
+}
+
+export interface NodeClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** returns the id of currently clicked TreeView node
+	*/
+	id?: string;
+
+	/** returns the parentId of currently clicked TreeView node
+	*/
+	parentId?: string;
+}
+
+export interface NodeCollapseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the id of the current element of the node clicked
+	*/
+	id?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the id of the parent element of current element of the node clicked
+	*/
+	parentId?: string;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** returns the child nodes are loaded or not
+	*/
+	isChildLoaded?: boolean;
+
+	/** returns the format asynchronous or synchronous 
+	*/
+	async?: boolean;
+}
+
+export interface NodeCutEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the current parent element of the cut node
+	*/
+	parentElement?: any;
+
+	/** returns the given parent node details
+	*/
+	parentDetails?: any;
+
+	/** returns the key pressed key code value
+	*/
+	keyCode?: number;
+}
+
+export interface NodeDeleteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the current parent element of the deleted node
+	*/
+	parentElement?: any;
+
+	/** returns the given parent node details
+	*/
+	parentDetails?: any;
+
+	/** returns the currently removed nodes
+	*/
+	removedNodes?: Array<any>;
+}
+
+export interface NodeDragEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the original drag target
+	*/
+	dragTarget?: any;
+
+	/** returns the current target TreeView node
+	*/
+	target?: any;
+
+	/** returns the current target details
+	*/
+	targetElementData?: any;
+
+	/** returns the current parent element of the target node
+	*/
+	draggedElement?: any;
+
+	/** returns the given parent node details
+	*/
+	draggedElementData?: any;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface NodeDragStartEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the original drag target
+	*/
+	dragTarget?: any;
+
+	/** returns the current dragging parent TreeView node
+	*/
+	parentElement?: any;
+
+	/** returns the current dragging parent TreeView node details
+	*/
+	parentElementData?: any;
+
+	/** returns the current parent element of the dragging node
+	*/
+	target?: any;
+
+	/** returns the given parent node details
+	*/
+	targetElementData?: any;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface NodeDragStopEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the original drop target
+	*/
+	dropTarget?: any;
+
+	/** returns the current dragged TreeView node
+	*/
+	draggedElement?: any;
+
+	/** returns the current dragged TreeView node details
+	*/
+	draggedElementData?: any;
+
+	/** returns the current parent element of the dragged node
+	*/
+	target?: any;
+
+	/** returns the given parent node details
+	*/
+	targetElementData?: any;
+
+	/** returns the drop position such as before, after or over
+	*/
+	position?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface NodeDroppedEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the original drop target
+	*/
+	dropTarget?: any;
+
+	/** returns the current dropped TreeView node
+	*/
+	droppedElement?: any;
+
+	/** returns the current dropped TreeView node details
+	*/
+	droppedElementData?: any;
+
+	/** returns the current parent element of the dropped node
+	*/
+	target?: any;
+
+	/** returns the given parent node details
+	*/
+	targetElementData?: any;
+
+	/** returns the drop position such as before, after or over
+	*/
+	position?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+}
+
+export interface NodeEditEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the id of the element
+	*/
+	id?: string;
+
+	/** returns the oldText of the element
+	*/
+	oldText?: string;
+
+	/** returns the newText of the element
+	*/
+	newText?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the target element, the given node to be cut
+	*/
+	target?: any;
+
+	/** returns the given target node values
+	*/
+	nodeDetails?: any;
+}
+
+export interface NodeExpandEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** if the child node is ready to expanded state; otherwise, false.
+	*/
+	isChildLoaded?: boolean;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** returns the id of currently clicked node
+	*/
+	id?: string;
+
+	/** returns the parent id of currently clicked node
+	*/
+	parentId?: string;
+
+	/** returns the format asynchronous or synchronous 
+	*/
+	async?: boolean;
+}
+
+export interface NodePasteEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the pasted element
+	*/
+	target?: any;
+
+	/** returns the given target node values
+	*/
+	nodeDetails?: any;
+
+	/** returns the key pressed key code value
+	*/
+	keyCode?: number;
+}
+
+export interface NodeSelectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the id of the current element of the node clicked
+	*/
+	id?: any;
+
+	/** returns the id of the parent element of current element of the node clicked
+	*/
+	parentId?: any;
+
+	/** returns the current selected nodes index of TreeView
+	*/
+	selectedNodes?: Array<any>;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+}
+
+export interface NodeUncheckEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the event object
+	*/
+	event?: any;
+
+	/** returns the id of the current element of the node clicked
+	*/
+	id?: any;
+
+	/** returns the id of the parent element of current element of the node clicked
+	*/
+	parentId?: any;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+
+	/** returns the current element of the node clicked
+	*/
+	currentElement?: any;
+
+	/** it returns true when the node checkbox is checked; otherwise, false.
+	*/
+	isChecked?: boolean;
+
+	/** it returns currently unchecked node name
+	*/
+	currentNode?: string;
+
+	/** it returns currently unchecked node and its child node details.
+	*/
+	currentUncheckedNodes?: Array<any>;
+}
+
+export interface NodeUnselectEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the current element of the node unselected
+	*/
+	currentElement?: any;
+
+	/** returns the id of the current element of the node unselected
+	*/
+	id?: string;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the id of the parent element of current element of the node unselected
+	*/
+	parentId?: string;
+
+	/** returns the current selected nodes index of TreeView
+	*/
+	selectedNodes?: Array<any>;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the value of the node
+	*/
+	value?: string;
+}
+
+export interface ReadyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the TreeView model
+	*/
+	model?: ej.TreeView.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface Fields {
+
+	/** It receives the child level or inner level data source such as Essential DataManager object and JSON object.
+	*/
+	child?: any;
+
+	/** It receives Essential DataManager object and JSON object.
+	*/
+	dataSource?: any;
+
+	/** Specifies the node to be in expanded state.
+	*/
+	expanded?: string;
+
+	/** Its allow us to indicate whether the node has child or not in load on demand
+	*/
+	hasChild?: string;
+
+	/** Specifies the HTML Attributes to &quot;li&quot; item list.
+	*/
+	htmlAttribute?: any;
+
+	/** Specifies the id to TreeView node items list.
+	*/
+	id?: string;
+
+	/** Specifies the image attribute to “img” tag inside items list
+	*/
+	imageAttribute?: any;
+
+	/** Specifies the HTML Attributes to &quot;li&quot; item list.
+	*/
+	imageUrl?: string;
+
+	/** If its true Checkbox node will be checked when rendered with checkbox.
+	*/
+	isChecked?: string;
+
+	/** Specifies the link attribute to “a” tag in item list.
+	*/
+	linkAttribute?: any;
+
+	/** Specifies the parent id of the node. The nodes are listed as child nodes of the specified parent node by using its parent id.
+	*/
+	parentId?: string;
+
+	/** It receives query to retrieve data from the table (query is same as SQL).
+	*/
+	query?: any;
+
+	/** Allow us to specify the node to be in selected state
+	*/
+	selected?: string;
+
+	/** Specifies the sprite CSS class to &quot;li&quot; item list.
+	*/
+	spriteCssClass?: string;
+
+	/** It receives the table name to execute query on the corresponding table.
+	*/
+	tableName?: string;
+
+	/** Specifies the text of TreeView node items list.
+	*/
+	text?: string;
+}
+
+export interface SortSettings {
+
+	/** Enables or disables the sorting option in TreeView control
+	*   @Default {false}
+	*/
+	allowSorting?: boolean;
+
+	/** Sets the sorting order type. There are two sorting types available, such as &quot;ascending&quot;, &quot;descending&quot;.
+	*   @Default {ej.sortOrder.Ascending}
+	*/
+	sortOrder?: ej.sortOrder|string;
+}
+}
+enum sortOrder
+{
+//Enum for Ascending sort order
+Ascending,
+//Enum for Descending sort order
+Descending,
+}
+
+class Uploadbox extends ej.Widget {
+	static fn: Uploadbox;
+	constructor(element: JQuery, options?: Uploadbox.Model);
+	constructor(element: Element, options?: Uploadbox.Model);
+	static Locale: any;
+	model:Uploadbox.Model;
+	defaults:Uploadbox.Model;
+
+	/** The destroy method destroys the control and brings the control to a pre-init state. All the events of the Upload control is bound by using this._on unbinds automatically.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the Uploadbox control
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the Uploadbox control
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Refresh the Uploadbox control
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Upload the selected files.
+	*   @returns {void}
+	*/
+	upload(): void;
+}
+export module Uploadbox{
+
+export interface Model {
+
+	/** Enables the file drag and drop support to the Uploadbox control.
+	*   @Default {false}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Uploadbox supports both synchronous and asynchronous upload. This can be achieved by using the asyncUpload property.
+	*   @Default {true}
+	*/
+	asyncUpload?: boolean;
+
+	/** Uploadbox supports auto uploading of files after the file selection is done.
+	*   @Default {false}
+	*/
+	autoUpload?: boolean;
+
+	/** Sets the text for each action button.
+	*   @Default {{browse: Browse, upload: Upload, cancel: Cancel, close: Close}}
+	*/
+	buttonText?: ButtonText;
+
+	/** Sets the root class for the Uploadbox control theme. This cssClass API helps to use custom skinning option for the Uploadbox button and dialog content.
+	*/
+	cssClass?: string;
+
+	/** Specifies the custom file details in the dialog popup on initialization.
+	*   @Default {{ title:true, name:true, size:true, status:true, action:true}}
+	*/
+	customFileDetails?: CustomFileDetails;
+
+	/** Specifies the actions for dialog popup while initialization.
+	*   @Default {{ modal:false, closeOnComplete:false, content:null, drag:true}}
+	*/
+	dialogAction?: DialogAction;
+
+	/** Displays the Uploadbox dialog at the given X and Y positions. X: Dialog sets the left position value. Y: Dialog sets the top position value.
+	*   @Default {null}
+	*/
+	dialogPosition?: any;
+
+	/** Property for applying the text to the Dialog title and content headers.
+	*   @Default {{ title: Upload Box, name: Name, size: Size, status: Status}}
+	*/
+	dialogText?: DialogText;
+
+	/** The dropAreaText is displayed when the drag and drop support is enabled in the Uploadbox control.
+	*   @Default {Drop files or click to upload}
+	*/
+	dropAreaText?: string;
+
+	/** Specifies the dropAreaHeight when the drag and drop support is enabled in the Uploadbox control.
+	*   @Default {100%}
+	*/
+	dropAreaHeight?: number|string;
+
+	/** Specifies the dropAreaWidth when the drag and drop support is enabled in the Uploadbox control.
+	*   @Default {100%}
+	*/
+	dropAreaWidth?: number|string;
+
+	/** Based on the property value, Uploadbox is enabled or disabled.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Sets the right-to-left direction property for the Uploadbox control.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Only the files with the specified extension is allowed to upload. This is mentioned in the string format.
+	*/
+	extensionsAllow?: string;
+
+	/** Only the files with the specified extension is denied for upload. This is mentioned in the string format.
+	*/
+	extensionsDeny?: string;
+
+	/** Sets the maximum size limit for uploading the file. This is mentioned in the number format.
+	*   @Default {31457280}
+	*/
+	fileSize?: number;
+
+	/** Sets the height of the browse button.
+	*   @Default {35px}
+	*/
+	height?: string;
+
+	/** Specifies the list of HTML attributes to be added to uploadbox control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Configures the culture data and sets the culture to the Uploadbox.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Enables multiple file selection for upload.
+	*   @Default {true}
+	*/
+	multipleFilesSelection?: boolean;
+
+	/** You can push the file to the Uploadbox in the client-side of the XHR supported browsers alone.
+	*   @Default {null}
+	*/
+	pushFile?: any;
+
+	/** Specifies the remove action to be performed after the file uploading is completed. Here, mention the server address for removal.
+	*/
+	removeUrl?: string;
+
+	/** Specifies the save action to be performed after the file is pushed for uploading. Here, mention the server address to be saved.
+	*/
+	saveUrl?: string;
+
+	/** Enables the browse button support to the Uploadbox control.
+	*   @Default {true}
+	*/
+	showBrowseButton?: boolean;
+
+	/** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
+	*   @Default {true}
+	*/
+	showFileDetails?: boolean;
+
+	/** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
+	*   @Default {true}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Sets the name for the Uploadbox control. This API helps to Map the action in code behind to retrieve the files.
+	*/
+	uploadName?: string;
+
+	/** Sets the width of the browse button.
+	*   @Default {100px}
+	*/
+	width?: string;
+
+	/** Fires when the upload progress beforeSend. */
+	beforeSend? (e: BeforeSendEventArgs): void;
+
+	/** Fires when the upload progress begins. */
+	begin? (e: BeginEventArgs): void;
+
+	/** Fires when the upload progress is cancelled. */
+	cancel? (e: CancelEventArgs): void;
+
+	/** Fires when the file upload progress is completed. */
+	complete? (e: CompleteEventArgs): void;
+
+	/** Fires when the file upload progress is succeeded. */
+	success? (e: SuccessEventArgs): void;
+
+	/** Fires when the Uploadbox control is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the Uploadbox control is destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires when the Upload process ends in Error. */
+	error? (e: ErrorEventArgs): void;
+
+	/** Fires when the file is selected for upload successfully. */
+	fileSelect? (e: FileSelectEventArgs): void;
+
+	/** Fires when the file is uploading. */
+	inProgress? (e: InProgressEventArgs): void;
+
+	/** Fires when the uploaded file is removed successfully. */
+	remove? (e: RemoveEventArgs): void;
+}
+
+export interface BeforeSendEventArgs {
+
+	/** Selected FileList Object.
+	*/
+	files?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** XHR-AJAX Object for reference.
+	*/
+	xhr?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeginEventArgs {
+
+	/** To pass additional information to the server.
+	*/
+	data?: any;
+
+	/** Selected FileList Object.
+	*/
+	files?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CancelEventArgs {
+
+	/** Canceled FileList Object.
+	*/
+	fileStatus?: any;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CompleteEventArgs {
+
+	/** AJAX event argument for reference.
+	*/
+	e?: any;
+
+	/** Uploaded file list.
+	*/
+	files?: any;
+
+	/** response from the server.
+	*/
+	responseText?: string;
+
+	/** XHR-AJAX Object for reference.
+	*/
+	xhr?: any;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface SuccessEventArgs {
+
+	/** response from the server.
+	*/
+	responseText?: string;
+
+	/** AJAX event argument for reference.
+	*/
+	e?: any;
+
+	/** successfully uploaded files list.
+	*/
+	success?: any;
+
+	/** Uploaded file list.
+	*/
+	files?: any;
+
+	/** XHR-AJAX Object for reference.
+	*/
+	xhr?: any;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ErrorEventArgs {
+
+	/** details about the error information.
+	*/
+	error?: string;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** error event action details.
+	*/
+	action?: string;
+
+	/** returns the file details of the file uploaded
+	*/
+	files?: any;
+}
+
+export interface FileSelectEventArgs {
+
+	/** returns Selected FileList objects
+	*/
+	files?: any;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface InProgressEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** AJAX event argument for reference.
+	*/
+	e?: any;
+
+	/** returns Selected FileList objects
+	*/
+	files?: any;
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the current progress percentage.
+	*/
+	percentage?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RemoveEventArgs {
+
+	/** returns the Uploadbox model
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the file details of the file object
+	*/
+	fileStatus?: any;
+}
+
+export interface ButtonText {
+
+	/** Sets the text for the browse button.
+	*/
+	browse?: string;
+
+	/** Sets the text for the cancel button.
+	*/
+	cancel?: string;
+
+	/** Sets the text for the close button.
+	*/
+	Close?: string;
+
+	/** Sets the text for the Upload button inside the dialog popup.
+	*/
+	upload?: string;
+}
+
+export interface CustomFileDetails {
+
+	/** Enables the file upload interactions like remove/cancel in File details of the dialog popup.
+	*/
+	action?: boolean;
+
+	/** Enables the name in the File details of the dialog popup.
+	*/
+	name?: boolean;
+
+	/** Enables or disables the File size details of the dialog popup.
+	*/
+	size?: boolean;
+
+	/** Enables or disables the file uploading status visibility in the dialog file details content.
+	*/
+	status?: boolean;
+
+	/** Enables the title in File details for the dialog popup.
+	*/
+	title?: boolean;
+}
+
+export interface DialogAction {
+
+	/** Once uploaded successfully, the dialog popup closes immediately.
+	*/
+	closeOnComplete?: boolean;
+
+	/** Sets the content container option to the Uploadbox dialog popup.
+	*/
+	content?: string;
+
+	/** Enables the drag option to the dialog popup.
+	*/
+	drag?: boolean;
+
+	/** Enables or disables the Uploadbox dialog’s modal property to the dialog popup.
+	*/
+	modal?: boolean;
+}
+
+export interface DialogText {
+
+	/** Sets the uploaded file’s Name (header text) to the Dialog popup.
+	*/
+	name?: string;
+
+	/** Sets the upload file Size (header text) to the dialog popup.
+	*/
+	size?: string;
+
+	/** Sets the upload file Status (header text) to the dialog popup.
+	*/
+	status?: string;
+
+	/** Sets the title text of the dialog popup.
+	*/
+	title?: string;
+}
+}
+
+class WaitingPopup extends ej.Widget {
+	static fn: WaitingPopup;
+	constructor(element: JQuery, options?: WaitingPopup.Model);
+	constructor(element: Element, options?: WaitingPopup.Model);
+	static Locale: any;
+	model:WaitingPopup.Model;
+	defaults:WaitingPopup.Model;
+
+	/** To hide the waiting popup
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Refreshes the WaitingPopup control by resetting the pop-up panel position and content position
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** To show the waiting popup
+	*   @returns {void}
+	*/
+	show(): void;
+}
+export module WaitingPopup{
+
+export interface Model {
+
+	/** Sets the root class for the WaitingPopup control theme
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** Specifies the list of HTML attributes to be added to waitingpopup control.
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Enables or disables the default loading icon.
+	*   @Default {true}
+	*/
+	showImage?: boolean;
+
+	/** Enables the visibility of the WaitingPopup control
+	*   @Default {false}
+	*/
+	showOnInit?: boolean;
+
+	/** Specified a selector for elements, within the container.
+	*   @Default {null}
+	*/
+	target?: string;
+
+	/** Waitingpopup element append to given container element.
+	*   @Default {null}
+	*/
+	appendTo?: string;
+
+	/** Loads HTML content inside the popup panel instead of the default icon
+	*   @Default {null}
+	*/
+	template?: any;
+
+	/** Sets the custom text in the pop-up panel to notify the waiting process
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Fires after Create WaitingPopup successfully */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires after Destroy WaitingPopup successfully */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface CreateEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the WaitingPopup model
+	*/
+	model?: ej.WaitingPopup.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the WaitingPopup model
+	*/
+	model?: ej.WaitingPopup.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+}
+
+class Grid extends ej.Widget {
+	static fn: Grid;
+	constructor(element: JQuery, options?: Grid.Model);
+	constructor(element: Element, options?: Grid.Model);
+	static Locale: any;
+	model:Grid.Model;
+	defaults:Grid.Model;
+
+	/** Adds a grid model property which is to be ignored upon exporting.
+	*   @param {Array<any>} Pass the array of parameters which need to be ignored on exporting 
+	*   @returns {void}
+	*/
+	addIgnoreOnExport(propertyNames: Array<any>): void;
+
+	/** Adds a grid model property which is to be ignored upon OnServerToolbarClick.
+	*   @param {Array<any>} Pass the array of parameters which need to be ignored on OnServerToolbarClick 
+	*   @returns {void}
+	*/
+	addIgnoreOnToolbarServerClick(propertyNames: Array<any>): void;
+
+	/** Add a new record in grid control when allowAdding is set as true.Without passing parameters it will add empty row.
+	*   @param {Array<any>} Pass the array of added Records
+	*   @param {Array<any>} optionalIf we pass serverChange as true, send post to server side for server action.
+	*   @returns {void}
+	*/
+	addRecord(data?: Array<any>, serverChange?: Array<any>): void;
+
+	/** Cancel the modified changes in grid control when edit mode is &quot;batch&quot;.
+	*   @returns {void}
+	*/
+	batchCancel(): void;
+
+	/** Save the modified changes to data source in grid control when edit mode is &quot;batch&quot;.
+	*   @returns {void}
+	*/
+	batchSave(): void;
+
+	/** Send a cancel request in grid.
+	*   @returns {void}
+	*/
+	cancelEdit(): void;
+
+	/** Send a cancel request to the edited cell in grid.
+	*   @returns {void}
+	*/
+	cancelEditCell(): void;
+
+	/** It is used to clear all the cell selection.
+	*   @returns {boolean}
+	*/
+	clearCellSelection(): boolean;
+
+	/** It is used to clear specified cell selection based on the rowIndex and columnIndex provided.
+	*   @param {number} It is used to pass the row index of the cell
+	*   @param {number} It is used to pass the column index of the cell.
+	*   @returns {boolean}
+	*/
+	clearCellSelection(rowIndex: number, columnIndex: number): boolean;
+
+	/** It is used to clear all the row selection or at specific row selection based on the index provided.
+	*   @param {number} optional If index of the column is specified then it will remove the selection from the particular column else it will clears all of the column selection
+	*   @returns {boolean}
+	*/
+	clearColumnSelection(index?: number): boolean;
+
+	/** It is used to clear all the filtering done.
+	*   @param {string}  If field of the column is specified then it will clear the  particular filtering column
+	*   @returns {void}
+	*/
+	clearFiltering(field: string): void;
+
+	/** Clear the searching from the grid
+	*   @returns {void}
+	*/
+	clearSearching(): void;
+
+	/** Clear all the row selection or at specific row selection based on the index provided
+	*   @param {number} optional If index of the row is specified then it will remove the selection from the particular row else it will clears all of the row selection
+	*   @returns {boolean}
+	*/
+	clearSelection(index?: number): boolean;
+
+	/** Clear the sorting from columns in the grid
+	*   @returns {void}
+	*/
+	clearSorting(): void;
+
+	/** Collapse all the group caption rows in grid
+	*   @returns {void}
+	*/
+	collapseAll(): void;
+
+	/** Collapse the group drop area in grid
+	*   @returns {void}
+	*/
+	collapseGroupDropArea(): void;
+
+	/** Add or remove columns in grid column collections
+	*   @param {Array<any>|string} Pass array of columns or string of field name to add/remove the column in grid
+	*   @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
+	*   @returns {void}
+	*/
+	columns(columnDetails: Array<any>|string, action?: string): void;
+
+	/** Refresh the grid with new data source
+	*   @param {any} Pass new data source to the grid
+	*   @param {boolean} optional When templateRefresh is set true, both header and contents get refreshed
+	*   @returns {void}
+	*/
+	dataSource(datasource: any, templateRefresh?: boolean): void;
+
+	/** Delete a record in grid control when allowDeleting is set as true
+	*   @param {string} Pass the primary key field Name of the column
+	*   @param {any} Pass the JSON data of record need to be delete.
+	*   @returns {void}
+	*/
+	deleteRecord(fieldName: string, data: any): void;
+
+	/** Delete the row based on the given tr element in grid.
+	*   @param {JQuery} Pass the tr element in grid content to get its row index
+	*   @returns {HTMLElement}
+	*/
+	deleteRow($tr: JQuery): HTMLElement;
+
+	/** Destroy the grid widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Edit a particular cell based on the row index and field name provided in &quot;batch&quot; edit mode.
+	*   @param {number} Pass row index to edit particular cell
+	*   @param {string} Pass the field name of the column to perform batch edit
+	*   @returns {void}
+	*/
+	editCell(index: number, fieldName: string): void;
+
+	/** It returns a value and if the input field values of edit form is not based on the validation rules then it will show the validation message.
+	*   @returns {boolean}
+	*/
+	editFormValidate(): boolean;
+
+	/** Send a save request in grid.
+	*   @returns {void}
+	*/
+	endEdit(): void;
+
+	/** Expand all the group caption rows in grid.
+	*   @returns {void}
+	*/
+	expandAll(): void;
+
+	/** Expand or collapse the row based on the row state in grid
+	*   @param {JQuery} Pass the target object to expand/collapse the row based on its row state
+	*   @returns {void}
+	*/
+	expandCollapse($target: JQuery): void;
+
+	/** Expand the group drop area in grid.
+	*   @returns {void}
+	*/
+	expandGroupDropArea(): void;
+
+	/** Export the grid content to excel, word or PDF document.
+	*   @param {string} Pass the controller action name corresponding to exporting
+	*   @param {string} optionalASP server event name corresponding to exporting
+	*   @param {boolean} optionalPass the multiple exporting value as true/false
+	*   @param {Array<any>} optionalPass the array of the gridIds to be filtered
+	*   @returns {void}
+	*/
+	export(action?: string, serverEvent?: string, multipleExport?: boolean, gridIds?: Array<any>): void;
+
+	/** Send a filtering request to filter one column in grid.
+	*   @param {Array<any>} Pass the field name of the column
+	*   @param {string} string/integer/dateTime operator
+	*   @param {string} Pass the value to be filtered in a column
+	*   @param {string} Pass the predicate as and/or
+	*   @param {boolean} optional Pass the match case value as true/false
+	*   @param {any} optionalactualFilterValue denote the filter object of current filtered columns.Pass the value to filtered in a column
+	*   @returns {void}
+	*/
+	filterColumn(fieldName: Array<any>, filterOperator: string, filterValue: string, predicate: string, matchcase?: boolean, actualFilterValue?: any): void;
+
+	/** Send a filtering request to filter single or multiple column in grid.
+	*   @param {Array<any>} Pass array of filterColumn query for performing filter operation
+	*   @returns {void}
+	*/
+	filterColumn(filterQueries: Array<any>): void;
+
+	/** Get the batch changes of edit, delete and add operations of grid.
+	*   @returns {any}
+	*/
+	getBatchChanges(): any;
+
+	/** Get the browser details
+	*   @returns {any}
+	*/
+	getBrowserDetails(): any;
+
+	/** Get the column details based on the given field in grid
+	*   @param {string} Pass the field name of the column to get the corresponding column object
+	*   @returns {any}
+	*/
+	getColumnByField(fieldName: string): any;
+
+	/** Get the column details based on the given header text in grid.
+	*   @param {string} Pass the header text of the column to get the corresponding column object
+	*   @returns {any}
+	*/
+	getColumnByHeaderText(headerText: string): any;
+
+	/** Get the column details based on the given column index in grid
+	*   @param {number} Pass the index of the column to get the corresponding column object
+	*   @returns {any}
+	*/
+	getColumnByIndex(columnIndex: number): any;
+
+	/** Get the list of field names from column collection in grid.
+	*   @returns {Array<any>}
+	*/
+	getColumnFieldNames(): Array<any>;
+
+	/** Get the column index of the given field in grid.
+	*   @param {string} Pass the field name of the column to get the corresponding column index
+	*   @returns {number}
+	*/
+	getColumnIndexByField(fieldName: string): number;
+
+	/** Get the column index of the given headerText of column in grid.
+	*   @param {string} Pass the headerText of the column to get that column index
+	*   @param {string} optionalOptional Pass the field name of the column.
+	*   @returns {number}
+	*/
+	getColumnIndexByHeaderText(headerText: string, field?: string): number;
+
+	/** Get the content div element of grid.
+	*   @returns {HTMLElement}
+	*/
+	getContent(): HTMLElement;
+
+	/** Get the content table element of grid
+	*   @returns {Array<HTMLTableElement>}
+	*/
+	getContentTable(): Array<HTMLTableElement>;
+
+	/** Get the data of currently edited cell value in &quot;batch&quot; edit mode
+	*   @returns {any}
+	*/
+	getCurrentEditCellData(): any;
+
+	/** Get the current page index in grid pager.
+	*   @returns {number}
+	*/
+	getCurrentIndex(): number;
+
+	/** Get the current page data source of grid.
+	*   @returns {Array<any>}
+	*/
+	getCurrentViewData(): Array<any>;
+
+	/** Get the data of given row index in grid.
+	*   @returns {any}
+	*/
+	getDataByIndex(): any;
+
+	/** Get the column field name from the given header text in grid.
+	*   @param {string} Pass header text of the column to get its corresponding field name
+	*   @returns {string}
+	*/
+	getFieldNameByHeaderText(headerText: string): string;
+
+	/** Get the filter bar of grid
+	*   @returns {HTMLElement}
+	*/
+	getFilterBar(): HTMLElement;
+
+	/** Get the records filtered or searched in Grid
+	*   @returns {Array<any>}
+	*/
+	getFilteredRecords(): Array<any>;
+
+	/** Get the footer content of grid.
+	*   @returns {HTMLElement}
+	*/
+	getFooterContent(): HTMLElement;
+
+	/** Get the footer table element of grid.
+	*   @returns {HTMLElement}
+	*/
+	getFooterTable(): HTMLElement;
+
+	/** Get the header content div element of grid.
+	*   @returns {HTMLElement}
+	*/
+	getHeaderContent(): HTMLElement;
+
+	/** Get the header table element of grid
+	*   @returns {HTMLElement}
+	*/
+	getHeaderTable(): HTMLElement;
+
+	/** Get the column header text from the given field name in grid.
+	*   @param {string} Pass field name of the column to get its corresponding header text
+	*   @returns {string}
+	*/
+	getHeaderTextByFieldName(field: string): string;
+
+	/** Get the names of all the hidden column collections in grid.
+	*   @returns {Array<any>}
+	*/
+	getHiddenColumnNames(): Array<any>;
+
+	/** Get the row index based on the given tr element in grid.
+	*   @param {JQuery} Pass the tr element in grid content to get its row index
+	*   @returns {number}
+	*/
+	getIndexByRow($tr: JQuery): number;
+
+	/** Get the pager of grid.
+	*   @returns {HTMLElement}
+	*/
+	getPager(): HTMLElement;
+
+	/** Get the names of primary key columns in Grid
+	*   @returns {Array<any>}
+	*/
+	getPrimaryKeyFieldNames(): Array<any>;
+
+	/** Get the rows(tr element) from the given from and to row index in grid
+	*   @param {number} Pass the from index from which the rows to be returned
+	*   @param {number} Pass the to index to which the rows to be returned
+	*   @returns {HTMLElement}
+	*/
+	getRowByIndex(from: number, to: number): HTMLElement;
+
+	/** Get the row height of grid.
+	*   @returns {number}
+	*/
+	getRowHeight(): number;
+
+	/** Get the rows(tr element)of grid which is displayed in the current page.
+	*   @returns {HTMLElement}
+	*/
+	getRows(): HTMLElement;
+
+	/** Get the scroller object of grid.
+	*   @returns {ej.Scroller}
+	*/
+	getScrollObject(): ej.Scroller;
+
+	/** Get the selected records details in grid.
+	*   @returns {Array<any>}
+	*/
+	getSelectedRecords(): Array<any>;
+
+	/** Get the selected row element details in grid.
+	*   @returns {Array<any>}
+	*/
+	getSelectedRows(): Array<any>;
+
+	/** It accepts the string value and returns the field and sorted direction of the column in grid.
+	*   @param {string} Pass the field of the column to get the sorted direction of the corresponding column in Grid.
+	*   @returns {number}
+	*/
+	getsortColumnByField(field: string): number;
+
+	/** Get the calculated summary values of JSON data passed to it
+	*   @param {any} Pass Summary Column details
+	*   @param {any} Pass JSON Array for which its field values to be calculated
+	*   @returns {number}
+	*/
+	getSummaryValues(summaryCol: any, summaryData: any): number;
+
+	/** Get the names of all the visible column collections in grid
+	*   @returns {Array<any>}
+	*/
+	getVisibleColumnNames(): Array<any>;
+
+	/** Send a paging request to specified page in grid
+	*   @param {number} Pass the page index to perform paging at specified page index
+	*   @returns {void}
+	*/
+	gotoPage(pageIndex: number): void;
+
+	/** Send a column grouping request in grid.
+	*   @param {string} Pass the field Name of the column to be grouped in grid control
+	*   @returns {void}
+	*/
+	groupColumn(fieldName: string): void;
+
+	/** Hide columns from the grid based on the header text
+	*   @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to hide
+	*   @returns {void}
+	*/
+	hideColumns(headerText: Array<any>|string): void;
+
+	/** Print the grid control
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** It is used to refresh and reset the changes made in &quot;batch&quot; edit mode
+	*   @returns {void}
+	*/
+	refreshBatchEditChanges(): void;
+
+	/** It is used to refresh the grid header.
+	*   @returns {void}
+	*/
+	refreshHeader(): void;
+
+	/** Refresh the grid contents. The template refreshment is based on the argument passed along with this method
+	*   @param {boolean} optional When templateRefresh is set true, template and grid contents both are refreshed in grid else only grid content is refreshed
+	*   @returns {void}
+	*/
+	refreshContent(templateRefresh?: boolean): void;
+
+	/** Refresh the template of the grid
+	*   @returns {void}
+	*/
+	refreshTemplate(): void;
+
+	/** Refresh the toolbar items in grid.
+	*   @returns {void}
+	*/
+	refreshToolbar(): void;
+
+	/** Remove a column or collection of columns from a sorted column collections in grid.
+	*   @param {Array<any>|string} Pass array of field names of the columns to remove a collection of sorted columns or pass a string of field name to remove a column from sorted column collections
+	*   @returns {void}
+	*/
+	removeSortedColumns(fieldName: Array<any>|string): void;
+
+	/** Creates a grid control
+	*   @returns {void}
+	*/
+	render(): void;
+
+	/** Re-order the column in grid
+	*   @param {string} Pass the from field name of the column needs to be changed
+	*   @param {string} Pass the to field name of the column needs to be changed
+	*   @returns {void}
+	*/
+	reorderColumns(fromFieldName: string, toFieldName: string): void;
+
+	/** Re-order the row in grid
+	*   @param {Array<any>} Pass the indexes of the rows needs to reorder.
+	*   @param {number} Pass the index of a row where to be reordered.
+	*   @returns {void}
+	*/
+	reorderRows(indexes: Array<any>, toIndex: number): void;
+
+	/** Reset the model collections like pageSettings, groupSettings, filterSettings, sortSettings and summaryRows.
+	*   @returns {void}
+	*/
+	resetModelCollections(): void;
+
+	/** Resize the columns by giving column name and width for the corresponding one.
+	*   @param {string} Pass the column name that needs to be changed
+	*   @param {string} Pass the width to resize the particular columns
+	*   @returns {void}
+	*/
+	resizeColumns(column: string, width: string): void;
+
+	/** Resolves row height issue when unbound column is used with FrozenColumn
+	*   @returns {void}
+	*/
+	rowHeightRefresh(): void;
+
+	/** We can prevent the client side cellSave event triggering by passing the preventSaveEvent argument as true.Without argument it will save the particular edited grid cell.
+	*   @param {boolean} optionalIf we pass preventSaveEvent as true, it prevents the client side cellSave event triggering 
+	*   @returns {void}
+	*/
+	saveCell(preventSaveEvent?: boolean): void;
+
+	/** Set dimension for grid with corresponding to grid parent.
+	*   @param {number} Pass the height of the grid container
+	*   @param {number} Pass the width of the grid container
+	*   @returns {void}
+	*/
+	setDimension(height: number, width: number): void;
+
+	/** Send a request to grid to refresh the width set to columns
+	*   @returns {void}
+	*/
+	setWidthToColumns(): void;
+
+	/** Send a search request to grid with specified string passed in it
+	*   @param {string} Pass the string to search in Grid records
+	*   @returns {void}
+	*/
+	search(searchString: string): void;
+
+	/** Select cells in grid.
+	*   @param {any} It is used to set the starting index of row and indexes of cells for that corresponding row for selecting cells.
+	*   @returns {void}
+	*/
+	selectCells(rowCellIndexes: any): void;
+
+	/** Select columns in grid.
+	*   @param {number} It is used to set the starting index of column for selecting columns.
+	*   @returns {void}
+	*/
+	selectColumns(fromIndex: number): void;
+
+	/** Select the specified columns in grid based on Index provided.
+	*   @param {number} It is used to set the starting index of column for selecting columns.
+	*   @param {number} optionalIt is used to set the ending index of column for selecting columns.
+	*   @returns {boolean}
+	*/
+	selectColumns(columnIndex: number, toIndex?: number): boolean;
+
+	/** Select rows in grid.
+	*   @param {number} It is used to set the starting index of row for selecting rows.
+	*   @param {number} It is used to set the ending index of row for selecting rows.
+	*   @returns {void}
+	*/
+	selectRows(fromIndex: number, toIndex: number): void;
+
+	/** Select specified rows in grid based on Index provided.
+	*   @param {Array<any>|number} It is used to set the starting index of row for selecting rows.
+	*   @param {number} optionalIt is used to set the ending index of row for selecting rows.
+	*   @param {any} optionalTarget element which is clicked.
+	*   @returns {void}
+	*/
+	selectRows(from: Array<any>|number, to: number, target?: any): void;
+
+	/** Select rows in grid.
+	*   @param {Array<any>} Pass array of rowIndexes for selecting rows
+	*   @returns {void}
+	*/
+	selectRows(rowIndexes: Array<any>): void;
+
+	/** Used to update a particular cell value.
+	*   @returns {void}
+	*/
+	setCellText(): void;
+
+	/** Used to update a particular cell value based on specified row Index and the fieldName.
+	*   @param {number} It is used to set the index for selecting the row.
+	*   @param {string} It is used to set the field name for selecting column.
+	*   @param {any} It is used to set the value for the selected cell.
+	*   @returns {void}
+	*/
+	setCellValue(Index: number, fieldName: string, value: any): void;
+
+	/** It sets the default data to the column in grid during adding record in batch edit mode.
+	*   @returns {void}
+	*/
+	setDefaultData(): void;
+
+	/** The grid rows has to be rendered as detail view in mobile mode based on given value.
+	*   @param {number} It is used to render grid rows as details view in mobile mode.
+	*   @returns {void}
+	*/
+	setPhoneModeMaxWidth(Index: number): void;
+
+	/** Set validation to edit form in the grid.
+	*   @returns {void}
+	*/
+	setValidation(): void;
+
+	/** Set validation to a particular input field in a edit form dynamically.
+	*   @param {string} Specify the field name of the column to set validation rules
+	*   @param {any} Specify the validation rules for the field
+	*   @returns {void}
+	*/
+	setValidationToField(fieldName: string, rules: any): void;
+
+	/** Show columns in the grid based on the header text
+	*   @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to show
+	*   @returns {void}
+	*/
+	showColumns(headerText: Array<any>|string): void;
+
+	/** Send a sorting request in grid.
+	*   @param {string} Pass the field name of the column as columnName for which sorting have to be performed
+	*   @param {string} optional Pass the sort direction ascending/descending by which the column have to be sort. By default it is sorting in an ascending order
+	*   @returns {void}
+	*/
+	sortColumn(columnName: string, sortingDirection?: string): void;
+
+	/** Send an edit record request in grid
+	*   @param {JQuery} Pass the tr- selected row element to be edited in grid
+	*   @returns {void}
+	*/
+	startEdit($tr: JQuery): void;
+
+	/** Un-group a column from grouped columns collection in grid
+	*   @param {string} Pass the field Name of the column to be ungrouped from grouped column collection
+	*   @returns {void}
+	*/
+	ungroupColumn(fieldName: string): void;
+
+	/** Update a edited record in grid control when allowEditing is set as true.
+	*   @param {string} Pass the primary key field Name of the column
+	*   @param {Array<any>} Pass the edited JSON data of record need to be update.
+	*   @returns {void}
+	*/
+	updateRecord(fieldName: string, data: Array<any>): void;
+
+	/** It adapts grid to its parent element or to the browsers window.
+	*   @returns {void}
+	*/
+	windowonresize(): void;
+}
+export module Grid{
+
+export interface Model {
+
+	/** Gets or sets a value that indicates whether to customizing cell based on our needs.
+	*   @Default {false}
+	*/
+	allowCellMerging?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic grouping behavior. Grouping can be done by drag on drop desired columns to grid’s GroupDropArea. This can be further customized through “groupSettings” property.
+	*   @Default {false}
+	*/
+	allowGrouping?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable keyboard support for performing grid actions. selectionType – Gets or sets a value that indicates whether to enable single row or multiple rows selection behavior in grid. Multiple selection can be done through by holding CTRL and clicking the grid rows
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic filtering behavior on grid. Filtering can be used to limit the records displayed using required criteria and this can be further customized through “filterSettings” property
+	*   @Default {false}
+	*/
+	allowFiltering?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
+	*   @Default {false}
+	*/
+	allowSorting?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable multi columns sorting behavior in grid. Sort multiple columns by holding CTRL and click on the corresponding column header.
+	*   @Default {false}
+	*/
+	allowMultiSorting?: boolean;
+
+	/** This specifies the grid to show the paginated data. Also enables pager control at the bottom of grid for dynamic navigation through data source. Paging can be further customized through “pageSettings” property.
+	*   @Default {false}
+	*/
+	allowPaging?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the columns reordering behavior in the grid. Reordering can be done through by drag and drop the particular column from one index to another index within the grid.
+	*   @Default {false}
+	*/
+	allowReordering?: boolean;
+
+	/** Gets or sets a value that indicates whether the column is non resizable. Column width is set automatically based on the content or header text which is large.
+	*   @Default {false}
+	*/
+	allowResizeToFit?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic resizable of columns. Resize the width of the columns by simply click and move the particular column header line
+	*   @Default {false}
+	*/
+	allowResizing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the rows reordering in Grid and drag &amp; drop rows between multiple Grid.
+	*   @Default {false}
+	*/
+	allowRowDragAndDrop?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the scrollbar in the grid and view the records by scroll through the grid manually
+	*   @Default {false}
+	*/
+	allowScrolling?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic searching behavior in grid. Currently search box can be enabled through “toolbarSettings”
+	*   @Default {false}
+	*/
+	allowSearching?: boolean;
+
+	/** Gets or sets a value that indicates whether user can select rows on grid. On enabling feature, selected row will be highlighted.
+	*   @Default {true}
+	*/
+	allowSelection?: boolean;
+
+	/** Gets or sets a value that indicates whether the Content will wrap to the next line if the content exceeds the boundary of the Column Cells.
+	*   @Default {false}
+	*/
+	allowTextWrap?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the multiple exporting behavior on grid data.
+	*   @Default {false}
+	*/
+	allowMultipleExporting?: boolean;
+
+	/** Gets or sets a value that indicates to define common width for all the columns in the grid.
+	*/
+	commonWidth?: number;
+
+	/** Gets or sets a value that indicates to enable the visibility of the grid lines.
+	*   @Default {ej.Grid.GridLines.Both}
+	*/
+	gridLines?: ej.Grid.GridLines|string;
+
+	/** This specifies the grid to add the grid control inside the grid row of the parent with expand/collapse options
+	*   @Default {null}
+	*/
+	childGrid?: any;
+
+	/** Used to enable or disable static width settings for column. If the columnLayout is set as fixed, then column width will be static.
+	*   @Default {ej.Grid.ColumnLayout.Auto}
+	*/
+	columnLayout?: ej.Grid.ColumnLayout|string;
+
+	/** Gets or sets an object that indicates to render the grid with specified columns
+	*   @Default {[]}
+	*/
+	columns?: Array<Column>;
+
+	/** Gets or sets an object that indicates whether to customize the context menu behavior of the grid.
+	*/
+	contextMenuSettings?: ContextMenuSettings;
+
+	/** Gets or sets a value that indicates to render the grid with custom theme.
+	*/
+	cssClass?: string;
+
+	/** Gets or sets the data to render the grid with records
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Default Value:
+	*   @Default {null}
+	*/
+	detailsTemplate?: string;
+
+	/** Gets or sets an object that indicates whether to customize the editing behavior of the grid.
+	*/
+	editSettings?: EditSettings;
+
+	/** Gets or sets a value that indicates whether to enable the alternative rows differentiation in the grid records based on corresponding theme.
+	*   @Default {true}
+	*/
+	enableAltRow?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the save action in the grid through row selection
+	*   @Default {true}
+	*/
+	enableAutoSaveOnSelectionChange?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable mouse over effect on the corresponding column header cell of the grid
+	*   @Default {false}
+	*/
+	enableHeaderHover?: boolean;
+
+	/** Gets or sets a value that indicates whether to persist the grid model state in page using applicable medium i.e., HTML5 localStorage or cookies
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Gets or sets a value that indicates whether the grid rows has to be rendered as detail view in mobile mode
+	*   @Default {false}
+	*/
+	enableResponsiveRow?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable mouse over effect on corresponding grid row.
+	*   @Default {true}
+	*/
+	enableRowHover?: boolean;
+
+	/** Align content in the grid control from right to left by setting the property as true.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** To Disable the mouse swipe property as false.
+	*   @Default {true}
+	*/
+	enableTouch?: boolean;
+
+	/** It sets a value that indicates whether to enable toolbar items, when allowEditing, allowAdding and allowDeleting property set as false in the grid.
+	*   @Default {false}
+	*/
+	enableToolbarItems?: boolean;
+
+	/** Act as mapper for the excel exporting URL.
+	*   @Default {ExportToExcel}
+	*/
+	exportToExcelAction?: string;
+
+	/** Act as mapper for the PDF exporting URL.
+	*   @Default {ExportToPdf}
+	*/
+	exportToPdfAction?: string;
+
+	/** Act as mapper for the Word exporting URL.
+	*   @Default {ExportToWord}
+	*/
+	exportToWordAction?: string;
+
+	/** Gets or sets an object that indicates whether to customize the filtering behavior of the grid
+	*/
+	filterSettings?: FilterSettings;
+
+	/** Gets or sets an object that indicates whether to customize the grouping behavior of the grid.
+	*/
+	groupSettings?: GroupSettings;
+
+	/** Gets or sets a value that indicates whether the grid design has be to made responsive.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** This specifies to change the key in keyboard interaction to grid control
+	*   @Default {null}
+	*/
+	keySettings?: any;
+
+	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Gets or sets a value that indicates whether to set the minimum width of the responsive grid while isResponsive property is true and enableResponsiveRow property is set as false.
+	*   @Default {0}
+	*/
+	minWidth?: number;
+
+	/** Gets or sets an object that indicates whether to modify the pager default configuration.
+	*/
+	pageSettings?: PageSettings;
+
+	/** Query the dataSource from the table for Grid.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Gets or sets an object that indicates whether to modify the resizing behavior.
+	*/
+	resizeSettings?: ResizeSettings;
+
+	/** Gets or sets a value that indicates to render the grid with template rows. The template row must be a table row. That table row must have the JavaScript render binding format ({{:columnName}}) then the grid data source binds the data to the corresponding table row of the template.
+	*   @Default {null}
+	*/
+	rowTemplate?: string;
+
+	/** Gets or sets an object that indicates whether to customize the drag and drop behavior of the grid rows
+	*/
+	rowDropSettings?: RowDropSettings;
+
+	/** Gets or sets an object that indicates whether to customize the searching behavior of the grid
+	*/
+	searchSettings?: SearchSettings;
+
+	/** Gets a value that indicates whether the grid model to hold multiple selected records . selectedRecords can be used to displayed hold the single or multiple selected records using “selectedRecords” property
+	*   @Default {null}
+	*/
+	selectedRecords?: Array<any>;
+
+	/** Gets or sets a value that indicates to select the row while initializing the grid
+	*   @Default {-1}
+	*/
+	selectedRowIndex?: number;
+
+	/** Gets or sets a value that indicates the selected rows in grid
+	*   @Default {[]}
+	*/
+	selectedRowIndices?: Array<any>;
+
+	/** This property is used to configure the selection behavior of the grid.
+	*/
+	selectionSettings?: SelectionSettings;
+
+	/** The row selection behavior of grid. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
+	*   @Default {ej.Grid.SelectionType.Single}
+	*/
+	selectionType?: ej.Grid.SelectionType|string;
+
+	/** Gets or sets an object that indicates whether to customize the scrolling behavior of the grid.
+	*/
+	scrollSettings?: ScrollSettings;
+
+	/** Default Value:
+	*   @Default {false}
+	*/
+	showColumnChooser?: Boolean;
+
+	/** Gets or sets a value that indicates stacked header should be shown on grid layout when the property “stackedHeaderRows” is set.
+	*   @Default {false}
+	*/
+	showStackedHeader?: boolean;
+
+	/** Gets or sets a value that indicates summary rows should be shown on grid layout when the property “summaryRows” is set
+	*   @Default {false}
+	*/
+	showSummary?: boolean;
+
+	/** Gets or sets a value that indicates whether to customize the sorting behavior of the grid.
+	*/
+	sortSettings?: SortSettings;
+
+	/** Gets or sets an object that indicates to managing the collection of stacked header rows for the grid.
+	*   @Default {[]}
+	*/
+	stackedHeaderRows?: Array<StackedHeaderRow>;
+
+	/** Gets or sets an object that indicates to managing the collection of summary rows for the grid.
+	*   @Default {[]}
+	*/
+	summaryRows?: Array<SummaryRow>;
+
+	/** Gets or sets an object that indicates whether to auto wrap the grid header or content or both
+	*/
+	textWrapSettings?: TextWrapSettings;
+
+	/** Gets or sets an object that indicates whether to enable the toolbar in the grid and add toolbar items
+	*/
+	toolbarSettings?: ToolbarSettings;
+
+	/** Triggered for every grid action before its starts. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggered for every grid action success event. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggered for every grid action server failure event. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Triggered when record batch add. */
+	batchAdd? (e: BatchAddEventArgs): void;
+
+	/** Triggered when record batch delete. */
+	batchDelete? (e: BatchDeleteEventArgs): void;
+
+	/** Triggered before the batch add. */
+	beforeBatchAdd? (e: BeforeBatchAddEventArgs): void;
+
+	/** Triggered before the batch delete. */
+	beforeBatchDelete? (e: BeforeBatchDeleteEventArgs): void;
+
+	/** Triggered before the batch save. */
+	beforeBatchSave? (e: BeforeBatchSaveEventArgs): void;
+
+	/** Triggered before the print. */
+	beforePrint? (e: BeforePrintEventArgs): void;
+
+	/** Triggered before row drop in the grid */
+	beforeRowDrop? (e: BeforeRowDropEventArgs): void;
+
+	/** Triggered before the record is going to be edited. */
+	beginEdit? (e: BeginEditEventArgs): void;
+
+	/** Triggered when record cell edit. */
+	cellEdit? (e: CellEditEventArgs): void;
+
+	/** Triggered when record cell save. */
+	cellSave? (e: CellSaveEventArgs): void;
+
+	/** Triggered after the cell is selected. */
+	cellSelected? (e: CellSelectedEventArgs): void;
+
+	/** Triggered before the cell is going to be selected. */
+	cellSelecting? (e: CellSelectingEventArgs): void;
+
+	/** Triggered after the cell is deselected. */
+	cellDeselected? (e: CellDeselectedEventArgs): void;
+
+	/** Triggered before the cell is going to be deselected. */
+	cellDeselecting? (e: CellDeselectingEventArgs): void;
+
+	/** Triggered when the column is being dragged. */
+	columnDrag? (e: ColumnDragEventArgs): void;
+
+	/** Triggered when column dragging begins. */
+	columnDragStart? (e: ColumnDragStartEventArgs): void;
+
+	/** Triggered when the column is dropped. */
+	columnDrop? (e: ColumnDropEventArgs): void;
+
+	/** Triggered after the column is selected. */
+	columnSelected? (e: ColumnSelectedEventArgs): void;
+
+	/** Triggered before the column is going to be selected. */
+	columnSelecting? (e: ColumnSelectingEventArgs): void;
+
+	/** Triggered after the column is deselected. */
+	columnDeselected? (e: ColumnDeselectedEventArgs): void;
+
+	/** Triggered before the column is going to be deselected. */
+	columnDeselecting? (e: ColumnDeselectingEventArgs): void;
+
+	/** Triggered when context menu item is clicked */
+	contextClick? (e: ContextClickEventArgs): void;
+
+	/** Triggered before the context menu is opened. */
+	contextOpen? (e: ContextOpenEventArgs): void;
+
+	/** Triggered when the grid is rendered completely. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered when the grid is bound with data during initial rendering. */
+	dataBound? (e: DataBoundEventArgs): void;
+
+	/** Triggered when grid going to destroy. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggered when detail template row is clicked to collapse. */
+	detailsCollapse? (e: DetailsCollapseEventArgs): void;
+
+	/** Triggered detail template row is initialized. */
+	detailsDataBound? (e: DetailsDataBoundEventArgs): void;
+
+	/** Triggered when detail template row is clicked to expand. */
+	detailsExpand? (e: DetailsExpandEventArgs): void;
+
+	/** Triggered after the record is added. */
+	endAdd? (e: EndAddEventArgs): void;
+
+	/** Triggered after the record is deleted. */
+	endDelete? (e: EndDeleteEventArgs): void;
+
+	/** Triggered after the record is edited. */
+	endEdit? (e: EndEditEventArgs): void;
+
+	/** Triggered initial load. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggered every time a request is made to access particular header cell information, element and data. */
+	mergeHeaderCellInfo? (e: MergeHeaderCellInfoEventArgs): void;
+
+	/** Triggered every time a request is made to access particular cell information, element and data. */
+	mergeCellInfo? (e: MergeCellInfoEventArgs): void;
+
+	/** Triggered every time a request is made to access particular cell information, element and data. */
+	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+
+	/** Triggered when record is clicked. */
+	recordClick? (e: RecordClickEventArgs): void;
+
+	/** Triggered when record is double clicked. */
+	recordDoubleClick? (e: RecordDoubleClickEventArgs): void;
+
+	/** Triggered after column resized. */
+	resized? (e: ResizedEventArgs): void;
+
+	/** Triggered when column resize end. */
+	resizeEnd? (e: ResizeEndEventArgs): void;
+
+	/** Triggered when column resize start. */
+	resizeStart? (e: ResizeStartEventArgs): void;
+
+	/** Triggered when right clicked on grid element. */
+	rightClick? (e: RightClickEventArgs): void;
+
+	/** Triggered every time a request is made to access row information, element and data. */
+	rowDataBound? (e: RowDataBoundEventArgs): void;
+
+	/** Triggered after the row is selected. */
+	rowSelected? (e: RowSelectedEventArgs): void;
+
+	/** Triggered before the row is going to be selected. */
+	rowSelecting? (e: RowSelectingEventArgs): void;
+
+	/** Triggered after the row is deselected. */
+	rowDeselected? (e: RowDeselectedEventArgs): void;
+
+	/** Triggered before the row is going to be deselected. */
+	rowDeselecting? (e: RowDeselectingEventArgs): void;
+
+	/** Triggered when the row is being dragged. */
+	rowDrag? (e: RowDragEventArgs): void;
+
+	/** Triggered when row dragging begins. */
+	rowDragStart? (e: RowDragStartEventArgs): void;
+
+	/** Triggered when the row is dropped. */
+	rowDrop? (e: RowDropEventArgs): void;
+
+	/** Triggered when refresh the template column elements in the Grid. */
+	templateRefresh? (e: TemplateRefreshEventArgs): void;
+
+	/** Triggered when toolbar item is clicked in grid. */
+	toolbarClick? (e: ToolbarClickEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current selected page number.
+	*/
+	currentPage?: number;
+
+	/** Returns the previous selected page number.
+	*/
+	previousPage?: number;
+
+	/** Returns the end row index of that current page.
+	*/
+	endIndex?: number;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the start row index of that current page.
+	*/
+	startIndex?: number;
+
+	/** Returns the current grouped column field name.
+	*/
+	columnName?: string;
+
+	/** Returns the column sort direction.
+	*/
+	columnSortDirection?: string;
+
+	/** Returns current edited row.
+	*/
+	row?: any;
+
+	/** Returns the current action event type.
+	*/
+	originalEventType?: string;
+
+	/** Returns primary key.
+	*/
+	primaryKey?: string;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns the edited row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns the selected row index.
+	*/
+	selectedRow?: number;
+
+	/** Returns selected row for delete.
+	*/
+	tr?: any;
+
+	/** Returns current filtering column field name.
+	*/
+	currentFilteringColumn?: any;
+
+	/** Returns current filtering object.
+	*/
+	currentFilterObject?: any;
+
+	/** Returns filter details.
+	*/
+	filterCollection?: any;
+
+	/** Returns type of the column like number, string and so on.
+	*/
+	columnType?: string;
+
+	/** Returns the excel filter model.
+	*/
+	filtermodel?: any;
+
+	/** Returns the dataSource.
+	*/
+	dataSource?: any;
+
+	/** Returns the query manager.
+	*/
+	query?: any;
+
+	/** Returns the customfilter option value.
+	*/
+	isCustomFilter?: boolean;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current selected page number.
+	*/
+	currentPage?: number;
+
+	/** Returns the previous selected page number.
+	*/
+	previousPage?: number;
+
+	/** Returns the end row index of that current page.
+	*/
+	endIndex?: number;
+
+	/** Returns current action event type.
+	*/
+	originalEventType?: string;
+
+	/** Returns the start row index of the current page.
+	*/
+	startIndex?: number;
+
+	/** Returns grid element.
+	*/
+	target?: any;
+
+	/** Returns the current sorted column field name.
+	*/
+	columnName?: string;
+
+	/** Returns the column sort direction.
+	*/
+	columnSortDirection?: string;
+
+	/** Returns current edited row.
+	*/
+	row?: any;
+
+	/** Returns primary key.
+	*/
+	primaryKey?: string;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns the edited row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the selectedRow index.
+	*/
+	selectedRow?: number;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns selected row for delete.
+	*/
+	tr?: any;
+
+	/** Returns current filtering column field name.
+	*/
+	currentFilteringColumn?: string;
+
+	/** Returns current filtering object.
+	*/
+	currentFilterObject?: any;
+
+	/** Returns filter details.
+	*/
+	filterCollection?: any;
+
+	/** Returns the dataSource.
+	*/
+	dataSource?: any;
+
+	/** Returns the excel filter model.
+	*/
+	filtermodel?: any;
+
+	/** Returns type of the column like number, string and so on.
+	*/
+	columnType?: string;
+
+	/** Returns the customfilter option value.
+	*/
+	isCustomFilter?: boolean;
+}
+
+export interface ActionFailureEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the error return by server.
+	*/
+	error?: any;
+
+	/** Returns the current selected page number.
+	*/
+	currentPage?: number;
+
+	/** Returns the previous selected page number.
+	*/
+	previousPage?: number;
+
+	/** Returns the end row index of that current page.
+	*/
+	endIndex?: number;
+
+	/** Returns current action event type.
+	*/
+	originalEventType?: string;
+
+	/** Returns the start row index of the current page.
+	*/
+	startIndex?: number;
+
+	/** Returns grid element.
+	*/
+	target?: any;
+
+	/** Returns the current sorted column field name.
+	*/
+	columnName?: string;
+
+	/** Returns the column sort direction.
+	*/
+	columnSortDirection?: string;
+
+	/** Returns current edited row.
+	*/
+	row?: any;
+
+	/** Returns primary key.
+	*/
+	primaryKey?: string;
+
+	/** Returns primary key value.
+	*/
+	primaryKeyValue?: string;
+
+	/** Returns the edited row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the selectedRow index.
+	*/
+	selectedRow?: number;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns selected row for delete.
+	*/
+	tr?: any;
+
+	/** Returns current filtering column field name.
+	*/
+	currentFilteringColumn?: string;
+
+	/** Returns current filtering object.
+	*/
+	currentFilterObject?: any;
+
+	/** Returns filter details.
+	*/
+	filterCollection?: any;
+}
+
+export interface BatchAddEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns deleted data.
+	*/
+	defaultData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the column object.
+	*/
+	columnObject?: any;
+
+	/** Returns the column index.
+	*/
+	columnIndex?: number;
+
+	/** Returns the row element.
+	*/
+	row?: any;
+
+	/** Returns the primaryKey.
+	*/
+	primaryKey?: any;
+
+	/** Returns the cell object.
+	*/
+	cell?: any;
+}
+
+export interface BatchDeleteEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns deleted data.
+	*/
+	rowData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the primary key.
+	*/
+	primaryKey?: any;
+
+	/** Returns the row Index.
+	*/
+	rowIndex?: number;
+}
+
+export interface BeforeBatchAddEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the default data object.
+	*/
+	defaultData?: any;
+
+	/** Returns the primaryKey.
+	*/
+	primaryKey?: any;
+}
+
+export interface BeforeBatchDeleteEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns deleted data.
+	*/
+	rowData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the primaryKey.
+	*/
+	primaryKey?: any;
+
+	/** Returns the row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the row element.
+	*/
+	row?: any;
+}
+
+export interface BeforeBatchSaveEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the changed record object.
+	*/
+	batchChanges?: any;
+}
+
+export interface BeforePrintEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the Grid element.
+	*/
+	element?: any;
+
+	/** Returns the selected records.
+	*/
+	selectedRows?: any;
+}
+
+export interface BeforeRowDropEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the targeted row.
+	*/
+	target?: any;
+
+	/** Returns the targeted row index.
+	*/
+	targetIndex?: any;
+
+	/** Returns the dragged record details
+	*/
+	draggedRecords?: any;
+
+	/** Returns the drop details
+	*/
+	dropDetails?: any;
+}
+
+export interface BeginEditEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current edited row.
+	*/
+	row?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the primary key.
+	*/
+	primaryKey?: any;
+
+	/** Returns the primary key value.
+	*/
+	primaryKeyValue?: any;
+
+	/** Returns the edited row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellEditEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the validation rules.
+	*/
+	validationRules?: any;
+
+	/** Returns the column name.
+	*/
+	columnName?: string;
+
+	/** Returns the cell value.
+	*/
+	value?: string;
+
+	/** Returns the row data object.
+	*/
+	rowData?: any;
+
+	/** Returns the previous value of the cell.
+	*/
+	previousValue?: string;
+
+	/** Returns the column object.
+	*/
+	columnObject?: any;
+
+	/** Returns the cell object.
+	*/
+	cell?: any;
+
+	/** Returns isForeignKey option value.
+	*/
+	isForeignKey?: boolean;
+}
+
+export interface CellSaveEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the column name.
+	*/
+	columnName?: string;
+
+	/** Returns the cell value.
+	*/
+	value?: string;
+
+	/** Returns the row data object.
+	*/
+	rowData?: any;
+
+	/** Returns the previous value of the cell.
+	*/
+	previousValue?: string;
+
+	/** Returns the column object.
+	*/
+	columnObject?: any;
+
+	/** Returns the cell object.
+	*/
+	cell?: any;
+
+	/** Returns isForeignKey option value.
+	*/
+	isForeignKey?: boolean;
+}
+
+export interface CellSelectedEventArgs {
+
+	/** Returns the selected cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the previous selected cell index value.
+	*/
+	previousRowCellIndex?: number;
+
+	/** Returns the selected cell element.
+	*/
+	currentCell?: any;
+
+	/** Returns the previous selected cell element.
+	*/
+	previousRowCell?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns the selected row cell index values.
+	*/
+	selectedRowCellIndex?: Array<any>;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellSelectingEventArgs {
+
+	/** Returns the selected cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the previous selected cell index value.
+	*/
+	previousRowCellIndex?: number;
+
+	/** Returns the selected cell element.
+	*/
+	currentCell?: any;
+
+	/** Returns the previous selected cell element.
+	*/
+	previousRowCell?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns whether the ctrl key is pressed while selecting cell
+	*/
+	isCtrlKeyPressed?: boolean;
+
+	/** Returns whether the shift key is pressed while selecting cell
+	*/
+	isShiftKeyPressed?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellDeselectedEventArgs {
+
+	/** Returns the deselected cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the deselected cell element.
+	*/
+	currentCell?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellDeselectingEventArgs {
+
+	/** Returns the deselecting cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the deselecting cell element.
+	*/
+	currentCell?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns whether the ctrl key is pressed while deselecting cell
+	*/
+	isCtrlKeyPressed?: boolean;
+
+	/** Returns whether the shift key is pressed while deselecting cell
+	*/
+	isShiftKeyPressed?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnDragEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns draggable element type.
+	*/
+	draggableType?: any;
+
+	/** Returns the draggable column object.
+	*/
+	column?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns target elements based on mouse move position.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnDragStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns draggable element type.
+	*/
+	draggableType?: any;
+
+	/** Returns the draggable column object.
+	*/
+	column?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns drag start element.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnDropEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns draggable element type.
+	*/
+	draggableType?: string;
+
+	/** Returns the draggable column object.
+	*/
+	column?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns dropped dragged element.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnSelectedEventArgs {
+
+	/** Returns the selected cell index value.
+	*/
+	columnIndex?: number;
+
+	/** Returns the previous selected column index value.
+	*/
+	previousColumnIndex?: number;
+
+	/** Returns the selected header cell element.
+	*/
+	headerCell?: any;
+
+	/** Returns the previous selected header cell element.
+	*/
+	prevColumnHeaderCell?: any;
+
+	/** Returns corresponding column object (JSON).
+	*/
+	column?: any;
+
+	/** Returns the selected columns values.
+	*/
+	selectedColumnsIndex?: Array<any>;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnSelectingEventArgs {
+
+	/** Returns the selected column index value.
+	*/
+	columnIndex?: number;
+
+	/** Returns the previous selected column index value.
+	*/
+	previousColumnIndex?: number;
+
+	/** Returns the selected header cell element.
+	*/
+	headerCell?: any;
+
+	/** Returns the previous selected header cell element.
+	*/
+	prevColumnHeaderCell?: any;
+
+	/** Returns corresponding column object (JSON).
+	*/
+	column?: any;
+
+	/** Returns whether the ctrl key is pressed while selecting cell
+	*/
+	isCtrlKeyPressed?: boolean;
+
+	/** Returns whether the shift key is pressed while selecting cell
+	*/
+	isShiftKeyPressed?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnDeselectedEventArgs {
+
+	/** Returns the Deselected column index value.
+	*/
+	columnIndex?: number;
+
+	/** Returns the Deselected column header element.
+	*/
+	headerCell?: any;
+
+	/** Returns corresponding column object (JSON).
+	*/
+	column?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ColumnDeselectingEventArgs {
+
+	/** Returns the deselecting column index value.
+	*/
+	columnIndex?: number;
+
+	/** Returns the deselecting column header element.
+	*/
+	headerCell?: any;
+
+	/** Returns corresponding column object (JSON).
+	*/
+	column?: any;
+
+	/** Returns whether the ctrl key is pressed while deselecting column
+	*/
+	isCtrlKeyPressed?: boolean;
+
+	/** Returns whether the shift key is pressed while deselecting column
+	*/
+	isShiftKeyPressed?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ContextClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the status of contextmenu item which denotes its enabled state
+	*/
+	status?: boolean;
+
+	/** Returns the target item.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ContextOpenEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the status of contextmenu item which denotes its enabled state
+	*/
+	status?: boolean;
+
+	/** Returns the target item.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DataBoundEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DetailsCollapseEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns detail row element.
+	*/
+	detailsRow?: any;
+
+	/** Returns master row of detail row record object (JSON).
+	*/
+	masterData?: any;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns master row element.
+	*/
+	masterRow?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DetailsDataBoundEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns details row element.
+	*/
+	detailsElement?: any;
+
+	/** Returns the details row data.
+	*/
+	data?: any;
+
+	/** Returns the details row data.
+	*/
+	rowData?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DetailsExpandEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns detail row element.
+	*/
+	detailsRow?: any;
+
+	/** Returns master row of detail row record object (JSON).
+	*/
+	masterData?: any;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns master row element.
+	*/
+	masterRow?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface EndAddEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns added data.
+	*/
+	data?: any;
+
+	/** Returns added data.
+	*/
+	rowData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface EndDeleteEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns deleted data.
+	*/
+	data?: any;
+
+	/** Returns deleted data.
+	*/
+	rowData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface EndEditEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns modified data.
+	*/
+	data?: any;
+
+	/** Returns modified data.
+	*/
+	rowData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface MergeHeaderCellInfoEventArgs {
+
+	/** Method to merge the header cells.
+	*/
+	headerCellMerge?: void;
+
+	/** Returns the column headers.
+	*/
+	columnHeaders?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+}
+
+export interface MergeCellInfoEventArgs {
+
+	/** Returns grid cell.
+	*/
+	cell?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current row record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current row record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the text value in the cell.
+	*/
+	text?: string;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Method to merge Grid rows.
+	*/
+	rowMerge?: void;
+
+	/** Method to merge Grid columns.
+	*/
+	colMerge?: void;
+
+	/** Method to merge Grid rows and columns.
+	*/
+	merge?: void;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface QueryCellInfoEventArgs {
+
+	/** Returns grid cell.
+	*/
+	cell?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current row record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current row record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the text value in the cell.
+	*/
+	text?: string;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RecordClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the row index of the selected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the jQuery object of the current selected row.
+	*/
+	row?: any;
+
+	/** Returns the current selected cell.
+	*/
+	cell?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the corresponding cell value.
+	*/
+	cellValue?: string;
+
+	/** Returns the Header text of the column corresponding to the selected cell.
+	*/
+	columnName?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RecordDoubleClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the row index of the selected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the jQuery object of the current selected row.
+	*/
+	row?: any;
+
+	/** Returns the current selected cell.
+	*/
+	cell?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the selected cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the corresponding cell value.
+	*/
+	cellValue?: string;
+
+	/** Returns the Header text of the column corresponding to the selected cell.
+	*/
+	columnName?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizedEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the column index.
+	*/
+	columnIndex?: number;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the grid object.
+	*/
+	target?: any;
+
+	/** Returns the old width value.
+	*/
+	oldWidth?: number;
+
+	/** Returns the new width value.
+	*/
+	newWidth?: number;
+}
+
+export interface ResizeEndEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the column index.
+	*/
+	columnIndex?: number;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the grid object.
+	*/
+	target?: any;
+
+	/** Returns the old width value.
+	*/
+	oldWidth?: number;
+
+	/** Returns the new width value.
+	*/
+	newWidth?: number;
+
+	/** Returns the extra width value.
+	*/
+	extra?: number;
+}
+
+export interface ResizeStartEventArgs {
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the column index.
+	*/
+	columnIndex?: number;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the grid object.
+	*/
+	target?: any;
+
+	/** Returns the old width value.
+	*/
+	oldWidth?: number;
+}
+
+export interface RightClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current record object (JSON).
+	*/
+	currentData?: any;
+
+	/** Returns the row index of the selected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the current selected row.
+	*/
+	row?: any;
+
+	/** Returns the selected row data object.
+	*/
+	data?: any;
+
+	/** Returns the selected row data object.
+	*/
+	rowData?: any;
+
+	/** Returns the cell index of the selected cell.
+	*/
+	cellIndex?: number;
+
+	/** Returns the cell value.
+	*/
+	cellValue?: string;
+
+	/** Returns the cell object.
+	*/
+	cell?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDataBoundEventArgs {
+
+	/** Returns grid row.
+	*/
+	row?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current row record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current row record object (JSON).
+	*/
+	rowData?: any;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowSelectedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns the foreign key record object (JSON).
+	*/
+	foreignKeyData?: any;
+
+	/** Returns the row index of the selected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the current selected row.
+	*/
+	row?: any;
+
+	/** Returns the previous selected row element.
+	*/
+	prevRow?: any;
+
+	/** Returns the previous selected row index.
+	*/
+	prevRowIndex?: number;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowSelectingEventArgs {
+
+	/** Returns the selected row index value.
+	*/
+	rowIndex?: number;
+
+	/** Returns the selected row element.
+	*/
+	row?: any;
+
+	/** Returns the previous selected row element.
+	*/
+	prevRow?: any;
+
+	/** Returns the previous selected row index.
+	*/
+	prevRowIndex?: number;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDeselectedEventArgs {
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns the row index of the deselected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the current deselected row element.
+	*/
+	row?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDeselectingEventArgs {
+
+	/** Returns the deselecting row index value.
+	*/
+	rowIndex?: number;
+
+	/** Returns the deselecting row element.
+	*/
+	row?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	data?: any;
+
+	/** Returns current record object (JSON).
+	*/
+	selectedData?: any;
+
+	/** Returns whether the ctrl key is pressed while deselecting row
+	*/
+	isCtrlKeyPressed?: boolean;
+
+	/** Returns whether the shift key is pressed while deselecting row
+	*/
+	isShiftKeyPressed?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDragEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns draggable element type.
+	*/
+	draggableType?: any;
+
+	/** Returns the draggable row object.
+	*/
+	target?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns target elements based on mouse move position.
+	*/
+	currentTarget?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns JSON data of dragged rows.
+	*/
+	data?: any;
+
+	/** Returns JSON data of dragged rows.
+	*/
+	draggedRecords?: any;
+}
+
+export interface RowDragStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns draggable element type.
+	*/
+	draggableType?: any;
+
+	/** Returns the draggable row object.
+	*/
+	target?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns drag start element cell.
+	*/
+	currentTarget?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the JSON data of dragged rows.
+	*/
+	data?: any;
+
+	/** Returns the JSON data of dragged rows.
+	*/
+	draggedRecords?: any;
+}
+
+export interface RowDropEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns draggable element type.
+	*/
+	draggableType?: string;
+
+	/** Returns the draggable row object.
+	*/
+	rows?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the current mouse position cell element.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the JSON data of dragged rows.
+	*/
+	data?: any;
+
+	/** Returns the JSON data of dragged rows.
+	*/
+	droppedRecords?: any;
+}
+
+export interface TemplateRefreshEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cell object.
+	*/
+	cell?: any;
+
+	/** Returns the column object.
+	*/
+	column?: any;
+
+	/** Returns the current row data.
+	*/
+	data?: any;
+
+	/** Returns the current row data.
+	*/
+	rowData?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the current row index.
+	*/
+	rowIndex?: number;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ToolbarClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the status of toolbar item which denotes its enabled state
+	*/
+	status?: boolean;
+
+	/** Returns the target item.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the grid model.
+	*/
+	gridModel?: any;
+
+	/** Returns the toolbar object of the selected toolbar element.
+	*/
+	toolbarData?: any;
+
+	/** Returns the Id of the current toolbar element.
+	*/
+	itemId?: string;
+
+	/** Returns the index of the current toolbar element.
+	*/
+	itemIndex?: number;
+
+	/** Returns the name of the current toolbar element.
+	*/
+	itemName?: string;
+}
+
+export interface ColumnsCommand {
+
+	/** Gets or sets an object that indicates to define all the button options which are available in ejButton.
+	*/
+	buttonOptions?: any;
+
+	/** Gets or sets a value that indicates to add the command column button. See unboundType
+	*/
+	type?: ej.Grid.UnboundType|string;
+}
+
+export interface Column {
+
+	/** Sets the clip mode for Grid cell as ellipsis or clipped content(both header and content)
+	*   @Default {ej.Grid.ClipMode.Clip}
+	*/
+	clipMode?: ej.Grid.ClipMode|string;
+
+	/** Gets or sets a value that indicates whether to enable editing behavior for particular column.
+	*   @Default {true}
+	*/
+	allowEditing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic filtering behavior for particular column.
+	*   @Default {true}
+	*/
+	allowFiltering?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic grouping behavior for particular column.
+	*   @Default {true}
+	*/
+	allowGrouping?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic sorting behavior for particular column.
+	*   @Default {true}
+	*/
+	allowSorting?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable dynamic resizable for particular column.
+	*   @Default {true}
+	*/
+	allowResizing?: boolean;
+
+	/** Gets or sets an object that indicates to define a command column in the grid.
+	*   @Default {[]}
+	*/
+	commands?: Array<ColumnsCommand>;
+
+	/** Gets or sets a value that indicates to provide custom CSS for an individual column.
+	*/
+	cssClass?: string;
+
+	/** Gets or sets a value that indicates the attribute values to the td element of a particular column
+	*/
+	customAttributes?: any;
+
+	/** Gets or sets a value that indicates to bind the external datasource to the particular column when column editType as dropdownedit and also it is used to bind the datasource to the foreign key column while editing the grid. //Where data is array of JSON objects of text and value for the drop-down and array of JSON objects for foreign key column.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Gets or sets a value that indicates to display the specified default value while adding a new record to the grid
+	*/
+	defaultValue?: string|number|boolean|Date;
+
+	/** Gets or sets a value that indicates to render the grid content and header with an HTML elements
+	*   @Default {false}
+	*/
+	disableHtmlEncode?: boolean;
+
+	/** Gets or sets a value that indicates to display a column value as checkbox or string
+	*   @Default {true}
+	*/
+	displayAsCheckBox?: boolean;
+
+	/** Gets or sets a value that indicates to customize ejNumericTextbox of an editable column. See editingType
+	*/
+	editParams?: any;
+
+	/** Gets or sets a template that displays a custom editor used to edit column values. See editTemplate
+	*   @Default {null}
+	*/
+	editTemplate?: any;
+
+	/** Gets or sets a value that indicates to render the element(based on edit type) for editing the grid record. See editingType
+	*   @Default {ej.Grid.EditingType.String}
+	*/
+	editType?: ej.Grid.EditingType|string;
+
+	/** Gets or sets a value that indicates to groups the column based on its column format.
+	*   @Default {false}
+	*/
+	enableGroupByFormat?: boolean;
+
+	/** Gets or sets a value that indicates to display the columns in the grid mapping with column name of the dataSource.
+	*/
+	field?: string;
+
+	/** Gets or sets a template that customize the filter control from default . See filterBarTemplate
+	*   @Default {null}
+	*/
+	filterBarTemplate?: any;
+
+	/** Gets or sets a value that indicates to render the excel or menu filter dialog to the grid columns. See filterType
+	*   @Default {null}
+	*/
+	filterType?: ej.Grid.FilterType|string;
+
+	/** Gets or sets a value that indicates to define foreign key field name of the grid datasource.
+	*   @Default {null}
+	*/
+	foreignKeyField?: string;
+
+	/** Gets or sets a value that indicates to bind the field which is in foreign column datasource based on the foreignKeyField
+	*   @Default {null}
+	*/
+	foreignKeyValue?: string;
+
+	/** Gets or sets a value that indicates the format for the text applied on the column
+	*/
+	format?: string;
+
+	/** Gets or sets a value that indicates to add the template within the header element of the particular column.
+	*   @Default {null}
+	*/
+	headerTemplateID?: string;
+
+	/** Gets or sets a value that indicates to display the title of that particular column.
+	*/
+	headerText?: string;
+
+	/** This defines the text alignment of a particular column header cell value. See headerTextAlign
+	*   @Default {null}
+	*/
+	headerTextAlign?: ej.TextAlign|string;
+
+	/** It accepts the string value and shows the tooltip for the Grid column header.
+	*   @Default {null}
+	*/
+	headerTooltip?: string;
+
+	/** You can use this property to freeze selected columns in grid at the time of scrolling.
+	*   @Default {false}
+	*/
+	isFrozen?: boolean;
+
+	/** Gets or sets a value that indicates the column has an identity in the database.
+	*   @Default {false}
+	*/
+	isIdentity?: boolean;
+
+	/** Gets or sets a value that indicates the column is act as a primary key(read-only) of the grid. The editing is performed based on the primary key column
+	*   @Default {false}
+	*/
+	isPrimaryKey?: boolean;
+
+	/** Gets or sets a value that indicates the order of Column that are to be hidden or visible when Grid element is in responsive mode and could not occupy all columns.
+	*   @Default {-1}
+	*/
+	priority?: number;
+
+	/** Used to hide the particular column in column chooser by giving value as false.
+	*   @Default {true}
+	*/
+	showInColumnChooser?: boolean;
+
+	/** Gets or sets a value that indicates whether to enables column template for a particular column.
+	*   @Default {false}
+	*/
+	template?: boolean|string;
+
+	/** Gets or sets a value that indicates to align the text within the column. See textAlign
+	*   @Default {ej.TextAlign.Left}
+	*/
+	textAlign?: ej.TextAlign|string;
+
+	/** Sets the template for Tooltip in Grid Columns(both header and content)
+	*/
+	tooltip?: string;
+
+	/** Gets or sets a value that indicates to specify the data type of the specified columns.
+	*/
+	type?: string;
+
+	/** Gets or sets a value that indicates to define constraints for saving data to the database.
+	*/
+	validationRules?: any;
+
+	/** Gets or sets a value that indicates whether this column is visible in the grid.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Gets or sets a value that indicates to define the width for a particular column in the grid.
+	*/
+	width?: number;
+}
+
+export interface ContextMenuSettingsSubContextMenu {
+
+	/** Used to get or set the corresponding custom context menu item to which the submenu to be appended.
+	*   @Default {null}
+	*/
+	contextMenuItem?: string;
+
+	/** Used to get or set the sub menu items to the custom context menu item.
+	*   @Default {[]}
+	*/
+	subMenu?: Array<any>;
+}
+
+export interface ContextMenuSettings {
+
+	/** Gets or sets a value that indicates whether to add the default context menu actions as a context menu items If enableContextMenu is true it will show all the items related to the target, if you want selected items from contextmenu you have to mention in the contextMenuItems
+	*   @Default {[]}
+	*/
+	contextMenuItems?: Array<any>;
+
+	/** Gets or sets a value that indicates whether to add custom contextMenu items within the toolbar to perform any action in the grid
+	*   @Default {[]}
+	*/
+	customContextMenuItems?: Array<any>;
+
+	/** Gets or sets a value that indicates whether to enable the context menu action in the grid.
+	*   @Default {false}
+	*/
+	enableContextMenu?: boolean;
+
+	/** Used to get or set the subMenu to the corresponding custom context menu item.
+	*/
+	subContextMenu?: Array<ContextMenuSettingsSubContextMenu>;
+
+	/** Gets or sets a value that indicates whether to disable the default context menu items in the grid.
+	*   @Default {false}
+	*/
+	disableDefaultItems?: boolean;
+}
+
+export interface EditSettings {
+
+	/** Gets or sets a value that indicates whether to enable insert action in the editing mode.
+	*   @Default {false}
+	*/
+	allowAdding?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the delete action in the editing mode.
+	*   @Default {false}
+	*/
+	allowDeleting?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the edit action in the editing mode.
+	*   @Default {false}
+	*/
+	allowEditing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the editing action while double click on the record
+	*   @Default {true}
+	*/
+	allowEditOnDblClick?: boolean;
+
+	/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Dialog Box
+	*   @Default {null}
+	*/
+	dialogEditorTemplateID?: string;
+
+	/** Gets or sets a value that indicates whether to define the mode of editing See editMode
+	*   @Default {ej.Grid.EditMode.Normal}
+	*/
+	editMode?: ej.Grid.EditMode|string;
+
+	/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the External edit form
+	*   @Default {null}
+	*/
+	externalFormTemplateID?: string;
+
+	/** This specifies to set the position of an External edit form either in the top-right or bottom-left of the grid. See formPosition
+	*   @Default {ej.Grid.FormPosition.BottomLeft}
+	*/
+	formPosition?: ej.Grid.FormPosition|string;
+
+	/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Inline edit form
+	*   @Default {null}
+	*/
+	inlineFormTemplateID?: string;
+
+	/** This specifies to set the position of an adding new row either in the top or bottom of the grid. See rowPosition
+	*   @Default {ej.Grid.RowPosition.Top}
+	*/
+	rowPosition?: ej.Grid.RowPosition|string;
+
+	/** Gets or sets a value that indicates whether the confirm dialog has to be shown while saving or discarding the batch changes
+	*   @Default {true}
+	*/
+	showConfirmDialog?: boolean;
+
+	/** Gets or sets a value that indicates whether the confirm dialog has to be shown while deleting record
+	*   @Default {false}
+	*/
+	showDeleteConfirmDialog?: boolean;
+
+	/** Gets or sets a value that indicates whether the title for edit form is different from the primarykey column.
+	*   @Default {null}
+	*/
+	titleColumn?: string;
+
+	/** Gets or sets a value that indicates whether to display the add new form by default in the grid.
+	*   @Default {false}
+	*/
+	showAddNewRow?: boolean;
+}
+
+export interface FilterSettingsFilteredColumn {
+
+	/** Gets or sets a value that indicates whether to define the field name of the column to be filter.
+	*/
+	field?: string;
+
+	/** Gets or sets a value that indicates whether to define the matchCase of given value to be filter.
+	*/
+	matchCase?: boolean;
+
+	/** Gets or sets a value that indicates whether to define the filter condition to filtered column. See operator
+	*/
+	operator?: ej.FilterOperators|string;
+
+	/** Gets or sets a value that indicates whether to define the predicate as and/or.
+	*/
+	predicate?: string;
+
+	/** Gets or sets a value that indicates whether to define the value to be filtered in a column.
+	*/
+	value?: string|number;
+}
+
+export interface FilterSettings {
+
+	/** Gets or sets a value that indicates to perform the filter operation with case sensitive in excel styled filter menu mode
+	*   @Default {false}
+	*/
+	enableCaseSensitivity?: Boolean;
+
+	/** Gets or sets a value that indicates to define the interDeterminateState of checkbox in excel filter dialog.
+	*   @Default {true}
+	*/
+	enableInterDeterminateState?: boolean;
+
+	/** This specifies the grid to starts the filter action while typing in the filterBar or after pressing the enter key. based on the filterBarMode. See filterBarMode.
+	*   @Default {ej.Grid.FilterBarMode.Immediate}
+	*/
+	filterBarMode?: ej.Grid.FilterBarMode|string;
+
+	/** Gets or sets a value that indicates whether to define the filtered columns details programmatically at initial load
+	*   @Default {[]}
+	*/
+	filteredColumns?: Array<FilterSettingsFilteredColumn>;
+
+	/** This specifies the grid to show the filterBar or filterMenu to the grid records. See filterType
+	*   @Default {ej.Grid.FilterType.FilterBar}
+	*/
+	filterType?: ej.Grid.FilterType|string;
+
+	/** This specifies the grid to delay the filter action while typing in the filterBar.
+	*   @Default {1500}
+	*/
+	immediateModeDelay?: number;
+
+	/** Gets or sets a value that indicates the maximum number of filter choices that can be showed in the excel styled filter menu.
+	*   @Default {1000}
+	*/
+	maxFilterChoices?: number;
+
+	/** This specifies the grid to show the filter text within the grid pager itself.
+	*   @Default {true}
+	*/
+	showFilterBarStatus?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the predicate options in the filtering menu
+	*   @Default {false}
+	*/
+	showPredicate?: boolean;
+}
+
+export interface GroupSettings {
+
+	/** Gets or sets a value that customize the group caption format.
+	*   @Default {null}
+	*/
+	captionFormat?: String;
+
+	/** Gets or sets a value that indicates whether to enable animation button option in the group drop area of the grid.
+	*   @Default {false}
+	*/
+	enableDropAreaAutoSizing?: boolean;
+
+	/** Gets or sets a value that indicates whether to add grouped columns programmatically at initial load
+	*   @Default {[]}
+	*/
+	groupedColumns?: Array<any>;
+
+	/** Gets or sets a value that indicates whether to show the group drop area just above the column header. It can be used to avoid ungrouping the already grouped column using groupSettings.
+	*   @Default {true}
+	*/
+	showDropArea?: boolean;
+
+	/** Gets or sets a value that indicates whether to hide the grouped columns from the grid
+	*   @Default {false}
+	*/
+	showGroupedColumn?: boolean;
+
+	/** Gets or sets a value that indicates whether to show the group button image(toggle button)in the column header and also in the grouped column in the group drop area . It can be used to group/ungroup the columns by click on the toggle button.
+	*   @Default {false}
+	*/
+	showToggleButton?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the close button in the grouped column which is in the group drop area to ungroup the grouped column
+	*   @Default {false}
+	*/
+	showUngroupButton?: boolean;
+}
+
+export interface PageSettings {
+
+	/** Gets or sets a value that indicates whether to define which page to display currently in the grid
+	*   @Default {1}
+	*/
+	currentPage?: number;
+
+	/** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
+	*   @Default {false}
+	*/
+	enableQueryString?: boolean;
+
+	/** Gets or sets a value that indicates whether to enables pager template for the grid.
+	*   @Default {false}
+	*/
+	enableTemplates?: boolean;
+
+	/** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation
+	*   @Default {8}
+	*/
+	pageCount?: number;
+
+	/** Gets or sets a value that indicates whether to define the number of records displayed per page
+	*   @Default {12}
+	*/
+	pageSize?: number;
+
+	/** Gets or sets a value that indicates whether to enables default pager for the grid.
+	*   @Default {false}
+	*/
+	showDefaults?: boolean;
+
+	/** Gets or sets a value that indicates to add the template as a pager template for grid.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Get the value of total number of pages in the grid. The totalPages value is calculated based on page size and total records of grid
+	*   @Default {null}
+	*/
+	totalPages?: number;
+
+	/** Get the value of total number of records which is bound to the grid. The totalRecordsCount value is calculated based on dataSource bound to the grid.
+	*   @Default {null}
+	*/
+	totalRecordsCount?: number;
+
+	/** Gets or sets a value that indicates whether to define the number of pages to print. See printMode.
+	*   @Default {ej.Grid.PrintMode.AllPages}
+	*/
+	printMode?: ej.Grid.PrintMode|string;
+}
+
+export interface ResizeSettings {
+
+	/** Gets or sets a value that indicates whether to define the mode of resizing.
+	*   @Default {ej.Grid.ResizeMode.Normal}
+	*/
+	resizeMode?: ej.Grid.ResizeMode|string;
+}
+
+export interface RowDropSettings {
+
+	/** This specifies the grid to drop the grid rows only at particular target element.
+	*   @Default {null}
+	*/
+	dropTargetID?: any;
+
+	/** This helps in mapping server-side action when rows are dragged from Grid.
+	*   @Default {null}
+	*/
+	dragMapper?: string;
+
+	/** This helps in mapping server-side action when rows are dropped in Grid.
+	*   @Default {null}
+	*/
+	dropMapper?: string;
+
+	/** Gets or sets a value that indicates whether to define the behavior for drag.
+	*   @Default {ej.Grid.DragBehavior.Move}
+	*/
+	dragBehavior?: ej.Grid.DragBehavior|string;
+}
+
+export interface SearchSettings {
+
+	/** This specify the grid to search for the value in particular columns that is mentioned in the field.
+	*   @Default {[]}
+	*/
+	fields?: any;
+
+	/** This specifies the grid to search the particular data that is mentioned in the key.
+	*/
+	key?: string;
+
+	/** It specifies the grid to search the records based on operator.
+	*   @Default {contains}
+	*/
+	operator?: string;
+
+	/** It enables or disables case-sensitivity while searching the search key in grid.
+	*   @Default {true}
+	*/
+	ignoreCase?: boolean;
+}
+
+export interface SelectionSettings {
+
+	/** Gets or sets a value that indicates the cell selection actions based on the cell selection mode.
+	*   @Default {ej.Grid.CellSelectionMode.Flow}
+	*/
+	cellSelectionMode?: ej.Grid.CellSelectionMode|string;
+
+	/** Gets or sets a value that indicates whether to enable the toggle selection behavior for row, cell and column.
+	*   @Default {false}
+	*/
+	enableToggle?: boolean;
+
+	/** Gets or sets a value that indicates whether to add the default selection actions as a selection mode.See selectionMode
+	*   @Default {[row]}
+	*/
+	selectionMode?: Array<any>;
+}
+
+export interface ScrollSettings {
+
+	/** This specify the grid to to view data that you require without buffering the entire load of a huge database
+	*   @Default {false}
+	*/
+	allowVirtualScrolling?: boolean;
+
+	/** It accepts the boolean value and shows or hides the scrollbar while focus in or focus out of the Grid.
+	*   @Default {false}
+	*/
+	autoHide?: boolean;
+
+	/** Specifies the height and width of button in the scrollbar.
+	*   @Default {18}
+	*/
+	buttonSize?: number;
+
+	/** This specify the grid to enable/disable touch control for scrolling.
+	*   @Default {true}
+	*/
+	enableTouchScroll?: boolean;
+
+	/** This specify the grid to freeze particular columns at the time of scrolling.
+	*   @Default {0}
+	*/
+	frozenColumns?: number;
+
+	/** This specify the grid to freeze particular rows at the time of scrolling.
+	*   @Default {0}
+	*/
+	frozenRows?: number;
+
+	/** This specify the grid to show the vertical scroll bar, to scroll and view the grid contents.
+	*   @Default {0}
+	*/
+	height?: string|number;
+
+	/** It accepts the integer value and sets the width of scrollbar.
+	*   @Default {18}
+	*/
+	scrollerSize?: number;
+
+	/** This is used to define the mode of virtual scrolling in grid. See virtualScrollMode
+	*   @Default {ej.Grid.VirtualScrollMode.Normal}
+	*/
+	virtualScrollMode?: ej.Grid.VirtualScrollMode|string;
+
+	/** This is used to enable the enhanced virtual scrolling in Grid.
+	*   @Default {false}
+	*/
+	enableVirtualization?: boolean;
+
+	/** This specify the grid to show the horizontal scroll bar, to scroll and view the grid contents
+	*   @Default {250}
+	*/
+	width?: string|number;
+
+	/** This specify the scroll down pixel of mouse wheel, to scroll mouse wheel and view the grid contents.
+	*   @Default {57}
+	*/
+	scrollOneStepBy?: number;
+}
+
+export interface SortSettingsSortedColumn {
+
+	/** Gets or sets a value that indicates whether to define the direction to sort the column.
+	*/
+	direction?: string;
+
+	/** Gets or sets a value that indicates whether to define the field name of the column to be sort
+	*/
+	field?: string;
+}
+
+export interface SortSettings {
+
+	/** Gets or sets a value that indicates whether to define the direction and field to sort the column.
+	*/
+	sortedColumns?: Array<SortSettingsSortedColumn>;
+}
+
+export interface StackedHeaderRowsStackedHeaderColumn {
+
+	/** Gets or sets a value that indicates the header text for the particular stacked header column.
+	*   @Default {null}
+	*/
+	column?: any;
+
+	/** Gets or sets a value that indicates class to the corresponding stackedHeaderColumn.
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** Gets or sets a value that indicates the header text for the particular stacked header column.
+	*   @Default {null}
+	*/
+	headerText?: string;
+
+	/** Gets or sets a value that indicates the text alignment of the corresponding headerText.
+	*   @Default {ej.TextAlign.Left}
+	*/
+	textAlign?: string;
+
+	/** Sets the template for tooltip for the Grid stackedHeaderColumns.
+	*   @Default {null}
+	*/
+	tooltip?: string;
+}
+
+export interface StackedHeaderRow {
+
+	/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows
+	*   @Default {[]}
+	*/
+	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumn>;
+}
+
+export interface SummaryRowsSummaryColumn {
+
+	/** Gets or sets a value that indicates the text displayed in the summary column as a value
+	*   @Default {null}
+	*/
+	customSummaryValue?: string;
+
+	/** This specifies summary column used to perform the summary calculation
+	*   @Default {null}
+	*/
+	dataMember?: string;
+
+	/** Gets or sets a value that indicates to define the target column at which to display the summary.
+	*   @Default {null}
+	*/
+	displayColumn?: string;
+
+	/** Gets or sets a value that indicates the format for the text applied on the column
+	*   @Default {null}
+	*/
+	format?: string;
+
+	/** Gets or sets a value that indicates the text displayed before the summary column value
+	*   @Default {null}
+	*/
+	prefix?: string;
+
+	/** Gets or sets a value that indicates the text displayed after the summary column value
+	*   @Default {null}
+	*/
+	suffix?: string;
+
+	/** Gets or sets a value that indicates the type of calculations to be performed for the corresponding summary column. See summaryType.
+	*   @Default {[]}
+	*/
+	summaryType?: ej.Grid.SummaryType|string;
+
+	/** Gets or sets a value that indicates to add the template for the summary value of dataMember given.
+	*   @Default {null}
+	*/
+	template?: string;
+}
+
+export interface SummaryRow {
+
+	/** Gets or sets a value that indicates whether to show the summary value within the group caption area for the corresponding summary column while grouping the column
+	*   @Default {false}
+	*/
+	showCaptionSummary?: boolean;
+
+	/** Gets or sets a value that indicates whether to show the group summary value for the corresponding summary column while grouping a column
+	*   @Default {false}
+	*/
+	showGroupSummary?: boolean;
+
+	/** Gets or sets a value that indicates whether to show the total summary value the for the corresponding summary column. The summary row is added after the grid content.
+	*   @Default {true}
+	*/
+	showTotalSummary?: boolean;
+
+	/** Gets or sets a value that indicates whether to add summary columns into the summary rows.
+	*   @Default {[]}
+	*/
+	summaryColumns?: Array<SummaryRowsSummaryColumn>;
+
+	/** This specifies the grid to show the title for the summary rows.
+	*/
+	title?: string;
+
+	/** This specifies the grid to show the title of summary row in the specified column.
+	*   @Default {null}
+	*/
+	titleColumn?: string;
+}
+
+export interface TextWrapSettings {
+
+	/** This specifies the grid to apply the auto wrap for grid content or header or both.
+	*   @Default {ej.Grid.WrapMode.Both}
+	*/
+	wrapMode?: ej.Grid.WrapMode|string;
+}
+
+export interface ToolbarSettingsCustomToolbarItem {
+
+	/** Gets or sets a value that indicates whether to add custom toolbar item as a template element.
+	*/
+	templateID?: string;
+
+	/** Gets or sets a value that indicates whether to add custom toolbar item with a custom tooltip.
+	*/
+	tooltip?: string;
+}
+
+export interface ToolbarSettings {
+
+	/** Gets or sets a value that indicates whether to add custom toolbar items within the toolbar to perform any action in the grid
+	*   @Default {[]}
+	*/
+	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
+
+	/** Gets or sets a value that indicates whether to enable toolbar in the grid.
+	*   @Default {false}
+	*/
+	showToolbar?: boolean;
+
+	/** Gets or sets a value that indicates whether to add the default editing actions as a toolbar items. See toolbarItems.
+	*   @Default {[]}
+	*/
+	toolbarItems?: Array<ej.Grid.ToolBarItems|string>;
+}
+
+enum GridLines{
+
+	///Displays both the horizontal and vertical grid lines.
+	Both,
+
+	///Displays the horizontal grid lines only.
+	Horizontal,
+
+	///Displays the vertical grid lines only.
+	Vertical,
+
+	///No grid lines are displayed.
+	None
+}
+
+
+enum ClipMode{
+
+	///Shows ellipsis for the overflown cell.
+	Ellipsis,
+
+	///Truncate the text in the cell
+	Clip,
+
+	///Shows ellipsis and tooltip for the overflown cell.
+	EllipsisWithTooltip
+}
+
+
+enum ColumnLayout{
+
+	///Column layout is auto(based on width).
+	Auto,
+
+	///Column layout is fixed(based on width).
+	Fixed
+}
+
+
+enum UnboundType{
+
+	///Unbound type is edit.
+	Edit,
+
+	///Unbound type is save.
+	Save,
+
+	///Unbound type is delete.
+	Delete,
+
+	///Unbound type is cancel.
+	Cancel
+}
+
+
+enum EditingType{
+
+	///Specifies editing type as string edit.
+	String,
+
+	///Specifies editing type as boolean edit.
+	Boolean,
+
+	///Specifies editing type as numeric edit.
+	Numeric,
+
+	///Specifies editing type as dropdown edit.
+	Dropdown,
+
+	///Specifies editing type as datepicker.
+	DatePicker,
+
+	///Specifies editing type as datetime picker.
+	DateTimePicker
+}
+
+
+enum FilterType{
+
+	///Specifies the filter type as menu.
+	Menu,
+
+	///Specifies the filter type as excel.
+	Excel
+}
+
+
+enum EditMode{
+
+	///Edit mode is normal.
+	Normal,
+
+	///Edit mode is dialog.
+	Dialog,
+
+	///Edit mode is dialog template.
+	DialogTemplate,
+
+	///Edit mode is batch.
+	Batch,
+
+	///Edit mode is inline form.
+	InlineForm,
+
+	///Edit mode is inline template form.
+	InlineTemplateForm,
+
+	///Edit mode is external form.
+	ExternalForm,
+
+	///Edit mode is external form template.
+	ExternalFormTemplate
+}
+
+
+enum FormPosition{
+
+	///Form position is bottomleft.
+	BottomLeft,
+
+	///Form position is topright.
+	TopRight
+}
+
+
+enum RowPosition{
+
+	///Specifies position of add new row as top.
+	Top,
+
+	///Specifies position of add new row as bottom.
+	Bottom
+}
+
+
+enum FilterBarMode{
+
+	///Initiate filter operation on typing the filter query.
+	Immediate,
+
+	///Initiate filter operation after Enter key is pressed.
+	OnEnter
+}
+
+
+enum PrintMode{
+
+	///Prints all pages.
+	AllPages,
+
+	///Prints current page.
+	CurrentPage
+}
+
+
+enum ResizeMode{
+
+	///New column size will be adjusted by all other Columns
+	Normal,
+
+	///New column Size will be adjusted using next column.
+	NextColumn,
+
+	///New column Size will be adjusted using entire control
+	Control
+}
+
+
+enum DragBehavior{
+
+	///Moves a dragged row from one grid to another
+	Move,
+
+	///Copies a dragged row from one grid to another
+	Copy
+}
+
+
+enum CellSelectionMode{
+
+	///It selects cells continuously from the start cell to end cell.
+	Flow,
+
+	///It selects range of cells as a block from start cell to the end cell.
+	Box
+}
+
+
+enum SelectionType{
+
+	///Specifies the selection type as single.
+	Single,
+
+	///Specifies the selection type as multiple.
+	Multiple
+}
+
+
+enum VirtualScrollMode{
+
+	///virtual scroll mode is normal.
+	Normal,
+
+	///virtual scroll mode is continuous.
+	Continuous
+}
+
+
+enum SummaryType{
+
+	///Summary type is average.
+	Average,
+
+	///Summary type is minimum.
+	Minimum,
+
+	///Summary type is maximum.
+	Maximum,
+
+	///Summary type is count.
+	Count,
+
+	///Summary type is sum.
+	Sum,
+
+	///Summary type is custom.
+	Custom,
+
+	///Summary type is true count.
+	TrueCount,
+
+	///Summary type is false count.
+	FalseCount
+}
+
+
+enum WrapMode{
+
+	///Auto wrap is applied for both content and header.
+	Both,
+
+	///Auto wrap is applied only for content.
+	Content,
+
+	///Auto wrap is applied only for header.
+	Header
+}
+
+
+enum ToolBarItems{
+
+	///Toolbar item is add.
+	Add,
+
+	///Toolbar item is edit.
+	Edit,
+
+	///Toolbar item is delete.
+	Delete,
+
+	///Toolbar item is update.
+	Update,
+
+	///Toolbar item is cancel.
+	Cancel,
+
+	///Toolbar item is search.
+	Search,
+
+	///Toolbar item is pdfExport.
+	PdfExport,
+
+	///Toolbar item is printGrid.
+	PrintGrid,
+
+	///Toolbar item is wordExport.
+	WordExport
+}
+
+}
+
+class Sparkline extends ej.Widget {
+	static fn: Sparkline;
+	constructor(element: JQuery, options?: Sparkline.Model);
+	constructor(element: Element, options?: Sparkline.Model);
+	static Locale: any;
+	model:Sparkline.Model;
+	defaults:Sparkline.Model;
+
+	/** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+	*   @returns {void}
+	*/
+	redraw(): void;
+}
+export module Sparkline{
+
+export interface Model {
+
+	/** Background color of the plot area.
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** Fill color for the sparkline series.
+	*   @Default {#33ccff}
+	*/
+	fill?: string;
+
+	/** Border color of the series.
+	*   @Default {null}
+	*/
+	stroke?: string;
+
+	/** Options for customizing the color, opacity and width of the sparkline border.
+	*/
+	border?: Border;
+
+	/** Border width of the series.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Opacity of the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Color for series high point.
+	*   @Default {null}
+	*/
+	highPointColor?: string;
+
+	/** Color for series low point.
+	*   @Default {null}
+	*/
+	lowPointColor?: string;
+
+	/** Color for series start point.
+	*   @Default {null}
+	*/
+	startPointColor?: string;
+
+	/** Color for series end point.
+	*   @Default {null}
+	*/
+	endPointColor?: string;
+
+	/** Color for series negative point.
+	*   @Default {null}
+	*/
+	negativePointColor?: string;
+
+	/** Options for customizing the color, opacity of the sparkline start and end range.
+	*/
+	rangeBandSettings?: RangeBandSettings;
+
+	/** Name of the culture based on which sparkline should be localized.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Name of a field in data source, where the fill color for all the data points is generated.
+	*/
+	palette?: string;
+
+	/** Controls whether sparkline has to be responsive or not.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
+	*   @Default {false}
+	*/
+	enableCanvasRendering?: boolean;
+
+	/** Specify to convert the date object to string, using locale settings.
+	*   @Default {false}
+	*/
+	enableGroupSeparator?: boolean;
+
+	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Name of the property in the datasource that contains x value for the series.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Name of the property in the datasource that contains y value for the series.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Gap or padding for sparkline.
+	*   @Default {8}
+	*/
+	padding?: number;
+
+	/** Specifies the type of the series to render in sparkline.
+	*   @Default {line. See Type}
+	*/
+	type?: ej.datavisualization.Sparkline.Type|string;
+
+	/** Specifies the theme for Sparkline.
+	*   @Default {Flatlight. See Theme}
+	*/
+	theme?: ej.datavisualization.Sparkline.Theme|string;
+
+	/** Options to customize the tooltip.
+	*/
+	tooltip?: Tooltip;
+
+	/** Options for displaying and customizing marker for a data point.
+	*/
+	markerSettings?: MarkerSettings;
+
+	/** Options to customize the Sparkline size.
+	*/
+	size?: Size;
+
+	/** Options for customizing the color,dashArray and width of the axisLine.
+	*/
+	axisLineSettings?: AxisLineSettings;
+
+	/** Fires before loading the sparkline. */
+	load? (e: LoadEventArgs): void;
+
+	/** Fires after loaded the sparkline. */
+	loaded? (e: LoadedEventArgs): void;
+
+	/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
+	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
+
+	/** Fires before rendering a series. This event is fired for each series in Sparkline. */
+	seriesRendering? (e: SeriesRenderingEventArgs): void;
+
+	/** Fires when mouse is moved over a point. */
+	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+
+	/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
+	pointRegionMouseClick? (e: PointRegionMouseClickEventArgs): void;
+
+	/** Fires on moving mouse over the sparkline. */
+	sparklineMouseMove? (e: SparklineMouseMoveEventArgs): void;
+
+	/** Fires on moving mouse outside the sparkline. */
+	sparklineMouseLeave? (e: SparklineMouseLeaveEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadedEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface TooltipInitializeEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** X Location of the trackball tooltip in pixels
+	*/
+	locationX?: any;
+
+	/** Y Location of the trackball tooltip in pixels
+	*/
+	locationY?: any;
+
+	/** Index of the point for which trackball tooltip is displayed
+	*/
+	pointIndex?: number;
+
+	/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
+	*/
+	currentText?: string;
+}
+
+export interface SeriesRenderingEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Minimum x value of the data point
+	*/
+	minX?: any;
+
+	/** Minimum y value of the data point
+	*/
+	minY?: any;
+
+	/** Maximum x value of the data point
+	*/
+	maxX?: any;
+
+	/** Maximum y value of the data point
+	*/
+	maxY?: any;
+}
+
+export interface PointRegionMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** X-coordinate of point in pixel
+	*/
+	locationX?: number;
+
+	/** Y-coordinate of point in pixel
+	*/
+	locationY?: number;
+
+	/** Index of the point in series
+	*/
+	pointIndex?: number;
+
+	/** Type of the series
+	*/
+	seriesType?: string;
+}
+
+export interface PointRegionMouseClickEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** X-coordinate of point in pixel
+	*/
+	locationX?: number;
+
+	/** Y-coordinate of point in pixel
+	*/
+	locationY?: number;
+
+	/** Index of the point in series
+	*/
+	pointIndex?: number;
+
+	/** Type of the series
+	*/
+	seriesType?: string;
+}
+
+export interface SparklineMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface SparklineMouseLeaveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface Border {
+
+	/** Border color of the sparkline.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Width of the Sparkline border.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface RangeBandSettings {
+
+	/** Start value of the range band.
+	*   @Default {null}
+	*/
+	startRange?: number;
+
+	/** End value of the range band.
+	*   @Default {null}
+	*/
+	endRange?: number;
+
+	/** Range band opacity of the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Range band color of the series.
+	*   @Default {transparent}
+	*/
+	color?: string;
+}
+
+export interface TooltipBorder {
+
+	/** Border color of the tooltip.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface TooltipFont {
+
+	/** Font color of the text in the tooltip.
+	*   @Default {#111111}
+	*/
+	color?: string;
+
+	/** Font Family for the tooltip.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font Style for the tooltip.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Sparkline.FontStyle|string;
+
+	/** Specifies the font weight for the tooltip.
+	*   @Default {Regular}
+	*/
+	fontWeight?: ej.datavisualization.Sparkline.FontWeight|string;
+
+	/** Opacity for text in the tooltip.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for text in the tooltip.
+	*   @Default {8px}
+	*/
+	size?: string;
+}
+
+export interface Tooltip {
+
+	/** Show/hides the tooltip visibility.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Fill color for the sparkline tooltip.
+	*   @Default {white}
+	*/
+	fill?: string;
+
+	/** Custom template to the tooltip.
+	*/
+	template?: string;
+
+	/** Options for customizing the border of the tooltip.
+	*/
+	border?: TooltipBorder;
+
+	/** Options for customizing the font of the tooltip.
+	*/
+	font?: TooltipFont;
+}
+
+export interface MarkerSettingsBorder {
+
+	/** Border color of the marker shape.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Controls the opacity of the marker border.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Border width of the marker shape.
+	*   @Default {null}
+	*/
+	width?: number;
+}
+
+export interface MarkerSettings {
+
+	/** Controls the opacity of the marker.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Controls the visibility of the marker shape.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** width of the marker shape.
+	*   @Default {2}
+	*/
+	width?: number;
+
+	/** Color of the marker shape.
+	*   @Default {white}
+	*/
+	fill?: string;
+
+	/** Options for customizing the border of the marker shape.
+	*/
+	border?: MarkerSettingsBorder;
+}
+
+export interface Size {
+
+	/** Height of the Sparkline. Height can be specified in either pixel or percentage.
+	*   @Default {''}
+	*/
+	height?: string;
+
+	/** Width of the Sparkline. Width can be specified in either pixel or percentage.
+	*   @Default {''}
+	*/
+	width?: string;
+}
+
+export interface AxisLineSettings {
+
+	/** Controls the visibility of the axis.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Color of the axis line.
+	*   @Default {'#111111'}
+	*/
+	color?: string;
+
+	/** Width of the axis line.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Dash array of the axis line.
+	*   @Default {1}
+	*/
+	dashArray?: number;
+}
+}
+module Sparkline
+{
+enum Type
+{
+//string
+Area,
+//string
+Line,
+//string
+Column,
+//string
+Pie,
+//string
+WinLoss,
+}
+}
+module Sparkline
+{
+enum Theme
+{
+//string
+Azure,
+//string
+FlatLight,
+//string
+FlatDark,
+//string
+Azuredark,
+//string
+Lime,
+//string
+LimeDark,
+//string
+Saffron,
+//string
+SaffronDark,
+//string
+GradientLight,
+//string
+GradientDark,
+}
+}
+module Sparkline
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Italic,
+}
+}
+module Sparkline
+{
+enum FontWeight
+{
+//string
+Regular,
+//string
+Bold,
+//string
+Lighter,
+}
+}
+
+class SunburstChart extends ej.Widget {
+	static fn: SunburstChart;
+	constructor(element: JQuery, options?: SunburstChart.Model);
+	constructor(element: Element, options?: SunburstChart.Model);
+	static Locale: any;
+	model:SunburstChart.Model;
+	defaults:SunburstChart.Model;
+
+	/** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+	*   @returns {void}
+	*/
+	redraw(): void;
+
+	/** destroy the sunburst
+	*   @returns {void}
+	*/
+	destroy(): void;
+}
+export module SunburstChart{
+
+export interface Model {
+
+	/** Background color of the plot area.
+	*   @Default {null}
+	*/
+	background?: string;
+
+	/** Bind the data field from the data source.
+	*   @Default {null}
+	*/
+	valueMemberPath?: string;
+
+	/** Options for customizing the sunburst border.
+	*/
+	border?: Border;
+
+	/** Options for customizing the sunburst segment border.
+	*/
+	segmentBorder?: SegmentBorder;
+
+	/** Specifies the dataSource to the sunburst.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Palette color for the data points.
+	*   @Default {null}
+	*/
+	palette?: string;
+
+	/** Parent node of the data points.
+	*   @Default {null}
+	*/
+	parentNode?: string;
+
+	/** Name of the property in the datasource that contains x values.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Name of the property in the datasource that contains y values.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Controls whether sunburst has to be responsive or not.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Options to customize the Sunburst size.
+	*/
+	size?: Size;
+
+	/** Controls the visibility of sunburst.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Options to customize the Sunburst tooltip.
+	*/
+	tooltip?: Tooltip;
+
+	/** Options for customizing sunburst points.
+	*/
+	points?: Points;
+
+	/** Sunburst rendering will start from the specified value
+	*   @Default {null}
+	*/
+	startAngle?: number;
+
+	/** Sunburst rendering will end at the specified value
+	*   @Default {null}
+	*/
+	endAngle?: number;
+
+	/** Sunburst outer radius value
+	*   @Default {1}
+	*/
+	radius?: number;
+
+	/** Sunburst inner radius value
+	*   @Default {0.4}
+	*/
+	innerRadius?: number;
+
+	/** Options to customize the Sunburst dataLabel.
+	*/
+	dataLabelSettings?: DataLabelSettings;
+
+	/** Options for customizing the title and subtitle of sunburst.
+	*/
+	title?: Title;
+
+	/** Options for customizing the appearance of the levels or point while highlighting.
+	*/
+	highlightSettings?: HighlightSettings;
+
+	/** Options for customizing the appearance of the levels or data point while selection.
+	*/
+	selectionSettings?: SelectionSettings;
+
+	/** Specify levels of sunburst for grouped visualization of data
+	*   @Default {[]}
+	*/
+	levels?: Array<Level>;
+
+	/** Options to customize the legend items and legend title.
+	*/
+	legend?: Legend;
+
+	/** Specifies the theme for Sunburst.
+	*   @Default {Flatlight. See Theme}
+	*/
+	theme?: ej.datavisualization.Sunburst.SunburstTheme|string;
+
+	/** Options to customize the left, right, top and bottom margins of sunburst area.
+	*/
+	margin?: Margin;
+
+	/** Enable/disable the animation for all the levels.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Opacity of the levels.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Options for enable zooming feature of chart.
+	*/
+	zoomSettings?: ZoomSettings;
+
+	/** Animation type of sunburst
+	*   @Default {rotation. See Alignment}
+	*/
+	animationType?: ej.datavisualization.Sunburst.Animation|string;
+
+	/** Fires before loading. */
+	load? (e: LoadEventArgs): void;
+
+	/** Fires before rendering sunburst. */
+	preRender? (e: PreRenderEventArgs): void;
+
+	/** Fires after rendering sunburst. */
+	loaded? (e: LoadedEventArgs): void;
+
+	/** Fires before rendering the datalabel */
+	dataLabelRendering? (e: DataLabelRenderingEventArgs): void;
+
+	/** Fires before rendering each segment */
+	segmentRendering? (e: SegmentRenderingEventArgs): void;
+
+	/** Fires before rendering sunburst title. */
+	titleRendering? (e: TitleRenderingEventArgs): void;
+
+	/** Fires during initialization of tooltip. */
+	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
+
+	/** Fires after clicking the point in sunburst */
+	pointRegionClick? (e: PointRegionClickEventArgs): void;
+
+	/** Fires while moving the mouse over sunburst points */
+	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+
+	/** Fires when clicking the point to perform drilldown. */
+	drillDownClick? (e: DrillDownClickEventArgs): void;
+
+	/** Fires when resetting drilldown points. */
+	drillDownBack? (e: DrillDownBackEventArgs): void;
+
+	/** Fires after resetting the sunburst points */
+	drillDownReset? (e: DrillDownResetEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** Load event data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface PreRenderEventArgs {
+
+	/** PreRender event data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadedEventArgs {
+
+	/** Loaded event data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DataLabelRenderingEventArgs {
+
+	/** Sunburst datalabel data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface SegmentRenderingEventArgs {
+
+	/** Sunburst datalabel data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface TitleRenderingEventArgs {
+
+	/** Sunburst title data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface TooltipInitializeEventArgs {
+
+	/** Sunburst tooltip data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface PointRegionClickEventArgs {
+
+	/** Includes clicked points region data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface PointRegionMouseMoveEventArgs {
+
+	/** Includes data of mouse moved region
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillDownClickEventArgs {
+
+	/** Clicked point data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillDownBackEventArgs {
+
+	/** Drill down data of points
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillDownResetEventArgs {
+
+	/** Drill down reset data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface Border {
+
+	/** Border color of the sunburst.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Width of the Sunburst border.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface SegmentBorder {
+
+	/** Segment Border color of the sunburst.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Width of the Sunburst segment border.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface Size {
+
+	/** Height of the Sunburst.
+	*   @Default {''}
+	*/
+	height?: string;
+
+	/** Width of the Sunburst.
+	*   @Default {''}
+	*/
+	width?: string;
+}
+
+export interface TooltipBorder {
+
+	/** Border color of the tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the tooltip.
+	*   @Default {5}
+	*/
+	width?: number;
+}
+
+export interface TooltipFont {
+
+	/** Font color of the text in the tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font Family for the tooltip.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font Style for the tooltip.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Specifies the font weight for the tooltip.
+	*   @Default {Regular}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity for text in the tooltip.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for text in the tooltip.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface Tooltip {
+
+	/** tooltip visibility of the Sunburst.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Options for customizing the border of the sunburst tooltip.
+	*/
+	border?: TooltipBorder;
+
+	/** Fill color for the sunburst tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the font of the tooltip.
+	*/
+	font?: TooltipFont;
+
+	/** Custom template to the tooltip.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Setting the format for the data displayed in the tooltip
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Sets the opacity of the dispalyed tooltip
+	*   @Default {0.95}
+	*/
+	opacity?: number;
+}
+
+export interface Points {
+
+	/** Points x value of the sunburst.
+	*   @Default {null}
+	*/
+	x?: string;
+
+	/** Points y value of the sunburst.
+	*   @Default {null}
+	*/
+	y?: number;
+
+	/** Points text of the sunburst.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Points fill color of the sunburst.
+	*   @Default {null}
+	*/
+	fill?: string;
+}
+
+export interface DataLabelSettingsFont {
+
+	/** Font family of the data label.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the data label.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight of the data label.
+	*   @Default {regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity of the text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font color of the data label text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font size of the data label.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface DataLabelSettings {
+
+	/** Datalabel visibility of the Sunburst.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Alignment of sunburst datalabel
+	*   @Default {Angle. See DatalabelAlignment}
+	*/
+	labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+
+	/** Options for customizing the data label font.
+	*/
+	font?: DataLabelSettingsFont;
+
+	/** Custom template for datalabel
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Fill color for the datalabel
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Datalabel overflow mode
+	*   @Default {Trim. See LabelOverflowMode}
+	*/
+	labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
+}
+
+export interface TitleFont {
+
+	/** Font family for Sunburst title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for Sunburst title.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for Sunburst title.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity of the Sunburst title.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for Sunburst title.
+	*   @Default {20px}
+	*/
+	size?: string;
+}
+
+export interface TitleSubtitleFont {
+
+	/** Font family of sub title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for sub title.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for sub title.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity of the sub title.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for sub title.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface TitleSubtitle {
+
+	/** Subtitle text for sunburst
+	*/
+	text?: string;
+
+	/** Sub title text visibility for sunburst
+	*   @Default {true}
+	*/
+	visible?: string;
+
+	/** Sub title text alignment
+	*   @Default {far. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+	/** Options for customizing the font of sub title.
+	*/
+	font?: TitleSubtitleFont;
+}
+
+export interface Title {
+
+	/** Title text for sunburst
+	*/
+	text?: string;
+
+	/** Title text visibility for sunburst
+	*   @Default {true}
+	*/
+	visible?: string;
+
+	/** Title text alignment
+	*   @Default {center. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+	/** Options for customizing the font of sunburst title.
+	*/
+	font?: TitleFont;
+
+	/** Options to customize the sub title of Sunburst.
+	*/
+	subtitle?: TitleSubtitle;
+}
+
+export interface HighlightSettings {
+
+	/** Enables/disables the ability to highlight the levels or point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether the levels or point has to be highlighted.
+	*   @Default {point. See Mode}
+	*/
+	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+	/** Color of the levels/point on highlight.
+	*   @Default {red}
+	*/
+	color?: string;
+
+	/** Opacity of the levels/point on highlight.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Specifies whether the levels or data point has to be highlighted.
+	*   @Default {opacity. See Mode}
+	*/
+	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+}
+
+export interface SelectionSettings {
+
+	/** Enables/disables the ability to select the levels or data point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether the levels or data point has to be selected.
+	*   @Default {point. See Mode}
+	*/
+	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+	/** Color of the levels/point on selection.
+	*   @Default {green}
+	*/
+	color?: string;
+
+	/** Opacity of the levels/point on selection.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Specifies whether the levels or data point has to be selected.
+	*   @Default {opacity. See Mode}
+	*/
+	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+}
+
+export interface Level {
+
+	/** Specifies the group member path
+	*   @Default {null}
+	*/
+	groupMemberPath?: string;
+}
+
+export interface LegendBorder {
+
+	/** Border color of the legend.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the legend.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface LegendFont {
+
+	/** Font family for legend item text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend item text.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for legend item text.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Font size for legend item text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LegendItemStyle {
+
+	/** Height of the shape in legend items.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Width of the shape in legend items.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface LegendLocation {
+
+	/** X value or horizontal offset to position the legend in chart.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Y value or vertical offset to position the legend.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface LegendSize {
+
+	/** Height of the legend. Height can be specified in either pixel or percentage.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Width of the legend. Width can be specified in either pixel or percentage.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface LegendTitleFont {
+
+	/** Font family for the text in legend title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend title.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for legend title.
+	*   @Default {normal. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Font size for legend title.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LegendTitle {
+
+	/** Options to customize the font used for legend title
+	*/
+	font?: LegendTitleFont;
+
+	/** Enables or disables the legend title.
+	*   @Default {true}
+	*/
+	visible?: string;
+
+	/** Text to be displayed in legend title.
+	*/
+	text?: string;
+
+	/** Alignment of the legend title.
+	*   @Default {center. See Alignment}
+	*/
+	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+}
+
+export interface Legend {
+
+	/** Visibility of the legend.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Interactive action of legend items.
+	*   @Default {toggleSegmentVisibility. See Alignment}
+	*/
+	clickAction?: ej.datavisualization.Sunburst.SunburstClickAction|string;
+
+	/** Horizontal alignment of the legend.
+	*   @Default {Center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+	/** Options for customizing the legend border.
+	*/
+	border?: LegendBorder;
+
+	/** Number of columns to arrange the legend items.
+	*   @Default {null}
+	*/
+	columnCount?: number;
+
+	/** Number of rows to arrange the legend items.
+	*   @Default {null}
+	*/
+	rowCount?: number;
+
+	/** Options to customize the font used for legend item text.
+	*/
+	font?: LegendFont;
+
+	/** Gap or padding between the legend items.
+	*   @Default {10}
+	*/
+	itemPadding?: number;
+
+	/** Options to customize the style of legend items.
+	*/
+	itemStyle?: LegendItemStyle;
+
+	/** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
+	*/
+	location?: LegendLocation;
+
+	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set **custom** as value to this property.
+	*   @Default {Bottom. See Position}
+	*/
+	position?: ej.datavisualization.Sunburst.SunburstLegendPosition|string;
+
+	/** Shape of the legend items. 
+	*   @Default {None. See Shape}
+	*/
+	shape?: ej.datavisualization.Sunburst.SunburstLegendShape|string;
+
+	/** Options to customize the size of the legend.
+	*/
+	size?: LegendSize;
+
+	/** Options to customize the legend title.
+	*/
+	title?: LegendTitle;
+}
+
+export interface Margin {
+
+	/** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
+	*   @Default {10}
+	*/
+	left?: number;
+
+	/** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
+	*   @Default {10}
+	*/
+	right?: number;
+
+	/** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
+	*   @Default {10}
+	*/
+	top?: number;
+
+	/** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
+	*   @Default {10}
+	*/
+	bottom?: number;
+}
+
+export interface ZoomSettings {
+
+	/** Enables or disables zooming.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Toolbar horizontal alignment
+	*   @Default {right. See Alignment}
+	*/
+	toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment|string;
+
+	/** Toolbar vertical alignment
+	*   @Default {top. See Alignment}
+	*/
+	toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment|string;
+}
+}
+module Sunburst
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Italic,
+}
+}
+module Sunburst
+{
+enum FontWeight
+{
+//string
+Regular,
+//string
+Bold,
+//string
+Lighter,
+}
+}
+module Sunburst
+{
+enum SunburstLabelRotationMode
+{
+//string
+Angle,
+//string
+Normal,
+}
+}
+module Sunburst
+{
+enum SunburstLabelOverflowMode
+{
+//string
+Trim,
+//string
+Hide,
+//string
+None,
+}
+}
+module Sunburst
+{
+enum SunburstAlignment
+{
+//string
+Center,
+//string
+Near,
+//string
+Far,
+}
+}
+module Sunburst
+{
+enum SunburstHighlightMode
+{
+//string
+Point,
+//string
+Parent,
+//string
+Child,
+//string
+All,
+}
+}
+module Sunburst
+{
+enum SunburstHighlightType
+{
+//string
+Opacity,
+//string
+Color,
+}
+}
+module Sunburst
+{
+enum SunburstClickAction
+{
+//string
+None,
+//string
+ToggleSegmentVisibility,
+//string
+ToggleSegmentSelection,
+}
+}
+module Sunburst
+{
+enum SunburstLegendPosition
+{
+//string
+Left,
+//string
+Right,
+//string
+Top,
+//string
+Bottom,
+}
+}
+module Sunburst
+{
+enum SunburstLegendShape
+{
+//string
+Diamond,
+//string
+Pentagon,
+//string
+Rectangle,
+//string
+Circle,
+//string
+Cross,
+//string
+Triangle,
+}
+}
+module Sunburst
+{
+enum SunburstTheme
+{
+//string
+FlatLight,
+//string
+FlatDark,
+}
+}
+module Sunburst
+{
+enum SunburstHorizontalAlignment
+{
+//string
+Center,
+//string
+Left,
+//string
+Right,
+}
+}
+module Sunburst
+{
+enum SunburstVerticalAlignment
+{
+//string
+Top,
+//string
+Bottom,
+//string
+Middle,
+}
+}
+module Sunburst
+{
+enum Animation
+{
+//string
+Rotation,
+//string
+FadeIn,
+}
+}
+
+class PivotGrid extends ej.Widget {
+	static fn: PivotGrid;
+	constructor(element: JQuery, options?: PivotGrid.Model);
+	constructor(element: Element, options?: PivotGrid.Model);
+	static Locale: any;
+	model:PivotGrid.Model;
+	defaults:PivotGrid.Model;
+
+	/** Performs an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Performs an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): void;
+
+	/** Exports the PivotGrid to the specified format.
+	*   @returns {void}
+	*/
+	exportPivotGrid(): void;
+
+	/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
+	*   @returns {void}
+	*/
+	refreshPagedPivotGrid(): void;
+
+	/** This function refreshes the PivotGrid with modified data input in client-mode.
+	*   @returns {void}
+	*/
+	refreshPivotGrid(): void;
+
+	/** This function re-renders the control with the report available at that instant.
+	*   @returns {void}
+	*/
+	refreshControl(): void;
+
+	/** This function returns the height of all rows and width each and every column.
+	*   @returns {any}
+	*/
+	calculateCellWidths(): any;
+
+	/** This function creates the conditional formatting dialog to apply conditional formatting for PivotGrid control.
+	*   @returns {void}
+	*/
+	createConditionalDialog(): void;
+
+	/** This function saves the current report to the database/local storage.
+	*   @returns {void}
+	*/
+	saveReport(): void;
+
+	/** This function loads the specified report from the database/local storage.
+	*   @returns {void}
+	*/
+	loadReport(): void;
+
+	/** This function reconstructs the JSON data formed for rendering PivotGrid in excel-like layout format.
+	*   @returns {void}
+	*/
+	excelLikeLayout(): void;
+
+	/** Returns the OlapReport string maintained along with the axis elements information.
+	*   @returns {string}
+	*/
+	getOlapReport(): string;
+
+	/** Sets the OlapReport string along with the axis information.
+	*   @returns {void}
+	*/
+	setOlapReport(): void;
+
+	/** Returns the JSON records formed to render the control.
+	*   @returns {Array<any>}
+	*/
+	getJSONRecords(): Array<any>;
+
+	/** Sets the JSON records formed to render the control.
+	*   @returns {void}
+	*/
+	setJSONRecords(): void;
+
+	/** This function allows user to change the caption of the Pivot Item (name displayed in UI) on-demand for relational datasource in client-mode.
+	*   @returns {void}
+	*/
+	refreshFieldCaption(): void;
+
+	/** This function receives the JSON formatted datasource to render the PivotGrid control.
+	*   @returns {void}
+	*/
+	renderControlFromJSON(): void;
+}
+export module PivotGrid{
+
+export interface Model {
+
+	/** Sets the mode for the PivotGrid widget for binding either OLAP or relational data source.
+	*   @Default {ej.Pivot.AnalysisMode.Pivot}
+	*/
+	analysisMode?: ej.Pivot.AnalysisMode|string;
+
+	/** Specifies the CSS class to PivotGrid to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Connects the PivotSchemaDesigner with the specified ID to the PivotGrid Control.
+	*   @Default {“”}
+	*/
+	pivotTableFieldListID?: string;
+
+	/** Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** Holds the necessary properties for value sorting.
+	*   @Default {{}}
+	*/
+	valueSortSettings?: ValueSortSettings;
+
+	/** Object that holds the settings of frozen headers.
+	*   @Default {{}}
+	*/
+	frozenHeaderSettings?: FrozenHeaderSettings;
+
+	/** Allows user to display header name in PivotGrid control.
+	*   @Default {{}}
+	*/
+	headerSettings?: HeaderSettings;
+
+	/** Allows user to show appropriate unique name on Pivot button.
+	*   @Default {false}
+	*/
+	showUniqueNameOnPivotButton?: boolean;
+
+	/** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
+	*   @Default {null}
+	*/
+	customObject?: any;
+
+	/** Allows the user to collapsed the specified members in each field by default.
+	*   @Default {null}
+	*/
+	collapsedMembers?: any;
+
+	/** Allows the user to access each cell on mouse right-click.
+	*   @Default {false}
+	*/
+	enableCellContext?: boolean;
+
+	/** Enables the cell selection for a specific range of value cells.
+	*   @Default {false}
+	*/
+	enableCellSelection?: boolean;
+
+	/** Enables the Drill-Through feature which retrieves the raw items that are used to create the specific cell in PivotGrid.
+	*   @Default {false}
+	*/
+	enableDrillThrough?: boolean;
+
+	/** Allows user to get the cell details in JSON format on double clicking the cell.
+	*   @Default {false}
+	*/
+	enableCellDoubleClick?: boolean;
+
+	/** Allows user to edit the value cells for write-back support in PivotGrid. This is applicable only for server-mode.
+	*   @Default {false}
+	*/
+	enableCellEditing?: boolean;
+
+	/** Collapses the Pivot items along rows and columns by default.  It works only for relational data source.
+	*   @Default {false}
+	*/
+	enableCollapseByDefault?: boolean;
+
+	/** Enables/Disables the display of grand total for all the columns.
+	*   @Default {true}
+	*/
+	enableColumnGrandTotal?: boolean;
+
+	/** Allows the user to format a specific set of cells based on the condition.
+	*   @Default {false}
+	*/
+	enableConditionalFormatting?: boolean;
+
+	/** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each fields in server mode.
+	*   @Default {false}
+	*/
+	enableAdvancedFilter?: boolean;
+
+	/** Allows the user to refresh the control on-demand and not during every UI operation.
+	*   @Default {false}
+	*/
+	enableDeferUpdate?: boolean;
+
+	/** Enables the display of GroupingBar allowing you to filter, sort and remove fields obtained from datasource.
+	*   @Default {false}
+	*/
+	enableGroupingBar?: boolean;
+
+	/** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
+	*   @Default {false}
+	*/
+	enableMemberEditorPaging?: boolean;
+
+	/** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
+	*   @Default {100}
+	*/
+	memberEditorPageSize?: number;
+
+	/** Enables/Disables the display of grand total for rows and columns.
+	*   @Default {true}
+	*/
+	enableGrandTotal?: boolean;
+
+	/** Allows the user to load PivotGrid using JSON data.
+	*   @Default {false}
+	*/
+	enableJSONRendering?: boolean;
+
+	/** Enables rendering of PivotGrid widget along with the PivotTable Field List, which allows UI operations.
+	*   @Default {true}
+	*/
+	enablePivotFieldList?: boolean;
+
+	/** Enables the display of grand total for all the rows.
+	*   @Default {true}
+	*/
+	enableRowGrandTotal?: boolean;
+
+	/** Allows the user to view layout of the PivotGrid from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Allows the user to enable ToolTip option.
+	*   @Default {false}
+	*/
+	enableToolTip?: boolean;
+
+	/** Allows the user to enable the animation effects in tooltip.
+	*   @Default {false}
+	*/
+	enableToolTipAnimation?: boolean;
+
+	/** Allows the user to adjust the width of the columns dynamically.
+	*   @Default {false}
+	*/
+	enableColumnResizing?: boolean;
+
+	/** Allows the user to view large amount of data through virtual scrolling.
+	*   @Default {false}
+	*/
+	enableVirtualScrolling?: boolean;
+
+	/** Allows the user to view large amount of data by applying paging.
+	*   @Default {false}
+	*/
+	enablePaging?: boolean;
+
+	/** Allows the user to configure hyperlink settings of PivotGrid control.
+	*   @Default {{}}
+	*/
+	hyperlinkSettings?: HyperlinkSettings;
+
+	/** Allows the user to enable PivotGrid’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Contains the serialized JSON string which renders PivotGrid.
+	*/
+	jsonRecords?: string;
+
+	/** Sets the summary layout for PivotGrid.Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
+	*   @Default {ej.PivotGrid.Layout.Normal}
+	*/
+	layout?: ej.PivotGrid.Layout|string;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the mode for the PivotGrid widget for binding data source either in server-side or client-side.
+	*   @Default {ej.Pivot.OperationalMode.ClientMode}
+	*/
+	operationalMode?: ej.Pivot.OperationalMode|string;
+
+	/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
+	*   @Default {{}}
+	*/
+	serviceMethodSettings?: ServiceMethodSettings;
+
+	/** Connects the service using the specified URL for any server updates.
+	*   @Default {“”}
+	*/
+	url?: string;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from PivotGrid to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers before Pivot Engine starts to populate. */
+	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): void;
+
+	/** Triggers when double click action is performed over a cell. */
+	cellDoubleClick? (e: CellDoubleClickEventArgs): void;
+
+	/** Triggers when right-click action is performed on a cell. */
+	cellContext? (e: CellContextEventArgs): void;
+
+	/** Triggers when a specific range of value cells are selected. */
+	cellSelection? (e: CellSelectionEventArgs): void;
+
+	/** Triggers when the hyperlink of column header is clicked. */
+	columnHeaderHyperlinkClick? (e: ColumnHeaderHyperlinkClickEventArgs): void;
+
+	/** Triggers after performing drill operation in PivotGrid. */
+	drillSuccess? (e: DrillSuccessEventArgs): void;
+
+	/** Triggers while clicking &quot;OK&quot; button in the drill-through dialog. */
+	drillThrough? (e: DrillThroughEventArgs): void;
+
+	/** Triggers when PivotGrid loading is initiated. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when PivotGrid widget completes all operations at client-side after any AJAX request. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+
+	/** Triggers when any error occurred during AJAX request. */
+	renderFailure? (e: RenderFailureEventArgs): void;
+
+	/** Triggers when PivotGrid successfully reaches client-side after any AJAX request. */
+	renderSuccess? (e: RenderSuccessEventArgs): void;
+
+	/** Triggers when the hyperlink of row header is clicked. */
+	rowHeaderHyperlinkClick? (e: RowHeaderHyperlinkClickEventArgs): void;
+
+	/** Triggers when the hyperlink of summary cell is clicked. */
+	summaryCellHyperlinkClick? (e: SummaryCellHyperlinkClickEventArgs): void;
+
+	/** Triggers when the hyperlink of value cell is clicked. */
+	valueCellHyperlinkClick? (e: ValueCellHyperlinkClickEventArgs): void;
+
+	/** Triggers before saving the current report to database. */
+	saveReport? (e: SaveReportEventArgs): void;
+
+	/** Triggers before loading a report from database. */
+	loadReport? (e: LoadReportEventArgs): void;
+
+	/** Triggers before performing exporting in pivot grid. */
+	beforeExport? (e: BeforeExportEventArgs): void;
+
+	/** Triggers before editing the cells. */
+	cellEdit? (e: CellEditEventArgs): void;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotGrid control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotGrid control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface BeforePivotEnginePopulateEventArgs {
+
+	/** returns the PivotGrid object
+	*/
+	pivotGridObject?: any;
+}
+
+export interface CellDoubleClickEventArgs {
+
+	/** returns the JSON details of the double clicked cell.
+	*/
+	selectedData?: Array<any>;
+
+	/** returns the custom object bound with PivotGrid control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface CellContextEventArgs {
+
+	/** returns the cell position (row index and column index) in table.
+	*/
+	cellPosition?: string;
+
+	/** returns the type of the cell.
+	*/
+	cellType?: string;
+
+	/** returns the content of the cell.
+	*/
+	cellValue?: string;
+
+	/** returns the unique name of levels/members.
+	*/
+	uniqueName?: string;
+
+	/** returns the role of the cell in PivotGrid.
+	*/
+	role?: string;
+
+	/** returns JSON record corresponding to the selected cell.
+	*/
+	rawdata?: any;
+
+	/** returns the original event object.
+	*/
+	args?: any;
+}
+
+export interface CellSelectionEventArgs {
+
+	/** returns the JSON records of the selected range of cells.
+	*/
+	JSONRecords?: any;
+
+	/** Returns the row headers corresponding to the selected value cells.
+	*/
+	rowheader?: any;
+
+	/** Returns the column headers corresponding to the selected value cells.
+	*/
+	columnheader?: any;
+
+	/** Returns the information about the measure associated with the selected cell.
+	*/
+	measureCount?: string;
+}
+
+export interface ColumnHeaderHyperlinkClickEventArgs {
+
+	/** returns the information about the clicked cell
+	*/
+	args?: any;
+
+	/** returns the HTML element of the control.
+	*/
+	element?: any;
+
+	/** returns the custom object bound to the control.
+	*/
+	customObject?: any;
+}
+
+export interface DrillSuccessEventArgs {
+
+	/** returns the HTML element of the control.
+	*/
+	args?: any;
+}
+
+export interface DrillThroughEventArgs {
+
+	/** return the JSON records of the generated cells on drill-through operation.
+	*/
+	data?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+
+	/** returns the error message with error code.
+	*/
+	message?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the current action of PivotGrid control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGrid control.
+	*/
+	element?: any;
+}
+
+export interface RowHeaderHyperlinkClickEventArgs {
+
+	/** returns the information about the clicked cell
+	*/
+	args?: any;
+
+	/** returns the HTML element of the control.
+	*/
+	element?: any;
+
+	/** returns the custom object bound to the control.
+	*/
+	customObject?: any;
+}
+
+export interface SummaryCellHyperlinkClickEventArgs {
+
+	/** returns the information about the clicked cell
+	*/
+	args?: any;
+
+	/** returns the HTML element of the control.
+	*/
+	element?: any;
+
+	/** returns the custom object bound to the control.
+	*/
+	customObject?: any;
+}
+
+export interface ValueCellHyperlinkClickEventArgs {
+
+	/** returns the information about the clicked cell
+	*/
+	args?: any;
+
+	/** returns the HTML element of the control.
+	*/
+	element?: any;
+
+	/** returns the custom object bound to the control.
+	*/
+	customObject?: any;
+}
+
+export interface SaveReportEventArgs {
+
+	/** returns the report to be stored in database.
+	*/
+	report?: any;
+}
+
+export interface LoadReportEventArgs {
+
+	/** returns the PivotGrid object.
+	*/
+	targetControl?: any;
+
+	/** returns whether the control is bound with OLAP or Relational data source.
+	*/
+	dataModel?: string;
+}
+
+export interface BeforeExportEventArgs {
+
+	/** contains the url of the service responsible for exporting.
+	*/
+	url?: string;
+
+	/** contains the name of the exporting file.
+	*/
+	fileName?: string;
+}
+
+export interface CellEditEventArgs {
+
+	/** contains the array of cells selected for editing.
+	*/
+	editCellsInfo?: Array<any>;
+}
+
+export interface DataSourceColumnsAdvancedFilter {
+
+	/** Allows the user to provide level unique name to perform advanced filtering.
+	*/
+	name?: string;
+
+	/** Allows the user to set the operator to perform Label Filtering.
+	*   @Default {none}
+	*/
+	labelFilterOperator?: string;
+
+	/** Allows the user to set the operator to perform Value Filtering.
+	*   @Default {none}
+	*/
+	valueFilterOperator?: string;
+
+	/** Allows the user to set the filtering type while performing advanced filtering.
+	*/
+	advancedFilterType?: string;
+
+	/** In case of value filtering, this property contains the measure name to which the filter is applied.
+	*/
+	measure?: string;
+
+	/** Allows the user to hold the filter operand values in advanced filtering.
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumnsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumn {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*   @Default {[]}
+	*/
+	advancedFilter?: Array<DataSourceColumnsAdvancedFilter>;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Shows/Hides the sub-total of the field in PivotGrid.
+	*   @Default {true}
+	*/
+	showSubTotal?: boolean;
+
+	/** Allows to set the format for the column headers.
+	*/
+	format?: string;
+
+	/** This property sets type of display of date.
+	*/
+	formatString?: string;
+
+	/** Allows to set the custom theme for the column headers.
+	*/
+	cssClass?: string;
+
+	/** Allows the user to set the sorting order of the members of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+	/** Contains the list of members need to be drilled down by default in the field.
+	*   @Default {[]}
+	*/
+	drilledItems?: Array<any>;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceColumnsFilterItems;
+}
+
+export interface DataSourceRowsAdvancedFilter {
+
+	/** Allows the user to provide level unique name to perform advanced filtering.
+	*/
+	name?: string;
+
+	/** Allows the user to set the operator to perform Label Filtering.
+	*   @Default {none}
+	*/
+	labelFilterOperator?: string;
+
+	/** Allows the user to set the operator to perform Value Filtering.
+	*   @Default {none}
+	*/
+	valueFilterOperator?: string;
+
+	/** Allows the user to set the filtering type while performing advanced filtering.
+	*/
+	advancedFilterType?: string;
+
+	/** In case of value filtering, this property contains the measure name to which the filter is applied.
+	*/
+	measure?: string;
+
+	/** Allows the user to hold the filter operand values in advanced filtering.
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRowsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRow {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*   @Default {[]}
+	*/
+	advancedFilter?: Array<DataSourceRowsAdvancedFilter>;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Shows/Hides the sub-total of the field.
+	*   @Default {true}
+	*/
+	showSubTotal?: boolean;
+
+	/** Allows to set the format for the row headers.
+	*/
+	format?: string;
+
+	/** This property sets type of display of date.
+	*/
+	formatString?: string;
+
+	/** Allows to set the custom theme for the row headers.
+	*/
+	cssClass?: string;
+
+	/** Allows the user to set the sorting order of the members of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+	/** Contains the list of members need to be drilled down by default in the field.
+	*   @Default {[]}
+	*/
+	drilledItems?: Array<any>;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceRowsFilterItems;
+}
+
+export interface DataSourceValuesMeasure {
+
+	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+	*/
+	fieldName?: string;
+}
+
+export interface DataSourceValue {
+
+	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item for Relational datasource.
+	*/
+	fieldCaption?: string;
+
+	/** This holds the list of unique names of measures to bind them from the OLAP cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<DataSourceValuesMeasure>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {rows}
+	*/
+	axis?: string;
+
+	/** Indicates whether the field is a calculated field or not with Relational datasource.
+	*   @Default {false}
+	*/
+	isCalculatedField?: boolean;
+
+	/** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
+	*   @Default {ej.PivotAnalysis.SummaryType.Sum}
+	*/
+	summaryType?: ej.PivotAnalysis.SummaryType|string;
+
+	/** Allows to set the format for the values.
+	*/
+	format?: string;
+
+	/** This property sets type of display of date.
+	*/
+	formatString?: string;
+
+	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+	*/
+	formula?: string;
+
+	/** Allows to set the custom theme for the values.
+	*/
+	cssClass?: string;
+}
+
+export interface DataSourceFiltersFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceFilter {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceFiltersFilterItems;
+}
+
+export interface DataSourcePagerOptions {
+
+	/** Allows to set the number of categorical columns to be displayed in each page on applying paging.
+	*   @Default {0}
+	*/
+	categoricalPageSize?: number;
+
+	/** Allows to set the number of series rows to be displayed in each page on applying paging.
+	*   @Default {0}
+	*/
+	seriesPageSize?: number;
+
+	/** Allows to set the page number in categorical axis to be loaded by default.
+	*   @Default {1}
+	*/
+	categoricalCurrentPage?: number;
+
+	/** Allows to set the page number in series axis to be loaded by default.
+	*   @Default {1}
+	*/
+	seriesCurrentPage?: number;
+}
+
+export interface DataSource {
+
+	/** Lists out the items to be arranged in columns section of PivotGrid.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Lists out the items to be arranged in rows section of PivotGrid.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items which supports calculation in PivotGrid.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGrid.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+
+	/** Contains the respective cube name from OLAP database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** To set the data source name to fetch data from that.
+	*   @Default {“”}
+	*/
+	sourceInfo?: string;
+
+	/** Set the provider name for PivotGrid to identify whether the provider is SSAS or Mondrian.
+	*   @Default {ssas}
+	*/
+	providerName?: string;
+
+	/** Provides the raw data source for the PivotGrid.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*   @Default {false}
+	*/
+	enableAdvancedFilter?: boolean;
+
+	/** Sets a name to the report bound to the control.
+	*/
+	reportName?: string;
+
+	/** Allows to set the page size and current page number for each axis on applying paging.
+	*   @Default {{}}
+	*/
+	pagerOptions?: DataSourcePagerOptions;
+}
+
+export interface ValueSortSettings {
+
+	/** Contains the headers of the specific column to which value sorting is applied.
+	*/
+	headerText?: string;
+
+	/** Allows the user to set the string for separating column headers provided in the above property headerText.
+	*/
+	headerDelimiters?: string;
+
+	/** Allows the user to set the sorting order of the values of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+}
+
+export interface FrozenHeaderSettings {
+
+	/** Allows the user to freeze the row headers alone on scrolling the horizontal scroll bar.
+	*   @Default {false}
+	*/
+	enableFrozenRowHeaders?: boolean;
+
+	/** Allows the user to freeze the column headers alone on scrolling the vertical scroll bar.
+	*   @Default {false}
+	*/
+	enableFrozenColumnHeaders?: boolean;
+
+	/** Allows the user to freeze both the row headers and column headers on scrolling.
+	*   @Default {false}
+	*/
+	enableFrozenHeaders?: boolean;
+
+	/** Allows user to set the size of the scrollbar (horizontal and vertical) visible in PivotGrid.
+	*   @Default {18}
+	*/
+	scrollerSize?: number;
+}
+
+export interface HeaderSettings {
+
+	/** Allows user to enable/disable row header names in PivotGrid control.
+	*   @Default {false}
+	*/
+	showRowItems?: boolean;
+
+	/** Allows user to enable/disable column header names in PivotGrid control.
+	*   @Default {false}
+	*/
+	showColumnItems?: boolean;
+}
+
+export interface HyperlinkSettings {
+
+	/** Allows the user to enable/disable hyperlink for column header.
+	*   @Default {false}
+	*/
+	enableColumnHeaderHyperlink?: boolean;
+
+	/** Allows the user to enable/disable hyperlink for row header.
+	*   @Default {false}
+	*/
+	enableRowHeaderHyperlink?: boolean;
+
+	/** Allows the user to enable/disable hyperlink for summary cells.
+	*   @Default {false}
+	*/
+	enableSummaryCellHyperlink?: boolean;
+
+	/** Allows the user to enable/disable hyperlink for value cells.
+	*   @Default {false}
+	*/
+	enableValueCellHyperlink?: boolean;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method responsible for drill up/down operation in PivotGrid.
+	*   @Default {DrillGrid}
+	*/
+	drillDown?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for exporting.
+	*   @Default {Export}
+	*/
+	exportPivotGrid?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for performing server-side actions on defer update.
+	*   @Default {DeferUpdate}
+	*/
+	deferUpdate?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
+	*   @Default {FetchMembers}
+	*/
+	fetchMembers?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for filtering operation in PivotGrid.
+	*   @Default {Filtering}
+	*/
+	filtering?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for initializing PivotGrid.
+	*   @Default {InitializeGrid}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node from Field List.
+	*   @Default {NodeDropped}
+	*/
+	nodeDropped?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
+	*   @Default {NodeStateModified}
+	*/
+	nodeStateModified?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for performing paging operation in PivotGrid.
+	*   @Default {Paging}
+	*/
+	paging?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for sorting operation in PivotGrid.
+	*   @Default {Sorting}
+	*/
+	sorting?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for expanding members inside member editor.
+	*   @Default {MemberExpanded}
+	*/
+	memberExpand?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for editing the cells.
+	*   @Default {CellEditing}
+	*/
+	cellEditing?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for saving the current report to database.
+	*   @Default {SaveReport}
+	*/
+	saveReport?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for loading a report from database.
+	*   @Default {LoadReportFromDB}
+	*/
+	loadReport?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for adding a calculated field to the report.
+	*   @Default {CalculatedField}
+	*/
+	calculatedField?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for performing drill through operation.
+	*   @Default {DrillThroughHierarchies}
+	*/
+	drillThroughHierarchies?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for performing drill through operation in data table.
+	*   @Default {DrillThroughDataTable}
+	*/
+	drillThroughDataTable?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for write-back operation in OLAP Cube. This is only applicable in server-side component.
+	*   @Default {WriteBack}
+	*/
+	writeBack?: string;
+}
+
+enum Layout{
+
+	///To set normal summary layout in PivotGrid.
+	Normal,
+
+	///To set layout with summaries at the top in PivotGrid.
+	NormalTopSummary,
+
+	///To set layout without summaries in PivotGrid.
+	NoSummaries,
+
+	///To set excel-like layout in PivotGrid.
+	ExcelLikeLayout
+}
+
+}
+module Pivot
+{
+enum AnalysisMode
+{
+//To bind an OLAP data source to PivotGrid.
+OLAP,
+//To bind a relational data source to PivotGrid.
+Pivot,
+}
+}
+module PivotAnalysis
+{
+enum SortOrder
+{
+//Sorts the members of the field in ascending order.
+Ascending,
+//Sorts the members of the field in descending order.
+Descending,
+//Displays the members without sorting in any order.
+None,
+}
+}
+module PivotAnalysis
+{
+enum FilterType
+{
+//Excludes the specified values among the members of the field.
+Exclude,
+//Includes the specified values alone among the members of the field.
+Include,
+}
+}
+module PivotAnalysis
+{
+enum SummaryType
+{
+//Calculates the summary as the total of all values.
+Sum,
+//Displays the average of all values as the summaries.
+Average,
+//Displays the count of items in summaries.
+Count,
+//Displays the minimum value of all the items in the summary.
+Min,
+//Displays the maximum value of all the items in the summary.
+Max,
+}
+}
+module Pivot
+{
+enum OperationalMode
+{
+//To bind data source completely from client-side.
+ClientMode,
+//To bind data source completely from server-side.
+ServerMode,
+}
+}
+
+class PivotSchemaDesigner extends ej.Widget {
+	static fn: PivotSchemaDesigner;
+	constructor(element: JQuery, options?: PivotSchemaDesigner.Model);
+	constructor(element: Element, options?: PivotSchemaDesigner.Model);
+	static Locale: any;
+	model:PivotSchemaDesigner.Model;
+	defaults:PivotSchemaDesigner.Model;
+
+	/** Performs an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Re-renders the control with the data source bound to the pivot control at that instant.
+	*   @returns {void}
+	*/
+	refreshControl(): void;
+}
+export module PivotSchemaDesigner{
+
+export interface Model {
+
+	/** Specifies the CSS class to PivotSchemaDesigner to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Object utilized to pass additional information between client-end and service-end.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** For ASP.NET and MVC Wrapper, PivotSchemaDesigner will be initialized and rendered empty initially. Once the connected pivot control widget is rendered completely, PivotSchemaDesigner will just be populated with data source by setting this property to “true”.
+	*   @Default {false}
+	*/
+	enableWrapper?: boolean;
+
+	/** Allows the user to view PivotTable Field List from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Sets the visibility of OLAP elements in PivotTable Field List. This is only applicable for OLAP datasource.
+	*   @Default {null}
+	*/
+	olap?: Olap;
+
+	/** Allows the user to enable/disable drag and drop operations within the PivotTable Field List.
+	*   @Default {true}
+	*/
+	enableDragDrop?: boolean;
+
+	/** Sets the height for PivotSchemaDesigner.
+	*   @Default {“”}
+	*/
+	height?: string;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the Pivot control bound with this PivotSchemaDesigner.
+	*   @Default {null}
+	*/
+	pivotControl?: any;
+
+	/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
+	*   @Default {{}}
+	*/
+	serviceMethod?: ServiceMethod;
+
+	/** Connects the service using the specified URL for any server updates.
+	*   @Default {“”}
+	*/
+	url?: string;
+
+	/** Sets the width for PivotSchemaDesigner.
+	*   @Default {“”}
+	*/
+	width?: string;
+
+	/** Sets the layout for PivotSchemaDesigner.
+	*   @Default {ej.PivotSchemaDesigner.Layouts.Excel}
+	*/
+	layout?: ej.PivotSchemaDesigner.Layouts|string;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from PivotSchemaDesigner to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers when we start dragging any field from PivotSchemaDesigner. */
+	dragMove? (e: DragMoveEventArgs): void;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** returns the current action of PivotSchemaDesigner control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotSchemaDesigner control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotSchemaDesigner control.
+	*/
+	element?: any;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** returns the current action of PivotSchemaDesigner control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotSchemaDesigner control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotSchemaDesigner control.
+	*/
+	element?: any;
+}
+
+export interface DragMoveEventArgs {
+
+	/** returns the HTML element of the dragged field from PivotSchemaDesigner.
+	*/
+	dragTarget?: any;
+
+	/** return the JSON details of the dragged field.
+	*/
+	draggedElementData?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the PivotSchemaDesigner model
+	*/
+	model?: any;
+}
+
+export interface Olap {
+
+	/** Allows the user to view the KPI elements in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	showKPI?: boolean;
+
+	/** Allows the user to view the named sets in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
+	*   @Default {false}
+	*/
+	showNamedSets?: boolean;
+}
+
+export interface ServiceMethod {
+
+	/** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
+	*   @Default {FetchMembers}
+	*/
+	fetchMembers?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for filtering operation in Field List.
+	*   @Default {Filtering}
+	*/
+	filtering?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for the server-side action, on expanding members in Field List.
+	*   @Default {MemberExpanded}
+	*/
+	memberExpand?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node into Field List.
+	*   @Default {NodeDropped}
+	*/
+	nodeDropped?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
+	*   @Default {NodeStateModified}
+	*/
+	nodeStateModified?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for button removing operation in Field List.
+	*   @Default {RemoveButton}
+	*/
+	removeButton?: string;
+}
+
+enum Layouts{
+
+	///To set the layout as same in the Excel.
+	Excel,
+
+	///To set normal layout for Field List.
+	Normal,
+
+	///To set layout with the axes one above the other.
+	OneByOne
+}
+
+}
+
+class PivotPager extends ej.Widget {
+	static fn: PivotPager;
+	constructor(element: JQuery, options?: PivotPager.Model);
+	constructor(element: Element, options?: PivotPager.Model);
+	static Locale: any;
+	model:PivotPager.Model;
+	defaults:PivotPager.Model;
+
+	/** This function initializes the page counts and page numbers for the PivotPager.
+	*   @returns {void}
+	*/
+	initPagerProperties(): void;
+}
+export module PivotPager{
+
+export interface Model {
+
+	/** Contains the current page number in categorical axis.
+	*   @Default {1}
+	*/
+	categoricalCurrentPage?: number;
+
+	/** Contains the total page count in categorical axis.
+	*   @Default {1}
+	*/
+	categoricalPageCount?: number;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the pager mode (Only Categorical Pager/Only Series Pager/Both) for the PivotPager.
+	*   @Default {ej.PivotPager.Mode.Both}
+	*/
+	mode?: ej.PivotPager.Mode|string;
+
+	/** Contains the current page number in series axis.
+	*   @Default {1}
+	*/
+	seriesCurrentPage?: number;
+
+	/** Contains the total page count in series axis.
+	*   @Default {1}
+	*/
+	seriesPageCount?: number;
+
+	/** Contains the ID of the target element for which paging needs to be done.
+	*   @Default {“”}
+	*/
+	targetControlID?: string;
+}
+
+enum Mode{
+
+	///To set both categorical and series pager for paging.
+	Both,
+
+	///To set only categorical pager for paging.
+	Categorical,
+
+	///To set only series pager for paging.
+	Series
+}
+
+}
+
+class PivotChart extends ej.Widget {
+	static fn: PivotChart;
+	constructor(element: JQuery, options?: PivotChart.Model);
+	constructor(element: Element, options?: PivotChart.Model);
+	static Locale: any;
+	model:PivotChart.Model;
+	defaults:PivotChart.Model;
+
+	/** Performs an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Perform an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): void;
+
+	/** Exports the PivotChart to the format specified in the parameter.
+	*   @returns {void}
+	*/
+	exportPivotChart(): void;
+
+	/** This function renders the PivotChart control with the JSON formatted datasource.
+	*   @returns {void}
+	*/
+	renderChartFromJSON(): void;
+
+	/** This function receives the update from service-end, which would be utilized for rendering the widget.
+	*   @returns {void}
+	*/
+	renderControlSuccess(): void;
+
+	/** Returns the OlapReport string maintained along with the axis elements information.
+	*   @returns {string}
+	*/
+	getOlapReport(): string;
+
+	/** Sets the OlapReport string along with the axis information and maintains it in a property.
+	*   @returns {void}
+	*/
+	setOlapReport(): void;
+
+	/** Returns the JSON records formed to render the control.
+	*   @returns {Array<any>}
+	*/
+	getJSONRecords(): Array<any>;
+
+	/** Sets the JSON records to render the control.
+	*   @returns {void}
+	*/
+	setJSONRecords(): void;
+
+	/** Returns the PivotEngine formed to render the control.
+	*   @returns {Array<any>}
+	*/
+	getPivotEngine(): Array<any>;
+
+	/** Sets the PivotEngine required to render the control.
+	*   @returns {void}
+	*/
+	setPivotEngine(): void;
+
+	/** Re-renders the control with the data source at the instant.
+	*   @returns {void}
+	*/
+	refreshControl(): void;
+
+	/** Renders the control with the pivot engine obtained from olap cube.
+	*   @returns {void}
+	*/
+	generateJSON(): void;
+
+	/** Navigates to the specified page number in specified axis.
+	*   @returns {void}
+	*/
+	refreshPagedPivotChart(): void;
+}
+export module PivotChart{
+
+export interface Model {
+
+	/** Sets the mode for the PivotChart widget for binding either OLAP or Relational data source.
+	*   @Default {ej.Pivot.AnalysisMode.Pivot}
+	*/
+	analysisMode?: ej.Pivot.AnalysisMode|string;
+
+	/** Specifies the CSS class to PivotChart to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Options for enabling zooming feature of PivotChart.
+	*   @Default {{}}
+	*/
+	zooming?: Zooming;
+
+	/** Options available to configure the properties of entire series. You can also override the options for specific series by using series collection.
+	*   @Default {{}}
+	*/
+	commonSeriesOptions?: CommonSeriesOptions;
+
+	/** Initializes the data source for the PivotChart widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** Allows the user to enable 3D view of PivotChart.
+	*   @Default {false}
+	*/
+	enable3D?: boolean;
+
+	/** Allows the user to view PivotChart from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Allows user to render complete PivotChart on drill operation, that is, when expanding and collapsing members which are shown in multi-level labels.
+	*   @Default {false}
+	*/
+	enableMultiLevelLabels?: boolean;
+
+	/** Allows the user to enable PivotChart’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Lets the user to customize the legend items and their labels.
+	*   @Default {{}}
+	*/
+	legend?: any;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the mode for the PivotChart widget for binding data source either in server-side or client-side.
+	*   @Default {ej.Pivot.OperationalMode.ClientMode}
+	*/
+	operationalMode?: ej.Pivot.OperationalMode|string;
+
+	/** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array. To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
+	*   @Default {{}}
+	*/
+	primaryXAxis?: any;
+
+	/** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array. To override y axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s yAxisName property to link both axis and series.
+	*   @Default {{}}
+	*/
+	primaryYAxis?: any;
+
+	/** Allows the user to rotate the angle of PivotChart in 3D view.
+	*   @Default {0}
+	*/
+	rotation?: number;
+
+	/** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
+	*   @Default {{}}
+	*/
+	serviceMethodSettings?: ServiceMethodSettings;
+
+	/** Options to customize the size of the PivotChart control.
+	*   @Default {{}}
+	*/
+	size?: any;
+
+	/** Connects the service using the specified URL for any server updates on operating the control in server mode.
+	*   @Default {“”}
+	*/
+	url?: string;
+
+	/** Triggers when PivotChart starts to render. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from PivotChart to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers on performing drill up/down in PivotChart control. */
+	drillSuccess? (e: DrillSuccessEventArgs): void;
+
+	/** Triggers when PivotChart widget completes all operations at client-side after any AJAX request. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+
+	/** Triggers when any error occurred during AJAX request. */
+	renderFailure? (e: RenderFailureEventArgs): void;
+
+	/** Triggers when PivotChart successfully reaches client-side after any AJAX request. */
+	renderSuccess? (e: RenderSuccessEventArgs): void;
+
+	/** Triggers before performing exporting in pivot chart. */
+	beforeExport? (e: BeforeExportEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotChart control.
+	*/
+	element?: any;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** returns the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotChart control.
+	*/
+	element?: any;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** returns the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotChart control.
+	*/
+	element?: any;
+}
+
+export interface DrillSuccessEventArgs {
+
+	/** returns the current instance of PivotChart.
+	*/
+	chartObj?: any;
+
+	/** returns the drill action of PivotChart.
+	*/
+	drillAction?: string;
+
+	/** contains the name of the member drilled.
+	*/
+	drilledMember?: string;
+
+	/** returns the event object.
+	*/
+	event?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotChart control.
+	*/
+	element?: any;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotChart control.
+	*/
+	element?: any;
+
+	/** returns the error stack trace of the original exception.
+	*/
+	message?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the current instance of PivotChart.
+	*/
+	args?: any;
+}
+
+export interface BeforeExportEventArgs {
+
+	/** contains the url of the service responsible for exporting.
+	*/
+	url?: string;
+
+	/** contains the name of the exporting file.
+	*/
+	fileName?: string;
+}
+
+export interface Zooming {
+
+	/** Enables or disables horizontal scrollbar.
+	*   @Default {false}
+	*/
+	enableScrollbar?: boolean;
+}
+
+export interface CommonSeriesOptions {
+
+	/** Allows the user to set the specific chart type for PivotChart widget.
+	*   @Default {ej.PivotChart.ChartTypes.Column}
+	*/
+	type?: ej.PivotChart.ChartTypes|string;
+}
+
+export interface DataSourceColumnsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumn {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Allows the user to set the sorting order of the members of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceColumnsFilterItems;
+}
+
+export interface DataSourceRowsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRow {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Allows the user to set the sorting order of the members of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceRowsFilterItems;
+}
+
+export interface DataSourceValuesMeasure {
+
+	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+	*/
+	fieldName?: string;
+}
+
+export interface DataSourceValue {
+
+	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item for Relational datasource.
+	*/
+	fieldCaption?: string;
+
+	/** This holds the list of unique names of measures to bind them from the OLAP cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<DataSourceValuesMeasure>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {rows}
+	*/
+	axis?: string;
+
+	/** Indicates whether the field is a calculated field or not with Relational datasource.
+	*   @Default {false}
+	*/
+	isCalculatedField?: boolean;
+
+	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+	*/
+	formula?: string;
+}
+
+export interface DataSourceFiltersFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceFilter {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceFiltersFilterItems;
+}
+
+export interface DataSource {
+
+	/** Contains the respective cube name from OLAP database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** To set the data source name to fetch data from that.
+	*   @Default {“”}
+	*/
+	sourceInfo?: string;
+
+	/** Set the provider name for PivotChart to identify whether the provider is SSAS or Mondrian.
+	*   @Default {ssas}
+	*/
+	providerName?: string;
+
+	/** Provides the raw data source for the PivotChart.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to be displayed as series of PivotChart.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Lists out the items to be displayed as segments of PivotChart.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items supports calculation in PivotChart.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotChart.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotChart.
+	*   @Default {DrillChart}
+	*/
+	drillDown?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for exporting.
+	*   @Default {Export}
+	*/
+	exportPivotChart?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for initializing PivotChart.
+	*   @Default {InitializeChart}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for navigating between pages in paged PivotChart.
+	*   @Default {Paging}
+	*/
+	paging?: string;
+}
+
+enum ChartTypes{
+
+	///To render a Line type PivotChart.
+	Line,
+
+	///To render a Spline type PivotChart.
+	Spline,
+
+	///To render a Column type PivotChart.
+	Column,
+
+	///To render an Area type PivotChart.
+	Area,
+
+	///To render a SplineArea type PivotChart.
+	SplineArea,
+
+	///To render a StepLine type PivotChart.
+	StepLine,
+
+	///To render a StepArea type PivotChart.
+	StepArea,
+
+	///To render a Pie type PivotChart.
+	Pie,
+
+	///To render a Bar type PivotChart.
+	Bar,
+
+	///To render a StackingArea type PivotChart.
+	StackingArea,
+
+	///To render a StackingColumn type PivotChart.
+	StackingColumn,
+
+	///To render a StackingBar type PivotChart.
+	StackingBar,
+
+	///To render a Pyramid type PivotChart.
+	Pyramid,
+
+	///To render a Funnel type PivotChart.
+	Funnel,
+
+	///To render a Doughnut type PivotChart.
+	Doughnut,
+
+	///To render a Scatter type PivotChart.
+	Scatter,
+
+	///To render a Bubble type PivotChart.
+	Bubble
+}
+
+}
+
+class PivotClient extends ej.Widget {
+	static fn: PivotClient;
+	constructor(element: JQuery, options?: PivotClient.Model);
+	constructor(element: Element, options?: PivotClient.Model);
+	static Locale: any;
+	model:PivotClient.Model;
+	defaults:PivotClient.Model;
+
+	/** Performs an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Performs an asynchronous HTTP (FullPost) submit.
+	*   @returns {void}
+	*/
+	doPostBack(): void;
+
+	/** Navigates to the specified page in specified axis.
+	*   @returns {void}
+	*/
+	refreshPagedPivotClient(): void;
+
+	/** Updates the PivotClient component with the JSON data fetched from the service on navigating between pages.
+	*   @returns {void}
+	*/
+	refreshPagedPivotClientSuccess(): void;
+
+	/** Renders the PivotChart and PivotGrid with the JSON data provided.
+	*   @returns {void}
+	*/
+	generateJSON(): void;
+
+	/** Re-renders the control with the report at that instant.
+	*   @returns {void}
+	*/
+	refreshControl(): void;
+
+	/** Returns the OlapReport string maintained along with the axis elements information.
+	*   @returns {string}
+	*/
+	getOlapReport(): string;
+
+	/** Sets the OlapReport string along with the axis information and maintains it in a property.
+	*   @returns {void}
+	*/
+	setOlapReport(): void;
+
+	/** Returns the JSON records formed to render the control.
+	*   @returns {Array<any>}
+	*/
+	getJSONRecords(): Array<any>;
+
+	/** Sets the JSON records formed to render the control to a property.
+	*   @returns {void}
+	*/
+	setJSONRecords(): void;
+}
+export module PivotClient{
+
+export interface Model {
+
+	/** Sets the mode for the PivotClient widget for binding either OLAP or Relational data source.
+	*   @Default {ej.Pivot.AnalysisMode.Pivot}
+	*/
+	analysisMode?: ej.Pivot.AnalysisMode|string;
+
+	/** Allows the user to set the specific chart type for PivotChart inside PivotClient widget.
+	*   @Default {ej.PivotChart.ChartTypes.Column}
+	*/
+	chartType?: ej.PivotChart.ChartTypes|string;
+
+	/** Allows the user to set the content on exporting the PivotClient widget.
+	*   @Default {ej.PivotClient.ClientExportMode.ChartAndGrid}
+	*/
+	clientExportMode?: ej.PivotClient.ClientExportMode|string;
+
+	/** Specifies the CSS class to PivotClient to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Object utilized to pass additional information between client-end and service-end when the control functions in server-mode.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** Initializes the data source for the PivotClient widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** Allows the user to customize the widget's layout and appearance.
+	*   @Default {{}}
+	*/
+	displaySettings?: DisplaySettings;
+
+	/** Allows user to set visibility of icons in toolbar panel.
+	*   @Default {{}}
+	*/
+	toolbarIconSettings?: ToolbarIconSettings;
+
+	/** Allows user to show unique name on pivotbutton.
+	*   @Default {false}
+	*/
+	showUniqueNameOnPivotButton?: boolean;
+
+	/** Enables the splitter option for resizing the elements inside the control.
+	*   @Default {false}
+	*/
+	enableSplitter?: boolean;
+
+	/** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each dimensions on binding OLAP data in server mode.
+	*   @Default {false}
+	*/
+	enableAdvancedFilter?: boolean;
+
+	/** Allows the user to refresh the control on-demand and not during every UI operation.
+	*   @Default {false}
+	*/
+	enableDeferUpdate?: boolean;
+
+	/** Lets the user to save and load reports in a customized way with the help of events.
+	*   @Default {false}
+	*/
+	enableLocalStorage?: boolean;
+
+	/** Allows the user to enable paging for both the PivotChart and PivotGrid components for the ease of viewing large data.
+	*   @Default {false}
+	*/
+	enablePaging?: boolean;
+
+	/** Allows the user to include the PivotTreeMap component as one of the chart types.
+	*   @Default {false}
+	*/
+	enablePivotTreeMap?: boolean;
+
+	/** Allows the user to view the layout of PivotClient from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Enables/disables the visibility of measure group selector drop-down in Cube Browser.
+	*   @Default {false}
+	*/
+	enableMeasureGroups?: boolean;
+
+	/** Allows the user to enable virtual scrolling for both the PivotChart and PivotGrid components for the ease of viewing large data.
+	*   @Default {false}
+	*/
+	enableVirtualScrolling?: boolean;
+
+	/** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
+	*   @Default {false}
+	*/
+	enableMemberEditorPaging?: boolean;
+
+	/** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
+	*   @Default {100}
+	*/
+	memberEditorPageSize?: number;
+
+	/** Sets the summary layout for PivotGrid. Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
+	*   @Default {ej.PivotGrid.Layout.Normal}
+	*/
+	gridLayout?: ej.PivotGrid.Layout|string;
+
+	/** Allows the user to hide PivotClient's Cube Browser and Axis Element Builder while initiate the widget.
+	*   @Default {false}
+	*/
+	collapseCubeBrowserByDefault?: boolean;
+
+	/** Allows the user to enable PivotClient’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the mode for the PivotClient widget for binding data source either in server-side or client-side.
+	*   @Default {ej.Pivot.OperationalMode.ClientMode}
+	*/
+	operationalMode?: ej.Pivot.OperationalMode|string;
+
+	/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
+	*   @Default {{}}
+	*/
+	serviceMethodSettings?: ServiceMethodSettings;
+
+	/** Sets the title for PivotClient widget.
+	*/
+	title?: string;
+
+	/** Connects the service using the specified URL for any server updates.
+	*/
+	url?: string;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from client-side to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers before saving the current collection of reports. */
+	saveReport? (e: SaveReportEventArgs): void;
+
+	/** Triggers before loading a saved collection of reports. */
+	loadReport? (e: LoadReportEventArgs): void;
+
+	/** Triggers before fetching the report collection from storage. */
+	fetchReport? (e: FetchReportEventArgs): void;
+
+	/** Triggers before exporting the control. */
+	beforeExport? (e: BeforeExportEventArgs): void;
+
+	/** Triggers before rendering the PivotChart. */
+	chartLoad? (e: ChartLoadEventArgs): void;
+
+	/** Triggers before rendering the PivotTreeMap. */
+	treeMapLoad? (e: TreeMapLoadEventArgs): void;
+
+	/** Triggers while we initiate loading of the widget. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when PivotClient widget completes all operations at client-end after any AJAX request. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+
+	/** Triggers when any error occurred during AJAX request. */
+	renderFailure? (e: RenderFailureEventArgs): void;
+
+	/** Triggers when PivotClient successfully completes rendering. */
+	renderSuccess? (e: RenderSuccessEventArgs): void;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** returns the current action of PivotClient control.
+	*/
+	action?: string;
+
+	/** returns the custom object bounds with PivotClient control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotClient control.
+	*/
+	element?: any;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** returns the current action of PivotClient control.
+	*/
+	action?: string;
+
+	/** returns the custom object bounds with PivotClient control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotClient control.
+	*/
+	element?: any;
+}
+
+export interface SaveReportEventArgs {
+
+	/** returns the current instance of PivotClient control.
+	*/
+	targetControl?: any;
+
+	/** returns the object which holds the necessary parameters required for saving the report collection.
+	*/
+	saveReportSetting?: any;
+}
+
+export interface LoadReportEventArgs {
+
+	/** returns the current instance of PivotClient control.
+	*/
+	targetControl?: any;
+
+	/** returns the object which holds the necessary parameters required for loading a report collection from database.
+	*/
+	loadReportSetting?: any;
+}
+
+export interface FetchReportEventArgs {
+
+	/** returns the current instance of PivotClient control.
+	*/
+	targetControl?: any;
+
+	/** returns the object which holds the necessary parameters required for fetching the report names stored in database.
+	*/
+	fetchReportSetting?: any;
+}
+
+export interface BeforeExportEventArgs {
+
+	/** holds the url of the service method responsible for exporting the PivotClient control.
+	*/
+	url?: string;
+
+	/** holds the name of the file to be exported.
+	*/
+	fileName?: string;
+}
+
+export interface ChartLoadEventArgs {
+
+	/** returns the current action of PivotChart control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotChart control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotChart control.
+	*/
+	element?: any;
+}
+
+export interface TreeMapLoadEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the HTML element of PivotClient component.
+	*/
+	element?: any;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the HTML element of PivotClient component.
+	*/
+	element?: any;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotClient control.
+	*/
+	element?: any;
+
+	/** returns the error message with error code.
+	*/
+	message?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the object of PivotClient control at that instant.
+	*/
+	args?: any;
+}
+
+export interface DataSourceColumnsAdvancedFilter {
+
+	/** Allows the user to provide level unique name to perform advanced filtering.
+	*/
+	name?: string;
+
+	/** Allows the user to set the operator to perform Label Filtering.
+	*   @Default {none}
+	*/
+	labelFilterOperator?: string;
+
+	/** Allows the user to set the operator to perform Value Filtering.
+	*   @Default {none}
+	*/
+	valueFilterOperator?: string;
+
+	/** Allows the user to set the filtering type while performing advanced filtering.
+	*/
+	advancedFilterType?: string;
+
+	/** In case of value filtering, this property contains the measure name to which the filter is applied.
+	*/
+	measure?: string;
+
+	/** Allows the user to hold the filter operand values in advanced filtering.
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumnsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumn {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*   @Default {[]}
+	*/
+	advancedFilter?: Array<DataSourceColumnsAdvancedFilter>;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Shows/Hides the sub-total of the field in PivotGrid.
+	*   @Default {true}
+	*/
+	showSubTotal?: boolean;
+
+	/** Allows to set the format for the column headers.
+	*/
+	format?: string;
+
+	/** This property sets type of display of date.
+	*/
+	formatString?: string;
+
+	/** Allows to set the custom theme for the column headers.
+	*/
+	cssClass?: string;
+
+	/** Allows the user to set the sorting order of the members of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+	/** Contains the list of members need to be drilled down by default in the field.
+	*   @Default {[]}
+	*/
+	drilledItems?: Array<any>;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceColumnsFilterItems;
+}
+
+export interface DataSourceRowsAdvancedFilter {
+
+	/** Allows the user to provide level unique name to perform advanced filtering.
+	*/
+	name?: string;
+
+	/** Allows the user to set the operator to perform Label Filtering.
+	*   @Default {none}
+	*/
+	labelFilterOperator?: string;
+
+	/** Allows the user to set the operator to perform Value Filtering.
+	*   @Default {none}
+	*/
+	valueFilterOperator?: string;
+
+	/** Allows the user to set the filtering type while performing advanced filtering.
+	*/
+	advancedFilterType?: string;
+
+	/** In case of value filtering, this property contains the measure name to which the filter is applied.
+	*/
+	measure?: string;
+
+	/** Allows the user to hold the filter operand values in advanced filtering.
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRowsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRow {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+	*   @Default {[]}
+	*/
+	advancedFilter?: Array<DataSourceRowsAdvancedFilter>;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Shows/Hides the sub-total of the field.
+	*   @Default {true}
+	*/
+	showSubTotal?: boolean;
+
+	/** Allows to set the format for the row headers.
+	*/
+	format?: string;
+
+	/** This property sets type of display of date.
+	*/
+	formatString?: string;
+
+	/** Allows to set the custom theme for the row headers.
+	*/
+	cssClass?: string;
+
+	/** Allows the user to set the sorting order of the members of the field.
+	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
+	*/
+	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+	/** Contains the list of members need to be drilled down by default in the field.
+	*   @Default {[]}
+	*/
+	drilledItems?: Array<any>;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceRowsFilterItems;
+}
+
+export interface DataSourceValuesMeasure {
+
+	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+	*/
+	fieldName?: string;
+}
+
+export interface DataSourceValue {
+
+	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item for Relational datasource.
+	*/
+	fieldCaption?: string;
+
+	/** This holds the list of unique names of measures to bind them from the OLAP cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<DataSourceValuesMeasure>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {rows}
+	*/
+	axis?: string;
+
+	/** Indicates whether the field is a calculated field or not with Relational datasource.
+	*   @Default {false}
+	*/
+	isCalculatedField?: boolean;
+
+	/** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
+	*   @Default {ej.PivotAnalysis.SummaryType.Sum}
+	*/
+	summaryType?: ej.PivotAnalysis.SummaryType|string;
+
+	/** Allows to set the format of the values.
+	*/
+	format?: string;
+
+	/** This property sets type of display of date.
+	*/
+	formatString?: string;
+
+	/** Allows to set the custom theme for the values.
+	*/
+	cssClass?: string;
+
+	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+	*/
+	formula?: string;
+}
+
+export interface DataSourceFiltersFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceFilter {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display name for an item.
+	*/
+	fieldCaption?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceFiltersFilterItems;
+}
+
+export interface DataSourcePagerOptions {
+
+	/** Allows to set the number of categorical columns to be displayed in each page on applying paging.
+	*   @Default {0}
+	*/
+	categoricalPageSize?: number;
+
+	/** Allows to set the number of series rows to be displayed in each page on applying paging.
+	*   @Default {0}
+	*/
+	seriesPageSize?: number;
+
+	/** Allows to set the page number in categorical axis to be loaded by default.
+	*   @Default {1}
+	*/
+	categoricalCurrentPage?: number;
+
+	/** Allows to set the page number in series axis to be loaded by default.
+	*   @Default {1}
+	*/
+	seriesCurrentPage?: number;
+}
+
+export interface DataSource {
+
+	/** Lists out the items to be arranged in columns section of PivotClient.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Lists out the items to be arranged in rows section of PivotClient.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items which supports calculation in PivotClient.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotClient.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+
+	/** Contains the respective cube name from OLAP database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** To set the data source name to fetch data from that.
+	*   @Default {“”}
+	*/
+	sourceInfo?: string;
+
+	/** Set the provider name for PivotClient to identify whether the provider is SSAS or Mondrian.
+	*   @Default {ssas}
+	*/
+	providerName?: string;
+
+	/** Provides the raw data source for the PivotClient.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option in client-mode.
+	*   @Default {false}
+	*/
+	enableAdvancedFilter?: boolean;
+
+	/** Sets a name to the report bound to the control.
+	*/
+	reportName?: string;
+
+	/** Allows to set the page size and current page number for each axis on applying paging.
+	*   @Default {{}}
+	*/
+	pagerOptions?: DataSourcePagerOptions;
+}
+
+export interface DisplaySettings {
+
+	/** Lets the user to customize the display of PivotChart and PivotGrid widgets, either in tabs or tiles.
+	*   @Default {ej.PivotClient.ControlPlacement.Tab}
+	*/
+	controlPlacement?: ej.PivotClient.ControlPlacement|string;
+
+	/** Lets the user to set either Chart or Grid as the start-up widget.
+	*   @Default {ej.PivotClient.DefaultView.Grid}
+	*/
+	defaultView?: ej.PivotClient.DefaultView|string;
+
+	/** Lets the user to have an option for switching to full screen view of PivotChart and PivotGrid from default view in PivotClient.
+	*   @Default {false}
+	*/
+	enableFullScreen?: boolean;
+
+	/** Enables an option to enhance the space for PivotGrid and PivotChart by hiding Cube Browser and Axis Element Builder.
+	*   @Default {false}
+	*/
+	enableTogglePanel?: boolean;
+
+	/** Sets the display mode (Only Chart/Only Grid/Both) in PivotClient.
+	*   @Default {ej.PivotClient.DisplayMode.ChartAndGrid}
+	*/
+	mode?: ej.PivotClient.DisplayMode|string;
+}
+
+export interface ToolbarIconSettings {
+
+	/** Allows user to set the visibility of Add Report icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableAddReport?: boolean;
+
+	/** Allows user to set the visibility of New Report icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableNewReport?: boolean;
+
+	/** Allows user to set the visibility of Rename Report icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableRenameReport?: boolean;
+
+	/** Allows user to set the visibility of DB Manipulation icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableDBManipulation?: boolean;
+
+	/** Allows user to set the visibility of Word Export icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableWordExport?: boolean;
+
+	/** Allows user to set the visibility of Excel Export icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableExcelExport?: boolean;
+
+	/** Allows user to set the visibility of PDF Export icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enablePdfExport?: boolean;
+
+	/** Allows user to set the visibility of MDX Query icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableMDXQuery?: boolean;
+
+	/** Allows user to set the visibility of Defer Update icon in toolbar panel.
+	*   @Default {false}
+	*/
+	enableDeferUpdate?: boolean;
+
+	/** Allows user to set the visibility of Full Screen icon in toolbar panel.
+	*   @Default {false}
+	*/
+	enableFullScreen?: boolean;
+
+	/** Allows user to set the visibility of Sort/Filter Column icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableSortOrFilterColumn?: boolean;
+
+	/** Allows user to set the visibility of Sort/Filter Row icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableSortOrFilterRow?: boolean;
+
+	/** Allows user to set the visibility of Toggle Axis icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableToggleAxis?: boolean;
+
+	/** Allows user to set the visibility of Chart Types icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableChartTypes?: boolean;
+
+	/** Allows user to set the visibility of Remove Report icon in toolbar panel.
+	*   @Default {true}
+	*/
+	enableRemoveReport?: boolean;
+
+	/** Allows user to set the visibility of Calculated Member icon in toolbar panel.
+	*   @Default {false}
+	*/
+	enableCalculatedMember?: boolean;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method responsible for updating the entire report and widget, while changing the Cube.
+	*   @Default {CubeChanged}
+	*/
+	cubeChanged?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for exporting.
+	*   @Default {Export}
+	*/
+	exportPivotClient?: string;
+
+	/** Allows the user to set the custom name for the service method responsible to get the members for the tree-view, inside member-editor dialog.
+	*   @Default {FetchMemberTreeNodes}
+	*/
+	fetchMemberTreeNodes?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for fetching the report names from the database.
+	*   @Default {FetchReportListFromDB}
+	*/
+	fetchReportList?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for updating report while filtering members.
+	*   @Default {FilterElement}
+	*/
+	filterElement?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for initializing PivotClient.
+	*   @Default {InitializeClient}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for loading a report collection from the database.
+	*   @Default {LoadReportFromDB}
+	*/
+	loadReport?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for retrieving the MDX query for the current report.
+	*   @Default {GetMDXQuery}
+	*/
+	mdxQuery?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for updating the tree-view inside Cube Browser, while changing the measure group.
+	*   @Default {MeasureGroupChanged}
+	*/
+	measureGroupChanged?: string;
+
+	/** Allows the user to set the custom name for the service method responsible to get the child members, on tree-view node expansion.
+	*   @Default {MemberExpanded}
+	*/
+	memberExpand?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for updating report while dropping a node/SplitButton inside Axis Element Builder.
+	*   @Default {NodeDropped}
+	*/
+	nodeDropped?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for updating report while removing SplitButton from Axis Element Builder.
+	*   @Default {RemoveSplitButton}
+	*/
+	removeSplitButton?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for saving the report collection to database.
+	*   @Default {SaveReportToDB}
+	*/
+	saveReport?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for toggling the elements in row and column axes.
+	*   @Default {ToggleAxis}
+	*/
+	toggleAxis?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for all the toolbar operations.
+	*   @Default {ToolbarOperations}
+	*/
+	toolbarServices?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for updating report collection.
+	*   @Default {UpdateReport}
+	*/
+	updateReport?: string;
+
+	/** Allows the user to set the custom name for the service method responsible on navigating between pages in paged PivotClient.
+	*   @Default {Paging}
+	*/
+	paging?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for updating report with calculated member.
+	*   @Default {CalculatedMember}
+	*/
+	calculatedMember?: string;
+}
+
+enum ClientExportMode{
+
+	///Exports both the PivotChart and PivotGrid on exporting.
+	ChartAndGrid,
+
+	///Exports the PivotChart control alone on exporting.
+	ChartOnly,
+
+	///Exports the PivotGrid control alone on exporting.
+	GridOnly
+}
+
+
+enum ControlPlacement{
+
+	///Displays PivotChart and PivotGrid widgets in separate tabs.
+	Tab,
+
+	///Displays PivotChart and PivotGrid widgets one above the other.
+	Tile
+}
+
+
+enum DefaultView{
+
+	///To set PivotChart as a default control in view.
+	Chart,
+
+	///To set PivotGrid as a default control in view.
+	Grid
+}
+
+
+enum DisplayMode{
+
+	///To display only PivotChart widget.
+	ChartOnly,
+
+	///To display only PivotGrid widget.
+	GridOnly,
+
+	///To display both PivotChart and PivotGrid widgets.
+	ChartAndGrid
+}
+
+}
+
+class PivotGauge extends ej.Widget {
+	static fn: PivotGauge;
+	constructor(element: JQuery, options?: PivotGauge.Model);
+	constructor(element: Element, options?: PivotGauge.Model);
+	static Locale: any;
+	model:PivotGauge.Model;
+	defaults:PivotGauge.Model;
+
+	/** Performs an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** This function is used to refresh the PivotGauge at client-side itself.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** This function removes the KPI related images from PivotGauge on binding OLAP datasource.
+	*   @returns {void}
+	*/
+	removeImg(): void;
+
+	/** This function receives the JSON formatted datasource and renders the PivotGauge control.
+	*   @returns {void}
+	*/
+	renderControlFromJSON(): void;
+
+	/** Returns the OlapReport string maintained along with the axis elements information.
+	*   @returns {string}
+	*/
+	getOlapReport(): string;
+
+	/** Sets the OlapReport string along with the axis information and maintains it in a property.
+	*   @returns {void}
+	*/
+	setOlapReport(): void;
+
+	/** Returns the JSON records formed to render the control.
+	*   @returns {Array<any>}
+	*/
+	getJSONRecords(): Array<any>;
+
+	/** Sets the JSON records to render the control.
+	*   @returns {void}
+	*/
+	setJSONRecords(): void;
+
+	/** Returns the JSON records required to render the PivotGauge on performing any action with OLAP data source.
+	*   @returns {void}
+	*/
+	getJSONData(): void;
+}
+export module PivotGauge{
+
+export interface Model {
+
+	/** Sets the number of columns to arrange the Pivot Gauges.
+	*   @Default {0}
+	*/
+	columnsCount?: number;
+
+	/** Specifies the CSS class to PivotGauge to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Object utilized to pass additional information between client-end and service-end on operating in server mode.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** Initializes the data source for the PivotGauge widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** Enables/disables the animation of pointer in PivotGauge.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Enables/disables tooltip visibility in PivotGauge.
+	*   @Default {false}
+	*/
+	enableTooltip?: boolean;
+
+	/** Allows the user to view PivotGauge from right to left.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Allows the user to enable PivotGauge’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Allows the user to change the format of the label values in PivotGauge.
+	*   @Default {null}
+	*/
+	labelFormatSettings?: LabelFormatSettings;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the number of rows to arrange the Pivot Gauges.
+	*   @Default {0}
+	*/
+	rowsCount?: number;
+
+	/** Sets the scale values such as pointers, indicators, etc... for PivotGauge.
+	*   @Default {{}}
+	*/
+	scales?: any;
+
+	/** Allows the user to set the custom name for the methods at service-end, communicated during AJAX post.
+	*   @Default {{}}
+	*/
+	serviceMethodSettings?: ServiceMethodSettings;
+
+	/** Enables/disables the header labels in PivotGauge.
+	*   @Default {true}
+	*/
+	showHeaderLabel?: boolean;
+
+	/** Connects the service using the specified URL for any server updates on server mode operation.
+	*   @Default {“”}
+	*/
+	url?: string;
+
+	/** Sets the mode for the PivotGauge widget for binding either OLAP or Relational data source.
+	*   @Default {ej.Pivot.AnalysisMode.Pivot}
+	*/
+	analysisMode?: ej.Pivot.AnalysisMode|string;
+
+	/** Sets the mode for the PivotGauge widget for binding data source either in server-side or client-side.
+	*   @Default {ej.Pivot.OperationalMode.ClientMode}
+	*/
+	operationalMode?: ej.Pivot.OperationalMode|string;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from PivotGauge to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers before populating the pivot engine on operating in client mode. */
+	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): void;
+
+	/** Triggers when PivotGauge started loading at client-side. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when PivotGauge widget completes all operations at client-side after any AJAX request. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+
+	/** Triggers when any error occurred during AJAX request. */
+	renderFailure? (e: RenderFailureEventArgs): void;
+
+	/** Triggers when PivotGauge successfully reaches client-side after any AJAX request. */
+	renderSuccess? (e: RenderSuccessEventArgs): void;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** returns the custom object bound with PivotGauge control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGauge control.
+	*/
+	element?: any;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** returns the custom object bound with PivotGauge control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGauge control.
+	*/
+	element?: any;
+}
+
+export interface BeforePivotEnginePopulateEventArgs {
+
+	/** returns the current instance of PivotGauge control.
+	*/
+	gaugeObject?: any;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the current action of PivotGauge control.
+	*/
+	action?: string;
+
+	/** returns the model of PivotGauge control.
+	*/
+	model?: any;
+
+	/** returns the HTML element of the widget.
+	*/
+	element?: any;
+
+	/** returns the custom object bound to the control.
+	*/
+	customObject?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the custom object bound with PivotGauge control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotGauge control.
+	*/
+	element?: any;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the HTML element of PivotGauge control.
+	*/
+	element?: any;
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+
+	/** returns the error message with error code.
+	*/
+	message?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the HTML element of PivotGauge control.
+	*/
+	element?: any;
+
+	/** returns the custom object bound with the control.
+	*/
+	customObject?: any;
+}
+
+export interface DataSourceColumnsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumn {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceColumnsFilterItems;
+}
+
+export interface DataSourceRowsFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRow {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceRowsFilterItems;
+}
+
+export interface DataSourceValuesMeasure {
+
+	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+	*/
+	fieldName?: string;
+}
+
+export interface DataSourceValue {
+
+	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to set the display caption for an item for Relational datasource.
+	*/
+	fieldCaption?: string;
+
+	/** This holds the list of unique names of measures to bind them from the OLAP cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<DataSourceValuesMeasure>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {rows}
+	*/
+	axis?: string;
+
+	/** Indicates whether the field is a calculated field or not with Relational datasource.
+	*   @Default {false}
+	*/
+	isCalculatedField?: boolean;
+
+	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+	*/
+	formula?: string;
+}
+
+export interface DataSourceFiltersFilterItems {
+
+	/** Sets the type of filter whether to include/exclude the mentioned values.
+	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
+	*/
+	filterType?: ej.PivotAnalysis.FilterType|string;
+
+	/** Contains the collection of items to be included/excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceFilter {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceFiltersFilterItems;
+}
+
+export interface DataSource {
+
+	/** Contains the respective cube name from OLAP database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** To set the data source name to fetch data from that.
+	*   @Default {“”}
+	*/
+	sourceInfo?: string;
+
+	/** Set the provider name for PivotGauge to identify whether the provider is SSAS or Mondrian.
+	*   @Default {ssas}
+	*/
+	providerName?: string;
+
+	/** Provides the raw data source for the PivotGauge.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to bind in columns section.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Lists out the items to bind in rows section.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items supports calculation in PivotGauge.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGauge.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+}
+
+export interface LabelFormatSettings {
+
+	/** Allows the user to change the number format of the label values in PivotGauge.
+	*   @Default {ej.PivotGauge.NumberFormat.Default}
+	*/
+	numberFormat?: ej.PivotGauge.NumberFormat|string;
+
+	/** Allows you to set the number of digits displayed after decimal point.
+	*   @Default {5}
+	*/
+	decimalPlaces?: number;
+
+	/** Allows you to add a text at the beginning of the label.
+	*/
+	prefixText?: string;
+
+	/** Allows you to add text at the end of the label.
+	*/
+	suffixText?: string;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method responsible for initializing PivotGauge.
+	*   @Default {InitializeGauge}
+	*/
+	initialize?: string;
+}
+
+enum NumberFormat{
+
+	///To set default format for label values.
+	Default,
+
+	///To set currency format for label values.
+	Currency,
+
+	///To set percentage format for label values.
+	Percentage,
+
+	///To set fraction format for label values.
+	Fraction,
+
+	///To set scientific format for label values.
+	Scientific,
+
+	///To set text format for label values.
+	Text,
+
+	///To set notation format for label values.
+	Notation
+}
+
+}
+
+class PivotTreeMap extends ej.Widget {
+	static fn: PivotTreeMap;
+	constructor(element: JQuery, options?: PivotTreeMap.Model);
+	constructor(element: Element, options?: PivotTreeMap.Model);
+	static Locale: any;
+	model:PivotTreeMap.Model;
+	defaults:PivotTreeMap.Model;
+
+	/** Performs an asynchronous HTTP (AJAX) request.
+	*   @returns {void}
+	*/
+	doAjaxPost(): void;
+
+	/** Returns the OlapReport string maintained along with the axis elements information.
+	*   @returns {string}
+	*/
+	getOlapReport(): string;
+
+	/** Sets the OlapReport string along with the axis information and maintains it in a property.
+	*   @returns {void}
+	*/
+	setOlapReport(): void;
+
+	/** Returns the JSON records formed to render the control.
+	*   @returns {Array<any>}
+	*/
+	getJSONRecords(): Array<any>;
+
+	/** Sets the JSON records to render the control.
+	*   @returns {void}
+	*/
+	setJSONRecords(): void;
+
+	/** Renders the control with the pivot engine obtained from OLAP cube.
+	*   @returns {void}
+	*/
+	generateJSON(): void;
+
+	/** This function receives the JSON formatted datasource to render the PivotTreeMap control.
+	*   @returns {void}
+	*/
+	renderTreeMapFromJSON(): void;
+
+	/** This function receives the update from service-end, which would be utilized for rendering the widget.
+	*   @returns {void}
+	*/
+	renderControlSuccess(): void;
+}
+export module PivotTreeMap{
+
+export interface Model {
+
+	/** Specifies the CSS class to PivotTreeMap to achieve custom theme.
+	*   @Default {“”}
+	*/
+	cssClass?: string;
+
+	/** Initializes the data source for the PivotTreeMap widget, when it functions completely on client-side.
+	*   @Default {{}}
+	*/
+	dataSource?: DataSource;
+
+	/** Object utilized to pass additional information between client-end and service-end.
+	*   @Default {{}}
+	*/
+	customObject?: any;
+
+	/** Allows the user to enable PivotTreeMap’s responsiveness in the browser layout.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Allows the user to set the localized language for the widget.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the mode for the PivotTreeMap widget for binding data source either in server-side or client-side.
+	*   @Default {ej.Pivot.OperationalMode.ClientMode}
+	*/
+	operationalMode?: ej.Pivot.OperationalMode|string;
+
+	/** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
+	*   @Default {{}}
+	*/
+	serviceMethodSettings?: ServiceMethodSettings;
+
+	/** Connects the service using the specified URL for any server updates.
+	*   @Default {“”}
+	*/
+	url?: string;
+
+	/** Triggers when it reaches client-side after any AJAX request. */
+	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+
+	/** Triggers before any AJAX request is passed from PivotTreeMap to service methods. */
+	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+
+	/** Triggers when PivotTreeMap starts to render. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers before populating the pivot engine from datasource. */
+	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): void;
+
+	/** Triggers when drill up/down happens in PivotTreeMap control. And it returns the outer HTML of PivotTreeMap control. */
+	drillSuccess? (e: DrillSuccessEventArgs): void;
+
+	/** Triggers when PivotTreeMap widget completes all operations at client-side after any AJAX request. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+
+	/** Triggers when any error occurred during AJAX request. */
+	renderFailure? (e: RenderFailureEventArgs): void;
+
+	/** Triggers when PivotTreeMap successfully reaches client-side after any AJAX request. */
+	renderSuccess? (e: RenderSuccessEventArgs): void;
+}
+
+export interface AfterServiceInvokeEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface BeforeServiceInvokeEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface BeforePivotEnginePopulateEventArgs {
+
+	/** returns the current instance of PivotTreeMap control.
+	*/
+	treeMapObject?: any;
+}
+
+export interface DrillSuccessEventArgs {
+
+	/** return the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface RenderFailureEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+
+	/** returns the error stack trace of the original exception.
+	*/
+	message?: string;
+}
+
+export interface RenderSuccessEventArgs {
+
+	/** returns the current action of PivotTreeMap control.
+	*/
+	action?: string;
+
+	/** returns the custom object bound with PivotTreeMap control.
+	*/
+	customObject?: any;
+
+	/** returns the HTML element of PivotTreeMap control.
+	*/
+	element?: any;
+}
+
+export interface DataSourceColumnsFilterItems {
+
+	/** Contains the collection of items to be excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceColumn {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceColumnsFilterItems;
+}
+
+export interface DataSourceRowsFilterItems {
+
+	/** Contains the collection of items to be excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceRow {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Allows the user to indicate whether the added item is a named set or not.
+	*   @Default {false}
+	*/
+	isNamedSets?: boolean;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceRowsFilterItems;
+}
+
+export interface DataSourceValuesMeasure {
+
+	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+	*/
+	fieldName?: string;
+}
+
+export interface DataSourceValue {
+
+	/** This holds the list of unique names of measures to bind them from the OLAP cube.
+	*   @Default {[]}
+	*/
+	measures?: Array<DataSourceValuesMeasure>;
+
+	/** Allows to set the axis name to place the measures items.
+	*   @Default {rows}
+	*/
+	axis?: string;
+}
+
+export interface DataSourceFiltersFilterItems {
+
+	/** Contains the collection of items to be excluded among the field members.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface DataSourceFilter {
+
+	/** Allows the user to bind the item by using its unique name as field name.
+	*/
+	fieldName?: string;
+
+	/** Applies filter to the field members.
+	*   @Default {null}
+	*/
+	filterItems?: DataSourceFiltersFilterItems;
+}
+
+export interface DataSource {
+
+	/** Provides the raw data source for the PivotTreeMap.
+	*   @Default {null}
+	*/
+	data?: any;
+
+	/** Contains the respective cube name from OLAP database as string type.
+	*   @Default {“”}
+	*/
+	cube?: string;
+
+	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+	*   @Default {“”}
+	*/
+	catalog?: string;
+
+	/** Lists out the items to be displayed as series of PivotTreeMap.
+	*   @Default {[]}
+	*/
+	columns?: Array<DataSourceColumn>;
+
+	/** Lists out the items to be displayed as segments of PivotTreeMap.
+	*   @Default {[]}
+	*/
+	rows?: Array<DataSourceRow>;
+
+	/** Lists out the items supports calculation in PivotTreeMap.
+	*   @Default {[]}
+	*/
+	values?: Array<DataSourceValue>;
+
+	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotTreeMap.
+	*   @Default {[]}
+	*/
+	filters?: Array<DataSourceFilter>;
+}
+
+export interface ServiceMethodSettings {
+
+	/** Allows the user to set the custom name for the service method responsible for initializing PivotTreeMap.
+	*   @Default {InitializeTreemap}
+	*/
+	initialize?: string;
+
+	/** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotTreeMap.
+	*   @Default {DrillTreeMap}
+	*/
+	drillDown?: string;
+}
+}
+
+class Schedule extends ej.Widget {
+	static fn: Schedule;
+	constructor(element: JQuery, options?: Schedule.Model);
+	constructor(element: Element, options?: Schedule.Model);
+	static Locale: any;
+	model:Schedule.Model;
+	defaults:Schedule.Model;
+
+	/** This method is used to delete the appointment based on the guid value or the appointment data passed to it.
+	*   @param {string|any} GUID value of an appointment element or an appointment object
+	*   @returns {void}
+	*/
+	deleteAppointment(data: string|any): void;
+
+	/** Destroys the Schedule widget. All the events bound using this._on are unbound automatically and the control is moved to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Exports the appointments from the Schedule control.
+	*   @param {string} It refers the controller action name to redirect. (For MVC)
+	*   @param {string} It refers the server event name.(For ASP)
+	*   @param {string|number} Pass the id of an appointment, in case if a single appointment needs to be exported. Otherwise, it takes the null value.
+	*   @returns {void}
+	*/
+	exportSchedule(action: string, serverEvent: string, id: string|number): void;
+
+	/** Searches and filters the appointments from appointment list of Schedule control.
+	*   @param {Array<any>} Holds array of one or more conditional objects for filtering the appointments based on it.
+	*   @returns {Array<any>}
+	*/
+	filterAppointments(filterConditions: Array<any>): Array<any>;
+
+	/** Gets the complete appointment list of Schedule control.
+	*   @returns {Array<any>}
+	*/
+	getAppointments(): Array<any>;
+
+	/** Prints the entire Scheduler or a single appointment based on the appointment data passed as an argument to it. Simply calling the print() method, without passing any argument will print the entire Scheduler.
+	*   @param {any} Either accepts no arguments at all or else accepts an appointment object.
+	*   @returns {void}
+	*/
+	print(data: any): void;
+
+	/** Refreshes the Scroller of Scheduler while using it within some other controls or application.
+	*   @returns {void}
+	*/
+	refreshScroller(): void;
+
+	/** It is used to save the appointment. The appointment object is based on the argument passed to this method.
+	*   @param {any} appointment object which includes appointment details
+	*   @returns {void}
+	*/
+	saveAppointment(appointmentObject: any): void;
+
+	/** Generate the recurrence rule as a string, based on the repeat options selected.
+	*   @returns {string}
+	*/
+	getRecurrenceRule(): string;
+
+	/** Retrieves the time slot information (start/end time and resource details) of the given element. The parameter is optional - as when no element is passed to it, the currently selected cell information will be retrieved. When multiple cells are selected in the Scheduler, it is not necessary to provide the parameter.
+	*   @param {any} TD element object rendered as Scheduler work cell
+	*   @returns {any}
+	*/
+	getSlotByElement(element: any): any;
+
+	/** Searches the appointments from the appointment list of Schedule control based on the provided search string in its argument list.
+	*   @param {any|string} Defines the search word or the filter condition, based on which the appointments are filtered from the list.
+	*   @param {string} Defines the field name on which the search is to be made.
+	*   @param {ej.FilterOperators|string} Defines the filterOperator value for the search operation.
+	*   @param {boolean} Defines the ignoreCase value for performing the search operation.
+	*   @returns {Array<any>}
+	*/
+	searchAppointments(searchString: any|string, field: string, operator: ej.FilterOperators|string, ignoreCase: boolean): Array<any>;
+
+	/** Refreshes the entire Schedule control.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Refreshes only the appointment elements within the Schedule control.
+	*   @returns {void}
+	*/
+	refreshAppointments(): void;
+
+	/** Passes the server-side action and data to the client-side for rendering the modified appointment list on the Schedule control.
+	*   @returns {void}
+	*/
+	notifyChanges(): void;
+}
+export module Schedule{
+
+export interface Model {
+
+	/** When set to true, Schedule allows the appointments to be dragged and dropped at required time.
+	*   @Default {true}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** When set to true, allows the user to create/edit appointments inline - simply through a single click made either on the Scheduler cells or on the existing appointment’s Subject text respectively. Pressing enter key after the new Subject text   typed onto the inline created text box, will save/update the appointments appropriately.
+	*   @Default {false}
+	*/
+	allowInline?: boolean;
+
+	/** When set to true, Scheduler allows interaction through keyboard shortcut keys.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** It includes the dataSource option and the fields related to Schedule appointments. The appointment fields within the appointmentSettings can accept both string and object type values. To apply validation rules on the appointment window fields, then the appointment fields needs to be defined with object type values.
+	*/
+	appointmentSettings?: AppointmentSettings;
+
+	/** Template design that applies on the Schedule appointments. All the field names that are mapped from dataSource to the appropriate field properties within the appointmentSettings can be used within the template.
+	*   @Default {null}
+	*/
+	appointmentTemplateId?: string;
+
+	/** Accepts the custom CSS class name that defines specific user-defined styles and themes to be applied for partial or complete elements of the Schedule.
+	*/
+	cssClass?: string;
+
+	/** Sets various categorize colors to the Schedule appointments to differentiate it.
+	*/
+	categorizeSettings?: CategorizeSettings;
+
+	/** Sets the height for Schedule cells.
+	*   @Default {20px}
+	*/
+	cellHeight?: string;
+
+	/** Sets the width for Schedule cells.
+	*/
+	cellWidth?: string;
+
+	/** Holds all options related to the context menu settings of Scheduler.
+	*/
+	contextMenuSettings?: ContextMenuSettings;
+
+	/** Sets current date of the Schedule. The Schedule displays initially with the date that is provided here.
+	*   @Default {new Date()}
+	*/
+	currentDate?: any;
+
+	/** Sets current view of the Schedule. Schedule renders initially with the view that is specified here. The available views are day, week, workweek, month, agenda and custom view - from which any one of the required view can be set to the Schedule. It accepts both string or enum values. The enum values that are accepted by currentView(ej.Schedule.CurrentView) are as follows,
+	*   @Default {ej.Schedule.CurrentView.Week}
+	*/
+	currentView?: string|ej.Schedule.CurrentView;
+
+	/** Sets the date format for Schedule.
+	*/
+	dateFormat?: string;
+
+	/** When set to true, shows the previous/next appointment navigator button on the Scheduler.
+	*   @Default {true}
+	*/
+	showAppointmentNavigator?: boolean;
+
+	/** When set to true, enables the resize behavior of appointments within the Schedule.
+	*   @Default {true}
+	*/
+	enableAppointmentResize?: boolean;
+
+	/** When set to true, enables the loading of Schedule appointments based on your demand. With this load on demand concept, the data consumption of the Schedule can be limited.
+	*   @Default {false}
+	*/
+	enableLoadOnDemand?: boolean;
+
+	/** Saves the current model value to browser cookies for state maintenance. When the page gets refreshed, Schedule control values are retained.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** When set to true, the Schedule layout and behavior changes as per the common RTL conventions.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Sets the end hour time limit to be displayed on the Schedule.
+	*   @Default {24}
+	*/
+	endHour?: number;
+
+	/** To configure resource grouping on the Schedule.
+	*/
+	group?: Group;
+
+	/** Sets the height of the Schedule. Accepts both pixel and percentage values.
+	*   @Default {1120px}
+	*/
+	height?: string;
+
+	/** To define the work hours within the Schedule control.
+	*/
+	workHours?: WorkHours;
+
+	/** When set to true, enables the Schedule to observe Daylight Saving Time for supported timezones.
+	*   @Default {false}
+	*/
+	isDST?: boolean;
+
+	/** When set to true, adapts the Schedule layout to fit the screen size of devices on which it renders.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Sets the specific culture to the Schedule.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the maximum date limit to display on the Schedule. Setting maxDate with specific date value disallows the Schedule to navigate beyond that date.
+	*   @Default {new Date(2099, 12, 31)}
+	*/
+	maxDate?: any;
+
+	/** Sets the minimum date limit to display on the Schedule. Setting minDate with specific date value disallows the Schedule to navigate beyond that date.
+	*   @Default {new Date(1900, 01, 01)}
+	*/
+	minDate?: any;
+
+	/** Sets the mode of Schedule rendering either in a vertical or horizontal direction. It accepts either string(&quot;vertical&quot; or &quot;horizontal&quot;) or enum values. The enum values that are accepted by orientation(ej.Schedule.Orientation) are as follows,
+	*   @Default {ej.Schedule.Orientation.Vertical}
+	*/
+	orientation?: string|ej.Schedule.Orientation;
+
+	/** Holds all the options related to priority settings of the Schedule.
+	*/
+	prioritySettings?: PrioritySettings;
+
+	/** When set to true, disables the interaction with the Schedule appointments, simply allowing the date and view navigation to occur.
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Holds all the options related to reminder settings of the Schedule.
+	*/
+	reminderSettings?: ReminderSettings;
+
+	/** Defines the specific start and end dates to be rendered in the Schedule control. To render such user-specified custom date ranges in the Schedule control, set the currentView property to ej.Schedule.CurrentView.CustomView.
+	*   @Default {null}
+	*/
+	renderDates?: RenderDates;
+
+	/** Template design that applies on the Schedule resource header.
+	*   @Default {null}
+	*/
+	resourceHeaderTemplateId?: string;
+
+	/** Holds all the options related to the resources settings of the Schedule. It is a collection of one or more resource objects, where the levels of resources are rendered on the Schedule based on the order of the resource data provided within this collection.
+	*   @Default {null}
+	*/
+	resources?: Array<Resource>;
+
+	/** When set to true, displays the all-day row cells on the Schedule.
+	*   @Default {true}
+	*/
+	showAllDayRow?: boolean;
+
+	/** When set to false, hides the weekend days on all the Scheduler views.
+	*   @Default {true}
+	*/
+	showWeekend?: boolean;
+
+	/** When set to true, displays the current time indicator on the Schedule.
+	*   @Default {true}
+	*/
+	showCurrentTimeIndicator?: boolean;
+
+	/** When set to true, displays the header bar on the Schedule.
+	*   @Default {true}
+	*/
+	showHeaderBar?: boolean;
+
+	/** When set to true, displays the location field additionally on Schedule appointment window.
+	*   @Default {false}
+	*/
+	showLocationField?: boolean;
+
+	/** When set to false, doesn't render the start and end timezone fields on the Schedule appointment window.
+	*   @Default {true}
+	*/
+	showTimeZoneFields?: boolean;
+
+	/** When set to true, displays the quick window for every single click made on the Schedule cells or appointments.
+	*   @Default {true}
+	*/
+	showQuickWindow?: boolean;
+
+	/** Sets the start hour time range to be displayed on the Schedule.
+	*   @Default {0}
+	*/
+	startHour?: number;
+
+	/** Sets either 12 or 24 hour time mode on the Schedule. It accepts either the string value(&quot;12&quot; or &quot;24&quot;) or the below mentioned enum values. The enum values that are accepted by timeMode(ej.Schedule.TimeMode) are as follows,
+	*   @Default {null}
+	*/
+	timeMode?: string|ej.Schedule.TimeMode;
+
+	/** Sets the timezone for the Schedule.
+	*   @Default {null}
+	*/
+	timeZone?: string;
+
+	/** Sets the collection of timezone items to be bound to the Schedule. Only the items bound to this property gets listed out in the timezone field of the appointment window.
+	*/
+	timeZoneCollection?: TimeZoneCollection;
+
+	/** Defines the view collection to be displayed on the Schedule. By default, it displays all the views namely, Day, Week, WorkWeek and Month.
+	*   @Default {[Day, Week, WorkWeek, Month, Agenda]}
+	*/
+	views?: Array<any>;
+
+	/** Sets the width of the Schedule. Accepts both pixel and percentage values.
+	*   @Default {100%}
+	*/
+	width?: string;
+
+	/** When set to true, Schedule allows the validation of recurrence pattern to take place before it is being assigned to the appointments. For example, when one of the instance of recurrence appointment is dragged beyond the next or previous instance of the same recurrence appointment, a pop-up is displayed with the validation message disallowing the drag functionality.
+	*   @Default {true}
+	*/
+	enableRecurrenceValidation?: boolean;
+
+	/** Sets the week to display more than one week appointment summary.
+	*/
+	agendaViewSettings?: AgendaViewSettings;
+
+	/** Sets specific day as the starting day of the week.
+	*   @Default {null}
+	*/
+	firstDayOfWeek?: string;
+
+	/** Sets different day collection within workWeek view.
+	*   @Default {[Monday, Tuesday, Wednesday, Thursday, Friday]}
+	*/
+	workWeek?: Array<any>;
+
+	/** Allows to pop-up appointment details in a tooltip while hovering over the appointments.
+	*/
+	tooltipSettings?: TooltipSettings;
+
+	/** Holds all the options related to the time scale of Scheduler. The timeslots either major or minor slots can be customized with this property.
+	*/
+	timeScale?: TimeScale;
+
+	/** When set to true, shows the delete confirmation dialog before deleting an appointment.
+	*   @Default {true}
+	*/
+	showDeleteConfirmationDialog?: boolean;
+
+	/** Accepts the id value of the template layout defined for the all-day cells and customizes it.
+	*   @Default {null}
+	*/
+	allDayCellsTemplateId?: string;
+
+	/** Accepts the id value of the template layout defined for the work cells and month cells.
+	*   @Default {null}
+	*/
+	workCellsTemplateId?: string;
+
+	/** Accepts the id value of the template layout defined for the date header cells and customizes it.
+	*   @Default {null}
+	*/
+	dateHeaderTemplateId?: string;
+
+	/** when set to false, allows the height of the work-cells to adjust automatically (either expand or collapse) based on the number of appointment count it has.
+	*   @Default {true}
+	*/
+	showOverflowButton?: boolean;
+
+	/** Allows setting draggable area for the Scheduler appointments. Also, turns on the external drag and drop, when set with some specific external drag area name.
+	*/
+	appointmentDragArea?: string;
+
+	/** When set to true, displays the other months days from the current month on the Schedule.
+	*   @Default {true}
+	*/
+	showNextPrevMonth?: boolean;
+
+	/** Blocks the user-specific time interval on the Scheduler, so that no appointments can be created on that particular time slots. It includes the dataSource option and also the fields related to block intervals.
+	*/
+	blockoutSettings?: BlockoutSettings;
+
+	/** Triggers on the beginning of every action that starts within the Schedule. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggers after the completion of every action within the Schedule. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggers after an appointment is clicked. */
+	appointmentClick? (e: AppointmentClickEventArgs): void;
+
+	/** Triggers before the appointment is being removed from the Scheduler. */
+	beforeAppointmentRemove? (e: BeforeAppointmentRemoveEventArgs): void;
+
+	/** Triggers before the edited appointment is being saved. */
+	beforeAppointmentChange? (e: BeforeAppointmentChangeEventArgs): void;
+
+	/** Triggers on hovering the mouse over the appointments. */
+	appointmentHover? (e: AppointmentHoverEventArgs): void;
+
+	/** Triggers before the new appointment gets saved. */
+	beforeAppointmentCreate? (e: BeforeAppointmentCreateEventArgs): void;
+
+	/** Triggers before the appointment window opens. */
+	appointmentWindowOpen? (e: AppointmentWindowOpenEventArgs): void;
+
+	/** Triggers before the context menu opens. */
+	beforeContextMenuOpen? (e: BeforeContextMenuOpenEventArgs): void;
+
+	/** Triggers after the cell is clicked. */
+	cellClick? (e: CellClickEventArgs): void;
+
+	/** Triggers after the cell is clicked twice. */
+	cellDoubleClick? (e: CellDoubleClickEventArgs): void;
+
+	/** Triggers on hovering the mouse overs the cells. */
+	cellHover? (e: CellHoverEventArgs): void;
+
+	/** Triggers when the Scheduler completely renders on the page. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggers when the Scheduler and all its sub-components gets destroyed. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggers while the appointment is being dragged over the work cells. */
+	drag? (e: DragEventArgs): void;
+
+	/** Triggers when the appointment dragging begins. */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** Triggers when the appointment is dropped. */
+	dragStop? (e: DragStopEventArgs): void;
+
+	/** Triggers after the menu/sub-menu items within the context menu is clicked. */
+	menuItemClick? (e: MenuItemClickEventArgs): void;
+
+	/** Triggers after the Schedule view or date is navigated. */
+	navigation? (e: NavigationEventArgs): void;
+
+	/** Triggers every time before the elements of the scheduler such as work cells, time cells or header cells and so on renders or re-renders on a page. */
+	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+
+	/** Triggers when the reminder is raised for an appointment based on the alertBefore value. */
+	reminder? (e: ReminderEventArgs): void;
+
+	/** Triggers while resizing the appointment. */
+	resize? (e: ResizeEventArgs): void;
+
+	/** Triggers when the appointment resizing begins. */
+	resizeStart? (e: ResizeStartEventArgs): void;
+
+	/** Triggers when an appointment resizing stops. */
+	resizeStop? (e: ResizeStopEventArgs): void;
+
+	/** Triggers when the overflow button is clicked. */
+	overflowButtonClick? (e: OverflowButtonClickEventArgs): void;
+
+	/** Triggers while mouse hovering on the overflow button. */
+	overflowButtonHover? (e: OverflowButtonHoverEventArgs): void;
+
+	/** Triggers when any of the keyboard keys are pressed. */
+	keyDown? (e: KeyDownEventArgs): void;
+
+	/** Triggers after the new appointment is saved. */
+	appointmentCreated? (e: AppointmentCreatedEventArgs): void;
+
+	/** Triggers after an existing appointment is edited. */
+	appointmentChanged? (e: AppointmentChangedEventArgs): void;
+
+	/** Triggers after the appointment is deleted. */
+	appointmentRemoved? (e: AppointmentRemovedEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the current date value.
+	*/
+	currentDate?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current view value.
+	*/
+	currentView?: string;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the action begin request type.
+	*/
+	requestType?: string;
+
+	/** Returns the target of the click.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the save appointment value.
+	*/
+	data?: any;
+
+	/** Returns the id of delete appointment.
+	*/
+	id?: number;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data about view change action.
+	*/
+	data?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the action complete request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the appointment data dropped.
+	*/
+	appointment?: any;
+}
+
+export interface AppointmentClickEventArgs {
+
+	/** Returns the object of appointmentClick event.
+	*/
+	object?: any;
+
+	/** Returns the clicked appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeAppointmentRemoveEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the deleted appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface BeforeAppointmentChangeEventArgs {
+
+	/** Returns the edited appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface AppointmentHoverEventArgs {
+
+	/** Returns the object of appointmentHover event.
+	*/
+	object?: any;
+
+	/** Returns the hovered appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeAppointmentCreateEventArgs {
+
+	/** Returns the appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface AppointmentWindowOpenEventArgs {
+
+	/** returns the object of appointmentWindowOpen event while selecting the detail option from quick window or edit appointment or edit series option.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the end time of the double clicked cell.
+	*/
+	endTime?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the action name that triggers window open.
+	*/
+	originalEventType?: string;
+
+	/** Returns the start time of the double clicked cell.
+	*/
+	startTime?: any;
+
+	/** Returns the target of the double clicked cell.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the edit appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the edit occurrence option value.
+	*/
+	edit?: boolean;
+}
+
+export interface BeforeContextMenuOpenEventArgs {
+
+	/** Returns the object of beforeContextMenuOpen event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current cell index value.
+	*/
+	cellIndex?: number;
+
+	/** Returns the current date value.
+	*/
+	currentDate?: any;
+
+	/** Returns the current resource details, when multiple resources are present, otherwise returns null.
+	*/
+	resources?: any;
+
+	/** Returns the current appointment details while opening the menu from appointment.
+	*/
+	appointment?: any;
+
+	/** Returns the object of before opening menu target.
+	*/
+	events?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellClickEventArgs {
+
+	/** Returns the object of cellClick event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the end time of the clicked cell.
+	*/
+	endTime?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the start time of the clicked cell.
+	*/
+	startTime?: any;
+
+	/** Returns the target of the clicked cell.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellDoubleClickEventArgs {
+
+	/** Returns the object of cellDoubleClick event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the end time of the double clicked cell.
+	*/
+	endTime?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the start time of the double clicked cell.
+	*/
+	startTime?: any;
+
+	/** Returns the target of the double clicked cell.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellHoverEventArgs {
+
+	/** Returns the object of cellHover event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the index of the hovered cell.
+	*/
+	cellIndex?: any;
+
+	/** Returns the current date of the hovered cell.
+	*/
+	currentDate?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the target of the clicked cell.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface DragEventArgs {
+
+	/** Returns the object of dragOver event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the target of the drag over appointment.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DragStartEventArgs {
+
+	/** Returns the object of dragStart event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the target of the dragging appointment.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DragStopEventArgs {
+
+	/** Returns the object of dragDrop event.
+	*/
+	object?: any;
+
+	/** Returns the dropped appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface MenuItemClickEventArgs {
+
+	/** Returns the object of menuItemClick event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the object of menu item event.
+	*/
+	events?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface NavigationEventArgs {
+
+	/** Returns the current date object.
+	*/
+	currentDate?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the current view value.
+	*/
+	currentView?: string;
+
+	/** Returns the previous view value.
+	*/
+	previousView?: string;
+
+	/** Returns the target of the action.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the previous date of the Schedule.
+	*/
+	previousDate?: any;
+}
+
+export interface QueryCellInfoEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the current appointment data.
+	*/
+	appointment?: any;
+
+	/** Returns the currently rendering DOM element.
+	*/
+	element?: any;
+
+	/** Returns the name of the currently rendering element on the scheduler.
+	*/
+	requestType?: string;
+
+	/** Returns the cell type which is currently rendering on the Scheduler.
+	*/
+	cellType?: string;
+
+	/** Returns the start date of the currently rendering appointment.
+	*/
+	currentAppointmentDate?: any;
+
+	/** Returns the currently rendering cell information.
+	*/
+	cell?: any;
+
+	/** Returns the currently rendering resource details.
+	*/
+	resource?: any;
+
+	/** Returns the currently rendering date information.
+	*/
+	currentDay?: any;
+}
+
+export interface ReminderEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the appointment object for which the reminder is raised.
+	*/
+	reminderAppointment?: any;
+}
+
+export interface ResizeEventArgs {
+
+	/** Returns the object of resizing event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the resize element value.
+	*/
+	element?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeStartEventArgs {
+
+	/** Returns the object of resizeStart event.
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the resize element value.
+	*/
+	element?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ResizeStopEventArgs {
+
+	/** Returns the object of resizeStop event.
+	*/
+	object?: any;
+
+	/** Returns the resized appointment value.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the target of the resized appointment.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OverflowButtonClickEventArgs {
+
+	/** Returns the object consisting of start time, end time and resource value of the underlying cell on which the clicked overflow button is present.  
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the object of menu item event.
+	*/
+	events?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OverflowButtonHoverEventArgs {
+
+	/** Returns the object consisting of start time, end time and resource value of the underlying cell on which the overflow button is currently hovered.  
+	*/
+	object?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the object of menu item event.
+	*/
+	events?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface KeyDownEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the object of menu item event.
+	*/
+	events?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface AppointmentCreatedEventArgs {
+
+	/** Returns the appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface AppointmentChangedEventArgs {
+
+	/** Returns the edited appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface AppointmentRemovedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the deleted appointment object.
+	*/
+	appointment?: any;
+
+	/** Returns the Schedule model.
+	*/
+	model?: ej.Schedule.Model;
+
+	/** Returns the name of the Scheduler event.
+	*/
+	type?: string;
+}
+
+export interface AppointmentSettings {
+
+	/** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule appointments.
+	*   @Default {[]}
+	*/
+	dataSource?: any|Array<any>;
+
+	/** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
+	*   @Default {null}
+	*/
+	query?: string;
+
+	/** Assign the table name from where the records are to be fetched for the Schedule.
+	*   @Default {null}
+	*/
+	tableName?: string;
+
+	/** When set to false, doesn't consider the time difference offset calculation on appointment time.
+	*   @Default {true}
+	*/
+	applyTimeOffset?: boolean;
+
+	/** When set to true, introduces a new option to edit only the future occurrences of the appointments in a recurrence series from the currently selected appointment's date.
+	*   @Default {false}
+	*/
+	editFutureEventsOnly?: boolean;
+
+	/** Binds the id field name in dataSource to the id of Schedule appointments. It denotes the unique id assigned to appointments.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Binds the name of startTime field in the dataSource with start time of the Schedule appointments. It indicates the date and Time when Schedule appointment actually starts.
+	*   @Default {null}
+	*/
+	startTime?: string;
+
+	/** Binds the name of endTime field in dataSource with the end time of Schedule appointments. It indicates the date and time when Schedule appointment actually ends.
+	*   @Default {null}
+	*/
+	endTime?: string;
+
+	/** Binds the name of subject field in the dataSource to appointment Subject. Indicates the Subject or title that gets displayed on Schedule appointments.
+	*   @Default {null}
+	*/
+	subject?: string;
+
+	/** Binds the description field name in dataSource. It indicates the appointment description.
+	*   @Default {null}
+	*/
+	description?: string;
+
+	/** Binds the name of recurrence field in dataSource. It indicates whether the appointment is a recurrence appointment or not.
+	*   @Default {null}
+	*/
+	recurrence?: string;
+
+	/** Binds the name of recurrenceRule field in dataSource. It indicates the recurrence pattern associated with appointments.
+	*   @Default {null}
+	*/
+	recurrenceRule?: string;
+
+	/** Binds the name of allDay field in dataSource. It indicates whether the appointment is an all-day appointment or not.
+	*   @Default {null}
+	*/
+	allDay?: string;
+
+	/** Binds one or more fields in resource collection dataSource. It maps the resource field names with appointments denoting the resource of appointments actually belongs.
+	*   @Default {null}
+	*/
+	resourceFields?: string;
+
+	/** Binds the name of categorize field in dataSource. It indicates the categorize value, red categorize, green, yellow and so on applied to the appointments.
+	*   @Default {null}
+	*/
+	categorize?: string;
+
+	/** Binds the name of location field in dataSource. It indicates the appointment location.
+	*   @Default {null}
+	*/
+	location?: string;
+
+	/** Binds the name of the priority field in dataSource. It indicates the priority, high, low, medium and none of the appointments.
+	*   @Default {null}
+	*/
+	priority?: string;
+
+	/** Binds the name of start timezone field in dataSource. It indicates the timezone of appointment start date. When startTimeZone field is not mentioned, the appointment uses the Schedule timeZone or System timeZone.
+	*   @Default {null}
+	*/
+	startTimeZone?: string;
+
+	/** Binds the name of end timezone field in dataSource. It indicates the timezone of appointment end date. When the endTimeZone field is not mentioned, the appointment uses the Schedule timeZone or System timeZone.
+	*   @Default {null}
+	*/
+	endTimeZone?: string;
+}
+
+export interface CategorizeSettings {
+
+	/** When set to true, enables the multiple selection of categories to be applied for the appointments.
+	*   @Default {false}
+	*/
+	allowMultiple?: boolean;
+
+	/** When set to true, enables the categories option to be applied for the appointments.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** The dataSource option accepts either the JSON object collection or DataManager [ej.DataManager] instance that contains the categorize data.
+	*/
+	dataSource?: Array<any>|any;
+
+	/** Binds id field name in the dataSource to id of category data.
+	*   @Default {id}
+	*/
+	id?: string;
+
+	/** Binds text field name in the dataSource to category text.
+	*   @Default {text}
+	*/
+	text?: string;
+
+	/** Binds color field name in the dataSource to category color.
+	*   @Default {color}
+	*/
+	color?: string;
+
+	/** Binds fontColor field name in the dataSource to category font.
+	*   @Default {fontColor}
+	*/
+	fontColor?: string;
+}
+
+export interface ContextMenuSettingsMenuItems {
+
+	/** All the appointment related context menu items are grouped under this appointment menu collection.
+	*/
+	appointment?: Array<any>;
+
+	/** All the Scheduler cell related context menu items are grouped under this cells menu item collection.
+	*/
+	cells?: Array<any>;
+}
+
+export interface ContextMenuSettings {
+
+	/** When set to true, enables the context menu options available for the Schedule cells and appointments.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Contains all the default context menu options that are applicable for both Schedule cells and appointments. It also supports adding custom menu items to cells or appointment collection.
+	*/
+	menuItems?: ContextMenuSettingsMenuItems;
+}
+
+export interface Group {
+
+	/** Holds the array of resource names to be grouped on the Schedule.
+	*/
+	resources?: Array<any>;
+}
+
+export interface WorkHours {
+
+	/** When set to true, highlights the work hours of the Schedule.
+	*   @Default {true}
+	*/
+	highlight?: boolean;
+
+	/** Sets the start time to depict the start of working or business hour in a day.
+	*   @Default {9}
+	*/
+	start?: number;
+
+	/** Sets the end time to depict the end of working or business hour in a day.
+	*   @Default {18}
+	*/
+	end?: number;
+}
+
+export interface PrioritySettings {
+
+	/** When set to true, enables the priority options available for the Schedule appointments.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** The dataSource option can accept the JSON object collection that contains the priority related data.
+	*   @Default {{% highlight js%}[{ text: None, value: none },{ text: High, value: high },{ text: Medium, value: medium },{ text: Low, value: low }]{% endhighlight %}}
+	*/
+	dataSource?: any|Array<any>;
+
+	/** Binds text field name in the dataSource to prioritySettings text. These text gets listed out in priority field of the appointment window.
+	*   @Default {text}
+	*/
+	text?: string;
+
+	/** Binds value field name in the dataSource to prioritySettings value. These field names usually accepts four priority values by default, high, low, medium and none.
+	*   @Default {value}
+	*/
+	value?: string;
+
+	/** Allows priority field customization in the appointment window to add custom icons denoting the priority level for the appointments.
+	*   @Default {null}
+	*/
+	template?: string;
+}
+
+export interface ReminderSettings {
+
+	/** When set to true, enables the reminder option available for the Schedule appointments.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Sets the timing, when the reminders are to be alerted for the Schedule appointments.
+	*   @Default {5}
+	*/
+	alertBefore?: number;
+}
+
+export interface RenderDates {
+
+	/** Sets the start of custom date range to be rendered in the Schedule.
+	*   @Default {null}
+	*/
+	start?: any;
+
+	/** Sets the end limit of the custom date range.
+	*   @Default {null}
+	*/
+	end?: any;
+}
+
+export interface ResourcesResourceSettings {
+
+	/** The dataSource option accepts either JSON object collection or DataManager (ejDataManager) instance that contains the resources related data.
+	*   @Default {[]}
+	*/
+	dataSource?: any|Array<any>;
+
+	/** Binds text field name in the dataSource to resourceSettings text. These text gets listed out in resources field of the appointment window.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Binds id field name in the dataSource to resourceSettings id.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Binds groupId field name in the dataSource to resourceSettings groupId.
+	*   @Default {null}
+	*/
+	groupId?: string;
+
+	/** Binds color field name in the dataSource to resourceSettings color. The color specified here gets applied to the Schedule appointments denoting to the resource it belongs.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Binds the starting work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the starting work hour for specific resources.
+	*   @Default {null}
+	*/
+	start?: string;
+
+	/** Binds the end work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the end work hour for specific resources.
+	*   @Default {null}
+	*/
+	end?: string;
+
+	/** Binds the resources working days field name in the dataSource. It's optional, and accepts the array of strings (week day names). When provided with specific collection of days (array of day names), only those days will render for the specific resources.
+	*   @Default {null}
+	*/
+	workWeek?: string;
+
+	/** Binds appointmentClass field name in the dataSource. It applies custom CSS class name to appointments depicting to the resource it belongs.
+	*   @Default {null}
+	*/
+	appointmentClass?: string;
+}
+
+export interface Resource {
+
+	/** It holds the name of the resource field to be bound to the Schedule appointments that contains the resource Id.
+	*   @Default {null}
+	*/
+	field?: string;
+
+	/** It holds the title name of the resource field to be displayed on the Schedule appointment window.
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** A unique resource name that is used for differentiating various resource objects while grouping it in various levels.
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the selected resources.
+	*   @Default {false}
+	*/
+	allowMultiple?: boolean;
+
+	/** It holds the field names of the resources to be bound to the Schedule and also the dataSource.
+	*/
+	resourceSettings?: ResourcesResourceSettings;
+}
+
+export interface TimeZoneCollection {
+
+	/** Sets the collection of timezone items to the dataSource that accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule timezones.
+	*/
+	dataSource?: any;
+
+	/** Binds text field name in the dataSource to timeZoneCollection text. These text gets listed out in the timezone fields of the appointment window.
+	*   @Default {text}
+	*/
+	text?: string;
+
+	/** Binds id field name in the dataSource to timeZoneCollection id.
+	*   @Default {id}
+	*/
+	id?: string;
+
+	/** Binds value field name in the dataSource to timeZoneCollection value.
+	*   @Default {value}
+	*/
+	value?: string;
+}
+
+export interface AgendaViewSettings {
+
+	/** You can display the summary of multiple week's appointment by setting this value.
+	*   @Default {7}
+	*/
+	daysInAgenda?: number;
+
+	/** You can customize the Date column display based on the requirement.
+	*   @Default {null}
+	*/
+	dateColumnTemplateId?: string;
+
+	/** You can customize the time column display based on the requirement.
+	*   @Default {null}
+	*/
+	timeColumnTemplateId?: string;
+}
+
+export interface TooltipSettings {
+
+	/** Enables or disables the tooltip display.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Template design that customizes the tooltip. All the field names that are mapped from dataSource to the appropriate field properties within the appointmentSettings can be accessed within the template.
+	*   @Default {null}
+	*/
+	templateId?: string;
+}
+
+export interface TimeScale {
+
+	/** When set to true, displays the time slots on the Scheduler.
+	*   @Default {true}
+	*/
+	enable?: boolean;
+
+	/** When set with some specific value, defines the number of time divisions split per hour(as per value given for the majorTimeSlot). Those time divisions are meant to be the minor slots.
+	*   @Default {2}
+	*/
+	minorSlotCount?: number;
+
+	/** Accepts the value in minutes. When provided with specific value, displays the appropriate time interval on the Scheduler
+	*   @Default {60}
+	*/
+	majorSlot?: number;
+
+	/** Template design that customizes the timecells (minor slots) that are partitioned based on minorSlotCount. Accepts id value of the template defined for minor time slots.
+	*   @Default {null}
+	*/
+	minorSlotTemplateId?: string;
+
+	/** Template design that customizes the timecells (major slots). Accepts id value of the template defined for major time slots.
+	*   @Default {null}
+	*/
+	majorSlotTemplateId?: string;
+}
+
+export interface BlockoutSettings {
+
+	/** When set to true, enables the blockout option to be applied on the Scheduler cells.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Template design that applies on the Schedule block intervals. All the field names that are mapped from dataSource to the appropriate field properties within the blockoutSettings can be used within the template.
+	*   @Default {null}
+	*/
+	templateId?: string;
+
+	/** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule block intervals.
+	*   @Default {[]}
+	*/
+	dataSource?: any|Array<any>;
+
+	/** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
+	*   @Default {null}
+	*/
+	query?: string;
+
+	/** Assign the table name from where the records are to be fetched for the Schedule.
+	*   @Default {null}
+	*/
+	tableName?: string;
+
+	/** Binds the id field name in dataSource to the id of block time interval. It denotes the unique id assigned to each of the block records.
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Binds the name of startTime field in the dataSource with start time of block time interval. It indicates the date and time, when the block interval actually starts in the Scheduler.
+	*   @Default {null}
+	*/
+	startTime?: string;
+
+	/** Binds the name of endTime field in dataSource with the end time of block time interval. It indicates the date and time, when the block interval actually ends in the Scheduler.
+	*   @Default {null}
+	*/
+	endTime?: string;
+
+	/** Binds the name of subject field in the dataSource to block time Subject. Indicates the Subject or title that gets displayed on the Schedule block intervals.
+	*   @Default {null}
+	*/
+	subject?: string;
+
+	/** Binds the name of isBlockAppointment field in dataSource. When set to true, disables the appointments that lies on the blocked area and restrict to perform CRUD operations in it.
+	*   @Default {null}
+	*/
+	isBlockAppointment?: string;
+
+	/** Binds the name of isAllDay field in dataSource. It indicates whether an entire day is blocked or not.
+	*   @Default {null}
+	*/
+	isAllDay?: string;
+
+	/** Binds the name of resourceId field in dataSource. Specifies the id of the resources, to which the time intervals are needed to be blocked.
+	*   @Default {null}
+	*/
+	resourceId?: string;
+
+	/** Binds the name of groupId field in dataSource. Specifies the id of the resource group, to which the time intervals are needed to be blocked.
+	*   @Default {null}
+	*/
+	groupId?: string;
+
+	/** Binds the name of customStyle field in dataSource. It applies the custom CSS to the block intervals.
+	*   @Default {null}
+	*/
+	customStyle?: string;
+}
+
+enum CurrentView{
+
+	///Sets currentView of the Scheduler as Day
+	Day,
+
+	///Sets currentView of the Scheduler as Week
+	Week,
+
+	///Sets currentView of the Scheduler as WorkWeek
+	Workweek,
+
+	///Sets currentView of the Scheduler as Month
+	Month,
+
+	///Sets currentView of the Scheduler as Agenda
+	Agenda,
+
+	///Sets currentView of the Scheduler as CustomView with user-specified date range.
+	CustomView
+}
+
+
+enum Orientation{
+
+	///Set orientation as vertical to Scheduler
+	Vertical,
+
+	///Set orientation as horizontal to Scheduler
+	Horizontal
+}
+
+
+enum TimeMode{
+
+	///Sets 12 hour time mode to Scheduler
+	Hour12,
+
+	///Sets 24 hour time mode to Scheduler
+	Hour24
+}
+
+}
+
+class RecurrenceEditor extends ej.Widget {
+	static fn: RecurrenceEditor;
+	constructor(element: JQuery, options?: RecurrenceEditor.Model);
+	constructor(element: Element, options?: RecurrenceEditor.Model);
+	static Locale: any;
+	model:RecurrenceEditor.Model;
+	defaults:RecurrenceEditor.Model;
+
+	/** Generates the recurrence rule with the options selected within the Recurrence Editor.
+	*   @returns {string}
+	*/
+	getRecurrenceRule(): string;
+
+	/** Generates the collection of date, that lies within the selected recurrence start and end date for which the recurrence pattern applies.
+	*   @param {string} It refers the recurrence rule.
+	*   @param {any} It refers the start date of the recurrence.
+	*   @returns {any}
+	*/
+	recurrenceDateGenerator(recurrenceString: string, startDate: any): any;
+
+	/** It splits and returns the recurrence rule string into object collection.
+	*   @param {string} It refers the recurrence rule string.
+	*   @param {any} It refers the appointment dates (ExDate) to be excluded
+	*   @returns {any}
+	*/
+	recurrenceRuleSplit(recurrenceRule: string, exDate: any): any;
+}
+export module RecurrenceEditor{
+
+export interface Model {
+
+	/** Defines the collection of recurrence frequencies within Recurrence Editor such as Never, Daily, Weekly, Monthly, Yearly and Every Weekday.
+	*   @Default {[never, daily, weekly, monthly, yearly, everyweekday]}
+	*/
+	frequencies?: Array<any>;
+
+	/** Sets the starting day of the week.
+	*   @Default {null}
+	*/
+	firstDayOfWeek?: string;
+
+	/** When set to true, enables the spin button of numeric textboxes within the Recurrence Editor.
+	*   @Default {true}
+	*/
+	enableSpinners?: boolean;
+
+	/** Sets the start date of the recurrence. The Recurrence Editor initially displays the current date as its start date.
+	*   @Default {new Date()}
+	*/
+	startDate?: any;
+
+	/** Sets the specific culture to the Recurrence Editor.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Sets the date format for the datepickers available within the Recurrence Editor.
+	*/
+	dateFormat?: string;
+
+	/** When set to true, renders the Recurrence Editor options from Right-to-Left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Sets the active/current repeat type(frequency) on Recurrence Editor based on the index value provided. For example, setting the value 1 will initially set the repeat type as Daily and display its related options.
+	*   @Default {0}
+	*/
+	selectedRecurrenceType?: number;
+
+	/** Sets the minimum date limit to display on the datepickers defined within the Recurrence Editor. Setting minDate with specific date value disallows the datepickers within  Recurrence Editor to navigate beyond that date.
+	*   @Default {new Date(1900, 01, 01)}
+	*/
+	minDate?: any;
+
+	/** Sets the maximum date limit to display on the datepickers used within the Recurrence Editor. Setting maxDate with specific date value disallows the datepickers within the Recurrence Editor to navigate beyond that date.
+	*   @Default {new Date(2099, 12, 31)}
+	*/
+	maxDate?: any;
+
+	/** Accepts the custom CSS class name, that defines user-defined styles and themes to be applied on partial or complete elements of the Recurrence Editor.
+	*/
+	cssClass?: string;
+
+	/** Triggers whenever any of the Recurrence Editor's value is changed. */
+	change? (e: ChangeEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** When set to true, event gets canceled.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Recurrence Editor model
+	*/
+	model?: ej.RecurrenceEditor.Model;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the recurrence rule value.
+	*/
+	recurrenceRule?: string;
+}
+}
+
+class Gantt extends ej.Widget {
+	static fn: Gantt;
+	constructor(element: JQuery, options?: Gantt.Model);
+	constructor(element: Element, options?: Gantt.Model);
+	static Locale: any;
+	model:Gantt.Model;
+	defaults:Gantt.Model;
+
+	/** To add a new item in Gantt
+	*   @param {any} Item to add in Gantt row.
+	*   @param {string} Defines in which position the row wants to add
+	*   @returns {void}
+	*/
+	addRecord(data: any, rowPosition: string): void;
+
+	/** To select cell based on the cell and row index dynamically.
+	*   @param {Array<any>} array of cell indexes to be select
+	*   @param {boolean} Defines that we need to preserve the previously selected cells of not
+	*   @returns {void}
+	*/
+	selectCells(Indexes: Array<any>, preservePreviousSelectedCell: boolean): void;
+
+	/** Positions the splitter by the specified column index.
+	*   @param {number} Set the splitter position based on column index.
+	*   @returns {void}
+	*/
+	setSplitterIndex(index: number): void;
+
+	/** To sort the column in required direction
+	*   @param {string} Defines the column's mapping name in which sorting have to be performed
+	*   @param {string} Defines the sort direction whether the column has to sorted in ascending/descending order. By default it is sorting in an ascending order
+	*   @returns {void}
+	*/
+	sortColumn(mappingName: string, columnSortDirection: string): void;
+
+	/** To cancel the edited state of an item in Gantt
+	*   @returns {void}
+	*/
+	cancelEdit(): void;
+
+	/** To collapse all the parent items in Gantt
+	*   @returns {void}
+	*/
+	collapseAllItems(): void;
+
+	/** To delete a selected item in Gantt
+	*   @returns {void}
+	*/
+	deleteItem(): void;
+
+	/** destroy the Gantt widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To Expand all the parent items in Gantt
+	*   @returns {void}
+	*/
+	expandAllItems(): void;
+
+	/** To expand and collapse an item in Gantt using item's ID
+	*   @param {number} Expand or Collapse a record based on task id.
+	*   @returns {void}
+	*/
+	expandCollapseRecord(taskId: number): void;
+
+	/** Export the Gantt content to excel or PDF document.
+	*   @param {string} Pass the controller action name corresponding to exporting
+	*   @param {string} optionalASP server event name corresponding to exporting
+	*   @param {boolean} optionalPass the multiple exporting value as true/false
+	*   @returns {void}
+	*/
+	export(action: string, serverEvent?: string, multipleExport?: boolean): void;
+
+	/** To hide the column by using header text
+	*   @param {string} you can pass a header text of a column to hide
+	*   @returns {void}
+	*/
+	hideColumn(headerText: string): void;
+
+	/** To indent a selected item in Gantt
+	*   @returns {void}
+	*/
+	indentItem(): void;
+
+	/** To Open the dialog to add new task to the Gantt
+	*   @returns {void}
+	*/
+	openAddDialog(): void;
+
+	/** To Open the dialog to edit existing task to the Gantt
+	*   @returns {void}
+	*/
+	openEditDialog(): void;
+
+	/** To outdent a selected item in Gantt
+	*   @returns {void}
+	*/
+	outdentItem(): void;
+
+	/** To save the edited state of an item in Gantt
+	*   @returns {void}
+	*/
+	saveEdit(): void;
+
+	/** To search an item with search string provided at the run time
+	*   @param {string} you can pass a text to search in Gantt Control.
+	*   @returns {void}
+	*/
+	searchItem(searchString: string): void;
+
+	/** To set the grid width in Gantt
+	*   @param {string} you can give either percentage or pixels value
+	*   @returns {void}
+	*/
+	setSplitterPosition(width: string): void;
+
+	/** To show the column by using header text
+	*   @param {string} you can pass a header text of a column to show
+	*   @returns {void}
+	*/
+	showColumn(headerText: string): void;
+}
+export module Gantt{
+
+export interface Model {
+
+	/** Specifies the fields to be included in the add dialog in Gantt
+	*   @Default {[]}
+	*/
+	addDialogFields?: Array<AddDialogField>;
+
+	/** Enables or disables the ability to resize column.
+	*   @Default {false}
+	*/
+	allowColumnResize?: boolean;
+
+	/** Enables or Disables Gantt chart editing in Gantt
+	*   @Default {true}
+	*/
+	allowGanttChartEditing?: boolean;
+
+	/** Enables or Disables Keyboard navigation in Gantt
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Specifies enabling or disabling multiple sorting for Gantt columns
+	*   @Default {false}
+	*/
+	allowMultiSorting?: boolean;
+
+	/** Enables or disables the option for multiple exporting
+	*   @Default {false}
+	*/
+	allowMultipleExporting?: boolean;
+
+	/** Enables or disables the interactive selection of a row.
+	*   @Default {true}
+	*/
+	allowSelection?: boolean;
+
+	/** Enables or disables sorting. When enabled, we can sort the column by clicking on the column.
+	*   @Default {false}
+	*/
+	allowSorting?: boolean;
+
+	/** Enables or disables the ability to drag and drop the row interactively to reorder the rows
+	*   @Default {false}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Enable or disable predecessor validation. When it is true, all the task's start and end dates are aligned based on its predecessors start and end dates.
+	*   @Default {true}
+	*/
+	enablePredecessorValidation?: boolean;
+
+	/** Specifies the baseline background color in Gantt
+	*   @Default {#fba41c}
+	*/
+	baselineColor?: string;
+
+	/** Specifies the mapping property path for the work field of a task in the data source. When it is mapped the end date and duration for a task will be calculated automatically.
+	*/
+	workMapping?: string;
+
+	/** Specifies the mapping property path for the expand status of a record in data source.
+	*/
+	expandStateMapping?: string;
+
+	/** Specifies the mapping property path for baseline end date in datasource
+	*/
+	baselineEndDateMapping?: string;
+
+	/** Specifies the mapping property path for baseline start date of a task in datasource
+	*/
+	baselineStartDateMapping?: string;
+
+	/** Specifies the mapping property path for sub tasks in datasource
+	*/
+	childMapping?: string;
+
+	/** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
+	*   @Default {[]}
+	*/
+	columnDialogFields?: Array<any>;
+
+	/** Specifies the background of connector lines in Gantt
+	*/
+	connectorLineBackground?: string;
+
+	/** Specifies the width of the connector lines in Gantt
+	*   @Default {1}
+	*/
+	connectorlineWidth?: number;
+
+	/** Specify the CSS class for Gantt to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specifies the template for cell tooltip
+	*   @Default {null}
+	*/
+	cellTooltipTemplate?: string;
+
+	/** Option for customizing the drag tooltip while reordering the rows.
+	*/
+	dragTooltip?: DragTooltip;
+
+	/** Collection of data or hierarchical data to represent in Gantt
+	*   @Default {null}
+	*/
+	dataSource?: Array<any>;
+
+	/** Specifies the dateFormat for Gantt , given format is displayed in tooltip , Grid .
+	*   @Default {MM/dd/yyyy}
+	*/
+	dateFormat?: string;
+
+	/** Specifies the customized working time for tasks in Gantt
+	*   @Default {[{ from: 08:00 AM, to: 12:00 PM }, { from: 01:00 PM, to: 05:00 PM }]}
+	*/
+	dayWorkingTime?: Array<any>;
+
+	/** Specifies the mapping property path for duration of a task in datasource
+	*/
+	durationMapping?: string;
+
+	/** Specifies the duration unit for each tasks whether days or hours or minutes
+	*   @Default {ej.Gantt.DurationUnit.Day}
+	*/
+	durationUnit?: ej.Gantt.DurationUnit|string;
+
+	/** Specifies the fields to be included in the edit dialog in Gantt
+	*   @Default {[]}
+	*/
+	editDialogFields?: Array<EditDialogField>;
+
+	/** Enables or disables the responsiveness of Gantt
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Option to configure the splitter position.
+	*/
+	splitterSettings?: SplitterSettings;
+
+	/** Specifies the editSettings options in Gantt.
+	*/
+	editSettings?: EditSettings;
+
+	/** Enables or Disables enableAltRow row effect in Gantt
+	*   @Default {true}
+	*/
+	enableAltRow?: boolean;
+
+	/** Enables/disables work breakdown structure column.
+	*   @Default {false}
+	*/
+	enableWBS?: boolean;
+
+	/** Enables/disables WBS predecessor column.
+	*   @Default {false}
+	*/
+	enableWBSPredecessor?: boolean;
+
+	/** Enables or disables the collapse all records when loading the Gantt.
+	*   @Default {false}
+	*/
+	enableCollapseAll?: boolean;
+
+	/** Specifies the data source field name to be displayed as left task label
+	*/
+	leftTaskLabelMapping?: string;
+
+	/** Specifies the data source field name to be displayed as right task label
+	*/
+	rightTaskLabelMapping?: string;
+
+	/** Specifies the template for left task label
+	*/
+	leftTaskLabelTemplate?: string;
+
+	/** Specifies the template for right task label
+	*/
+	rightTaskLabelTemplate?: string;
+
+	/** Enables or disables the contextmenu for Gantt , when enabled contextmenu appears on right clicking Gantt
+	*   @Default {false}
+	*/
+	enableContextMenu?: boolean;
+
+	/** Indicates whether we can edit the progress of a task interactively in Gantt.
+	*   @Default {true}
+	*/
+	enableProgressBarResizing?: boolean;
+
+	/** Enables or disables the option for dynamically updating the Gantt size on window resizing
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Enables or disables tooltip while editing (dragging/resizing) the taskbar.
+	*   @Default {true}
+	*/
+	enableTaskbarDragTooltip?: boolean;
+
+	/** Enables or disables tooltip for taskbar.
+	*   @Default {true}
+	*/
+	enableTaskbarTooltip?: boolean;
+
+	/** Enables/Disables virtualization for rendering Gantt items.
+	*   @Default {false}
+	*/
+	enableVirtualization?: boolean;
+
+	/** Specifies the mapping property path for end Date of a task in datasource
+	*/
+	endDateMapping?: string;
+
+	/** Specifies whether to highlight the weekends in Gantt .
+	*   @Default {true}
+	*/
+	highlightWeekends?: boolean;
+
+	/** Collection of holidays with date, background and label information to be displayed in Gantt.
+	*   @Default {[]}
+	*/
+	holidays?: Array<Holiday>;
+
+	/** Specifies whether to include weekends while calculating the duration of a task.
+	*   @Default {true}
+	*/
+	includeWeekend?: boolean;
+
+	/** Specify the locale for Gantt
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the mapping property path for milestone in datasource
+	*/
+	milestoneMapping?: string;
+
+	/** Enables/disables the options for inserting , deleting and renaming  columns.
+	*   @Default {false}
+	*/
+	showColumnOptions?: boolean;
+
+	/** Specifies the template for parent taskbar
+	*/
+	parentTaskbarTemplate?: string;
+
+	/** Specifies the nature of a task for calculating the work,  and it can fixed duration, fixed work and fixed resource unit
+	*   @Default {ej.Gantt.TaskType.FixedUnit}
+	*/
+	taskType?: ej.Gantt.TaskType|string;
+
+	/** Specifies the unit for the work involved in a task and it can be day, hour or minute
+	*   @Default {ej.Gantt.WorkUnit.Hour}
+	*/
+	workUnit?: ej.Gantt.WorkUnit|string;
+
+	/** Specifies the task scheduling mode for a project and this will be set to all the tasks available in the project
+	*   @Default {ej.Gantt.TaskSchedulingMode.Auto}
+	*/
+	taskSchedulingMode?: ej.Gantt.TaskSchedulingMode|string;
+
+	/** Specifies the row selection type.
+	*   @Default {ej.Gantt.SelectionType.Single}
+	*/
+	selectionType?: ej.Gantt.SelectionType|string;
+
+	/** Specifies the background of parent progressbar in Gantt
+	*/
+	parentProgressbarBackground?: string;
+
+	/** Specifies the mapping property path for resource's percent effort involved in a task in datasource
+	*/
+	resourceUnitMapping?: string;
+
+	/** Specifies the mapping property path for the task description in datasource
+	*/
+	notesMapping?: string;
+
+	/** Specifies the mapping property path for the task scheduling mode for a task in datasource
+	*   @Default {auto}
+	*/
+	taskSchedulingModeMapping?: string;
+
+	/** Specifies the mapping property path for task duration unit in datasource
+	*/
+	durationUnitMapping?: string;
+
+	/** Specifies the background of parent taskbar in Gantt
+	*/
+	parentTaskbarBackground?: string;
+
+	/** Specifies the mapping property path for parent task Id in self reference datasource
+	*/
+	parentTaskIdMapping?: string;
+
+	/** Specifies the mapping property path for predecessors of a task in datasource
+	*/
+	predecessorMapping?: string;
+
+	/** Specifies the background of progressbar in Gantt
+	*/
+	progressbarBackground?: string;
+
+	/** Specified the height of the progressbar in taskbar
+	*   @Default {100}
+	*/
+	progressbarHeight?: number;
+
+	/** Specifies the template for tooltip on resizing progressbar
+	*   @Default {null}
+	*/
+	progressbarTooltipTemplate?: string;
+
+	/** Specifies the template ID for customized tooltip for progressbar editing in Gantt
+	*   @Default {null}
+	*/
+	progressbarTooltipTemplateId?: string;
+
+	/** Specifies the mapping property path for progress percentage of a task in datasource
+	*/
+	progressMapping?: string;
+
+	/** It receives query to retrieve data from the table (query is same as SQL).
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in Gantt
+	*   @Default {false}
+	*/
+	renderBaseline?: boolean;
+
+	/** Specifies the mapping property name for resource ID in resource Collection in Gantt
+	*/
+	resourceIdMapping?: string;
+
+	/** Specifies the mapping property path for resources of a task in datasource
+	*/
+	resourceInfoMapping?: string;
+
+	/** Specifies the mapping property path for resource name of a task in Gantt
+	*/
+	resourceNameMapping?: string;
+
+	/** Collection of data regarding resources involved in entire project
+	*   @Default {[]}
+	*/
+	resources?: Array<any>;
+
+	/** Specifies whether rounding off the day working time edits
+	*   @Default {true}
+	*/
+	roundOffDayworkingTime?: boolean;
+
+	/** Specifies the height of a single row in Gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
+	*   @Default {30}
+	*/
+	rowHeight?: number;
+
+	/** Specifies end date of the Gantt schedule. By default, end date will be rounded to its next Saturday.
+	*   @Default {null}
+	*/
+	scheduleEndDate?: string;
+
+	/** Specifies the options for customizing schedule header.
+	*/
+	scheduleHeaderSettings?: ScheduleHeaderSettings;
+
+	/** Specifies start date of the Gantt schedule. By default, start date will be rounded to its previous Sunday.
+	*   @Default {null}
+	*/
+	scheduleStartDate?: string;
+
+	/** Specifies the selected row Index in Gantt , the row with given index will highlighted
+	*   @Default {-1}
+	*/
+	selectedRowIndex?: number;
+
+	/** Enables or disables the column chooser.
+	*   @Default {false}
+	*/
+	showColumnChooser?: boolean;
+
+	/** Specifies the template for cell tooltip
+	*   @Default {true}
+	*/
+	showGridCellTooltip?: boolean;
+
+	/** Specifies whether to show grid cell tooltip over expander cell alone.
+	*   @Default {true}
+	*/
+	showGridExpandCellTooltip?: boolean;
+
+	/** Specifies whether display task progress inside taskbar.
+	*   @Default {true}
+	*/
+	showProgressStatus?: boolean;
+
+	/** Specifies whether to display resource names for a task beside taskbar.
+	*   @Default {true}
+	*/
+	showResourceNames?: boolean;
+
+	/** Specifies whether to display task name beside task bar.
+	*   @Default {true}
+	*/
+	showTaskNames?: boolean;
+
+	/** Specifies the size option of Gantt control.
+	*/
+	sizeSettings?: SizeSettings;
+
+	/** Specifies the selected cell information on rendering Gantt.
+	*/
+	selectedCellIndexes?: Array<SelectedCellIndex>;
+
+	/** Specifies the sorting options for Gantt.
+	*/
+	sortSettings?: SortSettings;
+
+	/** Specifies splitter position in Gantt.
+	*   @Default {null}
+	*/
+	splitterPosition?: string;
+
+	/** Specifies the mapping property path for start date of a task in datasource
+	*/
+	startDateMapping?: string;
+
+	/** Specifies the options for striplines
+	*   @Default {[]}
+	*/
+	stripLines?: Array<StripLine>;
+
+	/** Specifies the background of the taskbar in Gantt
+	*/
+	taskbarBackground?: string;
+
+	/** Specifies the template script for customized tooltip for taskbar editing in Gantt
+	*/
+	taskbarEditingTooltipTemplate?: string;
+
+	/** Specifies the template Id for customized tooltip for taskbar editing in Gantt
+	*/
+	taskbarEditingTooltipTemplateId?: string;
+
+	/** Specifies the height of taskBar in Gantt.
+	*   @Default {20}
+	*/
+	taskbarHeight?: number;
+
+	/** Specifies the template for tooltip on mouse action on taskbars
+	*/
+	taskbarTooltipTemplate?: string;
+
+	/** To Specify the JsRender script Id to customize the task bar with our preference
+	*/
+	taskbarTemplate?: string;
+
+	/** To Specify the JsRender script Id to customize the mile stone with our preference
+	*/
+	milestoneTemplate?: string;
+
+	/** Enables or disables Gantt to read-only mode
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies the template id for tooltip on mouse action on taskbars
+	*/
+	taskbarTooltipTemplateId?: string;
+
+	/** Specifies the mapping property path for task Id in datasource
+	*/
+	taskIdMapping?: string;
+
+	/** Specifies the mapping property path for task name in datasource
+	*/
+	taskNameMapping?: string;
+
+	/** Specifies the toolbarSettings options.
+	*/
+	toolbarSettings?: ToolbarSettings;
+
+	/** Specifies the tree expander column in Gantt
+	*   @Default {0}
+	*/
+	treeColumnIndex?: number;
+
+	/** Specifies the type of selection whether to select row or cell.
+	*   @Default {ej.Gantt.SelectionMode.Row}
+	*/
+	selectionMode?: ej.Gantt.SelectionMode|string;
+
+	/** Enables or disables the schedule date validation while connecting a manually scheduled task with predecessor
+	*   @Default {false}
+	*/
+	validateManualTasksOnLinking?: boolean;
+
+	/** Specifies the weekendBackground color in Gantt
+	*   @Default {#F2F2F2}
+	*/
+	weekendBackground?: string;
+
+	/** Specifies the working time schedule of day
+	*   @Default {ej.Gantt.workingTimeScale.TimeScale8Hours}
+	*/
+	workingTimeScale?: ej.Gantt.workingTimeScale|string;
+
+	/** Triggered for every Gantt action before its starts. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggered for every Gantt action success event. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggered while enter the edit mode in the TreeGrid cell */
+	beginEdit? (e: BeginEditEventArgs): void;
+
+	/** Triggered before selecting a cell */
+	cellSelecting? (e: CellSelectingEventArgs): void;
+
+	/** Triggered after selected a cell */
+	cellSelected? (e: CellSelectedEventArgs): void;
+
+	/** Triggered while dragging a row in Gantt control */
+	rowDrag? (e: RowDragEventArgs): void;
+
+	/** Triggered while start to drag row in Gantt control */
+	rowDragStart? (e: RowDragStartEventArgs): void;
+
+	/** Triggered while drop a row in Gantt control */
+	rowDragStop? (e: RowDragStopEventArgs): void;
+
+	/** Triggered after collapsed the Gantt record */
+	collapsed? (e: CollapsedEventArgs): void;
+
+	/** Triggered while collapsing the Gantt record */
+	collapsing? (e: CollapsingEventArgs): void;
+
+	/** Triggered while Context Menu is rendered in Gantt control */
+	contextMenuOpen? (e: ContextMenuOpenEventArgs): void;
+
+	/** Triggered when Gantt is rendered completely. */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered after save the modified cellValue in Gantt. */
+	endEdit? (e: EndEditEventArgs): void;
+
+	/** Triggered after expand the record */
+	expanded? (e: ExpandedEventArgs): void;
+
+	/** Triggered while expanding the Gantt record */
+	expanding? (e: ExpandingEventArgs): void;
+
+	/** Triggered while Gantt is loaded */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggered while rendering each cell in the TreeGrid */
+	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+
+	/** Triggered while rendering each taskbar in the Gantt */
+	queryTaskbarInfo? (e: QueryTaskbarInfoEventArgs): void;
+
+	/** Triggered while rendering each row */
+	rowDataBound? (e: RowDataBoundEventArgs): void;
+
+	/** Triggered after the row is selected. */
+	rowSelected? (e: RowSelectedEventArgs): void;
+
+	/** Triggered before the row is going to be selected. */
+	rowSelecting? (e: RowSelectingEventArgs): void;
+
+	/** Triggered after completing the editing operation in taskbar */
+	taskbarEdited? (e: TaskbarEditedEventArgs): void;
+
+	/** Triggered while editing the Gantt chart (dragging, resizing the taskbar ) */
+	taskbarEditing? (e: TaskbarEditingEventArgs): void;
+
+	/** Triggered when taskbar item is clicked in Gantt. */
+	taskbarClick? (e: TaskbarClickEventArgs): void;
+
+	/** Triggered when toolbar item is clicked in Gantt. */
+	toolbarClick? (e: ToolbarClickEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current grouped column field name.
+	*/
+	columnName?: string;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the direction of sorting ascending or descending
+	*/
+	columnSortDirection?: string;
+
+	/** Returns the value of searching element.
+	*/
+	keyValue?: string;
+
+	/** Returns the data of deleting element.
+	*/
+	data?: string;
+
+	/** Returns selected record index
+	*/
+	recordIndex?: number;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current grouped column field name.
+	*/
+	columnName?: string;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the direction of sorting ascending or descending
+	*/
+	columnSortDirection?: string;
+
+	/** Returns the value of searched element.
+	*/
+	keyValue?: string;
+
+	/** Returns the data of deleted element.
+	*/
+	data?: string;
+
+	/** Returns selected record index
+	*/
+	recordIndex?: number;
+}
+
+export interface BeginEditEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row element of editing cell.
+	*/
+	rowElement?: any;
+
+	/** Returns the Element of editing cell.
+	*/
+	cellElement?: any;
+
+	/** Returns the data of current cell record.
+	*/
+	data?: any;
+
+	/** Returns the column Index of cell belongs.
+	*/
+	columnIndex?: number;
+}
+
+export interface CellSelectingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cell index on the selection.
+	*/
+	cellIndex?: number;
+
+	/** Returns the row index on the selection
+	*/
+	rowIndex?: number;
+
+	/** Returns the selecting cell element
+	*/
+	targetCell?: any;
+
+	/** Returns the selecting row element
+	*/
+	targetRow?: any;
+
+	/** Returns the selecting record object
+	*/
+	data?: any;
+
+	/** Returns the Gantt object Model
+	*/
+	model?: any;
+}
+
+export interface CellSelectedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cell index on the selection.
+	*/
+	cellIndex?: number;
+
+	/** Returns the row index on the selection
+	*/
+	rowIndex?: number;
+
+	/** Returns the selecting cell element
+	*/
+	targetCell?: any;
+
+	/** Returns the selecting row element
+	*/
+	targetRow?: any;
+
+	/** Returns the selecting record object
+	*/
+	data?: any;
+
+	/** Returns the Gantt object Model
+	*/
+	model?: any;
+
+	/** Returns the previously selected row data
+	*/
+	previousData?: any;
+
+	/** Returns the previously selected cell index
+	*/
+	previousCellIndex?: any;
+
+	/** Returns the previously selected row index
+	*/
+	previousRowIndex?: any;
+
+	/** Returns the previously selected cell element
+	*/
+	previousTargetCell?: any;
+
+	/** Returns the previously selected row element
+	*/
+	previousTargetRow?: any;
+}
+
+export interface RowDragEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row which we start to drag.
+	*/
+	draggedRow?: any;
+
+	/** Returns the row index which we start to drag.
+	*/
+	draggedRowIndex?: number;
+
+	/** Returns the row on which we are dragging.
+	*/
+	targetRow?: any;
+
+	/** Returns the row index on which we are dragging.
+	*/
+	targetRowIndex?: number;
+
+	/** Returns that we can drop over that record or not.
+	*/
+	canDrop?: boolean;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDragStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row which we start to drag.
+	*/
+	draggedRow?: any;
+
+	/** Returns the row index which we start to drag.
+	*/
+	draggedRowIndex?: boolean;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDragStopEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row which we start to drag.
+	*/
+	draggedRow?: any;
+
+	/** Returns the row index which we start to drag.
+	*/
+	draggedRowIndex?: number;
+
+	/** Returns the row which we are dropped to row.
+	*/
+	targetRow?: any;
+
+	/** Returns the row index which we are dropped to row.
+	*/
+	targetRowIndex?: number;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CollapsedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of collapsed record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of collapsed record.
+	*/
+	data?: any;
+
+	/** Returns Request Type.
+	*/
+	requestType?: string;
+
+	/** Returns state of a record whether it is in expanded or collapsed state.
+	*/
+	expanded?: boolean;
+}
+
+export interface CollapsingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of collapsing record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of edited cell record..
+	*/
+	data?: any;
+
+	/** Returns state of a record whether it is in expanded or collapsed state.
+	*/
+	expanded?: boolean;
+}
+
+export interface ContextMenuOpenEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the default context menu items to which we add custom items.
+	*/
+	contextMenuItems?: Array<any>;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Gantt model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface EndEditEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row element of editing cell.
+	*/
+	rowElement?: any;
+
+	/** Returns the Element of editing cell.
+	*/
+	cellElement?: any;
+
+	/** Returns the data of edited cell record.
+	*/
+	data?: any;
+
+	/** Returns the column name of edited cell belongs.
+	*/
+	columnName?: string;
+
+	/** Returns the column object of edited cell belongs.
+	*/
+	columnObject?: any;
+}
+
+export interface ExpandedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of expanded record.
+	*/
+	data?: any;
+
+	/** Returns Request Type.
+	*/
+	requestType?: string;
+
+	/** Returns state of a record whether it is in expanded or collapsed state.
+	*/
+	expanded?: boolean;
+}
+
+export interface ExpandingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of record.
+	*/
+	recordIndex?: any;
+
+	/** Returns the data of edited cell record..
+	*/
+	data?: any;
+
+	/** Returns state of a record whether it is in expanded or collapsed state.
+	*/
+	expanded?: boolean;
+}
+
+export interface LoadEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Gantt model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface QueryCellInfoEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selecting cell element.
+	*/
+	cellElement?: any;
+
+	/** Returns the value of cell.
+	*/
+	cellValue?: string;
+
+	/** Returns the data of current cell record.
+	*/
+	data?: any;
+
+	/** Returns the column of cell belongs.
+	*/
+	column?: any;
+}
+
+export interface QueryTaskbarInfoEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the taskbar background of current item.
+	*/
+	TaskbarBackground?: string;
+
+	/** Returns the progressbar background of current item.
+	*/
+	ProgressbarBackground?: string;
+
+	/** Returns the parent taskbar background of current item.
+	*/
+	parentTaskbarBackground?: string;
+
+	/** Returns the parent progressbar background of current item.
+	*/
+	parentProgressbarBackground?: string;
+
+	/** Returns the data of the record.
+	*/
+	data?: any;
+}
+
+export interface RowDataBoundEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row element of rendering row.
+	*/
+	rowElement?: any;
+
+	/** Returns the data of rendering row record..
+	*/
+	data?: any;
+}
+
+export interface RowSelectedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selecting row element.
+	*/
+	targetRow?: any;
+
+	/** Returns the index of selecting row record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of selected record.
+	*/
+	data?: any;
+}
+
+export interface RowSelectingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data selecting record.
+	*/
+	data?: any;
+
+	/** Returns the index of selecting row record.
+	*/
+	recordIndex?: string;
+
+	/** Returns the selecting row chart element.
+	*/
+	targetChartRow?: any;
+
+	/** Returns the selecting row grid element.
+	*/
+	targetGridRow?: any;
+
+	/** Returns the previous selected data.
+	*/
+	previousData?: any;
+
+	/** Returns the previous selected row index.
+	*/
+	previousIndex?: string;
+
+	/** Returns the previous selected row chart element.
+	*/
+	previousChartRow?: any;
+
+	/** Returns the previous selected row grid element.
+	*/
+	previousGridRow?: any;
+}
+
+export interface TaskbarEditedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data of edited record.
+	*/
+	data?: any;
+
+	/** Returns the previous data value of edited record.
+	*/
+	previousData?: any;
+
+	/** Returns 'true' if taskbar is dragged.
+	*/
+	dragging?: boolean;
+
+	/** Returns 'true' if taskbar is left resized.
+	*/
+	leftResizing?: boolean;
+
+	/** Returns 'true' if taskbar is right resized.
+	*/
+	rightResizing?: boolean;
+
+	/** Returns 'true' if taskbar is progress resized.
+	*/
+	progressResizing?: boolean;
+
+	/** Returns the field values of record being edited.
+	*/
+	editingFields?: any;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+}
+
+export interface TaskbarEditingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns the row object being edited.
+	*/
+	rowData?: any;
+
+	/** Returns the field values of record being edited.
+	*/
+	editingFields?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface TaskbarClickEventArgs {
+
+	/** Returns currently clicked row data
+	*/
+	data?: any;
+
+	/** Returns the current item index.
+	*/
+	index?: number;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns the clicked row element
+	*/
+	taskbarElement?: any;
+
+	/** Returns the target element.
+	*/
+	target?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ToolbarClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the Gantt model.
+	*/
+	model?: any;
+
+	/** Returns the name of the toolbar item on which mouse click has been performed
+	*/
+	itemName?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface AddDialogField {
+
+	/** Specifies mapping name to include required fields in Gantt
+	*/
+	field?: string;
+
+	/** Specifies editType of fields to be included in the add dialog in Gantt
+	*/
+	editType?: string;
+}
+
+export interface DragTooltip {
+
+	/** Specifies option to enable/disable tooltip while drag and drop a row.
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the data source fields to be displayed in the drag tooltip.
+	*   @Default {[]}
+	*/
+	tooltipItems?: Array<any>;
+
+	/** Specifies the custom template for drag tooltip.
+	*   @Default {null}
+	*/
+	tooltipTemplate?: string;
+}
+
+export interface EditDialogField {
+
+	/** Specifies mapping name to include required fields in Gantt
+	*/
+	field?: string;
+
+	/** Specifies editType of fields to be included in the edit dialog in Gantt
+	*/
+	editType?: string;
+}
+
+export interface SplitterSettings {
+
+	/** Specifies position of the splitter in Gantt , splitter can be placed either based on percentage values or pixel values.
+	*/
+	position?: string;
+
+	/** Specifies the position of splitter in Gantt, based on column index in Gantt.
+	*/
+	index?: string;
+}
+
+export interface EditSettings {
+
+	/** Enables or disables add record icon in Gantt toolbar
+	*   @Default {false}
+	*/
+	allowAdding?: boolean;
+
+	/** Enables or disables delete icon in Gantt toolbar
+	*   @Default {false}
+	*/
+	allowDeleting?: boolean;
+
+	/** Specifies the option for enabling or disabling editing in Gantt grid part
+	*   @Default {false}
+	*/
+	allowEditing?: boolean;
+
+	/** Specifies the option for enabling or disabling indent action in Gantt.
+	*   @Default {false}
+	*/
+	allowIndent?: boolean;
+
+	/** Specifies the option for enabling or disabling outdent action in Gantt
+	*   @Default {false}
+	*/
+	allowOutdent?: boolean;
+
+	/** Specifies the mouse action whether single click or double click to begin the editing
+	*   @Default {ej.Gantt.BeginEditAction.DblClick}
+	*/
+	beginEditAction?: ej.Gantt.BeginEditAction|string;
+
+	/** Specifies the edit mode in Gantt, &quot;normal&quot; is for dialog editing ,&quot;cellEditing&quot; is for cell type editing
+	*   @Default {normal}
+	*/
+	editMode?: string;
+
+	/** Specifies the position where the new row has to be added.
+	*   @Default {ej.Gantt.RowPosition.BelowSelectedRow}
+	*/
+	rowPosition?: ej.Gantt.RowPosition|string;
+}
+
+export interface Holiday {
+
+	/** Specifies holiday date to be displayed in Gantt
+	*/
+	day?: string;
+
+	/** Specifies the background color for holiday date in Gantt Schedule
+	*/
+	background?: string;
+
+	/** Specifies the label to be displayed for rendered holiday in Gantt
+	*/
+	label?: string;
+}
+
+export interface ScheduleHeaderSettings {
+
+	/** Specified the format for day view in schedule header
+	*/
+	dayHeaderFormat?: string;
+
+	/** Specified the format for Hour view in schedule header
+	*   @Default {HH}
+	*/
+	hourHeaderFormat?: string;
+
+	/** Specifies the number of minutes per interval
+	*   @Default {ej.Gantt.minutesPerInterval.Auto}
+	*/
+	minutesPerInterval?: ej.Gantt.minutesPerInterval|string;
+
+	/** Specified the format for month view in schedule header
+	*   @Default {MMM}
+	*/
+	monthHeaderFormat?: string;
+
+	/** Specifies the schedule mode
+	*   @Default {ej.Gantt.ScheduleHeaderType.Week}
+	*/
+	scheduleHeaderType?: ej.Gantt.ScheduleHeaderType|string;
+
+	/** Specifies the round-off mode for the start date in schedule header.
+	*   @Default {ej.Gantt.TimescaleRoundMode.Auto}
+	*/
+	timescaleStartDateMode?: ej.Gantt.TimescaleRoundMode|string;
+
+	/** Specified the background for weekends in Gantt
+	*   @Default {#F2F2F2}
+	*/
+	weekendBackground?: string;
+
+	/** Specified the format for week view in schedule header
+	*   @Default {MMM dd , yyyy}
+	*/
+	weekHeaderFormat?: string;
+
+	/** Specified the format for year view in schedule header
+	*   @Default {yyyy}
+	*/
+	yearHeaderFormat?: string;
+
+	/** Specifies the size of the lowest time unit along the timescale, with minimum value as &quot;50%&quot; and maximum value as &quot;500%&quot;. It is also possible to set the value in pixels.
+	*   @Default {100%}
+	*/
+	timescaleUnitSize?: string;
+
+	/** Specifies the start day of the week in week timescale mode
+	*   @Default {0}
+	*/
+	weekStartDay?: number;
+}
+
+export interface SizeSettings {
+
+	/** Specifies the height of Gantt control
+	*/
+	height?: string;
+
+	/** Specifies the width of Gantt control
+	*/
+	width?: string;
+}
+
+export interface SelectedCellIndex {
+
+	/** Specifies the row index of the cell to be selected Gantt control
+	*/
+	rowIndex?: number;
+
+	/** Specifies the cell index to be selected in the row.
+	*   @Default { }
+	*/
+	cellIndex?: number;
+}
+
+export interface SortSettingsSortedColumn {
+
+	/** Specifies the field to be sorted in Gantt
+	*/
+	field?: string;
+
+	/** Specifies the sort direction in Gantt
+	*/
+	direction?: string;
+}
+
+export interface SortSettings {
+
+	/** Specifies the sorted columns for Gantt
+	*   @Default {[]}
+	*/
+	sortedColumns?: Array<SortSettingsSortedColumn>;
+}
+
+export interface StripLine {
+
+	/** Specifies date to render striplines in Gantt
+	*/
+	day?: string;
+
+	/** Specifies label to be displayed for striplines in Gantt
+	*/
+	label?: string;
+
+	/** Specifies line style for rendered striplines in Gantt
+	*/
+	lineStyle?: string;
+
+	/** Specifies the line color for rendered striplines in Gantt
+	*/
+	lineColor?: string;
+
+	/** Specifies the width of the stripline in Gantt
+	*/
+	lineWidth?: string;
+}
+
+export interface ToolbarSettingsCustomToolbarItem {
+
+	/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
+	*/
+	text?: string;
+
+	/** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to Gantt toolbar.
+	*/
+	templateID?: string;
+
+	/** Allows the user to display custom tooltip text for Gantt custom toolbar items.
+	*/
+	tooltipText?: string;
+}
+
+export interface ToolbarSettings {
+
+	/** Specifies the state of enabling or disabling toolbar
+	*   @Default {true}
+	*/
+	showToolbar?: boolean;
+
+	/** Specifies the list of toolbar items to be rendered in Gantt toolbar
+	*   @Default {[]}
+	*/
+	toolbarItems?: Array<any>;
+
+	/** Allows the user to insert custom toolbar items.
+	*/
+	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
+}
+
+enum DurationUnit{
+
+	///Sets the Duration Unit as day.
+	Day,
+
+	///Sets the Duration Unit as hour.
+	Hour,
+
+	///Sets the Duration Unit as minute.
+	Minute
+}
+
+
+enum BeginEditAction{
+
+	///you can begin the editing at double click
+	DblClick,
+
+	///you can begin the editing at single click
+	Click
+}
+
+
+enum RowPosition{
+
+	///you can add a new row at top.
+	Top,
+
+	///you can add a new row at bottom.
+	Bottom,
+
+	///you can add a new row to above selected row.
+	AboveSelectedRow,
+
+	///you can add a new row to below selected row.
+	BelowSelectedRow,
+
+	///you can add a new row as a child for selected row.
+	Child
+}
+
+
+enum TaskType{
+
+	///Resource unit remains constant while editing the work and duration values.
+	FixedUnit,
+
+	///Work value of a task remains constant while editing duration and resource unit values.
+	FixedWork,
+
+	///Duration value remains constant while editing work and resource unit values.
+	FixedDuration
+}
+
+
+enum WorkUnit{
+
+	///Displays the work involved in a task in days.
+	Day,
+
+	///Displays the work involved in a task in hours.
+	Hour,
+
+	///Displays the work involved in a task in minutes
+	Minute
+}
+
+
+enum TaskSchedulingMode{
+
+	///All the tasks in the project will be displayed in auto scheduled mode, where the tasks are scheduled automatically over non-working days and holidays.
+	Auto,
+
+	///All the tasks in the project will be displayed in manually scheduled mode.
+	Manual,
+
+	///Project consists of tasks with both auto and manually scheduled modes, based on the datasource values
+	Custom
+}
+
+
+enum SelectionType{
+
+	///you can select a single row.
+	Single,
+
+	///you can select a multiple row.
+	Multiple
+}
+
+
+enum minutesPerInterval{
+
+	///Sets the interval automatically according with schedule start and end date.
+	Auto,
+
+	///Sets one minute intervals per hour.
+	OneMinute,
+
+	///Sets Five minute intervals per hour.
+	FiveMinutes,
+
+	///Sets fifteen minute intervals per hour.
+	FifteenMinutes,
+
+	///Sets thirty minute intervals per hour.
+	ThirtyMinutes
+}
+
+
+enum ScheduleHeaderType{
+
+	///Sets year Schedule Mode.
+	Year,
+
+	///Sets month Schedule Mode.
+	Month,
+
+	///Sets week Schedule Mode.
+	Week,
+
+	///Sets day Schedule Mode.
+	Day,
+
+	///Sets hour Schedule Mode.
+	Hour
+}
+
+
+enum TimescaleRoundMode{
+
+	///The round-off value will be automatically calculated based on the data source values.
+	Auto,
+
+	///Schedule header start date will round-off to the immediate week.
+	Week,
+
+	///Schedule headers start date will round off to the immediate month
+	Month,
+
+	///Schedule headers start date will round off to the immediate year
+	Year
+}
+
+
+enum SelectionMode{
+
+	///you can select a row.
+	Row,
+
+	///you can select a cell.
+	Cell
+}
+
+
+enum workingTimeScale{
+
+	///Sets eight hour timescale.
+	TimeScale8Hours,
+
+	///Sets twenty four hour timescale.
+	TimeScale24Hours
+}
+
+}
+
+class ReportViewer extends ej.Widget {
+	static fn: ReportViewer;
+	constructor(element: JQuery, options?: ReportViewer.Model);
+	constructor(element: Element, options?: ReportViewer.Model);
+	static Locale: any;
+	model:ReportViewer.Model;
+	defaults:ReportViewer.Model;
+
+	/** Export the report to the specified format.
+	*   @returns {void}
+	*/
+	exportReport(): void;
+
+	/** Fit the report page to the container.
+	*   @returns {void}
+	*/
+	fitToPage(): void;
+
+	/** Fit the report page height to the container.
+	*   @returns {void}
+	*/
+	fitToPageHeight(): void;
+
+	/** Fit the report page width to the container.
+	*   @returns {void}
+	*/
+	fitToPageWidth(): void;
+
+	/** Get the available datasets name of the rdlc report.
+	*   @returns {void}
+	*/
+	getDataSetNames(): void;
+
+	/** Get the available parameters of the report.
+	*   @returns {void}
+	*/
+	getParameters(): void;
+
+	/** Navigate to first page of report.
+	*   @returns {void}
+	*/
+	gotoFirstPage(): void;
+
+	/** Navigate to last page of the report.
+	*   @returns {void}
+	*/
+	gotoLastPage(): void;
+
+	/** Navigate to next page from the current page.
+	*   @returns {void}
+	*/
+	gotoNextPage(): void;
+
+	/** Go to specific page index of the report.
+	*   @returns {void}
+	*/
+	gotoPageIndex(): void;
+
+	/** Navigate to previous page from the current page.
+	*   @returns {void}
+	*/
+	gotoPreviousPage(): void;
+
+	/** Print the report.
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Apply print layout to the report.
+	*   @returns {void}
+	*/
+	printLayout(): void;
+
+	/** Refresh the report.
+	*   @returns {void}
+	*/
+	refresh(): void;
+}
+export module ReportViewer{
+
+export interface Model {
+
+	/** Gets or sets the list of data sources for the RDLC report.
+	*   @Default {[]}
+	*/
+	dataSources?: Array<DataSource>;
+
+	/** Enables or disables the page cache of report.
+	*   @Default {false}
+	*/
+	enablePageCache?: Boolean;
+
+	/** Specifies the export settings.
+	*/
+	exportSettings?: ExportSettings;
+
+	/** When set to true, adapts the report layout to fit the screen size of devices on which it renders.
+	*   @Default {true}
+	*/
+	isResponsive?: Boolean;
+
+	/** Specifies the locale for report viewer.
+	*   @Default {en-US}
+	*/
+	locale?: String;
+
+	/** Specifies the page settings.
+	*/
+	pageSettings?: PageSettings;
+
+	/** Gets or sets the list of parameters associated with the report.
+	*   @Default {[]}
+	*/
+	parameters?: Array<Parameter>;
+
+	/** Enables and disables the print mode.
+	*   @Default {false}
+	*/
+	printMode?: Boolean;
+
+	/** Specifies the print option of the report.
+	*   @Default {ej.ReportViewer.PrintOptions.Default}
+	*/
+	printOptions?: ej.ReportViewer.PrintOptions|string;
+
+	/** Specifies the processing mode of the report.
+	*   @Default {ej.ReportViewer.ProcessingMode.Remote}
+	*/
+	processingMode?: ej.ReportViewer.ProcessingMode|string;
+
+	/** Specifies the render layout.
+	*   @Default {ej.ReportViewer.RenderMode.Default}
+	*/
+	renderMode?: ej.ReportViewer.RenderMode|string;
+
+	/** Gets or sets the path of the report file.
+	*   @Default {empty}
+	*/
+	reportPath?: String;
+
+	/** Gets or sets the reports server URL.
+	*   @Default {empty}
+	*/
+	reportServerUrl?: String;
+
+	/** Specifies the report Web API service URL.
+	*   @Default {empty}
+	*/
+	reportServiceUrl?: String;
+
+	/** Specifies the toolbar settings.
+	*/
+	toolbarSettings?: ToolbarSettings;
+
+	/** Gets or sets the zoom factor for report viewer.
+	*   @Default {1}
+	*/
+	zoomFactor?: Number;
+
+	/** Fires when the report viewer is destroyed successfully.If you want to perform any operation after destroying the reportviewer control,you can make use of the destroy event. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires during drill through action done in report.If you want to perform any operation when a drill through action is performed, you can make use of the drillThrough event. */
+	drillThrough? (e: DrillThroughEventArgs): void;
+
+	/** Fires before report rendering is completed.If you want to perform any operation before the rendering of report,you can make use of the renderingBegin event. */
+	renderingBegin? (e: RenderingBeginEventArgs): void;
+
+	/** Fires after report rendering completed.If you want to perform any operation after the rendering of report,you can make use of this renderingComplete event. */
+	renderingComplete? (e: RenderingCompleteEventArgs): void;
+
+	/** Fires when any error occurred while rendering the report.If you want to perform any operation when an error occurs in the report, you can make use of the reportError event. */
+	reportError? (e: ReportErrorEventArgs): void;
+
+	/** Fires when the report is being exported.If you want to perform any operation before exporting of report, you can make use of the reportExport event. */
+	reportExport? (e: ReportExportEventArgs): void;
+
+	/** Fires when the report is loaded.If you want to perform any operation after the successful loading of report, you can make use of the reportLoaded event. */
+	reportLoaded? (e: ReportLoadedEventArgs): void;
+
+	/** Fires when click the View Report Button. */
+	viewReportClick? (e: ViewReportClickEventArgs): void;
+}
+
+export interface DestroyEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DrillThroughEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the actionInfo's parameters bookmarkLink, hyperLink, reportName, parameters.
+	*/
+	actionInfo?: any;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderingBeginEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RenderingCompleteEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the collection of parameters.
+	*/
+	reportParameters?: any;
+}
+
+export interface ReportErrorEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the error details.
+	*/
+	error?: string;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ReportExportEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ReportLoadedEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ViewReportClickEventArgs {
+
+	/** true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the parameter collection.
+	*/
+	parameters?: any;
+
+	/** returns the report model.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DataSource {
+
+	/** Gets or sets the name of the data source.
+	*   @Default {empty}
+	*/
+	name?: String;
+
+	/** Gets or sets the values of data source.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface ExportSettings {
+
+	/** Specifies the export formats.
+	*   @Default {ej.ReportViewer.ExportOptions.All}
+	*/
+	exportOptions?: ej.ReportViewer.ExportOptions|string;
+
+	/** Specifies the excel export format.
+	*   @Default {ej.ReportViewer.ExcelFormats.Excel97to2003}
+	*/
+	excelFormat?: ej.ReportViewer.ExcelFormats|string;
+
+	/** Specifies the word export format.
+	*   @Default {ej.ReportViewer.WordFormats.Doc}
+	*/
+	wordFormat?: ej.ReportViewer.WordFormats|string;
+}
+
+export interface PageSettings {
+
+	/** Specifies the print layout orientation.
+	*   @Default {null}
+	*/
+	orientation?: ej.ReportViewer.Orientation|string;
+
+	/** Specifies the paper size of print layout.
+	*   @Default {null}
+	*/
+	paperSize?: ej.ReportViewer.PaperSize|string;
+}
+
+export interface Parameter {
+
+	/** Gets or sets the parameter labels.
+	*   @Default {null}
+	*/
+	labels?: Array<any>;
+
+	/** Gets or sets the name of the parameter.
+	*   @Default {empty}
+	*/
+	name?: String;
+
+	/** Gets or sets whether the parameter allows nullable value or not.
+	*   @Default {false}
+	*/
+	nullable?: Boolean;
+
+	/** Gets or sets the prompt message associated with the specified parameter.
+	*   @Default {empty}
+	*/
+	prompt?: String;
+
+	/** Gets or sets the parameter values.
+	*   @Default {[]}
+	*/
+	values?: Array<any>;
+}
+
+export interface ToolbarSettings {
+
+	/** Fires when user click on toolbar item in the toolbar.
+	*   @Default {empty}
+	*/
+	click?: String;
+
+	/** Specifies the toolbar items.
+	*   @Default {ej.ReportViewer.ToolbarItems.All}
+	*/
+	items?: ej.ReportViewer.ToolbarItems|string;
+
+	/** Shows or hides the toolbar.
+	*   @Default {true}
+	*/
+	showToolbar?: Boolean;
+
+	/** Shows or hides the tooltip of toolbar items.
+	*   @Default {true}
+	*/
+	showTooltip?: Boolean;
+
+	/** Specifies the toolbar template ID.
+	*   @Default {empty}
+	*/
+	templateId?: String;
+}
+
+enum ExportOptions{
+
+	///Specifies the All property in ExportOptions to get all available options.
+	All,
+
+	///Specifies the PDF property in ExportOptions to get PDF option.
+	PDF,
+
+	///Specifies the Word property in ExportOptions to get Word option.
+	Word,
+
+	///Specifies the Excel property in ExportOptions to get Excel option.
+	Excel,
+
+	///Specifies the HTML property in ExportOptions to get HTML option.
+	HTML
+}
+
+
+enum ExcelFormats{
+
+	///Specifies the Excel97to2003 property in ExcelFormats to get specified version of exported format.
+	Excel97to2003,
+
+	///Specifies the Excel2007 property in ExcelFormats to get specified version of exported format.
+	Excel2007,
+
+	///Specifies the Excel2010 property in ExcelFormats to get specified version of exported format.
+	Excel2010,
+
+	///Specifies the Excel2013 property in ExcelFormats to get specified version of exported format.
+	Excel2013
+}
+
+
+enum WordFormats{
+
+	///Specifies the Doc property in WordFormats to get specified version of exported format.
+	Doc,
+
+	///Specifies the Dot property in WordFormats to get specified version of exported format.
+	Dot,
+
+	///Specifies the DOCX property in WordFormats to get specified version of exported format.
+	DOCX,
+
+	///Specifies the Word2007 property in WordFormats to get specified version of exported format.
+	Word2007,
+
+	///Specifies the Word2010 property in WordFormats to get specified version of exported format.
+	Word2010,
+
+	///Specifies the Word2013 property in WordFormats to get specified version of exported format.
+	Word2013,
+
+	///Specifies the Word2007Dotx property in WordFormats to get specified version of exported format.
+	Word2007Dotx,
+
+	///Specifies the Word2010Dotx property in WordFormats to get specified version of exported format.
+	Word2010Dotx,
+
+	///Specifies the Word2013Dotx property in WordFormats to get specified version of exported format.
+	Word2013Dotx,
+
+	///Specifies the Word2007Docm property in WordFormats to get specified version of exported format.
+	Word2007Docm,
+
+	///Specifies the Word2010Docm property in WordFormats to get specified version of exported format.
+	Word2010Docm,
+
+	///Specifies the Word2013Docm property in WordFormats to get specified version of exported format.
+	Word2013Docm,
+
+	///Specifies the Word2007Dotm property in WordFormats to get specified version of exported format.
+	Word2007Dotm,
+
+	///Specifies the Word2010Dotm property in WordFormats to get specified version of exported format.
+	Word2010Dotm,
+
+	///Specifies the Word2013Dotm property in WordFormats to get specified version of exported format.
+	Word2013Dotm,
+
+	///Specifies the RTF property in WordFormats to get specified version of exported format.
+	RTF,
+
+	///Specifies the Txt property in WordFormats to get specified version of exported format.
+	Txt,
+
+	///Specifies the EPUB property in WordFormats to get specified version of exported format.
+	EPUB,
+
+	///Specifies the HTML property in WordFormats to get specified version of exported format.
+	HTML,
+
+	///Specifies the XML property in WordFormats to get specified version of exported format.
+	XML,
+
+	///Specifies the Automatic property in WordFormats to get specified version of exported format.
+	Automatic
+}
+
+
+enum Orientation{
+
+	///Specifies the Landscape property in pageSettings.orientation to get specified layout.
+	Landscape,
+
+	///Specifies the portrait property in pageSettings.orientation to get specified layout.
+	Portrait
+}
+
+
+enum PaperSize{
+
+	///Specifies the A3 as value in pageSettings.paperSize to get specified size.
+	A3,
+
+	///Specifies the A4 as value in pageSettings.paperSize to get specified size.
+	Portrait,
+
+	///Specifies the B4(JIS) as value in pageSettings.paperSize to get specified size.
+	B4_JIS,
+
+	///Specifies the B5(JIS) as value in pageSettings.paperSize to get specified size.
+	B5_JIS,
+
+	///Specifies the Envelope #10 as value in pageSettings.paperSize to get specified size.
+	Envelope_10,
+
+	///Specifies the Envelope as value in pageSettings.paperSize to get specified size.
+	Envelope_Monarch,
+
+	///Specifies the Executive as value in pageSettings.paperSize to get specified size.
+	Executive,
+
+	///Specifies the Legal as value in pageSettings.paperSize to get specified size.
+	Legal,
+
+	///Specifies the Letter as value in pageSettings.paperSize to get specified size.
+	Letter,
+
+	///Specifies the Tabloid as value in pageSettings.paperSize to get specified size.
+	Tabloid,
+
+	///Specifies the Custom as value in pageSettings.paperSize to get specified size.
+	Custom
+}
+
+
+enum PrintOptions{
+
+	///Specifies the Default property in printOptions.
+	Default,
+
+	///Specifies the NewTab property in printOptions.
+	NewTab,
+
+	///Specifies the None property in printOptions.
+	None
+}
+
+
+enum ProcessingMode{
+
+	///Specifies the Remote property in processingMode.
+	Remote,
+
+	///Specifies the Local property in processingMode.
+	Local
+}
+
+
+enum RenderMode{
+
+	///Specifies the Default property in RenderMode to get default output.
+	Default,
+
+	///Specifies the Mobile property in RenderMode to get specified output.
+	Mobile,
+
+	///Specifies the Desktop property in RenderMode to get specified output.
+	Desktop
+}
+
+
+enum ToolbarItems{
+
+	///Specifies the Print as value in ToolbarItems to get specified item.
+	Print,
+
+	///Specifies the Refresh as value in ToolbarItems to get specified item.
+	Refresh,
+
+	///Specifies the Zoom as value in ToolbarItems to get specified item.
+	Zoom,
+
+	///Specifies the FittoPage as value in ToolbarItems to get specified item.
+	FittoPage,
+
+	///Specifies the Export as value in ToolbarItems to get specified item.
+	Export,
+
+	///Specifies the PageNavigation as value in ToolbarItems to get specified item.
+	PageNavigation,
+
+	///Specifies the Parameters as value in ToolbarItems to get specified item.
+	Parameters,
+
+	///Specifies the PrintLayout as value in ToolbarItems to get specified item.
+	PrintLayout,
+
+	///Specifies the PageSetup as value in ToolbarItems to get specified item.
+	PageSetup
+}
+
+}
+
+class TreeGrid extends ej.Widget {
+	static fn: TreeGrid;
+	constructor(element: JQuery, options?: TreeGrid.Model);
+	constructor(element: Element, options?: TreeGrid.Model);
+	static Locale: any;
+	model:TreeGrid.Model;
+	defaults:TreeGrid.Model;
+
+	/** Add a new row in TreeGrid, while allowAdding is set to true
+	*   @param {any} Item to add in TreeGrid row.
+	*   @param {string} Defines in which position the row wants to be added
+	*   @returns {void}
+	*/
+	addRow(data: any, rowPosition: string): void;
+
+	/** To clear all the selection in TreeGrid
+	*   @param {number} you can pass a row index to clear the row selection.
+	*   @returns {void}
+	*/
+	clearSelection(index: number): void;
+
+	/** To select cell based on the cell and row index dynamically.
+	*   @param {Array<any>} array of cell indexes to be select
+	*   @param {boolean} Defines that we need to preserve the previously selected cells or not
+	*   @returns {void}
+	*/
+	selectCells(Indexes: Array<any>, preservePreviousSelectedCell: boolean): void;
+
+	/** To rename a column with the specified name
+	*   @param {number} Index of the column to be renamed
+	*   @param {string} Header text of the column 
+	*   @returns {void}
+	*/
+	renameColumn(columnIndex: number, name: string): void;
+
+	/** To delete the specified column
+	*   @param {number} Index of the column to be deleted
+	*   @returns {void}
+	*/
+	deleteColumn(columnIndex: number): void;
+
+	/** To collapse all the parent items in tree grid
+	*   @returns {void}
+	*/
+	collapseAll(): void;
+
+	/** To hide the column by using header text
+	*   @param {string} you can pass a header text of a column to hide.
+	*   @returns {void}
+	*/
+	hideColumn(headerText: string): void;
+
+	/** Expands the records at specific hierarchical level
+	*   @param {number} you can pass the level as index number to expand
+	*   @returns {void}
+	*/
+	expandAtLevel(index: number): void;
+
+	/** Collapses the records at specific hierarchical level
+	*   @param {number} you can pass the particular level as index.
+	*   @returns {void}
+	*/
+	collapseAtLevel(index: number): void;
+
+	/** To refresh the changes in tree grid
+	*   @param {Array<any>} Pass which data source you want to show in tree grid
+	*   @param {any} Pass which data you want to show in tree grid
+	*   @returns {void}
+	*/
+	refresh(dataSource: Array<any>, query: any): void;
+
+	/** Freeze all the columns preceding to the column specified by the field name.
+	*   @param {string} Freeze all Columns before this field column.
+	*   @returns {void}
+	*/
+	freezePrecedingColumns(field: string): void;
+
+	/** Freeze/unfreeze the specified column.
+	*   @param {string} Freeze/Unfreeze this field column.
+	*   @param {boolean} Decides to Freeze/Unfreeze this field column.
+	*   @returns {void}
+	*/
+	freezeColumn(field: string, isFrozen: boolean): void;
+
+	/** To save the edited cell in TreeGrid
+	*   @returns {void}
+	*/
+	saveCell(): void;
+
+	/** To show the column by using header text
+	*   @param {string} you can pass a header text of a column to show.
+	*   @returns {void}
+	*/
+	showColumn(headerText: string): void;
+
+	/** To sorting the data based on the particular fields
+	*   @param {string} you can pass a name of column to sort.
+	*   @param {string} you can pass a sort direction to sort the column.
+	*   @returns {void}
+	*/
+	sortColumn(fieldName: string, columnSortDirection: string): void;
+
+	/** To reorder the column with field name and target index values
+	*   @param {string} you can pass a name of column to reorder.
+	*   @param {string} you can pass a target column index to be inserted.
+	*   @returns {void}
+	*/
+	reorderColumn(fieldName: string, targetIndex: string): void;
+}
+export module TreeGrid{
+
+export interface Model {
+
+	/** Enables or disables the ability to resize the column width interactively.
+	*   @Default {false}
+	*/
+	allowColumnResize?: boolean;
+
+	/** Enables or disables the option for column reordering
+	*   @Default {false}
+	*/
+	allowColumnReordering?: boolean;
+
+	/** Enables or disables the ability to drag and drop the row interactively to reorder the rows.
+	*   @Default {false}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Enables or disables the ability to filter the data on all the columns. Enabling this property will display a row with editor controls corresponding to each column. You can restrict filtering on particular column by disabling this property directly on that column instance itself.
+	*   @Default {false}
+	*/
+	allowFiltering?: boolean;
+
+	/** Enables or disables keyboard navigation.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Enables or disables the ability to sort the rows based on multiple columns/fields by clicking on each column header. Rows will be sorted recursively on clicking the column headers.
+	*   @Default {false}
+	*/
+	allowMultiSorting?: boolean;
+
+	/** Enables or disables the ability to select a row interactively.
+	*   @Default {true}
+	*/
+	allowSelection?: boolean;
+
+	/** Enables or disables the ability to sort the rows based on a single field/column by clicking on that column header. When enabled, rows can be sorted only by single field/column.
+	*   @Default {false}
+	*/
+	allowSorting?: boolean;
+
+	/** Enables/disables pagination of rows in TreeGrid
+	*   @Default {false}
+	*/
+	allowPaging?: boolean;
+
+	/** Specifies the id of the template that has to be applied for alternate rows.
+	*/
+	altRowTemplateID?: string;
+
+	/** Specifies the mapping property path for the expand status of a record in data source.
+	*/
+	expandStateMapping?: string;
+
+	/** Specifies the mapping property path for sub tasks in datasource
+	*/
+	childMapping?: string;
+
+	/** Option for adding columns; each column has the option to bind to a field in the dataSource.
+	*/
+	columns?: Array<Column>;
+
+	/** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
+	*   @Default {[]}
+	*/
+	columnDialogFields?: Array<any>;
+
+	/** Options for displaying and customizing context menu items.
+	*/
+	contextMenuSettings?: ContextMenuSettings;
+
+	/** Specify the CSS class for TreeGrid to achieve custom theme.
+	*/
+	cssClass?: string;
+
+	/** Specifies hierarchical or self-referential data to populate the TreeGrid.
+	*   @Default {null}
+	*/
+	dataSource?: Array<any>;
+
+	/** Specifies whether to wrap the header text when it is overflown i.e., when it exceeds the header width.
+	*   @Default {ej.TreeGrid.HeaderTextOverflow.None}
+	*/
+	headerTextOverflow?: ej.TreeGrid.HeaderTextOverflow|string;
+
+	/** Options for displaying and customizing the tooltip. This tooltip will show the preview of the row that is being dragged.
+	*/
+	dragTooltip?: DragTooltip;
+
+	/** Options for enabling and configuring the editing related operations.
+	*/
+	editSettings?: EditSettings;
+
+	/** Specifies whether to render alternate rows in different background colors.
+	*   @Default {true}
+	*/
+	enableAltRow?: boolean;
+
+	/** Specifies whether to load all the rows in collapsed state when the TreeGrid is rendered for the first time.
+	*   @Default {false}
+	*/
+	enableCollapseAll?: boolean;
+
+	/** Specifies whether to resize TreeGrid whenever window size changes.
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Specifies whether to render only the visual elements that are visible in the UI. When you enable this property, it will reduce the loading time for loading large number of records.
+	*   @Default {false}
+	*/
+	enableVirtualization?: boolean;
+
+	/** Specifies the settings for column resize
+	*/
+	columnResizeSettings?: ColumnResizeSettings;
+
+	/** Defines the common width for all the columns in TreeGrid
+	*   @Default {150}
+	*/
+	commonWidth?: number;
+
+	/** Options for filtering and customizing filter actions.
+	*/
+	filterSettings?: FilterSettings;
+
+	/** Specifies the localization information to customize the User Interface (UI) to support regional language and culture
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Enables or disables internal parsing of a row. When disabled this property, row will be displayed using the defined template without any internal event bindings.
+	*   @Default {true}
+	*/
+	parseRowTemplate?: boolean;
+
+	/** Specifies the name of the field in the dataSource, which contains the id of that row.
+	*/
+	idMapping?: string;
+
+	/** Enables or disables the responsiveness of TreeGrid
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies the name of the field in the dataSource, which contains the parent's id. This is necessary to form a parent-child hierarchy, if the dataSource contains self-referential data.
+	*/
+	parentIdMapping?: string;
+
+	/** Specifies the options for customizing the pager.
+	*/
+	pageSettings?: PageSettings;
+
+	/** Specifies the template for cell tooltip
+	*   @Default {null}
+	*/
+	cellTooltipTemplate?: string;
+
+	/** Specifies ej.Query to select data from the dataSource. This property is applicable only when the dataSource is ej.DataManager.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Specifies the height of a single row in tree grid. Also, we need to set same height in the CSS style with class name e-rowcell.
+	*   @Default {30}
+	*/
+	rowHeight?: number;
+
+	/** Specifies the id of the template to be applied for all the rows.
+	*/
+	rowTemplateID?: string;
+
+	/** Specifies the index of the selected row.
+	*   @Default {-1}
+	*/
+	selectedRowIndex?: number;
+
+	/** Specifies the selected cell information on rendering TreeGrid.
+	*/
+	selectedCellIndexes?: Array<SelectedCellIndex>;
+
+	/** Specifies the settings for row and cell selection.
+	*/
+	selectionSettings?: SelectionSettings;
+
+	/** Enables/disables the options for inserting , deleting and renaming  columns.
+	*   @Default {false}
+	*/
+	showColumnOptions?: boolean;
+
+	/** Controls the visibility of the menu button, which is displayed on the column header. Clicking on this button will show a popup menu. When you choose Columns item from this popup, a list box with column names will be shown, from which you can select/deselect a column name to control the visibility of the respective columns.
+	*   @Default {false}
+	*/
+	showColumnChooser?: boolean;
+
+	/** Specifies the visibility of details view
+	*   @Default {false}
+	*/
+	showDetailsRow?: boolean;
+
+	/** Specifies the visibility of the expander column which is used to expand or collapse the details view
+	*   @Default {false}
+	*/
+	showDetailsRowInfoColumn?: boolean;
+
+	/** Specifies the template for details view
+	*/
+	detailsTemplate?: string;
+
+	/** Specifies the row height of the details view
+	*   @Default {100}
+	*/
+	detailsRowHeight?: number;
+
+	/** Specifies the visibility of summary row
+	*   @Default {false}
+	*/
+	showSummaryRow?: boolean;
+
+	/** Specifies the visibility of total summary row for the corresponding summary column
+	*   @Default {false}
+	*/
+	showTotalSummary?: boolean;
+
+	/** Specifies the summary row collection object to be displayed
+	*   @Default {[]}
+	*/
+	summaryRows?: Array<SummaryRow>;
+
+	/** Specifies whether to show tooltip when mouse is hovered on the cell.
+	*   @Default {true}
+	*/
+	showGridCellTooltip?: boolean;
+
+	/** Specifies whether to show tooltip for the cells, which has expander button.
+	*   @Default {true}
+	*/
+	showGridExpandCellTooltip?: boolean;
+
+	/** Options for setting width and height for TreeGrid.
+	*/
+	sizeSettings?: SizeSettings;
+
+	/** Options for sorting the rows.
+	*/
+	sortSettings?: SortSettings;
+
+	/** Options for displaying and customizing the toolbar items.
+	*/
+	toolbarSettings?: ToolbarSettings;
+
+	/** Specifies the index of the column that needs to have the expander button. By default, cells in the first column contain the expander button.
+	*   @Default {0}
+	*/
+	treeColumnIndex?: number;
+
+	/** Triggered before every success event of TreeGrid action. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggered for every TreeGrid action success event. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggered before the printing initiated in TreeGrid. */
+	beforePrint? (e: BeforePrintEventArgs): void;
+
+	/** Triggered while enter the edit mode in the TreeGrid cell */
+	beginEdit? (e: BeginEditEventArgs): void;
+
+	/** Triggered after collapsed the TreeGrid record */
+	collapsed? (e: CollapsedEventArgs): void;
+
+	/** Triggered while collapsing the TreeGrid record */
+	collapsing? (e: CollapsingEventArgs): void;
+
+	/** Triggered while clicking a row, even when allowSelection property is disabled. */
+	recordClick? (e: RecordClickEventArgs): void;
+
+	/** Triggered  when you start to drag a column */
+	columnDragStart? (e: ColumnDragStartEventArgs): void;
+
+	/** Triggered while dragging a column */
+	columnDrag? (e: ColumnDragEventArgs): void;
+
+	/** Triggered when a column is dropped */
+	columnDrop? (e: ColumnDropEventArgs): void;
+
+	/** Triggered after a column resized */
+	columnResized? (e: ColumnResizedEventArgs): void;
+
+	/** Triggered while start to resize a column */
+	columnResizeStart? (e: ColumnResizeStartEventArgs): void;
+
+	/** Triggered when a column has been resized */
+	columnResizeEnd? (e: ColumnResizeEndEventArgs): void;
+
+	/** Triggered while Context Menu is rendered in TreeGrid control */
+	contextMenuOpen? (e: ContextMenuOpenEventArgs): void;
+
+	/** Triggered when TreeGrid is rendered completely */
+	create? (e: CreateEventArgs): void;
+
+	/** Triggered while rendering details template in TreeGrid */
+	detailsDataBound? (e: DetailsDataBoundEventArgs): void;
+
+	/** Triggered when details template pop-up is shown. */
+	detailsShown? (e: DetailsShownEventArgs): void;
+
+	/** Triggered when details template pop-up is hidden. */
+	detailsHidden? (e: DetailsHiddenEventArgs): void;
+
+	/** Triggered after saved the modified cellValue in TreeGrid */
+	endEdit? (e: EndEditEventArgs): void;
+
+	/** Triggered after expand the record */
+	expanded? (e: ExpandedEventArgs): void;
+
+	/** Triggered while expanding the TreeGrid record */
+	expanding? (e: ExpandingEventArgs): void;
+
+	/** Triggered while Treegrid is loaded */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggered while rendering each cell in the TreeGrid */
+	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+
+	/** Triggered while rendering each row */
+	rowDataBound? (e: RowDataBoundEventArgs): void;
+
+	/** Triggered while dragging a row in TreeGrid control */
+	rowDrag? (e: RowDragEventArgs): void;
+
+	/** Triggered while start to drag row in TreeGrid control */
+	rowDragStart? (e: RowDragStartEventArgs): void;
+
+	/** Triggered while drop a row in TreeGrid control */
+	rowDragStop? (e: RowDragStopEventArgs): void;
+
+	/** Triggered before selecting a cell */
+	cellSelecting? (e: CellSelectingEventArgs): void;
+
+	/** Triggered after selected a cell */
+	cellSelected? (e: CellSelectedEventArgs): void;
+
+	/** Triggered after the row is selected. */
+	rowSelected? (e: RowSelectedEventArgs): void;
+
+	/** Triggered before the row is going to be selected. */
+	rowSelecting? (e: RowSelectingEventArgs): void;
+
+	/** Triggered when toolbar item is clicked in TreeGrid. */
+	toolbarClick? (e: ToolbarClickEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current grouped column field name.
+	*/
+	columnName?: string;
+
+	/** Returns the TreeGrid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the direction of sorting ascending or descending.
+	*/
+	columnSortDirection?: string;
+
+	/** Returns the value of expanding parent element.
+	*/
+	keyValue?: string;
+
+	/** Returns the data or deleting element.
+	*/
+	data?: string;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the grid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the current grouped column field name.
+	*/
+	columnName?: string;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the direction of sorting ascending or descending
+	*/
+	columnSortDirection?: string;
+
+	/** Returns the value of searched element.
+	*/
+	keyValue?: string;
+
+	/** Returns the data of deleted element.
+	*/
+	data?: string;
+
+	/** Returns selected record index
+	*/
+	recordIndex?: number;
+}
+
+export interface BeforePrintEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the treegrid element which is going to be print
+	*/
+	element?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+}
+
+export interface BeginEditEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row element of editing cell.
+	*/
+	rowElement?: any;
+
+	/** Returns the Element of editing cell.
+	*/
+	cellElement?: any;
+
+	/** Returns the data of current cell record.
+	*/
+	data?: any;
+
+	/** Returns the column Index of cell belongs.
+	*/
+	columnIndex?: number;
+}
+
+export interface CollapsedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of collapsed record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of collapsed record..
+	*/
+	data?: any;
+
+	/** Returns Request Type.
+	*/
+	requestType?: string;
+
+	/** Returns state of a record whether it is in expanded or collapsed state.
+	*/
+	expanded?: boolean;
+
+	/** Returns the event type.
+	*/
+	type?: string;
+}
+
+export interface CollapsingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of collapsing record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of collapsing record..
+	*/
+	data?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns state of a record whether it is in expanded or collapsing state.
+	*/
+	expanded?: boolean;
+}
+
+export interface RecordClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the element of clicked cell.
+	*/
+	cell?: any;
+
+	/** Returns the index of the clicked cell.
+	*/
+	cellIndex?: number;
+
+	/** Returns the data of clicked cell.
+	*/
+	cellValue?: any;
+
+	/** Returns the element of the clicked row.
+	*/
+	row?: any;
+
+	/** Returns the index of the clicked row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the column name of the clicked cell.
+	*/
+	columnName?: string;
+}
+
+export interface ColumnDragStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the control model values.
+	*/
+	model?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns the column data which is dragged
+	*/
+	draggedColumn?: any;
+
+	/** Returns the index of the column being dragged
+	*/
+	draggedColumnIndex?: number;
+}
+
+export interface ColumnDragEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the control model values.
+	*/
+	model?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns the column data which is dragged
+	*/
+	draggedColumn?: any;
+
+	/** Returns the index of the column being dragged
+	*/
+	draggedColumnIndex?: number;
+
+	/** Returns the target column data
+	*/
+	targetColumn?: any;
+
+	/** Returns the index of the target column
+	*/
+	targetColumnIndex?: number;
+
+	/** Returns that we can drop over the column or not.
+	*/
+	canDrop?: boolean;
+}
+
+export interface ColumnDropEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the control model values.
+	*/
+	model?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns the column data which is dragged
+	*/
+	draggedColumn?: any;
+
+	/** Returns the index of the column being dragged
+	*/
+	draggedColumnIndex?: number;
+
+	/** Returns the target column data
+	*/
+	targetColumn?: any;
+
+	/** Returns the index of the target column
+	*/
+	targetColumnIndex?: number;
+}
+
+export interface ColumnResizedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the control model values.
+	*/
+	model?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns the column data which is resized
+	*/
+	column?: any;
+
+	/** Returns the index of the column being resized.
+	*/
+	columnIndex?: number;
+
+	/** Returns resized column width after resized.
+	*/
+	newWidth?: number;
+
+	/** Returns resized column width before resizing
+	*/
+	oldWidth?: number;
+}
+
+export interface ColumnResizeStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the control model values.
+	*/
+	model?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns the column data in which the resizing started
+	*/
+	column?: any;
+
+	/** Returns the column index in which the resizing started
+	*/
+	columnIndex?: number;
+
+	/** Returns column width before dragging
+	*/
+	oldWidth?: number;
+
+	/** Returns initial column element object.
+	*/
+	target?: any;
+}
+
+export interface ColumnResizeEndEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the control model values.
+	*/
+	model?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns the column data in which the resizing started
+	*/
+	column?: any;
+
+	/** Returns the column index in which the resizing started
+	*/
+	columnIndex?: number;
+
+	/** Returns the column width difference, before and after the resizing
+	*/
+	extra?: number;
+
+	/** Returns the new column width after resized
+	*/
+	newWidth?: number;
+
+	/** Returns column width before dragging
+	*/
+	oldWidth?: number;
+
+	/** Returns initial column element object.
+	*/
+	target?: any;
+}
+
+export interface ContextMenuOpenEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the default context menu items to which we add custom items.
+	*/
+	contextMenuItems?: Array<any>;
+
+	/** Returns the TreeGrid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the TreeGrid model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DetailsDataBoundEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data collection of selected row.
+	*/
+	data?: any;
+
+	/** Returns the details element of selected row.
+	*/
+	detailsElement?: any;
+
+	/** Returns the rowIndex of selected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the TreeGrid model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DetailsShownEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data collection of selected row.
+	*/
+	data?: any;
+
+	/** Returns the details element of selected row.
+	*/
+	detailsElement?: any;
+
+	/** Returns the rowIndex of selected row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the TreeGrid model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DetailsHiddenEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the TreeGrid model
+	*/
+	model?: any;
+
+	/** Returns the data collection of hidden details Template
+	*/
+	rowData?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface EndEditEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row element of editing cell.
+	*/
+	rowElement?: any;
+
+	/** Returns the Element of editing cell.
+	*/
+	cellElement?: any;
+
+	/** Returns the data of edited cell record.
+	*/
+	data?: any;
+
+	/** Returns the column name of edited cell belongs.
+	*/
+	columnName?: string;
+
+	/** Returns the column object of edited cell belongs.
+	*/
+	columnObject?: any;
+}
+
+export interface ExpandedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of expanded record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of expanded record..
+	*/
+	data?: any;
+
+	/** Returns Request Type.
+	*/
+	requestType?: string;
+
+	/** Returns state of a record whether it is in expanded or expanded state.
+	*/
+	expanded?: boolean;
+
+	/** Returns the event type.
+	*/
+	type?: string;
+}
+
+export interface ExpandingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row index of expanding record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of expanding record..
+	*/
+	data?: any;
+
+	/** Returns the event Type.
+	*/
+	type?: string;
+
+	/** Returns state of a record whether it is in expanded or collapsed state.
+	*/
+	expanded?: boolean;
+}
+
+export interface LoadEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the TreeGrid model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface QueryCellInfoEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selecting cell element.
+	*/
+	cellElement?: any;
+
+	/** Returns the value of cell.
+	*/
+	cellValue?: string;
+
+	/** Returns the data of current cell record.
+	*/
+	data?: any;
+
+	/** Returns the column of cell belongs.
+	*/
+	column?: any;
+}
+
+export interface RowDataBoundEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row element of rendering row.
+	*/
+	rowElement?: any;
+
+	/** Returns the data of rendering row record.
+	*/
+	data?: any;
+}
+
+export interface RowDragEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row which we start to drag.
+	*/
+	draggedRow?: any;
+
+	/** Returns the row index which we start to drag.
+	*/
+	draggedRowIndex?: number;
+
+	/** Returns the row on which we are dragging.
+	*/
+	targetRow?: any;
+
+	/** Returns the row index on which we are dragging.
+	*/
+	targetRowIndex?: number;
+
+	/** Returns that we can drop over that record or not.
+	*/
+	canDrop?: boolean;
+
+	/** Returns the TreeGrid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDragStartEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row which we start to drag.
+	*/
+	draggedRow?: any;
+
+	/** Returns the row index which we start to drag.
+	*/
+	draggedRowIndex?: boolean;
+
+	/** Returns the TreeGrid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface RowDragStopEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the row which we start to drag.
+	*/
+	draggedRow?: any;
+
+	/** Returns the row index which we start to drag.
+	*/
+	draggedRowIndex?: number;
+
+	/** Returns the row which we are dropped to row.
+	*/
+	targetRow?: any;
+
+	/** Returns the row index which we are dropped to row.
+	*/
+	targetRowIndex?: number;
+
+	/** Returns the TreeGrid model.
+	*/
+	model?: any;
+
+	/** Returns request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CellSelectingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cell index on the selection.
+	*/
+	cellIndex?: number;
+
+	/** Returns the row index on the selection
+	*/
+	rowIndex?: number;
+
+	/** Returns the selecting cell element
+	*/
+	targetCell?: any;
+
+	/** Returns the selecting row element
+	*/
+	targetRow?: any;
+
+	/** Returns the selecting record object
+	*/
+	data?: any;
+
+	/** Returns the Gantt object Model
+	*/
+	model?: any;
+}
+
+export interface CellSelectedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the cell index on the selection.
+	*/
+	cellIndex?: number;
+
+	/** Returns the row index on the selection
+	*/
+	rowIndex?: number;
+
+	/** Returns the selecting cell element
+	*/
+	targetCell?: any;
+
+	/** Returns the selecting row element
+	*/
+	targetRow?: any;
+
+	/** Returns the selecting record object
+	*/
+	data?: any;
+
+	/** Returns the Gantt object Model
+	*/
+	model?: any;
+
+	/** Returns the previously selected row data
+	*/
+	previousData?: any;
+
+	/** Returns the previously selected cell index
+	*/
+	previousCellIndex?: any;
+
+	/** Returns the previously selected row index
+	*/
+	previousRowIndex?: any;
+
+	/** Returns the previously selected cell element
+	*/
+	previousTargetCell?: any;
+
+	/** Returns the previously selected row element
+	*/
+	previousTargetRow?: any;
+}
+
+export interface RowSelectedEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the selecting row element.
+	*/
+	targetRow?: any;
+
+	/** Returns the index of selecting row record.
+	*/
+	recordIndex?: number;
+
+	/** Returns the data of selected record.
+	*/
+	data?: any;
+
+	/** Returns the event type.
+	*/
+	type?: string;
+}
+
+export interface RowSelectingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the data selecting record.
+	*/
+	data?: any;
+
+	/** Returns the index of selecting row record.
+	*/
+	recordIndex?: string;
+
+	/** Returns the selecting row element.
+	*/
+	targetRow?: any;
+
+	/** Returns the previous selected data.
+	*/
+	previousData?: any;
+
+	/** Returns the previous selected row index.
+	*/
+	previousIndex?: string;
+
+	/** Returns the previous selected row element.
+	*/
+	previousTreeGridRow?: any;
+}
+
+export interface ToolbarClickEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the current item.
+	*/
+	currentTarget?: any;
+
+	/** Returns the TreeGrid model.
+	*/
+	model?: any;
+
+	/** Returns the name of the toolbar item on which mouse click has been performed
+	*/
+	itemName?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface Column {
+
+	/** Enables or disables the ability to filter the rows based on this column.
+	*   @Default {false}
+	*/
+	allowFiltering?: boolean;
+
+	/** Enables the blanks option in ejDropDownList mapped in TreeGrid column
+	*   @Default {true}
+	*/
+	allowFilteringBlankContent?: boolean;
+
+	/** Enables or disables the ability to sort the rows based on this column/field.
+	*   @Default {false}
+	*/
+	allowSorting?: boolean;
+
+	/** Enables/disables cell selection.
+	*   @Default {false}
+	*/
+	allowCellSelection?: boolean;
+
+	/** To customize the ej controls defined in TreeGrid column with their native property.
+	*/
+	editParams?: any;
+
+	/** Specifies the edit type of the column.
+	*   @Default {ej.TreeGrid.EditingType.String}
+	*/
+	editType?: ej.TreeGrid.EditingType|string;
+
+	/** To bind the dropdown data for TreeGrid column mapped with ejDropDownList
+	*/
+	dropdownData?: string;
+
+	/** Specifies the name of the field from the dataSource to bind with this column.
+	*/
+	field?: string;
+
+	/** Specifies the template string of the script element to enable column template for a column.
+	*/
+	template?: string;
+
+	/** Specifies the template ID of the script element to enable column template for a column.
+	*/
+	templateID?: string;
+
+	/** Specifies the template ID or the template string of the AngularJS script element to enable column template for a column.
+	*/
+	angularTemplate?: string;
+
+	/** Specifies the type of the editor control to be used to filter the rows.
+	*   @Default {ej.TreeGrid.EditingType.String}
+	*/
+	filterEditType?: ej.TreeGrid.EditingType|string;
+
+	/** Header text of the column.
+	*   @Default {null}
+	*/
+	headerText?: string;
+
+	/** Gets or sets a value that indicates to display a column value as checkbox or string
+	*   @Default {false}
+	*/
+	displayAsCheckbox?: boolean;
+
+	/** Enables or disables the checkbox visibility in a column for checkbox selection.
+	*   @Default {false}
+	*/
+	showCheckbox?: boolean;
+
+	/** Controls the visibility of the column.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Gets or sets a value for treegrid column width
+	*/
+	width?: number;
+
+	/** Specifies the header template value for the column header
+	*/
+	headerTemplateID?: string;
+
+	/** Specifies the display format of a column
+	*   @Default {null}
+	*/
+	format?: any;
+
+	/** Specifies whether the column is a template column
+	*   @Default {false}
+	*/
+	isTemplateColumn?: boolean;
+
+	/** Specifies the alignment of the column header text
+	*   @Default {ej.TextAlign.Left}
+	*/
+	headerTextAlign?: ej.TextAlign|string;
+
+	/** Specifies whether the column is frozen
+	*   @Default {false}
+	*/
+	isFrozen?: boolean;
+
+	/** Specifies the text alignment for the column
+	*   @Default {ej.TextAlign.Left}
+	*/
+	textAlign?: ej.TextAlign|string;
+
+	/** Enables or disables the ability to edit a row or cell.
+	*   @Default {false}
+	*/
+	allowEditing?: boolean;
+
+	/** We can include or exclude particular column from column visibility list in column menu.
+	*   @Default {true}
+	*/
+	showInColumnChooser?: boolean;
+
+	/** Sets the clip mode for TreeGrid cell as ellipsis or clipped content(both header and content)
+	*   @Default {ej.TreeGrid.ClipMode.Clip}
+	*/
+	clipMode?: ej.TreeGrid.ClipMode|string;
+
+	/** Sets the tooltip template for the specific column.
+	*   @Default {null}
+	*/
+	tooltip?: string;
+
+	/** Sets the tooltip template for the column header
+	*   @Default {null}
+	*/
+	headerTooltip?: string;
+
+	/** specifies the conditions for saving data to the database while adding or editing the fields.
+	*/
+	validationRules?: any;
+
+	/** Enables or disables the ability to freeze/unfreeze the columns
+	*   @Default {false}
+	*/
+	allowFreezing?: boolean;
+}
+
+export interface ContextMenuSettings {
+
+	/** Option for adding items to context menu.
+	*   @Default {[]}
+	*/
+	contextMenuItems?: Array<any>;
+
+	/** Shows/hides the context menu.
+	*   @Default {false}
+	*/
+	showContextMenu?: boolean;
+}
+
+export interface DragTooltip {
+
+	/** Specifies whether to show tooltip while dragging a row.
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Option to add field names whose corresponding values in the dragged row needs to be shown in the preview tooltip.
+	*   @Default {[]}
+	*/
+	tooltipItems?: Array<any>;
+
+	/** Custom template for that tooltip that is shown while dragging a row.
+	*   @Default {null}
+	*/
+	tooltipTemplate?: string;
+}
+
+export interface EditSettings {
+
+	/** Enables or disables the button to add new row in context menu as well as in toolbar.
+	*   @Default {true}
+	*/
+	allowAdding?: boolean;
+
+	/** Enables or disables the button to delete the selected row in context menu as well as in toolbar.
+	*   @Default {true}
+	*/
+	allowDeleting?: boolean;
+
+	/** Enables or disables the ability to edit a row or cell.
+	*   @Default {false}
+	*/
+	allowEditing?: boolean;
+
+	/** Specifies the mouse action whether single click or double click to begin the editing
+	*   @Default {ej.TreeGrid.BeginEditAction.DblClick}
+	*/
+	beginEditAction?: ej.TreeGrid.BeginEditAction|string;
+
+	/** specifies the edit mode in TreeGrid , &quot;cellEditing&quot; is for cell type editing and &quot;rowEditing&quot; is for entire row.
+	*   @Default {ej.TreeGrid.EditMode.CellEditing}
+	*/
+	editMode?: ej.TreeGrid.EditMode|string;
+
+	/** Specifies the position where the new row has to be added.
+	*   @Default {top}
+	*/
+	rowPosition?: ej.TreeGrid.RowPosition|string;
+
+	/** Specifies the template ID for the custom dialog.
+	*   @Default {null}
+	*/
+	dialogEditorTemplateID?: string;
+}
+
+export interface ColumnResizeSettings {
+
+	/** Specifies the mode for column resizing
+	*   @Default {ej.TreeGrid.ColumnResizeMode.Normal}
+	*/
+	columnResizeMode?: ej.TreeGrid.ColumnResizeMode|string;
+}
+
+export interface FilterSettingsFilteredColumn {
+
+	/** Specifies the value to be filtered in TreeGrid.
+	*/
+	value?: string;
+
+	/** Specifies the field where filtering has to be performed.
+	*/
+	field?: string;
+
+	/** Specifies the predicate(and/or) value to perform filtering.
+	*/
+	predicate?: string;
+
+	/** Specifies the filter condition to filtered column. See operator
+	*/
+	operator?: string;
+}
+
+export interface FilterSettings {
+
+	/** Specifies the mode on which column filtering should start
+	*   @Default {immediate}
+	*/
+	filterBarMode?: string;
+
+	/** Specifies the type of column filtering.
+	*   @Default {ej.TreeGrid.FilterType.FilterBar}
+	*/
+	filterType?: ej.TreeGrid.FilterType|string;
+
+	/** Specifies the column collection for filtering the TreeGrid content on initial load
+	*   @Default {[]}
+	*/
+	filteredColumns?: Array<FilterSettingsFilteredColumn>;
+}
+
+export interface PageSettings {
+
+	/** Using this property we can specify the number of pages should pager contains, according to this count TreeGrid height will be updated.
+	*   @Default {8}
+	*/
+	pageCount?: number;
+
+	/** This specifies the number of rows to display in each page.
+	*   @Default {12}
+	*/
+	pageSize?: number;
+
+	/** Get the value of records which is bound to TreeGrid. The totalRecordsCount value is calculated based on the datasource bound to TreeGrid.
+	*   @Default {null}
+	*/
+	totalRecordsCount?: number;
+
+	/** Specifies the current page to display at load time.
+	*   @Default {1}
+	*/
+	currentPage?: number;
+
+	/** Specifies the mode of record count in a page, whether it should count all the records or the root to count zero level parent records.
+	*   @Default {ej.TreeGrid.PageSizeMode.All}
+	*/
+	pageSizeMode?: ej.TreeGrid.PageSizeMode|string;
+
+	/** Specifies the mode of printing the control, whether it should print the all the records or the current page content.
+	*   @Default {ej.TreeGrid.PrintMode.AllPages}
+	*/
+	printMode?: ej.TreeGrid.PrintMode|string;
+
+	/** Specifies the Custom template for Pager control.
+	*   @Default {null}
+	*/
+	template?: string;
+}
+
+export interface SelectedCellIndex {
+
+	/** Specifies the row index of the cell to be selected in TreeGrid control
+	*/
+	rowIndex?: number;
+
+	/** Specifies the cell index to be selected in the row.
+	*   @Default { }
+	*/
+	cellIndex?: number;
+}
+
+export interface SelectionSettings {
+
+	/** Specifies the type of selection whether to select row or cell.
+	*   @Default {ej.TreeGrid.SelectionMode.Row}
+	*/
+	selectionMode?: ej.TreeGrid.SelectionMode|string;
+
+	/** Specifies the type of selection whether single, multiple or checkbox.
+	*   @Default {ej.TreeGrid.SelectionType.Single}
+	*/
+	selectionType?: ej.TreeGrid.SelectionType|string;
+
+	/** Enables or disables the selection by hierarchy in check box selection
+	*   @Default {true}
+	*/
+	enableHierarchySelection?: boolean;
+
+	/** Toggles the visibility of the checkbox in column header, using which all the check boxes can be selected or unselected.
+	*   @Default {true}
+	*/
+	enableSelectAll?: boolean;
+}
+
+export interface SummaryRowsSummaryColumn {
+
+	/** Specifies the summary type to perform calculations in a corresponding summary column. See summaryType.
+	*/
+	summaryType?: ej.TreeGrid.SummaryType|string;
+
+	/** Specifies summary column used to perform the summary calculation.
+	*/
+	dataMember?: string;
+
+	/** Specifies the required column to display the summary.
+	*/
+	displayColumn?: string;
+
+	/** Specifies the text to be displayed before the summary column value.
+	*/
+	prefix?: string;
+
+	/** Specifies the text to be displayed after the summary column value.
+	*/
+	suffix?: string;
+
+	/** Specifies the format to be applied on the summary column value.
+	*/
+	format?: string;
+}
+
+export interface SummaryRow {
+
+	/** Specifies the title for summary row collection in TreeGrid
+	*/
+	title?: string;
+
+	/** Specifies the summary columns in the summary rows.
+	*/
+	summaryColumns?: Array<SummaryRowsSummaryColumn>;
+}
+
+export interface SizeSettings {
+
+	/** Height of the TreeGrid.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Width of the TreeGrid.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface SortSettingsSortedColumn {
+
+	/** Specifies the field to be sorted in TreeGrid
+	*/
+	field?: string;
+
+	/** Specifies the sort direction in TreeGrid
+	*/
+	direction?: string;
+}
+
+export interface SortSettings {
+
+	/** Option to add columns based on which the rows have to be sorted recursively.
+	*   @Default {[]}
+	*/
+	sortedColumns?: Array<SortSettingsSortedColumn>;
+}
+
+export interface ToolbarSettingsCustomToolbarItem {
+
+	/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
+	*/
+	text?: string;
+
+	/** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to TreeGrid toolbar.
+	*/
+	templateID?: string;
+
+	/** Allows the user to display custom tooltip text for TreeGrid custom toolbar items.
+	*/
+	tooltipText?: string;
+}
+
+export interface ToolbarSettings {
+
+	/** Shows/hides the toolbar.
+	*   @Default {false}
+	*/
+	showToolbar?: boolean;
+
+	/** Specifies the list of toolbar items to be rendered in TreeGrid toolbar
+	*   @Default {[]}
+	*/
+	toolbarItems?: Array<any>;
+
+	/** Allows the user to insert custom toolbar items.
+	*/
+	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
+}
+
+enum EditingType{
+
+	///It Specifies String edit type.
+	String,
+
+	///It Specifies Boolean edit type.
+	Boolean,
+
+	///It Specifies Numeric edit type.
+	Numeric,
+
+	///It Specifies Dropdown edit type.
+	Dropdown,
+
+	///It Specifies DatePicker edit type.
+	DatePicker,
+
+	///It Specifies DateTimePicker edit type.
+	DateTimePicker,
+
+	///It Specifies Maskedit edit type.
+	Maskedit
+}
+
+
+enum ClipMode{
+
+	///Shows ellipsis for the overflown cell.
+	Ellipsis,
+
+	///Truncate the text in the cell.
+	Clip
+}
+
+
+enum HeaderTextOverflow{
+
+	///You can disable the word wrap
+	None,
+
+	///You can wrap the header content
+	Wrap
+}
+
+
+enum BeginEditAction{
+
+	///you can begin the editing at double click
+	DblClick,
+
+	///you can begin the editing at single click
+	Click
+}
+
+
+enum EditMode{
+
+	///you can edit a cell.
+	CellEditing,
+
+	///you can edit a row.
+	RowEditing,
+
+	///you can edit a row in dialog form.
+	DialogEditing
+}
+
+
+enum RowPosition{
+
+	///you can add a new row at top.
+	Top,
+
+	///you can add a new row at bottom.
+	Bottom,
+
+	///you can add a new row to above selected row.
+	Above,
+
+	///you can add a new row to below selected row.
+	Below,
+
+	///you can add a new row as a child for selected row.
+	Child
+}
+
+
+enum ColumnResizeMode{
+
+	///At load time column are rendered with given width value, while resizing the column only current column width is changed
+	FixedColumns,
+
+	///At load time columns are stretched with control width,while resizing the column, current column width updated based on next column
+	Normal,
+
+	///In this mode columns are stretched with control width in load time and on resizing action.
+	NextColumn
+}
+
+
+enum FilterType{
+
+	///Enables the filterbar filtering
+	FilterBar,
+
+	///Enables the menu filtering
+	Menu
+}
+
+
+enum PageSizeMode{
+
+	///To count all the parent and child records.
+	All,
+
+	///To count the Zeroth level parent records.
+	Root
+}
+
+
+enum PrintMode{
+
+	///To print all the pages
+	AllPages,
+
+	///To print only the current page content.
+	CurrentPage
+}
+
+
+enum SelectionMode{
+
+	///you can select a row.
+	Row,
+
+	///you can select a cell.
+	Cell
+}
+
+
+enum SelectionType{
+
+	///you can select a single row.
+	Single,
+
+	///you can select a multiple row.
+	Multiple,
+
+	///you can select rows using checkbox.
+	Checkbox
+}
+
+
+enum SummaryType{
+
+	///Displays the sum of summary column
+	Sum,
+
+	///Displays the average of summary column
+	Average,
+
+	///Displays the maximum value of summary column
+	Maximum,
+
+	///Displays the minimum value of summary column
+	Minimum,
+
+	///Displays the total count of summary column
+	Count,
+
+	///Displays the minimum date value in summary column
+	MinimumDate,
+
+	///Displays the maximum date value in summary column
+	MaximumDate,
+
+	///Displays the true count value for boolean summary columns
+	TrueCount,
+
+	///Displays the false count value for boolean summary columns
+	FalseCount
+}
+
+}
+
+class GroupButton extends ej.Widget {
+	static fn: GroupButton;
+	constructor(element: JQuery, options?: GroupButton.Model);
+	constructor(element: Element, options?: GroupButton.Model);
+	static Locale: any;
+	model:GroupButton.Model;
+	defaults:GroupButton.Model;
+
+	/** Remove the selection state of the specified the button element from the GroupButton
+	*   @param {JQuery} Specific button element
+	*   @returns {void}
+	*/
+	deselectItem(element: JQuery): void;
+
+	/** Destroy the GroupButton widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the GroupButton control
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Disable the specified button element from the ejGroupButton control.
+	*   @param {JQuery} Specific button element
+	*   @returns {void}
+	*/
+	disableItem(element: JQuery): void;
+
+	/** Enables the disabled ejGroupButton control.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Enable the specified disabled button element from the ejGroupButton control.
+	*   @param {JQuery} Specific button element
+	*   @returns {void}
+	*/
+	enableItem(element: JQuery): void;
+
+	/** Returns the index value for specified button element in the GroupButton control.
+	*   @param {JQuery} Specific button element
+	*   @returns {number}
+	*/
+	getIndex(element: JQuery): number;
+
+	/** This method returns the list of active state button elements from the GroupButton control.
+	*   @returns {any}
+	*/
+	getSelectedItem(): any;
+
+	/** Hides the GroupButton control
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** Hide the specified button element from the ejGroupButton control.
+	*   @param {JQuery} Specific button element
+	*   @returns {void}
+	*/
+	hideItem(element: JQuery): void;
+
+	/** Returns the disabled state of the specified element button element in GroupButton as Boolean.
+	*   @returns {boolean}
+	*/
+	isDisabled(): boolean;
+
+	/** Returns the state of the specified button element as Boolean.
+	*   @returns {boolean}
+	*/
+	isSelected(): boolean;
+
+	/** Public method used to select the specified button element from the ejGroupButton control.
+	*   @param {JQuery} Specific button element
+	*   @returns {void}
+	*/
+	selectItem(element: JQuery): void;
+
+	/** Shows the GroupButton control, if its hide.
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** Show the specified hidden button element from the ejGroupButton control.
+	*   @param {JQuery} Specific button element
+	*   @returns {void}
+	*/
+	showItem(element: JQuery): void;
+}
+export module GroupButton{
+
+export interface Model {
+
+	/** Sets the specified class to GroupButton wrapper element, which allows for custom skinning option in ejGroupButton control.
+	*/
+	cssClass?: string;
+
+	/** To set the local JSON data, define a JSON array and initialize the GroupButton with dataSource property. Specify the column names in the fields property.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Displays the ejGroupButton in Right to Left direction.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Used to enable or disable the ejGroupButton control.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Gets or sets a value that indicates to display the values of the data.
+	*   @Default {null}
+	*/
+	fields?: any;
+
+	/** Sets the GroupButton behavior to works as Checkbox mode/ radio button mode based on the specified option.
+	*   @Default {ej.GroupButtonMode.RadioButton}
+	*/
+	groupButtonMode?: ej.GroupButtonMode | string;
+
+	/** Used to sets the height of the ejGroupButton control.
+	*   @Default {28}
+	*/
+	height?: string|number;
+
+	/** Defines the characteristics of the ejGroupButton control and extend the capability of an HTML element by adding specified attributes to element tag and by performing the related actions
+	*   @Default {{}}
+	*/
+	htmlAttributes?: any;
+
+	/** Specify the orientation of the GroupButton. See below to get available orientations
+	*   @Default {ej.Orientation.Horizontal}
+	*/
+	orientation?: ej.Orientation|string;
+
+	/** Query the dataSource from the table for Groupbutton
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Sets the list of button elements to be selected. To enable this option groupButtonMode should be in “checkbox” mode.
+	*   @Default {[]}
+	*/
+	selectedItemIndex?: number[]|string[];
+
+	/** Sets the rounder corner to the GroupButton, if sets as true.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Specifies the size of the button. See available size
+	*   @Default {ej.ButtonSize.Normal}
+	*/
+	size?: ej.ButtonSize|string;
+
+	/** Defines the width of the ejGroupButton control.
+	*/
+	width?: string|number;
+
+	/** Triggered before any button element in the GroupButton get selected. */
+	beforeSelect? (e: BeforeSelectEventArgs): void;
+
+	/** Fires after GroupButton control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when the GroupButton is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Triggered once the key is pressed, when the control is in focused state. */
+	keyPress? (e: KeyPressEventArgs): void;
+
+	/** Triggered when the button element get selected. */
+	select? (e: SelectEventArgs): void;
+}
+
+export interface BeforeSelectEventArgs {
+
+	/** Boolean value based on whether the button element is disabled or not.
+	*/
+	disabled?: boolean;
+
+	/** Returns the selection button element.
+	*/
+	element?: any;
+
+	/** Event object
+	*/
+	event?: any;
+
+	/** Return the button element ID.
+	*/
+	id?: string;
+
+	/** Button item index.
+	*/
+	index?: number;
+
+	/** returns the button model
+	*/
+	model?: ej.GroupButton.Model ;
+
+	/** Boolean value based on whether the button element is selected or not.
+	*/
+	selected?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the button state
+	*/
+	status?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the GroupButton model
+	*/
+	model?: ej.GroupButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the GroupButton model
+	*/
+	model?: ej.GroupButton.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface KeyPressEventArgs {
+
+	/** Boolean value based on whether the button element is disabled or not.
+	*/
+	disabled?: boolean;
+
+	/** Returns the selection button element.
+	*/
+	element?: any;
+
+	/** Event object
+	*/
+	event?: any;
+
+	/** Return the button element ID.
+	*/
+	id?: string;
+
+	/** Button item index.
+	*/
+	index?: number;
+
+	/** returns the button model
+	*/
+	model?: ej.GroupButton.Model;
+
+	/** Boolean value based on whether the button element is selected or not.
+	*/
+	selected?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the button state
+	*/
+	status?: boolean;
+}
+
+export interface SelectEventArgs {
+
+	/** Boolean value based on whether the selected button element is disabled or not.
+	*/
+	disabled?: boolean;
+
+	/** Returns the selection button element.
+	*/
+	element?: any;
+
+	/** Event object
+	*/
+	event?: any;
+
+	/** Return the selected button element ID.
+	*/
+	id?: string;
+
+	/** Selected button item index.
+	*/
+	index?: number;
+
+	/** returns the button model
+	*/
+	model?: ej.GroupButton.Model;
+
+	/** Boolean value based on whether the button element is selected or not.
+	*/
+	selected?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the button state
+	*/
+	status?: boolean;
+}
+}
+enum GroupButtonMode
+{
+//Sets the GroupButton to work as checkbox mode 
+CheckBox,
+//Sets the RadioButton to work as radio button mode  
+RadioButton,
+}
+
+class NavigationDrawer extends ej.Widget {
+	static fn: NavigationDrawer;
+	constructor(element: JQuery, options?: NavigationDrawer.Model);
+	constructor(element: Element, options?: NavigationDrawer.Model);
+	static Locale: any;
+	model:NavigationDrawer.Model;
+	defaults:NavigationDrawer.Model;
+
+	/** To close the navigation drawer control
+	*   @returns {void}
+	*/
+	close(): void;
+
+	/** To load AJAX content into NavigationDrawer container.
+	*   @returns {void}
+	*/
+	loadContent(): void;
+
+	/** To open the navigation drawer control
+	*   @returns {void}
+	*/
+	open(): void;
+
+	/** To Toggle the navigation drawer control
+	*   @returns {void}
+	*/
+	toggle(): void;
+}
+export module NavigationDrawer{
+
+export interface Model {
+
+	/** Specifies the ajaxSettings option to load the content to the NavigationDrawer control.
+	*   @Default {null}
+	*/
+	ajaxSettings?: AjaxSettings;
+
+	/** Specifies the contentId for navigation drawer, where the AJAX content need to updated
+	*   @Default {null}
+	*/
+	contentId?: string;
+
+	/** Sets the root class for NavigationDrawer theme. This cssClass API helps to use custom skinning option for NavigationDrawer control. By defining the root class using this API, we need to include this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** Sets the Direction for the control. See Direction
+	*   @Default {left}
+	*/
+	direction?: ej.Direction|string;
+
+	/** Sets the listview to be enabled or not
+	*   @Default {false}
+	*/
+	enableListView?: boolean;
+
+	/** Specifies the listview items as an array of object.
+	*   @Default {[]}
+	*/
+	items?: Array<any>;
+
+	/** Sets all the properties of listview to render in navigation drawer
+	*/
+	listViewSettings?: any;
+
+	/** Specifies position whether it is in fixed or relative to the page. See Position
+	*   @Default {normal}
+	*/
+	position?: string;
+
+	/** Specifies the targetId for navigation drawer
+	*/
+	targetId?: string;
+
+	/** Sets the rendering type of the control. See Type
+	*   @Default {overlay}
+	*/
+	type?: string;
+
+	/** Specifies the width of the control
+	*   @Default {auto}
+	*/
+	width?: number;
+
+	/** Navigation pane opened initially when isPaneOpen property is true.
+	*   @Default {false}
+	*/
+	isPaneOpen?: boolean;
+
+	/** Event triggers after the AJAX content loaded completely. */
+	ajaxComplete? (e: AjaxCompleteEventArgs): void;
+
+	/** Event triggers when the AJAX request failed. */
+	ajaxError? (e: AjaxErrorEventArgs): void;
+
+	/** Event triggers after the AJAX content loaded successfully. */
+	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+
+	/** Event triggers before the control gets closed. */
+	beforeClose? (e: BeforeCloseEventArgs): void;
+
+	/** Event triggers when the control open. */
+	open? (e: OpenEventArgs): void;
+
+	/** Event triggers when the Swipe happens. */
+	swipe? (e: SwipeEventArgs): void;
+}
+
+export interface AjaxCompleteEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.NavigationDrawer.Model;
+}
+
+export interface AjaxErrorEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.NavigationDrawer.Model;
+
+	/** returns the error thrown in the AJAX post.
+	*/
+	errorThrown?: any;
+
+	/** returns the status.
+	*/
+	textStatus?: any;
+}
+
+export interface AjaxSuccessEventArgs {
+
+	/** returns true if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** returns the model value of the control.
+	*/
+	model?: ej.NavigationDrawer.Model;
+
+	/** returns the AJAX current content.
+	*/
+	content?: string;
+
+	/** returns the current URL of the AJAX post.
+	*/
+	URL?: string;
+}
+
+export interface BeforeCloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Navigation Drawer model
+	*/
+	model?: ej.NavigationDrawer.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Navigation Drawer model
+	*/
+	model?: ej.NavigationDrawer.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SwipeEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Navigation Drawer model
+	*/
+	model?: ej.NavigationDrawer.Model;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface AjaxSettings {
+
+	/** It specifies, whether to enable or disable asynchronous request.
+	*/
+	async?: boolean;
+
+	/** It specifies the page will be cached in the web browser.
+	*/
+	cache?: boolean;
+
+	/** It specifies the type of data is send in the query string.
+	*/
+	contentType?: string;
+
+	/** It specifies the data as an object, will be passed in the query string.
+	*/
+	data?: any;
+
+	/** It specifies the type of data that you're expecting back from the response.
+	*/
+	dataType?: string;
+
+	/** It specifies the HTTP request type.
+	*/
+	type?: string;
+}
+}
+
+class RadialMenu extends ej.Widget {
+	static fn: RadialMenu;
+	constructor(element: JQuery, options?: RadialMenu.Model);
+	constructor(element: Element, options?: RadialMenu.Model);
+	static Locale: any;
+	model:RadialMenu.Model;
+	defaults:RadialMenu.Model;
+
+	/** To hide the radialmenu
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** To hide the radialmenu items
+	*   @returns {void}
+	*/
+	hideMenu(): void;
+
+	/** To Show the radial menu
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** To show menu items
+	*   @returns {void}
+	*/
+	showMenu(): void;
+
+	/** To enable menu item using index
+	*   @param {number} Index of the Radialmenu to be enabled.
+	*   @returns {void}
+	*/
+	enableItemByIndex(itemIndex: number): void;
+
+	/** To enable menu items using indices
+	*   @param {Array<any>} Index of the Radialmenu to be enabled.
+	*   @returns {void}
+	*/
+	enableItemsByIndices(itemIndices: Array<any>): void;
+
+	/** To disable menu item using index
+	*   @param {number} Index of the Radialmenu to be disabled.
+	*   @returns {void}
+	*/
+	disableItemByIndex(itemIndex: number): void;
+
+	/** To disable menu items using indices
+	*   @param {Array<any>} items of the Radialmenu to disable.
+	*   @returns {void}
+	*/
+	disableItemsByIndices(itemIndices: Array<any>): void;
+
+	/** To enable menu item using item text
+	*   @param {string} item of the Radialmenu item to enable.
+	*   @returns {void}
+	*/
+	enableItem(item: string): void;
+
+	/** To disable menu item using item text
+	*   @param {string} item of the Radialmenu item to disable.
+	*   @returns {void}
+	*/
+	disableItem(item: string): void;
+
+	/** To enable menu items using item texts
+	*   @param {Array<any>} items of the Radialmenu item to enable.
+	*   @returns {void}
+	*/
+	enableItems(items: Array<any>): void;
+
+	/** To disable menu items using item texts
+	*   @param {Array<any>} items of the Radialmenu item to disable.
+	*   @returns {void}
+	*/
+	disableItems(items: Array<any>): void;
+
+	/** To update menu item badge value
+	*   @param {number} The index value to add the given items at the specified index. If index is not specified, the given value will not be updated.
+	*   @param {number} The Value to be updated in the badge. It will be updated based on the given index
+	*   @returns {void}
+	*/
+	updateBadgeValue(index: number, value: number): void;
+
+	/** To show menu item badge
+	*   @param {number} Index of the Radialmenu item to be shown badge.
+	*   @returns {void}
+	*/
+	showBadge(index: number): void;
+
+	/** To hide menu item badge
+	*   @param {number} Index of the Radialmenu item to hide the badge.
+	*   @returns {void}
+	*/
+	hideBadge(index: number): void;
+}
+export module RadialMenu{
+
+export interface Model {
+
+	/** To show the Radial in initial render.
+	*/
+	autoOpen?: boolean;
+
+	/** Renders the back button Image for Radial using class.
+	*/
+	backImageClass?: string;
+
+	/** Sets the root class for RadialMenu theme. This cssClass API helps to use custom skinning option for RadialMenu control. By defining the root class using this API, we need to include this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** To enable Animation for Radial Menu.
+	*/
+	enableAnimation?: boolean;
+
+	/** Renders the Image for Radial using Class.
+	*/
+	imageClass?: string;
+
+	/** Specify the items of radial menu
+	*/
+	items?: Array<Item>;
+
+	/** Specifies the radius of radial menu
+	*/
+	radius?: number;
+
+	/** To show the Radial while clicking given target element.
+	*/
+	targetElementId?: string;
+
+	/** To set radial render position.
+	*/
+	position?: any;
+
+	/** Event triggers when we click an item. */
+	click? (e: ClickEventArgs): void;
+
+	/** Event triggers when the menu is opened. */
+	open? (e: OpenEventArgs): void;
+
+	/** Event triggers when the menu is closed. */
+	close? (e: CloseEventArgs): void;
+}
+
+export interface ClickEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Radialmenu model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** returns the item of element
+	*/
+	item?: any;
+
+	/** returns the name of item
+	*/
+	itemName?: string;
+}
+
+export interface OpenEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Radialmenu model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface CloseEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the Radialmenu model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ItemsBadge {
+
+	/** Specifies whether to enable radialmenu item badge or not.
+	*/
+	enabled?: boolean;
+
+	/** Specifies the value of radial menu item badge.
+	*/
+	value?: number;
+}
+
+export interface ItemsSliderSettings {
+
+	/** Specifies the sliderSettings ticks values of nested radial menu items.
+	*/
+	ticks?: Array<any>;
+
+	/** Specifies the sliderSettings stroke Width value.
+	*/
+	strokeWidth?: number;
+
+	/** Specifies the value of sliderSettings labelSpace .
+	*/
+	labelSpace?: number;
+}
+
+export interface Item {
+
+	/** Specify the URL of the frame background image for radial menu item.
+	*/
+	imageUrl?: string;
+
+	/** Specifies the template property of RadialMenu for SVG icon.
+	*/
+	prependTo?: string;
+
+	/** Specifies the text of RadialMenu item.
+	*/
+	text?: string;
+
+	/** Specifies the enable state of RadialMenu item.
+	*/
+	enabled?: boolean;
+
+	/** specify the click event to corresponding image/text for performing some specific action.
+	*/
+	click?: string;
+
+	/** Specifies radialmenu item badges.
+	*/
+	badge?: ItemsBadge;
+
+	/** Specifies the type of nested radial menu item.
+	*/
+	type?: string;
+
+	/** Specifies the sliderSettings ticks for nested radial menu items.
+	*/
+	sliderSettings?: ItemsSliderSettings;
+
+	/** Specifies to add sub level items .
+	*/
+	items?: Array<any>;
+}
+}
+
+class Tile extends ej.Widget {
+	static fn: Tile;
+	constructor(element: JQuery, options?: Tile.Model);
+	constructor(element: Element, options?: Tile.Model);
+	static Locale: any;
+	model:Tile.Model;
+	defaults:Tile.Model;
+
+	/** Update the image template of tile item to another one.
+	*   @param {string} UpdateTemplate by using id
+	*   @param {number} index of the tile
+	*   @returns {void}
+	*/
+	updateTemplate(id: string, index: number): void;
+}
+export module Tile{
+
+export interface Model {
+
+	/** Section for badge specific functionalities and it represents the notification for tile items.
+	*/
+	badge?: Badge;
+
+	/** Section for caption specific functionalities and it represents the notification for tile items.
+	*/
+	caption?: Caption;
+
+	/** Sets the root class for Tile theme. This cssClass API helps to use custom skinning option for Tile control. By defining the root class using this API, we need to include this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** Saves current model value to browser cookies for state maintains. While refreshing the page retains the model value applies from browser cookies.
+	*   @Default {false}
+	*/
+	enablePersistence?: boolean;
+
+	/** Customize the tile size height.
+	*   @Default {null}
+	*/
+	height?: string|number;
+
+	/** Specifies Tile imageClass, using this property we can give images for each tile through CSS classes.
+	*   @Default {null}
+	*/
+	imageClass?: string;
+
+	/** Specifies the position of tile image.
+	*   @Default {center}
+	*/
+	imagePosition?: ej.Tile.ImagePosition|string;
+
+	/** Specifies the tile image in outside of template content.
+	*   @Default {null}
+	*/
+	imageTemplateId?: string;
+
+	/** Specifies the URL of tile image.
+	*   @Default {null}
+	*/
+	imageUrl?: string;
+
+	/** Set the localization culture for Tile Widget.
+	*/
+	locale?: string;
+
+	/** Section for liveTile specific functionalities.
+	*/
+	liveTile?: LiveTile;
+
+	/** Specifies the size of a tile.  See tileSize
+	*   @Default {small}
+	*/
+	tileSize?: ej.Tile.TileSize|string;
+
+	/** Customize the tile size width.
+	*   @Default {null}
+	*/
+	width?: string|number;
+
+	/** Sets the rounded corner to  tile.
+	*   @Default {false}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Sets allowSelection to  tile.
+	*   @Default {false}
+	*/
+	allowSelection?: boolean;
+
+	/** Sets the background color to  tile.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Event triggers when the mouseDown happens in the tile */
+	mouseDown? (e: MouseDownEventArgs): void;
+
+	/** Event triggers when the mouseUp happens in the tile */
+	mouseUp? (e: MouseUpEventArgs): void;
+}
+
+export interface MouseDownEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tile model
+	*/
+	model?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: boolean;
+
+	/** returns the current tile text
+	*/
+	text?: string;
+
+	/** returns the index of current tile item 
+	*/
+	index?: number;
+}
+
+export interface MouseUpEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the tile model
+	*/
+	model?: boolean;
+
+	/** returns the name of the event
+	*/
+	type?: boolean;
+
+	/** returns the current tile text
+	*/
+	text?: boolean;
+
+	/** returns the index of current tile item 
+	*/
+	index?: number;
+}
+
+export interface Badge {
+
+	/** Specifies whether to enable badge or not.
+	*   @Default {false}
+	*/
+	enabled?: boolean;
+
+	/** Specifies maximum value for tile badge.
+	*   @Default {100}
+	*/
+	maxValue?: number;
+
+	/** Specifies minimum value for tile badge.
+	*   @Default {1}
+	*/
+	minValue?: number;
+
+	/** Specifies text instead of number for tile badge.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Sets value for tile badge.
+	*   @Default {1}
+	*/
+	value?: number;
+
+	/** Sets position for tile badge.
+	*   @Default {“bottomright”}
+	*/
+	position?: ej.Tile.BadgePosition|string;
+}
+
+export interface Caption {
+
+	/** Specifies whether the tile text to be shown or hidden.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Changes the text of a tile.
+	*   @Default {Text}
+	*/
+	text?: string;
+
+	/** It is used to align the text of a tile.
+	*   @Default {normal}
+	*/
+	alignment?: ej.Tile.CaptionAlignment|string;
+
+	/** It is used to specify the caption position like Inner top,  inner bottom and outer.
+	*   @Default {Innerbottom}
+	*/
+	position?: ej.Tile.CaptionPosition|string;
+
+	/** sets the icon instead of text.
+	*   @Default {null}
+	*/
+	icon?: string;
+}
+
+export interface LiveTile {
+
+	/** Specifies whether to enable liveTile or not.
+	*   @Default {false}
+	*/
+	enabled?: boolean;
+
+	/** Specifies liveTile images in CSS classes.
+	*   @Default {null}
+	*/
+	imageClass?: Array<any>;
+
+	/** Specifies liveTile images in templates.
+	*   @Default {null}
+	*/
+	imageTemplateId?: Array<any>;
+
+	/** Specifies liveTile images in CSS classes.
+	*   @Default {null}
+	*/
+	imageUrl?: Array<any>;
+
+	/** Specifies liveTile type for Tile. See orientation
+	*   @Default {flip}
+	*/
+	type?: ej.Tile.liveTileType|string;
+
+	/** Specifies time interval between two successive liveTile animation
+	*   @Default {2000}
+	*/
+	updateInterval?: number;
+
+	/** Sets the text to each living tile
+	*   @Default {Null}
+	*/
+	text?: Array<any>;
+}
+
+enum BadgePosition{
+
+	///To set the topright position of tile badge
+	Topright,
+
+	///To set the bottomright of tile badge
+	Bottomright
+}
+
+
+enum CaptionAlignment{
+
+	///To set the normal alignment of text in tile control
+	Normal,
+
+	///To set the left alignment of text in tile control
+	Left,
+
+	///To set the right alignment of text in tile control
+	Right,
+
+	///To set the center alignment of text in tile control
+	Center
+}
+
+
+enum CaptionPosition{
+
+	///To set the inner top position of the tile text
+	Innertop,
+
+	///To set the inner bottom position of the tile text
+	Innerbottom,
+
+	///To set the outer position of the tile text
+	Outer
+}
+
+
+enum ImagePosition{
+
+	///To set the center position of tile image
+	Center,
+
+	///To set the top center position of tile image
+	TopCenter,
+
+	///To set the bottom center position of tile image
+	BottomCenter,
+
+	///To set the right center position of tile image
+	RightCenter,
+
+	///To set the left center position of tile image
+	LeftCenter,
+
+	///To set the topleft position of tile image
+	TopLeft,
+
+	///To set the topright position of tile image
+	TopRight,
+
+	///To set the bottomright position of tile image
+	BottomRight,
+
+	///To set the bottomleft position of tile image
+	BottomLeft,
+
+	///To set the fill position of tile image
+	Fill
+}
+
+
+enum liveTileType{
+
+	///To set flip type of liveTile for tile control
+	Flip,
+
+	///To set slide type of liveTile for tile control
+	Slide,
+
+	///To set carousel type of liveTile for tile control
+	Carousel
+}
+
+
+enum TileSize{
+
+	///To set the medium size for tile control
+	Medium,
+
+	///To set the small size for tile control
+	Small,
+
+	///To set the large size for tile control
+	Large,
+
+	///To set the wide size for tile control
+	Wide
+}
+
+}
+
+class Signature extends ej.Widget {
+	static fn: Signature;
+	constructor(element: JQuery, options?: Signature.Model);
+	constructor(element: Element, options?: Signature.Model);
+	static Locale: any;
+	model:Signature.Model;
+	defaults:Signature.Model;
+
+	/** Clears the strokes in the signature.
+	*   @returns {void}
+	*/
+	clear(): void;
+
+	/** Destroys the signature widget.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** Disables the signature widget.
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** Enables the signature widget.
+	*   @returns {void}
+	*/
+	enable(): void;
+
+	/** Hides the signature widget.
+	*   @returns {void}
+	*/
+	hide(): void;
+
+	/** redo the last drawn stroke of the signature
+	*   @returns {void}
+	*/
+	redo(): void;
+
+	/** used to save the drawn image.
+	*   @param {string} The file name of the signature to be downloaded.
+	*   @returns {void}
+	*/
+	save(Filename: string): void;
+
+	/** Used to Show the signature widget, if it is already hided.
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** undo the last drawn stroke of the signature.
+	*   @returns {void}
+	*/
+	undo(): void;
+}
+export module Signature{
+
+export interface Model {
+
+	/** This property is used to set the background color for the signature.
+	*   @Default {#ffffff}
+	*/
+	backgroundColor?: string;
+
+	/** This property is used to set the background image for the signature.
+	*/
+	backgroundImage?: string;
+
+	/** Enables or disables the Signature textbox widget.
+	*   @Default {true}
+	*/
+	enabled?: boolean;
+
+	/** Sets the height of the Signature control.
+	*   @Default {100%}
+	*/
+	height?: string;
+
+	/** Enables/disables responsive support for the signature control (i.e) maintain the signature drawing during the window resizing time.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Allows the type of the image format to be saved when the signature image is saved.
+	*/
+	saveImageFormat?: ej.Signature.SaveImageFormat|string;
+
+	/** Allows the signature image to be saved along with its background.
+	*   @Default {false}
+	*/
+	saveWithBackground?: boolean;
+
+	/** Enables or disables rounded corner.
+	*   @Default {true}
+	*/
+	showRoundedCorner?: boolean;
+
+	/** Sets the stroke color for the stroke of the signature.
+	*   @Default {#000000}
+	*/
+	strokeColor?: string;
+
+	/** Sets the stroke width for the stroke of the signature.
+	*   @Default {2}
+	*/
+	strokeWidth?: number;
+
+	/** Sets the width of the Signature control.
+	*   @Default {100%}
+	*/
+	width?: string;
+
+	/** Triggers when the stroke is changed. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Triggered when the pointer is clicked or touched in the signature canvas. */
+	mouseDown? (e: MouseDownEventArgs): void;
+
+	/** Triggered when the pointer is moved in the signature canvas. */
+	mouseMove? (e: MouseMoveEventArgs): void;
+
+	/** Triggered when the pointer is released after click or touch in the signature canvas. */
+	mouseUp? (e: MouseUpEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the signature model object.
+	*/
+	model?: ej.Signature.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** Gives the last stored image
+	*/
+	lastImage?: string;
+}
+
+export interface MouseDownEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the signature model object.
+	*/
+	model?: ej.Signature.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** returns all the event values
+	*/
+	value?: any;
+}
+
+export interface MouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the signature model object.
+	*/
+	model?: ej.Signature.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** returns all the event values
+	*/
+	value?: any;
+}
+
+export interface MouseUpEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the signature model object.
+	*/
+	model?: ej.Signature.Model;
+
+	/** Name of the event.
+	*/
+	type?: string;
+
+	/** returns all the event values
+	*/
+	value?: any;
+}
+
+enum SaveImageFormat{
+
+	///To save the signature image with PNG format only.
+	PNG,
+
+	///To save the signature image with JPG format only.
+	JPG,
+
+	///To save the signature image with BMP format only.
+	BMP,
+
+	///To save the signature image with TIFF format only.
+	TIFF
+}
+
+}
+
+class RadialSlider extends ej.Widget {
+	static fn: RadialSlider;
+	constructor(element: JQuery, options?: RadialSlider.Model);
+	constructor(element: Element, options?: RadialSlider.Model);
+	static Locale: any;
+	model:RadialSlider.Model;
+	defaults:RadialSlider.Model;
+
+	/** To show the radialslider
+	*   @returns {void}
+	*/
+	show(): void;
+
+	/** To hide the radialslider
+	*   @returns {void}
+	*/
+	hide(): void;
+}
+export module RadialSlider{
+
+export interface Model {
+
+	/** To show the RadialSlider in initial render.
+	*   @Default {false}
+	*/
+	autoOpen?: boolean;
+
+	/** Sets the root class for RadialSlider theme. This cssClass API helps to use custom skinning option for RadialSlider control. By defining the root class using this API, we need to include this root class in CSS.
+	*/
+	cssClass?: string;
+
+	/** To enable Animation for Radial Slider.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Enable/Disable the Roundoff property of RadialSlider
+	*   @Default {true}
+	*/
+	enableRoundOff?: boolean;
+
+	/** Specifies the endAngle value for radial slider circle.
+	*   @Default {360}
+	*/
+	endAngle?: number;
+
+	/** Specifies the inline for label show or not on given radius.
+	*   @Default {false}
+	*/
+	inline?: boolean;
+
+	/** Specifies innerCircleImageClass, using this property we can give images for center radial circle through CSS classes.
+	*   @Default {null}
+	*/
+	innerCircleImageClass?: string;
+
+	/** Specifies the file name of center circle icon
+	*   @Default {null}
+	*/
+	innerCircleImageUrl?: string;
+
+	/** Specifies the Space between the radial slider element and the label.
+	*   @Default {30}
+	*/
+	labelSpace?: number;
+
+	/** Specifies the radius of radial slider
+	*   @Default {200}
+	*/
+	radius?: number;
+
+	/** To show the RadialSlider inner circle.
+	*   @Default {true}
+	*/
+	showInnerCircle?: boolean;
+
+	/** Specifies the endAngle value for radial slider circle.
+	*   @Default {0}
+	*/
+	startAngle?: number;
+
+	/** Specifies the  strokeWidth for customize the needle, outer circle and inner circle.
+	*   @Default {2}
+	*/
+	strokeWidth?: number;
+
+	/** Specifies the ticks value of radial slider
+	*/
+	ticks?: Array<any>;
+
+	/** Specifies the value of radial slider
+	*   @Default {10}
+	*/
+	value?: number;
+
+	/** Event triggers when the change occurs. */
+	change? (e: ChangeEventArgs): void;
+
+	/** Event triggers when the radial slider is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Event triggers when the mouse pointer is dragged over the radial slider. */
+	mouseover? (e: MouseoverEventArgs): void;
+
+	/** Event triggers when the Radial slider slides. */
+	slide? (e: SlideEventArgs): void;
+
+	/** Event triggers when the radial slider starts. */
+	start? (e: StartEventArgs): void;
+
+	/** Event triggers when the radial slider stops. */
+	stop? (e: StopEventArgs): void;
+}
+
+export interface ChangeEventArgs {
+
+	/**  returns the Radialslider model 
+	*/
+	model?: any;
+
+	/**  if the event should be canceled; otherwise, false. 
+	*/
+	cancel?: boolean;
+
+	/**  returns the initial value of Radial slider 
+	*/
+	oldValue?: number;
+
+	/**  returns the name of the event 
+	*/
+	type?: string;
+
+	/**  returns the current value of the Radial slider 
+	*/
+	value?: number;
+}
+
+export interface CreateEventArgs {
+
+	/**  if the event should be canceled; otherwise, false. 
+	*/
+	cancel?: boolean;
+
+	/**  returns the Radialslider model 
+	*/
+	model?: any;
+
+	/**  returns the name of the event 
+	*/
+	type?: string;
+}
+
+export interface MouseoverEventArgs {
+
+	/**  if the event should be canceled; otherwise, false. 
+	*/
+	cancel?: boolean;
+
+	/**  returns the Radialslider model 
+	*/
+	model?: any;
+
+	/**  returns the value selected 
+	*/
+	selectedValue?: number;
+
+	/**  returns the name of the event 
+	*/
+	type?: string;
+
+	/**  returns the current value selected in Radial slider 
+	*/
+	value?: number;
+}
+
+export interface SlideEventArgs {
+
+	/**  if the event should be canceled; otherwise, false. 
+	*/
+	cancel?: boolean;
+
+	/**  returns the Radialslider model 
+	*/
+	model?: any;
+
+	/**  returns the value selected in Radial slider 
+	*/
+	selectedValue?: number;
+
+	/**  returns the name of the event 
+	*/
+	type?: string;
+
+	/**  returns the currently selected value 
+	*/
+	value?: number;
+}
+
+export interface StartEventArgs {
+
+	/**  if the event should be canceled; otherwise, false. 
+	*/
+	cancel?: boolean;
+
+	/**  returns the Radialslider model 
+	*/
+	model?: any;
+
+	/**  returns the name of the event 
+	*/
+	type?: string;
+
+	/**  returns the current value selected in Radial slider 
+	*/
+	value?: number;
+}
+
+export interface StopEventArgs {
+
+	/**  if the event should be canceled; otherwise, false. 
+	*/
+	cancel?: boolean;
+
+	/**  returns the Radialslider model 
+	*/
+	model?: any;
+
+	/**  returns the name of the event 
+	*/
+	type?: string;
+
+	/**  returns the current value selected in Radial slider 
+	*/
+	value?: number;
+}
+}
+
+class Spreadsheet extends ej.Widget {
+	static fn: Spreadsheet;
+	constructor(element: JQuery, options?: Spreadsheet.Model);
+	constructor(element: Element, options?: Spreadsheet.Model);
+	static Locale: any;
+	model:Spreadsheet.Model;
+	defaults:Spreadsheet.Model;
+
+	/** This method is used to add custom formulas in Spreadsheet.
+	*   @param {string} Pass the name of the formula.
+	*   @param {string} Pass the name of the function.
+	*   @returns {void}
+	*/
+	addCustomFormula(formulaName: string, functionName: string): void;
+
+	/** This method is used to add a new sheet in the last position of the sheet container.
+	*   @returns {void}
+	*/
+	addNewSheet(): void;
+
+	/** It is used to clear all the data and format in the specified range of cells in Spreadsheet.
+	*   @param {string|Array<any>} Optional. If range is specified, then it will clear all content in the specified range else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	clearAll(range?: string|Array<any>): void;
+
+	/** This property is used to clear all the formats applied in the specified range in Spreadsheet.
+	*   @param {string|Array<any>} Optional. If range is specified, then it will clear all format in the specified range else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	clearAllFormat(range?: string|Array<any>): void;
+
+	/** Used to clear the applied border in the specified range in Spreadsheet.
+	*   @param {string|Array<any>} Optional. If range is specified, then it will clear border in the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	clearBorder(range?: string|Array<any>): void;
+
+	/** This property is used to clear the contents in the specified range in Spreadsheet.
+	*   @param {string|Array<any>} Optional. If the range is specified, then it will clear the content in the specified range else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	clearContents(range?: string|Array<any>): void;
+
+	/** This method is used to remove only the data in the range denoted by the specified range name.
+	*   @param {string} Pass the defined rangeSettings property name.
+	*   @returns {void}
+	*/
+	clearRange(rangeName: string): void;
+
+	/** It is used to remove data in the specified range of cells based on the defined property.
+	*   @param {Array<any>|string} Optional. If range is specified, it will clear data for the specified range else it will use the current selected range. 
+	*   @param {string} Optional. If property is specified, it will remove the specified property in the range else it will remove default properties 
+	*   @param {any} Optional.
+	*   @param {boolean} Optional. pass {{'`true`' | markdownify}}, if you want to skip the hidden rows 
+	*   @param {any} Optional. Pass the status to perform undo and redo operation.
+	*   @param {any} Optional. It specifies whether to skip element processing or not.
+	*   @returns {void}
+	*/
+	clearRangeData(range?: Array<any>|string, property?: string, cells?: any, skipHiddenRow?: boolean, status?: any, skipCell?: any): void;
+
+	/** This method is used to clear undo and redo collections in the Spreadsheet.
+	*   @returns {void}
+	*/
+	clearUndoRedo(): void;
+
+	/** This method is used to copy or move the sheets in Spreadsheet.
+	*   @param {number} Pass the sheet index that you want to copy or move.
+	*   @param {number} Pass the position index where you want to copy or move.
+	*   @param {boolean} Pass {{'`true`' | markdownify}},If you want to copy sheet or else it will move sheet.
+	*   @returns {void}
+	*/
+	copySheet(fromIdx: number, toIdx: number, isCopySheet: boolean): void;
+
+	/** This method is used to delete the entire column which is selected.
+	*   @param {number} Pass the start column index.
+	*   @param {number} Pass the end column index.
+	*   @returns {void}
+	*/
+	deleteEntireColumn(startCol: number, endCol: number): void;
+
+	/** This method is used to delete the entire row which is selected.
+	*   @param {number} Pass the start row index.
+	*   @param {number} Pass the end row index.
+	*   @returns {void}
+	*/
+	deleteEntireRow(startRow: number, endRow: number): void;
+
+	/** This method is used to delete a particular sheet in the Spreadsheet.
+	*   @param {number} Pass the sheet index to perform delete action.
+	*   @returns {void}
+	*/
+	deleteSheet(idx: number): void;
+
+	/** This method is used to delete the selected cells and shift the remaining cells to left.
+	*   @param {any} Row index and column index of the starting cell.
+	*   @param {any} Row index and column index of the ending cell.
+	*   @returns {void}
+	*/
+	deleteShiftLeft(startCell: any, endCell: any): void;
+
+	/** This method is used to delete the selected cells and shift the remaining cells up.
+	*   @param {any} Row index and column index of the start cell.
+	*   @param {any} Row index and column index of the end cell.
+	*   @returns {void}
+	*/
+	deleteShiftUp(startCell: any, endCell: any): void;
+
+	/** This method is used to edit data in the specified range of cells based on its corresponding rangeSettings.
+	*   @param {string} Pass the defined rangeSettings property name.
+	*   @param {Function} Pass the function that you want to perform range edit.
+	*   @returns {void}
+	*/
+	editRange(rangeName: string, fn: Function): void;
+
+	/** This method is used to get the activation panel in the Spreadsheet.
+	*   @returns {HTMLElement}
+	*/
+	getActivationPanel(): HTMLElement;
+
+	/** This method is used to get the active cell object in Spreadsheet. It will returns object which contains rowIndex and colIndex of the active cell.
+	*   @param {number} Optional. If sheetIdx is specified, it will return the active cell object in specified sheet index else it will use the current sheet index
+	*   @returns {any}
+	*/
+	getActiveCell(sheetIdx?: number): any;
+
+	/** This method is used to get the active cell element based on the given sheet index in the Spreadsheet.
+	*   @param {number} Optional. If sheetIndex is specified, it will return the active cell element in specified sheet index else it will use the current active sheet index.
+	*   @returns {HTMLElement}
+	*/
+	getActiveCellElem(sheetIdx?: number): HTMLElement;
+
+	/** This method is used to get the current active sheet index in Spreadsheet.
+	*   @returns {number}
+	*/
+	getActiveSheetIndex(): number;
+
+	/** This method is used to get the auto fill element in Spreadsheet.
+	*   @returns {HTMLElement}
+	*/
+	getAutoFillElem(): HTMLElement;
+
+	/** This method is used to get the cell element based on specified row and column index in the Spreadsheet.
+	*   @param {number} Pass the row index.
+	*   @param {number} Pass the column index.
+	*   @param {number} Optional. Pass the sheet index that you want to get cell.
+	*   @returns {HTMLElement}
+	*/
+	getCell(rowIdx: number, colIdx: number, sheetIdx?: number): HTMLElement;
+
+	/** This method is used to get the data settings in the Spreadsheet.
+	*   @param {number} Pass the sheet index.
+	*   @returns {number}
+	*/
+	getDataSettings(sheetIdx: number): number;
+
+	/** This method is used to get the frozen columns index in the Spreadsheet.
+	*   @param {number} Pass the sheet index.
+	*   @returns {number}
+	*/
+	getFrozenColumns(sheetIdx: number): number;
+
+	/** This method is used to get the frozen row index in Spreadsheet.
+	*   @param {number} Pass the sheet index.
+	*   @returns {number}
+	*/
+	getFrozenRows(sheetIdx: number): number;
+
+	/** This method is used to get the hyperlink data as object from the specified cell in Spreadsheet.
+	*   @param {HTMLElement} Pass the DOM element to get hyperlink
+	*   @returns {any}
+	*/
+	getHyperlink(cell: HTMLElement): any;
+
+	/** This method is used to get all cell elements in the specified range.
+	*   @param {string} Pass the range that you want to get the cells.
+	*   @param {number} Pass the index of the sheet.
+	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
+	*   @returns {HTMLElement}
+	*/
+	getRange(range: string, sheetIdx: number, skipHiddenRow?: boolean): HTMLElement;
+
+	/** This method is used to get the data in specified range in Spreadsheet.
+	*   @param {any} Optional. Pass the range, property, sheetIdx, valueOnly in options. 
+	*   @returns {Array<any>}
+	*/
+	getRangeData(options?: any): Array<any>;
+
+	/** This method is used to get the range indices array based on the specified alpha range in Spreadsheet.
+	*   @param {string} Pass the alpha range that you want to get range indices.
+	*   @returns {Array<any>}
+	*/
+	getRangeIndices(range: string): Array<any>;
+
+	/** This method is used to get the sheet details based on the given sheet index in Spreadsheet.
+	*   @param {number} Pass the sheet index to get the sheet object.
+	*   @returns {any}
+	*/
+	getSheet(sheetIdx: number): any;
+
+	/** This method is used to get the sheet content div element of Spreadsheet.
+	*   @param {number} Pass the sheet index to get the sheet content.
+	*   @returns {HTMLElement}
+	*/
+	getSheetElement(sheetIdx: number): HTMLElement;
+
+	/** This method is used to get all the sheets in workbook.
+	*   @returns {Array<any>}
+	*/
+	getSheets(): Array<any>;
+
+	/** This method is used to send a paging request to the specified sheet Index in the Spreadsheet.
+	*   @param {number} Pass the sheet index to perform paging at specified sheet index
+	*   @param {boolean} Pass {{'`true`' | markdownify}} to create a new sheet. If the specified sheet index is already exist, it navigate to that sheet else it create a new sheet.
+	*   @returns {void}
+	*/
+	gotoPage(sheetIdx: number, newSheet: boolean): void;
+
+	/** This method is used to hide the pivot table activationPanel in the Spreadsheet.
+	*   @returns {void}
+	*/
+	hideActivationPanel(): void;
+
+	/** This method is used to hide the entire columns from the specified range (startCol, endCol) in Spreadsheet.
+	*   @param {number} Index of the start column.
+	*   @param {number} Optional. Index of the end column.
+	*   @returns {void}
+	*/
+	hideColumn(startCol: number, endCol: number): void;
+
+	/** This method is used to hide the formula bar in Spreadsheet.
+	*   @returns {void}
+	*/
+	hideFormulaBar(): void;
+
+	/** This method is used to hide the rows, based on the specified row index in Spreadsheet.
+	*   @param {number} Index of the start row.
+	*   @param {number}  Optional. Index of the end row.
+	*   @returns {void}
+	*/
+	hideRow(startRow: number, endRow: number): void;
+
+	/** This method is used to hide the sheet based on the specified sheetIndex or sheet name in the Spreadsheet.
+	*   @param {string|number} Pass the sheet name or index that you want to hide.
+	*   @returns {void}
+	*/
+	hideSheet(sheetIdx: string|number): void;
+
+	/** This method is used to hide the displayed waiting pop-up in Spreadsheet.
+	*   @returns {void}
+	*/
+	hideWaitingPopUp(): void;
+
+	/** This method is used to insert a column before the active cell's column in the Spreadsheet.
+	*   @param {number} Pass start column.
+	*   @param {number} Pass end column.
+	*   @returns {void}
+	*/
+	insertEntireColumn(startCol: number, endCol: number): void;
+
+	/** This method is used to insert a row before the active cell's row in the Spreadsheet.
+	*   @param {number} Pass start row.
+	*   @param {number} Pass end row.
+	*   @returns {void}
+	*/
+	insertEntireRow(startRow: number, endRow: number): void;
+
+	/** This method is used to insert a new sheet to the left of the current active sheet.
+	*   @returns {void}
+	*/
+	insertSheet(): void;
+
+	/** This method is used to insert cells in the selected or specified range and shift remaining cells to bottom.
+	*   @param {any} Row index and column index of the start cell.
+	*   @param {any} Row index and column index of the end cell.
+	*   @returns {void}
+	*/
+	insertShiftBottom(startCell: any, endCell: any): void;
+
+	/** This method is used to insert cells in the selected or specified range and shift remaining cells to right.
+	*   @param {any} Row index and column index of the start cell.
+	*   @param {any} Row index and column index of the end cell.
+	*   @returns {void}
+	*/
+	insertShiftRight(startCell: any, endCell: any): void;
+
+	/** This method is used to import excel file manually by using form data.
+	*   @param {any} Pass the form data object to import files manually.
+	*   @returns {void}
+	*/
+	import(importRequest: any): void;
+
+	/** This method is used to load JSON data in Spreadsheet.
+	*   @param {any} Pass the response that you want to load.
+	*   @returns {void}
+	*/
+	loadFromJSON(response: any): void;
+
+	/** This method is used to lock/unlock the range of cells in active sheet. Lock cells are activated only after the sheet is protected. Once the sheet is protected it is unable to lock/unlock cells.
+	*   @param {string|Array<any>} Pass the alpha range cells or array range of cells.
+	*   @param {string} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} locked cells are unlocked.
+	*   @returns {void}
+	*/
+	lockCells(range: string|Array<any>, isLocked?: string): void;
+
+	/** This method is used to merge cells by across in the Spreadsheet.
+	*   @param {string} Optional. To pass the cell range or selected cells are process.
+	*   @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
+	*   @returns {void}
+	*/
+	mergeAcrossCells(range?: string, alertStatus?: boolean): void;
+
+	/** This method is used to merge the selected cells in the Spreadsheet.
+	*   @param {string|Array<any>} Optional. To pass the cell range or selected cells are process.
+	*   @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
+	*   @returns {void}
+	*/
+	mergeCells(range?: string|Array<any>, alertStatus?: boolean): void;
+
+	/** This method is used to select a cell or range in the Spreadsheet.
+	*   @param {any} Pass the start cell to perform selection.
+	*   @param {any} Pass the end cell to perform selection.
+	*   @returns {void}
+	*/
+	performSelection(startCell: any, endCell: any): void;
+
+	/** This method is used to protect or unprotect active sheet.
+	*   @param {boolean} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} active sheet is unprotected.
+	*   @returns {void}
+	*/
+	protectSheet(isProtected?: boolean): void;
+
+	/** This method is used to refresh the content in Spreadsheet.
+	*   @param {number} Pass the index of the sheet.
+	*   @returns {void}
+	*/
+	refreshContent(sheetIdx: number): void;
+
+	/** This method is used to refresh the Spreadsheet.
+	*   @returns {void}
+	*/
+	refreshSpreadsheet(): void;
+
+	/** This method is used to remove custom formulae in Spreadsheet.
+	*   @param {string} Pass the name of the formula.
+	*   @param {string} Pass the name of the function.
+	*   @returns {void}
+	*/
+	removeCustomFormula(formulaName: string, functionName: string): void;
+
+	/** This method is used to remove the hyperlink from selected cells of current sheet.
+	*   @param {string} Hyperlink remove from the specified range.
+	*   @param {boolean} Optional. If it is {{'`true`' | markdownify}}, It will clear link only not format.
+	*   @param {boolean} Optional. Pass the status to perform undo and redo operations.
+	*   @param {any} Optional. Pass the cells that you want to remove hyperlink.
+	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
+	*   @returns {void}
+	*/
+	removeHyperlink(range: string, isClearHLink?: boolean, status?: boolean, cells?: any, skipHiddenRow?: boolean): void;
+
+	/** This method is used to remove the range data and its defined rangeSettings property based on the specified range name.
+	*   @param {string} Pass the defined rangeSetting property name.
+	*   @returns {void}
+	*/
+	removeRange(rangeName: string): void;
+
+	/** This method is used to remove the readonly option for the specified range.
+	*   @param {string|Array<any>} Pass the range.
+	*   @returns {void}
+	*/
+	removeReadOnly(range?: string|Array<any>): void;
+
+	/** This method is used to save JSON data in Spreadsheet.
+	*   @returns {any}
+	*/
+	saveAsJSON(): any;
+
+	/** This method is used to save batch changes in Spreadsheet.
+	*   @param {number} Pass the sheet index for Spreadsheet.
+	*   @returns {void}
+	*/
+	saveBatchChanges(sheetIdx: number): void;
+
+	/** This method is used to set the active cell in the Spreadsheet.
+	*   @param {number} Pass the row index.
+	*   @param {number} Pass the column index.
+	*   @param {number} Pass the index of the sheet.
+	*   @returns {void}
+	*/
+	setActiveCell(rowIdx: number, colIdx: number, sheetIdx: number): void;
+
+	/** This method is used to set active sheet index for the Spreadsheet.
+	*   @param {number} Pass the active sheet index for Spreadsheet.
+	*   @returns {void}
+	*/
+	setActiveSheetIndex(sheetIdx: number): void;
+
+	/** This method is used to set border for the specified range of cells in the Spreadsheet.
+	*   @param {any} Pass the border properties that you want to set.
+	*   @param {string} Optional. If range is specified, it will set border for the specified range else it will use the selected range.
+	*   @returns {void}
+	*/
+	setBorder(property: any, range?: string): void;
+
+	/** This method is used to set the height for the rows in the Spreadsheet.
+	*   @param {Array<any>|any} Pass the row index and height of the rows.
+	*   @returns {void}
+	*/
+	setHeightToRows(heightColl: Array<any>|any): void;
+
+	/** This method is used to set the hyperlink in selected cells of the current sheet.
+	*   @param {string|Array<any>} If range is specified, it will set the hyperlink in range of the cells.
+	*   @param {any} Pass cellAddress or webAddress
+	*   @param {number} If we pass cellAddress then which sheet to be navigate in the applied link.
+	*   @returns {void}
+	*/
+	setHyperlink(range: string|Array<any>, link: any, sheetIdx: number): void;
+
+	/** This method is used to set the readonly option for the specified range.
+	*   @param {string|Array<any>} Pass the range.
+	*   @returns {void}
+	*/
+	setReadOnly(range?: string|Array<any>): void;
+
+	/** This method is used to set the focus to the Spreadsheet.
+	*   @returns {void}
+	*/
+	setSheetFocus(): void;
+
+	/** This method is used to set the width for the columns in the Spreadsheet.
+	*   @param {Array<any>|any} Pass the column index and width of the columns.
+	*   @returns {void}
+	*/
+	setWidthToColumns(widthColl: Array<any>|any): void;
+
+	/** This method is used to rename the active sheet.
+	*   @param {string} Pass the sheet name that you want to change the current active sheet name.
+	*   @returns {void}
+	*/
+	sheetRename(sheetName: string): void;
+
+	/** This method is used to display the activationPanel for the specified range name.
+	*   @param {string} Pass the range name that you want to display the activation panel.
+	*   @returns {void}
+	*/
+	showActivationPanel(rangeName: string): void;
+
+	/** This method is used to show the hidden columns within the specified range in the Spreadsheet.
+	*   @param {number} Index of the start column.
+	*   @param {number} Optional. Index of the end column.
+	*   @returns {void}
+	*/
+	showColumn(startColIdx: number, endColIdx: number): void;
+
+	/** This method is used to show the formula bar in Spreadsheet.
+	*   @returns {void}
+	*/
+	showFormulaBar(): void;
+
+	/** This method is used to show/hide gridlines in active sheet in the Spreadsheet.
+	*   @param {boolean} Pass {{'`true`' | markdownify}} to show the gridlines
+	*   @returns {void}
+	*/
+	showGridlines(status: boolean): void;
+
+	/** This method is used to show/hide the headers in active sheet in the Spreadsheet.
+	*   @param {boolean} Pass {{'`true`' | markdownify}} to show the sheet headers.
+	*   @returns {void}
+	*/
+	showHeadings(startRow: boolean): void;
+
+	/** This method is used to show/hide pager in the Spreadsheet.
+	*   @param {boolean} Pass {{'`true`' | markdownify}} to show pager.
+	*   @returns {void}
+	*/
+	showPager(status: boolean): void;
+
+	/** This method is used to show the hidden rows in the specified range in the Spreadsheet.
+	*   @param {number} Index of the start row.
+	*   @param {number} Optional. Index of the end row.
+	*   @returns {void}
+	*/
+	showRow(startRow: number, endRow: number): void;
+
+	/** This method is used to show waiting pop-up in Spreadsheet.
+	*   @returns {void}
+	*/
+	showWaitingPopUp(): void;
+
+	/** This method is used to unhide the sheet based on specified sheet name or sheet index.
+	*   @param {string|number} Pass the sheet name or index that you want to unhide.
+	*   @returns {void}
+	*/
+	unhideSheet(sheetInfo: string|number): void;
+
+	/** This method is used to unmerge the selected range of cells in the Spreadsheet.
+	*   @param {string} Optional. If the range is specified, then it will un merge the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	unmergeCells(range?: string): void;
+
+	/** This method is used to unwrap the selected range of cells in the Spreadsheet.
+	*   @param {Array<any>|string} Optional. If the range is specified, then it will update unwrap in the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	unWrapText(range?: Array<any>|string): void;
+
+	/** This method is used to update the data for the specified range of cells in the Spreadsheet.
+	*   @param {any} Pass the cells data that you want to update.
+	*   @param {Array<any>|string} Optional. If range is specified, it will update data for the specified range  else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	updateData(data: any, range?: Array<any>|string): void;
+
+	/** This method is used to update the formula bar in the Spreadsheet.
+	*   @returns {void}
+	*/
+	updateFormulaBar(): void;
+
+	/** This method is used to update the range of cells based on the specified settings which we want to update in the Spreadsheet.
+	*   @param {number} Pass the sheet index that you want to update.
+	*   @param {any} Pass the dataSource, startCell and showHeader values as settings.
+	*   @returns {void}
+	*/
+	updateRange(sheetIdx: number, settings: any): void;
+
+	/** This method is used to update the details for custom undo and redo operations.
+	*   @param {any} Pass the details to update undo and redo collection
+	*   @returns {void}
+	*/
+	updateUndoRedoCollection(details: any): void;
+
+	/** This method is used to update the unique data for the specified range of cells in Spreadsheet.
+	*   @param {any} Pass the  data that you want to update in the particular range
+	*   @param {Array<any>|string} Optional. If range is specified, it will update data for the specified range else it will use the current selected range.
+	*   @param {any} Optional. It specifies whether to skip element processing or not.
+	*   @returns {void}
+	*/
+	updateUniqueData(data: any, range?: Array<any>|string, skipCell?: any): void;
+
+	/** This method is used to wrap the selected range of cells in the Spreadsheet.
+	*   @param {Array<any>|string} Optional. If the range is specified, then it will update wrap in the specified  range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	wrapText(range?: Array<any>|string): void;
+
+	XLCellType: Spreadsheet.XLCellType;
+
+	XLCFormat: Spreadsheet.XLCFormat;
+
+	XLChart: Spreadsheet.XLChart;
+
+	XLClipboard: Spreadsheet.XLClipboard;
+
+	XLComment: Spreadsheet.XLComment;
+
+	XLCMenu: Spreadsheet.XLCMenu;
+
+	XLDragDrop: Spreadsheet.XLDragDrop;
+
+	XLDragFill: Spreadsheet.XLDragFill;
+
+	XLEdit: Spreadsheet.XLEdit;
+
+	XLExport: Spreadsheet.XLExport;
+
+	/** This method is used to get the export properties in the Spreadsheet.
+	*   @returns {any}
+	*/
+	getExportProps(): any;
+
+	XLFilter: Spreadsheet.XLFilter;
+
+	XLFormat: Spreadsheet.XLFormat;
+
+	XLFreeze: Spreadsheet.XLFreeze;
+
+	/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
+	*   @returns {void}
+	*/
+	unfreezePanes(): void;
+
+	XLPivot: Spreadsheet.XLPivot;
+
+	XLPrint: Spreadsheet.XLPrint;
+
+	XLResize: Spreadsheet.XLResize;
+
+	XLRibbon: Spreadsheet.XLRibbon;
+
+	XLSearch: Spreadsheet.XLSearch;
+
+	XLSelection: Spreadsheet.XLSelection;
+
+	XLShape: Spreadsheet.XLShape;
+
+	XLSort: Spreadsheet.XLSort;
+
+	XLValidate: Spreadsheet.XLValidate;
+}
+export module Spreadsheet{
+
+export interface XLCellType {
+
+	/** This method is used to set a cell type from the specified range of cells in the spreadsheet.
+	*   @param {string} Pass the range where you want apply cell type.
+	*   @param {any} Pass type of cell type and its settings.
+	*   @param {number} Optional. Pass sheet index.
+	*   @returns {void}
+	*/
+	addCellTypes(range: string,settings: any,sheetIdx: number): void;
+
+	/** This method is used to remove cell type from the specified range of cells in the Spreadsheet.
+	*   @param {string|Array<any>} Pass the range where you want remove cell type.
+	*   @param {number} Optional. Pass sheet index.
+	*   @returns {void}
+	*/
+	removeCellTypes(range: string|Array<any>,sheetIdx: number): void;
+}
+
+export interface XLCFormat {
+
+	/** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
+	*   @param {Array<any>|string} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	clearCF(range: Array<any>|string): void;
+
+	/** This method is used to get the applied conditional formatting rules as array of objects based on the specified row Index and column Index in the Spreadsheet.
+	*   @param {number} Pass the row index.
+	*   @param {number} Pass the column index.
+	*   @returns {Array<any>}
+	*/
+	getCFRule(rowIdx: number,colIdx: number): Array<any>;
+
+	/** This method is used to set the conditional formatting rule in the Spreadsheet.
+	*   @param {any} Pass the rule to set.
+	*   @returns {void}
+	*/
+	setCFRule(rule: any): void;
+}
+
+export interface XLChart {
+
+	/** This method is used to change the theme of the chart in the Spreadsheet.
+	*   @param {string} Pass the chart id.
+	*   @param {ej.datavisualization.Chart.Theme} Pass the chart theme which want to update.
+	*   @returns {void}
+	*/
+	changeTheme(chartId: string,theme: ej.datavisualization.Chart.Theme): void;
+
+	/** This method is used to change the type of the chart in the Spreadsheet.
+	*   @param {string} Pass the chart id.
+	*   @param {any} Pass the chart type.
+	*   @returns {void}
+	*/
+	changeType(chartId: string,option: any): void;
+
+	/** This method is used to change the data range of the chart in the Spreadsheet.
+	*   @param {string} Pass the chart id.
+	*   @param {string} X axis range of chart data.
+	*   @param {string} Y axis range of chart data.
+	*   @param {string} Legend range of chart data.
+	*   @returns {void}
+	*/
+	changeDataRange(chartId: string,xRange: string,yRange: string,lRange: string): void;
+
+	/** This method is used to create a chart for specified range in Spreadsheet.
+	*   @param {string|Array<any>} Optional. If range is specified, it will create chart for the specified range else it will use the current selected range.
+	*   @param {any} Optional. To pass the type of chart and chart name.
+	*   @returns {void}
+	*/
+	createChart(range: string|Array<any>,options: any): void;
+
+	/** This method is used to refresh the chart in the Spreadsheet.
+	*   @param {string} To pass the chart Id.
+	*   @param {any} To pass the type of chart and chart name.
+	*   @returns {void}
+	*/
+	refreshChart(id: string,options: any): void;
+
+	/** This method is used to resize the chart of specified id in the Spreadsheet.
+	*   @param {string} To pass the chart id.
+	*   @param {number} To pass height value.
+	*   @param {number} To pass the width value.
+	*   @returns {void}
+	*/
+	resizeChart(id: string,height: number,width: number): void;
+
+	/** This method is used to update the chart element, such as axes, titles, data labels, grid lines and legends in the Spreadsheet.
+	*   @param {string} Pass the chart id.
+	*   @param {ej.Spreadsheet.ChartProperties} Pass chart element value which you want to update.
+	*   @returns {void}
+	*/
+	updateChartElement(chartId: string,value: ej.Spreadsheet.ChartProperties): void;
+
+	/** This method is used switch row to columns and vice versa for chart in the Spreadsheet. So that the data is displayed in the chart the way you want.
+	*   @param {string} Pass the chart id.
+	*   @returns {void}
+	*/
+	switchRowColumn(chartId: string): void;
+}
+
+export interface XLClipboard {
+
+	/** This method is used to copy the selected cells in the Spreadsheet.
+	*   @returns {void}
+	*/
+	copy(): void;
+
+	/** This method is used to cut the selected cells in the Spreadsheet.
+	*   @returns {void}
+	*/
+	cut(): void;
+
+	/** This method is used to paste the cut or copied cells data in the Spreadsheet.
+	*   @returns {void}
+	*/
+	paste(): void;
+}
+
+export interface XLComment {
+
+	/** This method is used to delete the comment in the specified range in Spreadsheet.
+	*   @param {Array<any>|string} Optional. If range is specified, it will delete comments for the specified range else it will use the current selected range. 
+	*   @param {number} Optional. If sheetIdx is specified, it will delete comment in specified sheet else it will use active sheet.
+	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows data.
+	*   @returns {void}
+	*/
+	deleteComment(range: Array<any>|string,sheetIdx: number,skipHiddenRow: boolean): void;
+
+	/** This method is used to edit the comment in the target Cell in Spreadsheet.
+	*   @param {any} Optional. Pass the row index and column index of the cell which contains comment. 
+	*   @returns {void}
+	*/
+	editComment(targetCell: any): void;
+
+	/** This method is used to find the next comment from the active cell in Spreadsheet.
+	*   @returns {boolean}
+	*/
+	findNextComment(): boolean;
+
+	/** This method is used to find the previous comment from the active cell in Spreadsheet.
+	*   @returns {boolean}
+	*/
+	findPrevComment(): boolean;
+
+	/** This method is used to get comment data for the specified cell.
+	*   @param {HTMLElement} Pass the DOM element to get comment data as object.
+	*   @returns {any}
+	*/
+	getComment(cell: HTMLElement): any;
+
+	/** This method is used to set new comment in Spreadsheet.
+	*   @param {string|Array<any>} Optional. If we pass the range comment will set in the range otherwise it will set with selected cells. 
+	*   @param {string} Optional. Pass the comment data.
+	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show comment in edit mode 
+	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show the user name 
+	*   @returns {void}
+	*/
+	setComment(range: string|Array<any>,data: string,showEditPanel: boolean,showUserName: boolean): void;
+
+	/** This method is used to show all the comments in the Spreadsheet.
+	*   @returns {void}
+	*/
+	showAllComments(): void;
+
+	/** This method is used to show or hide the specific comment in the Spreadsheet.
+	*   @param {HTMLElement} Optional. Pass the cell DOM element to show or hide its comment. If pass empty argument active cell will processed.
+	*   @returns {void}
+	*/
+	showHideComment(targetCell: HTMLElement): void;
+}
+
+export interface XLCMenu {
+
+	/** This method is used to dynamically add items in the context menu.
+	*   @param {string} Specifies the context menu type in which the item to be inserted.
+	*   @param {Array<any>} Pass the items to be inserted
+	*   @param {string} Specifies the type of operation to be performed
+	*   @returns {void}
+	*/
+	addItem(target: string,itemColl: Array<any>,operation: string): void;
+
+	/** This method is used to change data source in the context menu.
+	*   @param {string} Specifies the context menu type to bind the data source.
+	*   @param {Array<any>} Pass the data source to be binded
+	*   @returns {void}
+	*/
+	changeDataSource(target: string,data: Array<any>): void;
+
+	/** This method is used to disable the items in the context menu.
+	*   @param {string} Specifies the context menu type in which the item to be disabled.
+	*   @param {Array<any>} Specifies the Menu Item id collection to be disabled
+	*   @returns {void}
+	*/
+	disableItem(target: string,idxColl: Array<any>): void;
+
+	/** This method is used to enable the items in the context menu.
+	*   @param {string} Specifies the context menu type in which the item to be enabled.
+	*   @param {Array<any>} Specifies the Menu Item id collection to be enabled
+	*   @returns {void}
+	*/
+	enableItem(target: string,idxColl: Array<any>): void;
+
+	/** This method is used to remove the items in the context menu.
+	*   @param {string} Specifies the context menu type in which the item to be removed.
+	*   @param {Array<any>} Specifies the Menu Item id collection to be removed
+	*   @returns {void}
+	*/
+	removeItem(target: string,idxColl: Array<any>): void;
+}
+
+export interface XLDragDrop {
+
+	/** This method is used to drag and drop the selected range of cells to destination range in the Spreadsheet.
+	*   @param {any|Array<any>} Pass the source range to perform drag and drop.
+	*   @param {any|Array<any>} Pass the destination range to drop the dragged cells.
+	*   @returns {void}
+	*/
+	moveRangeTo(sourceRange: any|Array<any>,destinationRange: any|Array<any>): void;
+}
+
+export interface XLDragFill {
+
+	/** This method is used to perform auto fill in Spreadsheet.
+	*   @param {any} Pass the options to perform auto fill in Spreadsheet.
+	*   @returns {void}
+	*/
+	autoFill(options: any): void;
+
+	/** This method is used to hide the auto fill element in the Spreadsheet.
+	*   @returns {void}
+	*/
+	hideAutoFillElement(): void;
+
+	/** This method is used to hide the auto fill options in the Spreadsheet.
+	*   @returns {void}
+	*/
+	hideAutoFillOptions(): void;
+
+	/** This method is used to set position of the auto fill element in the Spreadsheet.
+	*   @param {boolean} Pass the isDragFill option as {{'`boolean`' | markdownify}} value to show auto fill options in Spreadsheet.
+	*   @returns {void}
+	*/
+	positionAutoFillElement(isDragFill: boolean): void;
+}
+
+export interface XLEdit {
+
+	/** This method is used to calculate formulas in the specified sheet.
+	*   @param {number} Optional. If sheet index is specified, then it will calculate formulas in the specified sheet only else it will calculate formulas in all sheets.
+	*   @returns {void}
+	*/
+	calcNow(sheetIdx: number): void;
+
+	/** This method is used to edit a particular cell based on the row index and column index in the Spreadsheet.
+	*   @param {number} Pass the row index to edit particular cell.
+	*   @param {number} Pass the column index to edit particular cell.
+	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to maintain previous cell value.
+	*   @returns {void}
+	*/
+	editCell(rowIdx: number,colIdx: number,oldData: boolean): void;
+
+	/** This method is used to get the property value of particular cell, based on the row and column index in the Spreadsheet.
+	*   @param {number} Pass the row index to get the property value.
+	*   @param {number} Pass the column index to get the property value.
+	*   @param {string} Optional. Pass the property name that you want("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture", "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader",  "filterState", "tableName", "comment", "formatStr", "decimalPlaces", "cellType").
+	*   @param {number} Optional. Pass the index of the sheet.
+	*   @returns {any|string|Array<any>}
+	*/
+	getPropertyValue(rowIdx: number,colIdx: number,prop: string,sheetIdx: number): any|string|Array<any>;
+
+	/** This method is used to get the property value in specified cell in Spreadsheet.
+	*   @param {HTMLElement} Pass the cell element to get property value.
+	*   @param {string} Pass the property name that you want ("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture", "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader", "filterState", "tableName", "comment", "formatStr", "decimalPlaces", "cellType").
+	*   @param {number} Pass the index of sheet.
+	*   @returns {any|string|Array<any>}
+	*/
+	getPropertyValueByElem(elem: HTMLElement,property: string,sheetIdx: number): any|string|Array<any>;
+
+	/** This method is used to save the edited cell value in the Spreadsheet.
+	*   @returns {void}
+	*/
+	saveCell(): void;
+
+	/** This method is used to update a particular cell value in the Spreadsheet.
+	*   @param {any} Pass row index and column index of the cell.
+	*   @param {string|number} Pass the cell value.
+	*   @returns {void}
+	*/
+	updateCell(cell: any,value: string|number): void;
+
+	/** This method is used to update a particular cell value and its format in the Spreadsheet.
+	*   @param {any} Pass row index and column index of the cell.
+	*   @param {string|number} Pass the cell value.
+	*   @param {string} Pass the class name to update format. 
+	*   @param {number} Pass sheet index.
+	*   @returns {void}
+	*/
+	updateCellValue(cellIdx: any,val: string|number,formatClass: string,sheetIdx: number): void;
+}
+
+export interface XLExport {
+
+	/** This method is used to save the sheet data as Excel ,CSV or PDF document (.xls, .xlsx .csv, .pdf) in Spreadsheet.
+	*   @param {string} Pass the export type that you want. 
+	*   @returns {void}
+	*/
+	export(type: string): void;
+
+	/** This method is used to get the export properties in the Spreadsheet.
+	*   @returns {any}
+	*/
+	getExportProps(): any;
+}
+
+export interface XLFilter {
+
+	/** This method is used to clear the filter in filtered columns in the Spreadsheet.
+	*   @returns {void}
+	*/
+	clearFilter(): void;
+
+	/** This method is used to apply filter for the selected range of cells in the Spreadsheet.
+	*   @param {string|Array<any>} Pass the range of the selected cells.
+	*   @returns {void}
+	*/
+	filter(range: string|Array<any>): void;
+
+	/** This method is used to apply filter for the column by active cell's value in the Spreadsheet.
+	*   @returns {void}
+	*/
+	filterByActiveCell(): void;
+}
+
+export interface XLFormat {
+
+	/** This method is used to add the font to the Ribbon font family dropdown.
+	*   @param {string} Font name which needs to add into the font family option.
+	*   @returns {void}
+	*/
+	addFontFamily(fontName: string): void;
+
+	/** This method is used to convert table range to normal range.
+	*   @param {any} Pass the sheet index and table id.
+	*   @returns {void}
+	*/
+	convertToRange(options: any): void;
+
+	/** This method is used to create a table for the selected range of cells in the Spreadsheet.
+	*   @param {any} Pass the table object.
+	*   @param {string|Array<any>} Optional. If the range is specified, then it will create table in the specified range else it will use the current selected range. 
+	*   @returns {string}
+	*/
+	createTable(tableObject: any,range: string|Array<any>): string;
+
+	/** This method is used to set format style and values in a cell or range of cells.
+	*   @param {any} Pass the formatObject which contains style, type, format, groupSeparator and decimalPlaces.
+	*   @param {string} Pass the range to format cells.
+	*   @returns {void}
+	*/
+	format(formatObj: any,range: string): void;
+
+	/** This method is used to remove the font from the Ribbon font family dropdown.
+	*   @param {string} Font name which needs to remove from the font family drop down.
+	*   @returns {void}
+	*/
+	removeFontFamily(fontName: string): void;
+
+	/** This method is used to remove the style in the specified range.
+	*   @param {Array<any>|string} Pass the cell range .
+	*   @param {any} Optional. Pass the options for which the style gets removed.
+	*   @returns {void}
+	*/
+	removeStyle(range: Array<any>|string,options: any): void;
+
+	/** This method is used to remove table with specified tableId in the Spreadsheet.
+	*   @param {number} Pass the tableId that you want to remove.
+	*   @returns {void}
+	*/
+	removeTable(tableId: number): void;
+
+	/** This method is used to update the decimal places for numeric value for the selected range of cells in the Spreadsheet.
+	*   @param {string} Pass the decimal places type in IncreaseDecimal/DecreaseDecimal.
+	*   @param {string|Array<any>} Pass the range.
+	*   @returns {void}
+	*/
+	updateDecimalPlaces(type: string,range: string|Array<any>): void;
+
+	/** This method is used to update the format for the selected range of cells in the Spreadsheet.
+	*   @param {any} Pass the format object that you want to update.
+	*   @param {Array<any>} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	updateFormat(formatObj: any,range: Array<any>): void;
+
+	/** This method is used to update the unique format for selected range of cells in the Spreadsheet.
+	*   @param {string} Pass the unique format class.
+	*   @param {Array<any>} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	updateUniqueFormat(formatClass: string,range: Array<any>): void;
+}
+
+export interface XLFreeze {
+
+	/** This method is used to freeze columns upto the specified column index in the Spreadsheet.
+	*   @param {number} Index of the column to be freeze.
+	*   @returns {void}
+	*/
+	freezeColumns(colIdx: number): void;
+
+	/** This method is used to freeze the first column in the Spreadsheet.
+	*   @returns {void}
+	*/
+	freezeLeftColumn(): void;
+
+	/** This method is used to freeze rows and columns before the specified cell in the Spreadsheet.
+	*   @param {number} Index of the row to be freeze.
+	*   @param {number} Index of the column to be freeze.
+	*   @returns {void}
+	*/
+	freezePanes(rowIdx: number,colIdx: number): void;
+
+	/** This method is used to freeze rows upto the specified row index in the Spreadsheet.
+	*   @param {number} Index of the row to be freeze.
+	*   @returns {void}
+	*/
+	freezeRows(rowIdx: number): void;
+
+	/** This method is used to freeze the top row in the Spreadsheet.
+	*   @returns {void}
+	*/
+	freezeTopRow(): void;
+
+	/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
+	*   @returns {void}
+	*/
+	unfreezePanes(): void;
+}
+
+export interface XLPivot {
+
+	/** This property is used to clear the pivot table list in Spreadsheet.
+	*   @param {string} Pass the name of the pivot table. 
+	*   @returns {void}
+	*/
+	clearPivotFieldList(pivotName: string): void;
+
+	/** This method is used to create pivot table.
+	*   @param {string} It specifies the range for which the pivot table is created.
+	*   @param {string} It specifies the location in which the pivot table is created.
+	*   @param {string} It specifies the name of the pivot table.
+	*   @param {any} Pass the pivot table settings.
+	*   @param {any} Pass the pivot range, sheet index, address and data source .
+	*   @returns {string}
+	*/
+	createPivotTable(range: string,location: string,name: string,settings: any,pvt: any): string;
+
+	/** This method is used to delete the pivot table which is selected.
+	*   @param {string} Pass the name of the pivot table.
+	*   @returns {void}
+	*/
+	deletePivotTable(pivotName: string): void;
+
+	/** This method is used to refresh data in pivot table.
+	*   @param {string} Optional. Pass the name of the pivot table.
+	*   @param {number} Optional. Pass the index of the sheet.
+	*   @returns {void}
+	*/
+	refreshDataSource(name: string,sheetIdx: number): void;
+}
+
+export interface XLPrint {
+
+	/** This method is used to print the selected contents in the Spreadsheet.
+	*   @returns {void}
+	*/
+	printSelection(): void;
+
+	/** This method is used to print the entire contents in the active sheet.
+	*   @returns {void}
+	*/
+	printSheet(): void;
+}
+
+export interface XLResize {
+
+	/** This method is used to fit the height of rows in the Spreadsheet.
+	*   @param {Array<any>} Optional. Pass row index collection that you want to fit its height.
+	*   @returns {void}
+	*/
+	fitHeight(rowIndexes: Array<any>): void;
+
+	/** This method is used to fit the width of columns in the Spreadsheet.
+	*   @param {Array<any>} Optional. Pass column index collection that you want to fit its width.
+	*   @returns {void}
+	*/
+	fitWidth(colIndexes: Array<any>): void;
+
+	/** This method is used to get the column width of the specified column index in the Spreadsheet.
+	*   @param {number} Pass the column index.
+	*   @returns {number}
+	*/
+	getColWidth(colIdx: number): number;
+
+	/** This method is used to get the row height of the specified row index in the Spreadsheet.
+	*   @param {number} Pass the row index which you want to find its height.
+	*   @returns {number}
+	*/
+	getRowHeight(rowIdx: number): number;
+
+	/** This method is used to set the column width of the specified column index in the Spreadsheet.
+	*   @param {number} Pass the column index.
+	*   @param {number} Pass the width value that you want to set.
+	*   @returns {void}
+	*/
+	setColWidth(colIdx: number,size: number): void;
+
+	/** This method is used to set the row height of the specified row index in the Spreadsheet.
+	*   @param {number} Pass the row index.
+	*   @param {number} Pass the height value that you want to set.
+	*   @returns {void}
+	*/
+	setRowHeight(rowIdx: number,size: number): void;
+}
+
+export interface XLRibbon {
+
+	/** This method is used to add a new item in the backstage.
+	*   @param {any} Specifies the item to be added in the backstage.
+	*   @param {number} pass the index of the item to be added in the backstage.
+	*   @returns {void}
+	*/
+	addBackStageItem(pageItem: any,index: number): void;
+
+	/** This method is used to dynamically add the contextual tabs in the ribbon.
+	*   @param {any} Specifies the contextual tab set object.
+	*   @param {number} pass the index of the contextual tab.
+	*   @returns {void}
+	*/
+	addContextualTabs(contextualTabSet: any,index: number): void;
+
+	/** This method is used to dynamically add the menu item in the file menu.
+	*   @param {Array<any>} Specifies the item to be added
+	*   @param {number} pass the index of the menu item.
+	*   @returns {void}
+	*/
+	addMenuItem(item: Array<any>,index: number): void;
+
+	/** This method is used to add a new name in the Spreadsheet name manager.
+	*   @param {string} Pass the name that you want to define in name manager.
+	*   @param {string} Pass the cell reference.
+	*   @param {string} Optional. Pass comment, if you want.
+	*   @param {number} Optional. Pass the sheet index.
+	*   @returns {void}
+	*/
+	addNamedRange(name: string,refersTo: string,comment: string,sheetIdx: number): void;
+
+	/** This method is used to dynamically add the tab in the ribbon.
+	*   @param {Array<any>} Specifies the text to be displayed in the tab.
+	*   @param {number} pass the groups to be displayed in the ribbon tab.
+	*   @param {number} pass the index of the tab.
+	*   @returns {void}
+	*/
+	addTab(tabText: Array<any>,ribbonGroups: number,index: number): void;
+
+	/** This method is used to dynamically add the tab group in the ribbon.
+	*   @param {number} Specifies the ribbon tab index.
+	*   @param {any} pass the groups to be displayed in the ribbon tab.
+	*   @param {number} pass the index of the ribbon group.
+	*   @returns {void}
+	*/
+	addTabGroup(tabIndex: number,tabGroup: any,groupIndex: number): void;
+
+	/** This method is used to insert the few type (SUM, MAX, MIN, AVG, COUNT) of formulas in the selected range of cells in the Spreadsheet.
+	*   @param {string} To pass the type("SUM","MAX","MIN","AVG","COUNT").
+	*   @param {string|Array<any>} If range is specified, it will apply auto sum for the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	autoSum(type: string,range: string|Array<any>): void;
+
+	/** This method is used to hide the file menu in the ribbon tab.
+	*   @returns {void}
+	*/
+	hideMenu(): void;
+
+	/** This method is used to remove the item from the backstage in the spreadsheet.
+	*   @param {number} Specifies the index of the item to be removed from backstage.
+	*   @returns {void}
+	*/
+	removeBackStageItem(index: number): void;
+
+	/** This method is used to remove the menu item form file menu in spreadsheet.
+	*   @param {number} Specifies the index of the item to be removed from the file menu.
+	*   @returns {void}
+	*/
+	removeMenuItem(index: number): void;
+
+	/** This method is used to delete the defined name in the Spreadsheet name manager.
+	*   @param {string} Pass the defined name that you want to remove from name manager.
+	*   @returns {void}
+	*/
+	removeNamedRange(name: string): void;
+
+	/** This method is used to remove the tab form ribbon in the spreadsheet.
+	*   @param {number} Specifies the index of the tab to be removed from the ribbon.
+	*   @param {boolean} pass the boolean value to remove the tab from ribbon
+	*   @returns {void}
+	*/
+	removeTab(index: number,isRemoveMenu: boolean): void;
+
+	/** This method is used to remove the tab group form ribbon in the spreadsheet.
+	*   @param {number} Specifies the index of the tab group to be removed from the ribbon.
+	*   @param {string} Specifies the text to be displayed in the tab group
+	*   @returns {void}
+	*/
+	removeTabGroup(tabIndex: number,groupText: string): void;
+
+	/** This method is used to show the file menu in the ribbon tab.
+	*   @returns {void}
+	*/
+	showMenu(): void;
+
+	/** This method is used to update the menu item in the file menu.
+	*   @param {any} Specifies the menu item to be updated in the ribbon
+	*   @param {number} pass the index of the item to be updated
+	*   @returns {void}
+	*/
+	updateMenuItem(item: any,index: number): void;
+
+	/** This method is used to update the ribbon icons in the Spreadsheet.
+	*   @returns {void}
+	*/
+	updateRibbonIcons(): void;
+}
+
+export interface XLSearch {
+
+	/** This method is used to find and replace all data by workbook in the Spreadsheet.
+	*   @param {string} Pass the search data.
+	*   @param {string} Pass the replace data.
+	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
+	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
+	*   @returns {void}
+	*/
+	replaceAllByBook(findData: string,replaceData: string,isCSen: boolean,isEMatch: boolean): void;
+
+	/** This method is used to find and replace all data by sheet in Spreadsheet.
+	*   @param {string} Pass the search data.
+	*   @param {string} Pass the replace data.
+	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
+	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
+	*   @returns {void}
+	*/
+	replaceAllBySheet(findData: string,replaceData: string,isCSen: boolean,isEMatch: boolean): void;
+}
+
+export interface XLSelection {
+
+	/** This method is used to clear the selection of the active sheet in the Spreadsheet.
+	*   @returns {void}
+	*/
+	clearAll(): void;
+
+	/** This method is used to get the selected cells element based on specified sheet index in the Spreadsheet.
+	*   @param {number} Pass the sheet index to get the cells element.
+	*   @returns {HTMLElement}
+	*/
+	getSelectedCells(sheetIdx: number): HTMLElement;
+
+	/** This method is used to refresh the selection in the Spreadsheet.
+	*   @param {Array<any>|string} Optional. Pass range to refresh selection.
+	*   @returns {void}
+	*/
+	refreshSelection(range: Array<any>|string): void;
+
+	/** This method is used to select a single column in the Spreadsheet.
+	*   @param {number} Pass the column index value.
+	*   @returns {void}
+	*/
+	selectColumn(colIdx: number): void;
+
+	/** This method is used to select entire columns in a specified range (start index and end index) in the Spreadsheet.
+	*   @param {number} Pass the column start index.
+	*   @param {number} Pass the column end index.
+	*   @returns {void}
+	*/
+	selectColumns(startIdx: number,endIdx: number): void;
+
+	/** This method is used to select the specified range of cells in the Spreadsheet.
+	*   @param {string} Pass range which want to select.
+	*   @returns {void}
+	*/
+	selectRange(range: string): void;
+
+	/** This method is used to select a single row in the Spreadsheet.
+	*   @param {number} Pass the row index value.
+	*   @returns {void}
+	*/
+	selectRow(rowIdx: number): void;
+
+	/** This method is used to select entire rows in a specified range (start index and end index) in the Spreadsheet.
+	*   @param {number} Pass the start row index.
+	*   @param {number} Pass the end row index.
+	*   @returns {void}
+	*/
+	selectRows(startIdx: number,endIdx: number): void;
+
+	/** This method is used to select all cells in active sheet.
+	*   @returns {void}
+	*/
+	selectSheet(): void;
+}
+
+export interface XLShape {
+
+	/** This method is used to set a picture in the Spreadsheet.
+	*   @param {string} Pass the range of the cell.
+	*   @param {string} Pass the path of the specified image.
+	*   @param {number} Optional. Pass the width of the image that you want to set.
+	*   @param {number} Optional. Pass the height of the image that you want to set.
+	*   @param {number} Optional. Pass the top of the image that you want to set.
+	*   @param {number} Optional. Pass the left of the image that you want to set.
+	*   @returns {string}
+	*/
+	setPicture(range: string,url: string,width: number,height: number,top: number,left: number): string;
+}
+
+export interface XLSort {
+
+	/** This method is used to sort a particular range of cells based on its cell or font color in the Spreadsheet.
+	*   @param {string} Pass {{'`PutCellColor`' | markdownify}} to sort by cell color or {{'`PutFontColor`' | markdownify}} for sort by font color.
+	*   @param {any} Pass the HEX color code to sort.
+	*   @param {string} Pass the range
+	*   @returns {void}
+	*/
+	sortByColor(operation: string,color: any,range: string): void;
+
+	/** This method is used to sort a particular range of cells based on its values in the Spreadsheet.
+	*   @param {Array<any>|string} Pass the range to sort.
+	*   @param {string} Pass the column name.
+	*   @param {any} Pass the direction to sort (ascending or descending).
+	*   @returns {boolean}
+	*/
+	sortByRange(range: Array<any>|string,columnName: string,direction: any): boolean;
+}
+
+export interface XLValidate {
+
+	/** This method is used to apply data validation rules in a selected range of cells based on the defined condition in the Spreadsheet.
+	*   @param {string|Array<any>} If range is specified, it will apply rules for the specified range else it will use the current selected range. 
+	*   @param {Array<any>} Pass the validation condition, value1 and value2.
+	*   @param {string} Pass the data type.
+	*   @param {boolean} Pass {{'`true`' | markdownify}} if you ignore blank values.
+	*   @param {boolean} Pass {{'`true`' | markdownify}} if you want to show an error alert.
+	*   @returns {void}
+	*/
+	applyDVRules(range: string|Array<any>,values: Array<any>,type: string,required: boolean,showErrorAlert: boolean): void;
+
+	/** This method is used to clear the applied validation rules in a specified range of cells in the Spreadsheet.
+	*   @param {string|Array<any>} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range. 
+	*   @returns {void}
+	*/
+	clearDV(range: string|Array<any>): void;
+
+	/** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
+	*   @param {string|Array<any>} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
+	*   @returns {void}
+	*/
+	highlightInvalidData(range: string|Array<any>): void;
+}
+
+export interface Model {
+
+	/** Gets or sets an active sheet index in the Spreadsheet. By defining this value, you can specify which sheet should be active in workbook.
+	*   @Default {1}
+	*/
+	activeSheetIndex?: number;
+
+	/** Gets or sets a value that indicates whether to enable or disable auto rendering of cell type in the Spreadsheet.
+	*   @Default {false}
+	*/
+	allowAutoCellType?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable auto fill feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowAutoFill?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable auto sum feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowAutoSum?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable cell format feature in the Spreadsheet. By enabling this, you can customize styles and number formats.
+	*   @Default {true}
+	*/
+	allowCellFormatting?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable cell type feature in the Spreadsheet.
+	*   @Default {false}
+	*/
+	allowCellType?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable chart feature in the Spreadsheet. By enabling this feature, you can create and customize charts in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowCharts?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable clear feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowClear?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable clipboard feature in the Spreadsheet. By enabling this feature, you can perform cut/copy and paste operations in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowClipboard?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable comment feature in the Spreadsheet. By enabling this, you can add/delete/modify comments in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowComments?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable Conditional Format feature in the Spreadsheet. By enabling this, you can apply formatting to the selected range of cells based on the provided conditions (Greater than, Less than, Equal, Between, Contains, etc.).
+	*   @Default {true}
+	*/
+	allowConditionalFormats?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable data validation feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowDataValidation?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable the delete action in the Spreadsheet. By enabling this feature, you can delete existing rows, columns, cells and sheet.
+	*   @Default {true}
+	*/
+	allowDelete?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable drag and drop feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowDragAndDrop?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable the edit action in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowEditing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable filtering feature in the Spreadsheet. Filtering can be used to limit the data displayed using required criteria.
+	*   @Default {true}
+	*/
+	allowFiltering?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable table feature in the Spreadsheet. By enabling this, you can render table in selected range.
+	*   @Default {true}
+	*/
+	allowFormatAsTable?: boolean;
+
+	/** Get or sets a value that indicates whether to enable or disable format painter feature in the Spreadsheet. By enabling this feature, you can copy the format from the selected range and apply it to another range.
+	*   @Default {true}
+	*/
+	allowFormatPainter?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable formula bar in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowFormulaBar?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable freeze pane support in Spreadsheet. By enabling this feature, you can use freeze top row, freeze first column and freeze panes options.
+	*   @Default {true}
+	*/
+	allowFreezing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable hyperlink feature in the Spreadsheet. By enabling this feature, you can add hyperlink which is used to easily navigate to the cell reference from one sheet to another or a web page.
+	*   @Default {true}
+	*/
+	allowHyperlink?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable import feature in the Spreadsheet. By enabling this feature, you can open existing Spreadsheet documents.
+	*   @Default {true}
+	*/
+	allowImport?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable the insert action in the Spreadsheet. By enabling this feature, you can insert new rows, columns, cells and sheet.
+	*   @Default {true}
+	*/
+	allowInsert?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable keyboard navigation feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowKeyboardNavigation?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable lock cell feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowLockCell?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable merge feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowMerging?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable overflow feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowOverflow?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable resizing feature in the Spreadsheet. By enabling this feature, you can change the column width and row height by dragging its header boundaries.
+	*   @Default {true}
+	*/
+	allowResizing?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable find and replace feature in the Spreadsheet. By enabling this, you can easily find and replace a specific value in the sheet or workbook. By using goto behavior, you can select and highlight all cells that contains specific data or data types.
+	*   @Default {true}
+	*/
+	allowSearching?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable selection in the Spreadsheet. By enabling this feature, selected items will be highlighted.
+	*   @Default {true}
+	*/
+	allowSelection?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the sorting feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowSorting?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable undo and redo feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowUndoRedo?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable wrap text feature in the Spreadsheet. By enabling this, cell content can wrap to the next line, if the cell content exceeds the boundary of the cell.
+	*   @Default {true}
+	*/
+	allowWrap?: boolean;
+
+	/** Gets or sets a value that indicates to define the width of the activation panel in Spreadsheet.
+	*   @Default {300}
+	*/
+	apWidth?: number;
+
+	/** Gets or sets an object that indicates to customize the auto fill behavior in the Spreadsheet.
+	*/
+	autoFillSettings?: AutoFillSettings;
+
+	/** Gets or sets an object that indicates to customize the chart behavior in the Spreadsheet.
+	*/
+	chartSettings?: ChartSettings;
+
+	/** Gets or sets a value that defines the number of columns displayed in the sheet.
+	*   @Default {21}
+	*/
+	columnCount?: number;
+
+	/** Gets or sets a value that indicates to define the common width for each column in the Spreadsheet.
+	*   @Default {64}
+	*/
+	columnWidth?: number;
+
+	/** Gets or sets a value to add root CSS class for customizing Spreadsheet skins.
+	*/
+	cssClass?: string;
+
+	/** Gets or sets a value that indicates custom formulas in Spreadsheet.
+	*   @Default {[]}
+	*/
+	customFormulas?: Array<any>;
+
+	/** Gets or sets a value that indicates whether to enable or disable context menu in the Spreadsheet.
+	*   @Default {true}
+	*/
+	enableContextMenu?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable pivot table in the Spreadsheet.
+	*   @Default {false}
+	*/
+	enablePivotTable?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable touch support in the Spreadsheet.
+	*   @Default {true}
+	*/
+	enableTouch?: boolean;
+
+	/** Gets or sets an object that indicates to customize the exporting behavior in Spreadsheet.
+	*/
+	exportSettings?: ExportSettings;
+
+	/** Gets or sets an object that indicates to customize the format behavior in the Spreadsheet.
+	*/
+	formatSettings?: FormatSettings;
+
+	/** Gets or sets an object that indicates to customize the import behavior in the Spreadsheet.
+	*/
+	importSettings?: ImportSettings;
+
+	/** Gets or sets a value that indicates whether to enable or disable readonly support in the Spreadsheet.
+	*   @Default {false}
+	*/
+	isReadOnly?: boolean;
+
+	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data (i.e.) in a language and culture specific to a particular country or region.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Gets or sets a value that indicates name manager in Spreadsheet.
+	*/
+	nameManager?: Array<NameManager>;
+
+	/** Gets or sets an object that indicates to customize the picture behavior in the Spreadsheet.
+	*/
+	pictureSettings?: PictureSettings;
+
+	/** Gets or sets an object that indicates to customize the print option in Spreadsheet.
+	*/
+	printSettings?: PrintSettings;
+
+	/** Gets or sets an object that indicates to customize the ribbon settings in Spreadsheet.
+	*/
+	ribbonSettings?: RibbonSettings;
+
+	/** Gets or sets a value that indicates whether to define the number of rows to be displayed in the sheet.
+	*   @Default {20}
+	*/
+	rowCount?: number;
+
+	/** Gets or sets a value that indicates to define the common height for each row in the sheet.
+	*   @Default {20}
+	*/
+	rowHeight?: number;
+
+	/** Gets or sets an object that indicates to customize the scroll options in the Spreadsheet.
+	*/
+	scrollSettings?: ScrollSettings;
+
+	/** Gets or sets an object that indicates to customize the selection options in the Spreadsheet.
+	*/
+	selectionSettings?: SelectionSettings;
+
+	/** Gets or sets a value that indicates to define the number of sheets to be created at the initial load.
+	*   @Default {1}
+	*/
+	sheetCount?: number;
+
+	/** Gets or sets an object that indicates to customize the sheet behavior in Spreadsheet.
+	*/
+	sheets?: Array<Sheet>;
+
+	/** Gets or sets a value that indicates whether to show or hide pager in the Spreadsheet.
+	*   @Default {true}
+	*/
+	showPager?: boolean;
+
+	/** Gets or sets a value that indicates whether to show or hide ribbon in the Spreadsheet.
+	*   @Default {true}
+	*/
+	showRibbon?: boolean;
+
+	/** This is used to set the number of undo-redo steps in the Spreadsheet.
+	*   @Default {20}
+	*/
+	undoRedoStep?: number;
+
+	/** Define the username for the Spreadsheet which is displayed in comment.
+	*   @Default {User Name}
+	*/
+	userName?: string;
+
+	/** Triggered for every action before its starts. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggered for every action complete. */
+	actionComplete? (e: ActionCompleteEventArgs): void;
+
+	/** Triggered when the auto fill operation begins. */
+	autoFillBegin? (e: AutoFillBeginEventArgs): void;
+
+	/** Triggered when the auto fill operation completes. */
+	autoFillComplete? (e: AutoFillCompleteEventArgs): void;
+
+	/** Triggered before the batch save. */
+	beforeBatchSave? (e: BeforeBatchSaveEventArgs): void;
+
+	/** Triggered before the cells to be formatted. */
+	beforeCellFormat? (e: BeforeCellFormatEventArgs): void;
+
+	/** Triggered before the cell selection. */
+	beforeCellSelect? (e: BeforeCellSelectEventArgs): void;
+
+	/** Triggered before the selected cells are dropped. */
+	beforeDrop? (e: BeforeDropEventArgs): void;
+
+	/** Triggered while start to edit the comment. */
+	beforeEditComment? (e: BeforeEditCommentEventArgs): void;
+
+	/** Triggered before the contextmenu is open. */
+	beforeOpen? (e: BeforeOpenEventArgs): void;
+
+	/** Triggered before the activation panel is open. */
+	beforePanelOpen? (e: BeforePanelOpenEventArgs): void;
+
+	/** Triggered when click on sheet cell. */
+	cellClick? (e: CellClickEventArgs): void;
+
+	/** Triggered when the cell is edited. */
+	cellEdit? (e: CellEditEventArgs): void;
+
+	/** Triggered while cell is formatting. */
+	cellFormatting? (e: CellFormattingEventArgs): void;
+
+	/** Triggered when mouse hover on cell in sheets. */
+	cellHover? (e: CellHoverEventArgs): void;
+
+	/** Triggered when save the edited cell. */
+	cellSave? (e: CellSaveEventArgs): void;
+
+	/** Triggered when the cell is selected. */
+	cellSelected? (e: CellSelectedEventArgs): void;
+
+	/** Triggered when click the contextmenu items. */
+	contextMenuClick? (e: ContextMenuClickEventArgs): void;
+
+	/** Triggered when the selected cells are being dragged. */
+	drag? (e: DragEventArgs): void;
+
+	/** Triggered when you start to drag the picture or chart. */
+	dragShape? (e: DragShapeEventArgs): void;
+
+	/** Triggered when the selected cells are initiated to drag. */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** Triggered when the selected cells are dropped. */
+	drop? (e: DropEventArgs): void;
+
+	/** Triggered before the range editing starts. */
+	editRangeBegin? (e: EditRangeBeginEventArgs): void;
+
+	/** Triggered after range editing completes. */
+	editRangeComplete? (e: EditRangeCompleteEventArgs): void;
+
+	/** Triggered when the key is pressed down. */
+	keyDown? (e: KeyDownEventArgs): void;
+
+	/** Triggered when the key is released. */
+	keyUp? (e: KeyUpEventArgs): void;
+
+	/** Triggered before the sheet is loaded. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggered after the sheet is loaded. */
+	loadComplete? (e: LoadCompleteEventArgs): void;
+
+	/** Triggered every click of the menu item. */
+	menuClick? (e: MenuClickEventArgs): void;
+
+	/** Triggered when a file is imported. */
+	onImport? (e: OnImportEventArgs): void;
+
+	/** Triggered when import sheet is failed to open. */
+	openFailure? (e: OpenFailureEventArgs): void;
+
+	/** Triggered when pager item is clicked in the Spreadsheet. */
+	pagerClick? (e: PagerClickEventArgs): void;
+
+	/** Triggered when you start resizing the chart, picture, row and column. */
+	resizeStart? (e: ResizeStartEventArgs): void;
+
+	/** Triggered after end of resizing the chart, picture, row and column. */
+	resizeEnd? (e: ResizeEndEventArgs): void;
+
+	/** Triggered when click on the ribbon. */
+	ribbonClick? (e: RibbonClickEventArgs): void;
+
+	/** Triggered when the chart series rendering. */
+	seriesRendering? (e: SeriesRenderingEventArgs): void;
+
+	/** Triggered when click the ribbon tab. */
+	tabClick? (e: TabClickEventArgs): void;
+
+	/** Triggered when select the ribbon tab. */
+	tabSelect? (e: TabSelectEventArgs): void;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the applied style format object.
+	*/
+	afterFormat?: any;
+
+	/** Returns the applied style format object.
+	*/
+	beforeFormat?: any;
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the cell range.
+	*/
+	range?: Array<any>;
+
+	/** Returns the action format.
+	*/
+	reqType?: string;
+
+	/** Returns goto index while paging.
+	*/
+	gotoIdx?: number;
+
+	/** Returns boolean value. If create new sheet it returns true.
+	*/
+	newSheet?: boolean;
+
+	/** Return column name while sorting.
+	*/
+	columnName?: string;
+
+	/** Returns selected columns while sorting or filtering begins.
+	*/
+	colSelected?: number;
+
+	/** Returns sort direction while sort action begins.
+	*/
+	sortDirection?: string;
+}
+
+export interface ActionCompleteEventArgs {
+
+	/** Returns Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the applied cell format object.
+	*/
+	selectedCell?: Array<any>|any;
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the request type.
+	*/
+	reqType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface AutoFillBeginEventArgs {
+
+	/** Returns auto fill begin cell range.
+	*/
+	dataRange?: Array<any>;
+
+	/** Returns which direction drag the auto fill.
+	*/
+	direction?: string;
+
+	/** Returns fill cells range.
+	*/
+	fillRange?: Array<any>;
+
+	/** Returns the auto fill type.
+	*/
+	fillType?: string;
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface AutoFillCompleteEventArgs {
+
+	/** Returns auto fill begin cell range.
+	*/
+	dataRange?: Array<any>;
+
+	/** Returns which direction to drag the auto fill.
+	*/
+	direction?: string;
+
+	/** Returns fill cells range.
+	*/
+	fillRange?: Array<any>;
+
+	/** Returns the auto fill type.
+	*/
+	fillType?: string;
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface BeforeBatchSaveEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the query, primary key,batch changes for the data Source.
+	*/
+	dataSetting?: any;
+
+	/** Returns the changed record object.
+	*/
+	batchChanges?: any;
+}
+
+export interface BeforeCellFormatEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the applied style format object.
+	*/
+	format?: any;
+
+	/** Returns the selected cells.
+	*/
+	cells?: Array<any>|any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface BeforeCellSelectEventArgs {
+
+	/** Returns the previous cell range.
+	*/
+	prevRange?: Array<any>;
+
+	/** Returns the current cell range.
+	*/
+	currRange?: Array<any>;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface BeforeDropEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the current cell row and column index.
+	*/
+	currentCell?: any;
+
+	/** Returns the drag cells range object.
+	*/
+	dragAndDropRange?: any;
+
+	/** Returns the cell Overwriting alert option value.
+	*/
+	preventAlert?: boolean;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the target item.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface BeforeEditCommentEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the comment cell index.
+	*/
+	cellIndex?: any;
+
+	/** Returns the disable option value.
+	*/
+	disable?: boolean;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: any;
+
+	/** Returns the value of the comment
+	*/
+	value?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface BeforeOpenEventArgs {
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface BeforePanelOpenEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the activation panel element.
+	*/
+	activationPanel?: any;
+
+	/** Returns the range option value.
+	*/
+	range?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface CellClickEventArgs {
+
+	/** Returns the click cell element.
+	*/
+	cell?: HTMLElement;
+
+	/** Returns the column index of clicked cell.
+	*/
+	columnIndex?: number;
+
+	/** Returns the row index of clicked cell.
+	*/
+	rowIndex?: number;
+
+	/** Returns the column name of clicked cell.
+	*/
+	columnName?: string;
+
+	/** Returns the column information.
+	*/
+	columnObject?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the value of the cell.
+	*/
+	value?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface CellEditEventArgs {
+
+	/** Returns the click cell element.
+	*/
+	cell?: HTMLElement;
+
+	/** Returns the columnName of clicked cell.
+	*/
+	columnName?: string;
+
+	/** Returns the column field information.
+	*/
+	columnObject?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface CellFormattingEventArgs {
+
+	/** Returns the sheet index
+	*/
+	SheetIdx?: number;
+
+	/** Returns the applied style format object
+	*/
+	Format?: any;
+
+	/** Returns the cell index.
+	*/
+	Cell?: number;
+
+	/** Returns the name of the CSS theme.
+	*/
+	cssClass?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+}
+
+export interface CellHoverEventArgs {
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface CellSaveEventArgs {
+
+	/** Returns the save cell element.
+	*/
+	cell?: HTMLElement;
+
+	/** Returns the columnName of clicked cell.
+	*/
+	columnName?: string;
+
+	/** Returns the column field information.
+	*/
+	columnObject?: any;
+
+	/** Returns the index of the row.
+	*/
+	rowIndex?: number;
+
+	/** Returns the index of the column.
+	*/
+	colIndex?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the cell previous value.
+	*/
+	pValue?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cell value.
+	*/
+	value?: string;
+}
+
+export interface CellSelectedEventArgs {
+
+	/** Returns the active sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the selected range.
+	*/
+	selectedRange?: Array<any>;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface ContextMenuClickEventArgs {
+
+	/** Returns target element Id.
+	*/
+	Id?: string;
+
+	/** Returns the target element.
+	*/
+	element?: HTMLElement;
+
+	/** Returns event information.
+	*/
+	event?: any;
+
+	/** Returns target element and event information.
+	*/
+	events?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns target element parent Id.
+	*/
+	parentId?: string;
+
+	/** Returns target element parent text.
+	*/
+	parentText?: string;
+
+	/** Returns target element text.
+	*/
+	text?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface DragEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the current cell row and column index.
+	*/
+	currentCell?: any;
+
+	/** Returns the drag cells range object.
+	*/
+	dragAndDropRange?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the target item.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface DragShapeEventArgs {
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface DragStartEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the current cell row and column index.
+	*/
+	currentCell?: any;
+
+	/** Returns the drag cells range object.
+	*/
+	dragAndDropRange?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the target item.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface DropEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the current cell row and column index.
+	*/
+	currentCell?: any;
+
+	/** Returns the drag cells range object.
+	*/
+	dragAndDropRange?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the target item.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface EditRangeBeginEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the range option value.
+	*/
+	range?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface EditRangeCompleteEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIdx?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the range option value.
+	*/
+	range?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface KeyDownEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIndex?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the boolean value.
+	*/
+	isCommentEdit?: boolean;
+
+	/** Returns the boolean value.
+	*/
+	isEdit?: boolean;
+
+	/** Returns the boolean value.
+	*/
+	isSheetRename?: boolean;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface KeyUpEventArgs {
+
+	/** Returns the sheet index.
+	*/
+	sheetIndex?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the boolean value.
+	*/
+	isCommentEdit?: boolean;
+
+	/** Returns the boolean value.
+	*/
+	isEdit?: boolean;
+
+	/** Returns the boolean value.
+	*/
+	isSheetRename?: boolean;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface LoadEventArgs {
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the active sheet index.
+	*/
+	sheetIndex?: number;
+}
+
+export interface LoadCompleteEventArgs {
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface MenuClickEventArgs {
+
+	/** Returns menu click element.
+	*/
+	element?: HTMLElement;
+
+	/** Returns the event information.
+	*/
+	event?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns target element parent Id.
+	*/
+	parentId?: string;
+
+	/** Returns target element parent text.
+	*/
+	parentText?: string;
+
+	/** Returns target element text.
+	*/
+	text?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface OnImportEventArgs {
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the imported data.
+	*/
+	importData?: any;
+}
+
+export interface OpenFailureEventArgs {
+
+	/** Returns the failure type.
+	*/
+	failureType?: string;
+
+	/** Returns the status index.
+	*/
+	status?: number;
+
+	/** Returns the status in text.
+	*/
+	statusText?: string;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface PagerClickEventArgs {
+
+	/** Returns the active sheet index.
+	*/
+	activeSheet?: number;
+
+	/** Returns the new sheet index.
+	*/
+	gotoSheet?: number;
+
+	/** Returns whether new sheet icon is clicked.
+	*/
+	newSheet?: boolean;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface ResizeStartEventArgs {
+
+	/** Returns the column index which column you start to resize.
+	*/
+	colIndex?: number;
+
+	/** Returns the row index which row you start to resize.
+	*/
+	rowIndex?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: any;
+
+	/** Returns type of the request.
+	*/
+	reqType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface ResizeEndEventArgs {
+
+	/** Returns the column index which you resized.
+	*/
+	colIndex?: number;
+
+	/** Returns old width of the column or shape.
+	*/
+	oldWidth?: number;
+
+	/** Returns new width of the column or shape.
+	*/
+	newWidth?: number;
+
+	/** Returns the row index which you resized.
+	*/
+	rowIndex?: number;
+
+	/** Returns old height of the row or shape.
+	*/
+	oldHeight?: number;
+
+	/** Returns new height of the row or shape.
+	*/
+	newHeight?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: any;
+
+	/** Returns type of the request.
+	*/
+	reqType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface RibbonClickEventArgs {
+
+	/** Returns element Id.
+	*/
+	Id?: string;
+
+	/** Returns target information.
+	*/
+	prop?: any;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns status.
+	*/
+	status?: boolean;
+
+	/** Returns isChecked in boolean.
+	*/
+	isChecked?: boolean;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface SeriesRenderingEventArgs {
+
+	/** Returns chart data and chart information.
+	*/
+	data?: any;
+
+	/** Returns the chart model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface TabClickEventArgs {
+
+	/** Returns the active tab index.
+	*/
+	activeIndex?: number;
+
+	/** Returns active tab header element.
+	*/
+	activeHeader?: any;
+
+	/** Returns previous active tab header element.
+	*/
+	prevActiveHeader?: any;
+
+	/** Returns previous active tab index.
+	*/
+	prevActiveIndex?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface TabSelectEventArgs {
+
+	/** Returns the active tab index.
+	*/
+	activeIndex?: number;
+
+	/** Returns active tab header element.
+	*/
+	activeHeader?: any;
+
+	/** Returns previous active tab header element.
+	*/
+	prevActiveHeader?: any;
+
+	/** Returns previous active tab index.
+	*/
+	prevActiveIndex?: number;
+
+	/** Returns the Spreadsheet model.
+	*/
+	model?: ej.Spreadsheet.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the target element.
+	*/
+	target?: HTMLElement;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+}
+
+export interface AutoFillSettings {
+
+	/** This property is used to set fillType unit in Spreadsheet. It has five types which are CopyCells, FillSeries, FillFormattingOnly, FillWithoutFormatting and FlashFill.
+	*   @Default {ej.Spreadsheet.AutoFillOptions.FillSeries}
+	*/
+	fillType?: ej.Spreadsheet.AutoFillOptions|string;
+
+	/** Gets or sets a value that indicates to enable or disable auto fill options in the Spreadsheet.
+	*   @Default {true}
+	*/
+	showFillOptions?: boolean;
+}
+
+export interface ChartSettings {
+
+	/** Gets or sets a value that defines the chart height in Spreadsheet.
+	*   @Default {220}
+	*/
+	height?: number;
+
+	/** Gets or sets a value that defines the chart width in the Spreadsheet.
+	*   @Default {440}
+	*/
+	width?: number;
+}
+
+export interface ExportSettings {
+
+	/** Gets or sets a value that indicates whether to enable or disable save feature in Spreadsheet. By enabling this feature, you can save existing Spreadsheet.
+	*   @Default {true}
+	*/
+	allowExporting?: boolean;
+
+	/** Gets or sets a value that indicates to define csvUrl for export to CSV format.
+	*   @Default {null}
+	*/
+	csvUrl?: string;
+
+	/** Gets or sets a value that indicates to define excelUrl for export to excel format.
+	*   @Default {null}
+	*/
+	excelUrl?: string;
+
+	/** Gets or sets a value that indicates to define password while export to excel format.
+	*   @Default {null}
+	*/
+	password?: string;
+
+	/** Gets or sets a value that indicates to define pdfUrl for export to PDF format.
+	*   @Default {null}
+	*/
+	pdfUrl?: string;
+}
+
+export interface FormatSettings {
+
+	/** Gets or sets a value that indicates whether to enable or disable cell border feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowCellBorder?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable decimal places in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowDecimalPlaces?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable font family feature in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowFontFamily?: boolean;
+}
+
+export interface ImportSettings {
+
+	/** Sets import mapper to perform import feature in Spreadsheet.
+	*/
+	importMapper?: string;
+
+	/** Gets or sets a value that indicates whether to enable or disable import while initial loading.
+	*   @Default {false}
+	*/
+	importOnLoad?: boolean;
+
+	/** Sets import URL to access the online files in the Spreadsheet.
+	*/
+	importUrl?: string;
+
+	/** Gets or sets a value that indicates to define password while importing in the Spreadsheet.
+	*/
+	password?: string;
+}
+
+export interface NameManager {
+
+	/** Specifies the name for the cell or a range.
+	*/
+	name?: string;
+
+	/** Specifies the address for the cell or a range.
+	*/
+	refersto?: string;
+}
+
+export interface PictureSettings {
+
+	/** Gets or sets a value that indicates whether to enable or disable picture feature in Spreadsheet. By enabling this, you can add pictures in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowPictures?: boolean;
+
+	/** Gets or sets a value that indicates to define height to picture in the Spreadsheet.
+	*   @Default {220}
+	*/
+	height?: number;
+
+	/** Gets or sets a value that indicates to define width to picture in the Spreadsheet.
+	*   @Default {440}
+	*/
+	width?: number;
+}
+
+export interface PrintSettings {
+
+	/** Gets or sets a value that indicates whether to enable or disable page setup support for printing in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowPageSetup?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable page size support for printing in Spreadsheet.
+	*   @Default {false}
+	*/
+	allowPageSize?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable print feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowPrinting?: boolean;
+}
+
+export interface RibbonSettingsApplicationTabMenuSettings {
+
+	/** Gets or sets a value that indicates whether to enable or disable isAppend property in ribbon settings.
+	*   @Default {false}
+	*/
+	isAppend?: boolean;
+
+	/** Specifies the data source to append in application tab.
+	*   @Default {[]}
+	*/
+	dataSource?: Array<any>;
+}
+
+export interface RibbonSettingsApplicationTab {
+
+	/** Gets or sets a value that indicates to set application tab type in Spreadsheet. It has two types, Menu and Backstage.
+	*   @Default {ej.Ribbon.ApplicationTabType.Backstage}
+	*/
+	type?: ej.Ribbon.ApplicationTabType|string;
+
+	/** Gets or sets an object that indicates menu settings for application tab in Spreadsheet.
+	*/
+	menuSettings?: RibbonSettingsApplicationTabMenuSettings;
+}
+
+export interface RibbonSettings {
+
+	/** Gets or sets an object that indicates application tab settings in Spreadsheet.
+	*/
+	applicationTab?: RibbonSettingsApplicationTab;
+}
+
+export interface ScrollSettings {
+
+	/** Gets or sets a value that indicates whether to enable or disable scrolling in Spreadsheet.
+	*   @Default {true}
+	*/
+	allowScrolling?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable sheet on demand. By enabling this, it render only the active sheet element while paging remaining sheets are created one by one.
+	*   @Default {false}
+	*/
+	allowSheetOnDemand?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable virtual scrolling feature in the Spreadsheet.
+	*   @Default {true}
+	*/
+	allowVirtualScrolling?: boolean;
+
+	/** Gets or sets the value that indicates to define the height of spreadsheet.
+	*   @Default {100%}
+	*/
+	height?: number|string;
+
+	/** Gets or sets the value that indicates whether to enable or disable responsive mode in the Spreadsheet.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Gets or sets a value that indicates to set scroll mode in Spreadsheet. It has two scroll modes, Normal and Infinite.
+	*   @Default {ej.Spreadsheet.scrollMode.Infinite}
+	*/
+	scrollMode?: ej.Spreadsheet.scrollMode|string;
+
+	/** Gets or sets the value that indicates to define the height of the spreadsheet.
+	*   @Default {100%}
+	*/
+	width?: number|string;
+}
+
+export interface SelectionSettings {
+
+	/** Gets or sets a value that indicates to define active cell in spreadsheet.
+	*/
+	activeCell?: string;
+
+	/** Gets or sets a value that indicates to define animation time while selection in the Spreadsheet.
+	*   @Default {0.001}
+	*/
+	animationTime?: number;
+
+	/** Gets or sets a value that indicates to enable or disable animation while selection.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Gets or sets a value that indicates to set selection type in Spreadsheet. It has three types which are Column, Row and Default.
+	*   @Default {ej.Spreadsheet.SelectionType.Default}
+	*/
+	selectionType?: ej.Spreadsheet.SelectionType|string;
+
+	/** Gets or sets a value that indicates to set selection unit in Spreadsheet. It has three types which are Single, Range and MultiRange.
+	*   @Default {ej.Spreadsheet.SelectionUnit.MultiRange}
+	*/
+	selectionUnit?: ej.Spreadsheet.SelectionUnit|string;
+}
+
+export interface SheetsBorder {
+
+	/** Specifies border type in the Spreadsheet.
+	*/
+	type?: ej.Spreadsheet.BorderType|string;
+
+	/** Specifies border color for range of cells in Spreadsheet.
+	*/
+	color?: string;
+
+	/** To apply border for the specified range of cell.
+	*/
+	range?: string;
+}
+
+export interface SheetsCFormatRule {
+
+	/** Specifies the conditions to apply for the range of cells in Spreadsheet.
+	*/
+	action?: ej.Spreadsheet.CFormatRule|string;
+
+	/** Specifies the color to apply for the range of cell while conditional formatting.
+	*/
+	color?: ej.Spreadsheet.CFormatHighlightColor|string;
+
+	/** Specifies the inputs for conditional formatting in Spreadsheet.
+	*   @Default {[]}
+	*/
+	inputs?: Array<any>;
+
+	/** Specifies the range for conditional formatting in Spreadsheet.
+	*/
+	range?: string;
+}
+
+export interface SheetsRangeSetting {
+
+	/** Gets or sets the data to render the Spreadsheet.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Specifies the header styles for the headers in datasource range.
+	*   @Default {null}
+	*/
+	headerStyles?: any;
+
+	/** Specifies the primary key for the datasource in Spreadsheet.
+	*/
+	primaryKey?: string;
+
+	/** Specifies the query for the datasource in Spreadsheet.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
+	*   @Default {true}
+	*/
+	showHeader?: boolean;
+
+	/** Specifies the start cell for the datasource range in Spreadsheet.
+	*   @Default {A1}
+	*/
+	startCell?: string;
+}
+
+export interface SheetsRowsCellsComment {
+
+	/** Get or sets the value that indicates whether to show or hide comments in Spreadsheet.
+	*   @Default {false}
+	*/
+	isVisible?: boolean;
+
+	/** Specifies the value for the comment in Spreadsheet.
+	*/
+	value?: string;
+}
+
+export interface SheetsRowsCellsFormat {
+
+	/** Specifies the number of decimal places for the given input.
+	*   @Default {2}
+	*/
+	decimalPlaces?: number;
+
+	/** Specifies the string format for the given input.
+	*/
+	formatStr?: string;
+
+	/** Specifies the thousand separator for the given input.
+	*   @Default {false}
+	*/
+	thousandSeparator?: boolean;
+
+	/** Specifies the type of the format in Spreadsheet.
+	*/
+	type?: string;
+}
+
+export interface SheetsRowsCellsHyperlink {
+
+	/** Specifies the web address for the hyperlink of a cell.
+	*/
+	webAddr?: string;
+
+	/** Specifies the cell address for the hyperlink of a cell.
+	*/
+	cellAddr?: string;
+
+	/** Specifies the sheet index to which the cell is referred.
+	*   @Default {1}
+	*/
+	sheetIndex?: number;
+}
+
+export interface SheetsRowsCellsStyle {
+
+	/** Specifies the background color of a cell in the Spreadsheet.
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the font color of a cell in the Spreadsheet.
+	*/
+	color?: string;
+
+	/** Specifies the font weight of a cell in the Spreadsheet.
+	*/
+	fontWeight?: string;
+}
+
+export interface SheetsRowsCell {
+
+	/** Specifies the comment for a cell in Spreadsheet.
+	*   @Default {null}
+	*/
+	comment?: SheetsRowsCellsComment;
+
+	/** Specifies the format of a cell in Spreadsheet.
+	*   @Default {null}
+	*/
+	format?: SheetsRowsCellsFormat;
+
+	/** Specifies the hyperlink for a cell in Spreadsheet.
+	*   @Default {null}
+	*/
+	hyperlink?: SheetsRowsCellsHyperlink;
+
+	/** Specifies the index of a cell in Spreadsheet.
+	*   @Default {0}
+	*/
+	index?: number;
+
+	/** Specifies whether to lock or unlock a particular cell.
+	*   @Default {false}
+	*/
+	isLocked?: boolean;
+
+	/** Specifies the styles of a cell in Spreadsheet.
+	*   @Default {null}
+	*/
+	style?: SheetsRowsCellsStyle;
+
+	/** Specifies the value for a cell in Spreadsheet.
+	*/
+	value?: string;
+}
+
+export interface SheetsRow {
+
+	/** Gets or sets the height of a row in Spreadsheet.
+	*   @Default {20}
+	*/
+	height?: number;
+
+	/** Specifies the cells of a row in Spreadsheet.
+	*   @Default {[]}
+	*/
+	cells?: Array<SheetsRowsCell>;
+
+	/** Gets or sets the index of a row in Spreadsheet.
+	*   @Default {0}
+	*/
+	index?: number;
+}
+
+export interface Sheet {
+
+	/** Specifies the border for the cell in the Spreadsheet.
+	*   @Default {[]}
+	*/
+	border?: Array<SheetsBorder>;
+
+	/** Specifies the cell types for a cell or range in Spreadsheet.
+	*   @Default {[]}
+	*/
+	cellTypes?: Array<any>;
+
+	/** Specifies the conditional formatting for the range of cell in Spreadsheet.
+	*   @Default {[]}
+	*/
+	cFormatRule?: Array<SheetsCFormatRule>;
+
+	/** Gets or sets a value that indicates to define column count in the Spreadsheet.
+	*   @Default {21}
+	*/
+	colCount?: number;
+
+	/** Gets or sets a value that indicates to define column width in the Spreadsheet.
+	*   @Default {64}
+	*/
+	columnWidth?: number;
+
+	/** Gets or sets the data to render the Spreadsheet.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Gets or sets a value that indicates whether to enable or disable field as column header in the Spreadsheet.
+	*   @Default {false}
+	*/
+	fieldAsColumnHeader?: boolean;
+
+	/** Gets or sets a value to freeze rows in the Spreadsheet.
+	*   @Default {0}
+	*/
+	frozenRows?: number;
+
+	/** Gets or sets a value to freeze columns in the Spreadsheet.
+	*   @Default {0}
+	*/
+	frozenColumns?: number;
+
+	/** Specifies the header styles for the headers in datasource range.
+	*   @Default {null}
+	*/
+	headerStyles?: any;
+
+	/** To hide the specified columns in Spreadsheet.
+	*   @Default {[]}
+	*/
+	hideColumns?: Array<any>;
+
+	/** To hide the specified rows in Spreadsheet.
+	*   @Default {[]}
+	*/
+	hideRows?: Array<any>;
+
+	/** To merge specified ranges in Spreadsheet.
+	*   @Default {[]}
+	*/
+	mergeCells?: Array<any>;
+
+	/** Specifies the primary key for the datasource in Spreadsheet.
+	*/
+	primaryKey?: string;
+
+	/** Specifies the query for the dataSource in Spreadsheet.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Specifies single range or multiple range settings for a sheet in Spreadsheet.
+	*   @Default {[]}
+	*/
+	rangeSettings?: Array<SheetsRangeSetting>;
+
+	/** Gets or sets a value that indicates to define row count in the Spreadsheet.
+	*   @Default {20}
+	*/
+	rowCount?: number;
+
+	/** Specifies the rows for a sheet in Spreadsheet.
+	*   @Default {[]}
+	*/
+	rows?: Array<SheetsRow>;
+
+	/** Gets or sets a value that indicates whether to show or hide grid lines in the Spreadsheet.
+	*   @Default {true}
+	*/
+	showGridlines?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
+	*   @Default {true}
+	*/
+	showHeader?: boolean;
+
+	/** Gets or sets a value that indicates whether to show or hide headings in the Spreadsheet.
+	*   @Default {true}
+	*/
+	showHeadings?: boolean;
+
+	/** Specifies the start cell for the datasource range in Spreadsheet.
+	*   @Default {A1}
+	*/
+	startCell?: string;
+}
+
+enum AutoFillOptions{
+
+	///Specifies the CopyCells property in AutoFillOptions.
+	CopyCells,
+
+	///Specifies the FillSeries property in AutoFillOptions.
+	FillSeries,
+
+	///Specifies the FillFormattingOnly property in AutoFillOptions.
+	FillFormattingOnly,
+
+	///Specifies the FillWithoutFormatting property in AutoFillOptions.
+	FillWithoutFormatting,
+
+	///Specifies the FlashFill property in AutoFillOptions.
+	FlashFill
+}
+
+
+enum scrollMode{
+
+	///To enable Infinite scroll mode for Spreadsheet.
+	Infinite,
+
+	///To enable Normal scroll mode for Spreadsheet.
+	Normal
+}
+
+
+enum SelectionType{
+
+	///To select only Column in Spreadsheet.
+	Column,
+
+	///To select only Row in Spreadsheet.
+	Row,
+
+	///To select both Column/Row in Spreadsheet.
+	Default
+}
+
+
+enum SelectionUnit{
+
+	///To enable Single selection in Spreadsheet
+	Single,
+
+	///To enable Range selection in Spreadsheet
+	Range,
+
+	///To enable MultiRange selection in Spreadsheet
+	MultiRange
+}
+
+
+enum BorderType{
+
+	///To apply top border for the given range of cell.
+	Top,
+
+	///To apply left border for the given range of cell.
+	Left,
+
+	///To apply right border for the given range of cell.
+	Right,
+
+	///To apply bottom border for the given range of cell.
+	Bottom,
+
+	///To apply outside border for the given range of cell.
+	OutSide,
+
+	///To apply all border for the given range of cell.
+	AllBorder,
+
+	///To apply thick box border for the given range of cell.
+	ThickBox,
+
+	///To apply thick bottom border for the given range of cell.
+	ThickBottom,
+
+	///To apply top and bottom border for the given range of cell.
+	TopandBottom,
+
+	///To apply top and thick bottom border for the given range of cell.
+	TopandThickBottom
+}
+
+
+enum CFormatRule{
+
+	///To identify greater than values in the given range of cells.
+	GreaterThan,
+
+	///To identify less than values in the given range of cells.
+	LessThan,
+
+	///To identify in between values in the given range of cells.
+	Between,
+
+	///To identify the equal values in the given range of cells.
+	EqualTo,
+
+	///To identify the specified text in the range of cells.
+	TextContains,
+
+	///To identify the specified date in the range of cells.
+	DateOccurs
+}
+
+
+enum CFormatHighlightColor{
+
+	///Highlights red with dark red text color.
+	RedFillwithDarkRedText,
+
+	///Highlights yellow with dark yellow text color.
+	YellowFillwithDarkYellowText,
+
+	///Highlights green with dark green text color.
+	GreenFillwithDarkGreenText,
+
+	///Highlights with red fill.
+	RedFill,
+
+	///Highlights with red text.
+	RedText
+}
+
+
+enum ChartProperties{
+
+	///Specifies to make the data label center of the chart.
+	DataLabelCenter,
+
+	///Specifies to make the data label inside base of the chart.
+	DataLabelInsideBase,
+
+	///Specifies to make the data label inside end of the chart.
+	DataLabelInsideEnd,
+
+	///Specifies to make the data label none of the chart.
+	DataLabelNone,
+
+	///Specifies to make the data label outside end of the chart.
+	DataLabelOutsideEnd,
+
+	///Specifies to make the legends to bottom of the chart.
+	LegendsBottom,
+
+	///Specifies to make the legends to left of the chart.
+	LegendsLeft,
+
+	///Specifies to make the legends to none of the chart.
+	LegendsNone,
+
+	///Specifies to make the legends to right of the chart.
+	LegendsRight,
+
+	///Specifies to make the legends to top of the chart.
+	LegendsTop,
+
+	///To set the primary horizontal of the chart.
+	PrimaryHorizontal,
+
+	///To set the primary horizontal axis title of the chart.
+	PrimaryHorizontalAxisTitle,
+
+	///To set the primary major horizontal of the chart.
+	PrimaryMajorHorizontal,
+
+	///To set the primary major vertical of the chart.
+	PrimaryMajorVertical,
+
+	///To set the primary minor horizontal of the chart.
+	PrimaryMinorHorizontal,
+
+	///To set the primary minor vertical of the chart.
+	PrimaryMinorVertical,
+
+	///To set the primary vertical of the chart.
+	PrimaryVertical,
+
+	///To set the primary vertical axis title of the chart.
+	PrimaryVerticalAxisTitle,
+
+	///Specifies to make the title to center of the chart.
+	TitleCenter,
+
+	///Specifies to make the title to far of the chart.
+	TitleFar,
+
+	///Specifies to make the title to near of the chart.
+	TitleNear,
+
+	///Specifies to make the title to none of the chart.
+	TitleNone
+}
+
+}
+
+class PdfViewer extends ej.Widget {
+	static fn: PdfViewer;
+	constructor(element: JQuery, options?: PdfViewer.Model);
+	constructor(element: Element, options?: PdfViewer.Model);
+	static Locale: any;
+	model:PdfViewer.Model;
+	defaults:PdfViewer.Model;
+
+	/** Loads the document with the filename and displays it in PDF viewer.
+	*   @param {string} File name to be loaded
+	*   @returns {void}
+	*/
+	load(fileName: string): void;
+
+	/** Shows/hides the toolbar in the PDF viewer.
+	*   @param {boolean} shows/hides the toolbar
+	*   @returns {void}
+	*/
+	showToolbar(show: boolean): void;
+
+	/** Prints the PDF document.
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Abort the printing function and restores the PDF viewer.
+	*   @returns {void}
+	*/
+	abortPrint(): void;
+
+	/** Shows/hides the print icon in the toolbar.
+	*   @param {boolean} shows/hides print button in the toolbar
+	*   @returns {void}
+	*/
+	showPrintTools(show: boolean): void;
+
+	/** Downloads the PDF document being loaded in the ejPdfViewer control.
+	*   @returns {void}
+	*/
+	download(): void;
+
+	/** Shows/hides the download tool in the toolbar.
+	*   @param {boolean} shows/hides download button in the toolbar
+	*   @returns {void}
+	*/
+	showDownloadTool(show: boolean): void;
+
+	/** Shows/hides the page navigation tools in the toolbar
+	*   @param {boolean} shows/hides navigation tools in the toolbar
+	*   @returns {void}
+	*/
+	showPageNavigationTools(show: boolean): void;
+
+	/** Shows/hides the text markup annotation tools in the toolbar.
+	*   @param {boolean} shows/hides text markup annotation tools in the toolbar
+	*   @returns {void}
+	*/
+	showTextMarkupAnnotationTools(show: boolean): void;
+
+	/** Navigates to the specific page in the PDF document. If the page is not available for the given pageNumber, PDF viewer retains the existing page in view.
+	*   @param {number} navigates to the page number in the PDF document
+	*   @returns {void}
+	*/
+	goToPage(pageNumber: number): void;
+
+	/** Navigates to the last page of the PDF document.
+	*   @returns {void}
+	*/
+	goToLastPage(): void;
+
+	/** Navigates to the first page of PDF document.
+	*   @returns {void}
+	*/
+	goToFirstPage(): void;
+
+	/** Navigates to the next page of the PDF document.
+	*   @returns {void}
+	*/
+	goToNextPage(): void;
+
+	/** Navigates to the previous page of the PDF document.
+	*   @returns {void}
+	*/
+	goToPreviousPage(): void;
+
+	/** Shows/hides the zoom tools in the toolbar.
+	*   @param {boolean} shows/hides zoom tools in the toolbar
+	*   @returns {void}
+	*/
+	showMagnificationTools(show: boolean): void;
+
+	/** Scales the page to fit the page in the container in the control.
+	*   @returns {void}
+	*/
+	fitToPage(): void;
+
+	/** Scales the page to fit the page width to the width of the container in the control.
+	*   @returns {void}
+	*/
+	fitToWidth(): void;
+
+	/** Magnifies the page to the next value in the zoom drop down list.
+	*   @returns {void}
+	*/
+	zoomIn(): void;
+
+	/** Shrinks the page to the previous value in the magnification in the drop down list.
+	*   @returns {void}
+	*/
+	zoomOut(): void;
+
+	/** Scales the page to the specified percentage ranging from 50 to 400. If the given zoomValue is less than 50 or greater than 400; the PDF viewer scales the page to 50 and 400 respectively.
+	*   @param {number} zoom value for scaling the pages in the PDF Viewer
+	*   @returns {void}
+	*/
+	zoomTo(zoomValue: number): void;
+
+	/** Adds annotations to the PDF document.
+	*   @param {ej.PdfViewer.AnnotationType} type of the annotation to be added in the PDF document.
+	*   @returns {void}
+	*/
+	addAnnotation(annotationType: ej.PdfViewer.AnnotationType): void;
+
+	/** Performs undo function for the included annotations in the PDF document.
+	*   @returns {void}
+	*/
+	undo(): void;
+
+	/** Performs redo function for the included annotations in the PDF document.
+	*   @returns {void}
+	*/
+	redo(): void;
+
+	/** Unloads the PDF document being displayed in the PDF viewer.
+	*   @returns {void}
+	*/
+	unload(): void;
+}
+export module PdfViewer{
+
+export interface Model {
+
+	/** Specifies the locale information of the PDF viewer.
+	*/
+	locale?: string;
+
+	/** Specifies the toolbar settings.
+	*/
+	toolbarSettings?: ToolbarSettings;
+
+	/** Specifies the name of the action method in the server.
+	*/
+	serverActionSettings?: ServerActionSettings;
+
+	/** Sets the PDF Web API service URL
+	*/
+	serviceUrl?: string;
+
+	/** Sets the PDF document path for initial loading.
+	*/
+	documentPath?: string;
+
+	/** Enables or disables the text markup annotations.
+	*/
+	enableTextMarkupAnnotations?: boolean;
+
+	/** Enables or disables the highlight annotation.
+	*/
+	enableHighlightAnnotation?: boolean;
+
+	/** Enables or disables the underline annotation.
+	*/
+	enableUnderlineAnnotation?: boolean;
+
+	/** Enables or disables the strikethrough annotation.
+	*/
+	enableStrikethroughAnnotation?: boolean;
+
+	/** Gets/sets the settings of the strikethrough annotation.
+	*/
+	strikethroughSettings?: StrikethroughSettings;
+
+	/** Gets/sets the settings of the underline annotation.
+	*/
+	underlineSettings?: UnderlineSettings;
+
+	/** Gets/sets the settings of the highlight annotation.
+	*/
+	highlightSettings?: HighlightSettings;
+
+	/** Specifies the type of the annotations.
+	*/
+	annotationType?: ej.PdfViewer.AnnotationType|string;
+
+	/** Gets the total number of pages in PDF document.
+	*/
+	pageCount?: number;
+
+	/** Gets the number of the page being displayed in the PDF viewer.
+	*/
+	currentPageNumber?: number;
+
+	/** Gets the current zoom percentage of the PDF document in viewer.
+	*/
+	zoomPercentage?: number;
+
+	/** Specifies the location of the supporting PDF service
+	*/
+	pdfService?: ej.PdfViewer.PdfService|string;
+
+	/** Specifies the open state of the hyperlink in the PDF document.
+	*/
+	hyperlinkOpenState?: ej.PdfViewer.LinkTarget|string;
+
+	/** Enables or disables the hyperlinks in PDF document.
+	*/
+	enableHyperlink?: boolean;
+
+	/** Enables or disables the text selection in PDF document.
+	*/
+	enableTextSelection?: boolean;
+
+	/** Enables or disables the responsiveness of the PDF viewer control during the window resize.
+	*/
+	isResponsive?: boolean;
+
+	/** Checks whether the PDF document is edited.
+	*/
+	isDocumentEdited?: boolean;
+
+	/** Enables or disables the buffering of the PDF pages in the client side.
+	*/
+	allowClientBuffering?: boolean;
+
+	/** Gets the name of the PDF document which loaded in the ejPdfViewer control for downloading.
+	*/
+	fileName?: string;
+
+	/** Triggers when the PDF document gets loaded and is ready to view in the Control. */
+	documentLoad? (e: DocumentLoadEventArgs): void;
+
+	/** Triggers when the PDF document gets unloaded from the PDF viewer. */
+	documentUnload? (e: DocumentUnloadEventArgs): void;
+
+	/** Triggers when there is change in current page number. */
+	pageChange? (e: PageChangeEventArgs): void;
+
+	/** Triggers when the ajax request is failed. */
+	ajaxRequestFailure? (e: AjaxRequestFailureEventArgs): void;
+
+	/** Triggers when there is change in the magnification value. */
+	zoomChange? (e: ZoomChangeEventArgs): void;
+
+	/** Triggers when hyperlink in the PDF Document is clicked */
+	hyperlinkClick? (e: HyperlinkClickEventArgs): void;
+
+	/** Triggers before the printing starts. */
+	beforePrint? (e: BeforePrintEventArgs): void;
+
+	/** Triggers after the printing is completed. */
+	afterPrint? (e: AfterPrintEventArgs): void;
+
+	/** Triggers when the mouse click is performed over the page of the PDF document. */
+	pageClick? (e: PageClickEventArgs): void;
+
+	/** Triggers when an annotation is added over the page of the PDF document. */
+	annotationAdd? (e: AnnotationAddEventArgs): void;
+
+	/** Triggers when an annotation is removed from the page of the PDF document. */
+	annotationRemove? (e: AnnotationRemoveEventArgs): void;
+
+	/** Triggers when the property of the annotation is changed in the page of the PDF document. */
+	annotationPropertiesChange? (e: AnnotationPropertiesChangeEventArgs): void;
+
+	/** Triggers when the client buffering process starts. */
+	bufferStart? (e: BufferStartEventArgs): void;
+
+	/** Triggers when the client buffering process ends. */
+	bufferEnd? (e: BufferEndEventArgs): void;
+
+	/** Triggers when PDF viewer control is destroyed successfully. */
+	destroy? (e: DestroyEventArgs): void;
+}
+
+export interface DocumentLoadEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the PDF document name displaying in the PDF viewer.
+	*/
+	fileName?: string;
+}
+
+export interface DocumentUnloadEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface PageChangeEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the current page number in view.
+	*/
+	currentPageNumber?: number;
+}
+
+export interface AjaxRequestFailureEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the exception details.
+	*/
+	message?: string;
+}
+
+export interface ZoomChangeEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the previous zoom percentage of the PDF viewer control
+	*/
+	previousZoomPercentage?: number;
+
+	/** Returns the current zoom percentage of the PDF viewer control
+	*/
+	currentZoomPercentage?: number;
+}
+
+export interface HyperlinkClickEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the clicked hyperlink
+	*/
+	hyperlink?: string;
+}
+
+export interface BeforePrintEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface AfterPrintEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface PageClickEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the current X position
+	*/
+	offsetX?: number;
+
+	/** Returns the current Y position
+	*/
+	offsetY?: number;
+}
+
+export interface AnnotationAddEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the settings of the annotation added to the PDF document.
+	*/
+	annotationSettings?: any;
+
+	/** Returns the id of the annotation added in the page of the PDF document.
+	*/
+	annotationID?: number;
+
+	/** Returns the bounds of the annotation added in the page of the PDF document.
+	*/
+	annotationBound?: Array<any>;
+
+	/** Returns the page number in which the annotation is added.
+	*/
+	pageID?: number;
+
+	/** Returns the type of the annotation added in the page of the PDF document.
+	*/
+	annotationType?: string;
+}
+
+export interface AnnotationRemoveEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the id of the annotation removed from the page of the PDF document.
+	*/
+	annotationID?: number;
+
+	/** Returns the page number in which the annotation is removed.
+	*/
+	pageID?: number;
+
+	/** Returns the type of the annotation removed from the page of the PDF document.
+	*/
+	annotationType?: string;
+}
+
+export interface AnnotationPropertiesChangeEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Returns the id of the annotation added in the page of the PDF document.
+	*/
+	annotationID?: number;
+
+	/** Returns the page number in which the annotation is added.
+	*/
+	pageID?: number;
+
+	/** Returns the type of the annotation added in the page of the PDF document.
+	*/
+	annotationType?: string;
+
+	/** Specifies that the color of the annotation is changed.
+	*/
+	isColorChanged?: boolean;
+
+	/** Specifies that the opacity of the annotation is changed.
+	*/
+	isOpacityChanged?: boolean;
+}
+
+export interface BufferStartEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Specifies the state of the buffering
+	*/
+	isBuffering?: boolean;
+}
+
+export interface BufferEndEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** Specifies the state of the buffering
+	*/
+	isBuffering?: boolean;
+}
+
+export interface DestroyEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the PDF viewer model
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ToolbarSettings {
+
+	/** Shows or hides the tooltip of the toolbar items.
+	*/
+	showToolTip?: boolean;
+
+	/** Shows or hides the grouped items in the toolbar with the help of enum ej.PdfViewer.ToolbarItems
+	*/
+	toolbarItem?: ej.PdfViewer.ToolbarItems|string;
+}
+
+export interface ServerActionSettings {
+
+	/** Specifies the name of the action method used for loading the PDF document.
+	*/
+	load?: string;
+
+	/** Specifies the name of the action method used for uploading the PDF document to the PDF viewer control.
+	*/
+	fileUpload?: string;
+
+	/** Specifies the name of the action method used for printing the PDF document in the PDF viewer control.
+	*/
+	print?: string;
+
+	/** Specifies the name of the action method used for downloading the PDF document from the PDF viewer control.
+	*/
+	download?: string;
+}
+
+export interface StrikethroughSettings {
+
+	/** Gets/sets the color of the strikethrough annotation.
+	*/
+	color?: string;
+
+	/** Gets/sets the author of the strikethrough annotation.
+	*/
+	author?: string;
+
+	/** Gets/sets the opacity of the strikethrough annotation.
+	*/
+	opacity?: number;
+
+	/** Gets/sets the subject of the strikethrough annotation.
+	*/
+	subject?: string;
+
+	/** Gets/sets the modified Date of the strikethrough annotation.
+	*/
+	modifiedDate?: string;
+
+	/** Gets/sets the locked property of the strikethrough annotation.
+	*/
+	isLocked?: boolean;
+}
+
+export interface UnderlineSettings {
+
+	/** Gets/sets the color of the underline annotation.
+	*/
+	color?: string;
+
+	/** Gets/sets the author of the underline annotation.
+	*/
+	author?: string;
+
+	/** Gets/sets the opacity of the underline annotation.
+	*/
+	opacity?: number;
+
+	/** Gets/sets the subject of the underline annotation.
+	*/
+	subject?: string;
+
+	/** Gets/sets the modified Date of the underline annotation.
+	*/
+	modifiedDate?: string;
+
+	/** Gets/sets the locked property of the underline annotation.
+	*/
+	isLocked?: boolean;
+}
+
+export interface HighlightSettings {
+
+	/** Gets/sets the color of the highlight  annotation.
+	*/
+	color?: string;
+
+	/** Gets/sets the author of the highlight annotation.
+	*/
+	author?: string;
+
+	/** Gets/sets the opacity of the highlight annotation.
+	*/
+	opacity?: number;
+
+	/** Gets/sets the subject of the highlight annotation.
+	*/
+	subject?: string;
+
+	/** Gets/sets the modified Date of the highlight annotation.
+	*/
+	modifiedDate?: string;
+
+	/** Gets/sets the locked property of the highlight annotation.
+	*/
+	isLocked?: boolean;
+}
+
+enum ToolbarItems{
+
+	///Shows only magnification tools in the toolbar.
+	MagnificationTools,
+
+	///Shows only page navigation tools in the toolbar.
+	PageNavigationTools,
+
+	///Shows only print tool in the toolbar.
+	PrintTools,
+
+	///Shows only download tool in the toolbar.
+	DownloadTool,
+
+	///Shows only text search tool in the toolbar.
+	TextSearchTool,
+
+	///Shows only text markup annotation tools in the toolbar.
+	TextMarkupAnnotationTools,
+
+	///Shows all the toolbar items.
+	All
+}
+
+
+enum AnnotationType{
+
+	///Specifies the underline annotation.
+	Underline,
+
+	///Specifies the strikethrough annotation.
+	Strikethrough,
+
+	///Specifies the highlight annotation.
+	Highlight
+}
+
+
+enum PdfService{
+
+	///Denotes that the service is located in the local project
+	Local,
+
+	///Denotes that the service is hosted in the remote server
+	Remote
+}
+
+
+enum LinkTarget{
+
+	///Opens the hyperlink in the same tab of the browser. 
+	Default,
+
+	///Opens the hyperlink in a new tab of the browser.
+	NewTab,
+
+	///Opens the hyperlink in a new window of the browser.
+	NewWindow
+}
+
+}
+
+class SpellCheck extends ej.Widget {
+	static fn: SpellCheck;
+	constructor(element: JQuery, options?: SpellCheck.Model);
+	constructor(element: Element, options?: SpellCheck.Model);
+	static Locale: any;
+	model:SpellCheck.Model;
+	defaults:SpellCheck.Model;
+
+	/** Open the dialog to correct the spelling of the target content.
+	*   @returns {void}
+	*/
+	showInDialog(): void;
+
+	/** Highlighting the error word in the target area itself and correct the spelling using the context menu.
+	*   @returns {void}
+	*/
+	validate(): void;
+
+	/** To get the error word highlighted string by passing the given input sentence.
+	*   @param {string} Content to be spell check
+	*   @param {string} Class name that contains style value to highlight the error word
+	*   @returns {any}
+	*/
+	spellCheck(targetSentence: string, misspellWordCss: string): any;
+
+	/** To ignore all the error word occurrences from the given input sentence.
+	*   @param {string} Error word to ignore from the target content
+	*   @param {string} Content to perform the ignore all operation
+	*   @returns {any}
+	*/
+	ignoreAll(word: string, targetSentence: string): any;
+
+	/** To ignore the error word once from the given input sentence.
+	*   @param {string} Error word to ignore from the target content
+	*   @param {string} Content to perform the ignore operation
+	*   @param {number} Index of the error word present in the target content
+	*   @returns {any}
+	*/
+	ignore(word: string, targetSentence: string, index: number): any;
+
+	/** To change the error word once from the given input sentence.
+	*   @param {string} Error word to change from the target content
+	*   @param {string} Content to perform the change operation
+	*   @param {string} Word to replace with the error word
+	*   @param {number} Index of the error word present in the target content
+	*   @returns {any}
+	*/
+	change(word: string, targetSentence: string, changeWord: string, index: number): any;
+
+	/** To change all the error word occurrences from the given input sentence.
+	*   @param {string} Error word to change from the target content
+	*   @param {string} Content to perform the change all operation
+	*   @param {string} Word to replace with the error word
+	*   @returns {any}
+	*/
+	changeAll(word: string, targetSentence: string, changeWord: string): any;
+
+	/** To add the words into the custom dictionary.
+	*   @param {string} Word to add into the dictionary file
+	*   @returns {any}
+	*/
+	addToDictionary(customWord: string): any;
+}
+export module SpellCheck{
+
+export interface Model {
+
+	/** It includes the service method path to find the error words and its suggestions also adding the custom word into the custom dictionary.
+	*/
+	dictionarySettings?: DictionarySettings;
+
+	/** To display the error word in a customized style.
+	*   @Default {e-errorword}
+	*/
+	misspellWordCss?: string;
+
+	/** Sets the specific culture to the SpellCheck.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** To set the maximum suggestion display count.
+	*   @Default {6}
+	*/
+	maxSuggestionCount?: number;
+
+	/** To ignore the words from the error word consideration.
+	*   @Default {[]}
+	*/
+	ignoreWords?: Array<any>;
+
+	/** Holds all options related to the context menu settings of SpellCheck.
+	*/
+	contextMenuSettings?: ContextMenuSettings;
+
+	/** It helps to ignore the uppercase, mixed case words, alpha numeric words, file path and email addresses based on the property values.
+	*/
+	ignoreSettings?: IgnoreSettings;
+
+	/** When set to true, allows the spellcheck to render based upon screen size.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Gets or sets a value that indicates whether to enable the spellcheck operation on Enter/Space key-press.
+	*   @Default {false}
+	*/
+	enableValidateOnType?: boolean;
+
+	/** It allows to spell check the multiple target HTML element's texts and correct its error words.
+	*   @Default {null}
+	*/
+	controlsToValidate?: string;
+
+	/** Triggers on the success of AJAX call request. */
+	actionSuccess? (e: ActionSuccessEventArgs): void;
+
+	/** Triggers on the AJAX call request beginning. */
+	actionBegin? (e: ActionBeginEventArgs): void;
+
+	/** Triggers when the AJAX call request failure. */
+	actionFailure? (e: ActionFailureEventArgs): void;
+
+	/** Triggers when the dialog mode spell check starting. */
+	start? (e: StartEventArgs): void;
+
+	/** Triggers when the spell check operations completed through dialog mode. */
+	complete? (e: CompleteEventArgs): void;
+
+	/** Triggers before context menu opening. */
+	contextOpen? (e: ContextOpenEventArgs): void;
+
+	/** Triggers when the context menu item clicked. */
+	contextClick? (e: ContextClickEventArgs): void;
+
+	/** Triggers before the spell check dialog opens. */
+	dialogBeforeOpen? (e: DialogBeforeOpenEventArgs): void;
+
+	/** Triggers after the spell check dialog opens. */
+	dialogOpen? (e: DialogOpenEventArgs): void;
+
+	/** Triggers when the spell check dialog closed. */
+	dialogClose? (e: DialogCloseEventArgs): void;
+
+	/** Triggers when the spell check control performing the spell check operations such as ignore, ignoreAll, change, changeAll and addToDictionary. */
+	validating? (e: ValidatingEventArgs): void;
+
+	/** Triggers before loading the target HTML element text into the dialog sentence area. */
+	targetUpdating? (e: TargetUpdatingEventArgs): void;
+}
+
+export interface ActionSuccessEventArgs {
+
+	/** Returns the error word highlighted string.
+	*/
+	resultHTML?: string;
+
+	/** Returns the error word details of the given input.
+	*/
+	errorWordDetails?: any;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ActionBeginEventArgs {
+
+	/** Returns the input string.
+	*/
+	targetSentence?: string;
+
+	/** Returns the misspellWordCss class name.
+	*/
+	misspellWordCss?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ActionFailureEventArgs {
+
+	/** Returns AJAX request failure error message.
+	*/
+	errorMessage?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface StartEventArgs {
+
+	/** Returns the input string.
+	*/
+	targetSentence?: string;
+
+	/** Returns the error words details.
+	*/
+	errorWords?: any;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface CompleteEventArgs {
+
+	/** Returns the error word highlighted string.
+	*/
+	resultHTML?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ContextOpenEventArgs {
+
+	/** Returns the selected error word.
+	*/
+	selectedErrorWord?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ContextClickEventArgs {
+
+	/** Returns the selected error word.
+	*/
+	selectedValue?: string;
+
+	/** Returns the selected option in the context menu.
+	*/
+	selectedOption?: string;
+
+	/** Returns the input string.
+	*/
+	targetContent?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DialogBeforeOpenEventArgs {
+
+	/** Returns the spell check window details.
+	*/
+	spellCheckDialog?: any;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DialogOpenEventArgs {
+
+	/** Returns the target input.
+	*/
+	targetText?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DialogCloseEventArgs {
+
+	/** Returns the error corrected string.
+	*/
+	updatedText?: string;
+
+	/** Returns the request type value.
+	*/
+	requestType?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ValidatingEventArgs {
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the error word to ignore.
+	*/
+	ignoreWord?: string;
+
+	/** Returns the target content.
+	*/
+	targetContent?: string;
+
+	/** Returns the index of an error word.
+	*/
+	index?: number;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the validating request type.
+	*/
+	requestType?: string;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+
+	/** Returns the error word to change.
+	*/
+	changeableWord?: string;
+
+	/** Returns the change word to replace the error word.
+	*/
+	changeWord?: string;
+
+	/** Returns the custom word to add into dictionary file.
+	*/
+	customWord?: string;
+}
+
+export interface TargetUpdatingEventArgs {
+
+	/** Returns the previous target element value.
+	*/
+	previousElement?: any;
+
+	/** Returns the current target element value.
+	*/
+	currentElement?: any;
+
+	/** Returns the target html value.
+	*/
+	targetHtml?: string;
+
+	/** Returns the cancel option value.
+	*/
+	cancel?: boolean;
+
+	/** Returns the SpellCheck model.
+	*/
+	model?: ej.SpellCheck.Model;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface DictionarySettings {
+
+	/** The dictionaryUrl option accepts string, which is the method path to find the error words and get the suggestions to correct the errors.
+	*/
+	dictionaryUrl?: string;
+
+	/** The customDictionaryUrl option accepts string, which is the method path to add the error word into the custom dictionary.
+	*/
+	customDictionaryUrl?: string;
+}
+
+export interface ContextMenuSettings {
+
+	/** When set to true, enables the context menu options available for the SpellCheck.
+	*   @Default {true}
+	*/
+	enable?: boolean;
+
+	/** Contains all the default context menu options that are applicable for SpellCheck. It also supports adding custom menu items. All the SpellCheck related context menu items are grouped under this menu collection.
+	*   @Default {{% highlight javascript %}[{ id: IgnoreAll, text: Ignore All },{ id: AddToDictionary, text: Add To Dictionary }]{% endhighlight %}}
+	*/
+	menuItems?: Array<any>;
+}
+
+export interface IgnoreSettings {
+
+	/** When set to true, ignoring the alphanumeric words from the error word consideration.
+	*   @Default {true}
+	*/
+	ignoreAlphaNumericWords?: string;
+
+	/** When set to true, ignoring the Email address from the error word consideration.
+	*   @Default {true}
+	*/
+	ignoreEmailAddress?: boolean;
+
+	/** When set to true, ignoring the MixedCase words from the error word consideration.
+	*   @Default {true}
+	*/
+	ignoreMixedCaseWords?: boolean;
+
+	/** When set to true, ignoring the UpperCase words from the error word consideration.
+	*   @Default {true}
+	*/
+	ignoreUpperCase?: boolean;
+
+	/** When set to true, ignoring the Url from the error word consideration.
+	*   @Default {true}
+	*/
+	ignoreUrl?: boolean;
+
+	/** When set to true, ignoring the file address path from the error word consideration.
+	*   @Default {true}
+	*/
+	ignoreFileNames?: boolean;
+}
+}
+
+class DocumentEditor extends ej.Widget {
+	static fn: DocumentEditor;
+	constructor(element: JQuery, options?: DocumentEditor.Model);
+	constructor(element: Element, options?: DocumentEditor.Model);
+	static Locale: any;
+	model:DocumentEditor.Model;
+	defaults:DocumentEditor.Model;
+
+	/** Loads the document from specified path using web API provided by importUrl.
+	*   @param {string} Specifies the file path.
+	*   @returns {void}
+	*/
+	load(path: string): void;
+
+	/** Gets the page number of current selection in the document.
+	*   @returns {number}
+	*/
+	getCurrentPageNumber(): number;
+
+	/** Gets the total number of pages in the document.
+	*   @returns {number}
+	*/
+	getPageCount(): number;
+
+	/** Gets the text of current selection in the document.
+	*   @returns {string}
+	*/
+	getSelectedText(): string;
+
+	/** Gets the current zoom factor value of the document editor.
+	*   @returns {number}
+	*/
+	getZoomFactor(): number;
+
+	/** Scales the document editor with the specified zoom factor. The range of zoom factor should be 0.10 to 5.00 (10 - 500 %).
+	*   @param {number} Specifies the factor for zooming.
+	*   @returns {void}
+	*/
+	setZoomFactor(factor: number): void;
+
+	/** Prints the document content as page by page.
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Finds the first occurrence of specified text from current selection and  highlights the result. If the document end is reached, find operation will occur from the document start position.
+	*   @param {string} Specifies the text to search in a document.
+	*   @returns {void}
+	*/
+	find(text: string): void;
+}
+export module DocumentEditor{
+
+export interface Model {
+
+	/** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
+	*/
+	importExportSettings?: ImportExportSettings;
+
+	/** Triggers when the document changes. */
+	onDocumentChange? (e: OnDocumentChangeEventArgs): void;
+
+	/** Triggers when the selection changes. */
+	onSelectionChange? (e: OnSelectionChangeEventArgs): void;
+
+	/** Triggers when the zoom factor changes. */
+	onZoomFactorChange? (e: OnZoomFactorChangeEventArgs): void;
+
+	/** Triggers when the hyperlink is clicked. */
+	onRequestNavigate? (e: OnRequestNavigateEventArgs): void;
+}
+
+export interface OnDocumentChangeEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the document editor model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OnSelectionChangeEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the document editor model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OnZoomFactorChangeEventArgs {
+
+	/** True, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the document editor model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface OnRequestNavigateEventArgs {
+
+	/** true, if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** Returns the document editor model.
+	*/
+	model?: any;
+
+	/** Returns the link type and navigation link.
+	*/
+	hyperlink?: any;
+
+	/** Returns the name of the event.
+	*/
+	type?: string;
+}
+
+export interface ImportExportSettings {
+
+	/** Gets or sets URL of Web API that should be used to parse the document while loading.
+	*/
+	importUrl?: string;
+}
+}
+
+}
+declare module ej.datavisualization {
+	
+class SymbolPalette extends ej.Widget {
+	static fn: SymbolPalette;
+	constructor(element: JQuery, options?: SymbolPalette.Model);
+	constructor(element: Element, options?: SymbolPalette.Model);
+	static Locale: any;
+	model:SymbolPalette.Model;
+	defaults:SymbolPalette.Model;
+
+	/** Add items to Palettes at runtime
+	*   @param {string} name of the Palette
+	*   @param {any} JSON for the new items to added in Palette
+	*   @returns {void}
+	*/
+	addPaletteItem(paletteName: string, node: any): void;
+
+	/** Remove items to Palettes at runtime
+	*   @param {string} name of the Palette
+	*   @param {any} JSON for the new node to removed in Palette
+	*   @returns {void}
+	*/
+	removePaletteItem(paletteName: string, node: any): void;
+}
+export module SymbolPalette{
+
+export interface Model {
+
+	/** Defines whether the symbols can be dragged from palette or not
+	*   @Default {true}
+	*/
+	allowDrag?: boolean;
+
+	/** Customizes the style of the symbol palette
+	*   @Default {e-symbolpalette}
+	*/
+	cssClass?: string;
+
+	/** Defines the default properties of nodes and connectors
+	*/
+	defaultSettings?: DefaultSettings;
+
+	/** Sets the Id of the diagram, over which the symbols will be dropped
+	*   @Default {null}
+	*/
+	diagramId?: string;
+
+	/** Sets the height of the palette headers
+	*   @Default {30}
+	*/
+	headerHeight?: number;
+
+	/** Defines the height of the symbol palette
+	*   @Default {400}
+	*/
+	height?: number;
+
+	/** Defines the height of the palette items
+	*   @Default {50}
+	*/
+	paletteItemHeight?: number;
+
+	/** Defines the width of the palette items
+	*   @Default {50}
+	*/
+	paletteItemWidth?: number;
+
+	/** An array of JSON objects, where each object represents a node/connector
+	*   @Default {[]}
+	*/
+	palettes?: Array<Palette>;
+
+	/** Defines the preview height of the symbols
+	*   @Default {100}
+	*/
+	previewHeight?: number;
+
+	/** Defines the offset value to be left between the mouse cursor and symbol previews
+	*   @Default {(110, 110)}
+	*/
+	previewOffset?: any;
+
+	/** Defines the width of the symbol previews
+	*   @Default {100}
+	*/
+	previewWidth?: number;
+
+	/** Enable or disable the palette item text
+	*   @Default {true}
+	*/
+	showPaletteItemText?: boolean;
+
+	/** The width of the palette
+	*   @Default {250}
+	*/
+	width?: number;
+
+	/** Triggers when a palette item is selected or unselected */
+	selectionChange? (e: SelectionChangeEventArgs): void;
+}
+
+export interface SelectionChangeEventArgs {
+
+	/** returns whether an element is selected or unselected
+	*/
+	changeType?: string;
+
+	/** returns the node or connector that is selected or unselected
+	*/
+	element?: any;
+}
+
+export interface DefaultSettings {
+
+	/** Defines the default properties of the nodes
+	*   @Default {null}
+	*/
+	node?: any;
+
+	/** Defines the default properties of the connectors
+	*   @Default {null}
+	*/
+	connector?: any;
+}
+
+export interface Palette {
+
+	/** Defines the name of the palette
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Defines whether the palette must be in expanded state or in collapsed state
+	*   @Default {true}
+	*/
+	expanded?: boolean;
+
+	/** Defines the palette items
+	*   @Default {[]}
+	*/
+	items?: Array<any>;
+}
+}
+
+class LinearGauge extends ej.Widget {
+	static fn: LinearGauge;
+	constructor(element: JQuery, options?: LinearGauge.Model);
+	constructor(element: Element, options?: LinearGauge.Model);
+	static Locale: any;
+	model:LinearGauge.Model;
+	defaults:LinearGauge.Model;
+
+	/** destroy the linear gauge all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To export Image
+	*   @returns {void}
+	*/
+	exportImage(): void;
+
+	/** To get Bar Distance From Scale in number
+	*   @returns {any}
+	*/
+	getBarDistanceFromScale(): any;
+
+	/** To get Bar Pointer Value in number
+	*   @returns {any}
+	*/
+	getBarPointerValue(): any;
+
+	/** To get Bar Width in number
+	*   @returns {any}
+	*/
+	getBarWidth(): any;
+
+	/** To get CustomLabel Angle in number
+	*   @returns {any}
+	*/
+	getCustomLabelAngle(): any;
+
+	/** To get CustomLabel Value in string
+	*   @returns {any}
+	*/
+	getCustomLabelValue(): any;
+
+	/** To get Label Angle in number
+	*   @returns {any}
+	*/
+	getLabelAngle(): any;
+
+	/** To get LabelPlacement in number
+	*   @returns {any}
+	*/
+	getLabelPlacement(): any;
+
+	/** To get LabelStyle in number
+	*   @returns {any}
+	*/
+	getLabelStyle(): any;
+
+	/** To get Label XDistance From Scale in number
+	*   @returns {any}
+	*/
+	getLabelXDistanceFromScale(): any;
+
+	/** To get PointerValue in number
+	*   @returns {any}
+	*/
+	getLabelYDistanceFromScale(): any;
+
+	/** To get Major Interval Value in number
+	*   @returns {any}
+	*/
+	getMajorIntervalValue(): any;
+
+	/** To get MarkerStyle in number
+	*   @returns {any}
+	*/
+	getMarkerStyle(): any;
+
+	/** To get Maximum Value in number
+	*   @returns {any}
+	*/
+	getMaximumValue(): any;
+
+	/** To get PointerValue in number
+	*   @returns {any}
+	*/
+	getMinimumValue(): any;
+
+	/** To get Minor Interval Value in number
+	*   @returns {any}
+	*/
+	getMinorIntervalValue(): any;
+
+	/** To get Pointer Distance From Scale in number
+	*   @returns {any}
+	*/
+	getPointerDistanceFromScale(): any;
+
+	/** To get PointerHeight in number
+	*   @returns {any}
+	*/
+	getPointerHeight(): any;
+
+	/** To get Pointer Placement in String
+	*   @returns {any}
+	*/
+	getPointerPlacement(): any;
+
+	/** To get PointerValue in number
+	*   @returns {any}
+	*/
+	getPointerValue(): any;
+
+	/** To get PointerWidth in number
+	*   @returns {any}
+	*/
+	getPointerWidth(): any;
+
+	/** To get Range Border Width in number
+	*   @returns {any}
+	*/
+	getRangeBorderWidth(): any;
+
+	/** To get Range Distance From Scale in number
+	*   @returns {any}
+	*/
+	getRangeDistanceFromScale(): any;
+
+	/** To get Range End Value in number
+	*   @returns {any}
+	*/
+	getRangeEndValue(): any;
+
+	/** To get Range End Width in number
+	*   @returns {any}
+	*/
+	getRangeEndWidth(): any;
+
+	/** To get Range Position in number
+	*   @returns {any}
+	*/
+	getRangePosition(): any;
+
+	/** To get Range Start Value in number
+	*   @returns {any}
+	*/
+	getRangeStartValue(): any;
+
+	/** To get Range Start Width in number
+	*   @returns {any}
+	*/
+	getRangeStartWidth(): any;
+
+	/** To get ScaleBarLength in number
+	*   @returns {any}
+	*/
+	getScaleBarLength(): any;
+
+	/** To get Scale Bar Size in number
+	*   @returns {any}
+	*/
+	getScaleBarSize(): any;
+
+	/** To get Scale Border Width in number
+	*   @returns {any}
+	*/
+	getScaleBorderWidth(): any;
+
+	/** To get Scale Direction in number
+	*   @returns {any}
+	*/
+	getScaleDirection(): any;
+
+	/** To get Scale Location in object
+	*   @returns {any}
+	*/
+	getScaleLocation(): any;
+
+	/** To get Scale Style in string
+	*   @returns {any}
+	*/
+	getScaleStyle(): any;
+
+	/** To get Tick Angle in number
+	*   @returns {any}
+	*/
+	getTickAngle(): any;
+
+	/** To get Tick Height in number
+	*   @returns {any}
+	*/
+	getTickHeight(): any;
+
+	/** To get getTickPlacement in number
+	*   @returns {any}
+	*/
+	getTickPlacement(): any;
+
+	/** To get Tick Style in string
+	*   @returns {any}
+	*/
+	getTickStyle(): any;
+
+	/** To get Tick Width in number
+	*   @returns {any}
+	*/
+	getTickWidth(): any;
+
+	/** To get get Tick XDistance From Scale in number
+	*   @returns {any}
+	*/
+	getTickXDistanceFromScale(): any;
+
+	/** To get Tick YDistance From Scale in number
+	*   @returns {any}
+	*/
+	getTickYDistanceFromScale(): any;
+
+	/** Specifies the scales.
+	*   @returns {void}
+	*/
+	scales(): void;
+
+	/** To set setBarDistanceFromScale
+	*   @returns {void}
+	*/
+	setBarDistanceFromScale(): void;
+
+	/** To set setBarPointerValue
+	*   @returns {void}
+	*/
+	setBarPointerValue(): void;
+
+	/** To set setBarWidth
+	*   @returns {void}
+	*/
+	setBarWidth(): void;
+
+	/** To set setCustomLabelAngle
+	*   @returns {void}
+	*/
+	setCustomLabelAngle(): void;
+
+	/** To set setCustomLabelValue
+	*   @returns {void}
+	*/
+	setCustomLabelValue(): void;
+
+	/** To set setLabelAngle
+	*   @returns {void}
+	*/
+	setLabelAngle(): void;
+
+	/** To set setLabelPlacement
+	*   @returns {void}
+	*/
+	setLabelPlacement(): void;
+
+	/** To set setLabelStyle
+	*   @returns {void}
+	*/
+	setLabelStyle(): void;
+
+	/** To set setLabelXDistanceFromScale
+	*   @returns {void}
+	*/
+	setLabelXDistanceFromScale(): void;
+
+	/** To set setLabelYDistanceFromScale
+	*   @returns {void}
+	*/
+	setLabelYDistanceFromScale(): void;
+
+	/** To set setMajorIntervalValue
+	*   @returns {void}
+	*/
+	setMajorIntervalValue(): void;
+
+	/** To set setMarkerStyle
+	*   @returns {void}
+	*/
+	setMarkerStyle(): void;
+
+	/** To set setMaximumValue
+	*   @returns {void}
+	*/
+	setMaximumValue(): void;
+
+	/** To set setMinimumValue
+	*   @returns {void}
+	*/
+	setMinimumValue(): void;
+
+	/** To set setMinorIntervalValue
+	*   @returns {void}
+	*/
+	setMinorIntervalValue(): void;
+
+	/** To set setPointerDistanceFromScale
+	*   @returns {void}
+	*/
+	setPointerDistanceFromScale(): void;
+
+	/** To set PointerHeight
+	*   @returns {void}
+	*/
+	setPointerHeight(): void;
+
+	/** To set setPointerPlacement
+	*   @returns {void}
+	*/
+	setPointerPlacement(): void;
+
+	/** To set PointerValue
+	*   @returns {void}
+	*/
+	setPointerValue(): void;
+
+	/** To set PointerWidth
+	*   @returns {void}
+	*/
+	setPointerWidth(): void;
+
+	/** To set setRangeBorderWidth
+	*   @returns {void}
+	*/
+	setRangeBorderWidth(): void;
+
+	/** To set setRangeDistanceFromScale
+	*   @returns {void}
+	*/
+	setRangeDistanceFromScale(): void;
+
+	/** To set setRangeEndValue
+	*   @returns {void}
+	*/
+	setRangeEndValue(): void;
+
+	/** To set setRangeEndWidth
+	*   @returns {void}
+	*/
+	setRangeEndWidth(): void;
+
+	/** To set setRangePosition
+	*   @returns {void}
+	*/
+	setRangePosition(): void;
+
+	/** To set setRangeStartValue
+	*   @returns {void}
+	*/
+	setRangeStartValue(): void;
+
+	/** To set setRangeStartWidth
+	*   @returns {void}
+	*/
+	setRangeStartWidth(): void;
+
+	/** To set setScaleBarLength
+	*   @returns {void}
+	*/
+	setScaleBarLength(): void;
+
+	/** To set setScaleBarSize
+	*   @returns {void}
+	*/
+	setScaleBarSize(): void;
+
+	/** To set setScaleBorderWidth
+	*   @returns {void}
+	*/
+	setScaleBorderWidth(): void;
+
+	/** To set setScaleDirection
+	*   @returns {void}
+	*/
+	setScaleDirection(): void;
+
+	/** To set setScaleLocation
+	*   @returns {void}
+	*/
+	setScaleLocation(): void;
+
+	/** To set setScaleStyle
+	*   @returns {void}
+	*/
+	setScaleStyle(): void;
+
+	/** To set setTickAngle
+	*   @returns {void}
+	*/
+	setTickAngle(): void;
+
+	/** To set setTickHeight
+	*   @returns {void}
+	*/
+	setTickHeight(): void;
+
+	/** To set setTickPlacement
+	*   @returns {void}
+	*/
+	setTickPlacement(): void;
+
+	/** To set setTickStyle
+	*   @returns {void}
+	*/
+	setTickStyle(): void;
+
+	/** To set setTickWidth
+	*   @returns {void}
+	*/
+	setTickWidth(): void;
+
+	/** To set setTickXDistanceFromScale
+	*   @returns {void}
+	*/
+	setTickXDistanceFromScale(): void;
+
+	/** To set setTickYDistanceFromScale
+	*   @returns {void}
+	*/
+	setTickYDistanceFromScale(): void;
+}
+export module LinearGauge{
+
+export interface Model {
+
+	/** Specifies the animationSpeed
+	*   @Default {500}
+	*/
+	animationSpeed?: number;
+
+	/** Specifies the backgroundColor for Linear gauge.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the borderColor for Linear gauge.
+	*   @Default {null}
+	*/
+	borderColor?: string;
+
+	/** Specifies the animate state
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Specifies the animate state for marker pointer
+	*   @Default {true}
+	*/
+	enableMarkerPointerAnimation?: boolean;
+
+	/** Specifies the can resize state.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Used to Convert the date object to  string while using the  locale settings
+	*   @Default {false}
+	*/
+	enableGroupSeparator?: boolean;
+
+	/** Responsiveness of the linear gauge is controlled
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Specify frame of linear gauge
+	*   @Default {null}
+	*/
+	frame?: Frame;
+
+	/** Specifies the height of Linear gauge.
+	*   @Default {400}
+	*/
+	height?: number;
+
+	/** Specifies the labelColor for Linear gauge.
+	*   @Default {null}
+	*/
+	labelColor?: string;
+
+	/** Set the  localization culture  for the Linear gauge
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the maximum value of Linear gauge.
+	*   @Default {100}
+	*/
+	maximum?: number;
+
+	/** Specifies the minimum value of Linear gauge.
+	*   @Default {0}
+	*/
+	minimum?: number;
+
+	/** Specifies the orientation for Linear gauge.
+	*   @Default {Vertical}
+	*/
+	orientation?: string;
+
+	/** Specify labelPosition value of Linear gauge See 
+	*   @Default {bottom}
+	*/
+	outerCustomLabelPosition?: ej.datavisualization.LinearGauge.OuterCustomLabelPosition|string;
+
+	/** Specifies the pointerGradient1 for Linear gauge.
+	*   @Default {null}
+	*/
+	pointerGradient1?: any;
+
+	/** Specifies the pointerGradient2 for Linear gauge.
+	*   @Default {null}
+	*/
+	pointerGradient2?: any;
+
+	/** Specifies the read only state.
+	*   @Default {true}
+	*/
+	readOnly?: boolean;
+
+	/** Specifies the scales
+	*   @Default {null}
+	*/
+	scales?: Array<Scale>;
+
+	/** Specifies the theme for Linear gauge. See LinearGauge.Themes
+	*   @Default {flatlight}
+	*/
+	theme?: ej.datavisualization.LinearGauge.Themes|string;
+
+	/** Specifies the tick Color for Linear gauge.
+	*   @Default {null}
+	*/
+	tickColor?: string;
+
+	/** Specify tooltip options of linear gauge
+	*   @Default {false}
+	*/
+	tooltip?: Tooltip;
+
+	/** Specifies the value of the Gauge.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Specifies the width of Linear gauge.
+	*   @Default {150}
+	*/
+	width?: number;
+
+	/** Triggers while the bar pointer are being drawn on the gauge. */
+	drawBarPointers? (e: DrawBarPointersEventArgs): void;
+
+	/** Triggers while the customLabel are being drawn on the gauge. */
+	drawCustomLabel? (e: DrawCustomLabelEventArgs): void;
+
+	/** Triggers while the Indicator are being drawn on the gauge. */
+	drawIndicators? (e: DrawIndicatorsEventArgs): void;
+
+	/** Triggers while the label are being drawn on the gauge. */
+	drawLabels? (e: DrawLabelsEventArgs): void;
+
+	/** Triggers while the marker are being drawn on the gauge. */
+	drawMarkerPointers? (e: DrawMarkerPointersEventArgs): void;
+
+	/** Triggers while the range are being drawn on the gauge. */
+	drawRange? (e: DrawRangeEventArgs): void;
+
+	/** Triggers while the ticks are being drawn on the gauge. */
+	drawTicks? (e: DrawTicksEventArgs): void;
+
+	/** Triggers when the gauge is initialized. */
+	init? (e: InitEventArgs): void;
+
+	/** Triggers while the gauge start to Load. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when the left mouse button is clicked. */
+	mouseClick? (e: MouseClickEventArgs): void;
+
+	/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
+	mouseClickMove? (e: MouseClickMoveEventArgs): void;
+
+	/** Triggers when the mouse click is released. */
+	mouseClickUp? (e: MouseClickUpEventArgs): void;
+
+	/** Triggers while the rendering of the gauge completed. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+}
+
+export interface DrawBarPointersEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the pointer
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the current Bar pointer element.
+	*/
+	barElement?: any;
+
+	/** returns the index of the bar pointer.
+	*/
+	barPointerIndex?: number;
+
+	/** returns the value of the bar pointer.
+	*/
+	PointerValue?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface DrawCustomLabelEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the customLabel
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the customLabel style
+	*/
+	style?: any;
+
+	/** returns the current customLabel element.
+	*/
+	customLabelElement?: any;
+
+	/** returns the index of the customLabel.
+	*/
+	customLabelIndex?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface DrawIndicatorsEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the Indicator
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the Indicator style
+	*/
+	style?: string;
+
+	/** returns the current Indicator element.
+	*/
+	IndicatorElement?: any;
+
+	/** returns the index of the Indicator.
+	*/
+	IndicatorIndex?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface DrawLabelsEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the label
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the label belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the label style
+	*/
+	style?: string;
+
+	/** returns the angle of the label.
+	*/
+	angle?: number;
+
+	/** returns the current label element.
+	*/
+	element?: any;
+
+	/** returns the index of the label.
+	*/
+	index?: number;
+
+	/** returns the label value of the label.
+	*/
+	value?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface DrawMarkerPointersEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the pointer
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the ticks style
+	*/
+	style?: string;
+
+	/** returns the current marker pointer element.
+	*/
+	markerElement?: any;
+
+	/** returns the index of the marker pointer.
+	*/
+	markerPointerIndex?: number;
+
+	/** returns the value of the marker pointer.
+	*/
+	pointerValue?: number;
+
+	/** returns the angle of the marker pointer.
+	*/
+	pointerAngle?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface DrawRangeEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the range
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the range style
+	*/
+	style?: string;
+
+	/** returns the current range element.
+	*/
+	rangeElement?: any;
+
+	/** returns the index of the range.
+	*/
+	rangeIndex?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface DrawTicksEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the ticks
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the tick belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the ticks style
+	*/
+	style?: string;
+
+	/** returns the angle of the tick.
+	*/
+	angle?: number;
+
+	/** returns the current tick element.
+	*/
+	element?: any;
+
+	/** returns the index of the tick.
+	*/
+	index?: number;
+
+	/** returns the tick value of the tick.
+	*/
+	value?: number;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface InitEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the entire scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the entire scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface MouseClickEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+
+	/** returns the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the context element* @param {Object} args.markerpointer returns the context element
+	*/
+	context?: any;
+
+	/** returns the pointer Index
+	*/
+	markerpointerindex?: number;
+
+	/** returns the pointer element.
+	*/
+	markerpointerelement?: any;
+
+	/** returns the value of the pointer.
+	*/
+	markerpointervalue?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the startX and startY of the pointer.
+	*/
+	position?: any;
+}
+
+export interface MouseClickMoveEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+
+	/** returns the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the pointer Index
+	*/
+	index?: number;
+
+	/** returns the pointer element.
+	*/
+	element?: any;
+
+	/** returns the value of the pointer.
+	*/
+	value?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the startX and startY of the pointer.
+	*/
+	position?: any;
+}
+
+export interface MouseClickUpEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+
+	/** returns the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the context element* @param {Object} args.markerpointer returns the context element
+	*/
+	context?: any;
+
+	/** returns the pointer Index
+	*/
+	markerpointerIndex?: number;
+
+	/** returns the pointer element.
+	*/
+	markerpointerElement?: any;
+
+	/** returns the value of the pointer.
+	*/
+	markerpointerValue?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the startX and startY of the pointer.
+	*/
+	position?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the entire scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+}
+
+export interface Frame {
+
+	/** Specifies the frame background image URL of linear gauge
+	*   @Default {null}
+	*/
+	backgroundImageUrl?: string;
+
+	/** Specifies the frame InnerWidth
+	*   @Default {8}
+	*/
+	innerWidth?: number;
+
+	/** Specifies the frame OuterWidth
+	*   @Default {12}
+	*/
+	outerWidth?: number;
+}
+
+export interface ScalesBarPointersBorder {
+
+	/** Specifies the border Color of bar pointer
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the border Width of bar pointer
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesBarPointer {
+
+	/** Specifies the backgroundColor of bar pointer
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the border of bar pointer
+	*   @Default {null}
+	*/
+	border?: ScalesBarPointersBorder;
+
+	/** Specifies the distanceFromScale of bar pointer
+	*   @Default {0}
+	*/
+	distanceFromScale?: number;
+
+	/** Specifies the scaleBar Gradient of bar pointer
+	*   @Default {null}
+	*/
+	gradients?: any;
+
+	/** Specifies the opacity of bar pointer
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the value of bar pointer
+	*   @Default {null}
+	*/
+	value?: number;
+
+	/** Specifies the pointer Width of bar pointer
+	*   @Default {width=30}
+	*/
+	width?: number;
+}
+
+export interface ScalesBorder {
+
+	/** Specifies the border color of the Scale.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the border width of the Scale.
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesCustomLabelsFont {
+
+	/** Specifies the fontFamily in customLabels
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle in customLabels. See 
+	*   @Default {Bold}
+	*/
+	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+
+	/** Specifies the font size in customLabels
+	*   @Default {11px}
+	*/
+	size?: string;
+}
+
+export interface ScalesCustomLabelsPosition {
+
+	/** Specifies the position x in customLabels
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specifies the y in customLabels
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesCustomLabel {
+
+	/** Specifies the label Color in customLabels
+	*   @Default {null}
+	*/
+	color?: number;
+
+	/** Specifies the font in customLabels
+	*   @Default {null}
+	*/
+	font?: ScalesCustomLabelsFont;
+
+	/** Specifies the opacity in customLabels
+	*   @Default {0}
+	*/
+	opacity?: string;
+
+	/** Specifies the position in customLabels
+	*   @Default {null}
+	*/
+	position?: ScalesCustomLabelsPosition;
+
+	/** Specifies the positionType in customLabels.See CustomLabelPositionType
+	*   @Default {null}
+	*/
+	positionType?: any;
+
+	/** Specifies the textAngle in customLabels
+	*   @Default {0}
+	*/
+	textAngle?: number;
+
+	/** Specifies the label Value in customLabels
+	*/
+	value?: string;
+}
+
+export interface ScalesIndicatorsBorder {
+
+	/** Specifies the border Color in bar indicators
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the border Width in bar indicators
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesIndicatorsFont {
+
+	/** Specifies the fontFamily of font in bar indicators
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle of font in bar indicators. See FontStyle
+	*   @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
+	*/
+	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+
+	/** Specifies the size of font in bar indicators
+	*   @Default {11px}
+	*/
+	size?: string;
+}
+
+export interface ScalesIndicatorsPosition {
+
+	/** Specifies the x position in bar indicators
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specifies the y position in bar indicators
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesIndicatorsStateRange {
+
+	/** Specifies the backgroundColor in bar indicators state ranges
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the borderColor in bar indicators state ranges
+	*   @Default {null}
+	*/
+	borderColor?: string;
+
+	/** Specifies the endValue in bar indicators state ranges
+	*   @Default {60}
+	*/
+	endValue?: number;
+
+	/** Specifies the startValue in bar indicators state ranges
+	*   @Default {50}
+	*/
+	startValue?: number;
+
+	/** Specifies the text in bar indicators state ranges
+	*/
+	text?: string;
+
+	/** Specifies the textColor in bar indicators state ranges
+	*   @Default {null}
+	*/
+	textColor?: string;
+}
+
+export interface ScalesIndicatorsTextLocation {
+
+	/** Specifies the textLocation position in bar indicators
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specifies the Y position in bar indicators
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesIndicator {
+
+	/** Specifies the backgroundColor in bar indicators
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the border in bar indicators
+	*   @Default {null}
+	*/
+	border?: ScalesIndicatorsBorder;
+
+	/** Specifies the font of bar indicators
+	*   @Default {null}
+	*/
+	font?: ScalesIndicatorsFont;
+
+	/** Specifies the indicator Height of bar indicators
+	*   @Default {30}
+	*/
+	height?: number;
+
+	/** Specifies the opacity in bar indicators
+	*   @Default {null}
+	*/
+	opacity?: number;
+
+	/** Specifies the position in bar indicators
+	*   @Default {null}
+	*/
+	position?: ScalesIndicatorsPosition;
+
+	/** Specifies the state ranges in bar indicators
+	*   @Default {Array}
+	*/
+	stateRanges?: Array<ScalesIndicatorsStateRange>;
+
+	/** Specifies the textLocation in bar indicators
+	*   @Default {null}
+	*/
+	textLocation?: ScalesIndicatorsTextLocation;
+
+	/** Specifies the indicator Style of font in bar indicators
+	*   @Default {ej.datavisualization.LinearGauge.IndicatorType.Rectangle}
+	*/
+	type?: ej.datavisualization.LinearGauge.IndicatorTypes|string;
+
+	/** Specifies the indicator Width in bar indicators
+	*   @Default {30}
+	*/
+	width?: number;
+}
+
+export interface ScalesLabelsDistanceFromScale {
+
+	/** Specifies the xDistanceFromScale of labels.
+	*   @Default {-10}
+	*/
+	x?: number;
+
+	/** Specifies the yDistanceFromScale of labels.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesLabelsFont {
+
+	/** Specifies the fontFamily of font.
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle of font.See FontStyle
+	*   @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
+	*/
+	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+
+	/** Specifies the size of font.
+	*   @Default {11px}
+	*/
+	size?: string;
+}
+
+export interface ScalesLabel {
+
+	/** Specifies the angle of labels.
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Specifies the DistanceFromScale of labels.
+	*   @Default {null}
+	*/
+	distanceFromScale?: ScalesLabelsDistanceFromScale;
+
+	/** Specifies the font of labels.
+	*   @Default {null}
+	*/
+	font?: ScalesLabelsFont;
+
+	/** need to includeFirstValue.
+	*   @Default {true}
+	*/
+	includeFirstValue?: boolean;
+
+	/** Specifies the opacity of label.
+	*   @Default {0}
+	*/
+	opacity?: number;
+
+	/** Specifies the label Placement of label. See 
+	*   @Default {Near}
+	*/
+	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+	/** Specifies the textColor of font.
+	*   @Default {null}
+	*/
+	textColor?: string;
+
+	/** Specifies the label Style of label. See 
+	*   @Default {ej.datavisualization.LinearGauge.LabelType.Major}
+	*/
+	type?: ej.datavisualization.LinearGauge.ScaleType|string;
+
+	/** Specifies the unitText of label.
+	*/
+	unitText?: string;
+
+	/** Specifies the unitText Position of label.See 
+	*   @Default {Back}
+	*/
+	unitTextPlacement?: ej.datavisualization.LinearGauge.UnitTextPlacement|string;
+}
+
+export interface ScalesMarkerPointersBorder {
+
+	/** Specifies the border color of marker pointer
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the border of marker pointer
+	*   @Default {number}
+	*/
+	width?: number;
+}
+
+export interface ScalesMarkerPointer {
+
+	/** Specifies the backgroundColor of marker pointer
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the border of marker pointer
+	*   @Default {null}
+	*/
+	border?: ScalesMarkerPointersBorder;
+
+	/** Specifies the distanceFromScale of marker pointer
+	*   @Default {0}
+	*/
+	distanceFromScale?: number;
+
+	/** Specifies the pointer Gradient of marker pointer
+	*   @Default {null}
+	*/
+	gradients?: any;
+
+	/** Specifies the pointer Length of marker pointer
+	*   @Default {30}
+	*/
+	length?: number;
+
+	/** Specifies the opacity of marker pointer
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the pointer Placement of marker pointer See PointerPlacement
+	*   @Default {Far}
+	*/
+	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+	/** Specifies the marker Style of marker pointerSee 
+	*   @Default {Triangle}
+	*/
+	type?: ej.datavisualization.LinearGauge.MarkerType|string;
+
+	/** Specifies the value of marker pointer
+	*   @Default {null}
+	*/
+	value?: number;
+
+	/** Specifies the pointer Width of marker pointer
+	*   @Default {30}
+	*/
+	width?: number;
+}
+
+export interface ScalesPosition {
+
+	/** Specifies the Horizontal position
+	*   @Default {50}
+	*/
+	x?: number;
+
+	/** Specifies the vertical position
+	*   @Default {50}
+	*/
+	y?: number;
+}
+
+export interface ScalesRangesBorder {
+
+	/** Specifies the border color in the ranges.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the border width in the ranges.
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesRange {
+
+	/** Specifies the backgroundColor in the ranges.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the border in the ranges.
+	*   @Default {null}
+	*/
+	border?: ScalesRangesBorder;
+
+	/** Specifies the distanceFromScale in the ranges.
+	*   @Default {0}
+	*/
+	distanceFromScale?: number;
+
+	/** Specifies the endValue in the ranges.
+	*   @Default {60}
+	*/
+	endValue?: number;
+
+	/** Specifies the endWidth in the ranges.
+	*   @Default {10}
+	*/
+	endWidth?: number;
+
+	/** Specifies the range Gradient in the ranges.
+	*   @Default {null}
+	*/
+	gradients?: any;
+
+	/** Specifies the opacity in the ranges.
+	*   @Default {null}
+	*/
+	opacity?: number;
+
+	/** Specifies the range Position in the ranges. See RangePlacement
+	*   @Default {Center}
+	*/
+	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+	/** Specifies the startValue in the ranges.
+	*   @Default {20}
+	*/
+	startValue?: number;
+
+	/** Specifies the startWidth in the ranges.
+	*   @Default {10}
+	*/
+	startWidth?: number;
+}
+
+export interface ScalesTicksDistanceFromScale {
+
+	/** Specifies the xDistanceFromScale in the tick.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specifies the yDistanceFromScale in the tick.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesTick {
+
+	/** Specifies the angle in the tick.
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Specifies the tick Color in the tick.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the DistanceFromScale in the tick.
+	*   @Default {null}
+	*/
+	distanceFromScale?: ScalesTicksDistanceFromScale;
+
+	/** Specifies the tick Height in the tick.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Specifies the opacity in the tick.
+	*   @Default {0}
+	*/
+	opacity?: number;
+
+	/** Specifies the tick Placement in the tick. See TickPlacement
+	*   @Default {Near}
+	*/
+	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+	/** Specifies the tick Style in the tick. See 
+	*   @Default {MajorInterval}
+	*/
+	type?: ej.datavisualization.LinearGauge.TicksType|string;
+
+	/** Specifies the tick Width in the tick.
+	*   @Default {3}
+	*/
+	width?: number;
+}
+
+export interface Scale {
+
+	/** Specifies the backgroundColor of the Scale.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specifies the scaleBar Gradient of bar pointer
+	*   @Default {Array}
+	*/
+	barPointers?: Array<ScalesBarPointer>;
+
+	/** Specifies the border of the Scale.
+	*   @Default {null}
+	*/
+	border?: ScalesBorder;
+
+	/** Specifies the customLabel
+	*   @Default {Array}
+	*/
+	customLabels?: Array<ScalesCustomLabel>;
+
+	/** Specifies the scale Direction of the Scale. See 
+	*   @Default {CounterClockwise}
+	*/
+	direction?: ej.datavisualization.LinearGauge.Direction|string;
+
+	/** Specifies the indicator
+	*   @Default {Array}
+	*/
+	indicators?: Array<ScalesIndicator>;
+
+	/** Specifies the labels.
+	*   @Default {Array}
+	*/
+	labels?: Array<ScalesLabel>;
+
+	/** Specifies the scaleBar Length.
+	*   @Default {290}
+	*/
+	length?: number;
+
+	/** Specifies the majorIntervalValue of the Scale.
+	*   @Default {10}
+	*/
+	majorIntervalValue?: number;
+
+	/** Specifies the markerPointers
+	*   @Default {Array}
+	*/
+	markerPointers?: Array<ScalesMarkerPointer>;
+
+	/** Specifies the maximum of the Scale.
+	*   @Default {null}
+	*/
+	maximum?: number;
+
+	/** Specifies the minimum of the Scale.
+	*   @Default {null}
+	*/
+	minimum?: number;
+
+	/** Specifies the minorIntervalValue of the Scale.
+	*   @Default {2}
+	*/
+	minorIntervalValue?: number;
+
+	/** Specifies the opacity of the Scale.
+	*   @Default {NaN}
+	*/
+	opacity?: number;
+
+	/** Specifies the position
+	*   @Default {null}
+	*/
+	position?: ScalesPosition;
+
+	/** Specifies the ranges in the tick.
+	*   @Default {Array}
+	*/
+	ranges?: Array<ScalesRange>;
+
+	/** Specifies the shadowOffset.
+	*   @Default {0}
+	*/
+	shadowOffset?: number;
+
+	/** Specifies the showBarPointers state.
+	*   @Default {true}
+	*/
+	showBarPointers?: boolean;
+
+	/** Specifies the showCustomLabels state.
+	*   @Default {false}
+	*/
+	showCustomLabels?: boolean;
+
+	/** Specifies the showIndicators state.
+	*   @Default {false}
+	*/
+	showIndicators?: boolean;
+
+	/** Specifies the showLabels state.
+	*   @Default {true}
+	*/
+	showLabels?: boolean;
+
+	/** Specifies the showMarkerPointers state.
+	*   @Default {true}
+	*/
+	showMarkerPointers?: boolean;
+
+	/** Specifies the showRanges state.
+	*   @Default {false}
+	*/
+	showRanges?: boolean;
+
+	/** Specifies the showTicks state.
+	*   @Default {true}
+	*/
+	showTicks?: boolean;
+
+	/** Specifies the ticks in the scale.
+	*   @Default {Array}
+	*/
+	ticks?: Array<ScalesTick>;
+
+	/** Specifies the scaleBar type .See 
+	*   @Default {Rectangle}
+	*/
+	type?: ej.datavisualization.LinearGauge.ScaleType|string;
+
+	/** Specifies the scaleBar width.
+	*   @Default {30}
+	*/
+	width?: number;
+}
+
+export interface Tooltip {
+
+	/** Specify showCustomLabelTooltip value of linear gauge
+	*   @Default {false}
+	*/
+	showCustomLabelTooltip?: boolean;
+
+	/** Specify showLabelTooltip value of linear gauge
+	*   @Default {false}
+	*/
+	showLabelTooltip?: boolean;
+
+	/** Specify templateID value of linear gauge
+	*   @Default {false}
+	*/
+	templateID?: string;
+}
+}
+module LinearGauge
+{
+enum OuterCustomLabelPosition
+{
+//string
+Left,
+//string
+Right,
+//string
+Top,
+//string
+Bottom,
+}
+}
+module LinearGauge
+{
+enum FontStyle
+{
+//string
+Bold,
+//string
+Italic,
+//string
+Regular,
+//string
+Strikeout,
+//string
+Underline,
+}
+}
+module LinearGauge
+{
+enum Direction
+{
+//string
+Clockwise,
+//string
+CounterClockwise,
+}
+}
+module LinearGauge
+{
+enum IndicatorTypes
+{
+//string
+Rectangle,
+//string
+Circle,
+//string
+RoundedRectangle,
+//string
+Text,
+}
+}
+module LinearGauge
+{
+enum PointerPlacement
+{
+//string
+Near,
+//string
+Far,
+//string
+Center,
+}
+}
+module LinearGauge
+{
+enum ScaleType
+{
+//string
+Major,
+//string
+Minor,
+}
+}
+module LinearGauge
+{
+enum UnitTextPlacement
+{
+//string
+Back,
+//string
+From,
+}
+}
+module LinearGauge
+{
+enum MarkerType
+{
+//string
+Rectangle,
+//string
+Triangle,
+//string
+Ellipse,
+//string
+Diamond,
+//string
+Pentagon,
+//string
+Circle,
+//string
+Star,
+//string
+Slider,
+//string
+Pointer,
+//string
+Wedge,
+//string
+Trapezoid,
+//string
+RoundedRectangle,
+}
+}
+module LinearGauge
+{
+enum TicksType
+{
+//string
+Majorinterval,
+//string
+Minorinterval,
+}
+}
+module LinearGauge
+{
+enum Themes
+{
+//string
+FlatLight,
+//string
+FlatDark,
+}
+}
+
+class CircularGauge extends ej.Widget {
+	static fn: CircularGauge;
+	constructor(element: JQuery, options?: CircularGauge.Model);
+	constructor(element: Element, options?: CircularGauge.Model);
+	static Locale: any;
+	model:CircularGauge.Model;
+	defaults:CircularGauge.Model;
+
+	/** destroy the circular gauge widget. all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To export Image
+	*   @returns {boolean}
+	*/
+	exportImage(): boolean;
+
+	/** To get BackNeedleLength
+	*   @returns {any}
+	*/
+	getBackNeedleLength(): any;
+
+	/** To get CustomLabelAngle
+	*   @returns {any}
+	*/
+	getCustomLabelAngle(): any;
+
+	/** To get CustomLabelValue
+	*   @returns {any}
+	*/
+	getCustomLabelValue(): any;
+
+	/** To get LabelAngle
+	*   @returns {any}
+	*/
+	getLabelAngle(): any;
+
+	/** To get LabelDistanceFromScale
+	*   @returns {any}
+	*/
+	getLabelDistanceFromScale(): any;
+
+	/** To get LabelPlacement
+	*   @returns {any}
+	*/
+	getLabelPlacement(): any;
+
+	/** To get LabelStyle
+	*   @returns {any}
+	*/
+	getLabelStyle(): any;
+
+	/** To get MajorIntervalValue
+	*   @returns {any}
+	*/
+	getMajorIntervalValue(): any;
+
+	/** To get MarkerDistanceFromScale
+	*   @returns {any}
+	*/
+	getMarkerDistanceFromScale(): any;
+
+	/** To get MarkerStyle
+	*   @returns {any}
+	*/
+	getMarkerStyle(): any;
+
+	/** To get MaximumValue
+	*   @returns {any}
+	*/
+	getMaximumValue(): any;
+
+	/** To get MinimumValue
+	*   @returns {any}
+	*/
+	getMinimumValue(): any;
+
+	/** To get MinorIntervalValue
+	*   @returns {any}
+	*/
+	getMinorIntervalValue(): any;
+
+	/** To get NeedleStyle
+	*   @returns {any}
+	*/
+	getNeedleStyle(): any;
+
+	/** To get PointerCapBorderWidth
+	*   @returns {any}
+	*/
+	getPointerCapBorderWidth(): any;
+
+	/** To get PointerCapRadius
+	*   @returns {any}
+	*/
+	getPointerCapRadius(): any;
+
+	/** To get PointerLength
+	*   @returns {any}
+	*/
+	getPointerLength(): any;
+
+	/** To get PointerNeedleType
+	*   @returns {any}
+	*/
+	getPointerNeedleType(): any;
+
+	/** To get PointerPlacement
+	*   @returns {any}
+	*/
+	getPointerPlacement(): any;
+
+	/** To get PointerValue
+	*   @returns {any}
+	*/
+	getPointerValue(): any;
+
+	/** To get PointerWidth
+	*   @returns {any}
+	*/
+	getPointerWidth(): any;
+
+	/** To get RangeBorderWidth
+	*   @returns {any}
+	*/
+	getRangeBorderWidth(): any;
+
+	/** To get RangeDistanceFromScale
+	*   @returns {any}
+	*/
+	getRangeDistanceFromScale(): any;
+
+	/** To get RangeEndValue
+	*   @returns {any}
+	*/
+	getRangeEndValue(): any;
+
+	/** To get RangePosition
+	*   @returns {any}
+	*/
+	getRangePosition(): any;
+
+	/** To get RangeSize
+	*   @returns {any}
+	*/
+	getRangeSize(): any;
+
+	/** To get RangeStartValue
+	*   @returns {any}
+	*/
+	getRangeStartValue(): any;
+
+	/** To get ScaleBarSize
+	*   @returns {any}
+	*/
+	getScaleBarSize(): any;
+
+	/** To get ScaleBorderWidth
+	*   @returns {any}
+	*/
+	getScaleBorderWidth(): any;
+
+	/** To get ScaleDirection
+	*   @returns {any}
+	*/
+	getScaleDirection(): any;
+
+	/** To get ScaleRadius
+	*   @returns {any}
+	*/
+	getScaleRadius(): any;
+
+	/** To get StartAngle
+	*   @returns {any}
+	*/
+	getStartAngle(): any;
+
+	/** To get SubGaugeLocation
+	*   @returns {any}
+	*/
+	getSubGaugeLocation(): any;
+
+	/** To get SweepAngle
+	*   @returns {any}
+	*/
+	getSweepAngle(): any;
+
+	/** To get TickAngle
+	*   @returns {any}
+	*/
+	getTickAngle(): any;
+
+	/** To get TickDistanceFromScale
+	*   @returns {any}
+	*/
+	getTickDistanceFromScale(): any;
+
+	/** To get TickHeight
+	*   @returns {any}
+	*/
+	getTickHeight(): any;
+
+	/** To get TickPlacement
+	*   @returns {any}
+	*/
+	getTickPlacement(): any;
+
+	/** To get TickStyle
+	*   @returns {any}
+	*/
+	getTickStyle(): any;
+
+	/** To get TickWidth
+	*   @returns {any}
+	*/
+	getTickWidth(): any;
+
+	/** To set includeFirstValue
+	*   @returns {void}
+	*/
+	includeFirstValue(): void;
+
+	/** Switching the redraw option for the gauge
+	*   @returns {void}
+	*/
+	redraw(): void;
+
+	/** To set BackNeedleLength
+	*   @returns {void}
+	*/
+	setBackNeedleLength(): void;
+
+	/** To set CustomLabelAngle
+	*   @returns {void}
+	*/
+	setCustomLabelAngle(): void;
+
+	/** To set CustomLabelValue
+	*   @returns {void}
+	*/
+	setCustomLabelValue(): void;
+
+	/** To set LabelAngle
+	*   @returns {void}
+	*/
+	setLabelAngle(): void;
+
+	/** To set LabelDistanceFromScale
+	*   @returns {void}
+	*/
+	setLabelDistanceFromScale(): void;
+
+	/** To set LabelPlacement
+	*   @returns {void}
+	*/
+	setLabelPlacement(): void;
+
+	/** To set LabelStyle
+	*   @returns {void}
+	*/
+	setLabelStyle(): void;
+
+	/** To set MajorIntervalValue
+	*   @returns {void}
+	*/
+	setMajorIntervalValue(): void;
+
+	/** To set MarkerDistanceFromScale
+	*   @returns {void}
+	*/
+	setMarkerDistanceFromScale(): void;
+
+	/** To set MarkerStyle
+	*   @returns {void}
+	*/
+	setMarkerStyle(): void;
+
+	/** To set MaximumValue
+	*   @returns {void}
+	*/
+	setMaximumValue(): void;
+
+	/** To set MinimumValue
+	*   @returns {void}
+	*/
+	setMinimumValue(): void;
+
+	/** To set MinorIntervalValue
+	*   @returns {void}
+	*/
+	setMinorIntervalValue(): void;
+
+	/** To set NeedleStyle
+	*   @returns {void}
+	*/
+	setNeedleStyle(): void;
+
+	/** To set PointerCapBorderWidth
+	*   @returns {void}
+	*/
+	setPointerCapBorderWidth(): void;
+
+	/** To set PointerCapRadius
+	*   @returns {void}
+	*/
+	setPointerCapRadius(): void;
+
+	/** To set PointerLength
+	*   @returns {void}
+	*/
+	setPointerLength(): void;
+
+	/** To set PointerNeedleType
+	*   @returns {void}
+	*/
+	setPointerNeedleType(): void;
+
+	/** To set PointerPlacement
+	*   @returns {void}
+	*/
+	setPointerPlacement(): void;
+
+	/** To set PointerValue
+	*   @returns {void}
+	*/
+	setPointerValue(): void;
+
+	/** To set PointerWidth
+	*   @returns {void}
+	*/
+	setPointerWidth(): void;
+
+	/** To set RangeBorderWidth
+	*   @returns {void}
+	*/
+	setRangeBorderWidth(): void;
+
+	/** To set RangeDistanceFromScale
+	*   @returns {void}
+	*/
+	setRangeDistanceFromScale(): void;
+
+	/** To set RangeEndValue
+	*   @returns {void}
+	*/
+	setRangeEndValue(): void;
+
+	/** To set RangePosition
+	*   @returns {void}
+	*/
+	setRangePosition(): void;
+
+	/** To set RangeSize
+	*   @returns {void}
+	*/
+	setRangeSize(): void;
+
+	/** To set RangeStartValue
+	*   @returns {void}
+	*/
+	setRangeStartValue(): void;
+
+	/** To set ScaleBarSize
+	*   @returns {void}
+	*/
+	setScaleBarSize(): void;
+
+	/** To set ScaleBorderWidth
+	*   @returns {void}
+	*/
+	setScaleBorderWidth(): void;
+
+	/** To set ScaleDirection
+	*   @returns {void}
+	*/
+	setScaleDirection(): void;
+
+	/** To set ScaleRadius
+	*   @returns {void}
+	*/
+	setScaleRadius(): void;
+
+	/** To set StartAngle
+	*   @returns {void}
+	*/
+	setStartAngle(): void;
+
+	/** To set SubGaugeLocation
+	*   @returns {void}
+	*/
+	setSubGaugeLocation(): void;
+
+	/** To set SweepAngle
+	*   @returns {void}
+	*/
+	setSweepAngle(): void;
+
+	/** To set TickAngle
+	*   @returns {void}
+	*/
+	setTickAngle(): void;
+
+	/** To set TickDistanceFromScale
+	*   @returns {void}
+	*/
+	setTickDistanceFromScale(): void;
+
+	/** To set TickHeight
+	*   @returns {void}
+	*/
+	setTickHeight(): void;
+
+	/** To set TickPlacement
+	*   @returns {void}
+	*/
+	setTickPlacement(): void;
+
+	/** To set TickStyle
+	*   @returns {void}
+	*/
+	setTickStyle(): void;
+
+	/** To set TickWidth
+	*   @returns {void}
+	*/
+	setTickWidth(): void;
+}
+export module CircularGauge{
+
+export interface Model {
+
+	/** Specifies animationSpeed of circular gauge
+	*   @Default {500}
+	*/
+	animationSpeed?: number;
+
+	/** Specifies the background color of circular gauge.
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specify distanceFromCorner value of circular gauge
+	*   @Default {center}
+	*/
+	distanceFromCorner?: number;
+
+	/** Specify range zOrder placement of circular gauge.
+	*   @Default {Rear}
+	*/
+	rangeZOrder?: ej.datavisualization.CircularGauge.RangeZOrderPlacement|string;
+
+	/** Specify animate value of circular gauge
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Specify to convert the  date object to  string, using locale settings.
+	*   @Default {false}
+	*/
+	enableGroupSeparator?: boolean;
+
+	/** Controls whether circular gauge has to be responsive while resizing.
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Specify the frame of circular gauge
+	*   @Default {Object}
+	*/
+	frame?: Frame;
+
+	/** Specify gaugePosition value of circular gauge See GaugePosition
+	*   @Default {center}
+	*/
+	gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition|string;
+
+	/** Specifies the height of circular gauge.
+	*   @Default {360}
+	*/
+	height?: number;
+
+	/** Specifies the interiorGradient of circular gauge.
+	*   @Default {null}
+	*/
+	interiorGradient?: any;
+
+	/** Specify isRadialGradient value of circular gauge
+	*   @Default {false}
+	*/
+	isRadialGradient?: boolean;
+
+	/** Specify isResponsive value of circular gauge
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Name of the culture based on which circular gauge should be localized.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the maximum value of circular gauge.
+	*   @Default {100}
+	*/
+	maximum?: number;
+
+	/** Specifies the minimum value of circular gauge.
+	*   @Default {0}
+	*/
+	minimum?: number;
+
+	/** Specify outerCustomLabelPosition value of circular gauge See 
+	*   @Default {bottom}
+	*/
+	outerCustomLabelPosition?: ej.datavisualization.CircularGauge.OuterCustomLabelPosition|string;
+
+	/** Specifies the radius of circular gauge.
+	*   @Default {180}
+	*/
+	radius?: number;
+
+	/** Specify readonly value of circular gauge
+	*   @Default {true}
+	*/
+	readOnly?: boolean;
+
+	/** Specify the pointers, ticks, labels, indicators, ranges of circular gauge
+	*   @Default {null}
+	*/
+	scales?: Array<Scale>;
+
+	/** Specify the theme of circular gauge.
+	*   @Default {flatlight}
+	*/
+	theme?: string;
+
+	/** Options to customize the legend.
+	*/
+	legend?: Legend;
+
+	/** Specify tooltip option of circular gauge
+	*   @Default {object}
+	*/
+	tooltip?: Tooltip;
+
+	/** Specifies the value of circular gauge.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Specifies the width of circular gauge.
+	*   @Default {360}
+	*/
+	width?: number;
+
+	/** Fires before rendering the legend item. This event is fired for each legend item in CircularGauge. You can use this event to customize legend item shape or add custom text to legend item. */
+	legendItemRender? (e: LegendItemRenderEventArgs): void;
+
+	/** Fires on clicking the legend item. */
+	legendItemClick? (e: LegendItemClickEventArgs): void;
+
+	/** Fires when mouse moving on ranges. */
+	rangeMouseMove? (e: RangeMouseMoveEventArgs): void;
+
+	/** Triggers while the custom labels are being drawn on the gauge. */
+	drawCustomLabel? (e: DrawCustomLabelEventArgs): void;
+
+	/** Triggers while the indicators are being started to drawn on the gauge. */
+	drawIndicators? (e: DrawIndicatorsEventArgs): void;
+
+	/** Triggers while the labels are being drawn on the gauge. */
+	drawLabels? (e: DrawLabelsEventArgs): void;
+
+	/** Triggers while the pointer cap is being drawn on the gauge. */
+	drawPointerCap? (e: DrawPointerCapEventArgs): void;
+
+	/** Triggers while the pointers are being drawn on the gauge. */
+	drawPointers? (e: DrawPointersEventArgs): void;
+
+	/** Triggers when the ranges begin to be getting drawn on the gauge. */
+	drawRange? (e: DrawRangeEventArgs): void;
+
+	/** Triggers while the ticks are being drawn on the gauge. */
+	drawTicks? (e: DrawTicksEventArgs): void;
+
+	/** Triggers while the gauge start to Load. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when the left mouse button is clicked. */
+	mouseClick? (e: MouseClickEventArgs): void;
+
+	/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
+	mouseClickMove? (e: MouseClickMoveEventArgs): void;
+
+	/** Triggers when the mouse click is released. */
+	mouseClickUp? (e: MouseClickUpEventArgs): void;
+
+	/** Triggers when the rendering of the gauge is completed. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+}
+
+export interface LegendItemRenderEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the circulargauge model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Instance of the legend item object that is about to be rendered
+	*/
+	data?: any;
+}
+
+export interface LegendItemClickEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the circulargauge model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Instance of the legend item object that is about to be rendered
+	*/
+	data?: any;
+}
+
+export interface RangeMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the circulargauge model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Region of ranges
+	*/
+	data?: any;
+}
+
+export interface DrawCustomLabelEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the custom label
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the custom label belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the custom label style
+	*/
+	style?: string;
+
+	/** returns the current custom label element.
+	*/
+	customLabelElement?: any;
+
+	/** returns the index of the custom label.
+	*/
+	customLabelIndex?: number;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrawIndicatorsEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the indicator
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the indicator belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the indicator style
+	*/
+	style?: string;
+
+	/** returns the current indicator element.
+	*/
+	indicatorElement?: any;
+
+	/** returns the index of the indicator.
+	*/
+	indicatorIndex?: number;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrawLabelsEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the labels
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the label belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the label style
+	*/
+	style?: string;
+
+	/** returns the angle of the labels.
+	*/
+	angle?: number;
+
+	/** returns the current label element.
+	*/
+	element?: any;
+
+	/** returns the index of the label.
+	*/
+	index?: number;
+
+	/** returns the value of the label.
+	*/
+	pointerValue?: number;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrawPointerCapEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the startX and startY of the pointer cap.
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the pointer cap style
+	*/
+	style?: string;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrawPointersEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the pointer
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the angle of the pointer.
+	*/
+	angle?: number;
+
+	/** returns the current pointer element.
+	*/
+	element?: any;
+
+	/** returns the index of the pointer.
+	*/
+	index?: number;
+
+	/** returns the value of the pointer.
+	*/
+	value?: number;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrawRangeEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the range
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the range belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the range style
+	*/
+	style?: string;
+
+	/** returns the current range element.
+	*/
+	rangeElement?: any;
+
+	/** returns the index of the range.
+	*/
+	rangeIndex?: number;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DrawTicksEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the startX and startY of the ticks
+	*/
+	position?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the tick belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the ticks style
+	*/
+	style?: string;
+
+	/** returns the angle of the tick.
+	*/
+	angle?: number;
+
+	/** returns the current tick element.
+	*/
+	element?: any;
+
+	/** returns the index of the tick.
+	*/
+	index?: number;
+
+	/** returns the label value of the tick.
+	*/
+	pointerValue?: number;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	Model?: any;
+
+	/** returns the entire scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface MouseClickEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+
+	/** returns the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the pointer Index
+	*/
+	index?: number;
+
+	/** returns the pointer element.
+	*/
+	element?: any;
+
+	/** returns the value of the pointer.
+	*/
+	value?: number;
+
+	/** returns the angle of the pointer.
+	*/
+	angle?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the startX and startY of the pointer.
+	*/
+	position?: any;
+}
+
+export interface MouseClickMoveEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+
+	/** returns the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the pointer Index
+	*/
+	index?: number;
+
+	/** returns the pointer element.
+	*/
+	element?: any;
+
+	/** returns the value of the pointer.
+	*/
+	value?: number;
+
+	/** returns the angle of the pointer.
+	*/
+	angle?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the startX and startY of the pointer.
+	*/
+	position?: any;
+}
+
+export interface MouseClickUpEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: any;
+
+	/** returns the scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the scaleIndex to which the pointer belongs.
+	*/
+	scaleIndex?: number;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the pointer Index
+	*/
+	index?: number;
+
+	/** returns the pointer element.
+	*/
+	element?: any;
+
+	/** returns the value of the pointer.
+	*/
+	value?: number;
+
+	/** returns the angle of the pointer.
+	*/
+	angle?: number;
+
+	/** returns the pointer style
+	*/
+	style?: string;
+
+	/** returns the startX and startY of the pointer.
+	*/
+	position?: any;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the entire scale element.
+	*/
+	scaleElement?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface Frame {
+
+	/** Specify the URL of the frame background image for circular gauge
+	*   @Default {null}
+	*/
+	backgroundImageUrl?: string;
+
+	/** Specifies the frameType of circular gauge. See 
+	*   @Default {FullCircle}
+	*/
+	frameType?: ej.datavisualization.CircularGauge.FrameType|string;
+
+	/** Specifies the end angle for the half circular frame.
+	*   @Default {360}
+	*/
+	halfCircleFrameEndAngle?: number;
+
+	/** Specifies the start angle for the half circular frame.
+	*   @Default {180}
+	*/
+	halfCircleFrameStartAngle?: number;
+}
+
+export interface ScalesBorder {
+
+	/** Specify border color for scales of circular gauge
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specify border width of circular gauge
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesCustomLabelsPosition {
+
+	/** Specify x-axis position of label
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specify y-axis  position of labels.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesCustomLabelsFont {
+
+	/** Specify font fontFamily for custom labels.
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specify font Style for custom labels.
+	*   @Default {Bold}
+	*/
+	fontStyle?: string;
+
+	/** Specify font size for custom labels.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface ScalesCustomLabel {
+
+	/** Value of the custom labels.
+	*/
+	value?: string;
+
+	/** Color of the custom labels.
+	*/
+	color?: string;
+
+	/** Specify position of custom labels
+	*   @Default {Object}
+	*/
+	position?: ScalesCustomLabelsPosition;
+
+	/** Specify angle for the rotation of the custom labels in degrees.
+	*   @Default {0}
+	*/
+	textAngle?: number;
+
+	/** Specify font for custom labels
+	*   @Default {Object}
+	*/
+	font?: ScalesCustomLabelsFont;
+
+	/** Specifies the position of the  custom labels. See 
+	*   @Default {inner}
+	*/
+	positionType?: ej.datavisualization.CircularGauge.CustomLabelPositionType|string;
+}
+
+export interface ScalesIndicatorsPosition {
+
+	/** Specify x-axis of position of circular gauge
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specify y-axis of position of circular gauge
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesIndicatorsStateRange {
+
+	/** Specify backgroundColor for indicator of circular gauge
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specify borderColor for indicator of circular gauge
+	*   @Default {null}
+	*/
+	borderColor?: string;
+
+	/** Specify end value for each specified state of circular gauge
+	*   @Default {0}
+	*/
+	endValue?: number;
+
+	/** Specify value of the font as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
+	*   @Default {null}
+	*/
+	font?: any;
+
+	/** Specify start value for each specified state of circular gauge
+	*   @Default {0}
+	*/
+	startValue?: number;
+
+	/** Specify value of the text as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
+	*/
+	text?: string;
+
+	/** Specify value of the textColor as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
+	*   @Default {null}
+	*/
+	textColor?: string;
+}
+
+export interface ScalesIndicator {
+
+	/** Specify indicator height of circular gauge
+	*   @Default {15}
+	*/
+	height?: number;
+
+	/** Specify imageUrl of circular gauge
+	*   @Default {null}
+	*/
+	imageUrl?: string;
+
+	/** Specify position of circular gauge
+	*   @Default {Object}
+	*/
+	position?: ScalesIndicatorsPosition;
+
+	/** Specify the various states of circular gauge
+	*   @Default {Array}
+	*/
+	stateRanges?: Array<ScalesIndicatorsStateRange>;
+
+	/** Specify indicator style of circular gauge. See 
+	*   @Default {Circle}
+	*/
+	type?: ej.datavisualization.CircularGauge.IndicatorTypes|string;
+
+	/** Specify indicator width of circular gauge
+	*   @Default {15}
+	*/
+	width?: number;
+}
+
+export interface ScalesLabelsFont {
+
+	/** Specify font fontFamily for labels of circular gauge
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specify font Style for labels of circular gauge
+	*   @Default {Bold}
+	*/
+	fontStyle?: string;
+
+	/** Specify font size for labels of circular gauge
+	*   @Default {11px}
+	*/
+	size?: string;
+}
+
+export interface ScalesLabel {
+
+	/** Specify the angle for the labels of circular gauge
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Specify labels autoAngle value of circular gauge
+	*   @Default {false}
+	*/
+	autoAngle?: boolean;
+
+	/** Specify label color of circular gauge
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specify distanceFromScale value for labels of circular gauge
+	*   @Default {0}
+	*/
+	distanceFromScale?: number;
+
+	/** Specify font for labels of circular gauge
+	*   @Default {Object}
+	*/
+	font?: ScalesLabelsFont;
+
+	/** Specify includeFirstValue of circular gauge
+	*   @Default {true}
+	*/
+	includeFirstValue?: boolean;
+
+	/** Specify opacity value for labels of circular gauge
+	*   @Default {null}
+	*/
+	opacity?: number;
+
+	/** Specify label placement of circular gauge. See 
+	*   @Default {Near}
+	*/
+	placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+	/** Specify label Style of circular gauge. See 
+	*   @Default {Major}
+	*/
+	type?: ej.datavisualization.CircularGauge.LabelType|string;
+
+	/** Specify unitText of circular gauge
+	*/
+	unitText?: string;
+
+	/** Specify unitTextPosition of circular gauge. See UnitTextPosition
+	*   @Default {Back}
+	*/
+	unitTextPosition?: ej.datavisualization.CircularGauge.UnitTextPlacement|string;
+}
+
+export interface ScalesPointerCap {
+
+	/** Specify cap backgroundColor of circular gauge
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specify cap borderColor of circular gauge
+	*   @Default {null}
+	*/
+	borderColor?: string;
+
+	/** Specify pointerCap borderWidth value of circular gauge
+	*   @Default {3}
+	*/
+	borderWidth?: number;
+
+	/** Specify cap interiorGradient value of circular gauge
+	*   @Default {null}
+	*/
+	interiorGradient?: any;
+
+	/** Specify pointerCap Radius value of circular gauge
+	*   @Default {7}
+	*/
+	radius?: number;
+}
+
+export interface ScalesPointersBorder {
+
+	/** Specify border color for pointer of circular gauge
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specify border width for pointers of circular gauge
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesPointersPointerValueTextFont {
+
+	/** Specify pointer value text font family of circular gauge.
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specify pointer value text font style of circular gauge.
+	*   @Default {Bold}
+	*/
+	fontStyle?: string;
+
+	/** Specify pointer value text size of circular gauge.
+	*   @Default {11px}
+	*/
+	size?: string;
+}
+
+export interface ScalesPointersPointerValueText {
+
+	/** Specify pointer text angle of circular gauge.
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Specify pointer text auto angle of circular gauge.
+	*   @Default {false}
+	*/
+	autoAngle?: boolean;
+
+	/** Specify pointer value text color of circular gauge.
+	*   @Default {#8c8c8c}
+	*/
+	color?: string;
+
+	/** Specify pointer value text distance from pointer of circular gauge.
+	*   @Default {20}
+	*/
+	distance?: number;
+
+	/** Specify pointer value text font option of circular gauge.
+	*   @Default {object}
+	*/
+	font?: ScalesPointersPointerValueTextFont;
+
+	/** Specify pointer value text opacity of circular gauge.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** enable pointer value text visibility of circular gauge.
+	*   @Default {false}
+	*/
+	showValue?: boolean;
+}
+
+export interface ScalesPointer {
+
+	/** Specify backgroundColor for the pointer of circular gauge
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specify backNeedleLength of circular gauge
+	*   @Default {10}
+	*/
+	backNeedleLength?: number;
+
+	/** Specify the border for pointers of circular gauge
+	*   @Default {Object}
+	*/
+	border?: ScalesPointersBorder;
+
+	/** Specify distanceFromScale value for pointers of circular gauge
+	*   @Default {0}
+	*/
+	distanceFromScale?: number;
+
+	/** Specify pointer gradients of circular gauge
+	*   @Default {null}
+	*/
+	gradients?: any;
+
+	/** Specify pointer image of circular gauge.It is applicable for both marker as well as needle type pointers.
+	*   @Default {NULL}
+	*/
+	imageUrl?: string;
+
+	/** Specify pointer length of circular gauge
+	*   @Default {150}
+	*/
+	length?: number;
+
+	/** Specify marker Style value of circular gauge. See 
+	*   @Default {Rectangle}
+	*/
+	markerType?: ej.datavisualization.CircularGauge.MarkerType|string;
+
+	/** Specify needle Style value of circular gauge. See 
+	*   @Default {Triangle}
+	*/
+	needleType?: ej.datavisualization.CircularGauge.NeedleType|string;
+
+	/** Specify opacity value for pointer of circular gauge
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specify radius value for pointer of circular gauge
+	*   @Default {null}
+	*/
+	radius?: number;
+
+	/** Specify pointer Placement value of circular gauge. See PointerPlacement
+	*   @Default {Near}
+	*/
+	placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+	/** Specify pointer value text of circular gauge.
+	*   @Default {Object}
+	*/
+	pointerValueText?: ScalesPointersPointerValueText;
+
+	/** Specify showBackNeedle value of circular gauge
+	*   @Default {false}
+	*/
+	showBackNeedle?: boolean;
+
+	/** Specify pointer type value of circular gauge. See 
+	*   @Default {Needle}
+	*/
+	type?: ej.datavisualization.CircularGauge.PointerType|string;
+
+	/** Specify value of the pointer of circular gauge
+	*   @Default {null}
+	*/
+	value?: number;
+
+	/** Specify pointer width of circular gauge
+	*   @Default {7}
+	*/
+	width?: number;
+}
+
+export interface ScalesRangesBorder {
+
+	/** Specify border color for ranges of circular gauge
+	*   @Default {#32b3c6}
+	*/
+	color?: string;
+
+	/** Specify border width for ranges of circular gauge
+	*   @Default {1.5}
+	*/
+	width?: number;
+}
+
+export interface ScalesRange {
+
+	/** Specify backgroundColor for the ranges of circular gauge
+	*   @Default {#32b3c6}
+	*/
+	backgroundColor?: string;
+
+	/** Specify text for the ranges of circular gauge
+	*   @Default {null}
+	*/
+	legendText?: string;
+
+	/** Specify border for ranges of circular gauge
+	*   @Default {Object}
+	*/
+	border?: ScalesRangesBorder;
+
+	/** Specify distanceFromScale value for ranges of circular gauge
+	*   @Default {25}
+	*/
+	distanceFromScale?: number;
+
+	/** Specify endValue for ranges of circular gauge
+	*   @Default {null}
+	*/
+	endValue?: number;
+
+	/** Specify endWidth for ranges of circular gauge
+	*   @Default {10}
+	*/
+	endWidth?: number;
+
+	/** Specify range gradients of circular gauge
+	*   @Default {null}
+	*/
+	gradients?: any;
+
+	/** Specify opacity value for ranges of circular gauge
+	*   @Default {null}
+	*/
+	opacity?: number;
+
+	/** Specify placement of circular gauge. See RangePlacement
+	*   @Default {Near}
+	*/
+	placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+	/** Specify size of the range value of circular gauge
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Specify startValue for ranges of circular gauge
+	*   @Default {null}
+	*/
+	startValue?: number;
+
+	/** Specify startWidth of circular gauge
+	*   @Default {[Array.number] scale.ranges.startWidth = 10}
+	*/
+	startWidth?: number;
+}
+
+export interface ScalesSubGaugesPosition {
+
+	/** Specify x-axis position for sub-gauge of circular gauge
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Specify y-axis position for sub-gauge of circular gauge
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ScalesSubGauge {
+
+	/** Specify subGauge Height of circular gauge
+	*   @Default {150}
+	*/
+	height?: number;
+
+	/** Specify position for sub-gauge of circular gauge
+	*   @Default {Object}
+	*/
+	position?: ScalesSubGaugesPosition;
+
+	/** Specify subGauge Width of circular gauge
+	*   @Default {150}
+	*/
+	width?: number;
+}
+
+export interface ScalesTick {
+
+	/** Specify the angle for the ticks of circular gauge
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Specify tick color of circular gauge
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specify distanceFromScale value for ticks of circular gauge
+	*   @Default {0}
+	*/
+	distanceFromScale?: number;
+
+	/** Specify tick height of circular gauge
+	*   @Default {16}
+	*/
+	height?: number;
+
+	/** Specify tick placement of circular gauge. See TickPlacement
+	*   @Default {Near}
+	*/
+	placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+	/** Specify tick Style of circular gauge. See TickType
+	*   @Default {Major}
+	*/
+	type?: ej.datavisualization.CircularGauge.LabelType|string;
+
+	/** Specify tick width of circular gauge
+	*   @Default {3}
+	*/
+	width?: number;
+}
+
+export interface Scale {
+
+	/** Specify backgroundColor for the scale of circular gauge
+	*   @Default {null}
+	*/
+	backgroundColor?: string;
+
+	/** Specify border for scales of circular gauge
+	*   @Default {Object}
+	*/
+	border?: ScalesBorder;
+
+	/** Specify scale direction of circular gauge. See 
+	*   @Default {Clockwise}
+	*/
+	direction?: ej.datavisualization.CircularGauge.Direction|string;
+
+	/** Specify the custom labels for the scales.
+	*   @Default {Array}
+	*/
+	customLabels?: Array<ScalesCustomLabel>;
+
+	/** Specify representing state of circular gauge
+	*   @Default {Array}
+	*/
+	indicators?: Array<ScalesIndicator>;
+
+	/** Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
+	*   @Default {Array}
+	*/
+	labels?: Array<ScalesLabel>;
+
+	/** Specify majorIntervalValue of circular gauge
+	*   @Default {10}
+	*/
+	majorIntervalValue?: number;
+
+	/** Specify maximum scale value of circular gauge
+	*   @Default {null}
+	*/
+	maximum?: number;
+
+	/** Specify minimum scale value of circular gauge
+	*   @Default {null}
+	*/
+	minimum?: number;
+
+	/** Specify minorIntervalValue of circular gauge
+	*   @Default {2}
+	*/
+	minorIntervalValue?: number;
+
+	/** Specify opacity value of circular gauge
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specify pointer cap of circular gauge
+	*   @Default {Object}
+	*/
+	pointerCap?: ScalesPointerCap;
+
+	/** Specify pointers value of circular gauge
+	*   @Default {Array}
+	*/
+	pointers?: Array<ScalesPointer>;
+
+	/** Specify scale radius of circular gauge
+	*   @Default {170}
+	*/
+	radius?: number;
+
+	/** Specify ranges value of circular gauge
+	*   @Default {Array}
+	*/
+	ranges?: Array<ScalesRange>;
+
+	/** Specify shadowOffset value of circular gauge
+	*   @Default {0}
+	*/
+	shadowOffset?: number;
+
+	/** Specify showIndicators of circular gauge
+	*   @Default {false}
+	*/
+	showIndicators?: boolean;
+
+	/** Specify showLabels of circular gauge
+	*   @Default {true}
+	*/
+	showLabels?: boolean;
+
+	/** Specify showPointers of circular gauge
+	*   @Default {true}
+	*/
+	showPointers?: boolean;
+
+	/** Specify showRanges of circular gauge
+	*   @Default {false}
+	*/
+	showRanges?: boolean;
+
+	/** Specify showScaleBar of circular gauge
+	*   @Default {false}
+	*/
+	showScaleBar?: boolean;
+
+	/** Specify showTicks of circular gauge
+	*   @Default {true}
+	*/
+	showTicks?: boolean;
+
+	/** Specify scaleBar size of circular gauge
+	*   @Default {6}
+	*/
+	size?: number;
+
+	/** Specify startAngle of circular gauge
+	*   @Default {115}
+	*/
+	startAngle?: number;
+
+	/** Specify subGauge of circular gauge
+	*   @Default {Array}
+	*/
+	subGauges?: Array<ScalesSubGauge>;
+
+	/** Specify sweepAngle of circular gauge
+	*   @Default {310}
+	*/
+	sweepAngle?: number;
+
+	/** Specify ticks of circular gauge
+	*   @Default {Array}
+	*/
+	ticks?: Array<ScalesTick>;
+}
+
+export interface LegendBorder {
+
+	/** Border color of the legend.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the legend.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface LegendItemStyleBorder {
+
+	/** Border color of the legend items.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the legend items.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface LegendItemStyle {
+
+	/** Options for customizing the border of legend items.
+	*/
+	border?: LegendItemStyleBorder;
+
+	/** Specifies the height of the  legend item shapes.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Specifies the width of the  legend item shapes.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface LegendSize {
+
+	/** Specify the height of the legend. Height can be specified in pixel.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Specify the width of the legend. Width can be specified in pixel.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface LegendFont {
+
+	/** Font family for legend item text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend item text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: string;
+
+	/** Font weight for legend item text.
+	*   @Default {Regular}
+	*/
+	fontWeight?: string;
+
+	/** Font size for legend item text.
+	*   @Default {12px}
+	*/
+	size?: string;
+
+	/** Font color of the text for legend items.
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface Legend {
+
+	/** Toggles the visibility of the legend.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Toggles the visibility of the ranges.
+	*   @Default {true}
+	*/
+	toggleVisibility?: boolean;
+
+	/** Specifies the alignment of the legend.
+	*   @Default {Center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.CircularGauge.LegendAlignment|string;
+
+	/** Options for customizing the legend border.
+	*/
+	border?: LegendBorder;
+
+	/** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible ranges is displayed in gray color.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Gap or padding between the legend items.
+	*   @Default {20}
+	*/
+	itemPadding?: number;
+
+	/** Options to customize the style of legend items.
+	*/
+	itemStyle?: LegendItemStyle;
+
+	/** Opacity of the legend.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the circular gauge.
+	*   @Default {Bottom. See Position}
+	*/
+	position?: ej.datavisualization.CircularGauge.LegendPosition|string;
+
+	/** Shape of the legend items.
+	*   @Default {Circle. See Shape}
+	*/
+	shape?: ej.datavisualization.CircularGauge.LegendShape|string;
+
+	/** Options to customize the size of the legend.
+	*/
+	size?: LegendSize;
+
+	/** Options to customize the font used for legend item text.
+	*/
+	font?: LegendFont;
+}
+
+export interface Tooltip {
+
+	/** enable showCustomLabelTooltip of circular gauge
+	*   @Default {false}
+	*/
+	showCustomLabelTooltip?: boolean;
+
+	/** enable showLabelTooltip of circular gauge
+	*   @Default {false}
+	*/
+	showLabelTooltip?: boolean;
+
+	/** Specify tooltip templateID of circular gauge
+	*   @Default {false}
+	*/
+	templateID?: string;
+}
+}
+module CircularGauge
+{
+enum RangeZOrderPlacement
+{
+//string
+Rear,
+//string
+Front,
+}
+}
+module CircularGauge
+{
+enum FrameType
+{
+//string
+FullCircle,
+//string
+HalfCircle,
+}
+}
+module CircularGauge
+{
+enum gaugePosition
+{
+//string
+TopLeft,
+//string
+TopRight,
+//string
+TopCenter,
+//string
+MiddleLeft,
+//string
+MiddleRight,
+//string
+Center,
+//string
+BottomLeft,
+//string
+BottomRight,
+//string
+BottomCenter,
+}
+}
+module CircularGauge
+{
+enum OuterCustomLabelPosition
+{
+//string
+Top,
+//string
+Bottom,
+//string
+Right,
+//string
+Left,
+}
+}
+module CircularGauge
+{
+enum Direction
+{
+//string
+Clockwise,
+//string
+CounterClockwise,
+}
+}
+module CircularGauge
+{
+enum CustomLabelPositionType
+{
+//string
+Inner,
+//string
+Outer,
+}
+}
+module CircularGauge
+{
+enum IndicatorTypes
+{
+//string
+Rectangle,
+//string
+Circle,
+//string
+Text,
+//string
+RoundedRectangle,
+//string
+Image,
+}
+}
+module CircularGauge
+{
+enum Placement
+{
+//string
+Near,
+//string
+Far,
+}
+}
+module CircularGauge
+{
+enum LabelType
+{
+//string
+Major,
+//string
+Minor,
+}
+}
+module CircularGauge
+{
+enum UnitTextPlacement
+{
+//string
+Back,
+//string
+Front,
+}
+}
+module CircularGauge
+{
+enum MarkerType
+{
+//string
+Rectangle,
+//string
+Circle,
+//string
+Triangle,
+//string
+Ellipse,
+//string
+Diamond,
+//string
+Pentagon,
+//string
+Slider,
+//string
+Pointer,
+//string
+Wedge,
+//string
+Trapezoid,
+//string
+RoundedRectangle,
+//string
+Image,
+}
+}
+module CircularGauge
+{
+enum NeedleType
+{
+//string
+Triangle,
+//string
+Rectangle,
+//string
+Arrow,
+//string
+Image,
+//string
+Trapezoid,
+}
+}
+module CircularGauge
+{
+enum PointerType
+{
+//string
+Needle,
+//string
+Marker,
+}
+}
+module CircularGauge
+{
+enum LegendAlignment
+{
+//string
+Center,
+//string
+Near,
+//string
+Far,
+}
+}
+module CircularGauge
+{
+enum LegendPosition
+{
+//string
+Left,
+//string
+Right,
+//string
+Top,
+//string
+Bottom,
+}
+}
+module CircularGauge
+{
+enum LegendShape
+{
+//string
+Rectangle,
+//string
+Circle,
+//string
+Triangle,
+//string
+Ellipse,
+//string
+Diamond,
+//string
+Pentagon,
+//string
+Slider,
+//string
+Trapezoid,
+//string
+Line,
+}
+}
+
+class DigitalGauge extends ej.Widget {
+	static fn: DigitalGauge;
+	constructor(element: JQuery, options?: DigitalGauge.Model);
+	constructor(element: Element, options?: DigitalGauge.Model);
+	static Locale: any;
+	model:DigitalGauge.Model;
+	defaults:DigitalGauge.Model;
+
+	/** To destroy the digital gauge
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To export Digital Gauge as Image
+	*   @param {string} fileName for the Image
+	*   @param {string} fileType for the Image
+	*   @returns {boolean}
+	*/
+	exportImage(fileName: string, fileType: string): boolean;
+
+	/** Gets the location of an item that is displayed on the gauge.
+	*   @param {number} Position value of an item that is displayed on the gauge.
+	*   @returns {any}
+	*/
+	getPosition(itemIndex: number): any;
+
+	/** ClientSideMethod getValue Gets the value of an item that is displayed on the gauge
+	*   @param {number} Index value of an item that displayed on the gauge
+	*   @returns {any}
+	*/
+	getValue(itemIndex: number): any;
+
+	/** Refresh the digital gauge widget
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** ClientSideMethod Set Position Sets the location of an item to be displayed in the gauge
+	*   @param {number} Index value of the digital gauge item
+	*   @param {any} Location value of the digital gauge
+	*   @returns {void}
+	*/
+	setPosition(itemIndex: number, value: any): void;
+
+	/** ClientSideMethod SetValue Sets the value of an item to be displayed in the gauge.
+	*   @param {number} Index value of the digital gauge item
+	*   @param {string} Text value to be displayed in the gaugeS
+	*   @returns {void}
+	*/
+	setValue(itemIndex: number, value: string): void;
+}
+export module DigitalGauge{
+
+export interface Model {
+
+	/** Specifies the frame of the Digital gauge.
+	*   @Default {{backgroundImageUrl: null, innerWidth: 6, outerWidth: 10}}
+	*/
+	frame?: Frame;
+
+	/** Specifies the height of the DigitalGauge.
+	*   @Default {150}
+	*/
+	height?: number;
+
+	/** Specifies the resize option of the DigitalGauge.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies the responsiveness of the Digital gauge
+	*   @Default {false}
+	*/
+	enableResize?: boolean;
+
+	/** Specifies the items for the DigitalGauge.
+	*   @Default {null}
+	*/
+	items?: Array<Item>;
+
+	/** Specifies the matrixSegmentData for the DigitalGauge.
+	*/
+	matrixSegmentData?: any;
+
+	/** Specifies the segmentData for the DigitalGauge.
+	*/
+	segmentData?: any;
+
+	/** Specifies the themes for the Digital gauge. See Themes
+	*   @Default {flatlight}
+	*/
+	themes?: string;
+
+	/** Specifies the value to the DigitalGauge.
+	*   @Default {text}
+	*/
+	value?: string;
+
+	/** Specifies the width for the Digital gauge.
+	*   @Default {400}
+	*/
+	width?: number;
+
+	/** Triggers when the gauge is initialized. */
+	init? (e: InitEventArgs): void;
+
+	/** Triggers when the gauge item rendering. */
+	itemRendering? (e: ItemRenderingEventArgs): void;
+
+	/** Triggers when the gauge is start to load. */
+	load? (e: LoadEventArgs): void;
+
+	/** Triggers when the gauge render is completed. */
+	renderComplete? (e: RenderCompleteEventArgs): void;
+}
+
+export interface InitEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the all the options of the items.
+	*/
+	items?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ItemRenderingEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the all the options of the items.
+	*/
+	items?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the all the options of the items.
+	*/
+	items?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface RenderCompleteEventArgs {
+
+	/** returns the object of the gauge.
+	*/
+	object?: any;
+
+	/** returns the cancel option value
+	*/
+	cancel?: boolean;
+
+	/** returns the all the options of the items.
+	*/
+	items?: any;
+
+	/** returns the context element
+	*/
+	context?: any;
+
+	/** returns the gauge model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface Frame {
+
+	/** Specifies the URL of an image to be displayed as background of the Digital gauge.
+	*   @Default {null}
+	*/
+	backgroundImageUrl?: string;
+
+	/** Specifies the inner width for the frame, when the background image has been set for the Digital gauge..
+	*   @Default {6}
+	*/
+	innerWidth?: number;
+
+	/** Specifies the outer width of the frame, when the background image has been set for the Digital gauge.
+	*   @Default {10}
+	*/
+	outerWidth?: number;
+}
+
+export interface ItemsCharacterSettings {
+
+	/** Specifies the CharacterCount value for the DigitalGauge.
+	*   @Default {4}
+	*/
+	count?: number;
+
+	/** Specifies the opacity value for the DigitalGauge.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the value for spacing between the characters
+	*   @Default {2}
+	*/
+	spacing?: number;
+
+	/** Specifies the character type for the text to be displayed.
+	*   @Default {ej.datavisualization.DigitalGauge.CharacterType.EightCrossEightDotMatrix}
+	*/
+	type?: ej.datavisualization.DigitalGauge.CharacterType|string;
+}
+
+export interface ItemsFont {
+
+	/** Set the font family value
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Set the font style for the font
+	*   @Default {italic}
+	*/
+	fontStyle?: ej.datavisualization.DigitalGauge.FontStyle|string;
+
+	/** Set the font size value
+	*   @Default {11px}
+	*/
+	size?: string;
+}
+
+export interface ItemsPosition {
+
+	/** Set the horizontal location for the text, where it needs to be placed within the gauge.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Set the vertical location for the text, where it needs to be placed within the gauge.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ItemsSegmentSettings {
+
+	/** Set the color for the text segments.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Set the gradient for the text segments.
+	*   @Default {null}
+	*/
+	gradient?: any;
+
+	/** Set the length for the text segments.
+	*   @Default {2}
+	*/
+	length?: number;
+
+	/** Set the opacity for the text segments.
+	*   @Default {0}
+	*/
+	opacity?: number;
+
+	/** Set the spacing for the text segments.
+	*   @Default {1}
+	*/
+	spacing?: number;
+
+	/** Set the width for the text segments.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface Item {
+
+	/** Specifies the Character settings for the DigitalGauge.
+	*   @Default {null}
+	*/
+	characterSettings?: ItemsCharacterSettings;
+
+	/** Enable/Disable the custom font to be applied to the text in the gauge.
+	*   @Default {false}
+	*/
+	enableCustomFont?: boolean;
+
+	/** Set the specific font for the text, when the enableCustomFont is set to true
+	*   @Default {null}
+	*/
+	font?: ItemsFont;
+
+	/** Set the location for the text, where it needs to be placed within the gauge.
+	*   @Default {null}
+	*/
+	position?: ItemsPosition;
+
+	/** Set the segment settings for the digital gauge.
+	*   @Default {null}
+	*/
+	segmentSettings?: ItemsSegmentSettings;
+
+	/** Set the value for enabling/disabling the blurring effect for the shadows of the text
+	*   @Default {0}
+	*/
+	shadowBlur?: number;
+
+	/** Specifies the color of the text shadow.
+	*   @Default {null}
+	*/
+	shadowColor?: string;
+
+	/** Set the x offset value for the shadow of the text, indicating the location where it needs to be displayed.
+	*   @Default {1}
+	*/
+	shadowOffsetX?: number;
+
+	/** Set the y offset value for the shadow of the text, indicating the location where it needs to be displayed.
+	*   @Default {1}
+	*/
+	shadowOffsetY?: number;
+
+	/** Set the alignment of the text that is displayed within the gauge.See TextAlign
+	*   @Default {left}
+	*/
+	textAlign?: string;
+
+	/** Specifies the color of the text.
+	*   @Default {null}
+	*/
+	textColor?: string;
+
+	/** Specifies the text value.
+	*   @Default {null}
+	*/
+	value?: string;
+}
+}
+module DigitalGauge
+{
+enum CharacterType
+{
+//string
+SevenSegment,
+//string
+FourteenSegment,
+//string
+SixteenSegment,
+//string
+EightCrossEightDotMatrix,
+//string
+EightCrossEightSquareMatrix,
+}
+}
+module DigitalGauge
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Bold,
+//string
+Italic,
+//string
+Underline,
+//string
+Strikeout,
+}
+}
+
+class Chart extends ej.Widget {
+	static fn: Chart;
+	constructor(element: JQuery, options?: Chart.Model);
+	constructor(element: Element, options?: Chart.Model);
+	static Locale: any;
+	model:Chart.Model;
+	defaults:Chart.Model;
+
+	/** Animates the series and/or indicators in Chart. When parameter is not passed to this method, then all the series and indicators present in Chart are animated.
+	*   @param {any} If an array collection is passed as parameter, series and indicator objects passed in array collection are animated.ExampleIf a series or indicator object is passed to this method, then the specific series or indicator is animated.Example,
+	*   @returns {void}
+	*/
+	animate(options: any): void;
+
+	/** Prints the rendered chart.
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Exports chart as an image or to an excel file. Chart can be exported as an image only when exportCanvasRendering option is set to true.
+	*   @param {string} Type of the export operation to be performed. Following are the two export types that are supported now,1. 'image'2. 'excel'Example
+	*   @param {string} URL of the service, where the chart will be exported to excel.Example,
+	*   @param {boolean} When this parameter is true, all the chart objects initialized to the same document are exported to a single excel file. This is an optional parameter. By default, it is false.Example,
+	*   @returns {any}
+	*/
+	export(type: string, URL: string, exportMultipleChart: boolean): any;
+
+	/** Redraws the entire chart. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+	*   @returns {void}
+	*/
+	redraw(): void;
+}
+export module Chart{
+
+export interface Model {
+
+	/** Options for adding and customizing annotations in Chart.
+	*/
+	annotations?: Array<Annotation>;
+
+	/** Sets the background color of the  chart.
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** URL of the image to be used as chart background.
+	*   @Default {null}
+	*/
+	backGroundImageUrl?: string;
+
+	/** Options for customizing the color, opacity and width of the chart border.
+	*/
+	border?: Border;
+
+	/** This provides options for customizing export settings
+	*/
+	exportSettings?: ExportSettings;
+
+	/** Options for configuring the border and background of the plot area.
+	*/
+	chartArea?: ChartArea;
+
+	/** Options to split Chart into multiple plotting areas vertically. Each object in the collection represents a plotting area in Chart.
+	*/
+	columnDefinitions?: Array<ColumnDefinition>;
+
+	/** Options for configuring the properties of all the series. You can also override the options for specific series by using series collection.
+	*/
+	commonSeriesOptions?: CommonSeriesOptions;
+
+	/** Options for displaying the chart along with selected points while loading
+	*   @Default {[ ]}
+	*/
+	selectedDataPointIndexes?: Array<any>;
+
+	/** Options for displaying and customizing the crosshair.
+	*/
+	crosshair?: Crosshair;
+
+	/** Depth of the 3D Chart from front view of series to background wall. This property is applicable only for 3D view.
+	*   @Default {100}
+	*/
+	depth?: number;
+
+	/** Controls whether 3D view has to be enabled or not. 3D view is supported only for column, bar. Stacking column, stacking bar, pie and doughnut series types.
+	*   @Default {false}
+	*/
+	enable3D?: boolean;
+
+	/** Controls whether Chart has to be rendered as Canvas or SVG. Canvas rendering supports all functionalities in SVG rendering except 3D Charts.
+	*   @Default {false}
+	*/
+	enableCanvasRendering?: boolean;
+
+	/** Controls whether the series has to be rendered at initial loading of chart, this will be useful in scenarios where chart is placed at the bottom of the web page and we need to render the series only when the chart is visible while scrolling to the top.
+	*   @Default {true}
+	*/
+	initSeriesRender?: boolean;
+
+	/** Controls whether 3D view has to be rotated on dragging. This property is applicable only for 3D view.
+	*   @Default {false}
+	*/
+	enableRotation?: boolean;
+
+	/** Options to customize the technical indicators.
+	*/
+	indicators?: Array<Indicator>;
+
+	/** Controls whether Chart has to be responsive while resizing.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Options to customize the legend items and legend title.
+	*/
+	legend?: Legend;
+
+	/** Name of the culture based on which chart should be localized. Number and date time values are localized with respect to the culture name.String type properties like title text are not localized automatically. Provide localized text as value to string type properties.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Palette is used to store the series fill color in array and apply the color to series collection in the order of series index.
+	*   @Default {null}
+	*/
+	palette?: Array<any>;
+
+	/** Options to customize the left, right, top and bottom margins of chart area.
+	*/
+	Margin?: any;
+
+	/** Perspective angle of the 3D view. Chart appears closer when perspective angle is decreased, and distant when perspective angle is increased.This property is applicable only when 3D view is enabled
+	*   @Default {90}
+	*/
+	perspectiveAngle?: number;
+
+	/** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array. To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
+	*/
+	primaryXAxis?: PrimaryXAxis;
+
+	/** To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
+	*/
+	axes?: Array<Axis>;
+
+	/** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array. To override y axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s yAxisName property to link both axis and series.
+	*/
+	primaryYAxis?: PrimaryYAxis;
+
+	/** Rotation angle of the 3D view. This property is applicable only when 3D view is enabled.
+	*   @Default {0}
+	*/
+	rotation?: number;
+
+	/** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
+	*/
+	rowDefinitions?: Array<RowDefinition>;
+
+	/** Specifies the properties used for customizing the series.
+	*/
+	series?: Array<Series>;
+
+	/** Controls whether data points has to be displayed side by side or along the depth of the axis.
+	*   @Default {false}
+	*/
+	sideBySideSeriesPlacement?: boolean;
+
+	/** Options to customize the Chart size.
+	*/
+	size?: Size;
+
+	/** Specifies the theme for Chart.
+	*   @Default {Flatlight. See Theme}
+	*/
+	theme?: ej.datavisualization.Chart.Theme|string;
+
+	/** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
+	*   @Default {0}
+	*/
+	tilt?: number;
+
+	/** Options for customizing the title and subtitle of Chart.
+	*/
+	title?: Title;
+
+	/** Width of the wall used in 3D Chart. Wall is present only in Cartesian type 3D series and not in 3D pie or Doughnut series. This property is applicable only when 3D view is enabled.
+	*   @Default {2}
+	*/
+	wallSize?: number;
+
+	/** Options for enabling zooming feature of chart.
+	*/
+	zooming?: Zooming;
+
+	/** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled. */
+	animationComplete? (e: AnimationCompleteEventArgs): void;
+
+	/** Fires before rendering the labels. This event is fired for each label in axis. You can use this event to add custom text to axis labels. */
+	axesLabelRendering? (e: AxesLabelRenderingEventArgs): void;
+
+	/** Fires during the initialization of axis labels. */
+	axesLabelsInitialize? (e: AxesLabelsInitializeEventArgs): void;
+
+	/** Fires during axes range calculation. This event is fired for each axis present in Chart. You can use this event to customize axis range as required. */
+	axesRangeCalculate? (e: AxesRangeCalculateEventArgs): void;
+
+	/** Fires before rendering the axis title. This event is triggered for each axis with title. You can use this event to add custom text to axis title. */
+	axesTitleRendering? (e: AxesTitleRenderingEventArgs): void;
+
+	/** Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area. */
+	chartAreaBoundsCalculate? (e: ChartAreaBoundsCalculateEventArgs): void;
+
+	/** Fires after chart is created. */
+	create? (e: CreateEventArgs): void;
+
+	/** Fires when chart is destroyed completely. */
+	destroy? (e: DestroyEventArgs): void;
+
+	/** Fires before rendering the data labels. This event is triggered for each data label in the series. You can use this event to add custom text in data labels. */
+	displayTextRendering? (e: DisplayTextRenderingEventArgs): void;
+
+	/** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend. */
+	legendBoundsCalculate? (e: LegendBoundsCalculateEventArgs): void;
+
+	/** Fires on clicking the legend item. */
+	legendItemClick? (e: LegendItemClickEventArgs): void;
+
+	/** Fires when moving mouse over legend item. You can use this event for hit testing on legend items. */
+	legendItemMouseMove? (e: LegendItemMouseMoveEventArgs): void;
+
+	/** Fires before rendering the legend item. This event is fired for each legend item in Chart. You can use this event to customize legend item shape or add custom text to legend item. */
+	legendItemRendering? (e: LegendItemRenderingEventArgs): void;
+
+	/** Fires before loading the chart. */
+	load? (e: LoadEventArgs): void;
+
+	/** Fires while performing rectangle zooming in chart. */
+	zoomed? (e: ZoomedEventArgs): void;
+
+	/** Fires after selected the data in chart. */
+	rangeSelected? (e: RangeSelectedEventArgs): void;
+
+	/** Fires on clicking a point in chart. You can use this event to handle clicks made on points. */
+	pointRegionClick? (e: PointRegionClickEventArgs): void;
+
+	/** Fires when mouse is moved over a point. */
+	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+
+	/** Fires before rendering chart. */
+	preRender? (e: PreRenderEventArgs): void;
+
+	/** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series. */
+	seriesRegionClick? (e: SeriesRegionClickEventArgs): void;
+
+	/** Fires before rendering a series. This event is fired for each series in Chart. */
+	seriesRendering? (e: SeriesRenderingEventArgs): void;
+
+	/** Fires before rendering the marker symbols. This event is triggered for each marker in Chart. */
+	symbolRendering? (e: SymbolRenderingEventArgs): void;
+
+	/** Fires before rendering the Chart title. You can use this event to add custom text in Chart title. */
+	titleRendering? (e: TitleRenderingEventArgs): void;
+
+	/** Fires before rendering the tooltip. This event is fired when tooltip is enabled and mouse is hovered on a Chart point. You can use this event to customize tooltip before rendering. */
+	toolTipInitialize? (e: ToolTipInitializeEventArgs): void;
+
+	/** Fires before rendering crosshair tooltip in axis. This event is fired for each axis with crosshair label enabled. You can use this event to customize crosshair label before rendering */
+	trackAxisToolTip? (e: TrackAxisToolTipEventArgs): void;
+
+	/** Fires before rendering trackball tooltip. This event is fired for each series in Chart because trackball tooltip is displayed for all the series. You can use this event to customize the text displayed in trackball tooltip. */
+	trackToolTip? (e: TrackToolTipEventArgs): void;
+
+	/** Fires, on clicking the axis label. */
+	axisLabelClick? (e: AxisLabelClickEventArgs): void;
+
+	/** Fires on moving mouse over the axis label. */
+	axisLabelMouseMove? (e: AxisLabelMouseMoveEventArgs): void;
+
+	/** Fires, on the clicking the chart. */
+	chartClick? (e: ChartClickEventArgs): void;
+
+	/** Fires, on the clicking the Multi level labels of the chart . */
+	multiLevelLabelClick? (e: MultiLevelLabelClickEventArgs): void;
+
+	/** Fires on moving mouse over the chart. */
+	chartMouseMove? (e: ChartMouseMoveEventArgs): void;
+
+	/** Fires, on double clicking the chart. */
+	chartDoubleClick? (e: ChartDoubleClickEventArgs): void;
+
+	/** Fires when the mouse pointer leaves the chart */
+	chartMouseLeave? (e: ChartMouseLeaveEventArgs): void;
+
+	/** Fires on clicking the annotation. */
+	annotationClick? (e: AnnotationClickEventArgs): void;
+
+	/** Fires, after the chart is resized. */
+	afterResize? (e: AfterResizeEventArgs): void;
+
+	/** Fires, when chart size is changing. */
+	beforeResize? (e: BeforeResizeEventArgs): void;
+
+	/** Fires, when error bar is rendering. */
+	errorBarRendering? (e: ErrorBarRenderingEventArgs): void;
+
+	/** Fires, when multi level labels are rendering. */
+	multiLevelLabelRendering? (e: MultiLevelLabelRenderingEventArgs): void;
+
+	/** Fires, when trendlines are rendering. */
+	trendlineRendering? (e: TrendlineRenderingEventArgs): void;
+
+	/** Trigger, after the scrollbar position is changed. */
+	scrollChanged? (e: ScrollChangedEventArgs): void;
+
+	/** Event triggered when scroll starts */
+	scrollStart? (e: ScrollStartEventArgs): void;
+
+	/** Event triggered when scroll end */
+	scrollEnd? (e: ScrollEndEventArgs): void;
+
+	/** Fires when the dragging is started */
+	dragStart? (e: DragStartEventArgs): void;
+
+	/** Fires while  dragging */
+	dragging? (e: DraggingEventArgs): void;
+
+	/** Fires when the dragging is completed */
+	dragEnd? (e: DragEndEventArgs): void;
+
+	/** Fires when the sub Title of the chart is rendered */
+	subTitleRendering? (e: SubTitleRenderingEventArgs): void;
+}
+
+export interface AnimationCompleteEventArgs {
+
+	/**  series - Instance of the series that completed has animation.
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface AxesLabelRenderingEventArgs {
+
+	/** axis - Instance of the corresponding axis.        label - Arguments of axis label value and text.                             
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface AxesLabelsInitializeEventArgs {
+
+	/**  dataAxes - Collection of axes in Chart
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface AxesRangeCalculateEventArgs {
+
+	/** delta - Difference between minimum and maximum value of axis range.    interval - Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this interval value.    max - Maximum value of axis range.    min - Minimum value of axis range.                                 
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface AxesTitleRenderingEventArgs {
+
+	/**     axes - Instance of the axis whose title is being rendered    locationX - X-coordinate of title location    locationY - Y-coordinate of title location    title - Axis title text. You can add custom text to the title.
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface ChartAreaBoundsCalculateEventArgs {
+
+	/** areaBoundsHeight - Height of the chart area.    areaBoundsWidth - Width of the chart area.    areaBoundsX - X-coordinate of the chart area.    areaBoundsY - Y-coordinate of the chart area.
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface CreateEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DestroyEventArgs {
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DisplayTextRenderingEventArgs {
+
+	/** text - Text displayed in data label. You can add custom text to the data label    locationX - X-coordinate of data label location    locationY - Y-coordinate of data label location    seriesIndex - Index of the series in series Collection whose data label is being rendered    pointIndex - Index of the point in series whose data label is being rendered
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface LegendBoundsCalculateEventArgs {
+
+	/** legendBoundsHeight - Height of the legend    legendBoundsWidth - Width of the legend.    legendBoundsRows - Number of rows to display the legend items
+	*/
+	data?: any;
+
+	/** Set this option to true to cancel the event.
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object.
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface LegendItemClickEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    LegendItem - Instance of the legend item object that is about to be rendered    style - Options to customize the legend item styles such as border, color, size, etc…,    Bounds - Instance that holds information about legend bounds and legend item bounds.    symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering    series - Instance of the series object corresponding to the legend item
+	*/
+	data?: any;
+}
+
+export interface LegendItemMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    LegendItem - Instance of the legend item object that is about to be rendered    style - Options to customize the legend item styles such as border, color, size, etc…,    Bounds - Instance that holds information about legend bounds and legend item bounds.    symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering    series - Instance of the series object corresponding to the legend item
+	*/
+	data?: any;
+}
+
+export interface LegendItemRenderingEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    legendItem - Instance of the legend item object that is about to be rendered    style - Options to customize the legend item styles such as border, color, size, etc.    symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering
+	*/
+	data?: any;
+}
+
+export interface LoadEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface ZoomedEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Selected data collection of object
+	*/
+	data?: any;
+}
+
+export interface RangeSelectedEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Selected data collection of object
+	*/
+	data?: any;
+}
+
+export interface PointRegionClickEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     locationX - X-coordinate of point in pixel    locationY - Y-coordinate of point in pixel    seriesIndex - Index of the series in series collection to which the point belongs    pointIndex - Index of the point in series
+	*/
+	data?: any;
+}
+
+export interface PointRegionMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     locationX - X-coordinate of point in pixel    locationY - Y-coordinate of point in pixel    seriesIndex - Index of the series in series collection to which the point belongs    pointIndex - Index of the point in series
+	*/
+	data?: any;
+}
+
+export interface PreRenderEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface SeriesRegionClickEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     series - Instance of the selected series    seriesIndex - Index of the selected series
+	*/
+	data?: any;
+}
+
+export interface SeriesRenderingEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** series - Instance of the series which is about to get rendered
+	*/
+	data?: any;
+}
+
+export interface SymbolRenderingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     location - Instance that holds the location of marker symbol    style - Options to customize the marker style such as color, border and size
+	*/
+	data?: any;
+}
+
+export interface TitleRenderingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     location - Option to customize the title location in pixels    size - Read-only option to find the size of the title    title - Use this option to add custom text in title
+	*/
+	data?: any;
+}
+
+export interface ToolTipInitializeEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     currentText - Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip    pointIndex - Index of the point on which mouse is hovered    seriesIndex - Index of the series in series collection whose point is hovered by mouse
+	*/
+	data?: any;
+}
+
+export interface TrackAxisToolTipEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     location - Location of the crosshair label in pixels    axisIndex - Index of the axis for which crosshair label is displayed    crossAxis - Instance of the chart axis object for which cross hair label is displayed    currentTrackText - Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
+	*/
+	data?: any;
+}
+
+export interface TrackToolTipEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     location - Location of the trackball tooltip in pixels    pointIndex - Index of the point for which trackball tooltip is displayed    seriesIndex - Index of the series in series collection    currentText - Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip    series - Instance of the series object for which trackball tooltip is displayed.
+	*/
+	data?: any;
+}
+
+export interface AxisLabelClickEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**  location - X and Y co-ordinate of the labels in chart area.         index - Index of the label.    axis - Instance of the corresponding axis.    text - Label that is clicked.                             
+	*/
+	data?: any;
+}
+
+export interface AxisLabelMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** location - X and Y co-ordinate of the labels in chart area.         index - Index of the label.    axis - Instance of the corresponding axis.    text - Label that is hovered.                             
+	*/
+	data?: any;
+}
+
+export interface ChartClickEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** location - X and Y co-ordinate of the points with respect to chart area.id - ID of the target element.    size - Width and height of the chart.    pageX - x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page  
+	*/
+	data?: any;
+}
+
+export interface MultiLevelLabelClickEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** location - X and Y co-ordinate of the points with respect to chart area.    axis - axis of the multilevellabels.    multilevellabel - Multi level label details
+	*/
+	data?: any;
+}
+
+export interface ChartMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface ChartDoubleClickEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface ChartMouseLeaveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** location - X and Y co-ordinate of the points with respect to chart area.id - ID of the target element.    size - Width and height of the chart.    pageX - x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page  
+	*/
+	data?: any;
+}
+
+export interface AnnotationClickEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     location - X and Y co-ordinate of the annotation in chart area.     contentData - Information about the annotation, like Coordinate unit, Region, content    pageX- x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page                              
+	*/
+	data?: any;
+}
+
+export interface AfterResizeEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     width - Chart width, after resize    height - Chart height, after resize    prevWidth - Chart width, before resize    prevHeight - Chart height, before resize    originalWidth- Chart width, when the chart was first rendered    originalHeight - Chart height, when the chart was first rendered 
+	*/
+	data?: any;
+}
+
+export interface BeforeResizeEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** currentWidth - Chart width, before resize    currentHeight - Chart height, before resize    newWidth - Chart width, after resize    newHeight - Chart height, after resize 
+	*/
+	data?: any;
+}
+
+export interface ErrorBarRenderingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**  errorbar - Error bar Object  
+	*/
+	data?: any;
+}
+
+export interface MultiLevelLabelRenderingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** multilevellabels - MultiLevel Label Object  
+	*/
+	data?: any;
+}
+
+export interface TrendlineRenderingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     trendlines - Trendline Object    series - Series data of the chart    forwardForecast - Forward Forecast value for the trendline    backwardForecast - Backward Forecast value for the trendline
+	*/
+	data?: any;
+}
+
+export interface ScrollChangedEventArgs {
+
+	/**     oldRange - returns the scrollbar position old start and end range value on change end of scrollbar    newRange - returns the scrollbar position new start and end range value on change end of scrollbar
+	*/
+	data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ScrollStartEventArgs {
+
+	/**     startRange - returns the scrollbar position starting range value on changing scrollbar    endRange - returns the scrollbar position end range value on changing scrollbar
+	*/
+	data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ScrollEndEventArgs {
+
+	/**     oldRange - returns the scrollbar position old start and end range value on change end of scrollbar    newRange - returns the scrollbar position new start and end range value on change end of scrollbar
+	*/
+	data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface DragStartEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    point - Information of the point held for dragging  
+	*/
+	data?: any;
+}
+
+export interface DraggingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    oldValue - Previous value of the point before dragging    newValue - Current value of the point  
+	*/
+	data?: any;
+}
+
+export interface DragEndEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    oldValue - Previous value of the point before dragging    newValue - Current value of the point    series - Contains the all the series information of the chart  
+	*/
+	data?: any;
+}
+
+export interface SubTitleRenderingEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the chart model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/**     location - location of the subTitle text    subtitle - text of the subtitle    size - Size of the Subtitle text
+	*/
+	data?: any;
+}
+
+export interface AnnotationsMargin {
+
+	/** Annotation is placed at the specified value above its original position.
+	*   @Default {0}
+	*/
+	bottom?: number;
+
+	/** Annotation is placed at the specified value from left side of its original position.
+	*   @Default {0}
+	*/
+	left?: number;
+
+	/** Annotation is placed at the specified value from the right side of its original position.
+	*   @Default {0}
+	*/
+	right?: number;
+
+	/** Annotation is placed at the specified value under its original position.
+	*   @Default {0}
+	*/
+	top?: number;
+}
+
+export interface Annotation {
+
+	/** Angle to rotate the annotation in degrees.
+	*   @Default {'0'}
+	*/
+	angle?: number;
+
+	/** Text content or id of a HTML element to be displayed as annotation.
+	*/
+	content?: string;
+
+	/** Specifies how annotations have to be placed in Chart.
+	*   @Default {none. See CoordinateUnit}
+	*/
+	coordinateUnit?: ej.datavisualization.Chart.CoordinateUnit|string;
+
+	/** Specifies the horizontal alignment of the annotation.
+	*   @Default {middle. See HorizontalAlignment}
+	*/
+	horizontalAlignment?: ej.datavisualization.Chart.HorizontalAlignment|string;
+
+	/** Options to customize the margin of annotation.
+	*/
+	margin?: AnnotationsMargin;
+
+	/** Controls the opacity of the annotation.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies whether annotation has to be placed with respect to chart or series.
+	*   @Default {chart. See Region}
+	*/
+	region?: ej.datavisualization.Chart.Region|string;
+
+	/** Specifies the vertical alignment of the annotation.
+	*   @Default {middle. See VerticalAlignment}
+	*/
+	verticalAlignment?: ej.datavisualization.Chart.VerticalAlignment|string;
+
+	/** Controls the visibility of the annotation.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Represents the horizontal offset when coordinateUnit is pixels.when coordinateUnit is points, it represents the x-coordinate of axis bounded with xAxisName property or primary X axis when xAxisName is not provided.This property is not applicable when coordinateUnit is none.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Name of the horizontal axis to be used for positioning the annotation. This property is applicable only when coordinateUnit is points.
+	*/
+	xAxisName?: string;
+
+	/** Represents the vertical offset when coordinateUnit is pixels.When coordinateUnit is points, it represents the y-coordinate of axis bounded with yAxisName property or primary Y axis when yAxisName is not provided.This property is not applicable when coordinateUnit is none.
+	*   @Default {0}
+	*/
+	y?: number;
+
+	/** Name of the vertical axis to be used for positioning the annotation.This property is applicable only when coordinateUnit is points.
+	*/
+	yAxisName?: string;
+}
+
+export interface Border {
+
+	/** Border color of the chart.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Opacity of the chart border.
+	*   @Default {0.3}
+	*/
+	opacity?: number;
+
+	/** Width of the Chart border.
+	*   @Default {0}
+	*/
+	width?: number;
+}
+
+export interface ExportSettings {
+
+	/** Specifies the downloading filename
+	*   @Default {chart}
+	*/
+	filename?: string;
+
+	/** Specifies the name of the action URL
+	*/
+	action?: string;
+
+	/** Specifies the angle for rotation
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Specifies the format of the file to export
+	*   @Default {png}
+	*/
+	type?: ej.datavisualization.Chart.ExportingType|string;
+
+	/** Specifies the orientation of the document
+	*   @Default {portrait}
+	*/
+	orientation?: ej.datavisualization.Chart.ExportingOrientation|string;
+
+	/** Specifies the mode of exporting
+	*   @Default {client}
+	*/
+	mode?: ej.datavisualization.Chart.ExportingMode|string;
+
+	/** Enable/ disable the multiple excel exporting
+	*   @Default {false}
+	*/
+	multipleExport?: boolean;
+}
+
+export interface ChartAreaBorder {
+
+	/** Border color of the plot area.
+	*   @Default {Gray}
+	*/
+	color?: string;
+
+	/** Opacity of the plot area border.
+	*   @Default {0.3}
+	*/
+	opacity?: number;
+
+	/** Border width of the plot area.
+	*   @Default {0.5}
+	*/
+	width?: number;
+}
+
+export interface ChartArea {
+
+	/** Background color of the plot area.
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** Options for customizing the border of the plot area.
+	*/
+	border?: ChartAreaBorder;
+}
+
+export interface ColumnDefinition {
+
+	/** Specifies the unit to measure the width of the column in plotting area.
+	*   @Default {'pixel'. See Unit}
+	*/
+	unit?: ej.datavisualization.Chart.Unit|string;
+
+	/** Width of the column in plotting area. Width is measured in either pixel or percentage based on the value of unit property.
+	*   @Default {50}
+	*/
+	columnWidth?: number;
+
+	/** Color of the line that indicates the starting point of the column in plotting area.
+	*   @Default {transparent}
+	*/
+	lineColor?: string;
+
+	/** Width of the line that indicates the starting point of the column in plot area.
+	*   @Default {1}
+	*/
+	lineWidth?: number;
+}
+
+export interface CommonSeriesOptionsBorder {
+
+	/** Border color of all series.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** DashArray for border of the series.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Border width of all series.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsFont {
+
+	/** Font color of the text in all series.
+	*   @Default {#707070}
+	*/
+	color?: string;
+
+	/** Font Family for all the series.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font Style for all the series.
+	*   @Default {normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Specifies the font weight for all the series.
+	*   @Default {regular}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity for text in all the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for text in all the series.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface CommonSeriesOptionsBubbleOptions {
+
+	/** Used for the calculation of the bubble radius based on the mode selected 
+	*   @Default {minmax}
+	*/
+	radiusMode?: ej.datavisualization.Chart.RadiusMode|string;
+
+	/** Used for the setting the minimum radius of the bubble
+	*   @Default {1}
+	*/
+	minRadius?: number;
+
+	/** Used for setting the maximum radius of the bubble
+	*   @Default {3}
+	*/
+	maxRadius?: number;
+}
+
+export interface CommonSeriesOptionsMarkerBorder {
+
+	/** Border color of the marker shape.
+	*   @Default {white}
+	*/
+	color?: string;
+
+	/** Border width of the marker shape.
+	*   @Default {3}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsMarkerDataLabelBorder {
+
+	/** Border color of the data label.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the data label.
+	*   @Default {0.1}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsMarkerDataLabelConnectorLine {
+
+	/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
+	*   @Default {line. See ConnectorLineType}
+	*/
+	type?: ej.datavisualization.Chart.ConnectorLineType|string;
+
+	/** Width of the connector.
+	*   @Default {0.5}
+	*/
+	width?: number;
+
+	/** Color of the connector line.
+	*   @Default {#565656}
+	*/
+	color?: string;
+
+	/** Height of the connector line.
+	*   @Default {null}
+	*/
+	height?: string;
+}
+
+export interface CommonSeriesOptionsMarkerDataLabelFont {
+
+	/** Font family of the data label.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the data label.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the data label.
+	*   @Default {regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font color of the data label text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font size of the data label.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface CommonSeriesOptionsMarkerDataLabelMargin {
+
+	/** Bottom margin of the text.
+	*   @Default {5}
+	*/
+	bottom?: number;
+
+	/** Left margin of the text.
+	*   @Default {5}
+	*/
+	left?: number;
+
+	/** Right margin of the text.
+	*   @Default {5}
+	*/
+	right?: number;
+
+	/** Top margin of the text.
+	*   @Default {5}
+	*/
+	top?: number;
+}
+
+export interface CommonSeriesOptionsMarkerDataLabelOffset {
+
+	/** X value or horizontal offset to position the labels in chart.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Y value or vertical offset to position the labels.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface CommonSeriesOptionsMarkerDataLabel {
+
+	/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
+	*   @Default {null}
+	*/
+	angle?: number;
+
+	/** Maximum label width of the data label.
+	*   @Default {null}
+	*/
+	maximumLabelWidth?: number;
+
+	/** Enable the wrap option to the data label.
+	*   @Default {false}
+	*/
+	enableWrap?: boolean;
+
+	/** Options for customizing the border of the data label.
+	*/
+	border?: CommonSeriesOptionsMarkerDataLabelBorder;
+
+	/** Options for displaying and customizing the line that connects point and data label.
+	*/
+	connectorLine?: CommonSeriesOptionsMarkerDataLabelConnectorLine;
+
+	/** Background color of the data label.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the data label font.
+	*/
+	font?: CommonSeriesOptionsMarkerDataLabelFont;
+
+	/** Horizontal alignment of the data label. 
+	*   @Default {center}
+	*/
+	horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
+
+	/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
+	*/
+	margin?: CommonSeriesOptionsMarkerDataLabelMargin;
+
+	/** Opacity of the data label.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the datalabel positions
+	*/
+	offset?: CommonSeriesOptionsMarkerDataLabelOffset;
+
+	/** Background shape of the data label. 
+	*   @Default {none. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+	*/
+	template?: string;
+
+	/** Name of a field in data source, where datalabel text is displayed.
+	*/
+	textMappingName?: string;
+
+	/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
+	*   @Default {top. See TextPosition}
+	*/
+	textPosition?: ej.datavisualization.Chart.TextPosition|string;
+
+	/** Vertical alignment of the data label. 
+	*   @Default {center}
+	*/
+	verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
+
+	/** Controls the visibility of the data labels.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface CommonSeriesOptionsMarkerSize {
+
+	/** Height of the marker.
+	*   @Default {6}
+	*/
+	height?: number;
+
+	/** Width of the marker.
+	*   @Default {6}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsMarker {
+
+	/** Options for customizing the border of the marker shape.
+	*/
+	border?: CommonSeriesOptionsMarkerBorder;
+
+	/** Options for displaying and customizing data labels.
+	*/
+	dataLabel?: CommonSeriesOptionsMarkerDataLabel;
+
+	/** Color of the marker shape.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** The URL for the Image to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
+	*/
+	imageUrl?: string;
+
+	/** Opacity of the marker.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the shape of the marker.
+	*   @Default {circle. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Options for customizing the size of the marker shape.
+	*/
+	size?: CommonSeriesOptionsMarkerSize;
+
+	/** Controls the visibility of the marker shape.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface CommonSeriesOptionsOutlierSettingsSize {
+
+	/** Height of the outlier shape.
+	*   @Default {6}
+	*/
+	height?: number;
+
+	/** Width of the outlier shape.
+	*   @Default {6}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsOutlierSettings {
+
+	/** Specifies the shape of the outlier.
+	*   @Default {circle. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Options for customizing the size of the outlier shape.
+	*/
+	size?: CommonSeriesOptionsOutlierSettingsSize;
+}
+
+export interface CommonSeriesOptionsCornerRadius {
+
+	/** Specifies the radius for the top left corner.
+	*   @Default {0}
+	*/
+	topLeft?: number;
+
+	/** Specifies the radius for the top right corner.
+	*   @Default {0}
+	*/
+	topRight?: number;
+
+	/** Specifies the radius for the bottom left corner.
+	*   @Default {0}
+	*/
+	bottomLeft?: number;
+
+	/** Specifies the radius for the bottom right corner.
+	*   @Default {0}
+	*/
+	bottomRight?: number;
+}
+
+export interface CommonSeriesOptionsTooltipBorder {
+
+	/** Border color of the tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsTooltip {
+
+	/** Options for customizing the border of the tooltip.
+	*/
+	border?: CommonSeriesOptionsTooltipBorder;
+
+	/** Customize the corner radius of the tooltip rectangle.
+	*   @Default {0}
+	*/
+	rx?: number;
+
+	/** Customize the corner radius of the tooltip rectangle.
+	*   @Default {0}
+	*/
+	ry?: number;
+
+	/** Specifies the duration, the tooltip has to be displayed.
+	*   @Default {500ms}
+	*/
+	duration?: string;
+
+	/** Enables/disables the animation of the tooltip when moving from one point to other.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Background color of the tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Format of the tooltip content.
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Opacity of the tooltip.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Controls the visibility of the tooltip.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface CommonSeriesOptionsEmptyPointSettingsStyleBorder {
+
+	/** Border color of the empty point.
+	*/
+	color?: string;
+
+	/** Border width of the empty point.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsEmptyPointSettingsStyle {
+
+	/** Color of the empty point.
+	*/
+	color?: string;
+
+	/** Options for customizing border of the empty point in the series.
+	*/
+	border?: CommonSeriesOptionsEmptyPointSettingsStyleBorder;
+}
+
+export interface CommonSeriesOptionsEmptyPointSettings {
+
+	/** Controls the visibility of the empty point.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Specifies the mode of empty point.
+	*   @Default {gap}
+	*/
+	displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
+
+	/** Options for customizing the color and border of the empty point in the series.
+	*/
+	style?: CommonSeriesOptionsEmptyPointSettingsStyle;
+}
+
+export interface CommonSeriesOptionsConnectorLine {
+
+	/** Width of the connector line.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Color of the connector line.
+	*   @Default {#565656}
+	*/
+	color?: string;
+
+	/** DashArray of the connector line.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** DashArray of the connector line.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface CommonSeriesOptionsDragSettings {
+
+	/** drag/drop the series
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies the type of drag settings.
+	*   @Default {xy}
+	*/
+	type?: string;
+}
+
+export interface CommonSeriesOptionsErrorBarCap {
+
+	/** Show/Hides the error bar cap.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the error bar cap.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Length of the error bar cap.
+	*   @Default {1}
+	*/
+	length?: number;
+
+	/** Color of the error bar cap.
+	*   @Default {“#000000”}
+	*/
+	fill?: string;
+}
+
+export interface CommonSeriesOptionsErrorBar {
+
+	/** Show/hides the error bar
+	*   @Default {visible}
+	*/
+	visibility?: boolean;
+
+	/** Specifies the type of error bar.
+	*   @Default {FixedValue}
+	*/
+	type?: ej.datavisualization.Chart.ErrorBarType|string;
+
+	/** Specifies the mode of error bar.
+	*   @Default {vertical}
+	*/
+	mode?: ej.datavisualization.Chart.ErrorBarMode|string;
+
+	/** Specifies the direction of error bar.
+	*   @Default {both}
+	*/
+	direction?: ej.datavisualization.Chart.ErrorBarDirection|string;
+
+	/** Value of vertical error bar.
+	*   @Default {3}
+	*/
+	verticalErrorValue?: number;
+
+	/** Value of horizontal  error bar.
+	*   @Default {1}
+	*/
+	horizontalErrorValue?: number;
+
+	/** Value of positive horizontal error bar.
+	*   @Default {1}
+	*/
+	horizontalPositiveErrorValue?: number;
+
+	/** Value of negative horizontal error bar.
+	*   @Default {1}
+	*/
+	horizontalNegativeErrorValue?: number;
+
+	/** Value of positive vertical error bar.
+	*   @Default {5}
+	*/
+	verticalPositiveErrorValue?: number;
+
+	/** Value of negative vertical error bar.
+	*   @Default {5}
+	*/
+	verticalNegativeErrorValue?: number;
+
+	/** Fill color of the error bar.
+	*   @Default {#000000}
+	*/
+	fill?: string;
+
+	/** Width of the error bar.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Options for customizing the error bar cap.
+	*/
+	cap?: CommonSeriesOptionsErrorBarCap;
+}
+
+export interface CommonSeriesOptionsTrendlinesTooltipBorder {
+
+	/** Border color of the trendline tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the trendline tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface CommonSeriesOptionsTrendlinesTooltip {
+
+	/** Options for customizing the border of the  trendline tooltip.
+	*/
+	border?: CommonSeriesOptionsTrendlinesTooltipBorder;
+
+	/** Customize the corner radius of the trendline tooltip rectangle.
+	*   @Default {0}
+	*/
+	rx?: number;
+
+	/** Customize the corner radius of the trendline tooltip rectangle.
+	*   @Default {0}
+	*/
+	ry?: number;
+
+	/** Specifies the duration, the tooltip has to be displayed.
+	*   @Default {500ms}
+	*/
+	duration?: string;
+
+	/** Enables/disables the animation of the trendline tooltip when moving from one point to other.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Background color of the trendline tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Format of the tooltip content displayed in the trendlines.
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Opacity of the trendline tooltip.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+}
+
+export interface CommonSeriesOptionsTrendline {
+
+	/** Show/hides the trendline.
+	*/
+	visibility?: boolean;
+
+	/** Show/hides the trendline legend.
+	*   @Default {visible}
+	*/
+	visibleOnLegend?: string;
+
+	/** Specifies the type of the trendline for the series.
+	*   @Default {linear. See TrendlinesType}
+	*/
+	type?: string;
+
+	/** Name for the trendlines that is to be displayed in the legend text.
+	*   @Default {trendline}
+	*/
+	name?: string;
+
+	/** Fill color of the trendlines.
+	*   @Default {#0000FF}
+	*/
+	fill?: string;
+
+	/** Width of the trendlines.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Opacity of the trendline.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Pattern of dashes and gaps used to stroke the trendline.
+	*/
+	dashArray?: string;
+
+	/** Future trends of the current series.
+	*   @Default {0}
+	*/
+	forwardForecast?: number;
+
+	/** Past trends of the current series.
+	*   @Default {0}
+	*/
+	backwardForecast?: number;
+
+	/** Specifies the order of the polynomial trendlines.
+	*   @Default {0}
+	*/
+	polynomialOrder?: number;
+
+	/** Specifies the moving average starting period value.
+	*   @Default {2}
+	*/
+	period?: number;
+
+	/** Options for customizing the tooltip of the trendlines in the chart.
+	*/
+	tooltip?: CommonSeriesOptionsTrendlinesTooltip;
+
+	/** Specifies the intercept value of the trendlines.
+	*   @Default {null}
+	*/
+	intercept?: number;
+}
+
+export interface CommonSeriesOptionsHighlightSettingsBorder {
+
+	/** Border color of the series/point on highlight.
+	*/
+	color?: string;
+
+	/** Border width of the series/point on highlight.
+	*   @Default {2}
+	*/
+	width?: string;
+}
+
+export interface CommonSeriesOptionsHighlightSettings {
+
+	/** Enables/disables the ability to highlight the series or data point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether the series or data point has to be highlighted.
+	*   @Default {series. See Mode}
+	*/
+	mode?: ej.datavisualization.Chart.Mode|string;
+
+	/** Color of the series/point on highlight.
+	*/
+	color?: string;
+
+	/** Opacity of the series/point on highlight.
+	*   @Default {0.6}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the border of series on highlight.
+	*/
+	border?: CommonSeriesOptionsHighlightSettingsBorder;
+
+	/** Specifies the pattern for the series/point on highlight.
+	*   @Default {none. See Pattern}
+	*/
+	pattern?: string;
+
+	/** Custom pattern for the series on highlight.
+	*/
+	customPattern?: string;
+}
+
+export interface CommonSeriesOptionsSelectionSettingsBorder {
+
+	/** Border color of the series/point on selection.
+	*/
+	color?: string;
+
+	/** Border width of the series/point on selection.
+	*   @Default {2}
+	*/
+	width?: string;
+}
+
+export interface CommonSeriesOptionsSelectionSettings {
+
+	/** Enables/disables the ability to select a series/data point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies the type of selection.
+	*   @Default {single}
+	*/
+	type?: ej.datavisualization.Chart.SelectionType|string;
+
+	/** Specifies whether the series or data point has to be selected.
+	*   @Default {series. See Mode}
+	*/
+	mode?: ej.datavisualization.Chart.Mode|string;
+
+	/** Specifies the drawn rectangle type.
+	*   @Default {xy}
+	*/
+	rangeType?: ej.datavisualization.Chart.RangeType|string;
+
+	/** Color of the series/point on selection.
+	*/
+	color?: string;
+
+	/** Opacity of the series/point on selection.
+	*   @Default {0.6}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the border of the series on selection.
+	*/
+	border?: CommonSeriesOptionsSelectionSettingsBorder;
+
+	/** Specifies the pattern for the series/point on selection.
+	*   @Default {none. See Pattern}
+	*/
+	pattern?: string;
+
+	/** Custom pattern for the series on selection.
+	*/
+	customPattern?: string;
+}
+
+export interface CommonSeriesOptions {
+
+	/** Options to customize the border of all the series.
+	*/
+	border?: CommonSeriesOptionsBorder;
+
+	/** To render the column and bar type series in rectangle/cylinder shape. See 
+	*   @Default {rectangle}
+	*/
+	columnFacet?: ej.datavisualization.Chart.ColumnFacet|string;
+
+	/** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
+	*   @Default {0.7}
+	*/
+	columnWidth?: number;
+
+	/** Spacing between columns of different series. Value ranges from 0 to 1
+	*   @Default {0}
+	*/
+	columnSpacing?: number;
+
+	/** Enables or disables the visibility of legend item.
+	*   @Default {visible}
+	*/
+	visibleOnLegend?: string;
+
+	/** Group of the stacking collection series.
+	*/
+	stackingGroup?: string;
+
+	/** Pattern of dashes and gaps used to stroke all the line type series.
+	*/
+	dashArray?: string;
+
+	/** Set the dataSource for all series. It can be an array of JSON objects or an instance of ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Controls the size of the hole in doughnut series. Value ranges from 0 to 1
+	*   @Default {0.4}
+	*/
+	doughnutCoefficient?: number;
+
+	/** Controls the size of the doughnut series. Value ranges from 0 to 1.
+	*   @Default {0.8}
+	*/
+	doughnutSize?: number;
+
+	/** Specifies the type of series to be drawn in radar or polar series. 
+	*   @Default {line. See DrawType}
+	*/
+	drawType?: ej.datavisualization.Chart.DrawType|string;
+
+	/** Enable/disable the animation for all the series.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** To avoid overlapping of data labels smartly.
+	*   @Default {true}
+	*/
+	enableSmartLabels?: boolean;
+
+	/** Start angle of pie/doughnut series.
+	*   @Default {null}
+	*/
+	endAngle?: number;
+
+	/** Explodes the pie/doughnut slices on mouse move.
+	*   @Default {false}
+	*/
+	explode?: boolean;
+
+	/** Explodes all the slice of pie/doughnut on render.
+	*   @Default {false}
+	*/
+	explodeAll?: boolean;
+
+	/** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
+	*   @Default {null}
+	*/
+	explodeIndex?: number;
+
+	/** Specifies the distance of the slice from the center, when it is exploded.
+	*   @Default {0.4}
+	*/
+	explodeOffset?: number;
+
+	/** Fill color for all the series.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the font of all the series.
+	*/
+	font?: CommonSeriesOptionsFont;
+
+	/** Sets the height of the funnel in funnel series. Values can be either pixel or percentage.
+	*   @Default {32.7%}
+	*/
+	funnelHeight?: string;
+
+	/** Sets the width of the funnel in funnel series. Values can be either pixel or percentage.
+	*   @Default {11.6%}
+	*/
+	funnelWidth?: string;
+
+	/** Gap between the slices in pyramid and funnel series.
+	*   @Default {0}
+	*/
+	gapRatio?: number;
+
+	/** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
+	*   @Default {true}
+	*/
+	isClosed?: boolean;
+
+	/** Specifies whether to stack the column series in polar/radar charts.
+	*   @Default {false}
+	*/
+	isStacking?: boolean;
+
+	/** Renders the chart vertically. This is applicable only for Cartesian type series.
+	*   @Default {false}
+	*/
+	isTransposed?: boolean;
+
+	/** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
+	*   @Default {true}
+	*/
+	showMedian?: boolean;
+
+	/** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
+	*   @Default {inside. See LabelPosition}
+	*/
+	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the mode for splitting the data points in pieOfPie series.
+	*   @Default {value. See SplitMode}
+	*/
+	splitMode?: ej.datavisualization.Chart.SplitMode|string;
+
+	/** Quartile calculation has been performed in three different formulas to render the box and whisker series.
+	*   @Default {exclusive}
+	*/
+	boxPlotMode?: ej.datavisualization.Chart.boxPlotMode|string;
+
+	/** Options for customizing the bubble options of the Bubble series
+	*/
+	bubbleOptions?: CommonSeriesOptionsBubbleOptions;
+
+	/** Specifies the line cap of the series. 
+	*   @Default {butt. See LineCap}
+	*/
+	lineCap?: ej.datavisualization.Chart.LineCap|string;
+
+	/** Specifies the type of shape to be used where two lines meet.
+	*   @Default {round. See LineJoin}
+	*/
+	lineJoin?: ej.datavisualization.Chart.LineJoin|string;
+
+	/** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
+	*/
+	marker?: CommonSeriesOptionsMarker;
+
+	/** Opacity of the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the outlier of the series.
+	*/
+	outlierSettings?: CommonSeriesOptionsOutlierSettings;
+
+	/** Name of a field in data source, where the fill color for all the data points is generated.
+	*/
+	palette?: string;
+
+	/** Controls the size of pie series. Value ranges from 0 to 1.
+	*   @Default {0.8}
+	*/
+	pieCoefficient?: number;
+
+	/** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
+	*   @Default {0.6}
+	*/
+	pieOfPieCoefficient?: number;
+
+	/** Split Value of pieofpie series.
+	*   @Default {null}
+	*/
+	splitValue?: string;
+
+	/** Distance between the two pie's in pieOfPie series.
+	*   @Default {50}
+	*/
+	gapWidth?: number;
+
+	/** Name of the property in the datasource that contains fill color for the series.
+	*   @Default {null}
+	*/
+	pointColorMappingName?: string;
+
+	/** Specifies the mode of the pyramid series. 
+	*   @Default {linear. See PyramidMode}
+	*/
+	pyramidMode?: ej.datavisualization.Chart.PyramidMode|string;
+
+	/** Start angle from where the pie/doughnut series renders. By default it starts from 0.
+	*   @Default {null}
+	*/
+	startAngle?: number;
+
+	/** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
+	*/
+	cornerRadius?: CommonSeriesOptionsCornerRadius;
+
+	/** Options for customizing the tooltip of chart.
+	*/
+	tooltip?: CommonSeriesOptionsTooltip;
+
+	/** Specifies the type of the series to render in chart. 
+	*   @Default {column. See Type}
+	*/
+	type?: ej.datavisualization.Chart.Type|string;
+
+	/** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+	*   @Default {null}
+	*/
+	xAxisName?: string;
+
+	/** Name of the property in the datasource that contains x value for the series.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+	*   @Default {null}
+	*/
+	yAxisName?: string;
+
+	/** Name of the property in the datasource that contains y value for the series.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Name of the property in the datasource that contains high value for the series.
+	*   @Default {null}
+	*/
+	high?: string;
+
+	/** Name of the property in the datasource that contains low value for the series.
+	*   @Default {null}
+	*/
+	low?: string;
+
+	/** Name of the property in the datasource that contains open value for the series.
+	*   @Default {null}
+	*/
+	open?: string;
+
+	/** Name of the property in the datasource that contains close value for the series.
+	*   @Default {null}
+	*/
+	close?: string;
+
+	/** Z-order of the series.
+	*   @Default {0}
+	*/
+	zOrder?: number;
+
+	/** Name of the property in the datasource that contains the size value for the bubble series.
+	*   @Default {null}
+	*/
+	size?: string;
+
+	/** Options for customizing the empty point in the series.
+	*/
+	emptyPointSettings?: CommonSeriesOptionsEmptyPointSettings;
+
+	/** Fill color for the positive column of the waterfall.
+	*   @Default {null}
+	*/
+	positiveFill?: string;
+
+	/** Options for customizing the waterfall connector line.
+	*/
+	connectorLine?: CommonSeriesOptionsConnectorLine;
+
+	/** Options to customize the drag and drop in series.
+	*/
+	dragSettings?: CommonSeriesOptionsDragSettings;
+
+	/** Options to customize the error bar in series.
+	*/
+	errorBar?: CommonSeriesOptionsErrorBar;
+
+	/** Option to add the trendlines to chart.
+	*/
+	trendlines?: Array<CommonSeriesOptionsTrendline>;
+
+	/** Options for customizing the appearance of the series or data point while highlighting.
+	*/
+	highlightSettings?: CommonSeriesOptionsHighlightSettings;
+
+	/** Options for customizing the appearance of the series/data point on selection.
+	*/
+	selectionSettings?: CommonSeriesOptionsSelectionSettings;
+}
+
+export interface CrosshairTrackballTooltipSettingsBorder {
+
+	/** Border width of the trackball tooltip.
+	*   @Default {null}
+	*/
+	width?: number;
+
+	/** Border color of the trackball tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface CrosshairTrackballTooltipSettings {
+
+	/** Options for customizing the trackball tooltip border.
+	*/
+	border?: CrosshairTrackballTooltipSettingsBorder;
+
+	/** Background color of the trackball tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Rounded corner x value of the trackball tooltip.
+	*   @Default {3}
+	*/
+	rx?: number;
+
+	/** Rounded corner y value of the trackball tooltip.
+	*   @Default {3}
+	*/
+	ry?: number;
+
+	/** Opacity value of the trackball tooltip.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the mode of the trackball tooltip.
+	*   @Default {float. See CrosshairMode}
+	*/
+	mode?: ej.datavisualization.Chart.CrosshairMode|string;
+}
+
+export interface CrosshairMarkerBorder {
+
+	/** Border width of the marker.
+	*   @Default {3}
+	*/
+	width?: number;
+}
+
+export interface CrosshairMarkerSize {
+
+	/** Height of the marker.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Width of the marker.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface CrosshairMarker {
+
+	/** Options for customizing the border.
+	*/
+	border?: CrosshairMarkerBorder;
+
+	/** Opacity of the marker.
+	*   @Default {true}
+	*/
+	opacity?: boolean;
+
+	/** Options for customizing the size of the marker.
+	*/
+	size?: CrosshairMarkerSize;
+
+	/** Show/hides the marker.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface CrosshairLine {
+
+	/** Color of the crosshair line.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Width of the crosshair line.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface Crosshair {
+
+	/** Options for customizing the trackball tooltip.
+	*/
+	trackballTooltipSettings?: CrosshairTrackballTooltipSettings;
+
+	/** Options for customizing the marker in crosshair.
+	*/
+	marker?: CrosshairMarker;
+
+	/** Options for customizing the crosshair line.
+	*/
+	line?: CrosshairLine;
+
+	/** Specifies the type of the crosshair. It can be trackball or crosshair
+	*   @Default {crosshair. See CrosshairType}
+	*/
+	type?: ej.datavisualization.Chart.CrosshairType|string;
+
+	/** Show/hides the crosshair/trackball visibility.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface IndicatorsHistogramBorder {
+
+	/** Color of the histogram border in MACD indicator.
+	*   @Default {#9999ff}
+	*/
+	color?: string;
+
+	/** Controls the width of histogram border line in MACD indicator.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface IndicatorsHistogram {
+
+	/** Options to customize the histogram border in MACD indicator.
+	*/
+	border?: IndicatorsHistogramBorder;
+
+	/** Color of histogram columns in MACD indicator.
+	*   @Default {#ccccff}
+	*/
+	fill?: string;
+
+	/** Opacity of histogram columns in MACD indicator.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface IndicatorsLowerLine {
+
+	/** Color of lower line.
+	*   @Default {#008000}
+	*/
+	fill?: string;
+
+	/** Width of the lower line.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface IndicatorsMacdLine {
+
+	/** Color of MACD line.
+	*   @Default {#ff9933}
+	*/
+	fill?: string;
+
+	/** Width of the MACD line.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface IndicatorsPeriodLine {
+
+	/** Color of period line in indicator.
+	*   @Default {blue}
+	*/
+	fill?: string;
+
+	/** Width of the period line in indicators.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface IndicatorsTooltipBorder {
+
+	/** Border color of indicator tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of indicator tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface IndicatorsTooltip {
+
+	/** Option to customize the border of indicator tooltip.
+	*/
+	border?: IndicatorsTooltipBorder;
+
+	/** Specifies the animation duration of indicator tooltip.
+	*   @Default {500ms}
+	*/
+	duration?: string;
+
+	/** Enables/disables the tooltip animation.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Format of indicator tooltip. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Background color of indicator tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Opacity of indicator tooltip.
+	*   @Default {0.95}
+	*/
+	opacity?: number;
+
+	/** Controls the visibility of indicator tooltip.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface IndicatorsUpperLine {
+
+	/** Fill color of the upper line in indicators
+	*   @Default {#ff9933}
+	*/
+	fill?: string;
+
+	/** Width of the upper line in indicators.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface Indicator {
+
+	/** The dPeriod value for stochastic indicator.
+	*   @Default {3}
+	*/
+	dPeriod?: number;
+
+	/** Enables/disables the animation.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Color of the technical indicator.
+	*   @Default {#00008B}
+	*/
+	fill?: string;
+
+	/** Options to customize the histogram in MACD indicator.
+	*/
+	histogram?: IndicatorsHistogram;
+
+	/** Specifies the k period in stochastic indicator.
+	*   @Default {3}
+	*/
+	kPeriod?: number;
+
+	/** Specifies the long period in MACD indicator.
+	*   @Default {26}
+	*/
+	longPeriod?: number;
+
+	/** Options to customize the lower line in indicators.
+	*/
+	lowerLine?: IndicatorsLowerLine;
+
+	/** Options to customize the MACD line.
+	*/
+	macdLine?: IndicatorsMacdLine;
+
+	/** Specifies the type of the MACD indicator.
+	*   @Default {line. See MACDType}
+	*/
+	macdType?: string;
+
+	/** Specifies period value in indicator.
+	*   @Default {14}
+	*/
+	period?: number;
+
+	/** Options to customize the period line in indicators.
+	*/
+	periodLine?: IndicatorsPeriodLine;
+
+	/** Name of the series for which indicator has to be drawn.
+	*/
+	seriesName?: string;
+
+	/** Specifies the short period in MACD indicator.
+	*   @Default {13}
+	*/
+	shortPeriod?: number;
+
+	/** Specifies the standard deviation value for Bollinger band indicator.
+	*   @Default {2}
+	*/
+	standardDeviations?: number;
+
+	/** Options to customize the tooltip.
+	*/
+	tooltip?: IndicatorsTooltip;
+
+	/** Trigger value of MACD indicator.
+	*   @Default {9}
+	*/
+	trigger?: number;
+
+	/** Specifies the visibility of indicator.
+	*   @Default {visible}
+	*/
+	visibility?: string;
+
+	/** Specifies the type of indicator that has to be rendered.
+	*   @Default {sma. See IndicatorsType}
+	*/
+	type?: string;
+
+	/** Options to customize the upper line in indicators
+	*/
+	upperLine?: IndicatorsUpperLine;
+
+	/** Width of the indicator line.
+	*   @Default {2}
+	*/
+	width?: number;
+
+	/** Name of the horizontal axis used for indicator. Primary X axis is used when x axis name is not specified.
+	*/
+	xAxisName?: string;
+
+	/** Name of the vertical axis used for indicator. Primary Y axis is used when y axis name is not specified
+	*/
+	yAxisName?: string;
+}
+
+export interface LegendBorder {
+
+	/** Border color of the legend.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the legend.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface LegendFont {
+
+	/** Font family for legend item text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend item text.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight for legend item text.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Font size for legend item text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LegendItemStyleBorder {
+
+	/** Border color of the legend items.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the legend items.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface LegendItemStyle {
+
+	/** Options for customizing the border of legend items.
+	*/
+	border?: LegendItemStyleBorder;
+
+	/** Height of the shape in legend items.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Width of the shape in legend items.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface LegendLocation {
+
+	/** X value or horizontal offset to position the legend in chart.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Y value or vertical offset to position the legend.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface LegendSize {
+
+	/** Height of the legend. Height can be specified in either pixel or percentage.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Width of the legend. Width can be specified in either pixel or percentage.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface LegendTitleFont {
+
+	/** Font family for the text in legend title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend title.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight for legend title.
+	*   @Default {normal. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Font size for legend title.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LegendTitle {
+
+	/** Options to customize the font used for legend title
+	*/
+	font?: LegendTitleFont;
+
+	/** Text to be displayed in legend title.
+	*/
+	text?: string;
+
+	/** Alignment of the legend title.
+	*   @Default {center. See Alignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.Alignment|string;
+}
+
+export interface Legend {
+
+	/** Horizontal alignment of the legend.
+	*   @Default {Center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.Alignment|string;
+
+	/** Background for the legend. Use this property to add a background image or background color for the legend.
+	*/
+	background?: string;
+
+	/** Options for customizing the legend border.
+	*/
+	border?: LegendBorder;
+
+	/** Number of columns to arrange the legend items.
+	*   @Default {null}
+	*/
+	columnCount?: number;
+
+	/** Controls whether legend has to use scrollbar or not. When enabled, scroll bar appears depending upon size and position properties of legend.
+	*   @Default {true}
+	*/
+	enableScrollbar?: boolean;
+
+	/** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible series is displayed in gray color.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options to customize the font used for legend item text.
+	*/
+	font?: LegendFont;
+
+	/** Gap or padding between the legend items.
+	*   @Default {10}
+	*/
+	itemPadding?: number;
+
+	/** Options to customize the style of legend items.
+	*/
+	itemStyle?: LegendItemStyle;
+
+	/** Options to customize the location of chart legend. Legend is placed in provided location only when value of position property is custom
+	*/
+	location?: LegendLocation;
+
+	/** Opacity of the legend.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set **custom** as value to this property.
+	*   @Default {Bottom. See Position}
+	*/
+	position?: ej.datavisualization.Chart.Position|string;
+
+	/** Number of rows to arrange the legend items.
+	*   @Default {null}
+	*/
+	rowCount?: number;
+
+	/** Shape of the legend items. Default shape for pie and doughnut series is circle and all other series uses rectangle.
+	*   @Default {None. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Options to customize the size of the legend.
+	*/
+	size?: LegendSize;
+
+	/** Options to customize the legend title.
+	*/
+	title?: LegendTitle;
+
+	/** Specifies the action taken when the legend width is more than the textWidth.
+	*   @Default {none. See textOverflow}
+	*/
+	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+	/** Text width for legend item.
+	*   @Default {34}
+	*/
+	textWidth?: number;
+
+	/** Controls the visibility of the legend.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Controls the selection through the legend.
+	*   @Default {true}
+	*/
+	toggleSeriesVisibility?: boolean;
+}
+
+export interface PrimaryXAxisAlternateGridBandEven {
+
+	/** Fill color for the even grid bands.
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Opacity of the even grid band.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface PrimaryXAxisAlternateGridBandOdd {
+
+	/** Fill color of the odd grid bands
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Opacity of odd grid band
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface PrimaryXAxisAlternateGridBand {
+
+	/** Options for customizing even grid band.
+	*/
+	even?: PrimaryXAxisAlternateGridBandEven;
+
+	/** Options for customizing odd grid band.
+	*/
+	odd?: PrimaryXAxisAlternateGridBandOdd;
+}
+
+export interface PrimaryXAxisAxisLine {
+
+	/** Pattern of dashes and gaps to be applied to the axis line.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
+	*   @Default {null}
+	*/
+	offset?: number;
+
+	/** Show/hides the axis line.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Default Value
+	*/
+	color?: string;
+
+	/** Width of axis line.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryXAxisCrosshairLabel {
+
+	/** Show/hides the crosshair label associated with this axis.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface PrimaryXAxisFont {
+
+	/** Font family of labels.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of labels.
+	*   @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the label.
+	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the axis labels.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the axis labels.
+	*   @Default {13px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryXAxisMajorGridLines {
+
+	/** Pattern of dashes and gaps used to stroke the major grid lines.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Color of the major grid line.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Opacity of major grid lines.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Show/hides the major grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the major grid lines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryXAxisMajorTickLines {
+
+	/** Length of the major tick lines.
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Show/hides the major tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the major tick lines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryXAxisMinorGridLines {
+
+	/** Patterns of dashes and gaps used to stroke the minor grid lines.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Show/hides the minor grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the minorGridLines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryXAxisMinorTickLines {
+
+	/** Length of the minor tick lines.
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Show/hides the minor tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the minor tick line.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryXAxisRange {
+
+	/** Minimum value of the axis range.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Maximum value of the axis range.
+	*   @Default {null}
+	*/
+	max?: number;
+
+	/** Interval of the axis range.
+	*   @Default {null}
+	*/
+	interval?: number;
+}
+
+export interface PrimaryXAxisMultiLevelLabelsFont {
+
+	/** Font color of the multi level labels text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font family of the multi level labels text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the multi level labels text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the multi level label text.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Opacity of the multi level label text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the multi level label text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryXAxisMultiLevelLabelsBorder {
+
+	/** Border color of the multi level labels.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the multi level labels.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Border type of the multi level labels.
+	*   @Default {rectangle. See Type}
+	*/
+	type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
+}
+
+export interface PrimaryXAxisMultiLevelLabel {
+
+	/** Visibility of the multi level labels.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Text of the multi level labels.
+	*/
+	text?: string;
+
+	/** Starting value of the multi level labels.
+	*   @Default {null}
+	*/
+	start?: number;
+
+	/** Ending value of the multi level labels.
+	*   @Default {null}
+	*/
+	end?: number;
+
+	/** Specifies the level of multi level labels.
+	*   @Default {0}
+	*/
+	level?: number;
+
+	/** Specifies the maximum width of the text in multi level labels.
+	*   @Default {null}
+	*/
+	maximumTextWidth?: number;
+
+	/** Specifies the alignment of the text in multi level labels.
+	*   @Default {center. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+	/** Specifies the handling of text over flow in multi level labels.
+	*   @Default {center. See TextOverflow}
+	*/
+	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+	/** Options for customizing the font of the text.
+	*/
+	font?: PrimaryXAxisMultiLevelLabelsFont;
+
+	/** Options for customizing the border of the series.
+	*/
+	border?: PrimaryXAxisMultiLevelLabelsBorder;
+}
+
+export interface PrimaryXAxisStripLineFont {
+
+	/** Font color of the strip line text.
+	*   @Default {black}
+	*/
+	color?: string;
+
+	/** Font family of the strip line text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the strip line text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the strip line text.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Opacity of the strip line text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the strip line text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryXAxisStripLine {
+
+	/** Border color of the strip line.
+	*   @Default {gray}
+	*/
+	borderColor?: string;
+
+	/** Background color of the strip line.
+	*   @Default {gray}
+	*/
+	color?: string;
+
+	/** End value of the strip line.
+	*   @Default {null}
+	*/
+	end?: number;
+
+	/** Options for customizing the font of the text.
+	*/
+	font?: PrimaryXAxisStripLineFont;
+
+	/** Start value of the strip line.
+	*   @Default {null}
+	*/
+	start?: number;
+
+	/** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
+	*   @Default {false}
+	*/
+	startFromAxis?: boolean;
+
+	/** Specifies text to be displayed inside the strip line.
+	*   @Default {stripLine}
+	*/
+	text?: string;
+
+	/** Specifies the alignment of the text inside the strip line.
+	*   @Default {middlecenter. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+	/** Show/hides the strip line.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Width of the strip line.
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”, it is rendered above the series.
+	*   @Default {over. See ZIndex}
+	*/
+	zIndex?: ej.datavisualization.Chart.ZIndex|string;
+}
+
+export interface PrimaryXAxisLabelBorder {
+
+	/** Specifies the color of the label border.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the width of the label border.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryXAxisTitleFont {
+
+	/** Font family of the title text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the title text.
+	*   @Default {ej.datavisualization.Chart.FontStyle.Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the title text.
+	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the axis title text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the axis title.
+	*   @Default {16px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryXAxisTitle {
+
+	/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Options for customizing the title font.
+	*/
+	font?: PrimaryXAxisTitleFont;
+
+	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+	*   @Default {34}
+	*/
+	maximumTitleWidth?: number;
+
+	/** Title for the axis.
+	*/
+	text?: string;
+
+	/** Controls the visibility of axis title.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** offset value for axis title.
+	*   @Default {0}
+	*/
+	offset?: number;
+
+	/** Specifies the position of the axis title.
+	*   @Default {outside. See Position}
+	*/
+	position?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the position of the axis title.
+	*   @Default {center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.TextAlignment|string;
+}
+
+export interface PrimaryXAxisScrollbarSettingsRange {
+
+	/** Minimum value of the scrollbar range.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Maximum value for the scrollbar range .
+	*   @Default {null}
+	*/
+	max?: number;
+}
+
+export interface PrimaryXAxisScrollbarSettings {
+
+	/** Specifies to enables or disables the scroll bar.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Controls whether scrollbar has to be responsive in the chart.
+	*   @Default {false}
+	*/
+	canResize?: boolean;
+
+	/** Options to customize the range for the scrollbar in the axis.
+	*/
+	range?: PrimaryXAxisScrollbarSettingsRange;
+
+	/** The maximum number of points to be displayed in the scrollbar.
+	*   @Default {null}
+	*/
+	pointsLength?: number;
+}
+
+export interface PrimaryXAxis {
+
+	/** Options for customizing horizontal axis alternate grid band.
+	*/
+	alternateGridBand?: PrimaryXAxisAlternateGridBand;
+
+	/** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
+	*   @Default {null}
+	*/
+	crossesAt?: number;
+
+	/** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis, then primary X axis or primary Y axis will be used for crossing
+	*   @Default {null}
+	*/
+	crossesInAxis?: string;
+
+	/** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
+	*   @Default {false}
+	*/
+	isIndexed?: boolean;
+
+	/** Specifies the interval of the axis according to the zoomed data of the chart.
+	*   @Default {true}
+	*/
+	enableAutoIntervalOnZooming?: boolean;
+
+	/** Options for customizing the axis line.
+	*/
+	axisLine?: PrimaryXAxisAxisLine;
+
+	/** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
+	*   @Default {null}
+	*/
+	columnIndex?: number;
+
+	/** Specifies the number of columns or plot areas an axis has to span horizontally.
+	*   @Default {null}
+	*/
+	columnSpan?: number;
+
+	/** Options to customize the crosshair label.
+	*/
+	crosshairLabel?: PrimaryXAxisCrosshairLabel;
+
+	/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
+	*   @Default {null}
+	*/
+	desiredIntervals?: number;
+
+	/** Specifies the placement of labels. 
+	*   @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
+	*/
+	labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
+
+	/** Specifies the position of labels at the edge of the axis. 
+	*   @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
+	*/
+	edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
+
+	/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Options for customizing the font of the axis Labels.
+	*/
+	font?: PrimaryXAxisFont;
+
+	/** Specifies the type of interval in date time axis.
+	*   @Default {null. See IntervalType}
+	*/
+	intervalType?: ej.datavisualization.Chart.IntervalType|string;
+
+	/** Specifies whether to inverse the axis.
+	*   @Default {false}
+	*/
+	isInversed?: boolean;
+
+	/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
+	*   @Default {null}
+	*/
+	labelFormat?: string;
+
+	/** Specifies the action to take when the axis labels are overlapping with each other. 
+	*   @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
+	*/
+	labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
+
+	/** Specifies the position of the axis labels.
+	*   @Default {outside. See LabelPosition}
+	*/
+	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the position of the axis labels.
+	*   @Default {center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.LabelAlignment|string;
+
+	/** Angle in degrees to rotate the axis labels.
+	*   @Default {null}
+	*/
+	labelRotation?: number;
+
+	/** Logarithmic base value. This is applicable only for logarithmic axis.
+	*   @Default {10}
+	*/
+	logBase?: number;
+
+	/** Options for customizing major gird lines.
+	*/
+	majorGridLines?: PrimaryXAxisMajorGridLines;
+
+	/** Options for customizing the major tick lines.
+	*/
+	majorTickLines?: PrimaryXAxisMajorTickLines;
+
+	/** Maximum number of labels to be displayed in every 100 pixels.
+	*   @Default {3}
+	*/
+	maximumLabels?: number;
+
+	/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
+	*   @Default {34}
+	*/
+	maximumLabelWidth?: number;
+
+	/** Options for customizing the minor grid lines.
+	*/
+	minorGridLines?: PrimaryXAxisMinorGridLines;
+
+	/** Options for customizing the minor tick lines.
+	*/
+	minorTickLines?: PrimaryXAxisMinorTickLines;
+
+	/** Specifies the number of minor ticks per interval.
+	*   @Default {null}
+	*/
+	minorTicksPerInterval?: number;
+
+	/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Specifies whether to render the axis at the opposite side of its default position.
+	*   @Default {false}
+	*/
+	opposedPosition?: boolean;
+
+	/** Specifies the orientation of the axis line
+	*   @Default {Horizontal}
+	*/
+	orientation?: ej.datavisualization.Chart.AxisOrientation|string;
+
+	/** Specifies the padding for the plot area.
+	*   @Default {10}
+	*/
+	plotOffset?: number;
+
+	/** Options to customize the range of the axis.
+	*/
+	range?: PrimaryXAxisRange;
+
+	/** Specifies the padding for the axis range.
+	*   @Default {None. See RangePadding}
+	*/
+	rangePadding?: ej.datavisualization.Chart.RangePadding|string;
+
+	/** Rounds the number to the given number of decimals.
+	*   @Default {null}
+	*/
+	roundingPlaces?: number;
+
+	/** Options for customizing the multi level labels.
+	*   @Default {[ ]}
+	*/
+	multiLevelLabels?: Array<PrimaryXAxisMultiLevelLabel>;
+
+	/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
+	*   @Default {true}
+	*/
+	showNextToAxisLine?: boolean;
+
+	/** Options for customizing the strip lines.
+	*   @Default {[ ]}
+	*/
+	stripLine?: Array<PrimaryXAxisStripLine>;
+
+	/** Specifies the position of the axis tick lines.
+	*   @Default {outside. See TickLinesPosition}
+	*/
+	tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
+
+	/** Options for customizing the border of the labels.
+	*/
+	labelBorder?: PrimaryXAxisLabelBorder;
+
+	/** Options for customizing the axis title.
+	*/
+	title?: PrimaryXAxisTitle;
+
+	/** Specifies the type of data the axis is handling.
+	*   @Default {null. See ValueType}
+	*/
+	valueType?: ej.datavisualization.Chart.ValueType|string;
+
+	/** Show/hides the axis.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
+	*   @Default {1}
+	*/
+	zoomFactor?: number;
+
+	/** Position of the zoomed axis. Value ranges from 0 to 1.
+	*   @Default {0}
+	*/
+	zoomPosition?: number;
+
+	/** Options for customizing the axis scrollbar
+	*/
+	scrollbarSettings?: PrimaryXAxisScrollbarSettings;
+}
+
+export interface AxesAlternateGridBandEven {
+
+	/** Fill color for the even grid bands.
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Opacity of the even grid band.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface AxesAlternateGridBandOdd {
+
+	/** Fill color of the odd grid bands
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Opacity of odd grid band
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface AxesAlternateGridBand {
+
+	/** Options for customizing even grid band.
+	*/
+	even?: AxesAlternateGridBandEven;
+
+	/** Options for customizing odd grid band.
+	*/
+	odd?: AxesAlternateGridBandOdd;
+}
+
+export interface AxesAxisLine {
+
+	/** Pattern of dashes and gaps to be applied to the axis line.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
+	*   @Default {null}
+	*/
+	offset?: number;
+
+	/** Show/hides the axis line.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Color of axis line.
+	*/
+	color?: string;
+
+	/** Width of axis line.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface AxesCrosshairLabel {
+
+	/** Show/hides the crosshair label associated with this axis.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface AxesFont {
+
+	/** Font family of labels.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of labels.
+	*   @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the label.
+	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the axis labels.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the axis labels.
+	*   @Default {13px}
+	*/
+	size?: string;
+}
+
+export interface AxesMajorGridLines {
+
+	/** Pattern of dashes and gaps used to stroke the major grid lines.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Color of the major grid line.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Opacity of major grid lines.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Show/hides the major grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the major grid lines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface AxesMajorTickLines {
+
+	/** Length of the major tick lines.
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Show/hides the major tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the major tick lines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface AxesMinorGridLines {
+
+	/** Patterns of dashes and gaps used to stroke the minor grid lines.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Show/hides the minor grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the minorGridLines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface AxesMinorTickLines {
+
+	/** Length of the minor tick lines.
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Show/hides the minor tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the minor tick line.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface AxesRange {
+
+	/** Minimum value of the axis range.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Maximum value of the axis range.
+	*   @Default {null}
+	*/
+	max?: number;
+
+	/** Interval of the axis range.
+	*   @Default {null}
+	*/
+	interval?: number;
+}
+
+export interface AxesMultiLevelLabelsFont {
+
+	/** Font color of the multi level labels text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font family of the multi level labels text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the multi level labels text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the multi level label text.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Opacity of the multi level label text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the multi level label text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface AxesMultiLevelLabelsBorder {
+
+	/** Border color of the multi level labels.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the multi level labels.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Border type of the multi level labels.
+	*   @Default {rectangle. See Type}
+	*/
+	type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
+}
+
+export interface AxesMultiLevelLabel {
+
+	/** Visibility of the multi level labels.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Text of the multi level labels.
+	*/
+	text?: string;
+
+	/** Starting value of the multi level labels.
+	*   @Default {null}
+	*/
+	start?: number;
+
+	/** Ending value of the multi level labels.
+	*   @Default {null}
+	*/
+	end?: number;
+
+	/** Specifies the level of multi level labels.
+	*   @Default {0}
+	*/
+	level?: number;
+
+	/** Specifies the maximum width of the text in multi level labels.
+	*   @Default {null}
+	*/
+	maximumTextWidth?: number;
+
+	/** Specifies the alignment of the text in multi level labels.
+	*   @Default {center. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+	/** Specifies the handling of text over flow in multi level labels.
+	*   @Default {center. See TextOverflow}
+	*/
+	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+	/** Options for customizing the font of the text.
+	*/
+	font?: AxesMultiLevelLabelsFont;
+
+	/** Options for customizing the border of the series.
+	*/
+	border?: AxesMultiLevelLabelsBorder;
+}
+
+export interface AxesStripLineFont {
+
+	/** Font color of the strip line text.
+	*   @Default {black}
+	*/
+	color?: string;
+
+	/** Font family of the strip line text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the strip line text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the strip line text.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Opacity of the strip line text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the strip line text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface AxesStripLine {
+
+	/** Border color of the strip line.
+	*   @Default {gray}
+	*/
+	borderColor?: string;
+
+	/** Background color of the strip line.
+	*   @Default {gray}
+	*/
+	color?: string;
+
+	/** End value of the strip line.
+	*   @Default {null}
+	*/
+	end?: number;
+
+	/** Options for customizing the font of the text.
+	*/
+	font?: AxesStripLineFont;
+
+	/** Start value of the strip line.
+	*   @Default {null}
+	*/
+	start?: number;
+
+	/** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
+	*   @Default {false}
+	*/
+	startFromAxis?: boolean;
+
+	/** Specifies text to be displayed inside the strip line.
+	*   @Default {stripLine}
+	*/
+	text?: string;
+
+	/** Specifies the alignment of the text inside the strip line.
+	*   @Default {middlecenter. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+	/** Show/hides the strip line.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Width of the strip line.
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”, it is rendered above the series.
+	*   @Default {over. See ZIndex}
+	*/
+	zIndex?: ej.datavisualization.Chart.ZIndex|string;
+}
+
+export interface AxesLabelBorder {
+
+	/** Specifies the color of the label border.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the width of the label border.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface AxesTitleFont {
+
+	/** Font family of the title text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the title text.
+	*   @Default {ej.datavisualization.Chart.FontStyle.Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the title text.
+	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the axis title text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the axis title.
+	*   @Default {16px}
+	*/
+	size?: string;
+}
+
+export interface AxesTitle {
+
+	/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Options for customizing the title font.
+	*/
+	font?: AxesTitleFont;
+
+	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+	*   @Default {34}
+	*/
+	maximumTitleWidth?: number;
+
+	/** Title for the axis.
+	*/
+	text?: string;
+
+	/** Controls the visibility of axis title.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** offset value for axis title.
+	*   @Default {0}
+	*/
+	offset?: number;
+
+	/** Specifies the position of the axis title.
+	*   @Default {outside. See Position}
+	*/
+	position?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the position of the axis title.
+	*   @Default {center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.TextAlignment|string;
+}
+
+export interface AxesScrollbarSettingsRange {
+
+	/** Minimum value of the scrollbar range.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Maximum value for the scrollbar range .
+	*   @Default {null}
+	*/
+	max?: number;
+}
+
+export interface AxesScrollbarSettings {
+
+	/** Specifies to enable or disable the scrollbar.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Controls whether scrollbar has to be responsive in the chart.
+	*   @Default {false}
+	*/
+	canResize?: boolean;
+
+	/** Options to customize the range for the scrollbar in the axis.
+	*/
+	range?: AxesScrollbarSettingsRange;
+
+	/** The maximum number of points to be displayed in the scrollbar.
+	*   @Default {null}
+	*/
+	pointsLength?: number;
+}
+
+export interface Axis {
+
+	/** Options for customizing axis alternate grid band.
+	*/
+	alternateGridBand?: AxesAlternateGridBand;
+
+	/** Specifies where axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
+	*   @Default {null}
+	*/
+	crossesAt?: number;
+
+	/** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
+	*   @Default {false}
+	*/
+	isIndexed?: boolean;
+
+	/** Options for customizing the axis line.
+	*/
+	axisLine?: AxesAxisLine;
+
+	/** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
+	*   @Default {null}
+	*/
+	columnIndex?: number;
+
+	/** Specifies the number of columns or plot areas an axis has to span horizontally.
+	*   @Default {null}
+	*/
+	columnSpan?: number;
+
+	/** Options to customize the crosshair label.
+	*/
+	crosshairLabel?: AxesCrosshairLabel;
+
+	/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
+	*   @Default {null}
+	*/
+	desiredIntervals?: number;
+
+	/** Specifies the placement of labels.
+	*   @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
+	*/
+	labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
+
+	/** Specifies the position of labels at the edge of the axis.
+	*   @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
+	*/
+	edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
+
+	/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Specifies the interval of the axis according to the zoomed data of the chart.
+	*   @Default {true}
+	*/
+	enableAutoIntervalOnZooming?: boolean;
+
+	/** Options for customizing the font of the axis Labels.
+	*/
+	font?: AxesFont;
+
+	/** Specifies the type of interval in date time axis.
+	*   @Default {null. See IntervalType}
+	*/
+	intervalType?: ej.datavisualization.Chart.IntervalType|string;
+
+	/** Specifies whether to inverse the axis.
+	*   @Default {false}
+	*/
+	isInversed?: boolean;
+
+	/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
+	*   @Default {null}
+	*/
+	labelFormat?: string;
+
+	/** Specifies the action to take when the axis labels are overlapping with each other.
+	*   @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
+	*/
+	labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
+
+	/** Specifies the position of the axis labels.
+	*   @Default {outside. See LabelPosition}
+	*/
+	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the position of the axis labels.
+	*   @Default {center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.LabelAlignment|string;
+
+	/** Angle in degrees to rotate the axis labels.
+	*   @Default {null}
+	*/
+	labelRotation?: number;
+
+	/** Logarithmic base value. This is applicable only for logarithmic axis.
+	*   @Default {10}
+	*/
+	logBase?: number;
+
+	/** Options for customizing major gird lines.
+	*/
+	majorGridLines?: AxesMajorGridLines;
+
+	/** Options for customizing the major tick lines.
+	*/
+	majorTickLines?: AxesMajorTickLines;
+
+	/** Maximum number of labels to be displayed in every 100 pixels.
+	*   @Default {3}
+	*/
+	maximumLabels?: number;
+
+	/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
+	*   @Default {34}
+	*/
+	maximumLabelWidth?: number;
+
+	/** Options for customizing the minor grid lines.
+	*/
+	minorGridLines?: AxesMinorGridLines;
+
+	/** Options for customizing the minor tick lines.
+	*/
+	minorTickLines?: AxesMinorTickLines;
+
+	/** Specifies the number of minor ticks per interval.
+	*   @Default {null}
+	*/
+	minorTicksPerInterval?: number;
+
+	/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Specifies whether to render the axis at the opposite side of its default position.
+	*   @Default {false}
+	*/
+	opposedPosition?: boolean;
+
+	/** Specifies the orientation of the axis line in the chart.
+	*   @Default {'horizontal'}
+	*/
+	orientation?: ej.datavisualization.Chart.AxisOrientation|string;
+
+	/** Specifies the padding for the plot area.
+	*   @Default {10}
+	*/
+	plotOffset?: number;
+
+	/** Options to customize the range of the axis.
+	*/
+	range?: AxesRange;
+
+	/** Specifies the padding for the axis range.
+	*   @Default {None. See RangePadding}
+	*/
+	rangePadding?: ej.datavisualization.Chart.RangePadding|string;
+
+	/** Rounds the number to the given number of decimals.
+	*   @Default {null}
+	*/
+	roundingPlaces?: number;
+
+	/** Options for customizing the multi level labels.
+	*   @Default {[ ]}
+	*/
+	multiLevelLabels?: Array<AxesMultiLevelLabel>;
+
+	/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
+	*   @Default {true}
+	*/
+	showNextToAxisLine?: boolean;
+
+	/** Options for customizing the strip lines.
+	*   @Default {[ ]}
+	*/
+	stripLine?: Array<AxesStripLine>;
+
+	/** Specifies the position of the axis tick lines.
+	*   @Default {outside. See TickLinesPosition}
+	*/
+	tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
+
+	/** Options for customizing the border of the labels.
+	*/
+	labelBorder?: AxesLabelBorder;
+
+	/** Options for customizing the axis title.
+	*/
+	title?: AxesTitle;
+
+	/** Specifies the type of data the axis is handling.
+	*   @Default {null. See ValueType}
+	*/
+	valueType?: ej.datavisualization.Chart.ValueType|string;
+
+	/** Show/hides the axis.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
+	*   @Default {1}
+	*/
+	zoomFactor?: number;
+
+	/** Position of the zoomed axis. Value ranges from 0 to 1.
+	*   @Default {0}
+	*/
+	zoomPosition?: number;
+
+	/** Options for customizing the axis scrollbar.
+	*/
+	scrollbarSettings?: AxesScrollbarSettings;
+}
+
+export interface PrimaryYAxisAlternateGridBandEven {
+
+	/** Fill color for the even grid bands.
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Opacity of the even grid band.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface PrimaryYAxisAlternateGridBandOdd {
+
+	/** Fill color of the odd grid bands.
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Opacity of odd grid band.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface PrimaryYAxisAlternateGridBand {
+
+	/** Options for customizing even grid band.
+	*/
+	even?: PrimaryYAxisAlternateGridBandEven;
+
+	/** Options for customizing odd grid band.
+	*/
+	odd?: PrimaryYAxisAlternateGridBandOdd;
+}
+
+export interface PrimaryYAxisAxisLine {
+
+	/** Pattern of dashes and gaps to be applied to the axis line.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
+	*   @Default {null}
+	*/
+	offset?: number;
+
+	/** Show/hides the axis line.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Color of axis line.
+	*/
+	color?: string;
+
+	/** Width of axis line.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryYAxisCrosshairLabel {
+
+	/** Show/hides the crosshair label associated with this axis.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface PrimaryYAxisFont {
+
+	/** Font family of labels.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of labels.
+	*   @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the label.
+	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the axis labels.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the axis labels.
+	*   @Default {13px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryYAxisMajorGridLines {
+
+	/** Pattern of dashes and gaps used to stroke the major grid lines.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Color of the major grid lines.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Opacity of major grid lines.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Show/hides the major grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the major grid lines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryYAxisMajorTickLines {
+
+	/** Length of the major tick lines.
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Show/hides the major tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the major tick lines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryYAxisMinorGridLines {
+
+	/** Patterns of dashes and gaps used to stroke the minor grid lines.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Show/hides the minor grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the minorGridLines.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryYAxisMinorTickLines {
+
+	/** Length of the minor tick lines.
+	*   @Default {5}
+	*/
+	size?: number;
+
+	/** Show/hides the minor tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the minor tick line
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryYAxisRange {
+
+	/** Minimum value of the axis range.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Maximum value of the axis range.
+	*   @Default {null}
+	*/
+	max?: number;
+
+	/** Interval for the range.
+	*   @Default {null}
+	*/
+	interval?: number;
+}
+
+export interface PrimaryYAxisMultiLevelLabelsFont {
+
+	/** Font color of the multi level labels text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font family of the multi level labels text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the multi level labels text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the multi level label text.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Opacity of the multi level label text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the multi level label text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryYAxisMultiLevelLabelsBorder {
+
+	/** Border color of the multi level labels.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the multi level labels.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Border type of the multi level labels.
+	*   @Default {rectangle. See Type}
+	*/
+	type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
+}
+
+export interface PrimaryYAxisMultiLevelLabel {
+
+	/** Visibility of the multi level labels.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Text of the multi level labels.
+	*/
+	text?: string;
+
+	/** Starting value of the multi level labels.
+	*   @Default {null}
+	*/
+	start?: number;
+
+	/** Ending value of the multi level labels.
+	*   @Default {null}
+	*/
+	end?: number;
+
+	/** Specifies the level of multi level labels.
+	*   @Default {0}
+	*/
+	level?: number;
+
+	/** Specifies the maximum width of the text in multi level labels.
+	*   @Default {null}
+	*/
+	maximumTextWidth?: number;
+
+	/** Specifies the alignment of the text in multi level labels.
+	*   @Default {center. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+	/** Specifies the handling of text over flow in multi level labels.
+	*   @Default {center. See TextOverflow}
+	*/
+	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+	/** Options for customizing the font of the text.
+	*/
+	font?: PrimaryYAxisMultiLevelLabelsFont;
+
+	/** Options for customizing the border of the series.
+	*/
+	border?: PrimaryYAxisMultiLevelLabelsBorder;
+}
+
+export interface PrimaryYAxisScrollbarSettingsRange {
+
+	/** Minimum value of the scrollbar range.
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Maximum value for the scrollbar range .
+	*   @Default {null}
+	*/
+	max?: number;
+}
+
+export interface PrimaryYAxisScrollbarSettings {
+
+	/** Specifies to enable or disable the scrollbar.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Controls whether scrollbar has to be responsive in the chart.
+	*   @Default {false}
+	*/
+	canResize?: boolean;
+
+	/** Options to customize the range for the scrollbar in the axis.
+	*/
+	range?: PrimaryYAxisScrollbarSettingsRange;
+
+	/** The maximum number of points to be displayed in the scrollbar.
+	*   @Default {null}
+	*/
+	pointsLength?: number;
+}
+
+export interface PrimaryYAxisStripLineFont {
+
+	/** Font color of the strip line text.
+	*   @Default {black}
+	*/
+	color?: string;
+
+	/** Font family of the strip line text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the strip line text.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the strip line text.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Opacity of the strip line text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the strip line text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryYAxisStripLine {
+
+	/** Border color of the strip line.
+	*   @Default {gray}
+	*/
+	borderColor?: string;
+
+	/** Background color of the strip line.
+	*   @Default {gray}
+	*/
+	color?: string;
+
+	/** End value of the strip line.
+	*   @Default {null}
+	*/
+	end?: number;
+
+	/** Options for customizing the font of the text.
+	*/
+	font?: PrimaryYAxisStripLineFont;
+
+	/** Start value of the strip line.
+	*   @Default {null}
+	*/
+	start?: number;
+
+	/** Indicates whether to render the strip line from the minimum/start value of the axis. This property won’t work when start property is set.
+	*   @Default {false}
+	*/
+	startFromAxis?: boolean;
+
+	/** Specifies text to be displayed inside the strip line.
+	*   @Default {stripLine}
+	*/
+	text?: string;
+
+	/** Specifies the alignment of the text inside the strip line.
+	*   @Default {middlecenter. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+	/** Show/hides the strip line.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Width of the strip line.
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Specifies the order in which strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered below the series and when it is “over”, it is rendered above the series.
+	*   @Default {over. See ZIndex}
+	*/
+	zIndex?: ej.datavisualization.Chart.ZIndex|string;
+}
+
+export interface PrimaryYAxisLabelBorder {
+
+	/** Specifies the color of the label border.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the width of the label border.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface PrimaryYAxisTitleFont {
+
+	/** Font family of the title text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the title text.
+	*   @Default {ej.datavisualization.Chart.FontStyle.Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the title text.
+	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the axis title text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the axis title.
+	*   @Default {16px}
+	*/
+	size?: string;
+}
+
+export interface PrimaryYAxisTitle {
+
+	/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
+	*   @Default {ej.datavisualization.Chart.enableTrim}
+	*/
+	enableTrim?: boolean;
+
+	/** Options for customizing the title font.
+	*/
+	font?: PrimaryYAxisTitleFont;
+
+	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+	*   @Default {ej.datavisualization.Chart.maximumTitleWidth.null}
+	*/
+	maximumTitleWidth?: number;
+
+	/** Title for the axis.
+	*/
+	text?: string;
+
+	/** Controls the visibility of axis title.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** offset value for axis title.
+	*   @Default {0}
+	*/
+	offset?: number;
+
+	/** Specifies the position of the axis title.
+	*   @Default {outside. See Position}
+	*/
+	position?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the position of the axis title.
+	*   @Default {center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.TextAlignment|string;
+}
+
+export interface PrimaryYAxis {
+
+	/** Options for customizing vertical axis alternate grid band.
+	*/
+	alternateGridBand?: PrimaryYAxisAlternateGridBand;
+
+	/** Specifies the interval of the axis according to the zoomed data of the chart.
+	*   @Default {true}
+	*/
+	enableAutoIntervalOnZooming?: boolean;
+
+	/** Options for customizing the axis line.
+	*/
+	axisLine?: PrimaryYAxisAxisLine;
+
+	/** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
+	*   @Default {null}
+	*/
+	crossesAt?: number;
+
+	/** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis, then primary X axis or primary Y axis will be used for crossing
+	*   @Default {null}
+	*/
+	crossesInAxis?: string;
+
+	/** Options to customize the crosshair label.
+	*/
+	crosshairLabel?: PrimaryYAxisCrosshairLabel;
+
+	/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
+	*   @Default {null}
+	*/
+	desiredIntervals?: number;
+
+	/** Specifies the placement of labels.
+	*   @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
+	*/
+	labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
+
+	/** Specifies the position of labels at the edge of the axis.
+	*   @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
+	*/
+	edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
+
+	/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Options for customizing the font of the axis Labels.
+	*/
+	font?: PrimaryYAxisFont;
+
+	/** Specifies the type of interval in date time axis.
+	*   @Default {null. See IntervalType}
+	*/
+	intervalType?: ej.datavisualization.Chart.IntervalType|string;
+
+	/** Specifies whether to inverse the axis.
+	*   @Default {false}
+	*/
+	isInversed?: boolean;
+
+	/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
+	*   @Default {null}
+	*/
+	labelFormat?: string;
+
+	/** Specifies the action to take when the axis labels are overlapping with each other.
+	*   @Default {ej.datavisualization.Chart.LabelIntersectAction.None}
+	*/
+	labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
+
+	/** Specifies the position of the axis labels.
+	*   @Default {outside. See LabelPosition}
+	*/
+	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the position of the axis labels.
+	*   @Default {center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Chart.LabelAlignment|string;
+
+	/** Logarithmic base value. This is applicable only for logarithmic axis.
+	*   @Default {10}
+	*/
+	logBase?: number;
+
+	/** Options for customizing major gird lines.
+	*/
+	majorGridLines?: PrimaryYAxisMajorGridLines;
+
+	/** Options for customizing the major tick lines.
+	*/
+	majorTickLines?: PrimaryYAxisMajorTickLines;
+
+	/** Maximum number of labels to be displayed in every 100 pixels.
+	*   @Default {3}
+	*/
+	maximumLabels?: number;
+
+	/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
+	*   @Default {ej.datavisualization.Chart.maximumLabelWidth type {int}}
+	*/
+	maximumLabelWidth?: number;
+
+	/** Options for customizing the minor grid lines.
+	*/
+	minorGridLines?: PrimaryYAxisMinorGridLines;
+
+	/** Options for customizing the minor tick lines.
+	*/
+	minorTickLines?: PrimaryYAxisMinorTickLines;
+
+	/** Specifies the number of minor ticks per interval.
+	*   @Default {null}
+	*/
+	minorTicksPerInterval?: number;
+
+	/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Specifies whether to render the axis at the opposite side of its default position.
+	*   @Default {false}
+	*/
+	opposedPosition?: boolean;
+
+	/** Specifies the orientation of the axis line in the chart.
+	*   @Default {Vertical}
+	*/
+	orientation?: ej.datavisualization.Chart.AxisOrientation|string;
+
+	/** Specifies the padding for the plot area.
+	*   @Default {10}
+	*/
+	plotOffset?: number;
+
+	/** Options to customize the range of the axis.
+	*/
+	range?: PrimaryYAxisRange;
+
+	/** Specifies the padding for the axis range.
+	*   @Default {ej.datavisualization.Chart.RangePadding.None. See RangePadding}
+	*/
+	rangePadding?: ej.datavisualization.Chart.RangePadding|string;
+
+	/** Rounds the number to the given number of decimals.
+	*   @Default {null}
+	*/
+	roundingPlaces?: number;
+
+	/** Specifies the index of the row to which the axis is associated, when the chart area is divided into multiple plot areas by using rowDefinitions.
+	*   @Default {null}
+	*/
+	rowIndex?: number;
+
+	/** Specifies the number of row or plot areas an axis has to span vertically.
+	*   @Default {null}
+	*/
+	rowSpan?: number;
+
+	/** Options for customizing the multi level labels.
+	*   @Default {[ ]}
+	*/
+	multiLevelLabels?: Array<PrimaryYAxisMultiLevelLabel>;
+
+	/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
+	*   @Default {true}
+	*/
+	showNextToAxisLine?: boolean;
+
+	/** Options for customizing the axis scrollbar.
+	*/
+	scrollbarSettings?: PrimaryYAxisScrollbarSettings;
+
+	/** Options for customizing the strip lines.
+	*   @Default {[ ]}
+	*/
+	stripLine?: Array<PrimaryYAxisStripLine>;
+
+	/** Specifies the position of the axis tick lines.
+	*   @Default {outside. See TickLinesPosition}
+	*/
+	tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
+
+	/** Options for customizing the border of the labels.
+	*/
+	labelBorder?: PrimaryYAxisLabelBorder;
+
+	/** Options for customizing the axis title.
+	*/
+	title?: PrimaryYAxisTitle;
+
+	/** Specifies the type of data the axis is handling.
+	*   @Default {null. See ValueType}
+	*/
+	valueType?: ej.datavisualization.Chart.ValueType|string;
+
+	/** Show/hides the axis.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Values ranges from 0 to 1.
+	*   @Default {1}
+	*/
+	zoomFactor?: number;
+
+	/** Position of the zoomed axis. Value ranges from 0 to 1
+	*   @Default {0}
+	*/
+	zoomPosition?: number;
+}
+
+export interface RowDefinition {
+
+	/** Specifies the unit to measure the height of the row in plotting area.
+	*   @Default {'pixel'. See Unit}
+	*/
+	unit?: ej.datavisualization.Chart.Unit|string;
+
+	/** Height of the row in plotting area. Height is measured in either pixel or percentage based on the value of unit property.
+	*   @Default {50}
+	*/
+	rowHeight?: number;
+
+	/** Color of the line that indicates the starting point of the row in plotting area.
+	*   @Default {transparent}
+	*/
+	lineColor?: string;
+
+	/** Width of the line that indicates the starting point of the row in plot area.
+	*   @Default {1}
+	*/
+	lineWidth?: number;
+}
+
+export interface SeriesBorder {
+
+	/** Border color of the series.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the series.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** DashArray for border of the series.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+}
+
+export interface SeriesFont {
+
+	/** Font color of the series text.
+	*   @Default {#707070}
+	*/
+	color?: string;
+
+	/** Font Family of the series.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font Style of the series.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the series.
+	*   @Default {Regular}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of series text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Size of the series text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface SeriesBubbleOptions {
+
+	/** Used for the calculation of the bubble radius based on the mode selected
+	*   @Default {minmax .See RadiusMode}
+	*/
+	radiusMode?: ej.datavisualization.Chart.RadiusMode|string;
+
+	/** Used for the setting the minimum radius of the bubble
+	*   @Default {1}
+	*/
+	minRadius?: number;
+
+	/** Used for setting the maximum radius of the bubble
+	*   @Default {3}
+	*/
+	maxRadius?: number;
+}
+
+export interface SeriesMarkerBorder {
+
+	/** Border color of the marker shape.
+	*   @Default {white}
+	*/
+	color?: string;
+
+	/** Border width of the marker shape.
+	*   @Default {3}
+	*/
+	width?: number;
+}
+
+export interface SeriesMarkerDataLabelBorder {
+
+	/** Border color of the data label.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the data label.
+	*   @Default {0.1}
+	*/
+	width?: number;
+}
+
+export interface SeriesMarkerDataLabelConnectorLine {
+
+	/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
+	*   @Default {line. See ConnectorLineType}
+	*/
+	type?: ej.datavisualization.Chart.Type|string;
+
+	/** Width of the connector.
+	*   @Default {0.5}
+	*/
+	width?: number;
+
+	/** Color of the connector.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Height of the connector.
+	*   @Default {null}
+	*/
+	height?: number;
+}
+
+export interface SeriesMarkerDataLabelFont {
+
+	/** Font family of the data label.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font color of the data label text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font style of the data label.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the data label.
+	*   @Default {regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the data label.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface SeriesMarkerDataLabelMargin {
+
+	/** Bottom margin of the text.
+	*   @Default {5}
+	*/
+	bottom?: number;
+
+	/** Left margin of the text.
+	*   @Default {5}
+	*/
+	left?: number;
+
+	/** Right margin of the text.
+	*   @Default {5}
+	*/
+	right?: number;
+
+	/** Top margin of the text.
+	*   @Default {5}
+	*/
+	top?: number;
+}
+
+export interface SeriesMarkerDataLabelOffset {
+
+	/** X value or horizontal offset to position the labels in chart.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Y value or vertical offset to position the labels.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface SeriesMarkerDataLabel {
+
+	/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
+	*   @Default {null}
+	*/
+	angle?: number;
+
+	/** Maximum label width of the data label.
+	*   @Default {null}
+	*/
+	maximumLabelWidth?: number;
+
+	/** Enable the wrap option to the data label.
+	*   @Default {false}
+	*/
+	enableWrap?: boolean;
+
+	/** Options for customizing the border of the data label.
+	*/
+	border?: SeriesMarkerDataLabelBorder;
+
+	/** Options for displaying and customizing the line that connects point and data label.
+	*/
+	connectorLine?: SeriesMarkerDataLabelConnectorLine;
+
+	/** Background color of the data label.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the data label font.
+	*/
+	font?: SeriesMarkerDataLabelFont;
+
+	/** Horizontal alignment of the data label.
+	*   @Default {center}
+	*/
+	horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
+
+	/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
+	*/
+	margin?: SeriesMarkerDataLabelMargin;
+
+	/** Opacity of the data label.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Background shape of the data label.
+	*   @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Name of a field in data source where datalabel text is displayed.
+	*/
+	textMappingName?: string;
+
+	/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
+	*   @Default {top. See TextPosition}
+	*/
+	textPosition?: ej.datavisualization.Chart.TextPosition|string;
+
+	/** Vertical alignment of the data label.
+	*   @Default {'center'}
+	*/
+	verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
+
+	/** Controls the visibility of the data labels.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+	*/
+	template?: string;
+
+	/** Options for customizing the datalabel positions
+	*/
+	offset?: SeriesMarkerDataLabelOffset;
+}
+
+export interface SeriesMarkerSize {
+
+	/** Height of the marker.
+	*   @Default {6}
+	*/
+	height?: number;
+
+	/** Width of the marker.
+	*   @Default {6}
+	*/
+	width?: number;
+}
+
+export interface SeriesMarker {
+
+	/** Options for customizing the border of the marker shape.
+	*/
+	border?: SeriesMarkerBorder;
+
+	/** Options for displaying and customizing data labels.
+	*/
+	dataLabel?: SeriesMarkerDataLabel;
+
+	/** Color of the marker shape.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
+	*/
+	imageUrl?: string;
+
+	/** Opacity of the marker.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the shape of the marker.
+	*   @Default {circle. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Options for customizing the size of the marker shape.
+	*/
+	size?: SeriesMarkerSize;
+
+	/** Controls the visibility of the marker shape.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface SeriesOutlierSettingsSize {
+
+	/** Height of the outlier shape.
+	*   @Default {6}
+	*/
+	height?: number;
+
+	/** Width of the outlier shape.
+	*   @Default {6}
+	*/
+	width?: number;
+}
+
+export interface SeriesOutlierSettings {
+
+	/** Specifies the shape of the outlier.
+	*   @Default {circle. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Options for customizing the size of the outlier shape.
+	*/
+	size?: SeriesOutlierSettingsSize;
+}
+
+export interface SeriesEmptyPointSettingsStyleBorder {
+
+	/** Border color of the empty point.
+	*/
+	color?: string;
+
+	/** Border width of the empty point.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface SeriesEmptyPointSettingsStyle {
+
+	/** Color of the empty point.
+	*/
+	color?: string;
+
+	/** Options for customizing border of the empty point in the series.
+	*/
+	border?: SeriesEmptyPointSettingsStyleBorder;
+}
+
+export interface SeriesEmptyPointSettings {
+
+	/** Controls the visibility of the empty point.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Specifies the mode of empty point.
+	*   @Default {gap}
+	*/
+	displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
+
+	/** Options for customizing the color and border of the empty point in the series.
+	*/
+	style?: SeriesEmptyPointSettingsStyle;
+}
+
+export interface SeriesConnectorLine {
+
+	/** Width of the connector line.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Color of the connector line.
+	*   @Default {#565656}
+	*/
+	color?: string;
+
+	/** DashArray of the connector line.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Opacity of the connector line.
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface SeriesDragSettings {
+
+	/** drag/drop the series
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies the type of drag settings.
+	*   @Default {xy}
+	*/
+	type?: string;
+}
+
+export interface SeriesErrorBarCap {
+
+	/** Show/Hides the error bar cap.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Width of the error bar cap.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Length of the error bar cap.
+	*   @Default {1}
+	*/
+	length?: number;
+
+	/** Color of the error bar cap.
+	*   @Default {#000000}
+	*/
+	fill?: string;
+}
+
+export interface SeriesErrorBar {
+
+	/** Show/hides the error bar
+	*   @Default {visible}
+	*/
+	visibility?: boolean;
+
+	/** Specifies the type of error bar.
+	*   @Default {FixedValue}
+	*/
+	type?: ej.datavisualization.Chart.ErrorBarType|string;
+
+	/** Specifies the mode of error bar.
+	*   @Default {vertical}
+	*/
+	mode?: ej.datavisualization.Chart.ErrorBarMode|string;
+
+	/** Specifies the direction of error bar.
+	*   @Default {both}
+	*/
+	direction?: ej.datavisualization.Chart.ErrorBarDirection|string;
+
+	/** Value of vertical error bar.
+	*   @Default {3}
+	*/
+	verticalErrorValue?: number;
+
+	/** Value of horizontal  error bar.
+	*   @Default {1}
+	*/
+	horizontalErrorValue?: number;
+
+	/** Value of positive horizontal error bar.
+	*   @Default {1}
+	*/
+	horizontalPositiveErrorValue?: number;
+
+	/** Value of negative horizontal error bar.
+	*   @Default {1}
+	*/
+	horizontalNegativeErrorValue?: number;
+
+	/** Value of positive vertical error bar.
+	*   @Default {5}
+	*/
+	verticalPositiveErrorValue?: number;
+
+	/** Value of negative vertical error bar.
+	*   @Default {5}
+	*/
+	verticalNegativeErrorValue?: number;
+
+	/** Fill color of the error bar.
+	*   @Default {#000000}
+	*/
+	fill?: string;
+
+	/** Width of the error bar.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Options for customizing the error bar cap.
+	*/
+	cap?: SeriesErrorBarCap;
+}
+
+export interface SeriesPointsBorder {
+
+	/** Border color of the point.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the point.
+	*   @Default {null}
+	*/
+	width?: number;
+}
+
+export interface SeriesPointsMarkerBorder {
+
+	/** Border color of the marker shape.
+	*   @Default {white}
+	*/
+	color?: string;
+
+	/** Border width of the marker shape.
+	*   @Default {3}
+	*/
+	width?: number;
+}
+
+export interface SeriesPointsMarkerDataLabelBorder {
+
+	/** Border color of the data label.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the data label.
+	*   @Default {0.1}
+	*/
+	width?: number;
+}
+
+export interface SeriesPointsMarkerDataLabelConnectorLine {
+
+	/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
+	*   @Default {line. See ConnectorLineType}
+	*/
+	type?: ej.datavisualization.Chart.ConnectorLineType|string;
+
+	/** Width of the connector.
+	*   @Default {0.5}
+	*/
+	width?: number;
+}
+
+export interface SeriesPointsMarkerDataLabelFont {
+
+	/** Font family of the data label.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the data label.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight of the data label.
+	*   @Default {regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size of the data label.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface SeriesPointsMarkerDataLabelMargin {
+
+	/** Bottom margin of the text.
+	*   @Default {5}
+	*/
+	bottom?: number;
+
+	/** Left margin of the text.
+	*   @Default {5}
+	*/
+	left?: number;
+
+	/** Right margin of the text.
+	*   @Default {5}
+	*/
+	right?: number;
+
+	/** Top margin of the text.
+	*   @Default {5}
+	*/
+	top?: number;
+}
+
+export interface SeriesPointsMarkerDataLabel {
+
+	/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
+	*   @Default {null}
+	*/
+	angle?: number;
+
+	/** Options for customizing the border of the data label.
+	*/
+	border?: SeriesPointsMarkerDataLabelBorder;
+
+	/** Options for displaying and customizing the line that connects point and data label.
+	*/
+	connectorLine?: SeriesPointsMarkerDataLabelConnectorLine;
+
+	/** Background color of the data label.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the data label font.
+	*/
+	font?: SeriesPointsMarkerDataLabelFont;
+
+	/** Horizontal alignment of the data label.
+	*   @Default {center}
+	*/
+	horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
+
+	/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
+	*/
+	margin?: SeriesPointsMarkerDataLabelMargin;
+
+	/** Opacity of the data label.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Background shape of the data label.
+	*   @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
+	*   @Default {top. See TextPosition}
+	*/
+	textPosition?: ej.datavisualization.Chart.TextPosition|string;
+
+	/** Vertical alignment of the data label.
+	*   @Default {'center'}
+	*/
+	verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
+
+	/** Controls the visibility of the data labels.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+	*/
+	template?: string;
+
+	/** Moves the label vertically by specified offset.
+	*   @Default {0}
+	*/
+	offset?: number;
+}
+
+export interface SeriesPointsMarkerSize {
+
+	/** Height of the marker.
+	*   @Default {6}
+	*/
+	height?: number;
+
+	/** Width of the marker.
+	*   @Default {6}
+	*/
+	width?: number;
+}
+
+export interface SeriesPointsMarker {
+
+	/** Options for customizing the border of the marker shape.
+	*/
+	border?: SeriesPointsMarkerBorder;
+
+	/** Options for displaying and customizing data label.
+	*/
+	dataLabel?: SeriesPointsMarkerDataLabel;
+
+	/** Color of the marker shape.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
+	*/
+	imageUrl?: string;
+
+	/** Opacity of the marker.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the shape of the marker.
+	*   @Default {circle. See Shape}
+	*/
+	shape?: ej.datavisualization.Chart.Shape|string;
+
+	/** Options for customizing the size of the marker shape.
+	*/
+	size?: SeriesPointsMarkerSize;
+
+	/** Controls the visibility of the marker shape.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface SeriesPoint {
+
+	/** Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
+	*/
+	border?: SeriesPointsBorder;
+
+	/** Enables or disables the visibility of legend item.
+	*   @Default {visible}
+	*/
+	visibleOnLegend?: string;
+
+	/** To show/hide the intermediate summary from the last intermediate point.
+	*   @Default {false}
+	*/
+	showIntermediateSum?: boolean;
+
+	/** To show/hide the total summary of the waterfall series.
+	*   @Default {false}
+	*/
+	showTotalSum?: boolean;
+
+	/** Close value of the point. Close value is applicable only for financial type series.
+	*   @Default {null}
+	*/
+	close?: number;
+
+	/** Size of a bubble in the bubble series. This is applicable only for the bubble series.
+	*   @Default {null}
+	*/
+	size?: number;
+
+	/** Background color of the point. This is applicable only for column type series and accumulation type series.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** High value of the point. High value is applicable only for financial type series, range area series and range column series.
+	*   @Default {null}
+	*/
+	high?: number;
+
+	/** Low value of the point. Low value is applicable only for financial type series, range area series and range column series.
+	*   @Default {null}
+	*/
+	low?: number;
+
+	/** Options for displaying and customizing marker for a data point. Marker contains shapes and/or data labels.
+	*/
+	marker?: SeriesPointsMarker;
+
+	/** Open value of the point. This is applicable only for financial type series.
+	*   @Default {null}
+	*/
+	open?: number;
+
+	/** Datalabel text for the point.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** X value of the point.
+	*   @Default {null}
+	*/
+	x?: number;
+
+	/** Y value of the point.
+	*   @Default {null}
+	*/
+	y?: number;
+}
+
+export interface SeriesCornerRadius {
+
+	/** Specifies the radius for the top left corner.
+	*   @Default {0}
+	*/
+	topLeft?: number;
+
+	/** Specifies the radius for the top right corner.
+	*   @Default {0}
+	*/
+	topRight?: number;
+
+	/** Specifies the radius for the bottom left corner.
+	*   @Default {0}
+	*/
+	bottomLeft?: number;
+
+	/** Specifies the radius for the bottom right corner.
+	*   @Default {0}
+	*/
+	bottomRight?: number;
+}
+
+export interface SeriesTooltipBorder {
+
+	/** Border Color of the tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border Width of the tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface SeriesTooltip {
+
+	/** Options for customizing the border of the tooltip.
+	*/
+	border?: SeriesTooltipBorder;
+
+	/** Customize the corner radius of the tooltip rectangle.
+	*   @Default {0}
+	*/
+	rx?: number;
+
+	/** Customize the corner radius of the tooltip rectangle.
+	*   @Default {0}
+	*/
+	ry?: number;
+
+	/** Specifies the duration, the tooltip has to be displayed.
+	*   @Default {500ms}
+	*/
+	duration?: string;
+
+	/** Enables/disables the animation of the tooltip when moving from one point to another.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Background color of the tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Format of the tooltip content.
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Opacity of the tooltip.
+	*   @Default {0.95}
+	*/
+	opacity?: number;
+
+	/** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Controls the visibility of the tooltip.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface SeriesTrendlinesTooltipBorder {
+
+	/** Specify the Border color of the  trendline tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the trendline tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface SeriesTrendlinesTooltip {
+
+	/** Options for customizing the border of the trendline tooltip.
+	*/
+	border?: SeriesTrendlinesTooltipBorder;
+
+	/** Customize the corner radius of the trendline tooltip rectangle.
+	*   @Default {0}
+	*/
+	rx?: number;
+
+	/** Customize the corner radius of the trendline tooltip rectangle.
+	*   @Default {0}
+	*/
+	ry?: number;
+
+	/** Specifies the duration of the trendline tooltip to be displayed.
+	*   @Default {500ms}
+	*/
+	duration?: string;
+
+	/** Enables/disables the animation of the trendline tooltip when moving from one point to other.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Background color of the trendline tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Format of the trendline tooltip content.
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Opacity of the trendline tooltip.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+}
+
+export interface SeriesTrendline {
+
+	/** Show/hides the trendline.
+	*/
+	visibility?: boolean;
+
+	/** Specifies the type of trendline for the series.
+	*   @Default {linear. See TrendlinesType}
+	*/
+	type?: string;
+
+	/** Name for the trendlines that is to be displayed in legend text.
+	*   @Default {Trendline}
+	*/
+	name?: string;
+
+	/** Fill color of the trendlines.
+	*   @Default {#0000FF}
+	*/
+	fill?: string;
+
+	/** Width of the trendlines.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Opacity of the trendline.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Pattern of dashes and gaps used to stroke the trendline.
+	*/
+	dashArray?: string;
+
+	/** Future trends of the current series.
+	*   @Default {0}
+	*/
+	forwardForecast?: number;
+
+	/** Past trends of the current series.
+	*   @Default {0}
+	*/
+	backwardForecast?: number;
+
+	/** Specifies the order of polynomial trendlines.
+	*   @Default {0}
+	*/
+	polynomialOrder?: number;
+
+	/** Specifies the moving average starting period  value.
+	*   @Default {2}
+	*/
+	period?: number;
+
+	/** Options for customizing the trendline tooltip
+	*/
+	tooltip?: SeriesTrendlinesTooltip;
+
+	/** Show/hides the trendline legend.
+	*   @Default {visible}
+	*/
+	visibleOnLegend?: string;
+
+	/** Specifies the trendline intercept value
+	*   @Default {null}
+	*/
+	intercept?: number;
+}
+
+export interface SeriesHighlightSettingsBorder {
+
+	/** Border color of the series/point on highlight.
+	*/
+	color?: string;
+
+	/** Border width of the series/point on highlight.
+	*   @Default {2}
+	*/
+	width?: string;
+}
+
+export interface SeriesHighlightSettings {
+
+	/** Enables/disables the ability to highlight series or data point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether series or data point has to be highlighted.
+	*   @Default {series. See Mode}
+	*/
+	mode?: ej.datavisualization.Chart.Mode|string;
+
+	/** Color of the series/point on highlight.
+	*/
+	color?: string;
+
+	/** Opacity of the series/point on highlight.
+	*   @Default {0.6}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the border of series on highlight.
+	*/
+	border?: SeriesHighlightSettingsBorder;
+
+	/** Specifies the pattern for the series/point on highlight.
+	*   @Default {none. See Pattern}
+	*/
+	pattern?: string;
+
+	/** Custom pattern for the series on highlight.
+	*/
+	customPattern?: string;
+}
+
+export interface SeriesSelectionSettingsBorder {
+
+	/** Border color of the series/point on selection.
+	*/
+	color?: string;
+
+	/** Border width of the series/point on selection.
+	*   @Default {2}
+	*/
+	width?: string;
+}
+
+export interface SeriesSelectionSettings {
+
+	/** Enables/disables the ability to select a series/data point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether series or data point has to be selected.
+	*   @Default {series. See Mode}
+	*/
+	mode?: ej.datavisualization.Chart.Mode|string;
+
+	/** Specifies the type of selection.
+	*   @Default {single}
+	*/
+	type?: ej.datavisualization.Chart.SelectionType|string;
+
+	/** Specifies the drawn rectangle type.
+	*   @Default {xy}
+	*/
+	rangeType?: ej.datavisualization.Chart.RangeType|string;
+
+	/** Color of the series/point on selection.
+	*/
+	color?: string;
+
+	/** Opacity of the series/point on selection.
+	*   @Default {0.6}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the border of series on selection.
+	*/
+	border?: SeriesSelectionSettingsBorder;
+
+	/** Specifies the pattern for the series/point on selection.
+	*   @Default {none. See Pattern}
+	*/
+	pattern?: string;
+
+	/** Custom pattern for the series on selection.
+	*/
+	customPattern?: string;
+}
+
+export interface Series {
+
+	/** Color of the point, where the close is up in financial chart.
+	*   @Default {null}
+	*/
+	bearFillColor?: string;
+
+	/** Options for customizing the border of the series.
+	*/
+	border?: SeriesBorder;
+
+	/** Color of the point, where the close is down in financial chart.
+	*   @Default {null}
+	*/
+	bullFillColor?: string;
+
+	/** To render the column and bar type series in rectangle/cylinder shape. See ColumnFacet
+	*   @Default {rectangle}
+	*/
+	columnFacet?: ej.datavisualization.Chart.ColumnFacet|string;
+
+	/** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
+	*   @Default {0.7}
+	*/
+	columnWidth?: number;
+
+	/** Spacing between columns of different series. Value ranges from 0 to 1
+	*   @Default {0}
+	*/
+	columnSpacing?: number;
+
+	/** To group the series of stacking collection.
+	*/
+	stackingGroup?: string;
+
+	/** Pattern of dashes and gaps used to stroke the line type series.
+	*/
+	dashArray?: string;
+
+	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Controls the size of the hole in doughnut series. Value ranges from 0 to 1.
+	*   @Default {0.4}
+	*/
+	doughnutCoefficient?: number;
+
+	/** Controls the size of the doughnut series. Value ranges from 0 to 1.
+	*   @Default {0.8}
+	*/
+	doughnutSize?: number;
+
+	/** Type of series to be drawn in radar or polar series.
+	*   @Default {line. See DrawType}
+	*/
+	drawType?: ej.datavisualization.Chart.DrawType|string;
+
+	/** Enable/disable the animation of series.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** To avoid overlapping of data labels smartly.
+	*   @Default {null}
+	*/
+	enableSmartLabels?: number;
+
+	/** End angle of pie/doughnut series. For a complete circle, it has to be 360, by default.
+	*   @Default {null}
+	*/
+	endAngle?: number;
+
+	/** Explodes the pie/doughnut slices on mouse move.
+	*   @Default {false}
+	*/
+	explode?: boolean;
+
+	/** Explodes all the slice of pie/doughnut on render.
+	*   @Default {null}
+	*/
+	explodeAll?: boolean;
+
+	/** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
+	*   @Default {null}
+	*/
+	explodeIndex?: number;
+
+	/** Specifies the distance of the slice from the center, when it is exploded.
+	*   @Default {25}
+	*/
+	explodeOffset?: number;
+
+	/** Fill color of the series.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the series font.
+	*/
+	font?: SeriesFont;
+
+	/** Specifies the height of the funnel in funnel series. Values can be in both pixel and percentage.
+	*   @Default {32.7%}
+	*/
+	funnelHeight?: string;
+
+	/** Specifies the width of the funnel in funnel series. Values can be in both pixel and percentage.
+	*   @Default {11.6%}
+	*/
+	funnelWidth?: string;
+
+	/** Gap between the slices of pyramid/funnel series.
+	*   @Default {0}
+	*/
+	gapRatio?: number;
+
+	/** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
+	*   @Default {true}
+	*/
+	isClosed?: boolean;
+
+	/** Specifies whether to stack the column series in polar/radar charts.
+	*   @Default {true}
+	*/
+	isStacking?: boolean;
+
+	/** Renders the chart vertically. This is applicable only for Cartesian type series.
+	*   @Default {false}
+	*/
+	isTransposed?: boolean;
+
+	/** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
+	*   @Default {true}
+	*/
+	showMedian?: boolean;
+
+	/** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
+	*   @Default {inside. See LabelPosition}
+	*/
+	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Specifies the mode for splitting the data points in pieOfPie series.
+	*   @Default {value. See SplitMode}
+	*/
+	splitMode?: ej.datavisualization.Chart.SplitMode|string;
+
+	/** Quartile calculation has been performed in three different formulas to render the boxplot series .
+	*   @Default {exclusive}
+	*/
+	boxPlotMode?: ej.datavisualization.Chart.LabelPosition|string;
+
+	/** Options for customizing the bubble options of the Bubble series
+	*/
+	bubbleOptions?: SeriesBubbleOptions;
+
+	/** Specifies the line cap of the series.
+	*   @Default {Butt. See LineCap}
+	*/
+	lineCap?: ej.datavisualization.Chart.LineCap|string;
+
+	/** Specifies the type of shape to be used where two lines meet.
+	*   @Default {Round. See LineJoin}
+	*/
+	lineJoin?: ej.datavisualization.Chart.LineJoin|string;
+
+	/** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
+	*/
+	marker?: SeriesMarker;
+
+	/** Name of the series, that is to be displayed in the legend.
+	*   @Default {Add a comment to this line}
+	*/
+	name?: string;
+
+	/** Opacity of the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Options for customizing the outlier of individual series.
+	*/
+	outlierSettings?: SeriesOutlierSettings;
+
+	/** Name of a field in data source where fill color for all the data points is generated.
+	*/
+	palette?: string;
+
+	/** Controls the size of pie series. Value ranges from 0 to 1.
+	*   @Default {0.8}
+	*/
+	pieCoefficient?: number;
+
+	/** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
+	*   @Default {0.6}
+	*/
+	pieOfPieCoefficient?: number;
+
+	/** Split Value of pieofpie series.
+	*   @Default {null}
+	*/
+	splitValue?: string;
+
+	/** Distance between the two pie's in pieOfPie series.
+	*   @Default {50}
+	*/
+	gapWidth?: number;
+
+	/** Options for customizing the empty point in the series.
+	*/
+	emptyPointSettings?: SeriesEmptyPointSettings;
+
+	/** Fill color for the positive column of the waterfall.
+	*   @Default {null}
+	*/
+	positiveFill?: string;
+
+	/** Options for customizing the waterfall connector line.
+	*/
+	connectorLine?: SeriesConnectorLine;
+
+	/** Options to customize the drag and drop in series.
+	*/
+	dragSettings?: SeriesDragSettings;
+
+	/** Options to customize the error bar in series.
+	*/
+	errorBar?: SeriesErrorBar;
+
+	/** Option to add data points; each point should have x and y property. Also, optionally, you can customize the points color, border, marker by using fill, border and marker options.
+	*/
+	points?: Array<SeriesPoint>;
+
+	/** Specifies the mode of the pyramid series.
+	*   @Default {linear}
+	*/
+	pyramidMode?: ej.datavisualization.Chart.PyramidMode|string;
+
+	/** Specifies ej.Query to select data from dataSource. This property is applicable only when the dataSource is ej.DataManager.
+	*   @Default {null}
+	*/
+	query?: any;
+
+	/** Start angle from where the pie/doughnut series renders. It starts from 0, by default.
+	*   @Default {null}
+	*/
+	startAngle?: number;
+
+	/** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
+	*/
+	cornerRadius?: SeriesCornerRadius;
+
+	/** Options for customizing the tooltip of chart.
+	*/
+	tooltip?: SeriesTooltip;
+
+	/** Specifies the type of the series to render in chart.
+	*   @Default {column. see Type}
+	*/
+	type?: ej.datavisualization.Chart.Type|string;
+
+	/** Controls the visibility of the series.
+	*   @Default {visible}
+	*/
+	visibility?: string;
+
+	/** Enables or disables the visibility of legend item.
+	*   @Default {visible}
+	*/
+	visibleOnLegend?: string;
+
+	/** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+	*   @Default {null}
+	*/
+	xAxisName?: string;
+
+	/** Name of the property in the datasource that contains x value for the series.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+	*   @Default {null}
+	*/
+	yAxisName?: string;
+
+	/** Name of the property in the datasource that contains y value for the series.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Name of the property in the datasource that contains high value for the series.
+	*   @Default {null}
+	*/
+	high?: string;
+
+	/** Name of the property in the datasource that contains low value for the series.
+	*   @Default {null}
+	*/
+	low?: string;
+
+	/** Name of the property in the datasource that contains open value for the series.
+	*   @Default {null}
+	*/
+	open?: string;
+
+	/** Name of the property in the datasource that contains close value for the series.
+	*   @Default {null}
+	*/
+	close?: string;
+
+	/** Name of the property in the datasource that contains fill color for the series.
+	*   @Default {null}
+	*/
+	pointColorMappingName?: string;
+
+	/** Z-order of the series.
+	*   @Default {0}
+	*/
+	zOrder?: number;
+
+	/** Name of the property in the datasource that contains the size value for the bubble series.
+	*   @Default {null}
+	*/
+	size?: string;
+
+	/** Option to add trendlines to chart.
+	*/
+	trendlines?: Array<SeriesTrendline>;
+
+	/** Options for customizing the appearance of the series or data point while highlighting.
+	*/
+	highlightSettings?: SeriesHighlightSettings;
+
+	/** Options for customizing the appearance of the series/data point on selection.
+	*/
+	selectionSettings?: SeriesSelectionSettings;
+}
+
+export interface Size {
+
+	/** Height of the Chart. Height can be specified in either pixel or percentage.
+	*   @Default {'450'}
+	*/
+	height?: string;
+
+	/** Width of the Chart. Width can be specified in either pixel or percentage.
+	*   @Default {'450'}
+	*/
+	width?: string;
+}
+
+export interface TitleBorder {
+
+	/** Width of the title border.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** color of the title border.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** opacity of the title border.
+	*   @Default {0.8}
+	*/
+	opacity?: number;
+
+	/** opacity of the title border.
+	*   @Default {0.8}
+	*/
+	cornerRadius?: number;
+}
+
+export interface TitleFont {
+
+	/** Font family for Chart title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for Chart title.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight for Chart title.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the Chart title.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Font size for Chart title.
+	*   @Default {20px}
+	*/
+	size?: string;
+}
+
+export interface TitleSubTitleFont {
+
+	/** Font family of sub title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for sub title.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+	/** Font weight for sub title.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+	/** Opacity of the sub title.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for sub title.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface TitleSubTitleBorder {
+
+	/** Width of the subtitle border.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** color of the subtitle border.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** opacity of the subtitle border.
+	*   @Default {0.8}
+	*/
+	opacity?: number;
+
+	/** opacity of the subtitle border.
+	*   @Default {0.8}
+	*/
+	cornerRadius?: number;
+}
+
+export interface TitleSubTitle {
+
+	/** Options for customizing the font of sub title.
+	*/
+	font?: TitleSubTitleFont;
+
+	/** Background color for the chart subtitle.
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** Options to customize the border of the title.
+	*/
+	border?: TitleSubTitleBorder;
+
+	/** Text to be displayed in sub title.
+	*/
+	text?: string;
+
+	/** Alignment of sub title text.
+	*   @Default {far. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.Alignment|string;
+
+	/** Controls the visibility of the Chart SubTitle
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Specifies whether to trim the Chart SubTitle when the width of the Subtitle exceeds the maximumWidth.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Maximum width of the Subtitle, when the Subtitle exceeds this width, the Subtitle gets trimmed, when enableTrim is true.
+	*   @Default {auto}
+	*/
+	maximumWidth?: string;
+
+	/** Specifies the action taken when the Chart width is more than the SubTitleWidth.
+	*   @Default {trim.}
+	*/
+	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+}
+
+export interface Title {
+
+	/** Background color for the chart title.
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** Options to customize the border of the title.
+	*/
+	border?: TitleBorder;
+
+	/** Options for customizing the font of Chart title.
+	*/
+	font?: TitleFont;
+
+	/** Controls the visibility of the Chart title
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Specifies whether to trim the Chart Title when the width of the title exceeds the maximumWidth.
+	*   @Default {false}
+	*/
+	enableTrim?: boolean;
+
+	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+	*   @Default {auto}
+	*/
+	maximumWidth?: string;
+
+	/** Specifies the action taken when the Chart width is more than the titleWidth.
+	*   @Default {trim.}
+	*/
+	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+	/** Options to customize the sub title of Chart.
+	*/
+	subTitle?: TitleSubTitle;
+
+	/** Text to be displayed in Chart title.
+	*/
+	text?: string;
+
+	/** Alignment of the title text.
+	*   @Default {Center. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Chart.Alignment|string;
+}
+
+export interface Zooming {
+
+	/** Enables or disables zooming.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Enables or disables pinch zooming.
+	*   @Default {true}
+	*/
+	enablePinching?: boolean;
+
+	/** Enable or disables the differed zooming. When it is enabled, chart is updated only on mouse up action while zooming and panning.
+	*   @Default {false}
+	*/
+	enableDeferredZoom?: boolean;
+
+	/** Enables/disables the ability to zoom the chart on moving the mouse wheel.
+	*   @Default {false}
+	*/
+	enableMouseWheel?: boolean;
+
+	/** Specifies whether to allow zooming the chart vertically or horizontally or in both ways.
+	*   @Default {'x,y'}
+	*/
+	type?: string;
+
+	/** Toggles the visibility of the scrollbar, which will be displayed while zooming.
+	*   @Default {false}
+	*/
+	enableScrollbar?: boolean;
+
+	/** To display user specified buttons in zooming toolbar.
+	*   @Default {[zoomIn, zoomOut, zoom, pan, reset]}
+	*/
+	toolbarItems?: Array<any>;
+}
+}
+module Chart
+{
+enum CoordinateUnit
+{
+//string
+None,
+//string
+Pixels,
+//string
+Points,
+}
+}
+module Chart
+{
+enum HorizontalAlignment
+{
+//string
+Left,
+//string
+Right,
+//string
+Middle,
+}
+}
+module Chart
+{
+enum Region
+{
+//string
+Chart,
+//string
+Series,
+}
+}
+module Chart
+{
+enum VerticalAlignment
+{
+//string
+Top,
+//string
+Bottom,
+//string
+Middle,
+}
+}
+module Chart
+{
+enum ExportingType
+{
+//string
+PNG,
+//string
+JPG,
+//string
+PDF,
+//string
+DOCX,
+//string
+XLSX,
+//string
+SVG,
+}
+}
+module Chart
+{
+enum ExportingOrientation
+{
+//string
+Portrait,
+//string
+Landscape,
+}
+}
+module Chart
+{
+enum ExportingMode
+{
+//string
+ServerSide,
+//string
+ClientSide,
+}
+}
+module Chart
+{
+enum Unit
+{
+//string
+Percentage,
+//string
+Pixel,
+}
+}
+module Chart
+{
+enum ColumnFacet
+{
+//string
+Rectangle,
+//string
+Cylinder,
+}
+}
+module Chart
+{
+enum DrawType
+{
+//string
+Line,
+//string
+Area,
+//string
+Column,
+}
+}
+module Chart
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Italic,
+}
+}
+module Chart
+{
+enum FontWeight
+{
+//string
+Regular,
+//string
+Bold,
+//string
+Lighter,
+}
+}
+module Chart
+{
+enum LabelPosition
+{
+//string
+Inside,
+//string
+Outside,
+//string
+OutsideExtended,
+}
+}
+module Chart
+{
+enum SplitMode
+{
+//string
+Position,
+//string
+Value,
+//string
+Percentage,
+//string
+Indexes,
+}
+}
+module Chart
+{
+enum boxPlotMode
+{
+//string
+Exclusive,
+//string
+Inclusive,
+//string
+Normal,
+}
+}
+module Chart
+{
+enum RadiusMode
+{
+//string
+MinMax,
+//string
+Auto,
+}
+}
+module Chart
+{
+enum LineCap
+{
+//string
+Butt,
+//string
+Round,
+//string
+Square,
+}
+}
+module Chart
+{
+enum LineJoin
+{
+//string
+Round,
+//string
+Bevel,
+//string
+Miter,
+}
+}
+module Chart
+{
+enum ConnectorLineType
+{
+//string
+Line,
+//string
+Bezier,
+}
+}
+module Chart
+{
+enum HorizontalTextAlignment
+{
+//string
+Center,
+//string
+Near,
+//string
+Far,
+}
+}
+module Chart
+{
+enum Shape
+{
+//string
+None,
+//string
+LeftArrow,
+//string
+RightArrow,
+//string
+Circle,
+//string
+Cross,
+//string
+HorizLine,
+//string
+VertLine,
+//string
+Diamond,
+//string
+Rectangle,
+//string
+Triangle,
+//string
+Hexagon,
+//string
+Pentagon,
+//string
+Star,
+//string
+Ellipse,
+//string
+Trapezoid,
+//string
+UpArrow,
+//string
+DownArrow,
+//string
+Image,
+//string
+SeriesType,
+}
+}
+module Chart
+{
+enum TextPosition
+{
+//string
+Top,
+//string
+Bottom,
+//string
+Middle,
+}
+}
+module Chart
+{
+enum VerticalTextAlignment
+{
+//string
+Center,
+//string
+Near,
+//string
+Far,
+}
+}
+module Chart
+{
+enum PyramidMode
+{
+//string
+Linear,
+//string
+Surface,
+}
+}
+module Chart
+{
+enum Type
+{
+//string
+Area,
+//string
+Line,
+//string
+Spline,
+//string
+Column,
+//string
+Scatter,
+//string
+Bubble,
+//string
+SplineArea,
+//string
+StepArea,
+//string
+StepLine,
+//string
+Pie,
+//string
+HiLo,
+//string
+HiLoOpenClose,
+//string
+Candle,
+//string
+Bar,
+//string
+StackingArea,
+//string
+StackingArea100,
+//string
+RangeColumn,
+//string
+StackingColumn,
+//string
+StackingColumn100,
+//string
+StackingBar,
+//string
+StackingBar100,
+//string
+Pyramid,
+//string
+Funnel,
+//string
+Doughnut,
+//string
+Polar,
+//string
+Radar,
+//string
+RangeArea,
+}
+}
+module Chart
+{
+enum EmptyPointMode
+{
+//string
+Gap,
+//string
+Zero,
+//string
+Average,
+}
+}
+module Chart
+{
+enum ErrorBarType
+{
+//string
+FixedValue,
+//string
+Percentage,
+//string
+StandardDeviation,
+//string
+StandardError,
+}
+}
+module Chart
+{
+enum ErrorBarMode
+{
+//string
+Both,
+//string
+Vertical,
+//string
+Horizontal,
+}
+}
+module Chart
+{
+enum ErrorBarDirection
+{
+//string
+Both,
+//string
+Plus,
+//string
+Minus,
+}
+}
+module Chart
+{
+enum Mode
+{
+//string
+Series,
+//string
+Point,
+//string
+Cluster,
+//string
+Range,
+}
+}
+module Chart
+{
+enum SelectionType
+{
+//string
+Single,
+//string
+Multiple,
+}
+}
+module Chart
+{
+enum RangeType
+{
+//string
+XY,
+//string
+X,
+//string
+Y,
+}
+}
+module Chart
+{
+enum CrosshairMode
+{
+//string
+Float,
+//string
+Grouping,
+}
+}
+module Chart
+{
+enum CrosshairType
+{
+//string
+Crosshair,
+//string
+Trackball,
+}
+}
+module Chart
+{
+enum Alignment
+{
+//string
+Center,
+//string
+Near,
+//string
+Far,
+}
+}
+module Chart
+{
+enum Position
+{
+//string
+Left,
+//string
+Right,
+//string
+Top,
+//string
+Bottom,
+}
+}
+module Chart
+{
+enum TextOverflow
+{
+//string
+None,
+//string
+Trim,
+//string
+Wrap,
+//string
+WrapAndTrim,
+}
+}
+module Chart
+{
+enum LabelPlacement
+{
+//string
+OnTicks,
+//string
+BetweenTicks,
+}
+}
+module Chart
+{
+enum EdgeLabelPlacement
+{
+//string
+None,
+//string
+Shift,
+//string
+Hide,
+}
+}
+module Chart
+{
+enum IntervalType
+{
+//string
+Days,
+//string
+Hours,
+//string
+Seconds,
+//string
+Milliseconds,
+//string
+Minutes,
+//string
+Months,
+//string
+Years,
+}
+}
+module Chart
+{
+enum LabelIntersectAction
+{
+//string
+None,
+//string
+Rotate90,
+//string
+Rotate45,
+//string
+Wrap,
+//string
+WrapByword,
+//string
+Trim,
+//string
+Hide,
+//string
+MultipleRows,
+}
+}
+module Chart
+{
+enum LabelAlignment
+{
+//string
+Near,
+//string
+Far,
+//string
+Center,
+}
+}
+module Chart
+{
+enum AxisOrientation
+{
+//string
+Horizontal,
+//string
+Vertical,
+}
+}
+module Chart
+{
+enum RangePadding
+{
+//string
+Additional,
+//string
+Normal,
+//string
+None,
+//string
+Round,
+}
+}
+module Chart
+{
+enum MultiLevelLabelsBorderType
+{
+//string
+Rectangle,
+//string
+None,
+//string
+WithoutTopAndBottom,
+//string
+Brace,
+//string
+CurlyBrace,
+}
+}
+module Chart
+{
+enum TextAlignment
+{
+//string
+MiddleTop,
+//string
+MiddleCenter,
+//string
+MiddleBottom,
+}
+}
+module Chart
+{
+enum ZIndex
+{
+//string
+Inside,
+//string
+Over,
+}
+}
+module Chart
+{
+enum TickLinesPosition
+{
+//string
+Inside,
+//string
+Outside,
+}
+}
+module Chart
+{
+enum ValueType
+{
+//string
+Double,
+//string
+Category,
+//string
+DateTime,
+//string
+Logarithmic,
+}
+}
+module Chart
+{
+enum Theme
+{
+//string
+Azure,
+//string
+FlatLight,
+//string
+FlatDark,
+//string
+Azuredark,
+//string
+Lime,
+//string
+LimeDark,
+//string
+Saffron,
+//string
+SaffronDark,
+//string
+GradientLight,
+//string
+GradientDark,
+}
+}
+
+class RangeNavigator extends ej.Widget {
+	static fn: RangeNavigator;
+	constructor(element: JQuery, options?: RangeNavigator.Model);
+	constructor(element: Element, options?: RangeNavigator.Model);
+	static Locale: any;
+	model:RangeNavigator.Model;
+	defaults:RangeNavigator.Model;
+
+	/** destroy the range navigator widget
+	*   @returns {void}
+	*/
+	_destroy(): void;
+}
+export module RangeNavigator{
+
+export interface Model {
+
+	/** Toggles the placement of slider exactly on the place it left or on the nearest interval.
+	*   @Default {false}
+	*/
+	allowSnapping?: boolean;
+
+	/** Options for customizing the color, opacity and width of the chart border.
+	*/
+	border?: Border;
+
+	/** Specifies the data source for range navigator.
+	*/
+	dataSource?: any;
+
+	/** Specifies the properties used for customizing the range series.
+	*/
+	series?: Array<Series>;
+
+	/** Specifies the  properties used for customizing all the range series.
+	*/
+	seriesSettings?: Array<SeriesSetting>;
+
+	/** Toggles the redrawing of chart on moving the sliders.
+	*   @Default {true}
+	*/
+	enableDeferredUpdate?: boolean;
+
+	/** Enable the scrollbar option in the rangenavigator.
+	*   @Default {false}
+	*/
+	enableScrollbar?: boolean;
+
+	/** Enable the resize option in the rangenavigator.
+	*   @Default {false}
+	*/
+	enableAutoResizing?: boolean;
+
+	/** Toggles the direction of rendering the range navigator control.
+	*   @Default {false}
+	*/
+	enableRTL?: boolean;
+
+	/** Sets a value whether to make the range navigator responsive on resize.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Options for customizing the labels colors, font, style, size, horizontalAlignment and opacity.
+	*/
+	labelSettings?: LabelSettings;
+
+	/** This property is to specify the localization of range navigator.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Options for customizing the range navigator.
+	*/
+	navigatorStyleSettings?: NavigatorStyleSettings;
+
+	/** Padding specifies the gap between the container and the range navigator.
+	*   @Default {0}
+	*/
+	padding?: string;
+
+	/** If the range is not given explicitly, range will be calculated automatically.
+	*   @Default {none}
+	*/
+	rangePadding?: ej.datavisualization.RangeNavigator.RangePadding|string;
+
+	/** Options for customizing the starting and ending ranges.
+	*/
+	rangeSettings?: RangeSettings;
+
+	/** selectedData is for getting the data when the &quot;rangeChanged&quot; event trigger from client side.
+	*/
+	selectedData?: any;
+
+	/** Options for customizing the start and end range values.
+	*/
+	selectedRangeSettings?: SelectedRangeSettings;
+
+	/** Options for rendering scrollbar based on the start and end range values.
+	*/
+	scrollRangeSettings?: ScrollRangeSettings;
+
+	/** Contains property to customize the hight and width of range navigator.
+	*/
+	sizeSettings?: SizeSettings;
+
+	/** By specifying this property the user can change the theme of the range navigator.
+	*   @Default {null}
+	*/
+	theme?: string;
+
+	/** Options for customizing the tooltip in range navigator.
+	*/
+	tooltipSettings?: TooltipSettings;
+
+	/** Options for configuring minor grid lines, major grid lines, axis line of axis.
+	*/
+	valueAxisSettings?: ValueAxisSettings;
+
+	/** You can plot data of type date time or numeric. This property determines the type of data that this axis will handle.
+	*   @Default {datetime}
+	*/
+	valueType?: ej.datavisualization.RangeNavigator.ValueType|string;
+
+	/** Specifies the xName for dataSource. This is used to take the x values from dataSource
+	*/
+	xName?: any;
+
+	/** Specifies the yName for dataSource. This is used to take the y values from dataSource
+	*/
+	yName?: any;
+
+	/** Fires on load of range navigator. */
+	load? (e: LoadEventArgs): void;
+
+	/** Fires after range navigator is loaded. */
+	loaded? (e: LoadedEventArgs): void;
+
+	/** Fires on changing the range of range navigator. */
+	rangeChanged? (e: RangeChangedEventArgs): void;
+
+	/** Fires on changing the scrollbar position of range navigator. */
+	scrollChanged? (e: ScrollChangedEventArgs): void;
+
+	/** Fires on when starting to change the scrollbar position of range navigator. */
+	scrollStart? (e: ScrollStartEventArgs): void;
+
+	/** Fires on when starting to change the slider position of range navigator. */
+	selectedRangeStart? (e: SelectedRangeStartEventArgs): void;
+
+	/** Fires when the selection  ends in the range navigator */
+	selectedRangeEnd? (e: SelectedRangeEndEventArgs): void;
+
+	/** Fires on changes ending the scrollbar position of range navigator. */
+	scrollEnd? (e: ScrollEndEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** parameters from range navigator
+	*/
+	Data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the range navigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadedEventArgs {
+
+	/** parameters from range navigator
+	*/
+	Data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the range navigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface RangeChangedEventArgs {
+
+	/** parameters from range navigator
+	*/
+	Data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the range navigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ScrollChangedEventArgs {
+
+	/** parameters from RangeNavigator
+	*/
+	data?: any;
+
+	/** returns the scrollbar position old start and end range value on changing scrollbar
+	*/
+	dataoldRange?: any;
+
+	/** returns the scrollbar position new start and end range value on changing scrollbar
+	*/
+	datanewRange?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ScrollStartEventArgs {
+
+	/** parameters from RangeNavigator
+	*/
+	data?: any;
+
+	/** returns the scrollbar position starting range value on changing scrollbar
+	*/
+	datastartRange?: string;
+
+	/** returns the scrollbar position end range value on changing scrollbar
+	*/
+	dataendRange?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SelectedRangeStartEventArgs {
+
+	/** parameters from RangeNavigator
+	*/
+	data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface SelectedRangeEndEventArgs {
+
+	/** parameters from RangeNavigator
+	*/
+	data?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface ScrollEndEventArgs {
+
+	/** parameters from RangeNavigator
+	*/
+	data?: any;
+
+	/** returns the scrollbar position old start and end range value on change end of scrollbar
+	*/
+	dataoldRange?: any;
+
+	/** returns the scrollbar position new start and end range value on change end of scrollbar
+	*/
+	datanewRange?: any;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the RangeNavigator model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+}
+
+export interface Border {
+
+	/** Border color of rangenavigator. When enable the scrollbar, the default color will be set as &quot;#B4B4B4&quot;.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Opacity of the rangeNavigator border.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Width of the RangeNavigator border.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface Series {
+
+	/** Name of the property in the datasource that contains x value for the series.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Name of the property in the datasource that contains y value for the series.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Specifies the type of the series to render in chart.
+	*   @Default {column. see Type}
+	*/
+	type?: ej.datavisualization.RangeNavigator.Type|string;
+
+	/** Enable/disable the animation of series.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Fill color of the series.
+	*   @Default {null}
+	*/
+	fill?: string;
+}
+
+export interface SeriesSetting {
+
+	/** Name of the property in the datasource that contains x value for the series.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Name of the property in the datasource that contains y value for the series.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Specifies the type of the series to render in chart.
+	*   @Default {column. see Type}
+	*/
+	type?: ej.datavisualization.RangeNavigator.Type|string;
+
+	/** Enable/disable the animation of series.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Fill color of the series.
+	*   @Default {null}
+	*/
+	fill?: string;
+}
+
+export interface LabelSettingsHigherLevelBorder {
+
+	/** Specifies the border color of grid lines.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Specifies the border width of grid lines.
+	*   @Default {0.5}
+	*/
+	width?: string;
+}
+
+export interface LabelSettingsHigherLevelGridLineStyle {
+
+	/** Specifies the color of grid lines in higher level.
+	*   @Default {#B5B5B5}
+	*/
+	color?: string;
+
+	/** Specifies the dashArray of grid lines in higher level.
+	*   @Default {20 5 0}
+	*/
+	dashArray?: string;
+
+	/** Specifies the width of grid lines in higher level.
+	*   @Default {#B5B5B5}
+	*/
+	width?: string;
+}
+
+export interface LabelSettingsHigherLevelStyleFont {
+
+	/** Specifies the label font color. Labels render with the specified font color.
+	*   @Default {black}
+	*/
+	color?: string;
+
+	/** Specifies the label font family. Labels render with the specified font family.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the label font style. Labels render with the specified font style.
+	*   @Default {Normal}
+	*/
+	fontStyle?: string;
+
+	/** Specifies the label font weight. Labels render with the specified font weight.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Specifies the label opacity. Labels render with the specified opacity.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the label font size. Labels render with the specified font size.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LabelSettingsHigherLevelStyle {
+
+	/** Options for customizing the font properties.
+	*/
+	font?: LabelSettingsHigherLevelStyleFont;
+
+	/** Specifies the horizontal text alignment of the text in label.
+	*   @Default {middle}
+	*/
+	horizontalAlignment?: string;
+}
+
+export interface LabelSettingsHigherLevel {
+
+	/** Options for customizing the border of grid lines in higher level.
+	*/
+	border?: LabelSettingsHigherLevelBorder;
+
+	/** Specifies the fill color of higher level labels.
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Options for customizing the grid line colors, width, dashArray, border.
+	*/
+	gridLineStyle?: LabelSettingsHigherLevelGridLineStyle;
+
+	/** Specifies the intervalType for higher level labels. See 
+	*   @Default {auto}
+	*/
+	intervalType?: ej.datavisualization.RangeNavigator.IntervalType|string;
+
+	/** Specifies the position of the labels to render either inside or outside of plot area
+	*   @Default {outside}
+	*/
+	labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement|string;
+
+	/** Specifies the position of the labels in higher level
+	*   @Default {top}
+	*/
+	position?: ej.datavisualization.RangeNavigator.Position|string;
+
+	/** Options for customizing the style of higher level labels.
+	*/
+	style?: LabelSettingsHigherLevelStyle;
+
+	/** Toggles the visibility of higher level labels.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface LabelSettingsLowerLevelBorder {
+
+	/** Specifies the border color of grid lines.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Specifies the border width of grid lines.
+	*   @Default {0.5}
+	*/
+	width?: string;
+}
+
+export interface LabelSettingsLowerLevelGridLineStyle {
+
+	/** Specifies the color of grid lines in lower level.
+	*   @Default {#B5B5B5}
+	*/
+	color?: string;
+
+	/** Specifies the dashArray of gridLines in lowerLevel.
+	*   @Default {20 5 0}
+	*/
+	dashArray?: string;
+
+	/** Specifies the width of grid lines in lower level.
+	*   @Default {#B5B5B5}
+	*/
+	width?: string;
+}
+
+export interface LabelSettingsLowerLevelStyleFont {
+
+	/** Specifies the color of labels. Label text render in this specified color.
+	*   @Default {black}
+	*/
+	color?: string;
+
+	/** Specifies the font family of labels. Label text render in this specified font family.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font style of labels. Label text render in this specified font style.
+	*   @Default {Normal}
+	*/
+	fontStyle?: string;
+
+	/** Specifies the font weight of labels. Label text render in this specified font weight.
+	*   @Default {regular}
+	*/
+	fontWeight?: string;
+
+	/** Specifies the opacity of labels. Label text render in this specified opacity.
+	*   @Default {12px}
+	*/
+	opacity?: string;
+
+	/** Specifies the size of labels. Label text render in this specified size.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LabelSettingsLowerLevelStyle {
+
+	/** Options for customizing the font of labels.
+	*/
+	font?: LabelSettingsLowerLevelStyleFont;
+
+	/** Specifies the horizontal text alignment of the text in label.
+	*   @Default {middle}
+	*/
+	horizontalAlignment?: string;
+}
+
+export interface LabelSettingsLowerLevel {
+
+	/** Options for customizing the border of grid lines in lower level.
+	*/
+	border?: LabelSettingsLowerLevelBorder;
+
+	/** Specifies the fill color of labels in lower level.
+	*   @Default {transparent}
+	*/
+	fill?: string;
+
+	/** Options for customizing the grid lines in lower level.
+	*/
+	gridLineStyle?: LabelSettingsLowerLevelGridLineStyle;
+
+	/** Specifies the intervalType of the labels in lower level.See IntervalType
+	*   @Default {auto}
+	*/
+	intervalType?: ej.datavisualization.RangeNavigator.IntervalType|string;
+
+	/** Specifies the position of the labels to render either inside or outside of plot area. See LabelPlacement
+	*   @Default {outside}
+	*/
+	labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement|string;
+
+	/** Specifies the position of the labels in lower level.See Position
+	*   @Default {bottom}
+	*/
+	position?: ej.datavisualization.RangeNavigator.Position|string;
+
+	/** Options for customizing the style of labels.
+	*/
+	style?: LabelSettingsLowerLevelStyle;
+
+	/** Toggles the visibility of labels in lower level.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface LabelSettingsStyleFont {
+
+	/** Specifies the label color. This color is applied to the labels in range navigator.
+	*   @Default {#333333}
+	*/
+	color?: string;
+
+	/** Specifies the label font family. Labels render with the specified font family.
+	*   @Default {Segoe UI}
+	*/
+	family?: string;
+
+	/** Specifies the label font opacity. Labels render with the specified font opacity.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the label font size. Labels render with the specified font size.
+	*   @Default {1px}
+	*/
+	size?: string;
+
+	/** Specifies the label font style. Labels render with the specified font style..
+	*   @Default {Normal}
+	*/
+	style?: ej.datavisualization.RangeNavigator.FontStyle|string;
+
+	/** Specifies the label font weight
+	*   @Default {regular}
+	*/
+	weight?: ej.datavisualization.RangeNavigator.FontWeight|string;
+}
+
+export interface LabelSettingsStyle {
+
+	/** Options for customizing the font of labels in range navigator.
+	*/
+	font?: LabelSettingsStyleFont;
+
+	/** Specifies the horizontalAlignment of the label in RangeNavigator
+	*   @Default {middle}
+	*/
+	horizontalAlignment?: ej.datavisualization.RangeNavigator.HorizontalAlignment|string;
+}
+
+export interface LabelSettings {
+
+	/** Options for customizing the higher level labels in range navigator.
+	*/
+	higherLevel?: LabelSettingsHigherLevel;
+
+	/** Options for customizing the labels in lower level.
+	*/
+	lowerLevel?: LabelSettingsLowerLevel;
+
+	/** Options for customizing the style of labels in range navigator.
+	*/
+	style?: LabelSettingsStyle;
+}
+
+export interface NavigatorStyleSettingsBorder {
+
+	/** Specifies the border color of range navigator.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Specifies the dash array of range navigator.
+	*   @Default {null}
+	*/
+	dashArray?: string;
+
+	/** Specifies the border width of range navigator.
+	*   @Default {0.5}
+	*/
+	width?: number;
+}
+
+export interface NavigatorStyleSettingsMajorGridLineStyle {
+
+	/** Specifies the color of major grid lines in range navigator.
+	*   @Default {#B5B5B5}
+	*/
+	color?: string;
+
+	/** Toggles the visibility of major grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface NavigatorStyleSettingsMinorGridLineStyle {
+
+	/** Specifies the color of minor grid lines in range navigator.
+	*   @Default {#B5B5B5}
+	*/
+	color?: string;
+
+	/** Toggles the visibility of minor grid lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface NavigatorStyleSettingsHighlightSettingsBorder {
+
+	/** To set the border color to the highlight.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** To set the border width to the highlight.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface NavigatorStyleSettingsHighlightSettings {
+
+	/** Enable the highlight settings in range navigator.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** To set the color to the highlight.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** To set the opacity to the highlight.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Contains the border properties for highlighting rectangle.
+	*/
+	border?: NavigatorStyleSettingsHighlightSettingsBorder;
+}
+
+export interface NavigatorStyleSettingsSelectionSettingsBorder {
+
+	/** To set the border color to the selection.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** To set the border width to the selection.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface NavigatorStyleSettingsSelectionSettings {
+
+	/** Enable the selection settings in range navigator.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** To set the color to the selection.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** To set the opacity to the selection.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Contains the border properties for selecting the rectangle.
+	*/
+	border?: NavigatorStyleSettingsSelectionSettingsBorder;
+}
+
+export interface NavigatorStyleSettings {
+
+	/** Specifies the background color of range navigator.
+	*   @Default {#dddddd}
+	*/
+	background?: string;
+
+	/** Options for customizing the border color and width of range navigator.
+	*/
+	border?: NavigatorStyleSettingsBorder;
+
+	/** Specifies the left side thumb template in range navigator we can give either div id or HTML string
+	*   @Default {null}
+	*/
+	leftThumbTemplate?: string;
+
+	/** Options for customizing the major grid lines.
+	*/
+	majorGridLineStyle?: NavigatorStyleSettingsMajorGridLineStyle;
+
+	/** Options for customizing the minor grid lines.
+	*/
+	minorGridLineStyle?: NavigatorStyleSettingsMinorGridLineStyle;
+
+	/** Specifies the opacity of RangeNavigator.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the right side thumb template in range navigator we can give either div id or HTML string
+	*   @Default {null}
+	*/
+	rightThumbTemplate?: string;
+
+	/** Specifies the color of the selected region in range navigator.
+	*   @Default {#EFEFEF}
+	*/
+	selectedRegionColor?: string;
+
+	/** Specifies the opacity of Selected Region.
+	*   @Default {0}
+	*/
+	selectedRegionOpacity?: number;
+
+	/** Specifies the color of the thumb in range navigator.
+	*   @Default {#2382C3}
+	*/
+	thumbColor?: string;
+
+	/** Specifies the radius of the thumb in range navigator.
+	*   @Default {10}
+	*/
+	thumbRadius?: number;
+
+	/** Specifies the stroke color of the thumb in range navigator.
+	*   @Default {#303030}
+	*/
+	thumbStroke?: string;
+
+	/** Specifies the color of the unselected region in range navigator.
+	*   @Default {#5EABDE}
+	*/
+	unselectedRegionColor?: string;
+
+	/** Specifies the opacity of Unselected Region.
+	*   @Default {0.3}
+	*/
+	unselectedRegionOpacity?: number;
+
+	/** Contains the options for highlighting the range navigator on mouse over.
+	*/
+	highlightSettings?: NavigatorStyleSettingsHighlightSettings;
+
+	/** Contains the options for selection the range navigator on mouse over.
+	*/
+	selectionSettings?: NavigatorStyleSettingsSelectionSettings;
+}
+
+export interface RangeSettings {
+
+	/** Specifies the ending range of range navigator.
+	*   @Default {null}
+	*/
+	end?: string;
+
+	/** Specifies the starting range of range navigator.
+	*   @Default {null}
+	*/
+	start?: string;
+}
+
+export interface SelectedRangeSettings {
+
+	/** Specifies the ending range of range navigator.
+	*   @Default {null}
+	*/
+	end?: string;
+
+	/** Specifies the starting range of range navigator.
+	*   @Default {null}
+	*/
+	start?: string;
+}
+
+export interface ScrollRangeSettings {
+
+	/** Specifies the ending range of range navigator scrollbar and that should be greater than the rangenavigator datasource end value.
+	*   @Default {null}
+	*/
+	end?: string;
+
+	/** Specifies the starting range of range navigator scrollbar and that should be less than the rangenavigator datasource start value.
+	*   @Default {null}
+	*/
+	start?: string;
+}
+
+export interface SizeSettings {
+
+	/** Specifies height of the range navigator.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Specifies width of the range navigator.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface TooltipSettingsFont {
+
+	/** Specifies the color of text in tooltip. Tooltip text render in the specified color.
+	*   @Default {#FFFFFF}
+	*/
+	color?: string;
+
+	/** Specifies the font family of text in tooltip. Tooltip text render in the specified font family.
+	*   @Default {Segoe UI}
+	*/
+	family?: string;
+
+	/** Specifies the font style of text in tooltip. Tooltip text render in the specified font style.
+	*   @Default {ej.datavisualization.RangeNavigator.fontStyle.Normal}
+	*/
+	fontStyle?: string;
+
+	/** Specifies the opacity of text in tooltip. Tooltip text render in the specified opacity.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the size of text in tooltip. Tooltip text render in the specified size.
+	*   @Default {10px}
+	*/
+	size?: string;
+
+	/** Specifies the weight of text in tooltip. Tooltip text render in the specified weight.
+	*   @Default {ej.datavisualization.RangeNavigator.weight.Regular}
+	*/
+	weight?: string;
+}
+
+export interface TooltipSettings {
+
+	/** Specifies the background color of tooltip.
+	*   @Default {#303030}
+	*/
+	backgroundColor?: string;
+
+	/** Options for customizing the font in tooltip.
+	*/
+	font?: TooltipSettingsFont;
+
+	/** Specifies the format of text to be displayed in tooltip.
+	*   @Default {MM/dd/yyyy}
+	*/
+	labelFormat?: string;
+
+	/** Specifies the mode of displaying the tooltip. Neither to display the tooltip always nor on demand.
+	*   @Default {null}
+	*/
+	tooltipDisplayMode?: string;
+
+	/** Toggles the visibility of tooltip.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface ValueAxisSettingsAxisLine {
+
+	/** Toggles the visibility of axis line.
+	*   @Default {none}
+	*/
+	visible?: string;
+}
+
+export interface ValueAxisSettingsFont {
+
+	/** Text in axis render with the specified size.
+	*   @Default {0px}
+	*/
+	size?: string;
+}
+
+export interface ValueAxisSettingsMajorGridLines {
+
+	/** Toggles the visibility of major grid lines.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface ValueAxisSettingsMajorTickLines {
+
+	/** Specifies the size of the majorTickLines in range navigator
+	*   @Default {0}
+	*/
+	size?: number;
+
+	/** Toggles the visibility of major tick lines.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Specifies width of the major tick lines.
+	*   @Default {0}
+	*/
+	width?: number;
+}
+
+export interface ValueAxisSettingsRange {
+
+	/** Default Value
+	*   @Default {null}
+	*/
+	min?: number;
+
+	/** Default Value
+	*   @Default {null}
+	*/
+	max?: number;
+
+	/** Default Value
+	*   @Default {null}
+	*/
+	interval?: number;
+}
+
+export interface ValueAxisSettings {
+
+	/** Options for customizing the axis line.
+	*/
+	axisLine?: ValueAxisSettingsAxisLine;
+
+	/** Options for customizing the font of the axis.
+	*/
+	font?: ValueAxisSettingsFont;
+
+	/** Options for customizing the major grid lines.
+	*/
+	majorGridLines?: ValueAxisSettingsMajorGridLines;
+
+	/** Options for customizing the major tick lines in axis.
+	*/
+	majorTickLines?: ValueAxisSettingsMajorTickLines;
+
+	/** You can customize the range of the axis by setting minimum , maximum and interval.
+	*/
+	range?: ValueAxisSettingsRange;
+
+	/** If the range is not given explicitly, range will be calculated automatically. You can customize the automatic range calculation using rangePadding.
+	*   @Default {none}
+	*/
+	rangePadding?: string;
+
+	/** Toggles the visibility of axis in range navigator.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+}
+module RangeNavigator
+{
+enum Type
+{
+//string
+Area,
+//string
+Line,
+//string
+Spline,
+//string
+StepArea,
+//string
+SplineArea,
+//string
+StepLine,
+}
+}
+module RangeNavigator
+{
+enum IntervalType
+{
+//string
+Years,
+//string
+Quarters,
+//string
+Months,
+//string
+Weeks,
+//string
+Days,
+//string
+Hours,
+//string
+Minutes,
+}
+}
+module RangeNavigator
+{
+enum LabelPlacement
+{
+//string
+Inside,
+//string
+Outside,
+}
+}
+module RangeNavigator
+{
+enum Position
+{
+//string
+Top,
+//string
+Bottom,
+}
+}
+module RangeNavigator
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Bold,
+//string
+Italic,
+}
+}
+module RangeNavigator
+{
+enum FontWeight
+{
+//string
+Regular,
+//string
+Lighter,
+}
+}
+module RangeNavigator
+{
+enum HorizontalAlignment
+{
+//string
+Middle,
+//string
+Left,
+//string
+Right,
+}
+}
+module RangeNavigator
+{
+enum RangePadding
+{
+//string
+Additional,
+//string
+Normal,
+//string
+None,
+//string
+Round,
+}
+}
+module RangeNavigator
+{
+enum ValueType
+{
+//string
+Numeric,
+//string
+DateTime,
+}
+}
+
+class BulletGraph extends ej.Widget {
+	static fn: BulletGraph;
+	constructor(element: JQuery, options?: BulletGraph.Model);
+	constructor(element: Element, options?: BulletGraph.Model);
+	static Locale: any;
+	model:BulletGraph.Model;
+	defaults:BulletGraph.Model;
+
+	/** To destroy the bullet graph
+	*   @returns {void}
+	*/
+	destroy(): void;
+
+	/** To redraw the bullet graph
+	*   @returns {void}
+	*/
+	redraw(): void;
+
+	/** To set the value for comparative measure in bullet graph.
+	*   @returns {void}
+	*/
+	setComparativeMeasureSymbol(): void;
+
+	/** To set the value for feature measure bar.
+	*   @returns {void}
+	*/
+	setFeatureMeasureBarValue(): void;
+}
+export module BulletGraph{
+
+export interface Model {
+
+	/** Toggles the visibility of the range stroke color of the labels.
+	*   @Default {false}
+	*/
+	applyRangeStrokeToLabels?: boolean;
+
+	/** Toggles the visibility of the range stroke color of the ticks.
+	*   @Default {false}
+	*/
+	applyRangeStrokeToTicks?: boolean;
+
+	/** Contains property to customize the caption in bullet graph.
+	*/
+	captionSettings?: CaptionSettings;
+
+	/** Comparative measure bar in bullet graph render till the specified value.
+	*   @Default {0}
+	*/
+	comparativeMeasureValue?: number;
+
+	/** Toggles the animation of bullet graph.
+	*   @Default {true}
+	*/
+	enableAnimation?: boolean;
+
+	/** Controls whether bullet graph has to be responsive while resizing.
+	*   @Default {true}
+	*/
+	enableResizing?: boolean;
+
+	/** Specifies the direction of flow in bullet graph. Neither it may be backward nor forward. 
+	*   @Default {forward}
+	*/
+	flowDirection?: ej.datavisualization.BulletGraph.FlowDirection|string;
+
+	/** Specifies the height of the bullet graph.
+	*   @Default {90}
+	*/
+	height?: number;
+
+	/** Sets a value whether to make the bullet graph responsive on resize.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies to convert the date object to string, using locale settings.
+	*   @Default {false}
+	*/
+	enableGroupSeparator?: boolean;
+
+	/** Name of the culture based on which bulletgraph should be localized.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Bullet graph will render in the specified orientation.
+	*   @Default {horizontal}
+	*/
+	orientation?: ej.datavisualization.BulletGraph.Orientation|string;
+
+	/** Contains property to customize the qualitative ranges.
+	*/
+	qualitativeRanges?: Array<QualitativeRange>;
+
+	/** Size of the qualitative range depends up on the specified value.
+	*   @Default {32}
+	*/
+	qualitativeRangeSize?: number;
+
+	/** Length of the quantitative range depends up on the specified value.
+	*   @Default {475}
+	*/
+	quantitativeScaleLength?: number;
+
+	/** Contains all the properties to customize quantitative scale.
+	*/
+	quantitativeScaleSettings?: QuantitativeScaleSettings;
+
+	/** By specifying this property the user can change the theme of the bullet graph.
+	*   @Default {flatlight}
+	*/
+	theme?: string;
+
+	/** Contains all the properties to customize tooltip.
+	*/
+	tooltipSettings?: TooltipSettings;
+
+	/** Feature measure bar in bullet graph render till the specified value.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Specifies the width of the bullet graph.
+	*   @Default {595}
+	*/
+	width?: number;
+
+	/** Fires on rendering the caption of bullet graph. */
+	drawCaption? (e: DrawCaptionEventArgs): void;
+
+	/** Fires on rendering the category. */
+	drawCategory? (e: DrawCategoryEventArgs): void;
+
+	/** Fires on rendering the comparative measure symbol. */
+	drawComparativeMeasureSymbol? (e: DrawComparativeMeasureSymbolEventArgs): void;
+
+	/** Fires on rendering the feature measure bar. */
+	drawFeatureMeasureBar? (e: DrawFeatureMeasureBarEventArgs): void;
+
+	/** Fires on rendering the indicator of bullet graph. */
+	drawIndicator? (e: DrawIndicatorEventArgs): void;
+
+	/** Fires on rendering the labels. */
+	drawLabels? (e: DrawLabelsEventArgs): void;
+
+	/** Fires on rendering the ticks. */
+	drawTicks? (e: DrawTicksEventArgs): void;
+
+	/** Fires on rendering the qualitative ranges. */
+	drawQualitativeRanges? (e: DrawQualitativeRangesEventArgs): void;
+
+	/** Fires on loading bullet graph. */
+	load? (e: LoadEventArgs): void;
+}
+
+export interface DrawCaptionEventArgs {
+
+	/** returns the object of the bullet graph.
+	*/
+	Object?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: HTMLElement;
+
+	/** returns the current captionSettings element.
+	*/
+	captionElement?: HTMLElement;
+
+	/** returns the type of the captionSettings.
+	*/
+	captionType?: string;
+}
+
+export interface DrawCategoryEventArgs {
+
+	/** returns the object of the bullet graph.
+	*/
+	Object?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: HTMLElement;
+
+	/** returns the options of category element.
+	*/
+	categoryElement?: HTMLElement;
+
+	/** returns the text value of the category that is drawn.
+	*/
+	Value?: string;
+}
+
+export interface DrawComparativeMeasureSymbolEventArgs {
+
+	/** returns the object of the bullet graph.
+	*/
+	Object?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: HTMLElement;
+
+	/** returns the options of comparative measure element.
+	*/
+	targetElement?: HTMLElement;
+
+	/** returns the value of the comparative measure symbol.
+	*/
+	Value?: number;
+}
+
+export interface DrawFeatureMeasureBarEventArgs {
+
+	/** returns the object of the bullet graph.
+	*/
+	Object?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: HTMLElement;
+
+	/** returns the options of feature measure element.
+	*/
+	currentElement?: HTMLElement;
+
+	/** returns the value of the feature measure bar.
+	*/
+	Value?: number;
+}
+
+export interface DrawIndicatorEventArgs {
+
+	/** returns an object to customize bullet graph indicator text and symbol before rendering it.
+	*/
+	indicatorSettings?: any;
+
+	/** returns the object of bullet graph.
+	*/
+	model?: any;
+
+	/** returns the type of event.
+	*/
+	type?: string;
+
+	/** for canceling the event.
+	*/
+	cancel?: boolean;
+}
+
+export interface DrawLabelsEventArgs {
+
+	/** returns the object of the bullet graph.
+	*/
+	Object?: any;
+
+	/** returns the options of the scale element.
+	*/
+	scaleElement?: HTMLElement;
+
+	/** returns the current label element.
+	*/
+	tickElement?: HTMLElement;
+
+	/** returns the label type.
+	*/
+	labelType?: string;
+}
+
+export interface DrawTicksEventArgs {
+
+	/** returns the model of the bullet graph.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the settings for majorTicks.
+	*/
+	majorTickSettings?: any;
+
+	/** returns the settings for minorTicks.
+	*/
+	minorTickSettings?: any;
+
+	/** returns the maximum value.
+	*/
+	maximum?: number;
+
+	/** returns the minimum value.
+	*/
+	minimum?: number;
+
+	/** returns the interval value.
+	*/
+	interval?: number;
+
+	/** returns the value of minorTicksPerInterval.
+	*/
+	minorTickPerInterval?: number;
+}
+
+export interface DrawQualitativeRangesEventArgs {
+
+	/** returns the object of the bullet graph.
+	*/
+	Object?: any;
+
+	/** returns the index of current range.
+	*/
+	rangeIndex?: number;
+
+	/** returns the settings for current range.
+	*/
+	rangeOptions?: any;
+
+	/** returns the end value of current range.
+	*/
+	rangeEndValue?: number;
+}
+
+export interface LoadEventArgs {
+
+	/** returns the model of the bullet graph.
+	*/
+	model?: any;
+
+	/** returns the name of the event.
+	*/
+	type?: string;
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+}
+
+export interface CaptionSettingsFont {
+
+	/** Specifies the color of the text in caption.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the fontFamily of caption. Caption text render with this fontFamily
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle of caption
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+	/** Specifies the fontWeight of caption
+	*   @Default {regular}
+	*/
+	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+	/** Specifies the opacity of caption. Caption text render with this opacity.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the size of caption. Caption text render with this size
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface CaptionSettingsIndicatorFont {
+
+	/** Specifies the color of the indicator's text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the fontFamily of indicator. Indicator text render with this fontFamily.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle of indicator. Indicator text render with this fontStyle. See FontStyle
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+	/** Specifies the fontWeight of indicator. Indicator text render with this fontWeight. See FontWeight
+	*   @Default {regular}
+	*/
+	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+	/** Specifies the opacity of indicator text. Indicator text render with this Opacity.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the size of indicator. Indicator text render with this size.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface CaptionSettingsIndicatorLocation {
+
+	/** Specifies the horizontal position of the indicator.
+	*   @Default {10}
+	*/
+	x?: number;
+
+	/** Specifies the vertical position of the indicator.
+	*   @Default {60}
+	*/
+	y?: number;
+}
+
+export interface CaptionSettingsIndicatorSymbolBorder {
+
+	/** Specifies the border color of indicator symbol.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the border width of indicator symbol.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface CaptionSettingsIndicatorSymbolSize {
+
+	/** Specifies the height of indicator symbol.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Specifies the width of indicator symbol.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface CaptionSettingsIndicatorSymbol {
+
+	/** Contains property to customize the border of indicator symbol.
+	*/
+	border?: CaptionSettingsIndicatorSymbolBorder;
+
+	/** Specifies the color of indicator symbol.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the URL of image that represents indicator symbol.
+	*/
+	imageURL?: string;
+
+	/** Specifies the opacity of indicator symbol.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the shape of indicator symbol.
+	*/
+	shape?: string;
+
+	/** Contains property to customize the size of indicator symbol.
+	*/
+	size?: CaptionSettingsIndicatorSymbolSize;
+}
+
+export interface CaptionSettingsIndicator {
+
+	/** Contains property to customize the font of indicator.
+	*/
+	font?: CaptionSettingsIndicatorFont;
+
+	/** Contains property to customize the location of indicator.
+	*/
+	location?: CaptionSettingsIndicatorLocation;
+
+	/** Specifies the padding to be applied when text position is used.
+	*   @Default {2}
+	*/
+	padding?: number;
+
+	/** Contains property to customize the symbol of indicator.
+	*/
+	symbol?: CaptionSettingsIndicatorSymbol;
+
+	/** Specifies the text to be displayed as indicator text. By default difference between current value and target will be displayed
+	*/
+	text?: string;
+
+	/** Specifies the alignment of indicator with respect to scale based on text position
+	*   @Default {'Near'}
+	*/
+	textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
+
+	/** Specifies where indicator text should be anchored when indicator overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
+	*   @Default {'start'}
+	*/
+	textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
+
+	/** indicator text render in the specified angle.
+	*   @Default {0}
+	*/
+	textAngle?: number;
+
+	/** Specifies where indicator should be placed
+	*   @Default {'float'}
+	*/
+	textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
+
+	/** Specifies the space between indicator symbol and text.
+	*   @Default {3}
+	*/
+	textSpacing?: number;
+
+	/** Specifies whether indicator will be visible or not.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+}
+
+export interface CaptionSettingsLocation {
+
+	/** Specifies the position in horizontal direction
+	*   @Default {17}
+	*/
+	x?: number;
+
+	/** Specifies the position in horizontal direction
+	*   @Default {30}
+	*/
+	y?: number;
+}
+
+export interface CaptionSettingsSubTitleFont {
+
+	/** Specifies the color of the subtitle's text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the fontFamily of subtitle. Subtitle text render with this fontFamily.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle of subtitle. Subtitle text render with this fontStyle. See FontStyle
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+	/** Specifies the fontWeight of subtitle. Subtitle text render with this fontWeight. See FontWeight
+	*   @Default {regular}
+	*/
+	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+	/** Specifies the opacity of subtitle. Subtitle text render with this opacity.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Specifies the size of subtitle. Subtitle text render with this size.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface CaptionSettingsSubTitleLocation {
+
+	/** Specifies the horizontal position of the subtitle.
+	*   @Default {10}
+	*/
+	x?: number;
+
+	/** Specifies the vertical position of the subtitle.
+	*   @Default {45}
+	*/
+	y?: number;
+}
+
+export interface CaptionSettingsSubTitle {
+
+	/** Contains property to customize the font of subtitle.
+	*/
+	font?: CaptionSettingsSubTitleFont;
+
+	/** Contains property to customize the location of subtitle.
+	*/
+	location?: CaptionSettingsSubTitleLocation;
+
+	/** Specifies the padding to be applied when text position is used.
+	*   @Default {5}
+	*/
+	padding?: number;
+
+	/** Specifies the text to be displayed as subtitle.
+	*/
+	text?: string;
+
+	/** Specifies the alignment of sub title text with respect to scale. Alignment will not be applied in float position.
+	*   @Default {'Near'}
+	*/
+	textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
+
+	/** Specifies where subtitle text should be anchored when sub title text overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
+	*   @Default {'start'}
+	*/
+	textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
+
+	/** Subtitle render in the specified angle.
+	*   @Default {0}
+	*/
+	textAngle?: number;
+
+	/** Specifies where sub title text should be placed.
+	*   @Default {'float'}
+	*/
+	textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
+}
+
+export interface CaptionSettings {
+
+	/** Specifies whether trim the labels will be true or false.
+	*   @Default {true}
+	*/
+	enableTrim?: boolean;
+
+	/** Contains property to customize the font of caption.
+	*/
+	font?: CaptionSettingsFont;
+
+	/** Contains property to customize the indicator.
+	*/
+	indicator?: CaptionSettingsIndicator;
+
+	/** Contains property to customize the location.
+	*/
+	location?: CaptionSettingsLocation;
+
+	/** Specifies the padding to be applied when text position is used.
+	*   @Default {5}
+	*/
+	padding?: number;
+
+	/** Contains property to customize the subtitle.
+	*/
+	subTitle?: CaptionSettingsSubTitle;
+
+	/** Specifies the text to be displayed on bullet graph.
+	*/
+	text?: string;
+
+	/** Specifies the alignment of caption text with respect to scale. This property will not be applied when text position is float.
+	*   @Default {'Near'}
+	*/
+	textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
+
+	/** Specifies caption text anchoring when caption text overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
+	*   @Default {'start'}
+	*/
+	textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
+
+	/** Specifies the angel in which the caption is rendered.
+	*   @Default {0}
+	*/
+	textAngle?: number;
+
+	/** Specifies how caption text should be placed.
+	*   @Default {'float'}
+	*/
+	textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
+}
+
+export interface QualitativeRange {
+
+	/** Specifies the ending range to which the qualitative ranges will render.
+	*   @Default {3}
+	*/
+	rangeEnd?: number;
+
+	/** Specifies the opacity for the qualitative ranges.
+	*   @Default {1}
+	*/
+	rangeOpacity?: number;
+
+	/** Specifies the stroke for the qualitative ranges.
+	*   @Default {null}
+	*/
+	rangeStroke?: string;
+}
+
+export interface QuantitativeScaleSettingsComparativeMeasureSettings {
+
+	/** Specifies the stroke of the comparative measure.
+	*   @Default {null}
+	*/
+	stroke?: number;
+
+	/** Specifies the width of the comparative measure.
+	*   @Default {5}
+	*/
+	width?: number;
+}
+
+export interface QuantitativeScaleSettingsFeaturedMeasureSettings {
+
+	/** Specifies the Stroke of the featured measure in bullet graph.
+	*   @Default {null}
+	*/
+	stroke?: number;
+
+	/** Specifies the width of the featured measure in bullet graph.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface QuantitativeScaleSettingsFeatureMeasure {
+
+	/** Specifies the category of feature measure.
+	*   @Default {null}
+	*/
+	category?: string;
+
+	/** Comparative measure render till the specified value.
+	*   @Default {null}
+	*/
+	comparativeMeasureValue?: number;
+
+	/** Feature measure render till the specified value.
+	*   @Default {null}
+	*/
+	value?: number;
+}
+
+export interface QuantitativeScaleSettingsFields {
+
+	/** Specifies the category of the bullet graph.
+	*   @Default {null}
+	*/
+	category?: string;
+
+	/** Comparative measure render based on the values in the specified field.
+	*   @Default {null}
+	*/
+	comparativeMeasure?: string;
+
+	/** Specifies the dataSource for the bullet graph.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Feature measure render based on the values in the specified field.
+	*   @Default {null}
+	*/
+	featureMeasures?: string;
+
+	/** Specifies the query for fetching the values form data source to render the bullet graph.
+	*   @Default {null}
+	*/
+	query?: string;
+
+	/** Specifies the name of the table.
+	*   @Default {null}
+	*/
+	tableName?: string;
+}
+
+export interface QuantitativeScaleSettingsLabelSettingsFont {
+
+	/** Specifies the fontFamily of labels in bullet graph. Labels render with this fontFamily.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the fontStyle of labels in bullet graph. Labels render with this fontStyle. See FontStyle
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+	/** Specifies the fontWeight of labels in bullet graph. Labels render with this fontWeight. See FontWeight
+	*   @Default {regular}
+	*/
+	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+	/** Specifies the opacity of labels in bullet graph. Labels render with this opacity
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface QuantitativeScaleSettingsLabelSettings {
+
+	/** Contains property to customize the font of the labels in bullet graph.
+	*/
+	font?: QuantitativeScaleSettingsLabelSettingsFont;
+
+	/** Specifies the placement of labels in bullet graph scale.
+	*   @Default {outside}
+	*/
+	labelPlacement?: ej.datavisualization.BulletGraph.LabelPlacement|string;
+
+	/** Specifies the prefix to be added with labels in bullet graph.
+	*   @Default {Empty string}
+	*/
+	labelPrefix?: string;
+
+	/** Specifies the suffix to be added after labels in bullet graph.
+	*   @Default {Empty string}
+	*/
+	labelSuffix?: string;
+
+	/** Specifies the horizontal/vertical padding of labels.
+	*   @Default {15}
+	*/
+	offset?: number;
+
+	/** Specifies the position of the labels to render either above or below the graph. See 
+	*   @Default {below}
+	*/
+	position?: ej.datavisualization.BulletGraph.LabelPosition|string;
+
+	/** Specifies the Size of the labels.
+	*   @Default {12}
+	*/
+	size?: number;
+
+	/** Specifies the stroke color of the labels in bullet graph.
+	*   @Default {null}
+	*/
+	stroke?: string;
+}
+
+export interface QuantitativeScaleSettingsLocation {
+
+	/** This property specifies the x position for rendering quantitative scale.
+	*   @Default {10}
+	*/
+	x?: number;
+
+	/** This property specifies the y position for rendering quantitative scale.
+	*   @Default {10}
+	*/
+	y?: number;
+}
+
+export interface QuantitativeScaleSettingsMajorTickSettings {
+
+	/** Specifies the size of the major ticks.
+	*   @Default {13}
+	*/
+	size?: number;
+
+	/** Specifies the stroke color of the major tick lines.
+	*   @Default {null}
+	*/
+	stroke?: string;
+
+	/** Specifies the width of the major tick lines.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface QuantitativeScaleSettingsMinorTickSettings {
+
+	/** Specifies the size of minor ticks.
+	*   @Default {7}
+	*/
+	size?: number;
+
+	/** Specifies the stroke color of minor ticks in bullet graph.
+	*   @Default {null}
+	*/
+	stroke?: string;
+
+	/** Specifies the width of the minor ticks in bullet graph.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface QuantitativeScaleSettings {
+
+	/** Contains property to customize the comparative measure.
+	*/
+	comparativeMeasureSettings?: QuantitativeScaleSettingsComparativeMeasureSettings;
+
+	/** Contains property to customize the featured measure.
+	*/
+	featuredMeasureSettings?: QuantitativeScaleSettingsFeaturedMeasureSettings;
+
+	/** Contains property to customize the featured measure.
+	*/
+	featureMeasures?: Array<QuantitativeScaleSettingsFeatureMeasure>;
+
+	/** Contains property to customize the fields.
+	*/
+	fields?: QuantitativeScaleSettingsFields;
+
+	/** Specifies the interval for the Graph.
+	*   @Default {1}
+	*/
+	interval?: number;
+
+	/** Contains property to customize the labels.
+	*/
+	labelSettings?: QuantitativeScaleSettingsLabelSettings;
+
+	/** Contains property to customize the position of the quantitative scale
+	*/
+	location?: QuantitativeScaleSettingsLocation;
+
+	/** Contains property to customize the major tick lines.
+	*/
+	majorTickSettings?: QuantitativeScaleSettingsMajorTickSettings;
+
+	/** Specifies the maximum value of the Graph.
+	*   @Default {10}
+	*/
+	maximum?: number;
+
+	/** Specifies the minimum value of the Graph.
+	*   @Default {0}
+	*/
+	minimum?: number;
+
+	/** Contains property to customize the minor ticks.
+	*/
+	minorTickSettings?: QuantitativeScaleSettingsMinorTickSettings;
+
+	/** The specified number of minor ticks will be rendered per interval.
+	*   @Default {4}
+	*/
+	minorTicksPerInterval?: number;
+
+	/** Specifies the placement of ticks to render either inside or outside the scale.
+	*   @Default {ej.datavisualization.BulletGraph.TickPlacement.Outside}
+	*/
+	tickPlacement?: ej.datavisualization.BulletGraph.TickPlacement|string;
+
+	/** Specifies the position of the ticks to render either above,below or inside
+	*   @Default {ej.datavisualization.BulletGraph.TickPosition.Far}
+	*/
+	tickPosition?: ej.datavisualization.BulletGraph.TickPosition|string;
+}
+
+export interface TooltipSettings {
+
+	/** Specifies template for caption tooltip
+	*   @Default {null}
+	*/
+	captionTemplate?: string;
+
+	/** Toggles the visibility of caption tooltip
+	*   @Default {false}
+	*/
+	enableCaptionTooltip?: boolean;
+
+	/** Specifies the ID of a div, which is to be displayed as tooltip.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Toggles the visibility of tooltip
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+}
+module BulletGraph
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Italic,
+//string
+Oblique,
+}
+}
+module BulletGraph
+{
+enum FontWeight
+{
+//string
+Normal,
+//string
+Bold,
+//string
+Bolder,
+//string
+Lighter,
+}
+}
+module BulletGraph
+{
+enum TextAlignment
+{
+//string
+Near,
+//string
+Far,
+//string
+Center,
+}
+}
+module BulletGraph
+{
+enum TextAnchor
+{
+//string
+Start,
+//string
+Middle,
+//string
+End,
+}
+}
+module BulletGraph
+{
+enum TextPosition
+{
+//string
+Top,
+//string
+Right,
+//string
+Left,
+//string
+Bottom,
+//string
+Float,
+}
+}
+module BulletGraph
+{
+enum FlowDirection
+{
+//string
+Forward,
+//string
+Backward,
+}
+}
+module BulletGraph
+{
+enum Orientation
+{
+//string
+Horizontal,
+//string
+Vertical,
+}
+}
+module BulletGraph
+{
+enum LabelPlacement
+{
+//string
+Inside,
+//string
+Outside,
+}
+}
+module BulletGraph
+{
+enum LabelPosition
+{
+//string
+Above,
+//string
+Below,
+}
+}
+module BulletGraph
+{
+enum TickPlacement
+{
+//string
+Inside,
+//string
+Outside,
+}
+}
+module BulletGraph
+{
+enum TickPosition
+{
+//string
+Below,
+//string
+Above,
+//string
+Cross,
+}
+}
+
+class Barcode extends ej.Widget {
+	static fn: Barcode;
+	constructor(element: JQuery, options?: Barcode.Model);
+	constructor(element: Element, options?: Barcode.Model);
+	static Locale: any;
+	model:Barcode.Model;
+	defaults:Barcode.Model;
+
+	/** To disable the barcode
+	*   @returns {void}
+	*/
+	disable(): void;
+
+	/** To enable the barcode
+	*   @returns {void}
+	*/
+	enable(): void;
+}
+export module Barcode{
+
+export interface Model {
+
+	/** Specifies the distance between the barcode and text below it.
+	*/
+	barcodeToTextGapHeight?: number;
+
+	/** Specifies the height of bars in the Barcode. By modifying the barHeight, the entire barcode height can be customized. Please refer to xDimension for two dimensional barcode height customization.
+	*/
+	barHeight?: number;
+
+	/** Specifies the dark bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
+	*/
+	darkBarColor?: any;
+
+	/** Specifies whether the text below the barcode is visible or hidden.
+	*/
+	displayText?: boolean;
+
+	/** Specifies whether the control is enabled.
+	*/
+	enabled?: boolean;
+
+	/** Specifies the start and stop encode symbol in the Barcode. In one dimensional barcodes, an additional character is added as start and stop delimiters. These symbols are optional and the unique of the symbol allows the reader to determine the direction of the barcode being scanned.
+	*/
+	encodeStartStopSymbol?: number;
+
+	/** Specifies the light bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
+	*/
+	lightBarColor?: any;
+
+	/** Specifies the width of the narrow bars in the barcode. The dark bars in the one dimensional barcode contains random narrow and wide bars based on the provided input which can be specified during initialization.
+	*/
+	narrowBarWidth?: number;
+
+	/** Specifies the width of the quiet zone. In barcode, a quiet zone is the blank margin on either side of a barcode which informs the reader where a barcode's symbology starts and stops. The purpose of a quiet zone is to prevent the reader from picking up unrelated information.
+	*/
+	quietZone?: QuietZone;
+
+	/** Specifies the type of the Barcode. See SymbologyType
+	*/
+	symbologyType?: ej.datavisualization.Barcode.SymbologyType|string;
+
+	/** Specifies the text to be encoded in the barcode.
+	*/
+	text?: string;
+
+	/** Specifies the color of the text/data at the bottom of the barcode.
+	*/
+	textColor?: any;
+
+	/** Specifies the width of the wide bars in the barcode. One dimensional barcode usually contains random narrow and wide bars based on the provided which can be customized during initialization.
+	*/
+	wideBarWidth?: number;
+
+	/** Specifies the width of the narrowest element(bar or space) in a barcode. The greater the x dimension, the more easily a barcode reader will scan.
+	*/
+	xDimension?: number;
+
+	/** Fires after Barcode control is loaded. */
+	load? (e: LoadEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** if the event should be canceled; otherwise, false.
+	*/
+	cancel?: boolean;
+
+	/** returns the barcode model
+	*/
+	model?: any;
+
+	/** returns the name of the event
+	*/
+	type?: string;
+
+	/** return the barcode state
+	*/
+	status?: boolean;
+}
+
+export interface QuietZone {
+
+	/** Specifies the quiet zone around the Barcode.
+	*/
+	all?: number;
+
+	/** Specifies the bottom quiet zone of the Barcode.
+	*/
+	bottom?: number;
+
+	/** Specifies the left quiet zone of the Barcode.
+	*/
+	left?: number;
+
+	/** Specifies the right quiet zone of the Barcode.
+	*/
+	right?: number;
+
+	/** Specifies the top quiet zone of the Barcode.
+	*/
+	top?: number;
+}
+}
+module Barcode
+{
+enum SymbologyType
+{
+//Represents the QR code
+QRBarcode,
+//Represents the Data Matrix barcode
+DataMatrix,
+//Represents the Code 39 barcode
+Code39,
+//Represents the Code 39 Extended barcode
+Code39Extended,
+//Represents the Code 11 barcode
+Code11,
+//Represents the Codabar barcode
+Codabar,
+//Represents the Code 32 barcode
+Code32,
+//Represents the Code 93 barcode
+Code93,
+//Represents the Code 93 Extended barcode
+Code93Extended,
+//Represents the Code 128 A barcode
+Code128A,
+//Represents the Code 128 B barcode
+Code128B,
+//Represents the Code 128 C barcode
+Code128C,
+}
+}
+
+class Map extends ej.Widget {
+	static fn: Map;
+	constructor(element: JQuery, options?: Map.Model);
+	constructor(element: Element, options?: Map.Model);
+	static Locale: any;
+	model:Map.Model;
+	defaults:Map.Model;
+
+	/** Method for navigating to specific shape based on latitude, longitude and zoom level.
+	*   @param {number} Pass the latitude value for map
+	*   @param {number} Pass the longitude value for map
+	*   @param {number} Pass the zoom level for map
+	*   @returns {void}
+	*/
+	navigateTo(latitude: number, longitude: number, level: number): void;
+
+	/** Method to perform map panning
+	*   @param {string} Pass the direction in which map should be panned
+	*   @returns {void}
+	*/
+	pan(direction: string): void;
+
+	/** Method to reload the map.
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Method to reload the shapeLayers with updated values
+	*   @returns {void}
+	*/
+	refreshLayers(): void;
+
+	/** Method to reload the navigation control with updated values.
+	*   @param {any} Pass the navigation control instance
+	*   @returns {void}
+	*/
+	refreshNavigationControl(navigation: any): void;
+
+	/** Method to perform map zooming.
+	*   @param {number} Pass the zoom level for map to be zoomed
+	*   @param {boolean} Pass the boolean value to enable or disable animation while zooming
+	*   @returns {void}
+	*/
+	zoom(level: number, isAnimate: boolean): void;
+}
+export module Map{
+
+export interface Model {
+
+	/** Specifies the background color for map
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** Specifies the index of the map to determine the shape layer to be displayed
+	*   @Default {0}
+	*/
+	baseMapIndex?: number;
+
+	/** Specify the center position where map should be displayed
+	*   @Default {[0,0]}
+	*/
+	centerPosition?: any;
+
+	/** Controls the selection through dragging
+	*   @Default {false}
+	*/
+	draggingOnSelection?: boolean;
+
+	/** Enables or Disables the map animation
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Enables or Disables the animation for layer change in map
+	*   @Default {false}
+	*/
+	enableLayerChangeAnimation?: boolean;
+
+	/** Enables or Disables the map panning
+	*   @Default {true}
+	*/
+	enablePan?: boolean;
+
+	/** Determines whether map need to resize when container is resized
+	*   @Default {true}
+	*/
+	enableResize?: boolean;
+
+	/** Determines whether map need to resize when container is resized
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Enables or Disables the Zooming for map.
+	*/
+	zoomSettings?: ZoomSettings;
+
+	/** Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
+	*/
+	navigationControl?: NavigationControl;
+
+	/** Name of the culture based on which map should be localized. Labels are localized with respect to the culture name.String type properties like template text are not localized automatically. Provide localized text as value to string type properties.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Layer for holding the map shapes
+	*/
+	layers?: Array<Layer>;
+
+	/** Triggered on selecting the map markers. */
+	markerSelected? (e: MarkerSelectedEventArgs): void;
+
+	/** Triggers while leaving the hovered map shape */
+	mouseleave? (e: MouseleaveEventArgs): void;
+
+	/** Triggers while hovering the map shape. */
+	mouseover? (e: MouseoverEventArgs): void;
+
+	/** Triggers once map render completed. */
+	onRenderComplete? (e: OnRenderCompleteEventArgs): void;
+
+	/** Triggers when map panning ends. */
+	panned? (e: PannedEventArgs): void;
+
+	/** Triggered on selecting the map shapes. */
+	shapeSelected? (e: ShapeSelectedEventArgs): void;
+
+	/** Triggered when map is zoomed-in. */
+	zoomedIn? (e: ZoomedInEventArgs): void;
+
+	/** Triggers when map is zoomed out. */
+	zoomedOut? (e: ZoomedOutEventArgs): void;
+}
+
+export interface MarkerSelectedEventArgs {
+
+	/** Returns marker object.
+	*/
+	originalEvent?: any;
+}
+
+export interface MouseleaveEventArgs {
+
+	/** Returns hovered map shape object.
+	*/
+	originalEvent?: any;
+}
+
+export interface MouseoverEventArgs {
+
+	/** Returns hovered map shape object.
+	*/
+	originalEvent?: any;
+}
+
+export interface OnRenderCompleteEventArgs {
+
+	/** Event parameters from map
+	*/
+	originalEvent?: any;
+}
+
+export interface PannedEventArgs {
+
+	/** Event parameters from map
+	*/
+	originalEvent?: any;
+}
+
+export interface ShapeSelectedEventArgs {
+
+	/** Returns selected shape object.
+	*/
+	originalEvent?: any;
+}
+
+export interface ZoomedInEventArgs {
+
+	/** Event parameters from map
+	*/
+	originalEvent?: any;
+
+	/** Returns zoom level value for which the map is zoomed.
+	*/
+	zoomLevel?: any;
+}
+
+export interface ZoomedOutEventArgs {
+
+	/** Event parameters from map
+	*/
+	originalEvent?: any;
+
+	/** Returns zoom level value for which the map is zoomed.
+	*/
+	zoomLevel?: any;
+}
+
+export interface ZoomSettings {
+
+	/** Enables or Disables the zooming of map
+	*   @Default {true}
+	*/
+	enableZoom?: boolean;
+
+	/** Enables or Disables the zoom on selecting the map shape
+	*   @Default {false}
+	*/
+	enableZoomOnSelection?: boolean;
+
+	/** Specifies the zoom factor for map zoom value.
+	*   @Default {1}
+	*/
+	factor?: number;
+
+	/** Specifies the zoom level value for which map to be zoomed
+	*   @Default {1}
+	*/
+	level?: number;
+
+	/** Specifies the minimum zoomSettings level of the map
+	*   @Default {1}
+	*/
+	minValue?: number;
+
+	/** Specifies the maximum zoom level of the map
+	*   @Default {100}
+	*/
+	maxValue?: number;
+}
+
+export interface NavigationControl {
+
+	/** Set the absolutePosition for navigation control
+	*   @Default {{x:0,y:0}}
+	*/
+	absolutePosition?: any;
+
+	/** Specifies the navigation control template for map
+	*   @Default {null}
+	*/
+	content?: string;
+
+	/** Set the dockPosition value for navigation control
+	*   @Default {centerleft}
+	*/
+	dockPosition?: ej.datavisualization.Map.Position|string;
+
+	/** Enables or Disables the Navigation for handling zooming map
+	*   @Default {false}
+	*/
+	enableNavigation?: boolean;
+
+	/** Set the orientation value for navigation control
+	*   @Default {vertical}
+	*/
+	orientation?: ej.datavisualization.Map.LabelOrientation|string;
+}
+
+export interface LayersBubbleSettingsColorMappingsRangeColorMapping {
+
+	/** Start range colorMappings in the bubble layer.
+	*   @Default {null}
+	*/
+	from?: number;
+
+	/** End range colorMappings in the bubble layer.
+	*   @Default {null}
+	*/
+	to?: number;
+
+	/** GradientColors in the bubble layer of map.
+	*/
+	gradientColors?: Array<any>;
+
+	/** Color of the bubble layer.
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface LayersBubbleSettingsColorMappings {
+
+	/** Specifies the range colorMappings in the bubble layer.
+	*   @Default {null}
+	*/
+	rangeColorMapping?: Array<LayersBubbleSettingsColorMappingsRangeColorMapping>;
+}
+
+export interface LayersBubbleSettings {
+
+	/** Specifies the bubble Opacity value of bubbles for shape layer in map
+	*   @Default {0.9}
+	*/
+	bubbleOpacity?: number;
+
+	/** Specifies the mouse hover color of the shape layer in map
+	*   @Default {gray}
+	*/
+	color?: string;
+
+	/** Specifies the colorMappings of the shape layer in map
+	*   @Default {null}
+	*/
+	colorMappings?: LayersBubbleSettingsColorMappings;
+
+	/** Specifies the bubble color valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	colorValuePath?: string;
+
+	/** Specifies the maximum size value of bubbles for shape layer in map
+	*   @Default {20}
+	*/
+	maxValue?: number;
+
+	/** Specifies the minimum size value of bubbles for shape layer in map
+	*   @Default {10}
+	*/
+	minValue?: number;
+
+	/** Specifies the showBubble visibility status map
+	*   @Default {true}
+	*/
+	showBubble?: boolean;
+
+	/** Specifies the tooltip visibility status of the shape layer in map
+	*   @Default {false}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the bubble tooltip template of the shape layer in map
+	*   @Default {null}
+	*/
+	tooltipTemplate?: string;
+
+	/** Specifies the bubble valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	valuePath?: string;
+}
+
+export interface LayersLabelSettings {
+
+	/** enable or disable the enableSmartLabel property
+	*   @Default {false}
+	*/
+	enableSmartLabel?: boolean;
+
+	/** set the labelLength property
+	*   @Default {'2'}
+	*/
+	labelLength?: number;
+
+	/** set the labelPath property
+	*   @Default {null}
+	*/
+	labelPath?: string;
+
+	/** The property specifies whether to show labels or not.
+	*   @Default {false}
+	*/
+	showLabels?: boolean;
+
+	/** set the smartLabelSize property
+	*   @Default {fixed}
+	*/
+	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
+}
+
+export interface LayersLegendSettings {
+
+	/** Determines whether the legend should be placed outside or inside the map bounds
+	*   @Default {false}
+	*/
+	dockOnMap?: boolean;
+
+	/** Determines the legend placement and it is valid only when dockOnMap is true
+	*   @Default {top}
+	*/
+	dockPosition?: ej.datavisualization.Map.DockPosition|string;
+
+	/** height value for legend setting
+	*   @Default {0}
+	*/
+	height?: number;
+
+	/** to get icon value for legend setting
+	*   @Default {rectangle}
+	*/
+	icon?: ej.datavisualization.Map.LegendIcons|string;
+
+	/** icon height value for legend setting
+	*   @Default {20}
+	*/
+	iconHeight?: number;
+
+	/** icon Width value for legend setting
+	*   @Default {20}
+	*/
+	iconWidth?: number;
+
+	/** set the orientation of legend labels
+	*   @Default {vertical}
+	*/
+	labelOrientation?: ej.datavisualization.Map.LabelOrientation|string;
+
+	/** to get leftLabel value for legend setting
+	*   @Default {null}
+	*/
+	leftLabel?: string;
+
+	/** to get mode of legend setting
+	*   @Default {default}
+	*/
+	mode?: ej.datavisualization.Map.Mode|string;
+
+	/** set the position of legend settings
+	*   @Default {topleft}
+	*/
+	position?: ej.datavisualization.Map.Position|string;
+
+	/** x position value for legend setting
+	*   @Default {0}
+	*/
+	positionX?: number;
+
+	/** y position value for legend setting
+	*   @Default {0}
+	*/
+	positionY?: number;
+
+	/** to get rightLabel value for legend setting
+	*   @Default {null}
+	*/
+	rightLabel?: string;
+
+	/** Enables or Disables the showLabels
+	*   @Default {false}
+	*/
+	showLabels?: boolean;
+
+	/** Enables or Disables the showLegend
+	*   @Default {false}
+	*/
+	showLegend?: boolean;
+
+	/** to get title of legend setting
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** to get type of legend setting
+	*   @Default {layers}
+	*/
+	type?: ej.datavisualization.Map.LegendType|string;
+
+	/** width value for legend setting
+	*   @Default {0}
+	*/
+	width?: number;
+}
+
+export interface LayersShapeSettingsColorMappingsRangeColorMapping {
+
+	/** Specifies the start range colorMappings in the shape layer of map.
+	*   @Default {null}
+	*/
+	from?: number;
+
+	/** Specifies the to range colorMappings in the shape layer of map.
+	*   @Default {null}
+	*/
+	to?: number;
+
+	/** Specifies the gradientColors in the shape layer of map.
+	*   @Default {null}
+	*/
+	gradientColors?: Array<any>;
+}
+
+export interface LayersShapeSettingsColorMappingsEqualColorMapping {
+
+	/** Specifies the equalColorMapping value in the shape layer of map.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Specifies the equalColorMapping color in the shape layer of map.
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface LayersShapeSettingsColorMappings {
+
+	/** Specifies the range colorMappings in the shape layer of map.
+	*   @Default {null}
+	*/
+	rangeColorMapping?: Array<LayersShapeSettingsColorMappingsRangeColorMapping>;
+
+	/** Specifies the equalColorMapping in the shape layer of map.
+	*   @Default {null}
+	*/
+	equalColorMapping?: Array<LayersShapeSettingsColorMappingsEqualColorMapping>;
+}
+
+export interface LayersShapeSettings {
+
+	/** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
+	*   @Default {false}
+	*/
+	autoFill?: boolean;
+
+	/** Specifies the colorMappings of the shape layer in map
+	*   @Default {null}
+	*/
+	colorMappings?: LayersShapeSettingsColorMappings;
+
+	/** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
+	*   @Default {palette1}
+	*/
+	colorPalette?: ej.datavisualization.Map.ColorPalette|string;
+
+	/** Specifies the shape color valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	colorValuePath?: string;
+
+	/** Enables or Disables the gradient colors for map shapes.
+	*   @Default {false}
+	*/
+	enableGradient?: boolean;
+
+	/** Specifies the shape fill color of the shape layer in map
+	*   @Default {#E5E5E5}
+	*/
+	fill?: string;
+
+	/** Specifies the mouse over width of the shape layer in map
+	*   @Default {1}
+	*/
+	highlightBorderWidth?: number;
+
+	/** Specifies the mouse hover color of the shape layer in map
+	*   @Default {gray}
+	*/
+	highlightColor?: string;
+
+	/** Specifies the mouse over stroke color of the shape layer in map
+	*   @Default {#C1C1C1}
+	*/
+	highlightStroke?: string;
+
+	/** Specifies the shape selection color of the shape layer in map
+	*   @Default {gray}
+	*/
+	selectionColor?: string;
+
+	/** Specifies the shape selection stroke color of the shape layer in map
+	*   @Default {#C1C1C1}
+	*/
+	selectionStroke?: string;
+
+	/** Specifies the shape selection stroke width of the shape layer in map
+	*   @Default {1}
+	*/
+	selectionStrokeWidth?: number;
+
+	/** Specifies the shape stroke color of the shape layer in map
+	*   @Default {#C1C1C1}
+	*/
+	stroke?: string;
+
+	/** Specifies the shape stroke thickness value of the shape layer in map
+	*   @Default {0.2}
+	*/
+	strokeThickness?: number;
+
+	/** Specifies the shape valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	valuePath?: string;
+}
+
+export interface LayersSublayersBubbleSettingsColorMappingsRangeColorMapping {
+
+	/** Start range colorMappings in the bubble layer.
+	*   @Default {null}
+	*/
+	from?: number;
+
+	/** End range colorMappings in the bubble layer.
+	*   @Default {null}
+	*/
+	to?: number;
+
+	/** GradientColors in the bubble layer of map.
+	*/
+	gradientColors?: Array<any>;
+
+	/** Color of the bubble layer.
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface LayersSublayersBubbleSettingsColorMappings {
+
+	/** Specifies the range colorMappings in the bubble layer.
+	*   @Default {null}
+	*/
+	rangeColorMapping?: Array<LayersSublayersBubbleSettingsColorMappingsRangeColorMapping>;
+}
+
+export interface LayersSublayersBubbleSettings {
+
+	/** Specifies the bubble Opacity value of bubbles for shape layer in map
+	*   @Default {0.9}
+	*/
+	bubbleOpacity?: number;
+
+	/** Specifies the mouse hover color of the shape layer in map
+	*   @Default {gray}
+	*/
+	color?: string;
+
+	/** Specifies the colorMappings of the shape layer in map
+	*   @Default {null}
+	*/
+	colorMappings?: LayersSublayersBubbleSettingsColorMappings;
+
+	/** Specifies the bubble color valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	colorValuePath?: string;
+
+	/** Specifies the maximum size value of bubbles for shape layer in map
+	*   @Default {20}
+	*/
+	maxValue?: number;
+
+	/** Specifies the minimum size value of bubbles for shape layer in map
+	*   @Default {10}
+	*/
+	minValue?: number;
+
+	/** Specifies the showBubble visibility status map
+	*   @Default {true}
+	*/
+	showBubble?: boolean;
+
+	/** Specifies the tooltip visibility status of the shape layer in map
+	*   @Default {false}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the bubble tooltip template of the shape layer in map
+	*   @Default {null}
+	*/
+	tooltipTemplate?: string;
+
+	/** Specifies the bubble valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	valuePath?: string;
+}
+
+export interface LayersSublayersLabelSettings {
+
+	/** enable or disable the enableSmartLabel property
+	*   @Default {false}
+	*/
+	enableSmartLabel?: boolean;
+
+	/** set the labelLength property
+	*   @Default {'2'}
+	*/
+	labelLength?: number;
+
+	/** set the labelPath property
+	*   @Default {null}
+	*/
+	labelPath?: string;
+
+	/** The property specifies whether to show labels or not.
+	*   @Default {false}
+	*/
+	showLabels?: boolean;
+
+	/** set the smartLabelSize property
+	*   @Default {fixed}
+	*/
+	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
+}
+
+export interface LayersSublayersLegendSettings {
+
+	/** Determines whether the legend should be placed outside or inside the map bounds
+	*   @Default {false}
+	*/
+	dockOnMap?: boolean;
+
+	/** Determines the legend placement and it is valid only when dockOnMap is true
+	*   @Default {top}
+	*/
+	dockPosition?: ej.datavisualization.Map.DockPosition|string;
+
+	/** height value for legend setting
+	*   @Default {0}
+	*/
+	height?: number;
+
+	/** to get icon value for legend setting
+	*   @Default {rectangle}
+	*/
+	icon?: ej.datavisualization.Map.LegendIcons|string;
+
+	/** icon height value for legend setting
+	*   @Default {20}
+	*/
+	iconHeight?: number;
+
+	/** icon Width value for legend setting
+	*   @Default {20}
+	*/
+	iconWidth?: number;
+
+	/** set the orientation of legend labels
+	*   @Default {vertical}
+	*/
+	labelOrientation?: ej.datavisualization.Map.LabelOrientation|string;
+
+	/** to get leftLabel value for legend setting
+	*   @Default {null}
+	*/
+	leftLabel?: string;
+
+	/** to get mode of legend setting
+	*   @Default {default}
+	*/
+	mode?: ej.datavisualization.Map.Mode|string;
+
+	/** set the position of legend settings
+	*   @Default {topleft}
+	*/
+	position?: ej.datavisualization.Map.Position|string;
+
+	/** x position value for legend setting
+	*   @Default {0}
+	*/
+	positionX?: number;
+
+	/** y position value for legend setting
+	*   @Default {0}
+	*/
+	positionY?: number;
+
+	/** to get rightLabel value for legend setting
+	*   @Default {null}
+	*/
+	rightLabel?: string;
+
+	/** Enables or Disables the showLabels
+	*   @Default {false}
+	*/
+	showLabels?: boolean;
+
+	/** Enables or Disables the showLegend
+	*   @Default {false}
+	*/
+	showLegend?: boolean;
+
+	/** to get title of legend setting
+	*   @Default {null}
+	*/
+	title?: string;
+
+	/** to get type of legend setting
+	*   @Default {layers}
+	*/
+	type?: ej.datavisualization.Map.LegendType|string;
+
+	/** width value for legend setting
+	*   @Default {0}
+	*/
+	width?: number;
+}
+
+export interface LayersSublayersShapeSettingsColorMappingsRangeColorMapping {
+
+	/** Specifies the start range colorMappings in the shape layer of map.
+	*   @Default {null}
+	*/
+	from?: number;
+
+	/** Specifies the to range colorMappings in the shape layer of map.
+	*   @Default {null}
+	*/
+	to?: number;
+
+	/** Specifies the gradientColors in the shape layer of map.
+	*   @Default {null}
+	*/
+	gradientColors?: Array<any>;
+}
+
+export interface LayersSublayersShapeSettingsColorMappingsEqualColorMapping {
+
+	/** Specifies the equalColorMapping value in the shape layer of map.
+	*   @Default {null}
+	*/
+	value?: string;
+
+	/** Specifies the equalColorMapping color in the shape layer of map.
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface LayersSublayersShapeSettingsColorMappings {
+
+	/** Specifies the range colorMappings in the shape layer of map.
+	*   @Default {null}
+	*/
+	rangeColorMapping?: Array<LayersSublayersShapeSettingsColorMappingsRangeColorMapping>;
+
+	/** Specifies the equalColorMapping in the shape layer of map.
+	*   @Default {null}
+	*/
+	equalColorMapping?: Array<LayersSublayersShapeSettingsColorMappingsEqualColorMapping>;
+}
+
+export interface LayersSublayersShapeSettings {
+
+	/** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
+	*   @Default {false}
+	*/
+	autoFill?: boolean;
+
+	/** Specifies the colorMappings of the shape layer in map
+	*   @Default {null}
+	*/
+	colorMappings?: LayersSublayersShapeSettingsColorMappings;
+
+	/** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
+	*   @Default {palette1}
+	*/
+	colorPalette?: ej.datavisualization.Map.ColorPalette|string;
+
+	/** Specifies the shape color valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	colorValuePath?: string;
+
+	/** Enables or Disables the gradient colors for map shapes.
+	*   @Default {false}
+	*/
+	enableGradient?: boolean;
+
+	/** Specifies the shape fill color of the shape layer in map
+	*   @Default {#E5E5E5}
+	*/
+	fill?: string;
+
+	/** Specifies the mouse over width of the shape layer in map
+	*   @Default {1}
+	*/
+	highlightBorderWidth?: number;
+
+	/** Specifies the mouse hover color of the shape layer in map
+	*   @Default {gray}
+	*/
+	highlightColor?: string;
+
+	/** Specifies the mouse over stroke color of the shape layer in map
+	*   @Default {#C1C1C1}
+	*/
+	highlightStroke?: string;
+
+	/** Specifies the shape selection color of the shape layer in map
+	*   @Default {gray}
+	*/
+	selectionColor?: string;
+
+	/** Specifies the shape selection stroke color of the shape layer in map
+	*   @Default {#C1C1C1}
+	*/
+	selectionStroke?: string;
+
+	/** Specifies the shape selection stroke width of the shape layer in map
+	*   @Default {1}
+	*/
+	selectionStrokeWidth?: number;
+
+	/** Specifies the shape stroke color of the shape layer in map
+	*   @Default {#C1C1C1}
+	*/
+	stroke?: string;
+
+	/** Specifies the shape stroke thickness value of the shape layer in map
+	*   @Default {0.2}
+	*/
+	strokeThickness?: number;
+
+	/** Specifies the shape valuePath of the shape layer in map
+	*   @Default {null}
+	*/
+	valuePath?: string;
+}
+
+export interface LayersSublayer {
+
+	/** to get the type of bing map.
+	*   @Default {aerial}
+	*/
+	bingMapType?: ej.datavisualization.Map.BingMapType|string;
+
+	/** Specifies the bubble settings for map
+	*/
+	bubbleSettings?: LayersSublayersBubbleSettings;
+
+	/** Specifies the datasource for the shape layer
+	*/
+	dataSource?: any;
+
+	/** Specifies the data path of shape
+	*/
+	shapeDataPath?: string;
+
+	/** Specifies the data path of shape
+	*/
+	shapePropertyPath?: string;
+
+	/** Enables or disables the shape mouse hover
+	*   @Default {false}
+	*/
+	enableMouseHover?: boolean;
+
+	/** Enables or disables the shape selection
+	*   @Default {true}
+	*/
+	enableSelection?: boolean;
+
+	/** to get the key of bing map
+	*   @Default {null}
+	*/
+	key?: string;
+
+	/** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
+	*/
+	labelSettings?: LayersSublayersLabelSettings;
+
+	/** Specifies the map view type.
+	*   @Default {'geographic'}
+	*/
+	geometryType?: ej.datavisualization.Map.GeometryType|string;
+
+	/** Specifies the map type.
+	*   @Default {'geometry'}
+	*/
+	layerType?: ej.datavisualization.Map.LayerType|string;
+
+	/** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
+	*/
+	legendSettings?: LayersSublayersLegendSettings;
+
+	/** Specifies the map items template for shapes.
+	*/
+	mapItemsTemplate?: string;
+
+	/** Specify markers for shape layer.
+	*/
+	markers?: Array<any>;
+
+	/** Specifies the map marker template for map layer.
+	*   @Default {null}
+	*/
+	markerTemplate?: string;
+
+	/** Specify selectedMapShapes for shape layer
+	*   @Default {[]}
+	*/
+	selectedMapShapes?: Array<any>;
+
+	/** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
+	*   @Default {default}
+	*/
+	selectionMode?: ej.datavisualization.Map.SelectionMode|string;
+
+	/** Specifies the shape data for the shape layer
+	*/
+	shapeData?: any;
+
+	/** Specifies the shape settings of map layer
+	*/
+	shapeSettings?: LayersSublayersShapeSettings;
+
+	/** Shows or hides the map items.
+	*   @Default {false}
+	*/
+	showMapItems?: boolean;
+
+	/** Shows or hides the tooltip for shapes
+	*   @Default {false}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the tooltip template for shapes.
+	*/
+	tooltipTemplate?: string;
+
+	/** Specifies the URL template for the OSM type map.
+	*   @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
+	*/
+	urlTemplate?: string;
+}
+
+export interface Layer {
+
+	/** to get the type of bing map.
+	*   @Default {aerial}
+	*/
+	bingMapType?: ej.datavisualization.Map.BingMapType|string;
+
+	/** Specifies the bubble settings for map
+	*/
+	bubbleSettings?: LayersBubbleSettings;
+
+	/** Specifies the datasource for the shape layer
+	*/
+	dataSource?: any;
+
+	/** Specifies the data path of shape
+	*/
+	shapeDataPath?: string;
+
+	/** Specifies the data path of shape
+	*/
+	shapePropertyPath?: string;
+
+	/** Enables or disables the shape mouse hover
+	*   @Default {false}
+	*/
+	enableMouseHover?: boolean;
+
+	/** Enables or disables the shape selection
+	*   @Default {true}
+	*/
+	enableSelection?: boolean;
+
+	/** to get the key of bing map
+	*   @Default {null}
+	*/
+	key?: string;
+
+	/** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
+	*/
+	labelSettings?: LayersLabelSettings;
+
+	/** Specifies the map view type.
+	*   @Default {'geographic'}
+	*/
+	geometryType?: ej.datavisualization.Map.GeometryType|string;
+
+	/** Specifies the map type.
+	*   @Default {'geometry'}
+	*/
+	layerType?: ej.datavisualization.Map.LayerType|string;
+
+	/** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
+	*/
+	legendSettings?: LayersLegendSettings;
+
+	/** Specifies the map items template for shapes.
+	*/
+	mapItemsTemplate?: string;
+
+	/** Specify markers for shape layer.
+	*/
+	markers?: Array<any>;
+
+	/** Specifies the map marker template for map layer.
+	*   @Default {null}
+	*/
+	markerTemplate?: string;
+
+	/** Specify selectedMapShapes for shape layer
+	*   @Default {[]}
+	*/
+	selectedMapShapes?: Array<any>;
+
+	/** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
+	*   @Default {default}
+	*/
+	selectionMode?: ej.datavisualization.Map.SelectionMode|string;
+
+	/** Specifies the shape data for the shape layer
+	*/
+	shapeData?: any;
+
+	/** Specifies the shape settings of map layer
+	*/
+	shapeSettings?: LayersShapeSettings;
+
+	/** Shows or hides the map items.
+	*   @Default {false}
+	*/
+	showMapItems?: boolean;
+
+	/** Shows or hides the tooltip for shapes
+	*   @Default {false}
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the tooltip template for shapes.
+	*/
+	tooltipTemplate?: string;
+
+	/** Specifies the URL template for the OSM type map.
+	*   @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
+	*/
+	urlTemplate?: string;
+
+	/** Sublayer is the collection of shape Layer
+	*/
+	sublayers?: Array<LayersSublayer>;
+}
+}
+module Map
+{
+enum Position
+{
+//specifies the none position
+None,
+//specifies the topleft position
+Topleft,
+//specifies the topcenter position
+Topcenter,
+//specifies the topright position
+Topright,
+//specifies the centerleft position
+Centerleft,
+//specifies the center position
+Center,
+//specifies the centerright position
+Centerright,
+//specifies the bottomleft position
+Bottomleft,
+//specifies the bottomcenter position
+Bottomcenter,
+//specifies the bottomright position
+Bottomright,
+}
+}
+module Map
+{
+enum LabelOrientation
+{
+//specifies the horizontal position
+Horizontal,
+//specifies the vertical position
+Vertical,
+}
+}
+module Map
+{
+enum BingMapType
+{
+//specifies the aerial type
+Aerial,
+//specifies the aerialwithlabel type
+Aerialwithlabel,
+//specifies the road type
+Road,
+}
+}
+module Map
+{
+enum LabelSize
+{
+//specifies the fixed size
+Fixed,
+//specifies the default size
+Default,
+}
+}
+module Map
+{
+enum GeometryType
+{
+//specifies the geographic view of map
+Geographic,
+//specifies the normal land view of map
+Normal,
+}
+}
+module Map
+{
+enum LayerType
+{
+//specifies the geometry type
+Geometry,
+//specifies the osm type
+Osm,
+//specifies the bing type
+Bing,
+}
+}
+module Map
+{
+enum DockPosition
+{
+//specifies the top position
+Top,
+//specifies the bottom position
+Bottom,
+//specifies the bottom position
+Right,
+//specifies the left position
+Left,
+}
+}
+module Map
+{
+enum LegendIcons
+{
+//specifies the rectangle position
+Rectangle,
+//specifies the circle position
+Circle,
+}
+}
+module Map
+{
+enum Mode
+{
+//specifies the default mode
+Default,
+//specifies the interactive mode
+Interactive,
+}
+}
+module Map
+{
+enum LegendType
+{
+//specifies the layers type
+Layers,
+//specifies the bubbles type
+Bubbles,
+}
+}
+module Map
+{
+enum SelectionMode
+{
+//specifies the default position
+Default,
+//specifies the multiple position
+Multiple,
+}
+}
+module Map
+{
+enum ColorPalette
+{
+//specifies the palette1 color
+Palette1,
+//specifies the palette2 color
+Palette2,
+//specifies the palette3 color
+Palette3,
+//specifies the custom color
+Custompalette,
+}
+}
+
+class TreeMap extends ej.Widget {
+	static fn: TreeMap;
+	constructor(element: JQuery, options?: TreeMap.Model);
+	constructor(element: Element, options?: TreeMap.Model);
+	static Locale: any;
+	model:TreeMap.Model;
+	defaults:TreeMap.Model;
+
+	/** Method to reload treemap with updated values.
+	*   @returns {void}
+	*/
+	refresh(): void;
+}
+export module TreeMap{
+
+export interface Model {
+
+	/** Specifies the border brush color of the treemap
+	*   @Default {white}
+	*/
+	borderBrush?: string;
+
+	/** Specifies the border thickness of the treemap
+	*   @Default {1}
+	*/
+	borderThickness?: number;
+
+	/** Specifies the uniColorMapping settings of the treemap
+	*/
+	uniColorMapping?: UniColorMapping;
+
+	/** Specifies the desaturationColorMapping settings of the treemap
+	*/
+	desaturationColorMapping?: DesaturationColorMapping;
+
+	/** Specifies the paletteColorMapping of the treemap
+	*/
+	paletteColorMapping?: PaletteColorMapping;
+
+	/** Specifies the color value path of the treemap
+	*   @Default {null}
+	*/
+	colorValuePath?: string;
+
+	/** Specifies the datasource of the treemap
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Specifies the dockPosition for legend
+	*   @Default {top}
+	*/
+	dockPosition?: ej.datavisualization.TreeMap.DockPosition|string;
+
+	/** specifies the drillDown header color
+	*   @Default {'null'}
+	*/
+	drillDownHeaderColor?: string;
+
+	/** specifies the drillDown selection color
+	*   @Default {'#000000'}
+	*/
+	drillDownSelectionColor?: string;
+
+	/** Specifies whether datasource is hierarchical or not.
+	*   @Default {false}
+	*/
+	isHierarchicalDatasource?: boolean;
+
+	/** Specifies the header for parent item during drilldown. This is applicable only for hierarchical data source.
+	*   @Default {null}
+	*/
+	header?: string;
+
+	/** Enable/Disable the drillDown for treemap
+	*   @Default {false}
+	*/
+	enableDrillDown?: boolean;
+
+	/** Controls whether Treemap has to be responsive while resizing the window.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies whether treemap need to resize when container is resized
+	*   @Default {true}
+	*/
+	enableResize?: boolean;
+
+	/** This property is used to select treemap items while clicking and dragging
+	*   @Default {false}
+	*/
+	draggingOnSelection?: boolean;
+
+	/** This property is used to select group of treemap items while clicking and dragging
+	*   @Default {false}
+	*/
+	draggingGroupOnSelection?: boolean;
+
+	/** Specifies the group color mapping of the treemap
+	*   @Default {[]}
+	*/
+	groupColorMapping?: Array<GroupColorMapping>;
+
+	/** Specifies the legend settings of the treemap
+	*/
+	legendSettings?: LegendSettings;
+
+	/** Specifies the highlight border brush of treemap
+	*   @Default {gray}
+	*/
+	highlightBorderBrush?: string;
+
+	/** Specifies the border thickness when treemap items is highlighted in the treemap
+	*   @Default {5}
+	*/
+	highlightBorderThickness?: number;
+
+	/** Specifies the highlight border brush of treemap
+	*   @Default {gray}
+	*/
+	highlightGroupBorderBrush?: string;
+
+	/** Specifies the border thickness when treemap items is highlighted in the treemap
+	*   @Default {5}
+	*/
+	highlightGroupBorderThickness?: number;
+
+	/** Specifies whether treemap item need to highlighted on selection
+	*   @Default {false}
+	*/
+	highlightGroupOnSelection?: boolean;
+
+	/** Specifies whether treemap item need to highlighted on selection
+	*   @Default {false}
+	*/
+	highlightOnSelection?: boolean;
+
+	/** Specifies the items layout mode of the treemap. Accepted itemsLayoutMode values are Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto
+	*   @Default {Squarified}
+	*/
+	itemsLayoutMode?: ej.datavisualization.TreeMap.ItemsLayoutMode|string;
+
+	/** Specify to convert the date object to string, using locale settings.
+	*   @Default {false}
+	*/
+	enableGroupSeparator?: boolean;
+
+	/** Name of the culture based on which Tree Map should be localized.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Specifies the leaf settings of the treemap
+	*/
+	leafItemSettings?: LeafItemSettings;
+
+	/** Specifies the rangeColorMapping settings of the treemap
+	*   @Default {[]}
+	*/
+	rangeColorMapping?: Array<RangeColorMapping>;
+
+	/** Specifies the selection mode of treemap item. Accepted selection mode values are Default and Multiple.
+	*   @Default {default}
+	*/
+	selectionMode?: ej.datavisualization.TreeMap.selectionMode|string;
+
+	/** Specifies the selection mode of the treemap. Accepted selection mode values are Default and Multiple.
+	*   @Default {default}
+	*/
+	groupSelectionMode?: ej.datavisualization.TreeMap.groupSelectionMode|string;
+
+	/** Specifies the legend visibility status of the treemap
+	*   @Default {false}
+	*/
+	showLegend?: boolean;
+
+	/** Specifies whether gradient color has to be applied for treemap items
+	*   @Default {false}
+	*/
+	enableGradient?: boolean;
+
+	/** Specifies whether treemap showTooltip need to be visible
+	*/
+	showTooltip?: boolean;
+
+	/** Specifies the tooltip template of the treemap
+	*   @Default {null}
+	*/
+	tooltipTemplate?: string;
+
+	/** Hold the treeMapItems to be displayed in treemap
+	*   @Default {[]}
+	*/
+	treeMapItems?: Array<any>;
+
+	/** Specify levels of treemap for grouped visualization of data
+	*   @Default {[]}
+	*/
+	levels?: Array<Level>;
+
+	/** Specifies the weight value path of the treemap
+	*   @Default {null}
+	*/
+	weightValuePath?: string;
+
+	/** Triggers on treemap item selected. */
+	treeMapItemSelected? (e: TreeMapItemSelectedEventArgs): void;
+
+	/** Triggers when drilldown is started */
+	drillStarted? (e: DrillStartedEventArgs): void;
+
+	/** Triggers on treemap  drilldown  item  selected. */
+	drillDownItemSelected? (e: DrillDownItemSelectedEventArgs): void;
+
+	/** Triggers after refreshing the treemap items. */
+	refreshed? (e: RefreshedEventArgs): void;
+
+	/** Triggers when the group selection is performed on treemap items. */
+	treeMapGroupSelected? (e: TreeMapGroupSelectedEventArgs): void;
+}
+
+export interface TreeMapItemSelectedEventArgs {
+
+	/** Returns selected treeMapItem object.
+	*/
+	originalEvent?: any;
+}
+
+export interface DrillStartedEventArgs {
+
+	/** Returns selected drilled treeMap object.
+	*/
+	originalEvent?: any;
+}
+
+export interface DrillDownItemSelectedEventArgs {
+
+	/** Returns selected drilldown treeMap object.
+	*/
+	originalEvent?: any;
+}
+
+export interface RefreshedEventArgs {
+
+	/** Refresh and load the treemap.
+	*/
+	originalEvent?: any;
+}
+
+export interface TreeMapGroupSelectedEventArgs {
+
+	/** Returns the  selected group of treeMapItems as  object.
+	*/
+	originalEvent?: any;
+}
+
+export interface UniColorMapping {
+
+	/** Specifies the uniform color mapping of the treemap
+	*   @Default {null}
+	*/
+	color?: string;
+}
+
+export interface DesaturationColorMapping {
+
+	/** Specifies the to value for desaturation color mapping
+	*   @Default {0}
+	*/
+	to?: number;
+
+	/** Specifies the color for desaturationColorMapping
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Specifies the from value for desaturation color mapping
+	*   @Default {0}
+	*/
+	from?: number;
+
+	/** Specifies the rangeMaximum value for desaturation color mapping
+	*   @Default {0}
+	*/
+	rangeMaximum?: number;
+
+	/** Specifies the rangeMinimum value for desaturation color mapping
+	*   @Default {0}
+	*/
+	rangeMinimum?: number;
+}
+
+export interface PaletteColorMapping {
+
+	/** Specifies the colors of the paletteColorMapping
+	*   @Default {[]}
+	*/
+	colors?: Array<any>;
+}
+
+export interface GroupColorMapping {
+
+	/** Specifies the groupID for GroupColorMapping.
+	*   @Default {null}
+	*/
+	groupID?: string;
+}
+
+export interface LegendSettings {
+
+	/** Specifies the height for legend
+	*   @Default {30}
+	*/
+	height?: number;
+
+	/** Specifies the width for legend
+	*   @Default {100}
+	*/
+	width?: number;
+
+	/** Specifies the iconHeight for legend
+	*   @Default {15}
+	*/
+	iconHeight?: number;
+
+	/** Specifies the iconWidth for legend
+	*   @Default {15}
+	*/
+	iconWidth?: number;
+
+	/** Specifies the template for legendSettings
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Specifies the mode for legendSettings whether default or interactive mode
+	*   @Default {default}
+	*/
+	mode?: string;
+
+	/** Specifies the title text for legend
+	*/
+	title?: string;
+
+	/** Specifies the leftLabel text for legend
+	*/
+	leftLabel?: string;
+
+	/** Specifies the rightLabel text for legend
+	*/
+	rightLabel?: string;
+
+	/** Specifies the dockPosition text for legend
+	*   @Default {top}
+	*/
+	dockPosition?: string;
+
+	/** Specifies the alignment text for legend
+	*   @Default {near}
+	*/
+	alignment?: string;
+
+	/** Specifies the alignment text for legend
+	*   @Default {0}
+	*/
+	columnCount?: number;
+}
+
+export interface LeafItemSettings {
+
+	/** Specifies the border brush color of the leaf item.
+	*   @Default {white}
+	*/
+	borderBrush?: string;
+
+	/** Specifies the border thickness of the leaf item.
+	*   @Default {1}
+	*/
+	borderThickness?: number;
+
+	/** Specifies the space between the leaf items.
+	*   @Default {0}
+	*/
+	gap?: number;
+
+	/** Specifies the label template of the leaf item.
+	*   @Default {null}
+	*/
+	itemTemplate?: string;
+
+	/** Specifies the label path of the leaf item.
+	*   @Default {null}
+	*/
+	labelPath?: string;
+
+	/** Specifies the position of the leaf labels.
+	*   @Default {center}
+	*/
+	labelPosition?: ej.datavisualization.TreeMap.Position|string;
+
+	/** Specifies the mode of label visibility
+	*   @Default {visible}
+	*/
+	labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
+
+	/** Shows or hides the label of the leaf item.
+	*   @Default {false}
+	*/
+	showLabels?: boolean;
+}
+
+export interface RangeColorMapping {
+
+	/** Specifies the color value for rangeColorMapping.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** specifies the gradient colors for th given range value
+	*   @Default {[]}
+	*/
+	gradientColors?: Array<any>;
+
+	/** Specifies the from value for rangeColorMapping.
+	*   @Default {-1}
+	*/
+	from?: number;
+
+	/** Specifies the legend label value for rangeColorMapping.
+	*   @Default {null}
+	*/
+	legendLabel?: string;
+
+	/** Specifies the to value for rangeColorMapping.
+	*   @Default {-1}
+	*/
+	to?: number;
+}
+
+export interface Level {
+
+	/** specifies the group background
+	*   @Default {null}
+	*/
+	groupBackground?: string;
+
+	/** Specifies the group border color for tree map level.
+	*   @Default {null}
+	*/
+	groupBorderColor?: string;
+
+	/** Specifies the group border thickness for tree map level.
+	*   @Default {1}
+	*/
+	groupBorderThickness?: number;
+
+	/** Specifies the group gap for tree map level.
+	*   @Default {1}
+	*/
+	groupGap?: number;
+
+	/** Specifies the group padding for tree map level.
+	*   @Default {4}
+	*/
+	groupPadding?: number;
+
+	/** Specifies the group path for tree map level.
+	*/
+	groupPath?: string;
+
+	/** Specifies the header height for tree map level.
+	*   @Default {0}
+	*/
+	headerHeight?: number;
+
+	/** Specifies the header template for tree map level.
+	*   @Default {null}
+	*/
+	headerTemplate?: string;
+
+	/** Specifies the mode of header visibility
+	*   @Default {visible}
+	*/
+	headerVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
+
+	/** Specifies the position of the labels.
+	*   @Default {center}
+	*/
+	labelPosition?: ej.datavisualization.TreeMap.Position|string;
+
+	/** Specifies the label template for tree map level.
+	*   @Default {null}
+	*/
+	labelTemplate?: string;
+
+	/** Specifies the mode of label visibility
+	*   @Default {visible}
+	*/
+	labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
+
+	/** Shows or hides the header for tree map level.
+	*   @Default {false}
+	*/
+	showHeader?: boolean;
+
+	/** Shows or hides the labels for tree map level.
+	*   @Default {false}
+	*/
+	showLabels?: boolean;
+}
+}
+module TreeMap
+{
+enum DockPosition
+{
+//specifies the top position
+Top,
+//specifies the bottom position
+Bottom,
+//specifies the bottom position
+Right,
+//specifies the left position
+Left,
+}
+}
+module TreeMap
+{
+enum ItemsLayoutMode
+{
+//specifies the squarified as layout type position
+Squarified,
+//specifies the sliceanddicehorizontal as layout type position
+Sliceanddicehorizontal,
+//specifies the sliceanddicevertical as layout type position
+Sliceanddicevertical,
+//specifies the sliceanddiceauto as layout type position
+Sliceanddiceauto,
+}
+}
+module TreeMap
+{
+enum Position
+{
+//specifies the none position
+None,
+//specifies the topleft position
+Topleft,
+//specifies the topcenter position
+Topcenter,
+//specifies the topright position
+Topright,
+//specifies the centerleft position
+Centerleft,
+//specifies the center position
+Center,
+//specifies the centerright position
+Centerright,
+//specifies the bottomleft position
+Bottomleft,
+//specifies the bottomcenter position
+Bottomcenter,
+//specifies the bottomright position
+Bottomright,
+}
+}
+module TreeMap
+{
+enum VisibilityMode
+{
+//specifies the visible mode
+Top,
+//specifies the hide on exceeded length mode
+Hideonexceededlength,
+}
+}
+module TreeMap
+{
+enum selectionMode
+{
+//specifies the default mode
+Default,
+//specifies the multiple mode
+Multiple,
+}
+}
+module TreeMap
+{
+enum groupSelectionMode
+{
+//specifies the default mode
+Default,
+//specifies the multiple mode
+Multiple,
+}
+}
+
+class Diagram extends ej.Widget {
+	static fn: Diagram;
+	constructor(element: JQuery, options?: Diagram.Model);
+	constructor(element: Element, options?: Diagram.Model);
+	static Locale: any;
+	model:Diagram.Model;
+	defaults:Diagram.Model;
+
+	/** Add nodes and connectors to diagram at runtime
+	*   @param {any} a JSON to define a node/connector or an array of nodes and connector
+	*   @returns {boolean}
+	*/
+	add(node: any): boolean;
+
+	/** Add a label to a node at runtime
+	*   @param {string} name of the node to which label will be added
+	*   @param {any} JSON for the new label to be added
+	*   @returns {void}
+	*/
+	addLabel(nodeName: string, newLabel: any): void;
+
+	/** Add dynamic Lanes to swimlane at runtime
+	*   @param {any} JSON for the new lane to be added
+	*   @param {number} Index value to add the lane in swimlane
+	*   @returns {void}
+	*/
+	addLane(lane: any, index: number): void;
+
+	/** Add a phase to a swimlane at runtime
+	*   @param {string} name of the swimlane to which the phase will be added
+	*   @param {any} JSON object to define the phase to be added
+	*   @returns {void}
+	*/
+	addPhase(name: string, options: any): void;
+
+	/** Add a collection of ports to the node specified by name
+	*   @param {string} name of the node to which the ports have to be added
+	*   @param {Array<any>} a collection of ports to be added to the specified node
+	*   @returns {void}
+	*/
+	addPorts(name: string, ports: Array<any>): void;
+
+	/** Add the specified node to selection list
+	*   @param {any} the node to be selected
+	*   @param {boolean} to define whether to clear the existing selection or not
+	*   @returns {void}
+	*/
+	addSelection(node: any, clearSelection?: boolean): void;
+
+	/** Align the selected objects based on the reference object and direction
+	*   @param {string} to specify the direction towards which the selected objects are to be aligned("left","right",top","bottom")
+	*   @returns {void}
+	*/
+	align(direction: string): void;
+
+	/** Bring the specified portion of the diagram content to the diagram viewport
+	*   @param {any} the rectangular region that is to be brought into diagram viewport
+	*   @returns {void}
+	*/
+	bringIntoView(rect: any): void;
+
+	/** Bring the specified portion of the diagram content to the center of the diagram viewport
+	*   @param {any} the rectangular region that is to be brought to the center of diagram viewport
+	*   @returns {void}
+	*/
+	bringToCenter(rect: any): void;
+
+	/** Visually move the selected object over all other intersected objects
+	*   @returns {void}
+	*/
+	bringToFront(): void;
+
+	/** Remove all the elements from diagram
+	*   @returns {void}
+	*/
+	clear(): void;
+
+	/** Clears the actions which is recorded to perform undo/redo operation in the diagram.
+	*   @returns {void}
+	*/
+	clearHistory(): void;
+
+	/** Remove the current selection in diagram
+	*   @returns {void}
+	*/
+	clearSelection(): void;
+
+	/** Copy the selected object to internal clipboard and get the copied object
+	*   @returns {any}
+	*/
+	copy(): any;
+
+	/** Cut the selected object from diagram to diagram internal clipboard
+	*   @returns {void}
+	*/
+	cut(): void;
+
+	/** Export the diagram as downloadable files or as data
+	*   @param {Diagram.Options} options to export the desired region of diagram to the desired formats.
+	*   @returns {string}
+	*/
+	exportDiagram(options?: Diagram.Options): string;
+
+	/** Read a node/connector object by its name
+	*   @param {string} name of the node/connector that is to be identified
+	*   @returns {any}
+	*/
+	findNode(name: string): any;
+
+	/** Fit the diagram content into diagram viewport
+	*   @param {ej.datavisualization.Diagram.FitMode} to set the mode of fit to command.
+	*   @param {ej.datavisualization.Diagram.Region} to set whether the region to be fit will be based on diagram elements or page settings.
+	*   @param {any} to set the required margin
+	*   @returns {void}
+	*/
+	fitToPage(mode?: ej.datavisualization.Diagram.FitMode, region?: ej.datavisualization.Diagram.Region, margin?: any): void;
+
+	/** Group the selected nodes and connectors
+	*   @returns {void}
+	*/
+	group(): void;
+
+	/** Insert a label into a node's label collection at runtime
+	*   @param {string} name of the node to which the label has to be inserted
+	*   @param {any} JSON to define the new label
+	*   @param {number} index to insert the label into the node
+	*   @returns {void}
+	*/
+	insertLabel(name: string, label: any, index?: number): void;
+
+	/** Refresh the diagram with the specified layout
+	*   @returns {void}
+	*/
+	layout(): void;
+
+	/** Load the diagram
+	*   @param {any} JSON data to load the diagram
+	*   @returns {void}
+	*/
+	load(data: any): void;
+
+	/** Visually move the selected object over its closest intersected object
+	*   @returns {void}
+	*/
+	moveForward(): void;
+
+	/** Move the selected objects by either one pixel or by the pixels specified through argument
+	*   @param {string} specifies the direction to move the selected objects ("left","right",top","bottom")
+	*   @param {number} specifies the number of pixels by which the selected objects have to be moved
+	*   @returns {void}
+	*/
+	nudge(direction: string, delta?: number): void;
+
+	/** Paste the selected object from internal clipboard to diagram
+	*   @param {any} object to be added to diagram
+	*   @param {boolean} to define whether the specified object is to be renamed or not
+	*   @returns {void}
+	*/
+	paste(object?: any, rename?: boolean): void;
+
+	/** Print the diagram as image
+	*   @returns {void}
+	*/
+	print(): void;
+
+	/** Restore the last action that was reverted
+	*   @returns {void}
+	*/
+	redo(): void;
+
+	/** Refresh the diagram at runtime
+	*   @returns {void}
+	*/
+	refresh(): void;
+
+	/** Remove either the given node/connector or the selected element from diagram
+	*   @param {any} the node/connector to be removed from diagram
+	*   @returns {void}
+	*/
+	remove(node?: any): void;
+
+	/** Remove a particular object from selection list
+	*   @param {any} the node/connector to be removed from selection list
+	*   @returns {void}
+	*/
+	removeSelection(node: any): void;
+
+	/** Scale the selected objects to the height of the first selected object
+	*   @returns {void}
+	*/
+	sameHeight(): void;
+
+	/** Scale the selected objects to the size of the first selected object
+	*   @returns {void}
+	*/
+	sameSize(): void;
+
+	/** Scale the selected objects to the width of the first selected object
+	*   @returns {void}
+	*/
+	sameWidth(): void;
+
+	/** Returns the diagram as serialized JSON
+	*   @returns {any}
+	*/
+	save(): any;
+
+	/** Bring the node into view
+	*   @param {any} the node/connector to be brought into view
+	*   @returns {void}
+	*/
+	scrollToNode(node: any): void;
+
+	/** Select all nodes and connector in diagram
+	*   @returns {void}
+	*/
+	selectAll(): void;
+
+	/** Visually move the selected object behind its closest intersected object
+	*   @returns {void}
+	*/
+	sendBackward(): void;
+
+	/** Visually move the selected object behind all other intersected objects
+	*   @returns {void}
+	*/
+	sendToBack(): void;
+
+	/** Update the horizontal space between the selected objects as equal and within the selection boundary
+	*   @returns {void}
+	*/
+	spaceAcross(): void;
+
+	/** Update the vertical space between the selected objects as equal and within the selection boundary
+	*   @returns {void}
+	*/
+	spaceDown(): void;
+
+	/** Move the specified label to edit mode
+	*   @param {any} node/connector that contains the label to be edited
+	*   @param {any} to be edited
+	*   @returns {void}
+	*/
+	startLabelEdit(node: any, label: any): void;
+
+	/** Reverse the last action that was performed
+	*   @returns {void}
+	*/
+	undo(): void;
+
+	/** Ungroup the selected group
+	*   @returns {void}
+	*/
+	ungroup(): void;
+
+	/** Update diagram at runtime
+	*   @param {any} JSON to specify the diagram properties that have to be modified
+	*   @returns {void}
+	*/
+	update(options: any): void;
+
+	/** Update Connectors at runtime
+	*   @param {string} name of the connector to be updated
+	*   @param {any} JSON to specify the connector properties that have to be updated
+	*   @returns {void}
+	*/
+	updateConnector(name: string, options: any): void;
+
+	/** Update the given label at runtime
+	*   @param {string} the name of node/connector which contains the label to be updated
+	*   @param {any} the label to be modified
+	*   @param {any} JSON to specify the label properties that have to be updated
+	*   @returns {any}
+	*/
+	updateLabel(nodeName: string, label: any, options: any): any;
+
+	/** Update nodes at runtime
+	*   @param {string} name of the node that is to be updated
+	*   @param {any} JSON to specify the properties of node that have to be updated
+	*   @returns {void}
+	*/
+	updateNode(name: string, options: any): void;
+
+	/** Update a port with its modified properties at runtime
+	*   @param {string} the name of node which contains the port to be updated
+	*   @param {any} the port to be updated
+	*   @param {any} JSON to specify the properties of the port that have to be updated
+	*   @returns {void}
+	*/
+	updatePort(nodeName: string, port: any, options: any): void;
+
+	/** Update the specified node as selected object
+	*   @param {string} name of the node to be updated as selected object
+	*   @returns {void}
+	*/
+	updateSelectedObject(name: string): void;
+
+	/** Update the selection at runtime
+	*   @param {boolean} to specify whether to show the user handles or not
+	*   @returns {void}
+	*/
+	updateSelection(showUserHandles?: boolean): void;
+
+	/** Update user handles with respect to the given node
+	*   @param {any} node/connector with respect to which, the user handles have to be updated
+	*   @returns {void}
+	*/
+	updateUserHandles(node: any): void;
+
+	/** Update the diagram viewport at runtime
+	*   @returns {void}
+	*/
+	updateViewPort(): void;
+
+	/** Upgrade the diagram from old version
+	*   @param {any} to be upgraded
+	*   @returns {void}
+	*/
+	upgrade(data: any): void;
+
+	/** Used to zoomIn/zoomOut diagram
+	*   @param {Diagram.Zoom} options to zoom the diagram(zoom factor, zoomIn/zoomOut)                
+	*   @returns {void}
+	*/
+	zoomTo(Zoom?: Diagram.Zoom): void;
+}
+export module Diagram{
+
+export interface Options {
+
+	/** name of the file to be downloaded.
+	*/
+	fileName?: string;
+
+	/** format of the exported file/data.
+	*/
+	format?: ej.datavisualization.Diagram.FileFormats;
+
+	/** to set whether to export diagram as a file or as raw data.
+	*/
+	mode?: ej.datavisualization.Diagram.ExportModes;
+
+	/** to set the region of the diagram to be exported.
+	*/
+	region?: ej.datavisualization.Diagram.Region;
+
+	/** to export any custom region of diagram.
+	*/
+	bounds?: any;
+
+	/** to set margin to the exported data.
+	*/
+	margin?: any;
+
+	/** to resize the diagram content to fill its allocated space.
+	*/
+	stretch?: ej.datavisualization.Diagram.Stretch;
+}
+
+export interface Zoom {
+
+	/** Used to increase the zoom-in or zoom-out based on the zoom factor value.
+	*/
+	zoomFactor?: number;
+
+	/** Used to zoom-in or zoom-out the diagram.
+	*/
+	zoomCommand?: ej.datavisualization.Diagram.ZoomCommand;
+
+	/** Used to zoom-in or zoom-out the diagram based on the point.                            
+	*/
+	focusPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+}
+
+export interface Model {
+
+	/** Defines the background color of diagram elements
+	*   @Default {transparent}
+	*/
+	backgroundColor?: string;
+
+	/** Defines the path of the background image of diagram elements
+	*/
+	backgroundImage?: string;
+
+	/** Sets the direction of line bridges.
+	*   @Default {ej.datavisualization.Diagram.BridgeDirection.Top}
+	*/
+	bridgeDirection?: ej.datavisualization.Diagram.BridgeDirection|string;
+
+	/** Defines a set of custom commands and binds them with a set of desired key gestures.
+	*/
+	commandManager?: CommandManager;
+
+	/** A collection of JSON objects where each object represents a connector
+	*   @Default {[]}
+	*/
+	connectors?: Array<Connector>;
+
+	/** Binds the custom JSON data with connector properties
+	*   @Default {null}
+	*/
+	connectorTemplate?: any;
+
+	/** Enables/Disables the default behaviors of the diagram.
+	*   @Default {ej.datavisualization.Diagram.DiagramConstraints.All}
+	*/
+	constraints?: ej.datavisualization.Diagram.DiagramConstraints|string;
+
+	/** An object to customize the context menu of diagram
+	*/
+	contextMenu?: ContextMenu;
+
+	/** Configures the data source that is to be bound with diagram
+	*/
+	dataSourceSettings?: DataSourceSettings;
+
+	/** Initializes the default values for nodes and connectors
+	*   @Default {{}}
+	*/
+	defaultSettings?: DefaultSettings;
+
+	/** Sets the type of JSON object to be drawn through drawing tool
+	*   @Default {{}}
+	*/
+	drawType?: any;
+
+	/** Enables or disables auto scroll in diagram
+	*   @Default {true}
+	*/
+	enableAutoScroll?: boolean;
+
+	/** Enables or disables diagram context menu
+	*   @Default {true}
+	*/
+	enableContextMenu?: boolean;
+
+	/** Specifies the height of the diagram
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Customizes the undo redo functionality
+	*/
+	historyManager?: HistoryManager;
+
+	/** Defines the type of the rendering mode of label.
+	*   @Default {Html}
+	*/
+	labelRenderingMode?: ej.datavisualization.Diagram.LabelRenderingMode|string;
+
+	/** Automatically arranges the nodes and connectors in a predefined manner.
+	*/
+	layout?: Layout;
+
+	/** Defines the current culture of diagram
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Array of JSON objects where each object represents a node
+	*   @Default {[]}
+	*/
+	nodes?: Array<Node>;
+
+	/** Binds the custom JSON data with node properties
+	*   @Default {null}
+	*/
+	nodeTemplate?: any;
+
+	/** Defines the size and appearance of diagram page
+	*/
+	pageSettings?: PageSettings;
+
+	/** Defines the zoom value, zoom factor, scroll status and view port size of the diagram
+	*/
+	scrollSettings?: ScrollSettings;
+
+	/** Defines the size and position of selected items and defines the appearance of selector
+	*/
+	selectedItems?: SelectedItems;
+
+	/** Enables or disables tooltip of diagram
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Defines the gridlines and defines how and when the objects have to be snapped
+	*/
+	snapSettings?: SnapSettings;
+
+	/** Enables/Disables the interactive behaviors of diagram.
+	*   @Default {ej.datavisualization.Diagram.Tool.All}
+	*/
+	tool?: ej.datavisualization.Diagram.Tool|string;
+
+	/** An object that defines the description, appearance and alignments of tooltips
+	*   @Default {null}
+	*/
+	tooltip?: Tooltip;
+
+	/** Specifies the width of the diagram
+	*   @Default {null}
+	*/
+	width?: string;
+
+	/** Sets the factor by which we can zoom in or zoom out
+	*   @Default {0.2}
+	*/
+	zoomFactor?: number;
+
+	/** Triggers When auto scroll is changed */
+	autoScrollChange? (e: AutoScrollChangeEventArgs): void;
+
+	/** Triggers when a node, connector or diagram is clicked */
+	click? (e: ClickEventArgs): void;
+
+	/** Triggers when the connection is changed */
+	connectionChange? (e: ConnectionChangeEventArgs): void;
+
+	/** Triggers when the connector collection is changed */
+	connectorCollectionChange? (e: ConnectorCollectionChangeEventArgs): void;
+
+	/** Triggers when the connectors' source point is changed */
+	connectorSourceChange? (e: ConnectorSourceChangeEventArgs): void;
+
+	/** Triggers when the connectors' target point is changed */
+	connectorTargetChange? (e: ConnectorTargetChangeEventArgs): void;
+
+	/** Triggers before opening the context menu */
+	contextMenuBeforeOpen? (e: ContextMenuBeforeOpenEventArgs): void;
+
+	/** Triggers when a context menu item is clicked */
+	contextMenuClick? (e: ContextMenuClickEventArgs): void;
+
+	/** Triggers when a node, connector or diagram model is clicked twice */
+	doubleClick? (e: DoubleClickEventArgs): void;
+
+	/** Triggers while dragging the elements in diagram */
+	drag? (e: DragEventArgs): void;
+
+	/** Triggers when a symbol is dragged into diagram from symbol palette */
+	dragEnter? (e: DragEnterEventArgs): void;
+
+	/** Triggers when a symbol is dragged outside of the diagram. */
+	dragLeave? (e: DragLeaveEventArgs): void;
+
+	/** Triggers when a symbol is dragged over diagram */
+	dragOver? (e: DragOverEventArgs): void;
+
+	/** Triggers when a symbol is dragged and dropped from symbol palette to drawing area */
+	drop? (e: DropEventArgs): void;
+
+	/** Triggers when editor got focus at the time of node's label or text node editing. */
+	editorFocusChange? (e: EditorFocusChangeEventArgs): void;
+
+	/** Triggers when a child is added to or removed from a group */
+	groupChange? (e: GroupChangeEventArgs): void;
+
+	/** Triggers when a change is reverted or restored(undo/redo) */
+	historyChange? (e: HistoryChangeEventArgs): void;
+
+	/** Triggers when a diagram element is clicked */
+	itemClick? (e: ItemClickEventArgs): void;
+
+	/** Triggers when mouse enters a node/connector */
+	mouseEnter? (e: MouseEnterEventArgs): void;
+
+	/** Triggers when mouse leaves node/connector */
+	mouseLeave? (e: MouseLeaveEventArgs): void;
+
+	/** Triggers when mouse hovers over a node/connector */
+	mouseOver? (e: MouseOverEventArgs): void;
+
+	/** Triggers when node collection is changed */
+	nodeCollectionChange? (e: NodeCollectionChangeEventArgs): void;
+
+	/** Triggers when the node properties(x, y,width and height alone) are changed using nudge commands or updateNode API. */
+	propertyChange? (e: PropertyChangeEventArgs): void;
+
+	/** Triggers when the diagram elements are rotated */
+	rotationChange? (e: RotationChangeEventArgs): void;
+
+	/** Triggers when the diagram is zoomed or panned */
+	scrollChange? (e: ScrollChangeEventArgs): void;
+
+	/** Triggers when a connector segment is edited */
+	segmentChange? (e: SegmentChangeEventArgs): void;
+
+	/** Triggers when the selection is changed in diagram */
+	selectionChange? (e: SelectionChangeEventArgs): void;
+
+	/** Triggers when a node is resized */
+	sizeChange? (e: SizeChangeEventArgs): void;
+
+	/** Triggers when label editing is ended */
+	textChange? (e: TextChangeEventArgs): void;
+
+	/** Triggered when the diagram is rendered completely. */
+	create? (e: CreateEventArgs): void;
+}
+
+export interface AutoScrollChangeEventArgs {
+
+	/** Returns the delay between subsequent auto scrolls
+	*/
+	delay?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface ClickEventArgs {
+
+	/** parameter returns the clicked node, connector or diagram
+	*/
+	element?: any;
+
+	/** parameter returns the object that is actually clicked
+	*/
+	actualObject?: number;
+
+	/** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
+	*/
+	offsetX?: number;
+
+	/** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
+	*/
+	offsetY?: number;
+
+	/** parameter returns the count of how many times the mouse button is pressed
+	*/
+	count?: number;
+
+	/** parameter returns the event triggered
+	*/
+	event?: any;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+}
+
+export interface ConnectionChangeEventArgs {
+
+	/** parameter returns the connection that is changed between nodes, ports or points
+	*/
+	element?: any;
+
+	/** parameter returns the new source node or target node of the connector
+	*/
+	connection?: string;
+
+	/** parameter returns the new source port or target port of the connector
+	*/
+	port?: any;
+
+	/** parameter defines whether to cancel the change or not
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface ConnectorCollectionChangeEventArgs {
+
+	/** parameter returns whether the connector is inserted or removed
+	*/
+	changeType?: string;
+
+	/** parameter returns the connector that is to be added or deleted
+	*/
+	element?: any;
+
+	/** parameter defines whether to cancel the collection change or not
+	*/
+	cancel?: boolean;
+
+	/** triggers before and after adding the connector in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the connector.
+	*/
+	state?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface ConnectorSourceChangeEventArgs {
+
+	/** returns the connector, the source point of which is being dragged
+	*/
+	element?: any;
+
+	/** returns the source node of the element
+	*/
+	node?: any;
+
+	/** returns the source point of the element
+	*/
+	point?: any;
+
+	/** returns the source port of the element
+	*/
+	port?: any;
+
+	/** returns the state of connection end point dragging(starting, dragging, completed)
+	*/
+	dragState?: string;
+
+	/** parameter defines whether to cancel the change or not
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface ConnectorTargetChangeEventArgs {
+
+	/** parameter returns the connector, the target point of which is being dragged
+	*/
+	element?: any;
+
+	/** returns the target node of the element
+	*/
+	node?: any;
+
+	/** returns the target point of the element
+	*/
+	point?: any;
+
+	/** returns the target port of the element
+	*/
+	port?: any;
+
+	/** returns the state of connection end point dragging(starting, dragging, completed)
+	*/
+	dragState?: string;
+
+	/** parameter defines whether to cancel the change or not
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface ContextMenuBeforeOpenEventArgs {
+
+	/** parameter returns the diagram object
+	*/
+	diagram?: any;
+
+	/** parameter returns the actual arguments from context menu
+	*/
+	contextmenu?: any;
+
+	/** parameter returns the object that was clicked
+	*/
+	target?: any;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the actual click event arguments that explains which button is clicked
+	*/
+	model?: any;
+
+	/** parameter returns the type of the event triggered
+	*/
+	type?: string;
+}
+
+export interface ContextMenuClickEventArgs {
+
+	/** parameter returns the id of the selected context menu item
+	*/
+	id?: string;
+
+	/** parameter returns the text of the selected context menu item
+	*/
+	text?: string;
+
+	/** parameter returns the parent id of the selected context menu item
+	*/
+	parentId?: string;
+
+	/** parameter returns the parent text of the selected context menu item
+	*/
+	parentText?: string;
+
+	/** parameter returns the object that was clicked
+	*/
+	target?: any;
+
+	/** parameter defines whether to execute the click event or not
+	*/
+	canExecute?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the elementof the object that was clicked
+	*/
+	element?: any;
+
+	/** parameter returns the object that is selected
+	*/
+	selectedItem?: any;
+
+	/** parameter returns the model of the diagram
+	*/
+	events?: any;
+}
+
+export interface DoubleClickEventArgs {
+
+	/** parameter returns the object that is actually clicked
+	*/
+	actualObject?: any;
+
+	/** parameter returns the selected object
+	*/
+	element?: any;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+}
+
+export interface DragEventArgs {
+
+	/** parameter returns the node or connector that is being dragged
+	*/
+	element?: any;
+
+	/** parameter returns the previous position of the node/connector
+	*/
+	oldValue?: any;
+
+	/** parameter returns the new position of the node/connector
+	*/
+	newValue?: any;
+
+	/** parameter returns the state of drag event (Starting, dragging, completed)
+	*/
+	dragState?: string;
+
+	/** parameter returns whether or not to cancel the drag event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter returns the offset of the selecteditems
+	*/
+	offset?: any;
+}
+
+export interface DragEnterEventArgs {
+
+	/** parameter returns the node or connector that is dragged into diagram
+	*/
+	element?: any;
+
+	/** parameter returns whether to add or remove the symbol from diagram
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface DragLeaveEventArgs {
+
+	/** parameter returns the node or connector that is dragged outside of the diagram
+	*/
+	element?: any;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface DragOverEventArgs {
+
+	/** parameter returns the node or connector that is dragged over diagram
+	*/
+	element?: any;
+
+	/** parameter defines whether the symbol can be dropped at the current mouse position
+	*/
+	allowDrop?: boolean;
+
+	/** parameter returns the node/connector over which the symbol is dragged
+	*/
+	target?: any;
+
+	/** parameter returns the previous position of the node/connector
+	*/
+	oldValue?: any;
+
+	/** parameter returns the new position of the node/connector
+	*/
+	newValue?: any;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface DropEventArgs {
+
+	/** parameter returns node or connector that is being dropped
+	*/
+	element?: any;
+
+	/** parameter returns whether or not to cancel the drop event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the object from where the element is dragged
+	*/
+	source?: any;
+
+	/** parameter returns the object over which the object will be dropped
+	*/
+	target?: any;
+
+	/** parameter returns the enum which defines the type of the source
+	*/
+	objectType?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface EditorFocusChangeEventArgs {
+
+	/** Returns the diagram model.
+	*/
+	model?: any;
+
+	/** parameter returns the editor element
+	*/
+	event?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface GroupChangeEventArgs {
+
+	/** parameter returns the object that is added to/removed from a group
+	*/
+	element?: any;
+
+	/** parameter returns the old parent group(if any) of the object
+	*/
+	oldParent?: any;
+
+	/** parameter returns the new parent group(if any) of the object
+	*/
+	newParent?: any;
+
+	/** parameter returns the cause of group change("group", unGroup")
+	*/
+	cause?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface HistoryChangeEventArgs {
+
+	/** An array of objects, where each object represents the changes made in last undo/redo. To explore how the changes are defined, refer [Undo Redo Changes](#undo-redo-changes)
+	*/
+	changes?: Array<any>;
+
+	/** A collection of objects that are changed in the last undo/redo
+	*/
+	Source?: Array<any>;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the model of the diagram
+	*/
+	cause?: boolean;
+}
+
+export interface ItemClickEventArgs {
+
+	/** parameter returns the object that was actually clicked
+	*/
+	actualObject?: any;
+
+	/** parameter returns the object that is selected
+	*/
+	selectedObject?: any;
+
+	/** parameter returns whether or not to cancel the drop event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the model of the diagram
+	*/
+	event?: any;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface MouseEnterEventArgs {
+
+	/** parameter returns the target node or connector
+	*/
+	element?: any;
+
+	/** parameter returns the object from where the selected object is dragged
+	*/
+	source?: any;
+
+	/** parameter returns the target object over which the selected object is dragged
+	*/
+	target?: any;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+}
+
+export interface MouseLeaveEventArgs {
+
+	/** parameter returns the target node or connector
+	*/
+	element?: any;
+
+	/** parameter returns the object from where the selected object is dragged
+	*/
+	source?: any;
+
+	/** parameter returns the target object over which the selected object is dragged
+	*/
+	target?: any;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface MouseOverEventArgs {
+
+	/** parameter returns the target node or connector
+	*/
+	element?: any;
+
+	/** parameter returns the object from where the element is dragged
+	*/
+	source?: any;
+
+	/** parameter returns the object over which the element is being dragged.
+	*/
+	target?: any;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface NodeCollectionChangeEventArgs {
+
+	/** parameter returns whether the node is to be added or removed
+	*/
+	changeType?: string;
+
+	/** parameter returns the node which needs to be added or deleted
+	*/
+	element?: any;
+
+	/** parameter defines whether to cancel the collection change or not
+	*/
+	cancel?: boolean;
+
+	/** triggers before and after adding the node in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the node
+	*/
+	state?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface PropertyChangeEventArgs {
+
+	/** parameter returns the selected element
+	*/
+	element?: any;
+
+	/** parameter returns the action is nudge or not
+	*/
+	cause?: string;
+
+	/** parameter returns the new value of the node property that is being changed
+	*/
+	newValue?: any;
+
+	/** parameter returns the old value of the property that is being changed
+	*/
+	oldValue?: any;
+
+	/** parameter returns the name of the property that is changed
+	*/
+	propertyName?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter defines whether to cancel the property change or not
+	*/
+	cancel?: boolean;
+}
+
+export interface RotationChangeEventArgs {
+
+	/** parameter returns the node that is rotated
+	*/
+	element?: any;
+
+	/** parameter returns the previous rotation angle
+	*/
+	oldValue?: any;
+
+	/** parameter returns the new rotation angle
+	*/
+	newValue?: any;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter returns the actual click event arguments that explains which button is clicked
+	*/
+	cause?: string;
+}
+
+export interface ScrollChangeEventArgs {
+
+	/** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
+	*/
+	newValues?: any;
+
+	/** parameter returns the previous zoom value, horizontal and vertical scroll offsets.
+	*/
+	oldValues?: any;
+
+	/** parameter returns whether or not to cancel the dragOver event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** Parameter returns the new zoom value, horizontal and vertical scroll offsets. 
+	*/
+	cause?: string;
+}
+
+export interface SegmentChangeEventArgs {
+
+	/** Parameter returns the connector that is being edited
+	*/
+	element?: any;
+
+	/** parameter returns the state of editing (starting, dragging, completed)
+	*/
+	dragState?: string;
+
+	/** parameter returns the current mouse position
+	*/
+	point?: any;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface SelectionChangeEventArgs {
+
+	/** parameter returns whether the item is selected or removed selection
+	*/
+	changeType?: string;
+
+	/** parameter returns the item which is selected or to be selected
+	*/
+	element?: any;
+
+	/** parameter returns the collection of nodes and connectors that have to be removed from selection list
+	*/
+	oldItems?: Array<any>;
+
+	/** parameter returns the collection of nodes and connectors that have to be added to selection list
+	*/
+	newItems?: Array<any>;
+
+	/** parameter returns the collection of nodes and connectors that will be selected after selection change
+	*/
+	selectedItems?: Array<any>;
+
+	/** parameter to specify whether or not to cancel the selection change event
+	*/
+	cancel?: boolean;
+
+	/** triggers before and after adding the selection to the object in the diagram which can be differentiated through `state` argument. We can cancel the event only before the selection of the object.
+	*/
+	state?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter returns the actual cause of the event
+	*/
+	cause?: string;
+}
+
+export interface SizeChangeEventArgs {
+
+	/** parameter returns node that was resized
+	*/
+	element?: any;
+
+	/** parameter to cancel the size change
+	*/
+	cancel?: boolean;
+
+	/** parameter returns the new width, height, offsetX and offsetY values of the element that is being resized
+	*/
+	newValue?: any;
+
+	/** parameter returns the previous width,height,offsetX and offsetY values of the element that is being resized
+	*/
+	oldValue?: any;
+
+	/** parameter returns the state of resizing(starting,resizing,completed)
+	*/
+	resizeState?: string;
+
+	/** parameter returns the difference between new and old value
+	*/
+	offset?: any;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter returns the direction of the node is resized
+	*/
+	direction?: string;
+}
+
+export interface TextChangeEventArgs {
+
+	/** parameter returns the node that contains the text being edited
+	*/
+	element?: any;
+
+	/** parameter returns the new text
+	*/
+	value?: string;
+
+	/** parameter returns the keyCode of the key entered
+	*/
+	keyCode?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+
+	/** parameter to specify whether or not to cancel the event
+	*/
+	cancel?: boolean;
+}
+
+export interface CreateEventArgs {
+
+	/** Returns the diagram model.
+	*/
+	model?: any;
+
+	/** Returns the name of the event
+	*/
+	type?: string;
+
+	/** parameter returns the id of the diagram
+	*/
+	diagramId?: string;
+}
+
+export interface BackgroundImage {
+
+	/** Defines how to align the background image over the diagram area.
+	*   @Default {ej.datavisualization.Diagram.ImageAlignment.XMidYMid}
+	*/
+	alignment?: ej.datavisualization.Diagram.ImageAlignment |string;
+}
+
+export interface CommandManagerCommandsGesture {
+
+	/** Sets the key value, on recognition of which the command will be executed.
+	*   @Default {ej.datavisualization.Diagram.Keys.None}
+	*/
+	key?: ej.datavisualization.Diagram.Keys|string;
+
+	/** Sets a combination of key modifiers, on recognition of which the command will be executed.
+	*   @Default {ej.datavisualization.Diagram.KeyModifiers.None}
+	*/
+	keyModifiers?: ej.datavisualization.Diagram.KeyModifiers|string;
+}
+
+export interface CommandManagerCommands {
+
+	/** A method that defines whether the command is executable at the moment or not.
+	*/
+	canExecute?: Function;
+
+	/** A method that defines what to be executed when the key combination is recognized.
+	*/
+	execute?: Function;
+
+	/** Defines a combination of keys and key modifiers, on recognition of which the command will be executed
+	*/
+	gesture?: CommandManagerCommandsGesture;
+
+	/** Defines any additional parameters that are required at runtime
+	*   @Default {null}
+	*/
+	parameter?: any;
+}
+
+export interface CommandManager {
+
+	/** An object that maps a set of command names with the corresponding command objects
+	*   @Default {{}}
+	*/
+	commands?: CommandManagerCommands;
+}
+
+export interface ConnectorsLabelsMargin {
+
+	/** To set the margin of the label in right direction
+	*   @Default {0}
+	*/
+	right?: number;
+
+	/** To set the margin of the label in left direction
+	*   @Default {0}
+	*/
+	left?: number;
+
+	/** To set the margin of the label in top direction
+	*   @Default {0}
+	*/
+	top?: number;
+
+	/** To set the margin of the label in bottom direction
+	*   @Default {0}
+	*/
+	bottom?: number;
+}
+
+export interface ConnectorsLabel {
+
+	/** Defines how the label should be aligned with respect to the segment
+	*   @Default {ej.datavisualization.Diagram.Alignment.Center}
+	*/
+	alignment?: ej.datavisualization.Diagram.Alignment|string;
+
+	/** Enables/disables the bold style
+	*   @Default {false}
+	*/
+	bold?: boolean;
+
+	/** Sets the border color of the label
+	*   @Default {transparent}
+	*/
+	borderColor?: string;
+
+	/** Sets the border width of the label
+	*   @Default {0}
+	*/
+	borderWidth?: number;
+
+	/** Defines whether the label should be aligned within the connector boundaries
+	*   @Default {true}
+	*/
+	boundaryConstraints?: boolean;
+
+	/** Sets the fill color of the text area
+	*   @Default {transparent}
+	*/
+	fillColor?: string;
+
+	/** Sets the font color of the text
+	*   @Default {black}
+	*/
+	fontColor?: string;
+
+	/** Sets the font family of the text
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Defines the font size of the text
+	*   @Default {12}
+	*/
+	fontSize?: number;
+
+	/** Sets the horizontal alignment of the label.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+	*/
+	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** Sets the hyperlink for the labels in the connectors.
+	*   @Default {none}
+	*/
+	hyperlink?: string;
+
+	/** Enables/disables the italic style
+	*   @Default {false}
+	*/
+	italic?: boolean;
+
+	/** Gets whether the label is currently being edited or not.
+	*   @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
+	*/
+	mode?: ej.datavisualization.Diagram.LabelEditMode|string;
+
+	/** Sets the unique identifier of the label
+	*/
+	name?: string;
+
+	/** Sets the fraction/ratio(relative to connector) that defines the position of the label
+	*   @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
+	*/
+	offset?: any;
+
+	/** Sets the fraction/ratio(relative to connector) that defines the position of the label
+	*   @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
+	*/
+	margin?: ConnectorsLabelsMargin;
+
+	/** Defines the transparency of labels
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Defines whether the label is editable or not
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Defines whether the label should be positioned whether relative to segments or connector boundaries
+	*   @Default {ej.datavisualization.Diagram.LabelRelativeMode.SegmentPath}
+	*/
+	relativeMode?: ej.datavisualization.Diagram.LabelRelativeMode|string;
+
+	/** Defines the angle to which the label needs to be rotated
+	*   @Default {0}
+	*/
+	rotateAngle?: number;
+
+	/** Sets the position of the label with respect to the total segment length
+	*   @Default {0.5}
+	*/
+	segmentOffset?: string;
+
+	/** Defines the label text
+	*/
+	text?: string;
+
+	/** Defines how to align the text inside the label.
+	*   @Default {ej.datavisualization.Diagram.TextAlign.Center}
+	*/
+	textAlign?: ej.datavisualization.Diagram.TextAlign|string;
+
+	/** Sets how to decorate the label text.
+	*   @Default {ej.datavisualization.Diagram.TextDecorations.None}
+	*/
+	textDecoration?: ej.datavisualization.Diagram.TextDecorations|string;
+
+	/** Sets the vertical alignment of the label.
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+	*/
+	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+	/** Enables or disables the visibility of the label
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Sets the width of the label(the maximum value of label width and the connector width will be considered as label width)
+	*   @Default {50}
+	*/
+	width?: number;
+
+	/** Defines how the label text needs to be wrapped.
+	*   @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
+	*/
+	wrapping?: ej.datavisualization.Diagram.TextWrapping|string;
+}
+
+export interface ConnectorsSegment {
+
+	/** Sets the direction of orthogonal segment
+	*/
+	direction?: string;
+
+	/** Describes the length of orthogonal segment
+	*   @Default {undefined}
+	*/
+	length?: number;
+
+	/** Describes the end point of bezier/straight segment
+	*   @Default {Diagram.Point()}
+	*/
+	point?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+	/** Defines the first control point of the bezier segment
+	*   @Default {null}
+	*/
+	point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+	/** Defines the second control point of bezier segment
+	*   @Default {null}
+	*/
+	point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+	/** Sets the type of the segment.
+	*   @Default {ej.datavisualization.Diagram.Segments.Straight}
+	*/
+	type?: ej.datavisualization.Diagram.Segments|string;
+
+	/** Describes the length and angle between the first control point and the start point of bezier segment
+	*   @Default {null}
+	*/
+	vector1?: any;
+
+	/** Describes the length and angle between the second control point and end point of bezier segment
+	*   @Default {null}
+	*/
+	vector2?: any;
+}
+
+export interface ConnectorsShapeMultiplicitySource {
+
+	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+	*   @Default {true}
+	*/
+	optional?: boolean;
+
+	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+	*   @Default {null}
+	*/
+	lowerBounds?: number;
+
+	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+	*   @Default {null}
+	*/
+	upperBounds?: number;
+}
+
+export interface ConnectorsShapeMultiplicity {
+
+	/** Sets the type of the multiplicity. Applicable, if the connector is of type &quot;classifier&quot;
+	*   @Default {ej.datavisualization.Diagram.Multiplicity.OneToOne}
+	*/
+	type?: ej.datavisualization.Diagram.Multiplicity|string;
+
+	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+	*/
+	source?: ConnectorsShapeMultiplicitySource;
+
+	/** Defines the target label to connector. Applicable, if the connector is of type &quot;UML&quot;
+	*   @Default {true}
+	*/
+	target?: ej.datavisualization.Diagram.ConnectorsShapeMultiplicitySource;
+}
+
+export interface ConnectorsShape {
+
+	/** Sets the type of the connector
+	*   @Default {ej.datavisualization.Diagram.ConnectorShapes.BPMN}
+	*/
+	type?: ej.datavisualization.Diagram.ConnectorShapes|string;
+
+	/** Sets the type of the flow in a BPMN Process
+	*   @Default {ej.datavisualization.Diagram.BPMNFlows.Sequence}
+	*/
+	flow?: ej.datavisualization.Diagram.BPMNFlows|string;
+
+	/** Sets the type of the Association in a BPMN Process
+	*   @Default {ej.datavisualization.Diagram.AssociationFlows.Default}
+	*/
+	association?: ej.datavisualization.Diagram.AssociationFlows|string;
+
+	/** Sets the type of the message flow. Applicable, if the connector is of type &quot;BPMN&quot;
+	*   @Default {ej.datavisualization.Diagram.BPMNMessageFlows.Default}
+	*/
+	message?: ej.datavisualization.Diagram.BPMNMessageFlows|string;
+
+	/** Sets the type of BPMN sequence flow
+	*   @Default {ej.datavisualization.Diagram.BPMNSequenceFlows.Normal}
+	*/
+	sequence?: ej.datavisualization.Diagram.BPMNSequenceFlows|string;
+
+	/** Defines the role of the connector in a UML Class Diagram. Applicable, if the type of the connector is &quot;classifier&quot;.
+	*   @Default {ej.datavisualization.Diagram.ClassifierShapes.Association}
+	*/
+	relationship?: ej.datavisualization.Diagram.ClassifierShapes|string;
+
+	/** Defines the multiplicity option of the connector
+	*   @Default {null}
+	*/
+	multiplicity?: ConnectorsShapeMultiplicity;
+
+	/** Defines the shape of UMLActivity to connector. Applicable, if the connector is of type UMLActivity
+	*   @Default {ej.datavisualization.Diagram.UMLActivityFlow.Control}
+	*/
+	ActivityFlow?: ej.datavisualization.Diagram.UMLActivityFlow|string;
+}
+
+export interface ConnectorsSourceDecorator {
+
+	/** Sets the border color of the source decorator
+	*   @Default {black}
+	*/
+	borderColor?: string;
+
+	/** Sets the border width of the decorator
+	*   @Default {1}
+	*/
+	borderWidth?: number;
+
+	/** Sets the fill color of the source decorator
+	*   @Default {black}
+	*/
+	fillColor?: string;
+
+	/** Sets the height of the source decorator
+	*   @Default {8}
+	*/
+	height?: number;
+
+	/** Defines the custom shape of the source decorator
+	*/
+	pathData?: string;
+
+	/** Defines the shape of the source decorator.
+	*   @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
+	*/
+	shape?: ej.datavisualization.Diagram.DecoratorShapes|string;
+
+	/** Defines the width of the source decorator
+	*   @Default {8}
+	*/
+	width?: number;
+}
+
+export interface ConnectorsSourcePoint {
+
+	/** Defines the x-coordinate of a position
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Defines the y-coordinate of a position
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface ConnectorsTargetDecorator {
+
+	/** Sets the border color of the decorator
+	*   @Default {black}
+	*/
+	borderColor?: string;
+
+	/** Sets the color with which the decorator will be filled
+	*   @Default {black}
+	*/
+	fillColor?: string;
+
+	/** Defines the height of the target decorator
+	*   @Default {8}
+	*/
+	height?: number;
+
+	/** Defines the custom shape of the target decorator
+	*/
+	pathData?: string;
+
+	/** Defines the shape of the target decorator.
+	*   @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
+	*/
+	shape?: ej.datavisualization.Diagram.DecoratorShapes|string;
+
+	/** Defines the width of the target decorator
+	*   @Default {8}
+	*/
+	width?: number;
+}
+
+export interface Connector {
+
+	/** To maintain additional information about connectors
+	*   @Default {null}
+	*/
+	addInfo?: any;
+
+	/** Defines the width of the line bridges
+	*   @Default {10}
+	*/
+	bridgeSpace?: number;
+
+	/** Enables or disables the behaviors of connectors.
+	*   @Default {ej.datavisualization.Diagram.ConnectorConstraints.Default}
+	*/
+	constraints?: ej.datavisualization.Diagram.ConnectorConstraints|string;
+
+	/** Defines the radius of the rounded corner
+	*   @Default {0}
+	*/
+	cornerRadius?: number;
+
+	/** Configures the styles of shapes
+	*/
+	cssClass?: string;
+
+	/** Sets the horizontal alignment of the connector. Applicable, if the parent of the connector is a container.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
+	*/
+	horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** A collection of JSON objects where each object represents a label.
+	*   @Default {[]}
+	*/
+	labels?: Array<ConnectorsLabel>;
+
+	/** Sets the stroke color of the connector
+	*   @Default {black}
+	*/
+	lineColor?: string;
+
+	/** Sets the pattern of dashes and gaps used to stroke the path of the connector
+	*/
+	lineDashArray?: string;
+
+	/** Defines the padding value to ease the interaction with connectors
+	*   @Default {10}
+	*/
+	lineHitPadding?: number;
+
+	/** Sets the width of the line
+	*   @Default {1}
+	*/
+	lineWidth?: number;
+
+	/** Defines the minimum space to be left between the bottom of parent bounds and the connector. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginBottom?: number;
+
+	/** Defines the minimum space to be left between the left of parent bounds and the connector. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginLeft?: number;
+
+	/** Defines the minimum space to be left between the right of parent bounds and the connector. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginRight?: number;
+
+	/** Defines the minimum space to be left between the top of parent bounds and the connector. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginTop?: number;
+
+	/** Sets a unique name for the connector
+	*/
+	name?: string;
+
+	/** Defines the transparency of the connector
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Defines the size and preview size of the node to add that to symbol palette. To explore palette item, refer Palette Item
+	*   @Default {null}
+	*/
+	paletteItem?: any;
+
+	/** Sets the parent name of the connector.
+	*/
+	parent?: string;
+
+	/** An array of JSON objects where each object represents a segment
+	*   @Default {[ { type:straight } ]}
+	*/
+	segments?: Array<ConnectorsSegment>;
+
+	/** Defines the role/meaning of the connector
+	*   @Default {null}
+	*/
+	shape?: ConnectorsShape;
+
+	/** Defines the source decorator of the connector
+	*   @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
+	*/
+	sourceDecorator?: ConnectorsSourceDecorator;
+
+	/** Sets the source node of the connector
+	*/
+	sourceNode?: string;
+
+	/** Defines the space to be left between the source node and the source point of a connector
+	*   @Default {0}
+	*/
+	sourcePadding?: number;
+
+	/** Describes the start point of the connector
+	*   @Default {ej.datavisualization.Diagram.Point()}
+	*/
+	sourcePoint?: ConnectorsSourcePoint;
+
+	/** Sets the source port of the connector
+	*/
+	sourcePort?: string;
+
+	/** Defines the target decorator of the connector
+	*   @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
+	*/
+	targetDecorator?: ConnectorsTargetDecorator;
+
+	/** Sets the target node of the connector
+	*/
+	targetNode?: string;
+
+	/** Defines the space to be left between the target node and the target point of the connector
+	*   @Default {0}
+	*/
+	targetPadding?: number;
+
+	/** Describes the end point of the connector
+	*   @Default {ej.datavisualization.Diagram.Point()}
+	*/
+	targetPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+	/** Sets the targetPort of the connector
+	*/
+	targetPort?: string;
+
+	/** Defines the tooltip that should be shown when the mouse hovers over connector. For tooltip properties, refer Tooltip
+	*   @Default {null}
+	*/
+	tooltip?: any;
+
+	/** To set the vertical alignment of connector (Applicable,if the parent is group).
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
+	*/
+	verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+	/** Enables or disables the visibility of connector
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Sets the z-index of the connector
+	*   @Default {0}
+	*/
+	zOrder?: number;
+}
+
+export interface ContextMenuItem {
+
+	/** Defines the text for the collection of context menu item
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Defines the name for the collection of context menu items
+	*   @Default {null}
+	*/
+	name?: string;
+
+	/** Defines the image url for the collection of context menu items
+	*   @Default {null}
+	*/
+	imageUrl?: string;
+
+	/** Defines the CssClass for the collection of context menu items
+	*   @Default {null}
+	*/
+	cssClass?: string;
+
+	/** Defines the collection of sub items for the context menu items
+	*   @Default {[]}
+	*/
+	subItems?: Array<any>;
+}
+
+export interface ContextMenu {
+
+	/** Defines the collection of context menu items
+	*   @Default {[]}
+	*/
+	items?: Array<ContextMenuItem>;
+
+	/** To set whether to display the default context menu items or not
+	*   @Default {false}
+	*/
+	showCustomMenuItemsOnly?: boolean;
+}
+
+export interface DataSourceSettingsCrudAction {
+
+	/** Specifies the create method which is used to get the nodes to be added from client side to the server side
+	*   @Default {null}
+	*/
+	create?: string;
+
+	/** Specifies the update method which is used to get the updated data from client side to the server side
+	*   @Default {null}
+	*/
+	update?: string;
+
+	/** Specifies the destroy method which is used to get the deleted items data from client side to the server side
+	*   @Default {null}
+	*/
+	destroy?: string;
+
+	/** Specifies the read method to get the created nodes from client side to the server side
+	*   @Default {null}
+	*/
+	read?: string;
+}
+
+export interface DataSourceSettingsConnectionDataSourceCrudAction {
+
+	/** Specifies the create method which is used to get the connectors to be added from client side to the server side
+	*   @Default {null}
+	*/
+	create?: string;
+
+	/** Specifies the update method which is used to get the updated connectors from client side to the server side
+	*   @Default {null}
+	*/
+	update?: string;
+
+	/** Specifies the destroy method which is used to get the deleted items data from client side to the server side
+	*   @Default {null}
+	*/
+	destroy?: string;
+
+	/** Specifies the read method which is used to get the data from client side to the server side
+	*   @Default {null}
+	*/
+	read?: string;
+}
+
+export interface DataSourceSettingsConnectionDataSource {
+
+	/** Sets the datasource for the connection datasource settings items.
+	*   @Default {null}
+	*/
+	dataSource?: string;
+
+	/** Sets the unique id of the connection data source item
+	*   @Default {null}
+	*/
+	id?: string;
+
+	/** Sets the sourcenode of the connection data source item
+	*   @Default {null}
+	*/
+	sourceNode?: string;
+
+	/** Sets the targetnode of the connection data source item
+	*   @Default {null}
+	*/
+	targetNode?: string;
+
+	/** Sets the sourcepoint-x value of the connection data source item
+	*   @Default {null}
+	*/
+	sourcePointX?: string;
+
+	/** Sets the sourcePoint-y value of the connection data source item
+	*   @Default {null}
+	*/
+	sourcePointY?: string;
+
+	/** Sets the targetPoint-x value of the connection data source item
+	*   @Default {null}
+	*/
+	targetPointX?: string;
+
+	/** Sets the targetPoint-y value of the connection data source item
+	*   @Default {null}
+	*/
+	targetPointY?: string;
+
+	/** Specifies the method name which is used to get updated connectors from client side to the server side
+	*   @Default {null}
+	*/
+	crudAction?: DataSourceSettingsConnectionDataSourceCrudAction;
+
+	/** Specifies the customfields to get the updated data from client side to the server side
+	*   @Default {[]}
+	*/
+	customFields?: Array<any>;
+}
+
+export interface DataSourceSettings {
+
+	/** Defines the data source either as a collection of objects or as an instance of ej.DataManager
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Sets the unique id of the data source items
+	*/
+	id?: string;
+
+	/** Defines the parent id of the data source item
+	*   @Default {''}
+	*/
+	parent?: string;
+
+	/** Describes query to retrieve a set of data from the specified datasource
+	*   @Default {null}
+	*/
+	query?: string;
+
+	/** Sets the unique id of the root data source item
+	*/
+	root?: string;
+
+	/** Describes the name of the table on which the specified query has to be executed
+	*   @Default {null}
+	*/
+	tableName?: string;
+
+	/** Specifies the method name which is used to get the updated data from client side to the server side
+	*   @Default {null}
+	*/
+	crudAction?: DataSourceSettingsCrudAction;
+
+	/** Specifies the customfields to get the updated data from client side to the server side
+	*   @Default {[]}
+	*/
+	customFields?: Array<any>;
+
+	/** Defines the data source either as a collection of objects or as an instance of ej.DataManager
+	*   @Default {null}
+	*/
+	connectionDataSource?: DataSourceSettingsConnectionDataSource;
+}
+
+export interface DefaultSettings {
+
+	/** Initializes the default connector properties
+	*   @Default {null}
+	*/
+	connector?: any;
+
+	/** Initializes the default properties of groups
+	*   @Default {null}
+	*/
+	group?: any;
+
+	/** Initializes the default properties for nodes
+	*   @Default {null}
+	*/
+	node?: any;
+}
+
+export interface HistoryManager {
+
+	/** A method that takes a history entry as argument and returns whether the specific entry can be popped or not
+	*/
+	canPop?: Function;
+
+	/** A method that ends grouping the changes
+	*/
+	closeGroupAction?: Function;
+
+	/** A method that removes the history of a recent change made in diagram
+	*/
+	pop?: Function;
+
+	/** A method that allows to track the custom changes made in diagram
+	*/
+	push?: Function;
+
+	/** Defines what should be happened while trying to restore a custom change
+	*   @Default {null}
+	*/
+	redo?: Function;
+
+	/** The redoStack property is used to get the number of redo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
+	*   @Default {[]}
+	*/
+	redoStack?: Array<any>;
+
+	/** The stackLimit property used to restrict the undo and redo actions to a certain limit.
+	*   @Default {null}
+	*/
+	stackLimit?: number;
+
+	/** A method that starts to group the changes to revert/restore them in a single undo or redo
+	*/
+	startGroupAction?: Function;
+
+	/** Defines what should be happened while trying to revert a custom change
+	*/
+	undo?: Function;
+
+	/** The undoStack property is used to get the number of undo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
+	*   @Default {[]}
+	*/
+	undoStack?: Array<any>;
+}
+
+export interface Layout {
+
+	/** Specifies the custom bounds to arrange/align the layout
+	*   @Default {ej.datavisualization.Diagram.Rectangle()}
+	*/
+	bounds?: any;
+
+	/** Defines the fixed node with reference to which, the layout will be arranged and fixed node will not be repositioned
+	*/
+	fixedNode?: string;
+
+	/** Customizes the orientation of trees/sub trees. For orientations, see Chart Orientations. For chart types, see Chart Types
+	*   @Default {null}
+	*/
+	getLayoutInfo?: any;
+
+	/** Defines a method to customize the segments based on source and target nodes.
+	*   @Default {null}
+	*/
+	getConnectorSegments?: any;
+
+	/** Sets the space to be horizontally left between nodes
+	*   @Default {30}
+	*/
+	horizontalSpacing?: number;
+
+	/** Defines the space to be left between layout bounds and layout.
+	*   @Default {ej.datavisualization.Diagram.Margin()}
+	*/
+	margin?: any;
+
+	/** Defines how to horizontally align the layout within the layout bounds
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+	*/
+	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** Defines how to vertically align the layout within the layout bounds
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+	*/
+	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+	/** Sets the orientation/direction to arrange the diagram elements.
+	*   @Default {ej.datavisualization.Diagram.LayoutOrientations.TopToBottom}
+	*/
+	orientation?: ej.datavisualization.Diagram.LayoutOrientations|string;
+
+	/** Sets the type of the layout based on which the elements will be arranged.
+	*   @Default {ej.datavisualization.Diagram.LayoutTypes.None}
+	*/
+	type?: ej.datavisualization.Diagram.LayoutTypes|string;
+
+	/** Sets the space to be vertically left between nodes
+	*   @Default {30}
+	*/
+	verticalSpacing?: number;
+}
+
+export interface NodesAnnotation {
+
+	/** Sets the angle between the BPMN shape and the annotation
+	*   @Default {0}
+	*/
+	angle?: number;
+
+	/** Sets the direction of the text annotation
+	*   @Default {ej.datavisualization.Diagram.BPMNAnnotationDirections.Left}
+	*/
+	direction?: ej.datavisualization.Diagram.BPMNAnnotationDirection|string;
+
+	/** Sets the height of the text annotation
+	*   @Default {20}
+	*/
+	height?: number;
+
+	/** Sets the distance between the BPMN shape and the annotation
+	*   @Default {0}
+	*/
+	length?: number;
+
+	/** Defines the additional information about the flow object in a BPMN Process
+	*/
+	text?: string;
+
+	/** Sets the  width of the text annotation
+	*   @Default {20}
+	*/
+	width?: number;
+}
+
+export interface NodesClassAttribute {
+
+	/** Sets the name of the attribute
+	*/
+	name?: string;
+
+	/** Sets the data type of attribute
+	*/
+	type?: string;
+
+	/** Defines the visibility of the attribute
+	*   @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
+	*/
+	scope?: string;
+}
+
+export interface NodesClassMethod {
+
+	/** Sets the visibility of the method.
+	*   @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
+	*/
+	scope?: string;
+}
+
+export interface NodesClass {
+
+	/** Sets the name of class.
+	*/
+	name?: string;
+
+	/** Defines the collection of attributes
+	*   @Default {[]}
+	*/
+	attributes?: Array<NodesClassAttribute>;
+
+	/** Defines the collection of methods of a Class.
+	*   @Default {[]}
+	*/
+	methods?: Array<NodesClassMethod>;
+}
+
+export interface NodesCollapseIcon {
+
+	/** Sets the border color for collapse icon of node
+	*   @Default {black}
+	*/
+	borderColor?: string;
+
+	/** Sets the border width for collapse icon of node
+	*   @Default {1}
+	*/
+	borderWidth?: number;
+
+	/** Sets the fill color for collapse icon of node
+	*   @Default {white}
+	*/
+	fillColor?: string;
+
+	/** Defines the height for collapse icon of node
+	*   @Default {15}
+	*/
+	height?: number;
+
+	/** Sets the horizontal alignment of the icon.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+	*/
+	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** To set the margin for the collapse icon of node
+	*   @Default {ej.datavisualization.Diagram.Margin()}
+	*/
+	margin?: any;
+
+	/** Sets the fraction/ratio(relative to node) that defines the position of the icon
+	*   @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
+	*/
+	offset?: any;
+
+	/** Defines the shape of the collapsed state of the node.
+	*   @Default {ej.datavisualization.Diagram.IconShapes.None}
+	*/
+	shape?: ej.datavisualization.Diagram.IconShapes|string;
+
+	/** Sets the vertical alignment of the icon.
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+	*/
+	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+}
+
+export interface NodesContainer {
+
+	/** Defines the orientation of the container. Applicable, if the group is a container.
+	*   @Default {vertical}
+	*/
+	orientation?: string;
+
+	/** Sets the type of the container. Applicable if the group is a container.
+	*   @Default {ej.datavisualization.Diagram.ContainerType.Canvas}
+	*/
+	type?: ej.datavisualization.Diagram.ContainerType|string;
+}
+
+export interface NodesData {
+
+	/** Sets the type of the BPMN Data object
+	*   @Default {ej.datavisualization.Diagram.BPMNDataObjects.None}
+	*/
+	type?: ej.datavisualization.Diagram.BPMNDataObjects|string;
+
+	/** Defines whether the BPMN data object is a collection or not
+	*   @Default {false}
+	*/
+	collection?: boolean;
+}
+
+export interface NodesEnumerationMember {
+
+	/** Sets the name of the enumeration member
+	*/
+	name?: string;
+}
+
+export interface NodesEnumeration {
+
+	/** Sets the name of the Enumeration
+	*/
+	name?: string;
+
+	/** Defines the collection of enumeration members
+	*   @Default {[]}
+	*/
+	members?: Array<NodesEnumerationMember>;
+}
+
+export interface NodesExpandIcon {
+
+	/** Sets the border color for expand icon of node
+	*   @Default {black}
+	*/
+	borderColor?: string;
+
+	/** Sets the border width for expand icon of node
+	*   @Default {1}
+	*/
+	borderWidth?: number;
+
+	/** Sets the fill color for expand icon of node
+	*   @Default {white}
+	*/
+	fillColor?: string;
+
+	/** Defines the height for expand icon of node
+	*   @Default {15}
+	*/
+	height?: number;
+
+	/** Sets the horizontal alignment of the icon.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+	*/
+	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** To set the margin for the expand icon of node
+	*   @Default {ej.datavisualization.Diagram.Margin()}
+	*/
+	margin?: any;
+
+	/** Sets the fraction/ratio(relative to node) that defines the position of the icon
+	*   @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
+	*/
+	offset?: any;
+
+	/** Defines the shape of the expanded state of the node.
+	*   @Default {ej.datavisualization.Diagram.IconShapes.None}
+	*/
+	shape?: ej.datavisualization.Diagram.IconShapes|string;
+
+	/** Sets the vertical alignment of the icon.
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+	*/
+	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+}
+
+export interface NodesGradientLinearGradient {
+
+	/** Defines the different colors and the region of color transitions
+	*   @Default {[]}
+	*/
+	stops?: Array<any>;
+
+	/** Defines the left most position(relative to node) of the rectangular region that needs to be painted
+	*   @Default {0}
+	*/
+	x1?: number;
+
+	/** Defines the right most position(relative to node) of the rectangular region that needs to be painted
+	*   @Default {0}
+	*/
+	x2?: number;
+
+	/** Defines the top most position(relative to node) of the rectangular region that needs to be painted
+	*   @Default {0}
+	*/
+	y1?: number;
+
+	/** Defines the bottom most position(relative to node) of the rectangular region that needs to be painted
+	*   @Default {0}
+	*/
+	y2?: number;
+}
+
+export interface NodesGradientRadialGradient {
+
+	/** Defines the position of the outermost circle
+	*   @Default {0}
+	*/
+	cx?: number;
+
+	/** Defines the outer most circle of the radial gradient
+	*   @Default {0}
+	*/
+	cy?: number;
+
+	/** Defines the innermost circle of the radial gradient
+	*   @Default {0}
+	*/
+	fx?: number;
+
+	/** Defines the innermost circle of the radial gradient
+	*   @Default {0}
+	*/
+	fy?: number;
+
+	/** Defines the different colors and the region of color transitions.
+	*   @Default {[]}
+	*/
+	stops?: Array<any>;
+}
+
+export interface NodesGradientStop {
+
+	/** Sets the color to be filled over the specified region
+	*/
+	color?: string;
+
+	/** Sets the position where the previous color transition ends and a new color transition starts
+	*   @Default {0}
+	*/
+	offset?: number;
+
+	/** Describes the transparency level of the region
+	*   @Default {1}
+	*/
+	opacity?: number;
+}
+
+export interface NodesGradient {
+
+	/** Paints the node with linear color transitions
+	*/
+	LinearGradient?: NodesGradientLinearGradient;
+
+	/** Paints the node with radial color transitions. A focal point defines the beginning of the gradient, and a circle defines the end point of the gradient.
+	*/
+	RadialGradient?: NodesGradientRadialGradient;
+
+	/** Defines the color and a position where the previous color transition ends and a new color transition starts
+	*/
+	Stop?: NodesGradientStop;
+}
+
+export interface NodesInterfaceAttribute {
+
+	/** Sets the name of the attribute
+	*/
+	name?: string;
+
+	/** Sets the type of the attribute
+	*/
+	type?: string;
+
+	/** Sets the visibility of the attribute
+	*/
+	scope?: string;
+}
+
+export interface NodesInterfaceMethod {
+
+	/** Sets the visibility of the method
+	*/
+	scope?: string;
+}
+
+export interface NodesInterface {
+
+	/** Sets the name of the interface
+	*/
+	name?: string;
+
+	/** Defines a collection of attributes of the interface
+	*   @Default {[]}
+	*/
+	attributes?: Array<NodesInterfaceAttribute>;
+
+	/** Defines the collection of public methods of an interface
+	*   @Default {[]}
+	*/
+	methods?: Array<NodesInterfaceMethod>;
+}
+
+export interface NodesLabel {
+
+	/** Enables/disables the bold style
+	*   @Default {false}
+	*/
+	bold?: boolean;
+
+	/** Sets the border color of the label
+	*   @Default {transparent}
+	*/
+	borderColor?: string;
+
+	/** Sets the border width of the label
+	*   @Default {0}
+	*/
+	borderWidth?: number;
+
+	/** Sets the fill color of the text area
+	*   @Default {transparent}
+	*/
+	fillColor?: string;
+
+	/** Sets the font color of the text
+	*   @Default {black}
+	*/
+	fontColor?: string;
+
+	/** Sets the font family of the text
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Defines the font size of the text
+	*   @Default {12}
+	*/
+	fontSize?: number;
+
+	/** Sets the horizontal alignment of the label.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+	*/
+	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** Enables/disables the italic style
+	*   @Default {false}
+	*/
+	italic?: boolean;
+
+	/** To set the margin of the label
+	*   @Default {ej.datavisualization.Diagram.Margin()}
+	*/
+	margin?: any;
+
+	/** Gets whether the label is currently being edited or not.
+	*   @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
+	*/
+	mode?: ej.datavisualization.Diagram.LabelEditMode|string;
+
+	/** Sets the unique identifier of the label
+	*/
+	name?: string;
+
+	/** Sets the fraction/ratio(relative to node) that defines the position of the label
+	*   @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
+	*/
+	offset?: any;
+
+	/** Defines the transparency of the labels
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Sets the overflowType of the labels
+	*   @Default {ej.datavisualization.Diagram.OverflowType.Ellipsis}
+	*/
+	overflowType?: ej.datavisualization.Diagram.OverflowType|string;
+
+	/** Defines whether the label is editable or not
+	*   @Default {false}
+	*/
+	readOnly?: boolean;
+
+	/** Defines the angle to which the label needs to be rotated
+	*   @Default {0}
+	*/
+	rotateAngle?: number;
+
+	/** Defines the label text
+	*/
+	text?: string;
+
+	/** Defines how to align the text inside the label.
+	*   @Default {ej.datavisualization.Diagram.TextAlign.Center}
+	*/
+	textAlign?: ej.datavisualization.Diagram.TextAlign|string;
+
+	/** Sets how to decorate the label text.
+	*   @Default {ej.datavisualization.Diagram.TextDecorations.None}
+	*/
+	textDecoration?: ej.datavisualization.Diagram.TextDecorations|string;
+
+	/** Defines the overflowed content is displayed or not.
+	*   @Default {false}
+	*/
+	textOverflow?: boolean;
+
+	/** Sets the vertical alignment of the label.
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+	*/
+	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+	/** Enables or disables the visibility of the label
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Sets the width of the label(the maximum value of label width and the node width will be considered as label width)
+	*   @Default {50}
+	*/
+	width?: number;
+
+	/** Defines how the label text needs to be wrapped.
+	*   @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
+	*/
+	wrapping?: ej.datavisualization.Diagram.TextWrapping|string;
+}
+
+export interface NodesLane {
+
+	/** Defines the width of lane
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Defines the height of lane
+	*   @Default {0}
+	*/
+	height?: number;
+
+	/** Defines the z-index of the lane
+	*   @Default {0}
+	*/
+	zorder?: number;
+
+	/** Allows to maintain additional information about lane
+	*   @Default {{}}
+	*/
+	addInfo?: any;
+
+	/** An array of objects where each object represents a child node of the lane
+	*   @Default {[]}
+	*/
+	children?: Array<any>;
+
+	/** Defines the fill color of the lane
+	*   @Default {white}
+	*/
+	fillColor?: string;
+
+	/** Defines the header of the lane
+	*   @Default {{ text: Function, fontSize: 11 }}
+	*/
+	header?: any;
+
+	/** Defines the object as a lane
+	*   @Default {false}
+	*/
+	isLane?: boolean;
+
+	/** Sets the unique identifier of the lane
+	*/
+	name?: string;
+
+	/** Sets the orientation of the lane.
+	*   @Default {vertical}
+	*/
+	orientation?: string;
+}
+
+export interface NodesPaletteItem {
+
+	/** Defines whether the symbol should be drawn at its actual size regardless of precedence factors or not
+	*   @Default {true}
+	*/
+	enableScale?: boolean;
+
+	/** Defines the height of the symbol
+	*   @Default {0}
+	*/
+	height?: number;
+
+	/** To display a name for nodes in the symbol palette
+	*   @Default {null}
+	*/
+	label?: string;
+
+	/** Defines the margin of the symbol item
+	*   @Default {{ left: 4, right: 4, top: 4, bottom: 4 }}
+	*/
+	margin?: any;
+
+	/** Defines the preview height of the symbol
+	*   @Default {undefined}
+	*/
+	previewHeight?: number;
+
+	/** Defines the preview width of the symbol
+	*   @Default {undefined}
+	*/
+	previewWidth?: number;
+
+	/** Defines the width of the symbol
+	*   @Default {0}
+	*/
+	width?: number;
+}
+
+export interface NodesPhase {
+
+	/** Defines the header of the smaller regions
+	*   @Default {null}
+	*/
+	label?: any;
+
+	/** Defines the line color of the splitter that splits adjacent phases.
+	*   @Default {#606060}
+	*/
+	lineColor?: string;
+
+	/** Sets the dash array that used to stroke the phase splitter
+	*   @Default {3,3}
+	*/
+	lineDashArray?: string;
+
+	/** Sets the lineWidth of the phase
+	*   @Default {1}
+	*/
+	lineWidth?: number;
+
+	/** Sets the unique identifier of the phase
+	*/
+	name?: string;
+
+	/** Sets the length of the smaller region(phase) of a swimlane
+	*   @Default {100}
+	*/
+	offset?: number;
+
+	/** Sets the orientation of the phase
+	*   @Default {horizontal}
+	*/
+	orientation?: string;
+
+	/** Sets the type of the object as phase
+	*   @Default {phase}
+	*/
+	type?: string;
+}
+
+export interface NodesPort {
+
+	/** Sets the border color of the port
+	*   @Default {#1a1a1a}
+	*/
+	borderColor?: string;
+
+	/** Sets the stroke width of the port
+	*   @Default {1}
+	*/
+	borderWidth?: number;
+
+	/** Defines the space to be left between the port bounds and its incoming and outgoing connections.
+	*   @Default {0}
+	*/
+	connectorPadding?: number;
+
+	/** Defines whether connections can be created with the port
+	*   @Default {ej.datavisualization.Diagram.PortConstraints.Connect}
+	*/
+	constraints?: ej.datavisualization.Diagram.PortConstraints|string;
+
+	/** Sets the fill color of the port
+	*   @Default {white}
+	*/
+	fillColor?: string;
+
+	/** Sets the unique identifier of the port
+	*/
+	name?: string;
+
+	/** Defines the position of the port as fraction/ ratio relative to node
+	*   @Default {ej.datavisualization.Diagram.Point(0, 0)}
+	*/
+	offset?: any;
+
+	/** Defines the path data to draw the port. Applicable, if the port shape is path.
+	*/
+	pathData?: string;
+
+	/** Defines the shape of the port.
+	*   @Default {ej.datavisualization.Diagram.PortShapes.Square}
+	*/
+	shape?: ej.datavisualization.Diagram.PortShapes|string;
+
+	/** Defines the size of the port
+	*   @Default {8}
+	*/
+	size?: number;
+
+	/** Defines when the port should be visible.
+	*   @Default {ej.datavisualization.Diagram.PortVisibility.Default}
+	*/
+	visibility?: ej.datavisualization.Diagram.PortVisibility|string;
+}
+
+export interface NodesShadow {
+
+	/** Defines the angle of the shadow relative to node
+	*   @Default {45}
+	*/
+	angle?: number;
+
+	/** Sets the distance to move the shadow relative to node
+	*   @Default {5}
+	*/
+	distance?: number;
+
+	/** Defines the opaque of the shadow
+	*   @Default {0.7}
+	*/
+	opacity?: number;
+}
+
+export interface NodesSubProcess {
+
+	/** Defines whether the BPMN sub process is without any prescribed order or not
+	*   @Default {false}
+	*/
+	adhoc?: boolean;
+
+	/** Sets the boundary of the BPMN process
+	*   @Default {ej.datavisualization.Diagram.BPMNBoundary.Default}
+	*/
+	boundary?: ej.datavisualization.Diagram.BPMNBoundary|string;
+
+	/** Sets whether the BPMN subprocess is triggered as a compensation of a specific activity
+	*   @Default {false}
+	*/
+	compensation?: boolean;
+
+	/** Sets whether the BPMN subprocess is triggered as a collapsed of a specific activity
+	*   @Default {true}
+	*/
+	collapsed?: boolean;
+
+	/** Sets the type of the event by which the sub-process will be triggered
+	*   @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
+	*/
+	event?: ej.datavisualization.Diagram.BPMNEvents|string;
+
+	/** Defines the collection of events that need to be appended with BPMN Sub-Process
+	*/
+	events?: Array<any>;
+
+	/** Defines the loop type of a sub process.
+	*   @Default {ej.datavisualization.Diagram.BPMNLoops.None}
+	*/
+	loop?: ej.datavisualization.Diagram.BPMNLoops|string;
+
+	/** Defines the children for BPMN's SubProcess
+	*   @Default {[]}
+	*/
+	Processes?: Array<any>;
+
+	/** Defines the type of the event trigger
+	*   @Default {ej.datavisualization.Diagram.BPMNTriggers.Message}
+	*/
+	trigger?: ej.datavisualization.Diagram.BPMNTriggers|string;
+
+	/** Defines the type of a sub process
+	*   @Default {ej.datavisualization.Diagram.BPMNSubProcessTypes.None}
+	*/
+	type?: ej.datavisualization.Diagram.BPMNSubProcessTypes|string;
+}
+
+export interface NodesTask {
+
+	/** To set whether the task is a global task or not
+	*   @Default {false}
+	*/
+	call?: boolean;
+
+	/** Sets whether the task is triggered as a compensation of another specific activity
+	*   @Default {false}
+	*/
+	compensation?: boolean;
+
+	/** Sets the loop type of a BPMN task.
+	*   @Default {ej.datavisualization.Diagram.BPMNLoops.None}
+	*/
+	loop?: ej.datavisualization.Diagram.BPMNLoops|string;
+
+	/** Sets the type of the BPMN task.
+	*   @Default {ej.datavisualization.Diagram.BPMNTasks.None}
+	*/
+	type?: ej.datavisualization.Diagram.BPMNTasks|string;
+}
+
+export interface Node {
+
+	/** Defines the type of BPMN Activity. Applicable, if the node is a BPMN activity.
+	*   @Default {ej.datavisualization.Diagram.BPMNActivity.Task}
+	*/
+	activity?: ej.datavisualization.Diagram.BPMNActivity|string;
+
+	/** To maintain additional information about nodes
+	*   @Default {{}}
+	*/
+	addInfo?: any;
+
+	/** Defines the additional information of a process. It is not directly related to the message flows or sequence flows of the process.
+	*   @Default {ej.datavisualization.Diagram.BPMNTextAnnotation()}
+	*/
+	annotation?: NodesAnnotation;
+
+	/** Sets the border color of node
+	*   @Default {black}
+	*/
+	borderColor?: string;
+
+	/** Sets the pattern of dashes and gaps to stroke the border
+	*/
+	borderDashArray?: string;
+
+	/** Sets the border width of the node
+	*   @Default {1}
+	*/
+	borderWidth?: number;
+
+	/** Defines whether the group can be ungrouped or not
+	*   @Default {true}
+	*/
+	canUngroup?: boolean;
+
+	/** Array of JSON objects where each object represents a child node/connector
+	*   @Default {[]}
+	*/
+	children?: Array<any>;
+
+	/** Sets the type of UML classifier. Applicable, if the node is a UML Class Diagram shape.
+	*   @Default {ej.datavisualization.Diagram.ClassifierShapes.Class}
+	*/
+	classifier?: ej.datavisualization.Diagram.ClassifierShapes|string;
+
+	/** Defines the name, attributes and methods of a Class. Applicable, if the node is a Class.
+	*   @Default {null}
+	*/
+	class?: NodesClass;
+
+	/** Defines the state of the node is collapsed.
+	*/
+	collapseIcon?: NodesCollapseIcon;
+
+	/** Defines the distance to be left between a node and its connections(In coming and out going connections).
+	*   @Default {0}
+	*/
+	connectorPadding?: number;
+
+	/** Enables or disables the default behaviors of the node.
+	*   @Default {ej.datavisualization.Diagram.NodeConstraints.Default}
+	*/
+	constraints?: ej.datavisualization.Diagram.NodeConstraints|string;
+
+	/** Defines how the child objects need to be arranged(Either in any predefined manner or automatically). Applicable, if the node is a group.
+	*   @Default {null}
+	*/
+	container?: NodesContainer;
+
+	/** Defines the corner radius of rectangular shapes.
+	*   @Default {0}
+	*/
+	cornerRadius?: number;
+
+	/** Configures the styles of shapes
+	*/
+	cssClass?: string;
+
+	/** Defines the BPMN data object
+	*/
+	data?: NodesData;
+
+	/** Defines an Enumeration in a UML Class Diagram
+	*   @Default {null}
+	*/
+	enumeration?: NodesEnumeration;
+
+	/** Sets the type of the BPMN Events. Applicable, if the node is a BPMN event.
+	*   @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
+	*/
+	event?: ej.datavisualization.Diagram.BPMNEvents|string;
+
+	/** Defines whether the node can be automatically arranged using layout or not
+	*   @Default {false}
+	*/
+	excludeFromLayout?: boolean;
+
+	/** Defines the state of the node is expanded or collapsed.
+	*/
+	expandIcon?: NodesExpandIcon;
+
+	/** Defines the fill color of the node
+	*   @Default {white}
+	*/
+	fillColor?: string;
+
+	/** Sets the type of the BPMN Gateway. Applicable, if the node is a BPMN gateway.
+	*   @Default {ej.datavisualization.Diagram.BPMNGateways.None}
+	*/
+	gateway?: ej.datavisualization.Diagram.BPMNGateways|string;
+
+	/** Paints the node with a smooth transition from one color to another color
+	*/
+	gradient?: NodesGradient;
+
+	/** Sets the type of the BPMN Shapes as group. Applicable, if the node is a BPMN.
+	*   @Default {ej.datavisualization.Diagram.BPMNShapes}
+	*/
+	group?: any;
+
+	/** Defines the header of a swimlane/lane
+	*   @Default {{ text: Title, fontSize: 11 }}
+	*/
+	header?: any;
+
+	/** Defines the height of the node
+	*   @Default {0}
+	*/
+	height?: number;
+
+	/** Sets the horizontal alignment of the node. Applicable, if the parent of the node is a container.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
+	*/
+	horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** A read only collection of the incoming connectors/edges of the node
+	*   @Default {[]}
+	*/
+	inEdges?: Array<any>;
+
+	/** Defines an interface in a UML Class Diagram
+	*   @Default {null}
+	*/
+	interface?: NodesInterface;
+
+	/** Defines whether the sub tree of the node is expanded or collapsed
+	*   @Default {true}
+	*/
+	isExpanded?: boolean;
+
+	/** Sets the node as a swimlane
+	*   @Default {false}
+	*/
+	isSwimlane?: boolean;
+
+	/** A collection of objects where each object represents a label
+	*   @Default {[]}
+	*/
+	labels?: Array<NodesLabel>;
+
+	/** An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
+	*   @Default {[]}
+	*/
+	lanes?: Array<NodesLane>;
+
+	/** Defines the minimum space to be left between the bottom of parent bounds and the node. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginBottom?: number;
+
+	/** Defines the minimum space to be left between the left of parent bounds and the node. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginLeft?: number;
+
+	/** Defines the minimum space to be left between the right of the parent bounds and the node. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginRight?: number;
+
+	/** Defines the minimum space to be left between the top of parent bounds and the node. Applicable, if the parent is a container.
+	*   @Default {0}
+	*/
+	marginTop?: number;
+
+	/** Defines the maximum height limit of the node
+	*   @Default {0}
+	*/
+	maxHeight?: number;
+
+	/** Defines the maximum width limit of the node
+	*   @Default {0}
+	*/
+	maxWidth?: number;
+
+	/** Defines the minimum height limit of the node
+	*   @Default {0}
+	*/
+	minHeight?: number;
+
+	/** Defines the minimum width limit of the node
+	*   @Default {0}
+	*/
+	minWidth?: number;
+
+	/** Sets the unique identifier of the node
+	*/
+	name?: string;
+
+	/** Defines the position of the node on X-Axis
+	*   @Default {0}
+	*/
+	offsetX?: number;
+
+	/** Defines the position of the node on Y-Axis
+	*   @Default {0}
+	*/
+	offsetY?: number;
+
+	/** Defines the opaque of the node
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Defines the orientation of nodes. Applicable, if the node is a swimlane.
+	*   @Default {vertical}
+	*/
+	orientation?: string;
+
+	/** A read only collection of outgoing connectors/edges of the node
+	*   @Default {[]}
+	*/
+	outEdges?: Array<any>;
+
+	/** Defines the minimum padding value to be left between the bottom most position of a group and its children. Applicable, if the group is a container.
+	*   @Default {0}
+	*/
+	paddingBottom?: number;
+
+	/** Defines the minimum padding value to be left between the left most position of a group and its children. Applicable, if the group is a container.
+	*   @Default {0}
+	*/
+	paddingLeft?: number;
+
+	/** Defines the minimum padding value to be left between the right most position of a group and its children. Applicable, if the group is a container.
+	*   @Default {0}
+	*/
+	paddingRight?: number;
+
+	/** Defines the minimum padding value to be left between the top most position of a group and its children. Applicable, if the group is a container.
+	*   @Default {0}
+	*/
+	paddingTop?: number;
+
+	/** Defines the size and preview size of the node to add that to symbol palette
+	*   @Default {null}
+	*/
+	paletteItem?: NodesPaletteItem;
+
+	/** Sets the name of the parent group
+	*/
+	parent?: string;
+
+	/** Sets the path geometry that defines the shape of a path node
+	*/
+	pathData?: string;
+
+	/** An array of objects, where each object represents a smaller region(phase) of a swimlane.
+	*   @Default {[]}
+	*/
+	phases?: Array<NodesPhase>;
+
+	/** Sets the height of the phase headers
+	*   @Default {0}
+	*/
+	phaseSize?: number;
+
+	/** Sets the ratio/ fractional value relative to node, based on which the node will be transformed(positioning, scaling and rotation)
+	*   @Default {ej.datavisualization.Diagram.Points(0.5,0.5)}
+	*/
+	pivot?: any;
+
+	/** Defines a collection of points to draw a polygon. Applicable, if the shape is a polygon.
+	*   @Default {[]}
+	*/
+	points?: Array<any>;
+
+	/** An array of objects where each object represents a port
+	*   @Default {[]}
+	*/
+	ports?: Array<NodesPort>;
+
+	/** Sets the angle to which the node should be rotated
+	*   @Default {0}
+	*/
+	rotateAngle?: number;
+
+	/** Defines the opacity and the position of shadow
+	*   @Default {ej.datavisualization.Diagram.Shadow()}
+	*/
+	shadow?: NodesShadow;
+
+	/** Sets the shape of the node. It depends upon the type of node.
+	*   @Default {ej.datavisualization.Diagram.BasicShapes.Rectangle}
+	*/
+	shape?: ej.datavisualization.Diagram.BasicShapes | ej.datavisualization.Diagram.FlowShapes | ej.datavisualization.Diagram.BPMNShapes | ej.datavisualization.Diagram.UMLActivityShapes|string;
+
+	/** Sets the source path of the image. Applicable, if the type of the node is image.
+	*/
+	source?: string;
+
+	/** Defines the sub process of a BPMN Activity. Applicable, if the type of the BPMN activity is sub process.
+	*   @Default {ej.datavisualization.Diagram.BPMNSubProcess()}
+	*/
+	subProcess?: NodesSubProcess;
+
+	/** Defines the task of the BPMN activity. Applicable, if the type of activity is set as task.
+	*   @Default {ej.datavisualization.Diagram.BPMNTask()}
+	*/
+	task?: NodesTask;
+
+	/** Sets the id of svg/html templates. Applicable, if the node is HTML or native.
+	*/
+	templateId?: string;
+
+	/** Defines the textBlock of a text node
+	*   @Default {null}
+	*/
+	textBlock?: any;
+
+	/** Defines the tooltip that should be shown when the mouse hovers over node. For tooltip properties, refer Tooltip
+	*   @Default {null}
+	*/
+	tooltip?: any;
+
+	/** Sets the type of BPMN Event Triggers.
+	*   @Default {ej.datavisualization.Diagram.BPMNTriggers.None}
+	*/
+	trigger?: ej.datavisualization.Diagram.BPMNTriggers|string;
+
+	/** Defines the type of the node.
+	*   @Default {ej.datavisualization.Diagram.Shapes.Basic}
+	*/
+	type?: ej.datavisualization.Diagram.Shapes|string;
+
+	/** Sets the vertical alignment of a node. Applicable, if the parent of a node is a container.
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
+	*/
+	verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+	/** Defines the visibility of the node
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Defines the width of the node
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Defines the z-index of the node
+	*   @Default {0}
+	*/
+	zOrder?: number;
+}
+
+export interface PageSettings {
+
+	/** Defines the maximum distance to be left between the object and the scroll bar to trigger auto scrolling
+	*   @Default {{ left: 15, top: 15, right: 15, bottom: 15 }}
+	*/
+	autoScrollBorder?: any;
+
+	/** Sets whether multiple pages can be created to fit all nodes and connectors
+	*   @Default {false}
+	*/
+	multiplePage?: boolean;
+
+	/** Defines the background color of diagram pages
+	*   @Default {#ffffff}
+	*/
+	pageBackgroundColor?: string;
+
+	/** Defines the page border color
+	*   @Default {#565656}
+	*/
+	pageBorderColor?: string;
+
+	/** Sets the border width of diagram pages
+	*   @Default {0}
+	*/
+	pageBorderWidth?: number;
+
+	/** Defines the height of a page
+	*   @Default {null}
+	*/
+	pageHeight?: number;
+
+	/** Defines the page margin
+	*   @Default {24}
+	*/
+	pageMargin?: number;
+
+	/** Sets the orientation of the page.
+	*   @Default {ej.datavisualization.Diagram.PageOrientations.Portrait}
+	*/
+	pageOrientation?: ej.datavisualization.Diagram.PageOrientations|string;
+
+	/** Defines the height of a diagram page
+	*   @Default {null}
+	*/
+	pageWidth?: number;
+
+	/** Defines the scrollable area of diagram. Applicable, if the scroll limit is &quot;limited&quot;.
+	*   @Default {null}
+	*/
+	scrollableArea?: any;
+
+	/** Defines the scrollable region of diagram.
+	*   @Default {ej.datavisualization.Diagram.ScrollLimit.Infinite}
+	*/
+	scrollLimit?: ej.datavisualization.Diagram.ScrollLimit|string;
+
+	/** Defines the draggable region of diagram elements.
+	*   @Default {ej.datavisualization.Diagram.BoundaryConstraints.Infinite}
+	*/
+	boundaryConstraints?: ej.datavisualization.Diagram.BoundaryConstraints|string;
+
+	/** Enables or disables the page breaks
+	*   @Default {false}
+	*/
+	showPageBreak?: boolean;
+}
+
+export interface ScrollSettings {
+
+	/** Allows to read the zoom value of diagram
+	*   @Default {0}
+	*/
+	currentZoom?: number;
+
+	/** Sets the horizontal scroll offset
+	*   @Default {0}
+	*/
+	horizontalOffset?: number;
+
+	/** Allows to extend the scrollable region that is based on the scroll limit
+	*   @Default {{left: 0, right: 0, top:0, bottom: 0}}
+	*/
+	padding?: any;
+
+	/** Sets the vertical scroll offset
+	*   @Default {0}
+	*/
+	verticalOffset?: number;
+
+	/** Allows to read the view port height of the diagram
+	*   @Default {0}
+	*/
+	viewPortHeight?: number;
+
+	/** Allows to read the view port width of the diagram
+	*   @Default {0}
+	*/
+	viewPortWidth?: number;
+}
+
+export interface SelectedItemsUserHandle {
+
+	/** Defines the name of the user handle
+	*/
+	name?: string;
+
+	/** Defines the background color of the user handle
+	*   @Default {#2382c3}
+	*/
+	backgroundColor?: string;
+
+	/** Sets the border color of the user handle
+	*   @Default {transparent}
+	*/
+	borderColor?: string;
+
+	/** Defines whether the user handle should be added, when more than one element is selected
+	*   @Default {false}
+	*/
+	enableMultiSelection?: boolean;
+
+	/** Sets the stroke color of the user handle
+	*   @Default {transparent}
+	*/
+	pathColor?: string;
+
+	/** Defines the custom shape of the user handle
+	*/
+	pathData?: string;
+
+	/** Defines the position of the user handle
+	*   @Default {ej.datavisualization.Diagram.UserHandlePositions.BottomCenter}
+	*/
+	position?: ej.datavisualization.Diagram.UserHandlePositions |string;
+
+	/** Defines the size of the user handle
+	*   @Default {8}
+	*/
+	size?: number;
+
+	/** Defines the interactive behaviors of the user handle
+	*/
+	tool?: any;
+
+	/** Defines the visibility of the user handle
+	*   @Default {true}
+	*/
+	visible?: boolean;
+}
+
+export interface SelectedItems {
+
+	/** A read only collection of the selected items
+	*   @Default {[]}
+	*/
+	children?: Array<any>;
+
+	/** Controls the visibility of selector.
+	*   @Default {ej.datavisualization.Diagram.SelectorConstraints.All}
+	*/
+	constraints?: ej.datavisualization.Diagram.SelectorConstraints|string;
+
+	/** Defines a method that dynamically enables/ disables the interaction with multiple selection.
+	*   @Default {null}
+	*/
+	getConstraints?: any;
+
+	/** Sets the height of the selected items
+	*   @Default {0}
+	*/
+	height?: number;
+
+	/** Sets the x position of the selector
+	*   @Default {0}
+	*/
+	offsetX?: number;
+
+	/** Sets the y position of the selector
+	*   @Default {0}
+	*/
+	offsetY?: number;
+
+	/** Sets the angle to rotate the selected items
+	*   @Default {0}
+	*/
+	rotateAngle?: number;
+
+	/** Sets the angle to rotate the selected items. For tooltip properties, refer Tooltip
+	*   @Default {ej.datavisualization.Diagram.Tooltip()}
+	*/
+	tooltip?: any;
+
+	/** A collection of frequently used commands that will be added around the selector
+	*   @Default {[]}
+	*/
+	userHandles?: Array<SelectedItemsUserHandle>;
+
+	/** Sets the width of the selected items
+	*   @Default {0}
+	*/
+	width?: number;
+}
+
+export interface SnapSettingsHorizontalGridLines {
+
+	/** Defines the line color of horizontal grid lines
+	*   @Default {lightgray}
+	*/
+	lineColor?: string;
+
+	/** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
+	*/
+	lineDashArray?: string;
+
+	/** A pattern of lines and gaps that defines a set of horizontal gridlines
+	*   @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
+	*/
+	linesInterval?: Array<any>;
+
+	/** Specifies a set of intervals to snap the objects
+	*   @Default {[20]}
+	*/
+	snapInterval?: Array<any>;
+}
+
+export interface SnapSettingsVerticalGridLines {
+
+	/** Defines the line color of horizontal grid lines
+	*   @Default {lightgray}
+	*/
+	lineColor?: string;
+
+	/** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
+	*/
+	lineDashArray?: string;
+
+	/** A pattern of lines and gaps that defines a set of horizontal gridlines
+	*   @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
+	*/
+	linesInterval?: Array<any>;
+
+	/** Specifies a set of intervals to snap the objects
+	*   @Default {[20]}
+	*/
+	snapInterval?: Array<any>;
+}
+
+export interface SnapSettings {
+
+	/** Enables or disables snapping nodes/connectors to objects
+	*   @Default {true}
+	*/
+	enableSnapToObject?: boolean;
+
+	/** Defines the appearance of horizontal gridlines
+	*/
+	horizontalGridLines?: SnapSettingsHorizontalGridLines;
+
+	/** Defines the angle by which the object needs to be snapped
+	*   @Default {5}
+	*/
+	snapAngle?: number;
+
+	/** Defines and sets the snapConstraints
+	*/
+	snapConstraints?: ej.datavisualization.Diagram.SnapConstraints|string;
+
+	/** Defines the minimum distance between the selected object and the nearest object
+	*   @Default {5}
+	*/
+	snapObjectDistance?: number;
+
+	/** Defines the appearance of horizontal gridlines
+	*/
+	verticalGridLines?: SnapSettingsVerticalGridLines;
+}
+
+export interface TooltipAlignment {
+
+	/** Defines the horizontal alignment of tooltip.
+	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+	*/
+	horizontal?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+	/** Defines the vertical alignment of tooltip.
+	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Bottom}
+	*/
+	vertical?: ej.datavisualization.Diagram.VerticalAlignment|string;
+}
+
+export interface Tooltip {
+
+	/** Aligns the tooltip around nodes/connectors
+	*/
+	alignment?: TooltipAlignment;
+
+	/** Sets the margin of the tooltip
+	*   @Default {{ left: 5, right: 5, top: 5, bottom: 5 }}
+	*/
+	margin?: any;
+
+	/** Defines whether the tooltip should be shown at the mouse position or around node.
+	*   @Default {ej.datavisualization.Diagram.RelativeMode.Object}
+	*/
+	relativeMode?: ej.datavisualization.Diagram.RelativeMode|string;
+
+	/** Sets the svg/html template to be bound with tooltip
+	*/
+	templateId?: string;
+}
+}
+module Diagram
+{
+enum ImageAlignment 
+{
+//Scales the graphic content non-uniformly to the width and height of the diagram area
+None,
+//Used to align the image at the top left of diagram area 
+XMinYMin,
+//Used to align the image at the left center of diagram area
+XMinYMid,
+//Used to align the image at the bottom left of diagram area
+XMinYMax,
+//Used to align the image at the top center of diagram area
+XMidYMin,
+//Used to align the image at the center of diagram area
+XMidYMid,
+//Used to align the image at the bottom center of diagram area
+XMidYMax,
+//Used to align the image at the top right of diagram area/node
+XMaxYMin,
+//Used to align the image at the right center of diagram area/node
+XMaxYMid,
+//Used to align the image at the bottom right of diagram area/node
+XMaxYMax,
+}
+}
+module Diagram
+{
+enum BridgeDirection
+{
+//Used to set the direction of line bridges as left
+Left,
+//Used to set the direction of line bridges as right
+Right,
+//Used to set the direction of line bridges as top
+Top,
+//Used to set the direction of line bridges as bottom
+Bottom,
+}
+}
+module Diagram
+{
+enum Keys
+{
+//No key pressed.
+None,
+//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 0 key.
+Number0,
+//The 1 key.
+Number1,
+//The 2 key.
+Number2,
+//The 3 key.
+Number3,
+//The 4 key.
+Number4,
+//The 5 key.
+Number5,
+//The 6 key.
+Number6,
+//The 7 key.
+Number7,
+//The 8 key.
+Number8,
+//The 9 key.
+Number9,
+//The LEFT ARROW key.
+Left,
+//The UP ARROW key.
+Up,
+//The RIGHT ARROW key.
+Right,
+//The DOWN ARROW key.
+Down,
+//The ESC key.
+Escape,
+//The DEL key.
+Delete,
+//The TAB key.
+Tab,
+//The ENTER key.
+Enter,
+}
+}
+module Diagram
+{
+enum KeyModifiers
+{
+//No modifiers are pressed.
+None,
+//The ALT key.
+Alt,
+//The CTRL key.
+Control,
+//The SHIFT key.
+Shift,
+}
+}
+module Diagram
+{
+enum ConnectorConstraints
+{
+//Disable all connector Constraints
+None,
+//Enables connector to be selected
+Select,
+//Enables connector to be Deleted
+Delete,
+//Enables connector to be Dragged
+Drag,
+//Enables connectors source end to be selected
+DragSourceEnd,
+//Enables connectors target end to be selected
+DragTargetEnd,
+//Enables control point and end point of every segment in a connector for editing
+DragSegmentThumb,
+//Enables bridging to the connector
+Bridging,
+//Enables label of node to be Dragged
+DragLabel,
+//Enables bridging to the connector
+InheritBridging,
+//Enables user interaction to the connector
+PointerEvents,
+//Enables the contrast between clean edges of connector over rendering speed and geometric precision
+CrispEdges,
+//Enables all constraints
+Default,
+}
+}
+module Diagram
+{
+enum HorizontalAlignment
+{
+//Used to align text horizontally on left side of node/connector
+Left,
+//Used to align text horizontally on center of node/connector
+Center,
+//Used to align text horizontally on right side of node/connector
+Right,
+}
+}
+module Diagram
+{
+enum Alignment
+{
+//Used to align the label either top or left(before) of the connector segment
+Before,
+//Used to align the label at center of the connector segment
+Center,
+//Used to align the label either bottom or right(after) of the connector segment
+After,
+}
+}
+module Diagram
+{
+enum LabelRelativeMode
+{
+//Sets the relativeMode as SegmentPath
+SegmentPath,
+//Sets the relativeMode as SegmentBounds
+SegmentBounds,
+}
+}
+module Diagram
+{
+enum Segments
+{
+//Used to specify the lines as Straight
+Straight,
+//Used to specify the lines as Orthogonal
+Orthogonal,
+//Used to specify the lines as Bezier
+Bezier,
+}
+}
+module Diagram
+{
+enum ConnectorShapes
+{
+//Used to specify connector type as BPMN
+BPMN,
+//Used to specify connector type as UMLClassifier
+UMLClassifier,
+//Used to specify connector type as UMLActivity
+UMLActivity,
+}
+}
+module Diagram
+{
+enum BPMNFlows
+{
+//Used to specify the Sequence flow in a BPMN Process
+Sequence,
+//Used to specify the Association flow in a BPMN Process 
+Association,
+//Used to specify the Message flow in a BPMN Process
+Message,
+}
+}
+module Diagram
+{
+enum AssociationFlows
+{
+//Used to notate default association in a BPMN Process
+Default,
+//Used to notate directional association in a BPMN Process
+Directional,
+//User to notate bi-directional association in a BPMN Process
+BiDirectional,
+}
+}
+module Diagram
+{
+enum BPMNMessageFlows
+{
+//Used to notate the default message flow in a BPMN Process
+Default,
+//Used to notate the instantiating message flow in a BPMN Process
+InitiatingMessage,
+//Used to notate the non-instantiating message flow in a BPMN Process
+NonInitiatingMessage,
+}
+}
+module Diagram
+{
+enum BPMNSequenceFlows
+{
+//Used to notate the normal sequence flow in a BPMN Process
+Normal,
+//Used to notate the conditional sequence flow in a BPMN Process
+Conditional,
+//Used to notate the default sequence flow in a BPMN Process
+Default,
+}
+}
+module Diagram
+{
+enum ClassifierShapes
+{
+//Used to define a Class
+Class,
+//Used to define an Interface
+Interface,
+//Used to define an Enumeration
+Enumeration,
+//Used to notate association in UML Class Diagram
+Association,
+//Used to notate aggregation in a UML Class Diagram
+Aggregation,
+//Used to notate composition in a UML Class Diagram
+Composition,
+//Used to notate dependency in a UML Class Diagram
+Dependency,
+//Used to notate inheritance in a UML Class Diagram
+Inheritance,
+}
+}
+module Diagram
+{
+enum Multiplicity
+{
+//Each entity instance is related to a single instance of another entity
+OneToOne,
+//An entity instance can be related to multiple instances of the other entities
+OneToMany,
+//Multiple instances of an entity can be related to a single instance of the other entity
+ManyToOne,
+//The entity instances can be related to multiple instances of each other
+ManyToMany,
+}
+}
+module Diagram
+{
+enum UMLActivityFlow
+{
+//Defines a activity flow as Object in UML Activity Diagram
+Object,
+//Defines a activity flow as Control in UML Activity Diagram
+Control,
+//Defines a activity flow as Exception in UML Activity Diagram
+Exception,
+}
+}
+module Diagram
+{
+enum DecoratorShapes
+{
+//Used to set decorator shape as none
+None,
+//Used to set decorator shape as Arrow
+Arrow,
+//Used to set decorator shape as Open Arrow
+OpenArrow,
+//Used to set decorator shape as Circle
+Circle,
+//Used to set decorator shape as Diamond
+Diamond,
+//Used to set decorator shape as path
+Path,
+}
+}
+module Diagram
+{
+enum VerticalAlignment
+{
+//Used to align text Vertically on left side of node/connector
+Top,
+//Used to align text Vertically on center of node/connector
+Center,
+//Used to align text Vertically on bottom of node/connector
+Bottom,
+}
+}
+module Diagram
+{
+enum DiagramConstraints
+{
+//Disables all DiagramConstraints
+None,
+//Enables/Disables interaction done with the help of API methods
+APIUpdate,
+//Enables/Disables UserInteraction
+UserInteraction,
+//Enables/Disables PageEditing
+PageEditable,
+//Enables/Disables Bridging
+Bridging,
+//Enables/Disables Zooming
+Zoomable,
+//Enables/Disables panning on horizontal axis
+PannableX,
+//Enables/Disables panning on vertical axis
+PannableY,
+//Enables/Disables Panning
+Pannable,
+//Enables/Disables undo actions
+Undoable,
+//Enables/Disables the sharp edges
+CrispEdges,
+//Enables/Disables the Diagram size updation on the window resize function
+Resizable,
+//Enables/Disables the Zooming of labels text editor
+ZoomTextEditor,
+//Enables/Disables the drag and drop of element from one diagram to the other
+FloatElements,
+//Enables all Constraints
+Default,
+}
+}
+module Diagram
+{
+enum LabelRenderingMode
+{
+//Sets the labelRenderingMode as Html
+Html,
+//Sets the labelRenderingMode as Svg
+Svg,
+}
+}
+module Diagram
+{
+enum LayoutOrientations
+{
+//Used to set LayoutOrientation from top to bottom
+TopToBottom,
+//Used to set LayoutOrientation from bottom to top
+BottomToTop,
+//Used to set LayoutOrientation from left to right
+LeftToRight,
+//Used to set LayoutOrientation from right to left
+RightToLeft,
+}
+}
+module Diagram
+{
+enum LayoutTypes
+{
+//Used not to set any specific layout
+None,
+//Used to set layout type as hierarchical layout
+HierarchicalTree,
+//Used to set layout type as organnizational chart
+OrganizationalChart,
+}
+}
+module Diagram
+{
+enum BPMNActivity
+{
+//Used to set BPMN Activity as None
+None,
+//Used to set BPMN Activity as Task
+Task,
+//Used to set BPMN Activity as SubProcess
+SubProcess,
+}
+}
+module Diagram
+{
+enum BPMNAnnotationDirection
+{
+//Used to set the direction of BPMN Annotation as left
+Left,
+//Used to set the direction of BPMN Annotation as right
+Right,
+//Used to set the direction of BPMN Annotation as top
+Top,
+//Used to set the direction of BPMN Annotation as bottom
+Bottom,
+}
+}
+module Diagram
+{
+enum IconShapes
+{
+//Used to set collapse icon shape as none
+None,
+//Used to set collapse icon shape as Arrow(Up/Down)
+Arrow,
+//Used to set collapse icon shape as Plus
+Plus,
+//Used to set collapse icon shape as Minus
+Minus,
+//Used to set collapse icon shape as path
+Path,
+//Used to set icon shape as template
+Template,
+//Used to set icon shape as image
+Image,
+}
+}
+module Diagram
+{
+enum NodeConstraints
+{
+//Disable all node Constraints
+None,
+//Enables node to be selected
+Select,
+//Enables node to be Deleted
+Delete,
+//Enables node to be Dragged
+Drag,
+//Enables node to be Rotated
+Rotate,
+//Enables node to be connected
+Connect,
+//Enables node to be resize north east
+ResizeNorthEast,
+//Enables node to be resize east
+ResizeEast,
+//Enables node to be resize south east
+ResizeSouthEast,
+//Enables node to be resize south
+ResizeSouth,
+//Enables node to be resize south west
+ResizeSouthWest,
+//Enables node to be resize west
+ResizeWest,
+//Enables node to be resize north west
+ResizeNorthWest,
+//Enables node to be resize north
+ResizeNorth,
+//Enables node to be Resized
+Resize,
+//Enables shadow
+Shadow,
+//Enables label of node to be Dragged
+DragLabel,
+//Enables panning should be done while node dragging
+AllowPan,
+//Enables Proportional resize for node
+AspectRatio,
+//Enables the user interaction with the node
+PointerEvents,
+//Enables contrast between clean edges for the node over rendering speed and geometric precision
+CrispEdges,
+//Enables all node constraints
+Default,
+}
+}
+module Diagram
+{
+enum ContainerType
+{
+//Sets the container type as Canvas
+Canvas,
+//Sets the container type as Stack
+Stack,
+}
+}
+module Diagram
+{
+enum BPMNDataObjects
+{
+//Used to notate the Input type BPMN data object
+Input,
+//Used to notate the Output type BPMN data object
+Output,
+//Used to set BPMN data object type as None
+None,
+}
+}
+module Diagram
+{
+enum BPMNEvents
+{
+//Used to set BPMN Event as Start
+Start,
+//Used to set BPMN Event as Intermediate
+Intermediate,
+//Used to set BPMN Event as End
+End,
+//Used to set BPMN Event as NonInterruptingStart
+NonInterruptingStart,
+//Used to set BPMN Event as NonInterruptingIntermediate
+NonInterruptingIntermediate,
+//Used to set BPMN Event as ThrowingIntermediate
+ThrowingIntermediate,
+}
+}
+module Diagram
+{
+enum BPMNGateways
+{
+//Used to set BPMN Gateway as None
+None,
+//Used to set BPMN Gateway as Exclusive
+Exclusive,
+//Used to set BPMN Gateway as Inclusive
+Inclusive,
+//Used to set BPMN Gateway as Parallel
+Parallel,
+//Used to set BPMN Gateway as Complex
+Complex,
+//Used to set BPMN Gateway as EventBased
+EventBased,
+//Used to set BPMN Gateway as ExclusiveEventBased
+ExclusiveEventBased,
+//Used to set BPMN Gateway as ParallelEventBased
+ParallelEventBased,
+}
+}
+module Diagram
+{
+enum LabelEditMode
+{
+//Used to set label edit mode as edit
+Edit,
+//Used to set label edit mode as view
+View,
+}
+}
+module Diagram
+{
+enum OverflowType
+{
+//Set overflow Type as ellipsis
+Ellipsis,
+//Set overflow Type  as Clip
+Clip,
+}
+}
+module Diagram
+{
+enum TextAlign
+{
+//Used to align text on left side of node/connector
+Left,
+//Used to align text on center of node/connector
+Center,
+//Used to align text on Right side of node/connector
+Right,
+}
+}
+module Diagram
+{
+enum TextDecorations
+{
+//Used to set text decoration of the label as Underline
+Underline,
+//Used to set text decoration of the label as Overline
+Overline,
+//Used to set text decoration of the label as LineThrough
+LineThrough,
+//Used to set text decoration of the label as None
+None,
+}
+}
+module Diagram
+{
+enum TextWrapping
+{
+//Disables wrapping
+NoWrap,
+//Enables Line-break at normal word break points
+Wrap,
+//Enables Line-break at normal word break points with longer word overflows
+WrapWithOverflow,
+}
+}
+module Diagram
+{
+enum PortConstraints
+{
+//Disable all constraints
+None,
+//Enables connections with connector
+Connect,
+//Enables to create the connection when mouse hover on the port.
+ConnectOnDrag,
+}
+}
+module Diagram
+{
+enum PortShapes
+{
+//Used to set port shape as X
+X,
+//Used to set port shape as Circle
+Circle,
+//Used to set port shape as Square
+Square,
+//Used to set port shape as Path
+Path,
+}
+}
+module Diagram
+{
+enum PortVisibility
+{
+//Set the port visibility as Visible
+Visible,
+//Set the port visibility as Hidden
+Hidden,
+//Port get visible when hover connector on node
+Hover,
+//Port gets visible when connect connector to node
+Connect,
+//Specifies the port visibility as default
+Default,
+}
+}
+module Diagram
+{
+enum BasicShapes 
+{
+//Used to specify node Shape as Rectangle
+Rectangle,
+//Used to specify node Shape as Ellipse
+Ellipse,
+//Used to specify node Shape as Path
+Path,
+//Used to specify node Shape as Polygon
+Polygon,
+//Used to specify node Shape as Triangle
+Triangle,
+//Used to specify node Shape as Plus
+Plus,
+//Used to specify node Shape as Star
+Star,
+//Used to specify node Shape as Pentagon
+Pentagon,
+//Used to specify node Shape as Heptagon
+Heptagon,
+//Used to specify node Shape as Octagon
+Octagon,
+//Used to specify node Shape as Trapezoid
+Trapezoid,
+//Used to specify node Shape as Decagon
+Decagon,
+//Used to specify node Shape as RightTriangle
+RightTriangle,
+//Used to specify node Shape as Cylinder
+Cylinder,
+}
+}
+module Diagram
+{
+enum FlowShapes 
+{
+//Used to specify node Shape as Process
+Process,
+//Used to specify node Shape as Decision
+Decision,
+//Used to specify node Shape as Document
+Document,
+//Used to specify node Shape as PreDefinedProcess
+PreDefinedProcess,
+//Used to specify node Shape as Terminator
+Terminator,
+//Used to specify node Shape as PaperTap
+PaperTap,
+//Used to specify node Shape as DirectData
+DirectData,
+//Used to specify node Shape as SequentialData 
+SequentialData,
+//Used to specify node Shape as Sort
+Sort,
+//Used to specify node Shape as MultiDocument
+MultiDocument,
+//Used to specify node Shape as Collate
+Collate,
+//Used to specify node Shape as SummingJunction
+SummingJunction,
+//Used to specify node Shape as Or
+Or,
+//Used to specify node Shape as InternalStorage
+InternalStorage,
+//Used to specify node Shape as Extract
+Extract,
+//Used to specify node Shape as ManualOperation
+ManualOperation,
+//Used to specify node Shape as Merge
+Merge,
+//Used to specify node Shape as OffPageReference
+OffPageReference,
+//Used to specify node Shape as SequentialAccessStorage
+SequentialAccessStorage,
+//Used to specify node Shape as Annotation1
+Annotation1,
+//Used to specify node Shape as Annotation2
+Annotation2,
+//Used to specify node Shape as Data
+Data,
+//Used to specify node Shape as Card 
+Card,
+}
+}
+module Diagram
+{
+enum BPMNShapes 
+{
+//Used to specify node Shape as Event
+Event,
+//Used to specify node Shape as Gateway
+Gateway,
+//Used to specify node Shape as Message
+Message,
+//Used to specify node Shape as DataObject
+DataObject,
+//Used to specify node Shape as DataSource
+DataSource,
+//Used to specify node Shape as Activity
+Activity,
+//Used to specify node Shape as Group
+Group,
+}
+}
+module Diagram
+{
+enum UMLActivityShapes
+{
+//Used to set UML ActivityShapes as Action
+Action,
+//Used to set UML ActivityShapes as Decision
+Decision,
+//Used to set UML ActivityShapes as MergeNode
+MergeNode,
+//Used to set UML ActivityShapes as InitialNode
+InitialNode,
+//Used to set UML ActivityShapes as FinalNode
+FinalNode,
+//Used to set UML ActivityShapes as ForkNode
+ForkNode,
+//Used to set UML ActivityShapes as JoinNode
+JoinNode,
+//Used to set UML ActivityShapes as TimeEvent
+TimeEvent,
+//Used to set UML ActivityShapes as AcceptingEvent
+AcceptingEvent,
+//Used to set UML ActivityShapes as SendSignal
+SendSignal,
+//Used to set UML ActivityShapes as ReceiveSignal
+ReceiveSignal,
+//Used to set UML ActivityShapes as StructuredNode
+StructuredNode,
+//Used to set UML ActivityShapes as Note
+Note,
+}
+}
+module Diagram
+{
+enum BPMNBoundary
+{
+//Used to set BPMN SubProcess's Boundary as Default
+Default,
+//Used to set BPMN SubProcess's Boundary as Call
+Call,
+//Used to set BPMN SubProcess's Boundary as Event
+Event,
+}
+}
+module Diagram
+{
+enum BPMNLoops
+{
+//Used to set BPMN Activity's Loop as None
+None,
+//Used to set BPMN Activity's Loop as Standard
+Standard,
+//Used to set BPMN Activity's Loop as ParallelMultiInstance
+ParallelMultiInstance,
+//Used to set BPMN Activity's Loop as SequenceMultiInstance
+SequenceMultiInstance,
+}
+}
+module Diagram
+{
+enum BPMNSubProcessTypes
+{
+//Used to set BPMN SubProcess type as None
+None,
+//Used to set BPMN SubProcess type as Transaction
+Transaction,
+//Used to set BPMN SubProcess type as Event
+Event,
+}
+}
+module Diagram
+{
+enum BPMNTasks
+{
+//Used to set BPMN Task Type as None
+None,
+//Used to set BPMN Task Type as Service
+Service,
+//Used to set BPMN Task Type as Receive
+Receive,
+//Used to set BPMN Task Type as Send
+Send,
+//Used to set BPMN Task Type as InstantiatingReceive
+InstantiatingReceive,
+//Used to set BPMN Task Type as Manual
+Manual,
+//Used to set BPMN Task Type as BusinessRule
+BusinessRule,
+//Used to set BPMN Task Type as User
+User,
+//Used to set BPMN Task Type as Script
+Script,
+//Used to set BPMN Task Type as Parallel
+Parallel,
+}
+}
+module Diagram
+{
+enum BPMNTriggers
+{
+//Used to set Event Trigger as None
+None,
+//Used to set Event Trigger as Message
+Message,
+//Used to set Event Trigger as Timer
+Timer,
+//Used to set Event Trigger as Escalation
+Escalation,
+//Used to set Event Trigger as Link
+Link,
+//Used to set Event Trigger as Error
+Error,
+//Used to set Event Trigger as Compensation
+Compensation,
+//Used to set Event Trigger as Signal
+Signal,
+//Used to set Event Trigger as Multiple
+Multiple,
+//Used to set Event Trigger as Parallel
+Parallel,
+//Used to set Event Trigger as Conditional
+Conditional,
+//Used to set Event Trigger as Termination
+Termination,
+//Used to set Event Trigger as Cancel
+Cancel,
+}
+}
+module Diagram
+{
+enum Shapes
+{
+//Used to specify node type as Text
+Text,
+//Used to specify node type as Image
+Image,
+//Used to specify node type as Html
+Html,
+//Used to specify node type as Native
+Native,
+//Used to specify node type as Basic
+Basic,
+//Used to specify node type as Flow
+Flow,
+//Used to specify node type as BPMN
+BPMN,
+//Used to specify node type as UMLClassifier
+UMLClassifier,
+//Used to specify node type as UMLActivity
+UMLActivity,
+}
+}
+module Diagram
+{
+enum PageOrientations
+{
+//Used to set orientation as Landscape
+Landscape,
+//Used to set orientation as portrait
+Portrait,
+}
+}
+module Diagram
+{
+enum ScrollLimit
+{
+//Used to set scrollLimit as Infinite
+Infinite,
+//Used to set scrollLimit as Diagram
+Diagram,
+//Used to set scrollLimit as Limited
+Limited,
+}
+}
+module Diagram
+{
+enum BoundaryConstraints
+{
+//Used to set boundaryConstraints as Infinite
+Infinite,
+//Used to set boundaryConstraints as Diagram
+Diagram,
+//Used to set boundaryConstraints as Page
+Page,
+}
+}
+module Diagram
+{
+enum SelectorConstraints
+{
+//Hides the selector
+None,
+//Sets the visibility of rotation handle as visible
+Rotator,
+//Sets the visibility of resize handles as visible
+Resizer,
+//Sets the visibility of user handles as visible
+UserHandles,
+//Sets the visibility of all selection handles as visible
+All,
+}
+}
+module Diagram
+{
+enum UserHandlePositions 
+{
+//Set the position of the userhandle as topleft
+TopLeft,
+//Set the position of the userhandle as topcenter
+TopCenter,
+//Set the position of the userhandle as topright
+TopRight,
+//Set the position of the userhandle as middleleft
+MiddleLeft,
+//Set the position of the userhandle as middleright
+MiddleRight,
+//Set the position of the userhandle as bottomleft
+BottomLeft,
+//Set the position of the userhandle as bottomcenter
+BottomCenter,
+//Set the position of the userhandle as bottom right
+BottomRight,
+}
+}
+module Diagram
+{
+enum SnapConstraints
+{
+//Enables node to be snapped to horizontal gridlines
+None,
+//Enables node to be snapped to vertical gridlines
+SnapToHorizontalLines,
+//Enables node to be snapped to horizontal gridlines
+SnapToVerticalLines,
+//Enables node to be snapped to gridlines
+SnapToLines,
+//Enable horizontal lines
+ShowHorizontalLines,
+//Enable vertical lines
+ShowVerticalLines,
+//Enable both horizontal and vertical lines
+ShowLines,
+//Enable all the constraints
+All,
+}
+}
+module Diagram
+{
+enum Tool
+{
+//Disables all Tools
+None,
+//Enables/Disables SingleSelect tool
+SingleSelect,
+//Enables/Disables MultiSelect tool
+MultipleSelect,
+//Enables/Disables ZoomPan tool
+ZoomPan,
+//Enables/Disables DrawOnce tool
+DrawOnce,
+//Enables/Disables ContinuousDraw tool
+ContinuesDraw,
+}
+}
+module Diagram
+{
+enum RelativeMode
+{
+//Shows tooltip around the node
+Object,
+//Shows tooltip at the mouse position
+Mouse,
+}
+}
+module Diagram
+{
+enum FileFormats
+{
+//Used to export the diagram into JPG format.
+JPG,
+//Used to export the diagram into PNG format.
+PNG,
+//Used to export the diagram into BMP format.
+BMP,
+//Used to export the diagram into SVG format.
+SVG,
+}
+}
+module Diagram
+{
+enum ExportModes
+{
+//Used to export the diagram as a file.
+Download,
+//Used to export the diagram as raw data.
+Data,
+}
+}
+module Diagram
+{
+enum Region
+{
+//Used to export the content of the diagram only.
+Content,
+//Used to export the page region of the diagram.
+PageSettings,
+}
+}
+module Diagram
+{
+enum Stretch
+{
+//The diagram content preserves its original size.
+None,
+//The diagram content is resized to fill the destination dimensions. The aspect ratio is not preserved.
+Fill,
+//The diagram content is resized to fit in the destination dimensions while it preserves its native aspect ratio.
+Uniform,
+//The diagram content is resized to fill the destination dimensions while it preserves its native aspect ratio. If the aspect ratio of the destination rectangle differs from the source, the source content is clipped to fit in the destination dimensions.
+UniformToFill,
+}
+}
+module Diagram
+{
+enum FitMode
+{
+//Used to fit the diagram content based on page size.
+Page,
+//Used to fit the diagram content based on diagram width.
+Width,
+//Used to fit the diagram content based on diagram height.
+Height,
+}
+}
+module Diagram
+{
+enum ZoomCommand
+{
+//Used to zoom in the Diagram
+ZoomIn,
+//Used to zoom out the diagram
+ZoomOut,
+}
+}
+
+class HeatMap extends ej.Widget {
+	static fn: HeatMap;
+	constructor(element: JQuery, options?: HeatMap.Model);
+	constructor(element: Element, options?: HeatMap.Model);
+	static Locale: any;
+	model:HeatMap.Model;
+	defaults:HeatMap.Model;
+}
+export module HeatMap{
+
+export interface Model {
+
+	/** Specifies the width of the heat map.
+	*   @Default {null}
+	*/
+	width?: any;
+
+	/** Specifies the width of the heat map.
+	*   @Default {null}
+	*/
+	height?: any;
+
+	/** Specifies the name of the heat map.
+	*   @Default {null}
+	*/
+	id?: number;
+
+	/** Enables or disables tooltip of heatmap
+	*   @Default {true}
+	*/
+	showTooltip?: boolean;
+
+	/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
+	*/
+	tooltipSettings?: TooltipSettings;
+
+	/** Specifies the source data of the heat map.
+	*   @Default {[]}
+	*/
+	itemsSource?: any;
+
+	/** Specifies the property of the heat map cell.
+	*   @Default {Null}
+	*/
+	heatMapCell?: HeatMapCell;
+
+	/** Specifies can enable responsive mode or not for heat map.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies whether the virtualization can be enable or not.
+	*   @Default {false}
+	*/
+	enableVirtualization?: boolean;
+
+	/** Specifies the default column properties for all the column style not specified in column properties.
+	*   @Default {[]}
+	*/
+	defaultColumnStyle?: DefaultColumnStyle;
+
+	/** Specifies the no of legends can sync with heat map.
+	*   @Default {[]}
+	*/
+	legendCollection?: Array<any>;
+
+	/** Specifies the property and display value of the heat map column.
+	*   @Default {[]}
+	*/
+	itemsMapping?: ItemsMapping;
+
+	/** Specifies the color values of the heat map column data.
+	*   @Default {[]}
+	*/
+	colorMappingCollection?: Array<ColorMappingCollection>;
+
+	/** Triggered when the mouse over on the cell. */
+	cellMouseOver? (e: CellMouseOverEventArgs): void;
+
+	/** Triggered when the mouse over on the cell. */
+	cellMouseEnter? (e: CellMouseEnterEventArgs): void;
+
+	/** Triggered when the mouse over on the cell. */
+	cellMouseLeave? (e: CellMouseLeaveEventArgs): void;
+
+	/** Triggered when the mouse over on the cell. */
+	cellSelected? (e: CellSelectedEventArgs): void;
+}
+
+export interface CellMouseOverEventArgs {
+
+	/** Value displayed on the cell
+	*/
+	cellValue?: string;
+
+	/** Returns the HeatMap cell data
+	*/
+	source?: any;
+
+	/** Returns the specific HeatMap cell
+	*/
+	cell?: any;
+}
+
+export interface CellMouseEnterEventArgs {
+
+	/** Value displayed on the cell
+	*/
+	cellValue?: string;
+
+	/** Returns the HeatMap cell data
+	*/
+	source?: any;
+
+	/** Returns the specific HeatMap cell
+	*/
+	cell?: any;
+}
+
+export interface CellMouseLeaveEventArgs {
+
+	/** Value displayed on the cell
+	*/
+	cellValue?: string;
+
+	/** Returns the HeatMap cell data
+	*/
+	source?: any;
+
+	/** Returns the specific HeatMap cell
+	*/
+	cell?: any;
+}
+
+export interface CellSelectedEventArgs {
+
+	/** Value displayed on the cell
+	*/
+	cellValue?: string;
+
+	/** Returns the HeatMap cell data
+	*/
+	source?: any;
+
+	/** Returns the specific HeatMap cell
+	*/
+	cell?: any;
+}
+
+export interface TooltipSettingsPositionTarget {
+
+	/** Sets the arrow position again popup based on horizontal(x) value
+	*   @Default {center}
+	*/
+	horizontal?: ej.datavisualization.HeatMap.Horizontal|string;
+
+	/** Sets the arrow position again popup based on vertical(y) value
+	*   @Default {top}
+	*/
+	vertical?: ej.datavisualization.HeatMap.Vertical|string;
+}
+
+export interface TooltipSettingsPositionStem {
+
+	/** Sets the arrow position again popup based on horizontal(x) value
+	*   @Default {center}
+	*/
+	horizontal?: ej.datavisualization.HeatMap.Horizontal|string;
+
+	/** Sets the arrow position again popup based on vertical(y) value
+	*   @Default {bottom}
+	*/
+	vertical?: ej.datavisualization.HeatMap.Vertical|string;
+}
+
+export interface TooltipSettingsPosition {
+
+	/** Sets the Tooltip position against target.
+	*/
+	target?: TooltipSettingsPositionTarget;
+
+	/** Sets the arrow position again popup.
+	*/
+	stem?: TooltipSettingsPositionStem;
+}
+
+export interface TooltipSettingsAnimation {
+
+	/** Defines the animation effect for the tooltip that should be shown when the mouse hovers over rows/columns.
+	*   @Default {none}
+	*/
+	effect?: ej.datavisualization.HeatMap.Effect|string;
+
+	/** Defines the animation speed for the tooltip that should be shown when the mouse hovers over rows/columns.
+	*   @Default {0}
+	*/
+	speed?: number;
+}
+
+export interface TooltipSettings {
+
+	/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
+	*   @Default {null}
+	*/
+	templateId?: string;
+
+	/** Defines the tooltip of associate that should be shown when the mouse hovers over rows/columns.
+	*   @Default {mouseFollow}
+	*/
+	associate?: ej.datavisualization.HeatMap.Associate|string;
+
+	/** Enables/ disables the balloon for the tooltip to be shown
+	*   @Default {true}
+	*/
+	isBalloon?: boolean;
+
+	/** Defines various attributes of the Tooltip position
+	*/
+	position?: TooltipSettingsPosition;
+
+	/** Defines the tooltip to be triggered.
+	*   @Default {hover}
+	*/
+	trigger?: ej.datavisualization.HeatMap.Trigger|string;
+
+	/** Defines the animation for the tooltip that should be shown when the mouse hovers over rows/columns.
+	*/
+	animation?: TooltipSettingsAnimation;
+}
+
+export interface HeatMapCell {
+
+	/** Specifies whether the cell content can be visible or not.
+	*   @Default {ej.HeatMap.CellVisibility.Visible}
+	*/
+	showContent?: ej.datavisualization.HeatMap.CellVisibility|string;
+
+	/** Specifies whether the cell color can be visible or not.
+	*   @Default {true}
+	*/
+	showColor?: boolean;
+}
+
+export interface DefaultColumnStyle {
+
+	/** Specifies the alignment mode of the heat map column.
+	*   @Default {ej.HeatMap.TextAlign.Center}
+	*/
+	textAlign?: any;
+
+	/** Specifies the template id of the heat map column header.
+	*/
+	headerTemplateID?: string;
+
+	/** Specifies the template id of all individual cell data of the heat map.
+	*/
+	templateID?: string;
+}
+
+export interface ItemsMappingColumnStyle {
+
+	/** Specifies the width of the heat map column.
+	*   @Default {0}
+	*/
+	width?: number;
+
+	/** Specifies the text align mode of the heat map column.
+	*   @Default {ej.HeatMap.TextAlign.Center}
+	*/
+	textAlign?: string;
+
+	/** Specifies the template id of the column header.
+	*/
+	headerTemplateID?: string;
+
+	/** Specifies the template id of all individual cell data.
+	*/
+	templateID?: string;
+}
+
+export interface ItemsMappingColumn {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+}
+
+export interface ItemsMappingRow {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+}
+
+export interface ItemsMappingValue {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+}
+
+export interface ItemsMappingHeaderMapping {
+
+	/** Specifies the name of the column or row.
+	*/
+	propertyName?: string;
+
+	/** Specifies the value of the column or row.
+	*/
+	displayName?: string;
+
+	/** Specifies the property and display value of the header.
+	*   @Default {null}
+	*/
+	columnStyle?: any;
+}
+
+export interface ItemsMapping {
+
+	/** Column settings for the individual heat map column.
+	*   @Default {null}
+	*/
+	columnStyle?: ItemsMappingColumnStyle;
+
+	/** Specifies the property and display value of the column.
+	*   @Default {null}
+	*/
+	column?: ItemsMappingColumn;
+
+	/** Specifies the row property and display value of the heat map.
+	*   @Default {null}
+	*/
+	row?: ItemsMappingRow;
+
+	/** Specifies the property and display value of the column value.
+	*   @Default {null}
+	*/
+	value?: ItemsMappingValue;
+
+	/** Specifies the property and display value of the header.
+	*   @Default {null}
+	*/
+	headerMapping?: ItemsMappingHeaderMapping;
+
+	/** Specifies the property and display value of the collection of column.
+	*   @Default {[]}
+	*/
+	columnMapping?: Array<any>;
+}
+
+export interface ColorMappingCollectionLabel {
+
+	/** Enables/disables the bold style of the heat map label.
+	*   @Default {false}
+	*/
+	bold?: boolean;
+
+	/** Enables/disables the italic style of the heat map label.
+	*   @Default {false}
+	*/
+	italic?: boolean;
+
+	/** specifies the text value of the heat map label.
+	*/
+	text?: string;
+
+	/** Specifies the text style of the heat map label.
+	*   @Default {ej.HeatMap.TextDecoration.None}
+	*/
+	textDecoration?: ej.datavisualization.HeatMap.TextDecoration |string;
+
+	/** Specifies the font size of the heat map label.
+	*   @Default {10}
+	*/
+	fontSize?: number;
+
+	/** Specifies the font family of the heat map label.
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font color of the heat map label.
+	*   @Default {black}
+	*/
+	fontColor?: string;
+}
+
+export interface ColorMappingCollection {
+
+	/** Specifies the color of the heat map column data.
+	*   @Default {white}
+	*/
+	color?: string;
+
+	/** Specifies the color values of the heat map column data.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Specifies the label properties of the heat map color.
+	*   @Default {null}
+	*/
+	label?: ColorMappingCollectionLabel;
+}
+}
+module HeatMap
+{
+enum Associate
+{
+//Used to set the associate of tooltip as Target
+Target,
+//Used to set the associate of tooltip as MouseFollow
+MouseFollow,
+//Used to set the associate of tooltip as MouseEnter
+MouseEnter,
+}
+}
+module HeatMap
+{
+enum Horizontal
+{
+//Used to display the tooltip horizontally on left side of rows/columns
+Left,
+//Used to display the tooltip horizontally on center side of rows/columns
+Center,
+//Used to display the tooltip horizontally on right side of rows/columns
+Right,
+}
+}
+module HeatMap
+{
+enum Vertical
+{
+//Used to display the tooltip horizontally on left side of rows/columns
+Top,
+//Used to display the tooltip horizontally on center side of rows/columns
+Center,
+//Used to display the tooltip horizontally on right side of rows/columns
+Bottom,
+}
+}
+module HeatMap
+{
+enum Trigger
+{
+//Tooltip can be triggered on mouse hovers
+Hover,
+//Tooltip can be triggered on mouse click
+Click,
+}
+}
+module HeatMap
+{
+enum Effect
+{
+//Sets tooltip animation as None
+None,
+//Sets tooltip animation as Fade
+Fade,
+//Sets tooltip animation as Slide
+Slide,
+}
+}
+module HeatMap
+{
+enum CellVisibility
+{
+//Display the content of the cell              
+Visible,
+//Hide the content of the cell  
+Hidden,
+}
+}
+module HeatMap
+{
+enum TextDecoration 
+{
+//Defines a line below the text            
+Underline,
+//Defines a line above the text
+Overline,
+//Defines a line through the text
+LineThrough,
+//Defines a normal text. This is default
+None,
+}
+}
+
+class HeatMapLegend extends ej.Widget {
+	static fn: HeatMapLegend;
+	constructor(element: JQuery, options?: HeatMapLegend.Model);
+	constructor(element: Element, options?: HeatMapLegend.Model);
+	static Locale: any;
+	model:HeatMapLegend.Model;
+	defaults:HeatMapLegend.Model;
+}
+export module HeatMapLegend{
+
+export interface Model {
+
+	/** Specifies the width of the heatmap legend.
+	*   @Default {null}
+	*/
+	width?: any;
+
+	/** Specifies the height of the heatmap legend.
+	*   @Default {null}
+	*/
+	height?: any;
+
+	/** Specifies can enable responsive mode or not for heatmap legend.
+	*   @Default {false}
+	*/
+	isResponsive?: boolean;
+
+	/** Specifies whether the cell label can be shown or not.
+	*   @Default {false}
+	*/
+	showLabel?: boolean;
+
+	/** Specifies the color values of the column data.
+	*   @Default {[]}
+	*/
+	colorMappingCollection?: Array<ColorMappingCollection>;
+
+	/** Specifies the orientation of the heatmap legend
+	*   @Default {ej.HeatMap.LegendOrientation.Horizontal}
+	*/
+	orientation?: ej.datavisualization.HeatMap.LegendOrientation|string;
+
+	/** Specifies the legend mode as gradient or list.
+	*   @Default {ej.HeatMap.LegendMode.Gradient}
+	*/
+	legendMode?: ej.datavisualization.HeatMap.LegendMode|string;
+}
+
+export interface ColorMappingCollectionLabel {
+
+	/** Enables/disables the bold style of the heatmap legend label.
+	*   @Default {false}
+	*/
+	bold?: boolean;
+
+	/** Enables/disables the italic style of the heatmap legend label.
+	*   @Default {false}
+	*/
+	italic?: boolean;
+
+	/** specifies the text value of the heatmap legend label.
+	*/
+	text?: string;
+
+	/** Specifies the text style of the heatmap legend label.
+	*   @Default {ej.HeatMap.TextDecoration.None}
+	*/
+	textDecoration?: ej.datavisualization.HeatMap.TextDecoration|string;
+
+	/** Specifies the font size of the heatmap legend label.
+	*   @Default {10}
+	*/
+	fontSize?: number;
+
+	/** Specifies the font family of the heatmap legend label.
+	*   @Default {Arial}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font color of the heatmap legend label.
+	*   @Default {black}
+	*/
+	fontColor?: string;
+}
+
+export interface ColorMappingCollection {
+
+	/** Specifies the color of the heatmap legend data.
+	*   @Default {white}
+	*/
+	color?: string;
+
+	/** Specifies the color values of the heatmap legend column data.
+	*   @Default {0}
+	*/
+	value?: number;
+
+	/** Specifies the label properties of the heatmap legend color.
+	*   @Default {null}
+	*/
+	label?: ColorMappingCollectionLabel;
+}
+}
+module HeatMap
+{
+enum LegendOrientation
+{
+//Scales the graphic content non-uniformly to the width and height of the diagram area            
+Horizontal,
+//Used to align the image at the top left of diagram area 
+Vertical,
+}
+}
+module HeatMap
+{
+enum LegendMode
+{
+//Scales the graphic content non-uniformly to the width and height of the diagram area            
+Gradient,
+//Used to align the image at the top left of diagram area 
+List,
+}
+}
+
+class Sparkline extends ej.Widget {
+	static fn: Sparkline;
+	constructor(element: JQuery, options?: Sparkline.Model);
+	constructor(element: Element, options?: Sparkline.Model);
+	static Locale: any;
+	model:Sparkline.Model;
+	defaults:Sparkline.Model;
+
+	/** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+	*   @returns {void}
+	*/
+	redraw(): void;
+}
+export module Sparkline{
+
+export interface Model {
+
+	/** Background color of the plot area.
+	*   @Default {transparent}
+	*/
+	background?: string;
+
+	/** Fill color for the sparkline series.
+	*   @Default {#33ccff}
+	*/
+	fill?: string;
+
+	/** Border color of the series.
+	*   @Default {null}
+	*/
+	stroke?: string;
+
+	/** Options for customizing the color, opacity and width of the sparkline border.
+	*/
+	border?: Border;
+
+	/** Border width of the series.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Opacity of the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Color for series high point.
+	*   @Default {null}
+	*/
+	highPointColor?: string;
+
+	/** Color for series low point.
+	*   @Default {null}
+	*/
+	lowPointColor?: string;
+
+	/** Color for series start point.
+	*   @Default {null}
+	*/
+	startPointColor?: string;
+
+	/** Color for series end point.
+	*   @Default {null}
+	*/
+	endPointColor?: string;
+
+	/** Color for series negative point.
+	*   @Default {null}
+	*/
+	negativePointColor?: string;
+
+	/** Options for customizing the color, opacity of the sparkline start and end range.
+	*/
+	rangeBandSettings?: RangeBandSettings;
+
+	/** Name of the culture based on which sparkline should be localized.
+	*   @Default {en-US}
+	*/
+	locale?: string;
+
+	/** Name of a field in data source, where the fill color for all the data points is generated.
+	*/
+	palette?: string;
+
+	/** Controls whether sparkline has to be responsive or not.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
+	*   @Default {false}
+	*/
+	enableCanvasRendering?: boolean;
+
+	/** Specify to convert the date object to string, using locale settings.
+	*   @Default {false}
+	*/
+	enableGroupSeparator?: boolean;
+
+	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Name of the property in the datasource that contains x value for the series.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Name of the property in the datasource that contains y value for the series.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Gap or padding for sparkline.
+	*   @Default {8}
+	*/
+	padding?: number;
+
+	/** Specifies the type of the series to render in sparkline.
+	*   @Default {line. See Type}
+	*/
+	type?: ej.datavisualization.Sparkline.Type|string;
+
+	/** Specifies the theme for Sparkline.
+	*   @Default {Flatlight. See Theme}
+	*/
+	theme?: ej.datavisualization.Sparkline.Theme|string;
+
+	/** Options to customize the tooltip.
+	*/
+	tooltip?: Tooltip;
+
+	/** Options for displaying and customizing marker for a data point.
+	*/
+	markerSettings?: MarkerSettings;
+
+	/** Options to customize the Sparkline size.
+	*/
+	size?: Size;
+
+	/** Options for customizing the color,dashArray and width of the axisLine.
+	*/
+	axisLineSettings?: AxisLineSettings;
+
+	/** Fires before loading the sparkline. */
+	load? (e: LoadEventArgs): void;
+
+	/** Fires after loaded the sparkline. */
+	loaded? (e: LoadedEventArgs): void;
+
+	/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
+	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
+
+	/** Fires before rendering a series. This event is fired for each series in Sparkline. */
+	seriesRendering? (e: SeriesRenderingEventArgs): void;
+
+	/** Fires when mouse is moved over a point. */
+	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+
+	/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
+	pointRegionMouseClick? (e: PointRegionMouseClickEventArgs): void;
+
+	/** Fires on moving mouse over the sparkline. */
+	sparklineMouseMove? (e: SparklineMouseMoveEventArgs): void;
+
+	/** Fires on moving mouse outside the sparkline. */
+	sparklineMouseLeave? (e: SparklineMouseLeaveEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadedEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface TooltipInitializeEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** X Location of the trackball tooltip in pixels
+	*/
+	locationX?: any;
+
+	/** Y Location of the trackball tooltip in pixels
+	*/
+	locationY?: any;
+
+	/** Index of the point for which trackball tooltip is displayed
+	*/
+	pointIndex?: number;
+
+	/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
+	*/
+	currentText?: string;
+}
+
+export interface SeriesRenderingEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** Minimum x value of the data point
+	*/
+	minX?: any;
+
+	/** Minimum y value of the data point
+	*/
+	minY?: any;
+
+	/** Maximum x value of the data point
+	*/
+	maxX?: any;
+
+	/** Maximum y value of the data point
+	*/
+	maxY?: any;
+}
+
+export interface PointRegionMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** X-coordinate of point in pixel
+	*/
+	locationX?: number;
+
+	/** Y-coordinate of point in pixel
+	*/
+	locationY?: number;
+
+	/** Index of the point in series
+	*/
+	pointIndex?: number;
+
+	/** Type of the series
+	*/
+	seriesType?: string;
+}
+
+export interface PointRegionMouseClickEventArgs {
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+
+	/** X-coordinate of point in pixel
+	*/
+	locationX?: number;
+
+	/** Y-coordinate of point in pixel
+	*/
+	locationY?: number;
+
+	/** Index of the point in series
+	*/
+	pointIndex?: number;
+
+	/** Type of the series
+	*/
+	seriesType?: string;
+}
+
+export interface SparklineMouseMoveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface SparklineMouseLeaveEventArgs {
+
+	/** Set this option to true to cancel the event    
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sparkline model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface Border {
+
+	/** Border color of the sparkline.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Width of the Sparkline border.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface RangeBandSettings {
+
+	/** Start value of the range band.
+	*   @Default {null}
+	*/
+	startRange?: number;
+
+	/** End value of the range band.
+	*   @Default {null}
+	*/
+	endRange?: number;
+
+	/** Range band opacity of the series.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Range band color of the series.
+	*   @Default {transparent}
+	*/
+	color?: string;
+}
+
+export interface TooltipBorder {
+
+	/** Border color of the tooltip.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Border width of the tooltip.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface TooltipFont {
+
+	/** Font color of the text in the tooltip.
+	*   @Default {#111111}
+	*/
+	color?: string;
+
+	/** Font Family for the tooltip.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font Style for the tooltip.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Sparkline.FontStyle|string;
+
+	/** Specifies the font weight for the tooltip.
+	*   @Default {Regular}
+	*/
+	fontWeight?: ej.datavisualization.Sparkline.FontWeight|string;
+
+	/** Opacity for text in the tooltip.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for text in the tooltip.
+	*   @Default {8px}
+	*/
+	size?: string;
+}
+
+export interface Tooltip {
+
+	/** Show/hides the tooltip visibility.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Fill color for the sparkline tooltip.
+	*   @Default {white}
+	*/
+	fill?: string;
+
+	/** Custom template to the tooltip.
+	*/
+	template?: string;
+
+	/** Options for customizing the border of the tooltip.
+	*/
+	border?: TooltipBorder;
+
+	/** Options for customizing the font of the tooltip.
+	*/
+	font?: TooltipFont;
+}
+
+export interface MarkerSettingsBorder {
+
+	/** Border color of the marker shape.
+	*   @Default {transparent}
+	*/
+	color?: string;
+
+	/** Controls the opacity of the marker border.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Border width of the marker shape.
+	*   @Default {null}
+	*/
+	width?: number;
+}
+
+export interface MarkerSettings {
+
+	/** Controls the opacity of the marker.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Controls the visibility of the marker shape.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** width of the marker shape.
+	*   @Default {2}
+	*/
+	width?: number;
+
+	/** Color of the marker shape.
+	*   @Default {white}
+	*/
+	fill?: string;
+
+	/** Options for customizing the border of the marker shape.
+	*/
+	border?: MarkerSettingsBorder;
+}
+
+export interface Size {
+
+	/** Height of the Sparkline. Height can be specified in either pixel or percentage.
+	*   @Default {''}
+	*/
+	height?: string;
+
+	/** Width of the Sparkline. Width can be specified in either pixel or percentage.
+	*   @Default {''}
+	*/
+	width?: string;
+}
+
+export interface AxisLineSettings {
+
+	/** Controls the visibility of the axis.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Color of the axis line.
+	*   @Default {'#111111'}
+	*/
+	color?: string;
+
+	/** Width of the axis line.
+	*   @Default {1}
+	*/
+	width?: number;
+
+	/** Dash array of the axis line.
+	*   @Default {1}
+	*/
+	dashArray?: number;
+}
+}
+module Sparkline
+{
+enum Type
+{
+//string
+Area,
+//string
+Line,
+//string
+Column,
+//string
+Pie,
+//string
+WinLoss,
+}
+}
+module Sparkline
+{
+enum Theme
+{
+//string
+Azure,
+//string
+FlatLight,
+//string
+FlatDark,
+//string
+Azuredark,
+//string
+Lime,
+//string
+LimeDark,
+//string
+Saffron,
+//string
+SaffronDark,
+//string
+GradientLight,
+//string
+GradientDark,
+}
+}
+module Sparkline
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Italic,
+}
+}
+module Sparkline
+{
+enum FontWeight
+{
+//string
+Regular,
+//string
+Bold,
+//string
+Lighter,
+}
+}
+
+class SunburstChart extends ej.Widget {
+	static fn: SunburstChart;
+	constructor(element: JQuery, options?: SunburstChart.Model);
+	constructor(element: Element, options?: SunburstChart.Model);
+	static Locale: any;
+	model:SunburstChart.Model;
+	defaults:SunburstChart.Model;
+
+	/** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+	*   @returns {void}
+	*/
+	redraw(): void;
+
+	/** destroy the sunburst
+	*   @returns {void}
+	*/
+	destroy(): void;
+}
+export module SunburstChart{
+
+export interface Model {
+
+	/** Background color of the plot area.
+	*   @Default {null}
+	*/
+	background?: string;
+
+	/** Bind the data field from the data source.
+	*   @Default {null}
+	*/
+	valueMemberPath?: string;
+
+	/** Options for customizing the sunburst border.
+	*/
+	border?: Border;
+
+	/** Options for customizing the sunburst segment border.
+	*/
+	segmentBorder?: SegmentBorder;
+
+	/** Specifies the dataSource to the sunburst.
+	*   @Default {null}
+	*/
+	dataSource?: any;
+
+	/** Palette color for the data points.
+	*   @Default {null}
+	*/
+	palette?: string;
+
+	/** Parent node of the data points.
+	*   @Default {null}
+	*/
+	parentNode?: string;
+
+	/** Name of the property in the datasource that contains x values.
+	*   @Default {null}
+	*/
+	xName?: string;
+
+	/** Name of the property in the datasource that contains y values.
+	*   @Default {null}
+	*/
+	yName?: string;
+
+	/** Controls whether sunburst has to be responsive or not.
+	*   @Default {true}
+	*/
+	isResponsive?: boolean;
+
+	/** Options to customize the Sunburst size.
+	*/
+	size?: Size;
+
+	/** Controls the visibility of sunburst.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Options to customize the Sunburst tooltip.
+	*/
+	tooltip?: Tooltip;
+
+	/** Options for customizing sunburst points.
+	*/
+	points?: Points;
+
+	/** Sunburst rendering will start from the specified value
+	*   @Default {null}
+	*/
+	startAngle?: number;
+
+	/** Sunburst rendering will end at the specified value
+	*   @Default {null}
+	*/
+	endAngle?: number;
+
+	/** Sunburst outer radius value
+	*   @Default {1}
+	*/
+	radius?: number;
+
+	/** Sunburst inner radius value
+	*   @Default {0.4}
+	*/
+	innerRadius?: number;
+
+	/** Options to customize the Sunburst dataLabel.
+	*/
+	dataLabelSettings?: DataLabelSettings;
+
+	/** Options for customizing the title and subtitle of sunburst.
+	*/
+	title?: Title;
+
+	/** Options for customizing the appearance of the levels or point while highlighting.
+	*/
+	highlightSettings?: HighlightSettings;
+
+	/** Options for customizing the appearance of the levels or data point while selection.
+	*/
+	selectionSettings?: SelectionSettings;
+
+	/** Specify levels of sunburst for grouped visualization of data
+	*   @Default {[]}
+	*/
+	levels?: Array<Level>;
+
+	/** Options to customize the legend items and legend title.
+	*/
+	legend?: Legend;
+
+	/** Specifies the theme for Sunburst.
+	*   @Default {Flatlight. See Theme}
+	*/
+	theme?: ej.datavisualization.Sunburst.SunburstTheme|string;
+
+	/** Options to customize the left, right, top and bottom margins of sunburst area.
+	*/
+	margin?: Margin;
+
+	/** Enable/disable the animation for all the levels.
+	*   @Default {false}
+	*/
+	enableAnimation?: boolean;
+
+	/** Opacity of the levels.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Options for enable zooming feature of chart.
+	*/
+	zoomSettings?: ZoomSettings;
+
+	/** Animation type of sunburst
+	*   @Default {rotation. See Alignment}
+	*/
+	animationType?: ej.datavisualization.Sunburst.Animation|string;
+
+	/** Fires before loading. */
+	load? (e: LoadEventArgs): void;
+
+	/** Fires before rendering sunburst. */
+	preRender? (e: PreRenderEventArgs): void;
+
+	/** Fires after rendering sunburst. */
+	loaded? (e: LoadedEventArgs): void;
+
+	/** Fires before rendering the datalabel */
+	dataLabelRendering? (e: DataLabelRenderingEventArgs): void;
+
+	/** Fires before rendering each segment */
+	segmentRendering? (e: SegmentRenderingEventArgs): void;
+
+	/** Fires before rendering sunburst title. */
+	titleRendering? (e: TitleRenderingEventArgs): void;
+
+	/** Fires during initialization of tooltip. */
+	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
+
+	/** Fires after clicking the point in sunburst */
+	pointRegionClick? (e: PointRegionClickEventArgs): void;
+
+	/** Fires while moving the mouse over sunburst points */
+	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+
+	/** Fires when clicking the point to perform drilldown. */
+	drillDownClick? (e: DrillDownClickEventArgs): void;
+
+	/** Fires when resetting drilldown points. */
+	drillDownBack? (e: DrillDownBackEventArgs): void;
+
+	/** Fires after resetting the sunburst points */
+	drillDownReset? (e: DrillDownResetEventArgs): void;
+}
+
+export interface LoadEventArgs {
+
+	/** Load event data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface PreRenderEventArgs {
+
+	/** PreRender event data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface LoadedEventArgs {
+
+	/** Loaded event data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DataLabelRenderingEventArgs {
+
+	/** Sunburst datalabel data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface SegmentRenderingEventArgs {
+
+	/** Sunburst datalabel data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface TitleRenderingEventArgs {
+
+	/** Sunburst title data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface TooltipInitializeEventArgs {
+
+	/** Sunburst tooltip data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface PointRegionClickEventArgs {
+
+	/** Includes clicked points region data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface PointRegionMouseMoveEventArgs {
+
+	/** Includes data of mouse moved region
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillDownClickEventArgs {
+
+	/** Clicked point data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillDownBackEventArgs {
+
+	/** Drill down data of points
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface DrillDownResetEventArgs {
+
+	/** Drill down reset data
+	*/
+	data?: string;
+
+	/** Set this option to true to cancel the event
+	*/
+	cancel?: boolean;
+
+	/** Instance of the sunburst model object
+	*/
+	model?: any;
+
+	/** Name of the event
+	*/
+	type?: string;
+}
+
+export interface Border {
+
+	/** Border color of the sunburst.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Width of the Sunburst border.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface SegmentBorder {
+
+	/** Segment Border color of the sunburst.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Width of the Sunburst segment border.
+	*   @Default {2}
+	*/
+	width?: number;
+}
+
+export interface Size {
+
+	/** Height of the Sunburst.
+	*   @Default {''}
+	*/
+	height?: string;
+
+	/** Width of the Sunburst.
+	*   @Default {''}
+	*/
+	width?: string;
+}
+
+export interface TooltipBorder {
+
+	/** Border color of the tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the tooltip.
+	*   @Default {5}
+	*/
+	width?: number;
+}
+
+export interface TooltipFont {
+
+	/** Font color of the text in the tooltip.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font Family for the tooltip.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Specifies the font Style for the tooltip.
+	*   @Default {Normal}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Specifies the font weight for the tooltip.
+	*   @Default {Regular}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity for text in the tooltip.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for text in the tooltip.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface Tooltip {
+
+	/** tooltip visibility of the Sunburst.
+	*   @Default {true}
+	*/
+	visible?: boolean;
+
+	/** Options for customizing the border of the sunburst tooltip.
+	*/
+	border?: TooltipBorder;
+
+	/** Fill color for the sunburst tooltip.
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Options for customizing the font of the tooltip.
+	*/
+	font?: TooltipFont;
+
+	/** Custom template to the tooltip.
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Setting the format for the data displayed in the tooltip
+	*   @Default {#point.x# : #point.y#}
+	*/
+	format?: string;
+
+	/** Sets the opacity of the dispalyed tooltip
+	*   @Default {0.95}
+	*/
+	opacity?: number;
+}
+
+export interface Points {
+
+	/** Points x value of the sunburst.
+	*   @Default {null}
+	*/
+	x?: string;
+
+	/** Points y value of the sunburst.
+	*   @Default {null}
+	*/
+	y?: number;
+
+	/** Points text of the sunburst.
+	*   @Default {null}
+	*/
+	text?: string;
+
+	/** Points fill color of the sunburst.
+	*   @Default {null}
+	*/
+	fill?: string;
+}
+
+export interface DataLabelSettingsFont {
+
+	/** Font family of the data label.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style of the data label.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight of the data label.
+	*   @Default {regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity of the text.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font color of the data label text.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Font size of the data label.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface DataLabelSettings {
+
+	/** Datalabel visibility of the Sunburst.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Alignment of sunburst datalabel
+	*   @Default {Angle. See DatalabelAlignment}
+	*/
+	labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+
+	/** Options for customizing the data label font.
+	*/
+	font?: DataLabelSettingsFont;
+
+	/** Custom template for datalabel
+	*   @Default {null}
+	*/
+	template?: string;
+
+	/** Fill color for the datalabel
+	*   @Default {null}
+	*/
+	fill?: string;
+
+	/** Datalabel overflow mode
+	*   @Default {Trim. See LabelOverflowMode}
+	*/
+	labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
+}
+
+export interface TitleFont {
+
+	/** Font family for Sunburst title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for Sunburst title.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for Sunburst title.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity of the Sunburst title.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for Sunburst title.
+	*   @Default {20px}
+	*/
+	size?: string;
+}
+
+export interface TitleSubtitleFont {
+
+	/** Font family of sub title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for sub title.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for sub title.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Opacity of the sub title.
+	*   @Default {1}
+	*/
+	opacity?: number;
+
+	/** Font size for sub title.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface TitleSubtitle {
+
+	/** Subtitle text for sunburst
+	*/
+	text?: string;
+
+	/** Sub title text visibility for sunburst
+	*   @Default {true}
+	*/
+	visible?: string;
+
+	/** Sub title text alignment
+	*   @Default {far. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+	/** Options for customizing the font of sub title.
+	*/
+	font?: TitleSubtitleFont;
+}
+
+export interface Title {
+
+	/** Title text for sunburst
+	*/
+	text?: string;
+
+	/** Title text visibility for sunburst
+	*   @Default {true}
+	*/
+	visible?: string;
+
+	/** Title text alignment
+	*   @Default {center. See TextAlignment}
+	*/
+	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+	/** Options for customizing the font of sunburst title.
+	*/
+	font?: TitleFont;
+
+	/** Options to customize the sub title of Sunburst.
+	*/
+	subtitle?: TitleSubtitle;
+}
+
+export interface HighlightSettings {
+
+	/** Enables/disables the ability to highlight the levels or point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether the levels or point has to be highlighted.
+	*   @Default {point. See Mode}
+	*/
+	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+	/** Color of the levels/point on highlight.
+	*   @Default {red}
+	*/
+	color?: string;
+
+	/** Opacity of the levels/point on highlight.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Specifies whether the levels or data point has to be highlighted.
+	*   @Default {opacity. See Mode}
+	*/
+	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+}
+
+export interface SelectionSettings {
+
+	/** Enables/disables the ability to select the levels or data point interactively.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Specifies whether the levels or data point has to be selected.
+	*   @Default {point. See Mode}
+	*/
+	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+	/** Color of the levels/point on selection.
+	*   @Default {green}
+	*/
+	color?: string;
+
+	/** Opacity of the levels/point on selection.
+	*   @Default {0.5}
+	*/
+	opacity?: number;
+
+	/** Specifies whether the levels or data point has to be selected.
+	*   @Default {opacity. See Mode}
+	*/
+	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+}
+
+export interface Level {
+
+	/** Specifies the group member path
+	*   @Default {null}
+	*/
+	groupMemberPath?: string;
+}
+
+export interface LegendBorder {
+
+	/** Border color of the legend.
+	*   @Default {null}
+	*/
+	color?: string;
+
+	/** Border width of the legend.
+	*   @Default {1}
+	*/
+	width?: number;
+}
+
+export interface LegendFont {
+
+	/** Font family for legend item text.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend item text.
+	*   @Default {Normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for legend item text.
+	*   @Default {Regular. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Font size for legend item text.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LegendItemStyle {
+
+	/** Height of the shape in legend items.
+	*   @Default {10}
+	*/
+	height?: number;
+
+	/** Width of the shape in legend items.
+	*   @Default {10}
+	*/
+	width?: number;
+}
+
+export interface LegendLocation {
+
+	/** X value or horizontal offset to position the legend in chart.
+	*   @Default {0}
+	*/
+	x?: number;
+
+	/** Y value or vertical offset to position the legend.
+	*   @Default {0}
+	*/
+	y?: number;
+}
+
+export interface LegendSize {
+
+	/** Height of the legend. Height can be specified in either pixel or percentage.
+	*   @Default {null}
+	*/
+	height?: string;
+
+	/** Width of the legend. Width can be specified in either pixel or percentage.
+	*   @Default {null}
+	*/
+	width?: string;
+}
+
+export interface LegendTitleFont {
+
+	/** Font family for the text in legend title.
+	*   @Default {Segoe UI}
+	*/
+	fontFamily?: string;
+
+	/** Font style for legend title.
+	*   @Default {normal. See FontStyle}
+	*/
+	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+	/** Font weight for legend title.
+	*   @Default {normal. See FontWeight}
+	*/
+	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+	/** Font size for legend title.
+	*   @Default {12px}
+	*/
+	size?: string;
+}
+
+export interface LegendTitle {
+
+	/** Options to customize the font used for legend title
+	*/
+	font?: LegendTitleFont;
+
+	/** Enables or disables the legend title.
+	*   @Default {true}
+	*/
+	visible?: string;
+
+	/** Text to be displayed in legend title.
+	*/
+	text?: string;
+
+	/** Alignment of the legend title.
+	*   @Default {center. See Alignment}
+	*/
+	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+}
+
+export interface Legend {
+
+	/** Visibility of the legend.
+	*   @Default {false}
+	*/
+	visible?: boolean;
+
+	/** Interactive action of legend items.
+	*   @Default {toggleSegmentVisibility. See Alignment}
+	*/
+	clickAction?: ej.datavisualization.Sunburst.SunburstClickAction|string;
+
+	/** Horizontal alignment of the legend.
+	*   @Default {Center. See Alignment}
+	*/
+	alignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+	/** Options for customizing the legend border.
+	*/
+	border?: LegendBorder;
+
+	/** Number of columns to arrange the legend items.
+	*   @Default {null}
+	*/
+	columnCount?: number;
+
+	/** Number of rows to arrange the legend items.
+	*   @Default {null}
+	*/
+	rowCount?: number;
+
+	/** Options to customize the font used for legend item text.
+	*/
+	font?: LegendFont;
+
+	/** Gap or padding between the legend items.
+	*   @Default {10}
+	*/
+	itemPadding?: number;
+
+	/** Options to customize the style of legend items.
+	*/
+	itemStyle?: LegendItemStyle;
+
+	/** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
+	*/
+	location?: LegendLocation;
+
+	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set **custom** as value to this property.
+	*   @Default {Bottom. See Position}
+	*/
+	position?: ej.datavisualization.Sunburst.SunburstLegendPosition|string;
+
+	/** Shape of the legend items. 
+	*   @Default {None. See Shape}
+	*/
+	shape?: ej.datavisualization.Sunburst.SunburstLegendShape|string;
+
+	/** Options to customize the size of the legend.
+	*/
+	size?: LegendSize;
+
+	/** Options to customize the legend title.
+	*/
+	title?: LegendTitle;
+}
+
+export interface Margin {
+
+	/** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
+	*   @Default {10}
+	*/
+	left?: number;
+
+	/** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
+	*   @Default {10}
+	*/
+	right?: number;
+
+	/** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
+	*   @Default {10}
+	*/
+	top?: number;
+
+	/** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
+	*   @Default {10}
+	*/
+	bottom?: number;
+}
+
+export interface ZoomSettings {
+
+	/** Enables or disables zooming.
+	*   @Default {false}
+	*/
+	enable?: boolean;
+
+	/** Toolbar horizontal alignment
+	*   @Default {right. See Alignment}
+	*/
+	toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment|string;
+
+	/** Toolbar vertical alignment
+	*   @Default {top. See Alignment}
+	*/
+	toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment|string;
+}
+}
+module Sunburst
+{
+enum FontStyle
+{
+//string
+Normal,
+//string
+Italic,
+}
+}
+module Sunburst
+{
+enum FontWeight
+{
+//string
+Regular,
+//string
+Bold,
+//string
+Lighter,
+}
+}
+module Sunburst
+{
+enum SunburstLabelRotationMode
+{
+//string
+Angle,
+//string
+Normal,
+}
+}
+module Sunburst
+{
+enum SunburstLabelOverflowMode
+{
+//string
+Trim,
+//string
+Hide,
+//string
+None,
+}
+}
+module Sunburst
+{
+enum SunburstAlignment
+{
+//string
+Center,
+//string
+Near,
+//string
+Far,
+}
+}
+module Sunburst
+{
+enum SunburstHighlightMode
+{
+//string
+Point,
+//string
+Parent,
+//string
+Child,
+//string
+All,
+}
+}
+module Sunburst
+{
+enum SunburstHighlightType
+{
+//string
+Opacity,
+//string
+Color,
+}
+}
+module Sunburst
+{
+enum SunburstClickAction
+{
+//string
+None,
+//string
+ToggleSegmentVisibility,
+//string
+ToggleSegmentSelection,
+}
+}
+module Sunburst
+{
+enum SunburstLegendPosition
+{
+//string
+Left,
+//string
+Right,
+//string
+Top,
+//string
+Bottom,
+}
+}
+module Sunburst
+{
+enum SunburstLegendShape
+{
+//string
+Diamond,
+//string
+Pentagon,
+//string
+Rectangle,
+//string
+Circle,
+//string
+Cross,
+//string
+Triangle,
+}
+}
+module Sunburst
+{
+enum SunburstTheme
+{
+//string
+FlatLight,
+//string
+FlatDark,
+}
+}
+module Sunburst
+{
+enum SunburstHorizontalAlignment
+{
+//string
+Center,
+//string
+Left,
+//string
+Right,
+}
+}
+module Sunburst
+{
+enum SunburstVerticalAlignment
+{
+//string
+Top,
+//string
+Bottom,
+//string
+Middle,
+}
+}
+module Sunburst
+{
+enum Animation
+{
+//string
+Rotation,
+//string
+FadeIn,
+}
+}
+
+class Overview extends ej.Widget {
+	static fn: Overview;
+	constructor(element: JQuery, options?: Overview.Model);
+	constructor(element: Element, options?: Overview.Model);
+	static Locale: any;
+	model:Overview.Model;
+	defaults:Overview.Model;
+}
+export module Overview{
+
+export interface Model {
+
+	/** The sourceId property of overview should be set with the corresponding Diagram ID for you need the overall view.
+	*   @Default {null}
+	*/
+	sourceID?: string;
+
+	/** Defines the height of the overview
+	*   @Default {400}
+	*/
+	height?: number;
+
+	/** Defines the width of the overview
+	*   @Default {250}
+	*/
+	width?: number;
+}
+}
+
+}
 
 interface JQueryXHR {
-	/**
-	 * Returns the cancel option value.
-	 */
-	cancel?: boolean;
 }
 interface JQueryPromise<T> {
-	/**
-	 * Returns the cancel option value.
-	 */
-	cancel?: boolean;
 }
-interface JQueryDeferred<T> {
-	/**
-	 * Returns the cancel option value.
-	 */
-	cancel?: boolean;
+interface JQueryDeferred<T> extends JQueryPromise<T> {
 }
 interface JQueryParam {
-	/**
-	 * Returns the cancel option value.
-	 */
-	cancel?: boolean;
 }
 interface JQuery {
-	data(key: any): any;
+    data(key: any): any;
 }
 interface Window {
-	ej: typeof ej;
+    ej: typeof ej;
 }
 interface JQuery {
 
-	ejAccordion(options?: ej.Accordion.Model): JQuery;
-	ejAccordion(memberName: any, value?: any, param?: any): any;
-
-	ejAutocomplete(options?: ej.Autocomplete.Model): JQuery;
-	ejAutocomplete(memberName: any, value?: any, param?: any): any;
-
-	ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
-	ejBarcode(memberName: any, value?: any, param?: any): any;
-
-	ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
-	ejBulletGraph(memberName: any, value?: any, param?: any): any;
-
-	ejButton(options?: ej.Button.Model): JQuery;
-	ejButton(memberName: any, value?: any, param?: any): any;
-
-	ejCaptcha(options?: ej.Captcha.Model): JQuery;
-	ejCaptcha(memberName: any, value?: any, param?: any): any;
-
-	ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
-	ejChart(memberName: any, value?: any, param?: any): any;
-
-	ejCheckBox(options?: ej.CheckBox.Model): JQuery;
-	ejCheckBox(memberName: any, value?: any, param?: any): any;
-
-	ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
-	ejCircularGauge(memberName: any, value?: any, param?: any): any;
-
-	ejColorPicker(options?: ej.ColorPicker.Model): JQuery;
-	ejColorPicker(memberName: any, value?: any, param?: any): any;
-
-	ejDatePicker(options?: ej.DatePicker.Model): JQuery;
-	ejDatePicker(memberName: any, value?: any, param?: any): any;
-
-	ejDateRangePicker(options?: ej.DateRangePicker.Model): JQuery;
-	ejDateRangePicker(memberName: any, value?: any, param?: any): any;
-
-	ejDateTimePicker(options?: ej.DateTimePicker.Model): JQuery;
-	ejDateTimePicker(memberName: any, value?: any, param?: any): any;
-
-	ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
-	ejDiagram(memberName: any, value?: any, param?: any): any;
-
-	ejDialog(options?: ej.Dialog.Model): JQuery;
-	ejDialog(memberName: any, value?: any, param?: any): any;
-
-	ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
-	ejDigitalGauge(memberName: any, value?: any, param?: any): any;
-
-	ejDocumentEditor(options?: ej.DocumentEditor.Model): JQuery;
-	ejDocumentEditor(memberName: any, value?: any, param?: any): any;
-
-	ejDraggable(options?: ej.Draggable.Model): JQuery;
-	ejDraggable(memberName: any, value?: any, param?: any): any;
-
-	ejDropDownList(options?: ej.DropDownList.Model): JQuery;
-	ejDropDownList(memberName: any, value?: any, param?: any): any;
-
-	ejDroppable(options?: ej.Droppable.Model): JQuery;
-	ejDroppable(memberName: any, value?: any, param?: any): any;
-
-	ejFileExplorer(options?: ej.FileExplorer.Model): JQuery;
-	ejFileExplorer(memberName: any, value?: any, param?: any): any;
-
-	ejGantt(options?: ej.Gantt.Model): JQuery;
-	ejGantt(memberName: any, value?: any, param?: any): any;
-
-	ejGrid(options?: ej.Grid.Model): JQuery;
-	ejGrid(memberName: any, value?: any, param?: any): any;
-
-	ejGroupButton(options?: ej.GroupButton.Model): JQuery;
-	ejGroupButton(memberName: any, value?: any, param?: any): any;
-
-	ejHeatMap(options?: ej.datavisualization.HeatMap.Model): JQuery;
-	ejHeatMap(memberName: any, value?: any, param?: any): any;
-
-	ejHeatMapLegend(options?: ej.datavisualization.HeatMapLegend.Model): JQuery;
-	ejHeatMapLegend(memberName: any, value?: any, param?: any): any;
-
-	ejKanban(options?: ej.Kanban.Model): JQuery;
-	ejKanban(memberName: any, value?: any, param?: any): any;
-
-	ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
-	ejLinearGauge(memberName: any, value?: any, param?: any): any;
-
-	ejListBox(options?: ej.ListBox.Model): JQuery;
-	ejListBox(memberName: any, value?: any, param?: any): any;
-
-	ejListView(options?: ej.ListView.Model): JQuery;
-	ejListView(memberName: any, value?: any, param?: any): any;
-
-	ejMap(options?: ej.datavisualization.Map.Model): JQuery;
-	ejMap(memberName: any, value?: any, param?: any): any;
-
-	ejMaskEdit(options?: ej.MaskEdit.Model): JQuery;
-	ejMaskEdit(memberName: any, value?: any, param?: any): any;
-
-	ejMenu(options?: ej.Menu.Model): JQuery;
-	ejMenu(memberName: any, value?: any, param?: any): any;
-
-	ejNavigationDrawer(options?: ej.NavigationDrawer.Model): JQuery;
-	ejNavigationDrawer(memberName: any, value?: any, param?: any): any;
-
-	ejOverview(options?: ej.datavisualization.Overview.Model): JQuery;
-	ejOverview(memberName: any, value?: any, param?: any): any;
-
-	ejPager(options?: ej.Pager.Model): JQuery;
-	ejPager(memberName: any, value?: any, param?: any): any;
-
-	ejPdfViewer(options?: ej.PdfViewer.Model): JQuery;
-	ejPdfViewer(memberName: any, value?: any, param?: any): any;
-
-	ejPivotChart(options?: ej.PivotChart.Model): JQuery;
-	ejPivotChart(memberName: any, value?: any, param?: any): any;
-
-	ejPivotClient(options?: ej.PivotClient.Model): JQuery;
-	ejPivotClient(memberName: any, value?: any, param?: any): any;
-
-	ejPivotGauge(options?: ej.PivotGauge.Model): JQuery;
-	ejPivotGauge(memberName: any, value?: any, param?: any): any;
-
-	ejPivotGrid(options?: ej.PivotGrid.Model): JQuery;
-	ejPivotGrid(memberName: any, value?: any, param?: any): any;
-
-	ejPivotPager(options?: ej.PivotPager.Model): JQuery;
-	ejPivotPager(memberName: any, value?: any, param?: any): any;
-
-	ejPivotSchemaDesigner(options?: ej.PivotSchemaDesigner.Model): JQuery;
-	ejPivotSchemaDesigner(memberName: any, value?: any, param?: any): any;
-
-	ejPivotTreeMap(options?: ej.PivotTreeMap.Model): JQuery;
-	ejPivotTreeMap(memberName: any, value?: any, param?: any): any;
-
-	ejPrint(options?: ej.Print.Model): JQuery;
-	ejPrint(memberName: any, value?: any, param?: any): any;
-
-	ejProgressBar(options?: ej.ProgressBar.Model): JQuery;
-	ejProgressBar(memberName: any, value?: any, param?: any): any;
-
-	ejRadialMenu(options?: ej.RadialMenu.Model): JQuery;
-	ejRadialMenu(memberName: any, value?: any, param?: any): any;
-
-	ejRadialSlider(options?: ej.RadialSlider.Model): JQuery;
-	ejRadialSlider(memberName: any, value?: any, param?: any): any;
-
-	ejRadioButton(options?: ej.RadioButton.Model): JQuery;
-	ejRadioButton(memberName: any, value?: any, param?: any): any;
-
-	ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
-	ejRangeNavigator(memberName: any, value?: any, param?: any): any;
-
-	ejRating(options?: ej.Rating.Model): JQuery;
-	ejRating(memberName: any, value?: any, param?: any): any;
-
-	ejRecurrenceEditor(options?: ej.RecurrenceEditor.Model): JQuery;
-	ejRecurrenceEditor(memberName: any, value?: any, param?: any): any;
-
-	ejReportViewer(options?: ej.ReportViewer.Model): JQuery;
-	ejReportViewer(memberName: any, value?: any, param?: any): any;
-
-	ejResizable(options?: ej.Resizable.Model): JQuery;
-	ejResizable(memberName: any, value?: any, param?: any): any;
-
-	ejRibbon(options?: ej.Ribbon.Model): JQuery;
-	ejRibbon(memberName: any, value?: any, param?: any): any;
-
-	ejRotator(options?: ej.Rotator.Model): JQuery;
-	ejRotator(memberName: any, value?: any, param?: any): any;
-
-	ejRTE(options?: ej.RTE.Model): JQuery;
-	ejRTE(memberName: any, value?: any, param?: any): any;
-
-	ejSchedule(options?: ej.Schedule.Model): JQuery;
-	ejSchedule(memberName: any, value?: any, param?: any): any;
-
-	ejScroller(options?: ej.Scroller.Model): JQuery;
-	ejScroller(memberName: any, value?: any, param?: any): any;
-
-	ejSignature(options?: ej.Signature.Model): JQuery;
-	ejSignature(memberName: any, value?: any, param?: any): any;
-
-	ejSlider(options?: ej.Slider.Model): JQuery;
-	ejSlider(memberName: any, value?: any, param?: any): any;
-
-	ejSparkline(options?: ej.datavisualization.Sparkline.Model): JQuery;
-	ejSparkline(memberName: any, value?: any, param?: any): any;
-
-	ejSpellCheck(options?: ej.SpellCheck.Model): JQuery;
-	ejSpellCheck(memberName: any, value?: any, param?: any): any;
-
-	ejSplitButton(options?: ej.SplitButton.Model): JQuery;
-	ejSplitButton(memberName: any, value?: any, param?: any): any;
-
-	ejSplitter(options?: ej.Splitter.Model): JQuery;
-	ejSplitter(memberName: any, value?: any, param?: any): any;
-
-	ejSpreadsheet(options?: ej.Spreadsheet.Model): JQuery;
-	ejSpreadsheet(memberName: any, value?: any, param?: any): any;
-
-	ejSunburstChart(options?: ej.datavisualization.SunburstChart.Model): JQuery;
-	ejSunburstChart(memberName: any, value?: any, param?: any): any;
-
-	ejSymbolPalette(options?: ej.datavisualization.SymbolPalette.Model): JQuery;
-	ejSymbolPalette(memberName: any, value?: any, param?: any): any;
-
-	ejTab(options?: ej.Tab.Model): JQuery;
-	ejTab(memberName: any, value?: any, param?: any): any;
-
-	ejTagCloud(options?: ej.TagCloud.Model): JQuery;
-	ejTagCloud(memberName: any, value?: any, param?: any): any;
-
-	ejNumericTextbox(options?: ej.Editor.Model): JQuery;
-	ejNumericTextbox(memberName: any, value?: any, param?: any): any;
-
-	ejCurrencyTextbox(options?: ej.Editor.Model): JQuery;
-	ejCurrencyTextbox(memberName: any, value?: any, param?: any): any;
-
-	ejPercentageTextbox(options?: ej.Editor.Model): JQuery;
-	ejPercentageTextbox(memberName: any, value?: any, param?: any): any;
-
-	ejTile(options?: ej.Tile.Model): JQuery;
-	ejTile(memberName: any, value?: any, param?: any): any;
-
-	ejTimePicker(options?: ej.TimePicker.Model): JQuery;
-	ejTimePicker(memberName: any, value?: any, param?: any): any;
-
-	ejToggleButton(options?: ej.ToggleButton.Model): JQuery;
-	ejToggleButton(memberName: any, value?: any, param?: any): any;
-
-	ejToolbar(options?: ej.Toolbar.Model): JQuery;
-	ejToolbar(memberName: any, value?: any, param?: any): any;
-
-	ejTooltip(options?: ej.Tooltip.Model): JQuery;
-	ejTooltip(memberName: any, value?: any, param?: any): any;
-
-	ejTreeGrid(options?: ej.TreeGrid.Model): JQuery;
-	ejTreeGrid(memberName: any, value?: any, param?: any): any;
-
-	ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
-	ejTreeMap(memberName: any, value?: any, param?: any): any;
-
-	ejTreeView(options?: ej.TreeView.Model): JQuery;
-	ejTreeView(memberName: any, value?: any, param?: any): any;
-
-	ejUploadbox(options?: ej.Uploadbox.Model): JQuery;
-	ejUploadbox(memberName: any, value?: any, param?: any): any;
-
-	ejWaitingPopup(options?: ej.WaitingPopup.Model): JQuery;
-	ejWaitingPopup(memberName: any, value?: any, param?: any): any;
-
-	data(key: "ejAccordion"): ej.Accordion;
-	data(key: "ejAutocomplete"): ej.Autocomplete;
-	data(key: "ejBarcode"): ej.datavisualization.Barcode;
-	data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
-	data(key: "ejButton"): ej.Button;
-	data(key: "ejCaptcha"): ej.Captcha;
-	data(key: "ejChart"): ej.datavisualization.Chart;
-	data(key: "ejCheckBox"): ej.CheckBox;
-	data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
-	data(key: "ejColorPicker"): ej.ColorPicker;
-	data(key: "ejDatePicker"): ej.DatePicker;
-	data(key: "ejDateRangePicker"): ej.DateRangePicker;
-	data(key: "ejDateTimePicker"): ej.DateTimePicker;
-	data(key: "ejDiagram"): ej.datavisualization.Diagram;
-	data(key: "ejDialog"): ej.Dialog;
-	data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
-	data(key: "ejDocumentEditor"): ej.DocumentEditor;
-	data(key: "ejDraggable"): ej.Draggable;
-	data(key: "ejDropDownList"): ej.DropDownList;
-	data(key: "ejDroppable"): ej.Droppable;
-	data(key: "ejFileExplorer"): ej.FileExplorer;
-	data(key: "ejGantt"): ej.Gantt;
-	data(key: "ejGrid"): ej.Grid;
-	data(key: "ejGroupButton"): ej.GroupButton;
-	data(key: "ejHeatMap"): ej.datavisualization.HeatMap;
-	data(key: "ejHeatMapLegend"): ej.datavisualization.HeatMapLegend;
-	data(key: "ejKanban"): ej.Kanban;
-	data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
-	data(key: "ejListBox"): ej.ListBox;
-	data(key: "ejListView"): ej.ListView;
-	data(key: "ejMap"): ej.datavisualization.Map;
-	data(key: "ejMaskEdit"): ej.MaskEdit;
-	data(key: "ejMenu"): ej.Menu;
-	data(key: "ejNavigationDrawer"): ej.NavigationDrawer;
-	data(key: "ejOverview"): ej.datavisualization.Overview;
-	data(key: "ejPager"): ej.Pager;
-	data(key: "ejPdfViewer"): ej.PdfViewer;
-	data(key: "ejPivotChart"): ej.PivotChart;
-	data(key: "ejPivotClient"): ej.PivotClient;
-	data(key: "ejPivotGauge"): ej.PivotGauge;
-	data(key: "ejPivotGrid"): ej.PivotGrid;
-	data(key: "ejPivotPager"): ej.PivotPager;
-	data(key: "ejPivotSchemaDesigner"): ej.PivotSchemaDesigner;
-	data(key: "ejPivotTreeMap"): ej.PivotTreeMap;
-	data(key: "ejPrint"): ej.Print;
-	data(key: "ejProgressBar"): ej.ProgressBar;
-	data(key: "ejRadialMenu"): ej.RadialMenu;
-	data(key: "ejRadialSlider"): ej.RadialSlider;
-	data(key: "ejRadioButton"): ej.RadioButton;
-	data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
-	data(key: "ejRating"): ej.Rating;
-	data(key: "ejRecurrenceEditor"): ej.RecurrenceEditor;
-	data(key: "ejReportViewer"): ej.ReportViewer;
-	data(key: "ejResizable"): ej.Resizable;
-	data(key: "ejRibbon"): ej.Ribbon;
-	data(key: "ejRotator"): ej.Rotator;
-	data(key: "ejRTE"): ej.RTE;
-	data(key: "ejSchedule"): ej.Schedule;
-	data(key: "ejScroller"): ej.Scroller;
-	data(key: "ejSignature"): ej.Signature;
-	data(key: "ejSlider"): ej.Slider;
-	data(key: "ejSparkline"): ej.datavisualization.Sparkline;
-	data(key: "ejSpellCheck"): ej.SpellCheck;
-	data(key: "ejSplitButton"): ej.SplitButton;
-	data(key: "ejSplitter"): ej.Splitter;
-	data(key: "ejSpreadsheet"): ej.Spreadsheet;
-	data(key: "ejSunburstChart"): ej.datavisualization.SunburstChart;
-	data(key: "ejSymbolPalette"): ej.datavisualization.SymbolPalette;
-	data(key: "ejTab"): ej.Tab;
-	data(key: "ejTagCloud"): ej.TagCloud;
-	data(key: "ejNumericTextbox"): ej.NumericTextbox;
-	data(key: "ejCurrencyTextbox"): ej.CurrencyTextbox;
-	data(key: "ejPercentageTextbox"): ej.PercentageTextbox;
-	data(key: "ejTile"): ej.Tile;
-	data(key: "ejTimePicker"): ej.TimePicker;
-	data(key: "ejToggleButton"): ej.ToggleButton;
-	data(key: "ejToolbar"): ej.Toolbar;
-	data(key: "ejTooltip"): ej.Tooltip;
-	data(key: "ejTreeGrid"): ej.TreeGrid;
-	data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
-	data(key: "ejTreeView"): ej.TreeView;
-	data(key: "ejUploadbox"): ej.Uploadbox;
-	data(key: "ejWaitingPopup"): ej.WaitingPopup;
+ejAccordion(): JQuery;
+ejAccordion(options?: ej.Accordion.Model): JQuery;
+ejAccordion(memberName: any, value?: any, param?: any): any;
+data(key: "ejAccordion"): ej.Accordion;
+
+ejAutocomplete(): JQuery;
+ejAutocomplete(options?: ej.Autocomplete.Model): JQuery;
+ejAutocomplete(memberName: any, value?: any, param?: any): any;
+data(key: "ejAutocomplete"): ej.Autocomplete;
+
+ejBarcode(): JQuery;
+ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
+ejBarcode(memberName: any, value?: any, param?: any): any;
+data(key: "ejBarcode"): ej.datavisualization.Barcode;
+
+ejBulletGraph(): JQuery;
+ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
+ejBulletGraph(memberName: any, value?: any, param?: any): any;
+data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
+
+ejButton(): JQuery;
+ejButton(options?: ej.Button.Model): JQuery;
+ejButton(memberName: any, value?: any, param?: any): any;
+data(key: "ejButton"): ej.Button;
+
+ejCaptcha(): JQuery;
+ejCaptcha(options?: ej.Captcha.Model): JQuery;
+ejCaptcha(memberName: any, value?: any, param?: any): any;
+data(key: "ejCaptcha"): ej.Captcha;
+
+ejChart(): JQuery;
+ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
+ejChart(memberName: any, value?: any, param?: any): any;
+data(key: "ejChart"): ej.datavisualization.Chart;
+
+ejCheckBox(): JQuery;
+ejCheckBox(options?: ej.CheckBox.Model): JQuery;
+ejCheckBox(memberName: any, value?: any, param?: any): any;
+data(key: "ejCheckBox"): ej.CheckBox;
+
+ejCircularGauge(): JQuery;
+ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
+ejCircularGauge(memberName: any, value?: any, param?: any): any;
+data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
+
+ejColorPicker(): JQuery;
+ejColorPicker(options?: ej.ColorPicker.Model): JQuery;
+ejColorPicker(memberName: any, value?: any, param?: any): any;
+data(key: "ejColorPicker"): ej.ColorPicker;
+
+ejDatePicker(): JQuery;
+ejDatePicker(options?: ej.DatePicker.Model): JQuery;
+ejDatePicker(memberName: any, value?: any, param?: any): any;
+data(key: "ejDatePicker"): ej.DatePicker;
+
+ejDateRangePicker(): JQuery;
+ejDateRangePicker(options?: ej.DateRangePicker.Model): JQuery;
+ejDateRangePicker(memberName: any, value?: any, param?: any): any;
+data(key: "ejDateRangePicker"): ej.DateRangePicker;
+
+ejDateTimePicker(): JQuery;
+ejDateTimePicker(options?: ej.DateTimePicker.Model): JQuery;
+ejDateTimePicker(memberName: any, value?: any, param?: any): any;
+data(key: "ejDateTimePicker"): ej.DateTimePicker;
+
+ejDiagram(): JQuery;
+ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
+ejDiagram(memberName: any, value?: any, param?: any): any;
+data(key: "ejDiagram"): ej.datavisualization.Diagram;
+
+ejDialog(): JQuery;
+ejDialog(options?: ej.Dialog.Model): JQuery;
+ejDialog(memberName: any, value?: any, param?: any): any;
+data(key: "ejDialog"): ej.Dialog;
+
+ejDigitalGauge(): JQuery;
+ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
+ejDigitalGauge(memberName: any, value?: any, param?: any): any;
+data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
+
+ejDocumentEditor(): JQuery;
+ejDocumentEditor(options?: ej.DocumentEditor.Model): JQuery;
+ejDocumentEditor(memberName: any, value?: any, param?: any): any;
+data(key: "ejDocumentEditor"): ej.DocumentEditor;
+
+ejDraggable(): JQuery;
+ejDraggable(options?: ej.Draggable.Model): JQuery;
+ejDraggable(memberName: any, value?: any, param?: any): any;
+data(key: "ejDraggable"): ej.Draggable;
+
+ejDropDownList(): JQuery;
+ejDropDownList(options?: ej.DropDownList.Model): JQuery;
+ejDropDownList(memberName: any, value?: any, param?: any): any;
+data(key: "ejDropDownList"): ej.DropDownList;
+
+ejDroppable(): JQuery;
+ejDroppable(options?: ej.Droppable.Model): JQuery;
+ejDroppable(memberName: any, value?: any, param?: any): any;
+data(key: "ejDroppable"): ej.Droppable;
+
+ejFileExplorer(): JQuery;
+ejFileExplorer(options?: ej.FileExplorer.Model): JQuery;
+ejFileExplorer(memberName: any, value?: any, param?: any): any;
+data(key: "ejFileExplorer"): ej.FileExplorer;
+
+ejGantt(): JQuery;
+ejGantt(options?: ej.Gantt.Model): JQuery;
+ejGantt(memberName: any, value?: any, param?: any): any;
+data(key: "ejGantt"): ej.Gantt;
+
+ejGrid(): JQuery;
+ejGrid(options?: ej.Grid.Model): JQuery;
+ejGrid(memberName: any, value?: any, param?: any): any;
+data(key: "ejGrid"): ej.Grid;
+
+ejGroupButton(): JQuery;
+ejGroupButton(options?: ej.GroupButton.Model): JQuery;
+ejGroupButton(memberName: any, value?: any, param?: any): any;
+data(key: "ejGroupButton"): ej.GroupButton;
+
+ejHeatMap(): JQuery;
+ejHeatMap(options?: ej.datavisualization.HeatMap.Model): JQuery;
+ejHeatMap(memberName: any, value?: any, param?: any): any;
+data(key: "ejHeatMap"): ej.datavisualization.HeatMap;
+
+ejHeatMapLegend(): JQuery;
+ejHeatMapLegend(options?: ej.datavisualization.HeatMapLegend.Model): JQuery;
+ejHeatMapLegend(memberName: any, value?: any, param?: any): any;
+data(key: "ejHeatMapLegend"): ej.datavisualization.HeatMapLegend;
+
+ejKanban(): JQuery;
+ejKanban(options?: ej.Kanban.Model): JQuery;
+ejKanban(memberName: any, value?: any, param?: any): any;
+data(key: "ejKanban"): ej.Kanban;
+
+ejLinearGauge(): JQuery;
+ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
+ejLinearGauge(memberName: any, value?: any, param?: any): any;
+data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
+
+ejListBox(): JQuery;
+ejListBox(options?: ej.ListBox.Model): JQuery;
+ejListBox(memberName: any, value?: any, param?: any): any;
+data(key: "ejListBox"): ej.ListBox;
+
+ejListView(): JQuery;
+ejListView(options?: ej.ListView.Model): JQuery;
+ejListView(memberName: any, value?: any, param?: any): any;
+data(key: "ejListView"): ej.ListView;
+
+ejMap(): JQuery;
+ejMap(options?: ej.datavisualization.Map.Model): JQuery;
+ejMap(memberName: any, value?: any, param?: any): any;
+data(key: "ejMap"): ej.datavisualization.Map;
+
+ejMaskEdit(): JQuery;
+ejMaskEdit(options?: ej.MaskEdit.Model): JQuery;
+ejMaskEdit(memberName: any, value?: any, param?: any): any;
+data(key: "ejMaskEdit"): ej.MaskEdit;
+
+ejMenu(): JQuery;
+ejMenu(options?: ej.Menu.Model): JQuery;
+ejMenu(memberName: any, value?: any, param?: any): any;
+data(key: "ejMenu"): ej.Menu;
+
+ejNavigationDrawer(): JQuery;
+ejNavigationDrawer(options?: ej.NavigationDrawer.Model): JQuery;
+ejNavigationDrawer(memberName: any, value?: any, param?: any): any;
+data(key: "ejNavigationDrawer"): ej.NavigationDrawer;
+
+ejOverview(): JQuery;
+ejOverview(options?: ej.datavisualization.Overview.Model): JQuery;
+ejOverview(memberName: any, value?: any, param?: any): any;
+data(key: "ejOverview"): ej.datavisualization.Overview;
+
+ejPager(): JQuery;
+ejPager(options?: ej.Pager.Model): JQuery;
+ejPager(memberName: any, value?: any, param?: any): any;
+data(key: "ejPager"): ej.Pager;
+
+ejPdfViewer(): JQuery;
+ejPdfViewer(options?: ej.PdfViewer.Model): JQuery;
+ejPdfViewer(memberName: any, value?: any, param?: any): any;
+data(key: "ejPdfViewer"): ej.PdfViewer;
+
+ejPivotChart(): JQuery;
+ejPivotChart(options?: ej.PivotChart.Model): JQuery;
+ejPivotChart(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotChart"): ej.PivotChart;
+
+ejPivotClient(): JQuery;
+ejPivotClient(options?: ej.PivotClient.Model): JQuery;
+ejPivotClient(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotClient"): ej.PivotClient;
+
+ejPivotGauge(): JQuery;
+ejPivotGauge(options?: ej.PivotGauge.Model): JQuery;
+ejPivotGauge(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotGauge"): ej.PivotGauge;
+
+ejPivotGrid(): JQuery;
+ejPivotGrid(options?: ej.PivotGrid.Model): JQuery;
+ejPivotGrid(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotGrid"): ej.PivotGrid;
+
+ejPivotPager(): JQuery;
+ejPivotPager(options?: ej.PivotPager.Model): JQuery;
+ejPivotPager(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotPager"): ej.PivotPager;
+
+ejPivotSchemaDesigner(): JQuery;
+ejPivotSchemaDesigner(options?: ej.PivotSchemaDesigner.Model): JQuery;
+ejPivotSchemaDesigner(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotSchemaDesigner"): ej.PivotSchemaDesigner;
+
+ejPivotTreeMap(): JQuery;
+ejPivotTreeMap(options?: ej.PivotTreeMap.Model): JQuery;
+ejPivotTreeMap(memberName: any, value?: any, param?: any): any;
+data(key: "ejPivotTreeMap"): ej.PivotTreeMap;
+
+ejPrint(): JQuery;
+ejPrint(options?: ej.Print.Model): JQuery;
+ejPrint(memberName: any, value?: any, param?: any): any;
+data(key: "ejPrint"): ej.Print;
+
+ejProgressBar(): JQuery;
+ejProgressBar(options?: ej.ProgressBar.Model): JQuery;
+ejProgressBar(memberName: any, value?: any, param?: any): any;
+data(key: "ejProgressBar"): ej.ProgressBar;
+
+ejRadialMenu(): JQuery;
+ejRadialMenu(options?: ej.RadialMenu.Model): JQuery;
+ejRadialMenu(memberName: any, value?: any, param?: any): any;
+data(key: "ejRadialMenu"): ej.RadialMenu;
+
+ejRadialSlider(): JQuery;
+ejRadialSlider(options?: ej.RadialSlider.Model): JQuery;
+ejRadialSlider(memberName: any, value?: any, param?: any): any;
+data(key: "ejRadialSlider"): ej.RadialSlider;
+
+ejRadioButton(): JQuery;
+ejRadioButton(options?: ej.RadioButton.Model): JQuery;
+ejRadioButton(memberName: any, value?: any, param?: any): any;
+data(key: "ejRadioButton"): ej.RadioButton;
+
+ejRangeNavigator(): JQuery;
+ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
+ejRangeNavigator(memberName: any, value?: any, param?: any): any;
+data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
+
+ejRating(): JQuery;
+ejRating(options?: ej.Rating.Model): JQuery;
+ejRating(memberName: any, value?: any, param?: any): any;
+data(key: "ejRating"): ej.Rating;
+
+ejRecurrenceEditor(): JQuery;
+ejRecurrenceEditor(options?: ej.RecurrenceEditor.Model): JQuery;
+ejRecurrenceEditor(memberName: any, value?: any, param?: any): any;
+data(key: "ejRecurrenceEditor"): ej.RecurrenceEditor;
+
+ejReportViewer(): JQuery;
+ejReportViewer(options?: ej.ReportViewer.Model): JQuery;
+ejReportViewer(memberName: any, value?: any, param?: any): any;
+data(key: "ejReportViewer"): ej.ReportViewer;
+
+ejResizable(): JQuery;
+ejResizable(options?: ej.Resizable.Model): JQuery;
+ejResizable(memberName: any, value?: any, param?: any): any;
+data(key: "ejResizable"): ej.Resizable;
+
+ejRibbon(): JQuery;
+ejRibbon(options?: ej.Ribbon.Model): JQuery;
+ejRibbon(memberName: any, value?: any, param?: any): any;
+data(key: "ejRibbon"): ej.Ribbon;
+
+ejRotator(): JQuery;
+ejRotator(options?: ej.Rotator.Model): JQuery;
+ejRotator(memberName: any, value?: any, param?: any): any;
+data(key: "ejRotator"): ej.Rotator;
+
+ejRTE(): JQuery;
+ejRTE(options?: ej.RTE.Model): JQuery;
+ejRTE(memberName: any, value?: any, param?: any): any;
+data(key: "ejRTE"): ej.RTE;
+
+ejSchedule(): JQuery;
+ejSchedule(options?: ej.Schedule.Model): JQuery;
+ejSchedule(memberName: any, value?: any, param?: any): any;
+data(key: "ejSchedule"): ej.Schedule;
+
+ejScroller(): JQuery;
+ejScroller(options?: ej.Scroller.Model): JQuery;
+ejScroller(memberName: any, value?: any, param?: any): any;
+data(key: "ejScroller"): ej.Scroller;
+
+ejSignature(): JQuery;
+ejSignature(options?: ej.Signature.Model): JQuery;
+ejSignature(memberName: any, value?: any, param?: any): any;
+data(key: "ejSignature"): ej.Signature;
+
+ejSlider(): JQuery;
+ejSlider(options?: ej.Slider.Model): JQuery;
+ejSlider(memberName: any, value?: any, param?: any): any;
+data(key: "ejSlider"): ej.Slider;
+
+ejSparkline(): JQuery;
+ejSparkline(options?: ej.datavisualization.Sparkline.Model): JQuery;
+ejSparkline(memberName: any, value?: any, param?: any): any;
+data(key: "ejSparkline"): ej.datavisualization.Sparkline;
+
+ejSpellCheck(): JQuery;
+ejSpellCheck(options?: ej.SpellCheck.Model): JQuery;
+ejSpellCheck(memberName: any, value?: any, param?: any): any;
+data(key: "ejSpellCheck"): ej.SpellCheck;
+
+ejSplitButton(): JQuery;
+ejSplitButton(options?: ej.SplitButton.Model): JQuery;
+ejSplitButton(memberName: any, value?: any, param?: any): any;
+data(key: "ejSplitButton"): ej.SplitButton;
+
+ejSplitter(): JQuery;
+ejSplitter(options?: ej.Splitter.Model): JQuery;
+ejSplitter(memberName: any, value?: any, param?: any): any;
+data(key: "ejSplitter"): ej.Splitter;
+
+ejSpreadsheet(): JQuery;
+ejSpreadsheet(options?: ej.Spreadsheet.Model): JQuery;
+ejSpreadsheet(memberName: any, value?: any, param?: any): any;
+data(key: "ejSpreadsheet"): ej.Spreadsheet;
+
+ejSunburstChart(): JQuery;
+ejSunburstChart(options?: ej.datavisualization.SunburstChart.Model): JQuery;
+ejSunburstChart(memberName: any, value?: any, param?: any): any;
+data(key: "ejSunburstChart"): ej.datavisualization.SunburstChart;
+
+ejSymbolPalette(): JQuery;
+ejSymbolPalette(options?: ej.datavisualization.SymbolPalette.Model): JQuery;
+ejSymbolPalette(memberName: any, value?: any, param?: any): any;
+data(key: "ejSymbolPalette"): ej.datavisualization.SymbolPalette;
+
+ejTab(): JQuery;
+ejTab(options?: ej.Tab.Model): JQuery;
+ejTab(memberName: any, value?: any, param?: any): any;
+data(key: "ejTab"): ej.Tab;
+
+ejTagCloud(): JQuery;
+ejTagCloud(options?: ej.TagCloud.Model): JQuery;
+ejTagCloud(memberName: any, value?: any, param?: any): any;
+data(key: "ejTagCloud"): ej.TagCloud;
+
+ejNumericTextbox(): JQuery;
+ejNumericTextbox(options?: ej.Editor.Model): JQuery;
+ejNumericTextbox(memberName: any, value?: any, param?: any): any;
+data(key: "ejNumericTextbox"): ej.NumericTextbox;
+
+ejCurrencyTextbox(): JQuery;
+ejCurrencyTextbox(options?: ej.Editor.Model): JQuery;
+ejCurrencyTextbox(memberName: any, value?: any, param?: any): any;
+data(key: "ejCurrencyTextbox"): ej.CurrencyTextbox;
+
+ejPercentageTextbox(): JQuery;
+ejPercentageTextbox(options?: ej.Editor.Model): JQuery;
+ejPercentageTextbox(memberName: any, value?: any, param?: any): any;
+data(key: "ejPercentageTextbox"): ej.PercentageTextbox;
+
+ejTile(): JQuery;
+ejTile(options?: ej.Tile.Model): JQuery;
+ejTile(memberName: any, value?: any, param?: any): any;
+data(key: "ejTile"): ej.Tile;
+
+ejTimePicker(): JQuery;
+ejTimePicker(options?: ej.TimePicker.Model): JQuery;
+ejTimePicker(memberName: any, value?: any, param?: any): any;
+data(key: "ejTimePicker"): ej.TimePicker;
+
+ejToggleButton(): JQuery;
+ejToggleButton(options?: ej.ToggleButton.Model): JQuery;
+ejToggleButton(memberName: any, value?: any, param?: any): any;
+data(key: "ejToggleButton"): ej.ToggleButton;
+
+ejToolbar(): JQuery;
+ejToolbar(options?: ej.Toolbar.Model): JQuery;
+ejToolbar(memberName: any, value?: any, param?: any): any;
+data(key: "ejToolbar"): ej.Toolbar;
+
+ejTooltip(): JQuery;
+ejTooltip(options?: ej.Tooltip.Model): JQuery;
+ejTooltip(memberName: any, value?: any, param?: any): any;
+data(key: "ejTooltip"): ej.Tooltip;
+
+ejTreeGrid(): JQuery;
+ejTreeGrid(options?: ej.TreeGrid.Model): JQuery;
+ejTreeGrid(memberName: any, value?: any, param?: any): any;
+data(key: "ejTreeGrid"): ej.TreeGrid;
+
+ejTreeMap(): JQuery;
+ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
+ejTreeMap(memberName: any, value?: any, param?: any): any;
+data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
+
+ejTreeView(): JQuery;
+ejTreeView(options?: ej.TreeView.Model): JQuery;
+ejTreeView(memberName: any, value?: any, param?: any): any;
+data(key: "ejTreeView"): ej.TreeView;
+
+ejUploadbox(): JQuery;
+ejUploadbox(options?: ej.Uploadbox.Model): JQuery;
+ejUploadbox(memberName: any, value?: any, param?: any): any;
+data(key: "ejUploadbox"): ej.Uploadbox;
+
+ejWaitingPopup(): JQuery;
+ejWaitingPopup(options?: ej.WaitingPopup.Model): JQuery;
+ejWaitingPopup(memberName: any, value?: any, param?: any): any;
+data(key: "ejWaitingPopup"): ej.WaitingPopup;
 }

From 729f206bde45d093cdbad6ddde4274ece134369c Mon Sep 17 00:00:00 2001
From: Louw Swart <louw77@gmail.com>
Date: Tue, 4 Jul 2017 19:14:34 +1200
Subject: [PATCH 119/274] Updated elementType and featureType of MapTypeStyles
 which breaks after typescript@2.4.1

---
 types/googlemaps/googlemaps-tests.ts |  34 ++++++--
 types/googlemaps/index.d.ts          | 111 ++++++++++++---------------
 2 files changed, 78 insertions(+), 67 deletions(-)

diff --git a/types/googlemaps/googlemaps-tests.ts b/types/googlemaps/googlemaps-tests.ts
index 20d2bc51c8..fd7d6057b7 100644
--- a/types/googlemaps/googlemaps-tests.ts
+++ b/types/googlemaps/googlemaps-tests.ts
@@ -1,8 +1,6 @@
 // Test file for Google Maps JavaScript API Definition file
 
-/***** Create map *****/
-let map = new google.maps.Map(
-    document.getElementById('map'), {
+let mapOptions: google.maps.MapOptions = {
     backgroundColor: "#fff",
     center: { lat: -25.363, lng: 131.044 },
     clickableIcons: true,
@@ -13,8 +11,34 @@ let map = new google.maps.Map(
     },
     gestureHandling: "cooperative",
     scrollwheel: true,
+    styles: [
+        {
+            elementType: 'geometry',
+            featureType: 'water',
+            stylers: [
+                {
+                    color: '#00bdbd'
+                }
+            ]
+        },
+        {
+            elementType: 'geometry',
+            featureType: 'landscape.man_made',
+            stylers: [
+                {
+                    color: '#f7f1df'
+                }
+            ]
+        }
+    ],
     zoom: 4
-});
+};
+
+/***** Create map *****/
+let map: google.maps.Map = new google.maps.Map(
+    document.getElementById('map'),
+    mapOptions
+);
 
 
 /***** Data *****/
@@ -329,4 +353,4 @@ heatmap.setData([new google.maps.LatLng(37.782551, -122.445368), new google.maps
 heatmap.setData([
     { weight: 1, location: new google.maps.LatLng(37.782551, -122.445368) },
     { weight: 2, location: new google.maps.LatLng(37.782745, -122.444586) }
-]);
\ No newline at end of file
+]);
diff --git a/types/googlemaps/index.d.ts b/types/googlemaps/index.d.ts
index e2017523ad..ac9566757f 100644
--- a/types/googlemaps/index.d.ts
+++ b/types/googlemaps/index.d.ts
@@ -1058,7 +1058,7 @@ declare namespace google.maps {
         clickable?: boolean;
         /** If set to true, the user can drag this circle over the map. Defaults to false. */
         draggable?: boolean;
-        /** 
+        /**
          * If set to true, the user can edit this circle by dragging the control points shown at the center and around
          * the circumference of the circle. Defaults to false.
          */
@@ -1719,64 +1719,51 @@ declare namespace google.maps {
         stylers?: MapTypeStyler[];
     }
 
-    export interface MapTypeStyleFeatureType {
-        administrative?: {
-            country?: string;
-            land_parcel?: string;
-            locality?: string;
-            neighborhood?: string;
-            province?: string;
-        };
-        all?: string;
-        landscape?: {
-            man_made?: string;
-            natural?: {
-              landcover?: string;
-              terrain?: string;
-            };
-        };
-        poi?: {
-            attraction?: string;
-            business?: string;
-            government?: string;
-            medical?: string;
-            park?: string;
-            place_of_worship?: string;
-            school?: string;
-            sports_complex?: string;
-        };
-        road?: {
-            arterial?: string;
-            highway?: {
-                controlled_access?: string;
-            };
-            local?: string;
-        };
-        transit?: {
-            line?: string;
-            station?: {
-                airport?: string;
-                bus?: string;
-                rail?: string;
-            };
-        };
-        water?: string;
-    }
+    export type MapTypeStyleFeatureType =
+      'all' |
+      'administrative' |
+      'administrative.country' |
+      'administrative.land_parcel' |
+      'administrative.locality' |
+      'administrative.neighborhood' |
+      'administrative.province' |
+      'landscape' |
+      'landscape.man_made' |
+      'landscape.natural' |
+      'landscape.natural.landcover' |
+      'landscape.natural.terrain' |
+      'poi' |
+      'poi.attraction' |
+      'poi.business' |
+      'poi.government' |
+      'poi.medical' |
+      'poi.park' |
+      'poi.place_of_worship' |
+      'poi.school' |
+      'poi.sports_complex' |
+      'road' |
+      'road.arterial' |
+      'road.highway' |
+      'road.highway.controlled_access' |
+      'road.local' |
+      'transit' |
+      'transit.line' |
+      'transit.station' |
+      'transit.station.airport' |
+      'transit.station.bus' |
+      'transit.station.rail' |
+      'water';
 
-    export interface MapTypeStyleElementType {
-        all?: string;
-        geometry?: {
-            fill?: string;
-            stroke?: string;
-        };
-        labels?: {
-            icon?: string;
-            text?: {
-                fill?: string;
-                stroke?: string;
-            }
-        };
-    }
+    export type MapTypeStyleElementType =
+      'all' |
+      'geometry' |
+      'geometry.fill' |
+      'geometry.stroke' |
+      'labels' |
+      'labels.icon' |
+      'labels.text' |
+      'labels.text.fill' |
+      'labels.text.stroke';
 
     export interface MapTypeStyler {
         color?: string;
@@ -2132,7 +2119,7 @@ declare namespace google.maps {
     }
 
     /**
-     * This object is returned from various mouse events on the map and overlays, 
+     * This object is returned from various mouse events on the map and overlays,
      * and contains all the fields shown below.
      */
     export interface MouseEvent {
@@ -2233,7 +2220,7 @@ declare namespace google.maps {
         /** Converts to string. */
         toString(): string;
         /**
-         * Returns a string of the form "lat_lo,lng_lo,lat_hi,lng_hi" for this bounds, where "lo" corresponds to the 
+         * Returns a string of the form "lat_lo,lng_lo,lat_hi,lng_hi" for this bounds, where "lo" corresponds to the
          * southwest corner of the bounding box, while "hi" corresponds to the northeast corner of that box.
          */
         toUrlValue(precision?: number): string;
@@ -2718,7 +2705,7 @@ declare namespace google.maps {
              * and the map property of a new polygon is always set to the DrawingManager's map.
              */
             polygonOptions?: PolygonOptions;
-            /** 
+            /**
              * Options to apply to any new polylines created with this DrawingManager. The path property is ignored,
              * and the map property of a new polyline is always set to the DrawingManager's map.
              */
@@ -2749,7 +2736,7 @@ declare namespace google.maps {
          */
         export enum OverlayType {
             /**
-             * Specifies that the DrawingManager creates circles, and that the overlay given in the overlaycomplete 
+             * Specifies that the DrawingManager creates circles, and that the overlay given in the overlaycomplete
              * event is a circle.
              */
             CIRCLE,

From 4b0e59abeb1a23dc53533995efa2f651476131d5 Mon Sep 17 00:00:00 2001
From: Marek <marek.b@cstechnologies.cz>
Date: Tue, 4 Jul 2017 09:35:25 +0200
Subject: [PATCH 120/274] command-line-args, command-line-commands

---
 .../command-line-args-tests.ts                | 10 +++
 types/command-line-args/index.d.ts            | 71 +++++++++++++++++++
 types/command-line-args/tsconfig.json         | 22 ++++++
 .../command-line-commands-tests.ts            |  7 ++
 types/command-line-commands/index.d.ts        | 17 +++++
 types/command-line-commands/tsconfig.json     | 22 ++++++
 6 files changed, 149 insertions(+)
 create mode 100644 types/command-line-args/command-line-args-tests.ts
 create mode 100644 types/command-line-args/index.d.ts
 create mode 100644 types/command-line-args/tsconfig.json
 create mode 100644 types/command-line-commands/command-line-commands-tests.ts
 create mode 100644 types/command-line-commands/index.d.ts
 create mode 100644 types/command-line-commands/tsconfig.json

diff --git a/types/command-line-args/command-line-args-tests.ts b/types/command-line-args/command-line-args-tests.ts
new file mode 100644
index 0000000000..11848ee202
--- /dev/null
+++ b/types/command-line-args/command-line-args-tests.ts
@@ -0,0 +1,10 @@
+import commandLineArgs = require('command-line-args');
+
+const optionDefinitions = [
+    { name: 'verbose', alias: 'v', type: Boolean },
+    { name: 'src', type: String, multiple: true, defaultOption: true },
+    { name: 'timeout', alias: 't', type: Number }
+];
+
+const options = commandLineArgs(optionDefinitions);
+
diff --git a/types/command-line-args/index.d.ts b/types/command-line-args/index.d.ts
new file mode 100644
index 0000000000..b975c9c1f2
--- /dev/null
+++ b/types/command-line-args/index.d.ts
@@ -0,0 +1,71 @@
+// Type definitions for command-line-args 4.0.6
+// Project: https://github.com/75lb/command-line-args
+// Definitions by: CzBuCHi <https://github.com/CzBuCHi/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface OptionDefinition {
+    /**
+     * The only required definition property is name, the value of each option will be either a Boolean or string.
+     */
+    name: string,
+    /**
+     * The type value is a setter function (you receive the output from this), enabling you to be specific about the type and value received.
+     */
+    type?: (arg: string) => any,
+    /**
+     * getopt-style short option names. Can be any single character (unicode included) except a digit or hypen.
+     */
+    alias?: string,
+    /**
+     * Set this flag if the option takes a list of values. You will receive an array of values, each passed through the type function (if specified).
+     */
+    multiple?: boolean,
+    /**
+     * Any unclaimed command-line args will be set on this option. This flag is typically set on the most commonly-used option to make for more concise usage (i.e. $ myapp *.js instead of $ myapp --files *.js).
+     */
+    defaultOption?: boolean,
+    /**
+     * An initial value for the option.
+     */
+    defaultValue?: any,
+    /**
+     * When your app has a large amount of options it makes sense to organise them in groups.
+     * There are two automatic groups: _all (contains all options) and _none (contains options without a group specified in their definition).
+     */
+    group?: string | string[],
+}
+
+interface Options {
+    /**
+     * An array of strings, which if passed will be parsed instead  of `process.argv`.
+     */
+    argv?: string[];
+    /**
+     * If `true`, an array of unknown arguments is returned in the `_unknown` property of the output.
+     */
+    partial?: boolean;
+}
+
+/**
+ * Returns an object containing all options set on the command line. By default it parses the global  [`process.argv`](https://nodejs.org/api/process.html#process_process_argv) array.
+ *
+ * By default, an exception is thrown if the user sets an unknown option (one without a valid [definition](#exp_module_definition--OptionDefinition)). To enable __partial parsing__, invoke `commandLineArgs` with the `partial` option - all unknown arguments will be returned in the `_unknown` property.
+ *
+ *
+ * @param {module:definition[]} - An array of [OptionDefinition](#exp_module_definition--OptionDefinition) objects
+ * @param [options] {object} - Options.
+ * @param [options.argv] {string[]} - An array of strings, which if passed will be parsed instead  of `process.argv`.
+ * @param [options.partial] {boolean} - If `true`, an array of unknown arguments is returned in the `_unknown` property of the output.
+ * @returns {object}
+ * @throws `UNKNOWN_OPTION` if `options.partial` is false and the user set an undefined option
+ * @throws `NAME_MISSING` if an option definition is missing the required `name` property
+ * @throws `INVALID_TYPE` if an option definition has a `type` value that's not a function
+ * @throws `INVALID_ALIAS` if an alias is numeric, a hyphen or a length other than 1
+ * @throws `DUPLICATE_NAME` if an option definition name was used more than once
+ * @throws `DUPLICATE_ALIAS` if an option definition alias was used more than once
+ * @throws `DUPLICATE_DEFAULT_OPTION` if more than one option definition has `defaultOption: true`
+ * @alias module:command-line-args
+ */
+declare function commandLineArgs(optionDefinitions: OptionDefinition[], options?: Options): any;
+
+export = commandLineArgs;
diff --git a/types/command-line-args/tsconfig.json b/types/command-line-args/tsconfig.json
new file mode 100644
index 0000000000..2f22f95af1
--- /dev/null
+++ b/types/command-line-args/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "command-line-args-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/command-line-commands/command-line-commands-tests.ts b/types/command-line-commands/command-line-commands-tests.ts
new file mode 100644
index 0000000000..5ba96986d7
--- /dev/null
+++ b/types/command-line-commands/command-line-commands-tests.ts
@@ -0,0 +1,7 @@
+import commandLineCommands = require('command-line-commands');
+
+const commands = [null, 'first', 'second'];
+
+const { command, argv } = commandLineCommands(commands, ['first', '--arg']);
+
+
diff --git a/types/command-line-commands/index.d.ts b/types/command-line-commands/index.d.ts
new file mode 100644
index 0000000000..ea8d66a8ea
--- /dev/null
+++ b/types/command-line-commands/index.d.ts
@@ -0,0 +1,17 @@
+// Type definitions for command-line-commands 2.0.0
+// Project: https://github.com/75lb/command-line-commands
+// Definitions by: CzBuCHi <https://github.com/CzBuCHi/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/**
+ * Parses the `argv` value supplied (or `process.argv` by default), extracting and returning the `command` and remainder of `argv`. The command will be the first value in the `argv` array unless it is an option (e.g. `--help`).
+ *
+ * @param {string|string[]} - One or more command strings, one of which the user must supply. Include `null` to represent "no command" (effectively making a command optional).
+ * @param [argv] {string[]} - An argv array, defaults to the global `process.argv` if not supplied.
+ * @returns {{ command: string, argv: string[] }}
+ * @throws `INVALID_COMMAND` - user supplied a command not specified in `commands`.
+ */
+declare function commandLineCommands(commands: (string | null)[], argv: string[]): { command: string | null, argv: string[] };
+
+export = commandLineCommands;
+
diff --git a/types/command-line-commands/tsconfig.json b/types/command-line-commands/tsconfig.json
new file mode 100644
index 0000000000..5d98c64e58
--- /dev/null
+++ b/types/command-line-commands/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "command-line-commands-tests.ts"
+    ]
+}
\ No newline at end of file

From b652e1a5892ee3b27efb7fc0e2b0f18d9c49a2d7 Mon Sep 17 00:00:00 2001
From: Louw Swart <louw77@gmail.com>
Date: Tue, 4 Jul 2017 19:44:36 +1200
Subject: [PATCH 121/274] Include reference path in test to enable typescript
 compile test

---
 types/googlemaps/googlemaps-tests.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/googlemaps/googlemaps-tests.ts b/types/googlemaps/googlemaps-tests.ts
index fd7d6057b7..0e26cce625 100644
--- a/types/googlemaps/googlemaps-tests.ts
+++ b/types/googlemaps/googlemaps-tests.ts
@@ -1,3 +1,5 @@
+/// <reference path="index.d.ts" />
+
 // Test file for Google Maps JavaScript API Definition file
 
 let mapOptions: google.maps.MapOptions = {

From f4681fbc11f82fc62e1aa5656f474bd066ad9d21 Mon Sep 17 00:00:00 2001
From: Louw Swart <louw77@gmail.com>
Date: Tue, 4 Jul 2017 19:44:36 +1200
Subject: [PATCH 122/274] Revert "Include reference path in test to enable
 typescript compile test"

This reverts commit b652e1a5892ee3b27efb7fc0e2b0f18d9c49a2d7.
---
 types/googlemaps/googlemaps-tests.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/types/googlemaps/googlemaps-tests.ts b/types/googlemaps/googlemaps-tests.ts
index 0e26cce625..fd7d6057b7 100644
--- a/types/googlemaps/googlemaps-tests.ts
+++ b/types/googlemaps/googlemaps-tests.ts
@@ -1,5 +1,3 @@
-/// <reference path="index.d.ts" />
-
 // Test file for Google Maps JavaScript API Definition file
 
 let mapOptions: google.maps.MapOptions = {

From 3a78509fb0f1508f8523466810694d4f788fbb99 Mon Sep 17 00:00:00 2001
From: huhuanming <workboring@gmail.com>
Date: Tue, 4 Jul 2017 15:57:10 +0800
Subject: [PATCH 123/274] Detailed Types In Block

---
 types/react-native-touch-id/index.d.ts                     | 2 +-
 types/react-native-touch-id/react-native-touch-id-tests.ts | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/react-native-touch-id/index.d.ts b/types/react-native-touch-id/index.d.ts
index 04f7fbbfde..f1fc4f7a71 100644
--- a/types/react-native-touch-id/index.d.ts
+++ b/types/react-native-touch-id/index.d.ts
@@ -13,6 +13,6 @@ declare module 'react-native-touch-id' {
     details: any;
   }
 
-  export const isSupported: () => Promise<boolean | string>;
+  export const isSupported: () => Promise<boolean | TouchIDError>;
   export const authenticate: (reason: string) => Promise<boolean | TouchIDError>;
 }
diff --git a/types/react-native-touch-id/react-native-touch-id-tests.ts b/types/react-native-touch-id/react-native-touch-id-tests.ts
index 009f1c347f..0b431ecc85 100644
--- a/types/react-native-touch-id/react-native-touch-id-tests.ts
+++ b/types/react-native-touch-id/react-native-touch-id-tests.ts
@@ -1,5 +1,5 @@
-import { isSupported, authenticate } from 'react-native-touch-id';
+import { isSupported, authenticate, TouchIDError } from 'react-native-touch-id';
 
-isSupported().then(() => {}).catch(() => {});
+isSupported().then((isOk: boolean) => {}).catch((error: TouchIDError) => {});
 
-authenticate('reason').then(() => {}).catch(() => {});
+authenticate('reason').then((isOk: boolean) => {}).catch((error: TouchIDError) => {});

From 830c80ca660ca3f51e284389371f2347df892d86 Mon Sep 17 00:00:00 2001
From: Marek <marek.b@cstechnologies.cz>
Date: Tue, 4 Jul 2017 09:59:41 +0200
Subject: [PATCH 124/274] command-line-commands - optional param fix

---
 types/command-line-commands/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/command-line-commands/index.d.ts b/types/command-line-commands/index.d.ts
index ea8d66a8ea..cf69198dac 100644
--- a/types/command-line-commands/index.d.ts
+++ b/types/command-line-commands/index.d.ts
@@ -11,7 +11,7 @@
  * @returns {{ command: string, argv: string[] }}
  * @throws `INVALID_COMMAND` - user supplied a command not specified in `commands`.
  */
-declare function commandLineCommands(commands: (string | null)[], argv: string[]): { command: string | null, argv: string[] };
+declare function commandLineCommands(commands: (string | null)[], argv?: string[]): { command: string | null, argv: string[] };
 
 export = commandLineCommands;
 

From cab8d0e70e0f06e66f57d1131af4b23716910cc3 Mon Sep 17 00:00:00 2001
From: Miloslav Nenadal <nenadalm@gmail.com>
Date: Tue, 4 Jul 2017 10:10:09 +0200
Subject: [PATCH 125/274] [ramda]: Add forEachObjIndexed definition

---
 types/ramda/index.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index e0fbd22d4a..35b74de5f2 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -628,6 +628,12 @@ declare namespace R {
         forEach<T>(fn: (x: T) => void, list: T[]): T[];
         forEach<T>(fn: (x: T) => void): (list: T[]) => T[];
 
+        /**
+         * Iterate over an input object, calling a provided function fn for each key and value in the object.
+         */
+        forEachObjIndexed<T>(fn: (value: T[keyof T], key: keyof T, obj: T) => void, obj: T): T;
+        forEachObjIndexed<T>(fn: (value: T[keyof T], key: keyof T, obj: T) => void): (obj: T) => T;
+
         /**
          * Creates a new object out of a list key-value pairs.
          */

From 745ed9223c095bc51e98846920edf343dcca8e03 Mon Sep 17 00:00:00 2001
From: Tim Brust <ratchet.player@gmx.de>
Date: Mon, 3 Jul 2017 17:48:06 +0200
Subject: [PATCH 126/274] feat(cordova-plugin-badge): add typings for
 cordova-plugin-badge

---
 .../cordova-plugin-badge-tests.ts             | 16 ++++++++++++
 types/cordova-plugin-badge/index.d.ts         | 25 +++++++++++++++++++
 types/cordova-plugin-badge/tsconfig.json      | 23 +++++++++++++++++
 types/cordova-plugin-badge/tslint.json        |  1 +
 4 files changed, 65 insertions(+)
 create mode 100644 types/cordova-plugin-badge/cordova-plugin-badge-tests.ts
 create mode 100644 types/cordova-plugin-badge/index.d.ts
 create mode 100644 types/cordova-plugin-badge/tsconfig.json
 create mode 100644 types/cordova-plugin-badge/tslint.json

diff --git a/types/cordova-plugin-badge/cordova-plugin-badge-tests.ts b/types/cordova-plugin-badge/cordova-plugin-badge-tests.ts
new file mode 100644
index 0000000000..453b27d884
--- /dev/null
+++ b/types/cordova-plugin-badge/cordova-plugin-badge-tests.ts
@@ -0,0 +1,16 @@
+/// <reference types="cordova"  />
+
+function callback(badgeOrGranted: number | boolean) {
+    console.log(badgeOrGranted);
+}
+
+window.cordova.plugins.notification.badge.clear();
+window.cordova.plugins.notification.badge.set(10, callback);
+window.cordova.plugins.notification.badge.decrease(2, callback);
+window.cordova.plugins.notification.badge.increase(5, callback);
+window.cordova.plugins.notification.badge.hasPermission(callback);
+window.cordova.plugins.notification.badge.requestPermission(callback);
+window.cordova.plugins.notification.badge.get(callback);
+window.cordova.plugins.notification.badge.configure({
+    autoClear: true
+});
diff --git a/types/cordova-plugin-badge/index.d.ts b/types/cordova-plugin-badge/index.d.ts
new file mode 100644
index 0000000000..6b4e780d5f
--- /dev/null
+++ b/types/cordova-plugin-badge/index.d.ts
@@ -0,0 +1,25 @@
+// Type definitions for cordova-plugin-badge 0.8
+// Project: https://github.com/katzer/cordova-plugin-badge
+// Definitions by: Tim Brust <https://github.com/timbru31>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+interface CordovaPlugins {
+	notification: {
+		badge: CordovaPluginBadge;
+	};
+}
+
+interface CordovaPluginBadgeOptions {
+	autoClear: boolean;
+}
+
+interface CordovaPluginBadge {
+	clear(callback?: (badge: number) => void, scope?: any): void;
+	set(badge?: number, callback?: (badge: number) => void, scope?: any): void;
+	get(callback?: (badge: number) => void, scope?: any): void;
+	increase(count?: number, callback?: (badge: number) => void, scope?: any): void;
+	decrease(count?: number, callback?: (badge: number) => void, scope?: any): void;
+	hasPermission(callback?: (granted: boolean) => void, scope?: any): void;
+	requestPermission(callback?: (granted: boolean) => void, scope?: any): void;
+	configure(config: CordovaPluginBadgeOptions): CordovaPluginBadgeOptions;
+}
diff --git a/types/cordova-plugin-badge/tsconfig.json b/types/cordova-plugin-badge/tsconfig.json
new file mode 100644
index 0000000000..5f6a71f137
--- /dev/null
+++ b/types/cordova-plugin-badge/tsconfig.json
@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "cordova-plugin-badge-tests.ts"
+    ]
+}
diff --git a/types/cordova-plugin-badge/tslint.json b/types/cordova-plugin-badge/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/cordova-plugin-badge/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 9d173a64f42c4a3cf86785d83975649ac6771f02 Mon Sep 17 00:00:00 2001
From: Marek <marek.b@cstechnologies.cz>
Date: Tue, 4 Jul 2017 10:22:58 +0200
Subject: [PATCH 127/274] command-line-args - export interfaces

---
 types/command-line-args/index.d.ts | 91 +++++++++++++++---------------
 1 file changed, 47 insertions(+), 44 deletions(-)

diff --git a/types/command-line-args/index.d.ts b/types/command-line-args/index.d.ts
index b975c9c1f2..33af16bcf5 100644
--- a/types/command-line-args/index.d.ts
+++ b/types/command-line-args/index.d.ts
@@ -3,49 +3,6 @@
 // Definitions by: CzBuCHi <https://github.com/CzBuCHi/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-interface OptionDefinition {
-    /**
-     * The only required definition property is name, the value of each option will be either a Boolean or string.
-     */
-    name: string,
-    /**
-     * The type value is a setter function (you receive the output from this), enabling you to be specific about the type and value received.
-     */
-    type?: (arg: string) => any,
-    /**
-     * getopt-style short option names. Can be any single character (unicode included) except a digit or hypen.
-     */
-    alias?: string,
-    /**
-     * Set this flag if the option takes a list of values. You will receive an array of values, each passed through the type function (if specified).
-     */
-    multiple?: boolean,
-    /**
-     * Any unclaimed command-line args will be set on this option. This flag is typically set on the most commonly-used option to make for more concise usage (i.e. $ myapp *.js instead of $ myapp --files *.js).
-     */
-    defaultOption?: boolean,
-    /**
-     * An initial value for the option.
-     */
-    defaultValue?: any,
-    /**
-     * When your app has a large amount of options it makes sense to organise them in groups.
-     * There are two automatic groups: _all (contains all options) and _none (contains options without a group specified in their definition).
-     */
-    group?: string | string[],
-}
-
-interface Options {
-    /**
-     * An array of strings, which if passed will be parsed instead  of `process.argv`.
-     */
-    argv?: string[];
-    /**
-     * If `true`, an array of unknown arguments is returned in the `_unknown` property of the output.
-     */
-    partial?: boolean;
-}
-
 /**
  * Returns an object containing all options set on the command line. By default it parses the global  [`process.argv`](https://nodejs.org/api/process.html#process_process_argv) array.
  *
@@ -66,6 +23,52 @@ interface Options {
  * @throws `DUPLICATE_DEFAULT_OPTION` if more than one option definition has `defaultOption: true`
  * @alias module:command-line-args
  */
-declare function commandLineArgs(optionDefinitions: OptionDefinition[], options?: Options): any;
+declare function commandLineArgs(optionDefinitions: commandLineArgs.OptionDefinition[], options?: commandLineArgs.Options): any;
+
+declare module commandLineArgs { 
+
+    export interface OptionDefinition {
+        /**
+         * The only required definition property is name, the value of each option will be either a Boolean or string.
+         */
+        name: string,
+        /**
+         * The type value is a setter function (you receive the output from this), enabling you to be specific about the type and value received.
+         */
+        type?: (arg: string) => any,
+        /**
+         * getopt-style short option names. Can be any single character (unicode included) except a digit or hypen.
+         */
+        alias?: string,
+        /**
+         * Set this flag if the option takes a list of values. You will receive an array of values, each passed through the type function (if specified).
+         */
+        multiple?: boolean,
+        /**
+         * Any unclaimed command-line args will be set on this option. This flag is typically set on the most commonly-used option to make for more concise usage (i.e. $ myapp *.js instead of $ myapp --files *.js).
+         */
+        defaultOption?: boolean,
+        /**
+         * An initial value for the option.
+         */
+        defaultValue?: any,
+        /**
+         * When your app has a large amount of options it makes sense to organise them in groups.
+         * There are two automatic groups: _all (contains all options) and _none (contains options without a group specified in their definition).
+         */
+        group?: string | string[],
+    }
+
+    export interface Options {
+        /**
+         * An array of strings, which if passed will be parsed instead  of `process.argv`.
+         */
+        argv?: string[];
+        /**
+         * If `true`, an array of unknown arguments is returned in the `_unknown` property of the output.
+         */
+        partial?: boolean;
+    }
+}
 
 export = commandLineArgs;

From 48268a44806c7c3f2e41d592f8ad8566ae033dad Mon Sep 17 00:00:00 2001
From: Diogo Franco <diogomfranco@gmail.com>
Date: Tue, 4 Jul 2017 17:41:00 +0900
Subject: [PATCH 128/274] Correct ua-parser-js's export

ua-parser-js is _not_ an ES module; it is a handwritten AMD module.

It exports itself both by setting the UAParser class as the export and adding a self-reference with the same name, which is why the current definition happens to work with the current commonjs emit.
---
 types/ua-parser-js/index.d.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/types/ua-parser-js/index.d.ts b/types/ua-parser-js/index.d.ts
index 9926e4f961..06990399f5 100644
--- a/types/ua-parser-js/index.d.ts
+++ b/types/ua-parser-js/index.d.ts
@@ -139,7 +139,7 @@ declare namespace IUAParser {
 }
 
 declare module "ua-parser-js" {
-    export class UAParser {
+    class UAParser {
         static VERSION: string;
         static BROWSER: IUAParser.BROWSER;
         static CPU: IUAParser.CPU;
@@ -192,5 +192,6 @@ declare module "ua-parser-js" {
          */
         getResult(): IUAParser.IResult;
     }
+    const exported: typeof UAParser & { UAParser: UAParser };
+    export = exported
 }
-

From 72db55deb011d96e208fb8fc95a8aa341031df41 Mon Sep 17 00:00:00 2001
From: Diogo Franco <diogomfranco@gmail.com>
Date: Tue, 4 Jul 2017 17:43:22 +0900
Subject: [PATCH 129/274] ua-parser-js: add missing typeof

---
 types/ua-parser-js/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/ua-parser-js/index.d.ts b/types/ua-parser-js/index.d.ts
index 06990399f5..f11eac1ba8 100644
--- a/types/ua-parser-js/index.d.ts
+++ b/types/ua-parser-js/index.d.ts
@@ -192,6 +192,6 @@ declare module "ua-parser-js" {
          */
         getResult(): IUAParser.IResult;
     }
-    const exported: typeof UAParser & { UAParser: UAParser };
+    const exported: typeof UAParser & { UAParser: typeof UAParser };
     export = exported
 }

From c22a4bfcf3ef4caeaf1470c5b801f5de1c0ed8d4 Mon Sep 17 00:00:00 2001
From: Diogo Franco <diogomfranco@gmail.com>
Date: Tue, 4 Jul 2017 17:53:55 +0900
Subject: [PATCH 130/274] ua-parser-js: update tests

---
 types/ua-parser-js/ua-parser-js-tests.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/ua-parser-js/ua-parser-js-tests.ts b/types/ua-parser-js/ua-parser-js-tests.ts
index 709ee380ff..e5f5cca4c3 100644
--- a/types/ua-parser-js/ua-parser-js-tests.ts
+++ b/types/ua-parser-js/ua-parser-js-tests.ts
@@ -1,4 +1,4 @@
-import {UAParser} from 'ua-parser-js';
+import UAParser = require('ua-parser-js');
 
 function test_parser() {
     var ua = 'Mozilla/5.0 (Windows NT 6.2) AppleWebKit/536.6 (KHTML, like Gecko) Chrome/20.0.1090.0 Safari/536.6';

From 328d2c268faf567bb1a38964042d690eb40f6906 Mon Sep 17 00:00:00 2001
From: Jeremi Stadler <stadler.jeremi@gmail.com>
Date: Tue, 4 Jul 2017 11:24:25 +0200
Subject: [PATCH 131/274] [React-Native] Remove me from maintainer list

---
 types/react-native/index.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index 5a3df6dcb7..bef9e7afea 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3,7 +3,6 @@
 // Definitions by: Eloy Durán <https://github.com/alloy>
 //                 Fedor Nezhivoi <https://github.com/gyzerok>
 //                 HuHuanming <https://github.com/huhuanming>
-//                 Jeremi Stadler <https://github.com/jeremistadler>
 //                 Kyle Roach <https://github.com/iRoachie>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3

From e47c821c7edd7822a2044ae0876d98fb361191c1 Mon Sep 17 00:00:00 2001
From: Johnny Estilles <jestilles@freelancer.com>
Date: Tue, 4 Jul 2017 17:26:47 +0800
Subject: [PATCH 132/274] adding optional 'jsonCompatibleStrings' property to
 'GeneratorOptions' interface

---
 .../babel-generator/babel-generator-tests.ts  |  6 +----
 types/babel-generator/index.d.ts              | 27 ++++++++++---------
 types/babel-generator/tslint.json             |  3 +++
 3 files changed, 18 insertions(+), 18 deletions(-)
 create mode 100644 types/babel-generator/tslint.json

diff --git a/types/babel-generator/babel-generator-tests.ts b/types/babel-generator/babel-generator-tests.ts
index a27fba50c5..92c65b7f54 100644
--- a/types/babel-generator/babel-generator-tests.ts
+++ b/types/babel-generator/babel-generator-tests.ts
@@ -1,7 +1,3 @@
-/// <reference types="babylon" />
-
-
-
 // Example from https://github.com/babel/babel/tree/master/packages/babel-generator
 import {parse} from 'babylon';
 import generate from 'babel-generator';
@@ -14,13 +10,13 @@ ast.loc.start;
 
 const output = generate(ast, { /* options */ }, code);
 
-
 // Example from https://github.com/thejameskyle/babel-handbook/blob/master/translations/en/plugin-handbook.md#babel-generator
 let result = generate(ast, {
     retainLines: false,
     compact: "auto",
     concise: false,
     quotes: "double",
+    jsonCompatibleStrings: true,
     // ...
 }, code);
 result.code;
diff --git a/types/babel-generator/index.d.ts b/types/babel-generator/index.d.ts
index f30505623f..3b3d8126e9 100644
--- a/types/babel-generator/index.d.ts
+++ b/types/babel-generator/index.d.ts
@@ -1,12 +1,10 @@
-// Type definitions for babel-generator v6.7
+// Type definitions for babel-generator 6.25
 // Project: https://github.com/babel/babel/tree/master/packages/babel-generator
 // Definitions by: Troy Gerwien <https://github.com/yortus>
+//                 Johnny Estilles <https://github.com/johnnyestilles>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-/// <reference types="babel-types" />
-
 import * as t from 'babel-types';
-type Node = t.Node;
 
 /**
  * Turns an AST into code, maintaining sourcemaps, user preferences, and valid output.
@@ -15,18 +13,17 @@ type Node = t.Node;
  * @param code - the original source code, used for source maps.
  * @returns - an object containing the output code and source map.
  */
-export default function generate(ast: Node, opts?: GeneratorOptions, code?: string | {[filename: string]: string}): GeneratorResult;
+export default function generate(ast: t.Node, opts?: GeneratorOptions, code?: string | {[filename: string]: string}): GeneratorResult;
 
 export interface GeneratorOptions {
-
     /**
      * Optional string to add as a block comment at the start of the output file.
-    */
+     */
     auxiliaryCommentBefore?: string;
 
     /**
      * Optional string to add as a block comment at the end of the output file.
-    */
+     */
     auxiliaryCommentAfter?: string;
 
     /**
@@ -34,7 +31,7 @@ export interface GeneratorOptions {
      * By default, comments are included if `opts.comments` is `true` or if `opts.minifed` is `false` and the comment
      * contains `@preserve` or `@license`.
      */
-    shouldPrintComment?: (comment: string) => boolean;
+    shouldPrintComment?(comment: string): boolean;
 
     /**
      * Attempt to use the same line numbers in the output code as in the source code (helps preserve stack traces).
@@ -60,7 +57,7 @@ export interface GeneratorOptions {
     /**
      * Set to true to reduce whitespace (but not as much as opts.compact). Defaults to `false`.
      */
-    concise?: boolean;        
+    concise?: boolean;
 
     /**
      * The type of quote to use in the output. If omitted, autodetects based on `ast.tokens`.
@@ -70,7 +67,7 @@ export interface GeneratorOptions {
     /**
      * Used in warning messages
      */
-    filename?: string;        
+    filename?: string;
 
     /**
      * Enable generating source maps. Defaults to `false`.
@@ -92,10 +89,14 @@ export interface GeneratorOptions {
      * This will only be used if `code` is a string.
      */
     sourceFileName?: string;
+
+    /**
+     * Set to true to run jsesc with "json": true to print "\u00A9" vs. "©";
+     */
+    jsonCompatibleStrings?: boolean;
 }
 
 export interface GeneratorResult {
-    map: Object;
+    map: {};
     code: string;
 }
-
diff --git a/types/babel-generator/tslint.json b/types/babel-generator/tslint.json
new file mode 100644
index 0000000000..e60c15844f
--- /dev/null
+++ b/types/babel-generator/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From d00685a14cfc1835462af83fa9a7abddf0f1b584 Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <giedrius@quatrodev.com>
Date: Tue, 4 Jul 2017 13:42:17 +0300
Subject: [PATCH 133/274] Handle lookup method without results.

---
 .../i18next-browser-languagedetector-tests.ts            | 9 +++++++++
 types/i18next-browser-languagedetector/index.d.ts        | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
index 1bf49387ca..f7171fcf2c 100644
--- a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
+++ b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
@@ -42,6 +42,15 @@ const customDetector: LngDetector.CustomDetector = {
     }
 };
 
+const customDetector2: LngDetector.CustomDetector = {
+    name: "myDetectorsName",
+
+    lookup(options: LngDetector.DetectorOptions) {
+        return undefined;
+    },
+    cacheUserLanguage(lng: string, options: LngDetector.DetectorOptions) { }
+};
+
 const lngDetector = new LngDetector(null, options);
 
 lngDetector.init(options);
diff --git a/types/i18next-browser-languagedetector/index.d.ts b/types/i18next-browser-languagedetector/index.d.ts
index 04ad671797..b5821255ce 100644
--- a/types/i18next-browser-languagedetector/index.d.ts
+++ b/types/i18next-browser-languagedetector/index.d.ts
@@ -44,7 +44,7 @@ declare namespace i18nextBrowserLanguageDetector {
     interface CustomDetector {
         name: string;
         cacheUserLanguage(lng: string, options: DetectorOptions): void;
-        lookup(options: DetectorOptions): string;
+        lookup(options: DetectorOptions): string | undefined;
     }
 }
 

From acc192069ecc8ddd7bd8d214f7916bf3a98b1fa0 Mon Sep 17 00:00:00 2001
From: Miloslav Nenadal <nenadalm@gmail.com>
Date: Tue, 4 Jul 2017 14:06:50 +0200
Subject: [PATCH 134/274] [ramda]: Add startsWith definition

---
 types/ramda/index.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index 35b74de5f2..e30c95f8be 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -1508,6 +1508,12 @@ declare namespace R {
         splitWhen<T, U>(pred: (val: T) => boolean, list: U[]): U[][];
         splitWhen<T>(pred: (val: T) => boolean): <U>(list: U[]) => U[][];
 
+        /**
+         * Checks if a list starts with the provided values
+         */
+        startsWith(a: any, list: any): boolean;
+        startsWith(a: any): (list: any) => boolean;
+
         /**
          * Subtracts two numbers. Equivalent to `a - b` but curried.
          */

From 7c78eea08042414d401b5c0fa71d836542d98888 Mon Sep 17 00:00:00 2001
From: Syncfusion-JavaScript <packages@syncfusion.com>
Date: Tue, 4 Jul 2017 17:48:13 +0530
Subject: [PATCH 135/274] Lint errors cleared.

---
 types/ej.web.all/index.d.ts | 126453 +++++++++++++++++----------------
 1 file changed, 63458 insertions(+), 62995 deletions(-)

diff --git a/types/ej.web.all/index.d.ts b/types/ej.web.all/index.d.ts
index bce4c6801c..035c98d1f0 100644
--- a/types/ej.web.all/index.d.ts
+++ b/types/ej.web.all/index.d.ts
@@ -13,12 +13,11 @@
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing
 *  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
+*  applicable laws.
 */
-
-declare module ej {
-	
-	var dataUtil: dataUtil;
+declare namespace ej {
+    /* tslint:disable:no-empty-interface */
+    const dataUtil: dataUtil;
     function isMobile(): boolean;
     function isIOS(): boolean;
     function isAndroid(): boolean;
@@ -31,33 +30,33 @@ declare module ej {
     function isTouchDevice(): boolean;
     function addPrefix(style: string): string;
     function animationEndEvent(): string;
-    function blockDefaultActions(e: Object): void;
-    function buildTag(tag: string, innerHtml?: string, styles?: Object, attrs?: Object): JQuery;
+    function blockDefaultActions(e: any): void;
+    function buildTag(tag: string, innerHtml?: string, styles?: any, attrs?: any): JQuery;
     function cancelEvent(): string;
     function copyObject(): string;
-    function createObject(nameSpace: string, value: Object, initIn: any): JQuery;
+    function createObject(nameSpace: string, value: any, initIn: any): JQuery;
     function createObject(element: any, eventEmitter: any, model: any): any;
     function setCulture(culture: string): void;
-	function getObject<T>(element :string, model :any ): T;
-    function defineClass(className: string, constructor:any, proto: Object, replace: boolean): Object;
-    function destroyWidgets(element: Object): void;
+    function getObject<T>(element: string, model: any): T;
+    function getObject(nameSpace: string, fromdata?: any): any;
+    function defineClass(className: string, constructor: any, proto: any, replace: boolean): any;
+    function destroyWidgets(element: any): void;
     function endEvent(): string;
-    function event(type: string, data: any, eventProp: Object): Object;
-    function getAndroidVersion(): Object;
-    function getAttrVal(ele: Object, val: string, option: Object): Object;
-    function getBooleanVal(ele: Object, val: string, option: Object): Object;
+    function event(type: string, data: any, eventProp: any): any;
+    function getAndroidVersion(): any;
+    function getAttrVal(ele: any, val: string, option: any): any;
+    function getBooleanVal(ele: any, val: string, option: any): any;
     function getClearString(): string;
-    function getDimension(element: Object, method: string): Object;
-    function getFontString(fontObj: Object): string;
+    function getDimension(element: any, method: string): any;
+    function getFontString(fontObj: any): string;
     function getFontStyle(style: string): string;
     function getMaxZindex(): number;
     function getNameSpace(className: string): string;
-    function getObject(nameSpace: string, fromdata?: any): Object;
-    function getOffset(ele: string): Object;
+    function getOffset(ele: string): any;
     function getRenderMode(): string;
-    function getScrollableParents(element: Object): void;
+    function getScrollableParents(element: any): void;
     function getTheme(): string;
-    function getZindexPartial(element: Object, popupEle: string): number;
+    function getZindexPartial(element: any, popupEle: string): number;
     function hasRenderMode(element: string): void;
     function hasStyle(prop: string): boolean;
     function hasTheme(element: string): string;
@@ -68,91 +67,91 @@ declare module ej {
     function isIOS7(): boolean;
     function isIOSWebView(): boolean;
     function isLowerAndroid(): boolean;
-    function isNullOrUndefined(value: Object): boolean;
+    function isNullOrUndefined(value: any): boolean;
     function isPlainObject(): JQuery;
     function isPortrait(): any;
     function isTablet(): boolean;
     function isWindowsWebView(): string;
-    function listenEvents(selectors:any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
-    function listenTouchEvent(selectors:any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
+    function listenEvents(selectors: any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
+    function listenTouchEvent(selectors: any, eventTypes: any, handlers: any, remove?: any, pluginObj?: any, disableMouse?: boolean): void;
     function logBase(val: string, base: string): number;
     function measureText(text: string, maxwidth: number, font: string): string;
     function moveEvent(): string;
     function print(element: string, printWindow: any): void;
-    function proxy(fn: Object, context?: string, arg?: string): any;
+    function proxy(fn: any, context?: string, arg?: string): any;
     function round(value: string, div: string, up: string): any;
-    function sendAjaxRequest(ajaxOptions: Object): void;
+    function sendAjaxRequest(ajaxOptions: any): void;
     function setCaretToPos(nput: string, pos1: string, pos2: string): void;
     function setRenderMode(element: string): void;
-    function setTheme(): Object;
+    function setTheme(): any;
     function startEvent(): string;
     function tapEvent(): string;
     function tapHoldEvent(): string;
-    function throwError(): Object;
-    function transitionEndEvent(): Object;
+    function throwError(): any;
+    function transitionEndEvent(): any;
     function userAgent(): boolean;
-    function widget(pluginName: string, className: string, proto: Object): Object;
-    function avg(json: Object, filedName: string): any;
+    function widget(pluginName: string, className: string, proto: any): any;
+    function avg(json: any, filedName: string): any;
     function getGuid(prefix: string): number;
-    function group(jsonArray: any, field: string, agg: string, level: number, groupDs: string): Object;
+    function group(jsonArray: any, field: string, agg: string, level: number, groupDs: string): any;
     function isJson(jsonData: string): string;
     function max(jsonArray: any, fieldName?: string, comparer?: string): any;
     function min(jsonArray: any, fieldName: string, comparer: string): any;
     function merge(first: string, second: string): any;
     function mergeshort(jsonArray: any, fieldName: string, comparer: string): any;
     function parseJson(jsonText: string): string;
-    function parseTable(table: number, headerOption: string, headerRowIndex: string): Object;
+    function parseTable(table: number, headerOption: string, headerRowIndex: string): any;
     function select(jsonArray: any, fields: string): any;
     function setTransition(): boolean;
     function sum(json: string, fieldName: string): string;
-    function swap(array: any, x: string, y: string): any; 
-    var cssUA: string;
-    var serverTimezoneOffset: number;
-    var transform: string;
-    var transformOrigin: string;
-    var transformStyle: string;
-    var transition: string;
-    var transitionDelay: string;
-    var transitionDuration: string;
-    var transitionProperty: string;
-    var transitionTimingFunction: string;
-	var template: any;
-	var util: {
+    function swap(array: any, x: string, y: string): any;
+    const cssUA: string;
+    const serverTimezoneOffset: number;
+    const transform: string;
+    const transformOrigin: string;
+    const transformStyle: string;
+    const transition: string;
+    const transitionDelay: string;
+    const transitionDuration: string;
+    const transitionProperty: string;
+    const transitionTimingFunction: string;
+    const template: any;
+    const util: {
         valueFunction(val: string): any;
-    }        
-    export module device {
+    };
+    export namespace device {
         function isAndroid(): boolean;
         function isIOS(): boolean;
         function isFlat(): boolean;
         function isIOS7(): boolean;
         function isWindows(): boolean;
     }
-    export module widget {
-        var autoInit: boolean;
-        var registeredInstances: Array<any>;
-        var registeredWidgets: Array<any>;
+    export namespace widget {
+        const autoInit: boolean;
+        const registeredInstances: any[];
+        const registeredWidgets: any[];
         function register(pluginName: string, className: string, prototype: any): void;
         function destroyAll(elements: Element): void;
         function init(element: Element): void;
-        function registerInstance(element: Element, pluginName: string, className: string, prototype: any):void;
-    } 
-	
-	interface browserInfoOptions {
-		name: string;
-		version: string;
-		culture: Object;
-		isMSPointerEnabled: boolean;
-	}
-	class WidgetBase {
+        function registerInstance(element: Element, pluginName: string, className: string, prototype: any): void;
+    }
+
+    interface browserInfoOptions {
+        name: string;
+        version: string;
+        culture: any;
+        isMSPointerEnabled: boolean;
+    }
+    class WidgetBase {
         destroy(): void;
         element: JQuery;
-        setModel(options: Object, forceSet?: boolean):any;
-        option(prop?: Object, value?: Object, forceSet?: boolean): any;
-		_trigger(eventName?: string, eventProp?: Object): any;
+        setModel(options: any, forceSet?: boolean): any;
+        option(prop?: any, value?: any, forceSet?: boolean): any;
+        _trigger(eventName?: string, eventProp?: any): any;
         _on(element: JQuery, eventType?: string, handler?: (eventObject: JQueryEventObject) => any): any;
-         _on(element: JQuery, eventType ?: string, selector ?: string, handler ?: (eventObject: JQueryEventObject) => any): any;
-       _off(element: JQuery, eventName: string, handler ?: (eventObject: JQueryEventObject) => any): any;
-       _off(element: JQuery, eventType ?: string, selector ?: string, handler ?: (eventObject: JQueryEventObject) => any): any;     
+        _on(element: JQuery, eventType?: string, selector?: string, handler?: (eventObject: JQueryEventObject) => any): any;
+        _off(element: JQuery, eventName: string, handler?: (eventObject: JQueryEventObject) => any): any;
+        _off(element: JQuery, eventType?: string, selector?: string, handler?: (eventObject: JQueryEventObject) => any): any;
         persistState(): void;
         restoreState(silent: boolean): void;
     }
@@ -162,30 +161,30 @@ declare module ej {
         static fn: Widget;
         static extend(widget: Widget): any;
         register(pluginName: string, className: string, prototype: any): void;
-        destroyAll(elements: Element): void;      
-        model: any;     
+        destroyAll(elements: Element): void;
+        model: any;
     }
 
 
     interface BaseEvent {
         cancel: boolean;
-        type: string;       
+        type: string;
     }
     class DataManager {
-        constructor(dataSource?: any, query?: ej.Query, adaptor?: any); 
+        constructor(dataSource?: any, query?: ej.Query, adaptor?: any);
         setDefaultQuery(query: ej.Query): void;
         executeQuery(query?: ej.Query, done?: any, fail?: any, always?: any): JQueryPromise<any>;
         executeLocal(query?: ej.Query): ej.DataManager;
         saveChanges(changes?: Changes, key?: string, tableName?: string): JQueryDeferred<any>;
-        insert(data: Object, tableName?: string): JQueryPromise<any>;
-        remove(keyField: string, value: any, tableName?: string): Object;
-        update(keyField: string, value: any, tableName?: string): Object;
-    }    
+        insert(data: any, tableName?: string): JQueryPromise<any>;
+        remove(keyField: string, value: any, tableName?: string): any;
+        update(keyField: string, value: any, tableName?: string): any;
+    }
 
     class Query {
         constructor();
         static fn: Query;
-        static extend(prototype: Object): Query;
+        static extend(prototype: any): Query;
         key(field: string): ej.Query;
         using(dataManager: ej.DataManager): ej.Query;
         execute(dataManager: ej.DataManager, done: any, fail?: string, always?: string): any;
@@ -195,8 +194,8 @@ declare module ej {
         addParams(key: string, value: string): ej.Query;
         expand(tables: any): ej.Query;
         where(fieldName: string, operator: ej.FilterOperators, value: any, ignoreCase?: boolean): ej.Query;
-		where(predicate:ej.Predicate):ej.Query;
-        search(searchKey: any, fieldNames?:  any, operator?: string, ignoreCase?: boolean): ej.Query;
+        where(predicate: ej.Predicate): ej.Query;
+        search(searchKey: any, fieldNames?: any, operator?: string, ignoreCase?: boolean): ej.Query;
         sortBy(fieldName: string, comparer?: ej.SortOrder, isFromGroup?: boolean): ej.Query;
         sortByDesc(fieldName: string): ej.Query;
         group(fieldName: string): ej.Query;
@@ -207,17 +206,17 @@ declare module ej {
         hierarchy(query: ej.Query, selectorFn: any): ej.Query;
         foreignKey(key: string): ej.Query;
         requiresCount(): ej.Query;
-        range(start:number, end:number): ej.Query;
+        range(start: number, end: number): ej.Query;
     }
 
     class Adaptor {
         constructor(ds: any);
-        pvt: Object;
+        pvt: any;
         type: ej.Adaptor;
         options: AdaptorOptions;
         extend(overrides: any): ej.Adaptor;
-        processQuery(dm: ej.DataManager, query: ej.Query):any;
-        processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+        processQuery(dm: ej.DataManager, query: ej.Query): any;
+        processResponse(data: any, ds: any, query: ej.Query, xhr: JQueryXHR, request?: any, changes?: Changes): any;
         convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
     }
 
@@ -237,37 +236,36 @@ declare module ej {
 
     class UrlAdaptor extends ej.Adaptor {
         constructor();
-        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): {
-            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
-        }
-        convertToQueryString(req: Object, query: ej.Query, dm: ej.DataManager): JQueryParam;
-        processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
+        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): {
+            type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
+        };
+        convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
+        processResponse(data: any, ds: any, query: ej.Query, xhr: JQueryXHR, request?: any, changes?: Changes): any;
         onGroup(e: any): void;
-		onAggregates(e :any) : void;
+        onAggregates(e: any): void;
         batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
-        beforeSend(dm: ej.DataManager, request: any, settings?:any): void;
-        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+        beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
+        insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
         remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
         update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
-        getFiltersFrom(data: Object, query: ej.Query): ej.Predicate;
+        getFiltersFrom(data: any, query: ej.Query): ej.Predicate;
     }
-	class WebMethodAdaptor extends ej.UrlAdaptor {
+    class WebMethodAdaptor extends ej.UrlAdaptor {
         constructor();
-        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): {
-            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): {
+            type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
         };
     }
-	class CacheAdaptor extends ej.UrlAdaptor {
+    class CacheAdaptor extends ej.UrlAdaptor {
         constructor();
-		init (adaptor: Object, timeStamp: number, pageSize: number): void;
-		generateKey (url: string, query: ej.Query) : string;
-        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: Object): any;
-        processResponse(data: Object, ds: any, query: ej.Query, xhr: JQueryXHR, request?: Object, changes?: Changes): Object;
-        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+        init(adaptor: any, timeStamp: number, pageSize: number): void;
+        generateKey(url: string, query: ej.Query): string;
+        processQuery(dm: ej.DataManager, query: ej.Query, hierarchyFilters?: any): any;
+        processResponse(data: any, ds: any, query: ej.Query, xhr: JQueryXHR, request?: any, changes?: Changes): any;
+        insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
         remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
         update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
-		batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: Object; contentType: string };
-		
+        batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: any; contentType: string };
     }
     class ODataAdaptor extends ej.UrlAdaptor {
         constructor();
@@ -275,27 +273,27 @@ declare module ej {
         onEachWhere(filter: any, requiresCast: boolean): any;
         onPredicate(pred: ej.Predicate, query: ej.Query, requiresCast: boolean): string;
         onComplexPredicate(pred: ej.Predicate, requiresCast: boolean): string;
-        onWhere(filters: Array<string>): string;
-        onEachSearch(e: Object): void;
-        onSearch(e: Object): string;
-        onEachSort(e: Object): string;
-        onSortBy(e: Object): string;
-        onGroup(e: Object): string;
-        onSelect(e: Object): string;
-		onAggregates(e: Object): string;
-        onCount(e: Object): string;
+        onWhere(filters: string[]): string;
+        onEachSearch(e: any): void;
+        onSearch(e: any): string;
+        onEachSort(e: any): string;
+        onSortBy(e: any): string;
+        onGroup(e: any): string;
+        onSelect(e: any): string;
+        onAggregates(e: any): string;
+        onCount(e: any): string;
         beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-        processResponse(data: Object, ds: Object, query: ej.Query, xhr:any, request: any, changes: Changes): {
-            result: Object; count: number
+        processResponse(data: any, ds: any, query: ej.Query, xhr: any, request: any, changes: Changes): {
+            result: any; count: number
         };
-        convertToQueryString(req: Object, query: ej.Query, dm: ej.DataManager): JQueryParam;
-        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: Object; }
-        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; }
-        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: Object; accept: string; }
-        batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: Object; contentType: string; }
-        generateDeleteRequest(arr: Array<any>, e: any): string;
-        generateInsertRequest(arr: Array<any>, e: any): string;
-        generateUpdateRequest(arr: Array<any>, e: any): string;
+        convertToQueryString(req: any, query: ej.Query, dm: ej.DataManager): JQueryParam;
+        insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any; };
+        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; };
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: any; accept: string; };
+        batchRequest(dm: ej.DataManager, changes: Changes, e: any): { url: string; type: string; data: any; contentType: string; };
+        generateDeleteRequest(arr: any[], e: any): string;
+        generateInsertRequest(arr: any[], e: any): string;
+        generateUpdateRequest(arr: any[], e: any): string;
     }
     interface UrlAdaptorOptions {
         requestType?: string;
@@ -316,31 +314,30 @@ declare module ej {
         changeSetContent?: string;
         batchChangeSetContentType?: string;
     }
-	
-	class WebApiAdaptor extends ej.ODataAdaptor {
+
+    class WebApiAdaptor extends ej.ODataAdaptor {
         constructor();
-        insert(dm: ej.DataManager, data: Object, tableName?: string): { url: string; type: string; data: Object; }
-        remove(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: Object; }
-        update(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: Object; accept: string; }
-        processResponse(data: Object, ds: Object, query: ej.Query, xhr: any, request: any, changes: Changes): {
-            result: Object; count: number
+        insert(dm: ej.DataManager, data: any, tableName?: string): { url: string; type: string; data: any; };
+        remove(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: any; };
+        update(dm: ej.DataManager, value: any, keyField?: string, tableName?: string): { url: string; type: string; data: any; accept: string; };
+        processResponse(data: any, ds: any, query: ej.Query, xhr: any, request: any, changes: Changes): {
+            result: any; count: number
         };
     }
-	
+
     class ODataV4Adaptor extends ej.ODataAdaptor {
         constructor();
         options: ODataAdaptorOptions;
-        onCount(e: Object): string;
-        onEachSearch(e: Object): void;
-        onSearch(e: Object): string; 
+        onCount(e: any): string;
+        onEachSearch(e: any): void;
+        onSearch(e: any): string;
         beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-		processQuery(ds: Object, query: ej.Query):{
-            type: string; url: string; ejPvtData: Object; contentType?: string; data?: Object;
+        processQuery(ds: any, query: ej.Query): {
+            type: string; url: string; ejPvtData: any; contentType?: string; data?: any;
         };
-        processResponse(data: Object, ds: Object, query: ej.Query, xhr:any, request: any, changes: Changes): {
-            result: Object; count: number
+        processResponse(data: any, ds: any, query: ej.Query, xhr: any, request: any, changes: Changes): {
+            result: any; count: number
         };
-        
     }
     interface ODataAdaptorOptions {
         requestType?: string;
@@ -365,38 +362,38 @@ declare module ej {
 
     class JsonAdaptor extends ej.Adaptor {
         constructor();
-        processQuery(ds: Object, query: ej.Query): string;
-        batchRequest(dm: ej.DataManager, changes: Changes, e:any): Changes;
-        onWhere(ds: Object, e: any): any;
-		onAggregates(ds: Object, e: any): any;
-        onSearch(ds: Object, e: any): any
-        onSortBy(ds: Object, e: any, query: ej.Query): Object;
-        onGroup(ds: Object, e: any, query: ej.Query): Object;
-        onPage(ds: Object, e: any, query: ej.Query): Object;
-        onRange(ds: Object, e: any): Object;
-        onTake(ds: Object, e: any): Object;
-        onSkip(ds: Object, e: any): Object;
-        onSelect(ds: Object, e: any): Object;
-        insert(dm: ej.DataManager, data: any, tableName? : string): Object;
-        remove(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
-        update(dm: ej.DataManager, keyField: string, value:any, tableName: string): Object;
+        processQuery(ds: any, query: ej.Query): string;
+        batchRequest(dm: ej.DataManager, changes: Changes, e: any): Changes;
+        onWhere(ds: any, e: any): any;
+        onAggregates(ds: any, e: any): any;
+        onSearch(ds: any, e: any): any;
+        onSortBy(ds: any, e: any, query: ej.Query): any;
+        onGroup(ds: any, e: any, query: ej.Query): any;
+        onPage(ds: any, e: any, query: ej.Query): any;
+        onRange(ds: any, e: any): any;
+        onTake(ds: any, e: any): any;
+        onSkip(ds: any, e: any): any;
+        onSelect(ds: any, e: any): any;
+        insert(dm: ej.DataManager, data: any, tableName?: string): any;
+        remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): any;
     }
-	class ForeignKeyAdaptor extends ej.JsonAdaptor{
-		constructor();
-        processQuery(ds: Object, query: ej.Query): any;
-        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: Object };
-        update(dm: ej.DataManager, keyField: string, value: any, tableName: string):  { url: string; type: string; data: Object };
+    class ForeignKeyAdaptor extends ej.JsonAdaptor {
+        constructor();
+        processQuery(ds: any, query: ej.Query): any;
+        insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
+        update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { url: string; type: string; data: any };
     }
-	class remoteSaveAdaptor extends ej.UrlAdaptor {
+    class remoteSaveAdaptor extends ej.UrlAdaptor {
         constructor();
         batchRequest(dm: ej.DataManager, changes: Changes, e: any): void;
         beforeSend(dm: ej.DataManager, request: any, settings?: any): void;
-        insert(dm: ej.DataManager, data: Object, tableName: string): { url: string; data: any };
+        insert(dm: ej.DataManager, data: any, tableName: string): { url: string; data: any };
         remove(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data?: any };
         update(dm: ej.DataManager, keyField: string, value: any, tableName: string): { type: string; url: string; data: any };
     }
     class TableModel {
-        constructor(name: string, jsonArray: Array<any>, dataManager: ej.DataManager, modelComputed: any);
+        constructor(name: string, jsonArray: any[], dataManager: ej.DataManager, modelComputed: any);
         on(eventName: string, handler: any): void;
         off(eventName: string, handler: any): void;
         setDataManager(dataManager: DataManager): void;
@@ -407,15 +404,15 @@ declare module ej {
         remove(key: string): void;
         isDirty(): boolean;
         getChanges(): Changes;
-        toArray(): Array<any>;
-        setDirty(dirty:any, model:any): void;
+        toArray(): any[];
+        setDirty(dirty: any, model: any): void;
         get(index: number): void;
         length(): number;
         bindTo(element: any): void;
     }
     class Model {
         constructor(json: any, table: string, name: string);
-        formElements: Array<string>;
+        formElements: string[];
         computes(value: any): void;
         on(eventName: string, handler: any): void;
         off(eventName: string, handler: any): void;
@@ -431,17 +428,17 @@ declare module ej {
         unbind(element: any): void;
     }
     interface Changes {
-        changed?: Array<any>;
-        added?: Array<any>;
-        deleted?: Array<any>;
+        changed?: any[];
+        added?: any[];
+        deleted?: any[];
     }
     class Predicate {
-	    constructor();
+        constructor();
         constructor(field: string, operator: ej.FilterOperators, value: any, ignoreCase: boolean);
-        and(field: string, operator: any, value:any, ignoreCase:boolean): ej.Predicate;
+        and(field: string, operator: any, value: any, ignoreCase: boolean): ej.Predicate;
         or(field: string, operator: any, value: any, ignoreCase: boolean): ej.Predicate;
-		or(predicate: Array<Object>): any;
-        validate(record: Object): boolean;
+        or(predicate: any[]): any;
+        validate(record: any): boolean;
         toJSON(): {
             isComplex: boolean;
             field: string;
@@ -452,17 +449,17 @@ declare module ej {
             predicates: any;
         };
     }
-    interface dataUtil { 
-        swap(array: Array<any>, x: number, y: number): void;
-        mergeSort(jsonArray: Array<any>, fieldName?: string, comparer?:any): Array<any>;
-        max(jsonArray: Array<any>, fieldName?: string, comparer?: string): Array<any>;
-        min(jsonArray: Array<any>, fieldName: string, comparer: string): Array<any>;
-        distinct(jsonArray: Array<any>, fieldName?: string, requiresCompleteRecord?:any): Array<any>;
-        sum(json:any, fieldName: string): number;
-        avg(json:any, fieldName: string): number;
-        select(jsonArray: Array<any>, fieldName: string, fields:string): Array<any>;
-        group(jsonArray: Array<any>, field: string, /* internal */ level: number): Array<any>;
-        parseTable(table: string, headerOption: ej.headerOption, headerRowIndex: number): Object;
+    interface dataUtil {
+        swap(array: any[], x: number, y: number): void;
+        mergeSort(jsonArray: any[], fieldName?: string, comparer?: any): any[];
+        max(jsonArray: any[], fieldName?: string, comparer?: string): any[];
+        min(jsonArray: any[], fieldName: string, comparer: string): any[];
+        distinct(jsonArray: any[], fieldName?: string, requiresCompleteRecord?: any): any[];
+        sum(json: any, fieldName: string): number;
+        avg(json: any, fieldName: string): number;
+        select(jsonArray: any[], fieldName: string, fields: string): any[];
+        group(jsonArray: any[], field: string, /* internal */ level: number): any[];
+        parseTable(table: string, headerOption: ej.headerOption, headerRowIndex: number): any;
     }
     interface AjaxSettings {
         type?: string;
@@ -472,445 +469,452 @@ declare module ej {
         contentType?: any;
         async?: boolean;
     }
-	enum FilterOperators {
-		contains,
-		endsWith,
-		equal,
-		greaterThan,
-		greaterThanOrEqual,
-		lessThan,
-		lessThanOrEqual,
-		notEqual,
-		startsWith
-	}
-
-	enum MatrixDefaults {
-		m11,
-		m12,
-		m21,
-		m22,
-		offsetX,
-		offsetY,
-		type
-	}
-	enum MatrixTypes {
-		Identity,
-		Scaling,
-		Translation,
-		Unknown
-	}
-
-	enum Orientation {
-		Horizontal,
-		Vertical
-	}
-
-	enum SliderType {
-		Default,
-		MinRange,
-		Range
-	}
-
-	enum eventType {
-		click,
-		mouseDown,
-		mouseLeave,
-		mouseMove,
-		mouseUp
-	}
-	enum headerOption {
-		row,
-		tHead
-	}
-		
-	enum filterType{
-		StartsWith,
-		Contains,
-		EndsWith,
-		LessThan,
-		GreaterThan,
-		LessThanOrEqual ,
-		GreaterThanOrEqual,
-		Equal,
-		NotEqual
-	}
-	enum Animation{
-		Fade,
-		None,
-		Slide
-	} 
-	enum Type{
-		Overlay,
-		Slide
-	}
-	enum SortOrder{
-		Ascending,
-		Descending
-	}
-class Draggable extends ej.Widget {
-	static fn: Draggable;
-	constructor(element: JQuery, options?: Draggable.Model);
-	constructor(element: Element, options?: Draggable.Model);
-	static Locale: any;
-	model:Draggable.Model;
-	defaults:Draggable.Model;
-
-	/** destroy in the draggable.
-	*   @returns {void}
-	*/
-	_destroy(): void;
-}
-export module Draggable{
-
-export interface Model {
-
-	/** If clone is specified.
-	*   @Default {false}
-	*/
-	clone?: boolean;
-
-	/** Sets the offset of the dragging helper relative to the mouse cursor.
-	*   @Default {{ top: -1, left: -2 }}
-	*/
-	cursorAt?: any;
-
-	/** Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
-	*   @Default {1}
-	*/
-	distance?: number;
-
-	/** The drag area is used to restrict the dragging element bounds.Specify the id of the container within which the element should be dragged.
-	*   @Default {null}
-	*/
-	dragArea?: boolean;
-
-	/** If specified, restricts drag start click to the specified element(s).
-	*   @Default {null}
-	*/
-	handle?: string;
-
-	/** Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
-	*   @Default {'default'}
-	*/
-	scope?: string;
-
-	/** This event is triggered when dragging element is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** This event is triggered when the mouse is moved during the dragging. */
-	drag? (e: DragEventArgs): void;
-
-	/** Supply a callback function to handle the drag start event as an init option. */
-	dragStart? (e: DragStartEventArgs): void;
-
-	/** This event is triggered when the mouse is moved during the dragging. */
-	dragStop? (e: DragStopEventArgs): void;
-
-	/** This event is triggered when dragged. */
-	helper? (e: HelperEventArgs): void;
-}
-
-export interface DestroyEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the autocomplete model
-	*/
-	model?: ej.Draggable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DragEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the draggable model
-	*/
-	model?: ej.Draggable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** returns the event model values
-	*/
-	event?: any;
-
-	/** returns the exact mouse down target element
-	*/
-	target?: any;
-}
-
-export interface DragStartEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+    enum FilterOperators {
+        contains,
+        endsWith,
+        equal,
+        greaterThan,
+        greaterThanOrEqual,
+        lessThan,
+        lessThanOrEqual,
+        notEqual,
+        startsWith
+    }
+
+    enum MatrixDefaults {
+        m11,
+        m12,
+        m21,
+        m22,
+        offsetX,
+        offsetY,
+        type
+    }
+    enum MatrixTypes {
+        Identity,
+        Scaling,
+        Translation,
+        Unknown
+    }
+
+    enum Orientation {
+        Horizontal,
+        Vertical
+    }
+
+    enum SliderType {
+        Default,
+        MinRange,
+        Range
+    }
+
+    enum eventType {
+        click,
+        mouseDown,
+        mouseLeave,
+        mouseMove,
+        mouseUp
+    }
+    enum headerOption {
+        row,
+        tHead
+    }
+
+    enum filterType {
+        StartsWith,
+        Contains,
+        EndsWith,
+        LessThan,
+        GreaterThan,
+        LessThanOrEqual,
+        GreaterThanOrEqual,
+        Equal,
+        NotEqual
+    }
+    enum Animation {
+        Fade,
+        None,
+        Slide
+    }
+    enum Type {
+        Overlay,
+        Slide
+    }
+    enum SortOrder {
+        Ascending,
+        Descending
+    }
+    class Draggable extends ej.Widget {
+        static fn: Draggable;
+        constructor(element: JQuery | Element, options?: Draggable.Model);
+        static Locale: any;
+        model: Draggable.Model;
+        defaults: Draggable.Model;
+
+        /** destroy in the draggable.
+         * @returns {void}
+         */
+        _destroy(): void;
+    }
+    export namespace Draggable {
+
+        export interface Model {
+
+            /** If clone is specified.
+             * @Default {false}
+             */
+            clone?: boolean;
+
+            /** Sets the offset of the dragging helper relative to the mouse cursor.
+             * @Default {{ top: -1, left: -2 }}
+             */
+            cursorAt?: any;
+
+            /** Distance in pixels after mousedown the mouse must move before dragging should start. This option can be used to prevent unwanted drags when clicking on an element.
+             * @Default {1}
+             */
+            distance?: number;
+
+            /** The drag area is used to restrict the dragging element bounds.Specify the id of the container within which the element should be dragged.
+             * @Default {null}
+             */
+            dragArea?: boolean;
+
+            /** If specified, restricts drag start click to the specified element(s).
+             * @Default {null}
+             */
+            handle?: string;
+
+            /** Used to group sets of draggable and droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the
+             * droppable.
+             * @Default {'default'}
+             */
+            scope?: string;
+
+            /** This event is triggered when dragging element is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** This event is triggered when the mouse is moved during the dragging.
+             */
+            drag?(e: DragEventArgs): void;
+
+            /** Supply a callback function to handle the drag start event as an init option.
+             */
+            dragStart?(e: DragStartEventArgs): void;
+
+            /** This event is triggered when the mouse is moved during the dragging.
+             */
+            dragStop?(e: DragStopEventArgs): void;
+
+            /** This event is triggered when dragged.
+             */
+            helper?(e: HelperEventArgs): void;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the autocomplete model
+             */
+            model?: ej.Draggable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DragEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the draggable model
+             */
+            model?: ej.Draggable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the event model values
+             */
+            event?: any;
+
+            /** returns the exact mouse down target element
+             */
+            target?: any;
+        }
+
+        export interface DragStartEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the draggable model
+             */
+            model?: ej.Draggable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the event model values
+             */
+            event?: any;
+
+            /** returns the exact mouse down target element
+             */
+            target?: any;
+        }
+
+        export interface DragStopEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the draggable model
+             */
+            model?: ej.Draggable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the draggable model
-	*/
-	model?: ej.Draggable.Model;
+            /** returns the event model values
+             */
+            event?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the exact mouse down target element
+             */
+            target?: any;
+        }
 
-	/** returns the event model values
-	*/
-	event?: any;
+        export interface HelperEventArgs {
 
-	/** returns the exact mouse down target element
-	*/
-	target?: any;
-}
+            /** returns the draggable element object
+             */
+            element?: any;
 
-export interface DragStopEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the draggable model
-	*/
-	model?: ej.Draggable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** returns the event model values
-	*/
-	event?: any;
-
-	/** returns the exact mouse down target element
-	*/
-	target?: any;
-}
-
-export interface HelperEventArgs {
-
-	/** returns the draggable element object
-	*/
-	element?: any;
-
-	/** returns the event model values
-	*/
-	sender?: any;
-}
-}
-
-class Droppable extends ej.Widget {
-	static fn: Droppable;
-	constructor(element: JQuery, options?: Droppable.Model);
-	constructor(element: Element, options?: Droppable.Model);
-	static Locale: any;
-	model:Droppable.Model;
-	defaults:Droppable.Model;
-
-	/** destroy in the Droppable.
-	*   @returns {void}
-	*/
-	_destroy(): void;
-}
-export module Droppable{
-
-export interface Model {
-
-	/** Used to accept the specified draggable items.
-	*   @Default {null}
-	*/
-	accept?: any;
-
-	/** Used to group sets of droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
-	*   @Default {'default'}
-	*/
-	scope?: string;
-
-	/** This event is triggered when the mouse up is moved during the dragging. */
-	drop? (e: DropEventArgs): void;
-
-	/** This event is triggered when the mouse is moved out. */
-	out? (e: OutEventArgs): void;
-
-	/** This event is triggered when the mouse is moved over. */
-	over? (e: OverEventArgs): void;
-}
-
-export interface DropEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the autocomplete model
-	*/
-	model?: ej.Droppable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** returns the element which accepts the droppable element.
-	*/
-	target?: any;
-}
-
-export interface OutEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the autocomplete model
-	*/
-	model?: ej.Droppable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** returns the mouse out over the element
-	*/
-	target?: any;
-}
-
-export interface OverEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the autocomplete model
-	*/
-	model?: ej.Droppable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** returns the mouse over the element
-	*/
-	target?: any;
-}
-}
-
-class Resizable extends ej.Widget {
-	static fn: Resizable;
-	constructor(element: JQuery, options?: Resizable.Model);
-	constructor(element: Element, options?: Resizable.Model);
-	static Locale: any;
-	model:Resizable.Model;
-	defaults:Resizable.Model;
-
-	/** destroy in the Resizable.
-	*   @returns {void}
-	*/
-	_destroy(): void;
-}
-export module Resizable{
-
-export interface Model {
-
-	/** Sets the offset of the resizing helper relative to the mouse cursor.
-	*   @Default {{ top: -1, left: -2 }}
-	*/
-	cursorAt?: any;
-
-	/** Distance in pixels after mousedown the mouse must move before resizing should start. This option can be used to prevent unwanted drags when clicking on an element.
-	*   @Default {1}
-	*/
-	distance?: number;
-
-	/** If specified, restricts resize start click to the specified element(s).
-	*   @Default {null}
-	*/
-	handle?: string;
-
-	/** Sets the max height for resizing
-	*   @Default {null}
-	*/
-	maxHeight?: number;
-
-	/** Sets the max width for resizing
-	*   @Default {null}
-	*/
-	maxWidth?: number;
-
-	/** Sets the min Height for resizing
-	*   @Default {10}
-	*/
-	minHeight?: number;
-
-	/** Sets the min Width for resizing
-	*   @Default {10}
-	*/
-	minWidth?: number;
-
-	/** Used to group sets of resizable items.
-	*   @Default {'default'}
-	*/
-	scope?: string;
-
-	/** This event is triggered when the widget destroys. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** This event is triggered when resized. */
-	helper? (e: HelperEventArgs): void;
-}
-
-export interface DestroyEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the autocomplete model
-	*/
-	model?: ej.Resizable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface HelperEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the autocomplete model
-	*/
-	model?: ej.Resizable.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
-
-
-		var globalize:globalize;
-		var cultures:culture;
-		function addCulture(name: string, culture ?: any): void;
-    	function preferredCulture(culture ?: string): culture;
-    	function format(value: any, format: string, culture ?: string): string;
-    	function parseInt(value: string, radix?: any, culture ?: string): number;
-    	function parseFloat(value: string, radix?: any, culture ?: string): number;
-    	function parseDate(value: string, format: string, culture ?: string): Date;
-    	function getLocalizedConstants(controlName: string, culture ?: string): any;
-
-interface globalize {  
+            /** returns the event model values
+             */
+            sender?: any;
+        }
+    }
+
+    class Droppable extends ej.Widget {
+        static fn: Droppable;
+        constructor(element: JQuery | Element, options?: Droppable.Model);
+        static Locale: any;
+        model: Droppable.Model;
+        defaults: Droppable.Model;
+
+        /** destroy in the Droppable.
+         * @returns {void}
+         */
+        _destroy(): void;
+    }
+    export namespace Droppable {
+
+        export interface Model {
+
+            /** Used to accept the specified draggable items.
+             * @Default {null}
+             */
+            accept?: any;
+
+            /** Used to group sets of droppable items, in addition to droppable's accept option. A draggable with the same scope value as a droppable will be accepted by the droppable.
+             * @Default {'default'}
+             */
+            scope?: string;
+
+            /** This event is triggered when the mouse up is moved during the dragging.
+             */
+            drop?(e: DropEventArgs): void;
+
+            /** This event is triggered when the mouse is moved out.
+             */
+            out?(e: OutEventArgs): void;
+
+            /** This event is triggered when the mouse is moved over.
+             */
+            over?(e: OverEventArgs): void;
+        }
+
+        export interface DropEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the autocomplete model
+             */
+            model?: ej.Droppable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the element which accepts the droppable element.
+             */
+            target?: any;
+        }
+
+        export interface OutEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the autocomplete model
+             */
+            model?: ej.Droppable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mouse out over the element
+             */
+            target?: any;
+        }
+
+        export interface OverEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the autocomplete model
+             */
+            model?: ej.Droppable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mouse over the element
+             */
+            target?: any;
+        }
+    }
+
+    class Resizable extends ej.Widget {
+        static fn: Resizable;
+        constructor(element: JQuery | Element, options?: Resizable.Model);
+        static Locale: any;
+        model: Resizable.Model;
+        defaults: Resizable.Model;
+
+        /** destroy in the Resizable.
+         * @returns {void}
+         */
+        _destroy(): void;
+    }
+    export namespace Resizable {
+
+        export interface Model {
+
+            /** Sets the offset of the resizing helper relative to the mouse cursor.
+             * @Default {{ top: -1, left: -2 }}
+             */
+            cursorAt?: any;
+
+            /** Distance in pixels after mousedown the mouse must move before resizing should start. This option can be used to prevent unwanted drags when clicking on an element.
+             * @Default {1}
+             */
+            distance?: number;
+
+            /** If specified, restricts resize start click to the specified element(s).
+             * @Default {null}
+             */
+            handle?: string;
+
+            /** Sets the max height for resizing
+             * @Default {null}
+             */
+            maxHeight?: number;
+
+            /** Sets the max width for resizing
+             * @Default {null}
+             */
+            maxWidth?: number;
+
+            /** Sets the min Height for resizing
+             * @Default {10}
+             */
+            minHeight?: number;
+
+            /** Sets the min Width for resizing
+             * @Default {10}
+             */
+            minWidth?: number;
+
+            /** Used to group sets of resizable items.
+             * @Default {'default'}
+             */
+            scope?: string;
+
+            /** This event is triggered when the widget destroys.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** This event is triggered when resized.
+             */
+            helper?(e: HelperEventArgs): void;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the autocomplete model
+             */
+            model?: ej.Resizable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface HelperEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the autocomplete model
+             */
+            model?: ej.Resizable.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+
+    const globalize: globalize;
+    const cultures: culture;
+    function addCulture(name: string, culture?: any): void;
+    function preferredCulture(culture?: string): culture;
+    function format(value: any, format: string, culture?: string): string;
+    function parseInt(value: string, radix?: any, culture?: string): number;
+    function parseFloat(value: string, radix?: any, culture?: string): number;
+    function parseDate(value: string, format: string, culture?: string): Date;
+    function getLocalizedConstants(controlName: string, culture?: string): any;
+
+    interface globalize {
         addCulture(name: string, culture?: any): void;
         preferredCulture(culture?: string): culture;
-        format(value: any, format: string, culture?: string): string; 
+        format(value: any, format: string, culture?: string): string;
         parseInt(value: string, radix?: any, culture?: string): number;
         parseFloat(value: string, radix?: any, culture?: string): number;
         parseDate(value: string, format: string, culture?: string): Date;
@@ -926,22 +930,22 @@ interface globalize {
         calendars?: calendarsSettings;
     }
     interface formatSettings {
-        pattern: Array<string>;
+        pattern: string[];
         decimals: number;
-        groupSizes: Array<number>;
+        groupSizes: number[];
         percent: percentSettings;
         currency: currencySettings;
     }
     interface percentSettings {
-        pattern: Array<string>;
+        pattern: string[];
         decimals: number;
-        groupSizes: Array<number>;
+        groupSizes: number[];
         symbol: string;
     }
     interface currencySettings {
-        pattern: Array<string>;
+        pattern: string[];
         decimals: number;
-        groupSizes: Array<number>;
+        groupSizes: number[];
         symbol: string;
     }
     interface calendarsSettings {
@@ -951,19 +955,19 @@ interface globalize {
         firstDay: number;
         days: daySettings;
         months: monthSettings;
-        AM: Array<string>;
-        PM: Array<string>;
+        AM: string[];
+        PM: string[];
         twoDigitYearMax: number;
         patterns: patternSettings;
     }
     interface daySettings {
-        names: Array<string>;
-        namesAbbr: Array<string>;
-        namesShort: Array<string>;
+        names: string[];
+        namesAbbr: string[];
+        namesShort: string[];
     }
     interface monthSettings {
-        names: Array<string>;
-        namesAbbr: Array<string>;
+        names: string[];
+        namesAbbr: string[];
     }
     interface patternSettings {
         d: string;
@@ -975,67718 +979,68260 @@ interface globalize {
         M: string;
         Y: string;
         S: string;
-    } 
-class Scroller extends ej.Widget {
-	static fn: Scroller;
-	constructor(element: JQuery, options?: Scroller.Model);
-	constructor(element: Element, options?: Scroller.Model);
-	static Locale: any;
-	model:Scroller.Model;
-	defaults:Scroller.Model;
-
-	/** destroy the Scroller control, unbind the all ej control related events automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** User disables the Scroller control at any time.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** User enables the Scroller control at any time.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns true if horizontal scrollbar is shown, else return false.
-	*   @returns {boolean}
-	*/
-	isHScroll(): boolean;
-
-	/** Returns true if vertical scrollbar is shown, else return false.
-	*   @returns {boolean}
-	*/
-	isVScroll(): boolean;
-
-	/** User refreshes the Scroller control at any time.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Horizontal scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-	*   @param {number|string} Horizontal scroller moves to the specified pixel.
-	*   @param {boolean} Specifies to enable/disable the animation.
-	*   @param {number} Specifies the animation speed when scrolling, if animation is enabled.
-	*   @returns {void}
-	*/
-	scrollX(pixel: number|string, disableAnimation: boolean, animationSpeed: number): void;
-
-	/** Vertical scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
-	*   @param {number|string} Vertical scroller moves to the specified pixel.
-	*   @param {boolean} Specifies to enable/disable the animation.
-	*   @param {number} Specifies the animation speed when scrolling, if animation is enabled.
-	*   @returns {void}
-	*/
-	scrollY(pixel: number|string, disableAnimation: boolean, animationSpeed: number): void;
-}
-export module Scroller{
-
-export interface Model {
-
-	/** Specifies the swipe scrolling speed(in millisecond).
-	*   @Default {600}
-	*/
-	animationSpeed?: number;
-
-	/** Set true to hides the scrollbar, when mouseout the content area.
-	*   @Default {false}
-	*/
-	autoHide?: boolean;
-
-	/** Specifies the height and width of button in the scrollbar.
-	*   @Default {18}
-	*/
-	buttonSize?: number;
-
-	/** Specifies to enable or disable the scroller
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Indicates the Right to Left direction to scroller
-	*   @Default {undefined}
-	*/
-	enableRTL?: boolean;
-
-	/** Enables or Disable the touch Scroll
-	*   @Default {true}
-	*/
-	enableTouchScroll?: boolean;
-
-	/** Specifies the height of Scroll panel and scrollbars.
-	*   @Default {250}
-	*/
-	height?: number|string;
-
-	/** If the scrollbar has vertical it set as width, else it will set as height of the handler.
-	*   @Default {18}
-	*/
-	scrollerSize?: number;
-
-	/** The Scroller content and scrollbars move left with given value.
-	*   @Default {0}
-	*/
-	scrollLeft?: number;
-
-	/** While press on the arrow key the scrollbar position added to the given pixel value.
-	*   @Default {57}
-	*/
-	scrollOneStepBy?: number;
-
-	/** The Scroller content and scrollbars move to top position with specified value.
-	*   @Default {0}
-	*/
-	scrollTop?: number;
-
-	/** Indicates the target area to which scroller have to appear.
-	*   @Default {null}
-	*/
-	targetPane?: string;
-
-	/** Specifies the width of Scroll panel and scrollbars.
-	*   @Default {0}
-	*/
-	width?: number|string;
-
-	/** Fires when Scroller control is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when Scroller control is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when a thumb point is moved along the touch surface. */
-	thumbMove? (e: ThumbMoveEventArgs): void;
-
-	/** Fires when a thumb point is placed on the touch surface. */
-	thumbStart? (e: ThumbStartEventArgs): void;
-
-	/** Fires when a thumb point is removed from the touch surface. */
-	thumbEnd? (e: ThumbEndEventArgs): void;
-
-	/** It fires whenever the mouse wheel is rotated either in upwards or downwards. */
-	wheelMove? (e: WheelMoveEventArgs): void;
-
-	/** It will fire when mouse trackball has been start to wheel. */
-	wheelStart? (e: WheelStartEventArgs): void;
-
-	/** It will fire when mouse trackball has been stop to wheel. */
-	wheelStop? (e: WheelStopEventArgs): void;
-}
+    }
+    class Scroller extends ej.Widget {
+        static fn: Scroller;
+        constructor(element: JQuery | Element, options?: Scroller.Model);
+        static Locale: any;
+        model: Scroller.Model;
+        defaults: Scroller.Model;
+
+        /** destroy the Scroller control, unbind the all ej control related events automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** User disables the Scroller control at any time.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** User enables the Scroller control at any time.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Returns true if horizontal scrollbar is shown, else return false.
+         * @returns {boolean}
+         */
+        isHScroll(): boolean;
+
+        /** Returns true if vertical scrollbar is shown, else return false.
+         * @returns {boolean}
+         */
+        isVScroll(): boolean;
+
+        /** User refreshes the Scroller control at any time.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Horizontal scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+         * @param {number|string} Horizontal scroller moves to the specified pixel.
+         * @param {boolean} Specifies to enable/disable the animation.
+         * @param {number} Specifies the animation speed when scrolling, if animation is enabled.
+         * @returns {void}
+         */
+        scrollX(pixel: number|string, disableAnimation: boolean, animationSpeed: number): void;
+
+        /** Vertical scroller moves to given pixel from its origin position. We can also specify the animation speed,in which the scroller has to move while re-positioning it.
+         * @param {number|string} Vertical scroller moves to the specified pixel.
+         * @param {boolean} Specifies to enable/disable the animation.
+         * @param {number} Specifies the animation speed when scrolling, if animation is enabled.
+         * @returns {void}
+         */
+        scrollY(pixel: number|string, disableAnimation: boolean, animationSpeed: number): void;
+    }
+    export namespace Scroller {
+
+        export interface Model {
+
+            /** Specifies the swipe scrolling speed(in millisecond).
+             * @Default {600}
+             */
+            animationSpeed?: number;
+
+            /** Set true to hides the scrollbar, when mouseout the content area.
+             * @Default {false}
+             */
+            autoHide?: boolean;
+
+            /** Specifies the height and width of button in the scrollbar.
+             * @Default {18}
+             */
+            buttonSize?: number;
+
+            /** Specifies to enable or disable the scroller
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Indicates the Right to Left direction to scroller
+             * @Default {undefined}
+             */
+            enableRTL?: boolean;
+
+            /** Enables or Disable the touch Scroll
+             * @Default {true}
+             */
+            enableTouchScroll?: boolean;
+
+            /** Specifies the height of Scroll panel and scrollbars.
+             * @Default {250}
+             */
+            height?: number|string;
+
+            /** If the scrollbar has vertical it set as width, else it will set as height of the handler.
+             * @Default {18}
+             */
+            scrollerSize?: number;
+
+            /** The Scroller content and scrollbars move left with given value.
+             * @Default {0}
+             */
+            scrollLeft?: number;
+
+            /** While press on the arrow key the scrollbar position added to the given pixel value.
+             * @Default {57}
+             */
+            scrollOneStepBy?: number;
+
+            /** The Scroller content and scrollbars move to top position with specified value.
+             * @Default {0}
+             */
+            scrollTop?: number;
+
+            /** Indicates the target area to which scroller have to appear.
+             * @Default {null}
+             */
+            targetPane?: string;
+
+            /** Specifies the width of Scroll panel and scrollbars.
+             * @Default {0}
+             */
+            width?: number|string;
+
+            /** Fires when Scroller control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when Scroller control is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when a thumb point is moved along the touch surface.
+             */
+            thumbMove?(e: ThumbMoveEventArgs): void;
+
+            /** Fires when a thumb point is placed on the touch surface.
+             */
+            thumbStart?(e: ThumbStartEventArgs): void;
+
+            /** Fires when a thumb point is removed from the touch surface.
+             */
+            thumbEnd?(e: ThumbEndEventArgs): void;
+
+            /** It fires whenever the mouse wheel is rotated either in upwards or downwards.
+             */
+            wheelMove?(e: WheelMoveEventArgs): void;
+
+            /** It will fire when mouse trackball has been start to wheel.
+             */
+            wheelStart?(e: WheelStartEventArgs): void;
+
+            /** It will fire when mouse trackball has been stop to wheel.
+             */
+            wheelStop?(e: WheelStopEventArgs): void;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
 
-export interface CreateEventArgs {
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+        export interface ThumbMoveEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface DestroyEventArgs {
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** returns the original event name and its event properties of the current event.
+             */
+            originalEvent?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current data related to the event.
+             */
+            scrollData?: any;
 
-export interface ThumbMoveEventArgs {
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ThumbStartEventArgs {
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
 
-	/** returns the current data related to the event.
-	*/
-	scrollData?: any;
+            /** returns the original event name and its event properties of the current event.
+             */
+            originalEvent?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current data related to the event.
+             */
+            scrollData?: any;
 
-export interface ThumbStartEventArgs {
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface ThumbEndEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
+
+            /** returns the original event name and its event properties of the current event.
+             */
+            originalEvent?: any;
+
+            /** returns the current data related to the event.
+             */
+            scrollData?: any;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface WheelMoveEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
+
+            /** returns the original event name and its event properties of the current event.
+             */
+            originalEvent?: any;
+        }
+
+        export interface WheelStartEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
+
+            /** returns the original event name and its event properties of the current event.
+             */
+            originalEvent?: any;
+
+            /** returns the current data related to the event.
+             */
+            scrollData?: any;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface WheelStopEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the scroller model
+             */
+            model?: ej.Scroller.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the original event name and its event properties of the current event.
+             */
+            originalEvent?: any;
+        }
+    }
+
+    class Accordion extends ej.Widget {
+        static fn: Accordion;
+        constructor(element: JQuery | Element, options?: Accordion.Model);
+        static Locale: any;
+        model: Accordion.Model;
+        defaults: Accordion.Model;
+
+        /** AddItem method is used to add the panel in dynamically. It receives the following parameters
+         * @param {string} specify the name of the header
+         * @param {string} content of the new panel
+         * @param {number} insertion place of the new panel
+         * @param {boolean} Enable or disable the AJAX request to the added panel
+         * @returns {void}
+         */
+        addItem(header_name: string, content: string, index: number, isAjaxReq: boolean): void;
+
+        /** This method used to collapse the all the expanded items in accordion at a time.
+         * @returns {void}
+         */
+        collapseAll(): void;
+
+        /** This method used to Collapses the specified items in accordion at a time.
+         * @returns {void}
+         */
+        collapsePanel(): void;
+
+        /** destroy the Accordion widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Disables the accordion widget includes all the headers and content panels.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Disable the accordion widget item based on specified header index.
+         * @param {any[]} index values to disable the panels
+         * @returns {void}
+         */
+        disableItems(index: any[]): void;
+
+        /** Enable the accordion widget includes all the headers and content panels.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Enable the accordion widget item based on specified header index.
+         * @param {any[]} index values to enable the panels
+         * @returns {void}
+         */
+        enableItems(index: any[]): void;
+
+        /** To expand all the accordion widget items.
+         * @returns {void}
+         */
+        expandAll(): void;
+
+        /** This method used to Expand the specified items in accordion at a time.
+         * @returns {void}
+         */
+        expandPanel(): void;
+
+        /** Returns the total number of panels in the control.
+         * @returns {number}
+         */
+        getItemsCount(): number;
+
+        /** Hides the visible Accordion control.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** The refresh method is used to adjust the control size based on the parent element dimension.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** RemoveItem method is used to remove the specified index panel.It receives the parameter as number.
+         * @param {number} specify the index value for remove the accordion panel.
+         * @returns {void}
+         */
+        removeItem(index: number): void;
+
+        /** Shows the hidden Accordion control.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace Accordion {
+
+        export interface Model {
+
+            /** Specifies the ajaxSettings option to load the content to the accordion control.
+             * @Default {null}
+             */
+            ajaxSettings?: AjaxSettings;
+
+            /** Accordion headers can be expanded and collapsed on keyboard action.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** To set the Accordion headers Collapse Speed.
+             * @Default {300}
+             */
+            collapseSpeed?: number;
+
+            /** Specifies the collapsible state of accordion control.
+             * @Default {false}
+             */
+            collapsible?: boolean;
+
+            /** Sets the root CSS class for Accordion theme, which is used customize.
+             */
+            cssClass?: string;
+
+            /** Allows you to set the custom header Icon. It accepts two key values “header”, ”selectedHeader”.
+             * @Default {{ header: e-collapse, selectedHeader: e-expand }}
+             */
+            customIcon?: CustomIcon;
+
+            /** Disables the specified indexed items in accordion.
+             * @Default {[]}
+             */
+            disabledItems?: number[];
+
+            /** Specifies the animation behavior in accordion.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** With this enabled property, you can enable or disable the Accordion.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Used to enable the disabled items in accordion.
+             * @Default {[]}
+             */
+            enabledItems?: number[];
+
+            /** Multiple content panels to activate at a time.
+             * @Default {false}
+             */
+            enableMultipleOpen?: boolean;
+
+            /** Save current model value to browser cookies for maintaining states. When refreshing the accordion control page, the model value is applied from browser cookies or HTML 5local
+             * storage.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Display headers and panel text from right-to-left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** The events API binds the action for activating the accordion header. Users can activate the header by using mouse actions such as mouse-over, mouse-up, mouse-down, and soon.
+             * @Default {click}
+             */
+            events?: string;
+
+            /** To set the Accordion headers Expand Speed.
+             * @Default {300}
+             */
+            expandSpeed?: number;
+
+            /** Sets the height for Accordion items header.
+             */
+            headerSize?: number|string;
+
+            /** Specifies height of the accordion.
+             * @Default {null}
+             */
+            height?: number|string;
+
+            /** Adjusts the content panel height based on the given option (content, auto, or fill). By default, the panel heights are adjusted based on the content.
+             * @Default {content}
+             */
+            heightAdjustMode?: ej.Accordion.HeightAdjustMode|string;
+
+            /** It allows to define the characteristics of the Accordion control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** The given index header will activate (open). If collapsible is set to true, and a negative value is given, then all headers are collapsed. Otherwise, the first panel isactivated.
+             * @Default {0}
+             */
+            selectedItemIndex?: number;
+
+            /** Activate the specified indexed items of the accordion
+             * @Default {[0]}
+             */
+            selectedItems?: number[];
+
+            /** Used to determines the close button visibility an each accordion items. This close button helps to remove the accordion item from the control.
+             * @Default {false}
+             */
+            showCloseButton?: boolean;
+
+            /** Displays rounded corner borders on the Accordion control's panels and headers.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies width of the accordion.
+             * @Default {null}
+             */
+            width?: number|string;
+
+            /** Triggered after a Accordion item is active . Argument values are activeIndex, activeHeader, isInteraction and current model values.
+             */
+            activate?(e: ActivateEventArgs): void;
+
+            /** Triggered before the AJAX content is loaded in a content panel. Arguments have location of the content (URL) and current model value.
+             */
+            ajaxBeforeLoad?(e: AjaxBeforeLoadEventArgs): void;
+
+            /** Triggered after AJAX load failed action. Arguments have URL, error message, and current model value.
+             */
+            ajaxError?(e: AjaxErrorEventArgs): void;
+
+            /** Triggered after the AJAX content loads. Arguments have current model values.
+             */
+            ajaxLoad?(e: AjaxLoadEventArgs): void;
+
+            /** Triggered after AJAX success action. Arguments have URL, content, and current model values.
+             */
+            ajaxSuccess?(e: AjaxSuccessEventArgs): void;
+
+            /** Triggered before a tab item is active. Arguments have active index and model values.
+             */
+            beforeActivate?(e: BeforeActivateEventArgs): void;
+
+            /** Triggered before a Accordion item is inactive. Argument values are  inActiveIndex and  model values.
+             */
+            beforeInactivate?(e: BeforeInactivateEventArgs): void;
+
+            /** Triggered after Accordion control creation.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggered after Accordion control destroy.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggered after a Accordion item is inactive. Argument values are  inActiveHeader, inActiveIndex ,isInteraction and current model values.
+             */
+            inActivate?(e: InActivateEventArgs): void;
+        }
+
+        export interface ActivateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns active index
+             */
+            activeIndex?: number;
 
-	/** returns the original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
+            /** returns current active header
+             */
+            activeHeader?: any;
 
-	/** returns the current data related to the event.
-	*/
-	scrollData?: any;
+            /** returns true when the Accordion index activated by user interaction otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface AjaxBeforeLoadEventArgs {
 
-export interface ThumbEndEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
+            /** returns current AJAX content location
+             */
+            URL?: string;
+        }
 
-	/** returns the current data related to the event.
-	*/
-	scrollData?: any;
+        export interface AjaxErrorEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface WheelMoveEventArgs {
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** returns current AJAX content location
+             */
+            URL?: string;
 
-	/** returns the original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
-}
+            /** returns the failed data sent.
+             */
+            data?: string;
+        }
 
-export interface WheelStartEventArgs {
+        export interface AjaxLoadEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the current data related to the event.
-	*/
-	scrollData?: any;
+            /** returns the name of the URL
+             */
+            URL?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface AjaxSuccessEventArgs {
 
-export interface WheelStopEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the scroller model
-	*/
-	model?: ej.Scroller.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns current AJAX content location
+             */
+            URL?: string;
 
-	/** returns the original event name and its event properties of the current event.
-	*/
-	originalEvent?: any;
-}
-}
+            /** returns the successful data sent.
+             */
+            data?: string;
 
-class Accordion extends ej.Widget {
-	static fn: Accordion;
-	constructor(element: JQuery, options?: Accordion.Model);
-	constructor(element: Element, options?: Accordion.Model);
-	static Locale: any;
-	model:Accordion.Model;
-	defaults:Accordion.Model;
-
-	/** AddItem method is used to add the panel in dynamically. It receives the following parameters
-	*   @param {string} specify the name of the header
-	*   @param {string} content of the new panel
-	*   @param {number} insertion place of the new panel
-	*   @param {boolean} Enable or disable the AJAX request to the added panel
-	*   @returns {void}
-	*/
-	addItem(header_name: string, content: string, index: number, isAjaxReq: boolean): void;
-
-	/** This method used to collapse the all the expanded items in accordion at a time.
-	*   @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** This method used to Collapses the specified items in accordion at a time.
-	*   @returns {void}
-	*/
-	collapsePanel(): void;
-
-	/** destroy the Accordion widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the accordion widget includes all the headers and content panels.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Disable the accordion widget item based on specified header index.
-	*   @param {Array<any>} index values to disable the panels
-	*   @returns {void}
-	*/
-	disableItems(index: Array<any>): void;
-
-	/** Enable the accordion widget includes all the headers and content panels.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Enable the accordion widget item based on specified header index.
-	*   @param {Array<any>} index values to enable the panels
-	*   @returns {void}
-	*/
-	enableItems(index: Array<any>): void;
-
-	/** To expand all the accordion widget items.
-	*   @returns {void}
-	*/
-	expandAll(): void;
-
-	/** This method used to Expand the specified items in accordion at a time.
-	*   @returns {void}
-	*/
-	expandPanel(): void;
-
-	/** Returns the total number of panels in the control.
-	*   @returns {number}
-	*/
-	getItemsCount(): number;
-
-	/** Hides the visible Accordion control.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** The refresh method is used to adjust the control size based on the parent element dimension.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** RemoveItem method is used to remove the specified index panel.It receives the parameter as number.
-	*   @param {number} specify the index value for remove the accordion panel.
-	*   @returns {void}
-	*/
-	removeItem(index: number): void;
-
-	/** Shows the hidden Accordion control.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module Accordion{
-
-export interface Model {
-
-	/** Specifies the ajaxSettings option to load the content to the accordion control.
-	*   @Default {null}
-	*/
-	ajaxSettings?: AjaxSettings;
-
-	/** Accordion headers can be expanded and collapsed on keyboard action.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** To set the Accordion headers Collapse Speed.
-	*   @Default {300}
-	*/
-	collapseSpeed?: number;
-
-	/** Specifies the collapsible state of accordion control.
-	*   @Default {false}
-	*/
-	collapsible?: boolean;
-
-	/** Sets the root CSS class for Accordion theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/** Allows you to set the custom header Icon. It accepts two key values “header”, ”selectedHeader”.
-	*   @Default {{ header: e-collapse, selectedHeader: e-expand }}
-	*/
-	customIcon?: CustomIcon;
-
-	/** Disables the specified indexed items in accordion.
-	*   @Default {[]}
-	*/
-	disabledItems?: number[];
-
-	/** Specifies the animation behavior in accordion.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** With this enabled property, you can enable or disable the Accordion.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Used to enable the disabled items in accordion.
-	*   @Default {[]}
-	*/
-	enabledItems?: number[];
-
-	/** Multiple content panels to activate at a time.
-	*   @Default {false}
-	*/
-	enableMultipleOpen?: boolean;
-
-	/** Save current model value to browser cookies for maintaining states. When refreshing the accordion control page, the model value is applied from browser cookies or HTML 5local storage.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Display headers and panel text from right-to-left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** The events API binds the action for activating the accordion header. Users can activate the header by using mouse actions such as mouse-over, mouse-up, mouse-down, and soon.
-	*   @Default {click}
-	*/
-	events?: string;
-
-	/** To set the Accordion headers Expand Speed.
-	*   @Default {300}
-	*/
-	expandSpeed?: number;
-
-	/** Sets the height for Accordion items header.
-	*/
-	headerSize?: number|string;
-
-	/** Specifies height of the accordion.
-	*   @Default {null}
-	*/
-	height?: number|string;
-
-	/** Adjusts the content panel height based on the given option (content, auto, or fill). By default, the panel heights are adjusted based on the content.
-	*   @Default {content}
-	*/
-	heightAdjustMode?: ej.Accordion.HeightAdjustMode|string;
-
-	/** It allows to define the characteristics of the Accordion control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** The given index header will activate (open). If collapsible is set to true, and a negative value is given, then all headers are collapsed. Otherwise, the first panel isactivated.
-	*   @Default {0}
-	*/
-	selectedItemIndex?: number;
-
-	/** Activate the specified indexed items of the accordion
-	*   @Default {[0]}
-	*/
-	selectedItems?: number[];
-
-	/** Used to determines the close button visibility an each accordion items. This close button helps to remove the accordion item from the control.
-	*   @Default {false}
-	*/
-	showCloseButton?: boolean;
-
-	/** Displays rounded corner borders on the Accordion control's panels and headers.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies width of the accordion.
-	*   @Default {null}
-	*/
-	width?: number|string;
-
-	/** Triggered after a Accordion item is active . Argument values are activeIndex, activeHeader, isInteraction and current model values. */
-	activate? (e: ActivateEventArgs): void;
-
-	/** Triggered before the AJAX content is loaded in a content panel. Arguments have location of the content (URL) and current model value. */
-	ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
-
-	/** Triggered after AJAX load failed action. Arguments have URL, error message, and current model value. */
-	ajaxError? (e: AjaxErrorEventArgs): void;
-
-	/** Triggered after the AJAX content loads. Arguments have current model values. */
-	ajaxLoad? (e: AjaxLoadEventArgs): void;
-
-	/** Triggered after AJAX success action. Arguments have URL, content, and current model values. */
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
-
-	/** Triggered before a tab item is active. Arguments have active index and model values. */
-	beforeActivate? (e: BeforeActivateEventArgs): void;
-
-	/** Triggered before a Accordion item is inactive. Argument values are  inActiveIndex and  model values. */
-	beforeInactivate? (e: BeforeInactivateEventArgs): void;
-
-	/** Triggered after Accordion control creation. */
-	create? (e: CreateEventArgs): void;
-
-	/** Triggered after Accordion control destroy. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Triggered after a Accordion item is inactive. Argument values are  inActiveHeader, inActiveIndex ,isInteraction and current model values. */
-	inActivate? (e: InActivateEventArgs): void;
-}
+            /** returns the AJAX content.
+             */
+            content?: string;
+        }
 
-export interface ActivateEventArgs {
+        export interface BeforeActivateEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns active index
-	*/
-	activeIndex?: number;
+            /** returns active index
+             */
+            activeIndex?: number;
 
-	/** returns current active header
-	*/
-	activeHeader?: any;
+            /** returns true when the Accordion index activated by user interaction otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+        export interface BeforeInactivateEventArgs {
 
-export interface AjaxBeforeLoadEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns active index
+             */
+            inActiveIndex?: number;
 
-	/** returns current AJAX content location
-	*/
-	URL?: string;
-}
+            /** returns true when the Accordion index activated by user interaction otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
 
-export interface AjaxErrorEventArgs {
+        export interface CreateEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns current AJAX content location
-	*/
-	URL?: string;
+        export interface DestroyEventArgs {
 
-	/** returns the failed data sent.
-	*/
-	data?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface AjaxLoadEventArgs {
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+        export interface InActivateEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the URL
-	*/
-	URL?: string;
-}
+            /** returns the accordion model
+             */
+            model?: ej.Accordion.Model;
 
-export interface AjaxSuccessEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns active index
+             */
+            inActiveIndex?: number;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** returns in active element
+             */
+            inActiveHeader?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns true when the Accordion index activated by user interaction otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns current AJAX content location
-	*/
-	URL?: string;
+        export interface AjaxSettings {
 
-	/** returns the successful data sent.
-	*/
-	data?: string;
+            /** It specifies, whether to enable or disable asynchronous request.
+             */
+            async?: boolean;
 
-	/** returns the AJAX content.
-	*/
-	content?: string;
-}
+            /** It specifies the page will be cached in the web browser.
+             */
+            cache?: boolean;
 
-export interface BeforeActivateEventArgs {
+            /** It specifies the type of data is send in the query string.
+             */
+            contentType?: string;
+
+            /** It specifies the data as an object, will be passed in the query string.
+             */
+            data?: any;
+
+            /** It specifies the type of data that you're expecting back from the response.
+             */
+            dataType?: string;
+
+            /** It specifies the HTTP request type.
+             */
+            type?: string;
+        }
+
+        export interface CustomIcon {
+
+            /** This class name set to collapsing header.
+             */
+            header?: string;
+
+            /** This class name set to expanded (active) header.
+             */
+            selectedHeader?: string;
+        }
+
+        enum HeightAdjustMode {
+
+            ///Height fit to the content in the panel
+            Content,
+
+            ///Height set to the largest content in the panel
+            Auto,
+
+            ///Height filled to the content of the panel
+            Fill
+        }
+
+    }
+
+    class Autocomplete extends ej.Widget {
+        static fn: Autocomplete;
+        constructor(element: JQuery | Element, options?: Autocomplete.Model);
+        static Locale: any;
+        model: Autocomplete.Model;
+        defaults: Autocomplete.Model;
+
+        /** Clears the text in the Autocomplete textbox.
+         * @returns {void}
+         */
+        clearText(): void;
+
+        /** Destroys the Autocomplete widget.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Disables the autocomplete widget.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enables the autocomplete widget.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Returns objects (data object) of all the selected items in the autocomplete textbox.
+         * @returns {any}
+         */
+        getSelectedItems(): any;
+
+        /** Returns the current selected value from the Autocomplete textbox.
+         * @returns {string}
+         */
+        getValue(): string;
+
+        /** Returns the current active text value in the Autocomplete suggestion list.
+         * @returns {string}
+         */
+        getActiveText(): string;
+
+        /** Search the entered text and show it in the suggestion list if available.
+         * @returns {void}
+         */
+        search(): void;
+
+        /** Open up the autocomplete suggestion popup with all list items.
+         * @returns {void}
+         */
+        open(): void;
+
+        /** Sets the value of the Autocomplete textbox based on the given key value.
+         * @param {string} The key value of the specific suggestion item.
+         * @returns {void}
+         */
+        selectValueByKey(Key: string): void;
+
+        /** Sets the value of the Autocomplete textbox based on the given input text value.
+         * @param {string} The text (label) value of the specific suggestion item.
+         * @returns {void}
+         */
+        selectValueByText(Text: string): void;
+    }
+    export namespace Autocomplete {
+
+        export interface Model {
+
+            /** Customize &quot;Add New&quot; text (label) to be added in the autocomplete popup list for the entered text when there are no suggestions for it.
+             * @Default {Add New}
+             */
+            addNewText?: string;
+
+            /** Allows new values to be added to the autocomplete input other than the values in the suggestion list. Normally, when there are no suggestions it will display “No suggestions”
+             * label in the popup.
+             * @Default {false}
+             */
+            allowAddNew?: boolean;
+
+            /** Enables or disables the sorting of suggestion list item. The default sort order is ascending order. You customize sort order.
+             * @Default {true}
+             */
+            allowSorting?: boolean;
+
+            /** Enables or disables selecting the animation style for the popup list. Animation types can be selected through either of the following options,
+             * @Default {slide}
+             */
+            animateType?: ej.Autocomplete.Animation|string;
+
+            /** To focus the items in the suggestion list when the popup is shown. By default first item will be focused.
+             * @Default {false}
+             */
+            autoFocus?: boolean;
+
+            /** Enables or disables the case sensitive search.
+             * @Default {false}
+             */
+            caseSensitiveSearch?: boolean;
+
+            /** The root class for the Autocomplete textbox widget which helps in customizing its theme.
+             * @Default {””}
+             */
+            cssClass?: string;
+
+            /** The data source contains the list of data for the suggestions list. It can be a string array or JSON array or service URL that returns JSON.
+             * @Default {null}
+             */
+            dataSource?: any|any[];
+
+            /** The time delay (in milliseconds) after which the suggestion popup will be shown.
+             * @Default {200}
+             */
+            delaySuggestionTimeout?: number;
+
+            /** The special character which acts as a separator for the given words for multi-mode search i.e. the text after the delimiter are considered as a separate word or query for search
+             * operation.
+             * @Default {’,’}
+             */
+            delimiterChar?: string;
+
+            /** The text to be displayed in the popup when there are no suggestions available for the entered text.
+             * @Default {“No suggestions”}
+             */
+            emptyResultText?: string;
+
+            /** Fills the autocomplete textbox with the first matched item from the suggestion list automatically based on the entered text when enabled.
+             * @Default {false}
+             */
+            enableAutoFill?: boolean;
+
+            /** Enables or disables the Autocomplete textbox widget.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Enables or disables displaying the duplicate names present in the search result.
+             * @Default {false}
+             */
+            enableDistinct?: boolean;
+
+            /** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true. While refreshing the page, it retains the model value
+             * from browser cookies or local storage.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Displays the Autocomplete widget’s content from right to left when enabled.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Mapping fields for the suggestion items of the Autocomplete textbox widget.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’,
+             * ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
+             * @Default {ej.filterType.StartsWith}
+             */
+            filterType?: string;
+
+            /** The height of the Autocomplete textbox.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** The search text can be highlighted in the AutoComplete suggestion list when enabled.
+             * @Default {false}
+             */
+            highlightSearch?: boolean;
+
+            /** Number of items to be displayed in the suggestion list.
+             * @Default {0}
+             */
+            itemsCount?: number;
+
+            /** Set the localization culture for Autocomplete Widget.
+             */
+            locale?: string;
+
+            /** Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
+             * @Default {1}
+             */
+            minCharacter?: number;
+
+            /** An Autocomplete column collection can be defined and customized through the multiColumnSettings property.Column's header, field, and stringFormat can be define via
+             * multiColumnSettings properties.
+             */
+            multiColumnSettings?: MultiColumnSettings;
+
+            /** Enables or disables selecting multiple values from the suggestion list. Multiple values can be selected through either of the following options,
+             * @Default {ej.MultiSelectMode.None}
+             */
+            multiSelectMode?: ej.Autocomplete.MultiSelectMode|string;
+
+            /** The height of the suggestion list.
+             * @Default {“152px”}
+             */
+            popupHeight?: string;
+
+            /** The width of the suggestion list.
+             * @Default {“auto”}
+             */
+            popupWidth?: string;
+
+            /** The query to retrieve the data from the data source.
+             * @Default {null}
+             */
+            query?: ej.Query;
+
+            /** Indicates that the autocomplete textbox values can only be readable.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Sets the value for the Autocomplete textbox based on the given input key value.
+             */
+            selectValueByKey?: number;
+
+            /** Enables or disables showing the message when there are no suggestions for the entered text.
+             * @Default {true}
+             */
+            showEmptyResultText?: boolean;
+
+            /** Enables or disables the loading icon to intimate the searching operation. The loading icon is visible when there is a time delay to perform the search.
+             * @Default {true}
+             */
+            showLoadingIcon?: boolean;
+
+            /** Enables the showPopup button in autocomplete textbox. When the showPopup button is clicked, it displays all the available data from the data source.
+             * @Default {false}
+             */
+            showPopupButton?: boolean;
+
+            /** Enables or disables rounded corner.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Enables or disables reset icon to clear the textbox values.
+             * @Default {false}
+             */
+            showResetIcon?: boolean;
+
+            /** Sort order specifies whether the suggestion list values has to be displayed in ascending or descending order.
+             * @Default {ej.SortOrder.Ascending}
+             */
+            sortOrder?: ej.Autocomplete.SortOrder|string;
+
+            /** The template to display the suggestion list items with customized appearance.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** The jQuery validation error message to be displayed on form validation.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** The jQuery validation rules for form validation.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** The value to be displayed in the autocomplete textbox.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Enables or disables the visibility of the autocomplete textbox.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** The text to be displayed when the value of the autocomplete textbox is empty.
+             * @Default {null}
+             */
+            watermarkText?: string;
+
+            /** The width of the Autocomplete textbox.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Triggers when the AJAX requests Begins.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget.
+             */
+            actionSuccess?(e: ActionSuccessEventArgs): void;
+
+            /** Triggers when the AJAX requests complete. The request may get failed or succeed.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggers when the data requested from AJAX get failed.
+             */
+            actionFailure?(e: ActionFailureEventArgs): void;
+
+            /** Triggers when the text box value is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Triggers after the suggestion popup is closed.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Triggers when Autocomplete widget is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggers after the Autocomplete widget is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggers after the autocomplete textbox is focused.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Triggers after the Autocomplete textbox gets out of the focus.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Triggers after the suggestion list is opened.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Triggers when an item has been selected from the suggestion list.
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface ActionBeginEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Autocomplete model
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+        export interface ActionSuccessEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns number of times trying to fetch the data
+             */
+            count?: number;
 
-	/** returns active index
-	*/
-	activeIndex?: number;
+            /** returns the Autocomplete model
+             */
+            model?: any;
 
-	/** returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-export interface BeforeInactivateEventArgs {
+            /** Returns the query for data retrieval from the Database
+             */
+            request?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** Returns the number of items fetched from remote data
+             */
+            result?: any[];
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the requested data
+             */
+            xhr?: any;
+        }
 
-	/** returns active index
-	*/
-	inActiveIndex?: number;
+        export interface ActionCompleteEventArgs {
 
-	/** returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface CreateEventArgs {
+            /** Returns number of times trying to fetch the data
+             */
+            count?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the Autocomplete model
+             */
+            model?: any;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the query for data retrieval from the Database
+             */
+            request?: any;
 
-export interface DestroyEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the number of items fetched from remote data
+             */
+            result?: any[];
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** Returns the requested data
+             */
+            xhr?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface ActionFailureEventArgs {
 
-export interface InActivateEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the error message
+             */
+            error?: any;
 
-	/** returns the accordion model
-	*/
-	model?: ej.Accordion.Model;
+            /** returns the Autocomplete model
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** returns active index
-	*/
-	inActiveIndex?: number;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns in active element
-	*/
-	inActiveHeader?: any;
+        export interface ChangeEventArgs {
 
-	/** returns true when the Accordion index activated by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface AjaxSettings {
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-	/** It specifies, whether to enable or disable asynchronous request.
-	*/
-	async?: boolean;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** It specifies the page will be cached in the web browser.
-	*/
-	cache?: boolean;
+            /** Value of the autocomplete textbox.
+             */
+            value?: string;
+        }
 
-	/** It specifies the type of data is send in the query string.
-	*/
-	contentType?: string;
+        export interface CloseEventArgs {
 
-	/** It specifies the data as an object, will be passed in the query string.
-	*/
-	data?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** It specifies the type of data that you're expecting back from the response.
-	*/
-	dataType?: string;
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-	/** It specifies the HTTP request type.
-	*/
-	type?: string;
-}
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-export interface CustomIcon {
+        export interface CreateEventArgs {
 
-	/** This class name set to collapsing header.
-	*/
-	header?: string;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** This class name set to expanded (active) header.
-	*/
-	selectedHeader?: string;
-}
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-enum HeightAdjustMode{
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-	///Height fit to the content in the panel
-	Content,
+        export interface DestroyEventArgs {
 
-	///Height set to the largest content in the panel
-	Auto,
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	///Height filled to the content of the panel
-	Fill
-}
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-}
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-class Autocomplete extends ej.Widget {
-	static fn: Autocomplete;
-	constructor(element: JQuery, options?: Autocomplete.Model);
-	constructor(element: Element, options?: Autocomplete.Model);
-	static Locale: any;
-	model:Autocomplete.Model;
-	defaults:Autocomplete.Model;
-
-	/** Clears the text in the Autocomplete textbox.
-	*   @returns {void}
-	*/
-	clearText(): void;
-
-	/** Destroys the Autocomplete widget.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the autocomplete widget.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the autocomplete widget.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns objects (data object) of all the selected items in the autocomplete textbox.
-	*   @returns {any}
-	*/
-	getSelectedItems(): any;
-
-	/** Returns the current selected value from the Autocomplete textbox.
-	*   @returns {string}
-	*/
-	getValue(): string;
-
-	/** Returns the current active text value in the Autocomplete suggestion list.
-	*   @returns {string}
-	*/
-	getActiveText(): string;
-
-	/** Search the entered text and show it in the suggestion list if available.
-	*   @returns {void}
-	*/
-	search(): void;
-
-	/** Open up the autocomplete suggestion popup with all list items.
-	*   @returns {void}
-	*/
-	open(): void;
-
-	/** Sets the value of the Autocomplete textbox based on the given key value.
-	*   @param {string} The key value of the specific suggestion item.
-	*   @returns {void}
-	*/
-	selectValueByKey(Key: string): void;
-
-	/** Sets the value of the Autocomplete textbox based on the given input text value.
-	*   @param {string} The text (label) value of the specific suggestion item.
-	*   @returns {void}
-	*/
-	selectValueByText(Text: string): void;
-}
-export module Autocomplete{
-
-export interface Model {
-
-	/** Customize &quot;Add New&quot; text (label) to be added in the autocomplete popup list for the entered text when there are no suggestions for it.
-	*   @Default {Add New}
-	*/
-	addNewText?: string;
-
-	/** Allows new values to be added to the autocomplete input other than the values in the suggestion list. Normally, when there are no suggestions it will display “No suggestions” label in the popup.
-	*   @Default {false}
-	*/
-	allowAddNew?: boolean;
-
-	/** Enables or disables the sorting of suggestion list item. The default sort order is ascending order. You customize sort order.
-	*   @Default {true}
-	*/
-	allowSorting?: boolean;
-
-	/** Enables or disables selecting the animation style for the popup list. Animation types can be selected through either of the following options,
-	*   @Default {slide}
-	*/
-	animateType?: ej.Autocomplete.Animation|string;
-
-	/** To focus the items in the suggestion list when the popup is shown. By default first item will be focused.
-	*   @Default {false}
-	*/
-	autoFocus?: boolean;
-
-	/** Enables or disables the case sensitive search.
-	*   @Default {false}
-	*/
-	caseSensitiveSearch?: boolean;
-
-	/** The root class for the Autocomplete textbox widget which helps in customizing its theme.
-	*   @Default {””}
-	*/
-	cssClass?: string;
-
-	/** The data source contains the list of data for the suggestions list. It can be a string array or JSON array or service URL that returns JSON.
-	*   @Default {null}
-	*/
-	dataSource?: any|Array<any>;
-
-	/** The time delay (in milliseconds) after which the suggestion popup will be shown.
-	*   @Default {200}
-	*/
-	delaySuggestionTimeout?: number;
-
-	/** The special character which acts as a separator for the given words for multi-mode search i.e. the text after the delimiter are considered as a separate word or query for search operation.
-	*   @Default {’,’}
-	*/
-	delimiterChar?: string;
-
-	/** The text to be displayed in the popup when there are no suggestions available for the entered text.
-	*   @Default {“No suggestions”}
-	*/
-	emptyResultText?: string;
-
-	/** Fills the autocomplete textbox with the first matched item from the suggestion list automatically based on the entered text when enabled.
-	*   @Default {false}
-	*/
-	enableAutoFill?: boolean;
-
-	/** Enables or disables the Autocomplete textbox widget.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Enables or disables displaying the duplicate names present in the search result.
-	*   @Default {false}
-	*/
-	enableDistinct?: boolean;
-
-	/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true. While refreshing the page, it retains the model value from browser cookies or local storage.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Displays the Autocomplete widget’s content from right to left when enabled.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Mapping fields for the suggestion items of the Autocomplete textbox widget.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
-	*   @Default {ej.filterType.StartsWith}
-	*/
-	filterType?: string;
-
-	/** The height of the Autocomplete textbox.
-	*   @Default {null}
-	*/
-	height?: string|number;
-
-	/** The search text can be highlighted in the AutoComplete suggestion list when enabled.
-	*   @Default {false}
-	*/
-	highlightSearch?: boolean;
-
-	/** Number of items to be displayed in the suggestion list.
-	*   @Default {0}
-	*/
-	itemsCount?: number;
-
-	/** Set the localization culture for Autocomplete Widget.
-	*/
-	locale?: string;
-
-	/** Minimum number of character to be entered in the Autocomplete textbox to show the suggestion list.
-	*   @Default {1}
-	*/
-	minCharacter?: number;
-
-	/** An Autocomplete column collection can be defined and customized through the multiColumnSettings property.Column's header, field, and stringFormat can be define via multiColumnSettings properties.
-	*/
-	multiColumnSettings?: MultiColumnSettings;
-
-	/** Enables or disables selecting multiple values from the suggestion list. Multiple values can be selected through either of the following options,
-	*   @Default {ej.MultiSelectMode.None}
-	*/
-	multiSelectMode?: ej.Autocomplete.MultiSelectMode|string;
-
-	/** The height of the suggestion list.
-	*   @Default {“152px”}
-	*/
-	popupHeight?: string;
-
-	/** The width of the suggestion list.
-	*   @Default {“auto”}
-	*/
-	popupWidth?: string;
-
-	/** The query to retrieve the data from the data source.
-	*   @Default {null}
-	*/
-	query?: ej.Query;
-
-	/** Indicates that the autocomplete textbox values can only be readable.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Sets the value for the Autocomplete textbox based on the given input key value.
-	*/
-	selectValueByKey?: number;
-
-	/** Enables or disables showing the message when there are no suggestions for the entered text.
-	*   @Default {true}
-	*/
-	showEmptyResultText?: boolean;
-
-	/** Enables or disables the loading icon to intimate the searching operation. The loading icon is visible when there is a time delay to perform the search.
-	*   @Default {true}
-	*/
-	showLoadingIcon?: boolean;
-
-	/** Enables the showPopup button in autocomplete textbox. When the showPopup button is clicked, it displays all the available data from the data source.
-	*   @Default {false}
-	*/
-	showPopupButton?: boolean;
-
-	/** Enables or disables rounded corner.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Enables or disables reset icon to clear the textbox values.
-	*   @Default {false}
-	*/
-	showResetIcon?: boolean;
-
-	/** Sort order specifies whether the suggestion list values has to be displayed in ascending or descending order.
-	*   @Default {ej.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.Autocomplete.SortOrder|string;
-
-	/** The template to display the suggestion list items with customized appearance.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** The jQuery validation error message to be displayed on form validation.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** The jQuery validation rules for form validation.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** The value to be displayed in the autocomplete textbox.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Enables or disables the visibility of the autocomplete textbox.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** The text to be displayed when the value of the autocomplete textbox is empty.
-	*   @Default {null}
-	*/
-	watermarkText?: string;
-
-	/** The width of the Autocomplete textbox.
-	*   @Default {null}
-	*/
-	width?: string|number;
-
-	/** Triggers when the AJAX requests Begins. */
-	actionBegin? (e: ActionBeginEventArgs): void;
-
-	/** Triggers when the data requested from AJAX will get successfully loaded in the Autocomplete widget. */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
-
-	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
-
-	/** Triggers when the data requested from AJAX get failed. */
-	actionFailure? (e: ActionFailureEventArgs): void;
-
-	/** Triggers when the text box value is changed. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Triggers after the suggestion popup is closed. */
-	close? (e: CloseEventArgs): void;
-
-	/** Triggers when Autocomplete widget is created. */
-	create? (e: CreateEventArgs): void;
+        export interface FocusInEventArgs {
 
-	/** Triggers after the Autocomplete widget is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Triggers after the autocomplete textbox is focused. */
-	focusIn? (e: FocusInEventArgs): void;
-
-	/** Triggers after the Autocomplete textbox gets out of the focus. */
-	focusOut? (e: FocusOutEventArgs): void;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Triggers after the suggestion list is opened. */
-	open? (e: OpenEventArgs): void;
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-	/** Triggers when an item has been selected from the suggestion list. */
-	select? (e: SelectEventArgs): void;
-}
+            /** Name of the event.
+             */
+            type?: string;
 
-export interface ActionBeginEventArgs {
+            /** Value of the autocomplete textbox.
+             */
+            value?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface FocusOutEventArgs {
 
-	/** returns the Autocomplete model
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-export interface ActionSuccessEventArgs {
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Value of the autocomplete textbox.
+             */
+            value?: string;
+        }
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+        export interface OpenEventArgs {
 
-	/** returns the Autocomplete model
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface SelectEventArgs {
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+            /** Instance of the autocomplete model object.
+             */
+            model?: ej.Autocomplete.Model;
 
-export interface ActionCompleteEventArgs {
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Value of the autocomplete textbox.
+             */
+            value?: string;
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+            /** Text of the selected item.
+             */
+            text?: string;
 
-	/** returns the Autocomplete model
-	*/
-	model?: any;
+            /** Key of the selected item.
+             */
+            key?: string;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** Data object of the selected item.
+             */
+            Item?: ej.Autocomplete.Model;
+        }
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+        export interface Fields {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Used to group the suggestion list items.
+             */
+            groupBy?: string;
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+            /** Defines the HTML attributes such as id, class, styles for the item.
+             */
+            htmlAttributes?: any;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+            /** Defines the specific field name which contains unique key values for the list items.
+             */
+            key?: string;
 
-export interface ActionFailureEventArgs {
+            /** Defines the specific field name in the data source to load the suggestion list with data.
+             */
+            text?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface MultiColumnSettingsColumn {
 
-	/** Returns the error message
-	*/
-	error?: any;
+            /** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
+             */
+            field?: string;
 
-	/** returns the Autocomplete model
-	*/
-	model?: any;
+            /** Get or set a value that indicates to display the title of that particular column.
+             */
+            headerText?: string;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** Gets or sets a value that indicates to render the multicolumn with custom theme.
+             */
+            cssClass?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Specifies the search data type. There are four types of data types available such as string, ‘number’, ‘boolean’ and ‘date’.
+             * @Default {ej.Type.String}
+             */
+            type?: ej.Type|string;
 
-export interface ChangeEventArgs {
+            /** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’,
+             * ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
+             * @Default {ej.filterType.StartsWith}
+             */
+            filterType?: ej.filterType|string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** This defines the text alignment of a particular column header cell value. See headerTextAlign
+             * @Default {ej.TextAlign.Left}
+             */
+            headerTextAlign?: ej.TextAlign|string;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            /** Gets or sets a value that indicates to align the text within the column. See textAlign
+             * @Default {ej.TextAlign.Left}
+             */
+            textAlign?: ej.TextAlign|string;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
+        export interface MultiColumnSettings {
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
-}
+            /** Allow list of data to be displayed in several columns.
+             * @Default {false}
+             */
+            enable?: boolean;
 
-export interface CloseEventArgs {
+            /** Allow header text to be displayed in corresponding columns.
+             * @Default {true}
+             */
+            showHeader?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
+             */
+            stringFormat?: string;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            /** Field and Header Text collections can be defined and customized through columns field.
+             */
+            columns?: MultiColumnSettingsColumn[];
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+        enum Animation {
 
-export interface CreateEventArgs {
+            ///Supports to animation type with none type only.
+            None,
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            ///Supports to animation type with slide type only.
+            Slide,
+
+            ///Supports to animation type with fade type only.
+            Fade
+        }
+
+
+        enum MultiSelectMode {
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            ///Multiple values are separated using a given special character.
+            Delimiter,
+
+            ///Each values are displayed in separate box with close button.
+            VisualMode
+        }
+
+
+        enum SortOrder {
+
+            ///Items to be displayed in the suggestion list in ascending order.
+            Ascending,
+
+            ///Items to be displayed in the suggestion list in descending order.
+            Descending
+        }
+
+    }
+
+    class Button extends ej.Widget {
+        static fn: Button;
+        constructor(element: JQuery | Element, options?: Button.Model);
+        static Locale: any;
+        model: Button.Model;
+        defaults: Button.Model;
+
+        /** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To disable the button
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the button
+         * @returns {void}
+         */
+        enable(): void;
+    }
+    export namespace Button {
+
+        export interface Model {
+
+            /** Specifies the contentType of the Button. See below to know available ContentType
+             * @Default {ej.ContentType.TextOnly}
+             */
+            contentType?: ej.ContentType|string;
+
+            /** Sets the root CSS class for Button theme, which is used customize.
+             */
+            cssClass?: string;
+
+            /** Specifies the button control state.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specify the Right to Left direction to button
+             * @Default {false}
+             */
+            enableRTL?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** Specifies the height of the Button.
+             * @Default {28}
+             */
+            height?: number;
+
+            /** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and
+             * imageRight options. See below to know about available ImagePosition
+             * @Default {ej.ImagePosition.ImageLeft}
+             */
+            imagePosition?: ej.ImagePosition|string;
 
-export interface DestroyEventArgs {
+            /** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
+             * @Default {null}
+             */
+            prefixIcon?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
+             * @Default {false}
+             */
+            repeatButton?: boolean;
+
+            /** Displays the Button with rounded corners.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the size of the Button. See below to know available ButtonSize
+             * @Default {ej.ButtonSize.Normal}
+             */
+            size?: ej.ButtonSize|string;
+
+            /** Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
+             * @Default {null}
+             */
+            suffixIcon?: string;
+
+            /** Specifies the text content for Button.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Specified the time interval between two consecutive 'click' event on the button.
+             * @Default {150}
+             */
+            timeInterval?: string;
+
+            /** Specifies the Type of the Button. See below to know available ButtonType
+             * @Default {ej.ButtonType.Submit}
+             */
+            type?: ej.ButtonType|string;
+
+            /** Specifies the width of the Button.
+             * @Default {100px}
+             */
+            width?: string|number;
+
+            /** Fires when Button control is clicked successfully.Consider the scenario to perform any validation,modification of content or any other operations click on button,we can make use
+             * of this click event to achieve the scenario.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Fires after Button control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the button is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event.
+             */
+            destroy?(e: DestroyEventArgs): void;
+        }
+
+        export interface ClickEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the button model
+             */
+            model?: ej.Button.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return the button state
+             */
+            status?: boolean;
+
+            /** return the event model for sever side processing.
+             */
+            e?: any;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the button model
+             */
+            model?: ej.Button.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the button model
+             */
+            model?: ej.Button.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+    enum ContentType {
+        //To display the text content only in button
+        TextOnly,
+        //To display the image only in button
+        ImageOnly,
+        //Supports to display  image for both ends of the button
+        ImageBoth,
+        //Supports to display image with the text content
+        TextAndImage,
+        //Supports to display  image with both ends of the text
+        ImageTextImage,
+    }
+    enum ImagePosition {
+        //support for aligning text in left and image in right
+        ImageRight,
+        //support for aligning text in right and image in left
+        ImageLeft,
+        //support for aligning text in bottom and image in top.
+        ImageTop,
+        //support for aligning text in top and image in bottom
+        ImageBottom,
+    }
+    enum ButtonSize {
+        //Creates button with Built-in default size height, width specified
+        Normal,
+        //Creates button with Built-in mini size height, width specified
+        Mini,
+        //Creates button with Built-in small size height, width specified
+        Small,
+        //Creates button with Built-in medium size height, width specified
+        Medium,
+        //Creates button with Built-in large size height, width specified
+        Large,
+    }
+    enum ButtonType {
+        //Creates button with Built-in button type specified
+        Button,
+        //Creates button with Built-in reset type specified
+        Reset,
+        //Creates button with Built-in submit type specified
+        Submit,
+    }
+
+    class Captcha extends ej.Widget {
+        static fn: Captcha;
+        constructor(element: JQuery | Element, options?: Captcha.Model);
+        static Locale: any;
+        model: Captcha.Model;
+        defaults: Captcha.Model;
+    }
+    export namespace Captcha {
+
+        export interface Model {
+
+            /** Specifies the character set of the Captcha that will be used to generate captcha text randomly.
+             */
+            characterSet?: string;
+
+            /** Specifies the error message to be displayed when the Captcha mismatch.
+             */
+            customErrorMessage?: string;
+
+            /** Set the Captcha validation automatically.
+             */
+            enableAutoValidation?: boolean;
+
+            /** Specifies the case sensitivity for the characters typed in the Captcha.
+             */
+            enableCaseSensitivity?: boolean;
+
+            /** Specifies the background patterns for the Captcha.
+             */
+            enablePattern?: boolean;
+
+            /** Sets the Captcha direction as right to left alignment.
+             */
+            enableRTL?: boolean;
+
+            /** Specifies the background appearance for the captcha.
+             */
+            hatchStyle?: ej.HatchStyle|string;
+
+            /** Specifies the height of the Captcha.
+             */
+            height?: number;
+
+            /** Specifies the method with values to be mapped in the Captcha.
+             */
+            mapper?: string;
+
+            /** Specifies the maximum number of characters used in the Captcha.
+             */
+            maximumLength?: number;
+
+            /** Specifies the minimum number of characters used in the Captcha.
+             */
+            minimumLength?: number;
+
+            /** Specifies the method to map values to Captcha.
+             */
+            requestMapper?: string;
+
+            /** Sets the Captcha with audio support, that enables to dictate the captcha text.
+             */
+            showAudioButton?: boolean;
+
+            /** Sets the Captcha with a refresh button.
+             */
+            showRefreshButton?: boolean;
+
+            /** Specifies the target button of the Captcha to validate the entered text and captcha text.
+             */
+            targetButton?: string;
+
+            /** Specifies the target input element that will verify the Captcha.
+             */
+            targetInput?: string;
+
+            /** Specifies the width of the Captcha.
+             */
+            width?: number;
+
+            /** Fires when captcha refresh begins.
+             */
+            refreshBegin?(e: RefreshBeginEventArgs): void;
+
+            /** Fires after captcha refresh completed.
+             */
+            refreshComplete?(e: RefreshCompleteEventArgs): void;
+
+            /** Fires when captcha refresh fails to load.
+             */
+            refreshFailure?(e: RefreshFailureEventArgs): void;
+
+            /** Fires after captcha refresh succeeded.
+             */
+            refreshSuccess?(e: RefreshSuccessEventArgs): void;
+        }
+
+        export interface RefreshBeginEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Captcha model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface RefreshCompleteEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Captcha model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface RefreshFailureEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Captcha model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface RefreshSuccessEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Captcha model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+    enum HatchStyle {
+        //Set background as None to Captcha
+        None,
+        //Set background as BackwardDiagonal to Captcha
+        BackwardDiagonal,
+        //Set background as Cross to Captcha
+        Cross,
+        //Set background as DarkDownwardDiagonal to Captcha
+        DarkDownwardDiagonal,
+        //Set background as DarkHorizontal to Captcha
+        DarkHorizontal,
+        //Set background as DarkUpwardDiagonal to Captcha
+        DarkUpwardDiagonal,
+        //Set background as DarkVertical to Captcha
+        DarkVertical,
+        //Set background as DashedDownwardDiagonal to Captcha
+        DashedDownwardDiagonal,
+        //Set background as DashedHorizontal to Captcha
+        DashedHorizontal,
+        //Set background as DashedUpwardDiagonal to Captcha
+        DashedUpwardDiagonal,
+        //Set background as DashedVertical to Captcha
+        DashedVertical,
+        //Set background as DiagonalBrick to Captcha
+        DiagonalBrick,
+        //Set background as DiagonalCross to Captcha
+        DiagonalCross,
+        //Set background as Divot to Captcha
+        Divot,
+        //Set background as DottedDiamond to Captcha
+        DottedDiamond,
+        //Set background as DottedGrid to Captcha
+        DottedGrid,
+        //Set background as ForwardDiagonal to Captcha
+        ForwardDiagonal,
+        //Set background as Horizontal to Captcha
+        Horizontal,
+        //Set background as HorizontalBrick to Captcha
+        HorizontalBrick,
+        //Set background as LargeCheckerBoard to Captcha
+        LargeCheckerBoard,
+        //Set background as LargeConfetti to Captcha
+        LargeConfetti,
+        //Set background as LargeGrid to Captcha
+        LargeGrid,
+        //Set background as LightDownwardDiagonal to Captcha
+        LightDownwardDiagonal,
+        //Set background as LightHorizontal to Captcha
+        LightHorizontal,
+        //Set background as LightUpwardDiagonal to Captcha
+        LightUpwardDiagonal,
+        //Set background as LightVertical to Captcha
+        LightVertical,
+        //Set background as Max to Captcha
+        Max,
+        //Set background as Min to Captcha
+        Min,
+        //Set background as NarrowHorizontal to Captcha
+        NarrowHorizontal,
+        //Set background as NarrowVertical to Captcha
+        NarrowVertical,
+        //Set background as OutlinedDiamond to Captcha
+        OutlinedDiamond,
+        //Set background as Percent90 to Captcha
+        Percent90,
+        //Set background as Wave to Captcha
+        Wave,
+        //Set background as Weave to Captcha
+        Weave,
+        //Set background as WideDownwardDiagonal to Captcha
+        WideDownwardDiagonal,
+        //Set background as WideUpwardDiagonal to Captcha
+        WideUpwardDiagonal,
+        //Set background as ZigZag to Captcha
+        ZigZag,
+    }
+
+    class ListBox extends ej.Widget {
+        static fn: ListBox;
+        constructor(element: JQuery | Element, options?: ListBox.Model);
+        static Locale: any;
+        model: ListBox.Model;
+        defaults: ListBox.Model;
+
+        /** Adds a given list items in the ListBox widget at a specified index. It accepts two parameters.
+         * @param {any|string} This can be a list item object (for JSON binding) or a string (for UL and LI rendering). Also we can the specify this as an array of list item object or an
+         * array of strings to add multiple items.
+         * @param {number} The index value to add the given items at the specified index. If index is not specified, the given items will be added at the end of the list.
+         * @returns {void}
+         */
+        addItem(listItem: any|string, index: number): void;
+
+        /** Checks all the list items in the ListBox widget. It is dependent on showCheckbox property.
+         * @returns {void}
+         */
+        checkAll(): void;
+
+        /** Checks a list item by using its index. It is dependent on showCheckbox property.
+         * @param {number} Index of the listbox item to be checked. If index is not specified, the given items will be added at the end of the list.
+         * @returns {void}
+         */
+        checkItemByIndex(index: number): void;
+
+        /** Checks multiple list items by using its index values. It is dependent on showCheckbox property.
+         * @param {number[]} Index/Indices of the listbox items to be checked. If index is not specified, the given items will be added at the end of the list.
+         * @returns {void}
+         */
+        checkItemsByIndices(indices: number[]): void;
+
+        /** Disables the ListBox widget.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Disables a list item by passing the item text as parameter.
+         * @param {string} Text of the listbox item to be disabled.
+         * @returns {void}
+         */
+        disableItem(text: string): void;
+
+        /** Disables a list Item using its index value.
+         * @param {number} Index of the listbox item to be disabled.
+         * @returns {void}
+         */
+        disableItemByIndex(index: number): void;
+
+        /** Disables set of list Items using its index values.
+         * @param {number[]|string} Indices of the listbox items to be disabled.
+         * @returns {void}
+         */
+        disableItemsByIndices(Indices: number[]|string): void;
+
+        /** Enables the ListBox widget when it is disabled.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Enables a list Item using its item text value.
+         * @param {string} Text of the listbox item to be enabled.
+         * @returns {void}
+         */
+        enableItem(text: string): void;
+
+        /** Enables a list item using its index value.
+         * @param {number} Index of the listbox item to be enabled.
+         * @returns {void}
+         */
+        enableItemByIndex(index: number): void;
+
+        /** Enables a set of list Items using its index values.
+         * @param {number[]|string} Indices of the listbox items to be enabled.
+         * @returns {void}
+         */
+        enableItemsByIndices(indices: number[]|string): void;
+
+        /** Returns the list of checked items in the ListBox widget. It is dependent on showCheckbox property.
+         * @returns {any}
+         */
+        getCheckedItems(): any;
+
+        /** Returns the list of selected items in the ListBox widget.
+         * @returns {any}
+         */
+        getSelectedItems(): any;
+
+        /** Returns an item’s index based on the given text.
+         * @param {string} The list item text (label)
+         * @returns {number}
+         */
+        getIndexByText(text: string): number;
+
+        /** Returns an item’s index based on the value given.
+         * @param {string} The list item’s value
+         * @returns {number}
+         */
+        getIndexByValue(indices: string): number;
+
+        /** Returns an item’s text (label) based on the index given.
+         * @returns {string}
+         */
+        getTextByIndex(): string;
+
+        /** Returns a list item’s object using its index.
+         * @returns {any}
+         */
+        getItemByIndex(): any;
+
+        /** Returns a list item’s object based on the text given.
+         * @param {string} The list item text.
+         * @returns {any}
+         */
+        getItemByText(text: string): any;
+
+        /** Merges the given data with the existing data items in the listbox.
+         * @param {any[]} Data to merge in listbox.
+         * @returns {void}
+         */
+        mergeData(data: any[]): void;
+
+        /** Selects the next item based on the current selection.
+         * @returns {void}
+         */
+        moveDown(): void;
+
+        /** Selects the previous item based on the current selection.
+         * @returns {void}
+         */
+        moveUp(): void;
+
+        /** Refreshes the ListBox widget.
+         * @param {boolean} Refreshes both the datasource and the dimensions of the ListBox widget when the parameter is passed as true, otherwise only the ListBox dimensions will be
+         * refreshed.
+         * @returns {void}
+         */
+        refresh(refreshData: boolean): void;
+
+        /** Removes all the list items from listbox.
+         * @returns {void}
+         */
+        removeAll(): void;
+
+        /** Removes the selected list items from the listbox.
+         * @returns {void}
+         */
+        removeSelectedItems(): void;
+
+        /** Removes a list item by using its text.
+         * @param {string} Text of the listbox item to be removed.
+         * @returns {void}
+         */
+        removeItemByText(text: string): void;
+
+        /** Removes a list item by using its index value.
+         * @param {number} Index of the listbox item to be removed.
+         * @returns {void}
+         */
+        removeItemByIndex(index: number): void;
+
+        /**
+         * @returns {void}
+         */
+        selectAll(): void;
+
+        /** Selects the list item using its text value.
+         * @param {string} Text of the listbox item to be selected.
+         * @returns {void}
+         */
+        selectItemByText(text: string): void;
+
+        /** Selects list item using its value property.
+         * @param {string} Value of the listbox item to be selected.
+         * @returns {void}
+         */
+        selectItemByValue(value: string): void;
+
+        /** Selects list item using its index value.
+         * @param {number} Index of the listbox item to be selected.
+         * @returns {void}
+         */
+        selectItemByIndex(index: number): void;
+
+        /** Selects a set of list items through its index values.
+         * @param {number|number[]} Index/Indices of the listbox item to be selected.
+         * @returns {void}
+         */
+        selectItemsByIndices(Indices: number|number[]): void;
+
+        /** Unchecks all the checked list items in the ListBox widget. To use this method showCheckbox property to be set as true.
+         * @returns {void}
+         */
+        uncheckAll(): void;
+
+        /** Unchecks a checked list item using its index value. To use this method showCheckbox property to be set as true.
+         * @param {number} Index of the listbox item to be unchecked.
+         * @returns {void}
+         */
+        uncheckItemByIndex(index: number): void;
+
+        /** Unchecks the set of checked list items using its index values. To use this method showCheckbox property must be set to true.
+         * @param {number[]|string} Indices of the listbox item to be unchecked.
+         * @returns {void}
+         */
+        uncheckItemsByIndices(indices: number[]|string): void;
+
+        /**
+         * @returns {void}
+         */
+        unselectAll(): void;
+
+        /** Unselects a selected list item using its index value
+         * @param {number} Index of the listbox item to be unselected.
+         * @returns {void}
+         */
+        unselectItemByIndex(index: number): void;
+
+        /** Unselects a selected list item using its text value.
+         * @param {string} Text of the listbox item to be unselected.
+         * @returns {void}
+         */
+        unselectItemByText(text: string): void;
+
+        /** Unselects a selected list item using its value.
+         * @param {string} Value of the listbox item to be unselected.
+         * @returns {void}
+         */
+        unselectItemByValue(value: string): void;
+
+        /** Unselects a set of list items using its index values.
+         * @param {number[]|string} Indices of the listbox item to be unselected.
+         * @returns {void}
+         */
+        unselectItemsByIndices(indices: number[]|string): void;
+
+        /** Hides all the checked items in the listbox.
+         * @returns {void}
+         */
+        hideCheckedItems(): void;
+
+        /** Shows a set of hidden list Items using its index values.
+         * @param {number[]|string} Indices of the listbox items to be shown.
+         * @returns {void}
+         */
+        showItemByIndices(indices: number[]|string): void;
+
+        /** Hides a set of list Items using its index values.
+         * @param {number[]|string} Indices of the listbox items to be hidden.
+         * @returns {void}
+         */
+        hideItemsByIndices(indices: number[]|string): void;
+
+        /** Shows the hidden list items using its values.
+         * @param {any[]} Values of the listbox items to be shown.
+         * @returns {void}
+         */
+        showItemsByValues(values: any[]): void;
+
+        /** Hides the list item using its values.
+         * @param {any[]} Values of the listbox items to be hidden.
+         * @returns {void}
+         */
+        hideItemsByValues(values: any[]): void;
+
+        /** Shows a hidden list item using its value.
+         * @param {string} Value of the listbox item to be shown.
+         * @returns {void}
+         */
+        showItemByValue(value: string): void;
+
+        /** Hide a list item using its value.
+         * @param {string} Value of the listbox item to be hidden.
+         * @returns {void}
+         */
+        hideItemByValue(value: string): void;
+
+        /** Shows a hidden list item using its index value.
+         * @param {number} Index of the listbox item to be shown.
+         * @returns {void}
+         */
+        showItemByIndex(index: number): void;
+
+        /** Hides a list item using its index value.
+         * @param {number} Index of the listbox item to be hidden.
+         * @returns {void}
+         */
+        hideItemByIndex(index: number): void;
+
+        /**
+         * @returns {void}
+         */
+        show(): void;
+
+        /** Hides the listbox.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Hides all the listbox items in the listbox.
+         * @returns {void}
+         */
+        hideAllItems(): void;
+
+        /** Shows all the listbox items in the listbox.
+         * @returns {void}
+         */
+        showAllItems(): void;
+    }
+    export namespace ListBox {
+
+        export interface Model {
+
+            /** Enables/disables the dragging behavior of the items in ListBox widget.
+             * @Default {false}
+             */
+            allowDrag?: boolean;
+
+            /** Accepts the items which are dropped in to it, when it is set to true.
+             * @Default {false}
+             */
+            allowDrop?: boolean;
+
+            /** Enables or disables multiple selection.
+             * @Default {false}
+             */
+            allowMultiSelection?: boolean;
+
+            /** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using “virtualScrollMode”
+             * property.
+             * @Default {false}
+             */
+            allowVirtualScrolling?: boolean;
+
+            /** Enables or disables the case sensitive search for list item by typing the text (search) value.
+             * @Default {false}
+             */
+            caseSensitiveSearch?: boolean;
+
+            /** Dynamically populate data of a list box while selecting an item in another list box i.e. rendering child list box based on the item selection in parent list box. This property
+             * accepts the id of the child ListBox widget to populate the data.
+             * @Default {null}
+             */
+            cascadeTo?: string;
+
+            /** Set of list items to be checked by default using its index. It works only when the showCheckbox property is set to true.
+             * @Default {null}
+             */
+            checkedIndices?: any[];
+
+            /** The root class for the ListBox widget to customize the existing theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Contains the list of data for generating the list items.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Enables or disables the ListBox widget.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Enables or disables the search behavior to find the specific list item by typing the text value.
+             * @Default {false}
+             */
+            enableIncrementalSearch?: boolean;
+
+            /** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Displays the ListBox widget’s content from right to left when enabled.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specifies ellipsis (&quot;...&quot;) representation in an overflowed list item content when it is set to false.
+             * @Default {true}
+             */
+            enableWordWrap?: boolean;
+
+            /** Mapping fields for the data items of the ListBox widget.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Defines the height of the ListBox widget.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Defines the height for individual ListBox item.
+             * @Default {null}
+             */
+            itemHeight?: string;
+
+            /** The number of list items to be shown in the ListBox widget. The remaining list items will be scrollable.
+             * @Default {null}
+             */
+            itemsCount?: number;
+
+            /** The total number of list items to be rendered in the ListBox widget.
+             * @Default {null}
+             */
+            totalItemsCount?: number;
+
+            /** The number of list items to be loaded in the list box while enabling virtual scrolling and when virtualScrollMode is set to continuous.
+             * @Default {5}
+             */
+            itemRequestCount?: number;
+
+            /** Loads data for the listbox by default (i.e. on initialization) when it is set to true. It creates empty ListBox if it is set to false.
+             * @Default {true}
+             */
+            loadDataOnInit?: boolean;
+
+            /** The query to retrieve required data from the data source.
+             * @Default {ej.Query()}
+             */
+            query?: ej.Query;
+
+            /** The list item to be selected by default using its index.
+             * @Default {null}
+             */
+            selectedIndex?: number;
+
+            /** The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
+             * @Default {[]}
+             */
+            selectedIndices?: any[];
+
+            /** Enables/Disables the multi selection option with the help of checkbox control.
+             * @Default {false}
+             */
+            showCheckbox?: boolean;
+
+            /** To display the ListBox container with rounded corners.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Set to sort ListBox items either by Ascending or Descending order. By default sortOrder is set as enum type of &quot;None&quot;.You can use only below mentioned type for sorting
+             * purpose.
+             * @Default {ej.SortOrder.None}
+             */
+            sortOrder?: ej.ListBox.SortOrder|string;
+
+            /** The template to display the ListBox widget with customized appearance.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
+             * @Default {“”}
+             */
+            value?: number;
+
+            /** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
+             * @Default {ej.VirtualScrollMode.Normal}
+             */
+            virtualScrollMode?: ej.VirtualScrollMode|string;
+
+            /** Defines the width of the ListBox widget.
+             * @Default {null}
+             */
+            width?: string;
+
+            /** Specifies the targetID for the listbox items.
+             * @Default {null}
+             */
+            targetID?: string;
+
+            /** Triggers before the AJAX request begins to load data in the ListBox widget.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget.
+             */
+            actionSuccess?(e: ActionSuccessEventArgs): void;
+
+            /** Triggers when the AJAX requests complete. The request may get failed or succeed.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggers when the data requested from AJAX get failed.
+             */
+            actionFailure?(e: ActionFailureEventArgs): void;
+
+            /** Event will be triggered before the requested data via AJAX once loaded in successfully.
+             */
+            actionBeforeSuccess?(e: ActionBeforeSuccessEventArgs): void;
+
+            /** Triggers when the item selection is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Triggers when the list item is checked or unchecked.
+             */
+            checkChange?(e: CheckChangeEventArgs): void;
+
+            /** Triggers when the ListBox widget is created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggers when the ListBox widget is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggers when focus the listbox items.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Triggers when focus out from listbox items.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Triggers when the list item is being dragged.
+             */
+            itemDrag?(e: ItemDragEventArgs): void;
+
+            /** Triggers when the list item is ready to be dragged.
+             */
+            itemDragStart?(e: ItemDragStartEventArgs): void;
+
+            /** Triggers when the list item stops dragging.
+             */
+            itemDragStop?(e: ItemDragStopEventArgs): void;
+
+            /** Triggers when the list item is dropped.
+             */
+            itemDrop?(e: ItemDropEventArgs): void;
+
+            /** Triggers when a list item gets selected.
+             */
+            select?(e: SelectEventArgs): void;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            /** Triggers when a list item gets unselected.
+             */
+            unselect?(e: UnselectEventArgs): void;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+        export interface ActionBeginEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface FocusInEventArgs {
+            /** returns the ListBox model
+             */
+            model?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+        export interface ActionSuccessEventArgs {
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
-}
+            /** Returns number of times trying to fetch the data
+             */
+            count?: number;
 
-export interface FocusOutEventArgs {
+            /** returns the ListBox model
+             */
+            model?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            /** Returns the query for data retrieval from the Database
+             */
+            request?: any;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
-}
+            /** Returns the number of items fetched from remote data
+             */
+            result?: any[];
 
-export interface OpenEventArgs {
+            /** Returns the requested data
+             */
+            xhr?: any;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface ActionCompleteEventArgs {
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** Returns number of times trying to fetch the data
+             */
+            count?: number;
 
-export interface SelectEventArgs {
+            /** returns the ListBox model
+             */
+            model?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** Instance of the autocomplete model object.
-	*/
-	model?: ej.Autocomplete.Model;
+            /** Returns the query for data retrieval from the Database
+             */
+            request?: any;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Value of the autocomplete textbox.
-	*/
-	value?: string;
+            /** Returns the number of items fetched from remote data
+             */
+            result?: any[];
 
-	/** Text of the selected item.
-	*/
-	text?: string;
+            /** Returns the requested data
+             */
+            xhr?: any;
+        }
 
-	/** Key of the selected item.
-	*/
-	key?: string;
+        export interface ActionFailureEventArgs {
 
-	/** Data object of the selected item.
-	*/
-	Item?: ej.Autocomplete.Model;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface Fields {
+            /** Returns the error message
+             */
+            error?: any;
 
-	/** Used to group the suggestion list items.
-	*/
-	groupBy?: string;
+            /** returns the ListBox model
+             */
+            model?: any;
 
-	/** Defines the HTML attributes such as id, class, styles for the item.
-	*/
-	htmlAttributes?: any;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** Defines the specific field name which contains unique key values for the list items.
-	*/
-	key?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Defines the specific field name in the data source to load the suggestion list with data.
-	*/
-	text?: string;
-}
+        export interface ActionBeforeSuccessEventArgs {
 
-export interface MultiColumnSettingsColumn {
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Get or set a value that indicates to display the columns in the autocomplete mapping with column name of the dataSource.
-	*/
-	field?: string;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Get or set a value that indicates to display the title of that particular column.
-	*/
-	headerText?: string;
+            /** List of actual object.
+             */
+            actual?: any;
 
-	/** Gets or sets a value that indicates to render the multicolumn with custom theme.
-	*/
-	cssClass?: string;
+            /** Object of ListBox widget which contains DataManager arguments
+             */
+            request?: any;
 
-	/** Specifies the search data type. There are four types of data types available such as string, ‘number’, ‘boolean’ and ‘date’.
-	*   @Default {ej.Type.String}
-	*/
-	type?: ej.Type|string;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Specifies the search filter type. There are several types of search filter available such as ‘startswith’, ‘contains’, ‘endswith’, ‘lessthan’, ‘lessthanorequal’, ‘greaterthan’, ‘greaterthanorequal’, ‘equal’, ‘notequal’.
-	*   @Default {ej.filterType.StartsWith}
-	*/
-	filterType?: ej.filterType|string;
+            /** List of array object
+             */
+            result?: any[];
 
-	/** This defines the text alignment of a particular column header cell value. See headerTextAlign
-	*   @Default {ej.TextAlign.Left}
-	*/
-	headerTextAlign?: ej.TextAlign|string;
+            /** ExecuteQuery object of DataManager
+             */
+            xhr?: any;
+        }
 
-	/** Gets or sets a value that indicates to align the text within the column. See textAlign
-	*   @Default {ej.TextAlign.Left}
-	*/
-	textAlign?: ej.TextAlign|string;
-}
+        export interface ChangeEventArgs {
 
-export interface MultiColumnSettings {
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Allow list of data to be displayed in several columns.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Allow header text to be displayed in corresponding columns.
-	*   @Default {true}
-	*/
-	showHeader?: boolean;
+            /** List item object.
+             */
+            item?: any;
 
-	/** Displayed selected value and autocomplete search based on mentioned column value specified in that format.
-	*/
-	stringFormat?: string;
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	/** Field and Header Text collections can be defined and customized through columns field.
-	*/
-	columns?: Array<MultiColumnSettingsColumn>;
-}
+            /** List item’s index.
+             */
+            index?: number;
 
-enum Animation{
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	///Supports to animation type with none type only.
-	None,
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-	///Supports to animation type with slide type only.
-	Slide,
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-	///Supports to animation type with fade type only.
-	Fade
-}
+            /** Boolean value based on the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
+            /** List item’s text (label).
+             */
+            text?: string;
 
-enum MultiSelectMode{
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-	///Multiple values are separated using a given special character.
-	Delimiter,
+        export interface CheckChangeEventArgs {
 
-	///Each values are displayed in separate box with close button.
-	VisualMode
-}
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
+            /** Name of the event.
+             */
+            type?: string;
 
-enum SortOrder{
+            /** List item object.
+             */
+            item?: any;
 
-	///Items to be displayed in the suggestion list in ascending order.
-	Ascending,
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	///Items to be displayed in the suggestion list in descending order.
-	Descending
-}
+            /** List item’s index.
+             */
+            index?: number;
 
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-class Button extends ej.Widget {
-	static fn: Button;
-	constructor(element: JQuery, options?: Button.Model);
-	constructor(element: Element, options?: Button.Model);
-	static Locale: any;
-	model:Button.Model;
-	defaults:Button.Model;
-
-	/** destroy the button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable the button
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the button
-	*   @returns {void}
-	*/
-	enable(): void;
-}
-export module Button{
-
-export interface Model {
-
-	/** Specifies the contentType of the Button. See below to know available ContentType
-	*   @Default {ej.ContentType.TextOnly}
-	*/
-	contentType?: ej.ContentType|string;
-
-	/** Sets the root CSS class for Button theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/** Specifies the button control state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specify the Right to Left direction to button
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specifies the height of the Button.
-	*   @Default {28}
-	*/
-	height?: number;
-
-	/** It allows to define the characteristics of the Button control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specifies the image position of the Button. This image position is applicable only with the textandimage contentType property. The images can be positioned in both imageLeft and imageRight options. See below to know about available ImagePosition
-	*   @Default {ej.ImagePosition.ImageLeft}
-	*/
-	imagePosition?: ej.ImagePosition|string;
-
-	/** Specifies the primary icon for Button. This icon will be displayed from the left margin of the button.
-	*   @Default {null}
-	*/
-	prefixIcon?: string;
-
-	/** Convert the button as repeat button. It raises the 'Click' event repeatedly from the it is pressed until it is released.
-	*   @Default {false}
-	*/
-	repeatButton?: boolean;
-
-	/** Displays the Button with rounded corners.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies the size of the Button. See below to know available ButtonSize
-	*   @Default {ej.ButtonSize.Normal}
-	*/
-	size?: ej.ButtonSize|string;
-
-	/** Specifies the secondary icon for Button. This icon will be displayed from the right margin of the button.
-	*   @Default {null}
-	*/
-	suffixIcon?: string;
-
-	/** Specifies the text content for Button.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Specified the time interval between two consecutive 'click' event on the button.
-	*   @Default {150}
-	*/
-	timeInterval?: string;
-
-	/** Specifies the Type of the Button. See below to know available ButtonType
-	*   @Default {ej.ButtonType.Submit}
-	*/
-	type?: ej.ButtonType|string;
-
-	/** Specifies the width of the Button.
-	*   @Default {100px}
-	*/
-	width?: string|number;
-
-	/** Fires when Button control is clicked successfully.Consider the scenario to perform any validation,modification of content or any other operations click on button,we can make use of this click event to achieve the scenario. */
-	click? (e: ClickEventArgs): void;
-
-	/** Fires after Button control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the button is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
-	destroy? (e: DestroyEventArgs): void;
-}
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-export interface ClickEventArgs {
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Boolean value based on the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
-	/** returns the button model
-	*/
-	model?: ej.Button.Model;
+            /** List item’s text (label).
+             */
+            text?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-	/** return the button state
-	*/
-	status?: boolean;
+        export interface CreateEventArgs {
 
-	/** return the event model for sever side processing. 
-	*/
-	e?: any;
-}
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-export interface CreateEventArgs {
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+        }
 
-	/** returns the button model
-	*/
-	model?: ej.Button.Model;
+        export interface DestroyEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-export interface DestroyEventArgs {
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+        }
 
-	/** returns the button model
-	*/
-	model?: ej.Button.Model;
+        export interface FocusInEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
-enum ContentType
-{
-//To display the text content only in button
-TextOnly,
-//To display the image only in button
-ImageOnly,
-//Supports to display  image for both ends of the button
-ImageBoth,
-//Supports to display image with the text content
-TextAndImage,
-//Supports to display  image with both ends of the text
-ImageTextImage,
-}
-enum ImagePosition
-{
-//support for aligning text in left and image in right
-ImageRight,
-//support for aligning text in right and image in left
-ImageLeft,
-//support for aligning text in bottom and image in top.
-ImageTop,
-//support for aligning text in top and image in bottom
-ImageBottom,
-}
-enum ButtonSize
-{
-//Creates button with Built-in default size height, width specified
-Normal,
-//Creates button with Built-in mini size height, width specified
-Mini,
-//Creates button with Built-in small size height, width specified
-Small,
-//Creates button with Built-in medium size height, width specified 
-Medium,
-//Creates button with Built-in large size height, width specified 
-Large,
-}
-enum ButtonType
-{
-//Creates button with Built-in button type specified
-Button,
-//Creates button with Built-in reset type specified 
-Reset,
-//Creates button with Built-in submit type specified
-Submit,
-}
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-class Captcha extends ej.Widget {
-	static fn: Captcha;
-	constructor(element: JQuery, options?: Captcha.Model);
-	constructor(element: Element, options?: Captcha.Model);
-	static Locale: any;
-	model:Captcha.Model;
-	defaults:Captcha.Model;
-}
-export module Captcha{
+            /** Name of the event.
+             */
+            type?: string;
 
-export interface Model {
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+        }
 
-	/** Specifies the character set of the Captcha that will be used to generate captcha text randomly.
-	*/
-	characterSet?: string;
+        export interface FocusOutEventArgs {
 
-	/** Specifies the error message to be displayed when the Captcha mismatch.
-	*/
-	customErrorMessage?: string;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Set the Captcha validation automatically.
-	*/
-	enableAutoValidation?: boolean;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Specifies the case sensitivity for the characters typed in the Captcha.
-	*/
-	enableCaseSensitivity?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+        }
 
-	/** Specifies the background patterns for the Captcha.
-	*/
-	enablePattern?: boolean;
+        export interface ItemDragEventArgs {
 
-	/** Sets the Captcha direction as right to left alignment.
-	*/
-	enableRTL?: boolean;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Specifies the background appearance for the captcha.
-	*/
-	hatchStyle?: ej.HatchStyle|string;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Specifies the height of the Captcha.
-	*/
-	height?: number;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Specifies the method with values to be mapped in the Captcha.
-	*/
-	mapper?: string;
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	/** Specifies the maximum number of characters used in the Captcha.
-	*/
-	maximumLength?: number;
+            /** List item’s index.
+             */
+            index?: number;
 
-	/** Specifies the minimum number of characters used in the Captcha.
-	*/
-	minimumLength?: number;
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-	/** Specifies the method to map values to Captcha.
-	*/
-	requestMapper?: string;
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-	/** Sets the Captcha with audio support, that enables to dictate the captcha text.
-	*/
-	showAudioButton?: boolean;
+            /** Boolean value based on whether the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
-	/** Sets the Captcha with a refresh button.
-	*/
-	showRefreshButton?: boolean;
+            /** List item’s text (label).
+             */
+            text?: string;
 
-	/** Specifies the target button of the Captcha to validate the entered text and captcha text.
-	*/
-	targetButton?: string;
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-	/** Specifies the target input element that will verify the Captcha.
-	*/
-	targetInput?: string;
+        export interface ItemDragStartEventArgs {
 
-	/** Specifies the width of the Captcha.
-	*/
-	width?: number;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Fires when captcha refresh begins. */
-	refreshBegin? (e: RefreshBeginEventArgs): void;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Fires after captcha refresh completed. */
-	refreshComplete? (e: RefreshCompleteEventArgs): void;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Fires when captcha refresh fails to load. */
-	refreshFailure? (e: RefreshFailureEventArgs): void;
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	/** Fires after captcha refresh succeeded. */
-	refreshSuccess? (e: RefreshSuccessEventArgs): void;
-}
+            /** List item’s index.
+             */
+            index?: number;
 
-export interface RefreshBeginEventArgs {
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-	/** returns the Captcha model
-	*/
-	model?: any;
+            /** Boolean value based on whether the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** List item’s text (label).
+             */
+            text?: string;
 
-export interface RefreshCompleteEventArgs {
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ItemDragStopEventArgs {
 
-	/** returns the Captcha model
-	*/
-	model?: any;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Name of the event.
+             */
+            type?: string;
 
-export interface RefreshFailureEventArgs {
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	/** returns the Captcha model
-	*/
-	model?: any;
+            /** List item’s index.
+             */
+            index?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-export interface RefreshSuccessEventArgs {
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Boolean value based on whether the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
-	/** returns the Captcha model
-	*/
-	model?: any;
+            /** List item’s text (label).
+             */
+            text?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
-enum HatchStyle
-{
-//Set background as None to Captcha
-None,
-//Set background as BackwardDiagonal to Captcha
-BackwardDiagonal,
-//Set background as Cross to Captcha
-Cross,
-//Set background as DarkDownwardDiagonal to Captcha
-DarkDownwardDiagonal,
-//Set background as DarkHorizontal to Captcha
-DarkHorizontal,
-//Set background as DarkUpwardDiagonal to Captcha
-DarkUpwardDiagonal,
-//Set background as DarkVertical to Captcha
-DarkVertical,
-//Set background as DashedDownwardDiagonal to Captcha
-DashedDownwardDiagonal,
-//Set background as DashedHorizontal to Captcha
-DashedHorizontal,
-//Set background as DashedUpwardDiagonal to Captcha
-DashedUpwardDiagonal,
-//Set background as DashedVertical to Captcha
-DashedVertical,
-//Set background as DiagonalBrick to Captcha
-DiagonalBrick,
-//Set background as DiagonalCross to Captcha
-DiagonalCross,
-//Set background as Divot to Captcha
-Divot,
-//Set background as DottedDiamond to Captcha
-DottedDiamond,
-//Set background as DottedGrid to Captcha
-DottedGrid,
-//Set background as ForwardDiagonal to Captcha
-ForwardDiagonal,
-//Set background as Horizontal to Captcha
-Horizontal,
-//Set background as HorizontalBrick to Captcha
-HorizontalBrick,
-//Set background as LargeCheckerBoard to Captcha
-LargeCheckerBoard,
-//Set background as LargeConfetti to Captcha
-LargeConfetti,
-//Set background as LargeGrid to Captcha
-LargeGrid,
-//Set background as LightDownwardDiagonal to Captcha
-LightDownwardDiagonal,
-//Set background as LightHorizontal to Captcha
-LightHorizontal,
-//Set background as LightUpwardDiagonal to Captcha
-LightUpwardDiagonal,
-//Set background as LightVertical to Captcha
-LightVertical,
-//Set background as Max to Captcha
-Max,
-//Set background as Min to Captcha
-Min,
-//Set background as NarrowHorizontal to Captcha
-NarrowHorizontal,
-//Set background as NarrowVertical to Captcha
-NarrowVertical,
-//Set background as OutlinedDiamond to Captcha
-OutlinedDiamond,
-//Set background as Percent90 to Captcha
-Percent90,
-//Set background as Wave to Captcha
-Wave,
-//Set background as Weave to Captcha
-Weave,
-//Set background as WideDownwardDiagonal to Captcha
-WideDownwardDiagonal,
-//Set background as WideUpwardDiagonal to Captcha
-WideUpwardDiagonal,
-//Set background as ZigZag to Captcha
-ZigZag,
-}
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-class ListBox extends ej.Widget {
-	static fn: ListBox;
-	constructor(element: JQuery, options?: ListBox.Model);
-	constructor(element: Element, options?: ListBox.Model);
-	static Locale: any;
-	model:ListBox.Model;
-	defaults:ListBox.Model;
-
-	/** Adds a given list items in the ListBox widget at a specified index. It accepts two parameters.
-	*   @param {any|string} This can be a list item object (for JSON binding) or a string (for UL and LI rendering). Also we can the specify this as an array of list item object or an array of strings to add multiple items.
-	*   @param {number} The index value to add the given items at the specified index. If index is not specified, the given items will be added at the end of the list.
-	*   @returns {void}
-	*/
-	addItem(listItem: any|string, index: number): void;
-
-	/** Checks all the list items in the ListBox widget. It is dependent on showCheckbox property.
-	*   @returns {void}
-	*/
-	checkAll(): void;
-
-	/** Checks a list item by using its index. It is dependent on showCheckbox property.
-	*   @param {number} Index of the listbox item to be checked. If index is not specified, the given items will be added at the end of the list.
-	*   @returns {void}
-	*/
-	checkItemByIndex(index: number): void;
-
-	/** Checks multiple list items by using its index values. It is dependent on showCheckbox property.
-	*   @param {number[]} Index/Indices of the listbox items to be checked. If index is not specified, the given items will be added at the end of the list.
-	*   @returns {void}
-	*/
-	checkItemsByIndices(indices: number[]): void;
-
-	/** Disables the ListBox widget.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Disables a list item by passing the item text as parameter.
-	*   @param {string} Text of the listbox item to be disabled.
-	*   @returns {void}
-	*/
-	disableItem(text: string): void;
-
-	/** Disables a list Item using its index value.
-	*   @param {number} Index of the listbox item to be disabled.
-	*   @returns {void}
-	*/
-	disableItemByIndex(index: number): void;
-
-	/** Disables set of list Items using its index values.
-	*   @param {number[]|string} Indices of the listbox items to be disabled.
-	*   @returns {void}
-	*/
-	disableItemsByIndices(Indices: number[]|string): void;
-
-	/** Enables the ListBox widget when it is disabled.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Enables a list Item using its item text value.
-	*   @param {string} Text of the listbox item to be enabled.
-	*   @returns {void}
-	*/
-	enableItem(text: string): void;
-
-	/** Enables a list item using its index value.
-	*   @param {number} Index of the listbox item to be enabled.
-	*   @returns {void}
-	*/
-	enableItemByIndex(index: number): void;
-
-	/** Enables a set of list Items using its index values.
-	*   @param {number[]|string} Indices of the listbox items to be enabled.
-	*   @returns {void}
-	*/
-	enableItemsByIndices(indices: number[]|string): void;
-
-	/** Returns the list of checked items in the ListBox widget. It is dependent on showCheckbox property.
-	*   @returns {any}
-	*/
-	getCheckedItems(): any;
-
-	/** Returns the list of selected items in the ListBox widget.
-	*   @returns {any}
-	*/
-	getSelectedItems(): any;
-
-	/** Returns an item’s index based on the given text.
-	*   @param {string} The list item text (label)
-	*   @returns {number}
-	*/
-	getIndexByText(text: string): number;
-
-	/** Returns an item’s index based on the value given.
-	*   @param {string} The list item’s value
-	*   @returns {number}
-	*/
-	getIndexByValue(indices: string): number;
-
-	/** Returns an item’s text (label) based on the index given.
-	*   @returns {string}
-	*/
-	getTextByIndex(): string;
-
-	/** Returns a list item’s object using its index.
-	*   @returns {any}
-	*/
-	getItemByIndex(): any;
-
-	/** Returns a list item’s object based on the text given.
-	*   @param {string} The list item text.
-	*   @returns {any}
-	*/
-	getItemByText(text: string): any;
-
-	/** Merges the given data with the existing data items in the listbox.
-	*   @param {Array<any>} Data to merge in listbox.
-	*   @returns {void}
-	*/
-	mergeData(data: Array<any>): void;
-
-	/** Selects the next item based on the current selection.
-	*   @returns {void}
-	*/
-	moveDown(): void;
-
-	/** Selects the previous item based on the current selection.
-	*   @returns {void}
-	*/
-	moveUp(): void;
-
-	/** Refreshes the ListBox widget.
-	*   @param {boolean} Refreshes both the datasource and the dimensions of the ListBox widget when the parameter is passed as true, otherwise only the ListBox dimensions will be refreshed.
-	*   @returns {void}
-	*/
-	refresh(refreshData: boolean): void;
-
-	/** Removes all the list items from listbox.
-	*   @returns {void}
-	*/
-	removeAll(): void;
-
-	/** Removes the selected list items from the listbox.
-	*   @returns {void}
-	*/
-	removeSelectedItems(): void;
-
-	/** Removes a list item by using its text.
-	*   @param {string} Text of the listbox item to be removed. 
-	*   @returns {void}
-	*/
-	removeItemByText(text: string): void;
-
-	/** Removes a list item by using its index value.
-	*   @param {number} Index of the listbox item to be removed.
-	*   @returns {void}
-	*/
-	removeItemByIndex(index: number): void;
-
-	/** 
-	*   @returns {void}
-	*/
-	selectAll(): void;
-
-	/** Selects the list item using its text value.
-	*   @param {string} Text of the listbox item to be selected.
-	*   @returns {void}
-	*/
-	selectItemByText(text: string): void;
-
-	/** Selects list item using its value property.
-	*   @param {string} Value of the listbox item to be selected.
-	*   @returns {void}
-	*/
-	selectItemByValue(value: string): void;
-
-	/** Selects list item using its index value.
-	*   @param {number} Index of the listbox item to be selected.
-	*   @returns {void}
-	*/
-	selectItemByIndex(index: number): void;
-
-	/** Selects a set of list items through its index values.
-	*   @param {number|number[]} Index/Indices of the listbox item to be selected.
-	*   @returns {void}
-	*/
-	selectItemsByIndices(Indices: number|number[]): void;
-
-	/** Unchecks all the checked list items in the ListBox widget. To use this method showCheckbox property to be set as true.
-	*   @returns {void}
-	*/
-	uncheckAll(): void;
-
-	/** Unchecks a checked list item using its index value. To use this method showCheckbox property to be set as true.
-	*   @param {number} Index of the listbox item to be unchecked.
-	*   @returns {void}
-	*/
-	uncheckItemByIndex(index: number): void;
-
-	/** Unchecks the set of checked list items using its index values. To use this method showCheckbox property must be set to true.
-	*   @param {number[]|string} Indices of the listbox item to be unchecked.
-	*   @returns {void}
-	*/
-	uncheckItemsByIndices(indices: number[]|string): void;
-
-	/** 
-	*   @returns {void}
-	*/
-	unselectAll(): void;
-
-	/** Unselects a selected list item using its index value
-	*   @param {number} Index of the listbox item to be unselected.
-	*   @returns {void}
-	*/
-	unselectItemByIndex(index: number): void;
-
-	/** Unselects a selected list item using its text value.
-	*   @param {string} Text of the listbox item to be unselected.
-	*   @returns {void}
-	*/
-	unselectItemByText(text: string): void;
-
-	/** Unselects a selected list item using its value.
-	*   @param {string} Value of the listbox item to be unselected.
-	*   @returns {void}
-	*/
-	unselectItemByValue(value: string): void;
-
-	/** Unselects a set of list items using its index values.
-	*   @param {number[]|string} Indices of the listbox item to be unselected.
-	*   @returns {void}
-	*/
-	unselectItemsByIndices(indices: number[]|string): void;
-
-	/** Hides all the checked items in the listbox.
-	*   @returns {void}
-	*/
-	hideCheckedItems(): void;
-
-	/** Shows a set of hidden list Items using its index values.
-	*   @param {number[]|string} Indices of the listbox items to be shown.
-	*   @returns {void}
-	*/
-	showItemByIndices(indices: number[]|string): void;
-
-	/** Hides a set of list Items using its index values.
-	*   @param {number[]|string} Indices of the listbox items to be hidden.
-	*   @returns {void}
-	*/
-	hideItemsByIndices(indices: number[]|string): void;
-
-	/** Shows the hidden list items using its values.
-	*   @param {Array<any>} Values of the listbox items to be shown.
-	*   @returns {void}
-	*/
-	showItemsByValues(values: Array<any>): void;
-
-	/** Hides the list item using its values.
-	*   @param {Array<any>} Values of the listbox items to be hidden.
-	*   @returns {void}
-	*/
-	hideItemsByValues(values: Array<any>): void;
-
-	/** Shows a hidden list item using its value.
-	*   @param {string} Value of the listbox item to be shown.
-	*   @returns {void}
-	*/
-	showItemByValue(value: string): void;
-
-	/** Hide a list item using its value.
-	*   @param {string} Value of the listbox item to be hidden.
-	*   @returns {void}
-	*/
-	hideItemByValue(value: string): void;
-
-	/** Shows a hidden list item using its index value.
-	*   @param {number} Index of the listbox item to be shown.
-	*   @returns {void}
-	*/
-	showItemByIndex(index: number): void;
-
-	/** Hides a list item using its index value.
-	*   @param {number} Index of the listbox item to be hidden.
-	*   @returns {void}
-	*/
-	hideItemByIndex(index: number): void;
-
-	/** 
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** Hides the listbox.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Hides all the listbox items in the listbox.
-	*   @returns {void}
-	*/
-	hideAllItems(): void;
-
-	/** Shows all the listbox items in the listbox.
-	*   @returns {void}
-	*/
-	showAllItems(): void;
-}
-export module ListBox{
-
-export interface Model {
-
-	/** Enables/disables the dragging behavior of the items in ListBox widget.
-	*   @Default {false}
-	*/
-	allowDrag?: boolean;
-
-	/** Accepts the items which are dropped in to it, when it is set to true.
-	*   @Default {false}
-	*/
-	allowDrop?: boolean;
-
-	/** Enables or disables multiple selection.
-	*   @Default {false}
-	*/
-	allowMultiSelection?: boolean;
-
-	/** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using “virtualScrollMode” property.
-	*   @Default {false}
-	*/
-	allowVirtualScrolling?: boolean;
-
-	/** Enables or disables the case sensitive search for list item by typing the text (search) value.
-	*   @Default {false}
-	*/
-	caseSensitiveSearch?: boolean;
-
-	/** Dynamically populate data of a list box while selecting an item in another list box i.e. rendering child list box based on the item selection in parent list box. This property accepts the id of the child ListBox widget to populate the data.
-	*   @Default {null}
-	*/
-	cascadeTo?: string;
-
-	/** Set of list items to be checked by default using its index. It works only when the showCheckbox property is set to true.
-	*   @Default {null}
-	*/
-	checkedIndices?: Array<any>;
-
-	/** The root class for the ListBox widget to customize the existing theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Contains the list of data for generating the list items.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Enables or disables the ListBox widget.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Enables or disables the search behavior to find the specific list item by typing the text value.
-	*   @Default {false}
-	*/
-	enableIncrementalSearch?: boolean;
-
-	/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Displays the ListBox widget’s content from right to left when enabled.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specifies ellipsis (&quot;...&quot;) representation in an overflowed list item content when it is set to false.
-	*   @Default {true}
-	*/
-	enableWordWrap?: boolean;
-
-	/** Mapping fields for the data items of the ListBox widget.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Defines the height of the ListBox widget.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Defines the height for individual ListBox item.
-	*   @Default {null}
-	*/
-	itemHeight?: string;
-
-	/** The number of list items to be shown in the ListBox widget. The remaining list items will be scrollable.
-	*   @Default {null}
-	*/
-	itemsCount?: number;
-
-	/** The total number of list items to be rendered in the ListBox widget.
-	*   @Default {null}
-	*/
-	totalItemsCount?: number;
-
-	/** The number of list items to be loaded in the list box while enabling virtual scrolling and when virtualScrollMode is set to continuous.
-	*   @Default {5}
-	*/
-	itemRequestCount?: number;
-
-	/** Loads data for the listbox by default (i.e. on initialization) when it is set to true. It creates empty ListBox if it is set to false.
-	*   @Default {true}
-	*/
-	loadDataOnInit?: boolean;
-
-	/** The query to retrieve required data from the data source.
-	*   @Default {ej.Query()}
-	*/
-	query?: ej.Query;
-
-	/** The list item to be selected by default using its index.
-	*   @Default {null}
-	*/
-	selectedIndex?: number;
-
-	/** The list items to be selected by default using its indices. To use this property allowMultiSelection should be enabled.
-	*   @Default {[]}
-	*/
-	selectedIndices?: Array<any>;
-
-	/** Enables/Disables the multi selection option with the help of checkbox control.
-	*   @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/** To display the ListBox container with rounded corners.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Set to sort ListBox items either by Ascending or Descending order. By default sortOrder is set as enum type of &quot;None&quot;.You can use only below mentioned type for sorting purpose.
-	*   @Default {ej.SortOrder.None}
-	*/
-	sortOrder?: ej.ListBox.SortOrder|string;
-
-	/** The template to display the ListBox widget with customized appearance.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Holds the selected items values and used to bind value to the list item using AngularJS and KnockoutJS.
-	*   @Default {“”}
-	*/
-	value?: number;
-
-	/** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
-	*   @Default {ej.VirtualScrollMode.Normal}
-	*/
-	virtualScrollMode?: ej.VirtualScrollMode|string;
-
-	/** Defines the width of the ListBox widget.
-	*   @Default {null}
-	*/
-	width?: string;
-
-	/** Specifies the targetID for the listbox items.
-	*   @Default {null}
-	*/
-	targetID?: string;
+        export interface ItemDropEventArgs {
 
-	/** Triggers before the AJAX request begins to load data in the ListBox widget. */
-	actionBegin? (e: ActionBeginEventArgs): void;
-
-	/** Triggers after the data requested via AJAX is successfully loaded in the ListBox widget. */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
-
-	/** Triggers when the AJAX requests complete. The request may get failed or succeed. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Triggers when the data requested from AJAX get failed. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Event will be triggered before the requested data via AJAX once loaded in successfully. */
-	actionBeforeSuccess? (e: ActionBeforeSuccessEventArgs): void;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Triggers when the item selection is changed. */
-	change? (e: ChangeEventArgs): void;
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	/** Triggers when the list item is checked or unchecked. */
-	checkChange? (e: CheckChangeEventArgs): void;
+            /** List item’s index.
+             */
+            index?: number;
 
-	/** Triggers when the ListBox widget is created successfully. */
-	create? (e: CreateEventArgs): void;
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-	/** Triggers when the ListBox widget is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-	/** Triggers when focus the listbox items. */
-	focusIn? (e: FocusInEventArgs): void;
+            /** Boolean value based on whether the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
-	/** Triggers when focus out from listbox items. */
-	focusOut? (e: FocusOutEventArgs): void;
+            /** List item’s text (label).
+             */
+            text?: string;
 
-	/** Triggers when the list item is being dragged. */
-	itemDrag? (e: ItemDragEventArgs): void;
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-	/** Triggers when the list item is ready to be dragged. */
-	itemDragStart? (e: ItemDragStartEventArgs): void;
+        export interface SelectEventArgs {
 
-	/** Triggers when the list item stops dragging. */
-	itemDragStop? (e: ItemDragStopEventArgs): void;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Triggers when the list item is dropped. */
-	itemDrop? (e: ItemDropEventArgs): void;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Triggers when a list item gets selected. */
-	select? (e: SelectEventArgs): void;
+            /** List item object.
+             */
+            item?: any;
 
-	/** Triggers when a list item gets unselected. */
-	unselect? (e: UnselectEventArgs): void;
-}
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-export interface ActionBeginEventArgs {
+            /** List item’s index.
+             */
+            index?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the ListBox model
-	*/
-	model?: any;
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
 
-export interface ActionSuccessEventArgs {
+            /** Boolean value based on the list item is enabled or not.
+             */
+            isEnabled?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** List item’s text (label).
+             */
+            text?: string;
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+            /** List item’s value.
+             */
+            value?: string;
+        }
 
-	/** returns the ListBox model
-	*/
-	model?: any;
+        export interface UnselectEventArgs {
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** Instance of the listbox model object.
+             */
+            model?: ej.ListBox.Model;
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** List item object.
+             */
+            item?: any;
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+            /** The Datasource of the listbox.
+             */
+            data?: any;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+            /** List item’s index.
+             */
+            index?: number;
 
-export interface ActionCompleteEventArgs {
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Boolean value based on whether the list item is checked or not.
+             */
+            isChecked?: boolean;
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+            /** Boolean value based on whether the list item is selected or not.
+             */
+            isSelected?: boolean;
+
+            /** Boolean value based on the list item is enabled or not.
+             */
+            isEnabled?: boolean;
+
+            /** List item’s text (label).
+             */
+            text?: string;
+
+            /** List item’s value.
+             */
+            value?: string;
+        }
+
+        export interface Fields {
+
+            /** Defines the specific field name which contains Boolean values to specify whether the list items to be checked by default or not.
+             */
+            checkBy?: boolean;
+
+            /** The grouping in the ListBox widget can be defined using this field.
+             */
+            groupBy?: string;
+
+            /** Defines the HTML attributes such as id, class, styles for the specific ListBox item.
+             */
+            htmlAttributes?: any;
+
+            /** Defines the specific field name which contains id values for the list items.
+             */
+            id?: string;
+
+            /** Defines the imageURL for the image to be displayed in the ListBox item.
+             */
+            imageUrl?: string;
+
+            /** Defines the image attributes such as height, width, styles and so on.
+             */
+            imageAttributes?: string;
+
+            /** Defines the specific field name which contains Boolean values to specify whether the list items to be selected by default or not.
+             */
+            selectBy?: boolean;
+
+            /** Defines the sprite CSS class for the image to be displayed.
+             */
+            spriteCssClass?: string;
+
+            /** Defines the table name to get the specific set of list items to be loaded in the ListBox widget while rendering with remote data.
+             */
+            tableName?: string;
+
+            /** Defines the specific field name in the data source to load the list with data.
+             */
+            text?: string;
+
+            /** Defines the specific field name in the data source to load the list with data value property.
+             */
+            value?: string;
+        }
+
+        enum SortOrder {
+
+            ///The items are not sorted.
+            None,
+
+            ///To sort items in Ascending order.
+            Ascending,
+
+            ///To sort items in Descending order.
+            Descending
+        }
+
+    }
+
+    class Calculate {
+        static fn: Calculate;
+        constructor(element: JQuery | Element, options?: Calculate.Model);
+        static Locale: any;
+        model: Calculate.Model;
+        defaults: Calculate.Model;
+
+        /** Add the custom formulas with function in CalcEngine library
+         * @param {string} pass the formula name
+         * @param {string} pass the custom function name to call
+         * @returns {void}
+         */
+        addCustomFunction(FormulaName: string, FunctionName: string): void;
+
+        /** Adds a named range to the NamedRanges collection
+         * @param {string} pass the namedRange's name
+         * @param {string} pass the cell range of NamedRange
+         * @returns {void}
+         */
+        addNamedRange(Name: string, cellRange: string): void;
+
+        /** Accepts a possible parsed formula and returns the calculated value without quotes.
+         * @param {string} pass the cell range to adjust its range
+         * @returns {string}
+         */
+        adjustRangeArg(Name: string): string;
+
+        /** When a formula cell changes, call this method to clear it from its dependent cells.
+         * @param {string} pass the changed cell address
+         * @returns {void}
+         */
+        clearFormulaDependentCells(Cell: string): void;
+
+        /** Call this method to clear whether an exception was raised during the computation of a library function.
+         * @returns {void}
+         */
+        clearLibraryComputationException(): void;
+
+        /** Get the column index from a cell reference passed in.
+         * @param {string} pass the cell address
+         * @returns {void}
+         */
+        colIndex(Cell: string): void;
+
+        /** Evaluates a parsed formula.
+         * @param {string} pass the parsed formula
+         * @returns {string}
+         */
+        computedValue(Formula: string): string;
+
+        /** Evaluates a parsed formula.
+         * @param {string} pass the parsed formula
+         * @returns {string}
+         */
+        computeFormula(Formula: string): string;
+    }
+    export namespace Calculate {
+
+        export interface Model {
+        }
+    }
+
+    class CheckBox extends ej.Widget {
+        static fn: CheckBox;
+        constructor(element: JQuery | Element, options?: CheckBox.Model);
+        static Locale: any;
+        model: CheckBox.Model;
+        defaults: CheckBox.Model;
+
+        /** Destroy the CheckBox widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Disable the CheckBox to prevent all user interactions.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the CheckBox
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** To Check the status of CheckBox
+         * @returns {boolean}
+         */
+        isChecked(): boolean;
+    }
+    export namespace CheckBox {
+
+        export interface Model {
+
+            /** Specifies whether CheckBox has to be in checked or not. We can also specify array of string as value for this property. If any of the value in the specified array matches the
+             * value of the textbox, then it will be considered as checked. It will be useful in MVVM binding, specify array type to identify the values of the checked CheckBoxes.
+             * @Default {false}
+             */
+            checked?: boolean|string[];
+
+            /** Specifies the State of CheckBox.See below to get available CheckState
+             * @Default {null}
+             */
+            checkState?: ej.CheckState|string;
+
+            /** Sets the root CSS class for CheckBox theme, which is used customize.
+             */
+            cssClass?: string;
+
+            /** Specifies the checkbox control state.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specifies the persist property for CheckBox while initialization. The persist API save current model value to browser cookies for state maintains. While refreshing the CheckBox
+             * control page the model value apply from browser cookies.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specify the Right to Left direction to Checkbox
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specifies the enable or disable Tri-State for checkbox control.
+             * @Default {false}
+             */
+            enableTriState?: boolean;
+
+            /** It allows to define the characteristics of the CheckBox control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specified value to be added an id attribute of the CheckBox.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Specify the prefix value of id to be added before the current id of the CheckBox.
+             * @Default {ej}
+             */
+            idPrefix?: string;
+
+            /** Specifies the name attribute of the CheckBox.
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Displays rounded corner borders to CheckBox
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the size of the CheckBox.See below to know available CheckboxSize
+             * @Default {small}
+             */
+            size?: ej.CheckboxSize|string;
+
+            /** Specifies the text content to be displayed for CheckBox.
+             */
+            text?: string;
+
+            /** Set the jQuery validation error message in CheckBox.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Set the jQuery validation rules in CheckBox.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Specifies the value attribute of the CheckBox.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Fires before the CheckBox is going to changed its state successfully
+             */
+            beforeChange?(e: BeforeChangeEventArgs): void;
+
+            /** Fires when the CheckBox state is changed successfully
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when the CheckBox state is created successfully
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the CheckBox state is destroyed successfully
+             */
+            destroy?(e: DestroyEventArgs): void;
+        }
+
+        export interface BeforeChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the CheckBox model
+             */
+            model?: ej.CheckBox.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the event model values
+             */
+            event?: any;
+
+            /** returns the status whether the element is checked or not.
+             */
+            isChecked?: boolean;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the CheckBox model
+             */
+            model?: ej.CheckBox.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the event arguments
+             */
+            event?: any;
+
+            /** returns the status whether the element is checked or not.
+             */
+            isChecked?: boolean;
+
+            /** returns the state of the checkbox
+             */
+            checkState?: string;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the CheckBox model
+             */
+            model?: ej.CheckBox.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the CheckBox model
+             */
+            model?: ej.CheckBox.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+    enum CheckState {
+        //string
+        Uncheck,
+        //string
+        Check,
+        //string
+        Indeterminate,
+    }
+    enum CheckboxSize {
+        //Displays the CheckBox in medium size
+        Medium,
+        //Displays the CheckBox in small size
+        Small,
+    }
+
+    class ColorPicker extends ej.Widget {
+        static fn: ColorPicker;
+        constructor(element: JQuery | Element, options?: ColorPicker.Model);
+        static Locale: any;
+        model: ColorPicker.Model;
+        defaults: ColorPicker.Model;
+
+        /** Disables the color picker control
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enable the color picker control
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Gets the selected color in RGB format
+         * @returns {any}
+         */
+        getColor(): any;
+
+        /** Gets the selected color value as string
+         * @returns {string}
+         */
+        getValue(): string;
+
+        /** To Convert color value from hexCode to RGB
+         * @param {string} Specified HEX code converted to RGB
+         * @returns {any}
+         */
+        hexCodeToRGB(colorCode: string): any;
+
+        /** Hides the ColorPicker popup, if in opened state.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Convert color value from HSV to RGB
+         * @param {any} Specified HSV code converted to RGB
+         * @returns {any}
+         */
+        HSVToRGB(HSV: any): any;
+
+        /** Convert color value from RGB to HEX
+         * @param {any} Specified RGB code converted to HEX code
+         * @returns {string}
+         */
+        RGBToHEX(RGB: any): string;
+
+        /** Convert color value from RGB to HSV
+         * @param {any} Specified RGB code converted to HSV code
+         * @returns {any}
+         */
+        RGBToHSV(RGB: any): any;
+
+        /** Open the ColorPicker popup.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace ColorPicker {
+
+        export interface Model {
+
+            /** The ColorPicker control allows to define the customized text to displayed in button elements. Using the property to achieve the customized culture values.
+             * @Default {{ apply: Apply, cancel: Cancel, swatches: Swatches }}
+             */
+            buttonText?: ButtonText;
+
+            /** Allows to change the mode of the button. Please refer below to know available button mode
+             * @Default {ej.ButtonMode.Split}
+             */
+            buttonMode?: ej.ButtonMode|string;
+
+            /** Specifies the number of columns to be displayed color palette model.
+             * @Default {10}
+             */
+            columns?: number|string;
+
+            /** This property allows you to customize its appearance using user-defined CSS and custom skin options such as colors and backgrounds.
+             */
+            cssClass?: string;
+
+            /** This property allows to define the custom colors in the palette model.Custom palettes are created by passing a comma delimited string of HEX values or an array of colors.
+             * @Default {empty}
+             */
+            custom?: any[];
+
+            /** This property allows to embed the popup in the order of DOM element flow . When we set the value as true, the color picker popup is always in visible state.
+             * @Default {false}
+             */
+            displayInline?: boolean;
+
+            /** This property allows to change the control in enabled or disabled state.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** This property allows to enable or disable the opacity slider in the color picker control
+             * @Default {true}
+             */
+            enableOpacity?: boolean;
+
+            /** It allows to define the characteristics of the ColorPicker control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Defines the localized text values in button and tooltip.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the model type to be rendered initially in the color picker control. See below to get available ModelType
+             * @Default {ej.ColorPicker.ModelType.Default}
+             */
+            modelType?: ej.ColorPicker.ModelType|string;
+
+            /** This property allows to change the opacity value .The selected color opacity will be adjusted by using this opacity value.
+             * @Default {100}
+             */
+            opacityValue?: number|string;
+
+            /** Specifies the palette type to be displayed at initial time in palette model.There two types of palette model available in ColorPicker control. See below available Palette
+             * @Default {ej.ColorPicker.Palette.BasicPalette}
+             */
+            palette?: ej.ColorPicker.Palette|string;
+
+            /** This property allows to define the preset model to be rendered initially in palette type.It consists of 12 different types of presets. Each presets have 50 colors. See below
+             * available Presets
+             * @Default {ej.ColorPicker.Presets.Basic}
+             */
+            presetType?: ej.ColorPicker.Presets|string;
+
+            /** Allows to show/hides the apply and cancel buttons in ColorPicker control
+             * @Default {true}
+             */
+            showApplyCancel?: boolean;
+
+            /** Allows to show/hides the clear button in ColorPicker control
+             * @Default {true}
+             */
+            showClearButton?: boolean;
+
+            /** This property allows to provides live preview support for current cursor selection color and selected color.
+             * @Default {true}
+             */
+            showPreview?: boolean;
+
+            /** This property allows to store the color values in custom list.The ColorPicker will keep up to 11 colors in a custom list.By clicking the add button, the selected color from picker
+             * or palette will get added in the recent color list.
+             * @Default {false}
+             */
+            showRecentColors?: boolean;
+
+            /** Allows to show/hides the switcher button in ColorPicker control.It helps to switch palette or picker mode in colorpicker.
+             * @Default {true}
+             */
+            showSwitcher?: boolean;
+
+            /** This property allows to shows tooltip to notify the slider value in color picker control.
+             * @Default {false}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the toolIcon to be displayed in dropdown control color area.
+             * @Default {null}
+             */
+            toolIcon?: string;
+
+            /** This property allows to define the customized text or content to displayed when mouse over the following elements. This property also allows to use the culture values.
+             * @Default {{ switcher: Switcher, addbutton: Add Color, basic: Basic, monochrome: Mono Chrome, flatcolors: Flat Color, seawolf: Sea Wolf, webcolors: Web Colors, sandy: Sandy,
+             * pinkshades: Pink Shades, misty: Misty, citrus: Citrus, vintage: Vintage, moonlight: Moon Light, candycrush: Candy Crush, currentcolor: Current Color, selectedcolor: Selected
+             * Color }}
+             */
+            tooltipText?: TooltipText;
+
+            /** Specifies the color value for color picker control, the value is in hexadecimal form with prefix of &quot;#&quot;.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Fires after Color value has been changed successfully.If the user want to perform any operation after the color value changed then the user can make use of this change event.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires after closing the color picker popup.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires after Color picker control is created. If the user want to perform any operation after the color picker control creation then the user can make use of this create event.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires after Color picker control is destroyed. If the user want to perform any operation after the color picker control destroyed then the user can make use of this destroy event.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires after opening the color picker popup
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Fires after Color value has been selected successfully. If the user want to perform any operation after the color value selected then the user can make use of this select event.
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the color picker model
+             */
+            model?: ej.ColorPicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return the changed color value
+             */
+            value?: string;
+        }
+
+        export interface CloseEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the color picker model
+             */
+            model?: ej.ColorPicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface CreateEventArgs {
 
-	/** returns the ListBox model
-	*/
-	model?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** returns the color picker model
+             */
+            model?: any;
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface DestroyEventArgs {
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+            /** returns the color picker model
+             */
+            model?: ej.ColorPicker.Model;
 
-export interface ActionFailureEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface OpenEventArgs {
 
-	/** Returns the error message
-	*/
-	error?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the ListBox model
-	*/
-	model?: any;
+            /** returns the color picker model
+             */
+            model?: ej.ColorPicker.Model;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface SelectEventArgs {
 
-export interface ActionBeforeSuccessEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** returns the color picker model
+             */
+            model?: ej.ColorPicker.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** List of actual object.
-	*/
-	actual?: any;
+            /** return the selected color value
+             */
+            value?: string;
+        }
 
-	/** Object of ListBox widget which contains DataManager arguments
-	*/
-	request?: any;
+        export interface ButtonText {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Sets the text for the apply button.
+             */
+            apply?: string;
 
-	/** List of array object
-	*/
-	result?: Array<any>;
+            /** Sets the text for the cancel button.
+             */
+            cancel?: string;
 
-	/** ExecuteQuery object of DataManager
-	*/
-	xhr?: any;
-}
+            /** Sets the header text for the swatches area.
+             */
+            swatches?: string;
+        }
 
-export interface ChangeEventArgs {
+        export interface TooltipText {
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** Sets the tooltip text for the switcher button.
+             */
+            switcher?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** Sets the tooltip text for the add button.
+             */
+            addbutton?: string;
 
-	/** List item object.
-	*/
-	item?: any;
+            /** Sets the tooltip text for the basic preset.
+             */
+            basic?: string;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** Sets the tooltip text for the mono chrome preset.
+             */
+            monochrome?: string;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** Sets the tooltip text for the flat colors preset.
+             */
+            flatcolors?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Sets the tooltip text for the sea wolf preset.
+             */
+            seawolf?: string;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+            /** Sets the tooltip text for the web colors preset.
+             */
+            webcolors?: string;
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+            /** Sets the tooltip text for the sandy preset.
+             */
+            sandy?: string;
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** Sets the tooltip text for the pink shades preset.
+             */
+            pinkshades?: string;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** Sets the tooltip text for the misty preset.
+             */
+            misty?: string;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            /** Sets the tooltip text for the citrus preset.
+             */
+            citrus?: string;
 
-export interface CheckChangeEventArgs {
+            /** Sets the tooltip text for the vintage preset.
+             */
+            vintage?: string;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** Sets the tooltip text for the moon light preset.
+             */
+            moonlight?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** Sets the tooltip text for the candy crush preset.
+             */
+            candycrush?: string;
 
-	/** List item object.
-	*/
-	item?: any;
+            /** Sets the tooltip text for the current color area.
+             */
+            currentcolor?: string;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** Sets the tooltip text for the selected color area.
+             */
+            selectedcolor?: string;
+        }
 
-	/** List item’s index.
-	*/
-	index?: number;
+        enum ModelType {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            ///support palette type mode in color picker.
+            Palette,
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+            ///support palette type mode in color picker.
+            Picker
+        }
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+        enum Palette {
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            ///used to show the basic palette
+            BasicPalette,
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            ///used to show the custompalette
+            CustomPalette
+        }
 
-export interface CreateEventArgs {
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+        enum Presets {
 
-	/** Name of the event.
-	*/
-	type?: string;
+            ///used to show the basic presets
+            Basic,
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+            ///used to show the CandyCrush colors presets
+            CandyCrush,
 
-export interface DestroyEventArgs {
+            ///used to show the Citrus colors presets
+            Citrus,
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            ///used to show the FlatColors presets
+            FlatColors,
 
-	/** Name of the event.
-	*/
-	type?: string;
+            ///used to show the Misty presets
+            Misty,
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+            ///used to show the MoonLight presets
+            MoonLight,
+
+            ///used to show the PinkShades presets
+            PinkShades,
 
-export interface FocusInEventArgs {
+            ///used to show the Sandy presets
+            Sandy,
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            ///used to show the Seawolf presets
+            SeaWolf,
+
+            ///used to show the Vintage presets
+            Vintage,
+
+            ///used to show the WebColors presets
+            WebColors
+        }
+
+    }
+    enum ButtonMode {
+        //Displays the button in split mode
+        Split,
+        //Displays the button in Dropdown mode
+        Dropdown,
+    }
+
+    class FileExplorer extends ej.Widget {
+        static fn: FileExplorer;
+        constructor(element: JQuery | Element, options?: FileExplorer.Model);
+        static Locale: any;
+        model: FileExplorer.Model;
+        defaults: FileExplorer.Model;
+
+        /** Refresh the size of FileExplorer control.
+         * @returns {void}
+         */
+        adjustSize(): void;
+
+        /** Disable the particular context menu item.
+         * @param {string|HTMLElement} Id of the menu item/ Menu element to be disabled
+         * @returns {void}
+         */
+        disableMenuItem(item: string|HTMLElement): void;
+
+        /** Disable the particular toolbar item.
+         * @param {string|HTMLElement} Id of the toolbar item/ Tool item element to be disabled
+         * @returns {void}
+         */
+        disableToolbarItem(item: string|HTMLElement): void;
+
+        /** Enable the particular context menu item.
+         * @param {string|HTMLElement} Id of the menu item/ Menu element to be Enabled
+         * @returns {void}
+         */
+        enableMenuItem(item: string|HTMLElement): void;
+
+        /** Enable the particular toolbar item
+         * @param {string|HTMLElement} Id of the tool item/ Tool item element to be Enabled
+         * @returns {void}
+         */
+        enableToolbarItem(item: string|HTMLElement): void;
+
+        /** Refresh the content of the selected folder in FileExplorer control.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Remove the particular toolbar item.
+         * @param {string|HTMLElement} Id of the tool item/ tool item element to be removed
+         * @returns {void}
+         */
+        removeToolbarItem(item: string|HTMLElement): void;
+    }
+    export namespace FileExplorer {
+
+        export interface Model {
+
+            /** Sets the URL of server side AJAX handling method that handles file operation like Read, Remove, Rename, Create, Upload, Download, Copy and Move in FileExplorer.
+             */
+            ajaxAction?: string;
+
+            /** Specifies the data type of server side AJAX handling method.
+             * @Default {json}
+             */
+            ajaxDataType?: string;
+
+            /** By using ajaxSettings property, you can customize the AJAX configurations. Normally you can customize the following option in AJAX handling data, URL, type, async, contentType,
+             * dataType and success. For upload, download and getImage API, you can only customize URL.
+             * @Default {{ read: {}, createFolder: {}, remove: {}, rename: {}, paste: {}, getDetails: {}, download: {}, upload: {}, getImage: {}, search: {}}}
+             */
+            ajaxSettings?: any;
+
+            /** The FileExplorer allows to move the files from one folder to another folder of FileExplorer by using drag and drop option. Also it supports to upload a file by dragging it from
+             * windows explorer to the necessary folder of ejFileExplorer.
+             * @Default {true}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable keyboard support for FileExplorer actions.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** The FileExplorer allows to select multiple files by enabling the allowMultiSelection property. You can perform multi selection by pressing the Ctrl key or Shift key.
+             * @Default {true}
+             */
+            allowMultiSelection?: boolean;
+
+            /** By using the contextMenuSettings property, you can customize the ContextMenu in the FileExplorer control.
+             */
+            contextMenuSettings?: ContextMenuSettings;
+
+            /** Sets the root class for FileExplorer theme. This cssClass API allows to use custom skinning option for File Explorer control. By defining the root class by using this API, you
+             * have to include this root class in CSS.
+             */
+            cssClass?: string;
+
+            /** Specify the enablePersistence to FileExplorer to save the current model value in browser cookies for state maintains.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Enables or disables the resize support in FileExplorer control.
+             * @Default {false}
+             */
+            enableResize?: boolean;
+
+            /** Enables or disables the Right to Left alignment support in FileExplorer control.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Enables or disables the thumbnail image compression option in FileExplorer control. By enabling this option, you can reduce the thumbnail image size while loading.
+             * @Default {false}
+             */
+            enableThumbnailCompress?: boolean;
+
+            /** Allows specified type of files only to display in FileExplorer control.
+             * @Default {.}
+             */
+            fileTypes?: string;
+
+            /** By using filterSettings property, you can customize the search functionality of the search bar in FileExplorer control.
+             */
+            filterSettings?: FilterSettings;
+
+            /** By using the gridSettings property, you can customize the grid behavior in the FileExplorer control.
+             */
+            gridSettings?: GridSettings;
+
+            /** Specifies the height of FileExplorer control.
+             * @Default {400}
+             */
+            height?: string|number;
+
+            /** Enables or disables the responsive support for FileExplorer control during the window resizing time.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Sets the file view type. There are three view types available such as Grid, Tile and Large icons. See layoutType.
+             * @Default {ej.FileExplorer.layoutType.Grid}
+             */
+            layout?: ej.FileExplorer.layoutType|string;
+
+            /** Sets the culture in FileExplorer.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the maximum height of FileExplorer control.
+             * @Default {null}
+             */
+            maxHeight?: string|number;
+
+            /** Sets the maximum width of FileExplorer control.
+             * @Default {null}
+             */
+            maxWidth?: string|number;
+
+            /** Sets the minimum height of FileExplorer control.
+             * @Default {250px}
+             */
+            minHeight?: string|number;
+
+            /** Sets the minimum width of FileExplorer control.
+             * @Default {400px}
+             */
+            minWidth?: string|number;
+
+            /** The property path denotes the filesystem path that are to be explored. The path for the filesystem can be physical path or relative path, but it has to be relevant to where the
+             * Web API is hosted.
+             */
+            path?: string;
+
+            /** The selectedFolder is used to select the specified folder of FileExplorer control.
+             */
+            selectedFolder?: string;
+
+            /** The selectedItems is used to select the specified items (file, folder) of FileExplorer control.
+             */
+            selectedItems?: string|any[];
+
+            /** Enables or disables the checkbox option in FileExplorer control.
+             * @Default {true}
+             */
+            showCheckbox?: boolean;
+
+            /** Enables or disables the context menu option in FileExplorer control.
+             * @Default {true}
+             */
+            showContextMenu?: boolean;
+
+            /** Enables or disables the footer in FileExplorer control. The footer element displays the details of the current selected files and folders. And also the footer having the switcher
+             * to change the layout view.
+             * @Default {true}
+             */
+            showFooter?: boolean;
+
+            /** FileExplorer control is displayed with rounded corner when this property is set to true.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** FileExplorer control is rendered with thumbnail preview of images in Tile and LargeIcons layout when this property set to true.
+             * @Default {true}
+             */
+            showThumbnail?: boolean;
+
+            /** Shows or disables the toolbar in FileExplorer control.
+             * @Default {true}
+             */
+            showToolbar?: boolean;
+
+            /** Enables or disables the navigation pane in FileExplorer control. The navigation pane contains a tree view element that displays all the folders from the filesystem in a
+             * hierarchical manner. This is useful to a quick navigation of any folder in the filesystem.
+             * @Default {true}
+             */
+            showNavigationPane?: boolean;
+
+            /** The tools property is used to configure and group required toolbar items in FileExplorer control.
+             * @Default {{ creation: [NewFolder], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy,
+             * Paste], getProperties: [Details], searchBar: [Searchbar], layout: [Layout], sortBy: [SortBy]}}
+             */
+            tools?: any;
+
+            /** The toolsList property is used to arrange the toolbar items in the FileExplorer control.
+             * @Default {[layout, creation, navigation, addressBar, editing, copyPaste, sortBy, getProperties, searchBar]}
+             */
+            toolsList?: any[];
+
+            /** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
+             */
+            uploadSettings?: UploadSettings;
+
+            /** Specifies the width of FileExplorer control.
+             * @Default {850}
+             */
+            width?: string|number;
+
+            /** Fires before the AJAX request is performed.
+             */
+            beforeAjaxRequest?(e: BeforeAjaxRequestEventArgs): void;
+
+            /** Fires before downloading the files.
+             */
+            beforeDownload?(e: BeforeDownloadEventArgs): void;
+
+            /** Fires before getting a requested image from server. Also this event will be triggered when you have enabled thumbnail image compression option in FileExplorer.Using this event,
+             * you can customize the image compression size.
+             */
+            beforeGetImage?(e: BeforeGetImageEventArgs): void;
+
+            /** Fires before files or folders open.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires before uploading the files.
+             */
+            beforeUpload?(e: BeforeUploadEventArgs): void;
+
+            /** Fires when FileExplorer control was created
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when file or folder is copied successfully.
+             */
+            copy?(e: CopyEventArgs): void;
+
+            /** Fires when new folder is created successfully in file system.
+             */
+            createFolder?(e: CreateFolderEventArgs): void;
+
+            /** Fires when file or folder is cut successfully.
+             */
+            cut?(e: CutEventArgs): void;
+
+            /** Fires when the FileExplorer is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when the files or directory has been started to drag over on the FileExplorer
+             */
+            dragStart?(e: DragStartEventArgs): void;
+
+            /** Fires when the files or directory is dragging over on the FileExplorer.
+             */
+            drag?(e: DragEventArgs): void;
+
+            /** Fires when the files or directory has been stopped to drag over on FileExplorer
+             */
+            dragStop?(e: DragStopEventArgs): void;
+
+            /** Fires when the files or directory is dropped to the target folder of FileExplorer
+             */
+            drop?(e: DropEventArgs): void;
+
+            /** Fires after loading the requested image from server. Using this event, you can get the details of loaded image.
+             */
+            getImage?(e: GetImageEventArgs): void;
+
+            /** Fires when keydown in FileExplorer control.
+             */
+            keydown?(e: KeydownEventArgs): void;
+
+            /** Fires when the file view type is changed.
+             */
+            layoutChange?(e: LayoutChangeEventArgs): void;
+
+            /** Fires when before the ContextMenu opening.
+             */
+            menuBeforeOpen?(e: MenuBeforeOpenEventArgs): void;
+
+            /** Fires when click the ContextMenu item.
+             */
+            menuClick?(e: MenuClickEventArgs): void;
+
+            /** Fires when ContextMenu is successfully opened.
+             */
+            menuOpen?(e: MenuOpenEventArgs): void;
+
+            /** Fires when files are successfully opened.
+             */
+            open?(e: OpenEventArgs): void;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** Fires when a file or folder is pasted successfully.
+             */
+            paste?(e: PasteEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+            /** Fires when file or folder is deleted successfully.
+             */
+            remove?(e: RemoveEventArgs): void;
 
-export interface FocusOutEventArgs {
+            /** Fires when resizing is performed for FileExplorer.
+             */
+            resize?(e: ResizeEventArgs): void;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** Fires when resizing is started for FileExplorer.
+             */
+            resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** Fires this event when the resizing is stopped for FileExplorer.
+             */
+            resizeStop?(e: ResizeStopEventArgs): void;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-}
+            /** Fires when the items from grid view or tile view of FileExplorer control is selected.
+             */
+            select?(e: SelectEventArgs): void;
 
-export interface ItemDragEventArgs {
+            /** Triggered when refresh the template column elements in the grid view of FileExplorer control.
+             */
+            templateRefresh?(e: TemplateRefreshEventArgs): void;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected.
+             */
+            unselect?(e: UnselectEventArgs): void;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
+        export interface BeforeAjaxRequestEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** returns the AJAX request data
+             */
+            data?: any;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** returns the FileExplorer model
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+        export interface BeforeDownloadEventArgs {
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** returns the downloaded file names.
+             */
+            files?: string[];
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-export interface ItemDragStartEventArgs {
+            /** returns the path of currently opened item.
+             */
+            path?: string;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface BeforeGetImageEventArgs {
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** enable or disable the image compress option.
+             */
+            canCompress?: boolean;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+            /** returns the expected image size.
+             */
+            size?: any;
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+        export interface BeforeOpenEventArgs {
 
-export interface ItemDragStopEventArgs {
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** returns the opened item type.
+             */
+            itemType?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the path of currently opened item.
+             */
+            path?: string;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+        export interface BeforeUploadEventArgs {
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** returns the path of currently opened item.
+             */
+            path?: string;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-export interface ItemDropEventArgs {
+            /** returns the upload item details.
+             */
+            uploadItemDetails?: any;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
+        export interface CreateEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+        export interface CopyEventArgs {
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Boolean value based on whether the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** returns the name of copied file/folder.
+             */
+            name?: string[];
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-export interface SelectEventArgs {
+            /** returns the source path.
+             */
+            sourcePath?: string;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
+        export interface CreateFolderEventArgs {
 
-	/** List item object.
-	*/
-	item?: any;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** returns the AJAX response data
+             */
+            data?: any;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** returns the FileExplorer model
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the selected item details
+             */
+            selectedItems?: any;
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+        export interface CutEventArgs {
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            /** returns the name of moved file or folder.
+             */
+            name?: string[];
 
-export interface UnselectEventArgs {
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-	/** Instance of the listbox model object.
-	*/
-	model?: ej.ListBox.Model;
+            /** returns the source path.
+             */
+            sourcePath?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** List item object.
-	*/
-	item?: any;
+        export interface DestroyEventArgs {
 
-	/** The Datasource of the listbox.
-	*/
-	data?: any;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** List item’s index.
-	*/
-	index?: number;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Boolean value based on whether the list item is checked or not.
-	*/
-	isChecked?: boolean;
+        export interface DragStartEventArgs {
 
-	/** Boolean value based on whether the list item is selected or not.
-	*/
-	isSelected?: boolean;
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Boolean value based on the list item is enabled or not.
-	*/
-	isEnabled?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** List item’s text (label).
-	*/
-	text?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** List item’s value.
-	*/
-	value?: string;
-}
+            /** returns the dragging element.
+             */
+            target?: any;
 
-export interface Fields {
+            /** returns the path of dragging element.
+             */
+            targetPath?: string;
 
-	/** Defines the specific field name which contains Boolean values to specify whether the list items to be checked by default or not.
-	*/
-	checkBy?: boolean;
+            /** returns the dragging file details.
+             */
+            selectedItems?: any;
+        }
 
-	/** The grouping in the ListBox widget can be defined using this field.
-	*/
-	groupBy?: string;
+        export interface DragEventArgs {
 
-	/** Defines the HTML attributes such as id, class, styles for the specific ListBox item.
-	*/
-	htmlAttributes?: any;
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Defines the specific field name which contains id values for the list items.
-	*/
-	id?: string;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Defines the imageURL for the image to be displayed in the ListBox item.
-	*/
-	imageUrl?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Defines the image attributes such as height, width, styles and so on.
-	*/
-	imageAttributes?: string;
+            /** returns the target element.
+             */
+            target?: any;
 
-	/** Defines the specific field name which contains Boolean values to specify whether the list items to be selected by default or not.
-	*/
-	selectBy?: boolean;
+            /** returns the name of target element.
+             */
+            targetElementName?: string;
 
-	/** Defines the sprite CSS class for the image to be displayed.
-	*/
-	spriteCssClass?: string;
+            /** returns the path of target element.
+             */
+            targetPath?: string;
+        }
 
-	/** Defines the table name to get the specific set of list items to be loaded in the ListBox widget while rendering with remote data.
-	*/
-	tableName?: string;
+        export interface DragStopEventArgs {
 
-	/** Defines the specific field name in the data source to load the list with data.
-	*/
-	text?: string;
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Defines the specific field name in the data source to load the list with data value property.
-	*/
-	value?: string;
-}
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-enum SortOrder{
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/// The items are not sorted. 
-	None,
+            /** returns the target element.
+             */
+            target?: any;
 
-	/// To sort items in Ascending order.
-	Ascending,
+            /** returns the path of target element.
+             */
+            targetPath?: string;
 
-	/// To sort items in Descending order.
-	Descending
-}
+            /** returns the name of target element
+             */
+            targetElementName?: string;
 
-}
+            /** returns the action, which is performed after dropping the files (upload/ move).
+             */
+            dropAction?: string;
 
-class Calculate {
-	static fn: Calculate;
-	constructor(element: JQuery, options?: Calculate.Model);
-	constructor(element: Element, options?: Calculate.Model);
-	static Locale: any;
-	model:Calculate.Model;
-	defaults:Calculate.Model;
-
-	/** Add the custom formulas with function in CalcEngine library
-	*   @param {string} pass the formula name
-	*   @param {string} pass the custom function name to call
-	*   @returns {void}
-	*/
-	addCustomFunction(FormulaName: string, FunctionName: string): void;
-
-	/** Adds a named range to the NamedRanges collection
-	*   @param {string} pass the namedRange's name
-	*   @param {string} pass the cell range of NamedRange
-	*   @returns {void}
-	*/
-	addNamedRange(Name: string, cellRange: string): void;
-
-	/** Accepts a possible parsed formula and returns the calculated value without quotes.
-	*   @param {string} pass the cell range to adjust its range
-	*   @returns {string}
-	*/
-	adjustRangeArg(Name: string): string;
-
-	/** When a formula cell changes, call this method to clear it from its dependent cells.
-	*   @param {string} pass the changed cell address
-	*   @returns {void}
-	*/
-	clearFormulaDependentCells(Cell: string): void;
-
-	/** Call this method to clear whether an exception was raised during the computation of a library function.
-	*   @returns {void}
-	*/
-	clearLibraryComputationException(): void;
-
-	/** Get the column index from a cell reference passed in.
-	*   @param {string} pass the cell address
-	*   @returns {void}
-	*/
-	colIndex(Cell: string): void;
-
-	/** Evaluates a parsed formula.
-	*   @param {string} pass the parsed formula
-	*   @returns {string}
-	*/
-	computedValue(Formula: string): string;
-
-	/** Evaluates a parsed formula.
-	*   @param {string} pass the parsed formula
-	*   @returns {string}
-	*/
-	computeFormula(Formula: string): string;
-}
-export module Calculate{
+            /** returns the dragging file details
+             */
+            fileInfo?: any;
+        }
 
-export interface Model {
-}
-}
+        export interface DropEventArgs {
 
-class CheckBox extends ej.Widget {
-	static fn: CheckBox;
-	constructor(element: JQuery, options?: CheckBox.Model);
-	constructor(element: Element, options?: CheckBox.Model);
-	static Locale: any;
-	model:CheckBox.Model;
-	defaults:CheckBox.Model;
-
-	/** Destroy the CheckBox widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disable the CheckBox to prevent all user interactions.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the CheckBox
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** To Check the status of CheckBox
-	*   @returns {boolean}
-	*/
-	isChecked(): boolean;
-}
-export module CheckBox{
-
-export interface Model {
-
-	/** Specifies whether CheckBox has to be in checked or not. We can also specify array of string as value for this property. If any of the value in the specified array matches the value of the textbox, then it will be considered as checked. It will be useful in MVVM binding, specify array type to identify the values of the checked CheckBoxes.
-	*   @Default {false}
-	*/
-	checked?: boolean|string[];
-
-	/** Specifies the State of CheckBox.See below to get available CheckState
-	*   @Default {null}
-	*/
-	checkState?: ej.CheckState|string;
-
-	/** Sets the root CSS class for CheckBox theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/** Specifies the checkbox control state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specifies the persist property for CheckBox while initialization. The persist API save current model value to browser cookies for state maintains. While refreshing the CheckBox control page the model value apply from browser cookies.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specify the Right to Left direction to Checkbox
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specifies the enable or disable Tri-State for checkbox control.
-	*   @Default {false}
-	*/
-	enableTriState?: boolean;
-
-	/** It allows to define the characteristics of the CheckBox control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specified value to be added an id attribute of the CheckBox.
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Specify the prefix value of id to be added before the current id of the CheckBox.
-	*   @Default {ej}
-	*/
-	idPrefix?: string;
-
-	/** Specifies the name attribute of the CheckBox.
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Displays rounded corner borders to CheckBox
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies the size of the CheckBox.See below to know available CheckboxSize
-	*   @Default {small}
-	*/
-	size?: ej.CheckboxSize|string;
-
-	/** Specifies the text content to be displayed for CheckBox.
-	*/
-	text?: string;
-
-	/** Set the jQuery validation error message in CheckBox.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Set the jQuery validation rules in CheckBox.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** Specifies the value attribute of the CheckBox.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Fires before the CheckBox is going to changed its state successfully */
-	beforeChange? (e: BeforeChangeEventArgs): void;
-
-	/** Fires when the CheckBox state is changed successfully */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when the CheckBox state is created successfully */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the CheckBox state is destroyed successfully */
-	destroy? (e: DestroyEventArgs): void;
-}
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface BeforeChangeEventArgs {
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the CheckBox model
-	*/
-	model?: ej.CheckBox.Model;
+            /** returns the target element.
+             */
+            target?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of target folder.
+             */
+            targetFolder?: string;
 
-	/** returns the event model values
-	*/
-	event?: any;
+            /** returns the path of target folder.
+             */
+            targetPath?: string;
 
-	/** returns the status whether the element is checked or not.
-	*/
-	isChecked?: boolean;
-}
+            /** returns the dragging element details.
+             */
+            fileInfo?: any;
 
-export interface ChangeEventArgs {
+            /** returns the action, which is performed after dropping the files (upload/ move).
+             */
+            dropAction?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface GetImageEventArgs {
 
-	/** returns the CheckBox model
-	*/
-	model?: ej.CheckBox.Model;
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** loaded image path.
+             */
+            path?: string;
 
-	/** returns the event arguments
-	*/
-	event?: any;
+            /** loaded image element
+             */
+            element?: any;
 
-	/** returns the status whether the element is checked or not.
-	*/
-	isChecked?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** returns the state of the checkbox
-	*/
-	checkState?: string;
-}
+            /** original arguments of image load or error event
+             */
+            originalArgs?: any;
 
-export interface CreateEventArgs {
+            /** returns the action type, which specifies thumbnail preview or opening image.
+             */
+            action?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the CheckBox model
-	*/
-	model?: ej.CheckBox.Model;
+        export interface KeydownEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface DestroyEventArgs {
+            /** returns the downed key keyCode value
+             */
+            keyCode?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns altKey value.
+             */
+            altKey?: boolean;
 
-	/** returns the CheckBox model
-	*/
-	model?: ej.CheckBox.Model;
+            /** returns shiftKey value.
+             */
+            shiftKey?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
-enum CheckState
-{
-//string
-Uncheck,
-//string
-Check,
-//string
-Indeterminate,
-}
-enum CheckboxSize
-{
-//Displays the CheckBox in medium size
-Medium,
-//Displays the CheckBox in small size
-Small,
-}
+            /** returns ctrlKey value.
+             */
+            ctrlKey?: boolean;
 
-class ColorPicker extends ej.Widget {
-	static fn: ColorPicker;
-	constructor(element: JQuery, options?: ColorPicker.Model);
-	constructor(element: Element, options?: ColorPicker.Model);
-	static Locale: any;
-	model:ColorPicker.Model;
-	defaults:ColorPicker.Model;
-
-	/** Disables the color picker control
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enable the color picker control
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Gets the selected color in RGB format
-	*   @returns {any}
-	*/
-	getColor(): any;
-
-	/** Gets the selected color value as string
-	*   @returns {string}
-	*/
-	getValue(): string;
-
-	/** To Convert color value from hexCode to RGB
-	*   @param {string} Specified HEX code converted to RGB
-	*   @returns {any}
-	*/
-	hexCodeToRGB(colorCode: string): any;
-
-	/** Hides the ColorPicker popup, if in opened state.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Convert color value from HSV to RGB
-	*   @param {any} Specified HSV code converted to RGB
-	*   @returns {any}
-	*/
-	HSVToRGB(HSV: any): any;
-
-	/** Convert color value from RGB to HEX
-	*   @param {any} Specified RGB code converted to HEX code
-	*   @returns {string}
-	*/
-	RGBToHEX(RGB: any): string;
-
-	/** Convert color value from RGB to HSV
-	*   @param {any} Specified RGB code converted to HSV code
-	*   @returns {any}
-	*/
-	RGBToHSV(RGB: any): any;
-
-	/** Open the ColorPicker popup.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module ColorPicker{
-
-export interface Model {
-
-	/** The ColorPicker control allows to define the customized text to displayed in button elements. Using the property to achieve the customized culture values.
-	*   @Default {{ apply: Apply, cancel: Cancel, swatches: Swatches }}
-	*/
-	buttonText?: ButtonText;
-
-	/** Allows to change the mode of the button. Please refer below to know available button mode
-	*   @Default {ej.ButtonMode.Split}
-	*/
-	buttonMode?: ej.ButtonMode|string;
-
-	/** Specifies the number of columns to be displayed color palette model.
-	*   @Default {10}
-	*/
-	columns?: number|string;
-
-	/** This property allows you to customize its appearance using user-defined CSS and custom skin options such as colors and backgrounds.
-	*/
-	cssClass?: string;
-
-	/** This property allows to define the custom colors in the palette model.Custom palettes are created by passing a comma delimited string of HEX values or an array of colors.
-	*   @Default {empty}
-	*/
-	custom?: Array<any>;
-
-	/** This property allows to embed the popup in the order of DOM element flow . When we set the value as true, the color picker popup is always in visible state.
-	*   @Default {false}
-	*/
-	displayInline?: boolean;
-
-	/** This property allows to change the control in enabled or disabled state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** This property allows to enable or disable the opacity slider in the color picker control
-	*   @Default {true}
-	*/
-	enableOpacity?: boolean;
-
-	/** It allows to define the characteristics of the ColorPicker control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Defines the localized text values in button and tooltip.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the model type to be rendered initially in the color picker control. See below to get available ModelType
-	*   @Default {ej.ColorPicker.ModelType.Default}
-	*/
-	modelType?: ej.ColorPicker.ModelType|string;
-
-	/** This property allows to change the opacity value .The selected color opacity will be adjusted by using this opacity value.
-	*   @Default {100}
-	*/
-	opacityValue?: number|string;
-
-	/** Specifies the palette type to be displayed at initial time in palette model.There two types of palette model available in ColorPicker control. See below available Palette
-	*   @Default {ej.ColorPicker.Palette.BasicPalette}
-	*/
-	palette?: ej.ColorPicker.Palette|string;
-
-	/** This property allows to define the preset model to be rendered initially in palette type.It consists of 12 different types of presets. Each presets have 50 colors. See below available Presets
-	*   @Default {ej.ColorPicker.Presets.Basic}
-	*/
-	presetType?: ej.ColorPicker.Presets|string;
-
-	/** Allows to show/hides the apply and cancel buttons in ColorPicker control
-	*   @Default {true}
-	*/
-	showApplyCancel?: boolean;
-
-	/** Allows to show/hides the clear button in ColorPicker control
-	*   @Default {true}
-	*/
-	showClearButton?: boolean;
-
-	/** This property allows to provides live preview support for current cursor selection color and selected color.
-	*   @Default {true}
-	*/
-	showPreview?: boolean;
-
-	/** This property allows to store the color values in custom list.The ColorPicker will keep up to 11 colors in a custom list.By clicking the add button, the selected color from picker or palette will get added in the recent color list.
-	*   @Default {false}
-	*/
-	showRecentColors?: boolean;
-
-	/** Allows to show/hides the switcher button in ColorPicker control.It helps to switch palette or picker mode in colorpicker.
-	*   @Default {true}
-	*/
-	showSwitcher?: boolean;
-
-	/** This property allows to shows tooltip to notify the slider value in color picker control.
-	*   @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the toolIcon to be displayed in dropdown control color area.
-	*   @Default {null}
-	*/
-	toolIcon?: string;
-
-	/** This property allows to define the customized text or content to displayed when mouse over the following elements. This property also allows to use the culture values.
-	*   @Default {{ switcher: Switcher, addbutton: Add Color, basic: Basic, monochrome: Mono Chrome, flatcolors: Flat Color, seawolf: Sea Wolf, webcolors: Web Colors, sandy: Sandy, pinkshades: Pink Shades, misty: Misty, citrus: Citrus, vintage: Vintage, moonlight: Moon Light, candycrush: Candy Crush, currentcolor: Current Color, selectedcolor: Selected Color }}
-	*/
-	tooltipText?: TooltipText;
-
-	/** Specifies the color value for color picker control, the value is in hexadecimal form with prefix of &quot;#&quot;.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Fires after Color value has been changed successfully.If the user want to perform any operation after the color value changed then the user can make use of this change event. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires after closing the color picker popup. */
-	close? (e: CloseEventArgs): void;
-
-	/** Fires after Color picker control is created. If the user want to perform any operation after the color picker control creation then the user can make use of this create event. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires after Color picker control is destroyed. If the user want to perform any operation after the color picker control destroyed then the user can make use of this destroy event. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires after opening the color picker popup */
-	open? (e: OpenEventArgs): void;
-
-	/** Fires after Color value has been selected successfully. If the user want to perform any operation after the color value selected then the user can make use of this select event. */
-	select? (e: SelectEventArgs): void;
-}
+            /** returns the event object.
+             */
+            originalArgs?: any;
 
-export interface ChangeEventArgs {
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+        export interface LayoutChangeEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** return the changed color value
-	*/
-	value?: string;
-}
+            /** return true when we change the layout via interaction, else false.
+             */
+            isInteraction?: boolean;
 
-export interface CloseEventArgs {
+            /** returns the current view type.
+             */
+            layoutType?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: any;
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface MenuBeforeOpenEventArgs {
 
-export interface CreateEventArgs {
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of ContextMenu items group.
+             */
+            contextMenu?: string;
 
-	/** returns the color picker model
-	*/
-	model?: any;
+            /** returns the dataSource of ContextMenu.
+             */
+            dataSource?: any[];
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the element of ContextMenu.
+             */
+            element?: any;
 
-export interface DestroyEventArgs {
+            /** returns the event of ContextMenu.
+             */
+            events?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+            /** returns the target element.
+             */
+            target?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface OpenEventArgs {
+        export interface MenuClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the ID of clicked ContextMenu item.
+             */
+            ID?: string;
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the name of ContextMenu items group.
+             */
+            contextMenu?: string;
 
-export interface SelectEventArgs {
+            /** returns the element of clicked ContextMenu item.
+             */
+            element?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the event of ContextMenu.
+             */
+            event?: any;
 
-	/** returns the color picker model
-	*/
-	model?: ej.ColorPicker.Model;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the parent element ID of clicked ContextMenu item.
+             */
+            parentId?: string;
 
-	/** return the selected color value
-	*/
-	value?: string;
-}
+            /** returns the parent element text of clicked ContextMenu item.
+             */
+            parentText?: string;
 
-export interface ButtonText {
+            /** returns the text of clicked ContextMenu item.
+             */
+            text?: string;
 
-	/** Sets the text for the apply button.
-	*/
-	apply?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Sets the text for the cancel button.
-	*/
-	cancel?: string;
+        export interface MenuOpenEventArgs {
 
-	/** Sets the header text for the swatches area.
-	*/
-	swatches?: string;
-}
+            /** set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface TooltipText {
+            /** returns the name of ContextMenu items group.
+             */
+            contextMenu?: string;
 
-	/** Sets the tooltip text for the switcher button.
-	*/
-	switcher?: string;
+            /** returns the element of ContextMenu.
+             */
+            element?: any;
 
-	/** Sets the tooltip text for the add button.
-	*/
-	addbutton?: string;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Sets the tooltip text for the basic preset.
-	*/
-	basic?: string;
+            /** returns the target element.
+             */
+            target?: any;
 
-	/** Sets the tooltip text for the mono chrome preset.
-	*/
-	monochrome?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Sets the tooltip text for the flat colors preset.
-	*/
-	flatcolors?: string;
+        export interface OpenEventArgs {
 
-	/** Sets the tooltip text for the sea wolf preset.
-	*/
-	seawolf?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Sets the tooltip text for the web colors preset.
-	*/
-	webcolors?: string;
+            /** returns the opened item type.
+             */
+            itemType?: string;
 
-	/** Sets the tooltip text for the sandy preset.
-	*/
-	sandy?: string;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Sets the tooltip text for the pink shades preset.
-	*/
-	pinkshades?: string;
+            /** returns the path of currently opened item.
+             */
+            path?: string;
 
-	/** Sets the tooltip text for the misty preset.
-	*/
-	misty?: string;
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-	/** Sets the tooltip text for the citrus preset.
-	*/
-	citrus?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Sets the tooltip text for the vintage preset.
-	*/
-	vintage?: string;
+        export interface PasteEventArgs {
 
-	/** Sets the tooltip text for the moon light preset.
-	*/
-	moonlight?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Sets the tooltip text for the candy crush preset.
-	*/
-	candycrush?: string;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Sets the tooltip text for the current color area.
-	*/
-	currentcolor?: string;
+            /** returns the name of moved/copied file or folder.
+             */
+            name?: string[];
 
-	/** Sets the tooltip text for the selected color area.
-	*/
-	selectedcolor?: string;
-}
+            /** returns the selected item details.
+             */
+            selectedItems?: any;
 
-enum ModelType{
+            /** returns the target folder item details.
+             */
+            targetFolder?: any;
 
-	///support palette type mode in color picker.
-	Palette,
+            /** returns the target path.
+             */
+            targetPath?: string;
 
-	///support palette type mode in color picker.
-	Picker
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
+        export interface RemoveEventArgs {
 
-enum Palette{
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	///used to show the basic palette
-	BasicPalette,
+            /** returns the AJAX response data.
+             */
+            data?: any;
 
-	///used to show the custompalette
-	CustomPalette
-}
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
+            /** returns the names of deleted items.
+             */
+            name?: string;
 
-enum Presets{
+            /** returns the path of deleted item.
+             */
+            path?: string;
 
-	///used to show the basic presets
-	Basic,
+            /** returns the removed item details.
+             */
+            selectedItems?: any;
 
-	///used to show the CandyCrush colors presets
-	CandyCrush,
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///used to show the Citrus colors presets
-	Citrus,
+        export interface ResizeEventArgs {
 
-	///used to show the FlatColors presets
-	FlatColors,
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///used to show the Misty presets
-	Misty,
+            /** returns the mouse move event args.
+             */
+            event?: any;
 
-	///used to show the MoonLight presets
-	MoonLight,
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	///used to show the PinkShades presets
-	PinkShades,
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///used to show the Sandy presets
-	Sandy,
+        export interface ResizeStartEventArgs {
 
-	///used to show the Seawolf presets
-	SeaWolf,
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	///used to show the Vintage presets
-	Vintage,
+            /** returns the mouse down event args.
+             */
+            event?: any;
 
-	///used to show the WebColors presets
-	WebColors
-}
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-}
-enum ButtonMode
-{
-//Displays the button in split mode 
-Split,
-//Displays the button in Dropdown mode
-Dropdown,
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-class FileExplorer extends ej.Widget {
-	static fn: FileExplorer;
-	constructor(element: JQuery, options?: FileExplorer.Model);
-	constructor(element: Element, options?: FileExplorer.Model);
-	static Locale: any;
-	model:FileExplorer.Model;
-	defaults:FileExplorer.Model;
-
-	/** Refresh the size of FileExplorer control.
-	*   @returns {void}
-	*/
-	adjustSize(): void;
-
-	/** Disable the particular context menu item.
-	*   @param {string|HTMLElement} Id of the menu item/ Menu element to be disabled 
-	*   @returns {void}
-	*/
-	disableMenuItem(item: string|HTMLElement): void;
-
-	/** Disable the particular toolbar item.
-	*   @param {string|HTMLElement} Id of the toolbar item/ Tool item element to be disabled 
-	*   @returns {void}
-	*/
-	disableToolbarItem(item: string|HTMLElement): void;
-
-	/** Enable the particular context menu item.
-	*   @param {string|HTMLElement} Id of the menu item/ Menu element to be Enabled 
-	*   @returns {void}
-	*/
-	enableMenuItem(item: string|HTMLElement): void;
-
-	/** Enable the particular toolbar item
-	*   @param {string|HTMLElement} Id of the tool item/ Tool item element to be Enabled 
-	*   @returns {void}
-	*/
-	enableToolbarItem(item: string|HTMLElement): void;
-
-	/** Refresh the content of the selected folder in FileExplorer control.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Remove the particular toolbar item.
-	*   @param {string|HTMLElement} Id of the tool item/ tool item element to be removed 
-	*   @returns {void}
-	*/
-	removeToolbarItem(item: string|HTMLElement): void;
-}
-export module FileExplorer{
-
-export interface Model {
-
-	/** Sets the URL of server side AJAX handling method that handles file operation like Read, Remove, Rename, Create, Upload, Download, Copy and Move in FileExplorer.
-	*/
-	ajaxAction?: string;
-
-	/** Specifies the data type of server side AJAX handling method.
-	*   @Default {json}
-	*/
-	ajaxDataType?: string;
-
-	/** By using ajaxSettings property, you can customize the AJAX configurations. Normally you can customize the following option in AJAX handling data, URL, type, async, contentType, dataType and success. For upload, download and getImage API, you can only customize URL.
-	*   @Default {{ read: {}, createFolder: {}, remove: {}, rename: {}, paste: {}, getDetails: {}, download: {}, upload: {}, getImage: {}, search: {}}}
-	*/
-	ajaxSettings?: any;
-
-	/** The FileExplorer allows to move the files from one folder to another folder of FileExplorer by using drag and drop option. Also it supports to upload a file by dragging it from windows explorer to the necessary folder of ejFileExplorer.
-	*   @Default {true}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable keyboard support for FileExplorer actions.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** The FileExplorer allows to select multiple files by enabling the allowMultiSelection property. You can perform multi selection by pressing the Ctrl key or Shift key.
-	*   @Default {true}
-	*/
-	allowMultiSelection?: boolean;
-
-	/** By using the contextMenuSettings property, you can customize the ContextMenu in the FileExplorer control.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/** Sets the root class for FileExplorer theme. This cssClass API allows to use custom skinning option for File Explorer control. By defining the root class by using this API, you have to include this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** Specify the enablePersistence to FileExplorer to save the current model value in browser cookies for state maintains.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Enables or disables the resize support in FileExplorer control.
-	*   @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/** Enables or disables the Right to Left alignment support in FileExplorer control.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Enables or disables the thumbnail image compression option in FileExplorer control. By enabling this option, you can reduce the thumbnail image size while loading.
-	*   @Default {false}
-	*/
-	enableThumbnailCompress?: boolean;
-
-	/** Allows specified type of files only to display in FileExplorer control.
-	*   @Default {.}
-	*/
-	fileTypes?: string;
-
-	/** By using filterSettings property, you can customize the search functionality of the search bar in FileExplorer control.
-	*/
-	filterSettings?: FilterSettings;
-
-	/** By using the gridSettings property, you can customize the grid behavior in the FileExplorer control.
-	*/
-	gridSettings?: GridSettings;
-
-	/** Specifies the height of FileExplorer control.
-	*   @Default {400}
-	*/
-	height?: string|number;
-
-	/** Enables or disables the responsive support for FileExplorer control during the window resizing time.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Sets the file view type. There are three view types available such as Grid, Tile and Large icons. See layoutType.
-	*   @Default {ej.FileExplorer.layoutType.Grid}
-	*/
-	layout?: ej.FileExplorer.layoutType|string;
-
-	/** Sets the culture in FileExplorer.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the maximum height of FileExplorer control.
-	*   @Default {null}
-	*/
-	maxHeight?: string|number;
-
-	/** Sets the maximum width of FileExplorer control.
-	*   @Default {null}
-	*/
-	maxWidth?: string|number;
-
-	/** Sets the minimum height of FileExplorer control.
-	*   @Default {250px}
-	*/
-	minHeight?: string|number;
-
-	/** Sets the minimum width of FileExplorer control.
-	*   @Default {400px}
-	*/
-	minWidth?: string|number;
-
-	/** The property path denotes the filesystem path that are to be explored. The path for the filesystem can be physical path or relative path, but it has to be relevant to where the Web API is hosted.
-	*/
-	path?: string;
-
-	/** The selectedFolder is used to select the specified folder of FileExplorer control.
-	*/
-	selectedFolder?: string;
-
-	/** The selectedItems is used to select the specified items (file, folder) of FileExplorer control.
-	*/
-	selectedItems?: string|Array<any>;
-
-	/** Enables or disables the checkbox option in FileExplorer control.
-	*   @Default {true}
-	*/
-	showCheckbox?: boolean;
-
-	/** Enables or disables the context menu option in FileExplorer control.
-	*   @Default {true}
-	*/
-	showContextMenu?: boolean;
-
-	/** Enables or disables the footer in FileExplorer control. The footer element displays the details of the current selected files and folders. And also the footer having the switcher to change the layout view.
-	*   @Default {true}
-	*/
-	showFooter?: boolean;
+        export interface ResizeStopEventArgs {
 
-	/** FileExplorer control is displayed with rounded corner when this property is set to true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** FileExplorer control is rendered with thumbnail preview of images in Tile and LargeIcons layout when this property set to true.
-	*   @Default {true}
-	*/
-	showThumbnail?: boolean;
+            /** returns the mouse leave event args.
+             */
+            event?: any;
 
-	/** Shows or disables the toolbar in FileExplorer control.
-	*   @Default {true}
-	*/
-	showToolbar?: boolean;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Enables or disables the navigation pane in FileExplorer control. The navigation pane contains a tree view element that displays all the folders from the filesystem in a hierarchical manner. This is useful to a quick navigation of any folder in the filesystem.
-	*   @Default {true}
-	*/
-	showNavigationPane?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** The tools property is used to configure and group required toolbar items in FileExplorer control.
-	*   @Default {{ creation: [NewFolder], navigation: [Back, Forward, Upward], addressBar: [Addressbar], editing: [Refresh, Upload, Delete, Rename, Download], copyPaste: [Cut, Copy, Paste], getProperties: [Details], searchBar: [Searchbar], layout: [Layout], sortBy: [SortBy]}}
-	*/
-	tools?: any;
+        export interface SelectEventArgs {
 
-	/** The toolsList property is used to arrange the toolbar items in the FileExplorer control.
-	*   @Default {[layout, creation, navigation, addressBar, editing, copyPaste, sortBy, getProperties, searchBar]}
-	*/
-	toolsList?: Array<any>;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets an object that indicates whether to customize the upload behavior in the FileExplorer.
-	*/
-	uploadSettings?: UploadSettings;
+            /** returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Specifies the width of FileExplorer control.
-	*   @Default {850}
-	*/
-	width?: string|number;
+            /** returns the name of selected items.
+             */
+            name?: string[];
 
-	/** Fires before the AJAX request is performed. */
-	beforeAjaxRequest? (e: BeforeAjaxRequestEventArgs): void;
+            /** returns the path of selected items.
+             */
+            path?: string;
 
-	/** Fires before downloading the files. */
-	beforeDownload? (e: BeforeDownloadEventArgs): void;
+            /** returns the selected item details
+             */
+            selectedItems?: any;
 
-	/** Fires before getting a requested image from server. Also this event will be triggered when you have enabled thumbnail image compression option in FileExplorer.Using this event, you can customize the image compression size. */
-	beforeGetImage? (e: BeforeGetImageEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Fires before files or folders open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+        export interface TemplateRefreshEventArgs {
 
-	/** Fires before uploading the files. */
-	beforeUpload? (e: BeforeUploadEventArgs): void;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires when FileExplorer control was created */
-	create? (e: CreateEventArgs): void;
+            /** Returns the cell object.
+             */
+            cell?: ej.FileExplorer.Model;
 
-	/** Fires when file or folder is copied successfully. */
-	copy? (e: CopyEventArgs): void;
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** Fires when new folder is created successfully in file system. */
-	createFolder? (e: CreateFolderEventArgs): void;
+            /** Returns the current row data.
+             */
+            data?: any;
 
-	/** Fires when file or folder is cut successfully. */
-	cut? (e: CutEventArgs): void;
+            /** Returns the grid model of FileExplorer.
+             */
+            model?: any;
 
-	/** Fires when the FileExplorer is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+            /** Returns the current row index.
+             */
+            rowIndex?: number;
 
-	/** Fires when the files or directory has been started to drag over on the FileExplorer */
-	dragStart? (e: DragStartEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface UnselectEventArgs {
+
+            /** Returns the FileExplorer model.
+             */
+            model?: ej.FileExplorer.Model;
 
-	/** Fires when the files or directory is dragging over on the FileExplorer. */
-	drag? (e: DragEventArgs): void;
+            /** Returns the name of unselected item.
+             */
+            name?: string;
 
-	/** Fires when the files or directory has been stopped to drag over on FileExplorer */
-	dragStop? (e: DragStopEventArgs): void;
+            /** Returns the name of unselected items.
+             */
+            names?: string[];
 
-	/** Fires when the files or directory is dropped to the target folder of FileExplorer */
-	drop? (e: DropEventArgs): void;
+            /** Returns the type of unselected item.
+             */
+            nodeType?: string;
 
-	/** Fires after loading the requested image from server. Using this event, you can get the details of loaded image. */
-	getImage? (e: GetImageEventArgs): void;
+            /** Returns the path of unselected item.
+             */
+            path?: string;
 
-	/** Fires when keydown in FileExplorer control. */
-	keydown? (e: KeydownEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+
+            /** Returns the unselected item details.
+             */
+            unselectedItem?: any;
+
+            /** Returns the unselected items details.
+             */
+            unselectedItems?: any[];
+        }
+
+        export interface ContextMenuSettings {
+
+            /** The items property is used to configure and group the required ContextMenu items in FileExplorer control.
+             * @Default {{% highlight javascript %}{navbar: [NewFolder, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, Getinfo],cwd: [Refresh, Paste,|, SortBy, |, NewFolder, Upload, |,
+             * Getinfo],files: [Open, Download, |, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, OpenFolderLocation, Getinfo]}{% endhighlight %}}
+             */
+            items?: any;
+
+            /** The customMenuFields property is used to define custom functionality for custom ContextMenu item's which are defined in items property.
+             * @Default {[]}
+             */
+            customMenuFields?: any[];
+        }
+
+        export interface FilterSettings {
+
+            /** It allows to search the text given in search Textbox in every keyup event. When this property was set as false, searching will works only on Enter key and searchbar blur.
+             * @Default {true}
+             */
+            allowSearchOnTyping?: boolean;
+
+            /** Enables or disables to perform the filter operation with case sensitive.
+             * @Default {false}
+             */
+            caseSensitiveSearch?: boolean;
+
+            /** Sets the search filter type. There are several filter types available such as &quot;startswith&quot;, &quot;contains&quot;, &quot;endswith&quot;. See filterType.
+             * @Default {ej.FileExplorer.filterType.Contains}
+             */
+            filterType?: ej.FilterType|string;
+        }
+
+        export interface GridSettings {
+
+            /** Allows to Resize the width of the columns by simply click and move the particular column header line.
+             * @Default {true}
+             */
+            allowResizing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
+             * @Default {true}
+             */
+            allowSorting?: boolean;
+
+            /** Gets or sets an object that indicates to render the grid with specified columns. You can use this property same as the column property in Grid control.
+             * @Default {[{ field: name, headerText: Name, width: 30% }, { field: dateModified, headerText: Date Modified, width: 30% }, { field: type, headerText: Type, width: 15% }, { field:
+             * size, headerText: Size, width: 12%, textAlign: right, headerTextAlign: left }]}
+             */
+            columns?: any[];
+        }
+
+        export interface UploadSettings {
+
+            /** Specifies the maximum file size allowed to upload. It accepts the value in bytes.
+             * @Default {31457280}
+             */
+            maxFileSize?: number;
+
+            /** Enables or disables the multiple files upload. When it is enabled, you can upload multiple files at a time and when disabled, you can upload only one file at a time.
+             * @Default {true}
+             */
+            allowMultipleFile?: boolean;
+
+            /** Enables or disables the auto upload option while uploading files in FileExplorer control.
+             * @Default {false}
+             */
+            autoUpload?: boolean;
+        }
+
+        enum layoutType {
+
+            ///Supports to display files in tile view
+            Tile,
+
+            ///Supports to display files in grid view
+            Grid,
+
+            ///Supports to display files as large icons
+            LargeIcons
+        }
+
+    }
+
+    class DatePicker extends ej.Widget {
+        static fn: DatePicker;
+        constructor(element: JQuery | Element, options?: DatePicker.Model);
+        static Locale: any;
+        model: DatePicker.Model;
+        defaults: DatePicker.Model;
+
+        /** Disables the DatePicker control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enable the DatePicker control, if it is in disabled state.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Returns the current date value in the DatePicker control.
+         * @returns {string}
+         */
+        getValue(): string;
+
+        /** Close the DatePicker popup, if it is in opened state.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Opens the DatePicker popup.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace DatePicker {
+
+        export interface Model {
+
+            /** Used to allow or restrict the editing in DatePicker input field directly. By setting false to this API, You can only pick the date from DatePicker popup.
+             * @Default {true}
+             */
+            allowEdit?: boolean;
+
+            /** allow or restrict the drill down to multiple levels of view (month/year/decade) in DatePicker calendar
+             * @Default {true}
+             */
+            allowDrillDown?: boolean;
+
+            /** Disable the list of specified date value.
+             * @Default {{}}
+             */
+            blackoutDates?: any;
+
+            /** Sets the specified text value to the today button in the DatePicker calendar.
+             * @Default {Today}
+             */
+            buttonText?: string;
+
+            /** Sets the root CSS class for DatePicker theme, which is used customize.
+             */
+            cssClass?: string;
+
+            /** Formats the value of the DatePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DatePicker.
+             * @Default {MM/dd/yyyy}
+             */
+            dateFormat?: string;
+
+            /** Specifies the header format of days in DatePicker calendar. See below to get available Headers options
+             * @Default {ej.DatePicker.Header.Short}
+             */
+            dayHeaderFormat?: string|ej.DatePicker.Header;
+
+            /** Specifies the navigation depth level in DatePicker calendar. This option is not applied when start level view option is lower than depth level view. See below to know available
+             * levels in DatePicker Calendar
+             */
+            depthLevel?: string|ej.DatePicker.Level;
+
+            /** Allows to embed the DatePicker calendar in the page. Also associates DatePicker with div element instead of input.
+             * @Default {false}
+             */
+            displayInline?: boolean;
+
+            /** Enables or disables the animation effect with DatePicker calendar.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Enable or disable the DatePicker control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Sustain the entire widget model of DatePicker even after form post or browser refresh
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Displays DatePicker calendar along with DatePicker input field in Right to Left direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Allows to enter valid or invalid date in input textbox and indicate as error if it is invalid value, when this API value is set to true. For false value, invalid date is not
+             * allowed to input field and corrected to valid date automatically, even if invalid date is given.
+             * @Default {false}
+             */
+            enableStrictMode?: boolean;
+
+            /** Used  the required fields for special Dates in DatePicker in order to customize the special dates in a calendar.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Specifies the header format to be displayed in the DatePicker calendar.
+             * @Default {MMMM yyyy}
+             */
+            headerFormat?: string;
+
+            /** Specifies the height of the DatePicker input text.
+             * @Default {28px}
+             */
+            height?: string;
+
+            /** HighlightSection is used to highlight currently selected date's month/week/workdays. See below to get available HighlightSection options
+             * @Default {none}
+             */
+            highlightSection?: string|ej.DatePicker.HighlightSection;
+
+            /** Weekend  dates will be highlighted when this property is set to true.
+             * @Default {false}
+             */
+            highlightWeekend?: boolean;
+
+            /** Specifies the HTML Attributes of the DatePicker.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Change the DatePicker calendar and date format based on given culture.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the maximum date in the calendar that the user can select.
+             * @Default {new Date(2099, 11, 31)}
+             */
+            maxDate?: string|Date;
+
+            /** Specifies the minimum date in the calendar that the user can select.
+             * @Default {new Date(1900, 00, 01)}
+             */
+            minDate?: string|Date;
+
+            /** Allows to toggles the read only state of the DatePicker. When the widget is readOnly, it doesn't allow your input.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** It allow to show/hide the disabled date ranges
+             * @Default {true}
+             */
+            showDisabledRange?: boolean;
+
+            /** It allows to display footer in DatePicker calendar.
+             * @Default {true}
+             */
+            showFooter?: boolean;
+
+            /** It allows to display/hides the other months days from the current month calendar in a DatePicker.
+             * @Default {true}
+             */
+            showOtherMonths?: boolean;
+
+            /** Shows/hides the date icon button at right side of textbox, which is used to open or close the DatePicker calendar popup.
+             * @Default {true}
+             */
+            showPopupButton?: boolean;
+
+            /** DatePicker input is displayed with rounded corner when this property is set to true.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Used to show the tooltip when hovering on the days in the DatePicker calendar.
+             * @Default {true}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the special dates in DatePicker.
+             * @Default {null}
+             */
+            specialDates?: any;
+
+            /** Specifies the start day of the week in DatePicker calendar.
+             * @Default {0}
+             */
+            startDay?: number;
+
+            /** Specifies the start level view in DatePicker calendar. See below available Levels
+             * @Default {ej.DatePicker.Level.Month}
+             */
+            startLevel?: string|ej.DatePicker.Level;
+
+            /** Specifies the number of months to be navigate for one click of next and previous button in a DatePicker Calendar.
+             * @Default {1}
+             */
+            stepMonths?: number;
+
+            /** Provides option to customize the tooltip format.
+             * @Default {ddd MMM dd yyyy}
+             */
+            tooltipFormat?: string;
+
+            /** Sets the jQuery validation support to DatePicker Date value. See validation
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Sets the jQuery validation custom rules to the DatePicker. see validation
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** sets or returns the current value of DatePicker
+             * @Default {null}
+             */
+            value?: string|Date;
+
+            /** Specifies the water mark text to be displayed in input text.
+             * @Default {Select date}
+             */
+            watermarkText?: string;
+
+            /** Specifies the width of the DatePicker input text.
+             * @Default {160px}
+             */
+            width?: string;
+
+            /** Fires before closing the DatePicker popup.
+             */
+            beforeClose?(e: BeforeCloseEventArgs): void;
+
+            /** Fires when each date is created in the DatePicker popup calendar.
+             */
+            beforeDateCreate?(e: BeforeDateCreateEventArgs): void;
+
+            /** Fires before opening the DatePicker popup.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires when the DatePicker input value is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when DatePicker popup is closed.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires when the DatePicker is created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the DatePicker is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when DatePicker input gets focus.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Fires when DatePicker input loses the focus.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Fires when calender view navigates to month/year/decade/century.
+             */
+            navigate?(e: NavigateEventArgs): void;
+
+            /** Fires when DatePicker popup is opened.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Fires when a date is selected from the DatePicker popup.
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface BeforeCloseEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires when the file view type is changed. */
-	layoutChange? (e: LayoutChangeEventArgs): void;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** Fires when before the ContextMenu opening. */
-	menuBeforeOpen? (e: MenuBeforeOpenEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Fires when click the ContextMenu item. */
-	menuClick? (e: MenuClickEventArgs): void;
+            /** returns the event parameters from DatePicker.
+             */
+            events?: any;
 
-	/** Fires when ContextMenu is successfully opened. */
-	menuOpen? (e: MenuOpenEventArgs): void;
+            /** returns the DatePicker popup.
+             */
+            element?: HTMLElement;
+        }
 
-	/** Fires when files are successfully opened. */
-	open? (e: OpenEventArgs): void;
+        export interface BeforeDateCreateEventArgs {
 
-	/** Fires when a file or folder is pasted successfully. */
-	paste? (e: PasteEventArgs): void;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires when file or folder is deleted successfully. */
-	remove? (e: RemoveEventArgs): void;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** Fires when resizing is performed for FileExplorer. */
-	resize? (e: ResizeEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Fires when resizing is started for FileExplorer. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+            /** returns the currently created date object.
+             */
+            date?: any;
 
-	/** Fires this event when the resizing is stopped for FileExplorer. */
-	resizeStop? (e: ResizeStopEventArgs): void;
+            /** returns the current DOM object of the date from the Calendar.
+             */
+            element?: HTMLElement;
 
-	/** Fires when the items from grid view or tile view of FileExplorer control is selected. */
-	select? (e: SelectEventArgs): void;
+            /** returns the currently created date as string type.
+             */
+            value?: string;
+        }
 
-	/** Triggered when refresh the template column elements in the grid view of FileExplorer control. */
-	templateRefresh? (e: TemplateRefreshEventArgs): void;
+        export interface BeforeOpenEventArgs {
 
-	/** Fires when the items from grid view or tile view or large icons view of FileExplorer control is unselected. */
-	unselect? (e: UnselectEventArgs): void;
-}
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface BeforeAjaxRequestEventArgs {
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the AJAX request data
-	*/
-	data?: any;
+            /** returns the event parameters from DatePicker.
+             */
+            events?: any;
 
-	/** returns the FileExplorer model
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the DatePicker popup.
+             */
+            element?: HTMLElement;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface ChangeEventArgs {
 
-export interface BeforeDownloadEventArgs {
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** returns the downloaded file names.
-	*/
-	files?: string[];
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the DatePicker input value.
+             */
+            value?: string;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+            /** returns the previously selected value.
+             */
+            prevDate?: string;
+        }
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+        export interface CloseEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface BeforeGetImageEventArgs {
+            /** returns the current date object.
+             */
+            date?: any;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** enable or disable the image compress option.
-	*/
-	canCompress?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the current date value.
+             */
+            value?: string;
 
-	/** returns the expected image size.
-	*/
-	size?: any;
+            /** returns the previously selected value.
+             */
+            prevDate?: string;
+        }
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+        export interface CreateEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface BeforeOpenEventArgs {
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the opened item type.
-	*/
-	itemType?: string;
+        export interface DestroyEventArgs {
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface FocusInEventArgs {
 
-export interface BeforeUploadEventArgs {
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+            /** returns the currently selected date value.
+             */
+            value?: string;
+        }
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+        export interface FocusOutEventArgs {
 
-	/** returns the upload item details.
-	*/
-	uploadItemDetails?: any;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-export interface CreateEventArgs {
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the currently selected date value.
+             */
+            value?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the previously selected date value.
+             */
+            prevDate?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface NavigateEventArgs {
 
-export interface CopyEventArgs {
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the current date object.
+             */
+            date?: any;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** returns the name of copied file/folder.
-	*/
-	name?: string[];
+            /** returns the previous view state of calendar.
+             */
+            navigateFrom?: string;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+            /** returns the current view state of calendar.
+             */
+            navigateTo?: string;
 
-	/** returns the source path.
-	*/
-	sourcePath?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current date value.
+             */
+            value?: string;
+        }
 
-export interface CreateFolderEventArgs {
+        export interface OpenEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the AJAX response data
-	*/
-	data?: any;
+            /** returns the current date object.
+             */
+            date?: any;
 
-	/** returns the FileExplorer model
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** returns the selected item details
-	*/
-	selectedItems?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current date value.
+             */
+            value?: string;
 
-export interface CutEventArgs {
+            /** returns the previously selected value.
+             */
+            prevDate?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface SelectEventArgs {
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of moved file or folder.
-	*/
-	name?: string[];
+            /** returns the selected date object.
+             */
+            date?: any;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+            /** returns the DatePicker model.
+             */
+            model?: ej.DatePicker.Model;
 
-	/** returns the source path.
-	*/
-	sourcePath?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current date value.
+             */
+            value?: string;
 
-export interface DestroyEventArgs {
+            /** returns the previously selected value.
+             */
+            prevDate?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns whether the  currently selected date is special date or not.
+             */
+            isSpecialDay?: string;
+        }
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+        export interface Fields {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Specifies the specials dates
+             */
+            date?: string;
 
-export interface DragStartEventArgs {
+            /** Specifies the icon class to special dates.
+             */
+            iconClass?: string;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Specifies the tooltip to special dates.
+             */
+            tooltip?: string;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Specifies the CSS class to customize the date.
+             */
+            cssClass?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        enum Header {
 
-	/** returns the dragging element.
-	*/
-	target?: any;
+            ///Removes day header in DatePicker
+            None,
 
-	/** returns the path of dragging element.
-	*/
-	targetPath?: string;
+            ///sets  the short format of day name (like Sun) in header in DatePicker
+            Short,
 
-	/** returns the dragging file details.
-	*/
-	selectedItems?: any;
-}
+            ///sets  the Min format of day name (like su) in header format DatePicker
+            Min
+        }
 
-export interface DragEventArgs {
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        enum Level {
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            ///allow  navigation upto year level in  DatePicker
+            Year,
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            ///allow  navigation upto decade level in  DatePicker
+            Decade,
 
-	/** returns the target element.
-	*/
-	target?: any;
+            ///allow  navigation upto Century level in  DatePicker
+            Century
+        }
 
-	/** returns the name of target element.
-	*/
-	targetElementName?: string;
 
-	/** returns the path of target element.
-	*/
-	targetPath?: string;
-}
+        enum HighlightSection {
 
-export interface DragStopEventArgs {
+            ///Highlight the week of the currently  selected date in DatePicker popup calendar
+            Week,
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            ///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar
+            WorkDays,
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            ///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
+            None
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+    }
 
-	/** returns the target element.
-	*/
-	target?: any;
+    class DateTimePicker extends ej.Widget {
+        static fn: DateTimePicker;
+        constructor(element: JQuery | Element, options?: DateTimePicker.Model);
+        static Locale: any;
+        model: DateTimePicker.Model;
+        defaults: DateTimePicker.Model;
 
-	/** returns the path of target element.
-	*/
-	targetPath?: string;
+        /** Disables the DateTimePicker control.
+         * @returns {void}
+         */
+        disable(): void;
 
-	/** returns the name of target element
-	*/
-	targetElementName?: string;
+        /** Enables the DateTimePicker control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Returns the current datetime value in the DateTimePicker.
+         * @returns {string}
+         */
+        getValue(): string;
+
+        /** Hides or closes the DateTimePicker popup.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Updates the current system date value and time value to the DateTimePicker.
+         * @returns {void}
+         */
+        setCurrentDateTime(): void;
+
+        /** Shows or opens the DateTimePicker popup.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace DateTimePicker {
+
+        export interface Model {
+
+            /** Used to allow or restrict the editing in DateTimePicker input field directly. By setting false to this API, You can only pick the date and time values from DateTimePicker popup.
+             * @Default {true}
+             */
+            allowEdit?: boolean;
+
+            /** Displays the custom text for the buttons inside the DateTimePicker popup. when the culture value changed, we can change the buttons text based on the culture.
+             * @Default {{ today: Today, timeNow: Time Now, done: Done, timeTitle: Time }}
+             */
+            buttonText?: ButtonText;
+
+            /** Set the root class for DateTimePicker theme. This cssClass API helps to use custom skinning option for DateTimePicker control.
+             */
+            cssClass?: string;
+
+            /** Defines the datetime format displayed in the DateTimePicker. The value should be a combination of date format and time format.
+             * @Default {M/d/yyyy h:mm tt}
+             */
+            dateTimeFormat?: string;
+
+            /** Specifies the header format of the datepicker inside the DateTimePicker popup. See DatePicker.Header
+             * @Default {ej.DatePicker.Header.Short}
+             */
+            dayHeaderFormat?: ej.DatePicker.Header|string;
+
+            /** Specifies the navigation depth level in DatePicker calendar inside DateTimePicker popup. This option is not applied when start level view option is lower than depth level view.
+             * See ej.DatePicker.Level
+             */
+            depthLevel?: ej.DatePicker.Level|string;
+
+            /** Enable or disable the animation effect in DateTimePicker.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** When this property is set to false, it disables the DateTimePicker control.
+             * @Default {false}
+             */
+            enabled?: boolean;
+
+            /** Enables or disables the state maintenance of DateTimePicker.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Sets the DateTimePicker direction as right to left alignment.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class, otherwise it internally changed to the correct value.
+             * @Default {false}
+             */
+            enableStrictMode?: boolean;
+
+            /** Specifies the header format to be displayed in the DatePicker calendar inside the DateTimePicker popup.
+             * @Default {MMMM yyyy}
+             */
+            headerFormat?: string;
+
+            /** Defines the height of the DateTimePicker textbox.
+             * @Default {30}
+             */
+            height?: string|number;
+
+            /** Specifies the HTML Attributes of the ejDateTimePicker
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Sets the time interval between the two adjacent time values in the time popup.
+             * @Default {30}
+             */
+            interval?: number;
+
+            /** Defines the localization culture for DateTimePicker.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the maximum value to the DateTimePicker. Beyond the maximum value an error class is added to the wrapper element when we set true to enableStrictMode.
+             * @Default {new Date(12/31/2099 11:59:59 PM)}
+             */
+            maxDateTime?: string|Date;
+
+            /** Sets the minimum value to the DateTimePicker. Behind the minimum value an error class is added to the wrapper element.
+             * @Default {new Date(1/1/1900 12:00:00 AM)}
+             */
+            minDateTime?: string|Date;
+
+            /** Specifies the popup position of DateTimePicker.See below to know available popup positions
+             * @Default {ej.DateTimePicker.Bottom}
+             */
+            popupPosition?: string|ej.popupPosition;
+
+            /** Indicates that the DateTimePicker value can only be read and can’t change.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** It allows showing days in other months of DatePicker calendar inside the DateTimePicker popup.
+             * @Default {true}
+             */
+            showOtherMonths?: boolean;
+
+            /** Shows or hides the arrow button from the DateTimePicker textbox. When the button disabled, the DateTimePicker popup opens while focus in the textbox and hides while focus out from
+             * the textbox.
+             * @Default {true}
+             */
+            showPopupButton?: boolean;
+
+            /** Changes the sharped edges into rounded corner for the DateTimePicker textbox and popup.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the start day of the week in datepicker inside the DateTimePicker popup.
+             * @Default {1}
+             */
+            startDay?: number;
+
+            /** Specifies the start level view in datepicker inside the DateTimePicker popup. See DatePicker.Level
+             * @Default {ej.DatePicker.Level.Month or month}
+             */
+            startLevel?: ej.DatePicker.Level|string;
+
+            /** Specifies the number of months to navigate at one click of next and previous button in datepicker inside the DateTimePicker popup.
+             * @Default {1}
+             */
+            stepMonths?: number;
+
+            /** Defines the time format displayed in the time dropdown inside the DateTimePicker popup.
+             * @Default {h:mm tt}
+             */
+            timeDisplayFormat?: string;
+
+            /** We can drill down up to time interval on selected date with meridian details.
+             * @Default {{ enabled: false, interval: 5, showMeridian: false, autoClose: true }}
+             */
+            timeDrillDown?: TimeDrillDown;
+
+            /** Defines the width of the time dropdown inside the DateTimePicker popup.
+             * @Default {100}
+             */
+            timePopupWidth?: string|number;
+
+            /** Set the jQuery validation error message in DateTimePicker.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Set the jQuery validation rules in DateTimePicker.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Sets the DateTime value to the control.
+             */
+            value?: string|Date;
+
+            /** Specifies the water mark text to be displayed in input text.
+             * @Default {Select date and time}
+             */
+            watermarkText?: string;
+
+            /** Defines the width of the DateTimePicker textbox.
+             * @Default {143}
+             */
+            width?: string|number;
+
+            /** Fires before the datetime popup closed in the DateTimePicker.
+             */
+            beforeClose?(e: BeforeCloseEventArgs): void;
+
+            /** Fires before the datetime popup open in the DateTimePicker.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires when the datetime value changed in the DateTimePicker textbox.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when DateTimePicker popup closes.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires after DateTimePicker control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the DateTimePicker is destroyed successfully
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when the focus-in happens in the DateTimePicker textbox.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Fires when the focus-out happens in the DateTimePicker textbox.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Fires when DateTimePicker popup opens.
+             */
+            open?(e: OpenEventArgs): void;
+        }
+
+        export interface BeforeCloseEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
+
+            /** returns the DateTimePicker model.
+             */
+            model?: ej.DateTimePicker.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the event parameters from DateTimePicker.
+             */
+            events?: any;
 
-	/** returns the action, which is performed after dropping the files (upload/ move).
-	*/
-	dropAction?: string;
+            /** returns the DateTimePicker popup.
+             */
+            element?: HTMLElement;
+        }
 
-	/** returns the dragging file details
-	*/
-	fileInfo?: any;
-}
+        export interface BeforeOpenEventArgs {
 
-export interface DropEventArgs {
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the DateTimePicker model.
+             */
+            model?: ej.DateTimePicker.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the event parameters from DateTimePicker.
+             */
+            events?: any;
 
-	/** returns the target element.
-	*/
-	target?: any;
+            /** returns the DateTimePicker popup.
+             */
+            element?: HTMLElement;
+        }
 
-	/** returns the name of target folder.
-	*/
-	targetFolder?: string;
+        export interface ChangeEventArgs {
 
-	/** returns the path of target folder.
-	*/
-	targetPath?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the dragging element details.
-	*/
-	fileInfo?: any;
+            /** returns the TimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
 
-	/** returns the action, which is performed after dropping the files (upload/ move).
-	*/
-	dropAction?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface GetImageEventArgs {
+            /** returns the current value is valid or not
+             */
+            isValidState?: boolean;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the modified datetime value
+             */
+            value?: string;
 
-	/** loaded image path.
-	*/
-	path?: string;
+            /** returns the previously selected date time value
+             */
+            prevDateTime?: string;
 
-	/** loaded image element
-	*/
-	element?: any;
+            /** returns true if change event triggered by interaction, otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+        export interface CloseEventArgs {
 
-	/** original arguments of image load or error event
-	*/
-	originalArgs?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the action type, which specifies thumbnail preview or opening image.
-	*/
-	action?: string;
+            /** returns the TimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface KeydownEventArgs {
+            /** returns the modified datetime value
+             */
+            value?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the previously selected date time value
+             */
+            prevDateTime?: string;
+        }
 
-	/** returns the downed key keyCode value
-	*/
-	keyCode?: number;
+        export interface CreateEventArgs {
 
-	/** returns altKey value.
-	*/
-	altKey?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns shiftKey value.
-	*/
-	shiftKey?: boolean;
+            /** returns the DateTimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
 
-	/** returns ctrlKey value.
-	*/
-	ctrlKey?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the event object.
-	*/
-	originalArgs?: any;
+        export interface DestroyEventArgs {
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the DateTimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
 
-export interface LayoutChangeEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface FocusInEventArgs {
 
-	/** return true when we change the layout via interaction, else false.
-	*/
-	isInteraction?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the current view type.
-	*/
-	layoutType?: string;
+            /** returns the TimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the datetime value, which is in text box
+             */
+            value?: string;
+        }
+
+        export interface FocusOutEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the datetime value, which is in text box
+             */
+            value?: string;
+        }
+
+        export interface OpenEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TimePicker model
+             */
+            model?: ej.DateTimePicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the modified datetime value
+             */
+            value?: string;
+
+            /** returns the previously selected date time value
+             */
+            prevDateTime?: string;
+        }
+
+        export interface ButtonText {
+
+            /** Sets the text for the Done button inside the datetime popup.
+             */
+            done?: string;
+
+            /** Sets the text for the Now button inside the datetime popup.
+             */
+            timeNow?: string;
+
+            /** Sets the header text for the Time dropdown.
+             */
+            timeTitle?: string;
+
+            /** Sets the text for the Today button inside the datetime popup.
+             */
+            today?: string;
+        }
+
+        export interface TimeDrillDown {
+
+            /** This is the field to show/hide the timeDrillDown in DateTimePicker.
+             */
+            enabled?: boolean;
+
+            /** Sets the interval time of minutes on selected date.
+             */
+            interval?: number;
+
+            /** Allows the user to show or hide the meridian with time in DateTimePicker.
+             */
+            showMeridian?: boolean;
+
+            /** After choosing the time, the popup will close automatically if we set it as true, otherwise we focus out the DateTimePicker or choose timeNow button for closing the popup.
+             */
+            autoClose?: boolean;
+        }
+    }
+    enum popupPosition {
+        //Opens the DateTimePicker popup below to the DateTimePicker input box
+        Bottom,
+        //Opens the DateTimePicker popup above to the DateTimePicker input box
+        Top,
+    }
+
+    class DateRangePicker extends ej.Widget {
+        static fn: DateRangePicker;
+        constructor(element: JQuery | Element, options?: DateRangePicker.Model);
+        static Locale: any;
+        model: DateRangePicker.Model;
+        defaults: DateRangePicker.Model;
+
+        /** Add the preset ranges to DateRangePicker popup.
+         * @param {string} Display name
+         * @param {any[]} StartDate and endDate of range.
+         * @returns {void}
+         */
+        addRanges(label: string, range: any[]): void;
+
+        /** Clears the all ranges selections in DateRangePicker popup
+         * @returns {void}
+         */
+        clearRanges(): void;
+
+        /** Disables the DateRangePicker control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enable the DateRangePicker control, if it is in disabled state.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Returns the startDate and endDate values in the selected ranges in the DateRangePicker control.
+         * @returns {any}
+         */
+        getSelectedRange(): any;
+
+        /** Close the DateRangePicker popup, if it is in opened state.
+         * @returns {void}
+         */
+        popupHide(): void;
+
+        /** Opens the DateRangePicker popup.
+         * @returns {void}
+         */
+        popupShow(): void;
+
+        /** set the preset ranges to DateRangePicker popup.
+         * @returns {void}
+         */
+        setRange(): void;
+    }
+    export namespace DateRangePicker {
+
+        export interface Model {
+
+            /** Used to allow or restrict the editing in DateRangePicker input field directly. By setting false to this API, You can only pick the date ranges from DateRangePicker popup.
+             * @Default {true}
+             */
+            allowEdit?: boolean;
+
+            /** Sets the specified text value to the available buttons (Reset, Cancel, Apply) in the DateRangePicker popup.
+             * @Default {{ reset: Reset, cancel: Cancel, apply: Apply}}
+             */
+            buttonText?: any;
+
+            /** Sets the root CSS class for DateRangePicker theme, which is used to customize.
+             */
+            cssClass?: string;
+
+            /** Formats the date value of the DateRangePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DateRangePicker.
+             * @Default {MM/dd/yyyy}
+             */
+            dateFormat?: string;
+
+            /** Allows to embed the Timepicker align with the calendars in the page, two timepicker will be render, for selecting start and end date.
+             * @Default {false}
+             */
+            enableTimePicker?: boolean;
+
+            /** Enable or disable the DateRangePicker control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Sustain the entire widget model of DateRangePicker even after form post or browser refresh
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specifies the end date of the date ranges.
+             * @Default {null}
+             */
+            endDate?: string|Date;
+
+            /** Specifies the height of the DateRangePicker input.
+             * @Default {28px}
+             */
+            height?: string|number;
+
+            /** Change the DateRangePicker calendar and date format based on given culture.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Used to add the preset ranges. Added ranges using this, will show in popup in right side for easy selection of different preset ranges.
+             * @Default {null}
+             */
+            ranges?: any;
+
+            /** Specifies the start date of the date ranges
+             * @Default {null}
+             */
+            startDate?: string|Date;
+
+            /** Shows/hides the date icon button at right side of textbox, which is used to open or close the DateRangePicker calendar popup.
+             * @Default {true}
+             */
+            showPopupButton?: boolean;
+
+            /** DateRangePicker input and popup is displayed with rounded corner when this property is set to true.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Formats the date value of the DateRangePicker in to the specified time format. If this API is not specified, timeFormat will be set based on the current culture of DateRangePicker.
+             * @Default {HH:mm tt}
+             */
+            timeFormat?: string;
+
+            /** Separated two date values in string format to sets the date ranges in calendars.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Specifies the water mark text to be displayed in input text.
+             * @Default {Select Range}
+             */
+            watermarkText?: string;
+
+            /** Specifies the width of the DateRangePicker input text.
+             * @Default {160px}
+             */
+            width?: string|number;
+
+            /** Fires before closing the DateRangePicker popup.
+             */
+            beforeClose?(e: BeforeCloseEventArgs): void;
+
+            /** Fires before opening the DateRangePicker popup.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires when the DateRangePicker values get changed.
+             */
+            onChange?(e: OnChangeEventArgs): void;
+
+            /** Fires when DateRangePicker popup is closed.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires when the DateRangePicker is created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the DateRangePicker is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when DateRangePicker popup is opened.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Fires when a date ranges is selected from the DateRangePicker popup.
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface BeforeCloseEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
+
+            /** returns the DateRangePicker model
+             */
+            model?: ej.DateRangePicker.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the event parameters from DateRangePicker.
+             */
+            events?: any;
+
+            /** returns the DateRangePicker popup.
+             */
+            element?: HTMLElement;
+        }
+
+        export interface BeforeOpenEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface MenuBeforeOpenEventArgs {
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of ContextMenu items group.
-	*/
-	contextMenu?: string;
+            /** returns the event parameters from DateRangePicker.
+             */
+            events?: any;
 
-	/** returns the dataSource of ContextMenu.
-	*/
-	dataSource?: Array<any>;
+            /** returns the DateRangePicker popup.
+             */
+            element?: HTMLElement;
+        }
 
-	/** returns the element of ContextMenu.
-	*/
-	element?: any;
+        export interface OnChangeEventArgs {
 
-	/** returns the event of ContextMenu.
-	*/
-	events?: any;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
 
-	/** returns the target element.
-	*/
-	target?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the DateRangePicker input value.
+             */
+            value?: string;
 
-export interface MenuClickEventArgs {
+            /** returns the startDate of DateRangePicker.
+             */
+            startDate?: any;
 
-	/** returns the ID of clicked ContextMenu item.
-	*/
-	ID?: string;
+            /** returns the endDate of the DateRangePicker popup.
+             */
+            endDate?: any;
+        }
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface CloseEventArgs {
 
-	/** returns the name of ContextMenu items group.
-	*/
-	contextMenu?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the element of clicked ContextMenu item.
-	*/
-	element?: any;
+            /** returns the current date object.
+             */
+            date?: any;
 
-	/** returns the event of ContextMenu.
-	*/
-	event?: any;
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the parent element ID of clicked ContextMenu item.
-	*/
-	parentId?: string;
+            /** returns the DateRangePicker popup.
+             */
+            element?: HTMLElement;
+        }
 
-	/** returns the parent element text of clicked ContextMenu item.
-	*/
-	parentText?: string;
+        export interface CreateEventArgs {
 
-	/** returns the text of clicked ContextMenu item.
-	*/
-	text?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
 
-export interface MenuOpenEventArgs {
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
+
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface OpenEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
+
+            /** returns the current date object.
+             */
+            date?: any;
+
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the DateRangePicker popup.
+             */
+            element?: HTMLElement;
+        }
+
+        export interface SelectEventArgs {
+
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
+
+            /** returns the selected date object.
+             */
+            startDate?: any;
+
+            /** returns the DateRangePicker model.
+             */
+            model?: ej.DateRangePicker.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the current date value.
+             */
+            endDate?: any;
+        }
+    }
+
+    class Dialog extends ej.Widget {
+        static fn: Dialog;
+        constructor(element: JQuery | Element, options?: Dialog.Model);
+        static Locale: any;
+        model: Dialog.Model;
+        defaults: Dialog.Model;
+
+        /** Closes the dialog widget dynamically.
+         * @returns {any}
+         */
+        close(): any;
+
+        /** Collapses the content area when it is expanded.
+         * @returns {any}
+         */
+        collapse(): any;
+
+        /** Destroys the Dialog widget.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Expands the content area when it is collapsed.
+         * @returns {any}
+         */
+        expand(): any;
+
+        /** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
+         * @returns {boolean}
+         */
+        isOpen(): boolean;
+
+        /** Maximizes the Dialog widget.
+         * @returns {any}
+         */
+        maximize(): any;
+
+        /** Minimizes the Dialog widget.
+         * @returns {any}
+         */
+        minimize(): any;
+
+        /** Opens the Dialog widget.
+         * @returns {any}
+         */
+        open(): any;
+
+        /** Pins the dialog in its current position.
+         * @returns {any}
+         */
+        pin(): any;
+
+        /** Refreshes the dialog content dynamically.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Restores the dialog.
+         * @returns {any}
+         */
+        restore(): any;
+
+        /** Unpins the Dialog widget.
+         * @returns {any}
+         */
+        unpin(): any;
+
+        /** Sets the title for the Dialog widget.
+         * @param {string} The title for the dialog widget.
+         * @returns {any}
+         */
+        setTitle(Title: string): any;
+
+        /** Sets the content for the Dialog widget dynamically.
+         * @param {string} The content for the dialog widget. It accepts both string and HTML string.
+         * @returns {any}
+         */
+        setContent(content: string): any;
+
+        /** Sets the focus on the Dialog widget.
+         * @returns {any}
+         */
+        focus(): any;
+    }
+    export namespace Dialog {
+
+        export interface Model {
+
+            /** Adds action buttons like close, minimize, pin, maximize in the dialog header.
+             */
+            actionButtons?: string[];
+
+            /** Specifies the ajaxSettings option to load the content to the Dialog control.
+             * @Default {null}
+             */
+            ajaxSettings?: AjaxSettings;
+
+            /** Enables or disables draggable.
+             */
+            allowDraggable?: boolean;
+
+            /** Enables or disables keyboard interaction.
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Customizes the Dialog widget animations. The Dialog widget can be animated while opening and closing the dialog. In order to customize animation effects, you need to set
+             * “enableAnimation” as true. It contains the following sub properties.
+             */
+            animation?: any;
+
+            /** To Enable or disable the scrolling for background element of the modal dialog. This will work only with modal dialog.
+             */
+            backgroundScroll?: boolean;
+
+            /** Closes the dialog widget on pressing the ESC key when it is set to true.
+             */
+            closeOnEscape?: boolean;
+
+            /** The selector for the container element. If the property is set, then dialog will append to the selected element and it is restricted to move only within the specified container
+             * element.
+             */
+            containment?: string;
+
+            /** The content type to load the dialog content at run time. The possible values are null, AJAX, iframe and image. When it is null (default value), the content inside dialog element
+             * will be displayed as content and when it is not null, the content will be loaded from the URL specified in the contentUrl property.
+             */
+            contentType?: string;
+
+            /** The URL to load the dialog content (such as AJAX, image, and iframe). In order to load content from URL, you need to set contentType as ‘ajax’ or ‘iframe’ or ‘image’.
+             */
+            contentUrl?: string;
+
+            /** The root class for the Dialog widget to customize the existing theme.
+             */
+            cssClass?: string;
+
+            /** Enable or disables animation when the dialog is opened or closed.
+             */
+            enableAnimation?: boolean;
+
+            /** Enables or disables the Dialog widget.
+             */
+            enabled?: boolean;
+
+            /** Enable or disables modal dialog. The modal dialog acts like a child window that is displayed on top of the main window/screen and disables the main window interaction until it is
+             * closed.
+             */
+            enableModal?: boolean;
+
+            /** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
+             */
+            enablePersistence?: boolean;
+
+            /** Allows the dialog to be resized. The dialog cannot be resized less than the minimum height, width values and greater than the maximum height and width.
+             */
+            enableResize?: boolean;
+
+            /** Displays dialog content from right to left when set to true.
+             */
+            enableRTL?: boolean;
+
+            /** The CSS class name to display the favicon in the dialog header. In order to display favicon, you need to set showHeader as true since the favicon will be displayed in the dialog
+             * header.
+             */
+            faviconCSS?: string;
+
+            /** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type and
+             * “100”, “500” as integer type.
+             */
+            height?: string|number;
+
+            /** Specifies the HTML Attributes of the Dialog.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Enable or disables responsive behavior.
+             */
+            isResponsive?: boolean;
+
+            /** Default Value:{:.param}“en-US”
+             */
+            locale?: string;
+
+            /** Sets the maximum height for the dialog widget.
+             */
+            maxHeight?: string|number;
+
+            /** Sets the maximum width for the dialog widget.
+             */
+            maxWidth?: string|number;
+
+            /** Sets the minimum height for the dialog widget.
+             */
+            minHeight?: string|number;
+
+            /** Sets the minimum width for the dialog widget.
+             */
+            minWidth?: string|number;
+
+            /** Displays the Dialog widget at the given X and Y position.
+             */
+            position?: any;
+
+            /** Shows or hides the dialog header.
+             */
+            showHeader?: boolean;
+
+            /** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
+             */
+            showOnInit?: boolean;
+
+            /** Enables or disables the rounder corner.
+             */
+            showRoundedCorner?: boolean;
+
+            /** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
+             */
+            target?: string;
+
+            /** The title text to be displayed in the dialog header. In order to set title, you need to set showHeader as true since the title will be displayed in the dialog header.
+             */
+            title?: string;
+
+            /** Add or configure the tooltip text for actionButtons in the dialog header.
+             */
+            tooltip?: any;
 
-	/** set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type and
+             * “100”, “500” as integer type.
+             */
+            width?: string|number;
+
+            /** Sets the z-index value for the Dialog widget.
+             */
+            zIndex?: number;
+
+            /** Sets the Footer for the Dialog widget.
+             */
+            showFooter?: boolean;
+
+            /** Sets the FooterTemplate for the Dialog widget.
+             */
+            footerTemplateId?: string;
+
+            /** This event is triggered before the dialog widgets gets open.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
 
-	/** returns the name of ContextMenu items group.
-	*/
-	contextMenu?: string;
+            /** This event is triggered whenever the AJAX request fails to retrieve the dialog content.
+             */
+            ajaxError?(e: AjaxErrorEventArgs): void;
 
-	/** returns the element of ContextMenu.
-	*/
-	element?: any;
+            /** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed.
+             */
+            ajaxSuccess?(e: AjaxSuccessEventArgs): void;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** This event is triggered before the dialog widgets get closed.
+             */
+            beforeClose?(e: BeforeCloseEventArgs): void;
 
-	/** returns the target element.
-	*/
-	target?: any;
+            /** This event is triggered after the dialog widget is closed.
+             */
+            close?(e: CloseEventArgs): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Triggered after the dialog content is loaded in DOM.
+             */
+            contentLoad?(e: ContentLoadEventArgs): void;
 
-export interface OpenEventArgs {
+            /** Triggered after the dialog is created successfully
+             */
+            create?(e: CreateEventArgs): void;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Triggered after the dialog widget is destroyed successfully
+             */
+            destroy?(e: DestroyEventArgs): void;
 
-	/** returns the opened item type.
-	*/
-	itemType?: string;
+            /** Triggered while the dialog is dragged.
+             */
+            drag?(e: DragEventArgs): void;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Triggered when the user starts dragging the dialog.
+             */
+            dragStart?(e: DragStartEventArgs): void;
 
-	/** returns the path of currently opened item.
-	*/
-	path?: string;
+            /** Triggered when the user stops dragging the dialog.
+             */
+            dragStop?(e: DragStopEventArgs): void;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+            /** Triggered after the dialog is opened.
+             */
+            open?(e: OpenEventArgs): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Triggered while the dialog is resized.
+             */
+            resize?(e: ResizeEventArgs): void;
 
-export interface PasteEventArgs {
+            /** Triggered when the user starts resizing the dialog.
+             */
+            resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Triggered when the user stops resizing the dialog.
+             */
+            resizeStop?(e: ResizeStopEventArgs): void;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Triggered when the dialog content is expanded.
+             */
+            expand?(e: ExpandEventArgs): void;
 
-	/** returns the name of moved/copied file or folder.
-	*/
-	name?: string[];
+            /** Triggered when the dialog content is collapsed.
+             */
+            collapse?(e: CollapseEventArgs): void;
 
-	/** returns the selected item details.
-	*/
-	selectedItems?: any;
+            /** Triggered when the custom action button clicked.
+             */
+            actionButtonClick?(e: ActionButtonClickEventArgs): void;
+        }
 
-	/** returns the target folder item details.
-	*/
-	targetFolder?: any;
+        export interface BeforeOpenEventArgs {
 
-	/** returns the target path.
-	*/
-	targetPath?: string;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-export interface RemoveEventArgs {
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface AjaxErrorEventArgs {
 
-	/** returns the AJAX response data.
-	*/
-	data?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** returns the names of deleted items.
-	*/
-	name?: string;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** returns the path of deleted item.
-	*/
-	path?: string;
+            /** URL of the content.
+             */
+            URL?: string;
 
-	/** returns the removed item details.
-	*/
-	selectedItems?: any;
+            /** Error page content.
+             */
+            responseText?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Error code.
+             */
+            status?: number;
 
-export interface ResizeEventArgs {
+            /** The corresponding error description.
+             */
+            statusText?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface AjaxSuccessEventArgs {
 
-	/** returns the mouse move event args.
-	*/
-	event?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Name of the event.
+             */
+            type?: string;
 
-export interface ResizeStartEventArgs {
+            /** URL of the content.
+             */
+            URL?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Response content.
+             */
+            data?: string;
+        }
 
-	/** returns the mouse down event args.
-	*/
-	event?: any;
+        export interface BeforeCloseEventArgs {
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Current event object.
+             */
+            event?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface ResizeStopEventArgs {
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the mouse leave event args.
-	*/
-	event?: any;
+        export interface CloseEventArgs {
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+            /** Current event object.
+             */
+            event?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface SelectEventArgs {
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+        export interface ContentLoadEventArgs {
 
-	/** returns the name of selected items.
-	*/
-	name?: string[];
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the path of selected items.
-	*/
-	path?: string;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** returns the selected item details
-	*/
-	selectedItems?: any;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** URL of the content.
+             */
+            URL?: string;
 
-export interface TemplateRefreshEventArgs {
+            /** Content type
+             */
+            contentType?: any;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface CreateEventArgs {
 
-	/** Returns the cell object.
-	*/
-	cell?: ej.FileExplorer.Model;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Returns the current row data.
-	*/
-	data?: any;
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the grid model of FileExplorer.
-	*/
-	model?: any;
+        export interface DestroyEventArgs {
 
-	/** Returns the current row index.
-	*/
-	rowIndex?: number;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-export interface UnselectEventArgs {
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the FileExplorer model.
-	*/
-	model?: ej.FileExplorer.Model;
+        export interface DragEventArgs {
 
-	/** Returns the name of unselected item.
-	*/
-	name?: string;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of unselected items.
-	*/
-	names?: string[];
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Returns the type of unselected item.
-	*/
-	nodeType?: string;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Returns the path of unselected item.
-	*/
-	path?: string;
+            /** Current event object.
+             */
+            event?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+        export interface DragStartEventArgs {
 
-	/** Returns the unselected item details.
-	*/
-	unselectedItem?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the unselected items details.
-	*/
-	unselectedItems?: Array<any>;
-}
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-export interface ContextMenuSettings {
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** The items property is used to configure and group the required ContextMenu items in FileExplorer control.
-	*   @Default {{% highlight javascript %}{navbar: [NewFolder, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, Getinfo],cwd: [Refresh, Paste,|, SortBy, |, NewFolder, Upload, |, Getinfo],files: [Open, Download, |, Upload, |, Delete, Rename, |, Cut, Copy, Paste, |, OpenFolderLocation, Getinfo]}{% endhighlight %}}
-	*/
-	items?: any;
+            /** Current event object.
+             */
+            event?: any;
+        }
 
-	/** The customMenuFields property is used to define custom functionality for custom ContextMenu item's which are defined in items property.
-	*   @Default {[]}
-	*/
-	customMenuFields?: Array<any>;
-}
+        export interface DragStopEventArgs {
 
-export interface FilterSettings {
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** It allows to search the text given in search Textbox in every keyup event. When this property was set as false, searching will works only on Enter key and searchbar blur.
-	*   @Default {true}
-	*/
-	allowSearchOnTyping?: boolean;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Enables or disables to perform the filter operation with case sensitive.
-	*   @Default {false}
-	*/
-	caseSensitiveSearch?: boolean;
+            /** Name of the event.
+             */
+            type?: string;
 
-	/** Sets the search filter type. There are several filter types available such as &quot;startswith&quot;, &quot;contains&quot;, &quot;endswith&quot;. See filterType.
-	*   @Default {ej.FileExplorer.filterType.Contains}
-	*/
-	filterType?: ej.FilterType|string;
-}
+            /** Current event object.
+             */
+            event?: any;
+        }
 
-export interface GridSettings {
+        export interface OpenEventArgs {
 
-	/** Allows to Resize the width of the columns by simply click and move the particular column header line.
-	*   @Default {true}
-	*/
-	allowResizing?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
-	*   @Default {true}
-	*/
-	allowSorting?: boolean;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Gets or sets an object that indicates to render the grid with specified columns. You can use this property same as the column property in Grid control.
-	*   @Default {[{ field: name, headerText: Name, width: 30% }, { field: dateModified, headerText: Date Modified, width: 30% }, { field: type, headerText: Type, width: 15% }, { field: size, headerText: Size, width: 12%, textAlign: right, headerTextAlign: left }]}
-	*/
-	columns?: Array<any>;
-}
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-export interface UploadSettings {
+        export interface ResizeEventArgs {
 
-	/** Specifies the maximum file size allowed to upload. It accepts the value in bytes.
-	*   @Default {31457280}
-	*/
-	maxFileSize?: number;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Enables or disables the multiple files upload. When it is enabled, you can upload multiple files at a time and when disabled, you can upload only one file at a time.
-	*   @Default {true}
-	*/
-	allowMultipleFile?: boolean;
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Enables or disables the auto upload option while uploading files in FileExplorer control.
-	*   @Default {false}
-	*/
-	autoUpload?: boolean;
-}
+            /** Name of the event.
+             */
+            type?: string;
 
-enum layoutType{
+            /** Current event object.
+             */
+            event?: any;
+        }
 
-	///Supports to display files in tile view
-	Tile,
+        export interface ResizeStartEventArgs {
 
-	///Supports to display files in grid view 
-	Grid,
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	///Supports to display files as large icons
-	LargeIcons
-}
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-}
+            /** Name of the event
+             */
+            type?: string;
 
-class DatePicker extends ej.Widget {
-	static fn: DatePicker;
-	constructor(element: JQuery, options?: DatePicker.Model);
-	constructor(element: Element, options?: DatePicker.Model);
-	static Locale: any;
-	model:DatePicker.Model;
-	defaults:DatePicker.Model;
-
-	/** Disables the DatePicker control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enable the DatePicker control, if it is in disabled state.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns the current date value in the DatePicker control.
-	*   @returns {string}
-	*/
-	getValue(): string;
-
-	/** Close the DatePicker popup, if it is in opened state.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Opens the DatePicker popup.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module DatePicker{
-
-export interface Model {
-
-	/** Used to allow or restrict the editing in DatePicker input field directly. By setting false to this API, You can only pick the date from DatePicker popup.
-	*   @Default {true}
-	*/
-	allowEdit?: boolean;
-
-	/** allow or restrict the drill down to multiple levels of view (month/year/decade) in DatePicker calendar
-	*   @Default {true}
-	*/
-	allowDrillDown?: boolean;
-
-	/** Disable the list of specified date value.
-	*   @Default {{}}
-	*/
-	blackoutDates?: any;
-
-	/** Sets the specified text value to the today button in the DatePicker calendar.
-	*   @Default {Today}
-	*/
-	buttonText?: string;
-
-	/** Sets the root CSS class for DatePicker theme, which is used customize.
-	*/
-	cssClass?: string;
-
-	/** Formats the value of the DatePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DatePicker.
-	*   @Default {MM/dd/yyyy}
-	*/
-	dateFormat?: string;
-
-	/** Specifies the header format of days in DatePicker calendar. See below to get available Headers options
-	*   @Default {ej.DatePicker.Header.Short}
-	*/
-	dayHeaderFormat?: string | ej.DatePicker.Header;
-
-	/** Specifies the navigation depth level in DatePicker calendar. This option is not applied when start level view option is lower than depth level view. See below to know available levels in DatePicker Calendar
-	*/
-	depthLevel?: string | ej.DatePicker.Level;
-
-	/** Allows to embed the DatePicker calendar in the page. Also associates DatePicker with div element instead of input.
-	*   @Default {false}
-	*/
-	displayInline?: boolean;
-
-	/** Enables or disables the animation effect with DatePicker calendar.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Enable or disable the DatePicker control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Sustain the entire widget model of DatePicker even after form post or browser refresh
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Displays DatePicker calendar along with DatePicker input field in Right to Left direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Allows to enter valid or invalid date in input textbox and indicate as error if it is invalid value, when this API value is set to true. For false value, invalid date is not allowed to input field and corrected to valid date automatically, even if invalid date is given.
-	*   @Default {false}
-	*/
-	enableStrictMode?: boolean;
-
-	/** Used  the required fields for special Dates in DatePicker in order to customize the special dates in a calendar.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Specifies the header format to be displayed in the DatePicker calendar.
-	*   @Default {MMMM yyyy}
-	*/
-	headerFormat?: string;
-
-	/** Specifies the height of the DatePicker input text.
-	*   @Default {28px}
-	*/
-	height?: string;
-
-	/** HighlightSection is used to highlight currently selected date's month/week/workdays. See below to get available HighlightSection options
-	*   @Default {none}
-	*/
-	highlightSection?: string | ej.DatePicker.HighlightSection;
-
-	/** Weekend  dates will be highlighted when this property is set to true.
-	*   @Default {false}
-	*/
-	highlightWeekend?: boolean;
-
-	/** Specifies the HTML Attributes of the DatePicker.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Change the DatePicker calendar and date format based on given culture.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the maximum date in the calendar that the user can select.
-	*   @Default {new Date(2099, 11, 31)}
-	*/
-	maxDate?: string|Date;
-
-	/** Specifies the minimum date in the calendar that the user can select.
-	*   @Default {new Date(1900, 00, 01)}
-	*/
-	minDate?: string|Date;
-
-	/** Allows to toggles the read only state of the DatePicker. When the widget is readOnly, it doesn't allow your input.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** It allow to show/hide the disabled date ranges
-	*   @Default {true}
-	*/
-	showDisabledRange?: boolean;
-
-	/** It allows to display footer in DatePicker calendar.
-	*   @Default {true}
-	*/
-	showFooter?: boolean;
-
-	/** It allows to display/hides the other months days from the current month calendar in a DatePicker.
-	*   @Default {true}
-	*/
-	showOtherMonths?: boolean;
-
-	/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DatePicker calendar popup.
-	*   @Default {true}
-	*/
-	showPopupButton?: boolean;
-
-	/** DatePicker input is displayed with rounded corner when this property is set to true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Used to show the tooltip when hovering on the days in the DatePicker calendar.
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the special dates in DatePicker.
-	*   @Default {null}
-	*/
-	specialDates?: any;
-
-	/** Specifies the start day of the week in DatePicker calendar.
-	*   @Default {0}
-	*/
-	startDay?: number;
-
-	/** Specifies the start level view in DatePicker calendar. See below available Levels
-	*   @Default {ej.DatePicker.Level.Month}
-	*/
-	startLevel?: string | ej.DatePicker.Level;
-
-	/** Specifies the number of months to be navigate for one click of next and previous button in a DatePicker Calendar.
-	*   @Default {1}
-	*/
-	stepMonths?: number;
-
-	/** Provides option to customize the tooltip format.
-	*   @Default {ddd MMM dd yyyy}
-	*/
-	tooltipFormat?: string;
-
-	/** Sets the jQuery validation support to DatePicker Date value. See validation
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Sets the jQuery validation custom rules to the DatePicker. see validation
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** sets or returns the current value of DatePicker
-	*   @Default {null}
-	*/
-	value?: string|Date;
-
-	/** Specifies the water mark text to be displayed in input text.
-	*   @Default {Select date}
-	*/
-	watermarkText?: string;
-
-	/** Specifies the width of the DatePicker input text.
-	*   @Default {160px}
-	*/
-	width?: string;
-
-	/** Fires before closing the DatePicker popup. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
-
-	/** Fires when each date is created in the DatePicker popup calendar. */
-	beforeDateCreate? (e: BeforeDateCreateEventArgs): void;
-
-	/** Fires before opening the DatePicker popup. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Fires when the DatePicker input value is changed. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when DatePicker popup is closed. */
-	close? (e: CloseEventArgs): void;
-
-	/** Fires when the DatePicker is created successfully. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the DatePicker is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when DatePicker input gets focus. */
-	focusIn? (e: FocusInEventArgs): void;
-
-	/** Fires when DatePicker input loses the focus. */
-	focusOut? (e: FocusOutEventArgs): void;
-
-	/** Fires when calender view navigates to month/year/decade/century. */
-	navigate? (e: NavigateEventArgs): void;
+            /** Current event object.
+             */
+            event?: any;
+        }
 
-	/** Fires when DatePicker popup is opened. */
-	open? (e: OpenEventArgs): void;
+        export interface ResizeStopEventArgs {
 
-	/** Fires when a date is selected from the DatePicker popup. */
-	select? (e: SelectEventArgs): void;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface BeforeCloseEventArgs {
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** Current event object.
+             */
+            event?: any;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface ExpandEventArgs {
 
-	/** returns the event parameters from DatePicker.
-	*/
-	events?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** returns the DatePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
 
-export interface BeforeDateCreateEventArgs {
+            /** Name of the event.
+             */
+            type?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface CollapseEventArgs {
+
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
+
+            /** Name of the event.
+             */
+            type?: string;
+        }
+
+        export interface ActionButtonClickEventArgs {
+
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Name of the event target attribute.
+             */
+            buttonID?: string;
+
+            /** Name of the event.
+             */
+            type?: string;
+
+            /** Instance of the dialog model object.
+             */
+            model?: ej.Dialog.Model;
+
+            /** Name of the event current target title.
+             */
+            currentTarget?: string;
+        }
+
+        export interface AjaxSettings {
+
+            /** It specifies, whether to enable or disable asynchronous request.
+             */
+            async?: boolean;
+
+            /** It specifies the page will be cached in the web browser.
+             */
+            cache?: boolean;
+
+            /** It specifies the type of data is send in the query string.
+             */
+            contentType?: string;
+
+            /** It specifies the data as an object, will be passed in the query string.
+             */
+            data?: any;
+
+            /** It specifies the type of data that you're expecting back from the response.
+             */
+            dataType?: string;
+
+            /** It specifies the HTTP request type.
+             */
+            type?: string;
+        }
+    }
+
+    class DropDownList extends ej.Widget {
+        static fn: DropDownList;
+        constructor(element: JQuery | Element, options?: DropDownList.Model);
+        static Locale: any;
+        model: DropDownList.Model;
+        defaults: DropDownList.Model;
+
+        /** Adding a single item or an array of items into the DropDownList allows you to specify all the field attributes such as value, template, image URL, and HTML attributes for those
+         * items.Grouping and sorting will not be supported when we add items through this method.
+         * @param {any|any[]}  this parameter should have field attributes with respect to mapped field attributes and it's corresponding values to fields
+         * @returns {void}
+         */
+        addItem(data: any|any[]): void;
+
+        /** This method is used to select all the items in the DropDownList.
+         * @returns {void}
+         */
+        checkAll(): void;
+
+        /** Clears the text in the DropDownList textbox.
+         * @returns {void}
+         */
+        clearText(): void;
+
+        /** Destroys the DropDownList widget.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** This property is used to disable the DropDownList widget.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** This property disables the set of items in the DropDownList.
+         * @param {string|number|any[]}  disable the given index list items
+         * @returns {void}
+         */
+        disableItemsByIndices(index: string|number|any[]): void;
+
+        /** This property enables the DropDownList control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Enables an Item or set of Items that are disabled in the DropDownList
+         * @param {string|number|any[]}  enable the given index list items if it's disabled
+         * @returns {void}
+         */
+        enableItemsByIndices(index: string|number|any[]): void;
+
+        /** This method retrieves the items using given value.
+         * @param {string|number|any}  Return the whole object of data based on given value
+         * @returns {any[]}
+         */
+        getItemDataByValue(value: string|number|any): any[];
+
+        /** This method is used to retrieve the items that are bound with the DropDownList.
+         * @returns {any}
+         */
+        getListData(): any;
+
+        /** This method is used to get the selected items in the DropDownList.
+         * @returns {any[]}
+         */
+        getSelectedItem(): any[];
+
+        /** This method is used to retrieve the items value that are selected in the DropDownList.
+         * @returns {string}
+         */
+        getSelectedValue(): string;
+
+        /** This method hides the suggestion popup in the DropDownList.
+         * @returns {void}
+         */
+        hidePopup(): void;
+
+        /** This method is used to select the list of items in the DropDownList through the Index of the items.
+         * @param {string|number|any[]}  select the given index list items
+         * @returns {void}
+         */
+        selectItemsByIndices(index: string|number|any[]): void;
+
+        /** This method is used to select an item in the DropDownList by using the given text value.
+         * @param {string|number|any[]}  select the list items relates to given text
+         * @returns {void}
+         */
+        selectItemByText(index: string|number|any[]): void;
+
+        /** This method is used to select an item in the DropDownList by using the given value.
+         * @param {string|number|any[]}  select the list items relates to given values
+         * @returns {void}
+         */
+        selectItemByValue(index: string|number|any[]): void;
+
+        /** This method shows the DropDownList control with the suggestion popup.
+         * @returns {void}
+         */
+        showPopup(): void;
+
+        /** This method is used to unselect all the items in the DropDownList.
+         * @returns {void}
+         */
+        unCheckAll(): void;
+
+        /** This method is used to unselect the list of items in the DropDownList through Index of the items.
+         * @param {string|number|any[]}  unselect the given index list items
+         * @returns {void}
+         */
+        unselectItemsByIndices(index: string|number|any[]): void;
+
+        /** This method is used to unselect an item in the DropDownList by using the given text value.
+         * @param {string|number|any[]}  unselect the list items relates to given text
+         * @returns {void}
+         */
+        unselectItemByText(index: string|number|any[]): void;
+
+        /** This method is used to unselect an item in the DropDownList by using the given value.
+         * @param {string|number|any[]}  unselect the list items relates to given values
+         * @returns {void}
+         */
+        unselectItemByValue(index: string|number|any[]): void;
+    }
+    export namespace DropDownList {
+
+        export interface Model {
+
+            /** The Virtual Scrolling(lazy loading) feature is used to display a large amount of data that you require without buffering the entire load of a huge database records in the
+             * DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the
+             * allowVirtualScrolling to true.
+             * @Default {false}
+             */
+            allowVirtualScrolling?: boolean;
+
+            /** The cascading DropDownLists is a series of two or more DropDownLists in which each DropDownList is filtered according to the previous DropDownList’s value.
+             * @Default {null}
+             */
+            cascadeTo?: string;
+
+            /** Sets the case sensitivity of the search operation. It supports both enableFilterSearch and enableIncrementalSearch property.
+             * @Default {false}
+             */
+            caseSensitiveSearch?: boolean;
+
+            /** Dropdown widget's style and appearance can be controlled based on 13 different default built-in themes.You can customize the appearance of the dropdown by using the cssClass
+             * property. You need to specify a class name in the cssClass property and the same class name is used before the class definitions wherever the custom styles are applied.
+             */
+            cssClass?: string;
+
+            /** This property is used to serve data from the data services based on the query provided. To bind the data to the dropdown widget, the dataSource property is assigned with the
+             * instance of the ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Sets the separator when the multiSelectMode with delimiter option or checkbox is enabled with the dropdown. When you enter the delimiter value, the texts after the delimiter are
+             * considered as a separate word or query. The delimiter string is a single character and must be a symbol. Mostly, the delimiter symbol is used as comma (,) or semi-colon (;) or
+             * any other special character.
+             * @Default {','}
+             */
+            delimiterChar?: string;
+
+            /** The enabled Animation property uses the easeOutQuad animation to SlideDown and SlideUp the Popup list in 200 and 100 milliseconds, respectively.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** This property is used to indicate whether the DropDownList control responds to the user interaction or not. By default, the control is in the enabled mode and you can disable it
+             * by setting it to false.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specifies to perform incremental search for the selection of items from the DropDownList with the help of this property. This helps in selecting the item by using the typed
+             * character.
+             * @Default {true}
+             */
+            enableIncrementalSearch?: boolean;
+
+            /** This property selects the item in the DropDownList when the item is entered in the Search textbox.
+             * @Default {false}
+             */
+            enableFilterSearch?: boolean;
+
+            /** Saves the current model value to the browser cookies for state maintenance. While refreshing the DropDownList control page, it retains the model value and it is applied from the
+             * browser cookies.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** This enables the resize handler to resize the popup to any size.
+             * @Default {false}
+             */
+            enablePopupResize?: boolean;
+
+            /** Sets the DropDownList textbox direction from right to left align.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** This property is used to sort the Items in the DropDownList. By default, it sorts the items in an ascending order.
+             * @Default {false}
+             */
+            enableSorting?: boolean;
+
+            /** Specifies the mapping fields for the data items of the DropDownList.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** When the enableFilterSearch property value is set to true, the values in the DropDownList shows the items starting with or containing the key word/letter typed in the Search
+             * textbox.
+             * @Default {ej.FilterType.Contains}
+             */
+            filterType?: ej.FilterType|string;
+
+            /** Used to create visualized header for dropdown items
+             * @Default {null}
+             */
+            headerTemplate?: string;
+
+            /** Defines the height of the DropDownList textbox.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** It sets the given HTML attributes for the DropDownList control such as ID, name, disabled, etc.
+             * @Default {null}
+             */
+            htmlAttributes?: any;
+
+            /** Data can be fetched in the DropDownList control by using the DataSource, specifying the number of items.
+             * @Default {5}
+             */
+            itemsCount?: number;
+
+            /** Allows the user to set the particular country or region language for the DropDownList.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
+             * @Default {null}
+             */
+            maxPopupHeight?: string|number;
+
+            /** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+             * @Default {null}
+             */
+            minPopupHeight?: string|number;
+
+            /** Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
+             * @Default {null}
+             */
+            maxPopupWidth?: string|number;
+
+            /** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
+             * @Default {0}
+             */
+            minPopupWidth?: string|number;
+
+            /** With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you
+             * can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes
+             * with close icon in the textbox.
+             * @Default {ej.MultiSelectMode.None}
+             */
+            multiSelectMode?: ej.MultiSelectMode|string;
+
+            /** Defines the height of the suggestion popup box in the DropDownList control.
+             * @Default {152px}
+             */
+            popupHeight?: string|number;
+
+            /** Defines the width of the suggestion popup box in the DropDownList control.
+             * @Default {auto}
+             */
+            popupWidth?: string|number;
+
+            /** Specifies the query to retrieve the data from the DataSource.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Specifies that the DropDownList textbox values should be read-only.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Specifies an item to be selected in the DropDownList.
+             * @Default {null}
+             */
+            selectedIndex?: number;
+
+            /** Specifies the selectedItems for the DropDownList.
+             * @Default {[]}
+             */
+            selectedIndices?: any[];
+
+            /** Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
+             * @Default {false}
+             */
+            showCheckbox?: boolean;
+
+            /** DropDownList control is displayed with the popup seen.
+             * @Default {false}
+             */
+            showPopupOnLoad?: boolean;
+
+            /** DropDownList textbox displayed with the rounded corner style.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
+             * @Default {ej.SortOrder.Ascending}
+             */
+            sortOrder?: ej.SortOrder|string;
+
+            /** Specifies the targetID for the DropDownList’s items.
+             * @Default {null}
+             */
+            targetID?: string;
+
+            /** By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Defines the text value that is displayed in the DropDownList textbox.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Sets the jQuery validation error message in the DropDownList
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Sets the jQuery validation rules in the Dropdownlist.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Specifies the value (text content) for the DropDownList control.
+             * @Default {null}
+             */
+            value?: string|number;
+
+            /** Specifies a short hint that describes the expected value of the DropDownList control.
+             * @Default {null}
+             */
+            watermarkText?: string;
+
+            /** Defines the width of the DropDownList textbox.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** The Virtual Scrolling feature is used to display a large amount of records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from
+             * the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true. You can set the itemsCount property that represents the number of items
+             * to be fetched from the server on every AJAX request.
+             * @Default {normal}
+             */
+            virtualScrollMode?: ej.VirtualScrollMode|string;
+
+            /** Fires the action before the XHR request.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Fires the action when the list of items is bound to the DropDownList by xhr post calling
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control.
+             */
+            actionFailure?(e: ActionFailureEventArgs): void;
+
+            /** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control
+             */
+            actionSuccess?(e: ActionSuccessEventArgs): void;
+
+            /** Fires the action before the popup is ready to hide.
+             */
+            beforePopupHide?(e: BeforePopupHideEventArgs): void;
+
+            /** Fires the action before the popup is ready to be displayed.
+             */
+            beforePopupShown?(e: BeforePopupShownEventArgs): void;
+
+            /** Fires when the cascading happens between two DropDownList exactly after the value changes in the first dropdown and before filtering in the second Dropdown.
+             */
+            cascade?(e: CascadeEventArgs): void;
+
+            /** Fires the action when the DropDownList control’s value is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires the action when the list item checkbox value is changed.
+             */
+            checkChange?(e: CheckChangeEventArgs): void;
+
+            /** Fires the action once the DropDownList is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires the action when the list items is bound to the DropDownList.
+             */
+            dataBound?(e: DataBoundEventArgs): void;
+
+            /** Fires the action when the DropDownList is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires the action when the DropDownList is focused.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Fires the action when the DropDownList is about to lose focus.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Fires the action, once the popup is closed
+             */
+            popupHide?(e: PopupHideEventArgs): void;
+
+            /** Fires the action, when the popup is resized.
+             */
+            popupResize?(e: PopupResizeEventArgs): void;
+
+            /** Fires the action, once the popup is opened.
+             */
+            popupShown?(e: PopupShownEventArgs): void;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** Fires the action, when resizing a popup starts.
+             */
+            popupResizeStart?(e: PopupResizeStartEventArgs): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Fires the action, when the popup resizing is stopped.
+             */
+            popupResizeStop?(e: PopupResizeStopEventArgs): void;
 
-	/** returns the currently created date object.
-	*/
-	date?: any;
+            /** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled.
+             */
+            search?(e: SearchEventArgs): void;
 
-	/** returns the current DOM object of the date from the Calendar.
-	*/
-	element?: HTMLElement;
+            /** Fires the action, when the list of item is selected.
+             */
+            select?(e: SelectEventArgs): void;
+        }
 
-	/** returns the currently created date as string type.
-	*/
-	value?: string;
-}
+        export interface ActionBeginEventArgs {
 
-export interface BeforeOpenEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface ActionCompleteEventArgs {
 
-	/** returns the event parameters from DatePicker.
-	*/
-	events?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DatePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** Returns number of times trying to fetch the data
+             */
+            count?: number;
 
-export interface ChangeEventArgs {
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** Returns the query for data retrieval from the Database
+             */
+            request?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the DatePicker input value.
-	*/
-	value?: string;
+            /** Returns the number of items fetched from remote data
+             */
+            result?: any[];
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
-}
+            /** Returns the requested data
+             */
+            xhr?: any;
+        }
 
-export interface CloseEventArgs {
+        export interface ActionFailureEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the current date object.
-	*/
-	date?: any;
+            /** Returns the error message
+             */
+            error?: any;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-	/** returns the current date value.
-	*/
-	value?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
-}
+        export interface ActionSuccessEventArgs {
 
-export interface CreateEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Returns number of times trying to fetch the data
+             */
+            count?: number;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the query for data retrieval
+             */
+            query?: any;
 
-export interface DestroyEventArgs {
+            /** Returns the query for data retrieval from the Database
+             */
+            request?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** Returns the number of items fetched from remote data
+             */
+            result?: any[];
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the requested data
+             */
+            xhr?: any;
+        }
 
-export interface FocusInEventArgs {
+        export interface BeforePopupHideEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the currently selected date value.
-	*/
-	value?: string;
-}
+            /** returns the selected text
+             */
+            text?: string;
 
-export interface FocusOutEventArgs {
+            /** returns the selected value
+             */
+            value?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface BeforePopupShownEventArgs {
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the currently selected date value.
-	*/
-	value?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the previously selected date value.
-	*/
-	prevDate?: string;
-}
+            /** returns the selected text
+             */
+            text?: string;
 
-export interface NavigateEventArgs {
+            /** returns the selected value
+             */
+            value?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface CascadeEventArgs {
 
-	/** returns the current date object.
-	*/
-	date?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** Returns the cascading dropdown model.
+             */
+            cascadeModel?: any;
 
-	/** returns the previous view state of calendar.
-	*/
-	navigateFrom?: string;
+            /** returns the current selected value in first dropdown.
+             */
+            cascadeValue?: string;
 
-	/** returns the current view state of calendar.
-	*/
-	navigateTo?: string;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the default filter action for second dropdown data should happen or not.
+             */
+            requiresDefaultFilter?: boolean;
 
-	/** returns the current date value.
-	*/
-	value?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface OpenEventArgs {
+        export interface ChangeEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the current date object.
-	*/
-	date?: any;
+            /** Returns the selected item with checkbox checked or not.
+             */
+            isChecked?: boolean;
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** Returns the selected item ID.
+             */
+            itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the current date value.
-	*/
-	value?: string;
+            /** Returns the selected item text.
+             */
+            selectedText?: string;
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface SelectEventArgs {
+            /** Returns the selected text.
+             */
+            text?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Returns the selected value.
+             */
+            value?: string;
+        }
 
-	/** returns the selected date object.
-	*/
-	date?: any;
+        export interface CheckChangeEventArgs {
 
-	/** returns the DatePicker model.
-	*/
-	model?: ej.DatePicker.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the selected item with checkbox checked or not.
+             */
+            isChecked?: boolean;
 
-	/** returns the current date value.
-	*/
-	value?: string;
+            /** Returns the selected item ID.
+             */
+            itemId?: string;
 
-	/** returns the previously selected value.
-	*/
-	prevDate?: string;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns whether the  currently selected date is special date or not.
-	*/
-	isSpecialDay?: string;
-}
+            /** Returns the selected item text.
+             */
+            selectedText?: string;
 
-export interface Fields {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Specifies the specials dates
-	*/
-	date?: string;
+            /** Returns the selected text.
+             */
+            text?: string;
 
-	/** Specifies the icon class to special dates.
-	*/
-	iconClass?: string;
+            /** Returns the selected value.
+             */
+            value?: string;
+        }
 
-	/** Specifies the tooltip to special dates.
-	*/
-	tooltip?: string;
+        export interface CreateEventArgs {
 
-	/** Specifies the CSS class to customize the date.
-	*/
-	cssClass?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-enum Header{
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	///Removes day header in DatePicker
-	None,
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	///sets  the short format of day name (like Sun) in header in DatePicker
-	Short,
+        export interface DataBoundEventArgs {
 
-	///sets  the Min format of day name (like su) in header format DatePicker
-	Min
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-enum Level{
+            /** returns the name of the event
+             */
+            type?: string;
 
-	///allow  navigation upto year level in  DatePicker
-	Year,
+            /** returns the data that is bound to DropDownList
+             */
+            data?: any;
+        }
 
-	///allow  navigation upto decade level in  DatePicker
-	Decade,
+        export interface DestroyEventArgs {
 
-	///allow  navigation upto Century level in  DatePicker
-	Century
-}
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-enum HighlightSection{
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	///Highlight the week of the currently  selected date in DatePicker popup calendar  
-	Week,
+        export interface FocusInEventArgs {
 
-	///Highlight the workdays in a currently  selected date's week in DatePicker popup calendar 
-	WorkDays,
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///Nothing will be highlighted, remove highlights from DatePicker popup calendar if already exists
-	None
-}
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-class DateTimePicker extends ej.Widget {
-	static fn: DateTimePicker;
-	constructor(element: JQuery, options?: DateTimePicker.Model);
-	constructor(element: Element, options?: DateTimePicker.Model);
-	static Locale: any;
-	model:DateTimePicker.Model;
-	defaults:DateTimePicker.Model;
-
-	/** Disables the DateTimePicker control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the DateTimePicker control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns the current datetime value in the DateTimePicker.
-	*   @returns {string}
-	*/
-	getValue(): string;
-
-	/** Hides or closes the DateTimePicker popup.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Updates the current system date value and time value to the DateTimePicker.
-	*   @returns {void}
-	*/
-	setCurrentDateTime(): void;
-
-	/** Shows or opens the DateTimePicker popup.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module DateTimePicker{
-
-export interface Model {
-
-	/** Used to allow or restrict the editing in DateTimePicker input field directly. By setting false to this API, You can only pick the date and time values from DateTimePicker popup.
-	*   @Default {true}
-	*/
-	allowEdit?: boolean;
-
-	/** Displays the custom text for the buttons inside the DateTimePicker popup. when the culture value changed, we can change the buttons text based on the culture.
-	*   @Default {{ today: Today, timeNow: Time Now, done: Done, timeTitle: Time }}
-	*/
-	buttonText?: ButtonText;
-
-	/** Set the root class for DateTimePicker theme. This cssClass API helps to use custom skinning option for DateTimePicker control.
-	*/
-	cssClass?: string;
-
-	/** Defines the datetime format displayed in the DateTimePicker. The value should be a combination of date format and time format.
-	*   @Default {M/d/yyyy h:mm tt}
-	*/
-	dateTimeFormat?: string;
-
-	/** Specifies the header format of the datepicker inside the DateTimePicker popup. See DatePicker.Header
-	*   @Default {ej.DatePicker.Header.Short}
-	*/
-	dayHeaderFormat?: ej.DatePicker.Header|string;
-
-	/** Specifies the navigation depth level in DatePicker calendar inside DateTimePicker popup. This option is not applied when start level view option is lower than depth level view. See ej.DatePicker.Level
-	*/
-	depthLevel?: ej.DatePicker.Level|string;
-
-	/** Enable or disable the animation effect in DateTimePicker.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** When this property is set to false, it disables the DateTimePicker control.
-	*   @Default {false}
-	*/
-	enabled?: boolean;
-
-	/** Enables or disables the state maintenance of DateTimePicker.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Sets the DateTimePicker direction as right to left alignment.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class, otherwise it internally changed to the correct value.
-	*   @Default {false}
-	*/
-	enableStrictMode?: boolean;
-
-	/** Specifies the header format to be displayed in the DatePicker calendar inside the DateTimePicker popup.
-	*   @Default {MMMM yyyy}
-	*/
-	headerFormat?: string;
-
-	/** Defines the height of the DateTimePicker textbox.
-	*   @Default {30}
-	*/
-	height?: string|number;
-
-	/** Specifies the HTML Attributes of the ejDateTimePicker
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Sets the time interval between the two adjacent time values in the time popup.
-	*   @Default {30}
-	*/
-	interval?: number;
-
-	/** Defines the localization culture for DateTimePicker.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the maximum value to the DateTimePicker. Beyond the maximum value an error class is added to the wrapper element when we set true to enableStrictMode.
-	*   @Default {new Date(12/31/2099 11:59:59 PM)}
-	*/
-	maxDateTime?: string|Date;
-
-	/** Sets the minimum value to the DateTimePicker. Behind the minimum value an error class is added to the wrapper element.
-	*   @Default {new Date(1/1/1900 12:00:00 AM)}
-	*/
-	minDateTime?: string|Date;
-
-	/** Specifies the popup position of DateTimePicker.See below to know available popup positions
-	*   @Default {ej.DateTimePicker.Bottom}
-	*/
-	popupPosition?: string | ej.popupPosition;
-
-	/** Indicates that the DateTimePicker value can only be read and can’t change.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** It allows showing days in other months of DatePicker calendar inside the DateTimePicker popup.
-	*   @Default {true}
-	*/
-	showOtherMonths?: boolean;
-
-	/** Shows or hides the arrow button from the DateTimePicker textbox. When the button disabled, the DateTimePicker popup opens while focus in the textbox and hides while focus out from the textbox.
-	*   @Default {true}
-	*/
-	showPopupButton?: boolean;
-
-	/** Changes the sharped edges into rounded corner for the DateTimePicker textbox and popup.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies the start day of the week in datepicker inside the DateTimePicker popup.
-	*   @Default {1}
-	*/
-	startDay?: number;
-
-	/** Specifies the start level view in datepicker inside the DateTimePicker popup. See DatePicker.Level
-	*   @Default {ej.DatePicker.Level.Month or month}
-	*/
-	startLevel?: ej.DatePicker.Level|string;
-
-	/** Specifies the number of months to navigate at one click of next and previous button in datepicker inside the DateTimePicker popup.
-	*   @Default {1}
-	*/
-	stepMonths?: number;
-
-	/** Defines the time format displayed in the time dropdown inside the DateTimePicker popup.
-	*   @Default {h:mm tt}
-	*/
-	timeDisplayFormat?: string;
-
-	/** We can drill down up to time interval on selected date with meridian details.
-	*   @Default {{ enabled: false, interval: 5, showMeridian: false, autoClose: true }}
-	*/
-	timeDrillDown?: TimeDrillDown;
-
-	/** Defines the width of the time dropdown inside the DateTimePicker popup.
-	*   @Default {100}
-	*/
-	timePopupWidth?: string|number;
-
-	/** Set the jQuery validation error message in DateTimePicker.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Set the jQuery validation rules in DateTimePicker.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** Sets the DateTime value to the control.
-	*/
-	value?: string|Date;
-
-	/** Specifies the water mark text to be displayed in input text.
-	*   @Default {Select date and time}
-	*/
-	watermarkText?: string;
-
-	/** Defines the width of the DateTimePicker textbox.
-	*   @Default {143}
-	*/
-	width?: string|number;
-
-	/** Fires before the datetime popup closed in the DateTimePicker. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
-
-	/** Fires before the datetime popup open in the DateTimePicker. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Fires when the datetime value changed in the DateTimePicker textbox. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when DateTimePicker popup closes. */
-	close? (e: CloseEventArgs): void;
-
-	/** Fires after DateTimePicker control is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the DateTimePicker is destroyed successfully */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when the focus-in happens in the DateTimePicker textbox. */
-	focusIn? (e: FocusInEventArgs): void;
-
-	/** Fires when the focus-out happens in the DateTimePicker textbox. */
-	focusOut? (e: FocusOutEventArgs): void;
-
-	/** Fires when DateTimePicker popup opens. */
-	open? (e: OpenEventArgs): void;
-}
+        export interface FocusOutEventArgs {
 
-export interface BeforeCloseEventArgs {
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the DateTimePicker model.
-	*/
-	model?: ej.DateTimePicker.Model;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface PopupHideEventArgs {
 
-	/** returns the event parameters from DateTimePicker.
-	*/
-	events?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DateTimePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-export interface BeforeOpenEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the selected text
+             */
+            text?: string;
 
-	/** returns the DateTimePicker model.
-	*/
-	model?: ej.DateTimePicker.Model;
+            /** returns the selected value
+             */
+            value?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface PopupResizeEventArgs {
 
-	/** returns the event parameters from DateTimePicker.
-	*/
-	events?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DateTimePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-export interface ChangeEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the data from the resizable plugin.
+             */
+            event?: any;
+        }
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+        export interface PopupShownEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the current value is valid or not
-	*/
-	isValidState?: boolean;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the modified datetime value
-	*/
-	value?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the previously selected date time value
-	*/
-	prevDateTime?: string;
+            /** returns the selected text
+             */
+            text?: string;
 
-	/** returns true if change event triggered by interaction, otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** returns the selected value
+             */
+            value?: string;
+        }
 
-export interface CloseEventArgs {
+        export interface PopupResizeStartEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the modified datetime value
-	*/
-	value?: string;
+            /** Returns the data from the resizable plugin.
+             */
+            event?: any;
+        }
 
-	/** returns the previously selected date time value
-	*/
-	prevDateTime?: string;
-}
+        export interface PopupResizeStopEventArgs {
 
-export interface CreateEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the DropDownList model
+             */
+            model?: any;
 
-	/** returns the DateTimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the data from the resizable plugin.
+             */
+            event?: any;
+        }
 
-export interface DestroyEventArgs {
+        export interface SearchEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DateTimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+            /** Returns the data bound to the DropDownList.
+             */
+            items?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the DropDownList model
+             */
+            model?: any;
+
+            /** Returns the selected item text.
+             */
+            selectedText?: string;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** Returns the search string typed in search box.
+             */
+            searchString?: string;
+        }
+
+        export interface SelectEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** Returns the selected item with checkbox checked or not.
+             */
+            isChecked?: boolean;
+
+            /** Returns the selected item ID.
+             */
+            itemId?: string;
+
+            /** returns the DropDownList model
+             */
+            model?: any;
+
+            /** Returns the selected item text.
+             */
+            selectedText?: string;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** Returns the selected text.
+             */
+            text?: string;
+
+            /** Returns the selected value.
+             */
+            value?: string;
+        }
+
+        export interface Fields {
+
+            /** Used to group the items.
+             */
+            groupBy?: string;
+
+            /** Defines the HTML attributes such as ID, class, and styles for the item.
+             */
+            htmlAttributes?: any;
+
+            /** Defines the ID for the tag.
+             */
+            id?: string;
+
+            /** Defines the image attributes such as height, width, styles, and so on.
+             */
+            imageAttributes?: string;
+
+            /** Defines the imageURL for the image location.
+             */
+            imageUrl?: string;
+
+            /** Defines the tag value to be selected initially.
+             */
+            selected?: boolean;
+
+            /** Defines the sprite CSS for the image tag.
+             */
+            spriteCssClass?: string;
+
+            /** Defines the table name for tag value or display text while rendering remote data.
+             */
+            tableName?: string;
+
+            /** Defines the text content for the tag.
+             */
+            text?: string;
+
+            /** Defines the tag value.
+             */
+            value?: string;
+        }
+    }
+    enum FilterType {
+        //filter the data wherever contains search key
+        Contains,
+        //filter the data based on search key present at start position
+        StartsWith,
+    }
+    enum MultiSelectMode {
+        //can select only single item in DropDownList
+        None,
+        //can select multiple items and it's separated by delimiterChar
+        Delimiter,
+        //can select multiple items and it's show's like visual box in textbox
+        VisualMode,
+    }
+    enum VirtualScrollMode {
+        //The data is loaded only to the corresponding page (display items). When scrolling some other position, it enables the load on demand with the DropDownList.
+        Normal,
+        //The data items are loaded from the remote when scroll handle reaches the end of the scrollbar like infinity scrolling.
+        Continuous,
+    }
+
+    class Tooltip extends ej.Widget {
+        static fn: Tooltip;
+        constructor(element: JQuery | Element, options?: Tooltip.Model);
+        static Locale: any;
+        model: Tooltip.Model;
+        defaults: Tooltip.Model;
+
+        /** Destroys the Tooltip control.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Disables the Tooltip control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enables the Tooltip control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Hide the Tooltip popup.
+         * @param {string}  optional Determines the type of effect that takes place when hiding the tooltip.
+         * @param {() => void}  optional custom effect takes place when hiding the tooltip.
+         * @returns {void}
+         */
+        hide(effect?: string, func?: () => void): void;
+
+        /** Shows the Tooltip popup for the given target element with the specified effect.
+         * @param {string} optional Determines the type of effect that takes place when showing the tooltip.
+         * @param {() => void} optional custom effect takes place when showing the tooltip.
+         * @param {JQuery} optional Tooltip will be shown for the given element
+         * @returns {void}
+         */
+        show(effect?: string, func?: () => void, target?: JQuery): void;
+    }
+    export namespace Tooltip {
+
+        export interface Model {
+
+            /** Tooltip control can be accessed through the keyboard shortcut keys.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Specifies the animation behavior in  Tooltip. It contains the following sub properties.
+             */
+            animation?: Animation;
+
+            /** Sets the position related to target element, window, mouse or (x,y) co-ordinates.
+             * @Default {ej.Tooltip.Associate.Target}
+             */
+            associate?: ej.Tooltip.Associate|string;
+
+            /** Specified the delay to hide Tooltip when closeMode is auto.
+             * @Default {4000}
+             */
+            autoCloseTimeout?: number;
+
+            /** Specifies the closing behavior of Tooltip popup.
+             * @Default {ej.Tooltip.CloseMode.None}
+             */
+            closeMode?: ej.Tooltip.CloseMode|string;
+
+            /** Sets the Tooltip in alternate position when collision occurs.
+             * @Default {ej.Tooltip.Collision.FlipFit}
+             */
+            collision?: ej.Tooltip.Collision|string;
+
+            /** Specified the selector for the container element.
+             * @Default {body}
+             */
+            containment?: string;
+
+            /** Specifies the text for Tooltip.
+             * @Default {null}
+             */
+            content?: string;
+
+            /** Sets the root CSS class for Tooltip for the customization.
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** Enables or disables the Tooltip.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Sets the Tooltip direction from right to left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Defines the height of the Tooltip popup.
+             * @Default {auto}
+             */
+            height?: string|number;
+
+            /** Enables the arrow in Tooltip.
+             * @Default {true}
+             */
+            isBalloon?: boolean;
+
+            /** defines various attributes of the Tooltip position
+             */
+            position?: Position;
+
+            /** Enables or disables rounded corner.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Enables or disables shadow effect.
+             * @Default {false}
+             */
+            showShadow?: boolean;
+
+            /** Specified a selector for elements, within the container.
+             * @Default {null}
+             */
+            target?: string;
+
+            /** defines Tooltip size and gap between tooltip against the target element.
+             */
+            tip?: Tip;
+
+            /** The title text to be displayed in the Tooltip header.
+             * @Default {null}
+             */
+            title?: string;
+
+            /** Specified the event action to show case the Tooltip.
+             * @Default {ej.Tooltip.Trigger.Hover}
+             */
+            trigger?: ej.Tooltip.Trigger|string;
+
+            /** Defines the width of the Tooltip popup.
+             * @Default {auto}
+             */
+            width?: string|number;
+
+            /** This event is triggered before the Tooltip widget get closed.
+             */
+            beforeClose?(e: BeforeCloseEventArgs): void;
+
+            /** This event is triggered before the Tooltip widget gets open.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires on clicking to the target element.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** This event is triggered after the Tooltip widget is closed.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** This event is triggered after the Tooltip is created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** This event is triggered after the Tooltip widget is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** This event is triggered while hovering the target element, when tooltip positioning relates to target element.
+             */
+            hover?(e: HoverEventArgs): void;
+
+            /** This event is triggered after the Tooltip is opened.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse.
+             */
+            tracking?(e: TrackingEventArgs): void;
+        }
+
+        export interface BeforeCloseEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the tooltip model
+             */
+            model?: any;
 
-export interface FocusInEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the Tooltip's content
+             */
+            content?: string;
+        }
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+        export interface BeforeOpenEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the datetime value, which is in text box
-	*/
-	value?: string;
-}
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-export interface FocusOutEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the Tooltip's content
+             */
+            content?: string;
+        }
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+        export interface ClickEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the datetime value, which is in text box
-	*/
-	value?: string;
-}
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-export interface OpenEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.DateTimePicker.Model;
+        export interface CloseEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the modified datetime value
-	*/
-	value?: string;
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-	/** returns the previously selected date time value
-	*/
-	prevDateTime?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface ButtonText {
+            /** returns the Tooltip's content
+             */
+            content?: string;
+        }
 
-	/** Sets the text for the Done button inside the datetime popup.
-	*/
-	done?: string;
+        export interface CreateEventArgs {
 
-	/** Sets the text for the Now button inside the datetime popup.
-	*/
-	timeNow?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Sets the header text for the Time dropdown.
-	*/
-	timeTitle?: string;
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-	/** Sets the text for the Today button inside the datetime popup.
-	*/
-	today?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface TimeDrillDown {
+        export interface DestroyEventArgs {
 
-	/** This is the field to show/hide the timeDrillDown in DateTimePicker.
-	*/
-	enabled?: boolean;
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Sets the interval time of minutes on selected date.
-	*/
-	interval?: number;
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-	/** Allows the user to show or hide the meridian with time in DateTimePicker.
-	*/
-	showMeridian?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** After choosing the time, the popup will close automatically if we set it as true, otherwise we focus out the DateTimePicker or choose timeNow button for closing the popup.
-	*/
-	autoClose?: boolean;
-}
-}
-enum popupPosition
-{
-//Opens the DateTimePicker popup below to the DateTimePicker input box
-Bottom,
-//Opens the DateTimePicker popup above to the DateTimePicker input box 
-Top,
-}
+        export interface HoverEventArgs {
 
-class DateRangePicker extends ej.Widget {
-	static fn: DateRangePicker;
-	constructor(element: JQuery, options?: DateRangePicker.Model);
-	constructor(element: Element, options?: DateRangePicker.Model);
-	static Locale: any;
-	model:DateRangePicker.Model;
-	defaults:DateRangePicker.Model;
-
-	/** Add the preset ranges to DateRangePicker popup.
-	*   @param {string} Display name
-	*   @param {Array<any>} StartDate and endDate of range.
-	*   @returns {void}
-	*/
-	addRanges(label: string, range: Array<any>): void;
-
-	/** Clears the all ranges selections in DateRangePicker popup
-	*   @returns {void}
-	*/
-	clearRanges(): void;
-
-	/** Disables the DateRangePicker control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enable the DateRangePicker control, if it is in disabled state.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns the startDate and endDate values in the selected ranges in the DateRangePicker control.
-	*   @returns {string}
-	*/
-	getSelectedValue(): string;
-
-	/** Close the DateRangePicker popup, if it is in opened state.
-	*   @returns {void}
-	*/
-	popupHide(): void;
-
-	/** Opens the DateRangePicker popup.
-	*   @returns {void}
-	*/
-	popupShow(): void;
-
-	/** set the preset ranges to DateRangePicker popup.
-	*   @returns {void}
-	*/
-	setRange(): void;
-}
-export module DateRangePicker{
-
-export interface Model {
-
-	/** Used to allow or restrict the editing in DateRangePicker input field directly. By setting false to this API, You can only pick the date ranges from DateRangePicker popup.
-	*   @Default {true}
-	*/
-	allowEdit?: boolean;
-
-	/** Sets the specified text value to the available buttons (Reset, Cancel, Apply) in the DateRangePicker popup.
-	*   @Default {{ reset: Reset, cancel: Cancel, apply: Apply}}
-	*/
-	buttonText?: any;
-
-	/** Sets the root CSS class for DateRangePicker theme, which is used to customize.
-	*/
-	cssClass?: string;
-
-	/** Formats the date value of the DateRangePicker in to the specified date format. If this API is not specified, dateFormat will be set based on the current culture of DateRangePicker.
-	*   @Default {MM/dd/yyyy}
-	*/
-	dateFormat?: string;
-
-	/** Allows to embed the Timepicker align with the calendars in the page, two timepicker will be render, for selecting start and end date.
-	*   @Default {false}
-	*/
-	enableTimePicker?: boolean;
-
-	/** Enable or disable the DateRangePicker control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Sustain the entire widget model of DateRangePicker even after form post or browser refresh
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specifies the end date of the date ranges.
-	*   @Default {null}
-	*/
-	endDate?: string|Date;
-
-	/** Specifies the height of the DateRangePicker input.
-	*   @Default {28px}
-	*/
-	height?: string|number;
-
-	/** Change the DateRangePicker calendar and date format based on given culture.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Used to add the preset ranges. Added ranges using this, will show in popup in right side for easy selection of different preset ranges.
-	*   @Default {null}
-	*/
-	ranges?: any;
-
-	/** Specifies the start date of the date ranges
-	*   @Default {null}
-	*/
-	startDate?: string|Date;
-
-	/** Shows/hides the date icon button at right side of textbox, which is used to open or close the DateRangePicker calendar popup.
-	*   @Default {true}
-	*/
-	showPopupButton?: boolean;
-
-	/** DateRangePicker input and popup is displayed with rounded corner when this property is set to true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Formats the date value of the DateRangePicker in to the specified time format. If this API is not specified, timeFormat will be set based on the current culture of DateRangePicker.
-	*   @Default {HH:mm tt}
-	*/
-	timeFormat?: string;
-
-	/** Separated two date values in string format to sets the date ranges in calendars.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Specifies the water mark text to be displayed in input text.
-	*   @Default {Select Range}
-	*/
-	watermarkText?: string;
-
-	/** Specifies the width of the DateRangePicker input text.
-	*   @Default {160px}
-	*/
-	width?: string|number;
-
-	/** Fires before closing the DateRangePicker popup. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
-
-	/** Fires before opening the DateRangePicker popup. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Fires when the DateRangePicker values get changed. */
-	onChange? (e: OnChangeEventArgs): void;
-
-	/** Fires when DateRangePicker popup is closed. */
-	close? (e: CloseEventArgs): void;
-
-	/** Fires when the DateRangePicker is created successfully. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the DateRangePicker is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when DateRangePicker popup is opened. */
-	open? (e: OpenEventArgs): void;
-
-	/** Fires when a date ranges is selected from the DateRangePicker popup. */
-	select? (e: SelectEventArgs): void;
-}
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface BeforeCloseEventArgs {
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the DateRangePicker model
-	*/
-	model?: ej.DateRangePicker.Model;
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface OpenEventArgs {
 
-	/** returns the event parameters from DateRangePicker.
-	*/
-	events?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-export interface BeforeOpenEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the Tooltip's content
+             */
+            content?: string;
+        }
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+        export interface TrackingEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** its value is set as true,if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the event parameters from DateRangePicker.
-	*/
-	events?: any;
+            /** returns the Tooltip model
+             */
+            model?: any;
 
-	/** returns the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface OnChangeEventArgs {
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface Animation {
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+            /** Determines the type of effect.
+             * @Default {ej.Tooltip.Effect.None}
+             */
+            effect?: ej.Tooltip.effect|string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Sets the animation speed in milliseconds.
+             * @Default {4000}
+             */
+            speed?: number;
+        }
 
-	/** returns the DateRangePicker input value.
-	*/
-	value?: string;
+        export interface PositionTarget {
 
-	/** returns the startDate of DateRangePicker.
-	*/
-	startDate?: any;
+            /** Sets the Tooltip position against target based on horizontal(x) value.
+             * @Default {center}
+             */
+            horizontal?: string|number;
 
-	/** returns the endDate of the DateRangePicker popup.
-	*/
-	endDate?: any;
-}
+            /** Sets the Tooltip position against target based on vertical(y) value.
+             * @Default {top}
+             */
+            vertical?: string|number;
+        }
 
-export interface CloseEventArgs {
+        export interface PositionStem {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Sets the arrow position again popup based on horizontal(x) value
+             * @Default {center}
+             */
+            horizontal?: string;
 
-	/** returns the current date object.
-	*/
-	date?: any;
+            /** Sets the arrow position again popup based on vertical(y) value
+             * @Default {bottom}
+             */
+            vertical?: string;
+        }
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+        export interface Position {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Sets the Tooltip position against target.
+             */
+            target?: PositionTarget;
 
-	/** returns the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
+            /** Sets the arrow position again popup.
+             */
+            stem?: PositionStem;
+        }
 
-export interface CreateEventArgs {
+        export interface TipSize {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Sets the Tooltip width.
+             * @Default {20}
+             */
+            width?: number;
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+            /** Sets the Tooltip height.
+             * @Default {10}
+             */
+            height?: number;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface TipAdjust {
 
-export interface DestroyEventArgs {
+            /** Sets horizontal gap between Tooltip and target element.
+             * @Default {0}
+             */
+            xValue?: number;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** Sets vertical gap between Tooltip and target element.
+             * @Default {0}
+             */
+            yValue?: number;
+        }
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+        export interface Tip {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Sets the Tooltip size.
+             */
+            size?: TipSize;
 
-export interface OpenEventArgs {
+            /** Sets gap between tooltip against the target element.
+             */
+            adjust?: TipAdjust;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        enum effect {
 
-	/** returns the current date object.
-	*/
-	date?: any;
+            ///No animation takes place when showing/hiding the Tooltip
+            None,
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+            ///Sliding effect takes place when showing/hiding the Tooltip
+            Slide,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Fade the Tooltip in and out of visibility.
+            Fade
+        }
 
-	/** returns the DateRangePicker popup.
-	*/
-	element?: HTMLElement;
-}
 
-export interface SelectEventArgs {
+        enum Associate {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            ///Sets the position related to target element.
+            Target,
 
-	/** returns the selected date object.
-	*/
-	startDate?: any;
+            ///Sets the position related to mouse.
+            MouseFollow,
 
-	/** returns the DateRangePicker model.
-	*/
-	model?: ej.DateRangePicker.Model;
+            ///Sets the position related to mouse, first entry to the target element.
+            MouseEnter,
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            ///Sets the position related to (x,y) co-ordinates.
+            Axis,
 
-	/** returns the current date value.
-	*/
-	endDate?: any;
-}
-}
+            ///Sets the position related to browser window.
+            Window
+        }
 
-class Dialog extends ej.Widget {
-	static fn: Dialog;
-	constructor(element: JQuery, options?: Dialog.Model);
-	constructor(element: Element, options?: Dialog.Model);
-	static Locale: any;
-	model:Dialog.Model;
-	defaults:Dialog.Model;
-
-	/** Closes the dialog widget dynamically.
-	*   @returns {any}
-	*/
-	close(): any;
-
-	/** Collapses the content area when it is expanded.
-	*   @returns {any}
-	*/
-	collapse(): any;
-
-	/** Destroys the Dialog widget.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Expands the content area when it is collapsed.
-	*   @returns {any}
-	*/
-	expand(): any;
-
-	/** Checks whether the Dialog widget is opened or not. This methods returns Boolean value.
-	*   @returns {boolean}
-	*/
-	isOpen(): boolean;
-
-	/** Maximizes the Dialog widget.
-	*   @returns {any}
-	*/
-	maximize(): any;
-
-	/** Minimizes the Dialog widget.
-	*   @returns {any}
-	*/
-	minimize(): any;
-
-	/** Opens the Dialog widget.
-	*   @returns {any}
-	*/
-	open(): any;
-
-	/** Pins the dialog in its current position.
-	*   @returns {any}
-	*/
-	pin(): any;
-
-	/** Refreshes the dialog content dynamically.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Restores the dialog.
-	*   @returns {any}
-	*/
-	restore(): any;
-
-	/** Unpins the Dialog widget.
-	*   @returns {any}
-	*/
-	unpin(): any;
-
-	/** Sets the title for the Dialog widget.
-	*   @param {string} The title for the dialog widget.
-	*   @returns {any}
-	*/
-	setTitle(Title: string): any;
-
-	/** Sets the content for the Dialog widget dynamically.
-	*   @param {string} The content for the dialog widget. It accepts both string and HTML string.
-	*   @returns {any}
-	*/
-	setContent(content: string): any;
-
-	/** Sets the focus on the Dialog widget.
-	*   @returns {any}
-	*/
-	focus(): any;
-}
-export module Dialog{
 
-export interface Model {
+        enum CloseMode {
 
-	/** Adds action buttons like close, minimize, pin, maximize in the dialog header.
-	*/
-	actionButtons?: string[];
+            ///Enables close button in Tooltip.
+            Sticky,
 
-	/** Specifies the ajaxSettings option to load the content to the Dialog control.
-	*   @Default {null}
-	*/
-	ajaxSettings?: AjaxSettings;
+            ///Sets the delay for Tooltip close
+            Auto,
 
-	/** Enables or disables draggable.
-	*/
-	allowDraggable?: boolean;
+            ///The Tooltip will be display normally.
+            None
+        }
 
-	/** Enables or disables keyboard interaction.
-	*/
-	allowKeyboardNavigation?: boolean;
 
-	/** Customizes the Dialog widget animations. The Dialog widget can be animated while opening and closing the dialog. In order to customize animation effects, you need to set “enableAnimation” as true. It contains the following sub properties.
-	*/
-	animation?: any;
+        enum Collision {
 
-	/** To Enable or disable the scrolling for background element of the modal dialog. This will work only with modal dialog.
-	*/
-	backgroundScroll?: boolean;
+            ///Flips the Tooltip to the opposite side of the target, if collision is occurs.
+            Flip,
 
-	/** Closes the dialog widget on pressing the ESC key when it is set to true.
-	*/
-	closeOnEscape?: boolean;
+            ///Shift the Tooltip popup away from the edge of the window(collision side) that means adjacent position.
+            Fit,
 
-	/** The selector for the container element. If the property is set, then dialog will append to the selected element and it is restricted to move only within the specified container element.
-	*/
-	containment?: string;
+            ///Ensure as much of the element is visible as possible to showcase.
+            FlipFit,
 
-	/** The content type to load the dialog content at run time. The possible values are null, AJAX, iframe and image. When it is null (default value), the content inside dialog element will be displayed as content and when it is not null, the content will be loaded from the URL specified in the contentUrl property.
-	*/
-	contentType?: string;
+            ///No collision detection is take place
+            None
+        }
 
-	/** The URL to load the dialog content (such as AJAX, image, and iframe). In order to load content from URL, you need to set contentType as ‘ajax’ or ‘iframe’ or ‘image’.
-	*/
-	contentUrl?: string;
 
-	/** The root class for the Dialog widget to customize the existing theme.
-	*/
-	cssClass?: string;
+        enum Trigger {
 
-	/** Enable or disables animation when the dialog is opened or closed.
-	*/
-	enableAnimation?: boolean;
+            ///The Tooltip to be shown when the target element is clicked.
+            Click,
 
-	/** Enables or disables the Dialog widget.
-	*/
-	enabled?: boolean;
+            ///Enables the Tooltip when hover on the target element.
+            Hover,
 
-	/** Enable or disables modal dialog. The modal dialog acts like a child window that is displayed on top of the main window/screen and disables the main window interaction until it is closed.
-	*/
-	enableModal?: boolean;
+            ///Enables the Tooltip when focus is set to target element.
+            Focus
+        }
 
-	/** Allows the current model values to be saved in local storage or browser cookies for state maintenance when it is set to true.
-	*/
-	enablePersistence?: boolean;
+    }
 
-	/** Allows the dialog to be resized. The dialog cannot be resized less than the minimum height, width values and greater than the maximum height and width.
-	*/
-	enableResize?: boolean;
+    class Editor extends ej.Widget {
+        static fn: Editor;
+        constructor(element: JQuery | Element, options?: Editor.Model);
+        static Locale: any;
+        model: Editor.Model;
+        defaults: Editor.Model;
 
-	/** Displays dialog content from right to left when set to true.
-	*/
-	enableRTL?: boolean;
+        /** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
 
-	/** The CSS class name to display the favicon in the dialog header. In order to display favicon, you need to set showHeader as true since the favicon will be displayed in the dialog header.
-	*/
-	faviconCSS?: string;
+        /** To disable the corresponding Editors
+         * @returns {void}
+         */
+        disable(): void;
 
-	/** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type and “100”, “500” as integer type.
-	*/
-	height?: string|number;
+        /** To enable the corresponding Editors
+         * @returns {void}
+         */
+        enable(): void;
 
-	/** Specifies the HTML Attributes of the Dialog.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+        /** To get value from corresponding Editors
+         * @returns {number}
+         */
+        getValue(): number;
+    }
 
-	/** Enable or disables responsive behavior.
-	*/
-	isResponsive?: boolean;
+    class NumericTextbox extends Editor {
+    }
 
-	/** Default Value:{:.param}“en-US”
-	*/
-	locale?: string;
+    class CurrencyTextbox extends Editor {
+    }
 
-	/** Sets the maximum height for the dialog widget.
-	*/
-	maxHeight?: string|number;
+    class PercentageTextbox extends Editor {
+    }
+    export namespace Editor {
 
-	/** Sets the maximum width for the dialog widget.
-	*/
-	maxWidth?: string|number;
+        export interface Model {
 
-	/** Sets the minimum height for the dialog widget.
-	*/
-	minHeight?: string|number;
+            /** Specifies the currency symbol of currency textbox, used when the user wants to overwrite the currency symbol commonly instead of the current culture symbol.
+             * @Default {Based on the culture}
+             */
+            currencySymbol?: string;
 
-	/** Sets the minimum width for the dialog widget.
-	*/
-	minWidth?: string|number;
+            /** Sets the root CSS class for Editors which allow us to customize the appearance.
+             */
+            cssClass?: string;
 
-	/** Displays the Dialog widget at the given X and Y position.
-	*/
-	position?: any;
+            /** Specifies the number of digits that should be allowed after the decimal point.
+             * @Default {0}
+             */
+            decimalPlaces?: number;
+
+            /** Specifies the editor control state.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specify the enablePersistence to editor to save current editor control value to browser cookies for state maintenance.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specifies the Right to Left Direction to editor.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class,otherwise it internally changed to the correct value.
+             * @Default {false}
+             */
+            enableStrictMode?: boolean;
+
+            /** Specifies the number of digits in each group to the editor.
+             * @Default {Based on the culture.}
+             */
+            groupSize?: string;
+
+            /** It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
+             * @Default {Based on the culture}
+             */
+            groupSeparator?: string;
+
+            /** Specifies the height of the editor.
+             * @Default {30}
+             */
+            height?: string;
+
+            /** It allows to define the characteristics of the Editors control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** The Editor value increment or decrement based an incrementStep value.
+             * @Default {1}
+             */
+            incrementStep?: number;
+
+            /** Defines the localization culture for editor.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the maximum value of the editor.
+             * @Default {Number.MAX_VALUE}
+             */
+            maxValue?: number;
+
+            /** Specifies the minimum value of the editor.
+             * @Default {-(Number.MAX_VALUE) and 0 for Currency Textbox.}
+             */
+            minValue?: number;
+
+            /** Specifies the name of the editor.
+             * @Default {Sets id as name if it is null.}
+             */
+            name?: string;
+
+            /** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the negative pattern. you have to specify 'n' to place the digit in your
+             * pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
+             * @Default {Based on the culture}
+             */
+            negativePattern?: string;
+
+            /** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the positive pattern. you have to specify 'n' to place the digit in your
+             * pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
+             * @Default {Based on the culture}
+             */
+            positivePattern?: string;
+
+            /** Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Specifies to Change the sharped edges into rounded corner for the Editor.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies whether the up and down spin buttons should be displayed in editor.
+             * @Default {true}
+             */
+            showSpinButton?: boolean;
+
+            /** Enables decimal separator position validation on type .
+             * @Default {false}
+             */
+            validateOnType?: boolean;
+
+            /** Set the jQuery validation error message in editor.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Set the jQuery validation rules to the editor.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Specifies the value of the editor.
+             * @Default {null}
+             */
+            value?: number|string;
+
+            /** Specifies the watermark text to editor.
+             * @Default {Based on the culture.}
+             */
+            watermarkText?: string;
+
+            /** Specifies the width of the editor.
+             * @Default {143}
+             */
+            width?: string;
+
+            /** Fires after Editor control value is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires after Editor control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the Editor is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires after Editor control is focused.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Fires after Editor control is loss the focus.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the corresponding editor model.
+             */
+            model?: ej.Editor.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the corresponding editor control value.
+             */
+            value?: number;
+
+            /** returns true when the value changed by user interaction otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the editor model
+             */
+            model?: ej.Editor.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the editor model
+             */
+            model?: ej.Editor.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface FocusInEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the corresponding editor model.
+             */
+            model?: ej.Editor.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the corresponding editor control value.
+             */
+            value?: number;
+        }
+
+        export interface FocusOutEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the corresponding editor model.
+             */
+            model?: ej.Editor.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the corresponding editor control value.
+             */
+            value?: number;
+        }
+    }
+
+    class ListView extends ej.Widget {
+        static fn: ListView;
+        constructor(element: JQuery | Element, options?: ListView.Model);
+        static Locale: any;
+        model: ListView.Model;
+        defaults: ListView.Model;
+
+        /** To add item in the given index. If you have enabled grouping in ListView then you need to pass the corresponding group list title to add item in it.
+         * @param {any} Specifies the item to be added in ListView
+         * @param {number} Specifies the index where item to be added
+         * @param {string} optionalThis is an optional parameter. You must pass the group list title here if grouping is enabled in the ListView
+         * @returns {void}
+         */
+        addItem(item: any, index: number, groupid: string): void;
+
+        /** To check all the items.
+         * @returns {void}
+         */
+        checkAllItem(): void;
+
+        /** To check item in the given index.
+         * @param {number} Specifies the index of the item to be checked
+         * @returns {void}
+         */
+        checkItem(index: number): void;
+
+        /** To clear all the list item in the control before updating with new datasource.
+         * @returns {void}
+         */
+        clear(): void;
+
+        /** To make the item in the given index to be default state.
+         * @param {number} Specifies the index to make the item to be in default state.
+         * @returns {void}
+         */
+        deActive(index: number): void;
+
+        /** To disable item in the given index.
+         * @param {number} Specifies the index value to be disabled.
+         * @returns {void}
+         */
+        disableItem(index: number): void;
+
+        /** To enable item in the given index.
+         * @param {number} Specifies the index value to be enabled.
+         * @returns {void}
+         */
+        enableItem(index: number): void;
+
+        /** To get the active item.
+         * @returns {HTMLElement}
+         */
+        getActiveItem(): HTMLElement;
+
+        /** To get the text of the active item.
+         * @returns {string}
+         */
+        getActiveItemText(): string;
+
+        /** To get all the checked items.
+         * @returns {any[]}
+         */
+        getCheckedItems(): any[];
+
+        /** To get the text of all the checked items.
+         * @returns {any[]}
+         */
+        getCheckedItemsText(): any[];
+
+        /** To get the total item count.
+         * @returns {number}
+         */
+        getItemsCount(): number;
+
+        /** To get the text of the item in the given index.
+         * @param {string|number} Specifies the index value to get the text value.
+         * @returns {string}
+         */
+        getItemText(index: string|number): string;
+
+        /** To check whether the item in the given index has child item.
+         * @param {number} Specifies the index value to check the item has child or not.
+         * @returns {boolean}
+         */
+        hasChild(index: number): boolean;
+
+        /** To hide the list.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** To hide item in the given index.
+         * @param {number} Specifies the index value to hide the item.
+         * @returns {void}
+         */
+        hideItem(index: number): void;
+
+        /** To check whether item in the given index is checked.
+         * @returns {boolean}
+         */
+        isChecked(): boolean;
+
+        /** To load the AJAX content while selecting the item.
+         * @param {string} Specifies the item to load the AJAX content.
+         * @returns {void}
+         */
+        loadAjaxContent(item: string): void;
+
+        /** To remove the check mark either for specific item in the given index or for all items.
+         * @param {number} Specifies the index value to remove the checkbox.
+         * @returns {void}
+         */
+        removeCheckMark(index: number): void;
+
+        /** To remove item in the given index.
+         * @param {number} Specifies the index value to remove the item.
+         * @returns {void}
+         */
+        removeItem(index: number): void;
+
+        /** To select item in the given index.
+         * @param {number} Specifies the index value to select the item.
+         * @returns {void}
+         */
+        selectItem(index: number): void;
+
+        /** To make the item in the given index to be active state.
+         * @param {number} Specifies the index value to make the item in active state.
+         * @returns {void}
+         */
+        setActive(index: number): void;
+
+        /** To show the list.
+         * @returns {void}
+         */
+        show(): void;
+
+        /** To show item in the given index.
+         * @param {number} Specifies the index value to show the hided item.
+         * @returns {void}
+         */
+        showItem(index: number): void;
+
+        /** To uncheck all the items.
+         * @returns {void}
+         */
+        unCheckAllItem(): void;
+
+        /** To uncheck item in the given index.
+         * @param {number} Specifies the index value to uncheck the item.
+         * @returns {void}
+         */
+        unCheckItem(index: number): void;
+    }
+    export namespace ListView {
+
+        export interface Model {
+
+            /** Specifies the ajaxSettings option to load the items to the ListView control.
+             * @Default {null}
+             */
+            ajaxSettings?: AjaxSettings;
+
+            /** Set the index values to be selected on initial loading. This works only when enableCheckMark is set true.
+             * @Default {[]}
+             */
+            checkedIndices?: any[];
+
+            /** Sets the root class for ListView theme. This cssClass API helps to use custom skinning option for ListView control. By defining the root class using this API, we need to include
+             * this root class in CSS.
+             */
+            cssClass?: string;
+
+            /** Contains the list of data for generating the ListView items.
+             * @Default {[]}
+             */
+            dataSource?: any[];
+
+            /** Specifies whether to load AJAX content while selecting item.
+             * @Default {false}
+             */
+            enableAjax?: boolean;
+
+            /** Specifies whether to enable caching the content.
+             * @Default {false}
+             */
+            enableCache?: boolean;
+
+            /** Specifies whether to enable check mark for the item.
+             * @Default {false}
+             */
+            enableCheckMark?: boolean;
+
+            /** Specifies whether to enable the filtering feature to filter the item.
+             * @Default {false}
+             */
+            enableFiltering?: boolean;
+
+            /** Specifies whether to group the list item.
+             * @Default {false}
+             */
+            enableGroupList?: boolean;
+
+            /** Specifies to maintain the current model value to browser cookies for state maintenance. While refresh the page, the model value will get apply to the control from browser cookies.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specifies the field settings to map the datasource.
+             */
+            fieldSettings?: any;
+
+            /** Contains the array of items to be added in ListView.
+             * @Default {[]}
+             */
+            items?: any[];
+
+            /** Specifies the text of the back button in the header.
+             * @Default {null}
+             */
+            headerBackButtonText?: string;
+
+            /** Specifies the title of the header.
+             * @Default {Title}
+             */
+            headerTitle?: string;
+
+            /** Specifies the height.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** Set the localization culture for ListView Widget.
+             */
+            locale?: string;
+
+            /** Specifies whether to retain the selection of the item.
+             * @Default {false}
+             */
+            persistSelection?: boolean;
+
+            /** Specifies whether to prevent the selection of the item.
+             * @Default {false}
+             */
+            preventSelection?: boolean;
+
+            /** Specifies the query to execute with the datasource.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Specifies whether need to render the control with the template contents.
+             * @Default {false}
+             */
+            renderTemplate?: boolean;
+
+            /** Specifies the index of item which need to be in selected state initially while loading.
+             * @Default {0}
+             */
+            selectedItemIndex?: number;
+
+            /** Specifies whether to show the header.
+             * @Default {true}
+             */
+            showHeader?: boolean;
+
+            /** Specifies whether to show the back button header.
+             * @Default {false}
+             */
+            showHeaderBackButton?: boolean;
+
+            /** Specifies ID of the element contains template contents.
+             * @Default {null}
+             */
+            templateId?: string;
+
+            /** Specifies the width.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Specifies the number of items to be fetched on each scroll. Note: This property works only with Virtual scrolling.
+             * @Default {5}
+             */
+            itemRequestCount?: number;
+
+            /** Specifies the maximum number of items to be fetched. Note: This will work only with Virtual scrolling
+             * @Default {null}
+             */
+            totalItemsCount?: number;
+
+            /** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using virtualScrollMode
+             * property.
+             * @Default {false}
+             */
+            allowVirtualScrolling?: boolean;
+
+            /** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
+             * @Default {ej.VirtualScrollMode.Normal}
+             */
+            virtualScrollMode?: ej.VirtualScrollMode|string;
+
+            /** Event triggers before the AJAX request happens.
+             */
+            ajaxBeforeLoad?(e: AjaxBeforeLoadEventArgs): void;
+
+            /** Event triggers after the AJAX content loaded completely.
+             */
+            ajaxComplete?(e: AjaxCompleteEventArgs): void;
+
+            /** Event triggers when the AJAX request failed.
+             */
+            ajaxError?(e: AjaxErrorEventArgs): void;
+
+            /** Event triggers after the AJAX content loaded successfully.
+             */
+            ajaxSuccess?(e: AjaxSuccessEventArgs): void;
+
+            /** Event triggers before the items loaded.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Event triggers after the items loaded.
+             */
+            loadComplete?(e: LoadCompleteEventArgs): void;
+
+            /** Event triggers when mouse down happens on the item.
+             */
+            mouseDown?(e: MouseDownEventArgs): void;
+
+            /** Event triggers when mouse up happens on the item.
+             */
+            mouseUp?(e: MouseUpEventArgs): void;
+        }
+
+        export interface AjaxBeforeLoadEventArgs {
+
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
+
+            /** returns the AJAX settings.
+             */
+            ajaxData?: any;
+        }
+
+        export interface AjaxCompleteEventArgs {
 
-	/** Shows or hides the dialog header.
-	*/
-	showHeader?: boolean;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** The Dialog widget can be opened by default i.e. on initialization, when it is set to true.
-	*/
-	showOnInit?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Enables or disables the rounder corner.
-	*/
-	showRoundedCorner?: boolean;
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
+        }
 
-	/** The selector for the container element. If this property is set, the dialog will be displayed (positioned) based on its container.
-	*/
-	target?: string;
+        export interface AjaxErrorEventArgs {
 
-	/** The title text to be displayed in the dialog header. In order to set title, you need to set showHeader as true since the title will be displayed in the dialog header.
-	*/
-	title?: string;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Add or configure the tooltip text for actionButtons in the dialog header.
-	*/
-	tooltip?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Sets the height for the dialog widget. It accepts both string and integer values. For example, it can accepts values like “auto”, “100%”, “100px” as string type and “100”, “500” as integer type.
-	*/
-	width?: string|number;
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
 
-	/** Sets the z-index value for the Dialog widget.
-	*/
-	zIndex?: number;
+            /** returns the error thrown in the AJAX post.
+             */
+            errorThrown?: any;
 
-	/** Sets the Footer for the Dialog widget.
-	*/
-	showFooter?: boolean;
+            /** returns the status.
+             */
+            textStatus?: any;
 
-	/** Sets the FooterTemplate for the Dialog widget.
-	*/
-	footerTemplateId?: string;
+            /** returns the current list item.
+             */
+            item?: any;
 
-	/** This event is triggered before the dialog widgets gets open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+            /** returns the current item text.
+             */
+            text?: string;
 
-	/** This event is triggered whenever the AJAX request fails to retrieve the dialog content. */
-	ajaxError? (e: AjaxErrorEventArgs): void;
+            /** returns the current item index.
+             */
+            index?: number;
+        }
 
-	/** This event is triggered whenever the AJAX request to retrieve the dialog content, gets succeed. */
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
+        export interface AjaxSuccessEventArgs {
 
-	/** This event is triggered before the dialog widgets get closed. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** This event is triggered after the dialog widget is closed. */
-	close? (e: CloseEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggered after the dialog content is loaded in DOM. */
-	contentLoad? (e: ContentLoadEventArgs): void;
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
 
-	/** Triggered after the dialog is created successfully */
-	create? (e: CreateEventArgs): void;
+            /** returns the AJAX current content.
+             */
+            content?: string;
 
-	/** Triggered after the dialog widget is destroyed successfully */
-	destroy? (e: DestroyEventArgs): void;
+            /** returns the current list item.
+             */
+            item?: any;
 
-	/** Triggered while the dialog is dragged. */
-	drag? (e: DragEventArgs): void;
+            /** returns the current item text.
+             */
+            text?: string;
 
-	/** Triggered when the user starts dragging the dialog. */
-	dragStart? (e: DragStartEventArgs): void;
+            /** returns the current item index.
+             */
+            index?: number;
 
-	/** Triggered when the user stops dragging the dialog. */
-	dragStop? (e: DragStopEventArgs): void;
+            /** returns the current URL of the AJAX post.
+             */
+            URL?: string;
+        }
 
-	/** Triggered after the dialog is opened. */
-	open? (e: OpenEventArgs): void;
+        export interface LoadEventArgs {
 
-	/** Triggered while the dialog is resized. */
-	resize? (e: ResizeEventArgs): void;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the user starts resizing the dialog. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggered when the user stops resizing the dialog. */
-	resizeStop? (e: ResizeStopEventArgs): void;
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
+        }
 
-	/** Triggered when the dialog content is expanded. */
-	expand? (e: ExpandEventArgs): void;
+        export interface LoadCompleteEventArgs {
 
-	/** Triggered when the dialog content is collapsed. */
-	collapse? (e: CollapseEventArgs): void;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the custom action button clicked. */
-	actionButtonClick? (e: ActionButtonClickEventArgs): void;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
 
-export interface BeforeOpenEventArgs {
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface MouseDownEventArgs {
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
 
-export interface AjaxErrorEventArgs {
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** If the child element exist return true; otherwise, false.
+             */
+            hasChild?: boolean;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the current list item.
+             */
+            item?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the current text of item.
+             */
+            text?: string;
 
-	/** URL of the content.
-	*/
-	URL?: string;
+            /** returns the current Index of the item.
+             */
+            index?: number;
 
-	/** Error page content.
-	*/
-	responseText?: string;
+            /** If checked return true; otherwise, false.
+             */
+            isChecked?: boolean;
 
-	/** Error code.
-	*/
-	status?: number;
+            /** returns the list of checked items.
+             */
+            checkedItems?: number;
+
+            /** returns the current checked item text.
+             */
+            checkedItemsText?: string;
+        }
+
+        export interface MouseUpEventArgs {
+
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the model value of the control.
+             */
+            model?: ej.ListView.Model;
+
+            /** If the child element exist return true; otherwise, false.
+             */
+            hasChild?: boolean;
+
+            /** returns the current list item.
+             */
+            item?: string;
+
+            /** returns the current text of item.
+             */
+            text?: string;
+
+            /** returns the current Index of the item.
+             */
+            index?: number;
+
+            /** If checked return true; otherwise, false.
+             */
+            isChecked?: boolean;
+
+            /** returns the list of checked items.
+             */
+            checkedItems?: number;
+
+            /** returns the current checked item text.
+             */
+            checkedItemsText?: string;
+        }
+
+        export interface AjaxSettings {
+
+            /** It specifies, whether to enable or disable asynchronous request.
+             */
+            async?: boolean;
+
+            /** It specifies the page will be cached in the web browser.
+             */
+            cache?: boolean;
+
+            /** It specifies the type of data is send in the query string.
+             */
+            contentType?: string;
+
+            /** It specifies the data as an object, will be passed in the query string.
+             */
+            data?: any;
+
+            /** It specifies the type of data that you're expecting back from the response.
+             */
+            dataType?: string;
+
+            /** It specifies the HTTP request type.
+             */
+            type?: string;
+        }
+    }
+
+    class MaskEdit extends ej.Widget {
+        static fn: MaskEdit;
+        constructor(element: JQuery | Element, options?: MaskEdit.Model);
+        static Locale: any;
+        model: MaskEdit.Model;
+        defaults: MaskEdit.Model;
+
+        /** To clear the text in mask edit textbox control.
+         * @returns {void}
+         */
+        clear(): void;
+
+        /** To disable the mask edit textbox control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the mask edit textbox control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** To obtained the pure value of the text value, removes all the symbols in mask edit textbox control.
+         * @returns {string}
+         */
+        get_StrippedValue(): string;
+
+        /** To obtained the textbox value as such that, Just replace all '_' to ' '(space) in mask edit textbox control.
+         * @returns {string}
+         */
+        get_UnstrippedValue(): string;
+    }
+    export namespace MaskEdit {
+
+        export interface Model {
+
+            /** Specify the cssClass to achieve custom theme.
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** Specify the custom character allowed to entered in mask edit textbox control.
+             * @Default {null}
+             */
+            customCharacter?: string;
+
+            /** Specify the state of the mask edit textbox control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specify the enablePersistence to mask edit textbox to save current model value to browser cookies for state maintains.
+             */
+            enablePersistence?: boolean;
+
+            /** Specifies the height for the mask edit textbox control.
+             * @Default {28 px}
+             */
+            height?: string;
+
+            /** Specifies whether hide the prompt characters with spaces on blur. Prompt chars will be shown again on focus the textbox.
+             * @Default {false}
+             */
+            hidePromptOnLeave?: boolean;
+
+            /** Specifies the list of HTML attributes to be added to mask edit textbox.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specify the inputMode for mask edit textbox control. See InputMode
+             * @Default {ej.InputMode.Text}
+             */
+            inputMode?: ej.InputMode|string;
+
+            /** Specifies the input mask.
+             * @Default {null}
+             */
+            maskFormat?: string;
+
+            /** Specifies the name attribute value for the mask edit textbox.
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Toggles the readonly state of the mask edit textbox. When the mask edit textbox is readonly, it doesn't allow your input.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Specifies whether the error will show until correct value entered in the mask edit textbox control.
+             * @Default {false}
+             */
+            showError?: boolean;
+
+            /** when showPromptChar is true, the hide the prompt characters are shown in focus of the control and hides in focus out of the control.
+             * @Default {true}
+             */
+            showPromptChar?: boolean;
+
+            /** MaskEdit input is displayed in rounded corner style when this property is set to true.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specify the text alignment for mask edit textbox control.See TextAlign
+             * @Default {left}
+             */
+            textAlign?: ej.TextAlign|string;
+
+            /** Sets the jQuery validation error message in mask edit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Sets the jQuery validation rules to the MaskEdit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Specifies the value for the mask edit textbox control.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Specifies the water mark text to be displayed in input text.
+             * @Default {null}
+             */
+            watermarkText?: string;
+
+            /** Specifies the width for the mask edit textbox control.
+             * @Default {143pixel}
+             */
+            width?: string;
+
+            /** Fires when value changed in mask edit textbox control.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires after MaskEdit control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the MaskEdit is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when focused in mask edit textbox control.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Fires when focused out in mask edit textbox control.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Fires when keydown in mask edit textbox control.
+             */
+            keydown?(e: KeydownEventArgs): void;
+
+            /** Fires when key press in mask edit textbox control.
+             */
+            keyPress?(e: KeyPressEventArgs): void;
+
+            /** Fires when keyup in mask edit textbox control.
+             */
+            keyup?(e: KeyupEventArgs): void;
+
+            /** Fires when mouse out in mask edit textbox control.
+             */
+            mouseOut?(e: MouseOutEventArgs): void;
+
+            /** Fires when mouse over in mask edit textbox control.
+             */
+            mouseOver?(e: MouseOverEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** The corresponding error description.
-	*/
-	statusText?: string;
-}
+            /** returns the mask edit value
+             */
+            value?: number;
 
-export interface AjaxSuccessEventArgs {
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface CreateEventArgs {
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the MaskEdit model
+             */
+            model?: ej.MaskEdit.Model;
 
-	/** URL of the content.
-	*/
-	URL?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Response content.
-	*/
-	data?: string;
-}
+        export interface DestroyEventArgs {
 
-export interface BeforeCloseEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Current event object.
-	*/
-	event?: any;
+            /** returns the MaskEdit model
+             */
+            model?: ej.MaskEdit.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+        export interface FocusInEventArgs {
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface CloseEventArgs {
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
 
-	/** Current event object.
-	*/
-	event?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the mask edit value
+             */
+            value?: number;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+        export interface FocusOutEventArgs {
 
-export interface ContentLoadEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the mask edit value
+             */
+            value?: number;
 
-	/** URL of the content.
-	*/
-	URL?: string;
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
 
-	/** Content type
-	*/
-	contentType?: any;
-}
+        export interface KeydownEventArgs {
 
-export interface CreateEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** returns the mask edit value
+             */
+            value?: number;
 
-export interface DestroyEventArgs {
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface KeyPressEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mask edit value
+             */
+            value?: number;
+
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
+
+        export interface KeyupEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mask edit value
+             */
+            value?: number;
+
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
+
+        export interface MouseOutEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mask edit value
+             */
+            value?: number;
+
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
+
+        export interface MouseOverEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the mask edit model
+             */
+            model?: ej.MaskEdit.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mask edit value
+             */
+            value?: number;
+
+            /** returns unstripped value in mask edit textbox control.
+             */
+            unmaskedValue?: string;
+        }
+    }
+    enum InputMode {
+        //string
+        Password,
+        //string
+        Text,
+    }
+    enum TextAlign {
+        //string
+        Center,
+        //string
+        Justify,
+        //string
+        Left,
+        //string
+        Right,
+    }
+
+    class Menu extends ej.Widget {
+        static fn: Menu;
+        constructor(element: JQuery | Element, options?: Menu.Model);
+        static Locale: any;
+        model: Menu.Model;
+        defaults: Menu.Model;
+
+        /** Disables the Menu control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Specifies the Menu Item to be disabled by using the Menu Item Text.
+         * @param {string} Specifies the Menu Item Text to be disabled.
+         * @returns {void}
+         */
+        disableItem(itemtext: string): void;
+
+        /** Specifies the Menu Item to be disabled by using the Menu Item Id.
+         * @param {string|number} Specifies the Menu Item id to be disabled
+         * @returns {void}
+         */
+        disableItemByID(itemid: string|number): void;
+
+        /** Enables the Menu control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Specifies the Menu Item to be enabled by using the Menu Item Text.
+         * @param {string} Specifies the Menu Item Text to be enabled.
+         * @returns {void}
+         */
+        enableItem(itemtext: string): void;
+
+        /** Specifies the Menu Item to be enabled by using the Menu Item Id.
+         * @param {string|number} Specifies the Menu Item id to be enabled.
+         * @returns {void}
+         */
+        enableItemByID(itemid: string|number): void;
+
+        /** Hides the Context Menu control.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Hides the specific items in Menu control.
+         * @returns {void}
+         */
+        hideItems(): void;
+
+        /** Insert the menu item as child of target node.
+         * @param {any} Information about Menu item.
+         * @param {string|any} Selector of target node or Object of target node.
+         * @returns {void}
+         */
+        insert(item: any, target: string|any): void;
+
+        /** Insert the menu item after the target node.
+         * @param {any} Information about Menu item.
+         * @param {string|any} Selector of target node or Object of target node.
+         * @returns {void}
+         */
+        insertAfter(item: any, target: string|any): void;
+
+        /** Insert the menu item before the target node.
+         * @param {any} Information about Menu item.
+         * @param {string|any} Selector of target node or Object of target node.
+         * @returns {void}
+         */
+        insertBefore(item: any, target: string|any): void;
+
+        /** Remove Menu item.
+         * @param {any|any[]} Selector of target node or Object of target node.
+         * @returns {void}
+         */
+        remove(target: any|any[]): void;
+
+        /** To show the Menu control.
+         * @param {number} x co-ordinate position of context menu.
+         * @param {number} y co-ordinate position of context menu.
+         * @param {any} target element
+         * @param {any} name of the event
+         * @returns {void}
+         */
+        show(locationX: number, locationY: number, targetElement: any, event: any): void;
+
+        /** Show the specific items in Menu control.
+         * @returns {void}
+         */
+        showItems(): void;
+    }
+    export namespace Menu {
+
+        export interface Model {
+
+            /** To enable or disable the Animation while hover or click an menu items.See AnimationType
+             * @Default {ej.AnimationType.Default}
+             */
+            animationType?: ej.AnimationType|string;
+
+            /** Specifies the target id of context menu. On right clicking the specified contextTarget element, context menu gets shown.
+             * @Default {null}
+             */
+            contextMenuTarget?: string;
+
+            /** Specifies the container element selectors for submenu’s collision. The submenu gets displayed based on spacing available with respect to container element.
+             * @Default {null}
+             */
+            container?: string;
+
+            /** Specify the CSS class to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** To enable or disable the Animation effect while hover or click an menu items.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Specifies the root menu items to be aligned center in horizontal menu.
+             * @Default {false}
+             */
+            enableCenterAlign?: boolean;
+
+            /** Enable / Disable the Menu control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specifies the menu items to be displayed in right to left direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** When this property sets to false, the menu items is displayed without any separators.
+             * @Default {true}
+             */
+            enableSeparator?: boolean;
+
+            /** Specifies the target which needs to be excluded. i.e., The context menu will not be displayed in those specified targets.
+             * @Default {null}
+             */
+            excludeTarget?: string;
+
+            /** Fields used to bind the data source and it includes following field members to make data bind easier.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Specifies the height of the root menu.
+             * @Default {auto}
+             */
+            height?: string|number;
+
+            /** Specifies the list of HTML attributes to be added to menu control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Enables/disables responsive support for the Menu control during the window resizing time.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the type of the menu. Essential JavaScript Menu consists of two type of menu, they are Normal Menu and Context Menu mode.See MenuType
+             * @Default {ej.MenuType.NormalMenu}
+             */
+            menuType?: string|ej.MenuType;
+
+            /** Specifies the sub menu items to be show or open only on click.
+             * @Default {false}
+             */
+            openOnClick?: boolean;
+
+            /** Specifies the orientation of normal menu. Normal menu can rendered in horizontal or vertical direction by using this API. See Orientation
+             * @Default {ej.Orientation.Horizontal}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Specifies the main menu items arrows only to be shown if it contains child items.
+             * @Default {true}
+             */
+            showRootLevelArrows?: boolean;
+
+            /** Specifies the sub menu items arrows only to be shown if it contains child items.
+             * @Default {true}
+             */
+            showSubLevelArrows?: boolean;
+
+            /** Specifies position of pull down submenu that will appear on mouse over.See Direction
+             * @Default {ej.Direction.Right}
+             */
+            subMenuDirection?: string|ej.Direction;
+
+            /** Specifies the title to responsive menu.
+             * @Default {Menu}
+             */
+            titleText?: string;
+
+            /** Specifies the width of the main menu.
+             * @Default {auto}
+             */
+            width?: string|number;
+
+            /** Specifies the popup menu height.
+             * @Default {auto}
+             */
+            overflowHeight?: string|number;
+
+            /** Specifies the popup menu width.
+             * @Default {auto}
+             */
+            overflowWidth?: string|number;
+
+            /** Fires before context menu gets open.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires when mouse click on menu items.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Fire when context menu on close.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires when context menu on open.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Fires to create menu items.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires to destroy menu items.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when key down on menu items.
+             */
+            keydown?(e: KeydownEventArgs): void;
+
+            /** Fires when mouse out from menu items.
+             */
+            mouseout?(e: MouseoutEventArgs): void;
+
+            /** Fires when mouse over the Menu items.
+             */
+            mouseover?(e: MouseoverEventArgs): void;
+
+            /** Fires when overflow popup menu opens.
+             */
+            overflowOpen?(e: OverflowOpenEventArgs): void;
+
+            /** Fires when overflow popup menu closes.
+             */
+            overflowClose?(e: OverflowCloseEventArgs): void;
+        }
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+        export interface BeforeOpenEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface DragEventArgs {
+            /** returns the target element
+             */
+            target?: any;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface ClickEventArgs {
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+            /** returns clicked menu item text
+             */
+            text?: string;
 
-export interface DragStartEventArgs {
+            /** returns clicked menu item element
+             */
+            element?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the event
+             */
+            event?: any;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the selected item
+             */
+            selectedItem?: number;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
+        export interface CloseEventArgs {
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-export interface DragStopEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the target element
+             */
+            target?: any;
+        }
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+        export interface OpenEventArgs {
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface OpenEventArgs {
+            /** returns the target element
+             */
+            target?: any;
+        }
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+        export interface CreateEventArgs {
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface ResizeEventArgs {
+        export interface DestroyEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Name of the event.
-	*/
-	type?: string;
+        export interface KeydownEventArgs {
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-export interface ResizeStartEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns clicked menu item text
+             */
+            menuText?: string;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns clicked menu item element
+             */
+            element?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+            /** returns the event
+             */
+            event?: any;
+        }
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+        export interface MouseoutEventArgs {
 
-export interface ResizeStopEventArgs {
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns clicked menu item text
+             */
+            text?: string;
 
-	/** Name of the event
-	*/
-	type?: string;
+            /** returns clicked menu item element
+             */
+            element?: any;
 
-	/** Current event object.
-	*/
-	event?: any;
-}
+            /** returns the event
+             */
+            event?: any;
+        }
 
-export interface ExpandEventArgs {
+        export interface MouseoverEventArgs {
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** returns clicked menu item text
+             */
+            text?: string;
 
-export interface CollapseEventArgs {
+            /** returns clicked menu item element
+             */
+            element?: any;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the event
+             */
+            event?: any;
+        }
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+        export interface OverflowOpenEventArgs {
+
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the event object
+             */
+            e?: any;
+
+            /** if the event should be cancelled ; otherwise ,false
+             */
+            cancel?: boolean;
+        }
+
+        export interface OverflowCloseEventArgs {
+
+            /** returns the menu model
+             */
+            model?: ej.Menu.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the event object
+             */
+            e?: any;
+
+            /** if the event should be cancelled ; otherwise ,false
+             */
+            cancel?: boolean;
+        }
+
+        export interface Fields {
+
+            /** It receives the child data for the inner level.
+             */
+            child?: any;
+
+            /** It receives datasource as Essential DataManager object and JSON object.
+             */
+            dataSource?: any;
+
+            /** Specifies the HTML attributes to “LI” item list.
+             */
+            htmlAttribute?: string;
+
+            /** Specifies the id to menu items list
+             */
+            id?: string;
+
+            /** Specifies the image attribute to “img” tag inside items list.
+             */
+            imageAttribute?: string;
+
+            /** Specifies the image URL to “img” tag inside item list.
+             */
+            imageUrl?: string;
+
+            /** Adds custom attributes like &quot;target&quot; to the anchor tag of the menu items.
+             */
+            linkAttribute?: string;
+
+            /** Specifies the parent id of the table.
+             */
+            parentId?: string;
+
+            /** It receives query to retrieve data from the table (query is same as SQL).
+             */
+            query?: any;
+
+            /** Specifies the sprite CSS class to “LI” item list.
+             */
+            spriteCssClass?: string;
+
+            /** It receives table name to execute query on the corresponding table.
+             */
+            tableName?: string;
+
+            /** Specifies the text of menu items list.
+             */
+            text?: string;
+
+            /** Specifies the URL to the anchor tag in menu item list.
+             */
+            url?: string;
+        }
+    }
+    enum AnimationType {
+        //string
+        Default,
+        //string
+        None,
+    }
+    enum MenuType {
+        //string
+        ContextMenu,
+        //string
+        NormalMenu,
+    }
+    enum Direction {
+        //string
+        Left,
+        //string
+        None,
+        //string
+        Right,
+    }
+
+    class Pager extends ej.Widget {
+        static fn: Pager;
+        constructor(element: JQuery | Element, options?: Pager.Model);
+        static Locale: any;
+        model: Pager.Model;
+        defaults: Pager.Model;
+
+        /** Send a paging request to specified page through the pager control.
+         * @param {number} Specifies the index to be navigated
+         * @returns {void}
+         */
+        gotoPage(pageIndex: number): void;
+
+        /** refreshPager() helps to refresh the model value of pager control.
+         * @returns {void}
+         */
+        refreshPager(): void;
+    }
+    export namespace Pager {
+
+        export interface Model {
+
+            /** Gets or sets a value that indicates whether to display the custom text message in Pager.
+             */
+            customText?: string;
+
+            /** Gets or sets a value that indicates whether to define which page to display currently in pager.
+             * @Default {1}
+             */
+            currentPage?: number;
+
+            /** Gets or sets a value that indicates whether to display the external Message in Pager.
+             * @Default {false}
+             */
+            enableExternalMessage?: boolean;
+
+            /** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
+             * @Default {false}
+             */
+            enableQueryString?: boolean;
+
+            /** Align content in the pager control from right to left by setting the property as true.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Gets or sets a value that indicates whether to display the external Message in Pager.
+             */
+            externalMessage?: string;
+
+            /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to
+             * a particular country or region.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation.
+             * @Default {10}
+             */
+            pageCount?: number;
+
+            /** Gets or sets a value that indicates whether to define the number of records displayed per page.
+             * @Default {12}
+             */
+            pageSize?: number;
+
+            /** Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on page size and total records.
+             * @Default {null}
+             */
+            totalPages?: number;
+
+            /** Get the value of total number of records which is bound to a data item.
+             * @Default {null}
+             */
+            totalRecordsCount?: number;
+
+            /** Shows or hides the current page information in pager footer.
+             * @Default {true}
+             */
+            showPageInfo?: boolean;
+
+            /** Triggered when pager numeric item is clicked in pager control.
+             */
+            click?(e: ClickEventArgs): void;
+        }
+
+        export interface ClickEventArgs {
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** Returns the current page index.
+             */
+            currentPage?: number;
+
+            /** Returns the pager model.
+             */
+            model?: any;
+
+            /** Returns the name of event
+             */
+            type?: string;
+
+            /** Returns current action event type and its target.
+             */
+            event?: any;
+        }
+    }
+
+    class Print extends ej.Widget {
+        static fn: Print;
+        constructor(element: JQuery | Element, options?: Print.Model);
+        static Locale: any;
+        model: Print.Model;
+        defaults: Print.Model;
+
+        /** Print the specific page or an element.
+         * @returns {void}
+         */
+        print(): void;
+    }
+    export namespace Print {
+
+        export interface Model {
+
+            /** Append the custom HTML after the selected content.
+             * @Default {null}
+             */
+            append?: string;
+
+            /** A selector that specifies a particular element to be excluded from printing.
+             * @Default {null}
+             */
+            excludeSelector?: string;
+
+            /** Specifies whether the URL of an external stylesheet can be included to customize and print that page.
+             * @Default {null}
+             */
+            externalStyles?: string;
+
+            /** Prepend a doctype to the document frame.
+             * @Default {&lt;!doctype html&gt;}
+             */
+            docType?: string;
+
+            /** Specifies whether the global styles can be applied to the element to be printed.
+             * @Default {true}
+             */
+            globalStyles?: boolean;
+
+            /** Sets the height of the print window.
+             * @Default {454}
+             */
+            height?: number;
+
+            /** Prepends the custom HTML before the selected content.
+             * @Default {null}
+             */
+            prepend?: string;
+
+            /** Allows printing the content in a new window.
+             * @Default {false}
+             */
+            printInNewWindow?: boolean;
+
+            /** Sets the period of time to wait before printing the content.
+             * @Default {1000}
+             */
+            timeOutPeriod?: number;
+
+            /** Sets the title of the print document.
+             * @Default {null}
+             */
+            title?: string;
+
+            /** Defines the width of the print window.
+             * @Default {1024}
+             */
+            width?: number;
+
+            /** Event triggers before the document page or an element in it gets printed.
+             */
+            beforeStart?(e: BeforeStartEventArgs): void;
+        }
+
+        export interface BeforeStartEventArgs {
+
+            /** Set this option as true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Returns the Print model
+             */
+            model?: ej.Print.Model;
+
+            /** Returns the name of an event
+             */
+            type?: string;
+
+            /** Returns the printed element
+             */
+            content?: any;
+        }
+    }
+
+    class ProgressBar extends ej.Widget {
+        static fn: ProgressBar;
+        constructor(element: JQuery | Element, options?: ProgressBar.Model);
+        static Locale: any;
+        model: ProgressBar.Model;
+        defaults: ProgressBar.Model;
+
+        /** Destroy the progressbar widget
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Disables the progressbar control
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enables the progressbar control
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Returns the current progress value in percent.
+         * @returns {number}
+         */
+        getPercentage(): number;
+
+        /** Returns the current progress value
+         * @returns {number}
+         */
+        getValue(): number;
+    }
+    export namespace ProgressBar {
+
+        export interface Model {
+
+            /** Sets the root CSS class for ProgressBar theme, which is used customize.
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** When this property sets to false, it disables the ProgressBar control
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Save current model value to browser cookies for state maintains. While refresh the progressBar control page retains the model value apply from browser cookies
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Sets the ProgressBar direction as right to left alignment.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Defines the height of the ProgressBar.
+             * @Default {null}
+             */
+            height?: number|string;
+
+            /** It allows to define the characteristics of the progressBar control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Sets the maximum value of the ProgressBar.
+             * @Default {100}
+             */
+            maxValue?: number;
+
+            /** Sets the minimum value of the ProgressBar.
+             * @Default {0}
+             */
+            minValue?: number;
+
+            /** Sets the ProgressBar value in percentage. The value should be in between 0 to 100.
+             * @Default {0}
+             */
+            percentage?: number;
+
+            /** Displays rounded corner borders on the progressBar control.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Sets the custom text for the ProgressBar. The text placed in the middle of the ProgressBar and it can be customizable using the class 'e-progress-text'.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Sets the ProgressBar value. The value should be in between min and max values.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Defines the width of the ProgressBar.
+             * @Default {null}
+             */
+            width?: number|string;
+
+            /** Event triggers when the progress value changed
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Event triggers when the process completes (at 100%)
+             */
+            complete?(e: CompleteEventArgs): void;
+
+            /** Event triggers when the progressbar are created
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Event triggers when the progressbar are destroyed
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Event triggers when the process starts (from 0%)
+             */
+            start?(e: StartEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the ProgressBar model
+             */
+            model?: ej.ProgressBar.Model;
+
+            /** returns the current progress percentage
+             */
+            percentage?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current progress value
+             */
+            value?: string;
+        }
+
+        export interface CompleteEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the ProgressBar model
+             */
+            model?: ej.ProgressBar.Model;
+
+            /** returns the current progress percentage
+             */
+            percentage?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current progress value
+             */
+            value?: string;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the progressbar model
+             */
+            model?: ej.ProgressBar.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the progressbar model
+             */
+            model?: ej.ProgressBar.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface StartEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the ProgressBar model
+             */
+            model?: ej.ProgressBar.Model;
+
+            /** returns the current progress percentage
+             */
+            percentage?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current progress value
+             */
+            value?: string;
+        }
+    }
+
+    class RadioButton extends ej.Widget {
+        static fn: RadioButton;
+        constructor(element: JQuery | Element, options?: RadioButton.Model);
+        static Locale: any;
+        model: RadioButton.Model;
+        defaults: RadioButton.Model;
+
+        /** To disable the RadioButton
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the RadioButton
+         * @returns {void}
+         */
+        enable(): void;
+    }
+    export namespace RadioButton {
+
+        export interface Model {
+
+            /** Specifies the check attribute of the Radio Button.
+             * @Default {false}
+             */
+            checked?: boolean;
+
+            /** Specify the CSS class to RadioButton to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** Specifies the RadioButton control state.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specifies the enablePersistence property for RadioButton while initialization. The enablePersistence API save current model value to browser cookies for state maintains. While
+             * refreshing the radio button control page the model value apply from browser cookies.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specify the Right to Left direction to RadioButton
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specifies the HTML Attributes of the Checkbox
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the id attribute for the Radio Button while initialization.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Specify the idPrefix value to be added before the current id of the RadioButton.
+             * @Default {ej}
+             */
+            idPrefix?: string;
+
+            /** Specifies the name attribute for the Radio Button while initialization.
+             * @Default {Sets id as name if it is null}
+             */
+            name?: string;
+
+            /** Specifies the size of the RadioButton.
+             * @Default {small}
+             */
+            size?: ej.RadioButtonSize|string;
+
+            /** Specifies the text content for RadioButton.
+             */
+            text?: string;
+
+            /** Set the jQuery validation error message in radio button.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Set the jQuery validation rules in radio button.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Specifies the value attribute of the Radio Button.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Fires before the RadioButton is going to changed its state successfully
+             */
+            beforeChange?(e: BeforeChangeEventArgs): void;
+
+            /** Fires when the RadioButton state is changed successfully
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when the RadioButton created successfully
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the RadioButton destroyed successfully
+             */
+            destroy?(e: DestroyEventArgs): void;
+        }
+
+        export interface BeforeChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the RadioButton model
+             */
+            model?: ej.RadioButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns true if element is checked, otherwise returns false
+             */
+            isChecked?: boolean;
+
+            /** returns true if change event triggered by interaction, otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the RadioButton model
+             */
+            model?: ej.RadioButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns true if element is checked, otherwise returns false
+             */
+            isChecked?: boolean;
+
+            /** returns true if change event triggered by interaction, otherwise returns false
+             */
+            isInteraction?: boolean;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the RadioButton model
+             */
+            model?: ej.RadioButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the RadioButton model
+             */
+            model?: ej.RadioButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+    enum RadioButtonSize {
+        //Shows small size radio button
+        Small,
+        //Shows medium size radio button
+        Medium,
+    }
+
+    class Rating extends ej.Widget {
+        static fn: Rating;
+        constructor(element: JQuery | Element, options?: Rating.Model);
+        static Locale: any;
+        model: Rating.Model;
+        defaults: Rating.Model;
+
+        /** Destroy the Rating widget all events bound will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To get the current value of rating control.
+         * @returns {number}
+         */
+        getValue(): number;
+
+        /** To hide the rating control.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** User can refresh the rating control to identify changes.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** To reset the rating value.
+         * @returns {void}
+         */
+        reset(): void;
+
+        /** To set the rating value.
+         * @param {string|number} Specifies the rating value.
+         * @returns {void}
+         */
+        setValue(value: string|number): void;
+
+        /** To show the rating control
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace Rating {
+
+        export interface Model {
+
+            /** Enables the rating control with reset button.It can be used to reset the rating control value.
+             * @Default {true}
+             */
+            allowReset?: boolean;
+
+            /** Specify the CSS class to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** When this property is set to false, it disables the rating control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specifies the height of the Rating control wrapper.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Specifies the list of HTML attributes to be added to rating control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the value to be increased while navigating between shapes(stars) in Rating control.
+             * @Default {1}
+             */
+            incrementStep?: number;
+
+            /** Allow to render the maximum number of Rating shape(star).
+             * @Default {5}
+             */
+            maxValue?: number;
+
+            /** Allow to render the minimum number of Rating shape(star).
+             * @Default {0}
+             */
+            minValue?: number;
+
+            /** Specifies the orientation of Rating control. See Orientation
+             * @Default {ej.Rating.Orientation.Horizontal}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Helps to provide more precise ratings.Rating control supports three precision modes - full, half, and exact. See Precision
+             * @Default {full}
+             */
+            precision?: ej.Rating.Precision|string;
+
+            /** Interaction with Rating control can be prevented by enabling this API.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** To specify the height of each shape in Rating control.
+             * @Default {23}
+             */
+            shapeHeight?: number;
+
+            /** To specify the width of each shape in Rating control.
+             * @Default {23}
+             */
+            shapeWidth?: number;
+
+            /** Enables the tooltip option.Currently selected value will be displayed in tooltip.
+             * @Default {true}
+             */
+            showTooltip?: boolean;
+
+            /** To specify the number of stars to be selected while rendering.
+             * @Default {1}
+             */
+            value?: number;
+
+            /** Specifies the width of the Rating control wrapper.
+             * @Default {null}
+             */
+            width?: string;
+
+            /** Fires when Rating value changes.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when Rating control is clicked successfully.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Fires when Rating control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when Rating control is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when mouse hover is removed from Rating control.
+             */
+            mouseout?(e: MouseoutEventArgs): void;
+
+            /** Fires when mouse move is moving the Rating control.
+             */
+            mousemove?(e: MousemoveEventArgs): void;
+
+            /** Fires when mouse hovered over the Rating control.
+             */
+            mouseover?(e: MouseoverEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** returns the current value.
+             */
+            value?: number;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mouse click event args values.
+             */
+            event?: any;
+        }
+
+        export interface ClickEventArgs {
 
-	/** Name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current value.
+             */
+            value?: number;
 
-export interface ActionButtonClickEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
 
-	/** Name of the event target attribute.
-	*/
-	buttonID?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Name of the event.
-	*/
-	type?: string;
+            /** returns the mouse click event args values.
+             */
+            event?: any;
+        }
 
-	/** Instance of the dialog model object.
-	*/
-	model?: ej.Dialog.Model;
+        export interface CreateEventArgs {
 
-	/** Name of the event current target title.
-	*/
-	currentTarget?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface AjaxSettings {
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
 
-	/** It specifies, whether to enable or disable asynchronous request.
-	*/
-	async?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** It specifies the page will be cached in the web browser.
-	*/
-	cache?: boolean;
+        export interface DestroyEventArgs {
 
-	/** It specifies the type of data is send in the query string.
-	*/
-	contentType?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** It specifies the data as an object, will be passed in the query string.
-	*/
-	data?: any;
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
 
-	/** It specifies the type of data that you're expecting back from the response.
-	*/
-	dataType?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** It specifies the HTTP request type.
-	*/
-	type?: string;
-}
-}
+        export interface MouseoutEventArgs {
 
-class DropDownList extends ej.Widget {
-	static fn: DropDownList;
-	constructor(element: JQuery, options?: DropDownList.Model);
-	constructor(element: Element, options?: DropDownList.Model);
-	static Locale: any;
-	model:DropDownList.Model;
-	defaults:DropDownList.Model;
-
-	/** Adding a single item or an array of items into the DropDownList allows you to specify all the field attributes such as value, template, image URL, and HTML attributes for those items.Grouping and sorting will not be supported when we add items through this method.
-	*   @param {any|Array<any>}  this parameter should have field attributes with respect to mapped field attributes and it's corresponding values to fields
-	*   @returns {void}
-	*/
-	addItem(data: any|Array<any>): void;
-
-	/** This method is used to select all the items in the DropDownList.
-	*   @returns {void}
-	*/
-	checkAll(): void;
-
-	/** Clears the text in the DropDownList textbox.
-	*   @returns {void}
-	*/
-	clearText(): void;
-
-	/** Destroys the DropDownList widget.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** This property is used to disable the DropDownList widget.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** This property disables the set of items in the DropDownList.
-	*   @param {string|number|Array<any>}  disable the given index list items
-	*   @returns {void}
-	*/
-	disableItemsByIndices(index: string|number|Array<any>): void;
-
-	/** This property enables the DropDownList control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Enables an Item or set of Items that are disabled in the DropDownList
-	*   @param {string|number|Array<any>}  enable the given index list items if it's disabled
-	*   @returns {void}
-	*/
-	enableItemsByIndices(index: string|number|Array<any>): void;
-
-	/** This method retrieves the items using given value.
-	*   @param {string|number|any}  Return the whole object of data based on given value
-	*   @returns {Array<any>}
-	*/
-	getItemDataByValue(value: string|number|any): Array<any>;
-
-	/** This method is used to retrieve the items that are bound with the DropDownList.
-	*   @returns {any}
-	*/
-	getListData(): any;
-
-	/** This method is used to get the selected items in the DropDownList.
-	*   @returns {Array<any>}
-	*/
-	getSelectedItem(): Array<any>;
-
-	/** This method is used to retrieve the items value that are selected in the DropDownList.
-	*   @returns {string}
-	*/
-	getSelectedValue(): string;
-
-	/** This method hides the suggestion popup in the DropDownList.
-	*   @returns {void}
-	*/
-	hidePopup(): void;
-
-	/** This method is used to select the list of items in the DropDownList through the Index of the items.
-	*   @param {string|number|Array<any>}  select the given index list items
-	*   @returns {void}
-	*/
-	selectItemsByIndices(index: string|number|Array<any>): void;
-
-	/** This method is used to select an item in the DropDownList by using the given text value.
-	*   @param {string|number|Array<any>}  select the list items relates to given text
-	*   @returns {void}
-	*/
-	selectItemByText(index: string|number|Array<any>): void;
-
-	/** This method is used to select an item in the DropDownList by using the given value.
-	*   @param {string|number|Array<any>}  select the list items relates to given values
-	*   @returns {void}
-	*/
-	selectItemByValue(index: string|number|Array<any>): void;
-
-	/** This method shows the DropDownList control with the suggestion popup.
-	*   @returns {void}
-	*/
-	showPopup(): void;
-
-	/** This method is used to unselect all the items in the DropDownList.
-	*   @returns {void}
-	*/
-	unCheckAll(): void;
-
-	/** This method is used to unselect the list of items in the DropDownList through Index of the items.
-	*   @param {string|number|Array<any>}  unselect the given index list items
-	*   @returns {void}
-	*/
-	unselectItemsByIndices(index: string|number|Array<any>): void;
-
-	/** This method is used to unselect an item in the DropDownList by using the given text value.
-	*   @param {string|number|Array<any>}  unselect the list items relates to given text
-	*   @returns {void}
-	*/
-	unselectItemByText(index: string|number|Array<any>): void;
-
-	/** This method is used to unselect an item in the DropDownList by using the given value.
-	*   @param {string|number|Array<any>}  unselect the list items relates to given values
-	*   @returns {void}
-	*/
-	unselectItemByValue(index: string|number|Array<any>): void;
-}
-export module DropDownList{
-
-export interface Model {
-
-	/** The Virtual Scrolling(lazy loading) feature is used to display a large amount of data that you require without buffering the entire load of a huge database records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true.
-	*   @Default {false}
-	*/
-	allowVirtualScrolling?: boolean;
-
-	/** The cascading DropDownLists is a series of two or more DropDownLists in which each DropDownList is filtered according to the previous DropDownList’s value.
-	*   @Default {null}
-	*/
-	cascadeTo?: string;
-
-	/** Sets the case sensitivity of the search operation. It supports both enableFilterSearch and enableIncrementalSearch property.
-	*   @Default {false}
-	*/
-	caseSensitiveSearch?: boolean;
-
-	/** Dropdown widget's style and appearance can be controlled based on 13 different default built-in themes.You can customize the appearance of the dropdown by using the cssClass property. You need to specify a class name in the cssClass property and the same class name is used before the class definitions wherever the custom styles are applied.
-	*/
-	cssClass?: string;
-
-	/** This property is used to serve data from the data services based on the query provided. To bind the data to the dropdown widget, the dataSource property is assigned with the instance of the ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Sets the separator when the multiSelectMode with delimiter option or checkbox is enabled with the dropdown. When you enter the delimiter value, the texts after the delimiter are considered as a separate word or query. The delimiter string is a single character and must be a symbol. Mostly, the delimiter symbol is used as comma (,) or semi-colon (;) or any other special character.
-	*   @Default {','}
-	*/
-	delimiterChar?: string;
-
-	/** The enabled Animation property uses the easeOutQuad animation to SlideDown and SlideUp the Popup list in 200 and 100 milliseconds, respectively.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** This property is used to indicate whether the DropDownList control responds to the user interaction or not. By default, the control is in the enabled mode and you can disable it by setting it to false.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specifies to perform incremental search for the selection of items from the DropDownList with the help of this property. This helps in selecting the item by using the typed character.
-	*   @Default {true}
-	*/
-	enableIncrementalSearch?: boolean;
-
-	/** This property selects the item in the DropDownList when the item is entered in the Search textbox.
-	*   @Default {false}
-	*/
-	enableFilterSearch?: boolean;
-
-	/** Saves the current model value to the browser cookies for state maintenance. While refreshing the DropDownList control page, it retains the model value and it is applied from the browser cookies.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** This enables the resize handler to resize the popup to any size.
-	*   @Default {false}
-	*/
-	enablePopupResize?: boolean;
-
-	/** Sets the DropDownList textbox direction from right to left align.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** This property is used to sort the Items in the DropDownList. By default, it sorts the items in an ascending order.
-	*   @Default {false}
-	*/
-	enableSorting?: boolean;
-
-	/** Specifies the mapping fields for the data items of the DropDownList.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** When the enableFilterSearch property value is set to true, the values in the DropDownList shows the items starting with or containing the key word/letter typed in the Search textbox.
-	*   @Default {ej.FilterType.Contains}
-	*/
-	filterType?: ej.FilterType|string;
-
-	/** Used to create visualized header for dropdown items
-	*   @Default {null}
-	*/
-	headerTemplate?: string;
-
-	/** Defines the height of the DropDownList textbox.
-	*   @Default {null}
-	*/
-	height?: string|number;
-
-	/** It sets the given HTML attributes for the DropDownList control such as ID, name, disabled, etc.
-	*   @Default {null}
-	*/
-	htmlAttributes?: any;
-
-	/** Data can be fetched in the DropDownList control by using the DataSource, specifying the number of items.
-	*   @Default {5}
-	*/
-	itemsCount?: number;
-
-	/** Allows the user to set the particular country or region language for the DropDownList.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Defines the maximum height of the suggestion box. This property restricts the maximum height of the popup when resize is enabled.
-	*   @Default {null}
-	*/
-	maxPopupHeight?: string|number;
-
-	/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-	*   @Default {null}
-	*/
-	minPopupHeight?: string|number;
-
-	/** Defines the maximum width of the suggestion box. This property restricts the maximum width of the popup when resize is enabled.
-	*   @Default {null}
-	*/
-	maxPopupWidth?: string|number;
-
-	/** Defines the minimum height of the suggestion box. This property restricts the minimum height of the popup when resize is enabled.
-	*   @Default {0}
-	*/
-	minPopupWidth?: string|number;
-
-	/** With the help of this property, you can make a single or multi selection with the DropDownList and display the text in two modes, delimiter and visual mode. In delimiter mode, you can separate the items by using the delimiter character such as comma (,) or semi-colon (;) or any other special character. In the visual mode, the items are showcased like boxes with close icon in the textbox.
-	*   @Default {ej.MultiSelectMode.None}
-	*/
-	multiSelectMode?: ej.MultiSelectMode|string;
-
-	/** Defines the height of the suggestion popup box in the DropDownList control.
-	*   @Default {152px}
-	*/
-	popupHeight?: string|number;
-
-	/** Defines the width of the suggestion popup box in the DropDownList control.
-	*   @Default {auto}
-	*/
-	popupWidth?: string|number;
-
-	/** Specifies the query to retrieve the data from the DataSource.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Specifies that the DropDownList textbox values should be read-only.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Specifies an item to be selected in the DropDownList.
-	*   @Default {null}
-	*/
-	selectedIndex?: number;
-
-	/** Specifies the selectedItems for the DropDownList.
-	*   @Default {[]}
-	*/
-	selectedIndices?: Array<any>;
-
-	/** Selects multiple items in the DropDownList with the help of the checkbox control. To achieve this, enable the showCheckbox option to true.
-	*   @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/** DropDownList control is displayed with the popup seen.
-	*   @Default {false}
-	*/
-	showPopupOnLoad?: boolean;
-
-	/** DropDownList textbox displayed with the rounded corner style.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** When the enableSorting property value is set to true, this property helps to sort the items either in ascending or descending order
-	*   @Default {ej.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.SortOrder|string;
-
-	/** Specifies the targetID for the DropDownList’s items.
-	*   @Default {null}
-	*/
-	targetID?: string;
-
-	/** By default, you can add any text or image to the DropDownList item. To customize the item layout or to create your own visualized elements, you can use this template support.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Defines the text value that is displayed in the DropDownList textbox.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Sets the jQuery validation error message in the DropDownList
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Sets the jQuery validation rules in the Dropdownlist.
-	*   @Default {null}
-	*/
-	validationRules?: any;
+            /** returns the current value.
+             */
+            value?: number;
 
-	/** Specifies the value (text content) for the DropDownList control.
-	*   @Default {null}
-	*/
-	value?: string|number;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Specifies a short hint that describes the expected value of the DropDownList control.
-	*   @Default {null}
-	*/
-	watermarkText?: string;
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
 
-	/** Defines the width of the DropDownList textbox.
-	*   @Default {null}
-	*/
-	width?: string|number;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** The Virtual Scrolling feature is used to display a large amount of records in the DropDownList, that is, when scrolling, an AJAX request is sent to fetch some amount of data from the server dynamically. To achieve this scenario with DropDownList, set the allowVirtualScrolling to true. You can set the itemsCount property that represents the number of items to be fetched from the server on every AJAX request.
-	*   @Default {normal}
-	*/
-	virtualScrollMode?: ej.VirtualScrollMode|string;
+            /** returns the mouse click event args values.
+             */
+            event?: any;
+        }
+
+        export interface MousemoveEventArgs {
+
+            /** returns the current value.
+             */
+            value?: number;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mouse click event args values.
+             */
+            event?: any;
+        }
+
+        export interface MouseoverEventArgs {
+
+            /** returns the current value.
+             */
+            value?: number;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the rating model
+             */
+            model?: ej.Rating.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the mouse click event args values.
+             */
+            event?: any;
+
+            /** returns the current index value.
+             */
+            index?: any;
+        }
+
+        enum Precision {
+
+            ///string
+            Exact,
+
+            ///string
+            Full,
+
+            ///string
+            Half
+        }
+
+    }
+
+    class Ribbon extends ej.Widget {
+        static fn: Ribbon;
+        constructor(element: JQuery | Element, options?: Ribbon.Model);
+        static Locale: any;
+        model: Ribbon.Model;
+        defaults: Ribbon.Model;
+
+        /** Adds contextual tab or contextual tab set dynamically in the ribbon control with contextual tabs object and index position. When index is null, ribbon contextual tab or contextual
+         * tab set is added at the last index.
+         * @param {any} contextual tab or contextual tab set object.
+         * @param {number} index of the contextual tab or contextual tab set, this is optional.
+         * @returns {void}
+         */
+        addContextualTabs(contextualTabSet: any, index?: number): void;
+
+        /** Add new option to Backstage page.
+         * @param {any} select the object to add the backstage item
+         * @param {number} index to the backstage item this is optional.
+         * @returns {void}
+         */
+        addBackStageItem(item: any, index?: number): void;
+
+        /** Adds tab dynamically in the ribbon control with given name, tab group array and index position. When index is null, ribbon tab is added at the last index.
+         * @param {string} ribbon tab display text.
+         * @param {any[]} groups to be displayed in ribbon tab .
+         * @param {number} index of the ribbon tab,this is optional.
+         * @returns {void}
+         */
+        addTab(tabText: string, ribbonGroups: any[], index?: number): void;
+
+        /** Adds tab group dynamically in the ribbon control with given tab index, tab group object and group index position. When group index is null, ribbon group is added at the last index.
+         * @param {number} ribbon tab index.
+         * @param {any} group to be displayed in ribbon tab .
+         * @param {number} index of the ribbon group,this is optional.
+         * @returns {void}
+         */
+        addTabGroup(tabIndex: number, tabGroup: any, groupIndex?: number): void;
+
+        /** Adds group content dynamically in the ribbon control with given tab index, group index, content, content index and sub group index position. When content index is null, content is
+         * added at the last index.
+         * @param {number} ribbon tab index.
+         * @param {number} ribbon group index.
+         * @param {any} content to be displayed in the ribbon group.
+         * @param {number} ribbon content index. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
+         * @param {number} sub group index in the ribbon group. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
+         * @returns {void}
+         */
+        addTabGroupContent(tabIndex: number, groupIndex: number, content: any, contentIndex?: number, subGroupIndex?: number): void;
+
+        /** Hides the ribbon backstage page.
+         * @returns {void}
+         */
+        hideBackstage(): void;
+
+        /** Collapses the ribbon tab content.
+         * @returns {void}
+         */
+        collapse(): void;
+
+        /** Destroys the ribbon widget. All the events bound using this._on are unbound automatically and the ribbon control is moved to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Expands the ribbon tab content.
+         * @returns {void}
+         */
+        expand(): void;
+
+        /** Gets text of the given index tab in the ribbon control.
+         * @param {number} index of the tab item.
+         * @returns {string}
+         */
+        getTabText(index: number): string;
+
+        /** Hides the given text tab in the ribbon control.
+         * @param {string} text of the tab item.
+         * @returns {void}
+         */
+        hideTab(text: string): void;
+
+        /** Checks whether the given text tab in the ribbon control is enabled or not.
+         * @param {string} text of the tab item.
+         * @returns {boolean}
+         */
+        isEnable(text: string): boolean;
+
+        /** Checks whether the given text tab in the ribbon control is visible or not.
+         * @param {string} text of the tab item.
+         * @returns {boolean}
+         */
+        isVisible(text: string): boolean;
+
+        /** Removes the given index tab item from the ribbon control.
+         * @param {number} index of tab item.
+         * @returns {void}
+         */
+        removeTab(index: number): void;
+
+        /** Sets new text to the given text tab in the ribbon control.
+         * @param {string} current text of the tab item.
+         * @param {string} new text of the tab item.
+         * @returns {void}
+         */
+        setTabText(tabText: string, newText: string): void;
+
+        /** Displays the ribbon backstage page.
+         * @returns {void}
+         */
+        showBackstage(): void;
+
+        /** Displays the given text tab in the ribbon control.
+         * @param {string} text of the tab item.
+         * @returns {void}
+         */
+        showTab(text: string): void;
+
+        /** To customize Group alone in the inside content.
+         * @param {number} ribbon tab index.
+         * @param {string} group id to be displayed in ribbon tab .
+         * @param {any} contentGroup is used in the object
+         * @returns {void}
+         */
+        updateGroup(tabIndex: number, groupId: string, contentGroup?: any): void;
+
+        /** Update option in existing Backstage.
+         * @param {number} index to the backstage item
+         * @param {any} select the object to add the backstage item
+         * @returns {void}
+         */
+        updateBackStageItem(index: number, item?: any): void;
+
+        /** To customize whole content from Tab Group.
+         * @param {number} ribbon tab index.
+         * @param {string} ribbon group text.
+         * @param {number} ribbon content index. This is optional. If the value is not given, all content groups will be removed.
+         * @param {number} sub group index in the ribbon group. This is optional. If the value is not given, all content groups will be removed.
+         * @returns {void}
+         */
+        removeTabGroupContent(tabIndex: number, groupText: string, contentIndex?: number, subGroupIndex?: number): void;
+
+        /** Remove option from Backstage.
+         * @param {number} index to the backstage item
+         * @returns {void}
+         */
+        removeBackStageItem(index: number): void;
+    }
+    export namespace Ribbon {
+
+        export interface Model {
+
+            /** Enables the ribbon resize feature.allowResizing is a deprecated property of isResponsive.
+             * @Default {false}
+             */
+            allowResizing?: boolean;
+
+            /** When set to true, adapts the Ribbon layout to fit the screen size of devices on which it renders.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the height, width, enableRTL, showRoundedCorner,enabled,cssClass property to the controls in the ribbon commonly andit will work only when those properties are not
+             * defined in buttonSettings and content defaults.
+             * @Default {Object}
+             */
+            buttonDefaults?: any;
+
+            /** Property to enable the ribbon quick access toolbar.
+             * @Default {false}
+             */
+            showQAT?: boolean;
+
+            /** Sets the root CSS class for Ribbon which allow us to customize the appearance.
+             */
+            cssClass?: string;
+
+            /** Sets custom setting to the collapsible pin in the ribbon.
+             * @Default {Object}
+             */
+            collapsePinSettings?: CollapsePinSettings;
+
+            /** Set enableOnDemand as true to load ribbon tab and backstage contents while corresponding item clicked.
+             * @Default {false}
+             */
+            enableOnDemand?: boolean;
+
+            /** Set collapsible property as true to render ribbon in initially collapsed state.
+             * @Default {false}
+             */
+            collapsible?: boolean;
+
+            /** Align content in the ribbon control from right to left by setting the property as true.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Sets custom setting to the expandable pin in the ribbon.
+             * @Default {Object}
+             */
+            expandPinSettings?: ExpandPinSettings;
+
+            /** Specifies the application tab to contain application menu or backstage page in the ribbon control.
+             * @Default {Object}
+             */
+            applicationTab?: ApplicationTab;
+
+            /** Specifies the contextual tabs and tab set to the ribbon control with the background color and border color. Refer to the tabs section for adding tabs into the contextual tab and
+             * contextual tab set.
+             * @Default {Array}
+             */
+            contextualTabs?: ContextualTab[];
+
+            /** Specifies the index or indexes to disable the given index tab or indexes tabs in the ribbon control.
+             * @Default {0}
+             */
+            disabledItemIndex?: any[];
+
+            /** Specifies the index or indexes to enable the given index tab or indexes tabs in the ribbon control.
+             * @Default {null}
+             */
+            enabledItemIndex?: any[];
+
+            /** Specifies the index of the ribbon tab to select the given index tab item in the ribbon control.
+             * @Default {1}
+             */
+            selectedItemIndex?: number;
+
+            /** Specifies the tabs and its groups. Also specifies the control details that has to be placed in the tab area in the ribbon control.
+             * @Default {Array}
+             */
+            tabs?: Tab[];
+
+            /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to
+             * a particular country or region and  it will need to use the user's preference.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the width to the ribbon control. You can set width in string or number format.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Triggered before the ribbon tab item is removed.
+             */
+            beforeTabRemove?(e: BeforeTabRemoveEventArgs): void;
+
+            /** Triggered before the ribbon control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggered before the ribbon control is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggered when the control in the group is clicked successfully.
+             */
+            groupClick?(e: GroupClickEventArgs): void;
+
+            /** Triggered when the group expander in the group is clicked successfully.
+             */
+            groupExpand?(e: GroupExpandEventArgs): void;
+
+            /** Triggered when an item in the Gallery control is clicked successfully.
+             */
+            galleryItemClick?(e: GalleryItemClickEventArgs): void;
+
+            /** Triggered when a tab or button in the backstage page is clicked successfully.
+             */
+            backstageItemClick?(e: BackstageItemClickEventArgs): void;
+
+            /** Triggered when the ribbon control is collapsed.
+             */
+            collapse?(e: CollapseEventArgs): void;
+
+            /** Triggered when the ribbon control is expanded.
+             */
+            expand?(e: ExpandEventArgs): void;
+
+            /** Triggered before the ribbon control is load.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggered after adding the new ribbon tab item.
+             */
+            tabAdd?(e: TabAddEventArgs): void;
+
+            /** Triggered when tab is clicked successfully in the ribbon control.
+             */
+            tabClick?(e: TabClickEventArgs): void;
+
+            /** Triggered before the ribbon tab is created.
+             */
+            tabCreate?(e: TabCreateEventArgs): void;
+
+            /** Triggered after the tab item is removed from the ribbon control.
+             */
+            tabRemove?(e: TabRemoveEventArgs): void;
+
+            /** Triggered after the ribbon tab item is selected in the ribbon control.
+             */
+            tabSelect?(e: TabSelectEventArgs): void;
+
+            /** Triggered when the expand/collapse button is clicked successfully .
+             */
+            toggleButtonClick?(e: ToggleButtonClickEventArgs): void;
+
+            /** Triggered when the QAT menu item is clicked successfully .
+             */
+            qatMenuItemClick?(e: QatMenuItemClickEventArgs): void;
+        }
 
-	/** Fires the action before the XHR request. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+        export interface BeforeTabRemoveEventArgs {
 
-	/** Fires the action when the list of items is bound to the DropDownList by xhr post calling */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires the action when the xhr post calling failed on remote data binding with the DropDownList control. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Fires the action when the xhr post calling succeed on remote data binding with the DropDownList control */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Fires the action before the popup is ready to hide. */
-	beforePopupHide? (e: BeforePopupHideEventArgs): void;
+            /** returns current tab item index in the ribbon control.
+             */
+            index?: number;
+        }
 
-	/** Fires the action before the popup is ready to be displayed. */
-	beforePopupShown? (e: BeforePopupShownEventArgs): void;
+        export interface CreateEventArgs {
 
-	/** Fires when the cascading happens between two DropDownList exactly after the value changes in the first dropdown and before filtering in the second Dropdown. */
-	cascade? (e: CascadeEventArgs): void;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires the action when the DropDownList control’s value is changed. */
-	change? (e: ChangeEventArgs): void;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Fires the action when the list item checkbox value is changed. */
-	checkChange? (e: CheckChangeEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Fires the action once the DropDownList is created. */
-	create? (e: CreateEventArgs): void;
+        export interface DestroyEventArgs {
 
-	/** Fires the action when the list items is bound to the DropDownList. */
-	dataBound? (e: DataBoundEventArgs): void;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires the action when the DropDownList is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Fires the action when the DropDownList is focused. */
-	focusIn? (e: FocusInEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Fires the action when the DropDownList is about to lose focus. */
-	focusOut? (e: FocusOutEventArgs): void;
+            /** returns current ribbon tab item index
+             */
+            deleteIndex?: number;
+        }
 
-	/** Fires the action, once the popup is closed */
-	popupHide? (e: PopupHideEventArgs): void;
+        export interface GroupClickEventArgs {
 
-	/** Fires the action, when the popup is resized. */
-	popupResize? (e: PopupResizeEventArgs): void;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Fires the action, once the popup is opened. */
-	popupShown? (e: PopupShownEventArgs): void;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Fires the action, when resizing a popup starts. */
-	popupResizeStart? (e: PopupResizeStartEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Fires the action, when the popup resizing is stopped. */
-	popupResizeStop? (e: PopupResizeStopEventArgs): void;
+            /** returns the control clicked in the group.
+             */
+            target?: number;
+        }
 
-	/** Fires the action before filtering the list items that starts in the DropDownList when the enableFilterSearch is enabled. */
-	search? (e: SearchEventArgs): void;
+        export interface GroupExpandEventArgs {
 
-	/** Fires the action, when the list of item is selected. */
-	select? (e: SelectEventArgs): void;
-}
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-export interface ActionBeginEventArgs {
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the clicked group expander.
+             */
+            target?: number;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface GalleryItemClickEventArgs {
 
-export interface ActionCompleteEventArgs {
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+            /** returns the gallery model.
+             */
+            galleryModel?: any;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** returns the item clicked in the gallery.
+             */
+            target?: number;
+        }
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+        export interface BackstageItemClickEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
 
-export interface ActionFailureEventArgs {
+            /** returns the item clicked in the gallery.
+             */
+            target?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the id of the target item.
+             */
+            id?: string;
 
-	/** Returns the error message
-	*/
-	error?: any;
+            /** returns the text of the target item.
+             */
+            text?: string;
+        }
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+        export interface CollapseEventArgs {
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-export interface ActionSuccessEventArgs {
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ExpandEventArgs {
 
-	/** Returns number of times trying to fetch the data
-	*/
-	count?: number;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns the query for data retrieval 
-	*/
-	query?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the query for data retrieval from the Database 
-	*/
-	request?: any;
+        export interface LoadEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Returns the number of items fetched from remote data
-	*/
-	result?: Array<any>;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns the requested data
-	*/
-	xhr?: any;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface BeforePopupHideEventArgs {
+        export interface TabAddEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the selected text
-	*/
-	text?: string;
+            /** returns new added tab header.
+             */
+            tabHeader?: any;
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+            /** returns new added tab content panel.
+             */
+            tabContent?: any;
+        }
 
-export interface BeforePopupShownEventArgs {
+        export interface TabClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the selected text
-	*/
-	text?: string;
+            /** returns previous active tab header.
+             */
+            prevActiveHeader?: any;
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+            /** returns previous active index.
+             */
+            prevActiveIndex?: number;
 
-export interface CascadeEventArgs {
+            /** returns current active tab header .
+             */
+            activeHeader?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns current active index.
+             */
+            activeIndex?: number;
+        }
 
-	/** Returns the cascading dropdown model.
-	*/
-	cascadeModel?: any;
+        export interface TabCreateEventArgs {
 
-	/** returns the current selected value in first dropdown.
-	*/
-	cascadeValue?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** returns the default filter action for second dropdown data should happen or not.
-	*/
-	requiresDefaultFilter?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns current ribbon tab item index
+             */
+            deleteIndex?: number;
+        }
 
-export interface ChangeEventArgs {
+        export interface TabRemoveEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns the selected item ID.
-	*/
-	itemId?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** returns the removed index.
+             */
+            removedIndex?: number;
+        }
 
-	/** Returns the selected item text.
-	*/
-	selectedText?: string;
+        export interface TabSelectEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected text.
-	*/
-	text?: string;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns the selected value.
-	*/
-	value?: string;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
 
-export interface CheckChangeEventArgs {
+            /** returns previous active tab header.
+             */
+            prevActiveHeader?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns previous active index.
+             */
+            prevActiveIndex?: number;
 
-	/** Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
+            /** returns current active tab header .
+             */
+            activeHeader?: any;
 
-	/** Returns the selected item ID.
-	*/
-	itemId?: string;
+            /** returns current active index.
+             */
+            activeIndex?: number;
+        }
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+        export interface ToggleButtonClickEventArgs {
 
-	/** Returns the selected item text.
-	*/
-	selectedText?: string;
+            /** Set to true when the event has to be canceled, else false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the ribbon model.
+             */
+            model?: any;
 
-	/** Returns the selected text.
-	*/
-	text?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the expand/collapse button.
+             */
+            target?: number;
+        }
+
+        export interface QatMenuItemClickEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the ribbon model.
+             */
+            model?: any;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the clicked menu item text.
+             */
+            text?: string;
+        }
+
+        export interface CollapsePinSettings {
+
+            /** Sets tooltip for the collapse pin .
+             * @Default {null}
+             */
+            toolTip?: string;
+
+            /** Specifies the custom tooltip for collapse pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+             * @Default {Object}
+             */
+            customToolTip?: any;
+        }
+
+        export interface ExpandPinSettings {
+
+            /** Sets tooltip for the expand pin.
+             * @Default {null}
+             */
+            toolTip?: string;
+
+            /** Specifies the custom tooltip for expand pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+             * @Default {Object}
+             */
+            customToolTip?: any;
+        }
+
+        export interface ApplicationTabBackstageSettingsPage {
+
+            /** Specifies the id for ribbon backstage page's tab and button elements.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Specifies the text for ribbon backstage page's tab header and button elements.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Specifies the type for ribbon backstage page's contents. Set &quot;ej.Ribbon.BackStageItemType.Tab&quot; to render the tab or &quot;ej.Ribbon.BackStageItemType.Button&quot; to
+             * render the button.
+             * @Default {ej.Ribbon.ItemType.Tab}
+             */
+            itemType?: ej.Ribbon.ItemType|string;
+
+            /** Specifies the id of HTML elements like div,ul, etc., as ribbon backstage page's tab content.
+             * @Default {null}
+             */
+            contentID?: string;
+
+            /** Specifies the separator between backstage page's tab and button elements.
+             * @Default {false}
+             */
+            enableSeparator?: boolean;
+        }
+
+        export interface ApplicationTabBackstageSettings {
+
+            /** Specifies the display text of application tab.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Specifies the height of ribbon backstage page.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** Specifies the width of ribbon backstage page.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Specifies the ribbon backstage page with its tab and button elements.
+             * @Default {Array}
+             */
+            pages?: ApplicationTabBackstageSettingsPage[];
+
+            /** Specifies the width of backstage page header that contains tabs and buttons.
+             * @Default {null}
+             */
+            headerWidth?: string|number;
+        }
+
+        export interface ApplicationTab {
+
+            /** Specifies the ribbon backstage page items.
+             * @Default {Object}
+             */
+            backstageSettings?: ApplicationTabBackstageSettings;
+
+            /** Specifies the ID of ul list to create application menu in the ribbon control.
+             * @Default {null}
+             */
+            menuItemID?: string;
+
+            /** Specifies the menu members, events by using the menu settings for the menu in the application tab.
+             * @Default {Object}
+             */
+            menuSettings?: any;
+
+            /** Specifies the application menu or backstage page. Specify the type of application tab as &quot;ej.Ribbon.ApplicationTabType.Menu&quot; to render the application menu or
+             * &quot;ej.Ribbon.ApplicationTabType.Backstage&quot; to render backstage page in the ribbon control.
+             * @Default {ej.Ribbon.ApplicationTabType.Menu}
+             */
+            type?: ej.Ribbon.ApplicationTabType|string;
+        }
+
+        export interface ContextualTab {
+
+            /** Specifies the backgroundColor of the contextual tabs and tab set in the ribbon control.
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the borderColor of the contextual tabs and tab set in the ribbon control.
+             * @Default {null}
+             */
+            borderColor?: string;
+
+            /** Specifies the tabs to present in the contextual tabs and tab set. Refer to the tabs section for adding tabs into the contextual tabs and tab set.
+             * @Default {Array}
+             */
+            tabs?: any[];
+        }
+
+        export interface TabsGroupsContentDefaults {
+
+            /** Specifies the controls height such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** Specifies the controls width such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Specifies the controls type such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+             * @Default {ej.Ribbon.Type.Button}
+             */
+            type?: string;
+
+            /** Specifies the controls size such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
+             * @Default {false}
+             */
+            isBig?: boolean;
+        }
+
+        export interface TabsGroupsContentGroupsCustomGalleryItem {
+
+            /** Specifies the Syncfusion button members, events by using buttonSettings.
+             * @Default {Object}
+             */
+            buttonSettings?: any;
+
+            /** Specifies the type as ej.Ribbon.CustomItemType.Menu or ej.Ribbon.CustomItemType.Button to render Syncfusion button and menu.
+             * @Default {ej.Ribbon.CustomItemType.Button}
+             */
+            customItemType?: ej.Ribbon.CustomItemType|string;
+
+            /** Specifies the custom tooltip for gallery extra item's button. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+             * @Default {Object}
+             */
+            customToolTip?: any;
+
+            /** Specifies the UL list id to render menu as gallery extra item.
+             * @Default {null}
+             */
+            menuId?: string;
+
+            /** Specifies the Syncfusion menu members, events by using menuSettings.
+             * @Default {Object}
+             */
+            menuSettings?: any;
+
+            /** Specifies the text for gallery extra item's button.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Specifies the tooltip for gallery extra item's button.
+             * @Default {null}
+             */
+            toolTip?: string;
+        }
+
+        export interface TabsGroupsContentGroupsCustomToolTip {
+
+            /** Sets content to the custom tooltip. Text and HTML support are provided for content.
+             * @Default {null}
+             */
+            content?: string;
+
+            /** Sets icon to the custom tooltip content.
+             * @Default {null}
+             */
+            prefixIcon?: string;
+
+            /** Sets title to the custom tooltip. Text and HTML support are provided for title and the title is in bold for text format.
+             * @Default {null}
+             */
+            title?: string;
+        }
+
+        export interface TabsGroupsContentGroupsGalleryItem {
+
+            /** Specifies the Syncfusion button members, events by using buttonSettings.
+             * @Default {Object}
+             */
+            buttonSettings?: any;
+
+            /** Specifies the custom tooltip for gallery content. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+             * @Default {Object}
+             */
+            customToolTip?: any;
+
+            /** Sets text for the gallery content.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Sets tooltip for the gallery content.
+             * @Default {null}
+             */
+            toolTip?: string;
+        }
+
+        export interface TabsGroupsContentGroup {
+
+            /** When isMobileOnly is true,its shows in mobile toolbar.isResponsive should be true for using this property.
+             * @Default {false}
+             */
+            isMobileOnly?: boolean;
+
+            /** Specifies the Syncfusion button members, events by using this buttonSettings.
+             * @Default {Object}
+             */
+            buttonSettings?: any;
+
+            /** It is used to set the count of gallery contents in a row.
+             * @Default {null}
+             */
+            columns?: number;
+
+            /** Specifies the custom items such as div, table, controls as custom controls with the type &quot;ej.Ribbon.Type.Custom&quot; in the groups.
+             * @Default {null}
+             */
+            contentID?: string;
+
+            /** Specifies the CSS class property to apply styles to the button, split, dropdown controls in the groups.
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** Specifies the Syncfusion button and menu as gallery extra items.
+             * @Default {Array}
+             */
+            customGalleryItems?: TabsGroupsContentGroupsCustomGalleryItem[];
+
+            /** Provides custom tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups. Text and HTML support are also provided for title and content.
+             * @Default {Object}
+             */
+            customToolTip?: TabsGroupsContentGroupsCustomToolTip;
+
+            /** Specifies the Syncfusion dropdown list members, events by using this dropdownSettings.
+             * @Default {Object}
+             */
+            dropdownSettings?: any;
+
+            /** Specifies the separator to the control that is in row type group. The separator separates the control from the next control in the group. Set &quot;true&quot; to enable the
+             * separator.
+             * @Default {false}
+             */
+            enableSeparator?: boolean;
+
+            /** Sets the count of gallery contents in a row, when the gallery is in expanded state.
+             * @Default {null}
+             */
+            expandedColumns?: number;
+
+            /** Defines each gallery content.
+             * @Default {Array}
+             */
+            galleryItems?: TabsGroupsContentGroupsGalleryItem[];
+
+            /** Specifies the Id for button, split button, dropdown list, toggle button, gallery, custom controls in the sub groups.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Specifies the size for button, split button controls. Set &quot;true&quot; for big size and &quot;false&quot; for small size.
+             * @Default {null}
+             */
+            isBig?: boolean;
+
+            /** Sets the height of each gallery content.
+             * @Default {null}
+             */
+            itemHeight?: string|number;
+
+            /** Sets the width of each gallery content.
+             * @Default {null}
+             */
+            itemWidth?: string|number;
+
+            /** Specifies the Syncfusion split button members, events by using this splitButtonSettings.
+             * @Default {Object}
+             */
+            splitButtonSettings?: any;
+
+            /** Specifies the text for button, split button, toggle button controls in the sub groups.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Specifies the Syncfusion toggle button members, events by using toggleButtonSettings.
+             * @Default {Object}
+             */
+            toggleButtonSettings?: any;
+
+            /** Specifies the tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups.
+             * @Default {null}
+             */
+            toolTip?: string;
+
+            /** To add,show and hide controls in Quick Access toolbar.
+             * @Default {ej.Ribbon.QuickAccessMode.None}
+             */
+            quickAccessMode?: ej.Ribbon.QuickAccessMode|string;
+
+            /** Specifies the type as &quot;ej.Ribbon.Type.Button&quot; or &quot;ej.Ribbon.Type.SplitButton&quot; or &quot;ej.Ribbon.Type.DropDownList&quot; or
+             * &quot;ej.Ribbon.Type.ToggleButton&quot; or &quot;ej.Ribbon.Type.Custom&quot; or &quot;ej.Ribbon.Type.Gallery&quot; to render button, split, dropdown, toggle button, gallery,
+             * custom controls.
+             * @Default {ej.Ribbon.Type.Button}
+             */
+            type?: ej.Ribbon.Type|string;
+        }
+
+        export interface TabsGroupsContent {
+
+            /** Specifies the height, width, type, isBig property to the controls in the group commonly.
+             * @Default {Object}
+             */
+            defaults?: TabsGroupsContentDefaults;
+
+            /** Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
+             * @Default {Array}
+             */
+            groups?: TabsGroupsContentGroup[];
+        }
+
+        export interface TabsGroupsGroupExpanderSettings {
+
+            /** Sets tooltip for the group expander of the group.
+             * @Default {null}
+             */
+            toolTip?: string;
+
+            /** Specifies the custom tooltip for group expander.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
+             * @Default {Object}
+             */
+            customToolTip?: any;
+        }
+
+        export interface TabsGroup {
+
+            /** Specifies the alignment of controls in the groups in 'row' type or 'column' type. Value for row type is &quot;ej.Ribbon.AlignType.Rows&quot; and for column type is
+             * &quot;ej.Ribbon.alignType.columns&quot;.
+             * @Default {ej.Ribbon.AlignType.Rows}
+             */
+            alignType?: ej.Ribbon.AlignType|string;
 
-	/** Returns the selected value.
-	*/
-	value?: string;
-}
+            /** Specifies the Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls to the groups in the ribbon control.
+             * @Default {Array}
+             */
+            content?: TabsGroupsContent[];
 
-export interface CreateEventArgs {
+            /** Specifies the ID of custom items to be placed in the groups.
+             * @Default {null}
+             */
+            contentID?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Specifies the HTML contents to place into the groups.
+             * @Default {null}
+             */
+            customContent?: string;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** Specifies the group expander for groups in the ribbon control. Set &quot;true&quot; to enable the group expander.
+             * @Default {false}
+             */
+            enableGroupExpander?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Sets custom setting to the groups in the ribbon control.
+             * @Default {Object}
+             */
+            groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
 
-export interface DataBoundEventArgs {
+            /** Specifies the text to the groups in the ribbon control.
+             * @Default {null}
+             */
+            text?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Specifies the custom items such as div, table, controls by using the &quot;custom&quot; type.
+             * @Default {null}
+             */
+            type?: string;
+        }
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+        export interface Tab {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
+             * @Default {Array}
+             */
+            groups?: TabsGroup[];
 
-	/** returns the data that is bound to DropDownList
-	*/
-	data?: any;
-}
+            /** Specifies the ID for each tab's content panel.
+             * @Default {null}
+             */
+            id?: string;
 
-export interface DestroyEventArgs {
+            /** Specifies the text of the tab in the ribbon control.
+             * @Default {null}
+             */
+            text?: string;
+        }
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum ItemType {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            ///To render the button for ribbon backstage page’s contents
+            Button,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///To render the tab for ribbon backstage page’s contents
+            Tab
+        }
 
-export interface FocusInEventArgs {
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum ApplicationTabType {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            ///applicationTab display as menu
+            Menu,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///applicationTab display as backstage
+            Backstage
+        }
 
-export interface FocusOutEventArgs {
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum AlignType {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            ///To align the group content's in row
+            Rows,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///To align group content's in columns
+            Columns
+        }
 
-export interface PopupHideEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum CustomItemType {
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            ///Specifies the button type in customGalleryItems
+            Button,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Specifies the menu type in customGalleryItems
+            Menu
+        }
 
-	/** returns the selected text
-	*/
-	text?: string;
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+        enum QuickAccessMode {
 
-export interface PopupResizeEventArgs {
+            ///Controls are hidden in Quick Access toolbar
+            None,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Add controls in toolBar
+            ToolBar,
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            ///Add controls in menu
+            Menu
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
 
-	/** Returns the data from the resizable plugin.
-	*/
-	event?: any;
-}
+        enum Type {
 
-export interface PopupShownEventArgs {
+            ///Specifies the button control
+            Button,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Specifies the split button
+            SplitButton,
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            ///Specifies the dropDown
+            DropDownList,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///To append external element's
+            Custom,
 
-	/** returns the selected text
-	*/
-	text?: string;
+            ///Specifies the toggle button
+            ToggleButton,
 
-	/** returns the selected value
-	*/
-	value?: string;
-}
+            ///Specifies the ribbon gallery
+            Gallery
+        }
 
-export interface PopupResizeStartEventArgs {
+    }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+    class Kanban extends ej.Widget {
+        static fn: Kanban;
+        constructor(element: JQuery | Element, options?: Kanban.Model);
+        static Locale: any;
+        model: Kanban.Model;
+        defaults: Kanban.Model;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+        /** Add or remove columns in Kanban columns collections.Default action is add.
+         * @param {any[]|string} Pass array of columns or string of headerText to add/remove the column in Kanban
+         * @param {any[]|string} Pass array of columns or string of key value to add/remove the column in Kanban
+         * @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
+         * @returns {void}
+         */
+        columns(columndetails: any[]|string, keyvalue: any[]|string, action?: string): void;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        /** Destroy the Kanban widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
 
-	/** Returns the data from the resizable plugin.
-	*/
-	event?: any;
-}
+        /** Refresh the Kanban with new data source.
+         * @param {any[]} Pass new data source to the Kanban
+         * @returns {void}
+         */
+        dataSource(datasource: any[]): void;
 
-export interface PopupResizeStopEventArgs {
+        /** toggleColumn based on the headerText in Kanban.
+         * @param {any} Pass the header text of the column to get the corresponding column object
+         * @returns {void}
+         */
+        toggleColumn(headerText: any): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        /** Expand or collapse the card based on the state of target &quot;div&quot;
+         * @param {string|number} Pass the id of card to be toggle
+         * @returns {void}
+         */
+        toggleCard(key: string|number): void;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+        /** Used for get the names of all the visible column name collections in Kanban.
+         * @returns {any[]}
+         */
+        getVisibleColumnNames(): any[];
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        /** Get the scroller object of Kanban.
+         * @returns {ej.Scroller}
+         */
+        getScrollObject(): ej.Scroller;
+
+        /** Get the column details based on the given header text in Kanban.
+         * @param {string} Pass the header text of the column to get the corresponding column object
+         * @returns {string}
+         */
+        getColumnByHeaderText(headerText: string): string;
+
+        /** Get the table details based on the given header table in Kanban.
+         * @returns {string}
+         */
+        getHeaderTable(): string;
+
+        /** Hide columns from the Kanban based on the header text
+         * @param {any[]|string} you can pass either array of header text of various columns or a header text of a column to hide
+         * @returns {void}
+         */
+        hideColumns(headerText: any[]|string): void;
+
+        /** Print the Kanban Board
+         * @returns {void}
+         */
+        print(): void;
+
+        /** Refresh the template of the Kanban
+         * @returns {void}
+         */
+        refreshTemplate(): void;
+
+        /** Refresh the Kanban contents.The template refreshment is based on the argument passed along with this method
+         * @param {boolean} optional When templateRefresh is set true, template and Kanban contents both are refreshed in Kanban else only Kanban content is refreshed
+         * @returns {void}
+         */
+        refresh(templateRefresh?: boolean): void;
+
+        /** Show columns in the Kanban based on the header text.
+         * @param {any[]|string} You can pass either array of header text of various columns or a header text of a column to show
+         * @returns {void}
+         */
+        showColumns(headerText: any[]|string): void;
+
+        /** Update a card in Kanban control based on key and JSON data given.
+         * @param {string} Pass the key field Name of the column
+         * @param {any[]} Pass the edited JSON data of card need to be update.
+         * @returns {void}
+         */
+        updateCard(key: string, data: any[]): void;
+
+        KanbanSelection: Kanban.KanbanSelection;
+
+        KanbanSwimlane: Kanban.KanbanSwimlane;
+
+        KanbanFilter: Kanban.KanbanFilter;
+
+        KanbanEdit: Kanban.KanbanEdit;
+    }
+    export namespace Kanban {
+
+        export interface KanbanSelection {
+
+            /** It is used to clear all the card selection.
+             * @returns {void}
+             */
+            clear(): void;
+        }
+
+        export interface KanbanSwimlane {
+
+            /** Expand all the swimlane rows in Kanban.
+             * @returns {void}
+             */
+            expandAll(): void;
+
+            /** Collapse all the swimlane rows in Kanban.
+             * @returns {void}
+             */
+            collapseAll(): void;
+
+            /** Expand or collapse the swimlane row based on the state of target &quot;div&quot;
+             * @param {any} Pass the div object to toggleSwimlane row based on its row state
+             * @returns {void}
+             */
+            toggle($div: any): void;
+        }
+
+        export interface KanbanFilter {
+
+            /** Method used for send a clear search request to Kanban.
+             * @returns {void}
+             */
+            clearSearch(): void;
+
+            /** Send a search request to Kanban with specified string passed in it.
+             * @param {string} Pass the string to search in Kanban card
+             * @returns {void}
+             */
+            searchCards(searchString: string): void;
+
+            /** Send a clear request to filter cards in the kanban.
+             * @returns {void}
+             */
+            clearFilter(): void;
+
+            /** Send a filtering request to cards in the kanban.
+             * @returns {void}
+             */
+            filterCards(): void;
+        }
+
+        export interface KanbanEdit {
+
+            /** Add a new card in Kanban control when allowAdding is set as true. If parameters are not given default dialog will be open.
+             * @param {string} Pass the primary key field Name of the column
+             * @param {any[]} Pass the edited JSON data of card need to be add.
+             * @returns {void}
+             */
+            addCard(primaryKey: string, card: any[]): void;
+
+            /** Send a cancel request of add/edit card in Kanban when allowEditing/allowAdding is set as true.
+             * @returns {void}
+             */
+            cancelEdit(): void;
+
+            /** Delete a card in Kanban control when allowAdding/allowEditing is set as true.
+             * @param {string|number} Pass the key of card to be delete
+             * @returns {void}
+             */
+            deleteCard(Key: string|number): void;
+
+            /** Send a save request in Kanban when any card is in edit/new add card state and allowEditing/allowAdding is set as true.
+             * @returns {void}
+             */
+            endEdit(): void;
+
+            /** Send an edit card request in Kanban when allowEditing is set as true. Parameter will be HTML element or primary key
+             * @param {any} Pass the div selected row element to be edited in Kanban
+             * @returns {void}
+             */
+            startEdit($div: any): void;
+
+            /** Method used for set validation to a field during editing.
+             * @param {string} Specify the name of the column to set validation rules
+             * @param {any} Specify the validation rules for the field
+             * @returns {void}
+             */
+            setValidationToField(name: string, rules: any): void;
+        }
+
+        export interface Model {
+
+            /** Gets or sets a value that indicates whether to enable allowDragAndDrop behavior on Kanban.
+             * @Default {true}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** To enable or disable the title of the card.
+             * @Default {false}
+             */
+            allowTitle?: boolean;
+
+            /** Customize the settings for swim lane.
+             * @Default {Object}
+             */
+            swimlaneSettings?: SwimlaneSettings;
+
+            /** To enable or disable the column expand /collapse.
+             * @Default {false}
+             */
+            allowToggleColumn?: boolean;
+
+            /** To enable Searching operation in Kanban.
+             * @Default {false}
+             */
+            allowSearching?: boolean;
+
+            /** To enable filtering behavior on Kanban.User can specify query in filterSettings collection after enabling allowFiltering.
+             * @Default {false}
+             */
+            allowFiltering?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable allowSelection behavior on Kanban.User can select card and the selected card will be highlighted on Kanban.
+             * @Default {true}
+             */
+            allowSelection?: boolean;
+
+            /** Gets or sets a value that indicates whether to allow card hover actions.
+             * @Default {true}
+             */
+            allowHover?: boolean;
+
+            /** To allow keyboard navigation actions.
+             * @Default {false}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the scrollbar in the Kanban and view the card by scroll through the Kanban manually.
+             * @Default {false}
+             */
+            allowScrolling?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable printing option.
+             * @Default {false}
+             */
+            allowPrinting?: boolean;
+
+            /** Gets or sets an object that indicates whether to customize the context menu behavior of the Kanban.
+             * @Default {Object}
+             */
+            contextMenuSettings?: ContextMenuSettings;
+
+            /** Gets or sets an object that indicates to render the Kanban with specified columns.
+             * @Default {Array}
+             */
+            columns?: Column[];
+
+            /** Gets or sets an object that indicates whether to Customize the card settings.
+             * @Default {Object}
+             */
+            cardSettings?: CardSettings;
+
+            /** Gets or sets a value that indicates whether to add customToolbarItems within the toolbar to perform any action in the Kanban.
+             * @Default {[]}
+             */
+            customToolbarItems?: CustomToolbarItem[];
+
+            /** Gets or sets a value that indicates to render the Kanban with custom theme.
+             */
+            cssClass?: string;
+
+            /** Gets or sets the data to render the Kanban with cards.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** To perform kanban functionalities with touch interaction.
+             * @Default {true}
+             */
+            enableTouch?: boolean;
+
+            /** Align content in the Kanban control align from right to left by setting the property as true.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** To show total count of cards in each column.
+             * @Default {false}
+             */
+            enableTotalCount?: boolean;
+
+            /** Get or sets an object that indicates whether to customize the editing behavior of the Kanban.
+             * @Default {Object}
+             */
+            editSettings?: EditSettings;
+
+            /** To customize field mappings for card , editing title and control key parameters
+             * @Default {Object}
+             */
+            fields?: Fields;
+
+            /** To map datasource field for column values mapping
+             * @Default {null}
+             */
+            keyField?: string;
+
+            /** When set to true, adapts the Kanban layout to fit the screen size of devices on which it renders.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Gets or sets a value that indicates whether to set the minimum width of the responsive Kanban while isResponsive property is true.
+             * @Default {0}
+             */
+            minWidth?: number;
+
+            /** To customize the filtering behavior based on queries given.
+             * @Default {Array}
+             */
+            filterSettings?: FilterSetting[];
+
+            /** ej Query to query database of Kanban.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** To change the key in keyboard interaction to Kanban control.
+             * @Default {null}
+             */
+            keySettings?: any;
+
+            /** Gets or sets an object that indicates whether to customize the scrolling behavior of the Kanban.
+             * @Default {Object}
+             */
+            scrollSettings?: ScrollSettings;
+
+            /** To customize the searching behavior of the Kanban.
+             * @Default {Object}
+             */
+            searchSettings?: SearchSettings;
+
+            /** To allow customize selection type. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
+             * @Default {ej.Kanban.SelectionType.Single}
+             */
+            selectionType?: ej.Kanban.SelectionType|string;
+
+            /** Gets or sets an object that indicates to managing the collection of stacked header rows for the Kanban.
+             * @Default {Array}
+             */
+            stackedHeaderRows?: StackedHeaderRow[];
+
+            /** The tooltip allows to display card details in a tooltip while hovering on it.
+             */
+            tooltipSettings?: TooltipSettings;
+
+            /** Gets or sets an object that indicates to render the Kanban with specified workflows.
+             * @Default {Array}
+             */
+            workflows?: Workflow[];
+
+            /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to
+             * a particular country or region.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Triggered for every Kanban action before its starts.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggered for every Kanban action success event.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggered for every Kanban action server failure event.
+             */
+            actionFailure?(e: ActionFailureEventArgs): void;
+
+            /** Triggered before the task is going to be edited.
+             */
+            beginEdit?(e: BeginEditEventArgs): void;
+
+            /** Triggered before the card is selected.
+             */
+            beforeCardSelect?(e: BeforeCardSelectEventArgs): void;
+
+            /** Trigger after the card is clicked.
+             */
+            cardClick?(e: CardClickEventArgs): void;
+
+            /** Triggered when the card is being dragged.
+             */
+            cardDrag?(e: CardDragEventArgs): void;
+
+            /** Triggered when card dragging start.
+             */
+            cardDragStart?(e: CardDragStartEventArgs): void;
+
+            /** Triggered when card dragging stops.
+             */
+            cardDragStop?(e: CardDragStopEventArgs): void;
+
+            /** Triggered when the card is Dropped.
+             */
+            cardDrop?(e: CardDropEventArgs): void;
+
+            /** Triggered after the card is selected.
+             */
+            cardSelect?(e: CardSelectEventArgs): void;
+
+            /** Triggered when card is double clicked.
+             */
+            cardDoubleClick?(e: CardDoubleClickEventArgs): void;
+
+            /** Triggered before the card is selected.
+             */
+            cardSelecting?(e: CardSelectingEventArgs): void;
+
+            /** Triggered when the Kanban is rendered completely
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggers after the cell is clicked.
+             */
+            cellClick?(e: CellClickEventArgs): void;
+
+            /** Triggered before the context menu is opened.
+             */
+            contextOpen?(e: ContextOpenEventArgs): void;
+
+            /** Triggered when context menu item is clicked in Kanban
+             */
+            contextClick?(e: ContextClickEventArgs): void;
+
+            /** Triggered the Kanban is bound with data during initial rendering.
+             */
+            dataBound?(e: DataBoundEventArgs): void;
+
+            /** Triggered when Kanban going to destroy.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggered after the card is deleted.
+             */
+            endDelete?(e: EndDeleteEventArgs): void;
 
-	/** Returns the data from the resizable plugin.
-	*/
-	event?: any;
-}
+            /** Triggered after the card is edited.
+             */
+            endEdit?(e: EndEditEventArgs): void;
 
-export interface SearchEventArgs {
+            /** Triggers after the header is clicked.
+             */
+            headerClick?(e: HeaderClickEventArgs): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Triggered initial load.
+             */
+            load?(e: LoadEventArgs): void;
 
-	/** Returns the data bound to the DropDownList.
-	*/
-	items?: any;
+            /** Triggers before swim lane expand or collapse icon is clicked.
+             */
+            swimlaneClick?(e: SwimlaneClickEventArgs): void;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** Triggered every time a single card rendered request is made to access particular card information.
+             */
+            queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** Returns the selected item text.
-	*/
-	selectedText?: string;
+            /** Triggered when toolbar item is clicked in Kanban.
+             */
+            toolbarClick?(e: ToolbarClickEventArgs): void;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface ActionBeginEventArgs {
 
-	/** Returns the search string typed in search box.
-	*/
-	searchString?: string;
-}
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-export interface SelectEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected item with checkbox checked or not.
-	*/
-	isChecked?: boolean;
+            /** Returns the current action event type.
+             */
+            originalEventType?: string;
 
-	/** Returns the selected item ID.
-	*/
-	itemId?: string;
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	/** returns the DropDownList model
-	*/
-	model?: any;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the selected item text.
-	*/
-	selectedText?: string;
+            /** Returns the edited row index.
+             */
+            rowIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the card object (JSON).
+             */
+            data?: any;
 
-	/** Returns the selected text.
-	*/
-	text?: string;
+            /** Returns current filtering object field name.
+             */
+            currentFilteringobject?: any;
 
-	/** Returns the selected value.
-	*/
-	value?: string;
-}
+            /** Returns filter details.
+             */
+            filterCollection?: any;
+        }
 
-export interface Fields {
+        export interface ActionCompleteEventArgs {
 
-	/** Used to group the items.
-	*/
-	groupBy?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Defines the HTML attributes such as ID, class, and styles for the item.
-	*/
-	htmlAttributes?: any;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** Defines the ID for the tag.
-	*/
-	id?: string;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Defines the image attributes such as height, width, styles, and so on.
-	*/
-	imageAttributes?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Defines the imageURL for the image location.
-	*/
-	imageUrl?: string;
+            /** Returns current action event type.
+             */
+            originalEventType?: string;
 
-	/** Defines the tag value to be selected initially.
-	*/
-	selected?: boolean;
+            /** Returns primary key.
+             */
+            primaryKey?: string;
 
-	/** Defines the sprite CSS for the image tag.
-	*/
-	spriteCssClass?: string;
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	/** Defines the table name for tag value or display text while rendering remote data.
-	*/
-	tableName?: string;
+            /** Returns Kanban element.
+             */
+            target?: any;
 
-	/** Defines the text content for the tag.
-	*/
-	text?: string;
+            /** Returns the card object (JSON).
+             */
+            data?: any;
 
-	/** Defines the tag value.
-	*/
-	value?: string;
-}
-}
-enum FilterType
-{
-//filter the data wherever contains search key 
-Contains,
-//filter the data based on search key present at start position
-StartsWith,
-}
-enum MultiSelectMode
-{
-// can select only single item in DropDownList 
-None,
-//can select multiple items and it's separated by delimiterChar
-Delimiter,
-// can select multiple items and it's show's like visual box in textbox
-VisualMode,
-}
-enum VirtualScrollMode
-{
-// The data is loaded only to the corresponding page (display items). When scrolling some other position, it enables the load on demand with the DropDownList.
-Normal,
-//The data items are loaded from the remote when scroll handle reaches the end of the scrollbar like infinity scrolling.
-Continuous,
-}
+            /** Returns the selectedRow index.
+             */
+            selectedRow?: number;
 
-class Tooltip extends ej.Widget {
-	static fn: Tooltip;
-	constructor(element: JQuery, options?: Tooltip.Model);
-	constructor(element: Element, options?: Tooltip.Model);
-	static Locale: any;
-	model:Tooltip.Model;
-	defaults:Tooltip.Model;
-
-	/** Destroys the Tooltip control.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the Tooltip control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the Tooltip control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Hide the Tooltip popup.
-	*   @param {string}  optional Determines the type of effect that takes place when hiding the tooltip.
-	*   @param {Function}  optional custom effect takes place when hiding the tooltip.
-	*   @returns {void}
-	*/
-	hide(effect?: string, func?: Function): void;
-
-	/** Shows the Tooltip popup for the given target element with the specified effect.
-	*   @param {string} optional Determines the type of effect that takes place when showing the tooltip.
-	*   @param {Function} optional custom effect takes place when showing the tooltip.
-	*   @param {JQuery} optional Tooltip will be shown for the given element
-	*   @returns {void}
-	*/
-	show(effect?: string, func?: Function, target?: JQuery): void;
-}
-export module Tooltip{
-
-export interface Model {
-
-	/** Tooltip control can be accessed through the keyboard shortcut keys.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Specifies the animation behavior in  Tooltip. It contains the following sub properties.
-	*/
-	animation?: Animation;
-
-	/** Sets the position related to target element, window, mouse or (x,y) co-ordinates.
-	*   @Default {ej.Tooltip.Associate.Target}
-	*/
-	associate?: ej.Tooltip.Associate|string;
-
-	/** Specified the delay to hide Tooltip when closeMode is auto.
-	*   @Default {4000}
-	*/
-	autoCloseTimeout?: number;
-
-	/** Specifies the closing behavior of Tooltip popup.
-	*   @Default {ej.Tooltip.CloseMode.None}
-	*/
-	closeMode?: ej.Tooltip.CloseMode|string;
-
-	/** Sets the Tooltip in alternate position when collision occurs.
-	*   @Default {ej.Tooltip.Collision.FlipFit}
-	*/
-	collision?: ej.Tooltip.Collision|string;
-
-	/** Specified the selector for the container element.
-	*   @Default {body}
-	*/
-	containment?: string;
-
-	/** Specifies the text for Tooltip.
-	*   @Default {null}
-	*/
-	content?: string;
-
-	/** Sets the root CSS class for Tooltip for the customization.
-	*   @Default {null}
-	*/
-	cssClass?: string;
-
-	/** Enables or disables the Tooltip.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Sets the Tooltip direction from right to left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Defines the height of the Tooltip popup.
-	*   @Default {auto}
-	*/
-	height?: string|number;
-
-	/** Enables the arrow in Tooltip.
-	*   @Default {true}
-	*/
-	isBalloon?: boolean;
-
-	/** defines various attributes of the Tooltip position
-	*/
-	position?: Position;
-
-	/** Enables or disables rounded corner.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Enables or disables shadow effect.
-	*   @Default {false}
-	*/
-	showShadow?: boolean;
-
-	/** Specified a selector for elements, within the container.
-	*   @Default {null}
-	*/
-	target?: string;
-
-	/** defines Tooltip size and gap between tooltip against the target element.
-	*/
-	tip?: Tip;
-
-	/** The title text to be displayed in the Tooltip header.
-	*   @Default {null}
-	*/
-	title?: string;
-
-	/** Specified the event action to show case the Tooltip.
-	*   @Default {ej.Tooltip.Trigger.Hover}
-	*/
-	trigger?: ej.Tooltip.Trigger|string;
-
-	/** Defines the width of the Tooltip popup.
-	*   @Default {auto}
-	*/
-	width?: string|number;
-
-	/** This event is triggered before the Tooltip widget get closed. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
-
-	/** This event is triggered before the Tooltip widget gets open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Fires on clicking to the target element. */
-	click? (e: ClickEventArgs): void;
-
-	/** This event is triggered after the Tooltip widget is closed. */
-	close? (e: CloseEventArgs): void;
-
-	/** This event is triggered after the Tooltip is created successfully. */
-	create? (e: CreateEventArgs): void;
-
-	/** This event is triggered after the Tooltip widget is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** This event is triggered while hovering the target element, when tooltip positioning relates to target element. */
-	hover? (e: HoverEventArgs): void;
-
-	/** This event is triggered after the Tooltip is opened. */
-	open? (e: OpenEventArgs): void;
-
-	/** This event is triggered while hover the target element, when the tooltip positioning is relates to the mouse. */
-	tracking? (e: TrackingEventArgs): void;
-}
+            /** Returns current filtering column field name.
+             */
+            currentFilteringColumn?: string;
 
-export interface BeforeCloseEventArgs {
+            /** Returns filter details.
+             */
+            filterCollection?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ActionFailureEventArgs {
 
-	/** returns the tooltip model
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+            /** Returns request type.
+             */
+            requestType?: string;
 
-export interface BeforeOpenEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the error return by server.
+             */
+            error?: any;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns current action event type.
+             */
+            originalEventType?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+            /** Returns Kanban element.
+             */
+            target?: any;
 
-export interface ClickEventArgs {
+            /** Returns the card object (JSON).
+             */
+            data?: any;
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns current filtering column field name.
+             */
+            currentFilteringColumn?: string;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns filter details.
+             */
+            filterCollection?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface BeginEditEventArgs {
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface CloseEventArgs {
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns begin edit data.
+             */
+            data?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+        export interface BeforeCardSelectEventArgs {
 
-export interface CreateEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the select cell index value.
+             */
+            cellIndex?: number;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns the select card index value.
+             */
+            cardIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the select cell element
+             */
+            currentCell?: any;
 
-export interface DestroyEventArgs {
+            /** Returns the previously select the card element
+             */
+            previousCard?: any;
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the previously select card indexes
+             */
+            previousRowcellindex?: any[];
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns the Target item.
+             */
+            Target?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-export interface HoverEventArgs {
+            /** Returns select card data.
+             */
+            data?: any;
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+        export interface CardClickEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-export interface OpenEventArgs {
+            /** Returns the current card to the Kanban.
+             */
+            currentCard?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns Kanban element.
+             */
+            target?: any;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the Header text of the column corresponding to the selected card.
+             */
+            columnName?: string;
 
-	/** returns the Tooltip's content
-	*/
-	content?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface TrackingEventArgs {
+        export interface CardDragEventArgs {
 
-	/** its value is set as true,if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the Tooltip model
-	*/
-	model?: any;
+            /** Returns drag data.
+             */
+            data?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns drag start element.
+             */
+            dragtarget?: any;
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** Returns dragged element.
+             */
+            draggedElement?: any;
 
-export interface Animation {
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** Determines the type of effect.
-	*   @Default {ej.Tooltip.Effect.None}
-	*/
-	effect?: ej.Tooltip.effect|string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Sets the animation speed in milliseconds.
-	*   @Default {4000}
-	*/
-	speed?: number;
-}
+        export interface CardDragStartEventArgs {
 
-export interface PositionTarget {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Sets the Tooltip position against target based on horizontal(x) value.
-	*   @Default {center}
-	*/
-	horizontal?: string|number;
+            /** Returns card drag start data.
+             */
+            data?: any;
 
-	/** Sets the Tooltip position against target based on vertical(y) value.
-	*   @Default {top}
-	*/
-	vertical?: string|number;
-}
+            /** Returns dragged element.
+             */
+            draggedElement?: any;
 
-export interface PositionStem {
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** Sets the arrow position again popup based on horizontal(x) value
-	*   @Default {center}
-	*/
-	horizontal?: string;
+            /** Returns drag start element.
+             */
+            dragtarget?: any;
 
-	/** Sets the arrow position again popup based on vertical(y) value
-	*   @Default {bottom}
-	*/
-	vertical?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface Position {
+        export interface CardDragStopEventArgs {
 
-	/** Sets the Tooltip position against target.
-	*/
-	target?: PositionTarget;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Sets the arrow position again popup.
-	*/
-	stem?: PositionStem;
-}
+            /** Returns dragged element.
+             */
+            draggedElement?: any;
 
-export interface TipSize {
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** Sets the Tooltip width.
-	*   @Default {20}
-	*/
-	width?: number;
+            /** Returns drag stop element.
+             */
+            droptarget?: any;
 
-	/** Sets the Tooltip height.
-	*   @Default {10}
-	*/
-	height?: number;
-}
+            /** Returns drag stop data.
+             */
+            data?: any;
 
-export interface TipAdjust {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Sets horizontal gap between Tooltip and target element.
-	*   @Default {0}
-	*/
-	xValue?: number;
+        export interface CardDropEventArgs {
 
-	/** Sets vertical gap between Tooltip and target element.
-	*   @Default {0}
-	*/
-	yValue?: number;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface Tip {
+            /** Returns dragged element.
+             */
+            draggedElement?: any;
 
-	/** Sets the Tooltip size.
-	*/
-	size?: TipSize;
+            /** Returns previous parent of dragged element
+             */
+            draggedParent?: any;
 
-	/** Sets gap between tooltip against the target element.
-	*/
-	adjust?: TipAdjust;
-}
+            /** Returns dragged data.
+             */
+            data?: any;
 
-enum effect{
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	///No animation takes place when showing/hiding the Tooltip
-	None,
+            /** Returns drop element.
+             */
+            target?: any;
 
-	///Sliding effect takes place when showing/hiding the Tooltip
-	Slide,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Fade the Tooltip in and out of visibility.
-	Fade
-}
+        export interface CardSelectEventArgs {
 
+            /** Returns the select cell index value.
+             */
+            cellIndex?: number;
 
-enum Associate{
+            /** Returns the select card index value.
+             */
+            cardIndex?: number;
 
-	///Sets the position related to target element.
-	Target,
+            /** Returns the select cell element
+             */
+            currentCell?: any;
 
-	///Sets the position related to mouse.
-	MouseFollow,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Sets the position related to mouse, first entry to the target element.
-	MouseEnter,
+            /** Returns the previously select the card element
+             */
+            previousCard?: any;
 
-	///Sets the position related to (x,y) co-ordinates.
-	Axis,
+            /** Returns the previously select card indexes
+             */
+            previousRowcellindex?: any[];
 
-	///Sets the position related to browser window.
-	Window
-}
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-enum CloseMode{
+            /** Returns select card data.
+             */
+            data?: any;
 
-	///Enables close button in Tooltip.
-	Sticky,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Sets the delay for Tooltip close
-	Auto,
+        export interface CardDoubleClickEventArgs {
 
-	///The Tooltip will be display normally.
-	None
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
+            /** Returns current card object (JSON).
+             */
+            data?: any;
 
-enum Collision{
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	///Flips the Tooltip to the opposite side of the target, if collision is occurs.
-	Flip,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Shift the Tooltip popup away from the edge of the window(collision side) that means adjacent position.
-	Fit,
+        export interface CardSelectingEventArgs {
 
-	///Ensure as much of the element is visible as possible to showcase.
-	FlipFit,
+            /** Returns the selecting cell index value.
+             */
+            cellIndex?: number;
 
-	///No collision detection is take place
-	None
-}
+            /** Returns the selecting card index value.
+             */
+            cardIndex?: number;
 
+            /** Returns the selecting cell element
+             */
+            currentCell?: any;
 
-enum Trigger{
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///The Tooltip to be shown when the target element is clicked.
-	Click,
+            /** Returns the previously selecting the card element
+             */
+            previousCard?: any;
 
-	///Enables the Tooltip when hover on the target element.
-	Hover,
+            /** Returns the previously rowcell is selecting card indexes
+             */
+            previousRowcellindex?: any[];
 
-	///Enables the Tooltip when focus is set to target element.
-	Focus
-}
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
-}
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-class Editor extends ej.Widget {
-	static fn: Editor;
-	constructor(element: JQuery, options?: Editor.Model);
-	constructor(element: Element, options?: Editor.Model);
-	static Locale: any;
-	model:Editor.Model;
-	defaults:Editor.Model;
-
-	/** destroy the editor widgets all events are unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable the corresponding Editors
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the corresponding Editors
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** To get value from corresponding Editors
-	*   @returns {number}
-	*/
-	getValue(): number;
-}
+            /** Returns added data.
+             */
+            data?: any;
 
- class NumericTextbox extends Editor{
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
- class CurrencyTextbox extends Editor{
-}
+        export interface CreateEventArgs {
 
- class PercentageTextbox extends Editor{
-}
-export module Editor{
-
-export interface Model {
-
-	/** Specifies the currency symbol of currency textbox, used when the user wants to overwrite the currency symbol commonly instead of the current culture symbol.
-	*   @Default {Based on the culture}
-	*/
-	currencySymbol?: string;
-
-	/** Sets the root CSS class for Editors which allow us to customize the appearance.
-	*/
-	cssClass?: string;
-
-	/** Specifies the number of digits that should be allowed after the decimal point.
-	*   @Default {0}
-	*/
-	decimalPlaces?: number;
-
-	/** Specifies the editor control state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specify the enablePersistence to editor to save current editor control value to browser cookies for state maintenance.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specifies the Right to Left Direction to editor.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** When enableStrictMode true it allows the value outside of the range also but it highlights the textbox with error class,otherwise it internally changed to the correct value.
-	*   @Default {false}
-	*/
-	enableStrictMode?: boolean;
-
-	/** Specifies the number of digits in each group to the editor.
-	*   @Default {Based on the culture.}
-	*/
-	groupSize?: string;
-
-	/** It provides the options to get the customized character to separate the digits. If not set, the separator defined by the current culture.
-	*   @Default {Based on the culture}
-	*/
-	groupSeparator?: string;
-
-	/** Specifies the height of the editor.
-	*   @Default {30}
-	*/
-	height?: string;
-
-	/** It allows to define the characteristics of the Editors control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** The Editor value increment or decrement based an incrementStep value.
-	*   @Default {1}
-	*/
-	incrementStep?: number;
-
-	/** Defines the localization culture for editor.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the maximum value of the editor.
-	*   @Default {Number.MAX_VALUE}
-	*/
-	maxValue?: number;
-
-	/** Specifies the minimum value of the editor.
-	*   @Default {-(Number.MAX_VALUE) and 0 for Currency Textbox.}
-	*/
-	minValue?: number;
-
-	/** Specifies the name of the editor.
-	*   @Default {Sets id as name if it is null.}
-	*/
-	name?: string;
-
-	/** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the negative pattern. you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
-	*   @Default {Based on the culture}
-	*/
-	negativePattern?: string;
-
-	/** Specifies the pattern for formatting positive values in editor.We have maintained some standard to define the positive pattern. you have to specify 'n' to place the digit in your pattern.ejTextbox allows you to define a currency or percent symbol where you want to place it.
-	*   @Default {Based on the culture}
-	*/
-	positivePattern?: string;
-
-	/** Toggles the readonly state of the editor. When the Editor is readonly it doesn't allow user interactions.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Specifies to Change the sharped edges into rounded corner for the Editor.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies whether the up and down spin buttons should be displayed in editor.
-	*   @Default {true}
-	*/
-	showSpinButton?: boolean;
-
-	/** Enables decimal separator position validation on type .
-	*   @Default {false}
-	*/
-	validateOnType?: boolean;
-
-	/** Set the jQuery validation error message in editor.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Set the jQuery validation rules to the editor.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** Specifies the value of the editor.
-	*   @Default {null}
-	*/
-	value?: number|string;
-
-	/** Specifies the watermark text to editor.
-	*   @Default {Based on the culture.}
-	*/
-	watermarkText?: string;
-
-	/** Specifies the width of the editor.
-	*   @Default {143}
-	*/
-	width?: string;
-
-	/** Fires after Editor control value is changed. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires after Editor control is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the Editor is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires after Editor control is focused. */
-	focusIn? (e: FocusInEventArgs): void;
-
-	/** Fires after Editor control is loss the focus. */
-	focusOut? (e: FocusOutEventArgs): void;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface ChangeEventArgs {
+            /** Returns the kanban model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the corresponding editor model.
-	*/
-	model?: ej.Editor.Model;
+        export interface CellClickEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the corresponding editor control value.
-	*/
-	value?: number;
+            /** Returns the kanban model.
+             */
+            model?: any;
 
-	/** returns true when the value changed by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface CreateEventArgs {
+            /** Returns the select cell index value.
+             */
+            cellIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the edited row index.
+             */
+            rowIndex?: number;
+        }
 
-	/** returns the editor model
-	*/
-	model?: ej.Editor.Model;
+        export interface ContextOpenEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface DestroyEventArgs {
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the editor model
-	*/
-	model?: ej.Editor.Model;
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the status of contextmenu item which denotes its enabled state.
+             */
+            status?: boolean;
 
-export interface FocusInEventArgs {
+            /** Returns the target item.
+             */
+            target?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ContextClickEventArgs {
 
-	/** returns the corresponding editor model.
-	*/
-	model?: ej.Editor.Model;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** returns the corresponding editor control value.
-	*/
-	value?: number;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface FocusOutEventArgs {
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the status of contextmenu item which denotes its enabled state.
+             */
+            status?: boolean;
 
-	/** returns the corresponding editor model.
-	*/
-	model?: ej.Editor.Model;
+            /** Returns the target item.
+             */
+            target?: any;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface DataBoundEventArgs {
 
-	/** returns the corresponding editor control value.
-	*/
-	value?: number;
-}
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-class ListView extends ej.Widget {
-	static fn: ListView;
-	constructor(element: JQuery, options?: ListView.Model);
-	constructor(element: Element, options?: ListView.Model);
-	static Locale: any;
-	model:ListView.Model;
-	defaults:ListView.Model;
-
-	/** To add item in the given index. If you have enabled grouping in ListView then you need to pass the corresponding group list title to add item in it.
-	*   @param {any} Specifies the item to be added in ListView
-	*   @param {number} Specifies the index where item to be added
-	*   @param {string} optionalThis is an optional parameter. You must pass the group list title here if grouping is enabled in the ListView
-	*   @returns {void}
-	*/
-	addItem(item: any, index: number, groupid: string): void;
-
-	/** To check all the items.
-	*   @returns {void}
-	*/
-	checkAllItem(): void;
-
-	/** To check item in the given index.
-	*   @param {number} Specifies the index of the item to be checked
-	*   @returns {void}
-	*/
-	checkItem(index: number): void;
-
-	/** To clear all the list item in the control before updating with new datasource.
-	*   @returns {void}
-	*/
-	clear(): void;
-
-	/** To make the item in the given index to be default state.
-	*   @param {number} Specifies the index to make the item to be in default state.
-	*   @returns {void}
-	*/
-	deActive(index: number): void;
-
-	/** To disable item in the given index.
-	*   @param {number} Specifies the index value to be disabled.
-	*   @returns {void}
-	*/
-	disableItem(index: number): void;
-
-	/** To enable item in the given index.
-	*   @param {number} Specifies the index value to be enabled.
-	*   @returns {void}
-	*/
-	enableItem(index: number): void;
-
-	/** To get the active item.
-	*   @returns {HTMLElement}
-	*/
-	getActiveItem(): HTMLElement;
-
-	/** To get the text of the active item.
-	*   @returns {string}
-	*/
-	getActiveItemText(): string;
-
-	/** To get all the checked items.
-	*   @returns {Array<any>}
-	*/
-	getCheckedItems(): Array<any>;
-
-	/** To get the text of all the checked items.
-	*   @returns {Array<any>}
-	*/
-	getCheckedItemsText(): Array<any>;
-
-	/** To get the total item count.
-	*   @returns {number}
-	*/
-	getItemsCount(): number;
-
-	/** To get the text of the item in the given index.
-	*   @param {string|number} Specifies the index value to get the text value.
-	*   @returns {string}
-	*/
-	getItemText(index: string|number): string;
-
-	/** To check whether the item in the given index has child item.
-	*   @param {number} Specifies the index value to check the item has child or not.
-	*   @returns {boolean}
-	*/
-	hasChild(index: number): boolean;
-
-	/** To hide the list.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** To hide item in the given index.
-	*   @param {number} Specifies the index value to hide the item.
-	*   @returns {void}
-	*/
-	hideItem(index: number): void;
-
-	/** To check whether item in the given index is checked.
-	*   @returns {boolean}
-	*/
-	isChecked(): boolean;
-
-	/** To load the AJAX content while selecting the item.
-	*   @param {string} Specifies the item to load the AJAX content.
-	*   @returns {void}
-	*/
-	loadAjaxContent(item: string): void;
-
-	/** To remove the check mark either for specific item in the given index or for all items.
-	*   @param {number} Specifies the index value to remove the checkbox.
-	*   @returns {void}
-	*/
-	removeCheckMark(index: number): void;
-
-	/** To remove item in the given index.
-	*   @param {number} Specifies the index value to remove the item.
-	*   @returns {void}
-	*/
-	removeItem(index: number): void;
-
-	/** To select item in the given index.
-	*   @param {number} Specifies the index value to select the item.
-	*   @returns {void}
-	*/
-	selectItem(index: number): void;
-
-	/** To make the item in the given index to be active state.
-	*   @param {number} Specifies the index value to make the item in active state.
-	*   @returns {void}
-	*/
-	setActive(index: number): void;
-
-	/** To show the list.
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** To show item in the given index.
-	*   @param {number} Specifies the index value to show the hided item.
-	*   @returns {void}
-	*/
-	showItem(index: number): void;
-
-	/** To uncheck all the items.
-	*   @returns {void}
-	*/
-	unCheckAllItem(): void;
-
-	/** To uncheck item in the given index.
-	*   @param {number} Specifies the index value to uncheck the item.
-	*   @returns {void}
-	*/
-	unCheckItem(index: number): void;
-}
-export module ListView{
-
-export interface Model {
-
-	/** Specifies the ajaxSettings option to load the items to the ListView control.
-	*   @Default {null}
-	*/
-	ajaxSettings?: AjaxSettings;
-
-	/** Set the index values to be selected on initial loading. This works only when enableCheckMark is set true.
-	*   @Default {[]}
-	*/
-	checkedIndices?: Array<any>;
-
-	/** Sets the root class for ListView theme. This cssClass API helps to use custom skinning option for ListView control. By defining the root class using this API, we need to include this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** Contains the list of data for generating the ListView items.
-	*   @Default {[]}
-	*/
-	dataSource?: Array<any>;
-
-	/** Specifies whether to load AJAX content while selecting item.
-	*   @Default {false}
-	*/
-	enableAjax?: boolean;
-
-	/** Specifies whether to enable caching the content.
-	*   @Default {false}
-	*/
-	enableCache?: boolean;
-
-	/** Specifies whether to enable check mark for the item.
-	*   @Default {false}
-	*/
-	enableCheckMark?: boolean;
-
-	/** Specifies whether to enable the filtering feature to filter the item.
-	*   @Default {false}
-	*/
-	enableFiltering?: boolean;
-
-	/** Specifies whether to group the list item.
-	*   @Default {false}
-	*/
-	enableGroupList?: boolean;
-
-	/** Specifies to maintain the current model value to browser cookies for state maintenance. While refresh the page, the model value will get apply to the control from browser cookies.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specifies the field settings to map the datasource.
-	*/
-	fieldSettings?: any;
-
-	/** Contains the array of items to be added in ListView.
-	*   @Default {[]}
-	*/
-	items?: Array<any>;
-
-	/** Specifies the text of the back button in the header.
-	*   @Default {null}
-	*/
-	headerBackButtonText?: string;
-
-	/** Specifies the title of the header.
-	*   @Default {Title}
-	*/
-	headerTitle?: string;
-
-	/** Specifies the height.
-	*   @Default {null}
-	*/
-	height?: string|number;
-
-	/** Set the localization culture for ListView Widget.
-	*/
-	locale?: string;
-
-	/** Specifies whether to retain the selection of the item.
-	*   @Default {false}
-	*/
-	persistSelection?: boolean;
-
-	/** Specifies whether to prevent the selection of the item.
-	*   @Default {false}
-	*/
-	preventSelection?: boolean;
-
-	/** Specifies the query to execute with the datasource.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Specifies whether need to render the control with the template contents.
-	*   @Default {false}
-	*/
-	renderTemplate?: boolean;
-
-	/** Specifies the index of item which need to be in selected state initially while loading.
-	*   @Default {0}
-	*/
-	selectedItemIndex?: number;
-
-	/** Specifies whether to show the header.
-	*   @Default {true}
-	*/
-	showHeader?: boolean;
-
-	/** Specifies whether to show the back button header.
-	*   @Default {false}
-	*/
-	showHeaderBackButton?: boolean;
-
-	/** Specifies ID of the element contains template contents.
-	*   @Default {null}
-	*/
-	templateId?: string;
-
-	/** Specifies the width.
-	*   @Default {null}
-	*/
-	width?: string|number;
-
-	/** Specifies the number of items to be fetched on each scroll. Note: This property works only with Virtual scrolling.
-	*   @Default {5}
-	*/
-	itemRequestCount?: number;
-
-	/** Specifies the maximum number of items to be fetched. Note: This will work only with Virtual scrolling
-	*   @Default {null}
-	*/
-	totalItemsCount?: number;
-
-	/** Loads the list data on demand via scrolling behavior to improve the application’s performance. There are two ways to load data which can be defined using virtualScrollMode property.
-	*   @Default {false}
-	*/
-	allowVirtualScrolling?: boolean;
-
-	/** Specifies the virtual scroll mode to load the list data on demand via scrolling behavior. There are two types of mode.
-	*   @Default {ej.VirtualScrollMode.Normal}
-	*/
-	virtualScrollMode?: ej.VirtualScrollMode|string;
-
-	/** Event triggers before the AJAX request happens. */
-	ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
-
-	/** Event triggers after the AJAX content loaded completely. */
-	ajaxComplete? (e: AjaxCompleteEventArgs): void;
-
-	/** Event triggers when the AJAX request failed. */
-	ajaxError? (e: AjaxErrorEventArgs): void;
-
-	/** Event triggers after the AJAX content loaded successfully. */
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
-
-	/** Event triggers before the items loaded. */
-	load? (e: LoadEventArgs): void;
-
-	/** Event triggers after the items loaded. */
-	loadComplete? (e: LoadCompleteEventArgs): void;
-
-	/** Event triggers when mouse down happens on the item. */
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/** Event triggers when mouse up happens on the item. */
-	mouseUp? (e: MouseUpEventArgs): void;
-}
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-export interface AjaxBeforeLoadEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DestroyEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the kanban model.
+             */
+            model?: any;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
+            /** Returns deleted data.
+             */
+            data?: any;
 
-	/** returns the AJAX settings.
-	*/
-	ajaxData?: any;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface AjaxCompleteEventArgs {
+        export interface EndDeleteEventArgs {
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface AjaxErrorEventArgs {
+            /** Returns deleted  data.
+             */
+            data?: any;
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Current action name
+             */
+            action?: string;
+        }
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
+        export interface EndEditEventArgs {
 
-	/** returns the error thrown in the AJAX post.
-	*/
-	errorThrown?: any;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** returns the status.
-	*/
-	textStatus?: any;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** returns the current list item.
-	*/
-	item?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the current item text.
-	*/
-	text?: string;
+            /** Returns modified data.
+             */
+            data?: any;
 
-	/** returns the current item index.
-	*/
-	index?: number;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface AjaxSuccessEventArgs {
+            /** Current Action name
+             */
+            action?: string;
+        }
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface HeaderClickEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
+            /** Returns the kanban model.
+             */
+            model?: any;
 
-	/** returns the AJAX current content.
-	*/
-	content?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the current list item.
-	*/
-	item?: any;
+            /** Returns the select cell index value.
+             */
+            cellIndex?: number;
 
-	/** returns the current item text.
-	*/
-	text?: string;
+            /** Returns the column object.
+             */
+            columnData?: any;
+        }
 
-	/** returns the current item index.
-	*/
-	index?: number;
+        export interface LoadEventArgs {
 
-	/** returns the current URL of the AJAX post.
-	*/
-	URL?: string;
-}
+            /** Returns the kanban model.
+             */
+            model?: any;
 
-export interface LoadEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface SwimlaneClickEventArgs {
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
-}
+            /** Current Action name while swim lane clicked. Actions are "expand" or "collapse"
+             */
+            action?: string;
 
-export interface LoadCompleteEventArgs {
+            /** Returns the kanban model.
+             */
+            model?: any;
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
-}
+            /** Returns the swim lane group data's.
+             */
+            data?: any;
 
-export interface MouseDownEventArgs {
+            /** Returns current swim lane row index.
+             */
+            rowIndex?: number;
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns current target element.
+             */
+            target?: any;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface QueryCellInfoEventArgs {
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
+            /** Returns Kanban card.
+             */
+            card?: any;
 
-	/** If the child element exist return true; otherwise, false.
-	*/
-	hasChild?: boolean;
+            /** Returns Kanban card.
+             */
+            cell?: any;
 
-	/** returns the current list item.
-	*/
-	item?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the current text of item.
-	*/
-	text?: string;
+            /** Returns current row record object (JSON).
+             */
+            data?: any;
 
-	/** returns the current Index of the item.
-	*/
-	index?: number;
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** If checked return true; otherwise, false.
-	*/
-	isChecked?: boolean;
+            /** Returns the Kanban model.
+             */
+            model?: any;
 
-	/** returns the list of checked items.
-	*/
-	checkedItems?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the current checked item text.
-	*/
-	checkedItemsText?: string;
-}
+        export interface ToolbarClickEventArgs {
 
-export interface MouseUpEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the current item.
+             */
+            currentTarget?: any;
+
+            /** Returns the item id of that current element.
+             */
+            itemId?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the item index of that current element.
+             */
+            itemIndex?: number;
+
+            /** Returns the item name of that current element.
+             */
+            itemName?: string;
 
-	/** returns the model value of the control.
-	*/
-	model?: ej.ListView.Model;
+            /** Returns the item text of that current element.
+             */
+            itemText?: string;
+
+            /** Returns the Kanban model.
+             */
+            model?: any;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+
+            /** Returns the toolbar object of the Kanban.
+             */
+            toolbarData?: any;
+        }
+
+        export interface SwimlaneSettingsUnassignedGroup {
+
+            /** To enable or disable unassigned category change with swim lane key values.
+             * @Default {true}
+             */
+            enable?: boolean;
+
+            /** To set the user defined values which are need to categorized as unassigned category swim lane groups.
+             * @Default {[null,undefined,]}
+             */
+            keys?: any[];
+        }
+
+        export interface SwimlaneSettings {
+
+            /** To enable or disable items count in swim lane.
+             * @Default {true}
+             */
+            showCount?: boolean;
+
+            /** To enable or disable DragAndDrop across swim lane.
+             * @Default {false}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Customize the settings for unassigned category of swim lane.
+             * @Default {Object}
+             */
+            unassignedGroup?: SwimlaneSettingsUnassignedGroup;
+        }
+
+        export interface ContextMenuSettingsCustomMenuItem {
+
+            /** Its sets target element to custom context menu item.
+             * @Default {ej.Kanban.Target.All}
+             */
+            target?: ej.Kanban.Target|string;
+
+            /** Gets the display name to custom menu item.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Gets the template to render custom context menu item.
+             * @Default {null}
+             */
+            template?: string;
+        }
+
+        export interface ContextMenuSettings {
+
+            /** To enable context menu.All default context menu will show.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Gets or sets a value that indicates the list of items needs to be disable from default context menu items.
+             * @Default {Array}
+             */
+            disableDefaultItems?: any[];
+
+            /** Its used to add specific default context menu items.
+             * @Default {Array}
+             */
+            menuItems?: any[];
+
+            /** Gets or sets a value that indicates whether to add custom contextMenu items.
+             * @Default {Array}
+             */
+            customMenuItems?: ContextMenuSettingsCustomMenuItem[];
+        }
+
+        export interface ColumnsTotalCount {
+
+            /** To customize the totalCount text properties.
+             * @Default {null}
+             */
+            text?: string;
+        }
+
+        export interface ColumnsConstraints {
+
+            /** It is used to specify the type of constraints as column or swimlane.
+             * @Default {null}
+             */
+            type?: string;
+
+            /** It is used to specify the minimum amount of card in particular column cell or swimlane cell can hold.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** It is used to specify the maximum amount of card in particular column cell or swimlane cell can hold.
+             * @Default {null}
+             */
+            max?: number;
+        }
+
+        export interface Column {
+
+            /** Gets or sets an object that indicates to render the Kanban with specified columns header text.
+             * @Default {null}
+             */
+            headerText?: string;
+
+            /** To customize the totalCount properties.
+             * @Default {Object}
+             */
+            totalCount?: ColumnsTotalCount;
+
+            /** Gets or sets an object that indicates to render the Kanban with specified columns key.
+             * @Default {null}
+             */
+            key?: string|number;
+
+            /** To enable/disable allowDrop for specific column wise.
+             * @Default {true}
+             */
+            allowDrop?: boolean;
+
+            /** To enable/disable allowDrag for specific column wise.
+             * @Default {true}
+             */
+            allowDrag?: boolean;
+
+            /** To set column collapse or expand state
+             * @Default {false}
+             */
+            isCollapsed?: boolean;
+
+            /** To customize the column level constraints with minimum ,maximum limit validation.
+             * @Default {Object}
+             */
+            constraints?: ColumnsConstraints;
+
+            /** Gets or sets a value that indicates to add the template within the header element.
+             * @Default {null}
+             */
+            headerTemplate?: string;
+
+            /** Gets or sets an object that indicates to render the Kanban with specified columns width.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Gets or sets an object that indicates to set specific column visibility.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Gets or sets an object that indicates whether to show add new button.
+             * @Default {false}
+             */
+            showAddButton?: boolean;
+        }
+
+        export interface CardSettings {
+
+            /** Gets or sets a value that indicates to add the template for card .
+             * @Default {null}
+             */
+            template?: string;
+
+            /** To customize the card border color based on assigned task. Colors and corresponding values defined here will be mapped with colorField mapped data source column.
+             * @Default {Object}
+             */
+            colorMapping?: any;
+        }
+
+        export interface CustomToolbarItem {
+
+            /** Gets the template to render customToolbarItems.
+             * @Default {null}
+             */
+            template?: string;
+        }
+
+        export interface EditSettingsEditItem {
+
+            /** It is used to map editing field from the data source.
+             * @Default {null}
+             */
+            field?: string;
+
+            /** It is used to set the particular editType in the card for editing.
+             * @Default {ej.Kanban.EditingType.String}
+             */
+            editType?: ej.Kanban.EditingType|string;
+
+            /** Gets or sets a value that indicates to define constraints for saving data to the database.
+             * @Default {Object}
+             */
+            validationRules?: any;
+
+            /** It is used to set the particular editparams in the card for editing.
+             * @Default {Object}
+             */
+            editParams?: any;
+
+            /** It is used to specify defaultValue for the fields while adding new card.
+             * @Default {null}
+             */
+            defaultValue?: string|number;
+        }
+
+        export interface EditSettings {
+
+            /** Gets or sets a value that indicates whether to enable the editing action in cards of Kanban.
+             * @Default {false}
+             */
+            allowEditing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the adding action in cards behavior on Kanban.
+             * @Default {false}
+             */
+            allowAdding?: boolean;
+
+            /** This specifies the id of the template which is require to be edited using the Dialog Box.
+             * @Default {null}
+             */
+            dialogTemplate?: string;
+
+            /** Get or sets an object that indicates whether to customize the editMode of the Kanban.
+             * @Default {ej.Kanban.EditMode.Dialog}
+             */
+            editMode?: ej.Kanban.EditMode|string;
+
+            /** Get or sets an object that indicates whether to customize the editing fields of Kanban card.
+             * @Default {Array}
+             */
+            editItems?: EditSettingsEditItem[];
+
+            /** This specifies the id of the template which is require to be edited using the External edit form.
+             * @Default {null}
+             */
+            externalFormTemplate?: string;
+
+            /** This specifies to set the position of an External edit form either in the right or bottom of the Kanban.
+             * @Default {ej.Kanban.FormPosition.Bottom}
+             */
+            formPosition?: ej.Kanban.FormPosition|string;
+        }
+
+        export interface Fields {
+
+            /** The primarykey field is mapped to data source field. And this will used for Drag and drop and editing mainly.
+             * @Default {null}
+             */
+            primaryKey?: string;
+
+            /** To enable swimlane grouping based on the given key field from datasource mapping.
+             * @Default {null}
+             */
+            swimlaneKey?: string;
+
+            /** Priority field has been mapped data source field to maintain cards priority.
+             * @Default {null}
+             */
+            priority?: string;
+
+            /** Content field has been Mapped into card text.
+             * @Default {null}
+             */
+            content?: string;
+
+            /** Tag field has been Mapped into card tag.
+             * @Default {null}
+             */
+            tag?: string;
+
+            /** Title field has been Mapped to field in datasource for title content. If title field specified , card expand/collapse will be enabled with header and content section.
+             * @Default {null}
+             */
+            title?: string;
+
+            /** To customize the card has been Mapped into card color field.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** ImageUrl field has been Mapped into card image.
+             * @Default {null}
+             */
+            imageUrl?: string;
+        }
+
+        export interface FilterSetting {
+
+            /** Gets or sets an object of display name to filter queries.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Gets or sets an object that Queries to perform filtering
+             * @Default {Object}
+             */
+            query?: any;
+
+            /** Gets or sets an object of tooltip to filter buttons.
+             * @Default {null}
+             */
+            description?: string;
+        }
+
+        export interface ScrollSettings {
+
+            /** Gets or sets an object that indicates to render the Kanban with specified scroll height.
+             * @Default {0}
+             */
+            height?: string|number;
+
+            /** Gets or sets an object that indicates to render the Kanban with specified scroll width.
+             * @Default {auto}
+             */
+            width?: string|number;
+
+            /** To allow the Kanban to freeze particular swimlane at the time of scrolling , until scroll reaches next swimlane and it continues.
+             * @Default {false}
+             */
+            allowFreezeSwimlane?: boolean;
+        }
+
+        export interface SearchSettings {
+
+            /** To customize the fields the searching operation can be perform.
+             * @Default {Array}
+             */
+            fields?: any[];
 
-	/** If the child element exist return true; otherwise, false.
-	*/
-	hasChild?: boolean;
+            /** To customize the searching string.
+             */
+            key?: string;
 
-	/** returns the current list item.
-	*/
-	item?: string;
+            /** To customize the operator based on searching.
+             * @Default {contains}
+             */
+            operator?: string;
 
-	/** returns the current text of item.
-	*/
-	text?: string;
+            /** To customize the ignore case based on searching.
+             * @Default {true}
+             */
+            ignoreCase?: boolean;
+        }
 
-	/** returns the current Index of the item.
-	*/
-	index?: number;
+        export interface StackedHeaderRowsStackedHeaderColumn {
 
-	/** If checked return true; otherwise, false.
-	*/
-	isChecked?: boolean;
+            /** Gets or sets a value that indicates the headerText for the particular stacked header column.
+             * @Default {null}
+             */
+            headerText?: string;
 
-	/** returns the list of checked items.
-	*/
-	checkedItems?: number;
+            /** Gets or sets a value that indicates the column for the particular stacked header column.
+             * @Default {null}
+             */
+            column?: string;
+        }
 
-	/** returns the current checked item text.
-	*/
-	checkedItemsText?: string;
-}
+        export interface StackedHeaderRow {
 
-export interface AjaxSettings {
+            /** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
+             * @Default {Array}
+             */
+            stackedHeaderColumns?: StackedHeaderRowsStackedHeaderColumn[];
+        }
 
-	/** It specifies, whether to enable or disable asynchronous request.
-	*/
-	async?: boolean;
+        export interface TooltipSettings {
 
-	/** It specifies the page will be cached in the web browser.
-	*/
-	cache?: boolean;
+            /** To enable or disable the tooltip display.
+             * @Default {false}
+             */
+            enable?: boolean;
 
-	/** It specifies the type of data is send in the query string.
-	*/
-	contentType?: string;
+            /** To customize the tooltip display based on your requirements.
+             * @Default {null}
+             */
+            template?: string;
+        }
 
-	/** It specifies the data as an object, will be passed in the query string.
-	*/
-	data?: any;
+        export interface Workflow {
 
-	/** It specifies the type of data that you're expecting back from the response.
-	*/
-	dataType?: string;
+            /** Gets or sets an object that indicates to render the Kanban with specified workflows key.
+             * @Default {null}
+             */
+            key?: string|number;
 
-	/** It specifies the HTTP request type.
-	*/
-	type?: string;
-}
-}
+            /** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
+             * @Default {null}
+             */
+            allowedTransitions?: string;
+        }
 
-class MaskEdit extends ej.Widget {
-	static fn: MaskEdit;
-	constructor(element: JQuery, options?: MaskEdit.Model);
-	constructor(element: Element, options?: MaskEdit.Model);
-	static Locale: any;
-	model:MaskEdit.Model;
-	defaults:MaskEdit.Model;
-
-	/** To clear the text in mask edit textbox control.
-	*   @returns {void}
-	*/
-	clear(): void;
-
-	/** To disable the mask edit textbox control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the mask edit textbox control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** To obtained the pure value of the text value, removes all the symbols in mask edit textbox control.
-	*   @returns {string}
-	*/
-	get_StrippedValue(): string;
-
-	/** To obtained the textbox value as such that, Just replace all '_' to ' '(space) in mask edit textbox control.
-	*   @returns {string}
-	*/
-	get_UnstrippedValue(): string;
-}
-export module MaskEdit{
-
-export interface Model {
-
-	/** Specify the cssClass to achieve custom theme.
-	*   @Default {null}
-	*/
-	cssClass?: string;
-
-	/** Specify the custom character allowed to entered in mask edit textbox control.
-	*   @Default {null}
-	*/
-	customCharacter?: string;
-
-	/** Specify the state of the mask edit textbox control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specify the enablePersistence to mask edit textbox to save current model value to browser cookies for state maintains.
-	*/
-	enablePersistence?: boolean;
-
-	/** Specifies the height for the mask edit textbox control.
-	*   @Default {28 px}
-	*/
-	height?: string;
-
-	/** Specifies whether hide the prompt characters with spaces on blur. Prompt chars will be shown again on focus the textbox.
-	*   @Default {false}
-	*/
-	hidePromptOnLeave?: boolean;
-
-	/** Specifies the list of HTML attributes to be added to mask edit textbox.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specify the inputMode for mask edit textbox control. See InputMode
-	*   @Default {ej.InputMode.Text}
-	*/
-	inputMode?: ej.InputMode|string;
-
-	/** Specifies the input mask.
-	*   @Default {null}
-	*/
-	maskFormat?: string;
-
-	/** Specifies the name attribute value for the mask edit textbox.
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Toggles the readonly state of the mask edit textbox. When the mask edit textbox is readonly, it doesn't allow your input.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Specifies whether the error will show until correct value entered in the mask edit textbox control.
-	*   @Default {false}
-	*/
-	showError?: boolean;
-
-	/** when showPromptChar is true, the hide the prompt characters are shown in focus of the control and hides in focus out of the control.
-	*   @Default {true}
-	*/
-	showPromptChar?: boolean;
-
-	/** MaskEdit input is displayed in rounded corner style when this property is set to true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specify the text alignment for mask edit textbox control.See TextAlign
-	*   @Default {left}
-	*/
-	textAlign?: ej.TextAlign|string;
-
-	/** Sets the jQuery validation error message in mask edit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Sets the jQuery validation rules to the MaskEdit. This property works when the widget is present inside the form. Include jquery.validate.min.js plugin additionally.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** Specifies the value for the mask edit textbox control.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Specifies the water mark text to be displayed in input text.
-	*   @Default {null}
-	*/
-	watermarkText?: string;
-
-	/** Specifies the width for the mask edit textbox control.
-	*   @Default {143pixel}
-	*/
-	width?: string;
-
-	/** Fires when value changed in mask edit textbox control. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires after MaskEdit control is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the MaskEdit is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when focused in mask edit textbox control. */
-	focusIn? (e: FocusInEventArgs): void;
-
-	/** Fires when focused out in mask edit textbox control. */
-	focusOut? (e: FocusOutEventArgs): void;
-
-	/** Fires when keydown in mask edit textbox control. */
-	keydown? (e: KeydownEventArgs): void;
-
-	/** Fires when key press in mask edit textbox control. */
-	keyPress? (e: KeyPressEventArgs): void;
-
-	/** Fires when keyup in mask edit textbox control. */
-	keyup? (e: KeyupEventArgs): void;
-
-	/** Fires when mouse out in mask edit textbox control. */
-	mouseOut? (e: MouseOutEventArgs): void;
-
-	/** Fires when mouse over in mask edit textbox control. */
-	mouseOver? (e: MouseOverEventArgs): void;
-}
+        enum Target {
 
-export interface ChangeEventArgs {
+            ///Sets context menu to Kanban header
+            Header,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Sets context menu to Kanban content
+            Content,
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+            ///Sets context menu to Kanban card
+            Card,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Sets context menu to Kanban
+            All
+        }
 
-	/** returns the mask edit value
-	*/
-	value?: number;
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
+        enum EditMode {
 
-export interface CreateEventArgs {
+            ///Creates Kanban with editMode as Dialog
+            Dialog,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Creates Kanban with editMode as DialogTemplate
+            DialogTemplate,
 
-	/** returns the MaskEdit model
-	*/
-	model?: ej.MaskEdit.Model;
+            ///Creates Kanban with editMode as ExternalForm
+            ExternalForm,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///Creates Kanban with editMode as ExternalFormTemplate
+            ExternalFormTemplate
+        }
 
-export interface DestroyEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum EditingType {
 
-	/** returns the MaskEdit model
-	*/
-	model?: ej.MaskEdit.Model;
+            ///Allows to set edit type as string edit type
+            String,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///Allows to set edit type as numeric edit type
+            Numeric,
 
-export interface FocusInEventArgs {
+            ///Allows to set edit type as drop down edit type
+            Dropdown,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Allows to set edit type as date picker edit type
+            DatePicker,
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+            ///Allows to set edit type as date time picker edit type
+            DateTimePicker,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Allows to set edit type as text area edit type
+            TextArea,
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+            ///Allows to set edit type as RTE edit type
+            RTE
+        }
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
 
-export interface FocusOutEventArgs {
+        enum FormPosition {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Form position is bottom.
+            Bottom,
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+            ///Form position is right.
+            Right
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+        enum SelectionType {
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
+            ///Support for Single selection in Kanban
+            Single,
 
-export interface KeydownEventArgs {
+            ///Support for multiple selections in Kanban
+            Multiple
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+    }
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+    class Rotator extends ej.Widget {
+        static fn: Rotator;
+        constructor(element: JQuery | Element, options?: Rotator.Model);
+        static Locale: any;
+        model: Rotator.Model;
+        defaults: Rotator.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        /** Disables the Rotator control.
+         * @returns {void}
+         */
+        disable(): void;
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+        /** Enables the Rotator control.
+         * @returns {void}
+         */
+        enable(): void;
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
+        /** This method is used to get the current slide index.
+         * @returns {number}
+         */
+        getIndex(): number;
 
-export interface KeyPressEventArgs {
+        /** This method is used to move a slide to the specified index.
+         * @param {number} index of an slide
+         * @returns {void}
+         */
+        gotoIndex(index: number): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        /** This method is used to pause autoplay.
+         * @returns {void}
+         */
+        pause(): void;
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+        /** This method is used to move slides continuously (or start autoplay) in the specified autoplay direction.
+         * @returns {void}
+         */
+        play(): void;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        /** This method is used to move to the next slide from the current slide. If the current slide is the last slide, then the first slide will be treated as the next slide.
+         * @returns {void}
+         */
+        slideNext(): void;
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+        /** This method is used to move to the previous slide from the current slide. If the current slide is the first slide, then the last slide will be treated as the previous slide.
+         * @returns {void}
+         */
+        slidePrevious(): void;
+
+        /** This method is used to update/modify the slide content of template rotator by using id based on index value.
+         * @param {number} index of an slide
+         * @param {string} id of a new updated slide
+         * @returns {void}
+         */
+        updateTemplateById(index: number, id: string): void;
+    }
+    export namespace Rotator {
+
+        export interface Model {
+
+            /** Turns on keyboard interaction with the Rotator items. You must set this property to true to access the following keyboard shortcuts:
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Sets the animationSpeed of slide transition.
+             * @Default {600}
+             */
+            animationSpeed?: string|number;
+
+            /** Specifies the animationType type for the Rotator Item. animationType options include slide, fastSlide, slowSlide, and other custom easing animationTypes.
+             * @Default {slide}
+             */
+            animationType?: string;
+
+            /** Enables the circular mode item rotation.
+             * @Default {true}
+             */
+            circularMode?: boolean;
+
+            /** Specify the CSS class to Rotator to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** Specify the list of data which contains a set of data fields. Each data value is used to render an item for the Rotator.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Sets the delay between the Rotator Items move after the slide transition.
+             * @Default {500}
+             */
+            delay?: number;
+
+            /** Specifies the number of Rotator Items to be displayed.
+             * @Default {1}
+             */
+            displayItemsCount?: string|number;
+
+            /** Rotates the Rotator Items continuously without user interference.
+             * @Default {false}
+             */
+            enableAutoPlay?: boolean;
+
+            /** Enables or disables the Rotator control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specifies right to left transition of slides.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Defines mapping fields for the data items of the Rotator.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Sets the space between the Rotator Items.
+             */
+            frameSpace?: string|number;
+
+            /** Resizes the Rotator when the browser is resized.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the number of Rotator Items to navigate on a single click (next/previous/play buttons). The navigateSteps property value must be less than or equal to the
+             * displayItemsCount property value.
+             * @Default {1}
+             */
+            navigateSteps?: string|number;
+
+            /** Specifies the orientation for the Rotator control, that is, whether it must be rendered horizontally or vertically. See Orientation
+             * @Default {ej.Orientation.Horizontal}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Specifies the position of the showPager in the Rotator Item. See PagerPosition
+             * @Default {outside}
+             */
+            pagerPosition?: string|ej.Rotator.PagerPosition;
+
+            /** Retrieves data from remote data. This property is applicable only when a remote data source is used.
+             * @Default {null}
+             */
+            query?: string;
+
+            /** If the Rotator Item is an image, you can specify a caption for the Rotator Item. The caption text for each Rotator Item must be set by using the title attribute of the respective
+             * tag. The caption cannot be displayed if multiple Rotator Items are present.
+             * @Default {false}
+             */
+            showCaption?: boolean;
+
+            /** Turns on or off the slide buttons (next and previous) in the Rotator Items. Slide buttons are used to navigate the Rotator Items.
+             * @Default {true}
+             */
+            showNavigateButton?: boolean;
+
+            /** Turns on or off the pager support in the Rotator control. The Pager is used to navigate the Rotator Items.
+             * @Default {true}
+             */
+            showPager?: boolean;
+
+            /** Enable play / pause button on rotator.
+             * @Default {false}
+             */
+            showPlayButton?: boolean;
+
+            /** Turns on or off thumbnail support in the Rotator control. Thumbnail is used to navigate between slides. Thumbnail supports only single slide transition You must specify the source
+             * for thumbnail elements through the thumbnailSourceID property.
+             * @Default {false}
+             */
+            showThumbnail?: boolean;
+
+            /** Sets the height of a Rotator Item.
+             */
+            slideHeight?: string|number;
+
+            /** Sets the width of a Rotator Item.
+             */
+            slideWidth?: string|number;
+
+            /** Sets the index of the slide that must be displayed first.
+             * @Default {0}
+             */
+            startIndex?: string|number;
+
+            /** Pause the auto play while hover on the rotator content.
+             * @Default {false}
+             */
+            stopOnHover?: boolean;
+
+            /** The template to display the Rotator widget with customized appearance.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** The templateId enables to bind multiple customized template items in Rotator.
+             * @Default {null}
+             */
+            templateId?: any[];
+
+            /** Specifies the source for thumbnail elements.
+             * @Default {null}
+             */
+            thumbnailSourceID?: any;
+
+            /** This event is fired when the Rotator slides are changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** This event is fired when the Rotator control is initialized.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** This event is fired when the Rotator control is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** This event is fired when a pager is clicked.
+             */
+            pagerClick?(e: PagerClickEventArgs): void;
+
+            /** This event is fired when enableAutoPlay is started.
+             */
+            start?(e: StartEventArgs): void;
+
+            /** This event is fired when autoplay is stopped or paused.
+             */
+            stop?(e: StopEventArgs): void;
+
+            /** This event is fired when a thumbnail pager is clicked.
+             */
+            thumbItemClick?(e: ThumbItemClickEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** the current rotator id.
+             */
+            itemId?: string;
+
+            /** returns the current slide index.
+             */
+            activeItemIndex?: number;
+        }
+
+        export interface CreateEventArgs {
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface KeyupEventArgs {
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+        export interface DestroyEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface MouseOutEventArgs {
+        export interface PagerClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+            /** the current rotator id.
+             */
+            itemId?: string;
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
+            /** returns the current slide index.
+             */
+            activeItemIndex?: number;
+        }
 
-export interface MouseOverEventArgs {
+        export interface StartEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the mask edit model
-	*/
-	model?: ej.MaskEdit.Model;
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the mask edit value
-	*/
-	value?: number;
+            /** the current rotator id.
+             */
+            itemId?: string;
 
-	/** returns unstripped value in mask edit textbox control.
-	*/
-	unmaskedValue?: string;
-}
-}
-enum InputMode
-{
-//string
-Password,
-//string
-Text,
-}
-enum TextAlign
-{
-//string
-Center,
-//string
-Justify,
-//string
-Left,
-//string
-Right,
-}
+            /** returns the current slide index.
+             */
+            activeItemIndex?: number;
+        }
 
-class Menu extends ej.Widget {
-	static fn: Menu;
-	constructor(element: JQuery, options?: Menu.Model);
-	constructor(element: Element, options?: Menu.Model);
-	static Locale: any;
-	model:Menu.Model;
-	defaults:Menu.Model;
-
-	/** Disables the Menu control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Specifies the Menu Item to be disabled by using the Menu Item Text.
-	*   @param {string} Specifies the Menu Item Text to be disabled.
-	*   @returns {void}
-	*/
-	disableItem(itemtext: string): void;
-
-	/** Specifies the Menu Item to be disabled by using the Menu Item Id.
-	*   @param {string|number} Specifies the Menu Item id to be disabled
-	*   @returns {void}
-	*/
-	disableItemByID(itemid: string|number): void;
-
-	/** Enables the Menu control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Specifies the Menu Item to be enabled by using the Menu Item Text.
-	*   @param {string} Specifies the Menu Item Text to be enabled.
-	*   @returns {void}
-	*/
-	enableItem(itemtext: string): void;
-
-	/** Specifies the Menu Item to be enabled by using the Menu Item Id.
-	*   @param {string|number} Specifies the Menu Item id to be enabled.
-	*   @returns {void}
-	*/
-	enableItemByID(itemid: string|number): void;
-
-	/** Hides the Context Menu control.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Hides the specific items in Menu control.
-	*   @returns {void}
-	*/
-	hideItems(): void;
-
-	/** Insert the menu item as child of target node.
-	*   @param {any} Information about Menu item.
-	*   @param {string|any} Selector of target node or Object of target node.
-	*   @returns {void}
-	*/
-	insert(item: any, target: string|any): void;
-
-	/** Insert the menu item after the target node.
-	*   @param {any} Information about Menu item.
-	*   @param {string|any} Selector of target node or Object of target node.
-	*   @returns {void}
-	*/
-	insertAfter(item: any, target: string|any): void;
-
-	/** Insert the menu item before the target node.
-	*   @param {any} Information about Menu item.
-	*   @param {string|any} Selector of target node or Object of target node.
-	*   @returns {void}
-	*/
-	insertBefore(item: any, target: string|any): void;
-
-	/** Remove Menu item.
-	*   @param {any|Array<any>} Selector of target node or Object of target node.
-	*   @returns {void}
-	*/
-	remove(target: any|Array<any>): void;
-
-	/** To show the Menu control.
-	*   @param {number} x co-ordinate position of context menu.
-	*   @param {number} y co-ordinate position of context menu.
-	*   @param {any} target element
-	*   @param {any} name of the event
-	*   @returns {void}
-	*/
-	show(locationX: number, locationY: number, targetElement: any, event: any): void;
-
-	/** Show the specific items in Menu control.
-	*   @returns {void}
-	*/
-	showItems(): void;
-}
-export module Menu{
-
-export interface Model {
-
-	/** To enable or disable the Animation while hover or click an menu items.See AnimationType
-	*   @Default {ej.AnimationType.Default}
-	*/
-	animationType?: ej.AnimationType|string;
-
-	/** Specifies the target id of context menu. On right clicking the specified contextTarget element, context menu gets shown.
-	*   @Default {null}
-	*/
-	contextMenuTarget?: string;
-
-	/** Specifies the container element selectors for submenu’s collision. The submenu gets displayed based on spacing available with respect to container element.
-	*   @Default {null}
-	*/
-	container?: string;
-
-	/** Specify the CSS class to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** To enable or disable the Animation effect while hover or click an menu items.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Specifies the root menu items to be aligned center in horizontal menu.
-	*   @Default {false}
-	*/
-	enableCenterAlign?: boolean;
-
-	/** Enable / Disable the Menu control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specifies the menu items to be displayed in right to left direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** When this property sets to false, the menu items is displayed without any separators.
-	*   @Default {true}
-	*/
-	enableSeparator?: boolean;
-
-	/** Specifies the target which needs to be excluded. i.e., The context menu will not be displayed in those specified targets.
-	*   @Default {null}
-	*/
-	excludeTarget?: string;
-
-	/** Fields used to bind the data source and it includes following field members to make data bind easier.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Specifies the height of the root menu.
-	*   @Default {auto}
-	*/
-	height?: string|number;
-
-	/** Specifies the list of HTML attributes to be added to menu control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Enables/disables responsive support for the Menu control during the window resizing time.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies the type of the menu. Essential JavaScript Menu consists of two type of menu, they are Normal Menu and Context Menu mode.See MenuType
-	*   @Default {ej.MenuType.NormalMenu}
-	*/
-	menuType?: string|ej.MenuType;
-
-	/** Specifies the sub menu items to be show or open only on click.
-	*   @Default {false}
-	*/
-	openOnClick?: boolean;
-
-	/** Specifies the orientation of normal menu. Normal menu can rendered in horizontal or vertical direction by using this API. See Orientation
-	*   @Default {ej.Orientation.Horizontal}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Specifies the main menu items arrows only to be shown if it contains child items.
-	*   @Default {true}
-	*/
-	showRootLevelArrows?: boolean;
-
-	/** Specifies the sub menu items arrows only to be shown if it contains child items.
-	*   @Default {true}
-	*/
-	showSubLevelArrows?: boolean;
-
-	/** Specifies position of pull down submenu that will appear on mouse over.See Direction
-	*   @Default {ej.Direction.Right}
-	*/
-	subMenuDirection?: string|ej.Direction;
-
-	/** Specifies the title to responsive menu.
-	*   @Default {Menu}
-	*/
-	titleText?: string;
-
-	/** Specifies the width of the main menu.
-	*   @Default {auto}
-	*/
-	width?: string|number;
-
-	/** Specifies the popup menu height.
-	*   @Default {auto}
-	*/
-	overflowHeight?: string|number;
-
-	/** Specifies the popup menu width.
-	*   @Default {auto}
-	*/
-	overflowWidth?: string|number;
-
-	/** Fires before context menu gets open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Fires when mouse click on menu items. */
-	click? (e: ClickEventArgs): void;
-
-	/** Fire when context menu on close. */
-	close? (e: CloseEventArgs): void;
-
-	/** Fires when context menu on open. */
-	open? (e: OpenEventArgs): void;
-
-	/** Fires to create menu items. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires to destroy menu items. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when key down on menu items. */
-	keydown? (e: KeydownEventArgs): void;
-
-	/** Fires when mouse out from menu items. */
-	mouseout? (e: MouseoutEventArgs): void;
-
-	/** Fires when mouse over the Menu items. */
-	mouseover? (e: MouseoverEventArgs): void;
-
-	/** Fires when overflow popup menu opens. */
-	overflowOpen? (e: OverflowOpenEventArgs): void;
+        export interface StopEventArgs {
 
-	/** Fires when overflow popup menu closes. */
-	overflowClose? (e: OverflowCloseEventArgs): void;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface BeforeOpenEventArgs {
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** the current rotator id.
+             */
+            itemId?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the current slide index.
+             */
+            activeItemIndex?: number;
+        }
 
-	/** returns the target element
-	*/
-	target?: any;
-}
+        export interface ThumbItemClickEventArgs {
 
-export interface ClickEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** returns the rotator model
+             */
+            model?: ej.Rotator.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns clicked menu item text
-	*/
-	text?: string;
+            /** the current rotator id.
+             */
+            itemId?: string;
 
-	/** returns clicked menu item element
-	*/
-	element?: any;
+            /** returns the current slide index.
+             */
+            activeItemIndex?: number;
+        }
 
-	/** returns the event
-	*/
-	event?: any;
+        export interface Fields {
 
-	/** returns the selected item
-	*/
-	selectedItem?: number;
-}
+            /** Specifies a link for the image.
+             */
+            linkAttribute?: string;
 
-export interface CloseEventArgs {
+            /** Specifies where to open a given link.
+             */
+            targetAttribute?: string;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** Specifies a caption for the image.
+             */
+            text?: string;
+
+            /** Specifies a caption for the thumbnail image.
+             */
+            thumbnailText?: string;
+
+            /** Specifies the URL for an thumbnail image.
+             */
+            thumbnailUrl?: string;
+
+            /** Specifies the URL for an image.
+             */
+            url?: string;
+        }
+
+        enum PagerPosition {
+
+            ///string
+            BottomLeft,
+
+            ///string
+            BottomRight,
+
+            ///string
+            Outside,
+
+            ///string
+            TopCenter,
+
+            ///string
+            TopLeft,
+
+            ///string
+            TopRight
+        }
+
+    }
+
+    class RTE extends ej.Widget {
+        static fn: RTE;
+        constructor(element: JQuery | Element, options?: RTE.Model);
+        static Locale: any;
+        model: RTE.Model;
+        defaults: RTE.Model;
+
+        /** Returns the range object.
+         * @returns {any}
+         */
+        createRange(): any;
+
+        /** Disables the RTE control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Disables the corresponding tool in the RTE ToolBar.
+         * @returns {void}
+         */
+        disableToolbarItem(): void;
+
+        /** Enables the RTE control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Enables the corresponding tool in the toolbar when the tool is disabled.
+         * @returns {void}
+         */
+        enableToolbarItem(): void;
+
+        /** Performs the action value based on the given command.
+         * @param {string} Command Name.
+         * @param {any} Content to be inserted as argument.
+         * @param {boolean} Boolean value to specify whether the argument is textnode or not, this is optional.
+         * @returns {void}
+         */
+        executeCommand(cmdName: string, args: any, textnodeType?: boolean): void;
+
+        /** Focuses the RTE control.
+         * @returns {void}
+         */
+        focus(): void;
+
+        /** Gets the command status of the selected text based on the given comment in the RTE control.
+         * @returns {boolean}
+         */
+        getCommandStatus(): boolean;
+
+        /** Gets the Document from the RTE control.
+         * @returns {Document}
+         */
+        getDocument(): Document;
+
+        /** Gets the HTML string from the RTE control.
+         * @returns {HTMLElement}
+         */
+        getHtml(): HTMLElement;
+
+        /** Gets the selected HTML string from the RTE control.
+         * @returns {HTMLElement}
+         */
+        getSelectedHtml(): HTMLElement;
+
+        /** Gets the content as string from the RTE control.
+         * @returns {string}
+         */
+        getText(): string;
+
+        /** Hides the RTE control.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Inserts new item to the target contextmenu node.
+         * @returns {void}
+         */
+        insertMenuOption(): void;
+
+        /** Add a table column at the right or left of the specified cell
+         * @param {boolean} If it’s true, add a column at the left of the cell, otherwise add a column at the right of the cell
+         * @param {JQuery} Column will be added based on the given cell element
+         * @returns {HTMLElement}
+         */
+        insertColumn(before?: boolean, cell?: JQuery): HTMLElement;
+
+        /** To add a table row below or above the specified cell.
+         * @param {boolean} If it’s true, add a row before the cell, otherwise add a row after the cell
+         * @param {JQuery} Row will be added based on the given cell element
+         * @returns {HTMLElement}
+         */
+        insertRow(before?: boolean, cell?: JQuery): HTMLElement;
+
+        /** This method helps to insert/paste the content at the current cursor (caret) position or the selected content to be replaced with our text by passing the value as parameter to the
+         * pasteContent method in the Editor.
+         * @returns {void}
+         */
+        pasteContent(): void;
+
+        /** Refreshes the RTE control.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Removes the specified table column.
+         * @param {JQuery} Remove the given column element
+         * @returns {void}
+         */
+        removeColumn(cell?: JQuery): void;
+
+        /** Removes the specified table row.
+         * @param {JQuery} Remove the given row element
+         * @returns {void}
+         */
+        removeRow(cell?: JQuery): void;
+
+        /** Deletes the specified table.
+         * @param {JQuery} Remove the given table
+         * @returns {void}
+         */
+        removeTable(table?: JQuery): void;
+
+        /** Removes the target menu item from the RTE contextmenu.
+         * @returns {void}
+         */
+        removeMenuOption(): void;
+
+        /** Removes the given tool from the RTE Toolbar.
+         * @returns {void}
+         */
+        removeToolbarItem(): void;
+
+        /** Selects all the contents within the RTE.
+         * @returns {void}
+         */
+        selectAll(): void;
+
+        /** Selects the contents in the given range.
+         * @returns {void}
+         */
+        selectRange(): void;
+
+        /** Sets the color picker model type rendered initially in the RTE control.
+         * @returns {void}
+         */
+        setColorPickerType(): void;
+
+        /** Sets the HTML string from the RTE control.
+         * @returns {void}
+         */
+        setHtml(): void;
+
+        /** Displays the RTE control.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace RTE {
+
+        export interface Model {
+
+            /** Enables/disables the editing of the content.
+             * @Default {True}
+             */
+            allowEditing?: boolean;
+
+            /** RTE control can be accessed through the keyboard shortcut keys.
+             * @Default {True}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** When the property is set to true, it focuses the RTE at the time of rendering.
+             * @Default {false}
+             */
+            autoFocus?: boolean;
+
+            /** Based on the content size, its height is adjusted instead of adding the scrollbar.
+             * @Default {false}
+             */
+            autoHeight?: boolean;
+
+            /** This API holds configuration setting for paste clenaup behavior.
+             * @Default {{ listConversion: false, cleanCSS: false,	removeStyles: false, cleanElements: false }}
+             */
+            pasteCleanupSettings?: PasteCleanupSettings;
+
+            /** Sets the colorCode to display the color of the fontColor and backgroundColor in the font tools of the RTE.
+             * @Default {[000000, FFFFFF, C4C4C4, ADADAD, 595959, 262626, 4f81bd, dbe5f1, b8cce4, 95b3d7, 366092, 244061, c0504d, f2dcdb, e5b9b7, d99694, 953734,632423, 9bbb59, ebf1dd, d7e3bc,
+             * c3d69b, 76923c, 4f6128, 8064a2, e5e0ec, ccc1d9, b2a2c7, 5f497a, 3f3151, f79646, fdeada, fbd5b5, fac08f,e36c09, 974806]}
+             */
+            colorCode?: any;
+
+            /** The number of columns given are rendered in the color palate popup.
+             * @Default {6}
+             */
+            colorPaletteColumns?: number;
+
+            /** The number of rows given are rendered in the color palate popup.
+             * @Default {6}
+             */
+            colorPaletteRows?: number;
+
+            /** Sets the root class for the RTE theme. This cssClass API helps the usage of custom skinning option for the RTE control by including this root class in CSS.
+             */
+            cssClass?: string;
+
+            /** Enables/disables the RTE control’s accessibility or interaction.
+             * @Default {True}
+             */
+            enabled?: boolean;
+
+            /** When the property is set to true, it returns the encrypted text.
+             * @Default {false}
+             */
+            enableHtmlEncode?: boolean;
+
+            /** Maintain the values of the RTE after page reload.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Shows the resize icon and enables the resize option in the RTE.
+             * @Default {True}
+             */
+            enableResize?: boolean;
+
+            /** Shows the RTE in the RTL direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Formats the contents based on the XHTML rules.
+             * @Default {false}
+             */
+            enableXHTML?: boolean;
+
+            /** Enables the tab key action with the RichTextEditor content.
+             * @Default {True}
+             */
+            enableTabKeyNavigation?: boolean;
+
+            /** This API allows to enable url and fileName for pdf export.
+             * @Default {null}
+             */
+            exportToPdfSettings?: ExportToPdfSettings;
+
+            /** This API allows to enable url and fileName for word export.
+             * @Default {null}
+             */
+            exportToWordSettings?: ExportToWordSettings;
+
+            /** Load the external CSS file inside Iframe.
+             * @Default {null}
+             */
+            externalCSS?: string;
+
+            /** This API allows to enable the file browser support in the RTE control to browse, create, delete and upload the files in the specified current directory.
+             * @Default {null}
+             */
+            fileBrowser?: FileBrowser;
+
+            /** Sets the fontName in the RTE.
+             * @Default {{text: Segoe UI, value: Segoe UI },{text: Arial, value: Arial,Helvetica,sans-serif },{text: Courier New, value: Courier New,Courier,Monospace },{text: Georgia, value:
+             * Georgia,serif },{text: Impact, value: Impact,Charcoal,sans-serif },{text: Lucida Console, value: Lucida Console,Monaco,Monospace },{text: Tahoma, value: Tahoma,Geneva,sans-serif
+             * },{text: Times New Roman, value: Times New Roman },{text: Trebuchet MS, value: Trebuchet MS,Helvetica,sans-serif },{text: Verdana, value: Verdana,Geneva,sans-serif}}
+             */
+            fontName?: any;
+
+            /** Sets the fontSize in the RTE.
+             * @Default {{ text: 1, value: 1 },{ text: 2 (10pt), value: 2 },{ text: 3 (12pt), value: 3 },{ text: 4 (14pt), value: 4 },{ text: 5 (18pt), value: 5 },{ text: 6 (24pt), value: 6 },{
+             * text: 7 (36pt), value: 7 }}
+             */
+            fontSize?: any;
+
+            /** Sets the format in the RTE.
+             * @Default {{ text: Paragraph, value: &lt;p&gt;, spriteCssClass: e-paragraph },{ text: Quotation, value: &lt;blockquote&gt;, spriteCssClass: e-quotation },{ text: Heading 1, value:
+             * &lt;h1&gt;, spriteCssClass: e-h1 },{ text: Heading 2, value: &lt;h2&gt;, spriteCssClass: e-h2 },{ text: Heading 3, value: &lt;h3&gt;, spriteCssClass: e-h3 },{ text: Heading 4,
+             * value: &lt;h4&gt;, spriteCssClass: e-h4 },{ text: Heading 5, value: &lt;h5&gt;, spriteCssClass: e-h5 },{ text: Heading 6, value: &lt;h6&gt;, spriteCssClass: e-h6}}
+             */
+            format?: string;
+
+            /** Defines the height of the RTE textbox.
+             * @Default {370}
+             */
+            height?: string|number;
+
+            /** Specifies the HTML Attributes of the ejRTE.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Sets the given attributes to the iframe body element.
+             * @Default {{}}
+             */
+            iframeAttributes?: any;
+
+            /** This API allows the image browser to support in the RTE control to browse, create, delete, and upload the image files to the specified current directory.
+             * @Default {null}
+             */
+            imageBrowser?: ImageBrowser;
+
+            /** This API allows to enable the url for connecting to RTE import.
+             * @Default {null}
+             */
+            importSettings?: ImportSettings;
+
+            /** Enables/disables responsive support for the RTE control toolbar items during the window resizing time.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Sets the culture in the RTE when you set the localization values are needs to be assigned to the corresponding text as follows.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the maximum height for the RTE outer wrapper element.
+             * @Default {null}
+             */
+            maxHeight?: string|number;
+
+            /** Sets the maximum length for the RTE outer wrapper element.
+             * @Default {7000}
+             */
+            maxLength?: number;
+
+            /** Sets the maximum width for the RTE outer wrapper element.
+             * @Default {null}
+             */
+            maxWidth?: string|number;
+
+            /** Sets the minimum height for the RTE outer wrapper element.
+             * @Default {280}
+             */
+            minHeight?: string|number;
+
+            /** Sets the minimum width for the RTE outer wrapper element.
+             * @Default {400}
+             */
+            minWidth?: string|number;
+
+            /** Sets the name in the RTE. When the name value is not initialized, the ID value is assigned to the name.
+             */
+            name?: string;
+
+            /** Shows ClearAll icon in the RTE footer.
+             * @Default {false}
+             */
+            showClearAll?: boolean;
+
+            /** Shows the clear format in the RTE footer.
+             * @Default {true}
+             */
+            showClearFormat?: boolean;
+
+            /** Shows the Custom Table in the RTE.
+             * @Default {True}
+             */
+            showCustomTable?: boolean;
+
+            /** The showContextMenu property helps to enable custom context menu within editor area.
+             * @Default {True}
+             */
+            showContextMenu?: boolean;
+
+            /** This API is used to set the default dimensions for the image and video. When this property is set to true, the image and video dialog displays the dimension option.
+             * @Default {false}
+             */
+            showDimensions?: boolean;
+
+            /** Shows the FontOption in the RTE.
+             * @Default {True}
+             */
+            showFontOption?: boolean;
+
+            /** Shows footer in the RTE. When the footer is enabled, it displays the HTML tag, word Count, character count, clear format, resize icon and clear all the content icons, by default.
+             * @Default {false}
+             */
+            showFooter?: boolean;
+
+            /** Shows the HtmlSource in the RTE footer.
+             * @Default {false}
+             */
+            showHtmlSource?: boolean;
+
+            /** When the cursor is placed or when the text is selected in the RTE, it displays the tag info in the footer.
+             * @Default {True}
+             */
+            showHtmlTagInfo?: boolean;
+
+            /** Shows the toolbar in the RTE.
+             * @Default {True}
+             */
+            showToolbar?: boolean;
+
+            /** Counts the total characters and displays it in the RTE footer.
+             * @Default {True}
+             */
+            showCharCount?: boolean;
+
+            /** Enables or disables rounded corner UI look for RTE.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Counts the total words and displays it in the RTE footer.
+             * @Default {True}
+             */
+            showWordCount?: boolean;
+
+            /** The given number of columns render the insert table pop.
+             * @Default {10}
+             */
+            tableColumns?: number;
+
+            /** The given number of rows render the insert table pop.
+             * @Default {8}
+             */
+            tableRows?: number;
+
+            /** Sets the tools in the RTE and gets the inner display order of the corresponding group element. Tools are dependent on the toolsList property.
+             * @Default {formatStyle: [format],style: [bold, italic, underline, strikethrough],alignment: [justifyLeft, justifyCenter, justifyRight, justifyFull],lists: [unorderedList,
+             * orderedList],indenting: [outdent, indent],doAction: [undo, redo],links: [createLink,removeLink],images: [image],media: [video],tables: [createTable, addRowAbove, addRowBelow,
+             * addColumnLeft, addColumnRight, deleteRow, deleteColumn, deleteTable]],view:[“fullScreen”,zoomIn,zoomOut],print:[print]}
+             */
+            tools?: Tools;
+
+            /** Specifies the list of groups and order of those groups displayed in the RTE toolbar.  The toolsList property is used to get the root group order and tools property is used to get
+             * the inner order of the corresponding groups displayed. When the value is not specified, it gets its default display order and tools.
+             * @Default {[formatStyle, font, style, effects, alignment, lists, indenting, clipboard, doAction, clear, links, images, media, tables, casing,view, customTools,print,edit]}
+             */
+            toolsList?: any[];
+
+            /** Specifies the overflow mode for RTE responsive toolbar
+             * @Default {Popup}
+             */
+            toolbarOverflowMode?: ej.RTE.ToolbarOverflowMode|string;
+
+            /** Display the hints for the tools in the Toolbar.
+             * @Default {{ associate: mouseenter, showShadow: true, position: { stem: { horizontal: left, vertical: top }  }, tip: { size: { width: 5, height: 5 }, isBalloon: false }}
+             */
+            tooltipSettings?: any;
+
+            /** Gets the undo stack limit.
+             * @Default {50}
+             */
+            undoStackLimit?: number;
+
+            /** The given string value is displayed in the editable area.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Sets the jQuery validation rules to the Rich Text Editor.
+             * @Default {null}
+             */
+            validationRules?: any;
+
+            /** Sets the jQuery validation error message to the Rich Text Editor.
+             * @Default {null}
+             */
+            validationMessage?: any;
+
+            /** Defines the width of the RTE textbox.
+             * @Default {786}
+             */
+            width?: string|number;
+
+            /** Increases and decreases the contents zoom range in percentage
+             * @Default {0.05}
+             */
+            zoomStep?: string|number;
+
+            /** Fires when changed successfully.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when the RTE is created successfully
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when mouse click on menu items.
+             */
+            contextMenuClick?(e: ContextMenuClickEventArgs): void;
+
+            /** Fires before the RTE is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when the commands are executed successfully.
+             */
+            execute?(e: ExecuteEventArgs): void;
+
+            /** Fires when the keydown action is successful.
+             */
+            keydown?(e: KeydownEventArgs): void;
+
+            /** Fires when the keyup action is successful.
+             */
+            keyup?(e: KeyupEventArgs): void;
+
+            /** Fires before the RTE Edit area is rendered and after the toolbar is rendered.
+             */
+            preRender?(e: PreRenderEventArgs): void;
+
+            /** Fires when the text is selected in the text area
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the RTE model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface CreateEventArgs {
 
-	/** returns the target element
-	*/
-	target?: any;
-}
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface OpenEventArgs {
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface ContextMenuClickEventArgs {
 
-	/** returns the target element
-	*/
-	target?: any;
-}
+            /** returns clicked menu item text.
+             */
+            text?: string;
 
-export interface CreateEventArgs {
+            /** returns clicked menu item element.
+             */
+            element?: any;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** returns the selected item.
+             */
+            selectedItem?: number;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface DestroyEventArgs {
 
-export interface DestroyEventArgs {
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface KeydownEventArgs {
+        export interface ExecuteEventArgs {
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns clicked menu item text
-	*/
-	menuText?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns clicked menu item element
-	*/
-	element?: any;
+        export interface KeydownEventArgs {
 
-	/** returns the event
-	*/
-	event?: any;
-}
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface MouseoutEventArgs {
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface KeyupEventArgs {
 
-	/** returns clicked menu item text
-	*/
-	text?: string;
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns clicked menu item element
-	*/
-	element?: any;
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns the event
-	*/
-	event?: any;
-}
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface MouseoverEventArgs {
+        export interface PreRenderEventArgs {
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns clicked menu item text
-	*/
-	text?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns clicked menu item element
-	*/
-	element?: any;
+        export interface SelectEventArgs {
 
-	/** returns the event
-	*/
-	event?: any;
-}
+            /** When the event is canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface OverflowOpenEventArgs {
+            /** Returns the RTE model
+             */
+            model?: any;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the event object
+             */
+            event?: any;
+        }
 
-	/** returns the event object
-	*/
-	e?: any;
+        export interface PasteCleanupSettings {
 
-	/** if the event should be cancelled ; otherwise ,false
-	*/
-	cancel?: boolean;
-}
+            /** This API is used to convert the list elements pasted from word document to editor.
+             * @Default {false}
+             */
+            listConversion?: boolean;
 
-export interface OverflowCloseEventArgs {
+            /** This API is used to clean the unwanted css in the elements pasted from word document to editor.
+             * @Default {false}
+             */
+            cleanCSS?: boolean;
 
-	/** returns the menu model
-	*/
-	model?: ej.Menu.Model;
+            /** This API is used to remove all styles in the elements pasted from word document to editor.
+             * @Default {false}
+             */
+            removeStyles?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** This API is used to clean the unwanted elements pasted from word document to editor.
+             * @Default {false}
+             */
+            cleanElements?: boolean;
+        }
 
-	/** returns the event object
-	*/
-	e?: any;
+        export interface ExportToPdfSettings {
 
-	/** if the event should be cancelled ; otherwise ,false
-	*/
-	cancel?: boolean;
-}
+            /** This API is used to receive the server-side handler for export related operations.
+             */
+            url?: string;
 
-export interface Fields {
+            /** Specifies the file name for the exported pdf file.
+             */
+            fileName?: string;
+        }
 
-	/** It receives the child data for the inner level.
-	*/
-	child?: any;
+        export interface ExportToWordSettings {
 
-	/** It receives datasource as Essential DataManager object and JSON object.
-	*/
-	dataSource?: any;
+            /** This API is used to receive the server-side handler for export related operations.
+             */
+            url?: string;
 
-	/** Specifies the HTML attributes to “LI” item list.
-	*/
-	htmlAttribute?: string;
+            /** Specifies the file name for the exported word file.
+             */
+            fileName?: string;
+        }
 
-	/** Specifies the id to menu items list
-	*/
-	id?: string;
+        export interface FileBrowser {
 
-	/** Specifies the image attribute to “img” tag inside items list.
-	*/
-	imageAttribute?: string;
+            /** This API is used to receive the server-side handler for file related operations.
+             */
+            ajaxAction?: string;
 
-	/** Specifies the image URL to “img” tag inside item list.
-	*/
-	imageUrl?: string;
+            /** Specifies the file type extension shown in the file browser window.
+             */
+            extensionAllow?: string;
 
-	/** Adds custom attributes like &quot;target&quot; to the anchor tag of the menu items.
-	*/
-	linkAttribute?: string;
+            /** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected files to the current directory.
+             */
+            filePath?: string;
+        }
 
-	/** Specifies the parent id of the table.
-	*/
-	parentId?: string;
+        export interface ImageBrowser {
 
-	/** It receives query to retrieve data from the table (query is same as SQL).
-	*/
-	query?: any;
+            /** This API is used to receive the server-side handler for the file related operations.
+             */
+            ajaxAction?: string;
 
-	/** Specifies the sprite CSS class to “LI” item list.
-	*/
-	spriteCssClass?: string;
+            /** Specifies the file type extension shown in the image browser window.
+             */
+            extensionAllow?: string;
 
-	/** It receives table name to execute query on the corresponding table.
-	*/
-	tableName?: string;
+            /** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected images to the current directory.
+             */
+            filePath?: string;
+        }
 
-	/** Specifies the text of menu items list.
-	*/
-	text?: string;
+        export interface ImportSettings {
 
-	/** Specifies the URL to the anchor tag in menu item list.
-	*/
-	url?: string;
-}
-}
-enum AnimationType
-{
-//string
-Default,
-//string
-None,
-}
-enum MenuType
-{
-//string
-ContextMenu,
-//string
-NormalMenu,
-}
-enum Direction
-{
-//string
-Left,
-//string
-None,
-//string
-Right,
-}
+            /** This API is used to receive the server-side handler for import operations.
+             */
+            url?: string;
+        }
 
-class Pager extends ej.Widget {
-	static fn: Pager;
-	constructor(element: JQuery, options?: Pager.Model);
-	constructor(element: Element, options?: Pager.Model);
-	static Locale: any;
-	model:Pager.Model;
-	defaults:Pager.Model;
-
-	/** Send a paging request to specified page through the pager control.
-	*   @param {number} Specifies the index to be navigated
-	*   @returns {void}
-	*/
-	gotoPage(pageIndex: number): void;
-
-	/** refreshPager() helps to refresh the model value of pager control.
-	*   @returns {void}
-	*/
-	refreshPager(): void;
-}
-export module Pager{
-
-export interface Model {
-
-	/** Gets or sets a value that indicates whether to display the custom text message in Pager.
-	*/
-	customText?: string;
-
-	/** Gets or sets a value that indicates whether to define which page to display currently in pager.
-	*   @Default {1}
-	*/
-	currentPage?: number;
-
-	/** Gets or sets a value that indicates whether to display the external Message in Pager.
-	*   @Default {false}
-	*/
-	enableExternalMessage?: boolean;
-
-	/** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
-	*   @Default {false}
-	*/
-	enableQueryString?: boolean;
-
-	/** Align content in the pager control from right to left by setting the property as true.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Gets or sets a value that indicates whether to display the external Message in Pager.
-	*/
-	externalMessage?: string;
-
-	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation.
-	*   @Default {10}
-	*/
-	pageCount?: number;
-
-	/** Gets or sets a value that indicates whether to define the number of records displayed per page.
-	*   @Default {12}
-	*/
-	pageSize?: number;
-
-	/** Get or sets a value of total number of pages in the pager. The totalPages value is calculated based on page size and total records.
-	*   @Default {null}
-	*/
-	totalPages?: number;
-
-	/** Get the value of total number of records which is bound to a data item.
-	*   @Default {null}
-	*/
-	totalRecordsCount?: number;
-
-	/** Shows or hides the current page information in pager footer.
-	*   @Default {true}
-	*/
-	showPageInfo?: boolean;
-
-	/** Triggered when pager numeric item is clicked in pager control. */
-	click? (e: ClickEventArgs): void;
-}
+        export interface ToolsCustomOrderedList {
 
-export interface ClickEventArgs {
+            /** Specifies the name for customOrderedList item.
+             */
+            name?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Specifies the title for customOrderedList item.
+             */
+            tooltip?: string;
 
-	/** Returns the current page index.
-	*/
-	currentPage?: number;
+            /** Specifies the styles for customOrderedList item.
+             */
+            css?: string;
 
-	/** Returns the pager model.
-	*/
-	model?: any;
+            /** Specifies the text for customOrderedList item.
+             */
+            text?: string;
 
-	/** Returns the name of event
-	*/
-	type?: string;
+            /** Specifies the list style for customOrderedList item.
+             */
+            listStyle?: string;
 
-	/** Returns current action event type and its target.
-	*/
-	event?: any;
-}
-}
+            /** Specifies the image for customOrderedList item.
+             */
+            listImage?: string;
+        }
 
-class Print extends ej.Widget {
-	static fn: Print;
-	constructor(element: JQuery, options?: Print.Model);
-	constructor(element: Element, options?: Print.Model);
-	static Locale: any;
-	model:Print.Model;
-	defaults:Print.Model;
-
-	/** Print the specific page or an element.
-	*   @returns {void}
-	*/
-	print(): void;
-}
-export module Print{
-
-export interface Model {
-
-	/** Append the custom HTML after the selected content.
-	*   @Default {null}
-	*/
-	append?: string;
-
-	/** A selector that specifies a particular element to be excluded from printing.
-	*   @Default {null}
-	*/
-	excludeSelector?: string;
-
-	/** Specifies whether the URL of an external stylesheet can be included to customize and print that page.
-	*   @Default {null}
-	*/
-	externalStyles?: string;
-
-	/** Prepend a doctype to the document frame.
-	*   @Default {&lt;!doctype html&gt;}
-	*/
-	docType?: string;
-
-	/** Specifies whether the global styles can be applied to the element to be printed.
-	*   @Default {true}
-	*/
-	globalStyles?: boolean;
-
-	/** Sets the height of the print window.
-	*   @Default {454}
-	*/
-	height?: number;
-
-	/** Prepends the custom HTML before the selected content.
-	*   @Default {null}
-	*/
-	prepend?: string;
-
-	/** Allows printing the content in a new window.
-	*   @Default {false}
-	*/
-	printInNewWindow?: boolean;
-
-	/** Sets the period of time to wait before printing the content.
-	*   @Default {1000}
-	*/
-	timeOutPeriod?: number;
-
-	/** Sets the title of the print document.
-	*   @Default {null}
-	*/
-	title?: string;
-
-	/** Defines the width of the print window.
-	*   @Default {1024}
-	*/
-	width?: number;
-
-	/** Event triggers before the document page or an element in it gets printed. */
-	beforeStart? (e: BeforeStartEventArgs): void;
-}
+        export interface ToolsCustomUnorderedList {
 
-export interface BeforeStartEventArgs {
+            /** Specifies the name for customUnorderedList item.
+             */
+            name?: string;
 
-	/**  Set this option as true to cancel the event.
-	*/
-	cancel?: boolean;
+            /** Specifies the title for customUnorderedList item.
+             */
+            tooltip?: string;
 
-	/**  Returns the Print model 
-	*/
-	model?: ej.Print.Model;
+            /** Specifies the styles for customUnorderedList item.
+             */
+            css?: string;
 
-	/**  Returns the name of an event 
-	*/
-	type?: string;
+            /** Specifies the text for customUnorderedList item.
+             */
+            text?: string;
 
-	/**  Returns the printed element
-	*/
-	content?: any;
-}
-}
+            /** Specifies the list style for customUnorderedList item.
+             */
+            listStyle?: string;
 
-class ProgressBar extends ej.Widget {
-	static fn: ProgressBar;
-	constructor(element: JQuery, options?: ProgressBar.Model);
-	constructor(element: Element, options?: ProgressBar.Model);
-	static Locale: any;
-	model:ProgressBar.Model;
-	defaults:ProgressBar.Model;
-
-	/** Destroy the progressbar widget
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the progressbar control
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the progressbar control
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Returns the current progress value in percent.
-	*   @returns {number}
-	*/
-	getPercentage(): number;
-
-	/** Returns the current progress value
-	*   @returns {number}
-	*/
-	getValue(): number;
-}
-export module ProgressBar{
-
-export interface Model {
-
-	/** Sets the root CSS class for ProgressBar theme, which is used customize.
-	*   @Default {null}
-	*/
-	cssClass?: string;
-
-	/** When this property sets to false, it disables the ProgressBar control
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Save current model value to browser cookies for state maintains. While refresh the progressBar control page retains the model value apply from browser cookies
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Sets the ProgressBar direction as right to left alignment.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Defines the height of the ProgressBar.
-	*   @Default {null}
-	*/
-	height?: number|string;
-
-	/** It allows to define the characteristics of the progressBar control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Sets the maximum value of the ProgressBar.
-	*   @Default {100}
-	*/
-	maxValue?: number;
-
-	/** Sets the minimum value of the ProgressBar.
-	*   @Default {0}
-	*/
-	minValue?: number;
-
-	/** Sets the ProgressBar value in percentage. The value should be in between 0 to 100.
-	*   @Default {0}
-	*/
-	percentage?: number;
-
-	/** Displays rounded corner borders on the progressBar control.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Sets the custom text for the ProgressBar. The text placed in the middle of the ProgressBar and it can be customizable using the class 'e-progress-text'.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Sets the ProgressBar value. The value should be in between min and max values.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Defines the width of the ProgressBar.
-	*   @Default {null}
-	*/
-	width?: number|string;
-
-	/** Event triggers when the progress value changed */
-	change? (e: ChangeEventArgs): void;
-
-	/** Event triggers when the process completes (at 100%) */
-	complete? (e: CompleteEventArgs): void;
-
-	/** Event triggers when the progressbar are created */
-	create? (e: CreateEventArgs): void;
-
-	/** Event triggers when the progressbar are destroyed */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Event triggers when the process starts (from 0%) */
-	start? (e: StartEventArgs): void;
-}
+            /** Specifies the image for customUnorderedList item.
+             */
+            listImage?: string;
+        }
 
-export interface ChangeEventArgs {
+        export interface Tools {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
+             */
+            alignment?: any;
 
-	/** returns the ProgressBar model
-	*/
-	model?: ej.ProgressBar.Model;
+            /** Specifies the casing tools and the display order of this tool in the RTE toolbar.
+             */
+            casing?: any[];
 
-	/** returns the current progress percentage
-	*/
-	percentage?: any;
+            /** Specifies the clear tools and the display order of this tool in the RTE toolbar.
+             */
+            clear?: any[];
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
+             */
+            clipboard?: any[];
 
-	/** returns the current progress value
-	*/
-	value?: string;
-}
+            /** Specifies the edit tools and the displays tool in the RTE toolbar.
+             */
+            edit?: any[];
 
-export interface CompleteEventArgs {
+            /** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
+             */
+            doAction?: any[];
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Specifies the effect of tools and the display order of this tool in RTE toolbar.
+             */
+            effects?: any[];
 
-	/** returns the ProgressBar model
-	*/
-	model?: ej.ProgressBar.Model;
+            /** Specifies the font tools and the display order of this tool in the RTE toolbar.
+             */
+            font?: any[];
 
-	/** returns the current progress percentage
-	*/
-	percentage?: any;
+            /** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
+             */
+            formatStyle?: any[];
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Specifies the image tools and the display order of this tool in the RTE toolbar.
+             */
+            images?: any[];
+
+            /** Specifies the indent tools and the display order of this tool in the RTE toolbar.
+             */
+            indenting?: any[];
 
-	/** returns the current progress value
-	*/
-	value?: string;
-}
+            /** Specifies the link tools and the display order of this tool in the RTE toolbar.
+             */
+            links?: any[];
+
+            /** Specifies the list tools and the display order of this tool in the RTE toolbar.
+             */
+            lists?: any[];
+
+            /** Specifies the media tools and the display order of this tool in the RTE toolbar.
+             */
+            media?: any[];
+
+            /** Specifies the style tools and the display order of this tool in the RTE toolbar.
+             */
+            style?: any[];
+
+            /** Specifies the table tools and the display order of this tool in the RTE toolbar.
+             */
+            tables?: any[];
+
+            /** Specifies the view tools and the display order of this tool in the RTE toolbar.
+             */
+            view?: any[];
+
+            /** Specifies the print tools and the display order of this tool in the RTE toolbar.
+             */
+            print?: any[];
+
+            /** Specifies the importExport tools and the display order of this tool in the RTE toolbar.
+             */
+            importExport?: any[];
+
+            /** Specifies the customOrderedList tools and the display order of this tool in the RTE toolbar.
+             */
+            customOrderedList?: ToolsCustomOrderedList[];
+
+            /** Specifies the customUnOrderedList tools and the display order of this tool in the RTE toolbar.
+             */
+            customUnorderedList?: ToolsCustomUnorderedList[];
+        }
+
+        enum ToolbarOverflowMode {
+
+            ///To display the RTE toolbar overflow items as popup
+            Popup,
+
+            ///To display the RTE toolbar overflow items as inline toolbar
+            Inline
+        }
+
+    }
+
+    class Slider extends ej.Widget {
+        static fn: Slider;
+        constructor(element: JQuery | Element, options?: Slider.Model);
+        static Locale: any;
+        model: Slider.Model;
+        defaults: Slider.Model;
+
+        /** To disable the slider
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the slider
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** To get value from slider handle
+         * @returns {number}
+         */
+        getValue(): number;
+
+        /** To set value to slider handle.By default animation is false while set the value. If you want to enable the animation, pass the enableAnimation as true to this method.
+         * @returns {void}
+         */
+        setValue(): void;
+    }
+    export namespace Slider {
+
+        export interface Model {
+
+            /** Specifies the allowMouseWheel of the slider.
+             * @Default {false}
+             */
+            allowMouseWheel?: boolean;
+
+            /** Specifies the animationSpeed of the slider.
+             * @Default {500}
+             */
+            animationSpeed?: number;
+
+            /** Specify the CSS class to slider to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** Specifies the animation behavior of the slider.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Specifies the state of the slider.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specify the enablePersistence to slider to save current model value to browser cookies for state maintains
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specifies the Right to Left Direction of the slider.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specifies the height of the slider.
+             * @Default {14}
+             */
+            height?: string;
+
+            /** Specifies the HTML Attributes of the ejSlider.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the incremental step value of the slider.
+             * @Default {1}
+             */
+            incrementStep?: number;
+
+            /** Specifies the distance between two major (large) ticks from the scale of the slider.
+             * @Default {10}
+             */
+            largeStep?: number;
+
+            /** Specifies the ending value of the slider.
+             * @Default {100}
+             */
+            maxValue?: number;
+
+            /** Specifies the starting value of the slider.
+             * @Default {0}
+             */
+            minValue?: number;
+
+            /** Specifies the orientation of the slider.
+             * @Default {ej.orientation.Horizontal}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Specifies the readOnly of the slider.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Specifies the rounded corner behavior for slider.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Shows/Hide the major (large) and minor (small) ticks in the scale of the slider.
+             * @Default {false}
+             */
+            showScale?: boolean;
+
+            /** Specifies the small ticks from the scale of the slider.
+             * @Default {true}
+             */
+            showSmallTicks?: boolean;
+
+            /** Specifies the showTooltip to shows the current Slider value, while moving the Slider handle or clicking on the slider handle of the slider.
+             * @Default {true}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the sliderType of the slider.
+             * @Default {ej.SliderType.Default}
+             */
+            sliderType?: ej.slider.sliderType|string;
+
+            /** Specifies the distance between two minor (small) ticks from the scale of the slider.
+             * @Default {1}
+             */
+            smallStep?: number;
+
+            /** Specifies the value of the slider. But it's not applicable for range slider. To range slider we can use values property.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Specifies the values of the range slider. But it's not applicable for default and minRange sliders. we can use value property for default and minRange sliders.
+             * @Default {[minValue,maxValue]}
+             */
+            values?: any[];
+
+            /** Specifies the width of the slider.
+             * @Default {100%}
+             */
+            width?: string;
+
+            /** Fires once Slider control value is changed successfully.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires once Slider control has been created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when Slider control has been destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires once Slider control is sliding successfully.
+             */
+            slide?(e: SlideEventArgs): void;
+
+            /** Fires once Slider control is started successfully.
+             */
+            start?(e: StartEventArgs): void;
+
+            /** Fires when Slider control is stopped successfully.
+             */
+            stop?(e: StopEventArgs): void;
+
+            /** Fires when display the custom tooltip.
+             */
+            tooltipChange?(e: TooltipChangeEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns current handle number or index
+             */
+            sliderIndex?: number;
+
+            /** returns slider id.
+             */
+            id?: string;
+
+            /** returns the slider model.
+             */
+            model?: ej.Slider.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the slider value.
+             */
+            value?: number;
 
-export interface CreateEventArgs {
+            /** returns true if event triggered by interaction else returns false.
+             */
+            isInteraction?: boolean;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface CreateEventArgs {
 
-	/** returns the progressbar model
-	*/
-	model?: ej.ProgressBar.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the slider model
+             */
+            model?: ej.Slider.Model;
 
-export interface DestroyEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DestroyEventArgs {
 
-	/** returns the progressbar model
-	*/
-	model?: ej.ProgressBar.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the slider model
+             */
+            model?: ej.Slider.Model;
 
-export interface StartEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+        export interface SlideEventArgs {
 
-	/** returns the ProgressBar model
-	*/
-	model?: ej.ProgressBar.Model;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the current progress percentage
-	*/
-	percentage?: any;
+            /** returns current handle number or index
+             */
+            sliderIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns slider id
+             */
+            id?: string;
 
-	/** returns the current progress value
-	*/
-	value?: string;
-}
-}
+            /** returns the slider model
+             */
+            model?: ej.Slider.Model;
 
-class RadioButton extends ej.Widget {
-	static fn: RadioButton;
-	constructor(element: JQuery, options?: RadioButton.Model);
-	constructor(element: Element, options?: RadioButton.Model);
-	static Locale: any;
-	model:RadioButton.Model;
-	defaults:RadioButton.Model;
-
-	/** To disable the RadioButton
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the RadioButton
-	*   @returns {void}
-	*/
-	enable(): void;
-}
-export module RadioButton{
-
-export interface Model {
-
-	/** Specifies the check attribute of the Radio Button.
-	*   @Default {false}
-	*/
-	checked?: boolean;
-
-	/** Specify the CSS class to RadioButton to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specifies the RadioButton control state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specifies the enablePersistence property for RadioButton while initialization. The enablePersistence API save current model value to browser cookies for state maintains. While refreshing the radio button control page the model value apply from browser cookies.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specify the Right to Left direction to RadioButton
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specifies the HTML Attributes of the Checkbox
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specifies the id attribute for the Radio Button while initialization.
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Specify the idPrefix value to be added before the current id of the RadioButton.
-	*   @Default {ej}
-	*/
-	idPrefix?: string;
-
-	/** Specifies the name attribute for the Radio Button while initialization.
-	*   @Default {Sets id as name if it is null}
-	*/
-	name?: string;
-
-	/** Specifies the size of the RadioButton.
-	*   @Default {small}
-	*/
-	size?: ej.RadioButtonSize|string;
-
-	/** Specifies the text content for RadioButton.
-	*/
-	text?: string;
-
-	/** Set the jQuery validation error message in radio button.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Set the jQuery validation rules in radio button.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** Specifies the value attribute of the Radio Button.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Fires before the RadioButton is going to changed its state successfully */
-	beforeChange? (e: BeforeChangeEventArgs): void;
-
-	/** Fires when the RadioButton state is changed successfully */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when the RadioButton created successfully */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the RadioButton destroyed successfully */
-	destroy? (e: DestroyEventArgs): void;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the slider value
+             */
+            value?: number;
+        }
+
+        export interface StartEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns current handle number or index
+             */
+            sliderIndex?: number;
+
+            /** returns slider id
+             */
+            id?: string;
+
+            /** returns the slider model
+             */
+            model?: ej.Slider.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the slider value
+             */
+            value?: number;
+        }
+
+        export interface StopEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns current handle number or index
+             */
+            sliderIndex?: number;
+
+            /** returns slider id
+             */
+            id?: string;
+
+            /** returns the slider model
+             */
+            model?: ej.Slider.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the slider value
+             */
+            value?: number;
+        }
+
+        export interface TooltipChangeEventArgs {
+
+            /** returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** returns slider id.
+             */
+            id?: string;
+
+            /** returns true if event triggered by interaction else returns false.
+             */
+            isInteraction?: boolean;
+
+            /** returns the slider model.
+             */
+            model?: ej.Slider.Model;
+
+            /** returns current handle number or index
+             */
+            sliderIndex?: number;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the slider value.
+             */
+            value?: number;
+        }
+    }
+    namespace slider {
+        enum sliderType {
+            //Shows default slider
+            Default,
+            //Shows minRange slider
+            MinRange,
+            //Shows Range slider
+            Range,
+        }
+    }
+
+    class SplitButton extends ej.Widget {
+        static fn: SplitButton;
+        constructor(element: JQuery | Element, options?: SplitButton.Model);
+        static Locale: any;
+        model: SplitButton.Model;
+        defaults: SplitButton.Model;
+
+        /** Destroy the split button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To disable the split button
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To Enable the split button
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** To hide the list content of the split button.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** To show the list content of the split button.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace SplitButton {
+
+        export interface Model {
+
+            /** Specifies the arrowPosition of the Split or Dropdown Button.See arrowPosition
+             * @Default {ej.ArrowPosition.Right}
+             */
+            arrowPosition?: string|ej.ArrowPosition;
+
+            /** Specifies the buttonMode like Split or Dropdown Button.See ButtonMode
+             * @Default {ej.ButtonMode.Split}
+             */
+            buttonMode?: string|ej.ButtonMode;
+
+            /** Specifies the contentType of the Split Button.See ContentType
+             * @Default {ej.ContentType.TextOnly}
+             */
+            contentType?: string|ej.ContentType;
+
+            /** Set the root class for Split Button control theme
+             */
+            cssClass?: string;
+
+            /** Specifies the disabling of Split Button if enabled is set to false.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Specifies the enableRTL property for Split Button while initialization.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specifies the height of the Split Button.
+             * @Default {“”}
+             */
+            height?: string|number;
+
+            /** Specifies the HTML Attributes of the Split Button.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the imagePosition of the Split Button.See imagePositions
+             * @Default {ej.ImagePosition.ImageRight}
+             */
+            imagePosition?: string|ej.ImagePosition;
+
+            /** Specifies the image content for Split Button while initialization.
+             */
+            prefixIcon?: string;
+
+            /** Specifies the showRoundedCorner property for Split Button while initialization.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the size of the Button. See ButtonSize
+             * @Default {ej.ButtonSize.Normal}
+             */
+            size?: string|ej.ButtonSize;
+
+            /** Specifies the image content for Split Button while initialization.
+             */
+            suffixIcon?: string;
+
+            /** Specifies the list content for Split Button while initialization
+             */
+            targetID?: string;
+
+            /** Specifies the text content for Split Button while initialization.
+             */
+            text?: string;
+
+            /** Specifies the width of the Split Button.
+             * @Default {“”}
+             */
+            width?: string|number;
+
+            /** Fires before menu of the split button control is opened.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires when Button control is clicked successfully
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Fires before the list content of Button control is closed
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires after Split Button control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the Split Button is destroyed successfully
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when a menu item is Hovered out successfully
+             */
+            itemMouseOut?(e: ItemMouseOutEventArgs): void;
+
+            /** Fires when a menu item is Hovered in successfully
+             */
+            itemMouseOver?(e: ItemMouseOverEventArgs): void;
+
+            /** Fires when a menu item is clicked successfully
+             */
+            itemSelected?(e: ItemSelectedEventArgs): void;
+
+            /** Fires before the list content of Button control is opened
+             */
+            open?(e: OpenEventArgs): void;
+        }
+
+        export interface BeforeOpenEventArgs {
 
-export interface BeforeChangeEventArgs {
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
 
-	/** returns the RadioButton model
-	*/
-	model?: ej.RadioButton.Model;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface ClickEventArgs {
 
-	/** returns true if element is checked, otherwise returns false
-	*/
-	isChecked?: boolean;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** returns true if change event triggered by interaction, otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
 
-export interface ChangeEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the target of the current object.
+             */
+            target?: any;
 
-	/** returns the RadioButton model
-	*/
-	model?: ej.RadioButton.Model;
+            /** return the button state
+             */
+            status?: boolean;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface CloseEventArgs {
 
-	/** returns true if element is checked, otherwise returns false
-	*/
-	isChecked?: boolean;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** returns true if change event triggered by interaction, otherwise returns false
-	*/
-	isInteraction?: boolean;
-}
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
 
-export interface CreateEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface CreateEventArgs {
 
-	/** returns the RadioButton model
-	*/
-	model?: ej.RadioButton.Model;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
 
-export interface DestroyEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DestroyEventArgs {
 
-	/** returns the RadioButton model
-	*/
-	model?: ej.RadioButton.Model;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
-enum RadioButtonSize
-{
-//Shows small size radio button
-Small,
-//Shows medium size radio button
-Medium,
-}
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
 
-class Rating extends ej.Widget {
-	static fn: Rating;
-	constructor(element: JQuery, options?: Rating.Model);
-	constructor(element: Element, options?: Rating.Model);
-	static Locale: any;
-	model:Rating.Model;
-	defaults:Rating.Model;
-
-	/** Destroy the Rating widget all events bound will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To get the current value of rating control.
-	*   @returns {number}
-	*/
-	getValue(): number;
-
-	/** To hide the rating control.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** User can refresh the rating control to identify changes.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** To reset the rating value.
-	*   @returns {void}
-	*/
-	reset(): void;
-
-	/** To set the rating value.
-	*   @param {string|number} Specifies the rating value.
-	*   @returns {void}
-	*/
-	setValue(value: string|number): void;
-
-	/** To show the rating control
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module Rating{
-
-export interface Model {
-
-	/** Enables the rating control with reset button.It can be used to reset the rating control value.
-	*   @Default {true}
-	*/
-	allowReset?: boolean;
-
-	/** Specify the CSS class to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** When this property is set to false, it disables the rating control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Save current model value to browser cookies for state maintenance. While refresh the page Rating control values are retained.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specifies the height of the Rating control wrapper.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Specifies the list of HTML attributes to be added to rating control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specifies the value to be increased while navigating between shapes(stars) in Rating control.
-	*   @Default {1}
-	*/
-	incrementStep?: number;
-
-	/** Allow to render the maximum number of Rating shape(star).
-	*   @Default {5}
-	*/
-	maxValue?: number;
-
-	/** Allow to render the minimum number of Rating shape(star).
-	*   @Default {0}
-	*/
-	minValue?: number;
-
-	/** Specifies the orientation of Rating control. See Orientation
-	*   @Default {ej.Rating.Orientation.Horizontal}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Helps to provide more precise ratings.Rating control supports three precision modes - full, half, and exact. See Precision
-	*   @Default {full}
-	*/
-	precision?: ej.Rating.Precision|string;
-
-	/** Interaction with Rating control can be prevented by enabling this API.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** To specify the height of each shape in Rating control.
-	*   @Default {23}
-	*/
-	shapeHeight?: number;
-
-	/** To specify the width of each shape in Rating control.
-	*   @Default {23}
-	*/
-	shapeWidth?: number;
-
-	/** Enables the tooltip option.Currently selected value will be displayed in tooltip.
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
-
-	/** To specify the number of stars to be selected while rendering.
-	*   @Default {1}
-	*/
-	value?: number;
-
-	/** Specifies the width of the Rating control wrapper.
-	*   @Default {null}
-	*/
-	width?: string;
-
-	/** Fires when Rating value changes. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when Rating control is clicked successfully. */
-	click? (e: ClickEventArgs): void;
-
-	/** Fires when Rating control is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when Rating control is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when mouse hover is removed from Rating control. */
-	mouseout? (e: MouseoutEventArgs): void;
-
-	/** Fires when mouse move is moving the Rating control. */
-	mousemove? (e: MousemoveEventArgs): void;
-
-	/** Fires when mouse hovered over the Rating control. */
-	mouseover? (e: MouseoverEventArgs): void;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface ChangeEventArgs {
+        export interface ItemMouseOutEventArgs {
 
-	/** returns the current value.
-	*/
-	value?: number;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the clicked menu item element
+             */
+            element?: any;
+
+            /** return the menu item id
+             */
+            ID?: string;
+
+            /** return the clicked menu item text
+             */
+            Text?: string;
+        }
+
+        export interface ItemMouseOverEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the clicked menu item element
+             */
+            element?: any;
+
+            /** return the menu item id
+             */
+            ID?: string;
+
+            /** return the clicked menu item text
+             */
+            Text?: string;
+        }
+
+        export interface ItemSelectedEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the clicked menu item element
+             */
+            element?: any;
+
+            /** returns the selected item
+             */
+            selectedItem?: any;
+
+            /** return the menu id
+             */
+            menuId?: string;
+
+            /** return the clicked menu item text
+             */
+            menuText?: string;
+        }
+
+        export interface OpenEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the split button model
+             */
+            model?: ej.SplitButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+    enum ArrowPosition {
+        //To set Left arrowPosition of the split button
+        Left,
+        //To set Right arrowPosition of the split button
+        Right,
+        //To set Top arrowPosition of the split button
+        Top,
+        //To set Bottom arrowPosition of the split button
+        Bottom,
+    }
+
+    class Splitter extends ej.Widget {
+        static fn: Splitter;
+        constructor(element: JQuery | Element, options?: Splitter.Model);
+        static Locale: any;
+        model: Splitter.Model;
+        defaults: Splitter.Model;
+
+        /** To add a new pane to splitter control.
+         * @param {string} content of pane.
+         * @param {any} pane properties.
+         * @param {number} index of pane.
+         * @returns {HTMLElement}
+         */
+        addItem(content: string, property: any, index: number): HTMLElement;
+
+        /** To collapse the splitter control pane.
+         * @param {number} index number of pane.
+         * @returns {void}
+         */
+        collapse(paneIndex: number): void;
+
+        /** To expand the splitter control pane.
+         * @param {number} index number of pane.
+         * @returns {void}
+         */
+        expand(paneIndex: number): void;
+
+        /** To refresh the splitter control pane resizing.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** To remove a specified pane from the splitter control.
+         * @param {number} index of pane.
+         * @returns {void}
+         */
+        removeItem(index: number): void;
+    }
+    export namespace Splitter {
+
+        export interface Model {
+
+            /** Turns on keyboard interaction with the Splitter panes. You must set this property to true to access the keyboard shortcuts of ejSplitter.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Specify animation speed for the Splitter pane movement, while collapsing and expanding.
+             * @Default {300}
+             */
+            animationSpeed?: number;
+
+            /** Specify the CSS class to splitter control to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Specifies the animation behavior of the splitter.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Specifies the splitter control to be displayed in right to left direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specify height for splitter control.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Specifies the HTML Attributes of the Splitter.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specify window resizing behavior for splitter control.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specify the orientation for splitter control. See orientation
+             * @Default {ej.orientation.Horizontal or “horizontal”}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Specify properties for each pane like paneSize, minSize, maxSize, collapsible, expandable, resizable.
+             * @Default {[]}
+             */
+            properties?: any[];
+
+            /** Specify width for splitter control.
+             * @Default {null}
+             */
+            width?: string;
+
+            /** Fires before expanding / collapsing the split pane of splitter control.
+             */
+            beforeExpandCollapse?(e: BeforeExpandCollapseEventArgs): void;
+
+            /** Fires when splitter control pane has been created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when splitter control pane has been destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when expand / collapse operation in splitter control pane has been performed successfully.
+             */
+            expandCollapse?(e: ExpandCollapseEventArgs): void;
+
+            /** Fires when resize in splitter control pane.
+             */
+            resize?(e: ResizeEventArgs): void;
+        }
+
+        export interface BeforeExpandCollapseEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns collapsed pane details.
+             */
+            collapsed?: any;
+
+            /** returns expanded pane details.
+             */
+            expanded?: any;
+
+            /** returns the splitter model.
+             */
+            model?: ej.Splitter.Model;
+
+            /** returns the current split bar index.
+             */
+            splitbarIndex?: number;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the splitter model.
+             */
+            model?: ej.Splitter.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the splitter model.
+             */
+            model?: ej.Splitter.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface ExpandCollapseEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns collapsed pane details.
+             */
+            collapsed?: any;
+
+            /** returns expanded pane details.
+             */
+            expanded?: any;
+
+            /** returns the splitter model.
+             */
+            model?: ej.Splitter.Model;
+
+            /** returns the current split bar index.
+             */
+            splitbarIndex?: number;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface ResizeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns previous pane details.
+             */
+            prevPane?: any;
+
+            /** returns next pane details.
+             */
+            nextPane?: any;
+
+            /** returns the splitter model.
+             */
+            model?: ej.Splitter.Model;
+
+            /** returns the current split bar index.
+             */
+            splitbarIndex?: number;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+    }
+
+    class Tab extends ej.Widget {
+        static fn: Tab;
+        constructor(element: JQuery | Element, options?: Tab.Model);
+        static Locale: any;
+        model: Tab.Model;
+        defaults: Tab.Model;
+
+        /** Add new tab items with given name, URL and given index position, if index null it’s add last item.
+         * @param {string} URL name / tab id.
+         * @param {string} Tab Display name.
+         * @param {number} Index position to placed , this is optional.
+         * @param {string} specifies cssClass, this is optional.
+         * @param {string} specifies id of tab, this is optional.
+         * @returns {void}
+         */
+        addItem(URL: string, displayLabel: string, index: number, cssClass: string, id: string): void;
+
+        /** To disable the tab control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the tab control.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** This function get the number of tab rendered
+         * @returns {number}
+         */
+        getItemsCount(): number;
+
+        /** This function hides the tab control.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** This function hides the specified item tab in tab control.
+         * @param {number} index of tab item.
+         * @returns {void}
+         */
+        hideItem(index: number): void;
+
+        /** Remove the given index tab item.
+         * @param {number} index of tab item.
+         * @returns {void}
+         */
+        removeItem(index: number): void;
+
+        /** This function is to show the tab control.
+         * @returns {void}
+         */
+        show(): void;
+
+        /** This function helps to show the specified hidden tab item in tab control.
+         * @param {number} index of tab item.
+         * @returns {void}
+         */
+        showItem(index: number): void;
+    }
+    export namespace Tab {
+
+        export interface Model {
+
+            /** Specifies the ajaxSettings option to load the content to the Tab control.
+             */
+            ajaxSettings?: AjaxSettings;
+
+            /** Tab items interaction with keyboard keys, like headers active navigation.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Allow to collapsing the active item, while click on the active header.
+             * @Default {false}
+             */
+            collapsible?: boolean;
+
+            /** Set the root class for Tab theme. This cssClass API helps to use custom skinning option for Tab control.
+             */
+            cssClass?: string;
+
+            /** Disables the given tab headers and content panels.
+             * @Default {[]}
+             */
+            disabledItemIndex?: number[];
+
+            /** Specifies the animation behavior of the tab.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** When this property is set to false, it disables the tab control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Enables the given tab headers and content panels.
+             * @Default {[]}
+             */
+            enabledItemIndex?: number[];
+
+            /** Save current model value to browser cookies for state maintains. While refresh the Tab control page the model value apply from browser cookies.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Display Right to Left direction for headers and panels text of tab.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specify to enable scrolling for Tab header.
+             * @Default {false}
+             */
+            enableTabScroll?: boolean;
+
+            /** The event API to bind the action for active the tab items.
+             * @Default {click}
+             */
+            events?: string;
+
+            /** Specifies the position of Tab header as top, bottom, left or right. See below to get available Position
+             * @Default {top}
+             */
+            headerPosition?: string|ej.Tab.Position;
+
+            /** Set the height of the tab header element. Default this property value is null, so height take content height.
+             * @Default {null}
+             */
+            headerSize?: string|number;
+
+            /** Height set the outer panel element. Default this property value is null, so height take content height.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode
+             * @Default {content}
+             */
+            heightAdjustMode?: string|ej.Tab.HeightAdjustMode;
+
+            /** Specifies to hide a pane of Tab control.
+             * @Default {[]}
+             */
+            hiddenItemIndex?: any[];
+
+            /** Specifies the HTML Attributes of the Tab.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** The idPrefix property appends the given string on the added tab item id’s in runtime.
+             * @Default {ej-tab-}
+             */
+            idPrefix?: string;
+
+            /** Specifies the Tab header in active for given index value.
+             * @Default {0}
+             */
+            selectedItemIndex?: number;
+
+            /** Display the close button for each tab items. While clicking on the close icon, particular tab item will be removed.
+             * @Default {false}
+             */
+            showCloseButton?: boolean;
+
+            /** Display the Reload button for each tab items.
+             * @Default {false}
+             */
+            showReloadIcon?: boolean;
+
+            /** Tab panels and headers to be displayed in rounded corner style.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Set the width for outer panel element, if not it’s take parent width.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Triggered after a tab item activated.
+             */
+            itemActive?(e: ItemActiveEventArgs): void;
+
+            /** Triggered before AJAX content has been loaded.
+             */
+            ajaxBeforeLoad?(e: AjaxBeforeLoadEventArgs): void;
+
+            /** Triggered if error occurs in AJAX request.
+             */
+            ajaxError?(e: AjaxErrorEventArgs): void;
+
+            /** Triggered after AJAX content load action.
+             */
+            ajaxLoad?(e: AjaxLoadEventArgs): void;
+
+            /** Triggered after a tab item activated.
+             */
+            ajaxSuccess?(e: AjaxSuccessEventArgs): void;
+
+            /** Triggered before a tab item activated.
+             */
+            beforeActive?(e: BeforeActiveEventArgs): void;
+
+            /** Triggered before a tab item remove.
+             */
+            beforeItemRemove?(e: BeforeItemRemoveEventArgs): void;
+
+            /** Triggered before a tab item Create.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggered before a tab item destroy.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggered after new tab item add
+             */
+            itemAdd?(e: ItemAddEventArgs): void;
+
+            /** Triggered after tab item removed.
+             */
+            itemRemove?(e: ItemRemoveEventArgs): void;
+        }
+
+        export interface ItemActiveEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns previous active tab header.
+             */
+            prevActiveHeader?: HTMLElement;
+
+            /** returns previous active index.
+             */
+            prevActiveIndex?: number;
+
+            /** returns current active tab header .
+             */
+            activeHeader?: HTMLElement;
+
+            /** returns current active index.
+             */
+            activeIndex?: number;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+            /** returns, is it triggered by interaction or not.
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface AjaxBeforeLoadEventArgs {
 
-	/** returns the mouse click event args values.
-	*/
-	event?: any;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface ClickEventArgs {
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** returns the current value.
-	*/
-	value?: number;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns previous active tab header.
+             */
+            prevActiveHeader?: HTMLElement;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+            /** returns previous active index.
+             */
+            prevActiveIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns current active tab header .
+             */
+            activeHeader?: HTMLElement;
 
-	/** returns the mouse click event args values.
-	*/
-	event?: any;
-}
+            /** returns current active index.
+             */
+            activeIndex?: number;
 
-export interface CreateEventArgs {
+            /** returns the URL of AJAX request
+             */
+            URL?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns, is it triggered by interaction or not.
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+        export interface AjaxErrorEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface DestroyEventArgs {
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+            /** returns AJAX data details.
+             */
+            data?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the URL of AJAX request.
+             */
+            URL?: string;
+        }
 
-export interface MouseoutEventArgs {
+        export interface AjaxLoadEventArgs {
 
-	/** returns the current value.
-	*/
-	value?: number;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns previous active tab header.
+             */
+            prevActiveHeader?: HTMLElement;
 
-	/** returns the mouse click event args values.
-	*/
-	event?: any;
-}
+            /** returns previous active index.
+             */
+            prevActiveIndex?: number;
 
-export interface MousemoveEventArgs {
+            /** returns current active tab header .
+             */
+            activeHeader?: HTMLElement;
 
-	/** returns the current value.
-	*/
-	value?: number;
+            /** returns current active index.
+             */
+            activeIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the URL of AJAX request
+             */
+            URL?: string;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+            /** returns, is it triggered by interaction or not.
+             */
+            isInteraction?: boolean;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface AjaxSuccessEventArgs {
 
-	/** returns the mouse click event args values.
-	*/
-	event?: any;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface MouseoverEventArgs {
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** returns the current value.
-	*/
-	value?: number;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** return AJAX data.
+             */
+            data?: any;
 
-	/** returns the rating model
-	*/
-	model?: ej.Rating.Model;
+            /** returns AJAX URL
+             */
+            URL?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns content of AJAX request.
+             */
+            content?: any;
+        }
 
-	/** returns the mouse click event args values.
-	*/
-	event?: any;
+        export interface BeforeActiveEventArgs {
 
-	/** returns the current index value.
-	*/
-	index?: any;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-enum Precision{
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	///string
-	Exact,
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	///string
-	Full,
+            /** returns previous active tab header.
+             */
+            prevActiveHeader?: HTMLElement;
 
-	///string
-	Half
-}
+            /** returns previous active index.
+             */
+            prevActiveIndex?: number;
 
-}
+            /** returns current active tab header .
+             */
+            activeHeader?: HTMLElement;
 
-class Ribbon extends ej.Widget {
-	static fn: Ribbon;
-	constructor(element: JQuery, options?: Ribbon.Model);
-	constructor(element: Element, options?: Ribbon.Model);
-	static Locale: any;
-	model:Ribbon.Model;
-	defaults:Ribbon.Model;
-
-	/** Adds contextual tab or contextual tab set dynamically in the ribbon control with contextual tabs object and index position. When index is null, ribbon contextual tab or contextual tab set is added at the last index.
-	*   @param {any} contextual tab or contextual tab set object.
-	*   @param {number} index of the contextual tab or contextual tab set, this is optional.
-	*   @returns {void}
-	*/
-	addContextualTabs(contextualTabSet: any, index?: number): void;
-
-	/** Add new option to Backstage page.
-	*   @param {any} select the object to add the backstage item
-	*   @param {number} index to the backstage item this is optional.
-	*   @returns {void}
-	*/
-	addBackStageItem(item: any, index?: number): void;
-
-	/** Adds tab dynamically in the ribbon control with given name, tab group array and index position. When index is null, ribbon tab is added at the last index.
-	*   @param {string} ribbon tab display text.
-	*   @param {Array<any>} groups to be displayed in ribbon tab .
-	*   @param {number} index of the ribbon tab,this is optional.
-	*   @returns {void}
-	*/
-	addTab(tabText: string, ribbonGroups: Array<any>, index?: number): void;
-
-	/** Adds tab group dynamically in the ribbon control with given tab index, tab group object and group index position. When group index is null, ribbon group is added at the last index.
-	*   @param {number} ribbon tab index.
-	*   @param {any} group to be displayed in ribbon tab .
-	*   @param {number} index of the ribbon group,this is optional.
-	*   @returns {void}
-	*/
-	addTabGroup(tabIndex: number, tabGroup: any, groupIndex?: number): void;
-
-	/** Adds group content dynamically in the ribbon control with given tab index, group index, content, content index and sub group index position. When content index is null, content is added at the last index.
-	*   @param {number} ribbon tab index.
-	*   @param {number} ribbon group index.
-	*   @param {any} content to be displayed in the ribbon group.
-	*   @param {number} ribbon content index. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
-	*   @param {number} sub group index in the ribbon group. This is optional. If the value is not given, then by default contentIndex will be considered as 0.
-	*   @returns {void}
-	*/
-	addTabGroupContent(tabIndex: number, groupIndex: number, content: any, contentIndex?: number, subGroupIndex?: number): void;
-
-	/** Hides the ribbon backstage page.
-	*   @returns {void}
-	*/
-	hideBackstage(): void;
-
-	/** Collapses the ribbon tab content.
-	*   @returns {void}
-	*/
-	collapse(): void;
-
-	/** Destroys the ribbon widget. All the events bound using this._on are unbound automatically and the ribbon control is moved to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Expands the ribbon tab content.
-	*   @returns {void}
-	*/
-	expand(): void;
-
-	/** Gets text of the given index tab in the ribbon control.
-	*   @param {number} index of the tab item.
-	*   @returns {string}
-	*/
-	getTabText(index: number): string;
-
-	/** Hides the given text tab in the ribbon control.
-	*   @param {string} text of the tab item.
-	*   @returns {void}
-	*/
-	hideTab(text: string): void;
-
-	/** Checks whether the given text tab in the ribbon control is enabled or not.
-	*   @param {string} text of the tab item.
-	*   @returns {boolean}
-	*/
-	isEnable(text: string): boolean;
-
-	/** Checks whether the given text tab in the ribbon control is visible or not.
-	*   @param {string} text of the tab item.
-	*   @returns {boolean}
-	*/
-	isVisible(text: string): boolean;
-
-	/** Removes the given index tab item from the ribbon control.
-	*   @param {number} index of tab item.
-	*   @returns {void}
-	*/
-	removeTab(index: number): void;
-
-	/** Sets new text to the given text tab in the ribbon control.
-	*   @param {string} current text of the tab item.
-	*   @param {string} new text of the tab item.
-	*   @returns {void}
-	*/
-	setTabText(tabText: string, newText: string): void;
-
-	/** Displays the ribbon backstage page.
-	*   @returns {void}
-	*/
-	showBackstage(): void;
-
-	/** Displays the given text tab in the ribbon control.
-	*   @param {string} text of the tab item.
-	*   @returns {void}
-	*/
-	showTab(text: string): void;
-
-	/** To customize Group alone in the inside content.
-	*   @param {number} ribbon tab index.
-	*   @param {string} group id to be displayed in ribbon tab .
-	*   @param {any} contentGroup is used in the object
-	*   @returns {void}
-	*/
-	updateGroup(tabIndex: number, groupId: string, contentGroup?: any): void;
-
-	/** Update option in existing Backstage.
-	*   @param {number} index to the backstage item
-	*   @param {any} select the object to add the backstage item
-	*   @returns {void}
-	*/
-	updateBackStageItem(index: number, item?: any): void;
-
-	/** To customize whole content from Tab Group.
-	*   @param {number} ribbon tab index.
-	*   @param {string} ribbon group text.
-	*   @param {number} ribbon content index. This is optional. If the value is not given, all content groups will be removed.
-	*   @param {number} sub group index in the ribbon group. This is optional. If the value is not given, all content groups will be removed.
-	*   @returns {void}
-	*/
-	removeTabGroupContent(tabIndex: number, groupText: string, contentIndex?: number, subGroupIndex?: number): void;
-
-	/** Remove option from Backstage.
-	*   @param {number} index to the backstage item
-	*   @returns {void}
-	*/
-	removeBackStageItem(index: number): void;
-}
-export module Ribbon{
-
-export interface Model {
-
-	/** Enables the ribbon resize feature.allowResizing is a deprecated property of isResponsive.
-	*   @Default {false}
-	*/
-	allowResizing?: boolean;
-
-	/** When set to true, adapts the Ribbon layout to fit the screen size of devices on which it renders.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies the height, width, enableRTL, showRoundedCorner,enabled,cssClass property to the controls in the ribbon commonly andit will work only when those properties are not defined in buttonSettings and content defaults.
-	*   @Default {Object}
-	*/
-	buttonDefaults?: any;
-
-	/** Property to enable the ribbon quick access toolbar.
-	*   @Default {false}
-	*/
-	showQAT?: boolean;
-
-	/** Sets the root CSS class for Ribbon which allow us to customize the appearance.
-	*/
-	cssClass?: string;
-
-	/** Sets custom setting to the collapsible pin in the ribbon.
-	*   @Default {Object}
-	*/
-	collapsePinSettings?: CollapsePinSettings;
+            /** returns current active index.
+             */
+            activeIndex?: number;
 
-	/** Set enableOnDemand as true to load ribbon tab and backstage contents while corresponding item clicked.
-	*   @Default {false}
-	*/
-	enableOnDemand?: boolean;
+            /** returns, is it triggered by interaction or not.
+             */
+            isInteraction?: boolean;
+        }
 
-	/** Set collapsible property as true to render ribbon in initially collapsed state.
-	*   @Default {false}
-	*/
-	collapsible?: boolean;
+        export interface BeforeItemRemoveEventArgs {
 
-	/** Align content in the ribbon control from right to left by setting the property as true.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Sets custom setting to the expandable pin in the ribbon.
-	*   @Default {Object}
-	*/
-	expandPinSettings?: ExpandPinSettings;
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** Specifies the application tab to contain application menu or backstage page in the ribbon control.
-	*   @Default {Object}
-	*/
-	applicationTab?: ApplicationTab;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Specifies the contextual tabs and tab set to the ribbon control with the background color and border color. Refer to the tabs section for adding tabs into the contextual tab and contextual tab set.
-	*   @Default {Array}
-	*/
-	contextualTabs?: Array<ContextualTab>;
+            /** returns current tab item index
+             */
+            index?: number;
+        }
 
-	/** Specifies the index or indexes to disable the given index tab or indexes tabs in the ribbon control.
-	*   @Default {0}
-	*/
-	disabledItemIndex?: Array<any>;
+        export interface CreateEventArgs {
 
-	/** Specifies the index or indexes to enable the given index tab or indexes tabs in the ribbon control.
-	*   @Default {null}
-	*/
-	enabledItemIndex?: Array<any>;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Specifies the index of the ribbon tab to select the given index tab item in the ribbon control.
-	*   @Default {1}
-	*/
-	selectedItemIndex?: number;
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** Specifies the tabs and its groups. Also specifies the control details that has to be placed in the tab area in the ribbon control.
-	*   @Default {Array}
-	*/
-	tabs?: Array<Tab>;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region and  it will need to use the user's preference.
-	*   @Default {en-US}
-	*/
-	locale?: string;
+        export interface DestroyEventArgs {
 
-	/** Specifies the width to the ribbon control. You can set width in string or number format.
-	*   @Default {null}
-	*/
-	width?: string|number;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggered before the ribbon tab item is removed. */
-	beforeTabRemove? (e: BeforeTabRemoveEventArgs): void;
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** Triggered before the ribbon control is created. */
-	create? (e: CreateEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered before the ribbon control is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+        export interface ItemAddEventArgs {
 
-	/** Triggered when the control in the group is clicked successfully. */
-	groupClick? (e: GroupClickEventArgs): void;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the group expander in the group is clicked successfully. */
-	groupExpand? (e: GroupExpandEventArgs): void;
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** Triggered when an item in the Gallery control is clicked successfully. */
-	galleryItemClick? (e: GalleryItemClickEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggered when a tab or button in the backstage page is clicked successfully. */
-	backstageItemClick? (e: BackstageItemClickEventArgs): void;
+            /** returns new added tab header.
+             */
+            tabHeader?: HTMLElement;
 
-	/** Triggered when the ribbon control is collapsed. */
-	collapse? (e: CollapseEventArgs): void;
+            /** returns new added tab content panel.
+             */
+            tabContent?: any;
+        }
 
-	/** Triggered when the ribbon control is expanded. */
-	expand? (e: ExpandEventArgs): void;
+        export interface ItemRemoveEventArgs {
 
-	/** Triggered before the ribbon control is load. */
-	load? (e: LoadEventArgs): void;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggered after adding the new ribbon tab item. */
-	tabAdd? (e: TabAddEventArgs): void;
+            /** returns the tab model.
+             */
+            model?: ej.Tab.Model;
 
-	/** Triggered when tab is clicked successfully in the ribbon control. */
-	tabClick? (e: TabClickEventArgs): void;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggered before the ribbon tab is created. */
-	tabCreate? (e: TabCreateEventArgs): void;
+            /** returns removed tab header.
+             */
+            removedTab?: HTMLElement;
+        }
 
-	/** Triggered after the tab item is removed from the ribbon control. */
-	tabRemove? (e: TabRemoveEventArgs): void;
+        export interface AjaxSettings {
 
-	/** Triggered after the ribbon tab item is selected in the ribbon control. */
-	tabSelect? (e: TabSelectEventArgs): void;
+            /** It specifies, whether to enable or disable asynchronous request.
+             * @Default {true}
+             */
+            async?: boolean;
 
-	/** Triggered when the expand/collapse button is clicked successfully . */
-	toggleButtonClick? (e: ToggleButtonClickEventArgs): void;
+            /** It specifies the page will be cached in the web browser.
+             * @Default {false}
+             */
+            cache?: boolean;
 
-	/** Triggered when the QAT menu item is clicked successfully . */
-	qatMenuItemClick? (e: QatMenuItemClickEventArgs): void;
-}
+            /** It specifies the type of data is send in the query string.
+             * @Default {html}
+             */
+            contentType?: string;
 
-export interface BeforeTabRemoveEventArgs {
+            /** It specifies the data as an object, will be passed in the query string.
+             * @Default {{}}
+             */
+            data?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** It specifies the type of data that you're expecting back from the response.
+             * @Default {html}
+             */
+            dataType?: string;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** It specifies the HTTP request type.
+             * @Default {get}
+             */
+            type?: string;
+        }
+
+        enum Position {
+
+            ///Tab headers display to top position
+            Top,
+
+            ///Tab headers display to bottom position
+            Bottom,
+
+            ///Tab headers display to left position.
+            Left,
+
+            ///Tab headers display to right position.
+            Right
+        }
+
+
+        enum HeightAdjustMode {
+
+            ///string
+            None,
+
+            ///string
+            Content,
+
+            ///string
+            Auto,
+
+            ///string
+            Fill
+        }
+
+    }
+
+    class TagCloud extends ej.Widget {
+        static fn: TagCloud;
+        constructor(element: JQuery | Element, options?: TagCloud.Model);
+        static Locale: any;
+        model: TagCloud.Model;
+        defaults: TagCloud.Model;
+
+        /** Inserts a new item into the TagCloud
+         * @param {string} Insert new item into the TagCloud
+         * @returns {void}
+         */
+        insert(name: string): void;
+
+        /** Inserts a new item into the TagCloud at a particular position.
+         * @param {string} Inserts a new item into the TagCloud
+         * @param {number} Inserts a new item into the TagCloud with the specified position
+         * @returns {void}
+         */
+        insertAt(name: string, position: number): void;
+
+        /** Removes the item from the TagCloud based on the name. It removes all the tags which have the corresponding name
+         * @param {string} name of the tag.
+         * @returns {void}
+         */
+        remove(name: string): void;
+
+        /** Removes the item from the TagCloud based on the position. It removes the tags from the the corresponding position only.
+         * @param {number} position of tag item.
+         * @returns {void}
+         */
+        removeAt(position: number): void;
+    }
+    export namespace TagCloud {
+
+        export interface Model {
+
+            /** Specify the CSS class to button to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** The dataSource contains the list of data to display in a cloud format. Each data contains a link URL, frequency to categorize the font size and a display text.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Sets the TagCloud and tag items direction as right to left alignment.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Defines the mapping fields for the data items of the TagCloud.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Specifies the list of HTML attributes to be added to TagCloud control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Defines the format for the TagCloud to display the tag items.See Format
+             * @Default {ej.Format.Cloud}
+             */
+            format?: string|ej.Format;
+
+            /** Sets the maximum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
+             * @Default {40px}
+             */
+            maxFontSize?: string|number;
+
+            /** Sets the minimum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
+             * @Default {10px}
+             */
+            minFontSize?: string|number;
+
+            /** Define the query to retrieve the data from online server. The query is used only when the online dataSource is used.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Shows or hides the TagCloud title. When this set to false, it hides the TagCloud header.
+             * @Default {true}
+             */
+            showTitle?: boolean;
+
+            /** Sets the title image for the TagCloud. To show the title image, the showTitle property should be enabled.
+             * @Default {null}
+             */
+            titleImage?: string;
+
+            /** Sets the title text for the TagCloud. To show the title text, the showTitle property should be enabled.
+             * @Default {Title}
+             */
+            titleText?: string;
+
+            /** Event triggers when the TagCloud items are clicked
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Event triggers when the TagCloud are created
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Event triggers when the TagCloud are destroyed
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Event triggers when the cursor leaves out from a tag item
+             */
+            mouseout?(e: MouseoutEventArgs): void;
+
+            /** Event triggers when the cursor hovers on a tag item
+             */
+            mouseover?(e: MouseoverEventArgs): void;
+        }
+
+        export interface ClickEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TagCloud model
+             */
+            model?: ej.TagCloud.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return current tag name
+             */
+            text?: string;
+
+            /** return current URL link
+             */
+            URL?: string;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TagCloud model
+             */
+            model?: ej.TagCloud.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TagCloud model
+             */
+            model?: ej.TagCloud.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface MouseoutEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TagCloud model
+             */
+            model?: ej.TagCloud.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return current tag name
+             */
+            text?: string;
+
+            /** return current URL link
+             */
+            URL?: string;
+        }
+
+        export interface MouseoverEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TagCloud model
+             */
+            model?: ej.TagCloud.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return current tag name
+             */
+            text?: string;
+
+            /** return current URL link
+             */
+            URL?: string;
+        }
+
+        export interface Fields {
+
+            /** Defines the frequency column number to categorize the font size.
+             */
+            frequency?: string;
+
+            /** Defines the HTML attributes column for the anchor elements inside the each tag items.
+             */
+            htmlAttributes?: string;
+
+            /** Defines the tag value or display text.
+             */
+            text?: string;
+
+            /** Defines the URL link to navigate while click the tag.
+             */
+            url?: string;
+        }
+    }
+    enum Format {
+        //To render the TagCloud items in cloud format
+        Cloud,
+        //To render the TagCloud items in list format
+        List,
+    }
+
+    class TimePicker extends ej.Widget {
+        static fn: TimePicker;
+        constructor(element: JQuery | Element, options?: TimePicker.Model);
+        static Locale: any;
+        model: TimePicker.Model;
+        defaults: TimePicker.Model;
+
+        /** Allows you to disable the TimePicker.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Allows you to enable the TimePicker.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** It returns the current time value.
+         * @returns {string}
+         */
+        getValue(): string;
+
+        /** This method will hide the TimePicker control popup.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Updates the current system time in TimePicker.
+         * @returns {void}
+         */
+        setCurrentTime(): void;
+
+        /** This method will show the TimePicker control popup.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace TimePicker {
+
+        export interface Model {
+
+            /** Sets the root CSS class for the TimePicker theme, which is used to customize.
+             */
+            cssClass?: string;
+
+            /** Specifies the list of time range to be disabled.
+             * @Default {{}}
+             */
+            disableTimeRanges?: any;
+
+            /** Specifies the animation behavior in TimePicker.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** When this property is set to false, it disables the TimePicker control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Save current model value to browser cookies for maintaining states. When refreshing the TimePicker control page, the model value is applied from browser cookies or HTML 5local
+             * storage.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Displays the TimePicker as right to left alignment.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** When the enableStrictMode is set as true it allows the value outside of the range and also indicate with red color border, otherwise it internally changed to the min or max range
+             * value based an input value.
+             * @Default {false}
+             */
+            enableStrictMode?: boolean;
+
+            /** Defines the height of the TimePicker textbox.
+             */
+            height?: string|number;
+
+            /** Sets the step value for increment an hour value through arrow keys or mouse scroll.
+             * @Default {1}
+             */
+            hourInterval?: number;
+
+            /** It allows to define the characteristics of the TimePicker control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Sets the time interval between the two adjacent time values in the popup.
+             * @Default {30}
+             */
+            interval?: number;
+
+            /** Defines the localization info used by the TimePicker.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the maximum time value to the TimePicker.
+             * @Default {11:59:59 PM}
+             */
+            maxTime?: string;
+
+            /** Sets the minimum time value to the TimePicker.
+             * @Default {12:00:00 AM}
+             */
+            minTime?: string;
+
+            /** Sets the step value for increment the minute value through arrow keys or mouse scroll.
+             * @Default {1}
+             */
+            minutesInterval?: number;
+
+            /** Defines the height of the TimePicker popup.
+             * @Default {191px}
+             */
+            popupHeight?: string|number;
+
+            /** Defines the width of the TimePicker popup.
+             * @Default {auto}
+             */
+            popupWidth?: string|number;
+
+            /** Toggles the readonly state of the TimePicker. When the widget is readOnly, it doesn’t allow your input.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Sets the step value for increment the seconds value through arrow keys or mouse scroll.
+             * @Default {1}
+             */
+            secondsInterval?: number;
+
+            /** shows or hides the drop down button in TimePicker.
+             * @Default {true}
+             */
+            showPopupButton?: boolean;
+
+            /** TimePicker is displayed with rounded corner when this property is set to true.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Defines the time format displayed in the TimePicker.
+             * @Default {h:mm tt}
+             */
+            timeFormat?: string;
+
+            /** Sets a specified time value on the TimePicker.
+             * @Default {null}
+             */
+            value?: string|Date;
+
+            /** Defines the width of the TimePicker textbox.
+             */
+            width?: string|number;
+
+            /** Fires when the time value changed in the TimePicker.
+             */
+            beforeChange?(e: BeforeChangeEventArgs): void;
+
+            /** Fires when the TimePicker popup before opened.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Fires when the time value changed in the TimePicker.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when the TimePicker popup closed.
+             */
+            close?(e: CloseEventArgs): void;
+
+            /** Fires when create TimePicker successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the TimePicker is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when the TimePicker control gets focus.
+             */
+            focusIn?(e: FocusInEventArgs): void;
+
+            /** Fires when the TimePicker control get lost focus.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Fires when the TimePicker popup opened.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Fires when the value is selected from the TimePicker dropdown list.
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface BeforeChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
 
-	/** returns current tab item index in the ribbon control.
-	*/
-	index?: number;
-}
+            /** returns the modified time value
+             */
+            value?: string;
+        }
 
-export interface CreateEventArgs {
+        export interface BeforeOpenEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface DestroyEventArgs {
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the time value
+             */
+            value?: string;
+        }
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+        export interface ChangeEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns current ribbon tab item index
-	*/
-	deleteIndex?: number;
-}
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-export interface GroupClickEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns true when the value changed by user interaction otherwise returns false
+             */
+            isInteraction?: boolean;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the modified time value
+             */
+            value?: string;
+        }
 
-	/** returns the control clicked in the group.
-	*/
-	target?: number;
-}
+        export interface CloseEventArgs {
 
-export interface GroupExpandEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
 
-	/** returns the clicked group expander.
-	*/
-	target?: number;
-}
+            /** returns the time value
+             */
+            value?: string;
+        }
 
-export interface GalleryItemClickEventArgs {
+        export interface CreateEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-	/** returns the gallery model.
-	*/
-	galleryModel?: any;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface DestroyEventArgs {
 
-	/** returns the item clicked in the gallery.
-	*/
-	target?: number;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface BackstageItemClickEventArgs {
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+        export interface FocusInEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the item clicked in the gallery.
-	*/
-	target?: number;
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-	/** returns the id of the target item.
-	*/
-	id?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the text of the target item.
-	*/
-	text?: string;
-}
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
 
-export interface CollapseEventArgs {
+            /** returns the current time value
+             */
+            value?: string;
+        }
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+        export interface FocusOutEventArgs {
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
 
-export interface ExpandEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the current time value
+             */
+            value?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface OpenEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the time value
+             */
+            value?: string;
+        }
+
+        export interface SelectEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TimePicker model
+             */
+            model?: ej.TimePicker.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the previously selected time value
+             */
+            prevTime?: string;
+
+            /** returns the selected time value
+             */
+            value?: string;
+        }
+    }
+
+    class ToggleButton extends ej.Widget {
+        static fn: ToggleButton;
+        constructor(element: JQuery | Element, options?: ToggleButton.Model);
+        static Locale: any;
+        model: ToggleButton.Model;
+        defaults: ToggleButton.Model;
+
+        /** Allows you to destroy the ToggleButton widget.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To disable the ToggleButton to prevent all user interactions.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the ToggleButton.
+         * @returns {void}
+         */
+        enable(): void;
+    }
+    export namespace ToggleButton {
+
+        export interface Model {
+
+            /** Specify the icon in active state to the toggle button and it will be aligned from left margin of the button.
+             */
+            activePrefixIcon?: string;
+
+            /** Specify the icon in active state to the toggle button and it will be aligned from right margin of the button.
+             */
+            activeSuffixIcon?: string;
+
+            /** Sets the text when ToggleButton is in active state i.e.,checked state.
+             * @Default {null}
+             */
+            activeText?: string;
+
+            /** Specifies the contentType of the ToggleButton. See ContentType as below
+             * @Default {ej.ContentType.TextOnly}
+             */
+            contentType?: ej.ContentType|string;
+
+            /** Specify the CSS class to the ToggleButton to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** Specify the icon in default state to the toggle button and it will be aligned from left margin of the button.
+             */
+            defaultPrefixIcon?: string;
+
+            /** Specify the icon in default state to the toggle button and it will be aligned from right margin of the button.
+             */
+            defaultSuffixIcon?: string;
+
+            /** Specifies the text of the ToggleButton, when the control is a default state. i.e., unChecked state.
+             * @Default {null}
+             */
+            defaultText?: string;
+
+            /** Specifies the state of the ToggleButton.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Save current model value to browser cookies for maintaining states. When refreshing the ToggleButton control page, the model value is applied from browser cookies or HTML 5local
+             * storage.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Specify the Right to Left direction of the ToggleButton.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Specifies the height of the ToggleButton.
+             * @Default {28pixel}
+             */
+            height?: number|string;
+
+            /** It allows to define the characteristics of the ToggleButton control. It will helps to extend the capability of an HTML element.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the image position of the ToggleButton.
+             * @Default {ej.ImagePosition.ImageLeft}
+             */
+            imagePosition?: ej.ImagePosition|string;
+
+            /** Allows to prevents the control switched to checked (active) state.
+             * @Default {false}
+             */
+            preventToggle?: boolean;
+
+            /** Displays the ToggleButton with rounded corners.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the size of the ToggleButton. See ButtonSize as below
+             * @Default {ej.ButtonSize.Normal}
+             */
+            size?: ej.ButtonSize|string;
+
+            /** It allows to define the ToggleButton state to checked(Active) or unchecked(Default) at initial time.
+             * @Default {false}
+             */
+            toggleState?: boolean;
+
+            /** Specifies the type of the ToggleButton. See ButtonType as below
+             * @Default {ej.ButtonType.Button}
+             */
+            type?: ej.ButtonType|string;
+
+            /** Specifies the width of the ToggleButton.
+             * @Default {100pixel}
+             */
+            width?: number|string;
+
+            /** Fires when ToggleButton control state is changed successfully.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Fires when ToggleButton control is clicked successfully.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Fires when ToggleButton control is created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when ToggleButton control is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** return the toggle button checked state
+             */
+            isChecked?: boolean;
+
+            /** returns the toggle button model
+             */
+            model?: ej.ToggleButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface ClickEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** return the toggle button checked state
+             */
+            isChecked?: boolean;
+
+            /** returns the toggle button model
+             */
+            model?: ej.ToggleButton.Model;
+
+            /** return the toggle button state
+             */
+            status?: boolean;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the toggle button model
+             */
+            model?: ej.ToggleButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the toggle button model
+             */
+            model?: ej.ToggleButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+
+    class Toolbar extends ej.Widget {
+        static fn: Toolbar;
+        constructor(element: JQuery | Element, options?: Toolbar.Model);
+        static Locale: any;
+        model: Toolbar.Model;
+        defaults: Toolbar.Model;
+
+        /** Deselect the specified Toolbar item.
+         * @param {any} The element need to be deselected
+         * @returns {void}
+         */
+        deselectItem(element: any): void;
+
+        /** Deselect the Toolbar item based on specified id.
+         * @param {string} The ID of the element need to be deselected
+         * @returns {void}
+         */
+        deselectItemByID(ID: string): void;
+
+        /** Allows you to destroy the Toolbar widget.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To disable all items in the Toolbar control.
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Disable the specified Toolbar item.
+         * @param {any} The element need to be disabled
+         * @returns {void}
+         */
+        disableItem(element: any): void;
+
+        /** Disable the Toolbar item based on specified item id in the Toolbar.
+         * @param {string} The ID of the element need to be disabled
+         * @returns {void}
+         */
+        disableItemByID(ID: string): void;
+
+        /** Enable the Toolbar if it is in disabled state.
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Enable the Toolbar item based on specified item.
+         * @param {any} The element need to be enabled
+         * @returns {void}
+         */
+        enableItem(element: any): void;
+
+        /** Enable the Toolbar item based on specified item id in the Toolbar.
+         * @param {string} The ID of the element need to be enabled
+         * @returns {void}
+         */
+        enableItemByID(ID: string): void;
+
+        /** To hide the Toolbar
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Remove the item from toolbar, based on specified item.
+         * @param {any} The element need to be removed
+         * @returns {void}
+         */
+        removeItem(element: any): void;
+
+        /** Remove the item from toolbar, based on specified item id in the Toolbar.
+         * @param {string} The ID of the element need to be removed
+         * @returns {void}
+         */
+        removeItemByID(ID: string): void;
+
+        /** Selects the item from toolbar, based on specified item.
+         * @param {any} The element need to be selected
+         * @returns {void}
+         */
+        selectItem(element: any): void;
+
+        /** Selects the item from toolbar, based on specified item id in the Toolbar.
+         * @param {string} The ID of the element need to be selected
+         * @returns {void}
+         */
+        selectItemByID(ID: string): void;
+
+        /** To show the Toolbar.
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace Toolbar {
+
+        export interface Model {
+
+            /** Sets the root CSS class for Toolbar control to achieve the custom theme.
+             */
+            cssClass?: string;
+
+            /** Specifies dataSource value for the Toolbar control during initialization.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Disables an Item or set of Items that are enabled in the Toolbar
+             * @Default {[]}
+             */
+            disabledItemIndices?: any[];
+
+            /** Specifies the Toolbar control state.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Enables an Item or set of Items that are disabled in the Toolbar
+             * @Default {[]}
+             */
+            enabledItemIndices?: any[];
+
+            /** Specifies enableRTL property to align the Toolbar control from right to left direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Allows to separate the each UL items in the Toolbar control.
+             * @Default {false}
+             */
+            enableSeparator?: boolean;
+
+            /** Specifies the mapping fields for the data items of the Toolbar
+             * @Default {null}
+             */
+            fields?: string;
+
+            /** Specifies the height of the Toolbar.
+             * @Default {28}
+             */
+            height?: number|string;
+
+            /** Specifies the list of HTML attributes to be added to toolbar control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies whether the Toolbar control is need to be show or hide.
+             * @Default {false}
+             */
+            hide?: boolean;
+
+            /** Enables/Disables the responsive support for Toolbar items during the window resizing time.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the items of  Toolbar
+             * @Default {null}
+             */
+            Items?: Items;
+
+            /** Specifies the Toolbar orientation. See orientation
+             * @Default {Horizontal}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Specifies the query to retrieve the data from the online server. The query is used only when the online dataSource is used.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Specifies the Toolbar responsive type.
+             * @Default {Popup}
+             */
+            responsiveType?: ej.Toolbar.ResponsiveType|string;
+
+            /** Displays the Toolbar with rounded corners.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the width of the Toolbar.
+             */
+            width?: number|string;
+
+            /** Fires after Toolbar control is clicked.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Fires after Toolbar control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires after Toolbar control is focused.
+             */
+            focusOut?(e: FocusOutEventArgs): void;
+
+            /** Fires when the Toolbar is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires after Toolbar control item is hovered.
+             */
+            itemHover?(e: ItemHoverEventArgs): void;
+
+            /** Fires after mouse leave from Toolbar control item.
+             */
+            itemLeave?(e: ItemLeaveEventArgs): void;
+
+            /** Fires when the overflow popup of toolbar is opened.
+             */
+            overflowOpen?(e: OverflowOpenEventArgs): void;
+
+            /** Fires when the overflow popup of toolbar is closed.
+             */
+            overflowClose?(e: OverflowCloseEventArgs): void;
+        }
+
+        export interface ClickEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the target of the current object.
+             */
+            target?: any;
 
-export interface LoadEventArgs {
+            /** returns the target of the current object.
+             */
+            currentTarget?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** return the Toolbar state
+             */
+            status?: boolean;
+        }
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+        export interface CreateEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface TabAddEventArgs {
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+        export interface FocusOutEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns new added tab header.
-	*/
-	tabHeader?: any;
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** returns new added tab content panel.
-	*/
-	tabContent?: any;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface TabClickEventArgs {
+        export interface DestroyEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: any;
+        export interface ItemHoverEventArgs {
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: any;
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface TabCreateEventArgs {
+            /** returns the target of the current object.
+             */
+            target?: any;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the target of the current object.
+             */
+            currentTarget?: any;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** return the Toolbar state
+             */
+            status?: boolean;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+        export interface ItemLeaveEventArgs {
 
-	/** returns current ribbon tab item index
-	*/
-	deleteIndex?: number;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface TabRemoveEventArgs {
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the target of the current object.
+             */
+            target?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the target of the current object.
+             */
+            currentTarget?: any;
 
-	/** returns the removed index.
-	*/
-	removedIndex?: number;
-}
+            /** return the Toolbar state
+             */
+            status?: boolean;
+        }
 
-export interface TabSelectEventArgs {
+        export interface OverflowOpenEventArgs {
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: any;
+            /** Returns the current  X position of the target .
+             */
+            clientX?: number;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+            /** Returns the current  Y position of the target .
+             */
+            clientY?: number;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: any;
+            /** returns the target of the current object.
+             */
+            currentTarget?: any;
+        }
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
-}
+        export interface OverflowCloseEventArgs {
 
-export interface ToggleButtonClickEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set to true when the event has to be canceled, else false.
-	*/
-	cancel?: boolean;
+            /** returns the Toolbar model
+             */
+            model?: ej.Toolbar.Model;
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the current  X position of the target .
+             */
+            clientX?: number;
 
-	/** returns the expand/collapse button.
-	*/
-	target?: number;
-}
+            /** Returns the current  Y position of the target .
+             */
+            clientY?: number;
 
-export interface QatMenuItemClickEventArgs {
+            /** returns the target of the current object.
+             */
+            currentTarget?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface Fields {
 
-	/** returns the ribbon model.
-	*/
-	model?: any;
+            /** Defines the group name for the item.
+             */
+            group?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Defines the HTML attributes such as id, class, styles for the item to extend the capability.
+             */
+            htmlAttributes?: any;
 
-	/** returns the clicked menu item text.
-	*/
-	text?: string;
-}
+            /** Defines id for the tag.
+             */
+            id?: string;
 
-export interface CollapsePinSettings {
+            /** Defines the image attributes such as height, width, styles and so on.
+             */
+            imageAttributes?: string;
 
-	/** Sets tooltip for the collapse pin .
-	*   @Default {null}
-	*/
-	toolTip?: string;
+            /** Defines the imageURL for the image location.
+             */
+            imageUrl?: string;
+
+            /** Defines the sprite CSS for the image tag.
+             */
+            spriteCssClass?: string;
+
+            /** Defines the text content for the tag.
+             */
+            text?: string;
+
+            /** Defines the tooltip text for the tag.
+             */
+            tooltipText?: string;
+
+            /** Allows you to add  template as toolbar item
+             */
+            template?: string;
+        }
+
+        export interface Items {
+
+            /** Defines the group name for the item.
+             */
+            group?: string;
+
+            /** Defines the HTML attributes such as id, class, styles for the item .
+             */
+            htmlAttributes?: any;
+
+            /** Defines id for the tag.
+             */
+            id?: string;
+
+            /** Defines the image attributes such as height, width, styles and so on.
+             */
+            imageAttributes?: string;
+
+            /** Defines the imageURL for the image location.
+             */
+            imageUrl?: string;
+
+            /** Defines the sprite CSS for the image tag.
+             */
+            spriteCssClass?: string;
+
+            /** Defines the text content for the tag.
+             */
+            text?: string;
+
+            /** Defines the tooltip text for the tag.
+             */
+            tooltipText?: string;
+
+            /** Allows to add template as toolbar item.
+             */
+            template?: string;
+        }
+
+        enum ResponsiveType {
+
+            ///To display the toolbar overflow items as popup
+            Popup,
+
+            ///To display the toolbar overflow items as inline toolbar
+            Inline
+        }
+
+    }
+
+    class TreeView extends ej.Widget {
+        static fn: TreeView;
+        constructor(element: JQuery | Element, options?: TreeView.Model);
+        static Locale: any;
+        model: TreeView.Model;
+        defaults: TreeView.Model;
+
+        /** To add a Node or collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in
+         * TreeView.
+         * @param {string|any} New node text or JSON object
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {void}
+         */
+        addNode(newNodeText: string|any, target: string|any): void;
+
+        /** To add a collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
+         * @param {any|any[]} New node details in JSON object
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {void}
+         */
+        addNodes(collection: any|any[], target: string|any): void;
+
+        /** To check all the nodes in TreeView.
+         * @returns {void}
+         */
+        checkAll(): void;
+
+        /** To check a node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        checkNode(element: string|any|any[]): void;
+
+        /** This method is used to collapse all nodes in TreeView control. If you want to collapse all nodes up to the specific level in TreeView control then we need to pass levelUntil as
+         * argument to this method.
+         * @param {number} TreeView nodes will collapse until the given level
+         * @param {boolean} Weather exclude the hidden nodes of TreeView while collapse all nodes
+         * @returns {void}
+         */
+        collapseAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
+
+        /** To collapse a particular node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node|object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        collapseNode(element: string|any|any[]): void;
+
+        /** To disable the node in the TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        disableNode(element: string|any|any[]): void;
+
+        /** To enable the node in the TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        enableNode(element: string|any|any[]): void;
+
+        /** To ensure that the TreeView node is visible in the TreeView. This method is useful if we need select a TreeView node dynamically.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        ensureVisible(element: string|any): boolean;
+
+        /** This method is used to expand all nodes in TreeView control. If you want to expand all nodes up to the specific level in TreeView control then we need to pass levelUntil as
+         * argument to this method.
+         * @param {number} TreeView nodes will expand until the given level
+         * @param {boolean} Weather exclude the hidden nodes of TreeView while expand all nodes
+         * @returns {void}
+         */
+        expandAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
+
+        /** To expandNode particular node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        expandNode(element: string|any|any[]): void;
+
+        /** To get currently checked nodes in TreeView.
+         * @returns {any}
+         */
+        getCheckedNodes(): any;
+
+        /** To get currently checked nodes indexes in TreeView.
+         * @returns {any[]}
+         */
+        getCheckedNodesIndex(): any[];
+
+        /** This method is used to get immediate child nodes of a node in TreeView control. If you want to get the all child nodes include nested child nodes then we need to pass
+         * includeNestedChild as true along with element arguments to this method.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @param {boolean} Weather include nested child nodes of TreeView node
+         * @returns {any[]}
+         */
+        getChildren(element: string|any, includeNestedChild?: boolean): any[];
+
+        /** To get number of nodes in TreeView.
+         * @returns {number}
+         */
+        getNodeCount(): number;
+
+        /** To get currently expanded nodes in TreeView.
+         * @returns {any}
+         */
+        getExpandedNodes(): any;
+
+        /** To get currently expanded nodes indexes in TreeView.
+         * @returns {any[]}
+         */
+        getExpandedNodesIndex(): any[];
+
+        /** To get TreeView node by using index position in TreeView.
+         * @param {number} Index position of TreeView node
+         * @returns {any}
+         */
+        getNodeByIndex(index: number): any;
+
+        /** To get TreeView node data such as id, text, parentId, selected, checked, expanded, level, childes and index.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {any}
+         */
+        getNode(element: string|any): any;
+
+        /** To get current index position of TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {number}
+         */
+        getNodeIndex(element: string|any): number;
+
+        /** To get immediate parent TreeView node of particular TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {any}
+         */
+        getParent(element: string|any): any;
+
+        /** To get the currently selected node in TreeView.
+         * @returns {any}
+         */
+        getSelectedNode(): any;
+
+        /** To get the currently selected nodes in TreeView.
+         * @returns {any[]}
+         */
+        getSelectedNodes(): any[];
+
+        /** To get the index position of currently selected node in TreeView.
+         * @returns {number}
+         */
+        getSelectedNodeIndex(): number;
+
+        /** To get the index positions of currently selected nodes in TreeView.
+         * @returns {any[]}
+         */
+        getSelectedNodesIndex(): any[];
+
+        /** To get the text of a node in TreeView.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {string}
+         */
+        getText(element: string|any): string;
+
+        /** To get the updated datasource of TreeView after performing some operation like drag and drop, node editing, adding and removing node.
+         * @param {string|number} ID of TreeView node
+         * @returns {any[]}
+         */
+        getTreeData(id?: string|number): any[];
+
+        /** To get currently visible nodes in TreeView.
+         * @returns {any}
+         */
+        getVisibleNodes(): any;
+
+        /** To check a node having child or not.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        hasChildNode(element: string|any): boolean;
+
+        /** To show nodes in TreeView.
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** To hide particular node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        hideNode(element: string|any|any[]): void;
+
+        /** To add a Node or collection of nodes after the particular TreeView node.
+         * @param {string|any} New node text or JSON object
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {void}
+         */
+        insertAfter(newNodeText: string|any, target: string|any): void;
+
+        /** To add a Node or collection of nodes before the particular TreeView node.
+         * @param {string|any} New node text or JSON object
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {void}
+         */
+        insertBefore(newNodeText: string|any, target: string|any): void;
+
+        /** To check the given TreeView node is checked or unchecked.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isNodeChecked(element: string|any): boolean;
+
+        /** To check whether the child nodes are loaded of the given TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isChildLoaded(element: string|any): boolean;
+
+        /** To check the given TreeView node is disabled or enabled.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isDisabled(element: string|any): boolean;
+
+        /** To check the given node is exist in TreeView.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isExist(element: string|any): boolean;
+
+        /** To get the expand status of the given TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isExpanded(element: string|any): boolean;
+
+        /** To get the select status of the given TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isSelected(element: string|any): boolean;
+
+        /** To get the visibility status of the given TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {boolean}
+         */
+        isVisible(element: string|any): boolean;
+
+        /** To load the TreeView nodes from the particular URL. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in
+         * TreeView.
+         * @param {string} URL location, the data returned from the URL will be loaded in TreeView
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @returns {void}
+         */
+        loadData(URL: string, target: string|any): void;
+
+        /** To move the TreeView node with in same TreeView. The new position of given TreeView node will be based on destination node and index position.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @param {number} New index position of given source node
+         * @returns {void}
+         */
+        moveNode(sourceNode: string|any, destinationNode: string|any, index: number): void;
+
+        /** To refresh the TreeView
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** To remove all the nodes in TreeView.
+         * @returns {void}
+         */
+        removeAll(): void;
+
+        /** To remove a node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        removeNode(element: string|any|any[]): void;
+
+        /** To select all the TreeView nodes when enable allowMultiSelection property.
+         * @returns {void}
+         */
+        selectAll(): void;
+
+        /** This method is used to select a node in TreeView control. If you want to select the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        selectNode(element: string|any|any[]): void;
+
+        /** To show nodes in TreeView.
+         * @returns {void}
+         */
+        show(): void;
+
+        /** To show a node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        showNode(element: string|any|any[]): void;
+
+        /** To uncheck all the nodes in TreeView.
+         * @returns {void}
+         */
+        unCheckAll(): void;
+
+        /** To uncheck a node in TreeView.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        uncheckNode(element: string|any|any[]): void;
+
+        /** To unselect all the TreeView nodes when enable allowMultiSelection property.
+         * @returns {void}
+         */
+        unselectAll(): void;
+
+        /** This method is used to unselect a node in TreeView control. If you want to unselect the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
+         * @param {string|any|any[]} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
+         * @returns {void}
+         */
+        unselectNode(element: string|any|any[]): void;
+
+        /** To edit or update the text of the TreeView node.
+         * @param {string|any} ID of TreeView node/object of TreeView node
+         * @param {string} New text
+         * @returns {void}
+         */
+        updateText(target: string|any, newText: string): void;
+    }
+    export namespace TreeView {
+
+        export interface Model {
+
+            /** Gets or sets a value that indicates whether to enable drag and drop a node within the same tree.
+             * @Default {false}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable drag and drop a node in inter ej.TreeView.
+             * @Default {true}
+             */
+            allowDragAndDropAcrossControl?: boolean;
+
+            /** Gets or sets a value that indicates whether to drop a node to a sibling of particular node.
+             * @Default {true}
+             */
+            allowDropSibling?: boolean;
+
+            /** Gets or sets a value that indicates whether to drop a node to a child of particular node.
+             * @Default {true}
+             */
+            allowDropChild?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable node editing support for TreeView.
+             * @Default {false}
+             */
+            allowEditing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable keyboard support for TreeView actions like nodeSelection, nodeEditing, nodeExpand, nodeCollapse, nodeCut and Paste.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable multi selection support for TreeView.
+             * @Default {false}
+             */
+            allowMultiSelection?: boolean;
+
+            /** Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
+             * @Default {true}
+             */
+            autoCheck?: boolean;
+
+            /** Allow us to specify the parent node to be retain in checked or unchecked state instead of going for indeterminate state.
+             * @Default {false}
+             */
+            autoCheckParentNode?: boolean;
+
+            /** Gets or sets a value that indicates the checkedNodes index collection as an array. The given array index position denotes the nodes, that are checked while rendering TreeView.
+             * @Default {[]}
+             */
+            checkedNodes?: any[];
+
+            /** Sets the root CSS class for TreeView which allow us to customize the appearance.
+             */
+            cssClass?: string;
+
+            /** Gets or sets a value that indicates whether to enable or disable the animation effect while expanding or collapsing a node.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Gets or sets a value that indicates whether a TreeView can be enabled or disabled. No actions can be performed while this property is set as false
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Allow us to prevent multiple nodes to be in expanded state. If it set to false, previously expanded node will be collapsed automatically, while we expand a node.
+             * @Default {true}
+             */
+            enableMultipleExpand?: boolean;
+
+            /** Sets a value that indicates whether to persist the TreeView model state in page using applicable medium i.e., HTML5 localStorage or cookies
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Gets or sets a value that indicates to align content in the TreeView control from right to left by setting the property as true.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Gets or sets a array of value that indicates the expandedNodes index collection as an array. The given array index position denotes the nodes, that are expanded while rendering
+             * TreeView.
+             * @Default {[]}
+             */
+            expandedNodes?: any[];
+
+            /** Gets or sets a value that indicates the TreeView node can be expand or collapse by using the specified action.
+             * @Default {dblclick}
+             */
+            expandOn?: string;
+
+            /** Gets or sets a fields object that allow us to map the data members with field properties in order to make the data binding easier.
+             * @Default {null}
+             */
+            fields?: Fields;
+
+            /** Gets or sets a value that indicates whether to enable full row selection support for TreeView.
+             * @Default {false}
+             */
+            fullRowSelect?: boolean;
+
+            /** Defines the height of the TreeView.
+             * @Default {Null}
+             */
+            height?: string|number;
+
+            /** Specifies the HTML Attributes for the TreeView. Using this API we can add custom attributes in TreeView control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specifies the child nodes to be loaded on demand
+             * @Default {false}
+             */
+            loadOnDemand?: boolean;
+
+            /** Gets or Sets a value that indicates the index position of a tree node. The particular index tree node will be selected while rendering the TreeView.
+             * @Default {-1}
+             */
+            selectedNode?: number;
+
+            /** Gets or sets a value that indicates the selectedNodes index collection as an array. The given array index position denotes the nodes, that are selected while rendering TreeView.
+             * @Default {[]}
+             */
+            selectedNodes?: any[];
+
+            /** Gets or sets a value that indicates whether to display or hide checkbox for all TreeView nodes.
+             * @Default {false}
+             */
+            showCheckbox?: boolean;
+
+            /** By using sortSettings property, you can customize the sorting option in TreeView control.
+             */
+            sortSettings?: SortSettings;
+
+            /** Allow us to use custom template in order to create TreeView.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Defines the width of the TreeView.
+             * @Default {Null}
+             */
+            width?: string|number;
+
+            /** Fires before adding node to TreeView.
+             */
+            beforeAdd?(e: BeforeAddEventArgs): void;
+
+            /** Fires before collapse a node.
+             */
+            beforeCollapse?(e: BeforeCollapseEventArgs): void;
+
+            /** Fires before cut node in TreeView.
+             */
+            beforeCut?(e: BeforeCutEventArgs): void;
+
+            /** Fires before deleting node in TreeView.
+             */
+            beforeDelete?(e: BeforeDeleteEventArgs): void;
+
+            /** Fires before editing the node in TreeView.
+             */
+            beforeEdit?(e: BeforeEditEventArgs): void;
+
+            /** Fires before expanding the node.
+             */
+            beforeExpand?(e: BeforeExpandEventArgs): void;
+
+            /** Fires before loading nodes to TreeView.
+             */
+            beforeLoad?(e: BeforeLoadEventArgs): void;
+
+            /** Fires before paste node in TreeView.
+             */
+            beforePaste?(e: BeforePasteEventArgs): void;
+
+            /** Fires before selecting node in TreeView.
+             */
+            beforeSelect?(e: BeforeSelectEventArgs): void;
+
+            /** Fires when TreeView created successfully.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when TreeView destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires before nodeEdit Successful.
+             */
+            inlineEditValidation?(e: InlineEditValidationEventArgs): void;
+
+            /** Fires when key pressed successfully.
+             */
+            keyPress?(e: KeyPressEventArgs): void;
+
+            /** Fires when data load fails.
+             */
+            loadError?(e: LoadErrorEventArgs): void;
+
+            /** Fires when data loaded successfully.
+             */
+            loadSuccess?(e: LoadSuccessEventArgs): void;
+
+            /** Fires once node added successfully.
+             */
+            nodeAdd?(e: NodeAddEventArgs): void;
+
+            /** Fires once node checked successfully.
+             */
+            nodeCheck?(e: NodeCheckEventArgs): void;
+
+            /** Fires when node clicked successfully.
+             */
+            nodeClick?(e: NodeClickEventArgs): void;
+
+            /** Fires when node collapsed successfully.
+             */
+            nodeCollapse?(e: NodeCollapseEventArgs): void;
 
-	/** Specifies the custom tooltip for collapse pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-	*   @Default {Object}
-	*/
-	customToolTip?: any;
-}
+            /** Fires when node cut successfully.
+             */
+            nodeCut?(e: NodeCutEventArgs): void;
 
-export interface ExpandPinSettings {
+            /** Fires when node deleted successfully.
+             */
+            nodeDelete?(e: NodeDeleteEventArgs): void;
 
-	/** Sets tooltip for the expand pin.
-	*   @Default {null}
-	*/
-	toolTip?: string;
+            /** Fires when node dragging.
+             */
+            nodeDrag?(e: NodeDragEventArgs): void;
 
-	/** Specifies the custom tooltip for expand pin.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-	*   @Default {Object}
-	*/
-	customToolTip?: any;
-}
+            /** Fires once node drag start successfully.
+             */
+            nodeDragStart?(e: NodeDragStartEventArgs): void;
 
-export interface ApplicationTabBackstageSettingsPage {
+            /** Fires before the dragged node to be dropped.
+             */
+            nodeDragStop?(e: NodeDragStopEventArgs): void;
 
-	/** Specifies the id for ribbon backstage page's tab and button elements.
-	*   @Default {null}
-	*/
-	id?: string;
+            /** Fires once node dropped successfully.
+             */
+            nodeDropped?(e: NodeDroppedEventArgs): void;
 
-	/** Specifies the text for ribbon backstage page's tab header and button elements.
-	*   @Default {null}
-	*/
-	text?: string;
+            /** Fires once node edited successfully.
+             */
+            nodeEdit?(e: NodeEditEventArgs): void;
 
-	/** Specifies the type for ribbon backstage page's contents. Set &quot;ej.Ribbon.BackStageItemType.Tab&quot; to render the tab or &quot;ej.Ribbon.BackStageItemType.Button&quot; to render the button.
-	*   @Default {ej.Ribbon.ItemType.Tab}
-	*/
-	itemType?: ej.Ribbon.ItemType|string;
+            /** Fires once node expanded successfully.
+             */
+            nodeExpand?(e: NodeExpandEventArgs): void;
 
-	/** Specifies the id of HTML elements like div,ul, etc., as ribbon backstage page's tab content.
-	*   @Default {null}
-	*/
-	contentID?: string;
+            /** Fires once node pasted successfully.
+             */
+            nodePaste?(e: NodePasteEventArgs): void;
 
-	/** Specifies the separator between backstage page's tab and button elements.
-	*   @Default {false}
-	*/
-	enableSeparator?: boolean;
-}
+            /** Fires when node selected successfully.
+             */
+            nodeSelect?(e: NodeSelectEventArgs): void;
 
-export interface ApplicationTabBackstageSettings {
+            /** Fires once node unchecked successfully.
+             */
+            nodeUncheck?(e: NodeUncheckEventArgs): void;
 
-	/** Specifies the display text of application tab.
-	*   @Default {null}
-	*/
-	text?: string;
+            /** Fires once node unselected successfully.
+             */
+            nodeUnselect?(e: NodeUnselectEventArgs): void;
 
-	/** Specifies the height of ribbon backstage page.
-	*   @Default {null}
-	*/
-	height?: string|number;
+            /** Fires when TreeView nodes are loaded successfully
+             */
+            ready?(e: ReadyEventArgs): void;
+        }
 
-	/** Specifies the width of ribbon backstage page.
-	*   @Default {null}
-	*/
-	width?: string|number;
+        export interface BeforeAddEventArgs {
 
-	/** Specifies the ribbon backstage page with its tab and button elements.
-	*   @Default {Array}
-	*/
-	pages?: Array<ApplicationTabBackstageSettingsPage>;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Specifies the width of backstage page header that contains tabs and buttons.
-	*   @Default {null}
-	*/
-	headerWidth?: string|number;
-}
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-export interface ApplicationTab {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Specifies the ribbon backstage page items.
-	*   @Default {Object}
-	*/
-	backstageSettings?: ApplicationTabBackstageSettings;
+            /** returns the given new node data
+             */
+            data?: string|any;
 
-	/** Specifies the ID of ul list to create application menu in the ribbon control.
-	*   @Default {null}
-	*/
-	menuItemID?: string;
+            /** returns the parent element, the given new nodes to be appended to the given parent element
+             */
+            targetParent?: any;
 
-	/** Specifies the menu members, events by using the menu settings for the menu in the application tab.
-	*   @Default {Object}
-	*/
-	menuSettings?: any;
+            /** returns the given parent node details
+             */
+            parentDetails?: any;
+        }
 
-	/** Specifies the application menu or backstage page. Specify the type of application tab as &quot;ej.Ribbon.ApplicationTabType.Menu&quot; to render the application menu or &quot;ej.Ribbon.ApplicationTabType.Backstage&quot; to render backstage page in the ribbon control.
-	*   @Default {ej.Ribbon.ApplicationTabType.Menu}
-	*/
-	type?: ej.Ribbon.ApplicationTabType|string;
-}
+        export interface BeforeCollapseEventArgs {
 
-export interface ContextualTab {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Specifies the backgroundColor of the contextual tabs and tab set in the ribbon control.
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Specifies the borderColor of the contextual tabs and tab set in the ribbon control.
-	*   @Default {null}
-	*/
-	borderColor?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Specifies the tabs to present in the contextual tabs and tab set. Refer to the tabs section for adding tabs into the contextual tabs and tab set.
-	*   @Default {Array}
-	*/
-	tabs?: Array<any>;
-}
+            /** returns the value of the node
+             */
+            value?: string;
 
-export interface TabsGroupsContentDefaults {
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-	/** Specifies the controls height such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-	*   @Default {null}
-	*/
-	height?: string|number;
+            /** returns the child nodes are loaded or not
+             */
+            isChildLoaded?: boolean;
 
-	/** Specifies the controls width such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-	*   @Default {null}
-	*/
-	width?: string|number;
+            /** returns the id of currently clicked node
+             */
+            id?: string;
 
-	/** Specifies the controls type such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-	*   @Default {ej.Ribbon.Type.Button}
-	*/
-	type?: string;
+            /** returns the parent id of currently clicked node
+             */
+            parentId?: string;
 
-	/** Specifies the controls size such as Syncfusion button,split button,dropdown list,toggle button in the subgroup of  the ribbon tab.
-	*   @Default {false}
-	*/
-	isBig?: boolean;
-}
+            /** returns the format asynchronous or synchronous
+             */
+            async?: boolean;
+        }
 
-export interface TabsGroupsContentGroupsCustomGalleryItem {
-
-	/** Specifies the Syncfusion button members, events by using buttonSettings.
-	*   @Default {Object}
-	*/
-	buttonSettings?: any;
-
-	/** Specifies the type as ej.Ribbon.CustomItemType.Menu or ej.Ribbon.CustomItemType.Button to render Syncfusion button and menu.
-	*   @Default {ej.Ribbon.CustomItemType.Button}
-	*/
-	customItemType?: ej.Ribbon.CustomItemType|string;
-
-	/** Specifies the custom tooltip for gallery extra item's button. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-	*   @Default {Object}
-	*/
-	customToolTip?: any;
-
-	/** Specifies the UL list id to render menu as gallery extra item.
-	*   @Default {null}
-	*/
-	menuId?: string;
-
-	/** Specifies the Syncfusion menu members, events by using menuSettings.
-	*   @Default {Object}
-	*/
-	menuSettings?: any;
-
-	/** Specifies the text for gallery extra item's button.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Specifies the tooltip for gallery extra item's button.
-	*   @Default {null}
-	*/
-	toolTip?: string;
-}
+        export interface BeforeCutEventArgs {
 
-export interface TabsGroupsContentGroupsCustomToolTip {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Sets content to the custom tooltip. Text and HTML support are provided for content.
-	*   @Default {null}
-	*/
-	content?: string;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Sets icon to the custom tooltip content.
-	*   @Default {null}
-	*/
-	prefixIcon?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Sets title to the custom tooltip. Text and HTML support are provided for title and the title is in bold for text format.
-	*   @Default {null}
-	*/
-	title?: string;
-}
+            /** returns the event object
+             */
+            event?: any;
 
-export interface TabsGroupsContentGroupsGalleryItem {
+            /** returns the target element, the given node to be cut
+             */
+            target?: any;
 
-	/** Specifies the Syncfusion button members, events by using buttonSettings.
-	*   @Default {Object}
-	*/
-	buttonSettings?: any;
+            /** returns the given target node values
+             */
+            nodeDetails?: any;
 
-	/** Specifies the custom tooltip for gallery content. Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-	*   @Default {Object}
-	*/
-	customToolTip?: any;
+            /** returns the key pressed key code value
+             */
+            keyCode?: number;
+        }
 
-	/** Sets text for the gallery content.
-	*   @Default {null}
-	*/
-	text?: string;
+        export interface BeforeDeleteEventArgs {
 
-	/** Sets tooltip for the gallery content.
-	*   @Default {null}
-	*/
-	toolTip?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface TabsGroupsContentGroup {
-
-	/** When isMobileOnly is true,its shows in mobile toolbar.isResponsive should be true for using this property.
-	*   @Default {false}
-	*/
-	isMobileOnly?: boolean;
-
-	/** Specifies the Syncfusion button members, events by using this buttonSettings.
-	*   @Default {Object}
-	*/
-	buttonSettings?: any;
-
-	/** It is used to set the count of gallery contents in a row.
-	*   @Default {null}
-	*/
-	columns?: number;
-
-	/** Specifies the custom items such as div, table, controls as custom controls with the type &quot;ej.Ribbon.Type.Custom&quot; in the groups.
-	*   @Default {null}
-	*/
-	contentID?: string;
-
-	/** Specifies the CSS class property to apply styles to the button, split, dropdown controls in the groups.
-	*   @Default {null}
-	*/
-	cssClass?: string;
-
-	/** Specifies the Syncfusion button and menu as gallery extra items.
-	*   @Default {Array}
-	*/
-	customGalleryItems?: Array<TabsGroupsContentGroupsCustomGalleryItem>;
-
-	/** Provides custom tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups. Text and HTML support are also provided for title and content.
-	*   @Default {Object}
-	*/
-	customToolTip?: TabsGroupsContentGroupsCustomToolTip;
-
-	/** Specifies the Syncfusion dropdown list members, events by using this dropdownSettings.
-	*   @Default {Object}
-	*/
-	dropdownSettings?: any;
-
-	/** Specifies the separator to the control that is in row type group. The separator separates the control from the next control in the group. Set &quot;true&quot; to enable the separator.
-	*   @Default {false}
-	*/
-	enableSeparator?: boolean;
-
-	/** Sets the count of gallery contents in a row, when the gallery is in expanded state.
-	*   @Default {null}
-	*/
-	expandedColumns?: number;
-
-	/** Defines each gallery content.
-	*   @Default {Array}
-	*/
-	galleryItems?: Array<TabsGroupsContentGroupsGalleryItem>;
-
-	/** Specifies the Id for button, split button, dropdown list, toggle button, gallery, custom controls in the sub groups.
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Specifies the size for button, split button controls. Set &quot;true&quot; for big size and &quot;false&quot; for small size.
-	*   @Default {null}
-	*/
-	isBig?: boolean;
-
-	/** Sets the height of each gallery content.
-	*   @Default {null}
-	*/
-	itemHeight?: string|number;
-
-	/** Sets the width of each gallery content.
-	*   @Default {null}
-	*/
-	itemWidth?: string|number;
-
-	/** Specifies the Syncfusion split button members, events by using this splitButtonSettings.
-	*   @Default {Object}
-	*/
-	splitButtonSettings?: any;
-
-	/** Specifies the text for button, split button, toggle button controls in the sub groups.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Specifies the Syncfusion toggle button members, events by using toggleButtonSettings.
-	*   @Default {Object}
-	*/
-	toggleButtonSettings?: any;
-
-	/** Specifies the tooltip for button, split button, dropdown list, toggle button, custom controls in the sub groups.
-	*   @Default {null}
-	*/
-	toolTip?: string;
-
-	/** To add,show and hide controls in Quick Access toolbar.
-	*   @Default {ej.Ribbon.QuickAccessMode.None}
-	*/
-	quickAccessMode?: ej.Ribbon.QuickAccessMode|string;
-
-	/** Specifies the type as &quot;ej.Ribbon.Type.Button&quot; or &quot;ej.Ribbon.Type.SplitButton&quot; or &quot;ej.Ribbon.Type.DropDownList&quot; or &quot;ej.Ribbon.Type.ToggleButton&quot; or &quot;ej.Ribbon.Type.Custom&quot; or &quot;ej.Ribbon.Type.Gallery&quot; to render button, split, dropdown, toggle button, gallery, custom controls.
-	*   @Default {ej.Ribbon.Type.Button}
-	*/
-	type?: ej.Ribbon.Type|string;
-}
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-export interface TabsGroupsContent {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Specifies the height, width, type, isBig property to the controls in the group commonly.
-	*   @Default {Object}
-	*/
-	defaults?: TabsGroupsContentDefaults;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Specifies the controls such as Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls in the subgroup of the ribbon tab .
-	*   @Default {Array}
-	*/
-	groups?: Array<TabsGroupsContentGroup>;
-}
+            /** returns the target element, the given node to be deleted
+             */
+            target?: any;
 
-export interface TabsGroupsGroupExpanderSettings {
+            /** returns the given target node values
+             */
+            nodeDetails?: any;
 
-	/** Sets tooltip for the group expander of the group.
-	*   @Default {null}
-	*/
-	toolTip?: string;
+            /** returns the current parent element of the target node
+             */
+            parentElement?: any;
 
-	/** Specifies the custom tooltip for group expander.Refer to ejRibbon#tabs-&gt;groups-&gt;content-&gt;groups-&gt;customToolTip for its inner properties.
-	*   @Default {Object}
-	*/
-	customToolTip?: any;
-}
+            /** returns the parent node values
+             */
+            parentDetails?: any;
 
-export interface TabsGroup {
-
-	/** Specifies the alignment of controls in the groups in 'row' type or 'column' type. Value for row type is &quot;ej.Ribbon.AlignType.Rows&quot; and for column type is &quot;ej.Ribbon.alignType.columns&quot;.
-	*   @Default {ej.Ribbon.AlignType.Rows}
-	*/
-	alignType?: ej.Ribbon.AlignType|string;
-
-	/** Specifies the Syncfusion button, split button, dropdown list, toggle button, gallery, custom controls to the groups in the ribbon control.
-	*   @Default {Array}
-	*/
-	content?: Array<TabsGroupsContent>;
-
-	/** Specifies the ID of custom items to be placed in the groups.
-	*   @Default {null}
-	*/
-	contentID?: string;
-
-	/** Specifies the HTML contents to place into the groups.
-	*   @Default {null}
-	*/
-	customContent?: string;
-
-	/** Specifies the group expander for groups in the ribbon control. Set &quot;true&quot; to enable the group expander.
-	*   @Default {false}
-	*/
-	enableGroupExpander?: boolean;
-
-	/** Sets custom setting to the groups in the ribbon control.
-	*   @Default {Object}
-	*/
-	groupExpanderSettings?: TabsGroupsGroupExpanderSettings;
-
-	/** Specifies the text to the groups in the ribbon control.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Specifies the custom items such as div, table, controls by using the &quot;custom&quot; type.
-	*   @Default {null}
-	*/
-	type?: string;
-}
+            /** returns the currently removed nodes
+             */
+            removedNodes?: any[];
+        }
 
-export interface Tab {
+        export interface BeforeEditEventArgs {
 
-	/** Specifies single group or multiple groups and its contents to each tab in the ribbon control.
-	*   @Default {Array}
-	*/
-	groups?: Array<TabsGroup>;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Specifies the ID for each tab's content panel.
-	*   @Default {null}
-	*/
-	id?: string;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Specifies the text of the tab in the ribbon control.
-	*   @Default {null}
-	*/
-	text?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-enum ItemType{
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
+        }
 
-	///To render the button for ribbon backstage page’s contents
-	Button,
+        export interface BeforeExpandEventArgs {
 
-	///To render the tab for ribbon backstage page’s contents
-	Tab
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-enum ApplicationTabType{
+            /** returns the name of the event
+             */
+            type?: string;
 
-	///applicationTab display as menu
-	Menu,
+            /** returns the value of the node
+             */
+            value?: string;
 
-	///applicationTab display as backstage
-	Backstage
-}
+            /** if the child node is ready to expanded state; otherwise, false.
+             */
+            isChildLoaded?: boolean;
 
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-enum AlignType{
+            /** returns the id of currently clicked node
+             */
+            id?: string;
 
-	///To align the group content's in row
-	Rows,
+            /** returns the parent id of currently clicked node
+             */
+            parentId?: string;
 
-	///To align group content's in columns
-	Columns
-}
+            /** returns the format asynchronous or synchronous
+             */
+            async?: boolean;
+        }
 
+        export interface BeforeLoadEventArgs {
 
-enum CustomItemType{
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///Specifies the button type in customGalleryItems
-	Button,
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	///Specifies the menu type in customGalleryItems
-	Menu
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
+            /** returns the AJAX settings object
+             */
+            AjaxOptions?: any;
+        }
 
-enum QuickAccessMode{
+        export interface BeforePasteEventArgs {
 
-	///Controls are hidden in Quick Access toolbar 
-	None,
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///Add controls in toolBar
-	ToolBar,
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	///Add controls in menu
-	Menu
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
+            /** returns the event object
+             */
+            event?: any;
 
-enum Type{
+            /** returns the target element, the given node to be pasted
+             */
+            target?: any;
 
-	///Specifies the button control
-	Button,
+            /** returns the given target node values
+             */
+            nodeDetails?: any;
 
-	///Specifies the split button
-	SplitButton,
+            /** returns the key pressed key code value
+             */
+            keyCode?: number;
+        }
 
-	///Specifies the dropDown
-	DropDownList,
+        export interface BeforeSelectEventArgs {
 
-	///To append external element's
-	Custom,
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///Specifies the toggle button
-	ToggleButton,
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	///Specifies the ribbon gallery
-	Gallery
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-}
+            /** returns the target element, the given node to be selected
+             */
+            target?: any;
 
-class Kanban extends ej.Widget {
-	static fn: Kanban;
-	constructor(element: JQuery, options?: Kanban.Model);
-	constructor(element: Element, options?: Kanban.Model);
-	static Locale: any;
-	model:Kanban.Model;
-	defaults:Kanban.Model;
-
-	/** Add or remove columns in Kanban columns collections.Default action is add.
-	*   @param {Array<any>|string} Pass array of columns or string of headerText to add/remove the column in Kanban
-	*   @param {Array<any>|string} Pass array of columns or string of key value to add/remove the column in Kanban
-	*   @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
-	*   @returns {void}
-	*/
-	columns(columndetails: Array<any>|string, keyvalue: Array<any>|string, action?: string): void;
-
-	/** Destroy the Kanban widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Refresh the Kanban with new data source.
-	*   @param {Array<any>} Pass new data source to the Kanban
-	*   @returns {void}
-	*/
-	dataSource(datasource: Array<any>): void;
-
-	/** toggleColumn based on the headerText in Kanban.
-	*   @param {any} Pass the header text of the column to get the corresponding column object
-	*   @returns {void}
-	*/
-	toggleColumn(headerText: any): void;
-
-	/** Expand or collapse the card based on the state of target &quot;div&quot;
-	*   @param {string|number} Pass the id of card to be toggle 
-	*   @returns {void}
-	*/
-	toggleCard(key: string|number): void;
-
-	/** Used for get the names of all the visible column name collections in Kanban.
-	*   @returns {Array<any>}
-	*/
-	getVisibleColumnNames(): Array<any>;
-
-	/** Get the scroller object of Kanban.
-	*   @returns {ej.Scroller}
-	*/
-	getScrollObject(): ej.Scroller;
-
-	/** Get the column details based on the given header text in Kanban.
-	*   @param {string} Pass the header text of the column to get the corresponding column object
-	*   @returns {string}
-	*/
-	getColumnByHeaderText(headerText: string): string;
-
-	/** Get the table details based on the given header table in Kanban.
-	*   @returns {string}
-	*/
-	getHeaderTable(): string;
-
-	/** Hide columns from the Kanban based on the header text
-	*   @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to hide
-	*   @returns {void}
-	*/
-	hideColumns(headerText: Array<any>|string): void;
-
-	/** Print the Kanban Board
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** Refresh the template of the Kanban
-	*   @returns {void}
-	*/
-	refreshTemplate(): void;
-
-	/** Refresh the Kanban contents.The template refreshment is based on the argument passed along with this method
-	*   @param {boolean} optional When templateRefresh is set true, template and Kanban contents both are refreshed in Kanban else only Kanban content is refreshed
-	*   @returns {void}
-	*/
-	refresh(templateRefresh?: boolean): void;
-
-	/** Show columns in the Kanban based on the header text.
-	*   @param {Array<any>|string} You can pass either array of header text of various columns or a header text of a column to show
-	*   @returns {void}
-	*/
-	showColumns(headerText: Array<any>|string): void;
-
-	/** Update a card in Kanban control based on key and JSON data given.
-	*   @param {string} Pass the key field Name of the column
-	*   @param {Array<any>} Pass the edited JSON data of card need to be update.
-	*   @returns {void}
-	*/
-	updateCard(key: string, data: Array<any>): void;
-
-	KanbanSelection: Kanban.KanbanSelection;
-
-	KanbanSwimlane: Kanban.KanbanSwimlane;
-
-	KanbanFilter: Kanban.KanbanFilter;
-
-	KanbanEdit: Kanban.KanbanEdit;
-}
-export module Kanban{
+            /** returns the given target node values
+             */
+            nodeDetails?: any;
+        }
 
-export interface KanbanSelection {
+        export interface CreateEventArgs {
 
-	/** It is used to clear all the card selection.
-	*   @returns {void}
-	*/
-	clear(): void;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface KanbanSwimlane {
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Expand all the swimlane rows in Kanban.
-	*   @returns {void}
-	*/
-	expandAll(): void;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Collapse all the swimlane rows in Kanban.
-	*   @returns {void}
-	*/
-	collapseAll(): void;
+        export interface DestroyEventArgs {
 
-	/** Expand or collapse the swimlane row based on the state of target &quot;div&quot;
-	*   @param {any} Pass the div object to toggleSwimlane row based on its row state
-	*   @returns {void}
-	*/
-	toggle($div: any): void;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface KanbanFilter {
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Method used for send a clear search request to Kanban.
-	*   @returns {void}
-	*/
-	clearSearch(): void;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Send a search request to Kanban with specified string passed in it.
-	*   @param {string} Pass the string to search in Kanban card
-	*   @returns {void}
-	*/
-	searchCards(searchString: string): void;
+        export interface InlineEditValidationEventArgs {
 
-	/** Send a clear request to filter cards in the kanban.
-	*   @returns {void}
-	*/
-	clearFilter(): void;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Send a filtering request to cards in the kanban.
-	*   @returns {void}
-	*/
-	filterCards(): void;
-}
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-export interface KanbanEdit {
-
-	/** Add a new card in Kanban control when allowAdding is set as true. If parameters are not given default dialog will be open.
-	*   @param {string} Pass the primary key field Name of the column
-	*   @param {Array<any>} Pass the edited JSON data of card need to be add.
-	*   @returns {void}
-	*/
-	addCard(primaryKey: string,card: Array<any>): void;
-
-	/** Send a cancel request of add/edit card in Kanban when allowEditing/allowAdding is set as true.
-	*   @returns {void}
-	*/
-	cancelEdit(): void;
-
-	/** Delete a card in Kanban control when allowAdding/allowEditing is set as true.
-	*   @param {string|number} Pass the key of card to be delete
-	*   @returns {void}
-	*/
-	deleteCard(Key: string|number): void;
-
-	/** Send a save request in Kanban when any card is in edit/new add card state and allowEditing/allowAdding is set as true.
-	*   @returns {void}
-	*/
-	endEdit(): void;
-
-	/** Send an edit card request in Kanban when allowEditing is set as true. Parameter will be HTML element or primary key
-	*   @param {any} Pass the div selected row element to be edited in Kanban
-	*   @returns {void}
-	*/
-	startEdit($div: any): void;
-
-	/** Method used for set validation to a field during editing.
-	*   @param {string} Specify the name of the column to set validation rules
-	*   @param {any} Specify the validation rules for the field
-	*   @returns {void}
-	*/
-	setValidationToField(name: string,rules: any): void;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface Model {
-
-	/** Gets or sets a value that indicates whether to enable allowDragAndDrop behavior on Kanban.
-	*   @Default {true}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** To enable or disable the title of the card.
-	*   @Default {false}
-	*/
-	allowTitle?: boolean;
-
-	/** Customize the settings for swim lane.
-	*   @Default {Object}
-	*/
-	swimlaneSettings?: SwimlaneSettings;
-
-	/** To enable or disable the column expand /collapse.
-	*   @Default {false}
-	*/
-	allowToggleColumn?: boolean;
-
-	/** To enable Searching operation in Kanban.
-	*   @Default {false}
-	*/
-	allowSearching?: boolean;
-
-	/** To enable filtering behavior on Kanban.User can specify query in filterSettings collection after enabling allowFiltering.
-	*   @Default {false}
-	*/
-	allowFiltering?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable allowSelection behavior on Kanban.User can select card and the selected card will be highlighted on Kanban.
-	*   @Default {true}
-	*/
-	allowSelection?: boolean;
-
-	/** Gets or sets a value that indicates whether to allow card hover actions.
-	*   @Default {true}
-	*/
-	allowHover?: boolean;
-
-	/** To allow keyboard navigation actions.
-	*   @Default {false}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the scrollbar in the Kanban and view the card by scroll through the Kanban manually.
-	*   @Default {false}
-	*/
-	allowScrolling?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable printing option.
-	*   @Default {false}
-	*/
-	allowPrinting?: boolean;
-
-	/** Gets or sets an object that indicates whether to customize the context menu behavior of the Kanban.
-	*   @Default {Object}
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/** Gets or sets an object that indicates to render the Kanban with specified columns.
-	*   @Default {Array}
-	*/
-	columns?: Array<Column>;
-
-	/** Gets or sets an object that indicates whether to Customize the card settings.
-	*   @Default {Object}
-	*/
-	cardSettings?: CardSettings;
-
-	/** Gets or sets a value that indicates whether to add customToolbarItems within the toolbar to perform any action in the Kanban.
-	*   @Default {[]}
-	*/
-	customToolbarItems?: Array<CustomToolbarItem>;
-
-	/** Gets or sets a value that indicates to render the Kanban with custom theme.
-	*/
-	cssClass?: string;
-
-	/** Gets or sets the data to render the Kanban with cards.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** To perform kanban functionalities with touch interaction.
-	*   @Default {true}
-	*/
-	enableTouch?: boolean;
-
-	/** Align content in the Kanban control align from right to left by setting the property as true.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** To show total count of cards in each column.
-	*   @Default {false}
-	*/
-	enableTotalCount?: boolean;
-
-	/** Get or sets an object that indicates whether to customize the editing behavior of the Kanban.
-	*   @Default {Object}
-	*/
-	editSettings?: EditSettings;
-
-	/** To customize field mappings for card , editing title and control key parameters
-	*   @Default {Object}
-	*/
-	fields?: Fields;
-
-	/** To map datasource field for column values mapping
-	*   @Default {null}
-	*/
-	keyField?: string;
-
-	/** When set to true, adapts the Kanban layout to fit the screen size of devices on which it renders.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Gets or sets a value that indicates whether to set the minimum width of the responsive Kanban while isResponsive property is true.
-	*   @Default {0}
-	*/
-	minWidth?: number;
-
-	/** To customize the filtering behavior based on queries given.
-	*   @Default {Array}
-	*/
-	filterSettings?: Array<FilterSetting>;
-
-	/** ej Query to query database of Kanban.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** To change the key in keyboard interaction to Kanban control.
-	*   @Default {null}
-	*/
-	keySettings?: any;
+            /** returns the new entered text for the node
+             */
+            newText?: string;
 
-	/** Gets or sets an object that indicates whether to customize the scrolling behavior of the Kanban.
-	*   @Default {Object}
-	*/
-	scrollSettings?: ScrollSettings;
+            /** returns the current node element id
+             */
+            id?: any;
 
-	/** To customize the searching behavior of the Kanban.
-	*   @Default {Object}
-	*/
-	searchSettings?: SearchSettings;
+            /** returns the old node text
+             */
+            oldText?: string;
+        }
 
-	/** To allow customize selection type. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
-	*   @Default {ej.Kanban.SelectionType.Single}
-	*/
-	selectionType?: ej.Kanban.SelectionType|string;
+        export interface KeyPressEventArgs {
 
-	/** Gets or sets an object that indicates to managing the collection of stacked header rows for the Kanban.
-	*   @Default {Array}
-	*/
-	stackedHeaderRows?: Array<StackedHeaderRow>;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** The tooltip allows to display card details in a tooltip while hovering on it.
-	*/
-	tooltipSettings?: TooltipSettings;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Gets or sets an object that indicates to render the Kanban with specified workflows.
-	*   @Default {Array}
-	*/
-	workflows?: Array<Workflow>;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
-	*   @Default {en-US}
-	*/
-	locale?: string;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Triggered for every Kanban action before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-	/** Triggered for every Kanban action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** returns the value of the node
+             */
+            value?: string;
 
-	/** Triggered for every Kanban action server failure event. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+            /** returns node path from root element
+             */
+            path?: string;
 
-	/** Triggered before the task is going to be edited. */
-	beginEdit? (e: BeginEditEventArgs): void;
+            /** returns the key pressed key code value
+             */
+            keyCode?: number;
 
-	/** Triggered before the card is selected. */
-	beforeCardSelect? (e: BeforeCardSelectEventArgs): void;
+            /** it returns when the current node is in expanded state; otherwise, false.
+             */
+            isExpanded?: boolean;
 
-	/** Trigger after the card is clicked. */
-	cardClick? (e: CardClickEventArgs): void;
+            /** returns the id of current TreeView node
+             */
+            id?: string;
 
-	/** Triggered when the card is being dragged. */
-	cardDrag? (e: CardDragEventArgs): void;
+            /** returns the parentId of current TreeView node
+             */
+            parentId?: string;
+        }
 
-	/** Triggered when card dragging start. */
-	cardDragStart? (e: CardDragStartEventArgs): void;
+        export interface LoadErrorEventArgs {
 
-	/** Triggered when card dragging stops. */
-	cardDragStop? (e: CardDragStopEventArgs): void;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the card is Dropped. */
-	cardDrop? (e: CardDropEventArgs): void;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Triggered after the card is selected. */
-	cardSelect? (e: CardSelectEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Triggered when card is double clicked. */
-	cardDoubleClick? (e: CardDoubleClickEventArgs): void;
+            /** returns the AJAX error object
+             */
+            error?: any;
+        }
 
-	/** Triggered before the card is selected. */
-	cardSelecting? (e: CardSelectingEventArgs): void;
+        export interface LoadSuccessEventArgs {
 
-	/** Triggered when the Kanban is rendered completely */
-	create? (e: CreateEventArgs): void;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggers after the cell is clicked. */
-	cellClick? (e: CellClickEventArgs): void;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Triggered before the context menu is opened. */
-	contextOpen? (e: ContextOpenEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Triggered when context menu item is clicked in Kanban */
-	contextClick? (e: ContextClickEventArgs): void;
+            /** returns the success data from the URL
+             */
+            data?: any;
 
-	/** Triggered the Kanban is bound with data during initial rendering. */
-	dataBound? (e: DataBoundEventArgs): void;
+            /** returns the target parent element, the data returned from the URL to be appended to the given parent element, else in TreeView
+             */
+            targetParent?: any;
 
-	/** Triggered when Kanban going to destroy. */
-	destroy? (e: DestroyEventArgs): void;
+            /** returns the given parent node details
+             */
+            parentDetails?: any;
+        }
 
-	/** Triggered after the card is deleted. */
-	endDelete? (e: EndDeleteEventArgs): void;
+        export interface NodeAddEventArgs {
 
-	/** Triggered after the card is edited. */
-	endEdit? (e: EndEditEventArgs): void;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Triggers after the header is clicked. */
-	headerClick? (e: HeaderClickEventArgs): void;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Triggered initial load. */
-	load? (e: LoadEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Triggers before swim lane expand or collapse icon is clicked. */
-	swimlaneClick? (e: SwimlaneClickEventArgs): void;
+            /** returns the added data, that are given initially
+             */
+            data?: any;
 
-	/** Triggered every time a single card rendered request is made to access particular card information. */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+            /** returns the newly added elements
+             */
+            nodes?: any;
 
-	/** Triggered when toolbar item is clicked in Kanban. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+            /** returns the target parent element of the added element
+             */
+            parentElement?: any;
 
-export interface ActionBeginEventArgs {
+            /** returns the given parent node details
+             */
+            parentDetails?: any;
+        }
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+        export interface NodeCheckEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the current action event type.
-	*/
-	originalEventType?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** returns the value of the node
+             */
+            value?: string;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+            /** returns the id of the current element of the node clicked
+             */
+            id?: string;
 
-	/** Returns the card object (JSON).
-	*/
-	data?: any;
+            /** returns the id of the parent element of current element of the node clicked
+             */
+            parentId?: string;
 
-	/** Returns current filtering object field name.
-	*/
-	currentFilteringobject?: any;
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+            /** it returns true when the node checkbox is checked; otherwise, false.
+             */
+            isChecked?: boolean;
 
-export interface ActionCompleteEventArgs {
+            /** it returns the currently checked node name
+             */
+            currentNode?: any[];
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** it returns the currently checked and its child node details
+             */
+            currentCheckedNodes?: any[];
+        }
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+        export interface NodeClickEventArgs {
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-	/** Returns Kanban element.
-	*/
-	target?: any;
+            /** returns the id of currently clicked TreeView node
+             */
+            id?: string;
 
-	/** Returns the card object (JSON).
-	*/
-	data?: any;
+            /** returns the parentId of currently clicked TreeView node
+             */
+            parentId?: string;
+        }
 
-	/** Returns the selectedRow index.
-	*/
-	selectedRow?: number;
+        export interface NodeCollapseEventArgs {
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-export interface ActionFailureEventArgs {
+            /** returns the id of the current element of the node clicked
+             */
+            id?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the id of the parent element of current element of the node clicked
+             */
+            parentId?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** returns the value of the node
+             */
+            value?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-	/** Returns the error return by server.
-	*/
-	error?: any;
+            /** returns the child nodes are loaded or not
+             */
+            isChildLoaded?: boolean;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+            /** returns the format asynchronous or synchronous
+             */
+            async?: boolean;
+        }
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+        export interface NodeCutEventArgs {
 
-	/** Returns Kanban element.
-	*/
-	target?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the card object (JSON).
-	*/
-	data?: any;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+            /** returns the event object
+             */
+            event?: any;
 
-export interface BeginEditEventArgs {
+            /** returns the current parent element of the cut node
+             */
+            parentElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the given parent node details
+             */
+            parentDetails?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the key pressed key code value
+             */
+            keyCode?: number;
+        }
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+        export interface NodeDeleteEventArgs {
 
-	/** Returns begin edit data.
-	*/
-	data?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-export interface BeforeCardSelectEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+            /** returns the current parent element of the deleted node
+             */
+            parentElement?: any;
 
-	/** Returns the select card index value.
-	*/
-	cardIndex?: number;
+            /** returns the given parent node details
+             */
+            parentDetails?: any;
 
-	/** Returns the select cell element
-	*/
-	currentCell?: any;
+            /** returns the currently removed nodes
+             */
+            removedNodes?: any[];
+        }
 
-	/** Returns the previously select the card element
-	*/
-	previousCard?: any;
+        export interface NodeDragEventArgs {
 
-	/** Returns the previously select card indexes
-	*/
-	previousRowcellindex?: Array<any>;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the Target item.
-	*/
-	Target?: any;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns select card data.
-	*/
-	data?: any;
+            /** returns the original drag target
+             */
+            dragTarget?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current target TreeView node
+             */
+            target?: any;
 
-export interface CardClickEventArgs {
+            /** returns the current target details
+             */
+            targetElementData?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the current parent element of the target node
+             */
+            draggedElement?: any;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            /** returns the given parent node details
+             */
+            draggedElementData?: any;
 
-	/** Returns the current card to the Kanban.
-	*/
-	currentCard?: string;
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** Returns Kanban element.
-	*/
-	target?: any;
+        export interface NodeDragStartEventArgs {
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the Header text of the column corresponding to the selected card.
-	*/
-	columnName?: string;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface CardDragEventArgs {
+            /** returns the original drag target
+             */
+            dragTarget?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the current dragging parent TreeView node
+             */
+            parentElement?: any;
 
-	/** Returns drag data.
-	*/
-	data?: any;
+            /** returns the current dragging parent TreeView node details
+             */
+            parentElementData?: any;
 
-	/** Returns drag start element.
-	*/
-	dragtarget?: any;
+            /** returns the current parent element of the dragging node
+             */
+            target?: any;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+            /** returns the given parent node details
+             */
+            targetElementData?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface NodeDragStopEventArgs {
 
-export interface CardDragStartEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns card drag start data.
-	*/
-	data?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+            /** returns the original drop target
+             */
+            dropTarget?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the current dragged TreeView node
+             */
+            draggedElement?: any;
 
-	/** Returns drag start element.
-	*/
-	dragtarget?: any;
+            /** returns the current dragged TreeView node details
+             */
+            draggedElementData?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current parent element of the dragged node
+             */
+            target?: any;
 
-export interface CardDragStopEventArgs {
+            /** returns the given parent node details
+             */
+            targetElementData?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the drop position such as before, after or over
+             */
+            position?: string;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+        export interface NodeDroppedEventArgs {
 
-	/** Returns drag stop element.
-	*/
-	droptarget?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns drag stop data.
-	*/
-	data?: any;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface CardDropEventArgs {
+            /** returns the original drop target
+             */
+            dropTarget?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the current dropped TreeView node
+             */
+            droppedElement?: any;
 
-	/** Returns dragged element.
-	*/
-	draggedElement?: any;
+            /** returns the current dropped TreeView node details
+             */
+            droppedElementData?: any;
 
-	/** Returns previous parent of dragged element
-	*/
-	draggedParent?: any;
+            /** returns the current parent element of the dropped node
+             */
+            target?: any;
 
-	/** Returns dragged data.
-	*/
-	data?: any;
+            /** returns the given parent node details
+             */
+            targetElementData?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the drop position such as before, after or over
+             */
+            position?: string;
 
-	/** Returns drop element.
-	*/
-	target?: any;
+            /** returns the event object
+             */
+            event?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface NodeEditEventArgs {
 
-export interface CardSelectEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the select card index value.
-	*/
-	cardIndex?: number;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns the select cell element
-	*/
-	currentCell?: any;
+            /** returns the id of the element
+             */
+            id?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the oldText of the element
+             */
+            oldText?: string;
 
-	/** Returns the previously select the card element
-	*/
-	previousCard?: any;
+            /** returns the newText of the element
+             */
+            newText?: string;
 
-	/** Returns the previously select card indexes
-	*/
-	previousRowcellindex?: Array<any>;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** returns the target element, the given node to be cut
+             */
+            target?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the given target node values
+             */
+            nodeDetails?: any;
+        }
 
-	/** Returns select card data.
-	*/
-	data?: any;
+        export interface NodeExpandEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface CardDoubleClickEventArgs {
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns current card object (JSON).
-	*/
-	data?: any;
+            /** returns the value of the node
+             */
+            value?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** if the child node is ready to expanded state; otherwise, false.
+             */
+            isChildLoaded?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-export interface CardSelectingEventArgs {
+            /** returns the id of currently clicked node
+             */
+            id?: string;
 
-	/** Returns the selecting cell index value.
-	*/
-	cellIndex?: number;
+            /** returns the parent id of currently clicked node
+             */
+            parentId?: string;
 
-	/** Returns the selecting card index value.
-	*/
-	cardIndex?: number;
+            /** returns the format asynchronous or synchronous
+             */
+            async?: boolean;
+        }
 
-	/** Returns the selecting cell element
-	*/
-	currentCell?: any;
+        export interface NodePasteEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the previously selecting the card element
-	*/
-	previousCard?: any;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the previously rowcell is selecting card indexes
-	*/
-	previousRowcellindex?: Array<any>;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the pasted element
+             */
+            target?: any;
 
-	/** Returns added data.
-	*/
-	data?: any;
+            /** returns the given target node values
+             */
+            nodeDetails?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the key pressed key code value
+             */
+            keyCode?: number;
+        }
 
-export interface CreateEventArgs {
+        export interface NodeSelectEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: string;
 
-export interface CellClickEventArgs {
+            /** returns the id of the current element of the node clicked
+             */
+            id?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the id of the parent element of current element of the node clicked
+             */
+            parentId?: any;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+            /** returns the current selected nodes index of TreeView
+             */
+            selectedNodes?: any[];
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the value of the node
+             */
+            value?: string;
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
+        }
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
-}
+        export interface NodeUncheckEventArgs {
 
-export interface ContextOpenEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the event object
+             */
+            event?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** returns the id of the current element of the node clicked
+             */
+            id?: any;
 
-	/** Returns the status of contextmenu item which denotes its enabled state.
-	*/
-	status?: boolean;
+            /** returns the id of the parent element of current element of the node clicked
+             */
+            parentId?: any;
 
-	/** Returns the target item.
-	*/
-	target?: any;
-}
+            /** returns the value of the node
+             */
+            value?: string;
 
-export interface ContextClickEventArgs {
+            /** returns the current element of the node clicked
+             */
+            currentElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** it returns true when the node checkbox is checked; otherwise, false.
+             */
+            isChecked?: boolean;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** it returns currently unchecked node name
+             */
+            currentNode?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** it returns currently unchecked node and its child node details.
+             */
+            currentUncheckedNodes?: any[];
+        }
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+        export interface NodeUnselectEventArgs {
 
-	/** Returns the status of contextmenu item which denotes its enabled state.
-	*/
-	status?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the target item.
-	*/
-	target?: any;
-}
+            /** returns the current element of the node unselected
+             */
+            currentElement?: any;
 
-export interface DataBoundEventArgs {
+            /** returns the id of the current element of the node unselected
+             */
+            id?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the id of the parent element of current element of the node unselected
+             */
+            parentId?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the current selected nodes index of TreeView
+             */
+            selectedNodes?: any[];
 
-export interface DestroyEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+            /** returns the value of the node
+             */
+            value?: string;
+        }
+
+        export interface ReadyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the TreeView model
+             */
+            model?: ej.TreeView.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface Fields {
+
+            /** It receives the child level or inner level data source such as Essential DataManager object and JSON object.
+             */
+            child?: any;
+
+            /** It receives Essential DataManager object and JSON object.
+             */
+            dataSource?: any;
+
+            /** Specifies the node to be in expanded state.
+             */
+            expanded?: string;
+
+            /** Its allow us to indicate whether the node has child or not in load on demand
+             */
+            hasChild?: string;
+
+            /** Specifies the HTML Attributes to &quot;li&quot; item list.
+             */
+            htmlAttribute?: any;
+
+            /** Specifies the id to TreeView node items list.
+             */
+            id?: string;
+
+            /** Specifies the image attribute to “img” tag inside items list
+             */
+            imageAttribute?: any;
+
+            /** Specifies the HTML Attributes to &quot;li&quot; item list.
+             */
+            imageUrl?: string;
+
+            /** If its true Checkbox node will be checked when rendered with checkbox.
+             */
+            isChecked?: string;
+
+            /** Specifies the link attribute to “a” tag in item list.
+             */
+            linkAttribute?: any;
+
+            /** Specifies the parent id of the node. The nodes are listed as child nodes of the specified parent node by using its parent id.
+             */
+            parentId?: string;
+
+            /** It receives query to retrieve data from the table (query is same as SQL).
+             */
+            query?: any;
+
+            /** Allow us to specify the node to be in selected state
+             */
+            selected?: string;
+
+            /** Specifies the sprite CSS class to &quot;li&quot; item list.
+             */
+            spriteCssClass?: string;
+
+            /** It receives the table name to execute query on the corresponding table.
+             */
+            tableName?: string;
+
+            /** Specifies the text of TreeView node items list.
+             */
+            text?: string;
+        }
+
+        export interface SortSettings {
+
+            /** Enables or disables the sorting option in TreeView control
+             * @Default {false}
+             */
+            allowSorting?: boolean;
+
+            /** Sets the sorting order type. There are two sorting types available, such as &quot;ascending&quot;, &quot;descending&quot;.
+             * @Default {ej.sortOrder.Ascending}
+             */
+            sortOrder?: ej.sortOrder|string;
+        }
+    }
+    enum sortOrder {
+        //Enum for Ascending sort order
+        Ascending,
+        //Enum for Descending sort order
+        Descending,
+    }
+
+    class Uploadbox extends ej.Widget {
+        static fn: Uploadbox;
+        constructor(element: JQuery | Element, options?: Uploadbox.Model);
+        static Locale: any;
+        model: Uploadbox.Model;
+        defaults: Uploadbox.Model;
+
+        /** The destroy method destroys the control and brings the control to a pre-init state. All the events of the Upload control is bound by using this._on unbinds automatically.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Disables the Uploadbox control
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** Enables the Uploadbox control
+         * @returns {void}
+         */
+        enable(): void;
+
+        /** Refresh the Uploadbox control
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Upload the selected files.
+         * @returns {void}
+         */
+        upload(): void;
+    }
+    export namespace Uploadbox {
+
+        export interface Model {
+
+            /** Enables the file drag and drop support to the Uploadbox control.
+             * @Default {false}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Uploadbox supports both synchronous and asynchronous upload. This can be achieved by using the asyncUpload property.
+             * @Default {true}
+             */
+            asyncUpload?: boolean;
+
+            /** Uploadbox supports auto uploading of files after the file selection is done.
+             * @Default {false}
+             */
+            autoUpload?: boolean;
+
+            /** Sets the text for each action button.
+             * @Default {{browse: Browse, upload: Upload, cancel: Cancel, close: Close}}
+             */
+            buttonText?: ButtonText;
+
+            /** Sets the root class for the Uploadbox control theme. This cssClass API helps to use custom skinning option for the Uploadbox button and dialog content.
+             */
+            cssClass?: string;
+
+            /** Specifies the custom file details in the dialog popup on initialization.
+             * @Default {{ title:true, name:true, size:true, status:true, action:true}}
+             */
+            customFileDetails?: CustomFileDetails;
+
+            /** Specifies the actions for dialog popup while initialization.
+             * @Default {{ modal:false, closeOnComplete:false, content:null, drag:true}}
+             */
+            dialogAction?: DialogAction;
+
+            /** Displays the Uploadbox dialog at the given X and Y positions. X: Dialog sets the left position value. Y: Dialog sets the top position value.
+             * @Default {null}
+             */
+            dialogPosition?: any;
+
+            /** Property for applying the text to the Dialog title and content headers.
+             * @Default {{ title: Upload Box, name: Name, size: Size, status: Status}}
+             */
+            dialogText?: DialogText;
+
+            /** The dropAreaText is displayed when the drag and drop support is enabled in the Uploadbox control.
+             * @Default {Drop files or click to upload}
+             */
+            dropAreaText?: string;
+
+            /** Specifies the dropAreaHeight when the drag and drop support is enabled in the Uploadbox control.
+             * @Default {100%}
+             */
+            dropAreaHeight?: number|string;
+
+            /** Specifies the dropAreaWidth when the drag and drop support is enabled in the Uploadbox control.
+             * @Default {100%}
+             */
+            dropAreaWidth?: number|string;
+
+            /** Based on the property value, Uploadbox is enabled or disabled.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Sets the right-to-left direction property for the Uploadbox control.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Only the files with the specified extension is allowed to upload. This is mentioned in the string format.
+             */
+            extensionsAllow?: string;
+
+            /** Only the files with the specified extension is denied for upload. This is mentioned in the string format.
+             */
+            extensionsDeny?: string;
+
+            /** Sets the maximum size limit for uploading the file. This is mentioned in the number format.
+             * @Default {31457280}
+             */
+            fileSize?: number;
+
+            /** Sets the height of the browse button.
+             * @Default {35px}
+             */
+            height?: string;
+
+            /** Specifies the list of HTML attributes to be added to uploadbox control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Configures the culture data and sets the culture to the Uploadbox.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Enables multiple file selection for upload.
+             * @Default {true}
+             */
+            multipleFilesSelection?: boolean;
+
+            /** You can push the file to the Uploadbox in the client-side of the XHR supported browsers alone.
+             * @Default {null}
+             */
+            pushFile?: any;
+
+            /** Specifies the remove action to be performed after the file uploading is completed. Here, mention the server address for removal.
+             */
+            removeUrl?: string;
+
+            /** Specifies the save action to be performed after the file is pushed for uploading. Here, mention the server address to be saved.
+             */
+            saveUrl?: string;
+
+            /** Enables the browse button support to the Uploadbox control.
+             * @Default {true}
+             */
+            showBrowseButton?: boolean;
+
+            /** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
+             * @Default {true}
+             */
+            showFileDetails?: boolean;
+
+            /** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
+             * @Default {true}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Sets the name for the Uploadbox control. This API helps to Map the action in code behind to retrieve the files.
+             */
+            uploadName?: string;
+
+            /** Sets the width of the browse button.
+             * @Default {100px}
+             */
+            width?: string;
+
+            /** Fires when the upload progress beforeSend.
+             */
+            beforeSend?(e: BeforeSendEventArgs): void;
+
+            /** Fires when the upload progress begins.
+             */
+            begin?(e: BeginEventArgs): void;
+
+            /** Fires when the upload progress is cancelled.
+             */
+            cancel?(e: CancelEventArgs): void;
+
+            /** Fires when the file upload progress is completed.
+             */
+            complete?(e: CompleteEventArgs): void;
+
+            /** Fires when the file upload progress is succeeded.
+             */
+            success?(e: SuccessEventArgs): void;
+
+            /** Fires when the Uploadbox control is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the Uploadbox control is destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires when the Upload process ends in Error.
+             */
+            error?(e: ErrorEventArgs): void;
+
+            /** Fires when the file is selected for upload successfully.
+             */
+            fileSelect?(e: FileSelectEventArgs): void;
+
+            /** Fires when the file is uploading.
+             */
+            inProgress?(e: InProgressEventArgs): void;
+
+            /** Fires when the uploaded file is removed successfully.
+             */
+            remove?(e: RemoveEventArgs): void;
+        }
+
+        export interface BeforeSendEventArgs {
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+            /** Selected FileList Object.
+             */
+            files?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface EndDeleteEventArgs {
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** XHR-AJAX Object for reference.
+             */
+            xhr?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface BeginEventArgs {
 
-	/** Returns deleted  data.
-	*/
-	data?: any;
+            /** To pass additional information to the server.
+             */
+            data?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Selected FileList Object.
+             */
+            files?: any;
 
-	/** Current action name
-	*/
-	action?: string;
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface EndEditEventArgs {
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+        export interface CancelEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Canceled FileList Object.
+             */
+            fileStatus?: any;
 
-	/** Returns modified data.
-	*/
-	data?: any;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Current Action name
-	*/
-	action?: string;
-}
+        export interface CompleteEventArgs {
 
-export interface HeaderClickEventArgs {
+            /** AJAX event argument for reference.
+             */
+            e?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Uploaded file list.
+             */
+            files?: any;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+            /** response from the server.
+             */
+            responseText?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** XHR-AJAX Object for reference.
+             */
+            xhr?: any;
 
-	/** Returns the select cell index value.
-	*/
-	cellIndex?: number;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the column object.
-	*/
-	columnData?: any;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface LoadEventArgs {
+        export interface SuccessEventArgs {
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+            /** response from the server.
+             */
+            responseText?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** AJAX event argument for reference.
+             */
+            e?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** successfully uploaded files list.
+             */
+            success?: any;
 
-export interface SwimlaneClickEventArgs {
+            /** Uploaded file list.
+             */
+            files?: any;
 
-	/** Current Action name while swim lane clicked. Actions are "expand" or "collapse"
-	*/
-	action?: string;
+            /** XHR-AJAX Object for reference.
+             */
+            xhr?: any;
 
-	/** Returns the kanban model.
-	*/
-	model?: any;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+        export interface CreateEventArgs {
 
-	/** Returns the swim lane group data's.
-	*/
-	data?: any;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns current swim lane row index.
-	*/
-	rowIndex?: number;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns current target element.
-	*/
-	target?: any;
-}
+        export interface DestroyEventArgs {
 
-export interface QueryCellInfoEventArgs {
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns Kanban card.
-	*/
-	card?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns Kanban card.
-	*/
-	cell?: any;
+        export interface ErrorEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** details about the error information.
+             */
+            error?: string;
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+            /** error event action details.
+             */
+            action?: string;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the file details of the file uploaded
+             */
+            files?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface FileSelectEventArgs {
 
-export interface ToolbarClickEventArgs {
+            /** returns Selected FileList objects
+             */
+            files?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the item id of that current element.
-	*/
-	itemId?: string;
+        export interface InProgressEventArgs {
 
-	/** Returns the item index of that current element.
-	*/
-	itemIndex?: number;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the item name of that current element.
-	*/
-	itemName?: string;
+            /** AJAX event argument for reference.
+             */
+            e?: any;
 
-	/** Returns the item text of that current element.
-	*/
-	itemText?: string;
+            /** returns Selected FileList objects
+             */
+            files?: any;
 
-	/** Returns the Kanban model.
-	*/
-	model?: any;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the current progress percentage.
+             */
+            percentage?: any;
 
-	/** Returns the toolbar object of the Kanban.
-	*/
-	toolbarData?: any;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface SwimlaneSettingsUnassignedGroup {
+        export interface RemoveEventArgs {
 
-	/** To enable or disable unassigned category change with swim lane key values.
-	*   @Default {true}
-	*/
-	enable?: boolean;
+            /** returns the Uploadbox model
+             */
+            model?: any;
 
-	/** To set the user defined values which are need to categorized as unassigned category swim lane groups.
-	*   @Default {[null,undefined,]}
-	*/
-	keys?: Array<any>;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
 
-export interface SwimlaneSettings {
+            /** returns the file details of the file object
+             */
+            fileStatus?: any;
+        }
 
-	/** To enable or disable items count in swim lane.
-	*   @Default {true}
-	*/
-	showCount?: boolean;
+        export interface ButtonText {
 
-	/** To enable or disable DragAndDrop across swim lane.
-	*   @Default {false}
-	*/
-	allowDragAndDrop?: boolean;
+            /** Sets the text for the browse button.
+             */
+            browse?: string;
 
-	/** Customize the settings for unassigned category of swim lane.
-	*   @Default {Object}
-	*/
-	unassignedGroup?: SwimlaneSettingsUnassignedGroup;
-}
+            /** Sets the text for the cancel button.
+             */
+            cancel?: string;
 
-export interface ContextMenuSettingsCustomMenuItem {
+            /** Sets the text for the close button.
+             */
+            Close?: string;
 
-	/** Its sets target element to custom context menu item.
-	*   @Default {ej.Kanban.Target.All}
-	*/
-	target?: ej.Kanban.Target|string;
+            /** Sets the text for the Upload button inside the dialog popup.
+             */
+            upload?: string;
+        }
 
-	/** Gets the display name to custom menu item.
-	*   @Default {null}
-	*/
-	text?: string;
+        export interface CustomFileDetails {
+
+            /** Enables the file upload interactions like remove/cancel in File details of the dialog popup.
+             */
+            action?: boolean;
+
+            /** Enables the name in the File details of the dialog popup.
+             */
+            name?: boolean;
+
+            /** Enables or disables the File size details of the dialog popup.
+             */
+            size?: boolean;
+
+            /** Enables or disables the file uploading status visibility in the dialog file details content.
+             */
+            status?: boolean;
+
+            /** Enables the title in File details for the dialog popup.
+             */
+            title?: boolean;
+        }
+
+        export interface DialogAction {
+
+            /** Once uploaded successfully, the dialog popup closes immediately.
+             */
+            closeOnComplete?: boolean;
+
+            /** Sets the content container option to the Uploadbox dialog popup.
+             */
+            content?: string;
+
+            /** Enables the drag option to the dialog popup.
+             */
+            drag?: boolean;
+
+            /** Enables or disables the Uploadbox dialog’s modal property to the dialog popup.
+             */
+            modal?: boolean;
+        }
+
+        export interface DialogText {
+
+            /** Sets the uploaded file’s Name (header text) to the Dialog popup.
+             */
+            name?: string;
+
+            /** Sets the upload file Size (header text) to the dialog popup.
+             */
+            size?: string;
+
+            /** Sets the upload file Status (header text) to the dialog popup.
+             */
+            status?: string;
+
+            /** Sets the title text of the dialog popup.
+             */
+            title?: string;
+        }
+    }
+
+    class WaitingPopup extends ej.Widget {
+        static fn: WaitingPopup;
+        constructor(element: JQuery | Element, options?: WaitingPopup.Model);
+        static Locale: any;
+        model: WaitingPopup.Model;
+        defaults: WaitingPopup.Model;
+
+        /** To hide the waiting popup
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Refreshes the WaitingPopup control by resetting the pop-up panel position and content position
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** To show the waiting popup
+         * @returns {void}
+         */
+        show(): void;
+    }
+    export namespace WaitingPopup {
+
+        export interface Model {
+
+            /** Sets the root class for the WaitingPopup control theme
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** Specifies the list of HTML attributes to be added to waitingpopup control.
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Enables or disables the default loading icon.
+             * @Default {true}
+             */
+            showImage?: boolean;
+
+            /** Enables the visibility of the WaitingPopup control
+             * @Default {false}
+             */
+            showOnInit?: boolean;
+
+            /** Specified a selector for elements, within the container.
+             * @Default {null}
+             */
+            target?: string;
+
+            /** Waitingpopup element append to given container element.
+             * @Default {null}
+             */
+            appendTo?: string;
+
+            /** Loads HTML content inside the popup panel instead of the default icon
+             * @Default {null}
+             */
+            template?: any;
+
+            /** Sets the custom text in the pop-up panel to notify the waiting process
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Fires after Create WaitingPopup successfully
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires after Destroy WaitingPopup successfully
+             */
+            destroy?(e: DestroyEventArgs): void;
+        }
+
+        export interface CreateEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the WaitingPopup model
+             */
+            model?: ej.WaitingPopup.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the WaitingPopup model
+             */
+            model?: ej.WaitingPopup.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+    }
+
+    class Grid extends ej.Widget {
+        static fn: Grid;
+        constructor(element: JQuery | Element, options?: Grid.Model);
+        static Locale: any;
+        model: Grid.Model;
+        defaults: Grid.Model;
+
+        /** Adds a grid model property which is to be ignored upon exporting.
+         * @param {any[]} Pass the array of parameters which need to be ignored on exporting
+         * @returns {void}
+         */
+        addIgnoreOnExport(propertyNames: any[]): void;
+
+        /** Adds a grid model property which is to be ignored upon OnServerToolbarClick.
+         * @param {any[]} Pass the array of parameters which need to be ignored on OnServerToolbarClick
+         * @returns {void}
+         */
+        addIgnoreOnToolbarServerClick(propertyNames: any[]): void;
+
+        /** Add a new record in grid control when allowAdding is set as true.Without passing parameters it will add empty row.
+         * @param {any[]} Pass the array of added Records
+         * @param {any[]} optionalIf we pass serverChange as true, send post to server side for server action.
+         * @returns {void}
+         */
+        addRecord(data?: any[], serverChange?: any[]): void;
+
+        /** Cancel the modified changes in grid control when edit mode is &quot;batch&quot;.
+         * @returns {void}
+         */
+        batchCancel(): void;
+
+        /** Save the modified changes to data source in grid control when edit mode is &quot;batch&quot;.
+         * @returns {void}
+         */
+        batchSave(): void;
+
+        /** Send a cancel request in grid.
+         * @returns {void}
+         */
+        cancelEdit(): void;
+
+        /** Send a cancel request to the edited cell in grid.
+         * @returns {void}
+         */
+        cancelEditCell(): void;
+
+        /** It is used to clear all the cell selection.
+         * @returns {boolean}
+         */
+        clearCellSelection(): boolean;
+
+        /** It is used to clear specified cell selection based on the rowIndex and columnIndex provided.
+         * @param {number} It is used to pass the row index of the cell
+         * @param {number} It is used to pass the column index of the cell.
+         * @returns {boolean}
+         */
+        clearCellSelection(rowIndex: number, columnIndex: number): boolean;
+
+        /** It is used to clear all the row selection or at specific row selection based on the index provided.
+         * @param {number} optional If index of the column is specified then it will remove the selection from the particular column else it will clears all of the column selection
+         * @returns {boolean}
+         */
+        clearColumnSelection(index?: number): boolean;
+
+        /** It is used to clear all the filtering done.
+         * @param {string}  If field of the column is specified then it will clear the  particular filtering column
+         * @returns {void}
+         */
+        clearFiltering(field: string): void;
+
+        /** Clear the searching from the grid
+         * @returns {void}
+         */
+        clearSearching(): void;
+
+        /** Clear all the row selection or at specific row selection based on the index provided
+         * @param {number} optional If index of the row is specified then it will remove the selection from the particular row else it will clears all of the row selection
+         * @returns {boolean}
+         */
+        clearSelection(index?: number): boolean;
+
+        /** Clear the sorting from columns in the grid
+         * @returns {void}
+         */
+        clearSorting(): void;
+
+        /** Collapse all the group caption rows in grid
+         * @returns {void}
+         */
+        collapseAll(): void;
+
+        /** Collapse the group drop area in grid
+         * @returns {void}
+         */
+        collapseGroupDropArea(): void;
+
+        /** Add or remove columns in grid column collections
+         * @param {any[]|string} Pass array of columns or string of field name to add/remove the column in grid
+         * @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
+         * @returns {void}
+         */
+        columns(columnDetails: any[]|string, action?: string): void;
+
+        /** Refresh the grid with new data source
+         * @param {any} Pass new data source to the grid
+         * @param {boolean} optional When templateRefresh is set true, both header and contents get refreshed
+         * @returns {void}
+         */
+        dataSource(datasource: any, templateRefresh?: boolean): void;
+
+        /** Delete a record in grid control when allowDeleting is set as true
+         * @param {string} Pass the primary key field Name of the column
+         * @param {any} Pass the JSON data of record need to be delete.
+         * @returns {void}
+         */
+        deleteRecord(fieldName: string, data: any): void;
+
+        /** Delete the row based on the given tr element in grid.
+         * @param {JQuery} Pass the tr element in grid content to get its row index
+         * @returns {HTMLElement}
+         */
+        deleteRow($tr: JQuery): HTMLElement;
+
+        /** Destroy the grid widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Edit a particular cell based on the row index and field name provided in &quot;batch&quot; edit mode.
+         * @param {number} Pass row index to edit particular cell
+         * @param {string} Pass the field name of the column to perform batch edit
+         * @returns {void}
+         */
+        editCell(index: number, fieldName: string): void;
+
+        /** It returns a value and if the input field values of edit form is not based on the validation rules then it will show the validation message.
+         * @returns {boolean}
+         */
+        editFormValidate(): boolean;
+
+        /** Send a save request in grid.
+         * @returns {void}
+         */
+        endEdit(): void;
+
+        /** Expand all the group caption rows in grid.
+         * @returns {void}
+         */
+        expandAll(): void;
+
+        /** Expand or collapse the row based on the row state in grid
+         * @param {JQuery} Pass the target object to expand/collapse the row based on its row state
+         * @returns {void}
+         */
+        expandCollapse($target: JQuery): void;
+
+        /** Expand the group drop area in grid.
+         * @returns {void}
+         */
+        expandGroupDropArea(): void;
+
+        /** Export the grid content to excel, word or PDF document.
+         * @param {string} Pass the controller action name corresponding to exporting
+         * @param {string} optionalASP server event name corresponding to exporting
+         * @param {boolean} optionalPass the multiple exporting value as true/false
+         * @param {any[]} optionalPass the array of the gridIds to be filtered
+         * @returns {void}
+         */
+        export(action?: string, serverEvent?: string, multipleExport?: boolean, gridIds?: any[]): void;
+
+        /** Send a filtering request to filter one column in grid.
+         * @param {any[]} Pass the field name of the column
+         * @param {string} string/integer/dateTime operator
+         * @param {string} Pass the value to be filtered in a column
+         * @param {string} Pass the predicate as and/or
+         * @param {boolean} optional Pass the match case value as true/false
+         * @param {any} optionalactualFilterValue denote the filter object of current filtered columns.Pass the value to filtered in a column
+         * @returns {void}
+         */
+        filterColumn(fieldName: any[], filterOperator: string, filterValue: string, predicate: string, matchcase?: boolean, actualFilterValue?: any): void;
+
+        /** Send a filtering request to filter single or multiple column in grid.
+         * @param {any[]} Pass array of filterColumn query for performing filter operation
+         * @returns {void}
+         */
+        filterColumn(filterQueries: any[]): void;
+
+        /** Get the batch changes of edit, delete and add operations of grid.
+         * @returns {any}
+         */
+        getBatchChanges(): any;
+
+        /** Get the browser details
+         * @returns {any}
+         */
+        getBrowserDetails(): any;
+
+        /** Get the column details based on the given field in grid
+         * @param {string} Pass the field name of the column to get the corresponding column object
+         * @returns {any}
+         */
+        getColumnByField(fieldName: string): any;
+
+        /** Get the column details based on the given header text in grid.
+         * @param {string} Pass the header text of the column to get the corresponding column object
+         * @returns {any}
+         */
+        getColumnByHeaderText(headerText: string): any;
+
+        /** Get the column details based on the given column index in grid
+         * @param {number} Pass the index of the column to get the corresponding column object
+         * @returns {any}
+         */
+        getColumnByIndex(columnIndex: number): any;
+
+        /** Get the list of field names from column collection in grid.
+         * @returns {any[]}
+         */
+        getColumnFieldNames(): any[];
+
+        /** Get the column index of the given field in grid.
+         * @param {string} Pass the field name of the column to get the corresponding column index
+         * @returns {number}
+         */
+        getColumnIndexByField(fieldName: string): number;
+
+        /** Get the column index of the given headerText of column in grid.
+         * @param {string} Pass the headerText of the column to get that column index
+         * @param {string} optionalOptional Pass the field name of the column.
+         * @returns {number}
+         */
+        getColumnIndexByHeaderText(headerText: string, field?: string): number;
+
+        /** Get the content div element of grid.
+         * @returns {HTMLElement}
+         */
+        getContent(): HTMLElement;
+
+        /** Get the content table element of grid
+         * @returns {HTMLTableElement[]}
+         */
+        getContentTable(): HTMLTableElement[];
+
+        /** Get the data of currently edited cell value in &quot;batch&quot; edit mode
+         * @returns {any}
+         */
+        getCurrentEditCellData(): any;
+
+        /** Get the current page index in grid pager.
+         * @returns {number}
+         */
+        getCurrentIndex(): number;
+
+        /** Get the current page data source of grid.
+         * @returns {any[]}
+         */
+        getCurrentViewData(): any[];
+
+        /** Get the data of given row index in grid.
+         * @returns {any}
+         */
+        getDataByIndex(): any;
+
+        /** Get the column field name from the given header text in grid.
+         * @param {string} Pass header text of the column to get its corresponding field name
+         * @returns {string}
+         */
+        getFieldNameByHeaderText(headerText: string): string;
+
+        /** Get the filter bar of grid
+         * @returns {HTMLElement}
+         */
+        getFilterBar(): HTMLElement;
+
+        /** Get the records filtered or searched in Grid
+         * @returns {any[]}
+         */
+        getFilteredRecords(): any[];
+
+        /** Get the footer content of grid.
+         * @returns {HTMLElement}
+         */
+        getFooterContent(): HTMLElement;
+
+        /** Get the footer table element of grid.
+         * @returns {HTMLElement}
+         */
+        getFooterTable(): HTMLElement;
+
+        /** Get the header content div element of grid.
+         * @returns {HTMLElement}
+         */
+        getHeaderContent(): HTMLElement;
+
+        /** Get the header table element of grid
+         * @returns {HTMLElement}
+         */
+        getHeaderTable(): HTMLElement;
+
+        /** Get the column header text from the given field name in grid.
+         * @param {string} Pass field name of the column to get its corresponding header text
+         * @returns {string}
+         */
+        getHeaderTextByFieldName(field: string): string;
+
+        /** Get the names of all the hidden column collections in grid.
+         * @returns {any[]}
+         */
+        getHiddenColumnNames(): any[];
+
+        /** Get the row index based on the given tr element in grid.
+         * @param {JQuery} Pass the tr element in grid content to get its row index
+         * @returns {number}
+         */
+        getIndexByRow($tr: JQuery): number;
+
+        /** Get the pager of grid.
+         * @returns {HTMLElement}
+         */
+        getPager(): HTMLElement;
+
+        /** Get the names of primary key columns in Grid
+         * @returns {any[]}
+         */
+        getPrimaryKeyFieldNames(): any[];
+
+        /** Get the rows(tr element) from the given from and to row index in grid
+         * @param {number} Pass the from index from which the rows to be returned
+         * @param {number} Pass the to index to which the rows to be returned
+         * @returns {HTMLElement}
+         */
+        getRowByIndex(from: number, to: number): HTMLElement;
+
+        /** Get the row height of grid.
+         * @returns {number}
+         */
+        getRowHeight(): number;
+
+        /** Get the rows(tr element)of grid which is displayed in the current page.
+         * @returns {HTMLElement}
+         */
+        getRows(): HTMLElement;
+
+        /** Get the scroller object of grid.
+         * @returns {ej.Scroller}
+         */
+        getScrollObject(): ej.Scroller;
+
+        /** Get the selected records details in grid.
+         * @returns {any[]}
+         */
+        getSelectedRecords(): any[];
+
+        /** Get the selected row element details in grid.
+         * @returns {any[]}
+         */
+        getSelectedRows(): any[];
+
+        /** It accepts the string value and returns the field and sorted direction of the column in grid.
+         * @param {string} Pass the field of the column to get the sorted direction of the corresponding column in Grid.
+         * @returns {number}
+         */
+        getsortColumnByField(field: string): number;
+
+        /** Get the calculated summary values of JSON data passed to it
+         * @param {any} Pass Summary Column details
+         * @param {any} Pass JSON Array for which its field values to be calculated
+         * @returns {number}
+         */
+        getSummaryValues(summaryCol: any, summaryData: any): number;
+
+        /** Get the names of all the visible column collections in grid
+         * @returns {any[]}
+         */
+        getVisibleColumnNames(): any[];
+
+        /** Send a paging request to specified page in grid
+         * @param {number} Pass the page index to perform paging at specified page index
+         * @returns {void}
+         */
+        gotoPage(pageIndex: number): void;
+
+        /** Send a column grouping request in grid.
+         * @param {string} Pass the field Name of the column to be grouped in grid control
+         * @returns {void}
+         */
+        groupColumn(fieldName: string): void;
+
+        /** Hide columns from the grid based on the header text
+         * @param {any[]|string} you can pass either array of header text of various columns or a header text of a column to hide
+         * @returns {void}
+         */
+        hideColumns(headerText: any[]|string): void;
+
+        /** Print the grid control
+         * @returns {void}
+         */
+        print(): void;
+
+        /** It is used to refresh and reset the changes made in &quot;batch&quot; edit mode
+         * @returns {void}
+         */
+        refreshBatchEditChanges(): void;
+
+        /** It is used to refresh the grid header.
+         * @returns {void}
+         */
+        refreshHeader(): void;
+
+        /** Refresh the grid contents. The template refreshment is based on the argument passed along with this method
+         * @param {boolean} optional When templateRefresh is set true, template and grid contents both are refreshed in grid else only grid content is refreshed
+         * @returns {void}
+         */
+        refreshContent(templateRefresh?: boolean): void;
+
+        /** Refresh the template of the grid
+         * @returns {void}
+         */
+        refreshTemplate(): void;
+
+        /** Refresh the toolbar items in grid.
+         * @returns {void}
+         */
+        refreshToolbar(): void;
+
+        /** Remove a column or collection of columns from a sorted column collections in grid.
+         * @param {any[]|string} Pass array of field names of the columns to remove a collection of sorted columns or pass a string of field name to remove a column from sorted column
+         * collections
+         * @returns {void}
+         */
+        removeSortedColumns(fieldName: any[]|string): void;
+
+        /** Creates a grid control
+         * @returns {void}
+         */
+        render(): void;
+
+        /** Re-order the column in grid
+         * @param {string} Pass the from field name of the column needs to be changed
+         * @param {string} Pass the to field name of the column needs to be changed
+         * @returns {void}
+         */
+        reorderColumns(fromFieldName: string, toFieldName: string): void;
+
+        /** Re-order the row in grid
+         * @param {any[]} Pass the indexes of the rows needs to reorder.
+         * @param {number} Pass the index of a row where to be reordered.
+         * @returns {void}
+         */
+        reorderRows(indexes: any[], toIndex: number): void;
+
+        /** Reset the model collections like pageSettings, groupSettings, filterSettings, sortSettings and summaryRows.
+         * @returns {void}
+         */
+        resetModelCollections(): void;
+
+        /** Resize the columns by giving column name and width for the corresponding one.
+         * @param {string} Pass the column name that needs to be changed
+         * @param {string} Pass the width to resize the particular columns
+         * @returns {void}
+         */
+        resizeColumns(column: string, width: string): void;
+
+        /** Resolves row height issue when unbound column is used with FrozenColumn
+         * @returns {void}
+         */
+        rowHeightRefresh(): void;
+
+        /** We can prevent the client side cellSave event triggering by passing the preventSaveEvent argument as true.Without argument it will save the particular edited grid cell.
+         * @param {boolean} optionalIf we pass preventSaveEvent as true, it prevents the client side cellSave event triggering
+         * @returns {void}
+         */
+        saveCell(preventSaveEvent?: boolean): void;
+
+        /** Set dimension for grid with corresponding to grid parent.
+         * @param {number} Pass the height of the grid container
+         * @param {number} Pass the width of the grid container
+         * @returns {void}
+         */
+        setDimension(height: number, width: number): void;
+
+        /** Send a request to grid to refresh the width set to columns
+         * @returns {void}
+         */
+        setWidthToColumns(): void;
+
+        /** Send a search request to grid with specified string passed in it
+         * @param {string} Pass the string to search in Grid records
+         * @returns {void}
+         */
+        search(searchString: string): void;
+
+        /** Select cells in grid.
+         * @param {any} It is used to set the starting index of row and indexes of cells for that corresponding row for selecting cells.
+         * @returns {void}
+         */
+        selectCells(rowCellIndexes: any): void;
+
+        /** Select columns in grid.
+         * @param {number} It is used to set the starting index of column for selecting columns.
+         * @returns {void}
+         */
+        selectColumns(fromIndex: number): void;
+
+        /** Select the specified columns in grid based on Index provided.
+         * @param {number} It is used to set the starting index of column for selecting columns.
+         * @param {number} optionalIt is used to set the ending index of column for selecting columns.
+         * @returns {boolean}
+         */
+        selectColumns(columnIndex: number, toIndex?: number): boolean;
+
+        /** Select rows in grid.
+         * @param {number} It is used to set the starting index of row for selecting rows.
+         * @param {number} It is used to set the ending index of row for selecting rows.
+         * @returns {void}
+         */
+        selectRows(fromIndex: number, toIndex: number): void;
+
+        /** Select specified rows in grid based on Index provided.
+         * @param {any[]|number} It is used to set the starting index of row for selecting rows.
+         * @param {number} optionalIt is used to set the ending index of row for selecting rows.
+         * @param {any} optionalTarget element which is clicked.
+         * @returns {void}
+         */
+        selectRows(from: any[]|number, to: number, target?: any): void;
+
+        /** Select rows in grid.
+         * @param {any[]} Pass array of rowIndexes for selecting rows
+         * @returns {void}
+         */
+        selectRows(rowIndexes: any[]): void;
+
+        /** Used to update a particular cell value.
+         * @returns {void}
+         */
+        setCellText(): void;
+
+        /** Used to update a particular cell value based on specified row Index and the fieldName.
+         * @param {number} It is used to set the index for selecting the row.
+         * @param {string} It is used to set the field name for selecting column.
+         * @param {any} It is used to set the value for the selected cell.
+         * @returns {void}
+         */
+        setCellValue(Index: number, fieldName: string, value: any): void;
+
+        /** It sets the default data to the column in grid during adding record in batch edit mode.
+         * @returns {void}
+         */
+        setDefaultData(): void;
+
+        /** The grid rows has to be rendered as detail view in mobile mode based on given value.
+         * @param {number} It is used to render grid rows as details view in mobile mode.
+         * @returns {void}
+         */
+        setPhoneModeMaxWidth(Index: number): void;
+
+        /** Set validation to edit form in the grid.
+         * @returns {void}
+         */
+        setValidation(): void;
+
+        /** Set validation to a particular input field in a edit form dynamically.
+         * @param {string} Specify the field name of the column to set validation rules
+         * @param {any} Specify the validation rules for the field
+         * @returns {void}
+         */
+        setValidationToField(fieldName: string, rules: any): void;
+
+        /** Show columns in the grid based on the header text
+         * @param {any[]|string} you can pass either array of header text of various columns or a header text of a column to show
+         * @returns {void}
+         */
+        showColumns(headerText: any[]|string): void;
+
+        /** Send a sorting request in grid.
+         * @param {string} Pass the field name of the column as columnName for which sorting have to be performed
+         * @param {string} optional Pass the sort direction ascending/descending by which the column have to be sort. By default it is sorting in an ascending order
+         * @returns {void}
+         */
+        sortColumn(columnName: string, sortingDirection?: string): void;
+
+        /** Send an edit record request in grid
+         * @param {JQuery} Pass the tr- selected row element to be edited in grid
+         * @returns {void}
+         */
+        startEdit($tr: JQuery): void;
+
+        /** Un-group a column from grouped columns collection in grid
+         * @param {string} Pass the field Name of the column to be ungrouped from grouped column collection
+         * @returns {void}
+         */
+        ungroupColumn(fieldName: string): void;
+
+        /** Update a edited record in grid control when allowEditing is set as true.
+         * @param {string} Pass the primary key field Name of the column
+         * @param {any[]} Pass the edited JSON data of record need to be update.
+         * @returns {void}
+         */
+        updateRecord(fieldName: string, data: any[]): void;
+
+        /** It adapts grid to its parent element or to the browsers window.
+         * @returns {void}
+         */
+        windowonresize(): void;
+    }
+    export namespace Grid {
+
+        export interface Model {
+
+            /** Gets or sets a value that indicates whether to customizing cell based on our needs.
+             * @Default {false}
+             */
+            allowCellMerging?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic grouping behavior. Grouping can be done by drag on drop desired columns to grid’s GroupDropArea. This can be
+             * further customized through “groupSettings” property.
+             * @Default {false}
+             */
+            allowGrouping?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable keyboard support for performing grid actions. selectionType – Gets or sets a value that indicates whether to enable single
+             * row or multiple rows selection behavior in grid. Multiple selection can be done through by holding CTRL and clicking the grid rows
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic filtering behavior on grid. Filtering can be used to limit the records displayed using required criteria and this can
+             * be further customized through “filterSettings” property
+             * @Default {false}
+             */
+            allowFiltering?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
+             * @Default {false}
+             */
+            allowSorting?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable multi columns sorting behavior in grid. Sort multiple columns by holding CTRL and click on the corresponding column header.
+             * @Default {false}
+             */
+            allowMultiSorting?: boolean;
+
+            /** This specifies the grid to show the paginated data. Also enables pager control at the bottom of grid for dynamic navigation through data source. Paging can be further customized
+             * through “pageSettings” property.
+             * @Default {false}
+             */
+            allowPaging?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the columns reordering behavior in the grid. Reordering can be done through by drag and drop the particular column from one
+             * index to another index within the grid.
+             * @Default {false}
+             */
+            allowReordering?: boolean;
+
+            /** Gets or sets a value that indicates whether the column is non resizable. Column width is set automatically based on the content or header text which is large.
+             * @Default {false}
+             */
+            allowResizeToFit?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic resizable of columns. Resize the width of the columns by simply click and move the particular column header line
+             * @Default {false}
+             */
+            allowResizing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the rows reordering in Grid and drag &amp; drop rows between multiple Grid.
+             * @Default {false}
+             */
+            allowRowDragAndDrop?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the scrollbar in the grid and view the records by scroll through the grid manually
+             * @Default {false}
+             */
+            allowScrolling?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic searching behavior in grid. Currently search box can be enabled through “toolbarSettings”
+             * @Default {false}
+             */
+            allowSearching?: boolean;
+
+            /** Gets or sets a value that indicates whether user can select rows on grid. On enabling feature, selected row will be highlighted.
+             * @Default {true}
+             */
+            allowSelection?: boolean;
+
+            /** Gets or sets a value that indicates whether the Content will wrap to the next line if the content exceeds the boundary of the Column Cells.
+             * @Default {false}
+             */
+            allowTextWrap?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the multiple exporting behavior on grid data.
+             * @Default {false}
+             */
+            allowMultipleExporting?: boolean;
+
+            /** Gets or sets a value that indicates to define common width for all the columns in the grid.
+             */
+            commonWidth?: number;
+
+            /** Gets or sets a value that indicates to enable the visibility of the grid lines.
+             * @Default {ej.Grid.GridLines.Both}
+             */
+            gridLines?: ej.Grid.GridLines|string;
+
+            /** This specifies the grid to add the grid control inside the grid row of the parent with expand/collapse options
+             * @Default {null}
+             */
+            childGrid?: any;
+
+            /** Used to enable or disable static width settings for column. If the columnLayout is set as fixed, then column width will be static.
+             * @Default {ej.Grid.ColumnLayout.Auto}
+             */
+            columnLayout?: ej.Grid.ColumnLayout|string;
+
+            /** Gets or sets an object that indicates to render the grid with specified columns
+             * @Default {[]}
+             */
+            columns?: Column[];
+
+            /** Gets or sets an object that indicates whether to customize the context menu behavior of the grid.
+             */
+            contextMenuSettings?: ContextMenuSettings;
+
+            /** Gets or sets a value that indicates to render the grid with custom theme.
+             */
+            cssClass?: string;
+
+            /** Gets or sets the data to render the grid with records
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Default Value:
+             * @Default {null}
+             */
+            detailsTemplate?: string;
+
+            /** Gets or sets an object that indicates whether to customize the editing behavior of the grid.
+             */
+            editSettings?: EditSettings;
+
+            /** Gets or sets a value that indicates whether to enable the alternative rows differentiation in the grid records based on corresponding theme.
+             * @Default {true}
+             */
+            enableAltRow?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the save action in the grid through row selection
+             * @Default {true}
+             */
+            enableAutoSaveOnSelectionChange?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable mouse over effect on the corresponding column header cell of the grid
+             * @Default {false}
+             */
+            enableHeaderHover?: boolean;
+
+            /** Gets or sets a value that indicates whether to persist the grid model state in page using applicable medium i.e., HTML5 localStorage or cookies
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Gets or sets a value that indicates whether the grid rows has to be rendered as detail view in mobile mode
+             * @Default {false}
+             */
+            enableResponsiveRow?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable mouse over effect on corresponding grid row.
+             * @Default {true}
+             */
+            enableRowHover?: boolean;
+
+            /** Align content in the grid control from right to left by setting the property as true.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** To Disable the mouse swipe property as false.
+             * @Default {true}
+             */
+            enableTouch?: boolean;
+
+            /** It sets a value that indicates whether to enable toolbar items, when allowEditing, allowAdding and allowDeleting property set as false in the grid.
+             * @Default {false}
+             */
+            enableToolbarItems?: boolean;
+
+            /** Act as mapper for the excel exporting URL.
+             * @Default {ExportToExcel}
+             */
+            exportToExcelAction?: string;
+
+            /** Act as mapper for the PDF exporting URL.
+             * @Default {ExportToPdf}
+             */
+            exportToPdfAction?: string;
+
+            /** Act as mapper for the Word exporting URL.
+             * @Default {ExportToWord}
+             */
+            exportToWordAction?: string;
+
+            /** Gets or sets an object that indicates whether to customize the filtering behavior of the grid
+             */
+            filterSettings?: FilterSettings;
+
+            /** Gets or sets an object that indicates whether to customize the grouping behavior of the grid.
+             */
+            groupSettings?: GroupSettings;
+
+            /** Gets or sets a value that indicates whether the grid design has be to made responsive.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** This specifies to change the key in keyboard interaction to grid control
+             * @Default {null}
+             */
+            keySettings?: any;
+
+            /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to
+             * a particular country or region.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Gets or sets a value that indicates whether to set the minimum width of the responsive grid while isResponsive property is true and enableResponsiveRow property is set as false.
+             * @Default {0}
+             */
+            minWidth?: number;
+
+            /** Gets or sets an object that indicates whether to modify the pager default configuration.
+             */
+            pageSettings?: PageSettings;
+
+            /** Query the dataSource from the table for Grid.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Gets or sets an object that indicates whether to modify the resizing behavior.
+             */
+            resizeSettings?: ResizeSettings;
+
+            /** Gets or sets a value that indicates to render the grid with template rows. The template row must be a table row. That table row must have the JavaScript render binding format
+             * ({{:columnName}}) then the grid data source binds the data to the corresponding table row of the template.
+             * @Default {null}
+             */
+            rowTemplate?: string;
+
+            /** Gets or sets an object that indicates whether to customize the drag and drop behavior of the grid rows
+             */
+            rowDropSettings?: RowDropSettings;
+
+            /** Gets or sets an object that indicates whether to customize the searching behavior of the grid
+             */
+            searchSettings?: SearchSettings;
+
+            /** Gets a value that indicates whether the grid model to hold multiple selected records . selectedRecords can be used to displayed hold the single or multiple selected records using
+             * “selectedRecords” property
+             * @Default {null}
+             */
+            selectedRecords?: any[];
+
+            /** Gets or sets a value that indicates to select the row while initializing the grid
+             * @Default {-1}
+             */
+            selectedRowIndex?: number;
+
+            /** Gets or sets a value that indicates the selected rows in grid
+             * @Default {[]}
+             */
+            selectedRowIndices?: any[];
+
+            /** This property is used to configure the selection behavior of the grid.
+             */
+            selectionSettings?: SelectionSettings;
+
+            /** The row selection behavior of grid. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
+             * @Default {ej.Grid.SelectionType.Single}
+             */
+            selectionType?: ej.Grid.SelectionType|string;
+
+            /** Gets or sets an object that indicates whether to customize the scrolling behavior of the grid.
+             */
+            scrollSettings?: ScrollSettings;
+
+            /** Default Value:
+             * @Default {false}
+             */
+            showColumnChooser?: boolean;
+
+            /** Gets or sets a value that indicates stacked header should be shown on grid layout when the property “stackedHeaderRows” is set.
+             * @Default {false}
+             */
+            showStackedHeader?: boolean;
+
+            /** Gets or sets a value that indicates summary rows should be shown on grid layout when the property “summaryRows” is set
+             * @Default {false}
+             */
+            showSummary?: boolean;
+
+            /** Gets or sets a value that indicates whether to customize the sorting behavior of the grid.
+             */
+            sortSettings?: SortSettings;
+
+            /** Gets or sets an object that indicates to managing the collection of stacked header rows for the grid.
+             * @Default {[]}
+             */
+            stackedHeaderRows?: StackedHeaderRow[];
+
+            /** Gets or sets an object that indicates to managing the collection of summary rows for the grid.
+             * @Default {[]}
+             */
+            summaryRows?: SummaryRow[];
+
+            /** Gets or sets an object that indicates whether to auto wrap the grid header or content or both
+             */
+            textWrapSettings?: TextWrapSettings;
+
+            /** Gets or sets an object that indicates whether to enable the toolbar in the grid and add toolbar items
+             */
+            toolbarSettings?: ToolbarSettings;
+
+            /** Triggered for every grid action before its starts.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggered for every grid action success event.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggered for every grid action server failure event.
+             */
+            actionFailure?(e: ActionFailureEventArgs): void;
+
+            /** Triggered when record batch add.
+             */
+            batchAdd?(e: BatchAddEventArgs): void;
+
+            /** Triggered when record batch delete.
+             */
+            batchDelete?(e: BatchDeleteEventArgs): void;
+
+            /** Triggered before the batch add.
+             */
+            beforeBatchAdd?(e: BeforeBatchAddEventArgs): void;
+
+            /** Triggered before the batch delete.
+             */
+            beforeBatchDelete?(e: BeforeBatchDeleteEventArgs): void;
+
+            /** Triggered before the batch save.
+             */
+            beforeBatchSave?(e: BeforeBatchSaveEventArgs): void;
+
+            /** Triggered before the print.
+             */
+            beforePrint?(e: BeforePrintEventArgs): void;
+
+            /** Triggered before row drop in the grid
+             */
+            beforeRowDrop?(e: BeforeRowDropEventArgs): void;
+
+            /** Triggered before the record is going to be edited.
+             */
+            beginEdit?(e: BeginEditEventArgs): void;
+
+            /** Triggered when record cell edit.
+             */
+            cellEdit?(e: CellEditEventArgs): void;
+
+            /** Triggered when record cell save.
+             */
+            cellSave?(e: CellSaveEventArgs): void;
+
+            /** Triggered after the cell is selected.
+             */
+            cellSelected?(e: CellSelectedEventArgs): void;
+
+            /** Triggered before the cell is going to be selected.
+             */
+            cellSelecting?(e: CellSelectingEventArgs): void;
+
+            /** Triggered after the cell is deselected.
+             */
+            cellDeselected?(e: CellDeselectedEventArgs): void;
+
+            /** Triggered before the cell is going to be deselected.
+             */
+            cellDeselecting?(e: CellDeselectingEventArgs): void;
 
-	/** Gets the template to render custom context menu item.
-	*   @Default {null}
-	*/
-	template?: string;
-}
+            /** Triggered when the column is being dragged.
+             */
+            columnDrag?(e: ColumnDragEventArgs): void;
 
-export interface ContextMenuSettings {
+            /** Triggered when column dragging begins.
+             */
+            columnDragStart?(e: ColumnDragStartEventArgs): void;
 
-	/** To enable context menu.All default context menu will show.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Triggered when the column is dropped.
+             */
+            columnDrop?(e: ColumnDropEventArgs): void;
 
-	/** Gets or sets a value that indicates the list of items needs to be disable from default context menu items.
-	*   @Default {Array}
-	*/
-	disableDefaultItems?: Array<any>;
+            /** Triggered after the column is selected.
+             */
+            columnSelected?(e: ColumnSelectedEventArgs): void;
 
-	/** Its used to add specific default context menu items.
-	*   @Default {Array}
-	*/
-	menuItems?: Array<any>;
+            /** Triggered before the column is going to be selected.
+             */
+            columnSelecting?(e: ColumnSelectingEventArgs): void;
 
-	/** Gets or sets a value that indicates whether to add custom contextMenu items.
-	*   @Default {Array}
-	*/
-	customMenuItems?: Array<ContextMenuSettingsCustomMenuItem>;
-}
+            /** Triggered after the column is deselected.
+             */
+            columnDeselected?(e: ColumnDeselectedEventArgs): void;
 
-export interface ColumnsTotalCount {
+            /** Triggered before the column is going to be deselected.
+             */
+            columnDeselecting?(e: ColumnDeselectingEventArgs): void;
 
-	/** To customize the totalCount text properties.
-	*   @Default {null}
-	*/
-	text?: string;
-}
+            /** Triggered when context menu item is clicked
+             */
+            contextClick?(e: ContextClickEventArgs): void;
 
-export interface ColumnsConstraints {
+            /** Triggered before the context menu is opened.
+             */
+            contextOpen?(e: ContextOpenEventArgs): void;
 
-	/** It is used to specify the type of constraints as column or swimlane.
-	*   @Default {null}
-	*/
-	type?: string;
+            /** Triggered when the grid is rendered completely.
+             */
+            create?(e: CreateEventArgs): void;
 
-	/** It is used to specify the minimum amount of card in particular column cell or swimlane cell can hold.
-	*   @Default {null}
-	*/
-	min?: number;
+            /** Triggered when the grid is bound with data during initial rendering.
+             */
+            dataBound?(e: DataBoundEventArgs): void;
 
-	/** It is used to specify the maximum amount of card in particular column cell or swimlane cell can hold.
-	*   @Default {null}
-	*/
-	max?: number;
-}
+            /** Triggered when grid going to destroy.
+             */
+            destroy?(e: DestroyEventArgs): void;
 
-export interface Column {
-
-	/** Gets or sets an object that indicates to render the Kanban with specified columns header text.
-	*   @Default {null}
-	*/
-	headerText?: string;
-
-	/** To customize the totalCount properties.
-	*   @Default {Object}
-	*/
-	totalCount?: ColumnsTotalCount;
-
-	/** Gets or sets an object that indicates to render the Kanban with specified columns key.
-	*   @Default {null}
-	*/
-	key?: string|number;
-
-	/** To enable/disable allowDrop for specific column wise.
-	*   @Default {true}
-	*/
-	allowDrop?: boolean;
-
-	/** To enable/disable allowDrag for specific column wise.
-	*   @Default {true}
-	*/
-	allowDrag?: boolean;
-
-	/** To set column collapse or expand state
-	*   @Default {false}
-	*/
-	isCollapsed?: boolean;
-
-	/** To customize the column level constraints with minimum ,maximum limit validation.
-	*   @Default {Object}
-	*/
-	constraints?: ColumnsConstraints;
-
-	/** Gets or sets a value that indicates to add the template within the header element.
-	*   @Default {null}
-	*/
-	headerTemplate?: string;
-
-	/** Gets or sets an object that indicates to render the Kanban with specified columns width.
-	*   @Default {null}
-	*/
-	width?: string|number;
-
-	/** Gets or sets an object that indicates to set specific column visibility.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Gets or sets an object that indicates whether to show add new button.
-	*   @Default {false}
-	*/
-	showAddButton?: boolean;
-}
+            /** Triggered when detail template row is clicked to collapse.
+             */
+            detailsCollapse?(e: DetailsCollapseEventArgs): void;
 
-export interface CardSettings {
+            /** Triggered detail template row is initialized.
+             */
+            detailsDataBound?(e: DetailsDataBoundEventArgs): void;
 
-	/** Gets or sets a value that indicates to add the template for card .
-	*   @Default {null}
-	*/
-	template?: string;
+            /** Triggered when detail template row is clicked to expand.
+             */
+            detailsExpand?(e: DetailsExpandEventArgs): void;
 
-	/** To customize the card border color based on assigned task. Colors and corresponding values defined here will be mapped with colorField mapped data source column.
-	*   @Default {Object}
-	*/
-	colorMapping?: any;
-}
+            /** Triggered after the record is added.
+             */
+            endAdd?(e: EndAddEventArgs): void;
 
-export interface CustomToolbarItem {
+            /** Triggered after the record is deleted.
+             */
+            endDelete?(e: EndDeleteEventArgs): void;
 
-	/** Gets the template to render customToolbarItems.
-	*   @Default {null}
-	*/
-	template?: string;
-}
+            /** Triggered after the record is edited.
+             */
+            endEdit?(e: EndEditEventArgs): void;
 
-export interface EditSettingsEditItem {
+            /** Triggered initial load.
+             */
+            load?(e: LoadEventArgs): void;
 
-	/** It is used to map editing field from the data source.
-	*   @Default {null}
-	*/
-	field?: string;
+            /** Triggered every time a request is made to access particular header cell information, element and data.
+             */
+            mergeHeaderCellInfo?(e: MergeHeaderCellInfoEventArgs): void;
 
-	/** It is used to set the particular editType in the card for editing.
-	*   @Default {ej.Kanban.EditingType.String}
-	*/
-	editType?: ej.Kanban.EditingType|string;
+            /** Triggered every time a request is made to access particular cell information, element and data.
+             */
+            mergeCellInfo?(e: MergeCellInfoEventArgs): void;
 
-	/** Gets or sets a value that indicates to define constraints for saving data to the database.
-	*   @Default {Object}
-	*/
-	validationRules?: any;
+            /** Triggered every time a request is made to access particular cell information, element and data.
+             */
+            queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** It is used to set the particular editparams in the card for editing.
-	*   @Default {Object}
-	*/
-	editParams?: any;
+            /** Triggered when record is clicked.
+             */
+            recordClick?(e: RecordClickEventArgs): void;
 
-	/** It is used to specify defaultValue for the fields while adding new card.
-	*   @Default {null}
-	*/
-	defaultValue?: string|number;
-}
+            /** Triggered when record is double clicked.
+             */
+            recordDoubleClick?(e: RecordDoubleClickEventArgs): void;
 
-export interface EditSettings {
-
-	/** Gets or sets a value that indicates whether to enable the editing action in cards of Kanban.
-	*   @Default {false}
-	*/
-	allowEditing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the adding action in cards behavior on Kanban.
-	*   @Default {false}
-	*/
-	allowAdding?: boolean;
-
-	/** This specifies the id of the template which is require to be edited using the Dialog Box.
-	*   @Default {null}
-	*/
-	dialogTemplate?: string;
-
-	/** Get or sets an object that indicates whether to customize the editMode of the Kanban.
-	*   @Default {ej.Kanban.EditMode.Dialog}
-	*/
-	editMode?: ej.Kanban.EditMode|string;
-
-	/** Get or sets an object that indicates whether to customize the editing fields of Kanban card.
-	*   @Default {Array}
-	*/
-	editItems?: Array<EditSettingsEditItem>;
-
-	/** This specifies the id of the template which is require to be edited using the External edit form.
-	*   @Default {null}
-	*/
-	externalFormTemplate?: string;
-
-	/** This specifies to set the position of an External edit form either in the right or bottom of the Kanban.
-	*   @Default {ej.Kanban.FormPosition.Bottom}
-	*/
-	formPosition?: ej.Kanban.FormPosition|string;
-}
+            /** Triggered after column resized.
+             */
+            resized?(e: ResizedEventArgs): void;
 
-export interface Fields {
-
-	/** The primarykey field is mapped to data source field. And this will used for Drag and drop and editing mainly.
-	*   @Default {null}
-	*/
-	primaryKey?: string;
-
-	/** To enable swimlane grouping based on the given key field from datasource mapping.
-	*   @Default {null}
-	*/
-	swimlaneKey?: string;
-
-	/** Priority field has been mapped data source field to maintain cards priority.
-	*   @Default {null}
-	*/
-	priority?: string;
-
-	/** Content field has been Mapped into card text.
-	*   @Default {null}
-	*/
-	content?: string;
-
-	/** Tag field has been Mapped into card tag.
-	*   @Default {null}
-	*/
-	tag?: string;
-
-	/** Title field has been Mapped to field in datasource for title content. If title field specified , card expand/collapse will be enabled with header and content section.
-	*   @Default {null}
-	*/
-	title?: string;
-
-	/** To customize the card has been Mapped into card color field.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** ImageUrl field has been Mapped into card image.
-	*   @Default {null}
-	*/
-	imageUrl?: string;
-}
+            /** Triggered when column resize end.
+             */
+            resizeEnd?(e: ResizeEndEventArgs): void;
 
-export interface FilterSetting {
+            /** Triggered when column resize start.
+             */
+            resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** Gets or sets an object of display name to filter queries.
-	*   @Default {null}
-	*/
-	text?: string;
+            /** Triggered when right clicked on grid element.
+             */
+            rightClick?(e: RightClickEventArgs): void;
 
-	/** Gets or sets an object that Queries to perform filtering
-	*   @Default {Object}
-	*/
-	query?: any;
+            /** Triggered every time a request is made to access row information, element and data.
+             */
+            rowDataBound?(e: RowDataBoundEventArgs): void;
 
-	/** Gets or sets an object of tooltip to filter buttons.
-	*   @Default {null}
-	*/
-	description?: string;
-}
+            /** Triggered after the row is selected.
+             */
+            rowSelected?(e: RowSelectedEventArgs): void;
 
-export interface ScrollSettings {
+            /** Triggered before the row is going to be selected.
+             */
+            rowSelecting?(e: RowSelectingEventArgs): void;
 
-	/** Gets or sets an object that indicates to render the Kanban with specified scroll height.
-	*   @Default {0}
-	*/
-	height?: string|number;
+            /** Triggered after the row is deselected.
+             */
+            rowDeselected?(e: RowDeselectedEventArgs): void;
 
-	/** Gets or sets an object that indicates to render the Kanban with specified scroll width.
-	*   @Default {auto}
-	*/
-	width?: string|number;
+            /** Triggered before the row is going to be deselected.
+             */
+            rowDeselecting?(e: RowDeselectingEventArgs): void;
 
-	/** To allow the Kanban to freeze particular swimlane at the time of scrolling , until scroll reaches next swimlane and it continues.
-	*   @Default {false}
-	*/
-	allowFreezeSwimlane?: boolean;
-}
+            /** Triggered when the row is being dragged.
+             */
+            rowDrag?(e: RowDragEventArgs): void;
 
-export interface SearchSettings {
+            /** Triggered when row dragging begins.
+             */
+            rowDragStart?(e: RowDragStartEventArgs): void;
 
-	/** To customize the fields the searching operation can be perform.
-	*   @Default {Array}
-	*/
-	fields?: Array<any>;
+            /** Triggered when the row is dropped.
+             */
+            rowDrop?(e: RowDropEventArgs): void;
 
-	/** To customize the searching string.
-	*/
-	key?: string;
+            /** Triggered when refresh the template column elements in the Grid.
+             */
+            templateRefresh?(e: TemplateRefreshEventArgs): void;
 
-	/** To customize the operator based on searching.
-	*   @Default {contains}
-	*/
-	operator?: string;
+            /** Triggered when toolbar item is clicked in grid.
+             */
+            toolbarClick?(e: ToolbarClickEventArgs): void;
+        }
 
-	/** To customize the ignore case based on searching.
-	*   @Default {true}
-	*/
-	ignoreCase?: boolean;
-}
+        export interface ActionBeginEventArgs {
 
-export interface StackedHeaderRowsStackedHeaderColumn {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates the headerText for the particular stacked header column.
-	*   @Default {null}
-	*/
-	headerText?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Gets or sets a value that indicates the column for the particular stacked header column.
-	*   @Default {null}
-	*/
-	column?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface StackedHeaderRow {
+            /** Returns the current selected page number.
+             */
+            currentPage?: number;
 
-	/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows.
-	*   @Default {Array}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumn>;
-}
+            /** Returns the previous selected page number.
+             */
+            previousPage?: number;
 
-export interface TooltipSettings {
+            /** Returns the end row index of that current page.
+             */
+            endIndex?: number;
 
-	/** To enable or disable the tooltip display.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** To customize the tooltip display based on your requirements.
-	*   @Default {null}
-	*/
-	template?: string;
-}
+            /** Returns the start row index of that current page.
+             */
+            startIndex?: number;
 
-export interface Workflow {
+            /** Returns the current grouped column field name.
+             */
+            columnName?: string;
 
-	/** Gets or sets an object that indicates to render the Kanban with specified workflows key.
-	*   @Default {null}
-	*/
-	key?: string|number;
+            /** Returns the column sort direction.
+             */
+            columnSortDirection?: string;
 
-	/** Gets or sets an object that indicates to render the Kanban with specified workflows allowed Transitions.
-	*   @Default {null}
-	*/
-	allowedTransitions?: string;
-}
+            /** Returns current edited row.
+             */
+            row?: any;
 
-enum Target{
+            /** Returns the current action event type.
+             */
+            originalEventType?: string;
 
-	///Sets context menu to Kanban header
-	Header,
+            /** Returns primary key.
+             */
+            primaryKey?: string;
 
-	///Sets context menu to Kanban content
-	Content,
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	///Sets context menu to Kanban card
-	Card,
+            /** Returns the edited row index.
+             */
+            rowIndex?: number;
 
-	///Sets context menu to Kanban
-	All
-}
+            /** Returns the record object (JSON).
+             */
+            data?: any;
 
+            /** Returns the record object (JSON).
+             */
+            rowData?: any;
 
-enum EditMode{
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-	///Creates Kanban with editMode as Dialog
-	Dialog,
+            /** Returns the selected row index.
+             */
+            selectedRow?: number;
 
-	///Creates Kanban with editMode as DialogTemplate
-	DialogTemplate,
+            /** Returns selected row for delete.
+             */
+            tr?: any;
 
-	///Creates Kanban with editMode as ExternalForm
-	ExternalForm,
+            /** Returns current filtering column field name.
+             */
+            currentFilteringColumn?: any;
 
-	///Creates Kanban with editMode as ExternalFormTemplate
-	ExternalFormTemplate
-}
+            /** Returns current filtering object.
+             */
+            currentFilterObject?: any;
 
+            /** Returns filter details.
+             */
+            filterCollection?: any;
 
-enum EditingType{
+            /** Returns type of the column like number, string and so on.
+             */
+            columnType?: string;
 
-	///Allows to set edit type as string edit type
-	String,
+            /** Returns the excel filter model.
+             */
+            filtermodel?: any;
 
-	///Allows to set edit type as numeric edit type 
-	Numeric,
+            /** Returns the dataSource.
+             */
+            dataSource?: any;
 
-	///Allows to set edit type as drop down edit type
-	Dropdown,
+            /** Returns the query manager.
+             */
+            query?: any;
 
-	///Allows to set edit type as date picker edit type
-	DatePicker,
+            /** Returns the customfilter option value.
+             */
+            isCustomFilter?: boolean;
+        }
 
-	///Allows to set edit type as date time picker edit type
-	DateTimePicker,
+        export interface ActionCompleteEventArgs {
 
-	///Allows to set edit type as text area edit type
-	TextArea,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Allows to set edit type as RTE edit type
-	RTE
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
+            /** Returns request type.
+             */
+            requestType?: string;
 
-enum FormPosition{
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	///Form position is bottom.
-	Bottom,
+            /** Returns the current selected page number.
+             */
+            currentPage?: number;
 
-	///Form position is right.
-	Right
-}
+            /** Returns the previous selected page number.
+             */
+            previousPage?: number;
 
+            /** Returns the end row index of that current page.
+             */
+            endIndex?: number;
 
-enum SelectionType{
+            /** Returns current action event type.
+             */
+            originalEventType?: string;
 
-	///Support for Single selection in Kanban
-	Single,
+            /** Returns the start row index of the current page.
+             */
+            startIndex?: number;
 
-	///Support for multiple selections in Kanban
-	Multiple
-}
+            /** Returns grid element.
+             */
+            target?: any;
 
-}
+            /** Returns the current sorted column field name.
+             */
+            columnName?: string;
 
-class Rotator extends ej.Widget {
-	static fn: Rotator;
-	constructor(element: JQuery, options?: Rotator.Model);
-	constructor(element: Element, options?: Rotator.Model);
-	static Locale: any;
-	model:Rotator.Model;
-	defaults:Rotator.Model;
-
-	/** Disables the Rotator control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the Rotator control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** This method is used to get the current slide index.
-	*   @returns {number}
-	*/
-	getIndex(): number;
-
-	/** This method is used to move a slide to the specified index.
-	*   @param {number} index of an slide
-	*   @returns {void}
-	*/
-	gotoIndex(index: number): void;
-
-	/** This method is used to pause autoplay.
-	*   @returns {void}
-	*/
-	pause(): void;
-
-	/** This method is used to move slides continuously (or start autoplay) in the specified autoplay direction.
-	*   @returns {void}
-	*/
-	play(): void;
-
-	/** This method is used to move to the next slide from the current slide. If the current slide is the last slide, then the first slide will be treated as the next slide.
-	*   @returns {void}
-	*/
-	slideNext(): void;
-
-	/** This method is used to move to the previous slide from the current slide. If the current slide is the first slide, then the last slide will be treated as the previous slide.
-	*   @returns {void}
-	*/
-	slidePrevious(): void;
-
-	/** This method is used to update/modify the slide content of template rotator by using id based on index value.
-	*   @param {number} index of an slide
-	*   @param {string} id of a new updated slide
-	*   @returns {void}
-	*/
-	updateTemplateById(index: number, id: string): void;
-}
-export module Rotator{
-
-export interface Model {
-
-	/** Turns on keyboard interaction with the Rotator items. You must set this property to true to access the following keyboard shortcuts:
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Sets the animationSpeed of slide transition.
-	*   @Default {600}
-	*/
-	animationSpeed?: string|number;
-
-	/** Specifies the animationType type for the Rotator Item. animationType options include slide, fastSlide, slowSlide, and other custom easing animationTypes.
-	*   @Default {slide}
-	*/
-	animationType?: string;
-
-	/** Enables the circular mode item rotation.
-	*   @Default {true}
-	*/
-	circularMode?: boolean;
-
-	/** Specify the CSS class to Rotator to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specify the list of data which contains a set of data fields. Each data value is used to render an item for the Rotator.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Sets the delay between the Rotator Items move after the slide transition.
-	*   @Default {500}
-	*/
-	delay?: number;
-
-	/** Specifies the number of Rotator Items to be displayed.
-	*   @Default {1}
-	*/
-	displayItemsCount?: string|number;
-
-	/** Rotates the Rotator Items continuously without user interference.
-	*   @Default {false}
-	*/
-	enableAutoPlay?: boolean;
-
-	/** Enables or disables the Rotator control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specifies right to left transition of slides.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Defines mapping fields for the data items of the Rotator.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Sets the space between the Rotator Items.
-	*/
-	frameSpace?: string|number;
-
-	/** Resizes the Rotator when the browser is resized.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies the number of Rotator Items to navigate on a single click (next/previous/play buttons). The navigateSteps property value must be less than or equal to the displayItemsCount property value.
-	*   @Default {1}
-	*/
-	navigateSteps?: string|number;
-
-	/** Specifies the orientation for the Rotator control, that is, whether it must be rendered horizontally or vertically. See Orientation
-	*   @Default {ej.Orientation.Horizontal}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Specifies the position of the showPager in the Rotator Item. See PagerPosition
-	*   @Default {outside}
-	*/
-	pagerPosition?: string|ej.Rotator.PagerPosition;
-
-	/** Retrieves data from remote data. This property is applicable only when a remote data source is used.
-	*   @Default {null}
-	*/
-	query?: string;
-
-	/** If the Rotator Item is an image, you can specify a caption for the Rotator Item. The caption text for each Rotator Item must be set by using the title attribute of the respective tag. The caption cannot be displayed if multiple Rotator Items are present.
-	*   @Default {false}
-	*/
-	showCaption?: boolean;
-
-	/** Turns on or off the slide buttons (next and previous) in the Rotator Items. Slide buttons are used to navigate the Rotator Items.
-	*   @Default {true}
-	*/
-	showNavigateButton?: boolean;
-
-	/** Turns on or off the pager support in the Rotator control. The Pager is used to navigate the Rotator Items.
-	*   @Default {true}
-	*/
-	showPager?: boolean;
-
-	/** Enable play / pause button on rotator.
-	*   @Default {false}
-	*/
-	showPlayButton?: boolean;
-
-	/** Turns on or off thumbnail support in the Rotator control. Thumbnail is used to navigate between slides. Thumbnail supports only single slide transition You must specify the source for thumbnail elements through the thumbnailSourceID property.
-	*   @Default {false}
-	*/
-	showThumbnail?: boolean;
-
-	/** Sets the height of a Rotator Item.
-	*/
-	slideHeight?: string|number;
-
-	/** Sets the width of a Rotator Item.
-	*/
-	slideWidth?: string|number;
-
-	/** Sets the index of the slide that must be displayed first.
-	*   @Default {0}
-	*/
-	startIndex?: string|number;
-
-	/** Pause the auto play while hover on the rotator content.
-	*   @Default {false}
-	*/
-	stopOnHover?: boolean;
-
-	/** The template to display the Rotator widget with customized appearance.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** The templateId enables to bind multiple customized template items in Rotator.
-	*   @Default {null}
-	*/
-	templateId?: Array<any>;
-
-	/** Specifies the source for thumbnail elements.
-	*   @Default {null}
-	*/
-	thumbnailSourceID?: any;
-
-	/** This event is fired when the Rotator slides are changed. */
-	change? (e: ChangeEventArgs): void;
-
-	/** This event is fired when the Rotator control is initialized. */
-	create? (e: CreateEventArgs): void;
-
-	/** This event is fired when the Rotator control is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** This event is fired when a pager is clicked. */
-	pagerClick? (e: PagerClickEventArgs): void;
-
-	/** This event is fired when enableAutoPlay is started. */
-	start? (e: StartEventArgs): void;
-
-	/** This event is fired when autoplay is stopped or paused. */
-	stop? (e: StopEventArgs): void;
-
-	/** This event is fired when a thumbnail pager is clicked. */
-	thumbItemClick? (e: ThumbItemClickEventArgs): void;
-}
+            /** Returns the column sort direction.
+             */
+            columnSortDirection?: string;
 
-export interface ChangeEventArgs {
+            /** Returns current edited row.
+             */
+            row?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns primary key.
+             */
+            primaryKey?: string;
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the edited row index.
+             */
+            rowIndex?: number;
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+            /** Returns the record object (JSON).
+             */
+            data?: any;
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+            /** Returns the record object (JSON).
+             */
+            rowData?: any;
 
-export interface CreateEventArgs {
+            /** Returns the selectedRow index.
+             */
+            selectedRow?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+            /** Returns selected row for delete.
+             */
+            tr?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns current filtering column field name.
+             */
+            currentFilteringColumn?: string;
 
-export interface DestroyEventArgs {
+            /** Returns current filtering object.
+             */
+            currentFilterObject?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns filter details.
+             */
+            filterCollection?: any;
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+            /** Returns the dataSource.
+             */
+            dataSource?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the excel filter model.
+             */
+            filtermodel?: any;
 
-export interface PagerClickEventArgs {
+            /** Returns type of the column like number, string and so on.
+             */
+            columnType?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the customfilter option value.
+             */
+            isCustomFilter?: boolean;
+        }
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+        export interface ActionFailureEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+            /** Returns request type.
+             */
+            requestType?: string;
 
-export interface StartEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the error return by server.
+             */
+            error?: any;
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+            /** Returns the current selected page number.
+             */
+            currentPage?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the previous selected page number.
+             */
+            previousPage?: number;
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+            /** Returns the end row index of that current page.
+             */
+            endIndex?: number;
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+            /** Returns current action event type.
+             */
+            originalEventType?: string;
 
-export interface StopEventArgs {
+            /** Returns the start row index of the current page.
+             */
+            startIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns grid element.
+             */
+            target?: any;
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+            /** Returns the current sorted column field name.
+             */
+            columnName?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the column sort direction.
+             */
+            columnSortDirection?: string;
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+            /** Returns current edited row.
+             */
+            row?: any;
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+            /** Returns primary key.
+             */
+            primaryKey?: string;
 
-export interface ThumbItemClickEventArgs {
+            /** Returns primary key value.
+             */
+            primaryKeyValue?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the edited row index.
+             */
+            rowIndex?: number;
 
-	/** returns the rotator model
-	*/
-	model?: ej.Rotator.Model;
+            /** Returns the record object (JSON).
+             */
+            data?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the record object (JSON).
+             */
+            rowData?: any;
 
-	/** the current rotator id.
-	*/
-	itemId?: string;
+            /** Returns the selectedRow index.
+             */
+            selectedRow?: number;
 
-	/** returns the current slide index.
-	*/
-	activeItemIndex?: number;
-}
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-export interface Fields {
+            /** Returns selected row for delete.
+             */
+            tr?: any;
 
-	/** Specifies a link for the image.
-	*/
-	linkAttribute?: string;
+            /** Returns current filtering column field name.
+             */
+            currentFilteringColumn?: string;
 
-	/** Specifies where to open a given link.
-	*/
-	targetAttribute?: string;
+            /** Returns current filtering object.
+             */
+            currentFilterObject?: any;
 
-	/** Specifies a caption for the image.
-	*/
-	text?: string;
+            /** Returns filter details.
+             */
+            filterCollection?: any;
+        }
 
-	/** Specifies a caption for the thumbnail image.
-	*/
-	thumbnailText?: string;
+        export interface BatchAddEventArgs {
 
-	/** Specifies the URL for an thumbnail image.
-	*/
-	thumbnailUrl?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Specifies the URL for an image.
-	*/
-	url?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-enum PagerPosition{
+            /** Returns deleted data.
+             */
+            defaultData?: any;
 
-	///string
-	BottomLeft,
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	///string
-	BottomRight,
+            /** Returns the column object.
+             */
+            columnObject?: any;
 
-	///string
-	Outside,
+            /** Returns the column index.
+             */
+            columnIndex?: number;
 
-	///string
-	TopCenter,
+            /** Returns the row element.
+             */
+            row?: any;
 
-	///string
-	TopLeft,
+            /** Returns the primaryKey.
+             */
+            primaryKey?: any;
 
-	///string
-	TopRight
-}
+            /** Returns the cell object.
+             */
+            cell?: any;
+        }
 
-}
+        export interface BatchDeleteEventArgs {
 
-class RTE extends ej.Widget {
-	static fn: RTE;
-	constructor(element: JQuery, options?: RTE.Model);
-	constructor(element: Element, options?: RTE.Model);
-	static Locale: any;
-	model:RTE.Model;
-	defaults:RTE.Model;
-
-	/** Returns the range object.
-	*   @returns {any}
-	*/
-	createRange(): any;
-
-	/** Disables the RTE control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Disables the corresponding tool in the RTE ToolBar.
-	*   @returns {void}
-	*/
-	disableToolbarItem(): void;
-
-	/** Enables the RTE control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Enables the corresponding tool in the toolbar when the tool is disabled.
-	*   @returns {void}
-	*/
-	enableToolbarItem(): void;
-
-	/** Performs the action value based on the given command.
-	*   @param {string} Command Name.
-	*   @param {any} Content to be inserted as argument.
-	*   @param {boolean} Boolean value to specify whether the argument is textnode or not, this is optional.
-	*   @returns {void}
-	*/
-	executeCommand(cmdName: string, args: any, textnodeType?: boolean): void;
-
-	/** Focuses the RTE control.
-	*   @returns {void}
-	*/
-	focus(): void;
-
-	/** Gets the command status of the selected text based on the given comment in the RTE control.
-	*   @returns {boolean}
-	*/
-	getCommandStatus(): boolean;
-
-	/** Gets the Document from the RTE control.
-	*   @returns {Document}
-	*/
-	getDocument(): Document;
-
-	/** Gets the HTML string from the RTE control.
-	*   @returns {HTMLElement}
-	*/
-	getHtml(): HTMLElement;
-
-	/** Gets the selected HTML string from the RTE control.
-	*   @returns {HTMLElement}
-	*/
-	getSelectedHtml(): HTMLElement;
-
-	/** Gets the content as string from the RTE control.
-	*   @returns {string}
-	*/
-	getText(): string;
-
-	/** Hides the RTE control.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Inserts new item to the target contextmenu node.
-	*   @returns {void}
-	*/
-	insertMenuOption(): void;
-
-	/** Add a table column at the right or left of the specified cell
-	*   @param {boolean} If it’s true, add a column at the left of the cell, otherwise add a column at the right of the cell
-	*   @param {JQuery} Column will be added based on the given cell element
-	*   @returns {HTMLElement}
-	*/
-	insertColumn(before?: boolean, cell?: JQuery): HTMLElement;
-
-	/** To add a table row below or above the specified cell.
-	*   @param {boolean} If it’s true, add a row before the cell, otherwise add a row after the cell
-	*   @param {JQuery} Row will be added based on the given cell element
-	*   @returns {HTMLElement}
-	*/
-	insertRow(before?: boolean, cell?: JQuery): HTMLElement;
-
-	/** This method helps to insert/paste the content at the current cursor (caret) position or the selected content to be replaced with our text by passing the value as parameter to the pasteContent method in the Editor.
-	*   @returns {void}
-	*/
-	pasteContent(): void;
-
-	/** Refreshes the RTE control.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Removes the specified table column.
-	*   @param {JQuery} Remove the given column element
-	*   @returns {void}
-	*/
-	removeColumn(cell?: JQuery): void;
-
-	/** Removes the specified table row.
-	*   @param {JQuery} Remove the given row element
-	*   @returns {void}
-	*/
-	removeRow(cell?: JQuery): void;
-
-	/** Deletes the specified table.
-	*   @param {JQuery} Remove the given table
-	*   @returns {void}
-	*/
-	removeTable(table?: JQuery): void;
-
-	/** Removes the target menu item from the RTE contextmenu.
-	*   @returns {void}
-	*/
-	removeMenuOption(): void;
-
-	/** Removes the given tool from the RTE Toolbar.
-	*   @returns {void}
-	*/
-	removeToolbarItem(): void;
-
-	/** Selects all the contents within the RTE.
-	*   @returns {void}
-	*/
-	selectAll(): void;
-
-	/** Selects the contents in the given range.
-	*   @returns {void}
-	*/
-	selectRange(): void;
-
-	/** Sets the color picker model type rendered initially in the RTE control.
-	*   @returns {void}
-	*/
-	setColorPickerType(): void;
-
-	/** Sets the HTML string from the RTE control.
-	*   @returns {void}
-	*/
-	setHtml(): void;
-
-	/** Displays the RTE control.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module RTE{
-
-export interface Model {
-
-	/** Enables/disables the editing of the content.
-	*   @Default {True}
-	*/
-	allowEditing?: boolean;
-
-	/** RTE control can be accessed through the keyboard shortcut keys.
-	*   @Default {True}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** When the property is set to true, it focuses the RTE at the time of rendering.
-	*   @Default {false}
-	*/
-	autoFocus?: boolean;
-
-	/** Based on the content size, its height is adjusted instead of adding the scrollbar.
-	*   @Default {false}
-	*/
-	autoHeight?: boolean;
-
-	/** This API holds configuration setting for paste clenaup behavior.
-	*   @Default {{ listConversion: false, cleanCSS: false,	removeStyles: false, cleanElements: false }}
-	*/
-	pasteCleanupSettings?: PasteCleanupSettings;
-
-	/** Sets the colorCode to display the color of the fontColor and backgroundColor in the font tools of the RTE.
-	*   @Default {[000000, FFFFFF, C4C4C4, ADADAD, 595959, 262626, 4f81bd, dbe5f1, b8cce4, 95b3d7, 366092, 244061, c0504d, f2dcdb, e5b9b7, d99694, 953734,632423, 9bbb59, ebf1dd, d7e3bc, c3d69b, 76923c, 4f6128, 8064a2, e5e0ec, ccc1d9, b2a2c7, 5f497a, 3f3151, f79646, fdeada, fbd5b5, fac08f,e36c09, 974806]}
-	*/
-	colorCode?: any;
-
-	/** The number of columns given are rendered in the color palate popup.
-	*   @Default {6}
-	*/
-	colorPaletteColumns?: number;
-
-	/** The number of rows given are rendered in the color palate popup.
-	*   @Default {6}
-	*/
-	colorPaletteRows?: number;
-
-	/** Sets the root class for the RTE theme. This cssClass API helps the usage of custom skinning option for the RTE control by including this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** Enables/disables the RTE control’s accessibility or interaction.
-	*   @Default {True}
-	*/
-	enabled?: boolean;
-
-	/** When the property is set to true, it returns the encrypted text.
-	*   @Default {false}
-	*/
-	enableHtmlEncode?: boolean;
-
-	/** Maintain the values of the RTE after page reload.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Shows the resize icon and enables the resize option in the RTE.
-	*   @Default {True}
-	*/
-	enableResize?: boolean;
-
-	/** Shows the RTE in the RTL direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Formats the contents based on the XHTML rules.
-	*   @Default {false}
-	*/
-	enableXHTML?: boolean;
-
-	/** Enables the tab key action with the RichTextEditor content.
-	*   @Default {True}
-	*/
-	enableTabKeyNavigation?: boolean;
-
-	/** This API allows to enable url and fileName for pdf export.
-	*   @Default {null}
-	*/
-	exportToPdfSettings?: ExportToPdfSettings;
-
-	/** This API allows to enable url and fileName for word export.
-	*   @Default {null}
-	*/
-	exportToWordSettings?: ExportToWordSettings;
-
-	/** Load the external CSS file inside Iframe.
-	*   @Default {null}
-	*/
-	externalCSS?: string;
-
-	/** This API allows to enable the file browser support in the RTE control to browse, create, delete and upload the files in the specified current directory.
-	*   @Default {null}
-	*/
-	fileBrowser?: FileBrowser;
-
-	/** Sets the fontName in the RTE.
-	*   @Default {{text: Segoe UI, value: Segoe UI },{text: Arial, value: Arial,Helvetica,sans-serif },{text: Courier New, value: Courier New,Courier,Monospace },{text: Georgia, value: Georgia,serif },{text: Impact, value: Impact,Charcoal,sans-serif },{text: Lucida Console, value: Lucida Console,Monaco,Monospace },{text: Tahoma, value: Tahoma,Geneva,sans-serif },{text: Times New Roman, value: Times New Roman },{text: Trebuchet MS, value: Trebuchet MS,Helvetica,sans-serif },{text: Verdana, value: Verdana,Geneva,sans-serif}}
-	*/
-	fontName?: any;
-
-	/** Sets the fontSize in the RTE.
-	*   @Default {{ text: 1, value: 1 },{ text: 2 (10pt), value: 2 },{ text: 3 (12pt), value: 3 },{ text: 4 (14pt), value: 4 },{ text: 5 (18pt), value: 5 },{ text: 6 (24pt), value: 6 },{ text: 7 (36pt), value: 7 }}
-	*/
-	fontSize?: any;
-
-	/** Sets the format in the RTE.
-	*   @Default {{ text: Paragraph, value: &lt;p&gt;, spriteCssClass: e-paragraph },{ text: Quotation, value: &lt;blockquote&gt;, spriteCssClass: e-quotation },{ text: Heading 1, value: &lt;h1&gt;, spriteCssClass: e-h1 },{ text: Heading 2, value: &lt;h2&gt;, spriteCssClass: e-h2 },{ text: Heading 3, value: &lt;h3&gt;, spriteCssClass: e-h3 },{ text: Heading 4, value: &lt;h4&gt;, spriteCssClass: e-h4 },{ text: Heading 5, value: &lt;h5&gt;, spriteCssClass: e-h5 },{ text: Heading 6, value: &lt;h6&gt;, spriteCssClass: e-h6}}
-	*/
-	format?: string;
-
-	/** Defines the height of the RTE textbox.
-	*   @Default {370}
-	*/
-	height?: string|number;
-
-	/** Specifies the HTML Attributes of the ejRTE.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Sets the given attributes to the iframe body element.
-	*   @Default {{}}
-	*/
-	iframeAttributes?: any;
-
-	/** This API allows the image browser to support in the RTE control to browse, create, delete, and upload the image files to the specified current directory.
-	*   @Default {null}
-	*/
-	imageBrowser?: ImageBrowser;
-
-	/** This API allows to enable the url for connecting to RTE import.
-	*   @Default {null}
-	*/
-	importSettings?: ImportSettings;
-
-	/** Enables/disables responsive support for the RTE control toolbar items during the window resizing time.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Sets the culture in the RTE when you set the localization values are needs to be assigned to the corresponding text as follows.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the maximum height for the RTE outer wrapper element.
-	*   @Default {null}
-	*/
-	maxHeight?: string|number;
-
-	/** Sets the maximum length for the RTE outer wrapper element.
-	*   @Default {7000}
-	*/
-	maxLength?: number;
-
-	/** Sets the maximum width for the RTE outer wrapper element.
-	*   @Default {null}
-	*/
-	maxWidth?: string|number;
-
-	/** Sets the minimum height for the RTE outer wrapper element.
-	*   @Default {280}
-	*/
-	minHeight?: string|number;
-
-	/** Sets the minimum width for the RTE outer wrapper element.
-	*   @Default {400}
-	*/
-	minWidth?: string|number;
-
-	/** Sets the name in the RTE. When the name value is not initialized, the ID value is assigned to the name.
-	*/
-	name?: string;
-
-	/** Shows ClearAll icon in the RTE footer.
-	*   @Default {false}
-	*/
-	showClearAll?: boolean;
-
-	/** Shows the clear format in the RTE footer.
-	*   @Default {true}
-	*/
-	showClearFormat?: boolean;
-
-	/** Shows the Custom Table in the RTE.
-	*   @Default {True}
-	*/
-	showCustomTable?: boolean;
-
-	/** The showContextMenu property helps to enable custom context menu within editor area.
-	*   @Default {True}
-	*/
-	showContextMenu?: boolean;
-
-	/** This API is used to set the default dimensions for the image and video. When this property is set to true, the image and video dialog displays the dimension option.
-	*   @Default {false}
-	*/
-	showDimensions?: boolean;
-
-	/** Shows the FontOption in the RTE.
-	*   @Default {True}
-	*/
-	showFontOption?: boolean;
-
-	/** Shows footer in the RTE. When the footer is enabled, it displays the HTML tag, word Count, character count, clear format, resize icon and clear all the content icons, by default.
-	*   @Default {false}
-	*/
-	showFooter?: boolean;
-
-	/** Shows the HtmlSource in the RTE footer.
-	*   @Default {false}
-	*/
-	showHtmlSource?: boolean;
-
-	/** When the cursor is placed or when the text is selected in the RTE, it displays the tag info in the footer.
-	*   @Default {True}
-	*/
-	showHtmlTagInfo?: boolean;
-
-	/** Shows the toolbar in the RTE.
-	*   @Default {True}
-	*/
-	showToolbar?: boolean;
-
-	/** Counts the total characters and displays it in the RTE footer.
-	*   @Default {True}
-	*/
-	showCharCount?: boolean;
-
-	/** Enables or disables rounded corner UI look for RTE.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Counts the total words and displays it in the RTE footer.
-	*   @Default {True}
-	*/
-	showWordCount?: boolean;
-
-	/** The given number of columns render the insert table pop.
-	*   @Default {10}
-	*/
-	tableColumns?: number;
-
-	/** The given number of rows render the insert table pop.
-	*   @Default {8}
-	*/
-	tableRows?: number;
-
-	/** Sets the tools in the RTE and gets the inner display order of the corresponding group element. Tools are dependent on the toolsList property.
-	*   @Default {formatStyle: [format],style: [bold, italic, underline, strikethrough],alignment: [justifyLeft, justifyCenter, justifyRight, justifyFull],lists: [unorderedList, orderedList],indenting: [outdent, indent],doAction: [undo, redo],links: [createLink,removeLink],images: [image],media: [video],tables: [createTable, addRowAbove, addRowBelow, addColumnLeft, addColumnRight, deleteRow, deleteColumn, deleteTable]],view:[“fullScreen”,zoomIn,zoomOut],print:[print]}
-	*/
-	tools?: Tools;
-
-	/** Specifies the list of groups and order of those groups displayed in the RTE toolbar.  The toolsList property is used to get the root group order and tools property is used to get the inner order of the corresponding groups displayed. When the value is not specified, it gets its default display order and tools.
-	*   @Default {[formatStyle, font, style, effects, alignment, lists, indenting, clipboard, doAction, clear, links, images, media, tables, casing,view, customTools,print,edit]}
-	*/
-	toolsList?: Array<any>;
-
-	/** Specifies the overflow mode for RTE responsive toolbar
-	*   @Default {Popup}
-	*/
-	toolbarOverflowMode?: ej.RTE.ToolbarOverflowMode|string;
-
-	/** Display the hints for the tools in the Toolbar.
-	*   @Default {{ associate: mouseenter, showShadow: true, position: { stem: { horizontal: left, vertical: top }  }, tip: { size: { width: 5, height: 5 }, isBalloon: false }}
-	*/
-	tooltipSettings?: any;
-
-	/** Gets the undo stack limit.
-	*   @Default {50}
-	*/
-	undoStackLimit?: number;
-
-	/** The given string value is displayed in the editable area.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Sets the jQuery validation rules to the Rich Text Editor.
-	*   @Default {null}
-	*/
-	validationRules?: any;
-
-	/** Sets the jQuery validation error message to the Rich Text Editor.
-	*   @Default {null}
-	*/
-	validationMessage?: any;
-
-	/** Defines the width of the RTE textbox.
-	*   @Default {786}
-	*/
-	width?: string|number;
-
-	/** Increases and decreases the contents zoom range in percentage
-	*   @Default {0.05}
-	*/
-	zoomStep?: string|number;
-
-	/** Fires when changed successfully. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when the RTE is created successfully */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when mouse click on menu items. */
-	contextMenuClick? (e: ContextMenuClickEventArgs): void;
-
-	/** Fires before the RTE is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when the commands are executed successfully. */
-	execute? (e: ExecuteEventArgs): void;
-
-	/** Fires when the keydown action is successful. */
-	keydown? (e: KeydownEventArgs): void;
-
-	/** Fires when the keyup action is successful. */
-	keyup? (e: KeyupEventArgs): void;
-
-	/** Fires before the RTE Edit area is rendered and after the toolbar is rendered. */
-	preRender? (e: PreRenderEventArgs): void;
-
-	/** Fires when the text is selected in the text area */
-	select? (e: SelectEventArgs): void;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface ChangeEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns deleted data.
+             */
+            rowData?: any;
 
-	/** returns the RTE model
-	*/
-	model?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the primary key.
+             */
+            primaryKey?: any;
 
-export interface CreateEventArgs {
+            /** Returns the row Index.
+             */
+            rowIndex?: number;
+        }
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface BeforeBatchAddEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface ContextMenuClickEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns clicked menu item text.
-	*/
-	text?: string;
+            /** Returns the default data object.
+             */
+            defaultData?: any;
 
-	/** returns clicked menu item element.
-	*/
-	element?: any;
+            /** Returns the primaryKey.
+             */
+            primaryKey?: any;
+        }
 
-	/** returns the selected item.
-	*/
-	selectedItem?: number;
-}
+        export interface BeforeBatchDeleteEventArgs {
 
-export interface DestroyEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns deleted data.
+             */
+            rowData?: any;
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the primaryKey.
+             */
+            primaryKey?: any;
 
-export interface ExecuteEventArgs {
+            /** Returns the row index.
+             */
+            rowIndex?: number;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the row element.
+             */
+            row?: any;
+        }
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+        export interface BeforeBatchSaveEventArgs {
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface KeydownEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the changed record object.
+             */
+            batchChanges?: any;
+        }
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+        export interface BeforePrintEventArgs {
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface KeyupEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the Grid element.
+             */
+            element?: any;
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+            /** Returns the selected records.
+             */
+            selectedRows?: any;
+        }
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+        export interface BeforeRowDropEventArgs {
 
-export interface PreRenderEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the targeted row.
+             */
+            target?: any;
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+            /** Returns the targeted row index.
+             */
+            targetIndex?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the dragged record details
+             */
+            draggedRecords?: any;
 
-export interface SelectEventArgs {
+            /** Returns the drop details
+             */
+            dropDetails?: any;
+        }
 
-	/** When the event is canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface BeginEditEventArgs {
 
-	/** Returns the RTE model
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+            /** Returns the current edited row.
+             */
+            row?: any;
 
-	/** Returns the event object
-	*/
-	event?: any;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface PasteCleanupSettings {
+            /** Returns the primary key.
+             */
+            primaryKey?: any;
 
-	/** This API is used to convert the list elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	listConversion?: boolean;
+            /** Returns the primary key value.
+             */
+            primaryKeyValue?: any;
 
-	/** This API is used to clean the unwanted css in the elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	cleanCSS?: boolean;
+            /** Returns the edited row index.
+             */
+            rowIndex?: number;
 
-	/** This API is used to remove all styles in the elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	removeStyles?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** This API is used to clean the unwanted elements pasted from word document to editor.
-	*   @Default {false}
-	*/
-	cleanElements?: boolean;
-}
+        export interface CellEditEventArgs {
 
-export interface ExportToPdfSettings {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** This API is used to receive the server-side handler for export related operations.
-	*/
-	url?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Specifies the file name for the exported pdf file.
-	*/
-	fileName?: string;
-}
+            /** Returns the validation rules.
+             */
+            validationRules?: any;
 
-export interface ExportToWordSettings {
+            /** Returns the column name.
+             */
+            columnName?: string;
 
-	/** This API is used to receive the server-side handler for export related operations.
-	*/
-	url?: string;
+            /** Returns the cell value.
+             */
+            value?: string;
 
-	/** Specifies the file name for the exported word file.
-	*/
-	fileName?: string;
-}
+            /** Returns the row data object.
+             */
+            rowData?: any;
 
-export interface FileBrowser {
+            /** Returns the previous value of the cell.
+             */
+            previousValue?: string;
 
-	/** This API is used to receive the server-side handler for file related operations.
-	*/
-	ajaxAction?: string;
+            /** Returns the column object.
+             */
+            columnObject?: any;
 
-	/** Specifies the file type extension shown in the file browser window.
-	*/
-	extensionAllow?: string;
+            /** Returns the cell object.
+             */
+            cell?: any;
 
-	/** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected files to the current directory.
-	*/
-	filePath?: string;
-}
+            /** Returns isForeignKey option value.
+             */
+            isForeignKey?: boolean;
+        }
 
-export interface ImageBrowser {
+        export interface CellSaveEventArgs {
 
-	/** This API is used to receive the server-side handler for the file related operations.
-	*/
-	ajaxAction?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Specifies the file type extension shown in the image browser window.
-	*/
-	extensionAllow?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Specifies the directory to perform operations like create, delete and rename folder and files, and upload the selected images to the current directory.
-	*/
-	filePath?: string;
-}
+            /** Returns the column name.
+             */
+            columnName?: string;
 
-export interface ImportSettings {
+            /** Returns the cell value.
+             */
+            value?: string;
 
-	/** This API is used to receive the server-side handler for import operations.
-	*/
-	url?: string;
-}
+            /** Returns the row data object.
+             */
+            rowData?: any;
 
-export interface ToolsCustomOrderedList {
+            /** Returns the previous value of the cell.
+             */
+            previousValue?: string;
 
-	/** Specifies the name for customOrderedList item.
-	*/
-	name?: string;
+            /** Returns the column object.
+             */
+            columnObject?: any;
 
-	/** Specifies the title for customOrderedList item.
-	*/
-	tooltip?: string;
+            /** Returns the cell object.
+             */
+            cell?: any;
 
-	/** Specifies the styles for customOrderedList item.
-	*/
-	css?: string;
+            /** Returns isForeignKey option value.
+             */
+            isForeignKey?: boolean;
+        }
 
-	/** Specifies the text for customOrderedList item.
-	*/
-	text?: string;
+        export interface CellSelectedEventArgs {
 
-	/** Specifies the list style for customOrderedList item.
-	*/
-	listStyle?: string;
+            /** Returns the selected cell index value.
+             */
+            cellIndex?: number;
 
-	/** Specifies the image for customOrderedList item.
-	*/
-	listImage?: string;
-}
+            /** Returns the previous selected cell index value.
+             */
+            previousRowCellIndex?: number;
 
-export interface ToolsCustomUnorderedList {
+            /** Returns the selected cell element.
+             */
+            currentCell?: any;
 
-	/** Specifies the name for customUnorderedList item.
-	*/
-	name?: string;
+            /** Returns the previous selected cell element.
+             */
+            previousRowCell?: any;
 
-	/** Specifies the title for customUnorderedList item.
-	*/
-	tooltip?: string;
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	/** Specifies the styles for customUnorderedList item.
-	*/
-	css?: string;
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-	/** Specifies the text for customUnorderedList item.
-	*/
-	text?: string;
+            /** Returns the selected row cell index values.
+             */
+            selectedRowCellIndex?: any[];
 
-	/** Specifies the list style for customUnorderedList item.
-	*/
-	listStyle?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Specifies the image for customUnorderedList item.
-	*/
-	listImage?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface Tools {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Specifies the alignment tools and the display order of this tool in the RTE toolbar.
-	*/
-	alignment?: any;
+        export interface CellSelectingEventArgs {
 
-	/** Specifies the casing tools and the display order of this tool in the RTE toolbar.
-	*/
-	casing?: Array<any>;
+            /** Returns the selected cell index value.
+             */
+            cellIndex?: number;
 
-	/** Specifies the clear tools and the display order of this tool in the RTE toolbar.
-	*/
-	clear?: Array<any>;
+            /** Returns the previous selected cell index value.
+             */
+            previousRowCellIndex?: number;
 
-	/** Specifies the clipboard tools and the display order of this tool in the RTE toolbar.
-	*/
-	clipboard?: Array<any>;
+            /** Returns the selected cell element.
+             */
+            currentCell?: any;
 
-	/** Specifies the edit tools and the displays tool in the RTE toolbar.
-	*/
-	edit?: Array<any>;
+            /** Returns the previous selected cell element.
+             */
+            previousRowCell?: any;
 
-	/** Specifies the doAction tools and the display order of this tool in the RTE toolbar.
-	*/
-	doAction?: Array<any>;
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	/** Specifies the effect of tools and the display order of this tool in RTE toolbar.
-	*/
-	effects?: Array<any>;
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-	/** Specifies the font tools and the display order of this tool in the RTE toolbar.
-	*/
-	font?: Array<any>;
+            /** Returns whether the ctrl key is pressed while selecting cell
+             */
+            isCtrlKeyPressed?: boolean;
 
-	/** Specifies the formatStyle tools and the display order of this tool in the RTE toolbar.
-	*/
-	formatStyle?: Array<any>;
+            /** Returns whether the shift key is pressed while selecting cell
+             */
+            isShiftKeyPressed?: boolean;
 
-	/** Specifies the image tools and the display order of this tool in the RTE toolbar.
-	*/
-	images?: Array<any>;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Specifies the indent tools and the display order of this tool in the RTE toolbar.
-	*/
-	indenting?: Array<any>;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Specifies the link tools and the display order of this tool in the RTE toolbar.
-	*/
-	links?: Array<any>;
+        export interface CellDeselectedEventArgs {
 
-	/** Specifies the list tools and the display order of this tool in the RTE toolbar.
-	*/
-	lists?: Array<any>;
+            /** Returns the deselected cell index value.
+             */
+            cellIndex?: number;
 
-	/** Specifies the media tools and the display order of this tool in the RTE toolbar.
-	*/
-	media?: Array<any>;
+            /** Returns the deselected cell element.
+             */
+            currentCell?: any;
 
-	/** Specifies the style tools and the display order of this tool in the RTE toolbar.
-	*/
-	style?: Array<any>;
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	/** Specifies the table tools and the display order of this tool in the RTE toolbar.
-	*/
-	tables?: Array<any>;
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-	/** Specifies the view tools and the display order of this tool in the RTE toolbar.
-	*/
-	view?: Array<any>;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Specifies the print tools and the display order of this tool in the RTE toolbar.
-	*/
-	print?: Array<any>;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Specifies the importExport tools and the display order of this tool in the RTE toolbar.
-	*/
-	importExport?: Array<any>;
+        export interface CellDeselectingEventArgs {
 
-	/** Specifies the customOrderedList tools and the display order of this tool in the RTE toolbar.
-	*/
-	customOrderedList?: Array<ToolsCustomOrderedList>;
+            /** Returns the deselecting cell index value.
+             */
+            cellIndex?: number;
 
-	/** Specifies the customUnOrderedList tools and the display order of this tool in the RTE toolbar.
-	*/
-	customUnorderedList?: Array<ToolsCustomUnorderedList>;
-}
+            /** Returns the deselecting cell element.
+             */
+            currentCell?: any;
 
-enum ToolbarOverflowMode{
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	///To display the RTE toolbar overflow items as popup
-	Popup,
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-	///To display the RTE toolbar overflow items as inline toolbar
-	Inline
-}
+            /** Returns whether the ctrl key is pressed while deselecting cell
+             */
+            isCtrlKeyPressed?: boolean;
 
-}
+            /** Returns whether the shift key is pressed while deselecting cell
+             */
+            isShiftKeyPressed?: boolean;
 
-class Slider extends ej.Widget {
-	static fn: Slider;
-	constructor(element: JQuery, options?: Slider.Model);
-	constructor(element: Element, options?: Slider.Model);
-	static Locale: any;
-	model:Slider.Model;
-	defaults:Slider.Model;
-
-	/** To disable the slider
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the slider
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** To get value from slider handle
-	*   @returns {number}
-	*/
-	getValue(): number;
-
-	/** To set value to slider handle.By default animation is false while set the value. If you want to enable the animation, pass the enableAnimation as true to this method.
-	*   @returns {void}
-	*/
-	setValue(): void;
-}
-export module Slider{
-
-export interface Model {
-
-	/** Specifies the allowMouseWheel of the slider.
-	*   @Default {false}
-	*/
-	allowMouseWheel?: boolean;
-
-	/** Specifies the animationSpeed of the slider.
-	*   @Default {500}
-	*/
-	animationSpeed?: number;
-
-	/** Specify the CSS class to slider to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specifies the animation behavior of the slider.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Specifies the state of the slider.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Specify the enablePersistence to slider to save current model value to browser cookies for state maintains
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specifies the Right to Left Direction of the slider.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specifies the height of the slider.
-	*   @Default {14}
-	*/
-	height?: string;
-
-	/** Specifies the HTML Attributes of the ejSlider.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specifies the incremental step value of the slider.
-	*   @Default {1}
-	*/
-	incrementStep?: number;
-
-	/** Specifies the distance between two major (large) ticks from the scale of the slider.
-	*   @Default {10}
-	*/
-	largeStep?: number;
-
-	/** Specifies the ending value of the slider.
-	*   @Default {100}
-	*/
-	maxValue?: number;
-
-	/** Specifies the starting value of the slider.
-	*   @Default {0}
-	*/
-	minValue?: number;
-
-	/** Specifies the orientation of the slider.
-	*   @Default {ej.orientation.Horizontal}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Specifies the readOnly of the slider.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Specifies the rounded corner behavior for slider.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Shows/Hide the major (large) and minor (small) ticks in the scale of the slider.
-	*   @Default {false}
-	*/
-	showScale?: boolean;
-
-	/** Specifies the small ticks from the scale of the slider.
-	*   @Default {true}
-	*/
-	showSmallTicks?: boolean;
-
-	/** Specifies the showTooltip to shows the current Slider value, while moving the Slider handle or clicking on the slider handle of the slider.
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the sliderType of the slider.
-	*   @Default {ej.SliderType.Default}
-	*/
-	sliderType?: ej.slider.sliderType|string;
-
-	/** Specifies the distance between two minor (small) ticks from the scale of the slider.
-	*   @Default {1}
-	*/
-	smallStep?: number;
-
-	/** Specifies the value of the slider. But it's not applicable for range slider. To range slider we can use values property.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Specifies the values of the range slider. But it's not applicable for default and minRange sliders. we can use value property for default and minRange sliders.
-	*   @Default {[minValue,maxValue]}
-	*/
-	values?: Array<any>;
-
-	/** Specifies the width of the slider.
-	*   @Default {100%}
-	*/
-	width?: string;
-
-	/** Fires once Slider control value is changed successfully. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires once Slider control has been created successfully. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when Slider control has been destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires once Slider control is sliding successfully. */
-	slide? (e: SlideEventArgs): void;
-
-	/** Fires once Slider control is started successfully. */
-	start? (e: StartEventArgs): void;
-
-	/** Fires when Slider control is stopped successfully. */
-	stop? (e: StopEventArgs): void;
-
-	/** Fires when display the custom tooltip. */
-	tooltipChange? (e: TooltipChangeEventArgs): void;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface ChangeEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ColumnDragEventArgs {
 
-	/** returns current handle number or index
-	*/
-	sliderIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns slider id.
-	*/
-	id?: string;
+            /** Returns draggable element type.
+             */
+            draggableType?: any;
 
-	/** returns the slider model.
-	*/
-	model?: ej.Slider.Model;
+            /** Returns the draggable column object.
+             */
+            column?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the slider value.
-	*/
-	value?: number;
+            /** Returns target elements based on mouse move position.
+             */
+            target?: any;
 
-	/** returns true if event triggered by interaction else returns false. 
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface CreateEventArgs {
+        export interface ColumnDragStartEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the slider model
-	*/
-	model?: ej.Slider.Model;
+            /** Returns draggable element type.
+             */
+            draggableType?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the draggable column object.
+             */
+            column?: any;
 
-export interface DestroyEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns drag start element.
+             */
+            target?: any;
 
-	/** returns the slider model
-	*/
-	model?: ej.Slider.Model;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface ColumnDropEventArgs {
 
-export interface SlideEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns draggable element type.
+             */
+            draggableType?: string;
 
-	/** returns current handle number or index
-	*/
-	sliderIndex?: number;
+            /** Returns the draggable column object.
+             */
+            column?: any;
 
-	/** returns slider id
-	*/
-	id?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the slider model
-	*/
-	model?: ej.Slider.Model;
+            /** Returns dropped dragged element.
+             */
+            target?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the slider value
-	*/
-	value?: number;
-}
+        export interface ColumnSelectedEventArgs {
 
-export interface StartEventArgs {
+            /** Returns the selected cell index value.
+             */
+            columnIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the previous selected column index value.
+             */
+            previousColumnIndex?: number;
 
-	/** returns current handle number or index
-	*/
-	sliderIndex?: number;
+            /** Returns the selected header cell element.
+             */
+            headerCell?: any;
 
-	/** returns slider id
-	*/
-	id?: string;
+            /** Returns the previous selected header cell element.
+             */
+            prevColumnHeaderCell?: any;
 
-	/** returns the slider model
-	*/
-	model?: ej.Slider.Model;
+            /** Returns corresponding column object (JSON).
+             */
+            column?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the selected columns values.
+             */
+            selectedColumnsIndex?: any[];
 
-	/** returns the slider value
-	*/
-	value?: number;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface StopEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns current handle number or index
-	*/
-	sliderIndex?: number;
+        export interface ColumnSelectingEventArgs {
 
-	/** returns slider id
-	*/
-	id?: string;
+            /** Returns the selected column index value.
+             */
+            columnIndex?: number;
 
-	/** returns the slider model
-	*/
-	model?: ej.Slider.Model;
+            /** Returns the previous selected column index value.
+             */
+            previousColumnIndex?: number;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the selected header cell element.
+             */
+            headerCell?: any;
 
-	/** returns the slider value
-	*/
-	value?: number;
-}
+            /** Returns the previous selected header cell element.
+             */
+            prevColumnHeaderCell?: any;
 
-export interface TooltipChangeEventArgs {
+            /** Returns corresponding column object (JSON).
+             */
+            column?: any;
 
-	/** returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns whether the ctrl key is pressed while selecting cell
+             */
+            isCtrlKeyPressed?: boolean;
 
-	/** returns slider id.
-	*/
-	id?: string;
+            /** Returns whether the shift key is pressed while selecting cell
+             */
+            isShiftKeyPressed?: boolean;
 
-	/** returns true if event triggered by interaction else returns false. 
-	*/
-	isInteraction?: boolean;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the slider model.
-	*/
-	model?: ej.Slider.Model;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns current handle number or index
-	*/
-	sliderIndex?: number;
+        export interface ColumnDeselectedEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Deselected column index value.
+             */
+            columnIndex?: number;
 
-	/** returns the slider value.
-	*/
-	value?: number;
-}
-}
-module slider
-{
-enum sliderType
-{
-//Shows default slider
-Default,
-//Shows minRange slider
-MinRange,
-//Shows Range slider
-Range,
-}
-}
+            /** Returns the Deselected column header element.
+             */
+            headerCell?: any;
 
-class SplitButton extends ej.Widget {
-	static fn: SplitButton;
-	constructor(element: JQuery, options?: SplitButton.Model);
-	constructor(element: Element, options?: SplitButton.Model);
-	static Locale: any;
-	model:SplitButton.Model;
-	defaults:SplitButton.Model;
-
-	/** Destroy the split button widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable the split button
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To Enable the split button
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** To hide the list content of the split button.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** To show the list content of the split button.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module SplitButton{
+            /** Returns corresponding column object (JSON).
+             */
+            column?: any;
 
-export interface Model {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Specifies the arrowPosition of the Split or Dropdown Button.See arrowPosition
-	*   @Default {ej.ArrowPosition.Right}
-	*/
-	arrowPosition?: string|ej.ArrowPosition;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Specifies the buttonMode like Split or Dropdown Button.See ButtonMode
-	*   @Default {ej.ButtonMode.Split}
-	*/
-	buttonMode?: string|ej.ButtonMode;
+        export interface ColumnDeselectingEventArgs {
 
-	/** Specifies the contentType of the Split Button.See ContentType
-	*   @Default {ej.ContentType.TextOnly}
-	*/
-	contentType?: string|ej.ContentType;
+            /** Returns the deselecting column index value.
+             */
+            columnIndex?: number;
 
-	/** Set the root class for Split Button control theme
-	*/
-	cssClass?: string;
+            /** Returns the deselecting column header element.
+             */
+            headerCell?: any;
 
-	/** Specifies the disabling of Split Button if enabled is set to false.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
+            /** Returns corresponding column object (JSON).
+             */
+            column?: any;
 
-	/** Specifies the enableRTL property for Split Button while initialization.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
+            /** Returns whether the ctrl key is pressed while deselecting column
+             */
+            isCtrlKeyPressed?: boolean;
 
-	/** Specifies the height of the Split Button.
-	*   @Default {“”}
-	*/
-	height?: string|number;
+            /** Returns whether the shift key is pressed while deselecting column
+             */
+            isShiftKeyPressed?: boolean;
 
-	/** Specifies the HTML Attributes of the Split Button.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Specifies the imagePosition of the Split Button.See imagePositions
-	*   @Default {ej.ImagePosition.ImageRight}
-	*/
-	imagePosition?: string|ej.ImagePosition;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Specifies the image content for Split Button while initialization.
-	*/
-	prefixIcon?: string;
+        export interface ContextClickEventArgs {
 
-	/** Specifies the showRoundedCorner property for Split Button while initialization.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Specifies the size of the Button. See ButtonSize
-	*   @Default {ej.ButtonSize.Normal}
-	*/
-	size?: string|ej.ButtonSize;
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
-	/** Specifies the image content for Split Button while initialization.
-	*/
-	suffixIcon?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Specifies the list content for Split Button while initialization
-	*/
-	targetID?: string;
+            /** Returns the status of contextmenu item which denotes its enabled state
+             */
+            status?: boolean;
 
-	/** Specifies the text content for Split Button while initialization.
-	*/
-	text?: string;
+            /** Returns the target item.
+             */
+            target?: any;
 
-	/** Specifies the width of the Split Button.
-	*   @Default {“”}
-	*/
-	width?: string|number;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Fires before menu of the split button control is opened. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
+        export interface ContextOpenEventArgs {
 
-	/** Fires when Button control is clicked successfully */
-	click? (e: ClickEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Fires before the list content of Button control is closed */
-	close? (e: CloseEventArgs): void;
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
-	/** Fires after Split Button control is created. */
-	create? (e: CreateEventArgs): void;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Fires when the Split Button is destroyed successfully */
-	destroy? (e: DestroyEventArgs): void;
+            /** Returns the status of contextmenu item which denotes its enabled state
+             */
+            status?: boolean;
 
-	/** Fires when a menu item is Hovered out successfully */
-	itemMouseOut? (e: ItemMouseOutEventArgs): void;
+            /** Returns the target item.
+             */
+            target?: any;
 
-	/** Fires when a menu item is Hovered in successfully */
-	itemMouseOver? (e: ItemMouseOverEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Fires when a menu item is clicked successfully */
-	itemSelected? (e: ItemSelectedEventArgs): void;
+        export interface CreateEventArgs {
 
-	/** Fires before the list content of Button control is opened */
-	open? (e: OpenEventArgs): void;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface BeforeOpenEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+        export interface DataBoundEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface ClickEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+        export interface DestroyEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the target of the current object.
-	*/
-	target?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** return the button state
-	*/
-	status?: boolean;
-}
+        export interface DetailsCollapseEventArgs {
 
-export interface CloseEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns detail row element.
+             */
+            detailsRow?: any;
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+            /** Returns master row of detail row record object (JSON).
+             */
+            masterData?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-export interface CreateEventArgs {
+            /** Returns master row element.
+             */
+            masterRow?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface DetailsDataBoundEventArgs {
 
-export interface DestroyEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns details row element.
+             */
+            detailsElement?: any;
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+            /** Returns the details row data.
+             */
+            data?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the details row data.
+             */
+            rowData?: any;
 
-export interface ItemMouseOutEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+        export interface DetailsExpandEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the clicked menu item element
-	*/
-	element?: any;
+            /** Returns detail row element.
+             */
+            detailsRow?: any;
 
-	/** return the menu item id
-	*/
-	ID?: string;
+            /** Returns master row of detail row record object (JSON).
+             */
+            masterData?: any;
 
-	/** return the clicked menu item text
-	*/
-	Text?: string;
-}
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-export interface ItemMouseOverEventArgs {
+            /** Returns master row element.
+             */
+            masterRow?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface EndAddEventArgs {
 
-	/** returns the clicked menu item element
-	*/
-	element?: any;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** return the menu item id
-	*/
-	ID?: string;
+            /** Returns added data.
+             */
+            data?: any;
 
-	/** return the clicked menu item text
-	*/
-	Text?: string;
-}
+            /** Returns added data.
+             */
+            rowData?: any;
 
-export interface ItemSelectedEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+        export interface EndDeleteEventArgs {
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns deleted data.
+             */
+            data?: any;
 
-	/** returns the clicked menu item element
-	*/
-	element?: any;
+            /** Returns deleted data.
+             */
+            rowData?: any;
 
-	/** returns the selected item
-	*/
-	selectedItem?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** return the menu id
-	*/
-	menuId?: string;
+        export interface EndEditEventArgs {
 
-	/** return the clicked menu item text
-	*/
-	menuText?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface OpenEventArgs {
+            /** Returns modified data.
+             */
+            data?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns modified data.
+             */
+            rowData?: any;
 
-	/** returns the split button model
-	*/
-	model?: ej.SplitButton.Model;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
-enum ArrowPosition
-{
-//To set Left arrowPosition of the split button
-Left,
-//To set Right arrowPosition of the split button
-Right,
-//To set Top arrowPosition of the split button
-Top,
-//To set Bottom arrowPosition of the split button
-Bottom,
-}
+        export interface LoadEventArgs {
 
-class Splitter extends ej.Widget {
-	static fn: Splitter;
-	constructor(element: JQuery, options?: Splitter.Model);
-	constructor(element: Element, options?: Splitter.Model);
-	static Locale: any;
-	model:Splitter.Model;
-	defaults:Splitter.Model;
-
-	/** To add a new pane to splitter control.
-	*   @param {string} content of pane.
-	*   @param {any} pane properties.
-	*   @param {number} index of pane.
-	*   @returns {HTMLElement}
-	*/
-	addItem(content: string, property: any, index: number): HTMLElement;
-
-	/** To collapse the splitter control pane.
-	*   @param {number} index number of pane.
-	*   @returns {void}
-	*/
-	collapse(paneIndex: number): void;
-
-	/** To expand the splitter control pane.
-	*   @param {number} index number of pane.
-	*   @returns {void}
-	*/
-	expand(paneIndex: number): void;
-
-	/** To refresh the splitter control pane resizing.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** To remove a specified pane from the splitter control.
-	*   @param {number} index of pane.
-	*   @returns {void}
-	*/
-	removeItem(index: number): void;
-}
-export module Splitter{
-
-export interface Model {
-
-	/** Turns on keyboard interaction with the Splitter panes. You must set this property to true to access the keyboard shortcuts of ejSplitter.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Specify animation speed for the Splitter pane movement, while collapsing and expanding.
-	*   @Default {300}
-	*/
-	animationSpeed?: number;
-
-	/** Specify the CSS class to splitter control to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Specifies the animation behavior of the splitter.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Specifies the splitter control to be displayed in right to left direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specify height for splitter control.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Specifies the HTML Attributes of the Splitter.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specify window resizing behavior for splitter control.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specify the orientation for splitter control. See orientation
-	*   @Default {ej.orientation.Horizontal or “horizontal”}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Specify properties for each pane like paneSize, minSize, maxSize, collapsible, expandable, resizable.
-	*   @Default {[]}
-	*/
-	properties?: Array<any>;
-
-	/** Specify width for splitter control.
-	*   @Default {null}
-	*/
-	width?: string;
-
-	/** Fires before expanding / collapsing the split pane of splitter control. */
-	beforeExpandCollapse? (e: BeforeExpandCollapseEventArgs): void;
-
-	/** Fires when splitter control pane has been created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when splitter control pane has been destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when expand / collapse operation in splitter control pane has been performed successfully. */
-	expandCollapse? (e: ExpandCollapseEventArgs): void;
-
-	/** Fires when resize in splitter control pane. */
-	resize? (e: ResizeEventArgs): void;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-export interface BeforeExpandCollapseEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns collapsed pane details.
-	*/
-	collapsed?: any;
+        export interface MergeHeaderCellInfoEventArgs {
 
-	/** returns expanded pane details.
-	*/
-	expanded?: any;
+            /** Method to merge the header cells.
+             */
+            headerCellMerge?(): void;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+            /** Returns the column headers.
+             */
+            columnHeaders?: any;
 
-	/** returns the current split bar index.
-	*/
-	splitbarIndex?: number;
+            /** Returns the grid model.
+             */
+            model?: any;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface MergeCellInfoEventArgs {
 
-export interface CreateEventArgs {
+            /** Returns grid cell.
+             */
+            cell?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+            /** Returns current row record object (JSON).
+             */
+            data?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns current row record object (JSON).
+             */
+            rowData?: any;
 
-export interface DestroyEventArgs {
+            /** Returns the text value in the cell.
+             */
+            text?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+            /** Method to merge Grid rows.
+             */
+            rowMerge?(): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Method to merge Grid columns.
+             */
+            colMerge?(): void;
 
-export interface ExpandCollapseEventArgs {
+            /** Method to merge Grid rows and columns.
+             */
+            merge?(): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns collapsed pane details.
-	*/
-	collapsed?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns expanded pane details.
-	*/
-	expanded?: any;
+        export interface QueryCellInfoEventArgs {
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+            /** Returns grid cell.
+             */
+            cell?: any;
 
-	/** returns the current split bar index.
-	*/
-	splitbarIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns current row record object (JSON).
+             */
+            data?: any;
 
-export interface ResizeEventArgs {
+            /** Returns current row record object (JSON).
+             */
+            rowData?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the text value in the cell.
+             */
+            text?: string;
 
-	/** returns previous pane details.
-	*/
-	prevPane?: any;
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** returns next pane details.
-	*/
-	nextPane?: any;
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-	/** returns the splitter model.
-	*/
-	model?: ej.Splitter.Model;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the current split bar index.
-	*/
-	splitbarIndex?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
-}
+        export interface RecordClickEventArgs {
 
-class Tab extends ej.Widget {
-	static fn: Tab;
-	constructor(element: JQuery, options?: Tab.Model);
-	constructor(element: Element, options?: Tab.Model);
-	static Locale: any;
-	model:Tab.Model;
-	defaults:Tab.Model;
-
-	/** Add new tab items with given name, URL and given index position, if index null it’s add last item.
-	*   @param {string} URL name / tab id.
-	*   @param {string} Tab Display name.
-	*   @param {number} Index position to placed , this is optional.
-	*   @param {string} specifies cssClass, this is optional.
-	*   @param {string} specifies id of tab, this is optional.
-	*   @returns {void}
-	*/
-	addItem(URL: string, displayLabel: string, index: number, cssClass: string, id: string): void;
-
-	/** To disable the tab control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the tab control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** This function get the number of tab rendered
-	*   @returns {number}
-	*/
-	getItemsCount(): number;
-
-	/** This function hides the tab control.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** This function hides the specified item tab in tab control.
-	*   @param {number} index of tab item.
-	*   @returns {void}
-	*/
-	hideItem(index: number): void;
-
-	/** Remove the given index tab item.
-	*   @param {number} index of tab item.
-	*   @returns {void}
-	*/
-	removeItem(index: number): void;
-
-	/** This function is to show the tab control.
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** This function helps to show the specified hidden tab item in tab control.
-	*   @param {number} index of tab item.
-	*   @returns {void}
-	*/
-	showItem(index: number): void;
-}
-export module Tab{
-
-export interface Model {
-
-	/** Specifies the ajaxSettings option to load the content to the Tab control.
-	*/
-	ajaxSettings?: AjaxSettings;
-
-	/** Tab items interaction with keyboard keys, like headers active navigation.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Allow to collapsing the active item, while click on the active header.
-	*   @Default {false}
-	*/
-	collapsible?: boolean;
-
-	/** Set the root class for Tab theme. This cssClass API helps to use custom skinning option for Tab control.
-	*/
-	cssClass?: string;
-
-	/** Disables the given tab headers and content panels.
-	*   @Default {[]}
-	*/
-	disabledItemIndex?: number[];
-
-	/** Specifies the animation behavior of the tab.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** When this property is set to false, it disables the tab control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Enables the given tab headers and content panels.
-	*   @Default {[]}
-	*/
-	enabledItemIndex?: number[];
-
-	/** Save current model value to browser cookies for state maintains. While refresh the Tab control page the model value apply from browser cookies.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Display Right to Left direction for headers and panels text of tab.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specify to enable scrolling for Tab header.
-	*   @Default {false}
-	*/
-	enableTabScroll?: boolean;
-
-	/** The event API to bind the action for active the tab items.
-	*   @Default {click}
-	*/
-	events?: string;
-
-	/** Specifies the position of Tab header as top, bottom, left or right. See below to get available Position
-	*   @Default {top}
-	*/
-	headerPosition?: string | ej.Tab.Position;
-
-	/** Set the height of the tab header element. Default this property value is null, so height take content height.
-	*   @Default {null}
-	*/
-	headerSize?: string|number;
-
-	/** Height set the outer panel element. Default this property value is null, so height take content height.
-	*   @Default {null}
-	*/
-	height?: string|number;
-
-	/** Adjust the content panel height for given option (content, auto and fill), by default panels height adjust based on the content.See below to get available HeightAdjustMode
-	*   @Default {content}
-	*/
-	heightAdjustMode?: string | ej.Tab.HeightAdjustMode;
-
-	/** Specifies to hide a pane of Tab control.
-	*   @Default {[]}
-	*/
-	hiddenItemIndex?: Array<any>;
-
-	/** Specifies the HTML Attributes of the Tab.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** The idPrefix property appends the given string on the added tab item id’s in runtime.
-	*   @Default {ej-tab-}
-	*/
-	idPrefix?: string;
-
-	/** Specifies the Tab header in active for given index value.
-	*   @Default {0}
-	*/
-	selectedItemIndex?: number;
-
-	/** Display the close button for each tab items. While clicking on the close icon, particular tab item will be removed.
-	*   @Default {false}
-	*/
-	showCloseButton?: boolean;
-
-	/** Display the Reload button for each tab items.
-	*   @Default {false}
-	*/
-	showReloadIcon?: boolean;
-
-	/** Tab panels and headers to be displayed in rounded corner style.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Set the width for outer panel element, if not it’s take parent width.
-	*   @Default {null}
-	*/
-	width?: string|number;
-
-	/** Triggered after a tab item activated. */
-	itemActive? (e: ItemActiveEventArgs): void;
-
-	/** Triggered before AJAX content has been loaded. */
-	ajaxBeforeLoad? (e: AjaxBeforeLoadEventArgs): void;
-
-	/** Triggered if error occurs in AJAX request. */
-	ajaxError? (e: AjaxErrorEventArgs): void;
-
-	/** Triggered after AJAX content load action. */
-	ajaxLoad? (e: AjaxLoadEventArgs): void;
-
-	/** Triggered after a tab item activated. */
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
-
-	/** Triggered before a tab item activated. */
-	beforeActive? (e: BeforeActiveEventArgs): void;
-
-	/** Triggered before a tab item remove. */
-	beforeItemRemove? (e: BeforeItemRemoveEventArgs): void;
-
-	/** Triggered before a tab item Create. */
-	create? (e: CreateEventArgs): void;
-
-	/** Triggered before a tab item destroy. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Triggered after new tab item add */
-	itemAdd? (e: ItemAddEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered after tab item removed. */
-	itemRemove? (e: ItemRemoveEventArgs): void;
-}
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-export interface ItemActiveEventArgs {
+            /** Returns current record object (JSON).
+             */
+            rowData?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the row index of the selected row.
+             */
+            rowIndex?: number;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns the jQuery object of the current selected row.
+             */
+            row?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the current selected cell.
+             */
+            cell?: any;
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: HTMLElement;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+            /** Returns the cell index value.
+             */
+            cellIndex?: number;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+            /** Returns the corresponding cell value.
+             */
+            cellValue?: string;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+            /** Returns the Header text of the column corresponding to the selected cell.
+             */
+            columnName?: string;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface AjaxBeforeLoadEventArgs {
+        export interface RecordDoubleClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns current record object (JSON).
+             */
+            rowData?: any;
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: HTMLElement;
+            /** Returns the row index of the selected row.
+             */
+            rowIndex?: number;
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+            /** Returns the jQuery object of the current selected row.
+             */
+            row?: any;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+            /** Returns the current selected cell.
+             */
+            cell?: any;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the URL of AJAX request
-	*/
-	URL?: string;
+            /** Returns the selected cell index value.
+             */
+            cellIndex?: number;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the corresponding cell value.
+             */
+            cellValue?: string;
 
-export interface AjaxErrorEventArgs {
+            /** Returns the Header text of the column corresponding to the selected cell.
+             */
+            columnName?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+        export interface ResizedEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns AJAX data details.
-	*/
-	data?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the URL of AJAX request.
-	*/
-	URL?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface AjaxLoadEventArgs {
+            /** Returns the column index.
+             */
+            columnIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns the grid object.
+             */
+            target?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the old width value.
+             */
+            oldWidth?: number;
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: HTMLElement;
+            /** Returns the new width value.
+             */
+            newWidth?: number;
+        }
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+        export interface ResizeEndEventArgs {
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the URL of AJAX request
-	*/
-	URL?: string;
+            /** Returns the column index.
+             */
+            columnIndex?: number;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the column object.
+             */
+            column?: any;
 
-export interface AjaxSuccessEventArgs {
+            /** Returns the grid object.
+             */
+            target?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the old width value.
+             */
+            oldWidth?: number;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns the new width value.
+             */
+            newWidth?: number;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the extra width value.
+             */
+            extra?: number;
+        }
 
-	/** return AJAX data.
-	*/
-	data?: any;
+        export interface ResizeStartEventArgs {
 
-	/** returns AJAX URL
-	*/
-	URL?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns content of AJAX request.
-	*/
-	content?: any;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface BeforeActiveEventArgs {
+            /** Returns the column index.
+             */
+            columnIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns the grid object.
+             */
+            target?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the old width value.
+             */
+            oldWidth?: number;
+        }
 
-	/** returns previous active tab header.
-	*/
-	prevActiveHeader?: HTMLElement;
+        export interface RightClickEventArgs {
 
-	/** returns previous active index.
-	*/
-	prevActiveIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns current active tab header .
-	*/
-	activeHeader?: HTMLElement;
+            /** Returns current record object (JSON).
+             */
+            currentData?: any;
 
-	/** returns current active index.
-	*/
-	activeIndex?: number;
+            /** Returns the row index of the selected row.
+             */
+            rowIndex?: number;
 
-	/** returns, is it triggered by interaction or not.
-	*/
-	isInteraction?: boolean;
-}
+            /** Returns the current selected row.
+             */
+            row?: any;
 
-export interface BeforeItemRemoveEventArgs {
+            /** Returns the selected row data object.
+             */
+            data?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the selected row data object.
+             */
+            rowData?: any;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns the cell index of the selected cell.
+             */
+            cellIndex?: number;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the cell value.
+             */
+            cellValue?: string;
 
-	/** returns current tab item index
-	*/
-	index?: number;
-}
+            /** Returns the cell object.
+             */
+            cell?: any;
 
-export interface CreateEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+        export interface RowDataBoundEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns grid row.
+             */
+            row?: any;
 
-export interface DestroyEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns current row record object (JSON).
+             */
+            data?: any;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns current row record object (JSON).
+             */
+            rowData?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-export interface ItemAddEventArgs {
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+        export interface RowSelectedEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns new added tab header.
-	*/
-	tabHeader?: HTMLElement;
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	/** returns new added tab content panel.
-	*/
-	tabContent?: any;
-}
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-export interface ItemRemoveEventArgs {
+            /** Returns the foreign key record object (JSON).
+             */
+            foreignKeyData?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the row index of the selected row.
+             */
+            rowIndex?: number;
 
-	/** returns the tab model.
-	*/
-	model?: ej.Tab.Model;
+            /** Returns the current selected row.
+             */
+            row?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the previous selected row element.
+             */
+            prevRow?: any;
 
-	/** returns removed tab header.
-	*/
-	removedTab?: HTMLElement;
-}
+            /** Returns the previous selected row index.
+             */
+            prevRowIndex?: number;
 
-export interface AjaxSettings {
-
-	/** It specifies, whether to enable or disable asynchronous request.
-	*   @Default {true}
-	*/
-	async?: boolean;
-
-	/** It specifies the page will be cached in the web browser.
-	*   @Default {false}
-	*/
-	cache?: boolean;
-
-	/** It specifies the type of data is send in the query string.
-	*   @Default {html}
-	*/
-	contentType?: string;
-
-	/** It specifies the data as an object, will be passed in the query string.
-	*   @Default {{}}
-	*/
-	data?: any;
-
-	/** It specifies the type of data that you're expecting back from the response.
-	*   @Default {html}
-	*/
-	dataType?: string;
-
-	/** It specifies the HTTP request type.
-	*   @Default {get}
-	*/
-	type?: string;
-}
+            /** Returns the grid model.
+             */
+            model?: any;
 
-enum Position{
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Tab headers display to top position
-	Top,
+        export interface RowSelectingEventArgs {
 
-	///Tab headers display to bottom position 
-	Bottom,
+            /** Returns the selected row index value.
+             */
+            rowIndex?: number;
 
-	///Tab headers display to left position.
-	Left,
+            /** Returns the selected row element.
+             */
+            row?: any;
 
-	///Tab headers display to right position.
-	Right
-}
+            /** Returns the previous selected row element.
+             */
+            prevRow?: any;
 
+            /** Returns the previous selected row index.
+             */
+            prevRowIndex?: number;
 
-enum HeightAdjustMode{
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-	///string
-	None,
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	///string
-	Content,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///string
-	Auto,
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	///string
-	Fill
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-}
+        export interface RowDeselectedEventArgs {
 
-class TagCloud extends ej.Widget {
-	static fn: TagCloud;
-	constructor(element: JQuery, options?: TagCloud.Model);
-	constructor(element: Element, options?: TagCloud.Model);
-	static Locale: any;
-	model:TagCloud.Model;
-	defaults:TagCloud.Model;
-
-	/** Inserts a new item into the TagCloud
-	*   @param {string} Insert new item into the TagCloud
-	*   @returns {void}
-	*/
-	insert(name: string): void;
-
-	/** Inserts a new item into the TagCloud at a particular position.
-	*   @param {string} Inserts a new item into the TagCloud
-	*   @param {number} Inserts a new item into the TagCloud with the specified position
-	*   @returns {void}
-	*/
-	insertAt(name: string, position: number): void;
-
-	/** Removes the item from the TagCloud based on the name. It removes all the tags which have the corresponding name
-	*   @param {string} name of the tag.
-	*   @returns {void}
-	*/
-	remove(name: string): void;
-
-	/** Removes the item from the TagCloud based on the position. It removes the tags from the the corresponding position only.
-	*   @param {number} position of tag item.
-	*   @returns {void}
-	*/
-	removeAt(position: number): void;
-}
-export module TagCloud{
-
-export interface Model {
-
-	/** Specify the CSS class to button to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** The dataSource contains the list of data to display in a cloud format. Each data contains a link URL, frequency to categorize the font size and a display text.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Sets the TagCloud and tag items direction as right to left alignment.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Defines the mapping fields for the data items of the TagCloud.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Specifies the list of HTML attributes to be added to TagCloud control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Defines the format for the TagCloud to display the tag items.See Format
-	*   @Default {ej.Format.Cloud}
-	*/
-	format?: string|ej.Format;
-
-	/** Sets the maximum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
-	*   @Default {40px}
-	*/
-	maxFontSize?: string|number;
-
-	/** Sets the minimum font size value for the tag items. The font size for the tag items will be generated in between the minimum and maximum font size values.
-	*   @Default {10px}
-	*/
-	minFontSize?: string|number;
-
-	/** Define the query to retrieve the data from online server. The query is used only when the online dataSource is used.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Shows or hides the TagCloud title. When this set to false, it hides the TagCloud header.
-	*   @Default {true}
-	*/
-	showTitle?: boolean;
-
-	/** Sets the title image for the TagCloud. To show the title image, the showTitle property should be enabled.
-	*   @Default {null}
-	*/
-	titleImage?: string;
-
-	/** Sets the title text for the TagCloud. To show the title text, the showTitle property should be enabled.
-	*   @Default {Title}
-	*/
-	titleText?: string;
-
-	/** Event triggers when the TagCloud items are clicked */
-	click? (e: ClickEventArgs): void;
-
-	/** Event triggers when the TagCloud are created */
-	create? (e: CreateEventArgs): void;
-
-	/** Event triggers when the TagCloud are destroyed */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Event triggers when the cursor leaves out from a tag item */
-	mouseout? (e: MouseoutEventArgs): void;
-
-	/** Event triggers when the cursor hovers on a tag item */
-	mouseover? (e: MouseoverEventArgs): void;
-}
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-export interface ClickEventArgs {
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the row index of the deselected row.
+             */
+            rowIndex?: number;
 
-	/** returns the TagCloud model
-	*/
-	model?: ej.TagCloud.Model;
+            /** Returns the current deselected row element.
+             */
+            row?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** return current tag name
-	*/
-	text?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** return current URL link
-	*/
-	URL?: string;
-}
+        export interface RowDeselectingEventArgs {
 
-export interface CreateEventArgs {
+            /** Returns the deselecting row index value.
+             */
+            rowIndex?: number;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the deselecting row element.
+             */
+            row?: any;
 
-	/** returns the TagCloud model
-	*/
-	model?: ej.TagCloud.Model;
+            /** Returns current record object (JSON).
+             */
+            data?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns current record object (JSON).
+             */
+            selectedData?: any;
 
-export interface DestroyEventArgs {
+            /** Returns whether the ctrl key is pressed while deselecting row
+             */
+            isCtrlKeyPressed?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns whether the shift key is pressed while deselecting row
+             */
+            isShiftKeyPressed?: boolean;
 
-	/** returns the TagCloud model
-	*/
-	model?: ej.TagCloud.Model;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface MouseoutEventArgs {
+        export interface RowDragEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the TagCloud model
-	*/
-	model?: ej.TagCloud.Model;
+            /** Returns draggable element type.
+             */
+            draggableType?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the draggable row object.
+             */
+            target?: any;
 
-	/** return current tag name
-	*/
-	text?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** return current URL link
-	*/
-	URL?: string;
-}
+            /** Returns target elements based on mouse move position.
+             */
+            currentTarget?: any;
 
-export interface MouseoverEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns JSON data of dragged rows.
+             */
+            data?: any;
 
-	/** returns the TagCloud model
-	*/
-	model?: ej.TagCloud.Model;
+            /** Returns JSON data of dragged rows.
+             */
+            draggedRecords?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface RowDragStartEventArgs {
 
-	/** return current tag name
-	*/
-	text?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** return current URL link
-	*/
-	URL?: string;
-}
+            /** Returns draggable element type.
+             */
+            draggableType?: any;
 
-export interface Fields {
+            /** Returns the draggable row object.
+             */
+            target?: any;
 
-	/** Defines the frequency column number to categorize the font size.
-	*/
-	frequency?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Defines the HTML attributes column for the anchor elements inside the each tag items.
-	*/
-	htmlAttributes?: string;
+            /** Returns drag start element cell.
+             */
+            currentTarget?: any;
 
-	/** Defines the tag value or display text.
-	*/
-	text?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Defines the URL link to navigate while click the tag.
-	*/
-	url?: string;
-}
-}
-enum Format
-{
-//To render the TagCloud items in cloud format
-Cloud,
-//To render the TagCloud items in list format
-List,
-}
+            /** Returns the JSON data of dragged rows.
+             */
+            data?: any;
 
-class TimePicker extends ej.Widget {
-	static fn: TimePicker;
-	constructor(element: JQuery, options?: TimePicker.Model);
-	constructor(element: Element, options?: TimePicker.Model);
-	static Locale: any;
-	model:TimePicker.Model;
-	defaults:TimePicker.Model;
-
-	/** Allows you to disable the TimePicker.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Allows you to enable the TimePicker.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** It returns the current time value.
-	*   @returns {string}
-	*/
-	getValue(): string;
-
-	/** This method will hide the TimePicker control popup.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Updates the current system time in TimePicker.
-	*   @returns {void}
-	*/
-	setCurrentTime(): void;
-
-	/** This method will show the TimePicker control popup.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module TimePicker{
-
-export interface Model {
-
-	/** Sets the root CSS class for the TimePicker theme, which is used to customize.
-	*/
-	cssClass?: string;
-
-	/** Specifies the list of time range to be disabled.
-	*   @Default {{}}
-	*/
-	disableTimeRanges?: any;
-
-	/** Specifies the animation behavior in TimePicker.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** When this property is set to false, it disables the TimePicker control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Save current model value to browser cookies for maintaining states. When refreshing the TimePicker control page, the model value is applied from browser cookies or HTML 5local storage.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Displays the TimePicker as right to left alignment.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** When the enableStrictMode is set as true it allows the value outside of the range and also indicate with red color border, otherwise it internally changed to the min or max range value based an input value.
-	*   @Default {false}
-	*/
-	enableStrictMode?: boolean;
-
-	/** Defines the height of the TimePicker textbox.
-	*/
-	height?: string|number;
-
-	/** Sets the step value for increment an hour value through arrow keys or mouse scroll.
-	*   @Default {1}
-	*/
-	hourInterval?: number;
-
-	/** It allows to define the characteristics of the TimePicker control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Sets the time interval between the two adjacent time values in the popup.
-	*   @Default {30}
-	*/
-	interval?: number;
-
-	/** Defines the localization info used by the TimePicker.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the maximum time value to the TimePicker.
-	*   @Default {11:59:59 PM}
-	*/
-	maxTime?: string;
-
-	/** Sets the minimum time value to the TimePicker.
-	*   @Default {12:00:00 AM}
-	*/
-	minTime?: string;
-
-	/** Sets the step value for increment the minute value through arrow keys or mouse scroll.
-	*   @Default {1}
-	*/
-	minutesInterval?: number;
-
-	/** Defines the height of the TimePicker popup.
-	*   @Default {191px}
-	*/
-	popupHeight?: string|number;
-
-	/** Defines the width of the TimePicker popup.
-	*   @Default {auto}
-	*/
-	popupWidth?: string|number;
-
-	/** Toggles the readonly state of the TimePicker. When the widget is readOnly, it doesn’t allow your input.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Sets the step value for increment the seconds value through arrow keys or mouse scroll.
-	*   @Default {1}
-	*/
-	secondsInterval?: number;
-
-	/** shows or hides the drop down button in TimePicker.
-	*   @Default {true}
-	*/
-	showPopupButton?: boolean;
-
-	/** TimePicker is displayed with rounded corner when this property is set to true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Defines the time format displayed in the TimePicker.
-	*   @Default {h:mm tt}
-	*/
-	timeFormat?: string;
-
-	/** Sets a specified time value on the TimePicker.
-	*   @Default {null}
-	*/
-	value?: string|Date;
-
-	/** Defines the width of the TimePicker textbox.
-	*/
-	width?: string|number;
-
-	/** Fires when the time value changed in the TimePicker. */
-	beforeChange? (e: BeforeChangeEventArgs): void;
-
-	/** Fires when the TimePicker popup before opened. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Fires when the time value changed in the TimePicker. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when the TimePicker popup closed. */
-	close? (e: CloseEventArgs): void;
-
-	/** Fires when create TimePicker successfully. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the TimePicker is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when the TimePicker control gets focus. */
-	focusIn? (e: FocusInEventArgs): void;
-
-	/** Fires when the TimePicker control get lost focus. */
-	focusOut? (e: FocusOutEventArgs): void;
-
-	/** Fires when the TimePicker popup opened. */
-	open? (e: OpenEventArgs): void;
-
-	/** Fires when the value is selected from the TimePicker dropdown list. */
-	select? (e: SelectEventArgs): void;
-}
+            /** Returns the JSON data of dragged rows.
+             */
+            draggedRecords?: any;
+        }
 
-export interface BeforeChangeEventArgs {
+        export interface RowDropEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            /** Returns draggable element type.
+             */
+            draggableType?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the draggable row object.
+             */
+            rows?: any;
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns the modified time value
-	*/
-	value?: string;
-}
+            /** Returns the current mouse position cell element.
+             */
+            target?: any;
 
-export interface BeforeOpenEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the JSON data of dragged rows.
+             */
+            data?: any;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            /** Returns the JSON data of dragged rows.
+             */
+            droppedRecords?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface TemplateRefreshEventArgs {
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the time value
-	*/
-	value?: string;
-}
+            /** Returns the cell object.
+             */
+            cell?: any;
 
-export interface ChangeEventArgs {
+            /** Returns the column object.
+             */
+            column?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Returns the current row data.
+             */
+            data?: any;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            /** Returns the current row data.
+             */
+            rowData?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** returns true when the value changed by user interaction otherwise returns false
-	*/
-	isInteraction?: boolean;
+            /** Returns the current row index.
+             */
+            rowIndex?: number;
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the modified time value
-	*/
-	value?: string;
-}
+        export interface ToolbarClickEventArgs {
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** Returns the current item.
+             */
+            currentTarget?: any;
+
+            /** Returns the grid model.
+             */
+            model?: any;
+
+            /** Returns the status of toolbar item which denotes its enabled state
+             */
+            status?: boolean;
+
+            /** Returns the target item.
+             */
+            target?: any;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+
+            /** Returns the grid model.
+             */
+            gridModel?: any;
+
+            /** Returns the toolbar object of the selected toolbar element.
+             */
+            toolbarData?: any;
+
+            /** Returns the Id of the current toolbar element.
+             */
+            itemId?: string;
+
+            /** Returns the index of the current toolbar element.
+             */
+            itemIndex?: number;
+
+            /** Returns the name of the current toolbar element.
+             */
+            itemName?: string;
+        }
+
+        export interface ColumnsCommand {
+
+            /** Gets or sets an object that indicates to define all the button options which are available in ejButton.
+             */
+            buttonOptions?: any;
+
+            /** Gets or sets a value that indicates to add the command column button. See unboundType
+             */
+            type?: ej.Grid.UnboundType|string;
+        }
+
+        export interface Column {
+
+            /** Sets the clip mode for Grid cell as ellipsis or clipped content(both header and content)
+             * @Default {ej.Grid.ClipMode.Clip}
+             */
+            clipMode?: ej.Grid.ClipMode|string;
+
+            /** Gets or sets a value that indicates whether to enable editing behavior for particular column.
+             * @Default {true}
+             */
+            allowEditing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic filtering behavior for particular column.
+             * @Default {true}
+             */
+            allowFiltering?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic grouping behavior for particular column.
+             * @Default {true}
+             */
+            allowGrouping?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic sorting behavior for particular column.
+             * @Default {true}
+             */
+            allowSorting?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable dynamic resizable for particular column.
+             * @Default {true}
+             */
+            allowResizing?: boolean;
+
+            /** Gets or sets an object that indicates to define a command column in the grid.
+             * @Default {[]}
+             */
+            commands?: ColumnsCommand[];
+
+            /** Gets or sets a value that indicates to provide custom CSS for an individual column.
+             */
+            cssClass?: string;
+
+            /** Gets or sets a value that indicates the attribute values to the td element of a particular column
+             */
+            customAttributes?: any;
+
+            /** Gets or sets a value that indicates to bind the external datasource to the particular column when column editType as dropdownedit and also it is used to bind the datasource to the
+             * foreign key column while editing the grid. //Where data is array of JSON objects of text and value for the drop-down and array of JSON objects for foreign key column.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Gets or sets a value that indicates to display the specified default value while adding a new record to the grid
+             */
+            defaultValue?: string|number|boolean|Date;
+
+            /** Gets or sets a value that indicates to render the grid content and header with an HTML elements
+             * @Default {false}
+             */
+            disableHtmlEncode?: boolean;
+
+            /** Gets or sets a value that indicates to display a column value as checkbox or string
+             * @Default {true}
+             */
+            displayAsCheckBox?: boolean;
+
+            /** Gets or sets a value that indicates to customize ejNumericTextbox of an editable column. See editingType
+             */
+            editParams?: any;
+
+            /** Gets or sets a template that displays a custom editor used to edit column values. See editTemplate
+             * @Default {null}
+             */
+            editTemplate?: any;
+
+            /** Gets or sets a value that indicates to render the element(based on edit type) for editing the grid record. See editingType
+             * @Default {ej.Grid.EditingType.String}
+             */
+            editType?: ej.Grid.EditingType|string;
+
+            /** Gets or sets a value that indicates to groups the column based on its column format.
+             * @Default {false}
+             */
+            enableGroupByFormat?: boolean;
+
+            /** Gets or sets a value that indicates to display the columns in the grid mapping with column name of the dataSource.
+             */
+            field?: string;
+
+            /** Gets or sets a template that customize the filter control from default . See filterBarTemplate
+             * @Default {null}
+             */
+            filterBarTemplate?: any;
+
+            /** Gets or sets a value that indicates to render the excel or menu filter dialog to the grid columns. See filterType
+             * @Default {null}
+             */
+            filterType?: ej.Grid.FilterType|string;
+
+            /** Gets or sets a value that indicates to define foreign key field name of the grid datasource.
+             * @Default {null}
+             */
+            foreignKeyField?: string;
+
+            /** Gets or sets a value that indicates to bind the field which is in foreign column datasource based on the foreignKeyField
+             * @Default {null}
+             */
+            foreignKeyValue?: string;
+
+            /** Gets or sets a value that indicates the format for the text applied on the column
+             */
+            format?: string;
+
+            /** Gets or sets a value that indicates to add the template within the header element of the particular column.
+             * @Default {null}
+             */
+            headerTemplateID?: string;
+
+            /** Gets or sets a value that indicates to display the title of that particular column.
+             */
+            headerText?: string;
+
+            /** This defines the text alignment of a particular column header cell value. See headerTextAlign
+             * @Default {null}
+             */
+            headerTextAlign?: ej.TextAlign|string;
+
+            /** It accepts the string value and shows the tooltip for the Grid column header.
+             * @Default {null}
+             */
+            headerTooltip?: string;
+
+            /** You can use this property to freeze selected columns in grid at the time of scrolling.
+             * @Default {false}
+             */
+            isFrozen?: boolean;
+
+            /** Gets or sets a value that indicates the column has an identity in the database.
+             * @Default {false}
+             */
+            isIdentity?: boolean;
+
+            /** Gets or sets a value that indicates the column is act as a primary key(read-only) of the grid. The editing is performed based on the primary key column
+             * @Default {false}
+             */
+            isPrimaryKey?: boolean;
+
+            /** Gets or sets a value that indicates the order of Column that are to be hidden or visible when Grid element is in responsive mode and could not occupy all columns.
+             * @Default {-1}
+             */
+            priority?: number;
+
+            /** Used to hide the particular column in column chooser by giving value as false.
+             * @Default {true}
+             */
+            showInColumnChooser?: boolean;
+
+            /** Gets or sets a value that indicates whether to enables column template for a particular column.
+             * @Default {false}
+             */
+            template?: boolean|string;
+
+            /** Gets or sets a value that indicates to align the text within the column. See textAlign
+             * @Default {ej.TextAlign.Left}
+             */
+            textAlign?: ej.TextAlign|string;
+
+            /** Sets the template for Tooltip in Grid Columns(both header and content)
+             */
+            tooltip?: string;
+
+            /** Gets or sets a value that indicates to specify the data type of the specified columns.
+             */
+            type?: string;
+
+            /** Gets or sets a value that indicates to define constraints for saving data to the database.
+             */
+            validationRules?: any;
+
+            /** Gets or sets a value that indicates whether this column is visible in the grid.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Gets or sets a value that indicates to define the width for a particular column in the grid.
+             */
+            width?: number;
+        }
+
+        export interface ContextMenuSettingsSubContextMenu {
+
+            /** Used to get or set the corresponding custom context menu item to which the submenu to be appended.
+             * @Default {null}
+             */
+            contextMenuItem?: string;
+
+            /** Used to get or set the sub menu items to the custom context menu item.
+             * @Default {[]}
+             */
+            subMenu?: any[];
+        }
+
+        export interface ContextMenuSettings {
+
+            /** Gets or sets a value that indicates whether to add the default context menu actions as a context menu items If enableContextMenu is true it will show all the items related to the
+             * target, if you want selected items from contextmenu you have to mention in the contextMenuItems
+             * @Default {[]}
+             */
+            contextMenuItems?: any[];
+
+            /** Gets or sets a value that indicates whether to add custom contextMenu items within the toolbar to perform any action in the grid
+             * @Default {[]}
+             */
+            customContextMenuItems?: any[];
+
+            /** Gets or sets a value that indicates whether to enable the context menu action in the grid.
+             * @Default {false}
+             */
+            enableContextMenu?: boolean;
+
+            /** Used to get or set the subMenu to the corresponding custom context menu item.
+             */
+            subContextMenu?: ContextMenuSettingsSubContextMenu[];
+
+            /** Gets or sets a value that indicates whether to disable the default context menu items in the grid.
+             * @Default {false}
+             */
+            disableDefaultItems?: boolean;
+        }
+
+        export interface EditSettings {
+
+            /** Gets or sets a value that indicates whether to enable insert action in the editing mode.
+             * @Default {false}
+             */
+            allowAdding?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the delete action in the editing mode.
+             * @Default {false}
+             */
+            allowDeleting?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the edit action in the editing mode.
+             * @Default {false}
+             */
+            allowEditing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the editing action while double click on the record
+             * @Default {true}
+             */
+            allowEditOnDblClick?: boolean;
+
+            /** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Dialog Box
+             * @Default {null}
+             */
+            dialogEditorTemplateID?: string;
+
+            /** Gets or sets a value that indicates whether to define the mode of editing See editMode
+             * @Default {ej.Grid.EditMode.Normal}
+             */
+            editMode?: ej.Grid.EditMode|string;
+
+            /** This specifies the id of the template. This template can be used to display the data that you require to be edited using the External edit form
+             * @Default {null}
+             */
+            externalFormTemplateID?: string;
+
+            /** This specifies to set the position of an External edit form either in the top-right or bottom-left of the grid. See formPosition
+             * @Default {ej.Grid.FormPosition.BottomLeft}
+             */
+            formPosition?: ej.Grid.FormPosition|string;
+
+            /** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Inline edit form
+             * @Default {null}
+             */
+            inlineFormTemplateID?: string;
+
+            /** This specifies to set the position of an adding new row either in the top or bottom of the grid. See rowPosition
+             * @Default {ej.Grid.RowPosition.Top}
+             */
+            rowPosition?: ej.Grid.RowPosition|string;
+
+            /** Gets or sets a value that indicates whether the confirm dialog has to be shown while saving or discarding the batch changes
+             * @Default {true}
+             */
+            showConfirmDialog?: boolean;
+
+            /** Gets or sets a value that indicates whether the confirm dialog has to be shown while deleting record
+             * @Default {false}
+             */
+            showDeleteConfirmDialog?: boolean;
+
+            /** Gets or sets a value that indicates whether the title for edit form is different from the primarykey column.
+             * @Default {null}
+             */
+            titleColumn?: string;
+
+            /** Gets or sets a value that indicates whether to display the add new form by default in the grid.
+             * @Default {false}
+             */
+            showAddNewRow?: boolean;
+        }
+
+        export interface FilterSettingsFilteredColumn {
+
+            /** Gets or sets a value that indicates whether to define the field name of the column to be filter.
+             */
+            field?: string;
+
+            /** Gets or sets a value that indicates whether to define the matchCase of given value to be filter.
+             */
+            matchCase?: boolean;
+
+            /** Gets or sets a value that indicates whether to define the filter condition to filtered column. See operator
+             */
+            operator?: ej.FilterOperators|string;
+
+            /** Gets or sets a value that indicates whether to define the predicate as and/or.
+             */
+            predicate?: string;
+
+            /** Gets or sets a value that indicates whether to define the value to be filtered in a column.
+             */
+            value?: string|number;
+        }
+
+        export interface FilterSettings {
+
+            /** Gets or sets a value that indicates to perform the filter operation with case sensitive in excel styled filter menu mode
+             * @Default {false}
+             */
+            enableCaseSensitivity?: boolean;
+
+            /** Gets or sets a value that indicates to define the interDeterminateState of checkbox in excel filter dialog.
+             * @Default {true}
+             */
+            enableInterDeterminateState?: boolean;
+
+            /** This specifies the grid to starts the filter action while typing in the filterBar or after pressing the enter key. based on the filterBarMode. See filterBarMode.
+             * @Default {ej.Grid.FilterBarMode.Immediate}
+             */
+            filterBarMode?: ej.Grid.FilterBarMode|string;
+
+            /** Gets or sets a value that indicates whether to define the filtered columns details programmatically at initial load
+             * @Default {[]}
+             */
+            filteredColumns?: FilterSettingsFilteredColumn[];
+
+            /** This specifies the grid to show the filterBar or filterMenu to the grid records. See filterType
+             * @Default {ej.Grid.FilterType.FilterBar}
+             */
+            filterType?: ej.Grid.FilterType|string;
+
+            /** This specifies the grid to delay the filter action while typing in the filterBar.
+             * @Default {1500}
+             */
+            immediateModeDelay?: number;
+
+            /** Gets or sets a value that indicates the maximum number of filter choices that can be showed in the excel styled filter menu.
+             * @Default {1000}
+             */
+            maxFilterChoices?: number;
+
+            /** This specifies the grid to show the filter text within the grid pager itself.
+             * @Default {true}
+             */
+            showFilterBarStatus?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the predicate options in the filtering menu
+             * @Default {false}
+             */
+            showPredicate?: boolean;
+        }
+
+        export interface GroupSettings {
+
+            /** Gets or sets a value that customize the group caption format.
+             * @Default {null}
+             */
+            captionFormat?: string;
+
+            /** Gets or sets a value that indicates whether to enable animation button option in the group drop area of the grid.
+             * @Default {false}
+             */
+            enableDropAreaAutoSizing?: boolean;
+
+            /** Gets or sets a value that indicates whether to add grouped columns programmatically at initial load
+             * @Default {[]}
+             */
+            groupedColumns?: any[];
+
+            /** Gets or sets a value that indicates whether to show the group drop area just above the column header. It can be used to avoid ungrouping the already grouped column using
+             * groupSettings.
+             * @Default {true}
+             */
+            showDropArea?: boolean;
+
+            /** Gets or sets a value that indicates whether to hide the grouped columns from the grid
+             * @Default {false}
+             */
+            showGroupedColumn?: boolean;
+
+            /** Gets or sets a value that indicates whether to show the group button image(toggle button)in the column header and also in the grouped column in the group drop area . It can be
+             * used to group/ungroup the columns by click on the toggle button.
+             * @Default {false}
+             */
+            showToggleButton?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the close button in the grouped column which is in the group drop area to ungroup the grouped column
+             * @Default {false}
+             */
+            showUngroupButton?: boolean;
+        }
+
+        export interface PageSettings {
+
+            /** Gets or sets a value that indicates whether to define which page to display currently in the grid
+             * @Default {1}
+             */
+            currentPage?: number;
+
+            /** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
+             * @Default {false}
+             */
+            enableQueryString?: boolean;
+
+            /** Gets or sets a value that indicates whether to enables pager template for the grid.
+             * @Default {false}
+             */
+            enableTemplates?: boolean;
+
+            /** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation
+             * @Default {8}
+             */
+            pageCount?: number;
+
+            /** Gets or sets a value that indicates whether to define the number of records displayed per page
+             * @Default {12}
+             */
+            pageSize?: number;
+
+            /** Gets or sets a value that indicates whether to enables default pager for the grid.
+             * @Default {false}
+             */
+            showDefaults?: boolean;
+
+            /** Gets or sets a value that indicates to add the template as a pager template for grid.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Get the value of total number of pages in the grid. The totalPages value is calculated based on page size and total records of grid
+             * @Default {null}
+             */
+            totalPages?: number;
+
+            /** Get the value of total number of records which is bound to the grid. The totalRecordsCount value is calculated based on dataSource bound to the grid.
+             * @Default {null}
+             */
+            totalRecordsCount?: number;
+
+            /** Gets or sets a value that indicates whether to define the number of pages to print. See printMode.
+             * @Default {ej.Grid.PrintMode.AllPages}
+             */
+            printMode?: ej.Grid.PrintMode|string;
+        }
+
+        export interface ResizeSettings {
+
+            /** Gets or sets a value that indicates whether to define the mode of resizing.
+             * @Default {ej.Grid.ResizeMode.Normal}
+             */
+            resizeMode?: ej.Grid.ResizeMode|string;
+        }
+
+        export interface RowDropSettings {
+
+            /** This specifies the grid to drop the grid rows only at particular target element.
+             * @Default {null}
+             */
+            dropTargetID?: any;
+
+            /** This helps in mapping server-side action when rows are dragged from Grid.
+             * @Default {null}
+             */
+            dragMapper?: string;
+
+            /** This helps in mapping server-side action when rows are dropped in Grid.
+             * @Default {null}
+             */
+            dropMapper?: string;
+        }
+
+        export interface SearchSettings {
+
+            /** This specify the grid to search for the value in particular columns that is mentioned in the field.
+             * @Default {[]}
+             */
+            fields?: any;
+
+            /** This specifies the grid to search the particular data that is mentioned in the key.
+             */
+            key?: string;
+
+            /** It specifies the grid to search the records based on operator.
+             * @Default {contains}
+             */
+            operator?: string;
+
+            /** It enables or disables case-sensitivity while searching the search key in grid.
+             * @Default {true}
+             */
+            ignoreCase?: boolean;
+        }
+
+        export interface SelectionSettings {
+
+            /** Gets or sets a value that indicates the cell selection actions based on the cell selection mode.
+             * @Default {ej.Grid.CellSelectionMode.Flow}
+             */
+            cellSelectionMode?: ej.Grid.CellSelectionMode|string;
+
+            /** Gets or sets a value that indicates whether to enable the toggle selection behavior for row, cell and column.
+             * @Default {false}
+             */
+            enableToggle?: boolean;
+
+            /** Gets or sets a value that indicates whether to add the default selection actions as a selection mode.See selectionMode
+             * @Default {[row]}
+             */
+            selectionMode?: any[];
+        }
+
+        export interface ScrollSettings {
+
+            /** This specify the grid to to view data that you require without buffering the entire load of a huge database
+             * @Default {false}
+             */
+            allowVirtualScrolling?: boolean;
+
+            /** It accepts the boolean value and shows or hides the scrollbar while focus in or focus out of the Grid.
+             * @Default {false}
+             */
+            autoHide?: boolean;
+
+            /** Specifies the height and width of button in the scrollbar.
+             * @Default {18}
+             */
+            buttonSize?: number;
+
+            /** This specify the grid to enable/disable touch control for scrolling.
+             * @Default {true}
+             */
+            enableTouchScroll?: boolean;
+
+            /** This specify the grid to freeze particular columns at the time of scrolling.
+             * @Default {0}
+             */
+            frozenColumns?: number;
+
+            /** This specify the grid to freeze particular rows at the time of scrolling.
+             * @Default {0}
+             */
+            frozenRows?: number;
+
+            /** This specify the grid to show the vertical scroll bar, to scroll and view the grid contents.
+             * @Default {0}
+             */
+            height?: string|number;
+
+            /** It accepts the integer value and sets the width of scrollbar.
+             * @Default {18}
+             */
+            scrollerSize?: number;
+
+            /** This is used to define the mode of virtual scrolling in grid. See virtualScrollMode
+             * @Default {ej.Grid.VirtualScrollMode.Normal}
+             */
+            virtualScrollMode?: ej.Grid.VirtualScrollMode|string;
+
+            /** This is used to enable the enhanced virtual scrolling in Grid.
+             * @Default {false}
+             */
+            enableVirtualization?: boolean;
+
+            /** This specify the grid to show the horizontal scroll bar, to scroll and view the grid contents
+             * @Default {250}
+             */
+            width?: string|number;
+
+            /** This specify the scroll down pixel of mouse wheel, to scroll mouse wheel and view the grid contents.
+             * @Default {57}
+             */
+            scrollOneStepBy?: number;
+        }
+
+        export interface SortSettingsSortedColumn {
+
+            /** Gets or sets a value that indicates whether to define the direction to sort the column.
+             */
+            direction?: string;
+
+            /** Gets or sets a value that indicates whether to define the field name of the column to be sort
+             */
+            field?: string;
+        }
+
+        export interface SortSettings {
+
+            /** Gets or sets a value that indicates whether to define the direction and field to sort the column.
+             */
+            sortedColumns?: SortSettingsSortedColumn[];
+        }
+
+        export interface StackedHeaderRowsStackedHeaderColumn {
+
+            /** Gets or sets a value that indicates the header text for the particular stacked header column.
+             * @Default {null}
+             */
+            column?: any;
+
+            /** Gets or sets a value that indicates class to the corresponding stackedHeaderColumn.
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** Gets or sets a value that indicates the header text for the particular stacked header column.
+             * @Default {null}
+             */
+            headerText?: string;
+
+            /** Gets or sets a value that indicates the text alignment of the corresponding headerText.
+             * @Default {ej.TextAlign.Left}
+             */
+            textAlign?: string;
+
+            /** Sets the template for tooltip for the Grid stackedHeaderColumns.
+             * @Default {null}
+             */
+            tooltip?: string;
+        }
+
+        export interface StackedHeaderRow {
+
+            /** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows
+             * @Default {[]}
+             */
+            stackedHeaderColumns?: StackedHeaderRowsStackedHeaderColumn[];
+        }
+
+        export interface SummaryRowsSummaryColumn {
+
+            /** Gets or sets a value that indicates the text displayed in the summary column as a value
+             * @Default {null}
+             */
+            customSummaryValue?: string;
+
+            /** This specifies summary column used to perform the summary calculation
+             * @Default {null}
+             */
+            dataMember?: string;
+
+            /** Gets or sets a value that indicates to define the target column at which to display the summary.
+             * @Default {null}
+             */
+            displayColumn?: string;
+
+            /** Gets or sets a value that indicates the format for the text applied on the column
+             * @Default {null}
+             */
+            format?: string;
+
+            /** Gets or sets a value that indicates the text displayed before the summary column value
+             * @Default {null}
+             */
+            prefix?: string;
+
+            /** Gets or sets a value that indicates the text displayed after the summary column value
+             * @Default {null}
+             */
+            suffix?: string;
+
+            /** Gets or sets a value that indicates the type of calculations to be performed for the corresponding summary column. See summaryType.
+             * @Default {[]}
+             */
+            summaryType?: ej.Grid.SummaryType|string;
+
+            /** Gets or sets a value that indicates to add the template for the summary value of dataMember given.
+             * @Default {null}
+             */
+            template?: string;
+        }
 
-export interface CloseEventArgs {
+        export interface SummaryRow {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Gets or sets a value that indicates whether to show the summary value within the group caption area for the corresponding summary column while grouping the column
+             * @Default {false}
+             */
+            showCaptionSummary?: boolean;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            /** Gets or sets a value that indicates whether to show the group summary value for the corresponding summary column while grouping a column
+             * @Default {false}
+             */
+            showGroupSummary?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Gets or sets a value that indicates whether to show the total summary value the for the corresponding summary column. The summary row is added after the grid content.
+             * @Default {true}
+             */
+            showTotalSummary?: boolean;
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            /** Gets or sets a value that indicates whether to add summary columns into the summary rows.
+             * @Default {[]}
+             */
+            summaryColumns?: SummaryRowsSummaryColumn[];
 
-	/** returns the time value
-	*/
-	value?: string;
-}
+            /** This specifies the grid to show the title for the summary rows.
+             */
+            title?: string;
 
-export interface CreateEventArgs {
+            /** This specifies the grid to show the title of summary row in the specified column.
+             * @Default {null}
+             */
+            titleColumn?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface TextWrapSettings {
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            /** This specifies the grid to apply the auto wrap for grid content or header or both.
+             * @Default {ej.Grid.WrapMode.Both}
+             */
+            wrapMode?: ej.Grid.WrapMode|string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface ToolbarSettingsCustomToolbarItem {
 
-export interface DestroyEventArgs {
+            /** Gets or sets a value that indicates whether to add custom toolbar item as a template element.
+             */
+            templateID?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Gets or sets a value that indicates whether to add custom toolbar item with a custom tooltip.
+             */
+            tooltip?: string;
+        }
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+        export interface ToolbarSettings {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Gets or sets a value that indicates whether to add custom toolbar items within the toolbar to perform any action in the grid
+             * @Default {[]}
+             */
+            customToolbarItems?: ToolbarSettingsCustomToolbarItem[];
 
-export interface FocusInEventArgs {
+            /** Gets or sets a value that indicates whether to enable toolbar in the grid.
+             * @Default {false}
+             */
+            showToolbar?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Gets or sets a value that indicates whether to add the default editing actions as a toolbar items. See toolbarItems.
+             * @Default {[]}
+             */
+            toolbarItems?: Array<ej.Grid.ToolBarItems|string>;
+        }
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+        enum GridLines {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Displays both the horizontal and vertical grid lines.
+            Both,
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            ///Displays the horizontal grid lines only.
+            Horizontal,
 
-	/** returns the current time value
-	*/
-	value?: string;
-}
+            ///Displays the vertical grid lines only.
+            Vertical,
 
-export interface FocusOutEventArgs {
+            ///No grid lines are displayed.
+            None
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+        enum ClipMode {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Shows ellipsis for the overflown cell.
+            Ellipsis,
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            ///Truncate the text in the cell
+            Clip,
 
-	/** returns the current time value
-	*/
-	value?: string;
-}
+            ///Shows ellipsis and tooltip for the overflown cell.
+            EllipsisWithTooltip
+        }
 
-export interface OpenEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum ColumnLayout {
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            ///Column layout is auto(based on width).
+            Auto,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Column layout is fixed(based on width).
+            Fixed
+        }
 
-	/** returns the time value
-	*/
-	value?: string;
-}
 
-export interface SelectEventArgs {
+        enum UnboundType {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Unbound type is edit.
+            Edit,
 
-	/** returns the TimePicker model
-	*/
-	model?: ej.TimePicker.Model;
+            ///Unbound type is save.
+            Save,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Unbound type is delete.
+            Delete,
 
-	/** returns the previously selected time value
-	*/
-	prevTime?: string;
+            ///Unbound type is cancel.
+            Cancel
+        }
 
-	/** returns the selected time value
-	*/
-	value?: string;
-}
-}
 
-class ToggleButton extends ej.Widget {
-	static fn: ToggleButton;
-	constructor(element: JQuery, options?: ToggleButton.Model);
-	constructor(element: Element, options?: ToggleButton.Model);
-	static Locale: any;
-	model:ToggleButton.Model;
-	defaults:ToggleButton.Model;
-
-	/** Allows you to destroy the ToggleButton widget.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable the ToggleButton to prevent all user interactions.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the ToggleButton.
-	*   @returns {void}
-	*/
-	enable(): void;
-}
-export module ToggleButton{
-
-export interface Model {
-
-	/** Specify the icon in active state to the toggle button and it will be aligned from left margin of the button.
-	*/
-	activePrefixIcon?: string;
-
-	/** Specify the icon in active state to the toggle button and it will be aligned from right margin of the button.
-	*/
-	activeSuffixIcon?: string;
-
-	/** Sets the text when ToggleButton is in active state i.e.,checked state.
-	*   @Default {null}
-	*/
-	activeText?: string;
-
-	/** Specifies the contentType of the ToggleButton. See ContentType as below
-	*   @Default {ej.ContentType.TextOnly}
-	*/
-	contentType?: ej.ContentType|string;
-
-	/** Specify the CSS class to the ToggleButton to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specify the icon in default state to the toggle button and it will be aligned from left margin of the button.
-	*/
-	defaultPrefixIcon?: string;
-
-	/** Specify the icon in default state to the toggle button and it will be aligned from right margin of the button.
-	*/
-	defaultSuffixIcon?: string;
-
-	/** Specifies the text of the ToggleButton, when the control is a default state. i.e., unChecked state.
-	*   @Default {null}
-	*/
-	defaultText?: string;
-
-	/** Specifies the state of the ToggleButton.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Save current model value to browser cookies for maintaining states. When refreshing the ToggleButton control page, the model value is applied from browser cookies or HTML 5local storage.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Specify the Right to Left direction of the ToggleButton.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Specifies the height of the ToggleButton.
-	*   @Default {28pixel}
-	*/
-	height?: number|string;
-
-	/** It allows to define the characteristics of the ToggleButton control. It will helps to extend the capability of an HTML element.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specifies the image position of the ToggleButton.
-	*   @Default {ej.ImagePosition.ImageLeft}
-	*/
-	imagePosition?: ej.ImagePosition|string;
-
-	/** Allows to prevents the control switched to checked (active) state.
-	*   @Default {false}
-	*/
-	preventToggle?: boolean;
-
-	/** Displays the ToggleButton with rounded corners.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies the size of the ToggleButton. See ButtonSize as below
-	*   @Default {ej.ButtonSize.Normal}
-	*/
-	size?: ej.ButtonSize|string;
-
-	/** It allows to define the ToggleButton state to checked(Active) or unchecked(Default) at initial time.
-	*   @Default {false}
-	*/
-	toggleState?: boolean;
-
-	/** Specifies the type of the ToggleButton. See ButtonType as below
-	*   @Default {ej.ButtonType.Button}
-	*/
-	type?: ej.ButtonType|string;
-
-	/** Specifies the width of the ToggleButton.
-	*   @Default {100pixel}
-	*/
-	width?: number|string;
-
-	/** Fires when ToggleButton control state is changed successfully. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Fires when ToggleButton control is clicked successfully. */
-	click? (e: ClickEventArgs): void;
-
-	/** Fires when ToggleButton control is created successfully. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when ToggleButton control is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-}
+        enum EditingType {
 
-export interface ChangeEventArgs {
+            ///Specifies editing type as string edit.
+            String,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Specifies editing type as boolean edit.
+            Boolean,
 
-	/** return the toggle button checked state
-	*/
-	isChecked?: boolean;
+            ///Specifies editing type as numeric edit.
+            Numeric,
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+            ///Specifies editing type as dropdown edit.
+            Dropdown,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///Specifies editing type as datepicker.
+            DatePicker,
 
-export interface ClickEventArgs {
+            ///Specifies editing type as datetime picker.
+            DateTimePicker
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
 
-	/** return the toggle button checked state
-	*/
-	isChecked?: boolean;
+        enum FilterType {
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+            ///Specifies the filter type as menu.
+            Menu,
 
-	/** return the toggle button state
-	*/
-	status?: boolean;
+            ///Specifies the filter type as excel.
+            Excel
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
 
-export interface CreateEventArgs {
+        enum EditMode {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Edit mode is normal.
+            Normal,
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+            ///Edit mode is dialog.
+            Dialog,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///Edit mode is dialog template.
+            DialogTemplate,
 
-export interface DestroyEventArgs {
+            ///Edit mode is batch.
+            Batch,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Edit mode is inline form.
+            InlineForm,
 
-	/** returns the toggle button model
-	*/
-	model?: ej.ToggleButton.Model;
+            ///Edit mode is inline template form.
+            InlineTemplateForm,
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
+            ///Edit mode is external form.
+            ExternalForm,
 
-class Toolbar extends ej.Widget {
-	static fn: Toolbar;
-	constructor(element: JQuery, options?: Toolbar.Model);
-	constructor(element: Element, options?: Toolbar.Model);
-	static Locale: any;
-	model:Toolbar.Model;
-	defaults:Toolbar.Model;
-
-	/** Deselect the specified Toolbar item.
-	*   @param {any} The element need to be deselected
-	*   @returns {void}
-	*/
-	deselectItem(element: any): void;
-
-	/** Deselect the Toolbar item based on specified id.
-	*   @param {string} The ID of the element need to be deselected
-	*   @returns {void}
-	*/
-	deselectItemByID(ID: string): void;
-
-	/** Allows you to destroy the Toolbar widget.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To disable all items in the Toolbar control.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Disable the specified Toolbar item.
-	*   @param {any} The element need to be disabled
-	*   @returns {void}
-	*/
-	disableItem(element: any): void;
-
-	/** Disable the Toolbar item based on specified item id in the Toolbar.
-	*   @param {string} The ID of the element need to be disabled
-	*   @returns {void}
-	*/
-	disableItemByID(ID: string): void;
-
-	/** Enable the Toolbar if it is in disabled state.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Enable the Toolbar item based on specified item.
-	*   @param {any} The element need to be enabled
-	*   @returns {void}
-	*/
-	enableItem(element: any): void;
-
-	/** Enable the Toolbar item based on specified item id in the Toolbar.
-	*   @param {string} The ID of the element need to be enabled
-	*   @returns {void}
-	*/
-	enableItemByID(ID: string): void;
-
-	/** To hide the Toolbar
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Remove the item from toolbar, based on specified item.
-	*   @param {any} The element need to be removed
-	*   @returns {void}
-	*/
-	removeItem(element: any): void;
-
-	/** Remove the item from toolbar, based on specified item id in the Toolbar.
-	*   @param {string} The ID of the element need to be removed
-	*   @returns {void}
-	*/
-	removeItemByID(ID: string): void;
-
-	/** Selects the item from toolbar, based on specified item.
-	*   @param {any} The element need to be selected
-	*   @returns {void}
-	*/
-	selectItem(element: any): void;
-
-	/** Selects the item from toolbar, based on specified item id in the Toolbar.
-	*   @param {string} The ID of the element need to be selected
-	*   @returns {void}
-	*/
-	selectItemByID(ID: string): void;
-
-	/** To show the Toolbar.
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module Toolbar{
-
-export interface Model {
-
-	/** Sets the root CSS class for Toolbar control to achieve the custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specifies dataSource value for the Toolbar control during initialization.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Disables an Item or set of Items that are enabled in the Toolbar
-	*   @Default {[]}
-	*/
-	disabledItemIndices?: Array<any>;
-
-	/** Specifies the Toolbar control state.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Enables an Item or set of Items that are disabled in the Toolbar
-	*   @Default {[]}
-	*/
-	enabledItemIndices?: Array<any>;
-
-	/** Specifies enableRTL property to align the Toolbar control from right to left direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Allows to separate the each UL items in the Toolbar control.
-	*   @Default {false}
-	*/
-	enableSeparator?: boolean;
-
-	/** Specifies the mapping fields for the data items of the Toolbar
-	*   @Default {null}
-	*/
-	fields?: string;
-
-	/** Specifies the height of the Toolbar.
-	*   @Default {28}
-	*/
-	height?: number|string;
-
-	/** Specifies the list of HTML attributes to be added to toolbar control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specifies whether the Toolbar control is need to be show or hide.
-	*   @Default {false}
-	*/
-	hide?: boolean;
-
-	/** Enables/Disables the responsive support for Toolbar items during the window resizing time.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies the items of  Toolbar
-	*   @Default {null}
-	*/
-	Items?: Items;
-
-	/** Specifies the Toolbar orientation. See orientation
-	*   @Default {Horizontal}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Specifies the query to retrieve the data from the online server. The query is used only when the online dataSource is used.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Specifies the Toolbar responsive type.
-	*   @Default {Popup}
-	*/
-	responsiveType?: ej.Toolbar.ResponsiveType|string;
-
-	/** Displays the Toolbar with rounded corners.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies the width of the Toolbar.
-	*/
-	width?: number|string;
-
-	/** Fires after Toolbar control is clicked. */
-	click? (e: ClickEventArgs): void;
-
-	/** Fires after Toolbar control is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires after Toolbar control is focused. */
-	focusOut? (e: FocusOutEventArgs): void;
-
-	/** Fires when the Toolbar is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires after Toolbar control item is hovered. */
-	itemHover? (e: ItemHoverEventArgs): void;
-
-	/** Fires after mouse leave from Toolbar control item. */
-	itemLeave? (e: ItemLeaveEventArgs): void;
-
-	/** Fires when the overflow popup of toolbar is opened. */
-	overflowOpen? (e: OverflowOpenEventArgs): void;
-
-	/** Fires when the overflow popup of toolbar is closed. */
-	overflowClose? (e: OverflowCloseEventArgs): void;
-}
+            ///Edit mode is external form template.
+            ExternalFormTemplate
+        }
 
-export interface ClickEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum FormPosition {
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+            ///Form position is bottomleft.
+            BottomLeft,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Form position is topright.
+            TopRight
+        }
 
-	/** returns the target of the current object.
-	*/
-	target?: any;
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
+        enum RowPosition {
 
-	/** return the Toolbar state
-	*/
-	status?: boolean;
-}
+            ///Specifies position of add new row as top.
+            Top,
 
-export interface CreateEventArgs {
+            ///Specifies position of add new row as bottom.
+            Bottom
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+        enum FilterBarMode {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///Initiate filter operation on typing the filter query.
+            Immediate,
 
-export interface FocusOutEventArgs {
+            ///Initiate filter operation after Enter key is pressed.
+            OnEnter
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+        enum PrintMode {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///Prints all pages.
+            AllPages,
 
-export interface DestroyEventArgs {
+            ///Prints current page.
+            CurrentPage
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+        enum ResizeMode {
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            ///New column size will be adjusted by all other Columns
+            Normal,
 
-export interface ItemHoverEventArgs {
+            ///New column Size will be adjusted using next column.
+            NextColumn,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///New column Size will be adjusted using entire control
+            Control
+        }
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        enum CellSelectionMode {
 
-	/** returns the target of the current object.
-	*/
-	target?: any;
+            ///It selects cells continuously from the start cell to end cell.
+            Flow,
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
+            ///It selects range of cells as a block from start cell to the end cell.
+            Box
+        }
 
-	/** return the Toolbar state
-	*/
-	status?: boolean;
-}
 
-export interface ItemLeaveEventArgs {
+        enum SelectionType {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Specifies the selection type as single.
+            Single,
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+            ///Specifies the selection type as multiple.
+            Multiple
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
 
-	/** returns the target of the current object.
-	*/
-	target?: any;
+        enum VirtualScrollMode {
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
+            ///virtual scroll mode is normal.
+            Normal,
 
-	/** return the Toolbar state
-	*/
-	status?: boolean;
-}
+            ///virtual scroll mode is continuous.
+            Continuous
+        }
 
-export interface OverflowOpenEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        enum SummaryType {
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+            ///Summary type is average.
+            Average,
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            ///Summary type is minimum.
+            Minimum,
 
-	/** Returns the current  X position of the target .
-	*/
-	clientX?: number;
+            ///Summary type is maximum.
+            Maximum,
 
-	/** Returns the current  Y position of the target .
-	*/
-	clientY?: number;
+            ///Summary type is count.
+            Count,
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
-}
+            ///Summary type is sum.
+            Sum,
 
-export interface OverflowCloseEventArgs {
+            ///Summary type is custom.
+            Custom,
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            ///Summary type is true count.
+            TrueCount,
 
-	/** returns the Toolbar model
-	*/
-	model?: ej.Toolbar.Model;
+            ///Summary type is false count.
+            FalseCount
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
 
-	/** Returns the current  X position of the target .
-	*/
-	clientX?: number;
+        enum WrapMode {
 
-	/** Returns the current  Y position of the target .
-	*/
-	clientY?: number;
+            ///Auto wrap is applied for both content and header.
+            Both,
 
-	/** returns the target of the current object.
-	*/
-	currentTarget?: any;
-}
+            ///Auto wrap is applied only for content.
+            Content,
 
-export interface Fields {
+            ///Auto wrap is applied only for header.
+            Header
+        }
 
-	/** Defines the group name for the item.
-	*/
-	group?: string;
 
-	/** Defines the HTML attributes such as id, class, styles for the item to extend the capability.
-	*/
-	htmlAttributes?: any;
+        enum ToolBarItems {
 
-	/** Defines id for the tag.
-	*/
-	id?: string;
+            ///Toolbar item is add.
+            Add,
 
-	/** Defines the image attributes such as height, width, styles and so on.
-	*/
-	imageAttributes?: string;
+            ///Toolbar item is edit.
+            Edit,
 
-	/** Defines the imageURL for the image location.
-	*/
-	imageUrl?: string;
+            ///Toolbar item is delete.
+            Delete,
 
-	/** Defines the sprite CSS for the image tag.
-	*/
-	spriteCssClass?: string;
+            ///Toolbar item is update.
+            Update,
 
-	/** Defines the text content for the tag.
-	*/
-	text?: string;
+            ///Toolbar item is cancel.
+            Cancel,
 
-	/** Defines the tooltip text for the tag.
-	*/
-	tooltipText?: string;
+            ///Toolbar item is search.
+            Search,
 
-	/** Allows you to add  template as toolbar item
-	*/
-	template?: string;
-}
+            ///Toolbar item is pdfExport.
+            PdfExport,
 
-export interface Items {
+            ///Toolbar item is printGrid.
+            PrintGrid,
 
-	/** Defines the group name for the item.
-	*/
-	group?: string;
+            ///Toolbar item is wordExport.
+            WordExport
+        }
 
-	/** Defines the HTML attributes such as id, class, styles for the item .
-	*/
-	htmlAttributes?: any;
+    }
 
-	/** Defines id for the tag.
-	*/
-	id?: string;
+    class Sparkline extends ej.Widget {
+        static fn: Sparkline;
+        constructor(element: JQuery | Element, options?: Sparkline.Model);
+        static Locale: any;
+        model: Sparkline.Model;
+        defaults: Sparkline.Model;
 
-	/** Defines the image attributes such as height, width, styles and so on.
-	*/
-	imageAttributes?: string;
+        /** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+         * @returns {void}
+         */
+        redraw(): void;
+    }
+    export namespace Sparkline {
 
-	/** Defines the imageURL for the image location.
-	*/
-	imageUrl?: string;
+        export interface Model {
 
-	/** Defines the sprite CSS for the image tag.
-	*/
-	spriteCssClass?: string;
+            /** Background color of the plot area.
+             * @Default {transparent}
+             */
+            background?: string;
 
-	/** Defines the text content for the tag.
-	*/
-	text?: string;
+            /** Fill color for the sparkline series.
+             * @Default {#33ccff}
+             */
+            fill?: string;
 
-	/** Defines the tooltip text for the tag.
-	*/
-	tooltipText?: string;
+            /** Border color of the series.
+             * @Default {null}
+             */
+            stroke?: string;
 
-	/** Allows to add template as toolbar item.
-	*/
-	template?: string;
-}
+            /** Options for customizing the color, opacity and width of the sparkline border.
+             */
+            border?: Border;
 
-enum ResponsiveType{
+            /** Border width of the series.
+             * @Default {1}
+             */
+            width?: number;
 
-	///To display the toolbar overflow items as popup
-	Popup,
+            /** Opacity of the series.
+             * @Default {1}
+             */
+            opacity?: number;
 
-	///To display the toolbar overflow items as inline toolbar
-	Inline
-}
+            /** Color for series high point.
+             * @Default {null}
+             */
+            highPointColor?: string;
 
-}
+            /** Color for series low point.
+             * @Default {null}
+             */
+            lowPointColor?: string;
+
+            /** Color for series start point.
+             * @Default {null}
+             */
+            startPointColor?: string;
+
+            /** Color for series end point.
+             * @Default {null}
+             */
+            endPointColor?: string;
+
+            /** Color for series negative point.
+             * @Default {null}
+             */
+            negativePointColor?: string;
+
+            /** Options for customizing the color, opacity of the sparkline start and end range.
+             */
+            rangeBandSettings?: RangeBandSettings;
+
+            /** Name of the culture based on which sparkline should be localized.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Name of a field in data source, where the fill color for all the data points is generated.
+             */
+            palette?: string;
+
+            /** Controls whether sparkline has to be responsive or not.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
+             * @Default {false}
+             */
+            enableCanvasRendering?: boolean;
+
+            /** Specify to convert the date object to string, using locale settings.
+             * @Default {false}
+             */
+            enableGroupSeparator?: boolean;
+
+            /** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Name of the property in the datasource that contains x value for the series.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Name of the property in the datasource that contains y value for the series.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Gap or padding for sparkline.
+             * @Default {8}
+             */
+            padding?: number;
+
+            /** Specifies the type of the series to render in sparkline.
+             * @Default {line. See Type}
+             */
+            type?: ej.datavisualization.Sparkline.Type|string;
+
+            /** Specifies the theme for Sparkline.
+             * @Default {Flatlight. See Theme}
+             */
+            theme?: ej.datavisualization.Sparkline.Theme|string;
+
+            /** Options to customize the tooltip.
+             */
+            tooltip?: Tooltip;
+
+            /** Options for displaying and customizing marker for a data point.
+             */
+            markerSettings?: MarkerSettings;
+
+            /** Options to customize the Sparkline size.
+             */
+            size?: Size;
+
+            /** Options for customizing the color,dashArray and width of the axisLine.
+             */
+            axisLineSettings?: AxisLineSettings;
+
+            /** Fires before loading the sparkline.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Fires after loaded the sparkline.
+             */
+            loaded?(e: LoadedEventArgs): void;
+
+            /** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip.
+             */
+            tooltipInitialize?(e: TooltipInitializeEventArgs): void;
+
+            /** Fires before rendering a series. This event is fired for each series in Sparkline.
+             */
+            seriesRendering?(e: SeriesRenderingEventArgs): void;
+
+            /** Fires when mouse is moved over a point.
+             */
+            pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
+
+            /** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points.
+             */
+            pointRegionMouseClick?(e: PointRegionMouseClickEventArgs): void;
+
+            /** Fires on moving mouse over the sparkline.
+             */
+            sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
+
+            /** Fires on moving mouse outside the sparkline.
+             */
+            sparklineMouseLeave?(e: SparklineMouseLeaveEventArgs): void;
+        }
+
+        export interface LoadEventArgs {
 
-class TreeView extends ej.Widget {
-	static fn: TreeView;
-	constructor(element: JQuery, options?: TreeView.Model);
-	constructor(element: Element, options?: TreeView.Model);
-	static Locale: any;
-	model:TreeView.Model;
-	defaults:TreeView.Model;
-
-	/** To add a Node or collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
-	*   @param {string|any} New node text or JSON object
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {void}
-	*/
-	addNode(newNodeText: string|any, target: string|any): void;
-
-	/** To add a collection of nodes in TreeView. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
-	*   @param {any|Array<any>} New node details in JSON object
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {void}
-	*/
-	addNodes(collection: any|Array<any>, target: string|any): void;
-
-	/** To check all the nodes in TreeView.
-	*   @returns {void}
-	*/
-	checkAll(): void;
-
-	/** To check a node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	checkNode(element: string|any|Array<any>): void;
-
-	/** This method is used to collapse all nodes in TreeView control. If you want to collapse all nodes up to the specific level in TreeView control then we need to pass levelUntil as argument to this method.
-	*   @param {number} TreeView nodes will collapse until the given level
-	*   @param {boolean} Weather exclude the hidden nodes of TreeView while collapse all nodes
-	*   @returns {void}
-	*/
-	collapseAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
-
-	/** To collapse a particular node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node|object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	collapseNode(element: string|any|Array<any>): void;
-
-	/** To disable the node in the TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	disableNode(element: string|any|Array<any>): void;
-
-	/** To enable the node in the TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	enableNode(element: string|any|Array<any>): void;
-
-	/** To ensure that the TreeView node is visible in the TreeView. This method is useful if we need select a TreeView node dynamically.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	ensureVisible(element: string|any): boolean;
-
-	/** This method is used to expand all nodes in TreeView control. If you want to expand all nodes up to the specific level in TreeView control then we need to pass levelUntil as argument to this method.
-	*   @param {number} TreeView nodes will expand until the given level
-	*   @param {boolean} Weather exclude the hidden nodes of TreeView while expand all nodes
-	*   @returns {void}
-	*/
-	expandAll(levelUntil?: number, excludeHiddenNodes?: boolean): void;
-
-	/** To expandNode particular node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	expandNode(element: string|any|Array<any>): void;
-
-	/** To get currently checked nodes in TreeView.
-	*   @returns {any}
-	*/
-	getCheckedNodes(): any;
-
-	/** To get currently checked nodes indexes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getCheckedNodesIndex(): Array<any>;
-
-	/** This method is used to get immediate child nodes of a node in TreeView control. If you want to get the all child nodes include nested child nodes then we need to pass includeNestedChild as true along with element arguments to this method.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @param {boolean} Weather include nested child nodes of TreeView node
-	*   @returns {Array<any>}
-	*/
-	getChildren(element: string|any, includeNestedChild?: boolean): Array<any>;
-
-	/** To get number of nodes in TreeView.
-	*   @returns {number}
-	*/
-	getNodeCount(): number;
-
-	/** To get currently expanded nodes in TreeView.
-	*   @returns {any}
-	*/
-	getExpandedNodes(): any;
-
-	/** To get currently expanded nodes indexes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getExpandedNodesIndex(): Array<any>;
-
-	/** To get TreeView node by using index position in TreeView.
-	*   @param {number} Index position of TreeView node
-	*   @returns {any}
-	*/
-	getNodeByIndex(index: number): any;
-
-	/** To get TreeView node data such as id, text, parentId, selected, checked, expanded, level, childes and index.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {any}
-	*/
-	getNode(element: string|any): any;
-
-	/** To get current index position of TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {number}
-	*/
-	getNodeIndex(element: string|any): number;
-
-	/** To get immediate parent TreeView node of particular TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {any}
-	*/
-	getParent(element: string|any): any;
-
-	/** To get the currently selected node in TreeView.
-	*   @returns {any}
-	*/
-	getSelectedNode(): any;
-
-	/** To get the currently selected nodes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getSelectedNodes(): Array<any>;
-
-	/** To get the index position of currently selected node in TreeView.
-	*   @returns {number}
-	*/
-	getSelectedNodeIndex(): number;
-
-	/** To get the index positions of currently selected nodes in TreeView.
-	*   @returns {Array<any>}
-	*/
-	getSelectedNodesIndex(): Array<any>;
-
-	/** To get the text of a node in TreeView.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {string}
-	*/
-	getText(element: string|any): string;
-
-	/** To get the updated datasource of TreeView after performing some operation like drag and drop, node editing, adding and removing node.
-	*   @param {string|number} ID of TreeView node
-	*   @returns {Array<any>}
-	*/
-	getTreeData(id?: string|number): Array<any>;
-
-	/** To get currently visible nodes in TreeView.
-	*   @returns {any}
-	*/
-	getVisibleNodes(): any;
-
-	/** To check a node having child or not.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	hasChildNode(element: string|any): boolean;
-
-	/** To show nodes in TreeView.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** To hide particular node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	hideNode(element: string|any|Array<any>): void;
-
-	/** To add a Node or collection of nodes after the particular TreeView node.
-	*   @param {string|any} New node text or JSON object
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {void}
-	*/
-	insertAfter(newNodeText: string|any, target: string|any): void;
-
-	/** To add a Node or collection of nodes before the particular TreeView node.
-	*   @param {string|any} New node text or JSON object
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {void}
-	*/
-	insertBefore(newNodeText: string|any, target: string|any): void;
-
-	/** To check the given TreeView node is checked or unchecked.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isNodeChecked(element: string|any): boolean;
-
-	/** To check whether the child nodes are loaded of the given TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isChildLoaded(element: string|any): boolean;
-
-	/** To check the given TreeView node is disabled or enabled.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isDisabled(element: string|any): boolean;
-
-	/** To check the given node is exist in TreeView.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isExist(element: string|any): boolean;
-
-	/** To get the expand status of the given TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isExpanded(element: string|any): boolean;
-
-	/** To get the select status of the given TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isSelected(element: string|any): boolean;
-
-	/** To get the visibility status of the given TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {boolean}
-	*/
-	isVisible(element: string|any): boolean;
-
-	/** To load the TreeView nodes from the particular URL. If target tree node is specified, then the given nodes are added as child of target tree node, otherwise nodes are added in TreeView.
-	*   @param {string} URL location, the data returned from the URL will be loaded in TreeView
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @returns {void}
-	*/
-	loadData(URL: string, target: string|any): void;
-
-	/** To move the TreeView node with in same TreeView. The new position of given TreeView node will be based on destination node and index position.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @param {number} New index position of given source node
-	*   @returns {void}
-	*/
-	moveNode(sourceNode: string|any, destinationNode: string|any, index: number): void;
-
-	/** To refresh the TreeView
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** To remove all the nodes in TreeView.
-	*   @returns {void}
-	*/
-	removeAll(): void;
-
-	/** To remove a node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	removeNode(element: string|any|Array<any>): void;
-
-	/** To select all the TreeView nodes when enable allowMultiSelection property.
-	*   @returns {void}
-	*/
-	selectAll(): void;
-
-	/** This method is used to select a node in TreeView control. If you want to select the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	selectNode(element: string|any|Array<any>): void;
-
-	/** To show nodes in TreeView.
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** To show a node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	showNode(element: string|any|Array<any>): void;
-
-	/** To uncheck all the nodes in TreeView.
-	*   @returns {void}
-	*/
-	unCheckAll(): void;
-
-	/** To uncheck a node in TreeView.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	uncheckNode(element: string|any|Array<any>): void;
-
-	/** To unselect all the TreeView nodes when enable allowMultiSelection property.
-	*   @returns {void}
-	*/
-	unselectAll(): void;
-
-	/** This method is used to unselect a node in TreeView control. If you want to unselect the collection of nodes in TreeView control then we need to enable allowMultiSelection property.
-	*   @param {string|any|Array<any>} ID of TreeView node/object of TreeView node/ collection of ID/object of TreeView nodes
-	*   @returns {void}
-	*/
-	unselectNode(element: string|any|Array<any>): void;
-
-	/** To edit or update the text of the TreeView node.
-	*   @param {string|any} ID of TreeView node/object of TreeView node
-	*   @param {string} New text
-	*   @returns {void}
-	*/
-	updateText(target: string|any, newText: string): void;
-}
-export module TreeView{
-
-export interface Model {
-
-	/** Gets or sets a value that indicates whether to enable drag and drop a node within the same tree.
-	*   @Default {false}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable drag and drop a node in inter ej.TreeView.
-	*   @Default {true}
-	*/
-	allowDragAndDropAcrossControl?: boolean;
-
-	/** Gets or sets a value that indicates whether to drop a node to a sibling of particular node.
-	*   @Default {true}
-	*/
-	allowDropSibling?: boolean;
-
-	/** Gets or sets a value that indicates whether to drop a node to a child of particular node.
-	*   @Default {true}
-	*/
-	allowDropChild?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable node editing support for TreeView.
-	*   @Default {false}
-	*/
-	allowEditing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable keyboard support for TreeView actions like nodeSelection, nodeEditing, nodeExpand, nodeCollapse, nodeCut and Paste.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable multi selection support for TreeView.
-	*   @Default {false}
-	*/
-	allowMultiSelection?: boolean;
-
-	/** Allow us to specify the parent and child nodes to get auto check while we check or uncheck a node.
-	*   @Default {true}
-	*/
-	autoCheck?: boolean;
-
-	/** Allow us to specify the parent node to be retain in checked or unchecked state instead of going for indeterminate state.
-	*   @Default {false}
-	*/
-	autoCheckParentNode?: boolean;
-
-	/** Gets or sets a value that indicates the checkedNodes index collection as an array. The given array index position denotes the nodes, that are checked while rendering TreeView.
-	*   @Default {[]}
-	*/
-	checkedNodes?: Array<any>;
-
-	/** Sets the root CSS class for TreeView which allow us to customize the appearance.
-	*/
-	cssClass?: string;
-
-	/** Gets or sets a value that indicates whether to enable or disable the animation effect while expanding or collapsing a node.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Gets or sets a value that indicates whether a TreeView can be enabled or disabled. No actions can be performed while this property is set as false
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Allow us to prevent multiple nodes to be in expanded state. If it set to false, previously expanded node will be collapsed automatically, while we expand a node.
-	*   @Default {true}
-	*/
-	enableMultipleExpand?: boolean;
-
-	/** Sets a value that indicates whether to persist the TreeView model state in page using applicable medium i.e., HTML5 localStorage or cookies
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Gets or sets a value that indicates to align content in the TreeView control from right to left by setting the property as true.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Gets or sets a array of value that indicates the expandedNodes index collection as an array. The given array index position denotes the nodes, that are expanded while rendering TreeView.
-	*   @Default {[]}
-	*/
-	expandedNodes?: Array<any>;
-
-	/** Gets or sets a value that indicates the TreeView node can be expand or collapse by using the specified action.
-	*   @Default {dblclick}
-	*/
-	expandOn?: string;
-
-	/** Gets or sets a fields object that allow us to map the data members with field properties in order to make the data binding easier.
-	*   @Default {null}
-	*/
-	fields?: Fields;
-
-	/** Gets or sets a value that indicates whether to enable full row selection support for TreeView.
-	*   @Default {false}
-	*/
-	fullRowSelect?: boolean;
-
-	/** Defines the height of the TreeView.
-	*   @Default {Null}
-	*/
-	height?: string|number;
-
-	/** Specifies the HTML Attributes for the TreeView. Using this API we can add custom attributes in TreeView control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies the child nodes to be loaded on demand
-	*   @Default {false}
-	*/
-	loadOnDemand?: boolean;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Gets or Sets a value that indicates the index position of a tree node. The particular index tree node will be selected while rendering the TreeView.
-	*   @Default {-1}
-	*/
-	selectedNode?: number;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Gets or sets a value that indicates the selectedNodes index collection as an array. The given array index position denotes the nodes, that are selected while rendering TreeView.
-	*   @Default {[]}
-	*/
-	selectedNodes?: Array<any>;
+        export interface LoadedEventArgs {
+
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates whether to display or hide checkbox for all TreeView nodes.
-	*   @Default {false}
-	*/
-	showCheckbox?: boolean;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** By using sortSettings property, you can customize the sorting option in TreeView control.
-	*/
-	sortSettings?: SortSettings;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Allow us to use custom template in order to create TreeView.
-	*   @Default {null}
-	*/
-	template?: string;
+        export interface TooltipInitializeEventArgs {
 
-	/** Defines the width of the TreeView.
-	*   @Default {Null}
-	*/
-	width?: string|number;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Fires before adding node to TreeView. */
-	beforeAdd? (e: BeforeAddEventArgs): void;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Fires before collapse a node. */
-	beforeCollapse? (e: BeforeCollapseEventArgs): void;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Fires before cut node in TreeView. */
-	beforeCut? (e: BeforeCutEventArgs): void;
+            /** X Location of the trackball tooltip in pixels
+             */
+            locationX?: any;
 
-	/** Fires before deleting node in TreeView. */
-	beforeDelete? (e: BeforeDeleteEventArgs): void;
+            /** Y Location of the trackball tooltip in pixels
+             */
+            locationY?: any;
 
-	/** Fires before editing the node in TreeView. */
-	beforeEdit? (e: BeforeEditEventArgs): void;
+            /** Index of the point for which trackball tooltip is displayed
+             */
+            pointIndex?: number;
 
-	/** Fires before expanding the node. */
-	beforeExpand? (e: BeforeExpandEventArgs): void;
+            /** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
+             */
+            currentText?: string;
+        }
 
-	/** Fires before loading nodes to TreeView. */
-	beforeLoad? (e: BeforeLoadEventArgs): void;
+        export interface SeriesRenderingEventArgs {
 
-	/** Fires before paste node in TreeView. */
-	beforePaste? (e: BeforePasteEventArgs): void;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Fires before selecting node in TreeView. */
-	beforeSelect? (e: BeforeSelectEventArgs): void;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Fires when TreeView created successfully. */
-	create? (e: CreateEventArgs): void;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Fires when TreeView destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
+            /** Minimum x value of the data point
+             */
+            minX?: any;
 
-	/** Fires before nodeEdit Successful. */
-	inlineEditValidation? (e: InlineEditValidationEventArgs): void;
+            /** Minimum y value of the data point
+             */
+            minY?: any;
 
-	/** Fires when key pressed successfully. */
-	keyPress? (e: KeyPressEventArgs): void;
+            /** Maximum x value of the data point
+             */
+            maxX?: any;
 
-	/** Fires when data load fails. */
-	loadError? (e: LoadErrorEventArgs): void;
+            /** Maximum y value of the data point
+             */
+            maxY?: any;
+        }
 
-	/** Fires when data loaded successfully. */
-	loadSuccess? (e: LoadSuccessEventArgs): void;
+        export interface PointRegionMouseMoveEventArgs {
 
-	/** Fires once node added successfully. */
-	nodeAdd? (e: NodeAddEventArgs): void;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Fires once node checked successfully. */
-	nodeCheck? (e: NodeCheckEventArgs): void;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Fires when node clicked successfully. */
-	nodeClick? (e: NodeClickEventArgs): void;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Fires when node collapsed successfully. */
-	nodeCollapse? (e: NodeCollapseEventArgs): void;
+            /** X-coordinate of point in pixel
+             */
+            locationX?: number;
 
-	/** Fires when node cut successfully. */
-	nodeCut? (e: NodeCutEventArgs): void;
+            /** Y-coordinate of point in pixel
+             */
+            locationY?: number;
 
-	/** Fires when node deleted successfully. */
-	nodeDelete? (e: NodeDeleteEventArgs): void;
+            /** Index of the point in series
+             */
+            pointIndex?: number;
 
-	/** Fires when node dragging. */
-	nodeDrag? (e: NodeDragEventArgs): void;
+            /** Type of the series
+             */
+            seriesType?: string;
+        }
 
-	/** Fires once node drag start successfully. */
-	nodeDragStart? (e: NodeDragStartEventArgs): void;
+        export interface PointRegionMouseClickEventArgs {
 
-	/** Fires before the dragged node to be dropped. */
-	nodeDragStop? (e: NodeDragStopEventArgs): void;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Fires once node dropped successfully. */
-	nodeDropped? (e: NodeDroppedEventArgs): void;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Fires once node edited successfully. */
-	nodeEdit? (e: NodeEditEventArgs): void;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Fires once node expanded successfully. */
-	nodeExpand? (e: NodeExpandEventArgs): void;
+            /** X-coordinate of point in pixel
+             */
+            locationX?: number;
 
-	/** Fires once node pasted successfully. */
-	nodePaste? (e: NodePasteEventArgs): void;
+            /** Y-coordinate of point in pixel
+             */
+            locationY?: number;
 
-	/** Fires when node selected successfully. */
-	nodeSelect? (e: NodeSelectEventArgs): void;
+            /** Index of the point in series
+             */
+            pointIndex?: number;
+
+            /** Type of the series
+             */
+            seriesType?: string;
+        }
+
+        export interface SparklineMouseMoveEventArgs {
 
-	/** Fires once node unchecked successfully. */
-	nodeUncheck? (e: NodeUncheckEventArgs): void;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Fires once node unselected successfully. */
-	nodeUnselect? (e: NodeUnselectEventArgs): void;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+        }
+
+        export interface SparklineMouseLeaveEventArgs {
+
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the sparkline model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+        }
+
+        export interface Border {
+
+            /** Border color of the sparkline.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Width of the Sparkline border.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface RangeBandSettings {
+
+            /** Start value of the range band.
+             * @Default {null}
+             */
+            startRange?: number;
+
+            /** End value of the range band.
+             * @Default {null}
+             */
+            endRange?: number;
+
+            /** Range band opacity of the series.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Range band color of the series.
+             * @Default {transparent}
+             */
+            color?: string;
+        }
+
+        export interface TooltipBorder {
+
+            /** Border color of the tooltip.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface TooltipFont {
+
+            /** Font color of the text in the tooltip.
+             * @Default {#111111}
+             */
+            color?: string;
+
+            /** Font Family for the tooltip.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font Style for the tooltip.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Sparkline.FontStyle|string;
+
+            /** Specifies the font weight for the tooltip.
+             * @Default {Regular}
+             */
+            fontWeight?: ej.datavisualization.Sparkline.FontWeight|string;
+
+            /** Opacity for text in the tooltip.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for text in the tooltip.
+             * @Default {8px}
+             */
+            size?: string;
+        }
+
+        export interface Tooltip {
+
+            /** Show/hides the tooltip visibility.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Fill color for the sparkline tooltip.
+             * @Default {white}
+             */
+            fill?: string;
+
+            /** Custom template to the tooltip.
+             */
+            template?: string;
+
+            /** Options for customizing the border of the tooltip.
+             */
+            border?: TooltipBorder;
+
+            /** Options for customizing the font of the tooltip.
+             */
+            font?: TooltipFont;
+        }
+
+        export interface MarkerSettingsBorder {
+
+            /** Border color of the marker shape.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Controls the opacity of the marker border.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Border width of the marker shape.
+             * @Default {null}
+             */
+            width?: number;
+        }
+
+        export interface MarkerSettings {
+
+            /** Controls the opacity of the marker.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Controls the visibility of the marker shape.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** width of the marker shape.
+             * @Default {2}
+             */
+            width?: number;
+
+            /** Color of the marker shape.
+             * @Default {white}
+             */
+            fill?: string;
+
+            /** Options for customizing the border of the marker shape.
+             */
+            border?: MarkerSettingsBorder;
+        }
+
+        export interface Size {
+
+            /** Height of the Sparkline. Height can be specified in either pixel or percentage.
+             * @Default {''}
+             */
+            height?: string;
+
+            /** Width of the Sparkline. Width can be specified in either pixel or percentage.
+             * @Default {''}
+             */
+            width?: string;
+        }
+
+        export interface AxisLineSettings {
+
+            /** Controls the visibility of the axis.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Color of the axis line.
+             * @Default {'#111111'}
+             */
+            color?: string;
+
+            /** Width of the axis line.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Dash array of the axis line.
+             * @Default {1}
+             */
+            dashArray?: number;
+        }
+    }
+    namespace Sparkline {
+        enum Type {
+            //string
+            Area,
+            //string
+            Line,
+            //string
+            Column,
+            //string
+            Pie,
+            //string
+            WinLoss,
+        }
+    }
+    namespace Sparkline {
+        enum Theme {
+            //string
+            Azure,
+            //string
+            FlatLight,
+            //string
+            FlatDark,
+            //string
+            Azuredark,
+            //string
+            Lime,
+            //string
+            LimeDark,
+            //string
+            Saffron,
+            //string
+            SaffronDark,
+            //string
+            GradientLight,
+            //string
+            GradientDark,
+        }
+    }
+    namespace Sparkline {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Italic,
+        }
+    }
+    namespace Sparkline {
+        enum FontWeight {
+            //string
+            Regular,
+            //string
+            Bold,
+            //string
+            Lighter,
+        }
+    }
+
+    class SunburstChart extends ej.Widget {
+        static fn: SunburstChart;
+        constructor(element: JQuery | Element, options?: SunburstChart.Model);
+        static Locale: any;
+        model: SunburstChart.Model;
+        defaults: SunburstChart.Model;
+
+        /** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+         * @returns {void}
+         */
+        redraw(): void;
+
+        /** destroy the sunburst
+         * @returns {void}
+         */
+        destroy(): void;
+    }
+    export namespace SunburstChart {
+
+        export interface Model {
+
+            /** Background color of the plot area.
+             * @Default {null}
+             */
+            background?: string;
+
+            /** Bind the data field from the data source.
+             * @Default {null}
+             */
+            valueMemberPath?: string;
+
+            /** Options for customizing the sunburst border.
+             */
+            border?: Border;
+
+            /** Options for customizing the sunburst segment border.
+             */
+            segmentBorder?: SegmentBorder;
+
+            /** Specifies the dataSource to the sunburst.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Palette color for the data points.
+             * @Default {null}
+             */
+            palette?: string;
+
+            /** Parent node of the data points.
+             * @Default {null}
+             */
+            parentNode?: string;
+
+            /** Name of the property in the datasource that contains x values.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Name of the property in the datasource that contains y values.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Controls whether sunburst has to be responsive or not.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Options to customize the Sunburst size.
+             */
+            size?: Size;
+
+            /** Controls the visibility of sunburst.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Options to customize the Sunburst tooltip.
+             */
+            tooltip?: Tooltip;
+
+            /** Options for customizing sunburst points.
+             */
+            points?: Points;
+
+            /** Sunburst rendering will start from the specified value
+             * @Default {null}
+             */
+            startAngle?: number;
+
+            /** Sunburst rendering will end at the specified value
+             * @Default {null}
+             */
+            endAngle?: number;
+
+            /** Sunburst outer radius value
+             * @Default {1}
+             */
+            radius?: number;
+
+            /** Sunburst inner radius value
+             * @Default {0.4}
+             */
+            innerRadius?: number;
+
+            /** Options to customize the Sunburst dataLabel.
+             */
+            dataLabelSettings?: DataLabelSettings;
+
+            /** Options for customizing the title and subtitle of sunburst.
+             */
+            title?: Title;
+
+            /** Options for customizing the appearance of the levels or point while highlighting.
+             */
+            highlightSettings?: HighlightSettings;
+
+            /** Options for customizing the appearance of the levels or data point while selection.
+             */
+            selectionSettings?: SelectionSettings;
+
+            /** Specify levels of sunburst for grouped visualization of data
+             * @Default {[]}
+             */
+            levels?: Level[];
+
+            /** Options to customize the legend items and legend title.
+             */
+            legend?: Legend;
+
+            /** Specifies the theme for Sunburst.
+             * @Default {Flatlight. See Theme}
+             */
+            theme?: ej.datavisualization.Sunburst.SunburstTheme|string;
+
+            /** Options to customize the left, right, top and bottom margins of sunburst area.
+             */
+            margin?: Margin;
+
+            /** Enable/disable the animation for all the levels.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Opacity of the levels.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Options for enable zooming feature of chart.
+             */
+            zoomSettings?: ZoomSettings;
+
+            /** Animation type of sunburst
+             * @Default {rotation. See Alignment}
+             */
+            animationType?: ej.datavisualization.Sunburst.Animation|string;
+
+            /** Fires before loading.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Fires before rendering sunburst.
+             */
+            preRender?(e: PreRenderEventArgs): void;
+
+            /** Fires after rendering sunburst.
+             */
+            loaded?(e: LoadedEventArgs): void;
+
+            /** Fires before rendering the datalabel
+             */
+            dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
+
+            /** Fires before rendering each segment
+             */
+            segmentRendering?(e: SegmentRenderingEventArgs): void;
+
+            /** Fires before rendering sunburst title.
+             */
+            titleRendering?(e: TitleRenderingEventArgs): void;
+
+            /** Fires during initialization of tooltip.
+             */
+            tooltipInitialize?(e: TooltipInitializeEventArgs): void;
+
+            /** Fires after clicking the point in sunburst
+             */
+            pointRegionClick?(e: PointRegionClickEventArgs): void;
 
-	/** Fires when TreeView nodes are loaded successfully */
-	ready? (e: ReadyEventArgs): void;
-}
+            /** Fires while moving the mouse over sunburst points
+             */
+            pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
 
-export interface BeforeAddEventArgs {
+            /** Fires when clicking the point to perform drilldown.
+             */
+            drillDownClick?(e: DrillDownClickEventArgs): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Fires when resetting drilldown points.
+             */
+            drillDownBack?(e: DrillDownBackEventArgs): void;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Fires after resetting the sunburst points
+             */
+            drillDownReset?(e: DrillDownResetEventArgs): void;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface LoadEventArgs {
 
-	/** returns the given new node data
-	*/
-	data?: string|any;
+            /** Load event data
+             */
+            data?: string;
 
-	/** returns the parent element, the given new nodes to be appended to the given parent element
-	*/
-	targetParent?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** returns the given parent node details
-	*/
-	parentDetails?: any;
-}
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-export interface BeforeCollapseEventArgs {
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface PreRenderEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** PreRender event data
+             */
+            data?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the child nodes are loaded or not
-	*/
-	isChildLoaded?: boolean;
+        export interface LoadedEventArgs {
 
-	/** returns the id of currently clicked node
-	*/
-	id?: string;
+            /** Loaded event data
+             */
+            data?: string;
 
-	/** returns the parent id of currently clicked node
-	*/
-	parentId?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** returns the format asynchronous or synchronous 
-	*/
-	async?: boolean;
-}
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-export interface BeforeCutEventArgs {
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DataLabelRenderingEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Sunburst datalabel data
+             */
+            data?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the target element, the given node to be cut
-	*/
-	target?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the given target node values
-	*/
-	nodeDetails?: any;
+        export interface SegmentRenderingEventArgs {
 
-	/** returns the key pressed key code value
-	*/
-	keyCode?: number;
-}
+            /** Sunburst datalabel data
+             */
+            data?: string;
 
-export interface BeforeDeleteEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface TitleRenderingEventArgs {
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** Sunburst title data
+             */
+            data?: string;
 
-	/** returns the target element, the given node to be deleted
-	*/
-	target?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** returns the given target node values
-	*/
-	nodeDetails?: any;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the current parent element of the target node
-	*/
-	parentElement?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the parent node values
-	*/
-	parentDetails?: any;
+        export interface TooltipInitializeEventArgs {
 
-	/** returns the currently removed nodes
-	*/
-	removedNodes?: Array<any>;
-}
+            /** Sunburst tooltip data
+             */
+            data?: string;
 
-export interface BeforeEditEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface PointRegionClickEventArgs {
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
-}
+            /** Includes clicked points region data
+             */
+            data?: string;
 
-export interface BeforeExpandEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface PointRegionMouseMoveEventArgs {
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** Includes data of mouse moved region
+             */
+            data?: string;
 
-	/** if the child node is ready to expanded state; otherwise, false.
-	*/
-	isChildLoaded?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the id of currently clicked node
-	*/
-	id?: string;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the parent id of currently clicked node
-	*/
-	parentId?: string;
+        export interface DrillDownClickEventArgs {
 
-	/** returns the format asynchronous or synchronous 
-	*/
-	async?: boolean;
-}
+            /** Clicked point data
+             */
+            data?: string;
 
-export interface BeforeLoadEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface DrillDownBackEventArgs {
 
-	/** returns the AJAX settings object
-	*/
-	AjaxOptions?: any;
-}
+            /** Drill down data of points
+             */
+            data?: string;
 
-export interface BeforePasteEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface DrillDownResetEventArgs {
+
+            /** Drill down reset data
+             */
+            data?: string;
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the sunburst model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+        }
+
+        export interface Border {
+
+            /** Border color of the sunburst.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Width of the Sunburst border.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface SegmentBorder {
+
+            /** Segment Border color of the sunburst.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Width of the Sunburst segment border.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface Size {
+
+            /** Height of the Sunburst.
+             * @Default {''}
+             */
+            height?: string;
+
+            /** Width of the Sunburst.
+             * @Default {''}
+             */
+            width?: string;
+        }
+
+        export interface TooltipBorder {
+
+            /** Border color of the tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the tooltip.
+             * @Default {5}
+             */
+            width?: number;
+        }
+
+        export interface TooltipFont {
+
+            /** Font color of the text in the tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font Family for the tooltip.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font Style for the tooltip.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Specifies the font weight for the tooltip.
+             * @Default {Regular}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity for text in the tooltip.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for text in the tooltip.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface Tooltip {
+
+            /** tooltip visibility of the Sunburst.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Options for customizing the border of the sunburst tooltip.
+             */
+            border?: TooltipBorder;
+
+            /** Fill color for the sunburst tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the font of the tooltip.
+             */
+            font?: TooltipFont;
+
+            /** Custom template to the tooltip.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Setting the format for the data displayed in the tooltip
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Sets the opacity of the dispalyed tooltip
+             * @Default {0.95}
+             */
+            opacity?: number;
+        }
+
+        export interface Points {
+
+            /** Points x value of the sunburst.
+             * @Default {null}
+             */
+            x?: string;
+
+            /** Points y value of the sunburst.
+             * @Default {null}
+             */
+            y?: number;
+
+            /** Points text of the sunburst.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Points fill color of the sunburst.
+             * @Default {null}
+             */
+            fill?: string;
+        }
+
+        export interface DataLabelSettingsFont {
+
+            /** Font family of the data label.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the data label.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight of the data label.
+             * @Default {regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity of the text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font color of the data label text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font size of the data label.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface DataLabelSettings {
+
+            /** Datalabel visibility of the Sunburst.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Alignment of sunburst datalabel
+             * @Default {Angle. See DatalabelAlignment}
+             */
+            labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+
+            /** Options for customizing the data label font.
+             */
+            font?: DataLabelSettingsFont;
+
+            /** Custom template for datalabel
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Fill color for the datalabel
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Datalabel overflow mode
+             * @Default {Trim. See LabelOverflowMode}
+             */
+            labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
+        }
+
+        export interface TitleFont {
+
+            /** Font family for Sunburst title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for Sunburst title.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for Sunburst title.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity of the Sunburst title.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for Sunburst title.
+             * @Default {20px}
+             */
+            size?: string;
+        }
+
+        export interface TitleSubtitleFont {
+
+            /** Font family of sub title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for sub title.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for sub title.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity of the sub title.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for sub title.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface TitleSubtitle {
+
+            /** Subtitle text for sunburst
+             */
+            text?: string;
+
+            /** Sub title text visibility for sunburst
+             * @Default {true}
+             */
+            visible?: string;
+
+            /** Sub title text alignment
+             * @Default {far. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+            /** Options for customizing the font of sub title.
+             */
+            font?: TitleSubtitleFont;
+        }
+
+        export interface Title {
+
+            /** Title text for sunburst
+             */
+            text?: string;
+
+            /** Title text visibility for sunburst
+             * @Default {true}
+             */
+            visible?: string;
+
+            /** Title text alignment
+             * @Default {center. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+            /** Options for customizing the font of sunburst title.
+             */
+            font?: TitleFont;
+
+            /** Options to customize the sub title of Sunburst.
+             */
+            subtitle?: TitleSubtitle;
+        }
+
+        export interface HighlightSettings {
+
+            /** Enables/disables the ability to highlight the levels or point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether the levels or point has to be highlighted.
+             * @Default {point. See Mode}
+             */
+            mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+            /** Color of the levels/point on highlight.
+             * @Default {red}
+             */
+            color?: string;
+
+            /** Opacity of the levels/point on highlight.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Specifies whether the levels or data point has to be highlighted.
+             * @Default {opacity. See Mode}
+             */
+            type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+        }
+
+        export interface SelectionSettings {
+
+            /** Enables/disables the ability to select the levels or data point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether the levels or data point has to be selected.
+             * @Default {point. See Mode}
+             */
+            mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+            /** Color of the levels/point on selection.
+             * @Default {green}
+             */
+            color?: string;
+
+            /** Opacity of the levels/point on selection.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Specifies whether the levels or data point has to be selected.
+             * @Default {opacity. See Mode}
+             */
+            type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+        }
+
+        export interface Level {
+
+            /** Specifies the group member path
+             * @Default {null}
+             */
+            groupMemberPath?: string;
+        }
+
+        export interface LegendBorder {
+
+            /** Border color of the legend.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the legend.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface LegendFont {
+
+            /** Font family for legend item text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend item text.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for legend item text.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Font size for legend item text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LegendItemStyle {
+
+            /** Height of the shape in legend items.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Width of the shape in legend items.
+             * @Default {10}
+             */
+            width?: number;
+        }
+
+        export interface LegendLocation {
+
+            /** X value or horizontal offset to position the legend in chart.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Y value or vertical offset to position the legend.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface LegendSize {
+
+            /** Height of the legend. Height can be specified in either pixel or percentage.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Width of the legend. Width can be specified in either pixel or percentage.
+             * @Default {null}
+             */
+            width?: string;
+        }
+
+        export interface LegendTitleFont {
+
+            /** Font family for the text in legend title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend title.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for legend title.
+             * @Default {normal. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Font size for legend title.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LegendTitle {
+
+            /** Options to customize the font used for legend title
+             */
+            font?: LegendTitleFont;
+
+            /** Enables or disables the legend title.
+             * @Default {true}
+             */
+            visible?: string;
+
+            /** Text to be displayed in legend title.
+             */
+            text?: string;
+
+            /** Alignment of the legend title.
+             * @Default {center. See Alignment}
+             */
+            textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+        }
+
+        export interface Legend {
+
+            /** Visibility of the legend.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Interactive action of legend items.
+             * @Default {toggleSegmentVisibility. See Alignment}
+             */
+            clickAction?: ej.datavisualization.Sunburst.SunburstClickAction|string;
+
+            /** Horizontal alignment of the legend.
+             * @Default {Center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+            /** Options for customizing the legend border.
+             */
+            border?: LegendBorder;
+
+            /** Number of columns to arrange the legend items.
+             * @Default {null}
+             */
+            columnCount?: number;
+
+            /** Number of rows to arrange the legend items.
+             * @Default {null}
+             */
+            rowCount?: number;
+
+            /** Options to customize the font used for legend item text.
+             */
+            font?: LegendFont;
+
+            /** Gap or padding between the legend items.
+             * @Default {10}
+             */
+            itemPadding?: number;
+
+            /** Options to customize the style of legend items.
+             */
+            itemStyle?: LegendItemStyle;
+
+            /** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
+             */
+            location?: LegendLocation;
+
+            /** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set
+             * **custom** as value to this property.
+             * @Default {Bottom. See Position}
+             */
+            position?: ej.datavisualization.Sunburst.SunburstLegendPosition|string;
+
+            /** Shape of the legend items.
+             * @Default {None. See Shape}
+             */
+            shape?: ej.datavisualization.Sunburst.SunburstLegendShape|string;
+
+            /** Options to customize the size of the legend.
+             */
+            size?: LegendSize;
+
+            /** Options to customize the legend title.
+             */
+            title?: LegendTitle;
+        }
+
+        export interface Margin {
+
+            /** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
+             * @Default {10}
+             */
+            left?: number;
+
+            /** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
+             * @Default {10}
+             */
+            right?: number;
+
+            /** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
+             * @Default {10}
+             */
+            top?: number;
+
+            /** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
+             * @Default {10}
+             */
+            bottom?: number;
+        }
+
+        export interface ZoomSettings {
+
+            /** Enables or disables zooming.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Toolbar horizontal alignment
+             * @Default {right. See Alignment}
+             */
+            toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment|string;
+
+            /** Toolbar vertical alignment
+             * @Default {top. See Alignment}
+             */
+            toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment|string;
+        }
+    }
+    namespace Sunburst {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Italic,
+        }
+    }
+    namespace Sunburst {
+        enum FontWeight {
+            //string
+            Regular,
+            //string
+            Bold,
+            //string
+            Lighter,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLabelRotationMode {
+            //string
+            Angle,
+            //string
+            Normal,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLabelOverflowMode {
+            //string
+            Trim,
+            //string
+            Hide,
+            //string
+            None,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstAlignment {
+            //string
+            Center,
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstHighlightMode {
+            //string
+            Point,
+            //string
+            Parent,
+            //string
+            Child,
+            //string
+            All,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstHighlightType {
+            //string
+            Opacity,
+            //string
+            Color,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstClickAction {
+            //string
+            None,
+            //string
+            ToggleSegmentVisibility,
+            //string
+            ToggleSegmentSelection,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLegendPosition {
+            //string
+            Left,
+            //string
+            Right,
+            //string
+            Top,
+            //string
+            Bottom,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLegendShape {
+            //string
+            Diamond,
+            //string
+            Pentagon,
+            //string
+            Rectangle,
+            //string
+            Circle,
+            //string
+            Cross,
+            //string
+            Triangle,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstTheme {
+            //string
+            FlatLight,
+            //string
+            FlatDark,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstHorizontalAlignment {
+            //string
+            Center,
+            //string
+            Left,
+            //string
+            Right,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstVerticalAlignment {
+            //string
+            Top,
+            //string
+            Bottom,
+            //string
+            Middle,
+        }
+    }
+    namespace Sunburst {
+        enum Animation {
+            //string
+            Rotation,
+            //string
+            FadeIn,
+        }
+    }
+
+    class PivotGrid extends ej.Widget {
+        static fn: PivotGrid;
+        constructor(element: JQuery | Element, options?: PivotGrid.Model);
+        static Locale: any;
+        model: PivotGrid.Model;
+        defaults: PivotGrid.Model;
+
+        /** Performs an asynchronous HTTP (AJAX) request.
+         * @returns {void}
+         */
+        doAjaxPost(): void;
+
+        /** Performs an asynchronous HTTP (FullPost) submit.
+         * @returns {void}
+         */
+        doPostBack(): void;
+
+        /** Exports the PivotGrid to the specified format.
+         * @returns {void}
+         */
+        exportPivotGrid(): void;
+
+        /** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
+         * @returns {void}
+         */
+        refreshPagedPivotGrid(): void;
+
+        /** This function refreshes the PivotGrid with modified data input in client-mode.
+         * @returns {void}
+         */
+        refreshPivotGrid(): void;
+
+        /** This function re-renders the control with the report available at that instant.
+         * @returns {void}
+         */
+        refreshControl(): void;
+
+        /** This function returns the height of all rows and width each and every column.
+         * @returns {any}
+         */
+        calculateCellWidths(): any;
+
+        /** This function creates the conditional formatting dialog to apply conditional formatting for PivotGrid control.
+         * @returns {void}
+         */
+        createConditionalDialog(): void;
+
+        /** This function saves the current report to the database/local storage.
+         * @returns {void}
+         */
+        saveReport(): void;
+
+        /** This function loads the specified report from the database/local storage.
+         * @returns {void}
+         */
+        loadReport(): void;
+
+        /** This function reconstructs the JSON data formed for rendering PivotGrid in excel-like layout format.
+         * @returns {void}
+         */
+        excelLikeLayout(): void;
+
+        /** Returns the OlapReport string maintained along with the axis elements information.
+         * @returns {string}
+         */
+        getOlapReport(): string;
+
+        /** Sets the OlapReport string along with the axis information.
+         * @returns {void}
+         */
+        setOlapReport(): void;
+
+        /** Returns the JSON records formed to render the control.
+         * @returns {any[]}
+         */
+        getJSONRecords(): any[];
+
+        /** Sets the JSON records formed to render the control.
+         * @returns {void}
+         */
+        setJSONRecords(): void;
+
+        /** This function allows user to change the caption of the Pivot Item (name displayed in UI) on-demand for relational datasource in client-mode.
+         * @returns {void}
+         */
+        refreshFieldCaption(): void;
+
+        /** This function receives the JSON formatted datasource to render the PivotGrid control.
+         * @returns {void}
+         */
+        renderControlFromJSON(): void;
+    }
+    export namespace PivotGrid {
+
+        export interface Model {
+
+            /** Sets the mode for the PivotGrid widget for binding either OLAP or relational data source.
+             * @Default {ej.Pivot.AnalysisMode.Pivot}
+             */
+            analysisMode?: ej.Pivot.AnalysisMode|string;
+
+            /** Specifies the CSS class to PivotGrid to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Connects the PivotSchemaDesigner with the specified ID to the PivotGrid Control.
+             * @Default {“”}
+             */
+            pivotTableFieldListID?: string;
+
+            /** Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
+             * @Default {{}}
+             */
+            dataSource?: DataSource;
+
+            /** Holds the necessary properties for value sorting.
+             * @Default {{}}
+             */
+            valueSortSettings?: ValueSortSettings;
+
+            /** Object that holds the settings of frozen headers.
+             * @Default {{}}
+             */
+            frozenHeaderSettings?: FrozenHeaderSettings;
+
+            /** Allows user to display header name in PivotGrid control.
+             * @Default {{}}
+             */
+            headerSettings?: HeaderSettings;
+
+            /** Allows user to show appropriate unique name on Pivot button.
+             * @Default {false}
+             */
+            showUniqueNameOnPivotButton?: boolean;
+
+            /** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
+             * @Default {null}
+             */
+            customObject?: any;
+
+            /** Allows the user to collapsed the specified members in each field by default.
+             * @Default {null}
+             */
+            collapsedMembers?: any;
+
+            /** Allows the user to access each cell on mouse right-click.
+             * @Default {false}
+             */
+            enableCellContext?: boolean;
+
+            /** Enables the cell selection for a specific range of value cells.
+             * @Default {false}
+             */
+            enableCellSelection?: boolean;
+
+            /** Enables the Drill-Through feature which retrieves the raw items that are used to create the specific cell in PivotGrid.
+             * @Default {false}
+             */
+            enableDrillThrough?: boolean;
+
+            /** Allows user to get the cell details in JSON format on double clicking the cell.
+             * @Default {false}
+             */
+            enableCellDoubleClick?: boolean;
+
+            /** Allows user to edit the value cells for write-back support in PivotGrid. This is applicable only for server-mode.
+             * @Default {false}
+             */
+            enableCellEditing?: boolean;
+
+            /** Collapses the Pivot items along rows and columns by default.  It works only for relational data source.
+             * @Default {false}
+             */
+            enableCollapseByDefault?: boolean;
+
+            /** Enables/Disables the display of grand total for all the columns.
+             * @Default {true}
+             */
+            enableColumnGrandTotal?: boolean;
+
+            /** Allows the user to format a specific set of cells based on the condition.
+             * @Default {false}
+             */
+            enableConditionalFormatting?: boolean;
+
+            /** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each fields in server mode.
+             * @Default {false}
+             */
+            enableAdvancedFilter?: boolean;
+
+            /** Allows the user to refresh the control on-demand and not during every UI operation.
+             * @Default {false}
+             */
+            enableDeferUpdate?: boolean;
+
+            /** Enables the display of GroupingBar allowing you to filter, sort and remove fields obtained from datasource.
+             * @Default {false}
+             */
+            enableGroupingBar?: boolean;
+
+            /** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
+             * @Default {false}
+             */
+            enableMemberEditorPaging?: boolean;
+
+            /** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
+             * @Default {100}
+             */
+            memberEditorPageSize?: number;
+
+            /** Enables/Disables the display of grand total for rows and columns.
+             * @Default {true}
+             */
+            enableGrandTotal?: boolean;
+
+            /** Allows the user to load PivotGrid using JSON data.
+             * @Default {false}
+             */
+            enableJSONRendering?: boolean;
+
+            /** Enables rendering of PivotGrid widget along with the PivotTable Field List, which allows UI operations.
+             * @Default {true}
+             */
+            enablePivotFieldList?: boolean;
+
+            /** Enables the display of grand total for all the rows.
+             * @Default {true}
+             */
+            enableRowGrandTotal?: boolean;
+
+            /** Allows the user to view layout of the PivotGrid from right to left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Allows the user to enable ToolTip option.
+             * @Default {false}
+             */
+            enableToolTip?: boolean;
+
+            /** Allows the user to enable the animation effects in tooltip.
+             * @Default {false}
+             */
+            enableToolTipAnimation?: boolean;
+
+            /** Allows the user to adjust the width of the columns dynamically.
+             * @Default {false}
+             */
+            enableColumnResizing?: boolean;
+
+            /** Allows the user to view large amount of data through virtual scrolling.
+             * @Default {false}
+             */
+            enableVirtualScrolling?: boolean;
+
+            /** Allows the user to view large amount of data by applying paging.
+             * @Default {false}
+             */
+            enablePaging?: boolean;
+
+            /** Allows the user to configure hyperlink settings of PivotGrid control.
+             * @Default {{}}
+             */
+            hyperlinkSettings?: HyperlinkSettings;
+
+            /** Allows the user to enable PivotGrid’s responsiveness in the browser layout.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Contains the serialized JSON string which renders PivotGrid.
+             */
+            jsonRecords?: string;
+
+            /** Sets the summary layout for PivotGrid.Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
+             * @Default {ej.PivotGrid.Layout.Normal}
+             */
+            layout?: ej.PivotGrid.Layout|string;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the mode for the PivotGrid widget for binding data source either in server-side or client-side.
+             * @Default {ej.Pivot.OperationalMode.ClientMode}
+             */
+            operationalMode?: ej.Pivot.OperationalMode|string;
+
+            /** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
+             * @Default {{}}
+             */
+            serviceMethodSettings?: ServiceMethodSettings;
+
+            /** Connects the service using the specified URL for any server updates.
+             * @Default {“”}
+             */
+            url?: string;
+
+            /** Triggers when it reaches client-side after any AJAX request.
+             */
+            afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
+
+            /** Triggers before any AJAX request is passed from PivotGrid to service methods.
+             */
+            beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
+
+            /** Triggers before Pivot Engine starts to populate.
+             */
+            beforePivotEnginePopulate?(e: BeforePivotEnginePopulateEventArgs): void;
+
+            /** Triggers when double click action is performed over a cell.
+             */
+            cellDoubleClick?(e: CellDoubleClickEventArgs): void;
+
+            /** Triggers when right-click action is performed on a cell.
+             */
+            cellContext?(e: CellContextEventArgs): void;
+
+            /** Triggers when a specific range of value cells are selected.
+             */
+            cellSelection?(e: CellSelectionEventArgs): void;
+
+            /** Triggers when the hyperlink of column header is clicked.
+             */
+            columnHeaderHyperlinkClick?(e: ColumnHeaderHyperlinkClickEventArgs): void;
+
+            /** Triggers after performing drill operation in PivotGrid.
+             */
+            drillSuccess?(e: DrillSuccessEventArgs): void;
+
+            /** Triggers while clicking &quot;OK&quot; button in the drill-through dialog.
+             */
+            drillThrough?(e: DrillThroughEventArgs): void;
+
+            /** Triggers when PivotGrid loading is initiated.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when PivotGrid widget completes all operations at client-side after any AJAX request.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+
+            /** Triggers when any error occurred during AJAX request.
+             */
+            renderFailure?(e: RenderFailureEventArgs): void;
+
+            /** Triggers when PivotGrid successfully reaches client-side after any AJAX request.
+             */
+            renderSuccess?(e: RenderSuccessEventArgs): void;
+
+            /** Triggers when the hyperlink of row header is clicked.
+             */
+            rowHeaderHyperlinkClick?(e: RowHeaderHyperlinkClickEventArgs): void;
 
-	/** returns the target element, the given node to be pasted
-	*/
-	target?: any;
+            /** Triggers when the hyperlink of summary cell is clicked.
+             */
+            summaryCellHyperlinkClick?(e: SummaryCellHyperlinkClickEventArgs): void;
 
-	/** returns the given target node values
-	*/
-	nodeDetails?: any;
+            /** Triggers when the hyperlink of value cell is clicked.
+             */
+            valueCellHyperlinkClick?(e: ValueCellHyperlinkClickEventArgs): void;
 
-	/** returns the key pressed key code value
-	*/
-	keyCode?: number;
-}
+            /** Triggers before saving the current report to database.
+             */
+            saveReport?(e: SaveReportEventArgs): void;
 
-export interface BeforeSelectEventArgs {
+            /** Triggers before loading a report from database.
+             */
+            loadReport?(e: LoadReportEventArgs): void;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Triggers before performing exporting in pivot grid.
+             */
+            beforeExport?(e: BeforeExportEventArgs): void;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Triggers before editing the cells.
+             */
+            cellEdit?(e: CellEditEventArgs): void;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface AfterServiceInvokeEventArgs {
 
-	/** returns the target element, the given node to be selected
-	*/
-	target?: any;
+            /** returns the current action of PivotGrid control.
+             */
+            action?: string;
 
-	/** returns the given target node values
-	*/
-	nodeDetails?: any;
-}
+            /** returns the custom object bound with PivotGrid control.
+             */
+            customObject?: any;
 
-export interface CreateEventArgs {
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the current action of PivotGrid control.
+             */
+            action?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** returns the custom object bound with PivotGrid control.
+             */
+            customObject?: any;
 
-export interface DestroyEventArgs {
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface BeforePivotEnginePopulateEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the PivotGrid object
+             */
+            pivotGridObject?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+        export interface CellDoubleClickEventArgs {
 
-export interface InlineEditValidationEventArgs {
+            /** returns the JSON details of the double clicked cell.
+             */
+            selectedData?: any[];
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the custom object bound with PivotGrid control.
+             */
+            customObject?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface CellContextEventArgs {
 
-	/** returns the new entered text for the node
-	*/
-	newText?: string;
+            /** returns the cell position (row index and column index) in table.
+             */
+            cellPosition?: string;
 
-	/** returns the current node element id
-	*/
-	id?: any;
+            /** returns the type of the cell.
+             */
+            cellType?: string;
 
-	/** returns the old node text
-	*/
-	oldText?: string;
-}
+            /** returns the content of the cell.
+             */
+            cellValue?: string;
 
-export interface KeyPressEventArgs {
+            /** returns the unique name of levels/members.
+             */
+            uniqueName?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the role of the cell in PivotGrid.
+             */
+            role?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns JSON record corresponding to the selected cell.
+             */
+            rawdata?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the original event object.
+             */
+            args?: any;
+        }
 
-	/** returns the event object
-	*/
-	event?: any;
+        export interface CellSelectionEventArgs {
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** returns the JSON records of the selected range of cells.
+             */
+            JSONRecords?: any;
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** Returns the row headers corresponding to the selected value cells.
+             */
+            rowheader?: any;
 
-	/** returns node path from root element
-	*/
-	path?: string;
+            /** Returns the column headers corresponding to the selected value cells.
+             */
+            columnheader?: any;
 
-	/** returns the key pressed key code value
-	*/
-	keyCode?: number;
+            /** Returns the information about the measure associated with the selected cell.
+             */
+            measureCount?: string;
+        }
 
-	/** it returns when the current node is in expanded state; otherwise, false.
-	*/
-	isExpanded?: boolean;
+        export interface ColumnHeaderHyperlinkClickEventArgs {
 
-	/** returns the id of current TreeView node
-	*/
-	id?: string;
+            /** returns the information about the clicked cell
+             */
+            args?: any;
 
-	/** returns the parentId of current TreeView node
-	*/
-	parentId?: string;
-}
+            /** returns the HTML element of the control.
+             */
+            element?: any;
 
-export interface LoadErrorEventArgs {
+            /** returns the custom object bound to the control.
+             */
+            customObject?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DrillSuccessEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the HTML element of the control.
+             */
+            args?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface DrillThroughEventArgs {
 
-	/** returns the AJAX error object
-	*/
-	error?: any;
-}
+            /** return the JSON records of the generated cells on drill-through operation.
+             */
+            data?: any;
 
-export interface LoadSuccessEventArgs {
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface LoadEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** returns the success data from the URL
-	*/
-	data?: any;
+        export interface RenderCompleteEventArgs {
 
-	/** returns the target parent element, the data returned from the URL to be appended to the given parent element, else in TreeView
-	*/
-	targetParent?: any;
+            /** returns the current action of PivotGrid control.
+             */
+            action?: string;
 
-	/** returns the given parent node details
-	*/
-	parentDetails?: any;
-}
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
 
-export interface NodeAddEventArgs {
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface RenderFailureEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the current action of PivotGrid control.
+             */
+            action?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
 
-	/** returns the added data, that are given initially
-	*/
-	data?: any;
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
 
-	/** returns the newly added elements
-	*/
-	nodes?: any;
+            /** returns the error message with error code.
+             */
+            message?: string;
+        }
 
-	/** returns the target parent element of the added element
-	*/
-	parentElement?: any;
+        export interface RenderSuccessEventArgs {
 
-	/** returns the given parent node details
-	*/
-	parentDetails?: any;
-}
+            /** returns the current action of PivotGrid control.
+             */
+            action?: string;
 
-export interface NodeCheckEventArgs {
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the HTML element of PivotGrid control.
+             */
+            element?: any;
+        }
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+        export interface RowHeaderHyperlinkClickEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the information about the clicked cell
+             */
+            args?: any;
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** returns the HTML element of the control.
+             */
+            element?: any;
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** returns the custom object bound to the control.
+             */
+            customObject?: any;
+        }
 
-	/** returns the id of the current element of the node clicked
-	*/
-	id?: string;
+        export interface SummaryCellHyperlinkClickEventArgs {
 
-	/** returns the id of the parent element of current element of the node clicked
-	*/
-	parentId?: string;
+            /** returns the information about the clicked cell
+             */
+            args?: any;
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** returns the HTML element of the control.
+             */
+            element?: any;
 
-	/** it returns true when the node checkbox is checked; otherwise, false.
-	*/
-	isChecked?: boolean;
+            /** returns the custom object bound to the control.
+             */
+            customObject?: any;
+        }
 
-	/** it returns the currently checked node name
-	*/
-	currentNode?: Array<any>;
+        export interface ValueCellHyperlinkClickEventArgs {
 
-	/** it returns the currently checked and its child node details
-	*/
-	currentCheckedNodes?: Array<any>;
-}
+            /** returns the information about the clicked cell
+             */
+            args?: any;
 
-export interface NodeClickEventArgs {
+            /** returns the HTML element of the control.
+             */
+            element?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the custom object bound to the control.
+             */
+            customObject?: any;
+        }
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+        export interface SaveReportEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the report to be stored in database.
+             */
+            report?: any;
+        }
 
-	/** returns the event object
-	*/
-	event?: any;
+        export interface LoadReportEventArgs {
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** returns the PivotGrid object.
+             */
+            targetControl?: any;
 
-	/** returns the id of currently clicked TreeView node
-	*/
-	id?: string;
+            /** returns whether the control is bound with OLAP or Relational data source.
+             */
+            dataModel?: string;
+        }
 
-	/** returns the parentId of currently clicked TreeView node
-	*/
-	parentId?: string;
-}
+        export interface BeforeExportEventArgs {
 
-export interface NodeCollapseEventArgs {
+            /** contains the url of the service responsible for exporting.
+             */
+            url?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** contains the name of the exporting file.
+             */
+            fileName?: string;
+        }
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+        export interface CellEditEventArgs {
 
-	/** returns the id of the current element of the node clicked
-	*/
-	id?: string;
+            /** contains the array of cells selected for editing.
+             */
+            editCellsInfo?: any[];
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface DataSourceColumnsAdvancedFilter {
 
-	/** returns the id of the parent element of current element of the node clicked
-	*/
-	parentId?: string;
+            /** Allows the user to provide level unique name to perform advanced filtering.
+             */
+            name?: string;
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** Allows the user to set the operator to perform Label Filtering.
+             * @Default {none}
+             */
+            labelFilterOperator?: string;
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** Allows the user to set the operator to perform Value Filtering.
+             * @Default {none}
+             */
+            valueFilterOperator?: string;
 
-	/** returns the child nodes are loaded or not
-	*/
-	isChildLoaded?: boolean;
+            /** Allows the user to set the filtering type while performing advanced filtering.
+             */
+            advancedFilterType?: string;
 
-	/** returns the format asynchronous or synchronous 
-	*/
-	async?: boolean;
-}
+            /** In case of value filtering, this property contains the measure name to which the filter is applied.
+             */
+            measure?: string;
 
-export interface NodeCutEventArgs {
+            /** Allows the user to hold the filter operand values in advanced filtering.
+             */
+            values?: any[];
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DataSourceColumnsFilterItems {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceColumn {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** Allows the user to set the display caption for an item.
+             */
+            fieldCaption?: string;
+
+            /** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+             * @Default {[]}
+             */
+            advancedFilter?: DataSourceColumnsAdvancedFilter[];
+
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Shows/Hides the sub-total of the field in PivotGrid.
+             * @Default {true}
+             */
+            showSubTotal?: boolean;
+
+            /** Allows to set the format for the column headers.
+             */
+            format?: string;
+
+            /** This property sets type of display of date.
+             */
+            formatString?: string;
+
+            /** Allows to set the custom theme for the column headers.
+             */
+            cssClass?: string;
+
+            /** Allows the user to set the sorting order of the members of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+            /** Contains the list of members need to be drilled down by default in the field.
+             * @Default {[]}
+             */
+            drilledItems?: any[];
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceColumnsFilterItems;
+        }
+
+        export interface DataSourceRowsAdvancedFilter {
+
+            /** Allows the user to provide level unique name to perform advanced filtering.
+             */
+            name?: string;
+
+            /** Allows the user to set the operator to perform Label Filtering.
+             * @Default {none}
+             */
+            labelFilterOperator?: string;
+
+            /** Allows the user to set the operator to perform Value Filtering.
+             * @Default {none}
+             */
+            valueFilterOperator?: string;
+
+            /** Allows the user to set the filtering type while performing advanced filtering.
+             */
+            advancedFilterType?: string;
+
+            /** In case of value filtering, this property contains the measure name to which the filter is applied.
+             */
+            measure?: string;
+
+            /** Allows the user to hold the filter operand values in advanced filtering.
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRowsFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRow {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item.
+             */
+            fieldCaption?: string;
+
+            /** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+             * @Default {[]}
+             */
+            advancedFilter?: DataSourceRowsAdvancedFilter[];
+
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Shows/Hides the sub-total of the field.
+             * @Default {true}
+             */
+            showSubTotal?: boolean;
+
+            /** Allows to set the format for the row headers.
+             */
+            format?: string;
+
+            /** This property sets type of display of date.
+             */
+            formatString?: string;
+
+            /** Allows to set the custom theme for the row headers.
+             */
+            cssClass?: string;
+
+            /** Allows the user to set the sorting order of the members of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+            /** Contains the list of members need to be drilled down by default in the field.
+             * @Default {[]}
+             */
+            drilledItems?: any[];
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceRowsFilterItems;
+        }
+
+        export interface DataSourceValuesMeasure {
+
+            /** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+             */
+            fieldName?: string;
+        }
+
+        export interface DataSourceValue {
+
+            /** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item for Relational datasource.
+             */
+            fieldCaption?: string;
+
+            /** This holds the list of unique names of measures to bind them from the OLAP cube.
+             * @Default {[]}
+             */
+            measures?: DataSourceValuesMeasure[];
+
+            /** Allows to set the axis name to place the measures items.
+             * @Default {rows}
+             */
+            axis?: string;
+
+            /** Indicates whether the field is a calculated field or not with Relational datasource.
+             * @Default {false}
+             */
+            isCalculatedField?: boolean;
+
+            /** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
+             * @Default {ej.PivotAnalysis.SummaryType.Sum}
+             */
+            summaryType?: ej.PivotAnalysis.SummaryType|string;
+
+            /** Allows to set the format for the values.
+             */
+            format?: string;
+
+            /** This property sets type of display of date.
+             */
+            formatString?: string;
+
+            /** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+             */
+            formula?: string;
+
+            /** Allows to set the custom theme for the values.
+             */
+            cssClass?: string;
+        }
+
+        export interface DataSourceFiltersFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceFilter {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display name for an item.
+             */
+            fieldCaption?: string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceFiltersFilterItems;
+        }
+
+        export interface DataSourcePagerOptions {
+
+            /** Allows to set the number of categorical columns to be displayed in each page on applying paging.
+             * @Default {0}
+             */
+            categoricalPageSize?: number;
+
+            /** Allows to set the number of series rows to be displayed in each page on applying paging.
+             * @Default {0}
+             */
+            seriesPageSize?: number;
+
+            /** Allows to set the page number in categorical axis to be loaded by default.
+             * @Default {1}
+             */
+            categoricalCurrentPage?: number;
+
+            /** Allows to set the page number in series axis to be loaded by default.
+             * @Default {1}
+             */
+            seriesCurrentPage?: number;
+        }
+
+        export interface DataSource {
+
+            /** Lists out the items to be arranged in columns section of PivotGrid.
+             * @Default {[]}
+             */
+            columns?: DataSourceColumn[];
+
+            /** Lists out the items to be arranged in rows section of PivotGrid.
+             * @Default {[]}
+             */
+            rows?: DataSourceRow[];
+
+            /** Lists out the items which supports calculation in PivotGrid.
+             * @Default {[]}
+             */
+            values?: DataSourceValue[];
+
+            /** Lists out the items which supports filtering of values without displaying the members in UI in PivotGrid.
+             * @Default {[]}
+             */
+            filters?: DataSourceFilter[];
+
+            /** Contains the respective cube name from OLAP database as string type.
+             * @Default {“”}
+             */
+            cube?: string;
+
+            /** To set the data source name to fetch data from that.
+             * @Default {“”}
+             */
+            sourceInfo?: string;
+
+            /** Set the provider name for PivotGrid to identify whether the provider is SSAS or Mondrian.
+             * @Default {ssas}
+             */
+            providerName?: string;
+
+            /** Provides the raw data source for the PivotGrid.
+             * @Default {null}
+             */
+            data?: any;
+
+            /** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+             * @Default {“”}
+             */
+            catalog?: string;
+
+            /** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option for OLAP data source in client-mode.
+             * @Default {false}
+             */
+            enableAdvancedFilter?: boolean;
+
+            /** Sets a name to the report bound to the control.
+             */
+            reportName?: string;
+
+            /** Allows to set the page size and current page number for each axis on applying paging.
+             * @Default {{}}
+             */
+            pagerOptions?: DataSourcePagerOptions;
+        }
+
+        export interface ValueSortSettings {
+
+            /** Contains the headers of the specific column to which value sorting is applied.
+             */
+            headerText?: string;
+
+            /** Allows the user to set the string for separating column headers provided in the above property headerText.
+             */
+            headerDelimiters?: string;
+
+            /** Allows the user to set the sorting order of the values of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+        }
+
+        export interface FrozenHeaderSettings {
+
+            /** Allows the user to freeze the row headers alone on scrolling the horizontal scroll bar.
+             * @Default {false}
+             */
+            enableFrozenRowHeaders?: boolean;
+
+            /** Allows the user to freeze the column headers alone on scrolling the vertical scroll bar.
+             * @Default {false}
+             */
+            enableFrozenColumnHeaders?: boolean;
+
+            /** Allows the user to freeze both the row headers and column headers on scrolling.
+             * @Default {false}
+             */
+            enableFrozenHeaders?: boolean;
+
+            /** Allows user to set the size of the scrollbar (horizontal and vertical) visible in PivotGrid.
+             * @Default {18}
+             */
+            scrollerSize?: number;
+        }
+
+        export interface HeaderSettings {
+
+            /** Allows user to enable/disable row header names in PivotGrid control.
+             * @Default {false}
+             */
+            showRowItems?: boolean;
+
+            /** Allows user to enable/disable column header names in PivotGrid control.
+             * @Default {false}
+             */
+            showColumnItems?: boolean;
+        }
+
+        export interface HyperlinkSettings {
+
+            /** Allows the user to enable/disable hyperlink for column header.
+             * @Default {false}
+             */
+            enableColumnHeaderHyperlink?: boolean;
+
+            /** Allows the user to enable/disable hyperlink for row header.
+             * @Default {false}
+             */
+            enableRowHeaderHyperlink?: boolean;
+
+            /** Allows the user to enable/disable hyperlink for summary cells.
+             * @Default {false}
+             */
+            enableSummaryCellHyperlink?: boolean;
+
+            /** Allows the user to enable/disable hyperlink for value cells.
+             * @Default {false}
+             */
+            enableValueCellHyperlink?: boolean;
+        }
+
+        export interface ServiceMethodSettings {
+
+            /** Allows the user to set the custom name for the service method responsible for drill up/down operation in PivotGrid.
+             * @Default {DrillGrid}
+             */
+            drillDown?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for exporting.
+             * @Default {Export}
+             */
+            exportPivotGrid?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for performing server-side actions on defer update.
+             * @Default {DeferUpdate}
+             */
+            deferUpdate?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
+             * @Default {FetchMembers}
+             */
+            fetchMembers?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for filtering operation in PivotGrid.
+             * @Default {Filtering}
+             */
+            filtering?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for initializing PivotGrid.
+             * @Default {InitializeGrid}
+             */
+            initialize?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node from Field List.
+             * @Default {NodeDropped}
+             */
+            nodeDropped?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
+             * @Default {NodeStateModified}
+             */
+            nodeStateModified?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for performing paging operation in PivotGrid.
+             * @Default {Paging}
+             */
+            paging?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for sorting operation in PivotGrid.
+             * @Default {Sorting}
+             */
+            sorting?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for expanding members inside member editor.
+             * @Default {MemberExpanded}
+             */
+            memberExpand?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for editing the cells.
+             * @Default {CellEditing}
+             */
+            cellEditing?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for saving the current report to database.
+             * @Default {SaveReport}
+             */
+            saveReport?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for loading a report from database.
+             * @Default {LoadReportFromDB}
+             */
+            loadReport?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for adding a calculated field to the report.
+             * @Default {CalculatedField}
+             */
+            calculatedField?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for performing drill through operation.
+             * @Default {DrillThroughHierarchies}
+             */
+            drillThroughHierarchies?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for performing drill through operation in data table.
+             * @Default {DrillThroughDataTable}
+             */
+            drillThroughDataTable?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for write-back operation in OLAP Cube. This is only applicable in server-side component.
+             * @Default {WriteBack}
+             */
+            writeBack?: string;
+        }
+
+        enum Layout {
+
+            ///To set normal summary layout in PivotGrid.
+            Normal,
+
+            ///To set layout with summaries at the top in PivotGrid.
+            NormalTopSummary,
+
+            ///To set layout without summaries in PivotGrid.
+            NoSummaries,
+
+            ///To set excel-like layout in PivotGrid.
+            ExcelLikeLayout
+        }
+
+    }
+    namespace Pivot {
+        enum AnalysisMode {
+            //To bind an OLAP data source to PivotGrid.
+            OLAP,
+            //To bind a relational data source to PivotGrid.
+            Pivot,
+        }
+    }
+    namespace PivotAnalysis {
+        enum SortOrder {
+            //Sorts the members of the field in ascending order.
+            Ascending,
+            //Sorts the members of the field in descending order.
+            Descending,
+            //Displays the members without sorting in any order.
+            None,
+        }
+    }
+    namespace PivotAnalysis {
+        enum FilterType {
+            //Excludes the specified values among the members of the field.
+            Exclude,
+            //Includes the specified values alone among the members of the field.
+            Include,
+        }
+    }
+    namespace PivotAnalysis {
+        enum SummaryType {
+            //Calculates the summary as the total of all values.
+            Sum,
+            //Displays the average of all values as the summaries.
+            Average,
+            //Displays the count of items in summaries.
+            Count,
+            //Displays the minimum value of all the items in the summary.
+            Min,
+            //Displays the maximum value of all the items in the summary.
+            Max,
+        }
+    }
+    namespace Pivot {
+        enum OperationalMode {
+            //To bind data source completely from client-side.
+            ClientMode,
+            //To bind data source completely from server-side.
+            ServerMode,
+        }
+    }
+
+    class PivotSchemaDesigner extends ej.Widget {
+        static fn: PivotSchemaDesigner;
+        constructor(element: JQuery | Element, options?: PivotSchemaDesigner.Model);
+        static Locale: any;
+        model: PivotSchemaDesigner.Model;
+        defaults: PivotSchemaDesigner.Model;
+
+        /** Performs an asynchronous HTTP (AJAX) request.
+         * @returns {void}
+         */
+        doAjaxPost(): void;
+
+        /** Re-renders the control with the data source bound to the pivot control at that instant.
+         * @returns {void}
+         */
+        refreshControl(): void;
+    }
+    export namespace PivotSchemaDesigner {
+
+        export interface Model {
+
+            /** Specifies the CSS class to PivotSchemaDesigner to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Object utilized to pass additional information between client-end and service-end.
+             * @Default {{}}
+             */
+            customObject?: any;
+
+            /** For ASP.NET and MVC Wrapper, PivotSchemaDesigner will be initialized and rendered empty initially. Once the connected pivot control widget is rendered completely,
+             * PivotSchemaDesigner will just be populated with data source by setting this property to “true”.
+             * @Default {false}
+             */
+            enableWrapper?: boolean;
+
+            /** Allows the user to view PivotTable Field List from right to left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Sets the visibility of OLAP elements in PivotTable Field List. This is only applicable for OLAP datasource.
+             * @Default {null}
+             */
+            olap?: Olap;
+
+            /** Allows the user to enable/disable drag and drop operations within the PivotTable Field List.
+             * @Default {true}
+             */
+            enableDragDrop?: boolean;
+
+            /** Sets the height for PivotSchemaDesigner.
+             * @Default {“”}
+             */
+            height?: string;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the Pivot control bound with this PivotSchemaDesigner.
+             * @Default {null}
+             */
+            pivotControl?: any;
+
+            /** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
+             * @Default {{}}
+             */
+            serviceMethod?: ServiceMethod;
+
+            /** Connects the service using the specified URL for any server updates.
+             * @Default {“”}
+             */
+            url?: string;
+
+            /** Sets the width for PivotSchemaDesigner.
+             * @Default {“”}
+             */
+            width?: string;
+
+            /** Sets the layout for PivotSchemaDesigner.
+             * @Default {ej.PivotSchemaDesigner.Layouts.Excel}
+             */
+            layout?: ej.PivotSchemaDesigner.Layouts|string;
+
+            /** Triggers when it reaches client-side after any AJAX request.
+             */
+            afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
+
+            /** Triggers before any AJAX request is passed from PivotSchemaDesigner to service methods.
+             */
+            beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
+
+            /** Triggers when we start dragging any field from PivotSchemaDesigner.
+             */
+            dragMove?(e: DragMoveEventArgs): void;
+        }
+
+        export interface AfterServiceInvokeEventArgs {
+
+            /** returns the current action of PivotSchemaDesigner control.
+             */
+            action?: string;
+
+            /** returns the custom object bound with PivotSchemaDesigner control.
+             */
+            customObject?: any;
+
+            /** returns the HTML element of PivotSchemaDesigner control.
+             */
+            element?: any;
+        }
+
+        export interface BeforeServiceInvokeEventArgs {
+
+            /** returns the current action of PivotSchemaDesigner control.
+             */
+            action?: string;
+
+            /** returns the custom object bound with PivotSchemaDesigner control.
+             */
+            customObject?: any;
+
+            /** returns the HTML element of PivotSchemaDesigner control.
+             */
+            element?: any;
+        }
+
+        export interface DragMoveEventArgs {
+
+            /** returns the HTML element of the dragged field from PivotSchemaDesigner.
+             */
+            dragTarget?: any;
+
+            /** return the JSON details of the dragged field.
+             */
+            draggedElementData?: any;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the PivotSchemaDesigner model
+             */
+            model?: any;
+        }
+
+        export interface Olap {
+
+            /** Allows the user to view the KPI elements in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
+             * @Default {false}
+             */
+            showKPI?: boolean;
+
+            /** Allows the user to view the named sets in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
+             * @Default {false}
+             */
+            showNamedSets?: boolean;
+        }
+
+        export interface ServiceMethod {
+
+            /** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
+             * @Default {FetchMembers}
+             */
+            fetchMembers?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for filtering operation in Field List.
+             * @Default {Filtering}
+             */
+            filtering?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for the server-side action, on expanding members in Field List.
+             * @Default {MemberExpanded}
+             */
+            memberExpand?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node into Field List.
+             * @Default {NodeDropped}
+             */
+            nodeDropped?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
+             * @Default {NodeStateModified}
+             */
+            nodeStateModified?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for button removing operation in Field List.
+             * @Default {RemoveButton}
+             */
+            removeButton?: string;
+        }
+
+        enum Layouts {
+
+            ///To set the layout as same in the Excel.
+            Excel,
+
+            ///To set normal layout for Field List.
+            Normal,
+
+            ///To set layout with the axes one above the other.
+            OneByOne
+        }
+
+    }
+
+    class PivotPager extends ej.Widget {
+        static fn: PivotPager;
+        constructor(element: JQuery | Element, options?: PivotPager.Model);
+        static Locale: any;
+        model: PivotPager.Model;
+        defaults: PivotPager.Model;
+
+        /** This function initializes the page counts and page numbers for the PivotPager.
+         * @returns {void}
+         */
+        initPagerProperties(): void;
+    }
+    export namespace PivotPager {
+
+        export interface Model {
+
+            /** Contains the current page number in categorical axis.
+             * @Default {1}
+             */
+            categoricalCurrentPage?: number;
+
+            /** Contains the total page count in categorical axis.
+             * @Default {1}
+             */
+            categoricalPageCount?: number;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the pager mode (Only Categorical Pager/Only Series Pager/Both) for the PivotPager.
+             * @Default {ej.PivotPager.Mode.Both}
+             */
+            mode?: ej.PivotPager.Mode|string;
+
+            /** Contains the current page number in series axis.
+             * @Default {1}
+             */
+            seriesCurrentPage?: number;
+
+            /** Contains the total page count in series axis.
+             * @Default {1}
+             */
+            seriesPageCount?: number;
+
+            /** Contains the ID of the target element for which paging needs to be done.
+             * @Default {“”}
+             */
+            targetControlID?: string;
+        }
+
+        enum Mode {
+
+            ///To set both categorical and series pager for paging.
+            Both,
+
+            ///To set only categorical pager for paging.
+            Categorical,
+
+            ///To set only series pager for paging.
+            Series
+        }
+
+    }
+
+    class PivotChart extends ej.Widget {
+        static fn: PivotChart;
+        constructor(element: JQuery | Element, options?: PivotChart.Model);
+        static Locale: any;
+        model: PivotChart.Model;
+        defaults: PivotChart.Model;
+
+        /** Performs an asynchronous HTTP (AJAX) request.
+         * @returns {void}
+         */
+        doAjaxPost(): void;
+
+        /** Perform an asynchronous HTTP (FullPost) submit.
+         * @returns {void}
+         */
+        doPostBack(): void;
+
+        /** Exports the PivotChart to the format specified in the parameter.
+         * @returns {void}
+         */
+        exportPivotChart(): void;
+
+        /** This function renders the PivotChart control with the JSON formatted datasource.
+         * @returns {void}
+         */
+        renderChartFromJSON(): void;
+
+        /** This function receives the update from service-end, which would be utilized for rendering the widget.
+         * @returns {void}
+         */
+        renderControlSuccess(): void;
+
+        /** Returns the OlapReport string maintained along with the axis elements information.
+         * @returns {string}
+         */
+        getOlapReport(): string;
+
+        /** Sets the OlapReport string along with the axis information and maintains it in a property.
+         * @returns {void}
+         */
+        setOlapReport(): void;
+
+        /** Returns the JSON records formed to render the control.
+         * @returns {any[]}
+         */
+        getJSONRecords(): any[];
+
+        /** Sets the JSON records to render the control.
+         * @returns {void}
+         */
+        setJSONRecords(): void;
+
+        /** Returns the PivotEngine formed to render the control.
+         * @returns {any[]}
+         */
+        getPivotEngine(): any[];
+
+        /** Sets the PivotEngine required to render the control.
+         * @returns {void}
+         */
+        setPivotEngine(): void;
+
+        /** Re-renders the control with the data source at the instant.
+         * @returns {void}
+         */
+        refreshControl(): void;
+
+        /** Renders the control with the pivot engine obtained from olap cube.
+         * @returns {void}
+         */
+        generateJSON(): void;
+
+        /** Navigates to the specified page number in specified axis.
+         * @returns {void}
+         */
+        refreshPagedPivotChart(): void;
+    }
+    export namespace PivotChart {
+
+        export interface Model {
+
+            /** Sets the mode for the PivotChart widget for binding either OLAP or Relational data source.
+             * @Default {ej.Pivot.AnalysisMode.Pivot}
+             */
+            analysisMode?: ej.Pivot.AnalysisMode|string;
+
+            /** Specifies the CSS class to PivotChart to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Options for enabling zooming feature of PivotChart.
+             * @Default {{}}
+             */
+            zooming?: Zooming;
+
+            /** Options available to configure the properties of entire series. You can also override the options for specific series by using series collection.
+             * @Default {{}}
+             */
+            commonSeriesOptions?: CommonSeriesOptions;
+
+            /** Initializes the data source for the PivotChart widget, when it functions completely on client-side.
+             * @Default {{}}
+             */
+            dataSource?: DataSource;
+
+            /** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
+             * @Default {{}}
+             */
+            customObject?: any;
+
+            /** Allows the user to enable 3D view of PivotChart.
+             * @Default {false}
+             */
+            enable3D?: boolean;
+
+            /** Allows the user to view PivotChart from right to left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Allows user to render complete PivotChart on drill operation, that is, when expanding and collapsing members which are shown in multi-level labels.
+             * @Default {false}
+             */
+            enableMultiLevelLabels?: boolean;
+
+            /** Allows the user to enable PivotChart’s responsiveness in the browser layout.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Lets the user to customize the legend items and their labels.
+             * @Default {{}}
+             */
+            legend?: any;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the mode for the PivotChart widget for binding data source either in server-side or client-side.
+             * @Default {ej.Pivot.OperationalMode.ClientMode}
+             */
+            operationalMode?: ej.Pivot.OperationalMode|string;
+
+            /** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array. To override x axis for particular series, create
+             * an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
+             * @Default {{}}
+             */
+            primaryXAxis?: any;
+
+            /** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array. To override y axis for particular series, create an
+             * axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s yAxisName property to link both axis and series.
+             * @Default {{}}
+             */
+            primaryYAxis?: any;
+
+            /** Allows the user to rotate the angle of PivotChart in 3D view.
+             * @Default {0}
+             */
+            rotation?: number;
+
+            /** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
+             * @Default {{}}
+             */
+            serviceMethodSettings?: ServiceMethodSettings;
+
+            /** Options to customize the size of the PivotChart control.
+             * @Default {{}}
+             */
+            size?: any;
+
+            /** Connects the service using the specified URL for any server updates on operating the control in server mode.
+             * @Default {“”}
+             */
+            url?: string;
+
+            /** Triggers when PivotChart starts to render.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when it reaches client-side after any AJAX request.
+             */
+            afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
+
+            /** Triggers before any AJAX request is passed from PivotChart to service methods.
+             */
+            beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
+
+            /** Triggers on performing drill up/down in PivotChart control.
+             */
+            drillSuccess?(e: DrillSuccessEventArgs): void;
+
+            /** Triggers when PivotChart widget completes all operations at client-side after any AJAX request.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+
+            /** Triggers when any error occurred during AJAX request.
+             */
+            renderFailure?(e: RenderFailureEventArgs): void;
+
+            /** Triggers when PivotChart successfully reaches client-side after any AJAX request.
+             */
+            renderSuccess?(e: RenderSuccessEventArgs): void;
+
+            /** Triggers before performing exporting in pivot chart.
+             */
+            beforeExport?(e: BeforeExportEventArgs): void;
+        }
+
+        export interface LoadEventArgs {
+
+            /** returns the current action of PivotChart control.
+             */
+            action?: string;
+
+            /** returns the custom object bound with PivotChart control.
+             */
+            customObject?: any;
+
+            /** returns the HTML element of PivotChart control.
+             */
+            element?: any;
+        }
+
+        export interface AfterServiceInvokeEventArgs {
+
+            /** returns the current action of PivotChart control.
+             */
+            action?: string;
+
+            /** returns the custom object bound with PivotChart control.
+             */
+            customObject?: any;
 
-	/** returns the current parent element of the cut node
-	*/
-	parentElement?: any;
+            /** returns the HTML element of PivotChart control.
+             */
+            element?: any;
+        }
 
-	/** returns the given parent node details
-	*/
-	parentDetails?: any;
+        export interface BeforeServiceInvokeEventArgs {
 
-	/** returns the key pressed key code value
-	*/
-	keyCode?: number;
-}
+            /** returns the current action of PivotChart control.
+             */
+            action?: string;
 
-export interface NodeDeleteEventArgs {
+            /** returns the custom object bound with PivotChart control.
+             */
+            customObject?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the HTML element of PivotChart control.
+             */
+            element?: any;
+        }
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+        export interface DrillSuccessEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the current instance of PivotChart.
+             */
+            chartObj?: any;
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** returns the drill action of PivotChart.
+             */
+            drillAction?: string;
 
-	/** returns the current parent element of the deleted node
-	*/
-	parentElement?: any;
+            /** contains the name of the member drilled.
+             */
+            drilledMember?: string;
 
-	/** returns the given parent node details
-	*/
-	parentDetails?: any;
+            /** returns the event object.
+             */
+            event?: any;
+        }
 
-	/** returns the currently removed nodes
-	*/
-	removedNodes?: Array<any>;
-}
+        export interface RenderCompleteEventArgs {
 
-export interface NodeDragEventArgs {
+            /** returns the current action of PivotChart control.
+             */
+            action?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the custom object bound with PivotChart control.
+             */
+            customObject?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the HTML element of PivotChart control.
+             */
+            element?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface RenderFailureEventArgs {
 
-	/** returns the original drag target
-	*/
-	dragTarget?: any;
+            /** returns the current action of PivotChart control.
+             */
+            action?: string;
 
-	/** returns the current target TreeView node
-	*/
-	target?: any;
+            /** returns the custom object bound with PivotChart control.
+             */
+            customObject?: any;
 
-	/** returns the current target details
-	*/
-	targetElementData?: any;
+            /** returns the HTML element of PivotChart control.
+             */
+            element?: any;
 
-	/** returns the current parent element of the target node
-	*/
-	draggedElement?: any;
+            /** returns the error stack trace of the original exception.
+             */
+            message?: string;
+        }
 
-	/** returns the given parent node details
-	*/
-	draggedElementData?: any;
+        export interface RenderSuccessEventArgs {
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** returns the current instance of PivotChart.
+             */
+            args?: any;
+        }
 
-export interface NodeDragStartEventArgs {
+        export interface BeforeExportEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** contains the url of the service responsible for exporting.
+             */
+            url?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** contains the name of the exporting file.
+             */
+            fileName?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface Zooming {
 
-	/** returns the original drag target
-	*/
-	dragTarget?: any;
+            /** Enables or disables horizontal scrollbar.
+             * @Default {false}
+             */
+            enableScrollbar?: boolean;
+        }
 
-	/** returns the current dragging parent TreeView node
-	*/
-	parentElement?: any;
+        export interface CommonSeriesOptions {
 
-	/** returns the current dragging parent TreeView node details
-	*/
-	parentElementData?: any;
+            /** Allows the user to set the specific chart type for PivotChart widget.
+             * @Default {ej.PivotChart.ChartTypes.Column}
+             */
+            type?: ej.PivotChart.ChartTypes|string;
+        }
 
-	/** returns the current parent element of the dragging node
-	*/
-	target?: any;
+        export interface DataSourceColumnsFilterItems {
 
-	/** returns the given parent node details
-	*/
-	targetElementData?: any;
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
 
-export interface NodeDragStopEventArgs {
+        export interface DataSourceColumn {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Allows the user to set the display caption for an item.
+             */
+            fieldCaption?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Allows the user to set the sorting order of the members of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceColumnsFilterItems;
+        }
+
+        export interface DataSourceRowsFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRow {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item.
+             */
+            fieldCaption?: string;
+
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Allows the user to set the sorting order of the members of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceRowsFilterItems;
+        }
+
+        export interface DataSourceValuesMeasure {
+
+            /** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+             */
+            fieldName?: string;
+        }
+
+        export interface DataSourceValue {
+
+            /** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item for Relational datasource.
+             */
+            fieldCaption?: string;
+
+            /** This holds the list of unique names of measures to bind them from the OLAP cube.
+             * @Default {[]}
+             */
+            measures?: DataSourceValuesMeasure[];
+
+            /** Allows to set the axis name to place the measures items.
+             * @Default {rows}
+             */
+            axis?: string;
+
+            /** Indicates whether the field is a calculated field or not with Relational datasource.
+             * @Default {false}
+             */
+            isCalculatedField?: boolean;
+
+            /** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+             */
+            formula?: string;
+        }
+
+        export interface DataSourceFiltersFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceFilter {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceFiltersFilterItems;
+        }
+
+        export interface DataSource {
+
+            /** Contains the respective cube name from OLAP database as string type.
+             * @Default {“”}
+             */
+            cube?: string;
+
+            /** To set the data source name to fetch data from that.
+             * @Default {“”}
+             */
+            sourceInfo?: string;
 
-	/** returns the original drop target
-	*/
-	dropTarget?: any;
+            /** Set the provider name for PivotChart to identify whether the provider is SSAS or Mondrian.
+             * @Default {ssas}
+             */
+            providerName?: string;
 
-	/** returns the current dragged TreeView node
-	*/
-	draggedElement?: any;
+            /** Provides the raw data source for the PivotChart.
+             * @Default {null}
+             */
+            data?: any;
 
-	/** returns the current dragged TreeView node details
-	*/
-	draggedElementData?: any;
+            /** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+             * @Default {“”}
+             */
+            catalog?: string;
 
-	/** returns the current parent element of the dragged node
-	*/
-	target?: any;
+            /** Lists out the items to be displayed as series of PivotChart.
+             * @Default {[]}
+             */
+            columns?: DataSourceColumn[];
 
-	/** returns the given parent node details
-	*/
-	targetElementData?: any;
+            /** Lists out the items to be displayed as segments of PivotChart.
+             * @Default {[]}
+             */
+            rows?: DataSourceRow[];
 
-	/** returns the drop position such as before, after or over
-	*/
-	position?: string;
+            /** Lists out the items supports calculation in PivotChart.
+             * @Default {[]}
+             */
+            values?: DataSourceValue[];
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** Lists out the items which supports filtering of values without displaying the members in UI in PivotChart.
+             * @Default {[]}
+             */
+            filters?: DataSourceFilter[];
+        }
+
+        export interface ServiceMethodSettings {
 
-export interface NodeDroppedEventArgs {
+            /** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotChart.
+             * @Default {DrillChart}
+             */
+            drillDown?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Allows the user to set the custom name for the service method responsible for exporting.
+             * @Default {Export}
+             */
+            exportPivotChart?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Allows the user to set the custom name for the service method responsible for initializing PivotChart.
+             * @Default {InitializeChart}
+             */
+            initialize?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Allows the user to set the custom name for the service method responsible for navigating between pages in paged PivotChart.
+             * @Default {Paging}
+             */
+            paging?: string;
+        }
+
+        enum ChartTypes {
+
+            ///To render a Line type PivotChart.
+            Line,
+
+            ///To render a Spline type PivotChart.
+            Spline,
+
+            ///To render a Column type PivotChart.
+            Column,
+
+            ///To render an Area type PivotChart.
+            Area,
+
+            ///To render a SplineArea type PivotChart.
+            SplineArea,
 
-	/** returns the original drop target
-	*/
-	dropTarget?: any;
+            ///To render a StepLine type PivotChart.
+            StepLine,
+
+            ///To render a StepArea type PivotChart.
+            StepArea,
+
+            ///To render a Pie type PivotChart.
+            Pie,
+
+            ///To render a Bar type PivotChart.
+            Bar,
+
+            ///To render a StackingArea type PivotChart.
+            StackingArea,
+
+            ///To render a StackingColumn type PivotChart.
+            StackingColumn,
+
+            ///To render a StackingBar type PivotChart.
+            StackingBar,
+
+            ///To render a Pyramid type PivotChart.
+            Pyramid,
+
+            ///To render a Funnel type PivotChart.
+            Funnel,
+
+            ///To render a Doughnut type PivotChart.
+            Doughnut,
+
+            ///To render a Scatter type PivotChart.
+            Scatter,
+
+            ///To render a Bubble type PivotChart.
+            Bubble
+        }
+
+    }
+
+    class PivotClient extends ej.Widget {
+        static fn: PivotClient;
+        constructor(element: JQuery | Element, options?: PivotClient.Model);
+        static Locale: any;
+        model: PivotClient.Model;
+        defaults: PivotClient.Model;
+
+        /** Performs an asynchronous HTTP (AJAX) request.
+         * @returns {void}
+         */
+        doAjaxPost(): void;
+
+        /** Performs an asynchronous HTTP (FullPost) submit.
+         * @returns {void}
+         */
+        doPostBack(): void;
+
+        /** Navigates to the specified page in specified axis.
+         * @returns {void}
+         */
+        refreshPagedPivotClient(): void;
+
+        /** Updates the PivotClient component with the JSON data fetched from the service on navigating between pages.
+         * @returns {void}
+         */
+        refreshPagedPivotClientSuccess(): void;
+
+        /** Renders the PivotChart and PivotGrid with the JSON data provided.
+         * @returns {void}
+         */
+        generateJSON(): void;
+
+        /** Re-renders the control with the report at that instant.
+         * @returns {void}
+         */
+        refreshControl(): void;
+
+        /** Returns the OlapReport string maintained along with the axis elements information.
+         * @returns {string}
+         */
+        getOlapReport(): string;
+
+        /** Sets the OlapReport string along with the axis information and maintains it in a property.
+         * @returns {void}
+         */
+        setOlapReport(): void;
+
+        /** Returns the JSON records formed to render the control.
+         * @returns {any[]}
+         */
+        getJSONRecords(): any[];
+
+        /** Sets the JSON records formed to render the control to a property.
+         * @returns {void}
+         */
+        setJSONRecords(): void;
+    }
+    export namespace PivotClient {
+
+        export interface Model {
+
+            /** Sets the mode for the PivotClient widget for binding either OLAP or Relational data source.
+             * @Default {ej.Pivot.AnalysisMode.Pivot}
+             */
+            analysisMode?: ej.Pivot.AnalysisMode|string;
+
+            /** Allows the user to set the specific chart type for PivotChart inside PivotClient widget.
+             * @Default {ej.PivotChart.ChartTypes.Column}
+             */
+            chartType?: ej.PivotChart.ChartTypes|string;
+
+            /** Allows the user to set the content on exporting the PivotClient widget.
+             * @Default {ej.PivotClient.ClientExportMode.ChartAndGrid}
+             */
+            clientExportMode?: ej.PivotClient.ClientExportMode|string;
+
+            /** Specifies the CSS class to PivotClient to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Object utilized to pass additional information between client-end and service-end when the control functions in server-mode.
+             * @Default {{}}
+             */
+            customObject?: any;
+
+            /** Initializes the data source for the PivotClient widget, when it functions completely on client-side.
+             * @Default {{}}
+             */
+            dataSource?: DataSource;
+
+            /** Allows the user to customize the widget's layout and appearance.
+             * @Default {{}}
+             */
+            displaySettings?: DisplaySettings;
+
+            /** Allows user to set visibility of icons in toolbar panel.
+             * @Default {{}}
+             */
+            toolbarIconSettings?: ToolbarIconSettings;
+
+            /** Allows user to show unique name on pivotbutton.
+             * @Default {false}
+             */
+            showUniqueNameOnPivotButton?: boolean;
+
+            /** Enables the splitter option for resizing the elements inside the control.
+             * @Default {false}
+             */
+            enableSplitter?: boolean;
+
+            /** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each dimensions on binding OLAP data in server mode.
+             * @Default {false}
+             */
+            enableAdvancedFilter?: boolean;
+
+            /** Allows the user to refresh the control on-demand and not during every UI operation.
+             * @Default {false}
+             */
+            enableDeferUpdate?: boolean;
+
+            /** Lets the user to save and load reports in a customized way with the help of events.
+             * @Default {false}
+             */
+            enableLocalStorage?: boolean;
+
+            /** Allows the user to enable paging for both the PivotChart and PivotGrid components for the ease of viewing large data.
+             * @Default {false}
+             */
+            enablePaging?: boolean;
+
+            /** Allows the user to include the PivotTreeMap component as one of the chart types.
+             * @Default {false}
+             */
+            enablePivotTreeMap?: boolean;
+
+            /** Allows the user to view the layout of PivotClient from right to left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Enables/disables the visibility of measure group selector drop-down in Cube Browser.
+             * @Default {false}
+             */
+            enableMeasureGroups?: boolean;
+
+            /** Allows the user to enable virtual scrolling for both the PivotChart and PivotGrid components for the ease of viewing large data.
+             * @Default {false}
+             */
+            enableVirtualScrolling?: boolean;
+
+            /** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
+             * @Default {false}
+             */
+            enableMemberEditorPaging?: boolean;
+
+            /** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
+             * @Default {100}
+             */
+            memberEditorPageSize?: number;
+
+            /** Sets the summary layout for PivotGrid. Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
+             * @Default {ej.PivotGrid.Layout.Normal}
+             */
+            gridLayout?: ej.PivotGrid.Layout|string;
+
+            /** Allows the user to hide PivotClient's Cube Browser and Axis Element Builder while initiate the widget.
+             * @Default {false}
+             */
+            collapseCubeBrowserByDefault?: boolean;
+
+            /** Allows the user to enable PivotClient’s responsiveness in the browser layout.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the mode for the PivotClient widget for binding data source either in server-side or client-side.
+             * @Default {ej.Pivot.OperationalMode.ClientMode}
+             */
+            operationalMode?: ej.Pivot.OperationalMode|string;
+
+            /** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
+             * @Default {{}}
+             */
+            serviceMethodSettings?: ServiceMethodSettings;
+
+            /** Sets the title for PivotClient widget.
+             */
+            title?: string;
+
+            /** Connects the service using the specified URL for any server updates.
+             */
+            url?: string;
+
+            /** Triggers when it reaches client-side after any AJAX request.
+             */
+            afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
+
+            /** Triggers before any AJAX request is passed from client-side to service methods.
+             */
+            beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
+
+            /** Triggers before saving the current collection of reports.
+             */
+            saveReport?(e: SaveReportEventArgs): void;
+
+            /** Triggers before loading a saved collection of reports.
+             */
+            loadReport?(e: LoadReportEventArgs): void;
+
+            /** Triggers before fetching the report collection from storage.
+             */
+            fetchReport?(e: FetchReportEventArgs): void;
+
+            /** Triggers before exporting the control.
+             */
+            beforeExport?(e: BeforeExportEventArgs): void;
+
+            /** Triggers before rendering the PivotChart.
+             */
+            chartLoad?(e: ChartLoadEventArgs): void;
+
+            /** Triggers before rendering the PivotTreeMap.
+             */
+            treeMapLoad?(e: TreeMapLoadEventArgs): void;
+
+            /** Triggers while we initiate loading of the widget.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when PivotClient widget completes all operations at client-end after any AJAX request.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
 
-	/** returns the current dropped TreeView node
-	*/
-	droppedElement?: any;
+            /** Triggers when any error occurred during AJAX request.
+             */
+            renderFailure?(e: RenderFailureEventArgs): void;
 
-	/** returns the current dropped TreeView node details
-	*/
-	droppedElementData?: any;
+            /** Triggers when PivotClient successfully completes rendering.
+             */
+            renderSuccess?(e: RenderSuccessEventArgs): void;
+        }
 
-	/** returns the current parent element of the dropped node
-	*/
-	target?: any;
+        export interface AfterServiceInvokeEventArgs {
 
-	/** returns the given parent node details
-	*/
-	targetElementData?: any;
+            /** returns the current action of PivotClient control.
+             */
+            action?: string;
 
-	/** returns the drop position such as before, after or over
-	*/
-	position?: string;
+            /** returns the custom object bounds with PivotClient control.
+             */
+            customObject?: any;
 
-	/** returns the event object
-	*/
-	event?: any;
-}
+            /** returns the HTML element of PivotClient control.
+             */
+            element?: any;
+        }
 
-export interface NodeEditEventArgs {
+        export interface BeforeServiceInvokeEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the current action of PivotClient control.
+             */
+            action?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the custom object bounds with PivotClient control.
+             */
+            customObject?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the HTML element of PivotClient control.
+             */
+            element?: any;
+        }
 
-	/** returns the id of the element
-	*/
-	id?: string;
+        export interface SaveReportEventArgs {
 
-	/** returns the oldText of the element
-	*/
-	oldText?: string;
+            /** returns the current instance of PivotClient control.
+             */
+            targetControl?: any;
 
-	/** returns the newText of the element
-	*/
-	newText?: string;
+            /** returns the object which holds the necessary parameters required for saving the report collection.
+             */
+            saveReportSetting?: any;
+        }
 
-	/** returns the event object
-	*/
-	event?: any;
+        export interface LoadReportEventArgs {
 
-	/** returns the target element, the given node to be cut
-	*/
-	target?: any;
+            /** returns the current instance of PivotClient control.
+             */
+            targetControl?: any;
 
-	/** returns the given target node values
-	*/
-	nodeDetails?: any;
-}
+            /** returns the object which holds the necessary parameters required for loading a report collection from database.
+             */
+            loadReportSetting?: any;
+        }
 
-export interface NodeExpandEventArgs {
+        export interface FetchReportEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the current instance of PivotClient control.
+             */
+            targetControl?: any;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the object which holds the necessary parameters required for fetching the report names stored in database.
+             */
+            fetchReportSetting?: any;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface BeforeExportEventArgs {
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** holds the url of the service method responsible for exporting the PivotClient control.
+             */
+            url?: string;
 
-	/** if the child node is ready to expanded state; otherwise, false.
-	*/
-	isChildLoaded?: boolean;
+            /** holds the name of the file to be exported.
+             */
+            fileName?: string;
+        }
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+        export interface ChartLoadEventArgs {
 
-	/** returns the id of currently clicked node
-	*/
-	id?: string;
+            /** returns the current action of PivotChart control.
+             */
+            action?: string;
 
-	/** returns the parent id of currently clicked node
-	*/
-	parentId?: string;
+            /** returns the custom object bound with PivotChart control.
+             */
+            customObject?: any;
 
-	/** returns the format asynchronous or synchronous 
-	*/
-	async?: boolean;
-}
+            /** returns the HTML element of PivotChart control.
+             */
+            element?: any;
+        }
 
-export interface NodePasteEventArgs {
+        export interface TreeMapLoadEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
 
-	/** returns the event object
-	*/
-	event?: any;
+        export interface LoadEventArgs {
 
-	/** returns the pasted element
-	*/
-	target?: any;
+            /** returns the HTML element of PivotClient component.
+             */
+            element?: any;
 
-	/** returns the given target node values
-	*/
-	nodeDetails?: any;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
+        }
 
-	/** returns the key pressed key code value
-	*/
-	keyCode?: number;
-}
+        export interface RenderCompleteEventArgs {
 
-export interface NodeSelectEventArgs {
+            /** returns the HTML element of PivotClient component.
+             */
+            element?: any;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
+        }
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+        export interface RenderFailureEventArgs {
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
 
-	/** returns the id of the current element of the node clicked
-	*/
-	id?: any;
+            /** returns the HTML element of PivotClient control.
+             */
+            element?: any;
 
-	/** returns the id of the parent element of current element of the node clicked
-	*/
-	parentId?: any;
+            /** returns the error message with error code.
+             */
+            message?: string;
+        }
 
-	/** returns the current selected nodes index of TreeView
-	*/
-	selectedNodes?: Array<any>;
+        export interface RenderSuccessEventArgs {
 
-	/** returns the value of the node
-	*/
-	value?: string;
+            /** returns the object of PivotClient control at that instant.
+             */
+            args?: any;
+        }
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
-}
+        export interface DataSourceColumnsAdvancedFilter {
 
-export interface NodeUncheckEventArgs {
+            /** Allows the user to provide level unique name to perform advanced filtering.
+             */
+            name?: string;
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Allows the user to set the operator to perform Label Filtering.
+             * @Default {none}
+             */
+            labelFilterOperator?: string;
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Allows the user to set the operator to perform Value Filtering.
+             * @Default {none}
+             */
+            valueFilterOperator?: string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
+            /** Allows the user to set the filtering type while performing advanced filtering.
+             */
+            advancedFilterType?: string;
 
-	/** returns the event object
-	*/
-	event?: any;
+            /** In case of value filtering, this property contains the measure name to which the filter is applied.
+             */
+            measure?: string;
 
-	/** returns the id of the current element of the node clicked
-	*/
-	id?: any;
+            /** Allows the user to hold the filter operand values in advanced filtering.
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceColumnsFilterItems {
 
-	/** returns the id of the parent element of current element of the node clicked
-	*/
-	parentId?: any;
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceColumn {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item.
+             */
+            fieldCaption?: string;
+
+            /** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+             * @Default {[]}
+             */
+            advancedFilter?: DataSourceColumnsAdvancedFilter[];
+
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Shows/Hides the sub-total of the field in PivotGrid.
+             * @Default {true}
+             */
+            showSubTotal?: boolean;
+
+            /** Allows to set the format for the column headers.
+             */
+            format?: string;
+
+            /** This property sets type of display of date.
+             */
+            formatString?: string;
+
+            /** Allows to set the custom theme for the column headers.
+             */
+            cssClass?: string;
+
+            /** Allows the user to set the sorting order of the members of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+            /** Contains the list of members need to be drilled down by default in the field.
+             * @Default {[]}
+             */
+            drilledItems?: any[];
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceColumnsFilterItems;
+        }
+
+        export interface DataSourceRowsAdvancedFilter {
+
+            /** Allows the user to provide level unique name to perform advanced filtering.
+             */
+            name?: string;
+
+            /** Allows the user to set the operator to perform Label Filtering.
+             * @Default {none}
+             */
+            labelFilterOperator?: string;
+
+            /** Allows the user to set the operator to perform Value Filtering.
+             * @Default {none}
+             */
+            valueFilterOperator?: string;
+
+            /** Allows the user to set the filtering type while performing advanced filtering.
+             */
+            advancedFilterType?: string;
+
+            /** In case of value filtering, this property contains the measure name to which the filter is applied.
+             */
+            measure?: string;
+
+            /** Allows the user to hold the filter operand values in advanced filtering.
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRowsFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRow {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item.
+             */
+            fieldCaption?: string;
+
+            /** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
+             * @Default {[]}
+             */
+            advancedFilter?: DataSourceRowsAdvancedFilter[];
+
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Shows/Hides the sub-total of the field.
+             * @Default {true}
+             */
+            showSubTotal?: boolean;
+
+            /** Allows to set the format for the row headers.
+             */
+            format?: string;
+
+            /** This property sets type of display of date.
+             */
+            formatString?: string;
+
+            /** Allows to set the custom theme for the row headers.
+             */
+            cssClass?: string;
+
+            /** Allows the user to set the sorting order of the members of the field.
+             * @Default {ej.PivotAnalysis.SortOrder.Ascending}
+             */
+            sortOrder?: ej.PivotAnalysis.SortOrder|string;
+
+            /** Contains the list of members need to be drilled down by default in the field.
+             * @Default {[]}
+             */
+            drilledItems?: any[];
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceRowsFilterItems;
+        }
+
+        export interface DataSourceValuesMeasure {
+
+            /** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+             */
+            fieldName?: string;
+        }
+
+        export interface DataSourceValue {
+
+            /** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item for Relational datasource.
+             */
+            fieldCaption?: string;
+
+            /** This holds the list of unique names of measures to bind them from the OLAP cube.
+             * @Default {[]}
+             */
+            measures?: DataSourceValuesMeasure[];
+
+            /** Allows to set the axis name to place the measures items.
+             * @Default {rows}
+             */
+            axis?: string;
+
+            /** Indicates whether the field is a calculated field or not with Relational datasource.
+             * @Default {false}
+             */
+            isCalculatedField?: boolean;
+
+            /** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
+             * @Default {ej.PivotAnalysis.SummaryType.Sum}
+             */
+            summaryType?: ej.PivotAnalysis.SummaryType|string;
+
+            /** Allows to set the format of the values.
+             */
+            format?: string;
+
+            /** This property sets type of display of date.
+             */
+            formatString?: string;
+
+            /** Allows to set the custom theme for the values.
+             */
+            cssClass?: string;
+
+            /** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+             */
+            formula?: string;
+        }
+
+        export interface DataSourceFiltersFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceFilter {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display name for an item.
+             */
+            fieldCaption?: string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceFiltersFilterItems;
+        }
+
+        export interface DataSourcePagerOptions {
+
+            /** Allows to set the number of categorical columns to be displayed in each page on applying paging.
+             * @Default {0}
+             */
+            categoricalPageSize?: number;
+
+            /** Allows to set the number of series rows to be displayed in each page on applying paging.
+             * @Default {0}
+             */
+            seriesPageSize?: number;
+
+            /** Allows to set the page number in categorical axis to be loaded by default.
+             * @Default {1}
+             */
+            categoricalCurrentPage?: number;
+
+            /** Allows to set the page number in series axis to be loaded by default.
+             * @Default {1}
+             */
+            seriesCurrentPage?: number;
+        }
+
+        export interface DataSource {
+
+            /** Lists out the items to be arranged in columns section of PivotClient.
+             * @Default {[]}
+             */
+            columns?: DataSourceColumn[];
+
+            /** Lists out the items to be arranged in rows section of PivotClient.
+             * @Default {[]}
+             */
+            rows?: DataSourceRow[];
+
+            /** Lists out the items which supports calculation in PivotClient.
+             * @Default {[]}
+             */
+            values?: DataSourceValue[];
+
+            /** Lists out the items which supports filtering of values without displaying the members in UI in PivotClient.
+             * @Default {[]}
+             */
+            filters?: DataSourceFilter[];
+
+            /** Contains the respective cube name from OLAP database as string type.
+             * @Default {“”}
+             */
+            cube?: string;
+
+            /** To set the data source name to fetch data from that.
+             * @Default {“”}
+             */
+            sourceInfo?: string;
+
+            /** Set the provider name for PivotClient to identify whether the provider is SSAS or Mondrian.
+             * @Default {ssas}
+             */
+            providerName?: string;
+
+            /** Provides the raw data source for the PivotClient.
+             * @Default {null}
+             */
+            data?: any;
+
+            /** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+             * @Default {“”}
+             */
+            catalog?: string;
+
+            /** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option in client-mode.
+             * @Default {false}
+             */
+            enableAdvancedFilter?: boolean;
+
+            /** Sets a name to the report bound to the control.
+             */
+            reportName?: string;
+
+            /** Allows to set the page size and current page number for each axis on applying paging.
+             * @Default {{}}
+             */
+            pagerOptions?: DataSourcePagerOptions;
+        }
+
+        export interface DisplaySettings {
+
+            /** Lets the user to customize the display of PivotChart and PivotGrid widgets, either in tabs or tiles.
+             * @Default {ej.PivotClient.ControlPlacement.Tab}
+             */
+            controlPlacement?: ej.PivotClient.ControlPlacement|string;
+
+            /** Lets the user to set either Chart or Grid as the start-up widget.
+             * @Default {ej.PivotClient.DefaultView.Grid}
+             */
+            defaultView?: ej.PivotClient.DefaultView|string;
+
+            /** Lets the user to have an option for switching to full screen view of PivotChart and PivotGrid from default view in PivotClient.
+             * @Default {false}
+             */
+            enableFullScreen?: boolean;
+
+            /** Enables an option to enhance the space for PivotGrid and PivotChart by hiding Cube Browser and Axis Element Builder.
+             * @Default {false}
+             */
+            enableTogglePanel?: boolean;
+
+            /** Sets the display mode (Only Chart/Only Grid/Both) in PivotClient.
+             * @Default {ej.PivotClient.DisplayMode.ChartAndGrid}
+             */
+            mode?: ej.PivotClient.DisplayMode|string;
+        }
+
+        export interface ToolbarIconSettings {
+
+            /** Allows user to set the visibility of Add Report icon in toolbar panel.
+             * @Default {true}
+             */
+            enableAddReport?: boolean;
+
+            /** Allows user to set the visibility of New Report icon in toolbar panel.
+             * @Default {true}
+             */
+            enableNewReport?: boolean;
+
+            /** Allows user to set the visibility of Rename Report icon in toolbar panel.
+             * @Default {true}
+             */
+            enableRenameReport?: boolean;
+
+            /** Allows user to set the visibility of DB Manipulation icon in toolbar panel.
+             * @Default {true}
+             */
+            enableDBManipulation?: boolean;
+
+            /** Allows user to set the visibility of Word Export icon in toolbar panel.
+             * @Default {true}
+             */
+            enableWordExport?: boolean;
+
+            /** Allows user to set the visibility of Excel Export icon in toolbar panel.
+             * @Default {true}
+             */
+            enableExcelExport?: boolean;
+
+            /** Allows user to set the visibility of PDF Export icon in toolbar panel.
+             * @Default {true}
+             */
+            enablePdfExport?: boolean;
+
+            /** Allows user to set the visibility of MDX Query icon in toolbar panel.
+             * @Default {true}
+             */
+            enableMDXQuery?: boolean;
+
+            /** Allows user to set the visibility of Defer Update icon in toolbar panel.
+             * @Default {false}
+             */
+            enableDeferUpdate?: boolean;
+
+            /** Allows user to set the visibility of Full Screen icon in toolbar panel.
+             * @Default {false}
+             */
+            enableFullScreen?: boolean;
+
+            /** Allows user to set the visibility of Sort/Filter Column icon in toolbar panel.
+             * @Default {true}
+             */
+            enableSortOrFilterColumn?: boolean;
+
+            /** Allows user to set the visibility of Sort/Filter Row icon in toolbar panel.
+             * @Default {true}
+             */
+            enableSortOrFilterRow?: boolean;
+
+            /** Allows user to set the visibility of Toggle Axis icon in toolbar panel.
+             * @Default {true}
+             */
+            enableToggleAxis?: boolean;
+
+            /** Allows user to set the visibility of Chart Types icon in toolbar panel.
+             * @Default {true}
+             */
+            enableChartTypes?: boolean;
+
+            /** Allows user to set the visibility of Remove Report icon in toolbar panel.
+             * @Default {true}
+             */
+            enableRemoveReport?: boolean;
+
+            /** Allows user to set the visibility of Calculated Member icon in toolbar panel.
+             * @Default {false}
+             */
+            enableCalculatedMember?: boolean;
+        }
+
+        export interface ServiceMethodSettings {
+
+            /** Allows the user to set the custom name for the service method responsible for updating the entire report and widget, while changing the Cube.
+             * @Default {CubeChanged}
+             */
+            cubeChanged?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for exporting.
+             * @Default {Export}
+             */
+            exportPivotClient?: string;
+
+            /** Allows the user to set the custom name for the service method responsible to get the members for the tree-view, inside member-editor dialog.
+             * @Default {FetchMemberTreeNodes}
+             */
+            fetchMemberTreeNodes?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for fetching the report names from the database.
+             * @Default {FetchReportListFromDB}
+             */
+            fetchReportList?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for updating report while filtering members.
+             * @Default {FilterElement}
+             */
+            filterElement?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for initializing PivotClient.
+             * @Default {InitializeClient}
+             */
+            initialize?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for loading a report collection from the database.
+             * @Default {LoadReportFromDB}
+             */
+            loadReport?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for retrieving the MDX query for the current report.
+             * @Default {GetMDXQuery}
+             */
+            mdxQuery?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for updating the tree-view inside Cube Browser, while changing the measure group.
+             * @Default {MeasureGroupChanged}
+             */
+            measureGroupChanged?: string;
+
+            /** Allows the user to set the custom name for the service method responsible to get the child members, on tree-view node expansion.
+             * @Default {MemberExpanded}
+             */
+            memberExpand?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for updating report while dropping a node/SplitButton inside Axis Element Builder.
+             * @Default {NodeDropped}
+             */
+            nodeDropped?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for updating report while removing SplitButton from Axis Element Builder.
+             * @Default {RemoveSplitButton}
+             */
+            removeSplitButton?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for saving the report collection to database.
+             * @Default {SaveReportToDB}
+             */
+            saveReport?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for toggling the elements in row and column axes.
+             * @Default {ToggleAxis}
+             */
+            toggleAxis?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for all the toolbar operations.
+             * @Default {ToolbarOperations}
+             */
+            toolbarServices?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for updating report collection.
+             * @Default {UpdateReport}
+             */
+            updateReport?: string;
+
+            /** Allows the user to set the custom name for the service method responsible on navigating between pages in paged PivotClient.
+             * @Default {Paging}
+             */
+            paging?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for updating report with calculated member.
+             * @Default {CalculatedMember}
+             */
+            calculatedMember?: string;
+        }
+
+        enum ClientExportMode {
+
+            ///Exports both the PivotChart and PivotGrid on exporting.
+            ChartAndGrid,
+
+            ///Exports the PivotChart control alone on exporting.
+            ChartOnly,
+
+            ///Exports the PivotGrid control alone on exporting.
+            GridOnly
+        }
+
+
+        enum ControlPlacement {
+
+            ///Displays PivotChart and PivotGrid widgets in separate tabs.
+            Tab,
+
+            ///Displays PivotChart and PivotGrid widgets one above the other.
+            Tile
+        }
+
+
+        enum DefaultView {
+
+            ///To set PivotChart as a default control in view.
+            Chart,
+
+            ///To set PivotGrid as a default control in view.
+            Grid
+        }
+
+
+        enum DisplayMode {
+
+            ///To display only PivotChart widget.
+            ChartOnly,
+
+            ///To display only PivotGrid widget.
+            GridOnly,
+
+            ///To display both PivotChart and PivotGrid widgets.
+            ChartAndGrid
+        }
+
+    }
+
+    class PivotGauge extends ej.Widget {
+        static fn: PivotGauge;
+        constructor(element: JQuery | Element, options?: PivotGauge.Model);
+        static Locale: any;
+        model: PivotGauge.Model;
+        defaults: PivotGauge.Model;
+
+        /** Performs an asynchronous HTTP (AJAX) request.
+         * @returns {void}
+         */
+        doAjaxPost(): void;
+
+        /** This function is used to refresh the PivotGauge at client-side itself.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** This function removes the KPI related images from PivotGauge on binding OLAP datasource.
+         * @returns {void}
+         */
+        removeImg(): void;
+
+        /** This function receives the JSON formatted datasource and renders the PivotGauge control.
+         * @returns {void}
+         */
+        renderControlFromJSON(): void;
+
+        /** Returns the OlapReport string maintained along with the axis elements information.
+         * @returns {string}
+         */
+        getOlapReport(): string;
+
+        /** Sets the OlapReport string along with the axis information and maintains it in a property.
+         * @returns {void}
+         */
+        setOlapReport(): void;
+
+        /** Returns the JSON records formed to render the control.
+         * @returns {any[]}
+         */
+        getJSONRecords(): any[];
+
+        /** Sets the JSON records to render the control.
+         * @returns {void}
+         */
+        setJSONRecords(): void;
+
+        /** Returns the JSON records required to render the PivotGauge on performing any action with OLAP data source.
+         * @returns {void}
+         */
+        getJSONData(): void;
+    }
+    export namespace PivotGauge {
+
+        export interface Model {
+
+            /** Sets the number of columns to arrange the Pivot Gauges.
+             * @Default {0}
+             */
+            columnsCount?: number;
+
+            /** Specifies the CSS class to PivotGauge to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Object utilized to pass additional information between client-end and service-end on operating in server mode.
+             * @Default {{}}
+             */
+            customObject?: any;
+
+            /** Initializes the data source for the PivotGauge widget, when it functions completely on client-side.
+             * @Default {{}}
+             */
+            dataSource?: DataSource;
+
+            /** Enables/disables the animation of pointer in PivotGauge.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Enables/disables tooltip visibility in PivotGauge.
+             * @Default {false}
+             */
+            enableTooltip?: boolean;
+
+            /** Allows the user to view PivotGauge from right to left.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Allows the user to enable PivotGauge’s responsiveness in the browser layout.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Allows the user to change the format of the label values in PivotGauge.
+             * @Default {null}
+             */
+            labelFormatSettings?: LabelFormatSettings;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the number of rows to arrange the Pivot Gauges.
+             * @Default {0}
+             */
+            rowsCount?: number;
+
+            /** Sets the scale values such as pointers, indicators, etc... for PivotGauge.
+             * @Default {{}}
+             */
+            scales?: any;
+
+            /** Allows the user to set the custom name for the methods at service-end, communicated during AJAX post.
+             * @Default {{}}
+             */
+            serviceMethodSettings?: ServiceMethodSettings;
+
+            /** Enables/disables the header labels in PivotGauge.
+             * @Default {true}
+             */
+            showHeaderLabel?: boolean;
+
+            /** Connects the service using the specified URL for any server updates on server mode operation.
+             * @Default {“”}
+             */
+            url?: string;
+
+            /** Sets the mode for the PivotGauge widget for binding either OLAP or Relational data source.
+             * @Default {ej.Pivot.AnalysisMode.Pivot}
+             */
+            analysisMode?: ej.Pivot.AnalysisMode|string;
+
+            /** Sets the mode for the PivotGauge widget for binding data source either in server-side or client-side.
+             * @Default {ej.Pivot.OperationalMode.ClientMode}
+             */
+            operationalMode?: ej.Pivot.OperationalMode|string;
+
+            /** Triggers when it reaches client-side after any AJAX request.
+             */
+            afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
+
+            /** Triggers before any AJAX request is passed from PivotGauge to service methods.
+             */
+            beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
+
+            /** Triggers before populating the pivot engine on operating in client mode.
+             */
+            beforePivotEnginePopulate?(e: BeforePivotEnginePopulateEventArgs): void;
+
+            /** Triggers when PivotGauge started loading at client-side.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when PivotGauge widget completes all operations at client-side after any AJAX request.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+
+            /** Triggers when any error occurred during AJAX request.
+             */
+            renderFailure?(e: RenderFailureEventArgs): void;
+
+            /** Triggers when PivotGauge successfully reaches client-side after any AJAX request.
+             */
+            renderSuccess?(e: RenderSuccessEventArgs): void;
+        }
+
+        export interface AfterServiceInvokeEventArgs {
+
+            /** returns the custom object bound with PivotGauge control.
+             */
+            customObject?: any;
+
+            /** returns the HTML element of PivotGauge control.
+             */
+            element?: any;
+        }
+
+        export interface BeforeServiceInvokeEventArgs {
+
+            /** returns the custom object bound with PivotGauge control.
+             */
+            customObject?: any;
+
+            /** returns the HTML element of PivotGauge control.
+             */
+            element?: any;
+        }
+
+        export interface BeforePivotEnginePopulateEventArgs {
+
+            /** returns the current instance of PivotGauge control.
+             */
+            gaugeObject?: any;
+        }
 
-	/** returns the value of the node
-	*/
-	value?: string;
+        export interface LoadEventArgs {
 
-	/** returns the current element of the node clicked
-	*/
-	currentElement?: any;
+            /** returns the current action of PivotGauge control.
+             */
+            action?: string;
 
-	/** it returns true when the node checkbox is checked; otherwise, false.
-	*/
-	isChecked?: boolean;
+            /** returns the model of PivotGauge control.
+             */
+            model?: any;
 
-	/** it returns currently unchecked node name
-	*/
-	currentNode?: string;
+            /** returns the HTML element of the widget.
+             */
+            element?: any;
 
-	/** it returns currently unchecked node and its child node details.
-	*/
-	currentUncheckedNodes?: Array<any>;
-}
+            /** returns the custom object bound to the control.
+             */
+            customObject?: any;
+        }
 
-export interface NodeUnselectEventArgs {
+        export interface RenderCompleteEventArgs {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the custom object bound with PivotGauge control.
+             */
+            customObject?: any;
 
-	/** returns the current element of the node unselected
-	*/
-	currentElement?: any;
+            /** returns the HTML element of PivotGauge control.
+             */
+            element?: any;
+        }
 
-	/** returns the id of the current element of the node unselected
-	*/
-	id?: string;
+        export interface RenderFailureEventArgs {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** returns the HTML element of PivotGauge control.
+             */
+            element?: any;
 
-	/** returns the id of the parent element of current element of the node unselected
-	*/
-	parentId?: string;
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
 
-	/** returns the current selected nodes index of TreeView
-	*/
-	selectedNodes?: Array<any>;
+            /** returns the error message with error code.
+             */
+            message?: string;
+        }
 
-	/** returns the name of the event
-	*/
-	type?: string;
+        export interface RenderSuccessEventArgs {
 
-	/** returns the value of the node
-	*/
-	value?: string;
-}
+            /** returns the HTML element of PivotGauge control.
+             */
+            element?: any;
 
-export interface ReadyEventArgs {
+            /** returns the custom object bound with the control.
+             */
+            customObject?: any;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface DataSourceColumnsFilterItems {
 
-	/** returns the TreeView model
-	*/
-	model?: ej.TreeView.Model;
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
 
-export interface Fields {
+        export interface DataSourceColumn {
 
-	/** It receives the child level or inner level data source such as Essential DataManager object and JSON object.
-	*/
-	child?: any;
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
 
-	/** It receives Essential DataManager object and JSON object.
-	*/
-	dataSource?: any;
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceColumnsFilterItems;
+        }
 
-	/** Specifies the node to be in expanded state.
-	*/
-	expanded?: string;
+        export interface DataSourceRowsFilterItems {
 
-	/** Its allow us to indicate whether the node has child or not in load on demand
-	*/
-	hasChild?: string;
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
 
-	/** Specifies the HTML Attributes to &quot;li&quot; item list.
-	*/
-	htmlAttribute?: any;
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRow {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
 
-	/** Specifies the id to TreeView node items list.
-	*/
-	id?: string;
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceRowsFilterItems;
+        }
+
+        export interface DataSourceValuesMeasure {
+
+            /** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+             */
+            fieldName?: string;
+        }
+
+        export interface DataSourceValue {
+
+            /** Allows the user to bind the item by using its unique name as field name for Relational datasource.
+             */
+            fieldName?: string;
+
+            /** Allows the user to set the display caption for an item for Relational datasource.
+             */
+            fieldCaption?: string;
+
+            /** This holds the list of unique names of measures to bind them from the OLAP cube.
+             * @Default {[]}
+             */
+            measures?: DataSourceValuesMeasure[];
+
+            /** Allows to set the axis name to place the measures items.
+             * @Default {rows}
+             */
+            axis?: string;
+
+            /** Indicates whether the field is a calculated field or not with Relational datasource.
+             * @Default {false}
+             */
+            isCalculatedField?: boolean;
+
+            /** Allows to set the formula for calculation of values for calculated members in Relational datasource.
+             */
+            formula?: string;
+        }
+
+        export interface DataSourceFiltersFilterItems {
+
+            /** Sets the type of filter whether to include/exclude the mentioned values.
+             * @Default {ej.PivotAnalysis.FilterType.Exclude}
+             */
+            filterType?: ej.PivotAnalysis.FilterType|string;
+
+            /** Contains the collection of items to be included/excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceFilter {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceFiltersFilterItems;
+        }
+
+        export interface DataSource {
+
+            /** Contains the respective cube name from OLAP database as string type.
+             * @Default {“”}
+             */
+            cube?: string;
+
+            /** To set the data source name to fetch data from that.
+             * @Default {“”}
+             */
+            sourceInfo?: string;
+
+            /** Set the provider name for PivotGauge to identify whether the provider is SSAS or Mondrian.
+             * @Default {ssas}
+             */
+            providerName?: string;
+
+            /** Provides the raw data source for the PivotGauge.
+             * @Default {null}
+             */
+            data?: any;
+
+            /** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+             * @Default {“”}
+             */
+            catalog?: string;
+
+            /** Lists out the items to bind in columns section.
+             * @Default {[]}
+             */
+            columns?: DataSourceColumn[];
+
+            /** Lists out the items to bind in rows section.
+             * @Default {[]}
+             */
+            rows?: DataSourceRow[];
+
+            /** Lists out the items supports calculation in PivotGauge.
+             * @Default {[]}
+             */
+            values?: DataSourceValue[];
+
+            /** Lists out the items which supports filtering of values without displaying the members in UI in PivotGauge.
+             * @Default {[]}
+             */
+            filters?: DataSourceFilter[];
+        }
+
+        export interface LabelFormatSettings {
+
+            /** Allows the user to change the number format of the label values in PivotGauge.
+             * @Default {ej.PivotGauge.NumberFormat.Default}
+             */
+            numberFormat?: ej.PivotGauge.NumberFormat|string;
+
+            /** Allows you to set the number of digits displayed after decimal point.
+             * @Default {5}
+             */
+            decimalPlaces?: number;
+
+            /** Allows you to add a text at the beginning of the label.
+             */
+            prefixText?: string;
+
+            /** Allows you to add text at the end of the label.
+             */
+            suffixText?: string;
+        }
+
+        export interface ServiceMethodSettings {
+
+            /** Allows the user to set the custom name for the service method responsible for initializing PivotGauge.
+             * @Default {InitializeGauge}
+             */
+            initialize?: string;
+        }
+
+        enum NumberFormat {
+
+            ///To set default format for label values.
+            Default,
+
+            ///To set currency format for label values.
+            Currency,
+
+            ///To set percentage format for label values.
+            Percentage,
+
+            ///To set fraction format for label values.
+            Fraction,
+
+            ///To set scientific format for label values.
+            Scientific,
+
+            ///To set text format for label values.
+            Text,
+
+            ///To set notation format for label values.
+            Notation
+        }
+
+    }
+
+    class PivotTreeMap extends ej.Widget {
+        static fn: PivotTreeMap;
+        constructor(element: JQuery | Element, options?: PivotTreeMap.Model);
+        static Locale: any;
+        model: PivotTreeMap.Model;
+        defaults: PivotTreeMap.Model;
+
+        /** Performs an asynchronous HTTP (AJAX) request.
+         * @returns {void}
+         */
+        doAjaxPost(): void;
+
+        /** Returns the OlapReport string maintained along with the axis elements information.
+         * @returns {string}
+         */
+        getOlapReport(): string;
+
+        /** Sets the OlapReport string along with the axis information and maintains it in a property.
+         * @returns {void}
+         */
+        setOlapReport(): void;
+
+        /** Returns the JSON records formed to render the control.
+         * @returns {any[]}
+         */
+        getJSONRecords(): any[];
+
+        /** Sets the JSON records to render the control.
+         * @returns {void}
+         */
+        setJSONRecords(): void;
+
+        /** Renders the control with the pivot engine obtained from OLAP cube.
+         * @returns {void}
+         */
+        generateJSON(): void;
+
+        /** This function receives the JSON formatted datasource to render the PivotTreeMap control.
+         * @returns {void}
+         */
+        renderTreeMapFromJSON(): void;
+
+        /** This function receives the update from service-end, which would be utilized for rendering the widget.
+         * @returns {void}
+         */
+        renderControlSuccess(): void;
+    }
+    export namespace PivotTreeMap {
+
+        export interface Model {
+
+            /** Specifies the CSS class to PivotTreeMap to achieve custom theme.
+             * @Default {“”}
+             */
+            cssClass?: string;
+
+            /** Initializes the data source for the PivotTreeMap widget, when it functions completely on client-side.
+             * @Default {{}}
+             */
+            dataSource?: DataSource;
+
+            /** Object utilized to pass additional information between client-end and service-end.
+             * @Default {{}}
+             */
+            customObject?: any;
+
+            /** Allows the user to enable PivotTreeMap’s responsiveness in the browser layout.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Allows the user to set the localized language for the widget.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the mode for the PivotTreeMap widget for binding data source either in server-side or client-side.
+             * @Default {ej.Pivot.OperationalMode.ClientMode}
+             */
+            operationalMode?: ej.Pivot.OperationalMode|string;
+
+            /** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
+             * @Default {{}}
+             */
+            serviceMethodSettings?: ServiceMethodSettings;
+
+            /** Connects the service using the specified URL for any server updates.
+             * @Default {“”}
+             */
+            url?: string;
+
+            /** Triggers when it reaches client-side after any AJAX request.
+             */
+            afterServiceInvoke?(e: AfterServiceInvokeEventArgs): void;
+
+            /** Triggers before any AJAX request is passed from PivotTreeMap to service methods.
+             */
+            beforeServiceInvoke?(e: BeforeServiceInvokeEventArgs): void;
+
+            /** Triggers when PivotTreeMap starts to render.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers before populating the pivot engine from datasource.
+             */
+            beforePivotEnginePopulate?(e: BeforePivotEnginePopulateEventArgs): void;
+
+            /** Triggers when drill up/down happens in PivotTreeMap control. And it returns the outer HTML of PivotTreeMap control.
+             */
+            drillSuccess?(e: DrillSuccessEventArgs): void;
+
+            /** Triggers when PivotTreeMap widget completes all operations at client-side after any AJAX request.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+
+            /** Triggers when any error occurred during AJAX request.
+             */
+            renderFailure?(e: RenderFailureEventArgs): void;
+
+            /** Triggers when PivotTreeMap successfully reaches client-side after any AJAX request.
+             */
+            renderSuccess?(e: RenderSuccessEventArgs): void;
+        }
+
+        export interface AfterServiceInvokeEventArgs {
+
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
+
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-	/** Specifies the image attribute to “img” tag inside items list
-	*/
-	imageAttribute?: any;
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
+
+        export interface BeforeServiceInvokeEventArgs {
 
-	/** Specifies the HTML Attributes to &quot;li&quot; item list.
-	*/
-	imageUrl?: string;
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
 
-	/** If its true Checkbox node will be checked when rendered with checkbox.
-	*/
-	isChecked?: string;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-	/** Specifies the link attribute to “a” tag in item list.
-	*/
-	linkAttribute?: any;
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
 
-	/** Specifies the parent id of the node. The nodes are listed as child nodes of the specified parent node by using its parent id.
-	*/
-	parentId?: string;
+        export interface LoadEventArgs {
 
-	/** It receives query to retrieve data from the table (query is same as SQL).
-	*/
-	query?: any;
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
 
-	/** Allow us to specify the node to be in selected state
-	*/
-	selected?: string;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-	/** Specifies the sprite CSS class to &quot;li&quot; item list.
-	*/
-	spriteCssClass?: string;
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
 
-	/** It receives the table name to execute query on the corresponding table.
-	*/
-	tableName?: string;
+        export interface BeforePivotEnginePopulateEventArgs {
 
-	/** Specifies the text of TreeView node items list.
-	*/
-	text?: string;
-}
+            /** returns the current instance of PivotTreeMap control.
+             */
+            treeMapObject?: any;
+        }
 
-export interface SortSettings {
+        export interface DrillSuccessEventArgs {
 
-	/** Enables or disables the sorting option in TreeView control
-	*   @Default {false}
-	*/
-	allowSorting?: boolean;
+            /** return the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
 
-	/** Sets the sorting order type. There are two sorting types available, such as &quot;ascending&quot;, &quot;descending&quot;.
-	*   @Default {ej.sortOrder.Ascending}
-	*/
-	sortOrder?: ej.sortOrder|string;
-}
-}
-enum sortOrder
-{
-//Enum for Ascending sort order
-Ascending,
-//Enum for Descending sort order
-Descending,
-}
+        export interface RenderCompleteEventArgs {
 
-class Uploadbox extends ej.Widget {
-	static fn: Uploadbox;
-	constructor(element: JQuery, options?: Uploadbox.Model);
-	constructor(element: Element, options?: Uploadbox.Model);
-	static Locale: any;
-	model:Uploadbox.Model;
-	defaults:Uploadbox.Model;
-
-	/** The destroy method destroys the control and brings the control to a pre-init state. All the events of the Upload control is bound by using this._on unbinds automatically.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the Uploadbox control
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the Uploadbox control
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Refresh the Uploadbox control
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Upload the selected files.
-	*   @returns {void}
-	*/
-	upload(): void;
-}
-export module Uploadbox{
-
-export interface Model {
-
-	/** Enables the file drag and drop support to the Uploadbox control.
-	*   @Default {false}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** Uploadbox supports both synchronous and asynchronous upload. This can be achieved by using the asyncUpload property.
-	*   @Default {true}
-	*/
-	asyncUpload?: boolean;
-
-	/** Uploadbox supports auto uploading of files after the file selection is done.
-	*   @Default {false}
-	*/
-	autoUpload?: boolean;
-
-	/** Sets the text for each action button.
-	*   @Default {{browse: Browse, upload: Upload, cancel: Cancel, close: Close}}
-	*/
-	buttonText?: ButtonText;
-
-	/** Sets the root class for the Uploadbox control theme. This cssClass API helps to use custom skinning option for the Uploadbox button and dialog content.
-	*/
-	cssClass?: string;
-
-	/** Specifies the custom file details in the dialog popup on initialization.
-	*   @Default {{ title:true, name:true, size:true, status:true, action:true}}
-	*/
-	customFileDetails?: CustomFileDetails;
-
-	/** Specifies the actions for dialog popup while initialization.
-	*   @Default {{ modal:false, closeOnComplete:false, content:null, drag:true}}
-	*/
-	dialogAction?: DialogAction;
-
-	/** Displays the Uploadbox dialog at the given X and Y positions. X: Dialog sets the left position value. Y: Dialog sets the top position value.
-	*   @Default {null}
-	*/
-	dialogPosition?: any;
-
-	/** Property for applying the text to the Dialog title and content headers.
-	*   @Default {{ title: Upload Box, name: Name, size: Size, status: Status}}
-	*/
-	dialogText?: DialogText;
-
-	/** The dropAreaText is displayed when the drag and drop support is enabled in the Uploadbox control.
-	*   @Default {Drop files or click to upload}
-	*/
-	dropAreaText?: string;
-
-	/** Specifies the dropAreaHeight when the drag and drop support is enabled in the Uploadbox control.
-	*   @Default {100%}
-	*/
-	dropAreaHeight?: number|string;
-
-	/** Specifies the dropAreaWidth when the drag and drop support is enabled in the Uploadbox control.
-	*   @Default {100%}
-	*/
-	dropAreaWidth?: number|string;
-
-	/** Based on the property value, Uploadbox is enabled or disabled.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Sets the right-to-left direction property for the Uploadbox control.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Only the files with the specified extension is allowed to upload. This is mentioned in the string format.
-	*/
-	extensionsAllow?: string;
-
-	/** Only the files with the specified extension is denied for upload. This is mentioned in the string format.
-	*/
-	extensionsDeny?: string;
-
-	/** Sets the maximum size limit for uploading the file. This is mentioned in the number format.
-	*   @Default {31457280}
-	*/
-	fileSize?: number;
-
-	/** Sets the height of the browse button.
-	*   @Default {35px}
-	*/
-	height?: string;
-
-	/** Specifies the list of HTML attributes to be added to uploadbox control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Configures the culture data and sets the culture to the Uploadbox.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Enables multiple file selection for upload.
-	*   @Default {true}
-	*/
-	multipleFilesSelection?: boolean;
-
-	/** You can push the file to the Uploadbox in the client-side of the XHR supported browsers alone.
-	*   @Default {null}
-	*/
-	pushFile?: any;
-
-	/** Specifies the remove action to be performed after the file uploading is completed. Here, mention the server address for removal.
-	*/
-	removeUrl?: string;
-
-	/** Specifies the save action to be performed after the file is pushed for uploading. Here, mention the server address to be saved.
-	*/
-	saveUrl?: string;
-
-	/** Enables the browse button support to the Uploadbox control.
-	*   @Default {true}
-	*/
-	showBrowseButton?: boolean;
-
-	/** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
-	*   @Default {true}
-	*/
-	showFileDetails?: boolean;
-
-	/** Specifies the file details to be displayed when selected for uploading. This can be done when the showFileDetails is set to true.
-	*   @Default {true}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Sets the name for the Uploadbox control. This API helps to Map the action in code behind to retrieve the files.
-	*/
-	uploadName?: string;
-
-	/** Sets the width of the browse button.
-	*   @Default {100px}
-	*/
-	width?: string;
-
-	/** Fires when the upload progress beforeSend. */
-	beforeSend? (e: BeforeSendEventArgs): void;
-
-	/** Fires when the upload progress begins. */
-	begin? (e: BeginEventArgs): void;
-
-	/** Fires when the upload progress is cancelled. */
-	cancel? (e: CancelEventArgs): void;
-
-	/** Fires when the file upload progress is completed. */
-	complete? (e: CompleteEventArgs): void;
-
-	/** Fires when the file upload progress is succeeded. */
-	success? (e: SuccessEventArgs): void;
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
 
-	/** Fires when the Uploadbox control is created. */
-	create? (e: CreateEventArgs): void;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-	/** Fires when the Uploadbox control is destroyed. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires when the Upload process ends in Error. */
-	error? (e: ErrorEventArgs): void;
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
 
-	/** Fires when the file is selected for upload successfully. */
-	fileSelect? (e: FileSelectEventArgs): void;
+        export interface RenderFailureEventArgs {
 
-	/** Fires when the file is uploading. */
-	inProgress? (e: InProgressEventArgs): void;
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
 
-	/** Fires when the uploaded file is removed successfully. */
-	remove? (e: RemoveEventArgs): void;
-}
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-export interface BeforeSendEventArgs {
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
 
-	/** Selected FileList Object.
-	*/
-	files?: any;
+            /** returns the error stack trace of the original exception.
+             */
+            message?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface RenderSuccessEventArgs {
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** returns the current action of PivotTreeMap control.
+             */
+            action?: string;
 
-	/** XHR-AJAX Object for reference.
-	*/
-	xhr?: any;
+            /** returns the custom object bound with PivotTreeMap control.
+             */
+            customObject?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the HTML element of PivotTreeMap control.
+             */
+            element?: any;
+        }
 
-export interface BeginEventArgs {
+        export interface DataSourceColumnsFilterItems {
 
-	/** To pass additional information to the server.
-	*/
-	data?: any;
+            /** Contains the collection of items to be excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
 
-	/** Selected FileList Object.
-	*/
-	files?: any;
+        export interface DataSourceColumn {
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceColumnsFilterItems;
+        }
+
+        export interface DataSourceRowsFilterItems {
+
+            /** Contains the collection of items to be excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceRow {
 
-export interface CancelEventArgs {
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Allows the user to indicate whether the added item is a named set or not.
+             * @Default {false}
+             */
+            isNamedSets?: boolean;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceRowsFilterItems;
+        }
+
+        export interface DataSourceValuesMeasure {
+
+            /** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
+             */
+            fieldName?: string;
+        }
+
+        export interface DataSourceValue {
+
+            /** This holds the list of unique names of measures to bind them from the OLAP cube.
+             * @Default {[]}
+             */
+            measures?: DataSourceValuesMeasure[];
+
+            /** Allows to set the axis name to place the measures items.
+             * @Default {rows}
+             */
+            axis?: string;
+        }
+
+        export interface DataSourceFiltersFilterItems {
+
+            /** Contains the collection of items to be excluded among the field members.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
+
+        export interface DataSourceFilter {
+
+            /** Allows the user to bind the item by using its unique name as field name.
+             */
+            fieldName?: string;
+
+            /** Applies filter to the field members.
+             * @Default {null}
+             */
+            filterItems?: DataSourceFiltersFilterItems;
+        }
+
+        export interface DataSource {
+
+            /** Provides the raw data source for the PivotTreeMap.
+             * @Default {null}
+             */
+            data?: any;
+
+            /** Contains the respective cube name from OLAP database as string type.
+             * @Default {“”}
+             */
+            cube?: string;
+
+            /** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
+             * @Default {“”}
+             */
+            catalog?: string;
+
+            /** Lists out the items to be displayed as series of PivotTreeMap.
+             * @Default {[]}
+             */
+            columns?: DataSourceColumn[];
+
+            /** Lists out the items to be displayed as segments of PivotTreeMap.
+             * @Default {[]}
+             */
+            rows?: DataSourceRow[];
+
+            /** Lists out the items supports calculation in PivotTreeMap.
+             * @Default {[]}
+             */
+            values?: DataSourceValue[];
+
+            /** Lists out the items which supports filtering of values without displaying the members in UI in PivotTreeMap.
+             * @Default {[]}
+             */
+            filters?: DataSourceFilter[];
+        }
+
+        export interface ServiceMethodSettings {
+
+            /** Allows the user to set the custom name for the service method responsible for initializing PivotTreeMap.
+             * @Default {InitializeTreemap}
+             */
+            initialize?: string;
+
+            /** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotTreeMap.
+             * @Default {DrillTreeMap}
+             */
+            drillDown?: string;
+        }
+    }
+
+    class Schedule extends ej.Widget {
+        static fn: Schedule;
+        constructor(element: JQuery | Element, options?: Schedule.Model);
+        static Locale: any;
+        model: Schedule.Model;
+        defaults: Schedule.Model;
+
+        /** This method is used to delete the appointment based on the guid value or the appointment data passed to it.
+         * @param {string|any} GUID value of an appointment element or an appointment object
+         * @returns {void}
+         */
+        deleteAppointment(data: string|any): void;
+
+        /** Destroys the Schedule widget. All the events bound using this._on are unbound automatically and the control is moved to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** Exports the appointments from the Schedule control.
+         * @param {string} It refers the controller action name to redirect. (For MVC)
+         * @param {string} It refers the server event name.(For ASP)
+         * @param {string|number} Pass the id of an appointment, in case if a single appointment needs to be exported. Otherwise, it takes the null value.
+         * @returns {void}
+         */
+        exportSchedule(action: string, serverEvent: string, id: string|number): void;
+
+        /** Searches and filters the appointments from appointment list of Schedule control.
+         * @param {any[]} Holds array of one or more conditional objects for filtering the appointments based on it.
+         * @returns {any[]}
+         */
+        filterAppointments(filterConditions: any[]): any[];
+
+        /** Gets the complete appointment list of Schedule control.
+         * @returns {any[]}
+         */
+        getAppointments(): any[];
+
+        /** Prints the entire Scheduler or a single appointment based on the appointment data passed as an argument to it. Simply calling the print() method, without passing any argument will
+         * print the entire Scheduler.
+         * @param {any} Either accepts no arguments at all or else accepts an appointment object.
+         * @returns {void}
+         */
+        print(data: any): void;
+
+        /** Refreshes the Scroller of Scheduler while using it within some other controls or application.
+         * @returns {void}
+         */
+        refreshScroller(): void;
+
+        /** It is used to save the appointment. The appointment object is based on the argument passed to this method.
+         * @param {any} appointment object which includes appointment details
+         * @returns {void}
+         */
+        saveAppointment(appointmentObject: any): void;
+
+        /** Generate the recurrence rule as a string, based on the repeat options selected.
+         * @returns {string}
+         */
+        getRecurrenceRule(): string;
+
+        /** Retrieves the time slot information (start/end time and resource details) of the given element. The parameter is optional - as when no element is passed to it, the currently
+         * selected cell information will be retrieved. When multiple cells are selected in the Scheduler, it is not necessary to provide the parameter.
+         * @param {any} TD element object rendered as Scheduler work cell
+         * @returns {any}
+         */
+        getSlotByElement(element: any): any;
+
+        /** Searches the appointments from the appointment list of Schedule control based on the provided search string in its argument list.
+         * @param {any|string} Defines the search word or the filter condition, based on which the appointments are filtered from the list.
+         * @param {string} Defines the field name on which the search is to be made.
+         * @param {ej.FilterOperators|string} Defines the filterOperator value for the search operation.
+         * @param {boolean} Defines the ignoreCase value for performing the search operation.
+         * @returns {any[]}
+         */
+        searchAppointments(searchString: any|string, field: string, operator: ej.FilterOperators|string, ignoreCase: boolean): any[];
+
+        /** Refreshes the entire Schedule control.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Refreshes only the appointment elements within the Schedule control.
+         * @returns {void}
+         */
+        refreshAppointments(): void;
+
+        /** Passes the server-side action and data to the client-side for rendering the modified appointment list on the Schedule control.
+         * @returns {void}
+         */
+        notifyChanges(): void;
+    }
+    export namespace Schedule {
+
+        export interface Model {
+
+            /** When set to true, Schedule allows the appointments to be dragged and dropped at required time.
+             * @Default {true}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** When set to true, allows the user to create/edit appointments inline - simply through a single click made either on the Scheduler cells or on the existing appointment’s Subject
+             * text respectively. Pressing enter key after the new Subject text   typed onto the inline created text box, will save/update the appointments appropriately.
+             * @Default {false}
+             */
+            allowInline?: boolean;
+
+            /** When set to true, Scheduler allows interaction through keyboard shortcut keys.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** It includes the dataSource option and the fields related to Schedule appointments. The appointment fields within the appointmentSettings can accept both string and object type
+             * values. To apply validation rules on the appointment window fields, then the appointment fields needs to be defined with object type values.
+             */
+            appointmentSettings?: AppointmentSettings;
+
+            /** Template design that applies on the Schedule appointments. All the field names that are mapped from dataSource to the appropriate field properties within the appointmentSettings
+             * can be used within the template.
+             * @Default {null}
+             */
+            appointmentTemplateId?: string;
+
+            /** Accepts the custom CSS class name that defines specific user-defined styles and themes to be applied for partial or complete elements of the Schedule.
+             */
+            cssClass?: string;
+
+            /** Sets various categorize colors to the Schedule appointments to differentiate it.
+             */
+            categorizeSettings?: CategorizeSettings;
+
+            /** Sets the height for Schedule cells.
+             * @Default {20px}
+             */
+            cellHeight?: string;
+
+            /** Sets the width for Schedule cells.
+             */
+            cellWidth?: string;
+
+            /** Holds all options related to the context menu settings of Scheduler.
+             */
+            contextMenuSettings?: ContextMenuSettings;
+
+            /** Sets current date of the Schedule. The Schedule displays initially with the date that is provided here.
+             * @Default {new Date()}
+             */
+            currentDate?: any;
+
+            /** Sets current view of the Schedule. Schedule renders initially with the view that is specified here. The available views are day, week, workweek, month, agenda and custom view -
+             * from which any one of the required view can be set to the Schedule. It accepts both string or enum values. The enum values that are accepted by
+             * currentView(ej.Schedule.CurrentView) are as follows,
+             * @Default {ej.Schedule.CurrentView.Week}
+             */
+            currentView?: string|ej.Schedule.CurrentView;
+
+            /** Sets the date format for Schedule.
+             */
+            dateFormat?: string;
+
+            /** When set to true, shows the previous/next appointment navigator button on the Scheduler.
+             * @Default {true}
+             */
+            showAppointmentNavigator?: boolean;
+
+            /** When set to true, enables the resize behavior of appointments within the Schedule.
+             * @Default {true}
+             */
+            enableAppointmentResize?: boolean;
+
+            /** When set to true, enables the loading of Schedule appointments based on your demand. With this load on demand concept, the data consumption of the Schedule can be limited.
+             * @Default {false}
+             */
+            enableLoadOnDemand?: boolean;
+
+            /** Saves the current model value to browser cookies for state maintenance. When the page gets refreshed, Schedule control values are retained.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** When set to true, the Schedule layout and behavior changes as per the common RTL conventions.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Sets the end hour time limit to be displayed on the Schedule.
+             * @Default {24}
+             */
+            endHour?: number;
+
+            /** To configure resource grouping on the Schedule.
+             */
+            group?: Group;
+
+            /** Sets the height of the Schedule. Accepts both pixel and percentage values.
+             * @Default {1120px}
+             */
+            height?: string;
+
+            /** To define the work hours within the Schedule control.
+             */
+            workHours?: WorkHours;
+
+            /** When set to true, enables the Schedule to observe Daylight Saving Time for supported timezones.
+             * @Default {false}
+             */
+            isDST?: boolean;
+
+            /** When set to true, adapts the Schedule layout to fit the screen size of devices on which it renders.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Sets the specific culture to the Schedule.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the maximum date limit to display on the Schedule. Setting maxDate with specific date value disallows the Schedule to navigate beyond that date.
+             * @Default {new Date(2099, 12, 31)}
+             */
+            maxDate?: any;
+
+            /** Sets the minimum date limit to display on the Schedule. Setting minDate with specific date value disallows the Schedule to navigate beyond that date.
+             * @Default {new Date(1900, 01, 01)}
+             */
+            minDate?: any;
+
+            /** Sets the mode of Schedule rendering either in a vertical or horizontal direction. It accepts either string(&quot;vertical&quot; or &quot;horizontal&quot;) or enum values. The enum
+             * values that are accepted by orientation(ej.Schedule.Orientation) are as follows,
+             * @Default {ej.Schedule.Orientation.Vertical}
+             */
+            orientation?: string|ej.Schedule.Orientation;
+
+            /** Holds all the options related to priority settings of the Schedule.
+             */
+            prioritySettings?: PrioritySettings;
+
+            /** When set to true, disables the interaction with the Schedule appointments, simply allowing the date and view navigation to occur.
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Holds all the options related to reminder settings of the Schedule.
+             */
+            reminderSettings?: ReminderSettings;
+
+            /** Defines the specific start and end dates to be rendered in the Schedule control. To render such user-specified custom date ranges in the Schedule control, set the currentView
+             * property to ej.Schedule.CurrentView.CustomView.
+             * @Default {null}
+             */
+            renderDates?: RenderDates;
+
+            /** Template design that applies on the Schedule resource header.
+             * @Default {null}
+             */
+            resourceHeaderTemplateId?: string;
+
+            /** Holds all the options related to the resources settings of the Schedule. It is a collection of one or more resource objects, where the levels of resources are rendered on the
+             * Schedule based on the order of the resource data provided within this collection.
+             * @Default {null}
+             */
+            resources?: Resource[];
+
+            /** When set to true, displays the all-day row cells on the Schedule.
+             * @Default {true}
+             */
+            showAllDayRow?: boolean;
+
+            /** When set to false, hides the weekend days on all the Scheduler views.
+             * @Default {true}
+             */
+            showWeekend?: boolean;
+
+            /** When set to true, displays the current time indicator on the Schedule.
+             * @Default {true}
+             */
+            showCurrentTimeIndicator?: boolean;
+
+            /** When set to true, displays the header bar on the Schedule.
+             * @Default {true}
+             */
+            showHeaderBar?: boolean;
+
+            /** When set to true, displays the location field additionally on Schedule appointment window.
+             * @Default {false}
+             */
+            showLocationField?: boolean;
+
+            /** When set to false, doesn't render the start and end timezone fields on the Schedule appointment window.
+             * @Default {true}
+             */
+            showTimeZoneFields?: boolean;
+
+            /** When set to true, displays the quick window for every single click made on the Schedule cells or appointments.
+             * @Default {true}
+             */
+            showQuickWindow?: boolean;
+
+            /** Sets the start hour time range to be displayed on the Schedule.
+             * @Default {0}
+             */
+            startHour?: number;
+
+            /** Sets either 12 or 24 hour time mode on the Schedule. It accepts either the string value(&quot;12&quot; or &quot;24&quot;) or the below mentioned enum values. The enum values that
+             * are accepted by timeMode(ej.Schedule.TimeMode) are as follows,
+             * @Default {null}
+             */
+            timeMode?: string|ej.Schedule.TimeMode;
+
+            /** Sets the timezone for the Schedule.
+             * @Default {null}
+             */
+            timeZone?: string;
+
+            /** Sets the collection of timezone items to be bound to the Schedule. Only the items bound to this property gets listed out in the timezone field of the appointment window.
+             */
+            timeZoneCollection?: TimeZoneCollection;
+
+            /** Defines the view collection to be displayed on the Schedule. By default, it displays all the views namely, Day, Week, WorkWeek and Month.
+             * @Default {[Day, Week, WorkWeek, Month, Agenda]}
+             */
+            views?: any[];
+
+            /** Sets the width of the Schedule. Accepts both pixel and percentage values.
+             * @Default {100%}
+             */
+            width?: string;
+
+            /** When set to true, Schedule allows the validation of recurrence pattern to take place before it is being assigned to the appointments. For example, when one of the instance of
+             * recurrence appointment is dragged beyond the next or previous instance of the same recurrence appointment, a pop-up is displayed with the validation message disallowing the drag
+             * functionality.
+             * @Default {true}
+             */
+            enableRecurrenceValidation?: boolean;
+
+            /** Sets the week to display more than one week appointment summary.
+             */
+            agendaViewSettings?: AgendaViewSettings;
+
+            /** Sets specific day as the starting day of the week.
+             * @Default {null}
+             */
+            firstDayOfWeek?: string;
+
+            /** Sets different day collection within workWeek view.
+             * @Default {[Monday, Tuesday, Wednesday, Thursday, Friday]}
+             */
+            workWeek?: any[];
+
+            /** Allows to pop-up appointment details in a tooltip while hovering over the appointments.
+             */
+            tooltipSettings?: TooltipSettings;
+
+            /** Holds all the options related to the time scale of Scheduler. The timeslots either major or minor slots can be customized with this property.
+             */
+            timeScale?: TimeScale;
+
+            /** When set to true, shows the delete confirmation dialog before deleting an appointment.
+             * @Default {true}
+             */
+            showDeleteConfirmationDialog?: boolean;
+
+            /** Accepts the id value of the template layout defined for the all-day cells and customizes it.
+             * @Default {null}
+             */
+            allDayCellsTemplateId?: string;
+
+            /** Accepts the id value of the template layout defined for the work cells and month cells.
+             * @Default {null}
+             */
+            workCellsTemplateId?: string;
+
+            /** Accepts the id value of the template layout defined for the date header cells and customizes it.
+             * @Default {null}
+             */
+            dateHeaderTemplateId?: string;
+
+            /** when set to false, allows the height of the work-cells to adjust automatically (either expand or collapse) based on the number of appointment count it has.
+             * @Default {true}
+             */
+            showOverflowButton?: boolean;
+
+            /** Allows setting draggable area for the Scheduler appointments. Also, turns on the external drag and drop, when set with some specific external drag area name.
+             */
+            appointmentDragArea?: string;
+
+            /** When set to true, displays the other months days from the current month on the Schedule.
+             * @Default {true}
+             */
+            showNextPrevMonth?: boolean;
+
+            /** Blocks the user-specific time interval on the Scheduler, so that no appointments can be created on that particular time slots. It includes the dataSource option and also the
+             * fields related to block intervals.
+             */
+            blockoutSettings?: BlockoutSettings;
+
+            /** Triggers on the beginning of every action that starts within the Schedule.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggers after the completion of every action within the Schedule.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggers after an appointment is clicked.
+             */
+            appointmentClick?(e: AppointmentClickEventArgs): void;
+
+            /** Triggers before the appointment is being removed from the Scheduler.
+             */
+            beforeAppointmentRemove?(e: BeforeAppointmentRemoveEventArgs): void;
+
+            /** Triggers before the edited appointment is being saved.
+             */
+            beforeAppointmentChange?(e: BeforeAppointmentChangeEventArgs): void;
+
+            /** Triggers on hovering the mouse over the appointments.
+             */
+            appointmentHover?(e: AppointmentHoverEventArgs): void;
+
+            /** Triggers before the new appointment gets saved.
+             */
+            beforeAppointmentCreate?(e: BeforeAppointmentCreateEventArgs): void;
+
+            /** Triggers before the appointment window opens.
+             */
+            appointmentWindowOpen?(e: AppointmentWindowOpenEventArgs): void;
+
+            /** Triggers before the context menu opens.
+             */
+            beforeContextMenuOpen?(e: BeforeContextMenuOpenEventArgs): void;
+
+            /** Triggers after the cell is clicked.
+             */
+            cellClick?(e: CellClickEventArgs): void;
+
+            /** Triggers after the cell is clicked twice.
+             */
+            cellDoubleClick?(e: CellDoubleClickEventArgs): void;
+
+            /** Triggers on hovering the mouse overs the cells.
+             */
+            cellHover?(e: CellHoverEventArgs): void;
+
+            /** Triggers when the Scheduler completely renders on the page.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggers when the Scheduler and all its sub-components gets destroyed.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggers while the appointment is being dragged over the work cells.
+             */
+            drag?(e: DragEventArgs): void;
+
+            /** Triggers when the appointment dragging begins.
+             */
+            dragStart?(e: DragStartEventArgs): void;
+
+            /** Triggers when the appointment is dropped.
+             */
+            dragStop?(e: DragStopEventArgs): void;
+
+            /** Triggers after the menu/sub-menu items within the context menu is clicked.
+             */
+            menuItemClick?(e: MenuItemClickEventArgs): void;
+
+            /** Triggers after the Schedule view or date is navigated.
+             */
+            navigation?(e: NavigationEventArgs): void;
 
-	/** Canceled FileList Object.
-	*/
-	fileStatus?: any;
+            /** Triggers every time before the elements of the scheduler such as work cells, time cells or header cells and so on renders or re-renders on a page.
+             */
+            queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Triggers when the reminder is raised for an appointment based on the alertBefore value.
+             */
+            reminder?(e: ReminderEventArgs): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Triggers while resizing the appointment.
+             */
+            resize?(e: ResizeEventArgs): void;
 
-export interface CompleteEventArgs {
+            /** Triggers when the appointment resizing begins.
+             */
+            resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** AJAX event argument for reference.
-	*/
-	e?: any;
+            /** Triggers when an appointment resizing stops.
+             */
+            resizeStop?(e: ResizeStopEventArgs): void;
 
-	/** Uploaded file list.
-	*/
-	files?: any;
+            /** Triggers when the overflow button is clicked.
+             */
+            overflowButtonClick?(e: OverflowButtonClickEventArgs): void;
 
-	/** response from the server.
-	*/
-	responseText?: string;
+            /** Triggers while mouse hovering on the overflow button.
+             */
+            overflowButtonHover?(e: OverflowButtonHoverEventArgs): void;
 
-	/** XHR-AJAX Object for reference.
-	*/
-	xhr?: any;
+            /** Triggers when any of the keyboard keys are pressed.
+             */
+            keyDown?(e: KeyDownEventArgs): void;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Triggers after the new appointment is saved.
+             */
+            appointmentCreated?(e: AppointmentCreatedEventArgs): void;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Triggers after an existing appointment is edited.
+             */
+            appointmentChanged?(e: AppointmentChangedEventArgs): void;
 
-export interface SuccessEventArgs {
+            /** Triggers after the appointment is deleted.
+             */
+            appointmentRemoved?(e: AppointmentRemovedEventArgs): void;
+        }
 
-	/** response from the server.
-	*/
-	responseText?: string;
+        export interface ActionBeginEventArgs {
 
-	/** AJAX event argument for reference.
-	*/
-	e?: any;
+            /** Returns the current date value.
+             */
+            currentDate?: any;
 
-	/** successfully uploaded files list.
-	*/
-	success?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Uploaded file list.
-	*/
-	files?: any;
+            /** Returns the current view value.
+             */
+            currentView?: string;
 
-	/** XHR-AJAX Object for reference.
-	*/
-	xhr?: any;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Returns the action begin request type.
+             */
+            requestType?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the target of the click.
+             */
+            target?: any;
 
-export interface CreateEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Returns the save appointment value.
+             */
+            data?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the id of delete appointment.
+             */
+            id?: number;
+        }
 
-export interface DestroyEventArgs {
+        export interface ActionCompleteEventArgs {
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the data about view change action.
+             */
+            data?: any;
 
-export interface ErrorEventArgs {
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** details about the error information.
-	*/
-	error?: string;
+            /** Returns the action complete request type.
+             */
+            requestType?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** error event action details.
-	*/
-	action?: string;
+            /** Returns the appointment data dropped.
+             */
+            appointment?: any;
+        }
 
-	/** returns the file details of the file uploaded
-	*/
-	files?: any;
-}
+        export interface AppointmentClickEventArgs {
 
-export interface FileSelectEventArgs {
+            /** Returns the object of appointmentClick event.
+             */
+            object?: any;
 
-	/** returns Selected FileList objects
-	*/
-	files?: any;
+            /** Returns the clicked appointment object.
+             */
+            appointment?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-export interface InProgressEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface BeforeAppointmentRemoveEventArgs {
 
-	/** AJAX event argument for reference.
-	*/
-	e?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns Selected FileList objects
-	*/
-	files?: any;
+            /** Returns the deleted appointment object.
+             */
+            appointment?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** returns the current progress percentage.
-	*/
-	percentage?: any;
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface BeforeAppointmentChangeEventArgs {
 
-export interface RemoveEventArgs {
+            /** Returns the edited appointment object.
+             */
+            appointment?: any;
 
-	/** returns the Uploadbox model
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** returns the file details of the file object
-	*/
-	fileStatus?: any;
-}
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
 
-export interface ButtonText {
+        export interface AppointmentHoverEventArgs {
 
-	/** Sets the text for the browse button.
-	*/
-	browse?: string;
+            /** Returns the object of appointmentHover event.
+             */
+            object?: any;
 
-	/** Sets the text for the cancel button.
-	*/
-	cancel?: string;
+            /** Returns the hovered appointment object.
+             */
+            appointment?: any;
 
-	/** Sets the text for the close button.
-	*/
-	Close?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Sets the text for the Upload button inside the dialog popup.
-	*/
-	upload?: string;
-}
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-export interface CustomFileDetails {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Enables the file upload interactions like remove/cancel in File details of the dialog popup.
-	*/
-	action?: boolean;
+        export interface BeforeAppointmentCreateEventArgs {
 
-	/** Enables the name in the File details of the dialog popup.
-	*/
-	name?: boolean;
+            /** Returns the appointment object.
+             */
+            appointment?: any;
 
-	/** Enables or disables the File size details of the dialog popup.
-	*/
-	size?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Enables or disables the file uploading status visibility in the dialog file details content.
-	*/
-	status?: boolean;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Enables the title in File details for the dialog popup.
-	*/
-	title?: boolean;
-}
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
 
-export interface DialogAction {
+        export interface AppointmentWindowOpenEventArgs {
 
-	/** Once uploaded successfully, the dialog popup closes immediately.
-	*/
-	closeOnComplete?: boolean;
+            /** returns the object of appointmentWindowOpen event while selecting the detail option from quick window or edit appointment or edit series option.
+             */
+            object?: any;
 
-	/** Sets the content container option to the Uploadbox dialog popup.
-	*/
-	content?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Enables the drag option to the dialog popup.
-	*/
-	drag?: boolean;
+            /** Returns the end time of the double clicked cell.
+             */
+            endTime?: any;
 
-	/** Enables or disables the Uploadbox dialog’s modal property to the dialog popup.
-	*/
-	modal?: boolean;
-}
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-export interface DialogText {
+            /** Returns the action name that triggers window open.
+             */
+            originalEventType?: string;
 
-	/** Sets the uploaded file’s Name (header text) to the Dialog popup.
-	*/
-	name?: string;
+            /** Returns the start time of the double clicked cell.
+             */
+            startTime?: any;
 
-	/** Sets the upload file Size (header text) to the dialog popup.
-	*/
-	size?: string;
+            /** Returns the target of the double clicked cell.
+             */
+            target?: any;
 
-	/** Sets the upload file Status (header text) to the dialog popup.
-	*/
-	status?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Sets the title text of the dialog popup.
-	*/
-	title?: string;
-}
-}
+            /** Returns the edit appointment object.
+             */
+            appointment?: any;
 
-class WaitingPopup extends ej.Widget {
-	static fn: WaitingPopup;
-	constructor(element: JQuery, options?: WaitingPopup.Model);
-	constructor(element: Element, options?: WaitingPopup.Model);
-	static Locale: any;
-	model:WaitingPopup.Model;
-	defaults:WaitingPopup.Model;
-
-	/** To hide the waiting popup
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Refreshes the WaitingPopup control by resetting the pop-up panel position and content position
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** To show the waiting popup
-	*   @returns {void}
-	*/
-	show(): void;
-}
-export module WaitingPopup{
-
-export interface Model {
-
-	/** Sets the root class for the WaitingPopup control theme
-	*   @Default {null}
-	*/
-	cssClass?: string;
-
-	/** Specifies the list of HTML attributes to be added to waitingpopup control.
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Enables or disables the default loading icon.
-	*   @Default {true}
-	*/
-	showImage?: boolean;
-
-	/** Enables the visibility of the WaitingPopup control
-	*   @Default {false}
-	*/
-	showOnInit?: boolean;
-
-	/** Specified a selector for elements, within the container.
-	*   @Default {null}
-	*/
-	target?: string;
-
-	/** Waitingpopup element append to given container element.
-	*   @Default {null}
-	*/
-	appendTo?: string;
-
-	/** Loads HTML content inside the popup panel instead of the default icon
-	*   @Default {null}
-	*/
-	template?: any;
-
-	/** Sets the custom text in the pop-up panel to notify the waiting process
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Fires after Create WaitingPopup successfully */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires after Destroy WaitingPopup successfully */
-	destroy? (e: DestroyEventArgs): void;
-}
+            /** Returns the edit occurrence option value.
+             */
+            edit?: boolean;
+        }
 
-export interface CreateEventArgs {
+        export interface BeforeContextMenuOpenEventArgs {
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the object of beforeContextMenuOpen event.
+             */
+            object?: any;
 
-	/** returns the WaitingPopup model
-	*/
-	model?: ej.WaitingPopup.Model;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
+            /** Returns the current cell index value.
+             */
+            cellIndex?: number;
 
-export interface DestroyEventArgs {
+            /** Returns the current date value.
+             */
+            currentDate?: any;
 
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
+            /** Returns the current resource details, when multiple resources are present, otherwise returns null.
+             */
+            resources?: any;
 
-	/** returns the WaitingPopup model
-	*/
-	model?: ej.WaitingPopup.Model;
+            /** Returns the current appointment details while opening the menu from appointment.
+             */
+            appointment?: any;
 
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-}
+            /** Returns the object of before opening menu target.
+             */
+            events?: any;
 
-class Grid extends ej.Widget {
-	static fn: Grid;
-	constructor(element: JQuery, options?: Grid.Model);
-	constructor(element: Element, options?: Grid.Model);
-	static Locale: any;
-	model:Grid.Model;
-	defaults:Grid.Model;
-
-	/** Adds a grid model property which is to be ignored upon exporting.
-	*   @param {Array<any>} Pass the array of parameters which need to be ignored on exporting 
-	*   @returns {void}
-	*/
-	addIgnoreOnExport(propertyNames: Array<any>): void;
-
-	/** Adds a grid model property which is to be ignored upon OnServerToolbarClick.
-	*   @param {Array<any>} Pass the array of parameters which need to be ignored on OnServerToolbarClick 
-	*   @returns {void}
-	*/
-	addIgnoreOnToolbarServerClick(propertyNames: Array<any>): void;
-
-	/** Add a new record in grid control when allowAdding is set as true.Without passing parameters it will add empty row.
-	*   @param {Array<any>} Pass the array of added Records
-	*   @param {Array<any>} optionalIf we pass serverChange as true, send post to server side for server action.
-	*   @returns {void}
-	*/
-	addRecord(data?: Array<any>, serverChange?: Array<any>): void;
-
-	/** Cancel the modified changes in grid control when edit mode is &quot;batch&quot;.
-	*   @returns {void}
-	*/
-	batchCancel(): void;
-
-	/** Save the modified changes to data source in grid control when edit mode is &quot;batch&quot;.
-	*   @returns {void}
-	*/
-	batchSave(): void;
-
-	/** Send a cancel request in grid.
-	*   @returns {void}
-	*/
-	cancelEdit(): void;
-
-	/** Send a cancel request to the edited cell in grid.
-	*   @returns {void}
-	*/
-	cancelEditCell(): void;
-
-	/** It is used to clear all the cell selection.
-	*   @returns {boolean}
-	*/
-	clearCellSelection(): boolean;
-
-	/** It is used to clear specified cell selection based on the rowIndex and columnIndex provided.
-	*   @param {number} It is used to pass the row index of the cell
-	*   @param {number} It is used to pass the column index of the cell.
-	*   @returns {boolean}
-	*/
-	clearCellSelection(rowIndex: number, columnIndex: number): boolean;
-
-	/** It is used to clear all the row selection or at specific row selection based on the index provided.
-	*   @param {number} optional If index of the column is specified then it will remove the selection from the particular column else it will clears all of the column selection
-	*   @returns {boolean}
-	*/
-	clearColumnSelection(index?: number): boolean;
-
-	/** It is used to clear all the filtering done.
-	*   @param {string}  If field of the column is specified then it will clear the  particular filtering column
-	*   @returns {void}
-	*/
-	clearFiltering(field: string): void;
-
-	/** Clear the searching from the grid
-	*   @returns {void}
-	*/
-	clearSearching(): void;
-
-	/** Clear all the row selection or at specific row selection based on the index provided
-	*   @param {number} optional If index of the row is specified then it will remove the selection from the particular row else it will clears all of the row selection
-	*   @returns {boolean}
-	*/
-	clearSelection(index?: number): boolean;
-
-	/** Clear the sorting from columns in the grid
-	*   @returns {void}
-	*/
-	clearSorting(): void;
-
-	/** Collapse all the group caption rows in grid
-	*   @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** Collapse the group drop area in grid
-	*   @returns {void}
-	*/
-	collapseGroupDropArea(): void;
-
-	/** Add or remove columns in grid column collections
-	*   @param {Array<any>|string} Pass array of columns or string of field name to add/remove the column in grid
-	*   @param {string} optional Pass add/remove action to be performed. By default "add" action will perform
-	*   @returns {void}
-	*/
-	columns(columnDetails: Array<any>|string, action?: string): void;
-
-	/** Refresh the grid with new data source
-	*   @param {any} Pass new data source to the grid
-	*   @param {boolean} optional When templateRefresh is set true, both header and contents get refreshed
-	*   @returns {void}
-	*/
-	dataSource(datasource: any, templateRefresh?: boolean): void;
-
-	/** Delete a record in grid control when allowDeleting is set as true
-	*   @param {string} Pass the primary key field Name of the column
-	*   @param {any} Pass the JSON data of record need to be delete.
-	*   @returns {void}
-	*/
-	deleteRecord(fieldName: string, data: any): void;
-
-	/** Delete the row based on the given tr element in grid.
-	*   @param {JQuery} Pass the tr element in grid content to get its row index
-	*   @returns {HTMLElement}
-	*/
-	deleteRow($tr: JQuery): HTMLElement;
-
-	/** Destroy the grid widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Edit a particular cell based on the row index and field name provided in &quot;batch&quot; edit mode.
-	*   @param {number} Pass row index to edit particular cell
-	*   @param {string} Pass the field name of the column to perform batch edit
-	*   @returns {void}
-	*/
-	editCell(index: number, fieldName: string): void;
-
-	/** It returns a value and if the input field values of edit form is not based on the validation rules then it will show the validation message.
-	*   @returns {boolean}
-	*/
-	editFormValidate(): boolean;
-
-	/** Send a save request in grid.
-	*   @returns {void}
-	*/
-	endEdit(): void;
-
-	/** Expand all the group caption rows in grid.
-	*   @returns {void}
-	*/
-	expandAll(): void;
-
-	/** Expand or collapse the row based on the row state in grid
-	*   @param {JQuery} Pass the target object to expand/collapse the row based on its row state
-	*   @returns {void}
-	*/
-	expandCollapse($target: JQuery): void;
-
-	/** Expand the group drop area in grid.
-	*   @returns {void}
-	*/
-	expandGroupDropArea(): void;
-
-	/** Export the grid content to excel, word or PDF document.
-	*   @param {string} Pass the controller action name corresponding to exporting
-	*   @param {string} optionalASP server event name corresponding to exporting
-	*   @param {boolean} optionalPass the multiple exporting value as true/false
-	*   @param {Array<any>} optionalPass the array of the gridIds to be filtered
-	*   @returns {void}
-	*/
-	export(action?: string, serverEvent?: string, multipleExport?: boolean, gridIds?: Array<any>): void;
-
-	/** Send a filtering request to filter one column in grid.
-	*   @param {Array<any>} Pass the field name of the column
-	*   @param {string} string/integer/dateTime operator
-	*   @param {string} Pass the value to be filtered in a column
-	*   @param {string} Pass the predicate as and/or
-	*   @param {boolean} optional Pass the match case value as true/false
-	*   @param {any} optionalactualFilterValue denote the filter object of current filtered columns.Pass the value to filtered in a column
-	*   @returns {void}
-	*/
-	filterColumn(fieldName: Array<any>, filterOperator: string, filterValue: string, predicate: string, matchcase?: boolean, actualFilterValue?: any): void;
-
-	/** Send a filtering request to filter single or multiple column in grid.
-	*   @param {Array<any>} Pass array of filterColumn query for performing filter operation
-	*   @returns {void}
-	*/
-	filterColumn(filterQueries: Array<any>): void;
-
-	/** Get the batch changes of edit, delete and add operations of grid.
-	*   @returns {any}
-	*/
-	getBatchChanges(): any;
-
-	/** Get the browser details
-	*   @returns {any}
-	*/
-	getBrowserDetails(): any;
-
-	/** Get the column details based on the given field in grid
-	*   @param {string} Pass the field name of the column to get the corresponding column object
-	*   @returns {any}
-	*/
-	getColumnByField(fieldName: string): any;
-
-	/** Get the column details based on the given header text in grid.
-	*   @param {string} Pass the header text of the column to get the corresponding column object
-	*   @returns {any}
-	*/
-	getColumnByHeaderText(headerText: string): any;
-
-	/** Get the column details based on the given column index in grid
-	*   @param {number} Pass the index of the column to get the corresponding column object
-	*   @returns {any}
-	*/
-	getColumnByIndex(columnIndex: number): any;
-
-	/** Get the list of field names from column collection in grid.
-	*   @returns {Array<any>}
-	*/
-	getColumnFieldNames(): Array<any>;
-
-	/** Get the column index of the given field in grid.
-	*   @param {string} Pass the field name of the column to get the corresponding column index
-	*   @returns {number}
-	*/
-	getColumnIndexByField(fieldName: string): number;
-
-	/** Get the column index of the given headerText of column in grid.
-	*   @param {string} Pass the headerText of the column to get that column index
-	*   @param {string} optionalOptional Pass the field name of the column.
-	*   @returns {number}
-	*/
-	getColumnIndexByHeaderText(headerText: string, field?: string): number;
-
-	/** Get the content div element of grid.
-	*   @returns {HTMLElement}
-	*/
-	getContent(): HTMLElement;
-
-	/** Get the content table element of grid
-	*   @returns {Array<HTMLTableElement>}
-	*/
-	getContentTable(): Array<HTMLTableElement>;
-
-	/** Get the data of currently edited cell value in &quot;batch&quot; edit mode
-	*   @returns {any}
-	*/
-	getCurrentEditCellData(): any;
-
-	/** Get the current page index in grid pager.
-	*   @returns {number}
-	*/
-	getCurrentIndex(): number;
-
-	/** Get the current page data source of grid.
-	*   @returns {Array<any>}
-	*/
-	getCurrentViewData(): Array<any>;
-
-	/** Get the data of given row index in grid.
-	*   @returns {any}
-	*/
-	getDataByIndex(): any;
-
-	/** Get the column field name from the given header text in grid.
-	*   @param {string} Pass header text of the column to get its corresponding field name
-	*   @returns {string}
-	*/
-	getFieldNameByHeaderText(headerText: string): string;
-
-	/** Get the filter bar of grid
-	*   @returns {HTMLElement}
-	*/
-	getFilterBar(): HTMLElement;
-
-	/** Get the records filtered or searched in Grid
-	*   @returns {Array<any>}
-	*/
-	getFilteredRecords(): Array<any>;
-
-	/** Get the footer content of grid.
-	*   @returns {HTMLElement}
-	*/
-	getFooterContent(): HTMLElement;
-
-	/** Get the footer table element of grid.
-	*   @returns {HTMLElement}
-	*/
-	getFooterTable(): HTMLElement;
-
-	/** Get the header content div element of grid.
-	*   @returns {HTMLElement}
-	*/
-	getHeaderContent(): HTMLElement;
-
-	/** Get the header table element of grid
-	*   @returns {HTMLElement}
-	*/
-	getHeaderTable(): HTMLElement;
-
-	/** Get the column header text from the given field name in grid.
-	*   @param {string} Pass field name of the column to get its corresponding header text
-	*   @returns {string}
-	*/
-	getHeaderTextByFieldName(field: string): string;
-
-	/** Get the names of all the hidden column collections in grid.
-	*   @returns {Array<any>}
-	*/
-	getHiddenColumnNames(): Array<any>;
-
-	/** Get the row index based on the given tr element in grid.
-	*   @param {JQuery} Pass the tr element in grid content to get its row index
-	*   @returns {number}
-	*/
-	getIndexByRow($tr: JQuery): number;
-
-	/** Get the pager of grid.
-	*   @returns {HTMLElement}
-	*/
-	getPager(): HTMLElement;
-
-	/** Get the names of primary key columns in Grid
-	*   @returns {Array<any>}
-	*/
-	getPrimaryKeyFieldNames(): Array<any>;
-
-	/** Get the rows(tr element) from the given from and to row index in grid
-	*   @param {number} Pass the from index from which the rows to be returned
-	*   @param {number} Pass the to index to which the rows to be returned
-	*   @returns {HTMLElement}
-	*/
-	getRowByIndex(from: number, to: number): HTMLElement;
-
-	/** Get the row height of grid.
-	*   @returns {number}
-	*/
-	getRowHeight(): number;
-
-	/** Get the rows(tr element)of grid which is displayed in the current page.
-	*   @returns {HTMLElement}
-	*/
-	getRows(): HTMLElement;
-
-	/** Get the scroller object of grid.
-	*   @returns {ej.Scroller}
-	*/
-	getScrollObject(): ej.Scroller;
-
-	/** Get the selected records details in grid.
-	*   @returns {Array<any>}
-	*/
-	getSelectedRecords(): Array<any>;
-
-	/** Get the selected row element details in grid.
-	*   @returns {Array<any>}
-	*/
-	getSelectedRows(): Array<any>;
-
-	/** It accepts the string value and returns the field and sorted direction of the column in grid.
-	*   @param {string} Pass the field of the column to get the sorted direction of the corresponding column in Grid.
-	*   @returns {number}
-	*/
-	getsortColumnByField(field: string): number;
-
-	/** Get the calculated summary values of JSON data passed to it
-	*   @param {any} Pass Summary Column details
-	*   @param {any} Pass JSON Array for which its field values to be calculated
-	*   @returns {number}
-	*/
-	getSummaryValues(summaryCol: any, summaryData: any): number;
-
-	/** Get the names of all the visible column collections in grid
-	*   @returns {Array<any>}
-	*/
-	getVisibleColumnNames(): Array<any>;
-
-	/** Send a paging request to specified page in grid
-	*   @param {number} Pass the page index to perform paging at specified page index
-	*   @returns {void}
-	*/
-	gotoPage(pageIndex: number): void;
-
-	/** Send a column grouping request in grid.
-	*   @param {string} Pass the field Name of the column to be grouped in grid control
-	*   @returns {void}
-	*/
-	groupColumn(fieldName: string): void;
-
-	/** Hide columns from the grid based on the header text
-	*   @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to hide
-	*   @returns {void}
-	*/
-	hideColumns(headerText: Array<any>|string): void;
-
-	/** Print the grid control
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** It is used to refresh and reset the changes made in &quot;batch&quot; edit mode
-	*   @returns {void}
-	*/
-	refreshBatchEditChanges(): void;
-
-	/** It is used to refresh the grid header.
-	*   @returns {void}
-	*/
-	refreshHeader(): void;
-
-	/** Refresh the grid contents. The template refreshment is based on the argument passed along with this method
-	*   @param {boolean} optional When templateRefresh is set true, template and grid contents both are refreshed in grid else only grid content is refreshed
-	*   @returns {void}
-	*/
-	refreshContent(templateRefresh?: boolean): void;
-
-	/** Refresh the template of the grid
-	*   @returns {void}
-	*/
-	refreshTemplate(): void;
-
-	/** Refresh the toolbar items in grid.
-	*   @returns {void}
-	*/
-	refreshToolbar(): void;
-
-	/** Remove a column or collection of columns from a sorted column collections in grid.
-	*   @param {Array<any>|string} Pass array of field names of the columns to remove a collection of sorted columns or pass a string of field name to remove a column from sorted column collections
-	*   @returns {void}
-	*/
-	removeSortedColumns(fieldName: Array<any>|string): void;
-
-	/** Creates a grid control
-	*   @returns {void}
-	*/
-	render(): void;
-
-	/** Re-order the column in grid
-	*   @param {string} Pass the from field name of the column needs to be changed
-	*   @param {string} Pass the to field name of the column needs to be changed
-	*   @returns {void}
-	*/
-	reorderColumns(fromFieldName: string, toFieldName: string): void;
-
-	/** Re-order the row in grid
-	*   @param {Array<any>} Pass the indexes of the rows needs to reorder.
-	*   @param {number} Pass the index of a row where to be reordered.
-	*   @returns {void}
-	*/
-	reorderRows(indexes: Array<any>, toIndex: number): void;
-
-	/** Reset the model collections like pageSettings, groupSettings, filterSettings, sortSettings and summaryRows.
-	*   @returns {void}
-	*/
-	resetModelCollections(): void;
-
-	/** Resize the columns by giving column name and width for the corresponding one.
-	*   @param {string} Pass the column name that needs to be changed
-	*   @param {string} Pass the width to resize the particular columns
-	*   @returns {void}
-	*/
-	resizeColumns(column: string, width: string): void;
-
-	/** Resolves row height issue when unbound column is used with FrozenColumn
-	*   @returns {void}
-	*/
-	rowHeightRefresh(): void;
-
-	/** We can prevent the client side cellSave event triggering by passing the preventSaveEvent argument as true.Without argument it will save the particular edited grid cell.
-	*   @param {boolean} optionalIf we pass preventSaveEvent as true, it prevents the client side cellSave event triggering 
-	*   @returns {void}
-	*/
-	saveCell(preventSaveEvent?: boolean): void;
-
-	/** Set dimension for grid with corresponding to grid parent.
-	*   @param {number} Pass the height of the grid container
-	*   @param {number} Pass the width of the grid container
-	*   @returns {void}
-	*/
-	setDimension(height: number, width: number): void;
-
-	/** Send a request to grid to refresh the width set to columns
-	*   @returns {void}
-	*/
-	setWidthToColumns(): void;
-
-	/** Send a search request to grid with specified string passed in it
-	*   @param {string} Pass the string to search in Grid records
-	*   @returns {void}
-	*/
-	search(searchString: string): void;
-
-	/** Select cells in grid.
-	*   @param {any} It is used to set the starting index of row and indexes of cells for that corresponding row for selecting cells.
-	*   @returns {void}
-	*/
-	selectCells(rowCellIndexes: any): void;
-
-	/** Select columns in grid.
-	*   @param {number} It is used to set the starting index of column for selecting columns.
-	*   @returns {void}
-	*/
-	selectColumns(fromIndex: number): void;
-
-	/** Select the specified columns in grid based on Index provided.
-	*   @param {number} It is used to set the starting index of column for selecting columns.
-	*   @param {number} optionalIt is used to set the ending index of column for selecting columns.
-	*   @returns {boolean}
-	*/
-	selectColumns(columnIndex: number, toIndex?: number): boolean;
-
-	/** Select rows in grid.
-	*   @param {number} It is used to set the starting index of row for selecting rows.
-	*   @param {number} It is used to set the ending index of row for selecting rows.
-	*   @returns {void}
-	*/
-	selectRows(fromIndex: number, toIndex: number): void;
-
-	/** Select specified rows in grid based on Index provided.
-	*   @param {Array<any>|number} It is used to set the starting index of row for selecting rows.
-	*   @param {number} optionalIt is used to set the ending index of row for selecting rows.
-	*   @param {any} optionalTarget element which is clicked.
-	*   @returns {void}
-	*/
-	selectRows(from: Array<any>|number, to: number, target?: any): void;
-
-	/** Select rows in grid.
-	*   @param {Array<any>} Pass array of rowIndexes for selecting rows
-	*   @returns {void}
-	*/
-	selectRows(rowIndexes: Array<any>): void;
-
-	/** Used to update a particular cell value.
-	*   @returns {void}
-	*/
-	setCellText(): void;
-
-	/** Used to update a particular cell value based on specified row Index and the fieldName.
-	*   @param {number} It is used to set the index for selecting the row.
-	*   @param {string} It is used to set the field name for selecting column.
-	*   @param {any} It is used to set the value for the selected cell.
-	*   @returns {void}
-	*/
-	setCellValue(Index: number, fieldName: string, value: any): void;
-
-	/** It sets the default data to the column in grid during adding record in batch edit mode.
-	*   @returns {void}
-	*/
-	setDefaultData(): void;
-
-	/** The grid rows has to be rendered as detail view in mobile mode based on given value.
-	*   @param {number} It is used to render grid rows as details view in mobile mode.
-	*   @returns {void}
-	*/
-	setPhoneModeMaxWidth(Index: number): void;
-
-	/** Set validation to edit form in the grid.
-	*   @returns {void}
-	*/
-	setValidation(): void;
-
-	/** Set validation to a particular input field in a edit form dynamically.
-	*   @param {string} Specify the field name of the column to set validation rules
-	*   @param {any} Specify the validation rules for the field
-	*   @returns {void}
-	*/
-	setValidationToField(fieldName: string, rules: any): void;
-
-	/** Show columns in the grid based on the header text
-	*   @param {Array<any>|string} you can pass either array of header text of various columns or a header text of a column to show
-	*   @returns {void}
-	*/
-	showColumns(headerText: Array<any>|string): void;
-
-	/** Send a sorting request in grid.
-	*   @param {string} Pass the field name of the column as columnName for which sorting have to be performed
-	*   @param {string} optional Pass the sort direction ascending/descending by which the column have to be sort. By default it is sorting in an ascending order
-	*   @returns {void}
-	*/
-	sortColumn(columnName: string, sortingDirection?: string): void;
-
-	/** Send an edit record request in grid
-	*   @param {JQuery} Pass the tr- selected row element to be edited in grid
-	*   @returns {void}
-	*/
-	startEdit($tr: JQuery): void;
-
-	/** Un-group a column from grouped columns collection in grid
-	*   @param {string} Pass the field Name of the column to be ungrouped from grouped column collection
-	*   @returns {void}
-	*/
-	ungroupColumn(fieldName: string): void;
-
-	/** Update a edited record in grid control when allowEditing is set as true.
-	*   @param {string} Pass the primary key field Name of the column
-	*   @param {Array<any>} Pass the edited JSON data of record need to be update.
-	*   @returns {void}
-	*/
-	updateRecord(fieldName: string, data: Array<any>): void;
-
-	/** It adapts grid to its parent element or to the browsers window.
-	*   @returns {void}
-	*/
-	windowonresize(): void;
-}
-export module Grid{
-
-export interface Model {
-
-	/** Gets or sets a value that indicates whether to customizing cell based on our needs.
-	*   @Default {false}
-	*/
-	allowCellMerging?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic grouping behavior. Grouping can be done by drag on drop desired columns to grid’s GroupDropArea. This can be further customized through “groupSettings” property.
-	*   @Default {false}
-	*/
-	allowGrouping?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable keyboard support for performing grid actions. selectionType – Gets or sets a value that indicates whether to enable single row or multiple rows selection behavior in grid. Multiple selection can be done through by holding CTRL and clicking the grid rows
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic filtering behavior on grid. Filtering can be used to limit the records displayed using required criteria and this can be further customized through “filterSettings” property
-	*   @Default {false}
-	*/
-	allowFiltering?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the dynamic sorting behavior on grid data. Sorting can be done through clicking on particular column header.
-	*   @Default {false}
-	*/
-	allowSorting?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable multi columns sorting behavior in grid. Sort multiple columns by holding CTRL and click on the corresponding column header.
-	*   @Default {false}
-	*/
-	allowMultiSorting?: boolean;
-
-	/** This specifies the grid to show the paginated data. Also enables pager control at the bottom of grid for dynamic navigation through data source. Paging can be further customized through “pageSettings” property.
-	*   @Default {false}
-	*/
-	allowPaging?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the columns reordering behavior in the grid. Reordering can be done through by drag and drop the particular column from one index to another index within the grid.
-	*   @Default {false}
-	*/
-	allowReordering?: boolean;
-
-	/** Gets or sets a value that indicates whether the column is non resizable. Column width is set automatically based on the content or header text which is large.
-	*   @Default {false}
-	*/
-	allowResizeToFit?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic resizable of columns. Resize the width of the columns by simply click and move the particular column header line
-	*   @Default {false}
-	*/
-	allowResizing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the rows reordering in Grid and drag &amp; drop rows between multiple Grid.
-	*   @Default {false}
-	*/
-	allowRowDragAndDrop?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the scrollbar in the grid and view the records by scroll through the grid manually
-	*   @Default {false}
-	*/
-	allowScrolling?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic searching behavior in grid. Currently search box can be enabled through “toolbarSettings”
-	*   @Default {false}
-	*/
-	allowSearching?: boolean;
-
-	/** Gets or sets a value that indicates whether user can select rows on grid. On enabling feature, selected row will be highlighted.
-	*   @Default {true}
-	*/
-	allowSelection?: boolean;
-
-	/** Gets or sets a value that indicates whether the Content will wrap to the next line if the content exceeds the boundary of the Column Cells.
-	*   @Default {false}
-	*/
-	allowTextWrap?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the multiple exporting behavior on grid data.
-	*   @Default {false}
-	*/
-	allowMultipleExporting?: boolean;
-
-	/** Gets or sets a value that indicates to define common width for all the columns in the grid.
-	*/
-	commonWidth?: number;
-
-	/** Gets or sets a value that indicates to enable the visibility of the grid lines.
-	*   @Default {ej.Grid.GridLines.Both}
-	*/
-	gridLines?: ej.Grid.GridLines|string;
-
-	/** This specifies the grid to add the grid control inside the grid row of the parent with expand/collapse options
-	*   @Default {null}
-	*/
-	childGrid?: any;
-
-	/** Used to enable or disable static width settings for column. If the columnLayout is set as fixed, then column width will be static.
-	*   @Default {ej.Grid.ColumnLayout.Auto}
-	*/
-	columnLayout?: ej.Grid.ColumnLayout|string;
-
-	/** Gets or sets an object that indicates to render the grid with specified columns
-	*   @Default {[]}
-	*/
-	columns?: Array<Column>;
-
-	/** Gets or sets an object that indicates whether to customize the context menu behavior of the grid.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/** Gets or sets a value that indicates to render the grid with custom theme.
-	*/
-	cssClass?: string;
-
-	/** Gets or sets the data to render the grid with records
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Default Value:
-	*   @Default {null}
-	*/
-	detailsTemplate?: string;
-
-	/** Gets or sets an object that indicates whether to customize the editing behavior of the grid.
-	*/
-	editSettings?: EditSettings;
-
-	/** Gets or sets a value that indicates whether to enable the alternative rows differentiation in the grid records based on corresponding theme.
-	*   @Default {true}
-	*/
-	enableAltRow?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the save action in the grid through row selection
-	*   @Default {true}
-	*/
-	enableAutoSaveOnSelectionChange?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable mouse over effect on the corresponding column header cell of the grid
-	*   @Default {false}
-	*/
-	enableHeaderHover?: boolean;
-
-	/** Gets or sets a value that indicates whether to persist the grid model state in page using applicable medium i.e., HTML5 localStorage or cookies
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Gets or sets a value that indicates whether the grid rows has to be rendered as detail view in mobile mode
-	*   @Default {false}
-	*/
-	enableResponsiveRow?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable mouse over effect on corresponding grid row.
-	*   @Default {true}
-	*/
-	enableRowHover?: boolean;
-
-	/** Align content in the grid control from right to left by setting the property as true.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** To Disable the mouse swipe property as false.
-	*   @Default {true}
-	*/
-	enableTouch?: boolean;
-
-	/** It sets a value that indicates whether to enable toolbar items, when allowEditing, allowAdding and allowDeleting property set as false in the grid.
-	*   @Default {false}
-	*/
-	enableToolbarItems?: boolean;
-
-	/** Act as mapper for the excel exporting URL.
-	*   @Default {ExportToExcel}
-	*/
-	exportToExcelAction?: string;
-
-	/** Act as mapper for the PDF exporting URL.
-	*   @Default {ExportToPdf}
-	*/
-	exportToPdfAction?: string;
-
-	/** Act as mapper for the Word exporting URL.
-	*   @Default {ExportToWord}
-	*/
-	exportToWordAction?: string;
-
-	/** Gets or sets an object that indicates whether to customize the filtering behavior of the grid
-	*/
-	filterSettings?: FilterSettings;
-
-	/** Gets or sets an object that indicates whether to customize the grouping behavior of the grid.
-	*/
-	groupSettings?: GroupSettings;
-
-	/** Gets or sets a value that indicates whether the grid design has be to made responsive.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** This specifies to change the key in keyboard interaction to grid control
-	*   @Default {null}
-	*/
-	keySettings?: any;
-
-	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data i.e. in a language and culture specific to a particular country or region.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Gets or sets a value that indicates whether to set the minimum width of the responsive grid while isResponsive property is true and enableResponsiveRow property is set as false.
-	*   @Default {0}
-	*/
-	minWidth?: number;
-
-	/** Gets or sets an object that indicates whether to modify the pager default configuration.
-	*/
-	pageSettings?: PageSettings;
-
-	/** Query the dataSource from the table for Grid.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Gets or sets an object that indicates whether to modify the resizing behavior.
-	*/
-	resizeSettings?: ResizeSettings;
-
-	/** Gets or sets a value that indicates to render the grid with template rows. The template row must be a table row. That table row must have the JavaScript render binding format ({{:columnName}}) then the grid data source binds the data to the corresponding table row of the template.
-	*   @Default {null}
-	*/
-	rowTemplate?: string;
-
-	/** Gets or sets an object that indicates whether to customize the drag and drop behavior of the grid rows
-	*/
-	rowDropSettings?: RowDropSettings;
-
-	/** Gets or sets an object that indicates whether to customize the searching behavior of the grid
-	*/
-	searchSettings?: SearchSettings;
-
-	/** Gets a value that indicates whether the grid model to hold multiple selected records . selectedRecords can be used to displayed hold the single or multiple selected records using “selectedRecords” property
-	*   @Default {null}
-	*/
-	selectedRecords?: Array<any>;
-
-	/** Gets or sets a value that indicates to select the row while initializing the grid
-	*   @Default {-1}
-	*/
-	selectedRowIndex?: number;
-
-	/** Gets or sets a value that indicates the selected rows in grid
-	*   @Default {[]}
-	*/
-	selectedRowIndices?: Array<any>;
-
-	/** This property is used to configure the selection behavior of the grid.
-	*/
-	selectionSettings?: SelectionSettings;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** The row selection behavior of grid. Accepting types are &quot;single&quot; and &quot;multiple&quot;.
-	*   @Default {ej.Grid.SelectionType.Single}
-	*/
-	selectionType?: ej.Grid.SelectionType|string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Gets or sets an object that indicates whether to customize the scrolling behavior of the grid.
-	*/
-	scrollSettings?: ScrollSettings;
+        export interface CellClickEventArgs {
 
-	/** Default Value:
-	*   @Default {false}
-	*/
-	showColumnChooser?: Boolean;
+            /** Returns the object of cellClick event.
+             */
+            object?: any;
 
-	/** Gets or sets a value that indicates stacked header should be shown on grid layout when the property “stackedHeaderRows” is set.
-	*   @Default {false}
-	*/
-	showStackedHeader?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates summary rows should be shown on grid layout when the property “summaryRows” is set
-	*   @Default {false}
-	*/
-	showSummary?: boolean;
+            /** Returns the end time of the clicked cell.
+             */
+            endTime?: any;
 
-	/** Gets or sets a value that indicates whether to customize the sorting behavior of the grid.
-	*/
-	sortSettings?: SortSettings;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Gets or sets an object that indicates to managing the collection of stacked header rows for the grid.
-	*   @Default {[]}
-	*/
-	stackedHeaderRows?: Array<StackedHeaderRow>;
+            /** Returns the start time of the clicked cell.
+             */
+            startTime?: any;
 
-	/** Gets or sets an object that indicates to managing the collection of summary rows for the grid.
-	*   @Default {[]}
-	*/
-	summaryRows?: Array<SummaryRow>;
+            /** Returns the target of the clicked cell.
+             */
+            target?: any;
 
-	/** Gets or sets an object that indicates whether to auto wrap the grid header or content or both
-	*/
-	textWrapSettings?: TextWrapSettings;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Gets or sets an object that indicates whether to enable the toolbar in the grid and add toolbar items
-	*/
-	toolbarSettings?: ToolbarSettings;
+        export interface CellDoubleClickEventArgs {
 
-	/** Triggered for every grid action before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+            /** Returns the object of cellDoubleClick event.
+             */
+            object?: any;
 
-	/** Triggered for every grid action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered for every grid action server failure event. */
-	actionFailure? (e: ActionFailureEventArgs): void;
+            /** Returns the end time of the double clicked cell.
+             */
+            endTime?: any;
 
-	/** Triggered when record batch add. */
-	batchAdd? (e: BatchAddEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered when record batch delete. */
-	batchDelete? (e: BatchDeleteEventArgs): void;
+            /** Returns the start time of the double clicked cell.
+             */
+            startTime?: any;
 
-	/** Triggered before the batch add. */
-	beforeBatchAdd? (e: BeforeBatchAddEventArgs): void;
+            /** Returns the target of the double clicked cell.
+             */
+            target?: any;
 
-	/** Triggered before the batch delete. */
-	beforeBatchDelete? (e: BeforeBatchDeleteEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered before the batch save. */
-	beforeBatchSave? (e: BeforeBatchSaveEventArgs): void;
+        export interface CellHoverEventArgs {
 
-	/** Triggered before the print. */
-	beforePrint? (e: BeforePrintEventArgs): void;
+            /** Returns the object of cellHover event.
+             */
+            object?: any;
 
-	/** Triggered before row drop in the grid */
-	beforeRowDrop? (e: BeforeRowDropEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered before the record is going to be edited. */
-	beginEdit? (e: BeginEditEventArgs): void;
+            /** Returns the index of the hovered cell.
+             */
+            cellIndex?: any;
 
-	/** Triggered when record cell edit. */
-	cellEdit? (e: CellEditEventArgs): void;
+            /** Returns the current date of the hovered cell.
+             */
+            currentDate?: any;
 
-	/** Triggered when record cell save. */
-	cellSave? (e: CellSaveEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered after the cell is selected. */
-	cellSelected? (e: CellSelectedEventArgs): void;
+            /** Returns the target of the clicked cell.
+             */
+            target?: any;
 
-	/** Triggered before the cell is going to be selected. */
-	cellSelecting? (e: CellSelectingEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered after the cell is deselected. */
-	cellDeselected? (e: CellDeselectedEventArgs): void;
+        export interface CreateEventArgs {
 
-	/** Triggered before the cell is going to be deselected. */
-	cellDeselecting? (e: CellDeselectingEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the column is being dragged. */
-	columnDrag? (e: ColumnDragEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered when column dragging begins. */
-	columnDragStart? (e: ColumnDragStartEventArgs): void;
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
 
-	/** Triggered when the column is dropped. */
-	columnDrop? (e: ColumnDropEventArgs): void;
+        export interface DestroyEventArgs {
 
-	/** Triggered after the column is selected. */
-	columnSelected? (e: ColumnSelectedEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered before the column is going to be selected. */
-	columnSelecting? (e: ColumnSelectingEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered after the column is deselected. */
-	columnDeselected? (e: ColumnDeselectedEventArgs): void;
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
 
-	/** Triggered before the column is going to be deselected. */
-	columnDeselecting? (e: ColumnDeselectingEventArgs): void;
+        export interface DragEventArgs {
 
-	/** Triggered when context menu item is clicked */
-	contextClick? (e: ContextClickEventArgs): void;
+            /** Returns the object of dragOver event.
+             */
+            object?: any;
 
-	/** Triggered before the context menu is opened. */
-	contextOpen? (e: ContextOpenEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the grid is rendered completely. */
-	create? (e: CreateEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered when the grid is bound with data during initial rendering. */
-	dataBound? (e: DataBoundEventArgs): void;
+            /** Returns the target of the drag over appointment.
+             */
+            target?: any;
 
-	/** Triggered when grid going to destroy. */
-	destroy? (e: DestroyEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered when detail template row is clicked to collapse. */
-	detailsCollapse? (e: DetailsCollapseEventArgs): void;
+        export interface DragStartEventArgs {
 
-	/** Triggered detail template row is initialized. */
-	detailsDataBound? (e: DetailsDataBoundEventArgs): void;
+            /** Returns the object of dragStart event.
+             */
+            object?: any;
 
-	/** Triggered when detail template row is clicked to expand. */
-	detailsExpand? (e: DetailsExpandEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered after the record is added. */
-	endAdd? (e: EndAddEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered after the record is deleted. */
-	endDelete? (e: EndDeleteEventArgs): void;
+            /** Returns the target of the dragging appointment.
+             */
+            target?: any;
 
-	/** Triggered after the record is edited. */
-	endEdit? (e: EndEditEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered initial load. */
-	load? (e: LoadEventArgs): void;
+        export interface DragStopEventArgs {
 
-	/** Triggered every time a request is made to access particular header cell information, element and data. */
-	mergeHeaderCellInfo? (e: MergeHeaderCellInfoEventArgs): void;
+            /** Returns the object of dragDrop event.
+             */
+            object?: any;
 
-	/** Triggered every time a request is made to access particular cell information, element and data. */
-	mergeCellInfo? (e: MergeCellInfoEventArgs): void;
+            /** Returns the dropped appointment object.
+             */
+            appointment?: any;
 
-	/** Triggered every time a request is made to access particular cell information, element and data. */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered when record is clicked. */
-	recordClick? (e: RecordClickEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered when record is double clicked. */
-	recordDoubleClick? (e: RecordDoubleClickEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered after column resized. */
-	resized? (e: ResizedEventArgs): void;
+        export interface MenuItemClickEventArgs {
 
-	/** Triggered when column resize end. */
-	resizeEnd? (e: ResizeEndEventArgs): void;
+            /** Returns the object of menuItemClick event.
+             */
+            object?: any;
 
-	/** Triggered when column resize start. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered when right clicked on grid element. */
-	rightClick? (e: RightClickEventArgs): void;
+            /** Returns the object of menu item event.
+             */
+            events?: any;
 
-	/** Triggered every time a request is made to access row information, element and data. */
-	rowDataBound? (e: RowDataBoundEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered after the row is selected. */
-	rowSelected? (e: RowSelectedEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggered before the row is going to be selected. */
-	rowSelecting? (e: RowSelectingEventArgs): void;
+        export interface NavigationEventArgs {
 
-	/** Triggered after the row is deselected. */
-	rowDeselected? (e: RowDeselectedEventArgs): void;
+            /** Returns the current date object.
+             */
+            currentDate?: any;
 
-	/** Triggered before the row is going to be deselected. */
-	rowDeselecting? (e: RowDeselectingEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggered when the row is being dragged. */
-	rowDrag? (e: RowDragEventArgs): void;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Triggered when row dragging begins. */
-	rowDragStart? (e: RowDragStartEventArgs): void;
+            /** Returns the current view value.
+             */
+            currentView?: string;
 
-	/** Triggered when the row is dropped. */
-	rowDrop? (e: RowDropEventArgs): void;
+            /** Returns the previous view value.
+             */
+            previousView?: string;
 
-	/** Triggered when refresh the template column elements in the Grid. */
-	templateRefresh? (e: TemplateRefreshEventArgs): void;
+            /** Returns the target of the action.
+             */
+            target?: any;
 
-	/** Triggered when toolbar item is clicked in grid. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface ActionBeginEventArgs {
+            /** Returns the previous date of the Schedule.
+             */
+            previousDate?: any;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface QueryCellInfoEventArgs {
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the current selected page number.
-	*/
-	currentPage?: number;
+            /** Returns the current appointment data.
+             */
+            appointment?: any;
 
-	/** Returns the previous selected page number.
-	*/
-	previousPage?: number;
+            /** Returns the currently rendering DOM element.
+             */
+            element?: any;
 
-	/** Returns the end row index of that current page.
-	*/
-	endIndex?: number;
+            /** Returns the name of the currently rendering element on the scheduler.
+             */
+            requestType?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Returns the cell type which is currently rendering on the Scheduler.
+             */
+            cellType?: string;
 
-	/** Returns the start row index of that current page.
-	*/
-	startIndex?: number;
+            /** Returns the start date of the currently rendering appointment.
+             */
+            currentAppointmentDate?: any;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+            /** Returns the currently rendering cell information.
+             */
+            cell?: any;
 
-	/** Returns the column sort direction.
-	*/
-	columnSortDirection?: string;
+            /** Returns the currently rendering resource details.
+             */
+            resource?: any;
 
-	/** Returns current edited row.
-	*/
-	row?: any;
+            /** Returns the currently rendering date information.
+             */
+            currentDay?: any;
+        }
 
-	/** Returns the current action event type.
-	*/
-	originalEventType?: string;
+        export interface ReminderEventArgs {
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the record object (JSON).
-	*/
-	data?: any;
+            /** Returns the appointment object for which the reminder is raised.
+             */
+            reminderAppointment?: any;
+        }
 
-	/** Returns the record object (JSON).
-	*/
-	rowData?: any;
+        export interface ResizeEventArgs {
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            /** Returns the object of resizing event.
+             */
+            object?: any;
 
-	/** Returns the selected row index.
-	*/
-	selectedRow?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns selected row for delete.
-	*/
-	tr?: any;
+            /** Returns the resize element value.
+             */
+            element?: any;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: any;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns current filtering object.
-	*/
-	currentFilterObject?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
+        export interface ResizeStartEventArgs {
 
-	/** Returns type of the column like number, string and so on.
-	*/
-	columnType?: string;
+            /** Returns the object of resizeStart event.
+             */
+            object?: any;
 
-	/** Returns the excel filter model.
-	*/
-	filtermodel?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the dataSource.
-	*/
-	dataSource?: any;
+            /** Returns the resize element value.
+             */
+            element?: any;
 
-	/** Returns the query manager.
-	*/
-	query?: any;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the customfilter option value.
-	*/
-	isCustomFilter?: boolean;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface ActionCompleteEventArgs {
+        export interface ResizeStopEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the object of resizeStop event.
+             */
+            object?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the resized appointment value.
+             */
+            appointment?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the current selected page number.
-	*/
-	currentPage?: number;
+            /** Returns the target of the resized appointment.
+             */
+            target?: any;
 
-	/** Returns the previous selected page number.
-	*/
-	previousPage?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the end row index of that current page.
-	*/
-	endIndex?: number;
+        export interface OverflowButtonClickEventArgs {
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+            /** Returns the object consisting of start time, end time and resource value of the underlying cell on which the clicked overflow button is present.
+             */
+            object?: any;
 
-	/** Returns the start row index of the current page.
-	*/
-	startIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns grid element.
-	*/
-	target?: any;
+            /** Returns the object of menu item event.
+             */
+            events?: any;
 
-	/** Returns the current sorted column field name.
-	*/
-	columnName?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the column sort direction.
-	*/
-	columnSortDirection?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns current edited row.
-	*/
-	row?: any;
+        export interface OverflowButtonHoverEventArgs {
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+            /** Returns the object consisting of start time, end time and resource value of the underlying cell on which the overflow button is currently hovered.
+             */
+            object?: any;
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+            /** Returns the object of menu item event.
+             */
+            events?: any;
 
-	/** Returns the record object (JSON).
-	*/
-	data?: any;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the record object (JSON).
-	*/
-	rowData?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the selectedRow index.
-	*/
-	selectedRow?: number;
+        export interface KeyDownEventArgs {
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns selected row for delete.
-	*/
-	tr?: any;
+            /** Returns the object of menu item event.
+             */
+            events?: any;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns current filtering object.
-	*/
-	currentFilterObject?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
+        export interface AppointmentCreatedEventArgs {
 
-	/** Returns the dataSource.
-	*/
-	dataSource?: any;
+            /** Returns the appointment object.
+             */
+            appointment?: any;
 
-	/** Returns the excel filter model.
-	*/
-	filtermodel?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns type of the column like number, string and so on.
-	*/
-	columnType?: string;
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
 
-	/** Returns the customfilter option value.
-	*/
-	isCustomFilter?: boolean;
-}
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
+
+        export interface AppointmentChangedEventArgs {
+
+            /** Returns the edited appointment object.
+             */
+            appointment?: any;
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
+
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
+
+        export interface AppointmentRemovedEventArgs {
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** Returns the deleted appointment object.
+             */
+            appointment?: any;
+
+            /** Returns the Schedule model.
+             */
+            model?: ej.Schedule.Model;
+
+            /** Returns the name of the Scheduler event.
+             */
+            type?: string;
+        }
+
+        export interface AppointmentSettings {
+
+            /** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule appointments.
+             * @Default {[]}
+             */
+            dataSource?: any|any[];
+
+            /** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
+             * @Default {null}
+             */
+            query?: string;
+
+            /** Assign the table name from where the records are to be fetched for the Schedule.
+             * @Default {null}
+             */
+            tableName?: string;
+
+            /** When set to false, doesn't consider the time difference offset calculation on appointment time.
+             * @Default {true}
+             */
+            applyTimeOffset?: boolean;
+
+            /** When set to true, introduces a new option to edit only the future occurrences of the appointments in a recurrence series from the currently selected appointment's date.
+             * @Default {false}
+             */
+            editFutureEventsOnly?: boolean;
+
+            /** Binds the id field name in dataSource to the id of Schedule appointments. It denotes the unique id assigned to appointments.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Binds the name of startTime field in the dataSource with start time of the Schedule appointments. It indicates the date and Time when Schedule appointment actually starts.
+             * @Default {null}
+             */
+            startTime?: string;
+
+            /** Binds the name of endTime field in dataSource with the end time of Schedule appointments. It indicates the date and time when Schedule appointment actually ends.
+             * @Default {null}
+             */
+            endTime?: string;
+
+            /** Binds the name of subject field in the dataSource to appointment Subject. Indicates the Subject or title that gets displayed on Schedule appointments.
+             * @Default {null}
+             */
+            subject?: string;
+
+            /** Binds the description field name in dataSource. It indicates the appointment description.
+             * @Default {null}
+             */
+            description?: string;
+
+            /** Binds the name of recurrence field in dataSource. It indicates whether the appointment is a recurrence appointment or not.
+             * @Default {null}
+             */
+            recurrence?: string;
+
+            /** Binds the name of recurrenceRule field in dataSource. It indicates the recurrence pattern associated with appointments.
+             * @Default {null}
+             */
+            recurrenceRule?: string;
+
+            /** Binds the name of allDay field in dataSource. It indicates whether the appointment is an all-day appointment or not.
+             * @Default {null}
+             */
+            allDay?: string;
+
+            /** Binds one or more fields in resource collection dataSource. It maps the resource field names with appointments denoting the resource of appointments actually belongs.
+             * @Default {null}
+             */
+            resourceFields?: string;
+
+            /** Binds the name of categorize field in dataSource. It indicates the categorize value, red categorize, green, yellow and so on applied to the appointments.
+             * @Default {null}
+             */
+            categorize?: string;
+
+            /** Binds the name of location field in dataSource. It indicates the appointment location.
+             * @Default {null}
+             */
+            location?: string;
+
+            /** Binds the name of the priority field in dataSource. It indicates the priority, high, low, medium and none of the appointments.
+             * @Default {null}
+             */
+            priority?: string;
+
+            /** Binds the name of start timezone field in dataSource. It indicates the timezone of appointment start date. When startTimeZone field is not mentioned, the appointment uses the
+             * Schedule timeZone or System timeZone.
+             * @Default {null}
+             */
+            startTimeZone?: string;
+
+            /** Binds the name of end timezone field in dataSource. It indicates the timezone of appointment end date. When the endTimeZone field is not mentioned, the appointment uses the
+             * Schedule timeZone or System timeZone.
+             * @Default {null}
+             */
+            endTimeZone?: string;
+        }
+
+        export interface CategorizeSettings {
+
+            /** When set to true, enables the multiple selection of categories to be applied for the appointments.
+             * @Default {false}
+             */
+            allowMultiple?: boolean;
+
+            /** When set to true, enables the categories option to be applied for the appointments.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** The dataSource option accepts either the JSON object collection or DataManager [ej.DataManager] instance that contains the categorize data.
+             */
+            dataSource?: any[]|any;
+
+            /** Binds id field name in the dataSource to id of category data.
+             * @Default {id}
+             */
+            id?: string;
+
+            /** Binds text field name in the dataSource to category text.
+             * @Default {text}
+             */
+            text?: string;
+
+            /** Binds color field name in the dataSource to category color.
+             * @Default {color}
+             */
+            color?: string;
+
+            /** Binds fontColor field name in the dataSource to category font.
+             * @Default {fontColor}
+             */
+            fontColor?: string;
+        }
+
+        export interface ContextMenuSettingsMenuItems {
+
+            /** All the appointment related context menu items are grouped under this appointment menu collection.
+             */
+            appointment?: any[];
+
+            /** All the Scheduler cell related context menu items are grouped under this cells menu item collection.
+             */
+            cells?: any[];
+        }
+
+        export interface ContextMenuSettings {
+
+            /** When set to true, enables the context menu options available for the Schedule cells and appointments.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Contains all the default context menu options that are applicable for both Schedule cells and appointments. It also supports adding custom menu items to cells or appointment
+             * collection.
+             */
+            menuItems?: ContextMenuSettingsMenuItems;
+        }
+
+        export interface Group {
+
+            /** Holds the array of resource names to be grouped on the Schedule.
+             */
+            resources?: any[];
+        }
+
+        export interface WorkHours {
+
+            /** When set to true, highlights the work hours of the Schedule.
+             * @Default {true}
+             */
+            highlight?: boolean;
+
+            /** Sets the start time to depict the start of working or business hour in a day.
+             * @Default {9}
+             */
+            start?: number;
+
+            /** Sets the end time to depict the end of working or business hour in a day.
+             * @Default {18}
+             */
+            end?: number;
+        }
+
+        export interface PrioritySettings {
+
+            /** When set to true, enables the priority options available for the Schedule appointments.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** The dataSource option can accept the JSON object collection that contains the priority related data.
+             * @Default {{% highlight js%}[{ text: None, value: none },{ text: High, value: high },{ text: Medium, value: medium },{ text: Low, value: low }]{% endhighlight %}}
+             */
+            dataSource?: any|any[];
+
+            /** Binds text field name in the dataSource to prioritySettings text. These text gets listed out in priority field of the appointment window.
+             * @Default {text}
+             */
+            text?: string;
+
+            /** Binds value field name in the dataSource to prioritySettings value. These field names usually accepts four priority values by default, high, low, medium and none.
+             * @Default {value}
+             */
+            value?: string;
+
+            /** Allows priority field customization in the appointment window to add custom icons denoting the priority level for the appointments.
+             * @Default {null}
+             */
+            template?: string;
+        }
+
+        export interface ReminderSettings {
+
+            /** When set to true, enables the reminder option available for the Schedule appointments.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Sets the timing, when the reminders are to be alerted for the Schedule appointments.
+             * @Default {5}
+             */
+            alertBefore?: number;
+        }
+
+        export interface RenderDates {
+
+            /** Sets the start of custom date range to be rendered in the Schedule.
+             * @Default {null}
+             */
+            start?: any;
+
+            /** Sets the end limit of the custom date range.
+             * @Default {null}
+             */
+            end?: any;
+        }
+
+        export interface ResourcesResourceSettings {
+
+            /** The dataSource option accepts either JSON object collection or DataManager (ejDataManager) instance that contains the resources related data.
+             * @Default {[]}
+             */
+            dataSource?: any|any[];
+
+            /** Binds text field name in the dataSource to resourceSettings text. These text gets listed out in resources field of the appointment window.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Binds id field name in the dataSource to resourceSettings id.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Binds groupId field name in the dataSource to resourceSettings groupId.
+             * @Default {null}
+             */
+            groupId?: string;
+
+            /** Binds color field name in the dataSource to resourceSettings color. The color specified here gets applied to the Schedule appointments denoting to the resource it belongs.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Binds the starting work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the starting work hour for specific resources.
+             * @Default {null}
+             */
+            start?: string;
+
+            /** Binds the end work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the end work hour for specific resources.
+             * @Default {null}
+             */
+            end?: string;
+
+            /** Binds the resources working days field name in the dataSource. It's optional, and accepts the array of strings (week day names). When provided with specific collection of days
+             * (array of day names), only those days will render for the specific resources.
+             * @Default {null}
+             */
+            workWeek?: string;
+
+            /** Binds appointmentClass field name in the dataSource. It applies custom CSS class name to appointments depicting to the resource it belongs.
+             * @Default {null}
+             */
+            appointmentClass?: string;
+        }
+
+        export interface Resource {
+
+            /** It holds the name of the resource field to be bound to the Schedule appointments that contains the resource Id.
+             * @Default {null}
+             */
+            field?: string;
+
+            /** It holds the title name of the resource field to be displayed on the Schedule appointment window.
+             * @Default {null}
+             */
+            title?: string;
+
+            /** A unique resource name that is used for differentiating various resource objects while grouping it in various levels.
+             * @Default {null}
+             */
+            name?: string;
+
+            /** When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the selected resources.
+             * @Default {false}
+             */
+            allowMultiple?: boolean;
+
+            /** It holds the field names of the resources to be bound to the Schedule and also the dataSource.
+             */
+            resourceSettings?: ResourcesResourceSettings;
+        }
+
+        export interface TimeZoneCollection {
+
+            /** Sets the collection of timezone items to the dataSource that accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule timezones.
+             */
+            dataSource?: any;
+
+            /** Binds text field name in the dataSource to timeZoneCollection text. These text gets listed out in the timezone fields of the appointment window.
+             * @Default {text}
+             */
+            text?: string;
+
+            /** Binds id field name in the dataSource to timeZoneCollection id.
+             * @Default {id}
+             */
+            id?: string;
+
+            /** Binds value field name in the dataSource to timeZoneCollection value.
+             * @Default {value}
+             */
+            value?: string;
+        }
+
+        export interface AgendaViewSettings {
+
+            /** You can display the summary of multiple week's appointment by setting this value.
+             * @Default {7}
+             */
+            daysInAgenda?: number;
+
+            /** You can customize the Date column display based on the requirement.
+             * @Default {null}
+             */
+            dateColumnTemplateId?: string;
+
+            /** You can customize the time column display based on the requirement.
+             * @Default {null}
+             */
+            timeColumnTemplateId?: string;
+        }
+
+        export interface TooltipSettings {
+
+            /** Enables or disables the tooltip display.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Template design that customizes the tooltip. All the field names that are mapped from dataSource to the appropriate field properties within the appointmentSettings can be accessed
+             * within the template.
+             * @Default {null}
+             */
+            templateId?: string;
+        }
+
+        export interface TimeScale {
+
+            /** When set to true, displays the time slots on the Scheduler.
+             * @Default {true}
+             */
+            enable?: boolean;
+
+            /** When set with some specific value, defines the number of time divisions split per hour(as per value given for the majorTimeSlot). Those time divisions are meant to be the minor
+             * slots.
+             * @Default {2}
+             */
+            minorSlotCount?: number;
+
+            /** Accepts the value in minutes. When provided with specific value, displays the appropriate time interval on the Scheduler
+             * @Default {60}
+             */
+            majorSlot?: number;
+
+            /** Template design that customizes the timecells (minor slots) that are partitioned based on minorSlotCount. Accepts id value of the template defined for minor time slots.
+             * @Default {null}
+             */
+            minorSlotTemplateId?: string;
+
+            /** Template design that customizes the timecells (major slots). Accepts id value of the template defined for major time slots.
+             * @Default {null}
+             */
+            majorSlotTemplateId?: string;
+        }
+
+        export interface BlockoutSettings {
+
+            /** When set to true, enables the blockout option to be applied on the Scheduler cells.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Template design that applies on the Schedule block intervals. All the field names that are mapped from dataSource to the appropriate field properties within the blockoutSettings
+             * can be used within the template.
+             * @Default {null}
+             */
+            templateId?: string;
+
+            /** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule block intervals.
+             * @Default {[]}
+             */
+            dataSource?: any|any[];
+
+            /** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
+             * @Default {null}
+             */
+            query?: string;
+
+            /** Assign the table name from where the records are to be fetched for the Schedule.
+             * @Default {null}
+             */
+            tableName?: string;
+
+            /** Binds the id field name in dataSource to the id of block time interval. It denotes the unique id assigned to each of the block records.
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Binds the name of startTime field in the dataSource with start time of block time interval. It indicates the date and time, when the block interval actually starts in the
+             * Scheduler.
+             * @Default {null}
+             */
+            startTime?: string;
+
+            /** Binds the name of endTime field in dataSource with the end time of block time interval. It indicates the date and time, when the block interval actually ends in the Scheduler.
+             * @Default {null}
+             */
+            endTime?: string;
+
+            /** Binds the name of subject field in the dataSource to block time Subject. Indicates the Subject or title that gets displayed on the Schedule block intervals.
+             * @Default {null}
+             */
+            subject?: string;
+
+            /** Binds the name of isBlockAppointment field in dataSource. When set to true, disables the appointments that lies on the blocked area and restrict to perform CRUD operations in it.
+             * @Default {null}
+             */
+            isBlockAppointment?: string;
+
+            /** Binds the name of isAllDay field in dataSource. It indicates whether an entire day is blocked or not.
+             * @Default {null}
+             */
+            isAllDay?: string;
+
+            /** Binds the name of resourceId field in dataSource. Specifies the id of the resources, to which the time intervals are needed to be blocked.
+             * @Default {null}
+             */
+            resourceId?: string;
+
+            /** Binds the name of groupId field in dataSource. Specifies the id of the resource group, to which the time intervals are needed to be blocked.
+             * @Default {null}
+             */
+            groupId?: string;
+
+            /** Binds the name of customStyle field in dataSource. It applies the custom CSS to the block intervals.
+             * @Default {null}
+             */
+            customStyle?: string;
+        }
+
+        enum CurrentView {
+
+            ///Sets currentView of the Scheduler as Day
+            Day,
+
+            ///Sets currentView of the Scheduler as Week
+            Week,
+
+            ///Sets currentView of the Scheduler as WorkWeek
+            Workweek,
+
+            ///Sets currentView of the Scheduler as Month
+            Month,
+
+            ///Sets currentView of the Scheduler as Agenda
+            Agenda,
+
+            ///Sets currentView of the Scheduler as CustomView with user-specified date range.
+            CustomView
+        }
+
+
+        enum Orientation {
+
+            ///Set orientation as vertical to Scheduler
+            Vertical,
+
+            ///Set orientation as horizontal to Scheduler
+            Horizontal
+        }
+
+
+        enum TimeMode {
+
+            ///Sets 12 hour time mode to Scheduler
+            Hour12,
+
+            ///Sets 24 hour time mode to Scheduler
+            Hour24
+        }
+
+    }
+
+    class RecurrenceEditor extends ej.Widget {
+        static fn: RecurrenceEditor;
+        constructor(element: JQuery | Element, options?: RecurrenceEditor.Model);
+        static Locale: any;
+        model: RecurrenceEditor.Model;
+        defaults: RecurrenceEditor.Model;
+
+        /** Generates the recurrence rule with the options selected within the Recurrence Editor.
+         * @returns {string}
+         */
+        getRecurrenceRule(): string;
+
+        /** Generates the collection of date, that lies within the selected recurrence start and end date for which the recurrence pattern applies.
+         * @param {string} It refers the recurrence rule.
+         * @param {any} It refers the start date of the recurrence.
+         * @returns {any}
+         */
+        recurrenceDateGenerator(recurrenceString: string, startDate: any): any;
+
+        /** It splits and returns the recurrence rule string into object collection.
+         * @param {string} It refers the recurrence rule string.
+         * @param {any} It refers the appointment dates (ExDate) to be excluded
+         * @returns {any}
+         */
+        recurrenceRuleSplit(recurrenceRule: string, exDate: any): any;
+    }
+    export namespace RecurrenceEditor {
+
+        export interface Model {
+
+            /** Defines the collection of recurrence frequencies within Recurrence Editor such as Never, Daily, Weekly, Monthly, Yearly and Every Weekday.
+             * @Default {[never, daily, weekly, monthly, yearly, everyweekday]}
+             */
+            frequencies?: any[];
+
+            /** Sets the starting day of the week.
+             * @Default {null}
+             */
+            firstDayOfWeek?: string;
+
+            /** When set to true, enables the spin button of numeric textboxes within the Recurrence Editor.
+             * @Default {true}
+             */
+            enableSpinners?: boolean;
+
+            /** Sets the start date of the recurrence. The Recurrence Editor initially displays the current date as its start date.
+             * @Default {new Date()}
+             */
+            startDate?: any;
+
+            /** Sets the specific culture to the Recurrence Editor.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Sets the date format for the datepickers available within the Recurrence Editor.
+             */
+            dateFormat?: string;
+
+            /** When set to true, renders the Recurrence Editor options from Right-to-Left direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Sets the active/current repeat type(frequency) on Recurrence Editor based on the index value provided. For example, setting the value 1 will initially set the repeat type as Daily
+             * and display its related options.
+             * @Default {0}
+             */
+            selectedRecurrenceType?: number;
+
+            /** Sets the minimum date limit to display on the datepickers defined within the Recurrence Editor. Setting minDate with specific date value disallows the datepickers within
+             * Recurrence Editor to navigate beyond that date.
+             * @Default {new Date(1900, 01, 01)}
+             */
+            minDate?: any;
+
+            /** Sets the maximum date limit to display on the datepickers used within the Recurrence Editor. Setting maxDate with specific date value disallows the datepickers within the
+             * Recurrence Editor to navigate beyond that date.
+             * @Default {new Date(2099, 12, 31)}
+             */
+            maxDate?: any;
+
+            /** Accepts the custom CSS class name, that defines user-defined styles and themes to be applied on partial or complete elements of the Recurrence Editor.
+             */
+            cssClass?: string;
+
+            /** Triggers whenever any of the Recurrence Editor's value is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** When set to true, event gets canceled.
+             */
+            cancel?: boolean;
+
+            /** Returns the Recurrence Editor model
+             */
+            model?: ej.RecurrenceEditor.Model;
+
+            /** Returns the name of the event
+             */
+            type?: string;
+
+            /** Returns the recurrence rule value.
+             */
+            recurrenceRule?: string;
+        }
+    }
+
+    class Gantt extends ej.Widget {
+        static fn: Gantt;
+        constructor(element: JQuery | Element, options?: Gantt.Model);
+        static Locale: any;
+        model: Gantt.Model;
+        defaults: Gantt.Model;
+
+        /** To add a new item in Gantt
+         * @param {any} Item to add in Gantt row.
+         * @param {string} Defines in which position the row wants to add
+         * @returns {void}
+         */
+        addRecord(data: any, rowPosition: string): void;
+
+        /** To select cell based on the cell and row index dynamically.
+         * @param {any[]} array of cell indexes to be select
+         * @param {boolean} Defines that we need to preserve the previously selected cells of not
+         * @returns {void}
+         */
+        selectCells(Indexes: any[], preservePreviousSelectedCell: boolean): void;
+
+        /** Positions the splitter by the specified column index.
+         * @param {number} Set the splitter position based on column index.
+         * @returns {void}
+         */
+        setSplitterIndex(index: number): void;
+
+        /** To sort the column in required direction
+         * @param {string} Defines the column's mapping name in which sorting have to be performed
+         * @param {string} Defines the sort direction whether the column has to sorted in ascending/descending order. By default it is sorting in an ascending order
+         * @returns {void}
+         */
+        sortColumn(mappingName: string, columnSortDirection: string): void;
+
+        /** To cancel the edited state of an item in Gantt
+         * @returns {void}
+         */
+        cancelEdit(): void;
+
+        /** To collapse all the parent items in Gantt
+         * @returns {void}
+         */
+        collapseAllItems(): void;
+
+        /** To delete a selected item in Gantt
+         * @returns {void}
+         */
+        deleteItem(): void;
+
+        /** destroy the Gantt widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To Expand all the parent items in Gantt
+         * @returns {void}
+         */
+        expandAllItems(): void;
+
+        /** To expand and collapse an item in Gantt using item's ID
+         * @param {number} Expand or Collapse a record based on task id.
+         * @returns {void}
+         */
+        expandCollapseRecord(taskId: number): void;
+
+        /** Export the Gantt content to excel or PDF document.
+         * @param {string} Pass the controller action name corresponding to exporting
+         * @param {string} optionalASP server event name corresponding to exporting
+         * @param {boolean} optionalPass the multiple exporting value as true/false
+         * @returns {void}
+         */
+        export(action: string, serverEvent?: string, multipleExport?: boolean): void;
+
+        /** To hide the column by using header text
+         * @param {string} you can pass a header text of a column to hide
+         * @returns {void}
+         */
+        hideColumn(headerText: string): void;
+
+        /** To indent a selected item in Gantt
+         * @returns {void}
+         */
+        indentItem(): void;
+
+        /** To Open the dialog to add new task to the Gantt
+         * @returns {void}
+         */
+        openAddDialog(): void;
+
+        /** To Open the dialog to edit existing task to the Gantt
+         * @returns {void}
+         */
+        openEditDialog(): void;
+
+        /** To outdent a selected item in Gantt
+         * @returns {void}
+         */
+        outdentItem(): void;
+
+        /** To save the edited state of an item in Gantt
+         * @returns {void}
+         */
+        saveEdit(): void;
+
+        /** To search an item with search string provided at the run time
+         * @param {string} you can pass a text to search in Gantt Control.
+         * @returns {void}
+         */
+        searchItem(searchString: string): void;
+
+        /** To set the grid width in Gantt
+         * @param {string} you can give either percentage or pixels value
+         * @returns {void}
+         */
+        setSplitterPosition(width: string): void;
+
+        /** To show the column by using header text
+         * @param {string} you can pass a header text of a column to show
+         * @returns {void}
+         */
+        showColumn(headerText: string): void;
+    }
+    export namespace Gantt {
+
+        export interface Model {
+
+            /** Specifies the fields to be included in the add dialog in Gantt
+             * @Default {[]}
+             */
+            addDialogFields?: AddDialogField[];
+
+            /** Enables or disables the ability to resize column.
+             * @Default {false}
+             */
+            allowColumnResize?: boolean;
+
+            /** Enables or Disables Gantt chart editing in Gantt
+             * @Default {true}
+             */
+            allowGanttChartEditing?: boolean;
+
+            /** Enables or Disables Keyboard navigation in Gantt
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Specifies enabling or disabling multiple sorting for Gantt columns
+             * @Default {false}
+             */
+            allowMultiSorting?: boolean;
+
+            /** Enables or disables the option for multiple exporting
+             * @Default {false}
+             */
+            allowMultipleExporting?: boolean;
+
+            /** Enables or disables the interactive selection of a row.
+             * @Default {true}
+             */
+            allowSelection?: boolean;
+
+            /** Enables or disables sorting. When enabled, we can sort the column by clicking on the column.
+             * @Default {false}
+             */
+            allowSorting?: boolean;
+
+            /** Enables or disables the ability to drag and drop the row interactively to reorder the rows
+             * @Default {false}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Enable or disable predecessor validation. When it is true, all the task's start and end dates are aligned based on its predecessors start and end dates.
+             * @Default {true}
+             */
+            enablePredecessorValidation?: boolean;
+
+            /** Specifies the baseline background color in Gantt
+             * @Default {#fba41c}
+             */
+            baselineColor?: string;
+
+            /** Specifies the mapping property path for the work field of a task in the data source. When it is mapped the end date and duration for a task will be calculated automatically.
+             */
+            workMapping?: string;
+
+            /** Specifies the mapping property path for the expand status of a record in data source.
+             */
+            expandStateMapping?: string;
+
+            /** Specifies the mapping property path for baseline end date in datasource
+             */
+            baselineEndDateMapping?: string;
+
+            /** Specifies the mapping property path for baseline start date of a task in datasource
+             */
+            baselineStartDateMapping?: string;
+
+            /** Specifies the mapping property path for sub tasks in datasource
+             */
+            childMapping?: string;
+
+            /** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
+             * @Default {[]}
+             */
+            columnDialogFields?: any[];
+
+            /** Specifies the background of connector lines in Gantt
+             */
+            connectorLineBackground?: string;
+
+            /** Specifies the width of the connector lines in Gantt
+             * @Default {1}
+             */
+            connectorlineWidth?: number;
+
+            /** Specify the CSS class for Gantt to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** Specifies the template for cell tooltip
+             * @Default {null}
+             */
+            cellTooltipTemplate?: string;
+
+            /** Option for customizing the drag tooltip while reordering the rows.
+             */
+            dragTooltip?: DragTooltip;
+
+            /** Collection of data or hierarchical data to represent in Gantt
+             * @Default {null}
+             */
+            dataSource?: any[];
+
+            /** Specifies the dateFormat for Gantt , given format is displayed in tooltip , Grid .
+             * @Default {MM/dd/yyyy}
+             */
+            dateFormat?: string;
+
+            /** Specifies the customized working time for tasks in Gantt
+             * @Default {[{ from: 08:00 AM, to: 12:00 PM }, { from: 01:00 PM, to: 05:00 PM }]}
+             */
+            dayWorkingTime?: any[];
+
+            /** Specifies the mapping property path for duration of a task in datasource
+             */
+            durationMapping?: string;
+
+            /** Specifies the duration unit for each tasks whether days or hours or minutes
+             * @Default {ej.Gantt.DurationUnit.Day}
+             */
+            durationUnit?: ej.Gantt.DurationUnit|string;
+
+            /** Specifies the fields to be included in the edit dialog in Gantt
+             * @Default {[]}
+             */
+            editDialogFields?: EditDialogField[];
+
+            /** Enables or disables the responsiveness of Gantt
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Option to configure the splitter position.
+             */
+            splitterSettings?: SplitterSettings;
+
+            /** Specifies the editSettings options in Gantt.
+             */
+            editSettings?: EditSettings;
+
+            /** Enables or Disables enableAltRow row effect in Gantt
+             * @Default {true}
+             */
+            enableAltRow?: boolean;
+
+            /** Enables/disables work breakdown structure column.
+             * @Default {false}
+             */
+            enableWBS?: boolean;
+
+            /** Enables/disables WBS predecessor column.
+             * @Default {false}
+             */
+            enableWBSPredecessor?: boolean;
+
+            /** Enables or disables the collapse all records when loading the Gantt.
+             * @Default {false}
+             */
+            enableCollapseAll?: boolean;
+
+            /** Specifies the data source field name to be displayed as left task label
+             */
+            leftTaskLabelMapping?: string;
+
+            /** Specifies the data source field name to be displayed as right task label
+             */
+            rightTaskLabelMapping?: string;
+
+            /** Specifies the template for left task label
+             */
+            leftTaskLabelTemplate?: string;
+
+            /** Specifies the template for right task label
+             */
+            rightTaskLabelTemplate?: string;
+
+            /** Enables or disables the contextmenu for Gantt , when enabled contextmenu appears on right clicking Gantt
+             * @Default {false}
+             */
+            enableContextMenu?: boolean;
+
+            /** Indicates whether we can edit the progress of a task interactively in Gantt.
+             * @Default {true}
+             */
+            enableProgressBarResizing?: boolean;
+
+            /** Enables or disables the option for dynamically updating the Gantt size on window resizing
+             * @Default {false}
+             */
+            enableResize?: boolean;
+
+            /** Enables or disables tooltip while editing (dragging/resizing) the taskbar.
+             * @Default {true}
+             */
+            enableTaskbarDragTooltip?: boolean;
+
+            /** Enables or disables tooltip for taskbar.
+             * @Default {true}
+             */
+            enableTaskbarTooltip?: boolean;
+
+            /** Enables/Disables virtualization for rendering Gantt items.
+             * @Default {false}
+             */
+            enableVirtualization?: boolean;
+
+            /** Specifies the mapping property path for end Date of a task in datasource
+             */
+            endDateMapping?: string;
+
+            /** Specifies whether to highlight the weekends in Gantt .
+             * @Default {true}
+             */
+            highlightWeekends?: boolean;
+
+            /** Collection of holidays with date, background and label information to be displayed in Gantt.
+             * @Default {[]}
+             */
+            holidays?: Holiday[];
+
+            /** Specifies whether to include weekends while calculating the duration of a task.
+             * @Default {true}
+             */
+            includeWeekend?: boolean;
+
+            /** Specify the locale for Gantt
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the mapping property path for milestone in datasource
+             */
+            milestoneMapping?: string;
+
+            /** Enables/disables the options for inserting , deleting and renaming  columns.
+             * @Default {false}
+             */
+            showColumnOptions?: boolean;
+
+            /** Specifies the template for parent taskbar
+             */
+            parentTaskbarTemplate?: string;
+
+            /** Specifies the nature of a task for calculating the work,  and it can fixed duration, fixed work and fixed resource unit
+             * @Default {ej.Gantt.TaskType.FixedUnit}
+             */
+            taskType?: ej.Gantt.TaskType|string;
+
+            /** Specifies the unit for the work involved in a task and it can be day, hour or minute
+             * @Default {ej.Gantt.WorkUnit.Hour}
+             */
+            workUnit?: ej.Gantt.WorkUnit|string;
+
+            /** Specifies the task scheduling mode for a project and this will be set to all the tasks available in the project
+             * @Default {ej.Gantt.TaskSchedulingMode.Auto}
+             */
+            taskSchedulingMode?: ej.Gantt.TaskSchedulingMode|string;
+
+            /** Specifies the row selection type.
+             * @Default {ej.Gantt.SelectionType.Single}
+             */
+            selectionType?: ej.Gantt.SelectionType|string;
+
+            /** Specifies the background of parent progressbar in Gantt
+             */
+            parentProgressbarBackground?: string;
+
+            /** Specifies the mapping property path for resource's percent effort involved in a task in datasource
+             */
+            resourceUnitMapping?: string;
+
+            /** Specifies the mapping property path for the task description in datasource
+             */
+            notesMapping?: string;
+
+            /** Specifies the mapping property path for the task scheduling mode for a task in datasource
+             * @Default {auto}
+             */
+            taskSchedulingModeMapping?: string;
+
+            /** Specifies the mapping property path for task duration unit in datasource
+             */
+            durationUnitMapping?: string;
+
+            /** Specifies the background of parent taskbar in Gantt
+             */
+            parentTaskbarBackground?: string;
+
+            /** Specifies the mapping property path for parent task Id in self reference datasource
+             */
+            parentTaskIdMapping?: string;
+
+            /** Specifies the mapping property path for predecessors of a task in datasource
+             */
+            predecessorMapping?: string;
+
+            /** Specifies the background of progressbar in Gantt
+             */
+            progressbarBackground?: string;
+
+            /** Specified the height of the progressbar in taskbar
+             * @Default {100}
+             */
+            progressbarHeight?: number;
+
+            /** Specifies the template for tooltip on resizing progressbar
+             * @Default {null}
+             */
+            progressbarTooltipTemplate?: string;
+
+            /** Specifies the template ID for customized tooltip for progressbar editing in Gantt
+             * @Default {null}
+             */
+            progressbarTooltipTemplateId?: string;
+
+            /** Specifies the mapping property path for progress percentage of a task in datasource
+             */
+            progressMapping?: string;
+
+            /** It receives query to retrieve data from the table (query is same as SQL).
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in Gantt
+             * @Default {false}
+             */
+            renderBaseline?: boolean;
+
+            /** Specifies the mapping property name for resource ID in resource Collection in Gantt
+             */
+            resourceIdMapping?: string;
+
+            /** Specifies the mapping property path for resources of a task in datasource
+             */
+            resourceInfoMapping?: string;
+
+            /** Specifies the mapping property path for resource name of a task in Gantt
+             */
+            resourceNameMapping?: string;
+
+            /** Collection of data regarding resources involved in entire project
+             * @Default {[]}
+             */
+            resources?: any[];
+
+            /** Specifies whether rounding off the day working time edits
+             * @Default {true}
+             */
+            roundOffDayworkingTime?: boolean;
+
+            /** Specifies the height of a single row in Gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
+             * @Default {30}
+             */
+            rowHeight?: number;
+
+            /** Specifies end date of the Gantt schedule. By default, end date will be rounded to its next Saturday.
+             * @Default {null}
+             */
+            scheduleEndDate?: string;
+
+            /** Specifies the options for customizing schedule header.
+             */
+            scheduleHeaderSettings?: ScheduleHeaderSettings;
+
+            /** Specifies start date of the Gantt schedule. By default, start date will be rounded to its previous Sunday.
+             * @Default {null}
+             */
+            scheduleStartDate?: string;
+
+            /** Specifies the selected row Index in Gantt , the row with given index will highlighted
+             * @Default {-1}
+             */
+            selectedRowIndex?: number;
+
+            /** Enables or disables the column chooser.
+             * @Default {false}
+             */
+            showColumnChooser?: boolean;
+
+            /** Specifies the template for cell tooltip
+             * @Default {true}
+             */
+            showGridCellTooltip?: boolean;
+
+            /** Specifies whether to show grid cell tooltip over expander cell alone.
+             * @Default {true}
+             */
+            showGridExpandCellTooltip?: boolean;
+
+            /** Specifies whether display task progress inside taskbar.
+             * @Default {true}
+             */
+            showProgressStatus?: boolean;
+
+            /** Specifies whether to display resource names for a task beside taskbar.
+             * @Default {true}
+             */
+            showResourceNames?: boolean;
+
+            /** Specifies whether to display task name beside task bar.
+             * @Default {true}
+             */
+            showTaskNames?: boolean;
+
+            /** Specifies the size option of Gantt control.
+             */
+            sizeSettings?: SizeSettings;
+
+            /** Specifies the selected cell information on rendering Gantt.
+             */
+            selectedCellIndexes?: SelectedCellIndex[];
+
+            /** Specifies the sorting options for Gantt.
+             */
+            sortSettings?: SortSettings;
+
+            /** Specifies splitter position in Gantt.
+             * @Default {null}
+             */
+            splitterPosition?: string;
+
+            /** Specifies the mapping property path for start date of a task in datasource
+             */
+            startDateMapping?: string;
+
+            /** Specifies the options for striplines
+             * @Default {[]}
+             */
+            stripLines?: StripLine[];
+
+            /** Specifies the background of the taskbar in Gantt
+             */
+            taskbarBackground?: string;
+
+            /** Specifies the template script for customized tooltip for taskbar editing in Gantt
+             */
+            taskbarEditingTooltipTemplate?: string;
+
+            /** Specifies the template Id for customized tooltip for taskbar editing in Gantt
+             */
+            taskbarEditingTooltipTemplateId?: string;
+
+            /** Specifies the height of taskBar in Gantt.
+             * @Default {20}
+             */
+            taskbarHeight?: number;
+
+            /** Specifies the template for tooltip on mouse action on taskbars
+             */
+            taskbarTooltipTemplate?: string;
+
+            /** To Specify the JsRender script Id to customize the task bar with our preference
+             */
+            taskbarTemplate?: string;
+
+            /** To Specify the JsRender script Id to customize the mile stone with our preference
+             */
+            milestoneTemplate?: string;
+
+            /** Enables or disables Gantt to read-only mode
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Specifies the template id for tooltip on mouse action on taskbars
+             */
+            taskbarTooltipTemplateId?: string;
+
+            /** Specifies the mapping property path for task Id in datasource
+             */
+            taskIdMapping?: string;
+
+            /** Specifies the mapping property path for task name in datasource
+             */
+            taskNameMapping?: string;
+
+            /** Specifies the toolbarSettings options.
+             */
+            toolbarSettings?: ToolbarSettings;
+
+            /** Specifies the tree expander column in Gantt
+             * @Default {0}
+             */
+            treeColumnIndex?: number;
+
+            /** Specifies the type of selection whether to select row or cell.
+             * @Default {ej.Gantt.SelectionMode.Row}
+             */
+            selectionMode?: ej.Gantt.SelectionMode|string;
+
+            /** Enables or disables the schedule date validation while connecting a manually scheduled task with predecessor
+             * @Default {false}
+             */
+            validateManualTasksOnLinking?: boolean;
+
+            /** Specifies the weekendBackground color in Gantt
+             * @Default {#F2F2F2}
+             */
+            weekendBackground?: string;
+
+            /** Specifies the working time schedule of day
+             * @Default {ej.Gantt.workingTimeScale.TimeScale8Hours}
+             */
+            workingTimeScale?: ej.Gantt.workingTimeScale|string;
+
+            /** Triggered for every Gantt action before its starts.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggered for every Gantt action success event.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggered while enter the edit mode in the TreeGrid cell
+             */
+            beginEdit?(e: BeginEditEventArgs): void;
+
+            /** Triggered before selecting a cell
+             */
+            cellSelecting?(e: CellSelectingEventArgs): void;
+
+            /** Triggered after selected a cell
+             */
+            cellSelected?(e: CellSelectedEventArgs): void;
+
+            /** Triggered while dragging a row in Gantt control
+             */
+            rowDrag?(e: RowDragEventArgs): void;
+
+            /** Triggered while start to drag row in Gantt control
+             */
+            rowDragStart?(e: RowDragStartEventArgs): void;
+
+            /** Triggered while drop a row in Gantt control
+             */
+            rowDragStop?(e: RowDragStopEventArgs): void;
+
+            /** Triggered after collapsed the Gantt record
+             */
+            collapsed?(e: CollapsedEventArgs): void;
+
+            /** Triggered while collapsing the Gantt record
+             */
+            collapsing?(e: CollapsingEventArgs): void;
+
+            /** Triggered while Context Menu is rendered in Gantt control
+             */
+            contextMenuOpen?(e: ContextMenuOpenEventArgs): void;
+
+            /** Triggered when Gantt is rendered completely.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggered after save the modified cellValue in Gantt.
+             */
+            endEdit?(e: EndEditEventArgs): void;
+
+            /** Triggered after expand the record
+             */
+            expanded?(e: ExpandedEventArgs): void;
+
+            /** Triggered while expanding the Gantt record
+             */
+            expanding?(e: ExpandingEventArgs): void;
+
+            /** Triggered while Gantt is loaded
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggered while rendering each cell in the TreeGrid
+             */
+            queryCellInfo?(e: QueryCellInfoEventArgs): void;
+
+            /** Triggered while rendering each taskbar in the Gantt
+             */
+            queryTaskbarInfo?(e: QueryTaskbarInfoEventArgs): void;
+
+            /** Triggered while rendering each row
+             */
+            rowDataBound?(e: RowDataBoundEventArgs): void;
+
+            /** Triggered after the row is selected.
+             */
+            rowSelected?(e: RowSelectedEventArgs): void;
 
-export interface ActionFailureEventArgs {
+            /** Triggered before the row is going to be selected.
+             */
+            rowSelecting?(e: RowSelectingEventArgs): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Triggered after completing the editing operation in taskbar
+             */
+            taskbarEdited?(e: TaskbarEditedEventArgs): void;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Triggered while editing the Gantt chart (dragging, resizing the taskbar )
+             */
+            taskbarEditing?(e: TaskbarEditingEventArgs): void;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Triggered when taskbar item is clicked in Gantt.
+             */
+            taskbarClick?(e: TaskbarClickEventArgs): void;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Triggered when toolbar item is clicked in Gantt.
+             */
+            toolbarClick?(e: ToolbarClickEventArgs): void;
+        }
 
-	/** Returns the error return by server.
-	*/
-	error?: any;
+        export interface ActionBeginEventArgs {
 
-	/** Returns the current selected page number.
-	*/
-	currentPage?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the previous selected page number.
-	*/
-	previousPage?: number;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Returns the end row index of that current page.
-	*/
-	endIndex?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns current action event type.
-	*/
-	originalEventType?: string;
+            /** Returns the current grouped column field name.
+             */
+            columnName?: string;
 
-	/** Returns the start row index of the current page.
-	*/
-	startIndex?: number;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns grid element.
-	*/
-	target?: any;
+            /** Returns the direction of sorting ascending or descending
+             */
+            columnSortDirection?: string;
 
-	/** Returns the current sorted column field name.
-	*/
-	columnName?: string;
+            /** Returns the value of searching element.
+             */
+            keyValue?: string;
 
-	/** Returns the column sort direction.
-	*/
-	columnSortDirection?: string;
+            /** Returns the data of deleting element.
+             */
+            data?: string;
 
-	/** Returns current edited row.
-	*/
-	row?: any;
+            /** Returns selected record index
+             */
+            recordIndex?: number;
+        }
 
-	/** Returns primary key.
-	*/
-	primaryKey?: string;
+        export interface ActionCompleteEventArgs {
 
-	/** Returns primary key value.
-	*/
-	primaryKeyValue?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Returns the record object (JSON).
-	*/
-	data?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the record object (JSON).
-	*/
-	rowData?: any;
+            /** Returns the current grouped column field name.
+             */
+            columnName?: string;
 
-	/** Returns the selectedRow index.
-	*/
-	selectedRow?: number;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            /** Returns the direction of sorting ascending or descending
+             */
+            columnSortDirection?: string;
 
-	/** Returns selected row for delete.
-	*/
-	tr?: any;
+            /** Returns the value of searched element.
+             */
+            keyValue?: string;
 
-	/** Returns current filtering column field name.
-	*/
-	currentFilteringColumn?: string;
+            /** Returns the data of deleted element.
+             */
+            data?: string;
 
-	/** Returns current filtering object.
-	*/
-	currentFilterObject?: any;
+            /** Returns selected record index
+             */
+            recordIndex?: number;
+        }
 
-	/** Returns filter details.
-	*/
-	filterCollection?: any;
-}
+        export interface BeginEditEventArgs {
 
-export interface BatchAddEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the row element of editing cell.
+             */
+            rowElement?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the Element of editing cell.
+             */
+            cellElement?: any;
 
-	/** Returns deleted data.
-	*/
-	defaultData?: any;
+            /** Returns the data of current cell record.
+             */
+            data?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the column Index of cell belongs.
+             */
+            columnIndex?: number;
+        }
 
-	/** Returns the column object.
-	*/
-	columnObject?: any;
+        export interface CellSelectingEventArgs {
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the row element.
-	*/
-	row?: any;
+            /** Returns the cell index on the selection.
+             */
+            cellIndex?: number;
 
-	/** Returns the primaryKey.
-	*/
-	primaryKey?: any;
+            /** Returns the row index on the selection
+             */
+            rowIndex?: number;
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
-}
+            /** Returns the selecting cell element
+             */
+            targetCell?: any;
 
-export interface BatchDeleteEventArgs {
+            /** Returns the selecting row element
+             */
+            targetRow?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the selecting record object
+             */
+            data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the Gantt object Model
+             */
+            model?: any;
+        }
 
-	/** Returns deleted data.
-	*/
-	rowData?: any;
+        export interface CellSelectedEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the primary key.
-	*/
-	primaryKey?: any;
+            /** Returns the cell index on the selection.
+             */
+            cellIndex?: number;
 
-	/** Returns the row Index.
-	*/
-	rowIndex?: number;
-}
+            /** Returns the row index on the selection
+             */
+            rowIndex?: number;
 
-export interface BeforeBatchAddEventArgs {
+            /** Returns the selecting cell element
+             */
+            targetCell?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the selecting row element
+             */
+            targetRow?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the selecting record object
+             */
+            data?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Gantt object Model
+             */
+            model?: any;
 
-	/** Returns the default data object.
-	*/
-	defaultData?: any;
+            /** Returns the previously selected row data
+             */
+            previousData?: any;
 
-	/** Returns the primaryKey.
-	*/
-	primaryKey?: any;
-}
+            /** Returns the previously selected cell index
+             */
+            previousCellIndex?: any;
 
-export interface BeforeBatchDeleteEventArgs {
+            /** Returns the previously selected row index
+             */
+            previousRowIndex?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the previously selected cell element
+             */
+            previousTargetCell?: any;
 
-	/** Returns deleted data.
-	*/
-	rowData?: any;
+            /** Returns the previously selected row element
+             */
+            previousTargetRow?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+        export interface RowDragEventArgs {
 
-	/** Returns the primaryKey.
-	*/
-	primaryKey?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the row index.
-	*/
-	rowIndex?: number;
+            /** Returns the row which we start to drag.
+             */
+            draggedRow?: any;
 
-	/** Returns the row element.
-	*/
-	row?: any;
-}
+            /** Returns the row index which we start to drag.
+             */
+            draggedRowIndex?: number;
 
-export interface BeforeBatchSaveEventArgs {
+            /** Returns the row on which we are dragging.
+             */
+            targetRow?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the row index on which we are dragging.
+             */
+            targetRowIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns that we can drop over that record or not.
+             */
+            canDrop?: boolean;
 
-	/** Returns the changed record object.
-	*/
-	batchChanges?: any;
-}
+            /** Returns the Gantt model.
+             */
+            model?: any;
 
-export interface BeforePrintEventArgs {
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+        export interface RowDragStartEventArgs {
 
-	/** Returns the Grid element.
-	*/
-	element?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected records.
-	*/
-	selectedRows?: any;
-}
+            /** Returns the row which we start to drag.
+             */
+            draggedRow?: any;
 
-export interface BeforeRowDropEventArgs {
+            /** Returns the row index which we start to drag.
+             */
+            draggedRowIndex?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the Gantt model.
+             */
+            model?: any;
 
-	/** Returns the targeted row.
-	*/
-	target?: any;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the targeted row index.
-	*/
-	targetIndex?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the dragged record details
-	*/
-	draggedRecords?: any;
+        export interface RowDragStopEventArgs {
 
-	/** Returns the drop details
-	*/
-	dropDetails?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface BeginEditEventArgs {
+            /** Returns the row which we start to drag.
+             */
+            draggedRow?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the row index which we start to drag.
+             */
+            draggedRowIndex?: number;
 
-	/** Returns the current edited row.
-	*/
-	row?: any;
+            /** Returns the row which we are dropped to row.
+             */
+            targetRow?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the row index which we are dropped to row.
+             */
+            targetRowIndex?: number;
 
-	/** Returns the primary key.
-	*/
-	primaryKey?: any;
+            /** Returns the Gantt model.
+             */
+            model?: any;
 
-	/** Returns the primary key value.
-	*/
-	primaryKeyValue?: any;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the edited row index.
-	*/
-	rowIndex?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface CollapsedEventArgs {
 
-export interface CellEditEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the row index of collapsed record.
+             */
+            recordIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the data of collapsed record.
+             */
+            data?: any;
 
-	/** Returns the validation rules.
-	*/
-	validationRules?: any;
+            /** Returns Request Type.
+             */
+            requestType?: string;
 
-	/** Returns the column name.
-	*/
-	columnName?: string;
+            /** Returns state of a record whether it is in expanded or collapsed state.
+             */
+            expanded?: boolean;
+        }
 
-	/** Returns the cell value.
-	*/
-	value?: string;
+        export interface CollapsingEventArgs {
 
-	/** Returns the row data object.
-	*/
-	rowData?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the previous value of the cell.
-	*/
-	previousValue?: string;
+            /** Returns the row index of collapsing record.
+             */
+            recordIndex?: number;
 
-	/** Returns the column object.
-	*/
-	columnObject?: any;
+            /** Returns the data of edited cell record..
+             */
+            data?: any;
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+            /** Returns state of a record whether it is in expanded or collapsed state.
+             */
+            expanded?: boolean;
+        }
 
-	/** Returns isForeignKey option value.
-	*/
-	isForeignKey?: boolean;
-}
+        export interface ContextMenuOpenEventArgs {
 
-export interface CellSaveEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the default context menu items to which we add custom items.
+             */
+            contextMenuItems?: any[];
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the Gantt model.
+             */
+            model?: any;
 
-	/** Returns the column name.
-	*/
-	columnName?: string;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the cell value.
-	*/
-	value?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the row data object.
-	*/
-	rowData?: any;
+        export interface CreateEventArgs {
 
-	/** Returns the previous value of the cell.
-	*/
-	previousValue?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the column object.
-	*/
-	columnObject?: any;
+            /** Returns the Gantt model
+             */
+            model?: any;
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns isForeignKey option value.
-	*/
-	isForeignKey?: boolean;
-}
+        export interface EndEditEventArgs {
 
-export interface CellSelectedEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected cell index value.
-	*/
-	cellIndex?: number;
+            /** Returns the row element of editing cell.
+             */
+            rowElement?: any;
 
-	/** Returns the previous selected cell index value.
-	*/
-	previousRowCellIndex?: number;
+            /** Returns the Element of editing cell.
+             */
+            cellElement?: any;
 
-	/** Returns the selected cell element.
-	*/
-	currentCell?: any;
+            /** Returns the data of edited cell record.
+             */
+            data?: any;
 
-	/** Returns the previous selected cell element.
-	*/
-	previousRowCell?: any;
+            /** Returns the column name of edited cell belongs.
+             */
+            columnName?: string;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            /** Returns the column object of edited cell belongs.
+             */
+            columnObject?: any;
+        }
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
+        export interface ExpandedEventArgs {
 
-	/** Returns the selected row cell index values.
-	*/
-	selectedRowCellIndex?: Array<any>;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the row index of record.
+             */
+            recordIndex?: number;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the data of expanded record.
+             */
+            data?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns Request Type.
+             */
+            requestType?: string;
 
-export interface CellSelectingEventArgs {
+            /** Returns state of a record whether it is in expanded or collapsed state.
+             */
+            expanded?: boolean;
+        }
 
-	/** Returns the selected cell index value.
-	*/
-	cellIndex?: number;
+        export interface ExpandingEventArgs {
 
-	/** Returns the previous selected cell index value.
-	*/
-	previousRowCellIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected cell element.
-	*/
-	currentCell?: any;
+            /** Returns the row index of record.
+             */
+            recordIndex?: any;
 
-	/** Returns the previous selected cell element.
-	*/
-	previousRowCell?: any;
+            /** Returns the data of edited cell record..
+             */
+            data?: any;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            /** Returns state of a record whether it is in expanded or collapsed state.
+             */
+            expanded?: boolean;
+        }
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
+        export interface LoadEventArgs {
 
-	/** Returns whether the ctrl key is pressed while selecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns whether the shift key is pressed while selecting cell
-	*/
-	isShiftKeyPressed?: boolean;
+            /** Returns the Gantt model
+             */
+            model?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface QueryCellInfoEventArgs {
 
-export interface CellDeselectedEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the deselected cell index value.
-	*/
-	cellIndex?: number;
+            /** Returns the selecting cell element.
+             */
+            cellElement?: any;
 
-	/** Returns the deselected cell element.
-	*/
-	currentCell?: any;
+            /** Returns the value of cell.
+             */
+            cellValue?: string;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            /** Returns the data of current cell record.
+             */
+            data?: any;
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
+            /** Returns the column of cell belongs.
+             */
+            column?: any;
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface QueryTaskbarInfoEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface CellDeselectingEventArgs {
+            /** Returns the taskbar background of current item.
+             */
+            TaskbarBackground?: string;
 
-	/** Returns the deselecting cell index value.
-	*/
-	cellIndex?: number;
+            /** Returns the progressbar background of current item.
+             */
+            ProgressbarBackground?: string;
 
-	/** Returns the deselecting cell element.
-	*/
-	currentCell?: any;
+            /** Returns the parent taskbar background of current item.
+             */
+            parentTaskbarBackground?: string;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            /** Returns the parent progressbar background of current item.
+             */
+            parentProgressbarBackground?: string;
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
+            /** Returns the data of the record.
+             */
+            data?: any;
+        }
 
-	/** Returns whether the ctrl key is pressed while deselecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
+        export interface RowDataBoundEventArgs {
 
-	/** Returns whether the shift key is pressed while deselecting cell
-	*/
-	isShiftKeyPressed?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the row element of rendering row.
+             */
+            rowElement?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the data of rendering row record..
+             */
+            data?: any;
+        }
 
-export interface ColumnDragEventArgs {
+        export interface RowSelectedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+            /** Returns the selecting row element.
+             */
+            targetRow?: any;
 
-	/** Returns the draggable column object.
-	*/
-	column?: any;
+            /** Returns the index of selecting row record.
+             */
+            recordIndex?: number;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the data of selected record.
+             */
+            data?: any;
+        }
 
-	/** Returns target elements based on mouse move position.
-	*/
-	target?: any;
+        export interface RowSelectingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface ColumnDragStartEventArgs {
+            /** Returns the data selecting record.
+             */
+            data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the index of selecting row record.
+             */
+            recordIndex?: string;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+            /** Returns the selecting row chart element.
+             */
+            targetChartRow?: any;
 
-	/** Returns the draggable column object.
-	*/
-	column?: any;
+            /** Returns the selecting row grid element.
+             */
+            targetGridRow?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the previous selected data.
+             */
+            previousData?: any;
 
-	/** Returns drag start element.
-	*/
-	target?: any;
+            /** Returns the previous selected row index.
+             */
+            previousIndex?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the previous selected row chart element.
+             */
+            previousChartRow?: any;
 
-export interface ColumnDropEventArgs {
+            /** Returns the previous selected row grid element.
+             */
+            previousGridRow?: any;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface TaskbarEditedEventArgs {
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the draggable column object.
-	*/
-	column?: any;
+            /** Returns the data of edited record.
+             */
+            data?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the previous data value of edited record.
+             */
+            previousData?: any;
 
-	/** Returns dropped dragged element.
-	*/
-	target?: any;
+            /** Returns 'true' if taskbar is dragged.
+             */
+            dragging?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns 'true' if taskbar is left resized.
+             */
+            leftResizing?: boolean;
 
-export interface ColumnSelectedEventArgs {
+            /** Returns 'true' if taskbar is right resized.
+             */
+            rightResizing?: boolean;
 
-	/** Returns the selected cell index value.
-	*/
-	columnIndex?: number;
+            /** Returns 'true' if taskbar is progress resized.
+             */
+            progressResizing?: boolean;
 
-	/** Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
+            /** Returns the field values of record being edited.
+             */
+            editingFields?: any;
 
-	/** Returns the selected header cell element.
-	*/
-	headerCell?: any;
+            /** Returns the Gantt model.
+             */
+            model?: any;
+        }
 
-	/** Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
+        export interface TaskbarEditingEventArgs {
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the selected columns values.
-	*/
-	selectedColumnsIndex?: Array<any>;
+            /** Returns the Gantt model.
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the row object being edited.
+             */
+            rowData?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the field values of record being edited.
+             */
+            editingFields?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface ColumnSelectingEventArgs {
+        export interface TaskbarClickEventArgs {
 
-	/** Returns the selected column index value.
-	*/
-	columnIndex?: number;
+            /** Returns currently clicked row data
+             */
+            data?: any;
 
-	/** Returns the previous selected column index value.
-	*/
-	previousColumnIndex?: number;
+            /** Returns the current item index.
+             */
+            index?: number;
 
-	/** Returns the selected header cell element.
-	*/
-	headerCell?: any;
+            /** Returns the Gantt model.
+             */
+            model?: any;
 
-	/** Returns the previous selected header cell element.
-	*/
-	prevColumnHeaderCell?: any;
+            /** Returns the clicked row element
+             */
+            taskbarElement?: any;
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+            /** Returns the target element.
+             */
+            target?: any;
 
-	/** Returns whether the ctrl key is pressed while selecting cell
-	*/
-	isCtrlKeyPressed?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns whether the shift key is pressed while selecting cell
-	*/
-	isShiftKeyPressed?: boolean;
+        export interface ToolbarClickEventArgs {
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the current item.
+             */
+            currentTarget?: any;
 
-export interface ColumnDeselectedEventArgs {
+            /** Returns the Gantt model.
+             */
+            model?: any;
+
+            /** Returns the name of the toolbar item on which mouse click has been performed
+             */
+            itemName?: string;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the Deselected column index value.
-	*/
-	columnIndex?: number;
+        export interface AddDialogField {
 
-	/** Returns the Deselected column header element.
-	*/
-	headerCell?: any;
+            /** Specifies mapping name to include required fields in Gantt
+             */
+            field?: string;
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+            /** Specifies editType of fields to be included in the add dialog in Gantt
+             */
+            editType?: string;
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface DragTooltip {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Specifies option to enable/disable tooltip while drag and drop a row.
+             * @Default {true}
+             */
+            showTooltip?: boolean;
 
-export interface ColumnDeselectingEventArgs {
+            /** Specifies the data source fields to be displayed in the drag tooltip.
+             * @Default {[]}
+             */
+            tooltipItems?: any[];
+
+            /** Specifies the custom template for drag tooltip.
+             * @Default {null}
+             */
+            tooltipTemplate?: string;
+        }
+
+        export interface EditDialogField {
+
+            /** Specifies mapping name to include required fields in Gantt
+             */
+            field?: string;
+
+            /** Specifies editType of fields to be included in the edit dialog in Gantt
+             */
+            editType?: string;
+        }
+
+        export interface SplitterSettings {
+
+            /** Specifies position of the splitter in Gantt , splitter can be placed either based on percentage values or pixel values.
+             */
+            position?: string;
+
+            /** Specifies the position of splitter in Gantt, based on column index in Gantt.
+             */
+            index?: string;
+        }
+
+        export interface EditSettings {
+
+            /** Enables or disables add record icon in Gantt toolbar
+             * @Default {false}
+             */
+            allowAdding?: boolean;
+
+            /** Enables or disables delete icon in Gantt toolbar
+             * @Default {false}
+             */
+            allowDeleting?: boolean;
+
+            /** Specifies the option for enabling or disabling editing in Gantt grid part
+             * @Default {false}
+             */
+            allowEditing?: boolean;
+
+            /** Specifies the option for enabling or disabling indent action in Gantt.
+             * @Default {false}
+             */
+            allowIndent?: boolean;
+
+            /** Specifies the option for enabling or disabling outdent action in Gantt
+             * @Default {false}
+             */
+            allowOutdent?: boolean;
+
+            /** Specifies the mouse action whether single click or double click to begin the editing
+             * @Default {ej.Gantt.BeginEditAction.DblClick}
+             */
+            beginEditAction?: ej.Gantt.BeginEditAction|string;
+
+            /** Specifies the edit mode in Gantt, &quot;normal&quot; is for dialog editing ,&quot;cellEditing&quot; is for cell type editing
+             * @Default {normal}
+             */
+            editMode?: string;
+
+            /** Specifies the position where the new row has to be added.
+             * @Default {ej.Gantt.RowPosition.BelowSelectedRow}
+             */
+            rowPosition?: ej.Gantt.RowPosition|string;
+        }
+
+        export interface Holiday {
+
+            /** Specifies holiday date to be displayed in Gantt
+             */
+            day?: string;
+
+            /** Specifies the background color for holiday date in Gantt Schedule
+             */
+            background?: string;
+
+            /** Specifies the label to be displayed for rendered holiday in Gantt
+             */
+            label?: string;
+        }
+
+        export interface ScheduleHeaderSettings {
+
+            /** Specified the format for day view in schedule header
+             */
+            dayHeaderFormat?: string;
+
+            /** Specified the format for Hour view in schedule header
+             * @Default {HH}
+             */
+            hourHeaderFormat?: string;
+
+            /** Specifies the number of minutes per interval
+             * @Default {ej.Gantt.minutesPerInterval.Auto}
+             */
+            minutesPerInterval?: ej.Gantt.minutesPerInterval|string;
+
+            /** Specified the format for month view in schedule header
+             * @Default {MMM}
+             */
+            monthHeaderFormat?: string;
+
+            /** Specifies the schedule mode
+             * @Default {ej.Gantt.ScheduleHeaderType.Week}
+             */
+            scheduleHeaderType?: ej.Gantt.ScheduleHeaderType|string;
+
+            /** Specifies the round-off mode for the start date in schedule header.
+             * @Default {ej.Gantt.TimescaleRoundMode.Auto}
+             */
+            timescaleStartDateMode?: ej.Gantt.TimescaleRoundMode|string;
+
+            /** Specified the background for weekends in Gantt
+             * @Default {#F2F2F2}
+             */
+            weekendBackground?: string;
+
+            /** Specified the format for week view in schedule header
+             * @Default {MMM dd , yyyy}
+             */
+            weekHeaderFormat?: string;
+
+            /** Specified the format for year view in schedule header
+             * @Default {yyyy}
+             */
+            yearHeaderFormat?: string;
+
+            /** Specifies the size of the lowest time unit along the timescale, with minimum value as &quot;50%&quot; and maximum value as &quot;500%&quot;. It is also possible to set the value
+             * in pixels.
+             * @Default {100%}
+             */
+            timescaleUnitSize?: string;
+
+            /** Specifies the start day of the week in week timescale mode
+             * @Default {0}
+             */
+            weekStartDay?: number;
+        }
+
+        export interface SizeSettings {
+
+            /** Specifies the height of Gantt control
+             */
+            height?: string;
+
+            /** Specifies the width of Gantt control
+             */
+            width?: string;
+        }
 
-	/** Returns the deselecting column index value.
-	*/
-	columnIndex?: number;
+        export interface SelectedCellIndex {
 
-	/** Returns the deselecting column header element.
-	*/
-	headerCell?: any;
+            /** Specifies the row index of the cell to be selected Gantt control
+             */
+            rowIndex?: number;
 
-	/** Returns corresponding column object (JSON).
-	*/
-	column?: any;
+            /** Specifies the cell index to be selected in the row.
+             * @Default { }
+             */
+            cellIndex?: number;
+        }
 
-	/** Returns whether the ctrl key is pressed while deselecting column
-	*/
-	isCtrlKeyPressed?: boolean;
+        export interface SortSettingsSortedColumn {
 
-	/** Returns whether the shift key is pressed while deselecting column
-	*/
-	isShiftKeyPressed?: boolean;
+            /** Specifies the field to be sorted in Gantt
+             */
+            field?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Specifies the sort direction in Gantt
+             */
+            direction?: string;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface SortSettings {
 
-export interface ContextClickEventArgs {
+            /** Specifies the sorted columns for Gantt
+             * @Default {[]}
+             */
+            sortedColumns?: SortSettingsSortedColumn[];
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface StripLine {
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** Specifies date to render striplines in Gantt
+             */
+            day?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Specifies label to be displayed for striplines in Gantt
+             */
+            label?: string;
 
-	/** Returns the status of contextmenu item which denotes its enabled state
-	*/
-	status?: boolean;
+            /** Specifies line style for rendered striplines in Gantt
+             */
+            lineStyle?: string;
 
-	/** Returns the target item.
-	*/
-	target?: any;
+            /** Specifies the line color for rendered striplines in Gantt
+             */
+            lineColor?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Specifies the width of the stripline in Gantt
+             */
+            lineWidth?: string;
+        }
 
-export interface ContextOpenEventArgs {
+        export interface ToolbarSettingsCustomToolbarItem {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Allows the user to insert the custom icons in toolbar using CSS class name selector.
+             */
+            text?: string;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to Gantt toolbar.
+             */
+            templateID?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Allows the user to display custom tooltip text for Gantt custom toolbar items.
+             */
+            tooltipText?: string;
+        }
 
-	/** Returns the status of contextmenu item which denotes its enabled state
-	*/
-	status?: boolean;
+        export interface ToolbarSettings {
 
-	/** Returns the target item.
-	*/
-	target?: any;
+            /** Specifies the state of enabling or disabling toolbar
+             * @Default {true}
+             */
+            showToolbar?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Specifies the list of toolbar items to be rendered in Gantt toolbar
+             * @Default {[]}
+             */
+            toolbarItems?: any[];
 
-export interface CreateEventArgs {
+            /** Allows the user to insert custom toolbar items.
+             */
+            customToolbarItems?: ToolbarSettingsCustomToolbarItem[];
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        enum DurationUnit {
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Sets the Duration Unit as day.
+            Day,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Sets the Duration Unit as hour.
+            Hour,
 
-export interface DataBoundEventArgs {
+            ///Sets the Duration Unit as minute.
+            Minute
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        enum BeginEditAction {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///you can begin the editing at double click
+            DblClick,
 
-export interface DestroyEventArgs {
+            ///you can begin the editing at single click
+            Click
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        enum RowPosition {
 
-export interface DetailsCollapseEventArgs {
+            ///you can add a new row at top.
+            Top,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///you can add a new row at bottom.
+            Bottom,
 
-	/** Returns detail row element.
-	*/
-	detailsRow?: any;
+            ///you can add a new row to above selected row.
+            AboveSelectedRow,
 
-	/** Returns master row of detail row record object (JSON).
-	*/
-	masterData?: any;
+            ///you can add a new row to below selected row.
+            BelowSelectedRow,
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            ///you can add a new row as a child for selected row.
+            Child
+        }
 
-	/** Returns master row element.
-	*/
-	masterRow?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        enum TaskType {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Resource unit remains constant while editing the work and duration values.
+            FixedUnit,
 
-export interface DetailsDataBoundEventArgs {
+            ///Work value of a task remains constant while editing duration and resource unit values.
+            FixedWork,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///Duration value remains constant while editing work and resource unit values.
+            FixedDuration
+        }
 
-	/** Returns details row element.
-	*/
-	detailsElement?: any;
 
-	/** Returns the details row data.
-	*/
-	data?: any;
+        enum WorkUnit {
 
-	/** Returns the details row data.
-	*/
-	rowData?: any;
+            ///Displays the work involved in a task in days.
+            Day,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Displays the work involved in a task in hours.
+            Hour,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Displays the work involved in a task in minutes
+            Minute
+        }
 
-export interface DetailsExpandEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        enum TaskSchedulingMode {
 
-	/** Returns detail row element.
-	*/
-	detailsRow?: any;
+            ///All the tasks in the project will be displayed in auto scheduled mode, where the tasks are scheduled automatically over non-working days and holidays.
+            Auto,
 
-	/** Returns master row of detail row record object (JSON).
-	*/
-	masterData?: any;
+            ///All the tasks in the project will be displayed in manually scheduled mode.
+            Manual,
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            ///Project consists of tasks with both auto and manually scheduled modes, based on the datasource values
+            Custom
+        }
 
-	/** Returns master row element.
-	*/
-	masterRow?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        enum SelectionType {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///you can select a single row.
+            Single,
 
-export interface EndAddEventArgs {
+            ///you can select a multiple row.
+            Multiple
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
 
-	/** Returns added data.
-	*/
-	data?: any;
+        enum minutesPerInterval {
 
-	/** Returns added data.
-	*/
-	rowData?: any;
+            ///Sets the interval automatically according with schedule start and end date.
+            Auto,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Sets one minute intervals per hour.
+            OneMinute,
 
-export interface EndDeleteEventArgs {
+            ///Sets Five minute intervals per hour.
+            FiveMinutes,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Sets fifteen minute intervals per hour.
+            FifteenMinutes,
 
-	/** Returns deleted data.
-	*/
-	data?: any;
+            ///Sets thirty minute intervals per hour.
+            ThirtyMinutes
+        }
 
-	/** Returns deleted data.
-	*/
-	rowData?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        enum ScheduleHeaderType {
 
-export interface EndEditEventArgs {
+            ///Sets year Schedule Mode.
+            Year,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Sets month Schedule Mode.
+            Month,
 
-	/** Returns modified data.
-	*/
-	data?: any;
+            ///Sets week Schedule Mode.
+            Week,
 
-	/** Returns modified data.
-	*/
-	rowData?: any;
+            ///Sets day Schedule Mode.
+            Day,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Sets hour Schedule Mode.
+            Hour
+        }
 
-export interface LoadEventArgs {
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        enum TimescaleRoundMode {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///The round-off value will be automatically calculated based on the data source values.
+            Auto,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Schedule header start date will round-off to the immediate week.
+            Week,
 
-export interface MergeHeaderCellInfoEventArgs {
+            ///Schedule headers start date will round off to the immediate month
+            Month,
 
-	/** Method to merge the header cells.
-	*/
-	headerCellMerge?: void;
+            ///Schedule headers start date will round off to the immediate year
+            Year
+        }
 
-	/** Returns the column headers.
-	*/
-	columnHeaders?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
-}
+        enum SelectionMode {
 
-export interface MergeCellInfoEventArgs {
+            ///you can select a row.
+            Row,
 
-	/** Returns grid cell.
-	*/
-	cell?: any;
+            ///you can select a cell.
+            Cell
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+        enum workingTimeScale {
 
-	/** Returns current row record object (JSON).
-	*/
-	rowData?: any;
+            ///Sets eight hour timescale.
+            TimeScale8Hours,
 
-	/** Returns the text value in the cell.
-	*/
-	text?: string;
+            ///Sets twenty four hour timescale.
+            TimeScale24Hours
+        }
 
-	/** Returns the column object.
-	*/
-	column?: any;
+    }
 
-	/** Method to merge Grid rows.
-	*/
-	rowMerge?: void;
+    class ReportViewer extends ej.Widget {
+        static fn: ReportViewer;
+        constructor(element: JQuery | Element, options?: ReportViewer.Model);
+        static Locale: any;
+        model: ReportViewer.Model;
+        defaults: ReportViewer.Model;
 
-	/** Method to merge Grid columns.
-	*/
-	colMerge?: void;
+        /** Export the report to the specified format.
+         * @returns {void}
+         */
+        exportReport(): void;
 
-	/** Method to merge Grid rows and columns.
-	*/
-	merge?: void;
+        /** Fit the report page to the container.
+         * @returns {void}
+         */
+        fitToPage(): void;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        /** Fit the report page height to the container.
+         * @returns {void}
+         */
+        fitToPageHeight(): void;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        /** Fit the report page width to the container.
+         * @returns {void}
+         */
+        fitToPageWidth(): void;
 
-export interface QueryCellInfoEventArgs {
+        /** Get the available datasets name of the rdlc report.
+         * @returns {void}
+         */
+        getDataSetNames(): void;
 
-	/** Returns grid cell.
-	*/
-	cell?: any;
+        /** Get the available parameters of the report.
+         * @returns {void}
+         */
+        getParameters(): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        /** Navigate to first page of report.
+         * @returns {void}
+         */
+        gotoFirstPage(): void;
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+        /** Navigate to last page of the report.
+         * @returns {void}
+         */
+        gotoLastPage(): void;
+
+        /** Navigate to next page from the current page.
+         * @returns {void}
+         */
+        gotoNextPage(): void;
+
+        /** Go to specific page index of the report.
+         * @returns {void}
+         */
+        gotoPageIndex(): void;
+
+        /** Navigate to previous page from the current page.
+         * @returns {void}
+         */
+        gotoPreviousPage(): void;
+
+        /** Print the report.
+         * @returns {void}
+         */
+        print(): void;
+
+        /** Apply print layout to the report.
+         * @returns {void}
+         */
+        printLayout(): void;
+
+        /** Refresh the report.
+         * @returns {void}
+         */
+        refresh(): void;
+    }
+    export namespace ReportViewer {
+
+        export interface Model {
+
+            /** Gets or sets the list of data sources for the RDLC report.
+             * @Default {[]}
+             */
+            dataSources?: DataSource[];
+
+            /** Enables or disables the page cache of report.
+             * @Default {false}
+             */
+            enablePageCache?: boolean;
+
+            /** Specifies the export settings.
+             */
+            exportSettings?: ExportSettings;
+
+            /** When set to true, adapts the report layout to fit the screen size of devices on which it renders.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the locale for report viewer.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the page settings.
+             */
+            pageSettings?: PageSettings;
+
+            /** Gets or sets the list of parameters associated with the report.
+             * @Default {[]}
+             */
+            parameters?: Parameter[];
+
+            /** Enables and disables the print mode.
+             * @Default {false}
+             */
+            printMode?: boolean;
+
+            /** Specifies the print option of the report.
+             * @Default {ej.ReportViewer.PrintOptions.Default}
+             */
+            printOptions?: ej.ReportViewer.PrintOptions|string;
+
+            /** Specifies the processing mode of the report.
+             * @Default {ej.ReportViewer.ProcessingMode.Remote}
+             */
+            processingMode?: ej.ReportViewer.ProcessingMode|string;
+
+            /** Specifies the render layout.
+             * @Default {ej.ReportViewer.RenderMode.Default}
+             */
+            renderMode?: ej.ReportViewer.RenderMode|string;
+
+            /** Gets or sets the path of the report file.
+             * @Default {empty}
+             */
+            reportPath?: string;
+
+            /** Gets or sets the reports server URL.
+             * @Default {empty}
+             */
+            reportServerUrl?: string;
+
+            /** Specifies the report Web API service URL.
+             * @Default {empty}
+             */
+            reportServiceUrl?: string;
+
+            /** Specifies the toolbar settings.
+             */
+            toolbarSettings?: ToolbarSettings;
+
+            /** Gets or sets the zoom factor for report viewer.
+             * @Default {1}
+             */
+            zoomFactor?: number;
+
+            /** Fires when the report viewer is destroyed successfully.If you want to perform any operation after destroying the reportviewer control,you can make use of the destroy event.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires during drill through action done in report.If you want to perform any operation when a drill through action is performed, you can make use of the drillThrough event.
+             */
+            drillThrough?(e: DrillThroughEventArgs): void;
+
+            /** Fires before report rendering is completed.If you want to perform any operation before the rendering of report,you can make use of the renderingBegin event.
+             */
+            renderingBegin?(e: RenderingBeginEventArgs): void;
+
+            /** Fires after report rendering completed.If you want to perform any operation after the rendering of report,you can make use of this renderingComplete event.
+             */
+            renderingComplete?(e: RenderingCompleteEventArgs): void;
+
+            /** Fires when any error occurred while rendering the report.If you want to perform any operation when an error occurs in the report, you can make use of the reportError event.
+             */
+            reportError?(e: ReportErrorEventArgs): void;
+
+            /** Fires when the report is being exported.If you want to perform any operation before exporting of report, you can make use of the reportExport event.
+             */
+            reportExport?(e: ReportExportEventArgs): void;
+
+            /** Fires when the report is loaded.If you want to perform any operation after the successful loading of report, you can make use of the reportLoaded event.
+             */
+            reportLoaded?(e: ReportLoadedEventArgs): void;
+
+            /** Fires when click the View Report Button.
+             */
+            viewReportClick?(e: ViewReportClickEventArgs): void;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the report model.
+             */
+            model?: any;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface DrillThroughEventArgs {
 
-	/** Returns current row record object (JSON).
-	*/
-	rowData?: any;
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the text value in the cell.
-	*/
-	text?: string;
+            /** returns the actionInfo's parameters bookmarkLink, hyperLink, reportName, parameters.
+             */
+            actionInfo?: any;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+            /** returns the report model.
+             */
+            model?: any;
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface RenderingBeginEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface RecordClickEventArgs {
+            /** returns the report model.
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+        export interface RenderingCompleteEventArgs {
 
-	/** Returns current record object (JSON).
-	*/
-	rowData?: any;
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+            /** returns the report model.
+             */
+            model?: any;
 
-	/** Returns the jQuery object of the current selected row.
-	*/
-	row?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the current selected cell.
-	*/
-	cell?: any;
+            /** returns the collection of parameters.
+             */
+            reportParameters?: any;
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface ReportErrorEventArgs {
 
-	/** Returns the cell index value.
-	*/
-	cellIndex?: number;
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the corresponding cell value.
-	*/
-	cellValue?: string;
+            /** returns the error details.
+             */
+            error?: string;
 
-	/** Returns the Header text of the column corresponding to the selected cell.
-	*/
-	columnName?: string;
+            /** returns the report model.
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface RecordDoubleClickEventArgs {
+        export interface ReportExportEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            /** returns the report model.
+             */
+            model?: any;
 
-	/** Returns current record object (JSON).
-	*/
-	rowData?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+        export interface ReportLoadedEventArgs {
 
-	/** Returns the jQuery object of the current selected row.
-	*/
-	row?: any;
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Returns the current selected cell.
-	*/
-	cell?: any;
+            /** returns the report model.
+             */
+            model?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Returns the selected cell index value.
-	*/
-	cellIndex?: number;
+        export interface ViewReportClickEventArgs {
+
+            /** true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the parameter collection.
+             */
+            parameters?: any;
+
+            /** returns the report model.
+             */
+            model?: any;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface DataSource {
+
+            /** Gets or sets the name of the data source.
+             * @Default {empty}
+             */
+            name?: string;
+
+            /** Gets or sets the values of data source.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
 
-	/** Returns the corresponding cell value.
-	*/
-	cellValue?: string;
+        export interface ExportSettings {
 
-	/** Returns the Header text of the column corresponding to the selected cell.
-	*/
-	columnName?: string;
+            /** Specifies the export formats.
+             * @Default {ej.ReportViewer.ExportOptions.All}
+             */
+            exportOptions?: ej.ReportViewer.ExportOptions|string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Specifies the excel export format.
+             * @Default {ej.ReportViewer.ExcelFormats.Excel97to2003}
+             */
+            excelFormat?: ej.ReportViewer.ExcelFormats|string;
 
-export interface ResizedEventArgs {
+            /** Specifies the word export format.
+             * @Default {ej.ReportViewer.WordFormats.Doc}
+             */
+            wordFormat?: ej.ReportViewer.WordFormats|string;
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface PageSettings {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Specifies the print layout orientation.
+             * @Default {null}
+             */
+            orientation?: ej.ReportViewer.Orientation|string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Specifies the paper size of print layout.
+             * @Default {null}
+             */
+            paperSize?: ej.ReportViewer.PaperSize|string;
+        }
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+        export interface Parameter {
 
-	/** Returns the column object.
-	*/
-	column?: any;
+            /** Gets or sets the parameter labels.
+             * @Default {null}
+             */
+            labels?: any[];
 
-	/** Returns the grid object.
-	*/
-	target?: any;
+            /** Gets or sets the name of the parameter.
+             * @Default {empty}
+             */
+            name?: string;
 
-	/** Returns the old width value.
-	*/
-	oldWidth?: number;
+            /** Gets or sets whether the parameter allows nullable value or not.
+             * @Default {false}
+             */
+            nullable?: boolean;
 
-	/** Returns the new width value.
-	*/
-	newWidth?: number;
-}
+            /** Gets or sets the prompt message associated with the specified parameter.
+             * @Default {empty}
+             */
+            prompt?: string;
 
-export interface ResizeEndEventArgs {
+            /** Gets or sets the parameter values.
+             * @Default {[]}
+             */
+            values?: any[];
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface ToolbarSettings {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Fires when user click on toolbar item in the toolbar.
+             * @Default {empty}
+             */
+            click?: string;
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+            /** Specifies the toolbar items.
+             * @Default {ej.ReportViewer.ToolbarItems.All}
+             */
+            items?: ej.ReportViewer.ToolbarItems|string;
 
-	/** Returns the column object.
-	*/
-	column?: any;
+            /** Shows or hides the toolbar.
+             * @Default {true}
+             */
+            showToolbar?: boolean;
 
-	/** Returns the grid object.
-	*/
-	target?: any;
+            /** Shows or hides the tooltip of toolbar items.
+             * @Default {true}
+             */
+            showTooltip?: boolean;
 
-	/** Returns the old width value.
-	*/
-	oldWidth?: number;
+            /** Specifies the toolbar template ID.
+             * @Default {empty}
+             */
+            templateId?: string;
+        }
 
-	/** Returns the new width value.
-	*/
-	newWidth?: number;
+        enum ExportOptions {
 
-	/** Returns the extra width value.
-	*/
-	extra?: number;
-}
+            ///Specifies the All property in ExportOptions to get all available options.
+            All,
 
-export interface ResizeStartEventArgs {
+            ///Specifies the PDF property in ExportOptions to get PDF option.
+            PDF,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the Word property in ExportOptions to get Word option.
+            Word,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            ///Specifies the Excel property in ExportOptions to get Excel option.
+            Excel,
 
-	/** Returns the column index.
-	*/
-	columnIndex?: number;
+            ///Specifies the HTML property in ExportOptions to get HTML option.
+            HTML
+        }
 
-	/** Returns the column object.
-	*/
-	column?: any;
 
-	/** Returns the grid object.
-	*/
-	target?: any;
+        enum ExcelFormats {
 
-	/** Returns the old width value.
-	*/
-	oldWidth?: number;
-}
+            ///Specifies the Excel97to2003 property in ExcelFormats to get specified version of exported format.
+            Excel97to2003,
 
-export interface RightClickEventArgs {
+            ///Specifies the Excel2007 property in ExcelFormats to get specified version of exported format.
+            Excel2007,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///Specifies the Excel2010 property in ExcelFormats to get specified version of exported format.
+            Excel2010,
 
-	/** Returns current record object (JSON).
-	*/
-	currentData?: any;
+            ///Specifies the Excel2013 property in ExcelFormats to get specified version of exported format.
+            Excel2013
+        }
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
 
-	/** Returns the current selected row.
-	*/
-	row?: any;
+        enum WordFormats {
 
-	/** Returns the selected row data object.
-	*/
-	data?: any;
+            ///Specifies the Doc property in WordFormats to get specified version of exported format.
+            Doc,
 
-	/** Returns the selected row data object.
-	*/
-	rowData?: any;
+            ///Specifies the Dot property in WordFormats to get specified version of exported format.
+            Dot,
 
-	/** Returns the cell index of the selected cell.
-	*/
-	cellIndex?: number;
+            ///Specifies the DOCX property in WordFormats to get specified version of exported format.
+            DOCX,
 
-	/** Returns the cell value.
-	*/
-	cellValue?: string;
+            ///Specifies the Word2007 property in WordFormats to get specified version of exported format.
+            Word2007,
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+            ///Specifies the Word2010 property in WordFormats to get specified version of exported format.
+            Word2010,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the Word2013 property in WordFormats to get specified version of exported format.
+            Word2013,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Specifies the Word2007Dotx property in WordFormats to get specified version of exported format.
+            Word2007Dotx,
 
-export interface RowDataBoundEventArgs {
+            ///Specifies the Word2010Dotx property in WordFormats to get specified version of exported format.
+            Word2010Dotx,
 
-	/** Returns grid row.
-	*/
-	row?: any;
+            ///Specifies the Word2013Dotx property in WordFormats to get specified version of exported format.
+            Word2013Dotx,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///Specifies the Word2007Docm property in WordFormats to get specified version of exported format.
+            Word2007Docm,
 
-	/** Returns current row record object (JSON).
-	*/
-	data?: any;
+            ///Specifies the Word2010Docm property in WordFormats to get specified version of exported format.
+            Word2010Docm,
 
-	/** Returns current row record object (JSON).
-	*/
-	rowData?: any;
+            ///Specifies the Word2013Docm property in WordFormats to get specified version of exported format.
+            Word2013Docm,
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            ///Specifies the Word2007Dotm property in WordFormats to get specified version of exported format.
+            Word2007Dotm,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the Word2010Dotm property in WordFormats to get specified version of exported format.
+            Word2010Dotm,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Specifies the Word2013Dotm property in WordFormats to get specified version of exported format.
+            Word2013Dotm,
 
-export interface RowSelectedEventArgs {
+            ///Specifies the RTF property in WordFormats to get specified version of exported format.
+            RTF,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///Specifies the Txt property in WordFormats to get specified version of exported format.
+            Txt,
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            ///Specifies the EPUB property in WordFormats to get specified version of exported format.
+            EPUB,
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
+            ///Specifies the HTML property in WordFormats to get specified version of exported format.
+            HTML,
 
-	/** Returns the foreign key record object (JSON).
-	*/
-	foreignKeyData?: any;
+            ///Specifies the XML property in WordFormats to get specified version of exported format.
+            XML,
 
-	/** Returns the row index of the selected row.
-	*/
-	rowIndex?: number;
+            ///Specifies the Automatic property in WordFormats to get specified version of exported format.
+            Automatic
+        }
 
-	/** Returns the current selected row.
-	*/
-	row?: any;
 
-	/** Returns the previous selected row element.
-	*/
-	prevRow?: any;
+        enum Orientation {
 
-	/** Returns the previous selected row index.
-	*/
-	prevRowIndex?: number;
+            ///Specifies the Landscape property in pageSettings.orientation to get specified layout.
+            Landscape,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the portrait property in pageSettings.orientation to get specified layout.
+            Portrait
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
 
-export interface RowSelectingEventArgs {
+        enum PaperSize {
 
-	/** Returns the selected row index value.
-	*/
-	rowIndex?: number;
+            ///Specifies the A3 as value in pageSettings.paperSize to get specified size.
+            A3,
 
-	/** Returns the selected row element.
-	*/
-	row?: any;
+            ///Specifies the A4 as value in pageSettings.paperSize to get specified size.
+            Portrait,
 
-	/** Returns the previous selected row element.
-	*/
-	prevRow?: any;
+            ///Specifies the B4(JIS) as value in pageSettings.paperSize to get specified size.
+            B4_JIS,
 
-	/** Returns the previous selected row index.
-	*/
-	prevRowIndex?: number;
+            ///Specifies the B5(JIS) as value in pageSettings.paperSize to get specified size.
+            B5_JIS,
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
+            ///Specifies the Envelope #10 as value in pageSettings.paperSize to get specified size.
+            Envelope_10,
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            ///Specifies the Envelope as value in pageSettings.paperSize to get specified size.
+            Envelope_Monarch,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///Specifies the Executive as value in pageSettings.paperSize to get specified size.
+            Executive,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the Legal as value in pageSettings.paperSize to get specified size.
+            Legal,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Specifies the Letter as value in pageSettings.paperSize to get specified size.
+            Letter,
 
-export interface RowDeselectedEventArgs {
+            ///Specifies the Tabloid as value in pageSettings.paperSize to get specified size.
+            Tabloid,
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            ///Specifies the Custom as value in pageSettings.paperSize to get specified size.
+            Custom
+        }
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
 
-	/** Returns the row index of the deselected row.
-	*/
-	rowIndex?: number;
+        enum PrintOptions {
 
-	/** Returns the current deselected row element.
-	*/
-	row?: any;
+            ///Specifies the Default property in printOptions.
+            Default,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the NewTab property in printOptions.
+            NewTab,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Specifies the None property in printOptions.
+            None
+        }
 
-export interface RowDeselectingEventArgs {
 
-	/** Returns the deselecting row index value.
-	*/
-	rowIndex?: number;
+        enum ProcessingMode {
 
-	/** Returns the deselecting row element.
-	*/
-	row?: any;
+            ///Specifies the Remote property in processingMode.
+            Remote,
 
-	/** Returns current record object (JSON).
-	*/
-	data?: any;
+            ///Specifies the Local property in processingMode.
+            Local
+        }
 
-	/** Returns current record object (JSON).
-	*/
-	selectedData?: any;
 
-	/** Returns whether the ctrl key is pressed while deselecting row
-	*/
-	isCtrlKeyPressed?: boolean;
+        enum RenderMode {
 
-	/** Returns whether the shift key is pressed while deselecting row
-	*/
-	isShiftKeyPressed?: boolean;
+            ///Specifies the Default property in RenderMode to get default output.
+            Default,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the Mobile property in RenderMode to get specified output.
+            Mobile,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            ///Specifies the Desktop property in RenderMode to get specified output.
+            Desktop
+        }
 
-export interface RowDragEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        enum ToolbarItems {
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+            ///Specifies the Print as value in ToolbarItems to get specified item.
+            Print,
 
-	/** Returns the draggable row object.
-	*/
-	target?: any;
+            ///Specifies the Refresh as value in ToolbarItems to get specified item.
+            Refresh,
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            ///Specifies the Zoom as value in ToolbarItems to get specified item.
+            Zoom,
 
-	/** Returns target elements based on mouse move position.
-	*/
-	currentTarget?: any;
+            ///Specifies the FittoPage as value in ToolbarItems to get specified item.
+            FittoPage,
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            ///Specifies the Export as value in ToolbarItems to get specified item.
+            Export,
 
-	/** Returns JSON data of dragged rows.
-	*/
-	data?: any;
+            ///Specifies the PageNavigation as value in ToolbarItems to get specified item.
+            PageNavigation,
 
-	/** Returns JSON data of dragged rows.
-	*/
-	draggedRecords?: any;
-}
+            ///Specifies the Parameters as value in ToolbarItems to get specified item.
+            Parameters,
 
-export interface RowDragStartEventArgs {
+            ///Specifies the PrintLayout as value in ToolbarItems to get specified item.
+            PrintLayout,
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            ///Specifies the PageSetup as value in ToolbarItems to get specified item.
+            PageSetup
+        }
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: any;
+    }
 
-	/** Returns the draggable row object.
-	*/
-	target?: any;
+    class TreeGrid extends ej.Widget {
+        static fn: TreeGrid;
+        constructor(element: JQuery | Element, options?: TreeGrid.Model);
+        static Locale: any;
+        model: TreeGrid.Model;
+        defaults: TreeGrid.Model;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        /** Add a new row in TreeGrid, while allowAdding is set to true
+         * @param {any} Item to add in TreeGrid row.
+         * @param {string} Defines in which position the row wants to be added
+         * @returns {void}
+         */
+        addRow(data: any, rowPosition: string): void;
 
-	/** Returns drag start element cell.
-	*/
-	currentTarget?: any;
+        /** To clear all the selection in TreeGrid
+         * @param {number} you can pass a row index to clear the row selection.
+         * @returns {void}
+         */
+        clearSelection(index: number): void;
+
+        /** To select cell based on the cell and row index dynamically.
+         * @param {any[]} array of cell indexes to be select
+         * @param {boolean} Defines that we need to preserve the previously selected cells or not
+         * @returns {void}
+         */
+        selectCells(Indexes: any[], preservePreviousSelectedCell: boolean): void;
+
+        /** To rename a column with the specified name
+         * @param {number} Index of the column to be renamed
+         * @param {string} Header text of the column
+         * @returns {void}
+         */
+        renameColumn(columnIndex: number, name: string): void;
+
+        /** To delete the specified column
+         * @param {number} Index of the column to be deleted
+         * @returns {void}
+         */
+        deleteColumn(columnIndex: number): void;
+
+        /** To collapse all the parent items in tree grid
+         * @returns {void}
+         */
+        collapseAll(): void;
+
+        /** To hide the column by using header text
+         * @param {string} you can pass a header text of a column to hide.
+         * @returns {void}
+         */
+        hideColumn(headerText: string): void;
+
+        /** Expands the records at specific hierarchical level
+         * @param {number} you can pass the level as index number to expand
+         * @returns {void}
+         */
+        expandAtLevel(index: number): void;
+
+        /** Collapses the records at specific hierarchical level
+         * @param {number} you can pass the particular level as index.
+         * @returns {void}
+         */
+        collapseAtLevel(index: number): void;
+
+        /** To refresh the changes in tree grid
+         * @param {any[]} Pass which data source you want to show in tree grid
+         * @param {any} Pass which data you want to show in tree grid
+         * @returns {void}
+         */
+        refresh(dataSource: any[], query: any): void;
+
+        /** Freeze all the columns preceding to the column specified by the field name.
+         * @param {string} Freeze all Columns before this field column.
+         * @returns {void}
+         */
+        freezePrecedingColumns(field: string): void;
+
+        /** Freeze/unfreeze the specified column.
+         * @param {string} Freeze/Unfreeze this field column.
+         * @param {boolean} Decides to Freeze/Unfreeze this field column.
+         * @returns {void}
+         */
+        freezeColumn(field: string, isFrozen: boolean): void;
+
+        /** To save the edited cell in TreeGrid
+         * @returns {void}
+         */
+        saveCell(): void;
+
+        /** To show the column by using header text
+         * @param {string} you can pass a header text of a column to show.
+         * @returns {void}
+         */
+        showColumn(headerText: string): void;
+
+        /** To sorting the data based on the particular fields
+         * @param {string} you can pass a name of column to sort.
+         * @param {string} you can pass a sort direction to sort the column.
+         * @returns {void}
+         */
+        sortColumn(fieldName: string, columnSortDirection: string): void;
+
+        /** To reorder the column with field name and target index values
+         * @param {string} you can pass a name of column to reorder.
+         * @param {string} you can pass a target column index to be inserted.
+         * @returns {void}
+         */
+        reorderColumn(fieldName: string, targetIndex: string): void;
+    }
+    export namespace TreeGrid {
+
+        export interface Model {
+
+            /** Enables or disables the ability to resize the column width interactively.
+             * @Default {false}
+             */
+            allowColumnResize?: boolean;
+
+            /** Enables or disables the option for column reordering
+             * @Default {false}
+             */
+            allowColumnReordering?: boolean;
+
+            /** Enables or disables the ability to drag and drop the row interactively to reorder the rows.
+             * @Default {false}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Enables or disables the ability to filter the data on all the columns. Enabling this property will display a row with editor controls corresponding to each column. You can
+             * restrict filtering on particular column by disabling this property directly on that column instance itself.
+             * @Default {false}
+             */
+            allowFiltering?: boolean;
+
+            /** Enables or disables keyboard navigation.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Enables or disables the ability to sort the rows based on multiple columns/fields by clicking on each column header. Rows will be sorted recursively on clicking the column headers.
+             * @Default {false}
+             */
+            allowMultiSorting?: boolean;
+
+            /** Enables or disables the ability to select a row interactively.
+             * @Default {true}
+             */
+            allowSelection?: boolean;
+
+            /** Enables or disables the ability to sort the rows based on a single field/column by clicking on that column header. When enabled, rows can be sorted only by single field/column.
+             * @Default {false}
+             */
+            allowSorting?: boolean;
+
+            /** Enables/disables pagination of rows in TreeGrid
+             * @Default {false}
+             */
+            allowPaging?: boolean;
+
+            /** Specifies the id of the template that has to be applied for alternate rows.
+             */
+            altRowTemplateID?: string;
+
+            /** Specifies the mapping property path for the expand status of a record in data source.
+             */
+            expandStateMapping?: string;
+
+            /** Specifies the mapping property path for sub tasks in datasource
+             */
+            childMapping?: string;
+
+            /** Option for adding columns; each column has the option to bind to a field in the dataSource.
+             */
+            columns?: Column[];
+
+            /** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
+             * @Default {[]}
+             */
+            columnDialogFields?: any[];
+
+            /** Options for displaying and customizing context menu items.
+             */
+            contextMenuSettings?: ContextMenuSettings;
+
+            /** Specify the CSS class for TreeGrid to achieve custom theme.
+             */
+            cssClass?: string;
+
+            /** Specifies hierarchical or self-referential data to populate the TreeGrid.
+             * @Default {null}
+             */
+            dataSource?: any[];
+
+            /** Specifies whether to wrap the header text when it is overflown i.e., when it exceeds the header width.
+             * @Default {ej.TreeGrid.HeaderTextOverflow.None}
+             */
+            headerTextOverflow?: ej.TreeGrid.HeaderTextOverflow|string;
+
+            /** Options for displaying and customizing the tooltip. This tooltip will show the preview of the row that is being dragged.
+             */
+            dragTooltip?: DragTooltip;
+
+            /** Options for enabling and configuring the editing related operations.
+             */
+            editSettings?: EditSettings;
+
+            /** Specifies whether to render alternate rows in different background colors.
+             * @Default {true}
+             */
+            enableAltRow?: boolean;
+
+            /** Specifies whether to load all the rows in collapsed state when the TreeGrid is rendered for the first time.
+             * @Default {false}
+             */
+            enableCollapseAll?: boolean;
+
+            /** Specifies whether to resize TreeGrid whenever window size changes.
+             * @Default {false}
+             */
+            enableResize?: boolean;
+
+            /** Specifies whether to render only the visual elements that are visible in the UI. When you enable this property, it will reduce the loading time for loading large number of records.
+             * @Default {false}
+             */
+            enableVirtualization?: boolean;
+
+            /** Specifies the settings for column resize
+             */
+            columnResizeSettings?: ColumnResizeSettings;
+
+            /** Defines the common width for all the columns in TreeGrid
+             * @Default {150}
+             */
+            commonWidth?: number;
+
+            /** Options for filtering and customizing filter actions.
+             */
+            filterSettings?: FilterSettings;
+
+            /** Specifies the localization information to customize the User Interface (UI) to support regional language and culture
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Enables or disables internal parsing of a row. When disabled this property, row will be displayed using the defined template without any internal event bindings.
+             * @Default {true}
+             */
+            parseRowTemplate?: boolean;
+
+            /** Specifies the name of the field in the dataSource, which contains the id of that row.
+             */
+            idMapping?: string;
+
+            /** Enables or disables the responsiveness of TreeGrid
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the name of the field in the dataSource, which contains the parent's id. This is necessary to form a parent-child hierarchy, if the dataSource contains self-referential
+             * data.
+             */
+            parentIdMapping?: string;
+
+            /** Specifies the options for customizing the pager.
+             */
+            pageSettings?: PageSettings;
+
+            /** Specifies the template for cell tooltip
+             * @Default {null}
+             */
+            cellTooltipTemplate?: string;
+
+            /** Specifies ej.Query to select data from the dataSource. This property is applicable only when the dataSource is ej.DataManager.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Specifies the height of a single row in tree grid. Also, we need to set same height in the CSS style with class name e-rowcell.
+             * @Default {30}
+             */
+            rowHeight?: number;
+
+            /** Specifies the id of the template to be applied for all the rows.
+             */
+            rowTemplateID?: string;
+
+            /** Specifies the index of the selected row.
+             * @Default {-1}
+             */
+            selectedRowIndex?: number;
+
+            /** Specifies the selected cell information on rendering TreeGrid.
+             */
+            selectedCellIndexes?: SelectedCellIndex[];
+
+            /** Specifies the settings for row and cell selection.
+             */
+            selectionSettings?: SelectionSettings;
+
+            /** Enables/disables the options for inserting , deleting and renaming  columns.
+             * @Default {false}
+             */
+            showColumnOptions?: boolean;
+
+            /** Controls the visibility of the menu button, which is displayed on the column header. Clicking on this button will show a popup menu. When you choose Columns item from this popup,
+             * a list box with column names will be shown, from which you can select/deselect a column name to control the visibility of the respective columns.
+             * @Default {false}
+             */
+            showColumnChooser?: boolean;
+
+            /** Specifies the visibility of details view
+             * @Default {false}
+             */
+            showDetailsRow?: boolean;
+
+            /** Specifies the visibility of the expander column which is used to expand or collapse the details view
+             * @Default {false}
+             */
+            showDetailsRowInfoColumn?: boolean;
+
+            /** Specifies the template for details view
+             */
+            detailsTemplate?: string;
+
+            /** Specifies the row height of the details view
+             * @Default {100}
+             */
+            detailsRowHeight?: number;
+
+            /** Specifies the visibility of summary row
+             * @Default {false}
+             */
+            showSummaryRow?: boolean;
+
+            /** Specifies the visibility of total summary row for the corresponding summary column
+             * @Default {false}
+             */
+            showTotalSummary?: boolean;
+
+            /** Specifies the summary row collection object to be displayed
+             * @Default {[]}
+             */
+            summaryRows?: SummaryRow[];
+
+            /** Specifies whether to show tooltip when mouse is hovered on the cell.
+             * @Default {true}
+             */
+            showGridCellTooltip?: boolean;
+
+            /** Specifies whether to show tooltip for the cells, which has expander button.
+             * @Default {true}
+             */
+            showGridExpandCellTooltip?: boolean;
+
+            /** Options for setting width and height for TreeGrid.
+             */
+            sizeSettings?: SizeSettings;
+
+            /** Options for sorting the rows.
+             */
+            sortSettings?: SortSettings;
+
+            /** Options for displaying and customizing the toolbar items.
+             */
+            toolbarSettings?: ToolbarSettings;
+
+            /** Specifies the index of the column that needs to have the expander button. By default, cells in the first column contain the expander button.
+             * @Default {0}
+             */
+            treeColumnIndex?: number;
+
+            /** Triggered before every success event of TreeGrid action.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggered for every TreeGrid action success event.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggered before the printing initiated in TreeGrid.
+             */
+            beforePrint?(e: BeforePrintEventArgs): void;
+
+            /** Triggered while enter the edit mode in the TreeGrid cell
+             */
+            beginEdit?(e: BeginEditEventArgs): void;
+
+            /** Triggered after collapsed the TreeGrid record
+             */
+            collapsed?(e: CollapsedEventArgs): void;
+
+            /** Triggered while collapsing the TreeGrid record
+             */
+            collapsing?(e: CollapsingEventArgs): void;
+
+            /** Triggered while clicking a row, even when allowSelection property is disabled.
+             */
+            recordClick?(e: RecordClickEventArgs): void;
+
+            /** Triggered  when you start to drag a column
+             */
+            columnDragStart?(e: ColumnDragStartEventArgs): void;
+
+            /** Triggered while dragging a column
+             */
+            columnDrag?(e: ColumnDragEventArgs): void;
+
+            /** Triggered when a column is dropped
+             */
+            columnDrop?(e: ColumnDropEventArgs): void;
+
+            /** Triggered after a column resized
+             */
+            columnResized?(e: ColumnResizedEventArgs): void;
+
+            /** Triggered while start to resize a column
+             */
+            columnResizeStart?(e: ColumnResizeStartEventArgs): void;
+
+            /** Triggered when a column has been resized
+             */
+            columnResizeEnd?(e: ColumnResizeEndEventArgs): void;
+
+            /** Triggered while Context Menu is rendered in TreeGrid control
+             */
+            contextMenuOpen?(e: ContextMenuOpenEventArgs): void;
+
+            /** Triggered when TreeGrid is rendered completely
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Triggered while rendering details template in TreeGrid
+             */
+            detailsDataBound?(e: DetailsDataBoundEventArgs): void;
+
+            /** Triggered when details template pop-up is shown.
+             */
+            detailsShown?(e: DetailsShownEventArgs): void;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Triggered when details template pop-up is hidden.
+             */
+            detailsHidden?(e: DetailsHiddenEventArgs): void;
 
-	/** Returns the JSON data of dragged rows.
-	*/
-	data?: any;
+            /** Triggered after saved the modified cellValue in TreeGrid
+             */
+            endEdit?(e: EndEditEventArgs): void;
 
-	/** Returns the JSON data of dragged rows.
-	*/
-	draggedRecords?: any;
-}
+            /** Triggered after expand the record
+             */
+            expanded?(e: ExpandedEventArgs): void;
 
-export interface RowDropEventArgs {
+            /** Triggered while expanding the TreeGrid record
+             */
+            expanding?(e: ExpandingEventArgs): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Triggered while Treegrid is loaded
+             */
+            load?(e: LoadEventArgs): void;
 
-	/** Returns draggable element type.
-	*/
-	draggableType?: string;
+            /** Triggered while rendering each cell in the TreeGrid
+             */
+            queryCellInfo?(e: QueryCellInfoEventArgs): void;
 
-	/** Returns the draggable row object.
-	*/
-	rows?: any;
+            /** Triggered while rendering each row
+             */
+            rowDataBound?(e: RowDataBoundEventArgs): void;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Triggered while dragging a row in TreeGrid control
+             */
+            rowDrag?(e: RowDragEventArgs): void;
 
-	/** Returns the current mouse position cell element.
-	*/
-	target?: any;
+            /** Triggered while start to drag row in TreeGrid control
+             */
+            rowDragStart?(e: RowDragStartEventArgs): void;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Triggered while drop a row in TreeGrid control
+             */
+            rowDragStop?(e: RowDragStopEventArgs): void;
 
-	/** Returns the JSON data of dragged rows.
-	*/
-	data?: any;
+            /** Triggered before selecting a cell
+             */
+            cellSelecting?(e: CellSelectingEventArgs): void;
 
-	/** Returns the JSON data of dragged rows.
-	*/
-	droppedRecords?: any;
-}
+            /** Triggered after selected a cell
+             */
+            cellSelected?(e: CellSelectedEventArgs): void;
 
-export interface TemplateRefreshEventArgs {
+            /** Triggered after the row is selected.
+             */
+            rowSelected?(e: RowSelectedEventArgs): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Triggered before the row is going to be selected.
+             */
+            rowSelecting?(e: RowSelectingEventArgs): void;
 
-	/** Returns the cell object.
-	*/
-	cell?: any;
+            /** Triggered when toolbar item is clicked in TreeGrid.
+             */
+            toolbarClick?(e: ToolbarClickEventArgs): void;
+        }
 
-	/** Returns the column object.
-	*/
-	column?: any;
+        export interface ActionBeginEventArgs {
 
-	/** Returns the current row data.
-	*/
-	data?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the current row data.
-	*/
-	rowData?: any;
+            /** Returns the current grouped column field name.
+             */
+            columnName?: string;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** Returns the TreeGrid model.
+             */
+            model?: any;
 
-	/** Returns the current row index.
-	*/
-	rowIndex?: number;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface ToolbarClickEventArgs {
+            /** Returns the direction of sorting ascending or descending.
+             */
+            columnSortDirection?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the value of expanding parent element.
+             */
+            keyValue?: string;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** Returns the data or deleting element.
+             */
+            data?: string;
+        }
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+        export interface ActionCompleteEventArgs {
 
-	/** Returns the status of toolbar item which denotes its enabled state
-	*/
-	status?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Returns the target item.
-	*/
-	target?: any;
+            /** Returns the grid model.
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the grid model.
-	*/
-	gridModel?: any;
+            /** Returns the current grouped column field name.
+             */
+            columnName?: string;
 
-	/** Returns the toolbar object of the selected toolbar element.
-	*/
-	toolbarData?: any;
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	/** Returns the Id of the current toolbar element.
-	*/
-	itemId?: string;
+            /** Returns the direction of sorting ascending or descending
+             */
+            columnSortDirection?: string;
 
-	/** Returns the index of the current toolbar element.
-	*/
-	itemIndex?: number;
+            /** Returns the value of searched element.
+             */
+            keyValue?: string;
 
-	/** Returns the name of the current toolbar element.
-	*/
-	itemName?: string;
-}
+            /** Returns the data of deleted element.
+             */
+            data?: string;
 
-export interface ColumnsCommand {
+            /** Returns selected record index
+             */
+            recordIndex?: number;
+        }
 
-	/** Gets or sets an object that indicates to define all the button options which are available in ejButton.
-	*/
-	buttonOptions?: any;
+        export interface BeforePrintEventArgs {
 
-	/** Gets or sets a value that indicates to add the command column button. See unboundType
-	*/
-	type?: ej.Grid.UnboundType|string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface Column {
-
-	/** Sets the clip mode for Grid cell as ellipsis or clipped content(both header and content)
-	*   @Default {ej.Grid.ClipMode.Clip}
-	*/
-	clipMode?: ej.Grid.ClipMode|string;
-
-	/** Gets or sets a value that indicates whether to enable editing behavior for particular column.
-	*   @Default {true}
-	*/
-	allowEditing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic filtering behavior for particular column.
-	*   @Default {true}
-	*/
-	allowFiltering?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic grouping behavior for particular column.
-	*   @Default {true}
-	*/
-	allowGrouping?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic sorting behavior for particular column.
-	*   @Default {true}
-	*/
-	allowSorting?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable dynamic resizable for particular column.
-	*   @Default {true}
-	*/
-	allowResizing?: boolean;
-
-	/** Gets or sets an object that indicates to define a command column in the grid.
-	*   @Default {[]}
-	*/
-	commands?: Array<ColumnsCommand>;
-
-	/** Gets or sets a value that indicates to provide custom CSS for an individual column.
-	*/
-	cssClass?: string;
-
-	/** Gets or sets a value that indicates the attribute values to the td element of a particular column
-	*/
-	customAttributes?: any;
-
-	/** Gets or sets a value that indicates to bind the external datasource to the particular column when column editType as dropdownedit and also it is used to bind the datasource to the foreign key column while editing the grid. //Where data is array of JSON objects of text and value for the drop-down and array of JSON objects for foreign key column.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Gets or sets a value that indicates to display the specified default value while adding a new record to the grid
-	*/
-	defaultValue?: string|number|boolean|Date;
-
-	/** Gets or sets a value that indicates to render the grid content and header with an HTML elements
-	*   @Default {false}
-	*/
-	disableHtmlEncode?: boolean;
-
-	/** Gets or sets a value that indicates to display a column value as checkbox or string
-	*   @Default {true}
-	*/
-	displayAsCheckBox?: boolean;
-
-	/** Gets or sets a value that indicates to customize ejNumericTextbox of an editable column. See editingType
-	*/
-	editParams?: any;
-
-	/** Gets or sets a template that displays a custom editor used to edit column values. See editTemplate
-	*   @Default {null}
-	*/
-	editTemplate?: any;
-
-	/** Gets or sets a value that indicates to render the element(based on edit type) for editing the grid record. See editingType
-	*   @Default {ej.Grid.EditingType.String}
-	*/
-	editType?: ej.Grid.EditingType|string;
-
-	/** Gets or sets a value that indicates to groups the column based on its column format.
-	*   @Default {false}
-	*/
-	enableGroupByFormat?: boolean;
-
-	/** Gets or sets a value that indicates to display the columns in the grid mapping with column name of the dataSource.
-	*/
-	field?: string;
-
-	/** Gets or sets a template that customize the filter control from default . See filterBarTemplate
-	*   @Default {null}
-	*/
-	filterBarTemplate?: any;
-
-	/** Gets or sets a value that indicates to render the excel or menu filter dialog to the grid columns. See filterType
-	*   @Default {null}
-	*/
-	filterType?: ej.Grid.FilterType|string;
-
-	/** Gets or sets a value that indicates to define foreign key field name of the grid datasource.
-	*   @Default {null}
-	*/
-	foreignKeyField?: string;
-
-	/** Gets or sets a value that indicates to bind the field which is in foreign column datasource based on the foreignKeyField
-	*   @Default {null}
-	*/
-	foreignKeyValue?: string;
-
-	/** Gets or sets a value that indicates the format for the text applied on the column
-	*/
-	format?: string;
-
-	/** Gets or sets a value that indicates to add the template within the header element of the particular column.
-	*   @Default {null}
-	*/
-	headerTemplateID?: string;
-
-	/** Gets or sets a value that indicates to display the title of that particular column.
-	*/
-	headerText?: string;
-
-	/** This defines the text alignment of a particular column header cell value. See headerTextAlign
-	*   @Default {null}
-	*/
-	headerTextAlign?: ej.TextAlign|string;
-
-	/** It accepts the string value and shows the tooltip for the Grid column header.
-	*   @Default {null}
-	*/
-	headerTooltip?: string;
-
-	/** You can use this property to freeze selected columns in grid at the time of scrolling.
-	*   @Default {false}
-	*/
-	isFrozen?: boolean;
-
-	/** Gets or sets a value that indicates the column has an identity in the database.
-	*   @Default {false}
-	*/
-	isIdentity?: boolean;
-
-	/** Gets or sets a value that indicates the column is act as a primary key(read-only) of the grid. The editing is performed based on the primary key column
-	*   @Default {false}
-	*/
-	isPrimaryKey?: boolean;
-
-	/** Gets or sets a value that indicates the order of Column that are to be hidden or visible when Grid element is in responsive mode and could not occupy all columns.
-	*   @Default {-1}
-	*/
-	priority?: number;
-
-	/** Used to hide the particular column in column chooser by giving value as false.
-	*   @Default {true}
-	*/
-	showInColumnChooser?: boolean;
-
-	/** Gets or sets a value that indicates whether to enables column template for a particular column.
-	*   @Default {false}
-	*/
-	template?: boolean|string;
-
-	/** Gets or sets a value that indicates to align the text within the column. See textAlign
-	*   @Default {ej.TextAlign.Left}
-	*/
-	textAlign?: ej.TextAlign|string;
-
-	/** Sets the template for Tooltip in Grid Columns(both header and content)
-	*/
-	tooltip?: string;
-
-	/** Gets or sets a value that indicates to specify the data type of the specified columns.
-	*/
-	type?: string;
-
-	/** Gets or sets a value that indicates to define constraints for saving data to the database.
-	*/
-	validationRules?: any;
-
-	/** Gets or sets a value that indicates whether this column is visible in the grid.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Gets or sets a value that indicates to define the width for a particular column in the grid.
-	*/
-	width?: number;
-}
+            /** Returns the treegrid element which is going to be print
+             */
+            element?: any;
 
-export interface ContextMenuSettingsSubContextMenu {
+            /** Returns request type.
+             */
+            requestType?: string;
+        }
 
-	/** Used to get or set the corresponding custom context menu item to which the submenu to be appended.
-	*   @Default {null}
-	*/
-	contextMenuItem?: string;
+        export interface BeginEditEventArgs {
 
-	/** Used to get or set the sub menu items to the custom context menu item.
-	*   @Default {[]}
-	*/
-	subMenu?: Array<any>;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface ContextMenuSettings {
+            /** Returns the row element of editing cell.
+             */
+            rowElement?: any;
 
-	/** Gets or sets a value that indicates whether to add the default context menu actions as a context menu items If enableContextMenu is true it will show all the items related to the target, if you want selected items from contextmenu you have to mention in the contextMenuItems
-	*   @Default {[]}
-	*/
-	contextMenuItems?: Array<any>;
+            /** Returns the Element of editing cell.
+             */
+            cellElement?: any;
 
-	/** Gets or sets a value that indicates whether to add custom contextMenu items within the toolbar to perform any action in the grid
-	*   @Default {[]}
-	*/
-	customContextMenuItems?: Array<any>;
+            /** Returns the data of current cell record.
+             */
+            data?: any;
 
-	/** Gets or sets a value that indicates whether to enable the context menu action in the grid.
-	*   @Default {false}
-	*/
-	enableContextMenu?: boolean;
+            /** Returns the column Index of cell belongs.
+             */
+            columnIndex?: number;
+        }
 
-	/** Used to get or set the subMenu to the corresponding custom context menu item.
-	*/
-	subContextMenu?: Array<ContextMenuSettingsSubContextMenu>;
+        export interface CollapsedEventArgs {
 
-	/** Gets or sets a value that indicates whether to disable the default context menu items in the grid.
-	*   @Default {false}
-	*/
-	disableDefaultItems?: boolean;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface EditSettings {
-
-	/** Gets or sets a value that indicates whether to enable insert action in the editing mode.
-	*   @Default {false}
-	*/
-	allowAdding?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the delete action in the editing mode.
-	*   @Default {false}
-	*/
-	allowDeleting?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the edit action in the editing mode.
-	*   @Default {false}
-	*/
-	allowEditing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the editing action while double click on the record
-	*   @Default {true}
-	*/
-	allowEditOnDblClick?: boolean;
-
-	/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Dialog Box
-	*   @Default {null}
-	*/
-	dialogEditorTemplateID?: string;
-
-	/** Gets or sets a value that indicates whether to define the mode of editing See editMode
-	*   @Default {ej.Grid.EditMode.Normal}
-	*/
-	editMode?: ej.Grid.EditMode|string;
-
-	/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the External edit form
-	*   @Default {null}
-	*/
-	externalFormTemplateID?: string;
-
-	/** This specifies to set the position of an External edit form either in the top-right or bottom-left of the grid. See formPosition
-	*   @Default {ej.Grid.FormPosition.BottomLeft}
-	*/
-	formPosition?: ej.Grid.FormPosition|string;
-
-	/** This specifies the id of the template. This template can be used to display the data that you require to be edited using the Inline edit form
-	*   @Default {null}
-	*/
-	inlineFormTemplateID?: string;
-
-	/** This specifies to set the position of an adding new row either in the top or bottom of the grid. See rowPosition
-	*   @Default {ej.Grid.RowPosition.Top}
-	*/
-	rowPosition?: ej.Grid.RowPosition|string;
-
-	/** Gets or sets a value that indicates whether the confirm dialog has to be shown while saving or discarding the batch changes
-	*   @Default {true}
-	*/
-	showConfirmDialog?: boolean;
-
-	/** Gets or sets a value that indicates whether the confirm dialog has to be shown while deleting record
-	*   @Default {false}
-	*/
-	showDeleteConfirmDialog?: boolean;
-
-	/** Gets or sets a value that indicates whether the title for edit form is different from the primarykey column.
-	*   @Default {null}
-	*/
-	titleColumn?: string;
-
-	/** Gets or sets a value that indicates whether to display the add new form by default in the grid.
-	*   @Default {false}
-	*/
-	showAddNewRow?: boolean;
-}
+            /** Returns the row index of collapsed record.
+             */
+            recordIndex?: number;
 
-export interface FilterSettingsFilteredColumn {
+            /** Returns the data of collapsed record..
+             */
+            data?: any;
 
-	/** Gets or sets a value that indicates whether to define the field name of the column to be filter.
-	*/
-	field?: string;
+            /** Returns Request Type.
+             */
+            requestType?: string;
 
-	/** Gets or sets a value that indicates whether to define the matchCase of given value to be filter.
-	*/
-	matchCase?: boolean;
+            /** Returns state of a record whether it is in expanded or collapsed state.
+             */
+            expanded?: boolean;
 
-	/** Gets or sets a value that indicates whether to define the filter condition to filtered column. See operator
-	*/
-	operator?: ej.FilterOperators|string;
+            /** Returns the event type.
+             */
+            type?: string;
+        }
 
-	/** Gets or sets a value that indicates whether to define the predicate as and/or.
-	*/
-	predicate?: string;
+        export interface CollapsingEventArgs {
 
-	/** Gets or sets a value that indicates whether to define the value to be filtered in a column.
-	*/
-	value?: string|number;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface FilterSettings {
-
-	/** Gets or sets a value that indicates to perform the filter operation with case sensitive in excel styled filter menu mode
-	*   @Default {false}
-	*/
-	enableCaseSensitivity?: Boolean;
-
-	/** Gets or sets a value that indicates to define the interDeterminateState of checkbox in excel filter dialog.
-	*   @Default {true}
-	*/
-	enableInterDeterminateState?: boolean;
-
-	/** This specifies the grid to starts the filter action while typing in the filterBar or after pressing the enter key. based on the filterBarMode. See filterBarMode.
-	*   @Default {ej.Grid.FilterBarMode.Immediate}
-	*/
-	filterBarMode?: ej.Grid.FilterBarMode|string;
-
-	/** Gets or sets a value that indicates whether to define the filtered columns details programmatically at initial load
-	*   @Default {[]}
-	*/
-	filteredColumns?: Array<FilterSettingsFilteredColumn>;
-
-	/** This specifies the grid to show the filterBar or filterMenu to the grid records. See filterType
-	*   @Default {ej.Grid.FilterType.FilterBar}
-	*/
-	filterType?: ej.Grid.FilterType|string;
-
-	/** This specifies the grid to delay the filter action while typing in the filterBar.
-	*   @Default {1500}
-	*/
-	immediateModeDelay?: number;
-
-	/** Gets or sets a value that indicates the maximum number of filter choices that can be showed in the excel styled filter menu.
-	*   @Default {1000}
-	*/
-	maxFilterChoices?: number;
-
-	/** This specifies the grid to show the filter text within the grid pager itself.
-	*   @Default {true}
-	*/
-	showFilterBarStatus?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the predicate options in the filtering menu
-	*   @Default {false}
-	*/
-	showPredicate?: boolean;
-}
+            /** Returns the row index of collapsing record.
+             */
+            recordIndex?: number;
 
-export interface GroupSettings {
-
-	/** Gets or sets a value that customize the group caption format.
-	*   @Default {null}
-	*/
-	captionFormat?: String;
-
-	/** Gets or sets a value that indicates whether to enable animation button option in the group drop area of the grid.
-	*   @Default {false}
-	*/
-	enableDropAreaAutoSizing?: boolean;
-
-	/** Gets or sets a value that indicates whether to add grouped columns programmatically at initial load
-	*   @Default {[]}
-	*/
-	groupedColumns?: Array<any>;
-
-	/** Gets or sets a value that indicates whether to show the group drop area just above the column header. It can be used to avoid ungrouping the already grouped column using groupSettings.
-	*   @Default {true}
-	*/
-	showDropArea?: boolean;
-
-	/** Gets or sets a value that indicates whether to hide the grouped columns from the grid
-	*   @Default {false}
-	*/
-	showGroupedColumn?: boolean;
-
-	/** Gets or sets a value that indicates whether to show the group button image(toggle button)in the column header and also in the grouped column in the group drop area . It can be used to group/ungroup the columns by click on the toggle button.
-	*   @Default {false}
-	*/
-	showToggleButton?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the close button in the grouped column which is in the group drop area to ungroup the grouped column
-	*   @Default {false}
-	*/
-	showUngroupButton?: boolean;
-}
+            /** Returns the data of collapsing record..
+             */
+            data?: any;
 
-export interface PageSettings {
-
-	/** Gets or sets a value that indicates whether to define which page to display currently in the grid
-	*   @Default {1}
-	*/
-	currentPage?: number;
-
-	/** Gets or sets a value that indicates whether to pass the current page information as a query string along with the URL while navigating to other page.
-	*   @Default {false}
-	*/
-	enableQueryString?: boolean;
-
-	/** Gets or sets a value that indicates whether to enables pager template for the grid.
-	*   @Default {false}
-	*/
-	enableTemplates?: boolean;
-
-	/** Gets or sets a value that indicates whether to define the number of pages displayed in the pager for navigation
-	*   @Default {8}
-	*/
-	pageCount?: number;
-
-	/** Gets or sets a value that indicates whether to define the number of records displayed per page
-	*   @Default {12}
-	*/
-	pageSize?: number;
-
-	/** Gets or sets a value that indicates whether to enables default pager for the grid.
-	*   @Default {false}
-	*/
-	showDefaults?: boolean;
-
-	/** Gets or sets a value that indicates to add the template as a pager template for grid.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Get the value of total number of pages in the grid. The totalPages value is calculated based on page size and total records of grid
-	*   @Default {null}
-	*/
-	totalPages?: number;
-
-	/** Get the value of total number of records which is bound to the grid. The totalRecordsCount value is calculated based on dataSource bound to the grid.
-	*   @Default {null}
-	*/
-	totalRecordsCount?: number;
-
-	/** Gets or sets a value that indicates whether to define the number of pages to print. See printMode.
-	*   @Default {ej.Grid.PrintMode.AllPages}
-	*/
-	printMode?: ej.Grid.PrintMode|string;
-}
+            /** Returns the event Type.
+             */
+            type?: string;
 
-export interface ResizeSettings {
+            /** Returns state of a record whether it is in expanded or collapsing state.
+             */
+            expanded?: boolean;
+        }
 
-	/** Gets or sets a value that indicates whether to define the mode of resizing.
-	*   @Default {ej.Grid.ResizeMode.Normal}
-	*/
-	resizeMode?: ej.Grid.ResizeMode|string;
-}
+        export interface RecordClickEventArgs {
 
-export interface RowDropSettings {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** This specifies the grid to drop the grid rows only at particular target element.
-	*   @Default {null}
-	*/
-	dropTargetID?: any;
+            /** Returns the element of clicked cell.
+             */
+            cell?: any;
 
-	/** This helps in mapping server-side action when rows are dragged from Grid.
-	*   @Default {null}
-	*/
-	dragMapper?: string;
+            /** Returns the index of the clicked cell.
+             */
+            cellIndex?: number;
 
-	/** This helps in mapping server-side action when rows are dropped in Grid.
-	*   @Default {null}
-	*/
-	dropMapper?: string;
+            /** Returns the data of clicked cell.
+             */
+            cellValue?: any;
 
-	/** Gets or sets a value that indicates whether to define the behavior for drag.
-	*   @Default {ej.Grid.DragBehavior.Move}
-	*/
-	dragBehavior?: ej.Grid.DragBehavior|string;
-}
+            /** Returns the element of the clicked row.
+             */
+            row?: any;
 
-export interface SearchSettings {
+            /** Returns the index of the clicked row.
+             */
+            rowIndex?: number;
 
-	/** This specify the grid to search for the value in particular columns that is mentioned in the field.
-	*   @Default {[]}
-	*/
-	fields?: any;
+            /** Returns the column name of the clicked cell.
+             */
+            columnName?: string;
+        }
 
-	/** This specifies the grid to search the particular data that is mentioned in the key.
-	*/
-	key?: string;
+        export interface ColumnDragStartEventArgs {
 
-	/** It specifies the grid to search the records based on operator.
-	*   @Default {contains}
-	*/
-	operator?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** It enables or disables case-sensitivity while searching the search key in grid.
-	*   @Default {true}
-	*/
-	ignoreCase?: boolean;
-}
+            /** Returns the control model values.
+             */
+            model?: any;
 
-export interface SelectionSettings {
+            /** Returns the event Type.
+             */
+            type?: string;
 
-	/** Gets or sets a value that indicates the cell selection actions based on the cell selection mode.
-	*   @Default {ej.Grid.CellSelectionMode.Flow}
-	*/
-	cellSelectionMode?: ej.Grid.CellSelectionMode|string;
+            /** Returns the column data which is dragged
+             */
+            draggedColumn?: any;
 
-	/** Gets or sets a value that indicates whether to enable the toggle selection behavior for row, cell and column.
-	*   @Default {false}
-	*/
-	enableToggle?: boolean;
+            /** Returns the index of the column being dragged
+             */
+            draggedColumnIndex?: number;
+        }
 
-	/** Gets or sets a value that indicates whether to add the default selection actions as a selection mode.See selectionMode
-	*   @Default {[row]}
-	*/
-	selectionMode?: Array<any>;
-}
+        export interface ColumnDragEventArgs {
 
-export interface ScrollSettings {
-
-	/** This specify the grid to to view data that you require without buffering the entire load of a huge database
-	*   @Default {false}
-	*/
-	allowVirtualScrolling?: boolean;
-
-	/** It accepts the boolean value and shows or hides the scrollbar while focus in or focus out of the Grid.
-	*   @Default {false}
-	*/
-	autoHide?: boolean;
-
-	/** Specifies the height and width of button in the scrollbar.
-	*   @Default {18}
-	*/
-	buttonSize?: number;
-
-	/** This specify the grid to enable/disable touch control for scrolling.
-	*   @Default {true}
-	*/
-	enableTouchScroll?: boolean;
-
-	/** This specify the grid to freeze particular columns at the time of scrolling.
-	*   @Default {0}
-	*/
-	frozenColumns?: number;
-
-	/** This specify the grid to freeze particular rows at the time of scrolling.
-	*   @Default {0}
-	*/
-	frozenRows?: number;
-
-	/** This specify the grid to show the vertical scroll bar, to scroll and view the grid contents.
-	*   @Default {0}
-	*/
-	height?: string|number;
-
-	/** It accepts the integer value and sets the width of scrollbar.
-	*   @Default {18}
-	*/
-	scrollerSize?: number;
-
-	/** This is used to define the mode of virtual scrolling in grid. See virtualScrollMode
-	*   @Default {ej.Grid.VirtualScrollMode.Normal}
-	*/
-	virtualScrollMode?: ej.Grid.VirtualScrollMode|string;
-
-	/** This is used to enable the enhanced virtual scrolling in Grid.
-	*   @Default {false}
-	*/
-	enableVirtualization?: boolean;
-
-	/** This specify the grid to show the horizontal scroll bar, to scroll and view the grid contents
-	*   @Default {250}
-	*/
-	width?: string|number;
-
-	/** This specify the scroll down pixel of mouse wheel, to scroll mouse wheel and view the grid contents.
-	*   @Default {57}
-	*/
-	scrollOneStepBy?: number;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface SortSettingsSortedColumn {
+            /** Returns the control model values.
+             */
+            model?: any;
 
-	/** Gets or sets a value that indicates whether to define the direction to sort the column.
-	*/
-	direction?: string;
+            /** Returns the event Type.
+             */
+            type?: string;
 
-	/** Gets or sets a value that indicates whether to define the field name of the column to be sort
-	*/
-	field?: string;
-}
+            /** Returns the column data which is dragged
+             */
+            draggedColumn?: any;
 
-export interface SortSettings {
+            /** Returns the index of the column being dragged
+             */
+            draggedColumnIndex?: number;
 
-	/** Gets or sets a value that indicates whether to define the direction and field to sort the column.
-	*/
-	sortedColumns?: Array<SortSettingsSortedColumn>;
-}
+            /** Returns the target column data
+             */
+            targetColumn?: any;
 
-export interface StackedHeaderRowsStackedHeaderColumn {
+            /** Returns the index of the target column
+             */
+            targetColumnIndex?: number;
 
-	/** Gets or sets a value that indicates the header text for the particular stacked header column.
-	*   @Default {null}
-	*/
-	column?: any;
+            /** Returns that we can drop over the column or not.
+             */
+            canDrop?: boolean;
+        }
 
-	/** Gets or sets a value that indicates class to the corresponding stackedHeaderColumn.
-	*   @Default {null}
-	*/
-	cssClass?: string;
+        export interface ColumnDropEventArgs {
 
-	/** Gets or sets a value that indicates the header text for the particular stacked header column.
-	*   @Default {null}
-	*/
-	headerText?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates the text alignment of the corresponding headerText.
-	*   @Default {ej.TextAlign.Left}
-	*/
-	textAlign?: string;
+            /** Returns the control model values.
+             */
+            model?: any;
 
-	/** Sets the template for tooltip for the Grid stackedHeaderColumns.
-	*   @Default {null}
-	*/
-	tooltip?: string;
-}
+            /** Returns the event Type.
+             */
+            type?: string;
 
-export interface StackedHeaderRow {
+            /** Returns the column data which is dragged
+             */
+            draggedColumn?: any;
 
-	/** Gets or sets a value that indicates whether to add stacked header columns into the stacked header rows
-	*   @Default {[]}
-	*/
-	stackedHeaderColumns?: Array<StackedHeaderRowsStackedHeaderColumn>;
-}
+            /** Returns the index of the column being dragged
+             */
+            draggedColumnIndex?: number;
 
-export interface SummaryRowsSummaryColumn {
-
-	/** Gets or sets a value that indicates the text displayed in the summary column as a value
-	*   @Default {null}
-	*/
-	customSummaryValue?: string;
-
-	/** This specifies summary column used to perform the summary calculation
-	*   @Default {null}
-	*/
-	dataMember?: string;
-
-	/** Gets or sets a value that indicates to define the target column at which to display the summary.
-	*   @Default {null}
-	*/
-	displayColumn?: string;
-
-	/** Gets or sets a value that indicates the format for the text applied on the column
-	*   @Default {null}
-	*/
-	format?: string;
-
-	/** Gets or sets a value that indicates the text displayed before the summary column value
-	*   @Default {null}
-	*/
-	prefix?: string;
-
-	/** Gets or sets a value that indicates the text displayed after the summary column value
-	*   @Default {null}
-	*/
-	suffix?: string;
-
-	/** Gets or sets a value that indicates the type of calculations to be performed for the corresponding summary column. See summaryType.
-	*   @Default {[]}
-	*/
-	summaryType?: ej.Grid.SummaryType|string;
-
-	/** Gets or sets a value that indicates to add the template for the summary value of dataMember given.
-	*   @Default {null}
-	*/
-	template?: string;
-}
+            /** Returns the target column data
+             */
+            targetColumn?: any;
 
-export interface SummaryRow {
+            /** Returns the index of the target column
+             */
+            targetColumnIndex?: number;
+        }
 
-	/** Gets or sets a value that indicates whether to show the summary value within the group caption area for the corresponding summary column while grouping the column
-	*   @Default {false}
-	*/
-	showCaptionSummary?: boolean;
+        export interface ColumnResizedEventArgs {
 
-	/** Gets or sets a value that indicates whether to show the group summary value for the corresponding summary column while grouping a column
-	*   @Default {false}
-	*/
-	showGroupSummary?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates whether to show the total summary value the for the corresponding summary column. The summary row is added after the grid content.
-	*   @Default {true}
-	*/
-	showTotalSummary?: boolean;
+            /** Returns the control model values.
+             */
+            model?: any;
 
-	/** Gets or sets a value that indicates whether to add summary columns into the summary rows.
-	*   @Default {[]}
-	*/
-	summaryColumns?: Array<SummaryRowsSummaryColumn>;
+            /** Returns the event Type.
+             */
+            type?: string;
 
-	/** This specifies the grid to show the title for the summary rows.
-	*/
-	title?: string;
+            /** Returns the column data which is resized
+             */
+            column?: any;
 
-	/** This specifies the grid to show the title of summary row in the specified column.
-	*   @Default {null}
-	*/
-	titleColumn?: string;
-}
+            /** Returns the index of the column being resized.
+             */
+            columnIndex?: number;
 
-export interface TextWrapSettings {
+            /** Returns resized column width after resized.
+             */
+            newWidth?: number;
 
-	/** This specifies the grid to apply the auto wrap for grid content or header or both.
-	*   @Default {ej.Grid.WrapMode.Both}
-	*/
-	wrapMode?: ej.Grid.WrapMode|string;
-}
+            /** Returns resized column width before resizing
+             */
+            oldWidth?: number;
+        }
 
-export interface ToolbarSettingsCustomToolbarItem {
+        export interface ColumnResizeStartEventArgs {
 
-	/** Gets or sets a value that indicates whether to add custom toolbar item as a template element.
-	*/
-	templateID?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Gets or sets a value that indicates whether to add custom toolbar item with a custom tooltip.
-	*/
-	tooltip?: string;
-}
+            /** Returns the control model values.
+             */
+            model?: any;
 
-export interface ToolbarSettings {
+            /** Returns the event Type.
+             */
+            type?: string;
 
-	/** Gets or sets a value that indicates whether to add custom toolbar items within the toolbar to perform any action in the grid
-	*   @Default {[]}
-	*/
-	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
+            /** Returns the column data in which the resizing started
+             */
+            column?: any;
 
-	/** Gets or sets a value that indicates whether to enable toolbar in the grid.
-	*   @Default {false}
-	*/
-	showToolbar?: boolean;
+            /** Returns the column index in which the resizing started
+             */
+            columnIndex?: number;
 
-	/** Gets or sets a value that indicates whether to add the default editing actions as a toolbar items. See toolbarItems.
-	*   @Default {[]}
-	*/
-	toolbarItems?: Array<ej.Grid.ToolBarItems|string>;
-}
+            /** Returns column width before dragging
+             */
+            oldWidth?: number;
 
-enum GridLines{
+            /** Returns initial column element object.
+             */
+            target?: any;
+        }
 
-	///Displays both the horizontal and vertical grid lines.
-	Both,
+        export interface ColumnResizeEndEventArgs {
 
-	///Displays the horizontal grid lines only.
-	Horizontal,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Displays the vertical grid lines only.
-	Vertical,
+            /** Returns the control model values.
+             */
+            model?: any;
 
-	///No grid lines are displayed.
-	None
-}
+            /** Returns the event Type.
+             */
+            type?: string;
 
+            /** Returns the column data in which the resizing started
+             */
+            column?: any;
 
-enum ClipMode{
+            /** Returns the column index in which the resizing started
+             */
+            columnIndex?: number;
 
-	///Shows ellipsis for the overflown cell.
-	Ellipsis,
+            /** Returns the column width difference, before and after the resizing
+             */
+            extra?: number;
 
-	///Truncate the text in the cell
-	Clip,
+            /** Returns the new column width after resized
+             */
+            newWidth?: number;
 
-	///Shows ellipsis and tooltip for the overflown cell.
-	EllipsisWithTooltip
-}
+            /** Returns column width before dragging
+             */
+            oldWidth?: number;
 
+            /** Returns initial column element object.
+             */
+            target?: any;
+        }
 
-enum ColumnLayout{
+        export interface ContextMenuOpenEventArgs {
 
-	///Column layout is auto(based on width).
-	Auto,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Column layout is fixed(based on width).
-	Fixed
-}
+            /** Returns the default context menu items to which we add custom items.
+             */
+            contextMenuItems?: any[];
 
+            /** Returns the TreeGrid model.
+             */
+            model?: any;
 
-enum UnboundType{
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	///Unbound type is edit.
-	Edit,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Unbound type is save.
-	Save,
+        export interface CreateEventArgs {
 
-	///Unbound type is delete.
-	Delete,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Unbound type is cancel.
-	Cancel
-}
+            /** Returns the TreeGrid model
+             */
+            model?: any;
 
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-enum EditingType{
+        export interface DetailsDataBoundEventArgs {
 
-	///Specifies editing type as string edit.
-	String,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Specifies editing type as boolean edit.
-	Boolean,
+            /** Returns the data collection of selected row.
+             */
+            data?: any;
 
-	///Specifies editing type as numeric edit.
-	Numeric,
+            /** Returns the details element of selected row.
+             */
+            detailsElement?: any;
 
-	///Specifies editing type as dropdown edit.
-	Dropdown,
+            /** Returns the rowIndex of selected row.
+             */
+            rowIndex?: number;
 
-	///Specifies editing type as datepicker.
-	DatePicker,
+            /** Returns the TreeGrid model
+             */
+            model?: any;
 
-	///Specifies editing type as datetime picker.
-	DateTimePicker
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
+        export interface DetailsShownEventArgs {
 
-enum FilterType{
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Specifies the filter type as menu.
-	Menu,
+            /** Returns the data collection of selected row.
+             */
+            data?: any;
 
-	///Specifies the filter type as excel.
-	Excel
-}
+            /** Returns the details element of selected row.
+             */
+            detailsElement?: any;
 
+            /** Returns the rowIndex of selected row.
+             */
+            rowIndex?: number;
 
-enum EditMode{
+            /** Returns the TreeGrid model
+             */
+            model?: any;
 
-	///Edit mode is normal.
-	Normal,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Edit mode is dialog.
-	Dialog,
+        export interface DetailsHiddenEventArgs {
 
-	///Edit mode is dialog template.
-	DialogTemplate,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Edit mode is batch.
-	Batch,
+            /** Returns the TreeGrid model
+             */
+            model?: any;
 
-	///Edit mode is inline form.
-	InlineForm,
+            /** Returns the data collection of hidden details Template
+             */
+            rowData?: any;
 
-	///Edit mode is inline template form.
-	InlineTemplateForm,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Edit mode is external form.
-	ExternalForm,
+        export interface EndEditEventArgs {
 
-	///Edit mode is external form template.
-	ExternalFormTemplate
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
+            /** Returns the row element of editing cell.
+             */
+            rowElement?: any;
 
-enum FormPosition{
+            /** Returns the Element of editing cell.
+             */
+            cellElement?: any;
 
-	///Form position is bottomleft.
-	BottomLeft,
+            /** Returns the data of edited cell record.
+             */
+            data?: any;
 
-	///Form position is topright.
-	TopRight
-}
+            /** Returns the column name of edited cell belongs.
+             */
+            columnName?: string;
 
+            /** Returns the column object of edited cell belongs.
+             */
+            columnObject?: any;
+        }
 
-enum RowPosition{
+        export interface ExpandedEventArgs {
 
-	///Specifies position of add new row as top.
-	Top,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Specifies position of add new row as bottom.
-	Bottom
-}
+            /** Returns the row index of expanded record.
+             */
+            recordIndex?: number;
 
+            /** Returns the data of expanded record..
+             */
+            data?: any;
 
-enum FilterBarMode{
+            /** Returns Request Type.
+             */
+            requestType?: string;
 
-	///Initiate filter operation on typing the filter query.
-	Immediate,
+            /** Returns state of a record whether it is in expanded or expanded state.
+             */
+            expanded?: boolean;
 
-	///Initiate filter operation after Enter key is pressed.
-	OnEnter
-}
+            /** Returns the event type.
+             */
+            type?: string;
+        }
 
+        export interface ExpandingEventArgs {
 
-enum PrintMode{
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Prints all pages.
-	AllPages,
+            /** Returns the row index of expanding record.
+             */
+            recordIndex?: number;
 
-	///Prints current page.
-	CurrentPage
-}
+            /** Returns the data of expanding record..
+             */
+            data?: any;
 
+            /** Returns the event Type.
+             */
+            type?: string;
 
-enum ResizeMode{
+            /** Returns state of a record whether it is in expanded or collapsed state.
+             */
+            expanded?: boolean;
+        }
 
-	///New column size will be adjusted by all other Columns
-	Normal,
+        export interface LoadEventArgs {
 
-	///New column Size will be adjusted using next column.
-	NextColumn,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///New column Size will be adjusted using entire control
-	Control
-}
+            /** Returns the TreeGrid model
+             */
+            model?: any;
 
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-enum DragBehavior{
+        export interface QueryCellInfoEventArgs {
 
-	///Moves a dragged row from one grid to another
-	Move,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Copies a dragged row from one grid to another
-	Copy
-}
+            /** Returns the selecting cell element.
+             */
+            cellElement?: any;
 
+            /** Returns the value of cell.
+             */
+            cellValue?: string;
 
-enum CellSelectionMode{
+            /** Returns the data of current cell record.
+             */
+            data?: any;
 
-	///It selects cells continuously from the start cell to end cell.
-	Flow,
+            /** Returns the column of cell belongs.
+             */
+            column?: any;
+        }
 
-	///It selects range of cells as a block from start cell to the end cell.
-	Box
-}
+        export interface RowDataBoundEventArgs {
 
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-enum SelectionType{
+            /** Returns the row element of rendering row.
+             */
+            rowElement?: any;
 
-	///Specifies the selection type as single.
-	Single,
+            /** Returns the data of rendering row record.
+             */
+            data?: any;
+        }
 
-	///Specifies the selection type as multiple.
-	Multiple
-}
+        export interface RowDragEventArgs {
 
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-enum VirtualScrollMode{
+            /** Returns the row which we start to drag.
+             */
+            draggedRow?: any;
 
-	///virtual scroll mode is normal.
-	Normal,
+            /** Returns the row index which we start to drag.
+             */
+            draggedRowIndex?: number;
 
-	///virtual scroll mode is continuous.
-	Continuous
-}
+            /** Returns the row on which we are dragging.
+             */
+            targetRow?: any;
 
+            /** Returns the row index on which we are dragging.
+             */
+            targetRowIndex?: number;
 
-enum SummaryType{
+            /** Returns that we can drop over that record or not.
+             */
+            canDrop?: boolean;
 
-	///Summary type is average.
-	Average,
+            /** Returns the TreeGrid model.
+             */
+            model?: any;
 
-	///Summary type is minimum.
-	Minimum,
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	///Summary type is maximum.
-	Maximum,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Summary type is count.
-	Count,
+        export interface RowDragStartEventArgs {
 
-	///Summary type is sum.
-	Sum,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Summary type is custom.
-	Custom,
+            /** Returns the row which we start to drag.
+             */
+            draggedRow?: any;
 
-	///Summary type is true count.
-	TrueCount,
+            /** Returns the row index which we start to drag.
+             */
+            draggedRowIndex?: boolean;
 
-	///Summary type is false count.
-	FalseCount
-}
+            /** Returns the TreeGrid model.
+             */
+            model?: any;
 
+            /** Returns request type.
+             */
+            requestType?: string;
 
-enum WrapMode{
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Auto wrap is applied for both content and header.
-	Both,
+        export interface RowDragStopEventArgs {
 
-	///Auto wrap is applied only for content.
-	Content,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Auto wrap is applied only for header.
-	Header
-}
+            /** Returns the row which we start to drag.
+             */
+            draggedRow?: any;
 
+            /** Returns the row index which we start to drag.
+             */
+            draggedRowIndex?: number;
 
-enum ToolBarItems{
+            /** Returns the row which we are dropped to row.
+             */
+            targetRow?: any;
 
-	///Toolbar item is add.
-	Add,
+            /** Returns the row index which we are dropped to row.
+             */
+            targetRowIndex?: number;
 
-	///Toolbar item is edit.
-	Edit,
+            /** Returns the TreeGrid model.
+             */
+            model?: any;
 
-	///Toolbar item is delete.
-	Delete,
+            /** Returns request type.
+             */
+            requestType?: string;
 
-	///Toolbar item is update.
-	Update,
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	///Toolbar item is cancel.
-	Cancel,
+        export interface CellSelectingEventArgs {
 
-	///Toolbar item is search.
-	Search,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///Toolbar item is pdfExport.
-	PdfExport,
+            /** Returns the cell index on the selection.
+             */
+            cellIndex?: number;
 
-	///Toolbar item is printGrid.
-	PrintGrid,
+            /** Returns the row index on the selection
+             */
+            rowIndex?: number;
 
-	///Toolbar item is wordExport.
-	WordExport
-}
+            /** Returns the selecting cell element
+             */
+            targetCell?: any;
 
-}
+            /** Returns the selecting row element
+             */
+            targetRow?: any;
 
-class Sparkline extends ej.Widget {
-	static fn: Sparkline;
-	constructor(element: JQuery, options?: Sparkline.Model);
-	constructor(element: Element, options?: Sparkline.Model);
-	static Locale: any;
-	model:Sparkline.Model;
-	defaults:Sparkline.Model;
-
-	/** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-	*   @returns {void}
-	*/
-	redraw(): void;
-}
-export module Sparkline{
-
-export interface Model {
-
-	/** Background color of the plot area.
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** Fill color for the sparkline series.
-	*   @Default {#33ccff}
-	*/
-	fill?: string;
-
-	/** Border color of the series.
-	*   @Default {null}
-	*/
-	stroke?: string;
-
-	/** Options for customizing the color, opacity and width of the sparkline border.
-	*/
-	border?: Border;
-
-	/** Border width of the series.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Color for series high point.
-	*   @Default {null}
-	*/
-	highPointColor?: string;
-
-	/** Color for series low point.
-	*   @Default {null}
-	*/
-	lowPointColor?: string;
-
-	/** Color for series start point.
-	*   @Default {null}
-	*/
-	startPointColor?: string;
-
-	/** Color for series end point.
-	*   @Default {null}
-	*/
-	endPointColor?: string;
-
-	/** Color for series negative point.
-	*   @Default {null}
-	*/
-	negativePointColor?: string;
-
-	/** Options for customizing the color, opacity of the sparkline start and end range.
-	*/
-	rangeBandSettings?: RangeBandSettings;
-
-	/** Name of the culture based on which sparkline should be localized.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Name of a field in data source, where the fill color for all the data points is generated.
-	*/
-	palette?: string;
-
-	/** Controls whether sparkline has to be responsive or not.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
-	*   @Default {false}
-	*/
-	enableCanvasRendering?: boolean;
-
-	/** Specify to convert the date object to string, using locale settings.
-	*   @Default {false}
-	*/
-	enableGroupSeparator?: boolean;
-
-	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Name of the property in the datasource that contains x value for the series.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Name of the property in the datasource that contains y value for the series.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Gap or padding for sparkline.
-	*   @Default {8}
-	*/
-	padding?: number;
-
-	/** Specifies the type of the series to render in sparkline.
-	*   @Default {line. See Type}
-	*/
-	type?: ej.datavisualization.Sparkline.Type|string;
-
-	/** Specifies the theme for Sparkline.
-	*   @Default {Flatlight. See Theme}
-	*/
-	theme?: ej.datavisualization.Sparkline.Theme|string;
-
-	/** Options to customize the tooltip.
-	*/
-	tooltip?: Tooltip;
-
-	/** Options for displaying and customizing marker for a data point.
-	*/
-	markerSettings?: MarkerSettings;
-
-	/** Options to customize the Sparkline size.
-	*/
-	size?: Size;
-
-	/** Options for customizing the color,dashArray and width of the axisLine.
-	*/
-	axisLineSettings?: AxisLineSettings;
-
-	/** Fires before loading the sparkline. */
-	load? (e: LoadEventArgs): void;
-
-	/** Fires after loaded the sparkline. */
-	loaded? (e: LoadedEventArgs): void;
-
-	/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
-	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
-
-	/** Fires before rendering a series. This event is fired for each series in Sparkline. */
-	seriesRendering? (e: SeriesRenderingEventArgs): void;
-
-	/** Fires when mouse is moved over a point. */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
-
-	/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
-	pointRegionMouseClick? (e: PointRegionMouseClickEventArgs): void;
-
-	/** Fires on moving mouse over the sparkline. */
-	sparklineMouseMove? (e: SparklineMouseMoveEventArgs): void;
+            /** Returns the selecting record object
+             */
+            data?: any;
 
-	/** Fires on moving mouse outside the sparkline. */
-	sparklineMouseLeave? (e: SparklineMouseLeaveEventArgs): void;
-}
+            /** Returns the Gantt object Model
+             */
+            model?: any;
+        }
 
-export interface LoadEventArgs {
+        export interface CellSelectedEventArgs {
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            /** Returns the cell index on the selection.
+             */
+            cellIndex?: number;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** Returns the row index on the selection
+             */
+            rowIndex?: number;
 
-export interface LoadedEventArgs {
+            /** Returns the selecting cell element
+             */
+            targetCell?: any;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** Returns the selecting row element
+             */
+            targetRow?: any;
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            /** Returns the selecting record object
+             */
+            data?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** Returns the Gantt object Model
+             */
+            model?: any;
 
-export interface TooltipInitializeEventArgs {
+            /** Returns the previously selected row data
+             */
+            previousData?: any;
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+            /** Returns the previously selected cell index
+             */
+            previousCellIndex?: any;
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            /** Returns the previously selected row index
+             */
+            previousRowIndex?: any;
 
-	/** Name of the event
-	*/
-	type?: string;
+            /** Returns the previously selected cell element
+             */
+            previousTargetCell?: any;
 
-	/** X Location of the trackball tooltip in pixels
-	*/
-	locationX?: any;
+            /** Returns the previously selected row element
+             */
+            previousTargetRow?: any;
+        }
 
-	/** Y Location of the trackball tooltip in pixels
-	*/
-	locationY?: any;
+        export interface RowSelectedEventArgs {
 
-	/** Index of the point for which trackball tooltip is displayed
-	*/
-	pointIndex?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-	*/
-	currentText?: string;
-}
+            /** Returns the selecting row element.
+             */
+            targetRow?: any;
 
-export interface SeriesRenderingEventArgs {
+            /** Returns the index of selecting row record.
+             */
+            recordIndex?: number;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** Returns the data of selected record.
+             */
+            data?: any;
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            /** Returns the event type.
+             */
+            type?: string;
+        }
 
-	/** Name of the event
-	*/
-	type?: string;
+        export interface RowSelectingEventArgs {
 
-	/** Minimum x value of the data point
-	*/
-	minX?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Minimum y value of the data point
-	*/
-	minY?: any;
+            /** Returns the data selecting record.
+             */
+            data?: any;
 
-	/** Maximum x value of the data point
-	*/
-	maxX?: any;
+            /** Returns the index of selecting row record.
+             */
+            recordIndex?: string;
+
+            /** Returns the selecting row element.
+             */
+            targetRow?: any;
+
+            /** Returns the previous selected data.
+             */
+            previousData?: any;
+
+            /** Returns the previous selected row index.
+             */
+            previousIndex?: string;
 
-	/** Maximum y value of the data point
-	*/
-	maxY?: any;
-}
+            /** Returns the previous selected row element.
+             */
+            previousTreeGridRow?: any;
+        }
+
+        export interface ToolbarClickEventArgs {
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** Returns the current item.
+             */
+            currentTarget?: any;
+
+            /** Returns the TreeGrid model.
+             */
+            model?: any;
+
+            /** Returns the name of the toolbar item on which mouse click has been performed
+             */
+            itemName?: string;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface Column {
+
+            /** Enables or disables the ability to filter the rows based on this column.
+             * @Default {false}
+             */
+            allowFiltering?: boolean;
+
+            /** Enables the blanks option in ejDropDownList mapped in TreeGrid column
+             * @Default {true}
+             */
+            allowFilteringBlankContent?: boolean;
+
+            /** Enables or disables the ability to sort the rows based on this column/field.
+             * @Default {false}
+             */
+            allowSorting?: boolean;
+
+            /** Enables/disables cell selection.
+             * @Default {false}
+             */
+            allowCellSelection?: boolean;
+
+            /** To customize the ej controls defined in TreeGrid column with their native property.
+             */
+            editParams?: any;
+
+            /** Specifies the edit type of the column.
+             * @Default {ej.TreeGrid.EditingType.String}
+             */
+            editType?: ej.TreeGrid.EditingType|string;
+
+            /** To bind the dropdown data for TreeGrid column mapped with ejDropDownList
+             */
+            dropdownData?: string;
+
+            /** Specifies the name of the field from the dataSource to bind with this column.
+             */
+            field?: string;
+
+            /** Specifies the template string of the script element to enable column template for a column.
+             */
+            template?: string;
+
+            /** Specifies the template ID of the script element to enable column template for a column.
+             */
+            templateID?: string;
+
+            /** Specifies the template ID or the template string of the AngularJS script element to enable column template for a column.
+             */
+            angularTemplate?: string;
+
+            /** Specifies the type of the editor control to be used to filter the rows.
+             * @Default {ej.TreeGrid.EditingType.String}
+             */
+            filterEditType?: ej.TreeGrid.EditingType|string;
+
+            /** Header text of the column.
+             * @Default {null}
+             */
+            headerText?: string;
+
+            /** Gets or sets a value that indicates to display a column value as checkbox or string
+             * @Default {false}
+             */
+            displayAsCheckbox?: boolean;
+
+            /** Enables or disables the checkbox visibility in a column for checkbox selection.
+             * @Default {false}
+             */
+            showCheckbox?: boolean;
+
+            /** Controls the visibility of the column.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Gets or sets a value for treegrid column width
+             */
+            width?: number;
+
+            /** Specifies the header template value for the column header
+             */
+            headerTemplateID?: string;
+
+            /** Specifies the display format of a column
+             * @Default {null}
+             */
+            format?: any;
+
+            /** Specifies whether the column is a template column
+             * @Default {false}
+             */
+            isTemplateColumn?: boolean;
+
+            /** Specifies the alignment of the column header text
+             * @Default {ej.TextAlign.Left}
+             */
+            headerTextAlign?: ej.TextAlign|string;
+
+            /** Specifies whether the column is frozen
+             * @Default {false}
+             */
+            isFrozen?: boolean;
+
+            /** Specifies the text alignment for the column
+             * @Default {ej.TextAlign.Left}
+             */
+            textAlign?: ej.TextAlign|string;
+
+            /** Enables or disables the ability to edit a row or cell.
+             * @Default {false}
+             */
+            allowEditing?: boolean;
+
+            /** We can include or exclude particular column from column visibility list in column menu.
+             * @Default {true}
+             */
+            showInColumnChooser?: boolean;
+
+            /** Sets the clip mode for TreeGrid cell as ellipsis or clipped content(both header and content)
+             * @Default {ej.TreeGrid.ClipMode.Clip}
+             */
+            clipMode?: ej.TreeGrid.ClipMode|string;
+
+            /** Sets the tooltip template for the specific column.
+             * @Default {null}
+             */
+            tooltip?: string;
+
+            /** Sets the tooltip template for the column header
+             * @Default {null}
+             */
+            headerTooltip?: string;
+
+            /** specifies the conditions for saving data to the database while adding or editing the fields.
+             */
+            validationRules?: any;
+
+            /** Enables or disables the ability to freeze/unfreeze the columns
+             * @Default {false}
+             */
+            allowFreezing?: boolean;
+        }
+
+        export interface ContextMenuSettings {
+
+            /** Option for adding items to context menu.
+             * @Default {[]}
+             */
+            contextMenuItems?: any[];
+
+            /** Shows/hides the context menu.
+             * @Default {false}
+             */
+            showContextMenu?: boolean;
+        }
+
+        export interface DragTooltip {
+
+            /** Specifies whether to show tooltip while dragging a row.
+             * @Default {true}
+             */
+            showTooltip?: boolean;
+
+            /** Option to add field names whose corresponding values in the dragged row needs to be shown in the preview tooltip.
+             * @Default {[]}
+             */
+            tooltipItems?: any[];
+
+            /** Custom template for that tooltip that is shown while dragging a row.
+             * @Default {null}
+             */
+            tooltipTemplate?: string;
+        }
+
+        export interface EditSettings {
+
+            /** Enables or disables the button to add new row in context menu as well as in toolbar.
+             * @Default {true}
+             */
+            allowAdding?: boolean;
+
+            /** Enables or disables the button to delete the selected row in context menu as well as in toolbar.
+             * @Default {true}
+             */
+            allowDeleting?: boolean;
+
+            /** Enables or disables the ability to edit a row or cell.
+             * @Default {false}
+             */
+            allowEditing?: boolean;
+
+            /** Specifies the mouse action whether single click or double click to begin the editing
+             * @Default {ej.TreeGrid.BeginEditAction.DblClick}
+             */
+            beginEditAction?: ej.TreeGrid.BeginEditAction|string;
+
+            /** specifies the edit mode in TreeGrid , &quot;cellEditing&quot; is for cell type editing and &quot;rowEditing&quot; is for entire row.
+             * @Default {ej.TreeGrid.EditMode.CellEditing}
+             */
+            editMode?: ej.TreeGrid.EditMode|string;
+
+            /** Specifies the position where the new row has to be added.
+             * @Default {top}
+             */
+            rowPosition?: ej.TreeGrid.RowPosition|string;
+
+            /** Specifies the template ID for the custom dialog.
+             * @Default {null}
+             */
+            dialogEditorTemplateID?: string;
+        }
+
+        export interface ColumnResizeSettings {
+
+            /** Specifies the mode for column resizing
+             * @Default {ej.TreeGrid.ColumnResizeMode.Normal}
+             */
+            columnResizeMode?: ej.TreeGrid.ColumnResizeMode|string;
+        }
+
+        export interface FilterSettingsFilteredColumn {
+
+            /** Specifies the value to be filtered in TreeGrid.
+             */
+            value?: string;
+
+            /** Specifies the field where filtering has to be performed.
+             */
+            field?: string;
+
+            /** Specifies the predicate(and/or) value to perform filtering.
+             */
+            predicate?: string;
+
+            /** Specifies the filter condition to filtered column. See operator
+             */
+            operator?: string;
+        }
+
+        export interface FilterSettings {
+
+            /** Specifies the mode on which column filtering should start
+             * @Default {immediate}
+             */
+            filterBarMode?: string;
+
+            /** Specifies the type of column filtering.
+             * @Default {ej.TreeGrid.FilterType.FilterBar}
+             */
+            filterType?: ej.TreeGrid.FilterType|string;
+
+            /** Specifies the column collection for filtering the TreeGrid content on initial load
+             * @Default {[]}
+             */
+            filteredColumns?: FilterSettingsFilteredColumn[];
+        }
+
+        export interface PageSettings {
+
+            /** Using this property we can specify the number of pages should pager contains, according to this count TreeGrid height will be updated.
+             * @Default {8}
+             */
+            pageCount?: number;
+
+            /** This specifies the number of rows to display in each page.
+             * @Default {12}
+             */
+            pageSize?: number;
+
+            /** Get the value of records which is bound to TreeGrid. The totalRecordsCount value is calculated based on the datasource bound to TreeGrid.
+             * @Default {null}
+             */
+            totalRecordsCount?: number;
+
+            /** Specifies the current page to display at load time.
+             * @Default {1}
+             */
+            currentPage?: number;
+
+            /** Specifies the mode of record count in a page, whether it should count all the records or the root to count zero level parent records.
+             * @Default {ej.TreeGrid.PageSizeMode.All}
+             */
+            pageSizeMode?: ej.TreeGrid.PageSizeMode|string;
+
+            /** Specifies the mode of printing the control, whether it should print the all the records or the current page content.
+             * @Default {ej.TreeGrid.PrintMode.AllPages}
+             */
+            printMode?: ej.TreeGrid.PrintMode|string;
+
+            /** Specifies the Custom template for Pager control.
+             * @Default {null}
+             */
+            template?: string;
+        }
+
+        export interface SelectedCellIndex {
+
+            /** Specifies the row index of the cell to be selected in TreeGrid control
+             */
+            rowIndex?: number;
+
+            /** Specifies the cell index to be selected in the row.
+             * @Default { }
+             */
+            cellIndex?: number;
+        }
+
+        export interface SelectionSettings {
+
+            /** Specifies the type of selection whether to select row or cell.
+             * @Default {ej.TreeGrid.SelectionMode.Row}
+             */
+            selectionMode?: ej.TreeGrid.SelectionMode|string;
+
+            /** Specifies the type of selection whether single, multiple or checkbox.
+             * @Default {ej.TreeGrid.SelectionType.Single}
+             */
+            selectionType?: ej.TreeGrid.SelectionType|string;
+
+            /** Enables or disables the selection by hierarchy in check box selection
+             * @Default {true}
+             */
+            enableHierarchySelection?: boolean;
+
+            /** Toggles the visibility of the checkbox in column header, using which all the check boxes can be selected or unselected.
+             * @Default {true}
+             */
+            enableSelectAll?: boolean;
+        }
+
+        export interface SummaryRowsSummaryColumn {
+
+            /** Specifies the summary type to perform calculations in a corresponding summary column. See summaryType.
+             */
+            summaryType?: ej.TreeGrid.SummaryType|string;
+
+            /** Specifies summary column used to perform the summary calculation.
+             */
+            dataMember?: string;
+
+            /** Specifies the required column to display the summary.
+             */
+            displayColumn?: string;
+
+            /** Specifies the text to be displayed before the summary column value.
+             */
+            prefix?: string;
+
+            /** Specifies the text to be displayed after the summary column value.
+             */
+            suffix?: string;
 
-export interface PointRegionMouseMoveEventArgs {
+            /** Specifies the format to be applied on the summary column value.
+             */
+            format?: string;
+        }
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+        export interface SummaryRow {
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            /** Specifies the title for summary row collection in TreeGrid
+             */
+            title?: string;
 
-	/** Name of the event
-	*/
-	type?: string;
+            /** Specifies the summary columns in the summary rows.
+             */
+            summaryColumns?: SummaryRowsSummaryColumn[];
+        }
 
-	/** X-coordinate of point in pixel
-	*/
-	locationX?: number;
+        export interface SizeSettings {
 
-	/** Y-coordinate of point in pixel
-	*/
-	locationY?: number;
+            /** Height of the TreeGrid.
+             * @Default {null}
+             */
+            height?: string;
 
-	/** Index of the point in series
-	*/
-	pointIndex?: number;
+            /** Width of the TreeGrid.
+             * @Default {null}
+             */
+            width?: string;
+        }
 
-	/** Type of the series
-	*/
-	seriesType?: string;
-}
+        export interface SortSettingsSortedColumn {
 
-export interface PointRegionMouseClickEventArgs {
+            /** Specifies the field to be sorted in TreeGrid
+             */
+            field?: string;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** Specifies the sort direction in TreeGrid
+             */
+            direction?: string;
+        }
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+        export interface SortSettings {
 
-	/** Name of the event
-	*/
-	type?: string;
+            /** Option to add columns based on which the rows have to be sorted recursively.
+             * @Default {[]}
+             */
+            sortedColumns?: SortSettingsSortedColumn[];
+        }
 
-	/** X-coordinate of point in pixel
-	*/
-	locationX?: number;
+        export interface ToolbarSettingsCustomToolbarItem {
 
-	/** Y-coordinate of point in pixel
-	*/
-	locationY?: number;
+            /** Allows the user to insert the custom icons in toolbar using CSS class name selector.
+             */
+            text?: string;
 
-	/** Index of the point in series
-	*/
-	pointIndex?: number;
+            /** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to TreeGrid toolbar.
+             */
+            templateID?: string;
 
-	/** Type of the series
-	*/
-	seriesType?: string;
-}
+            /** Allows the user to display custom tooltip text for TreeGrid custom toolbar items.
+             */
+            tooltipText?: string;
+        }
 
-export interface SparklineMouseMoveEventArgs {
+        export interface ToolbarSettings {
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+            /** Shows/hides the toolbar.
+             * @Default {false}
+             */
+            showToolbar?: boolean;
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            /** Specifies the list of toolbar items to be rendered in TreeGrid toolbar
+             * @Default {[]}
+             */
+            toolbarItems?: any[];
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** Allows the user to insert custom toolbar items.
+             */
+            customToolbarItems?: ToolbarSettingsCustomToolbarItem[];
+        }
 
-export interface SparklineMouseLeaveEventArgs {
+        enum EditingType {
 
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
+            ///It Specifies String edit type.
+            String,
 
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
+            ///It Specifies Boolean edit type.
+            Boolean,
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            ///It Specifies Numeric edit type.
+            Numeric,
 
-export interface Border {
+            ///It Specifies Dropdown edit type.
+            Dropdown,
 
-	/** Border color of the sparkline.
-	*   @Default {transparent}
-	*/
-	color?: string;
+            ///It Specifies DatePicker edit type.
+            DatePicker,
 
-	/** Width of the Sparkline border.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+            ///It Specifies DateTimePicker edit type.
+            DateTimePicker,
 
-export interface RangeBandSettings {
+            ///It Specifies Maskedit edit type.
+            Maskedit
+        }
 
-	/** Start value of the range band.
-	*   @Default {null}
-	*/
-	startRange?: number;
 
-	/** End value of the range band.
-	*   @Default {null}
-	*/
-	endRange?: number;
+        enum ClipMode {
 
-	/** Range band opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
+            ///Shows ellipsis for the overflown cell.
+            Ellipsis,
 
-	/** Range band color of the series.
-	*   @Default {transparent}
-	*/
-	color?: string;
-}
+            ///Truncate the text in the cell.
+            Clip
+        }
 
-export interface TooltipBorder {
 
-	/** Border color of the tooltip.
-	*   @Default {transparent}
-	*/
-	color?: string;
+        enum HeaderTextOverflow {
 
-	/** Border width of the tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+            ///You can disable the word wrap
+            None,
 
-export interface TooltipFont {
-
-	/** Font color of the text in the tooltip.
-	*   @Default {#111111}
-	*/
-	color?: string;
-
-	/** Font Family for the tooltip.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font Style for the tooltip.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Sparkline.FontStyle|string;
-
-	/** Specifies the font weight for the tooltip.
-	*   @Default {Regular}
-	*/
-	fontWeight?: ej.datavisualization.Sparkline.FontWeight|string;
-
-	/** Opacity for text in the tooltip.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for text in the tooltip.
-	*   @Default {8px}
-	*/
-	size?: string;
-}
+            ///You can wrap the header content
+            Wrap
+        }
 
-export interface Tooltip {
 
-	/** Show/hides the tooltip visibility.
-	*   @Default {false}
-	*/
-	visible?: boolean;
+        enum BeginEditAction {
 
-	/** Fill color for the sparkline tooltip.
-	*   @Default {white}
-	*/
-	fill?: string;
+            ///you can begin the editing at double click
+            DblClick,
 
-	/** Custom template to the tooltip.
-	*/
-	template?: string;
+            ///you can begin the editing at single click
+            Click
+        }
 
-	/** Options for customizing the border of the tooltip.
-	*/
-	border?: TooltipBorder;
 
-	/** Options for customizing the font of the tooltip.
-	*/
-	font?: TooltipFont;
-}
+        enum EditMode {
 
-export interface MarkerSettingsBorder {
+            ///you can edit a cell.
+            CellEditing,
 
-	/** Border color of the marker shape.
-	*   @Default {transparent}
-	*/
-	color?: string;
+            ///you can edit a row.
+            RowEditing,
 
-	/** Controls the opacity of the marker border.
-	*   @Default {1}
-	*/
-	opacity?: number;
+            ///you can edit a row in dialog form.
+            DialogEditing
+        }
 
-	/** Border width of the marker shape.
-	*   @Default {null}
-	*/
-	width?: number;
-}
 
-export interface MarkerSettings {
+        enum RowPosition {
 
-	/** Controls the opacity of the marker.
-	*   @Default {1}
-	*/
-	opacity?: number;
+            ///you can add a new row at top.
+            Top,
 
-	/** Controls the visibility of the marker shape.
-	*   @Default {false}
-	*/
-	visible?: boolean;
+            ///you can add a new row at bottom.
+            Bottom,
 
-	/** width of the marker shape.
-	*   @Default {2}
-	*/
-	width?: number;
+            ///you can add a new row to above selected row.
+            Above,
 
-	/** Color of the marker shape.
-	*   @Default {white}
-	*/
-	fill?: string;
+            ///you can add a new row to below selected row.
+            Below,
 
-	/** Options for customizing the border of the marker shape.
-	*/
-	border?: MarkerSettingsBorder;
-}
+            ///you can add a new row as a child for selected row.
+            Child
+        }
 
-export interface Size {
 
-	/** Height of the Sparkline. Height can be specified in either pixel or percentage.
-	*   @Default {''}
-	*/
-	height?: string;
+        enum ColumnResizeMode {
 
-	/** Width of the Sparkline. Width can be specified in either pixel or percentage.
-	*   @Default {''}
-	*/
-	width?: string;
-}
+            ///At load time column are rendered with given width value, while resizing the column only current column width is changed
+            FixedColumns,
 
-export interface AxisLineSettings {
+            ///At load time columns are stretched with control width,while resizing the column, current column width updated based on next column
+            Normal,
 
-	/** Controls the visibility of the axis.
-	*   @Default {false}
-	*/
-	visible?: boolean;
+            ///In this mode columns are stretched with control width in load time and on resizing action.
+            NextColumn
+        }
 
-	/** Color of the axis line.
-	*   @Default {'#111111'}
-	*/
-	color?: string;
 
-	/** Width of the axis line.
-	*   @Default {1}
-	*/
-	width?: number;
+        enum FilterType {
 
-	/** Dash array of the axis line.
-	*   @Default {1}
-	*/
-	dashArray?: number;
-}
-}
-module Sparkline
-{
-enum Type
-{
-//string
-Area,
-//string
-Line,
-//string
-Column,
-//string
-Pie,
-//string
-WinLoss,
-}
-}
-module Sparkline
-{
-enum Theme
-{
-//string
-Azure,
-//string
-FlatLight,
-//string
-FlatDark,
-//string
-Azuredark,
-//string
-Lime,
-//string
-LimeDark,
-//string
-Saffron,
-//string
-SaffronDark,
-//string
-GradientLight,
-//string
-GradientDark,
-}
-}
-module Sparkline
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Italic,
-}
-}
-module Sparkline
-{
-enum FontWeight
-{
-//string
-Regular,
-//string
-Bold,
-//string
-Lighter,
-}
-}
+            ///Enables the filterbar filtering
+            FilterBar,
 
-class SunburstChart extends ej.Widget {
-	static fn: SunburstChart;
-	constructor(element: JQuery, options?: SunburstChart.Model);
-	constructor(element: Element, options?: SunburstChart.Model);
-	static Locale: any;
-	model:SunburstChart.Model;
-	defaults:SunburstChart.Model;
-
-	/** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-	*   @returns {void}
-	*/
-	redraw(): void;
-
-	/** destroy the sunburst
-	*   @returns {void}
-	*/
-	destroy(): void;
-}
-export module SunburstChart{
-
-export interface Model {
-
-	/** Background color of the plot area.
-	*   @Default {null}
-	*/
-	background?: string;
-
-	/** Bind the data field from the data source.
-	*   @Default {null}
-	*/
-	valueMemberPath?: string;
-
-	/** Options for customizing the sunburst border.
-	*/
-	border?: Border;
-
-	/** Options for customizing the sunburst segment border.
-	*/
-	segmentBorder?: SegmentBorder;
-
-	/** Specifies the dataSource to the sunburst.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Palette color for the data points.
-	*   @Default {null}
-	*/
-	palette?: string;
-
-	/** Parent node of the data points.
-	*   @Default {null}
-	*/
-	parentNode?: string;
-
-	/** Name of the property in the datasource that contains x values.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Name of the property in the datasource that contains y values.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Controls whether sunburst has to be responsive or not.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Options to customize the Sunburst size.
-	*/
-	size?: Size;
-
-	/** Controls the visibility of sunburst.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Options to customize the Sunburst tooltip.
-	*/
-	tooltip?: Tooltip;
-
-	/** Options for customizing sunburst points.
-	*/
-	points?: Points;
-
-	/** Sunburst rendering will start from the specified value
-	*   @Default {null}
-	*/
-	startAngle?: number;
-
-	/** Sunburst rendering will end at the specified value
-	*   @Default {null}
-	*/
-	endAngle?: number;
-
-	/** Sunburst outer radius value
-	*   @Default {1}
-	*/
-	radius?: number;
-
-	/** Sunburst inner radius value
-	*   @Default {0.4}
-	*/
-	innerRadius?: number;
-
-	/** Options to customize the Sunburst dataLabel.
-	*/
-	dataLabelSettings?: DataLabelSettings;
-
-	/** Options for customizing the title and subtitle of sunburst.
-	*/
-	title?: Title;
-
-	/** Options for customizing the appearance of the levels or point while highlighting.
-	*/
-	highlightSettings?: HighlightSettings;
-
-	/** Options for customizing the appearance of the levels or data point while selection.
-	*/
-	selectionSettings?: SelectionSettings;
-
-	/** Specify levels of sunburst for grouped visualization of data
-	*   @Default {[]}
-	*/
-	levels?: Array<Level>;
-
-	/** Options to customize the legend items and legend title.
-	*/
-	legend?: Legend;
-
-	/** Specifies the theme for Sunburst.
-	*   @Default {Flatlight. See Theme}
-	*/
-	theme?: ej.datavisualization.Sunburst.SunburstTheme|string;
-
-	/** Options to customize the left, right, top and bottom margins of sunburst area.
-	*/
-	margin?: Margin;
-
-	/** Enable/disable the animation for all the levels.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Opacity of the levels.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Options for enable zooming feature of chart.
-	*/
-	zoomSettings?: ZoomSettings;
+            ///Enables the menu filtering
+            Menu
+        }
 
-	/** Animation type of sunburst
-	*   @Default {rotation. See Alignment}
-	*/
-	animationType?: ej.datavisualization.Sunburst.Animation|string;
 
-	/** Fires before loading. */
-	load? (e: LoadEventArgs): void;
+        enum PageSizeMode {
 
-	/** Fires before rendering sunburst. */
-	preRender? (e: PreRenderEventArgs): void;
+            ///To count all the parent and child records.
+            All,
 
-	/** Fires after rendering sunburst. */
-	loaded? (e: LoadedEventArgs): void;
+            ///To count the Zeroth level parent records.
+            Root
+        }
 
-	/** Fires before rendering the datalabel */
-	dataLabelRendering? (e: DataLabelRenderingEventArgs): void;
 
-	/** Fires before rendering each segment */
-	segmentRendering? (e: SegmentRenderingEventArgs): void;
+        enum PrintMode {
 
-	/** Fires before rendering sunburst title. */
-	titleRendering? (e: TitleRenderingEventArgs): void;
+            ///To print all the pages
+            AllPages,
 
-	/** Fires during initialization of tooltip. */
-	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
+            ///To print only the current page content.
+            CurrentPage
+        }
 
-	/** Fires after clicking the point in sunburst */
-	pointRegionClick? (e: PointRegionClickEventArgs): void;
 
-	/** Fires while moving the mouse over sunburst points */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
+        enum SelectionMode {
 
-	/** Fires when clicking the point to perform drilldown. */
-	drillDownClick? (e: DrillDownClickEventArgs): void;
+            ///you can select a row.
+            Row,
 
-	/** Fires when resetting drilldown points. */
-	drillDownBack? (e: DrillDownBackEventArgs): void;
+            ///you can select a cell.
+            Cell
+        }
 
-	/** Fires after resetting the sunburst points */
-	drillDownReset? (e: DrillDownResetEventArgs): void;
-}
 
-export interface LoadEventArgs {
+        enum SelectionType {
 
-	/** Load event data
-	*/
-	data?: string;
+            ///you can select a single row.
+            Single,
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            ///you can select a multiple row.
+            Multiple,
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            ///you can select rows using checkbox.
+            Checkbox
+        }
 
-	/** Name of the event
-	*/
-	type?: string;
-}
 
-export interface PreRenderEventArgs {
+        enum SummaryType {
 
-	/** PreRender event data
-	*/
-	data?: string;
+            ///Displays the sum of summary column
+            Sum,
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            ///Displays the average of summary column
+            Average,
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            ///Displays the maximum value of summary column
+            Maximum,
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            ///Displays the minimum value of summary column
+            Minimum,
 
-export interface LoadedEventArgs {
+            ///Displays the total count of summary column
+            Count,
 
-	/** Loaded event data
-	*/
-	data?: string;
+            ///Displays the minimum date value in summary column
+            MinimumDate,
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            ///Displays the maximum date value in summary column
+            MaximumDate,
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            ///Displays the true count value for boolean summary columns
+            TrueCount,
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            ///Displays the false count value for boolean summary columns
+            FalseCount
+        }
 
-export interface DataLabelRenderingEventArgs {
+    }
 
-	/** Sunburst datalabel data
-	*/
-	data?: string;
+    class GroupButton extends ej.Widget {
+        static fn: GroupButton;
+        constructor(element: JQuery | Element, options?: GroupButton.Model);
+        static Locale: any;
+        model: GroupButton.Model;
+        defaults: GroupButton.Model;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+        /** Remove the selection state of the specified the button element from the GroupButton
+         * @param {JQuery} Specific button element
+         * @returns {void}
+         */
+        deselectItem(element: JQuery): void;
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+        /** Destroy the GroupButton widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+        /** Disables the GroupButton control
+         * @returns {void}
+         */
+        disable(): void;
 
-export interface SegmentRenderingEventArgs {
+        /** Disable the specified button element from the ejGroupButton control.
+         * @param {JQuery} Specific button element
+         * @returns {void}
+         */
+        disableItem(element: JQuery): void;
 
-	/** Sunburst datalabel data
-	*/
-	data?: string;
+        /** Enables the disabled ejGroupButton control.
+         * @returns {void}
+         */
+        enable(): void;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+        /** Enable the specified disabled button element from the ejGroupButton control.
+         * @param {JQuery} Specific button element
+         * @returns {void}
+         */
+        enableItem(element: JQuery): void;
+
+        /** Returns the index value for specified button element in the GroupButton control.
+         * @param {JQuery} Specific button element
+         * @returns {number}
+         */
+        getIndex(element: JQuery): number;
+
+        /** This method returns the list of active state button elements from the GroupButton control.
+         * @returns {any}
+         */
+        getSelectedItem(): any;
+
+        /** Hides the GroupButton control
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** Hide the specified button element from the ejGroupButton control.
+         * @param {JQuery} Specific button element
+         * @returns {void}
+         */
+        hideItem(element: JQuery): void;
+
+        /** Returns the disabled state of the specified element button element in GroupButton as Boolean.
+         * @returns {boolean}
+         */
+        isDisabled(): boolean;
+
+        /** Returns the state of the specified button element as Boolean.
+         * @returns {boolean}
+         */
+        isSelected(): boolean;
+
+        /** Public method used to select the specified button element from the ejGroupButton control.
+         * @param {JQuery} Specific button element
+         * @returns {void}
+         */
+        selectItem(element: JQuery): void;
+
+        /** Shows the GroupButton control, if its hide.
+         * @returns {void}
+         */
+        show(): void;
+
+        /** Show the specified hidden button element from the ejGroupButton control.
+         * @param {JQuery} Specific button element
+         * @returns {void}
+         */
+        showItem(element: JQuery): void;
+    }
+    export namespace GroupButton {
+
+        export interface Model {
+
+            /** Sets the specified class to GroupButton wrapper element, which allows for custom skinning option in ejGroupButton control.
+             */
+            cssClass?: string;
+
+            /** To set the local JSON data, define a JSON array and initialize the GroupButton with dataSource property. Specify the column names in the fields property.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Displays the ejGroupButton in Right to Left direction.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Used to enable or disable the ejGroupButton control.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Gets or sets a value that indicates to display the values of the data.
+             * @Default {null}
+             */
+            fields?: any;
+
+            /** Sets the GroupButton behavior to works as Checkbox mode/ radio button mode based on the specified option.
+             * @Default {ej.GroupButtonMode.RadioButton}
+             */
+            groupButtonMode?: ej.GroupButtonMode|string;
+
+            /** Used to sets the height of the ejGroupButton control.
+             * @Default {28}
+             */
+            height?: string|number;
+
+            /** Defines the characteristics of the ejGroupButton control and extend the capability of an HTML element by adding specified attributes to element tag and by performing the related
+             * actions
+             * @Default {{}}
+             */
+            htmlAttributes?: any;
+
+            /** Specify the orientation of the GroupButton. See below to get available orientations
+             * @Default {ej.Orientation.Horizontal}
+             */
+            orientation?: ej.Orientation|string;
+
+            /** Query the dataSource from the table for Groupbutton
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Sets the list of button elements to be selected. To enable this option groupButtonMode should be in “checkbox” mode.
+             * @Default {[]}
+             */
+            selectedItemIndex?: number[]|string[];
+
+            /** Sets the rounder corner to the GroupButton, if sets as true.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Specifies the size of the button. See available size
+             * @Default {ej.ButtonSize.Normal}
+             */
+            size?: ej.ButtonSize|string;
+
+            /** Defines the width of the ejGroupButton control.
+             */
+            width?: string|number;
+
+            /** Triggered before any button element in the GroupButton get selected.
+             */
+            beforeSelect?(e: BeforeSelectEventArgs): void;
+
+            /** Fires after GroupButton control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when the GroupButton is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Triggered once the key is pressed, when the control is in focused state.
+             */
+            keyPress?(e: KeyPressEventArgs): void;
+
+            /** Triggered when the button element get selected.
+             */
+            select?(e: SelectEventArgs): void;
+        }
+
+        export interface BeforeSelectEventArgs {
+
+            /** Boolean value based on whether the button element is disabled or not.
+             */
+            disabled?: boolean;
+
+            /** Returns the selection button element.
+             */
+            element?: any;
+
+            /** Event object
+             */
+            event?: any;
+
+            /** Return the button element ID.
+             */
+            id?: string;
+
+            /** Button item index.
+             */
+            index?: number;
+
+            /** returns the button model
+             */
+            model?: ej.GroupButton.Model;
+
+            /** Boolean value based on whether the button element is selected or not.
+             */
+            selected?: boolean;
+
+            /** returns the name of the event
+             */
+            type?: string;
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            /** return the button state
+             */
+            status?: boolean;
+        }
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the GroupButton model
+             */
+            model?: ej.GroupButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface DestroyEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the GroupButton model
+             */
+            model?: ej.GroupButton.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface KeyPressEventArgs {
+
+            /** Boolean value based on whether the button element is disabled or not.
+             */
+            disabled?: boolean;
+
+            /** Returns the selection button element.
+             */
+            element?: any;
+
+            /** Event object
+             */
+            event?: any;
+
+            /** Return the button element ID.
+             */
+            id?: string;
+
+            /** Button item index.
+             */
+            index?: number;
+
+            /** returns the button model
+             */
+            model?: ej.GroupButton.Model;
+
+            /** Boolean value based on whether the button element is selected or not.
+             */
+            selected?: boolean;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return the button state
+             */
+            status?: boolean;
+        }
+
+        export interface SelectEventArgs {
+
+            /** Boolean value based on whether the selected button element is disabled or not.
+             */
+            disabled?: boolean;
+
+            /** Returns the selection button element.
+             */
+            element?: any;
+
+            /** Event object
+             */
+            event?: any;
+
+            /** Return the selected button element ID.
+             */
+            id?: string;
+
+            /** Selected button item index.
+             */
+            index?: number;
+
+            /** returns the button model
+             */
+            model?: ej.GroupButton.Model;
+
+            /** Boolean value based on whether the button element is selected or not.
+             */
+            selected?: boolean;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return the button state
+             */
+            status?: boolean;
+        }
+    }
+    enum GroupButtonMode {
+        //Sets the GroupButton to work as checkbox mode
+        CheckBox,
+        //Sets the RadioButton to work as radio button mode
+        RadioButton,
+    }
+
+    class NavigationDrawer extends ej.Widget {
+        static fn: NavigationDrawer;
+        constructor(element: JQuery | Element, options?: NavigationDrawer.Model);
+        static Locale: any;
+        model: NavigationDrawer.Model;
+        defaults: NavigationDrawer.Model;
+
+        /** To close the navigation drawer control
+         * @returns {void}
+         */
+        close(): void;
+
+        /** To load AJAX content into NavigationDrawer container.
+         * @returns {void}
+         */
+        loadContent(): void;
+
+        /** To open the navigation drawer control
+         * @returns {void}
+         */
+        open(): void;
+
+        /** To Toggle the navigation drawer control
+         * @returns {void}
+         */
+        toggle(): void;
+    }
+    export namespace NavigationDrawer {
+
+        export interface Model {
+
+            /** Specifies the ajaxSettings option to load the content to the NavigationDrawer control.
+             * @Default {null}
+             */
+            ajaxSettings?: AjaxSettings;
+
+            /** Specifies the contentId for navigation drawer, where the AJAX content need to updated
+             * @Default {null}
+             */
+            contentId?: string;
+
+            /** Sets the root class for NavigationDrawer theme. This cssClass API helps to use custom skinning option for NavigationDrawer control. By defining the root class using this API, we
+             * need to include this root class in CSS.
+             */
+            cssClass?: string;
+
+            /** Sets the Direction for the control. See Direction
+             * @Default {left}
+             */
+            direction?: ej.Direction|string;
+
+            /** Sets the listview to be enabled or not
+             * @Default {false}
+             */
+            enableListView?: boolean;
+
+            /** Specifies the listview items as an array of object.
+             * @Default {[]}
+             */
+            items?: any[];
+
+            /** Sets all the properties of listview to render in navigation drawer
+             */
+            listViewSettings?: any;
+
+            /** Specifies position whether it is in fixed or relative to the page. See Position
+             * @Default {normal}
+             */
+            position?: string;
+
+            /** Specifies the targetId for navigation drawer
+             */
+            targetId?: string;
+
+            /** Sets the rendering type of the control. See Type
+             * @Default {overlay}
+             */
+            type?: string;
+
+            /** Specifies the width of the control
+             * @Default {auto}
+             */
+            width?: number;
+
+            /** Navigation pane opened initially when isPaneOpen property is true.
+             * @Default {false}
+             */
+            isPaneOpen?: boolean;
+
+            /** Event triggers after the AJAX content loaded completely.
+             */
+            ajaxComplete?(e: AjaxCompleteEventArgs): void;
+
+            /** Event triggers when the AJAX request failed.
+             */
+            ajaxError?(e: AjaxErrorEventArgs): void;
+
+            /** Event triggers after the AJAX content loaded successfully.
+             */
+            ajaxSuccess?(e: AjaxSuccessEventArgs): void;
+
+            /** Event triggers before the control gets closed.
+             */
+            beforeClose?(e: BeforeCloseEventArgs): void;
+
+            /** Event triggers when the control open.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Event triggers when the Swipe happens.
+             */
+            swipe?(e: SwipeEventArgs): void;
+        }
+
+        export interface AjaxCompleteEventArgs {
+
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the model value of the control.
+             */
+            model?: ej.NavigationDrawer.Model;
+        }
 
-export interface TitleRenderingEventArgs {
+        export interface AjaxErrorEventArgs {
 
-	/** Sunburst title data
-	*/
-	data?: string;
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            /** returns the model value of the control.
+             */
+            model?: ej.NavigationDrawer.Model;
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** returns the error thrown in the AJAX post.
+             */
+            errorThrown?: any;
+
+            /** returns the status.
+             */
+            textStatus?: any;
+        }
+
+        export interface AjaxSuccessEventArgs {
+
+            /** returns true if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** returns the model value of the control.
+             */
+            model?: ej.NavigationDrawer.Model;
+
+            /** returns the AJAX current content.
+             */
+            content?: string;
 
-export interface TooltipInitializeEventArgs {
+            /** returns the current URL of the AJAX post.
+             */
+            URL?: string;
+        }
+
+        export interface BeforeCloseEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Navigation Drawer model
+             */
+            model?: ej.NavigationDrawer.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface OpenEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Navigation Drawer model
+             */
+            model?: ej.NavigationDrawer.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface SwipeEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Navigation Drawer model
+             */
+            model?: ej.NavigationDrawer.Model;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface AjaxSettings {
+
+            /** It specifies, whether to enable or disable asynchronous request.
+             */
+            async?: boolean;
+
+            /** It specifies the page will be cached in the web browser.
+             */
+            cache?: boolean;
+
+            /** It specifies the type of data is send in the query string.
+             */
+            contentType?: string;
+
+            /** It specifies the data as an object, will be passed in the query string.
+             */
+            data?: any;
+
+            /** It specifies the type of data that you're expecting back from the response.
+             */
+            dataType?: string;
+
+            /** It specifies the HTTP request type.
+             */
+            type?: string;
+        }
+    }
+
+    class RadialMenu extends ej.Widget {
+        static fn: RadialMenu;
+        constructor(element: JQuery | Element, options?: RadialMenu.Model);
+        static Locale: any;
+        model: RadialMenu.Model;
+        defaults: RadialMenu.Model;
+
+        /** To hide the radialmenu
+         * @returns {void}
+         */
+        hide(): void;
+
+        /** To hide the radialmenu items
+         * @returns {void}
+         */
+        hideMenu(): void;
+
+        /** To Show the radial menu
+         * @returns {void}
+         */
+        show(): void;
+
+        /** To show menu items
+         * @returns {void}
+         */
+        showMenu(): void;
+
+        /** To enable menu item using index
+         * @param {number} Index of the Radialmenu to be enabled.
+         * @returns {void}
+         */
+        enableItemByIndex(itemIndex: number): void;
+
+        /** To enable menu items using indices
+         * @param {any[]} Index of the Radialmenu to be enabled.
+         * @returns {void}
+         */
+        enableItemsByIndices(itemIndices: any[]): void;
+
+        /** To disable menu item using index
+         * @param {number} Index of the Radialmenu to be disabled.
+         * @returns {void}
+         */
+        disableItemByIndex(itemIndex: number): void;
+
+        /** To disable menu items using indices
+         * @param {any[]} items of the Radialmenu to disable.
+         * @returns {void}
+         */
+        disableItemsByIndices(itemIndices: any[]): void;
+
+        /** To enable menu item using item text
+         * @param {string} item of the Radialmenu item to enable.
+         * @returns {void}
+         */
+        enableItem(item: string): void;
+
+        /** To disable menu item using item text
+         * @param {string} item of the Radialmenu item to disable.
+         * @returns {void}
+         */
+        disableItem(item: string): void;
+
+        /** To enable menu items using item texts
+         * @param {any[]} items of the Radialmenu item to enable.
+         * @returns {void}
+         */
+        enableItems(items: any[]): void;
+
+        /** To disable menu items using item texts
+         * @param {any[]} items of the Radialmenu item to disable.
+         * @returns {void}
+         */
+        disableItems(items: any[]): void;
+
+        /** To update menu item badge value
+         * @param {number} The index value to add the given items at the specified index. If index is not specified, the given value will not be updated.
+         * @param {number} The Value to be updated in the badge. It will be updated based on the given index
+         * @returns {void}
+         */
+        updateBadgeValue(index: number, value: number): void;
+
+        /** To show menu item badge
+         * @param {number} Index of the Radialmenu item to be shown badge.
+         * @returns {void}
+         */
+        showBadge(index: number): void;
+
+        /** To hide menu item badge
+         * @param {number} Index of the Radialmenu item to hide the badge.
+         * @returns {void}
+         */
+        hideBadge(index: number): void;
+    }
+    export namespace RadialMenu {
+
+        export interface Model {
+
+            /** To show the Radial in initial render.
+             */
+            autoOpen?: boolean;
+
+            /** Renders the back button Image for Radial using class.
+             */
+            backImageClass?: string;
+
+            /** Sets the root class for RadialMenu theme. This cssClass API helps to use custom skinning option for RadialMenu control. By defining the root class using this API, we need to
+             * include this root class in CSS.
+             */
+            cssClass?: string;
+
+            /** To enable Animation for Radial Menu.
+             */
+            enableAnimation?: boolean;
+
+            /** Renders the Image for Radial using Class.
+             */
+            imageClass?: string;
+
+            /** Specify the items of radial menu
+             */
+            items?: Item[];
+
+            /** Specifies the radius of radial menu
+             */
+            radius?: number;
+
+            /** To show the Radial while clicking given target element.
+             */
+            targetElementId?: string;
+
+            /** To set radial render position.
+             */
+            position?: any;
+
+            /** Event triggers when we click an item.
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Event triggers when the menu is opened.
+             */
+            open?(e: OpenEventArgs): void;
+
+            /** Event triggers when the menu is closed.
+             */
+            close?(e: CloseEventArgs): void;
+        }
+
+        export interface ClickEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialmenu model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the item of element
+             */
+            item?: any;
+
+            /** returns the name of item
+             */
+            itemName?: string;
+        }
+
+        export interface OpenEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialmenu model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface CloseEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialmenu model
+             */
+            model?: any;
 
-	/** Sunburst tooltip data
-	*/
-	data?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface ItemsBadge {
+
+            /** Specifies whether to enable radialmenu item badge or not.
+             */
+            enabled?: boolean;
+
+            /** Specifies the value of radial menu item badge.
+             */
+            value?: number;
+        }
+
+        export interface ItemsSliderSettings {
+
+            /** Specifies the sliderSettings ticks values of nested radial menu items.
+             */
+            ticks?: any[];
+
+            /** Specifies the sliderSettings stroke Width value.
+             */
+            strokeWidth?: number;
+
+            /** Specifies the value of sliderSettings labelSpace .
+             */
+            labelSpace?: number;
+        }
+
+        export interface Item {
+
+            /** Specify the URL of the frame background image for radial menu item.
+             */
+            imageUrl?: string;
+
+            /** Specifies the template property of RadialMenu for SVG icon.
+             */
+            prependTo?: string;
+
+            /** Specifies the text of RadialMenu item.
+             */
+            text?: string;
+
+            /** Specifies the enable state of RadialMenu item.
+             */
+            enabled?: boolean;
+
+            /** specify the click event to corresponding image/text for performing some specific action.
+             */
+            click?: string;
+
+            /** Specifies radialmenu item badges.
+             */
+            badge?: ItemsBadge;
+
+            /** Specifies the type of nested radial menu item.
+             */
+            type?: string;
+
+            /** Specifies the sliderSettings ticks for nested radial menu items.
+             */
+            sliderSettings?: ItemsSliderSettings;
+
+            /** Specifies to add sub level items .
+             */
+            items?: any[];
+        }
+    }
+
+    class Tile extends ej.Widget {
+        static fn: Tile;
+        constructor(element: JQuery | Element, options?: Tile.Model);
+        static Locale: any;
+        model: Tile.Model;
+        defaults: Tile.Model;
+
+        /** Update the image template of tile item to another one.
+         * @param {string} UpdateTemplate by using id
+         * @param {number} index of the tile
+         * @returns {void}
+         */
+        updateTemplate(id: string, index: number): void;
+    }
+    export namespace Tile {
+
+        export interface Model {
+
+            /** Section for badge specific functionalities and it represents the notification for tile items.
+             */
+            badge?: Badge;
+
+            /** Section for caption specific functionalities and it represents the notification for tile items.
+             */
+            caption?: Caption;
+
+            /** Sets the root class for Tile theme. This cssClass API helps to use custom skinning option for Tile control. By defining the root class using this API, we need to include this root
+             * class in CSS.
+             */
+            cssClass?: string;
+
+            /** Saves current model value to browser cookies for state maintains. While refreshing the page retains the model value applies from browser cookies.
+             * @Default {false}
+             */
+            enablePersistence?: boolean;
+
+            /** Customize the tile size height.
+             * @Default {null}
+             */
+            height?: string|number;
+
+            /** Specifies Tile imageClass, using this property we can give images for each tile through CSS classes.
+             * @Default {null}
+             */
+            imageClass?: string;
+
+            /** Specifies the position of tile image.
+             * @Default {center}
+             */
+            imagePosition?: ej.Tile.ImagePosition|string;
+
+            /** Specifies the tile image in outside of template content.
+             * @Default {null}
+             */
+            imageTemplateId?: string;
+
+            /** Specifies the URL of tile image.
+             * @Default {null}
+             */
+            imageUrl?: string;
+
+            /** Set the localization culture for Tile Widget.
+             */
+            locale?: string;
+
+            /** Section for liveTile specific functionalities.
+             */
+            liveTile?: LiveTile;
+
+            /** Specifies the size of a tile.  See tileSize
+             * @Default {small}
+             */
+            tileSize?: ej.Tile.TileSize|string;
+
+            /** Customize the tile size width.
+             * @Default {null}
+             */
+            width?: string|number;
+
+            /** Sets the rounded corner to  tile.
+             * @Default {false}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Sets allowSelection to  tile.
+             * @Default {false}
+             */
+            allowSelection?: boolean;
+
+            /** Sets the background color to  tile.
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Event triggers when the mouseDown happens in the tile
+             */
+            mouseDown?(e: MouseDownEventArgs): void;
+
+            /** Event triggers when the mouseUp happens in the tile
+             */
+            mouseUp?(e: MouseUpEventArgs): void;
+        }
+
+        export interface MouseDownEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the tile model
+             */
+            model?: boolean;
+
+            /** returns the name of the event
+             */
+            type?: boolean;
+
+            /** returns the current tile text
+             */
+            text?: string;
+
+            /** returns the index of current tile item
+             */
+            index?: number;
+        }
+
+        export interface MouseUpEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the tile model
+             */
+            model?: boolean;
+
+            /** returns the name of the event
+             */
+            type?: boolean;
+
+            /** returns the current tile text
+             */
+            text?: boolean;
+
+            /** returns the index of current tile item
+             */
+            index?: number;
+        }
+
+        export interface Badge {
+
+            /** Specifies whether to enable badge or not.
+             * @Default {false}
+             */
+            enabled?: boolean;
+
+            /** Specifies maximum value for tile badge.
+             * @Default {100}
+             */
+            maxValue?: number;
+
+            /** Specifies minimum value for tile badge.
+             * @Default {1}
+             */
+            minValue?: number;
+
+            /** Specifies text instead of number for tile badge.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Sets value for tile badge.
+             * @Default {1}
+             */
+            value?: number;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** Sets position for tile badge.
+             * @Default {“bottomright”}
+             */
+            position?: ej.Tile.BadgePosition|string;
+        }
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+        export interface Caption {
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** Specifies whether the tile text to be shown or hidden.
+             * @Default {true}
+             */
+            enabled?: boolean;
 
-export interface PointRegionClickEventArgs {
+            /** Changes the text of a tile.
+             * @Default {Text}
+             */
+            text?: string;
 
-	/** Includes clicked points region data
-	*/
-	data?: string;
+            /** It is used to align the text of a tile.
+             * @Default {normal}
+             */
+            alignment?: ej.Tile.CaptionAlignment|string;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** It is used to specify the caption position like Inner top,  inner bottom and outer.
+             * @Default {Innerbottom}
+             */
+            position?: ej.Tile.CaptionPosition|string;
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            /** sets the icon instead of text.
+             * @Default {null}
+             */
+            icon?: string;
+        }
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+        export interface LiveTile {
 
-export interface PointRegionMouseMoveEventArgs {
+            /** Specifies whether to enable liveTile or not.
+             * @Default {false}
+             */
+            enabled?: boolean;
 
-	/** Includes data of mouse moved region
-	*/
-	data?: string;
+            /** Specifies liveTile images in CSS classes.
+             * @Default {null}
+             */
+            imageClass?: any[];
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            /** Specifies liveTile images in templates.
+             * @Default {null}
+             */
+            imageTemplateId?: any[];
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            /** Specifies liveTile images in CSS classes.
+             * @Default {null}
+             */
+            imageUrl?: any[];
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            /** Specifies liveTile type for Tile. See orientation
+             * @Default {flip}
+             */
+            type?: ej.Tile.liveTileType|string;
 
-export interface DrillDownClickEventArgs {
+            /** Specifies time interval between two successive liveTile animation
+             * @Default {2000}
+             */
+            updateInterval?: number;
 
-	/** Clicked point data
-	*/
-	data?: string;
+            /** Sets the text to each living tile
+             * @Default {Null}
+             */
+            text?: any[];
+        }
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+        enum BadgePosition {
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            ///To set the topright position of tile badge
+            Topright,
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            ///To set the bottomright of tile badge
+            Bottomright
+        }
 
-export interface DrillDownBackEventArgs {
 
-	/** Drill down data of points
-	*/
-	data?: string;
+        enum CaptionAlignment {
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+            ///To set the normal alignment of text in tile control
+            Normal,
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            ///To set the left alignment of text in tile control
+            Left,
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            ///To set the right alignment of text in tile control
+            Right,
 
-export interface DrillDownResetEventArgs {
+            ///To set the center alignment of text in tile control
+            Center
+        }
 
-	/** Drill down reset data
-	*/
-	data?: string;
 
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
+        enum CaptionPosition {
 
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
+            ///To set the inner top position of the tile text
+            Innertop,
 
-	/** Name of the event
-	*/
-	type?: string;
-}
+            ///To set the inner bottom position of the tile text
+            Innerbottom,
 
-export interface Border {
+            ///To set the outer position of the tile text
+            Outer
+        }
 
-	/** Border color of the sunburst.
-	*   @Default {null}
-	*/
-	color?: string;
 
-	/** Width of the Sunburst border.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+        enum ImagePosition {
 
-export interface SegmentBorder {
+            ///To set the center position of tile image
+            Center,
 
-	/** Segment Border color of the sunburst.
-	*   @Default {null}
-	*/
-	color?: string;
+            ///To set the top center position of tile image
+            TopCenter,
 
-	/** Width of the Sunburst segment border.
-	*   @Default {2}
-	*/
-	width?: number;
-}
+            ///To set the bottom center position of tile image
+            BottomCenter,
 
-export interface Size {
+            ///To set the right center position of tile image
+            RightCenter,
 
-	/** Height of the Sunburst.
-	*   @Default {''}
-	*/
-	height?: string;
+            ///To set the left center position of tile image
+            LeftCenter,
 
-	/** Width of the Sunburst.
-	*   @Default {''}
-	*/
-	width?: string;
-}
+            ///To set the topleft position of tile image
+            TopLeft,
 
-export interface TooltipBorder {
+            ///To set the topright position of tile image
+            TopRight,
 
-	/** Border color of the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
+            ///To set the bottomright position of tile image
+            BottomRight,
 
-	/** Border width of the tooltip.
-	*   @Default {5}
-	*/
-	width?: number;
-}
+            ///To set the bottomleft position of tile image
+            BottomLeft,
 
-export interface TooltipFont {
-
-	/** Font color of the text in the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font Family for the tooltip.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font Style for the tooltip.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Specifies the font weight for the tooltip.
-	*   @Default {Regular}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Opacity for text in the tooltip.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for text in the tooltip.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+            ///To set the fill position of tile image
+            Fill
+        }
 
-export interface Tooltip {
 
-	/** tooltip visibility of the Sunburst.
-	*   @Default {true}
-	*/
-	visible?: boolean;
+        enum liveTileType {
 
-	/** Options for customizing the border of the sunburst tooltip.
-	*/
-	border?: TooltipBorder;
+            ///To set flip type of liveTile for tile control
+            Flip,
 
-	/** Fill color for the sunburst tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
+            ///To set slide type of liveTile for tile control
+            Slide,
 
-	/** Options for customizing the font of the tooltip.
-	*/
-	font?: TooltipFont;
+            ///To set carousel type of liveTile for tile control
+            Carousel
+        }
 
-	/** Custom template to the tooltip.
-	*   @Default {null}
-	*/
-	template?: string;
 
-	/** Setting the format for the data displayed in the tooltip
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
+        enum TileSize {
 
-	/** Sets the opacity of the dispalyed tooltip
-	*   @Default {0.95}
-	*/
-	opacity?: number;
-}
+            ///To set the medium size for tile control
+            Medium,
 
-export interface Points {
+            ///To set the small size for tile control
+            Small,
 
-	/** Points x value of the sunburst.
-	*   @Default {null}
-	*/
-	x?: string;
+            ///To set the large size for tile control
+            Large,
 
-	/** Points y value of the sunburst.
-	*   @Default {null}
-	*/
-	y?: number;
+            ///To set the wide size for tile control
+            Wide
+        }
 
-	/** Points text of the sunburst.
-	*   @Default {null}
-	*/
-	text?: string;
+    }
 
-	/** Points fill color of the sunburst.
-	*   @Default {null}
-	*/
-	fill?: string;
-}
+    class Signature extends ej.Widget {
+        static fn: Signature;
+        constructor(element: JQuery | Element, options?: Signature.Model);
+        static Locale: any;
+        model: Signature.Model;
+        defaults: Signature.Model;
 
-export interface DataLabelSettingsFont {
-
-	/** Font family of the data label.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the data label.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Font weight of the data label.
-	*   @Default {regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Opacity of the text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font color of the data label text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font size of the data label.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+        /** Clears the strokes in the signature.
+         * @returns {void}
+         */
+        clear(): void;
 
-export interface DataLabelSettings {
+        /** Destroys the signature widget.
+         * @returns {void}
+         */
+        destroy(): void;
 
-	/** Datalabel visibility of the Sunburst.
-	*   @Default {false}
-	*/
-	visible?: boolean;
+        /** Disables the signature widget.
+         * @returns {void}
+         */
+        disable(): void;
 
-	/** Alignment of sunburst datalabel
-	*   @Default {Angle. See DatalabelAlignment}
-	*/
-	labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+        /** Enables the signature widget.
+         * @returns {void}
+         */
+        enable(): void;
 
-	/** Options for customizing the data label font.
-	*/
-	font?: DataLabelSettingsFont;
+        /** Hides the signature widget.
+         * @returns {void}
+         */
+        hide(): void;
 
-	/** Custom template for datalabel
-	*   @Default {null}
-	*/
-	template?: string;
+        /** redo the last drawn stroke of the signature
+         * @returns {void}
+         */
+        redo(): void;
 
-	/** Fill color for the datalabel
-	*   @Default {null}
-	*/
-	fill?: string;
+        /** used to save the drawn image.
+         * @param {string} The file name of the signature to be downloaded.
+         * @returns {void}
+         */
+        save(Filename: string): void;
 
-	/** Datalabel overflow mode
-	*   @Default {Trim. See LabelOverflowMode}
-	*/
-	labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
-}
+        /** Used to Show the signature widget, if it is already hided.
+         * @returns {void}
+         */
+        show(): void;
 
-export interface TitleFont {
+        /** undo the last drawn stroke of the signature.
+         * @returns {void}
+         */
+        undo(): void;
+    }
+    export namespace Signature {
 
-	/** Font family for Sunburst title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+        export interface Model {
 
-	/** Font style for Sunburst title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+            /** This property is used to set the background color for the signature.
+             * @Default {#ffffff}
+             */
+            backgroundColor?: string;
 
-	/** Font weight for Sunburst title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+            /** This property is used to set the background image for the signature.
+             */
+            backgroundImage?: string;
+
+            /** Enables or disables the Signature textbox widget.
+             * @Default {true}
+             */
+            enabled?: boolean;
+
+            /** Sets the height of the Signature control.
+             * @Default {100%}
+             */
+            height?: string;
+
+            /** Enables/disables responsive support for the signature control (i.e) maintain the signature drawing during the window resizing time.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Allows the type of the image format to be saved when the signature image is saved.
+             */
+            saveImageFormat?: ej.Signature.SaveImageFormat|string;
+
+            /** Allows the signature image to be saved along with its background.
+             * @Default {false}
+             */
+            saveWithBackground?: boolean;
+
+            /** Enables or disables rounded corner.
+             * @Default {true}
+             */
+            showRoundedCorner?: boolean;
+
+            /** Sets the stroke color for the stroke of the signature.
+             * @Default {#000000}
+             */
+            strokeColor?: string;
+
+            /** Sets the stroke width for the stroke of the signature.
+             * @Default {2}
+             */
+            strokeWidth?: number;
+
+            /** Sets the width of the Signature control.
+             * @Default {100%}
+             */
+            width?: string;
+
+            /** Triggers when the stroke is changed.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Triggered when the pointer is clicked or touched in the signature canvas.
+             */
+            mouseDown?(e: MouseDownEventArgs): void;
+
+            /** Triggered when the pointer is moved in the signature canvas.
+             */
+            mouseMove?(e: MouseMoveEventArgs): void;
+
+            /** Triggered when the pointer is released after click or touch in the signature canvas.
+             */
+            mouseUp?(e: MouseUpEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Instance of the signature model object.
+             */
+            model?: ej.Signature.Model;
+
+            /** Name of the event.
+             */
+            type?: string;
+
+            /** Gives the last stored image
+             */
+            lastImage?: string;
+        }
+
+        export interface MouseDownEventArgs {
+
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Instance of the signature model object.
+             */
+            model?: ej.Signature.Model;
+
+            /** Name of the event.
+             */
+            type?: string;
+
+            /** returns all the event values
+             */
+            value?: any;
+        }
+
+        export interface MouseMoveEventArgs {
+
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Instance of the signature model object.
+             */
+            model?: ej.Signature.Model;
+
+            /** Name of the event.
+             */
+            type?: string;
+
+            /** returns all the event values
+             */
+            value?: any;
+        }
+
+        export interface MouseUpEventArgs {
+
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
+
+            /** Instance of the signature model object.
+             */
+            model?: ej.Signature.Model;
+
+            /** Name of the event.
+             */
+            type?: string;
+
+            /** returns all the event values
+             */
+            value?: any;
+        }
+
+        enum SaveImageFormat {
+
+            ///To save the signature image with PNG format only.
+            PNG,
+
+            ///To save the signature image with JPG format only.
+            JPG,
+
+            ///To save the signature image with BMP format only.
+            BMP,
+
+            ///To save the signature image with TIFF format only.
+            TIFF
+        }
+
+    }
+
+    class RadialSlider extends ej.Widget {
+        static fn: RadialSlider;
+        constructor(element: JQuery | Element, options?: RadialSlider.Model);
+        static Locale: any;
+        model: RadialSlider.Model;
+        defaults: RadialSlider.Model;
+
+        /** To show the radialslider
+         * @returns {void}
+         */
+        show(): void;
+
+        /** To hide the radialslider
+         * @returns {void}
+         */
+        hide(): void;
+    }
+    export namespace RadialSlider {
+
+        export interface Model {
+
+            /** To show the RadialSlider in initial render.
+             * @Default {false}
+             */
+            autoOpen?: boolean;
+
+            /** Sets the root class for RadialSlider theme. This cssClass API helps to use custom skinning option for RadialSlider control. By defining the root class using this API, we need to
+             * include this root class in CSS.
+             */
+            cssClass?: string;
+
+            /** To enable Animation for Radial Slider.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Enable/Disable the Roundoff property of RadialSlider
+             * @Default {true}
+             */
+            enableRoundOff?: boolean;
+
+            /** Specifies the endAngle value for radial slider circle.
+             * @Default {360}
+             */
+            endAngle?: number;
+
+            /** Specifies the inline for label show or not on given radius.
+             * @Default {false}
+             */
+            inline?: boolean;
+
+            /** Specifies innerCircleImageClass, using this property we can give images for center radial circle through CSS classes.
+             * @Default {null}
+             */
+            innerCircleImageClass?: string;
+
+            /** Specifies the file name of center circle icon
+             * @Default {null}
+             */
+            innerCircleImageUrl?: string;
+
+            /** Specifies the Space between the radial slider element and the label.
+             * @Default {30}
+             */
+            labelSpace?: number;
+
+            /** Specifies the radius of radial slider
+             * @Default {200}
+             */
+            radius?: number;
+
+            /** To show the RadialSlider inner circle.
+             * @Default {true}
+             */
+            showInnerCircle?: boolean;
+
+            /** Specifies the endAngle value for radial slider circle.
+             * @Default {0}
+             */
+            startAngle?: number;
+
+            /** Specifies the  strokeWidth for customize the needle, outer circle and inner circle.
+             * @Default {2}
+             */
+            strokeWidth?: number;
+
+            /** Specifies the ticks value of radial slider
+             */
+            ticks?: any[];
+
+            /** Specifies the value of radial slider
+             * @Default {10}
+             */
+            value?: number;
+
+            /** Event triggers when the change occurs.
+             */
+            change?(e: ChangeEventArgs): void;
+
+            /** Event triggers when the radial slider is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Event triggers when the mouse pointer is dragged over the radial slider.
+             */
+            mouseover?(e: MouseoverEventArgs): void;
+
+            /** Event triggers when the Radial slider slides.
+             */
+            slide?(e: SlideEventArgs): void;
+
+            /** Event triggers when the radial slider starts.
+             */
+            start?(e: StartEventArgs): void;
+
+            /** Event triggers when the radial slider stops.
+             */
+            stop?(e: StopEventArgs): void;
+        }
+
+        export interface ChangeEventArgs {
+
+            /** returns the Radialslider model
+             */
+            model?: any;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the initial value of Radial slider
+             */
+            oldValue?: number;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current value of the Radial slider
+             */
+            value?: number;
+        }
+
+        export interface CreateEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialslider model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface MouseoverEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialslider model
+             */
+            model?: any;
+
+            /** returns the value selected
+             */
+            selectedValue?: number;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current value selected in Radial slider
+             */
+            value?: number;
+        }
+
+        export interface SlideEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialslider model
+             */
+            model?: any;
+
+            /** returns the value selected in Radial slider
+             */
+            selectedValue?: number;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the currently selected value
+             */
+            value?: number;
+        }
+
+        export interface StartEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialslider model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current value selected in Radial slider
+             */
+            value?: number;
+        }
+
+        export interface StopEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the Radialslider model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** returns the current value selected in Radial slider
+             */
+            value?: number;
+        }
+    }
+
+    class Spreadsheet extends ej.Widget {
+        static fn: Spreadsheet;
+        constructor(element: JQuery | Element, options?: Spreadsheet.Model);
+        static Locale: any;
+        model: Spreadsheet.Model;
+        defaults: Spreadsheet.Model;
+
+        /** This method is used to add custom formulas in Spreadsheet.
+         * @param {string} Pass the name of the formula.
+         * @param {string} Pass the name of the function.
+         * @returns {void}
+         */
+        addCustomFormula(formulaName: string, functionName: string): void;
+
+        /** This method is used to add a new sheet in the last position of the sheet container.
+         * @returns {void}
+         */
+        addNewSheet(): void;
+
+        /** It is used to clear all the data and format in the specified range of cells in Spreadsheet.
+         * @param {string|any[]} Optional. If range is specified, then it will clear all content in the specified range else it will use the current selected range.
+         * @returns {void}
+         */
+        clearAll(range?: string|any[]): void;
+
+        /** This property is used to clear all the formats applied in the specified range in Spreadsheet.
+         * @param {string|any[]} Optional. If range is specified, then it will clear all format in the specified range else it will use the current selected range.
+         * @returns {void}
+         */
+        clearAllFormat(range?: string|any[]): void;
+
+        /** Used to clear the applied border in the specified range in Spreadsheet.
+         * @param {string|any[]} Optional. If range is specified, then it will clear border in the specified range else it will use the current selected range.
+         * @returns {void}
+         */
+        clearBorder(range?: string|any[]): void;
+
+        /** This property is used to clear the contents in the specified range in Spreadsheet.
+         * @param {string|any[]} Optional. If the range is specified, then it will clear the content in the specified range else it will use the current selected range.
+         * @returns {void}
+         */
+        clearContents(range?: string|any[]): void;
+
+        /** This method is used to remove only the data in the range denoted by the specified range name.
+         * @param {string} Pass the defined rangeSettings property name.
+         * @returns {void}
+         */
+        clearRange(rangeName: string): void;
+
+        /** It is used to remove data in the specified range of cells based on the defined property.
+         * @param {any[]|string} Optional. If range is specified, it will clear data for the specified range else it will use the current selected range.
+         * @param {string} Optional. If property is specified, it will remove the specified property in the range else it will remove default properties
+         * @param {any} Optional.
+         * @param {boolean} Optional. pass {{'`true`' | markdownify}}, if you want to skip the hidden rows
+         * @param {any} Optional. Pass the status to perform undo and redo operation.
+         * @param {any} Optional. It specifies whether to skip element processing or not.
+         * @returns {void}
+         */
+        clearRangeData(range?: any[]|string, property?: string, cells?: any, skipHiddenRow?: boolean, status?: any, skipCell?: any): void;
+
+        /** This method is used to clear undo and redo collections in the Spreadsheet.
+         * @returns {void}
+         */
+        clearUndoRedo(): void;
+
+        /** This method is used to copy or move the sheets in Spreadsheet.
+         * @param {number} Pass the sheet index that you want to copy or move.
+         * @param {number} Pass the position index where you want to copy or move.
+         * @param {boolean} Pass {{'`true`' | markdownify}},If you want to copy sheet or else it will move sheet.
+         * @returns {void}
+         */
+        copySheet(fromIdx: number, toIdx: number, isCopySheet: boolean): void;
+
+        /** This method is used to delete the entire column which is selected.
+         * @param {number} Pass the start column index.
+         * @param {number} Pass the end column index.
+         * @returns {void}
+         */
+        deleteEntireColumn(startCol: number, endCol: number): void;
+
+        /** This method is used to delete the entire row which is selected.
+         * @param {number} Pass the start row index.
+         * @param {number} Pass the end row index.
+         * @returns {void}
+         */
+        deleteEntireRow(startRow: number, endRow: number): void;
+
+        /** This method is used to delete a particular sheet in the Spreadsheet.
+         * @param {number} Pass the sheet index to perform delete action.
+         * @returns {void}
+         */
+        deleteSheet(idx: number): void;
+
+        /** This method is used to delete the selected cells and shift the remaining cells to left.
+         * @param {any} Row index and column index of the starting cell.
+         * @param {any} Row index and column index of the ending cell.
+         * @returns {void}
+         */
+        deleteShiftLeft(startCell: any, endCell: any): void;
+
+        /** This method is used to delete the selected cells and shift the remaining cells up.
+         * @param {any} Row index and column index of the start cell.
+         * @param {any} Row index and column index of the end cell.
+         * @returns {void}
+         */
+        deleteShiftUp(startCell: any, endCell: any): void;
+
+        /** This method is used to edit data in the specified range of cells based on its corresponding rangeSettings.
+         * @param {string} Pass the defined rangeSettings property name.
+         * @param {() => void} Pass the function that you want to perform range edit.
+         * @returns {void}
+         */
+        editRange(rangeName: string, fn: () => void): void;
+
+        /** This method is used to get the activation panel in the Spreadsheet.
+         * @returns {HTMLElement}
+         */
+        getActivationPanel(): HTMLElement;
+
+        /** This method is used to get the active cell object in Spreadsheet. It will returns object which contains rowIndex and colIndex of the active cell.
+         * @param {number} Optional. If sheetIdx is specified, it will return the active cell object in specified sheet index else it will use the current sheet index
+         * @returns {any}
+         */
+        getActiveCell(sheetIdx?: number): any;
+
+        /** This method is used to get the active cell element based on the given sheet index in the Spreadsheet.
+         * @param {number} Optional. If sheetIndex is specified, it will return the active cell element in specified sheet index else it will use the current active sheet index.
+         * @returns {HTMLElement}
+         */
+        getActiveCellElem(sheetIdx?: number): HTMLElement;
+
+        /** This method is used to get the current active sheet index in Spreadsheet.
+         * @returns {number}
+         */
+        getActiveSheetIndex(): number;
+
+        /** This method is used to get the auto fill element in Spreadsheet.
+         * @returns {HTMLElement}
+         */
+        getAutoFillElem(): HTMLElement;
+
+        /** This method is used to get the cell element based on specified row and column index in the Spreadsheet.
+         * @param {number} Pass the row index.
+         * @param {number} Pass the column index.
+         * @param {number} Optional. Pass the sheet index that you want to get cell.
+         * @returns {HTMLElement}
+         */
+        getCell(rowIdx: number, colIdx: number, sheetIdx?: number): HTMLElement;
+
+        /** This method is used to get the data settings in the Spreadsheet.
+         * @param {number} Pass the sheet index.
+         * @returns {number}
+         */
+        getDataSettings(sheetIdx: number): number;
+
+        /** This method is used to get the frozen columns index in the Spreadsheet.
+         * @param {number} Pass the sheet index.
+         * @returns {number}
+         */
+        getFrozenColumns(sheetIdx: number): number;
+
+        /** This method is used to get the frozen row index in Spreadsheet.
+         * @param {number} Pass the sheet index.
+         * @returns {number}
+         */
+        getFrozenRows(sheetIdx: number): number;
+
+        /** This method is used to get the hyperlink data as object from the specified cell in Spreadsheet.
+         * @param {HTMLElement} Pass the DOM element to get hyperlink
+         * @returns {any}
+         */
+        getHyperlink(cell: HTMLElement): any;
+
+        /** This method is used to get all cell elements in the specified range.
+         * @param {string} Pass the range that you want to get the cells.
+         * @param {number} Pass the index of the sheet.
+         * @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
+         * @returns {HTMLElement}
+         */
+        getRange(range: string, sheetIdx: number, skipHiddenRow?: boolean): HTMLElement;
+
+        /** This method is used to get the data in specified range in Spreadsheet.
+         * @param {any} Optional. Pass the range, property, sheetIdx, valueOnly in options.
+         * @returns {any[]}
+         */
+        getRangeData(options?: any): any[];
+
+        /** This method is used to get the range indices array based on the specified alpha range in Spreadsheet.
+         * @param {string} Pass the alpha range that you want to get range indices.
+         * @returns {any[]}
+         */
+        getRangeIndices(range: string): any[];
+
+        /** This method is used to get the sheet details based on the given sheet index in Spreadsheet.
+         * @param {number} Pass the sheet index to get the sheet object.
+         * @returns {any}
+         */
+        getSheet(sheetIdx: number): any;
+
+        /** This method is used to get the sheet content div element of Spreadsheet.
+         * @param {number} Pass the sheet index to get the sheet content.
+         * @returns {HTMLElement}
+         */
+        getSheetElement(sheetIdx: number): HTMLElement;
+
+        /** This method is used to get all the sheets in workbook.
+         * @returns {any[]}
+         */
+        getSheets(): any[];
+
+        /** This method is used to send a paging request to the specified sheet Index in the Spreadsheet.
+         * @param {number} Pass the sheet index to perform paging at specified sheet index
+         * @param {boolean} Pass {{'`true`' | markdownify}} to create a new sheet. If the specified sheet index is already exist, it navigate to that sheet else it create a new sheet.
+         * @returns {void}
+         */
+        gotoPage(sheetIdx: number, newSheet: boolean): void;
+
+        /** This method is used to hide the pivot table activationPanel in the Spreadsheet.
+         * @returns {void}
+         */
+        hideActivationPanel(): void;
+
+        /** This method is used to hide the entire columns from the specified range (startCol, endCol) in Spreadsheet.
+         * @param {number} Index of the start column.
+         * @param {number} Optional. Index of the end column.
+         * @returns {void}
+         */
+        hideColumn(startCol: number, endCol: number): void;
+
+        /** This method is used to hide the formula bar in Spreadsheet.
+         * @returns {void}
+         */
+        hideFormulaBar(): void;
+
+        /** This method is used to hide the rows, based on the specified row index in Spreadsheet.
+         * @param {number} Index of the start row.
+         * @param {number}  Optional. Index of the end row.
+         * @returns {void}
+         */
+        hideRow(startRow: number, endRow: number): void;
+
+        /** This method is used to hide the sheet based on the specified sheetIndex or sheet name in the Spreadsheet.
+         * @param {string|number} Pass the sheet name or index that you want to hide.
+         * @returns {void}
+         */
+        hideSheet(sheetIdx: string|number): void;
+
+        /** This method is used to hide the displayed waiting pop-up in Spreadsheet.
+         * @returns {void}
+         */
+        hideWaitingPopUp(): void;
+
+        /** This method is used to insert a column before the active cell's column in the Spreadsheet.
+         * @param {number} Pass start column.
+         * @param {number} Pass end column.
+         * @returns {void}
+         */
+        insertEntireColumn(startCol: number, endCol: number): void;
+
+        /** This method is used to insert a row before the active cell's row in the Spreadsheet.
+         * @param {number} Pass start row.
+         * @param {number} Pass end row.
+         * @returns {void}
+         */
+        insertEntireRow(startRow: number, endRow: number): void;
+
+        /** This method is used to insert a new sheet to the left of the current active sheet.
+         * @returns {void}
+         */
+        insertSheet(): void;
+
+        /** This method is used to insert cells in the selected or specified range and shift remaining cells to bottom.
+         * @param {any} Row index and column index of the start cell.
+         * @param {any} Row index and column index of the end cell.
+         * @returns {void}
+         */
+        insertShiftBottom(startCell: any, endCell: any): void;
+
+        /** This method is used to insert cells in the selected or specified range and shift remaining cells to right.
+         * @param {any} Row index and column index of the start cell.
+         * @param {any} Row index and column index of the end cell.
+         * @returns {void}
+         */
+        insertShiftRight(startCell: any, endCell: any): void;
+
+        /** This method is used to import excel file manually by using form data.
+         * @param {any} Pass the form data object to import files manually.
+         * @returns {void}
+         */
+        import(importRequest: any): void;
+
+        /** This method is used to load JSON data in Spreadsheet.
+         * @param {any} Pass the response that you want to load.
+         * @returns {void}
+         */
+        loadFromJSON(response: any): void;
+
+        /** This method is used to lock/unlock the range of cells in active sheet. Lock cells are activated only after the sheet is protected. Once the sheet is protected it is unable to
+         * lock/unlock cells.
+         * @param {string|any[]} Pass the alpha range cells or array range of cells.
+         * @param {string} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} locked cells are unlocked.
+         * @returns {void}
+         */
+        lockCells(range: string|any[], isLocked?: string): void;
+
+        /** This method is used to merge cells by across in the Spreadsheet.
+         * @param {string} Optional. To pass the cell range or selected cells are process.
+         * @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
+         * @returns {void}
+         */
+        mergeAcrossCells(range?: string, alertStatus?: boolean): void;
+
+        /** This method is used to merge the selected cells in the Spreadsheet.
+         * @param {string|any[]} Optional. To pass the cell range or selected cells are process.
+         * @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
+         * @returns {void}
+         */
+        mergeCells(range?: string|any[], alertStatus?: boolean): void;
+
+        /** This method is used to select a cell or range in the Spreadsheet.
+         * @param {any} Pass the start cell to perform selection.
+         * @param {any} Pass the end cell to perform selection.
+         * @returns {void}
+         */
+        performSelection(startCell: any, endCell: any): void;
+
+        /** This method is used to protect or unprotect active sheet.
+         * @param {boolean} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} active sheet is unprotected.
+         * @returns {void}
+         */
+        protectSheet(isProtected?: boolean): void;
+
+        /** This method is used to refresh the content in Spreadsheet.
+         * @param {number} Pass the index of the sheet.
+         * @returns {void}
+         */
+        refreshContent(sheetIdx: number): void;
+
+        /** This method is used to refresh the Spreadsheet.
+         * @returns {void}
+         */
+        refreshSpreadsheet(): void;
+
+        /** This method is used to remove custom formulae in Spreadsheet.
+         * @param {string} Pass the name of the formula.
+         * @param {string} Pass the name of the function.
+         * @returns {void}
+         */
+        removeCustomFormula(formulaName: string, functionName: string): void;
+
+        /** This method is used to remove the hyperlink from selected cells of current sheet.
+         * @param {string} Hyperlink remove from the specified range.
+         * @param {boolean} Optional. If it is {{'`true`' | markdownify}}, It will clear link only not format.
+         * @param {boolean} Optional. Pass the status to perform undo and redo operations.
+         * @param {any} Optional. Pass the cells that you want to remove hyperlink.
+         * @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
+         * @returns {void}
+         */
+        removeHyperlink(range: string, isClearHLink?: boolean, status?: boolean, cells?: any, skipHiddenRow?: boolean): void;
+
+        /** This method is used to remove the range data and its defined rangeSettings property based on the specified range name.
+         * @param {string} Pass the defined rangeSetting property name.
+         * @returns {void}
+         */
+        removeRange(rangeName: string): void;
+
+        /** This method is used to remove the readonly option for the specified range.
+         * @param {string|any[]} Pass the range.
+         * @returns {void}
+         */
+        removeReadOnly(range?: string|any[]): void;
+
+        /** This method is used to save JSON data in Spreadsheet.
+         * @returns {any}
+         */
+        saveAsJSON(): any;
+
+        /** This method is used to save batch changes in Spreadsheet.
+         * @param {number} Pass the sheet index for Spreadsheet.
+         * @returns {void}
+         */
+        saveBatchChanges(sheetIdx: number): void;
+
+        /** This method is used to set the active cell in the Spreadsheet.
+         * @param {number} Pass the row index.
+         * @param {number} Pass the column index.
+         * @param {number} Pass the index of the sheet.
+         * @returns {void}
+         */
+        setActiveCell(rowIdx: number, colIdx: number, sheetIdx: number): void;
+
+        /** This method is used to set active sheet index for the Spreadsheet.
+         * @param {number} Pass the active sheet index for Spreadsheet.
+         * @returns {void}
+         */
+        setActiveSheetIndex(sheetIdx: number): void;
+
+        /** This method is used to set border for the specified range of cells in the Spreadsheet.
+         * @param {any} Pass the border properties that you want to set.
+         * @param {string} Optional. If range is specified, it will set border for the specified range else it will use the selected range.
+         * @returns {void}
+         */
+        setBorder(property: any, range?: string): void;
+
+        /** This method is used to set the height for the rows in the Spreadsheet.
+         * @param {any[]|any} Pass the row index and height of the rows.
+         * @returns {void}
+         */
+        setHeightToRows(heightColl: any[]|any): void;
+
+        /** This method is used to set the hyperlink in selected cells of the current sheet.
+         * @param {string|any[]} If range is specified, it will set the hyperlink in range of the cells.
+         * @param {any} Pass cellAddress or webAddress
+         * @param {number} If we pass cellAddress then which sheet to be navigate in the applied link.
+         * @returns {void}
+         */
+        setHyperlink(range: string|any[], link: any, sheetIdx: number): void;
+
+        /** This method is used to set the readonly option for the specified range.
+         * @param {string|any[]} Pass the range.
+         * @returns {void}
+         */
+        setReadOnly(range?: string|any[]): void;
+
+        /** This method is used to set the focus to the Spreadsheet.
+         * @returns {void}
+         */
+        setSheetFocus(): void;
+
+        /** This method is used to set the width for the columns in the Spreadsheet.
+         * @param {any[]|any} Pass the column index and width of the columns.
+         * @returns {void}
+         */
+        setWidthToColumns(widthColl: any[]|any): void;
+
+        /** This method is used to rename the active sheet.
+         * @param {string} Pass the sheet name that you want to change the current active sheet name.
+         * @returns {void}
+         */
+        sheetRename(sheetName: string): void;
+
+        /** This method is used to display the activationPanel for the specified range name.
+         * @param {string} Pass the range name that you want to display the activation panel.
+         * @returns {void}
+         */
+        showActivationPanel(rangeName: string): void;
+
+        /** This method is used to show the hidden columns within the specified range in the Spreadsheet.
+         * @param {number} Index of the start column.
+         * @param {number} Optional. Index of the end column.
+         * @returns {void}
+         */
+        showColumn(startColIdx: number, endColIdx: number): void;
+
+        /** This method is used to show the formula bar in Spreadsheet.
+         * @returns {void}
+         */
+        showFormulaBar(): void;
+
+        /** This method is used to show/hide gridlines in active sheet in the Spreadsheet.
+         * @param {boolean} Pass {{'`true`' | markdownify}} to show the gridlines
+         * @returns {void}
+         */
+        showGridlines(status: boolean): void;
+
+        /** This method is used to show/hide the headers in active sheet in the Spreadsheet.
+         * @param {boolean} Pass {{'`true`' | markdownify}} to show the sheet headers.
+         * @returns {void}
+         */
+        showHeadings(startRow: boolean): void;
+
+        /** This method is used to show/hide pager in the Spreadsheet.
+         * @param {boolean} Pass {{'`true`' | markdownify}} to show pager.
+         * @returns {void}
+         */
+        showPager(status: boolean): void;
+
+        /** This method is used to show the hidden rows in the specified range in the Spreadsheet.
+         * @param {number} Index of the start row.
+         * @param {number} Optional. Index of the end row.
+         * @returns {void}
+         */
+        showRow(startRow: number, endRow: number): void;
+
+        /** This method is used to show waiting pop-up in Spreadsheet.
+         * @returns {void}
+         */
+        showWaitingPopUp(): void;
+
+        /** This method is used to unhide the sheet based on specified sheet name or sheet index.
+         * @param {string|number} Pass the sheet name or index that you want to unhide.
+         * @returns {void}
+         */
+        unhideSheet(sheetInfo: string|number): void;
+
+        /** This method is used to unmerge the selected range of cells in the Spreadsheet.
+         * @param {string} Optional. If the range is specified, then it will un merge the specified range else it will use the current selected range.
+         * @returns {void}
+         */
+        unmergeCells(range?: string): void;
+
+        /** This method is used to unwrap the selected range of cells in the Spreadsheet.
+         * @param {any[]|string} Optional. If the range is specified, then it will update unwrap in the specified range else it will use the current selected range.
+         * @returns {void}
+         */
+        unWrapText(range?: any[]|string): void;
+
+        /** This method is used to update the data for the specified range of cells in the Spreadsheet.
+         * @param {any} Pass the cells data that you want to update.
+         * @param {any[]|string} Optional. If range is specified, it will update data for the specified range  else it will use the current selected range.
+         * @returns {void}
+         */
+        updateData(data: any, range?: any[]|string): void;
+
+        /** This method is used to update the formula bar in the Spreadsheet.
+         * @returns {void}
+         */
+        updateFormulaBar(): void;
+
+        /** This method is used to update the range of cells based on the specified settings which we want to update in the Spreadsheet.
+         * @param {number} Pass the sheet index that you want to update.
+         * @param {any} Pass the dataSource, startCell and showHeader values as settings.
+         * @returns {void}
+         */
+        updateRange(sheetIdx: number, settings: any): void;
+
+        /** This method is used to update the details for custom undo and redo operations.
+         * @param {any} Pass the details to update undo and redo collection
+         * @returns {void}
+         */
+        updateUndoRedoCollection(details: any): void;
+
+        /** This method is used to update the unique data for the specified range of cells in Spreadsheet.
+         * @param {any} Pass the  data that you want to update in the particular range
+         * @param {any[]|string} Optional. If range is specified, it will update data for the specified range else it will use the current selected range.
+         * @param {any} Optional. It specifies whether to skip element processing or not.
+         * @returns {void}
+         */
+        updateUniqueData(data: any, range?: any[]|string, skipCell?: any): void;
+
+        /** This method is used to wrap the selected range of cells in the Spreadsheet.
+         * @param {any[]|string} Optional. If the range is specified, then it will update wrap in the specified  range else it will use the current selected range.
+         * @returns {void}
+         */
+        wrapText(range?: any[]|string): void;
+
+        XLCellType: Spreadsheet.XLCellType;
+
+        XLCFormat: Spreadsheet.XLCFormat;
+
+        XLChart: Spreadsheet.XLChart;
+
+        XLClipboard: Spreadsheet.XLClipboard;
+
+        XLComment: Spreadsheet.XLComment;
+
+        XLCMenu: Spreadsheet.XLCMenu;
+
+        XLDragDrop: Spreadsheet.XLDragDrop;
+
+        XLDragFill: Spreadsheet.XLDragFill;
+
+        XLEdit: Spreadsheet.XLEdit;
+
+        XLExport: Spreadsheet.XLExport;
+
+        /** This method is used to get the export properties in the Spreadsheet.
+         * @returns {any}
+         */
+        getExportProps(): any;
+
+        XLFilter: Spreadsheet.XLFilter;
+
+        XLFormat: Spreadsheet.XLFormat;
+
+        XLFreeze: Spreadsheet.XLFreeze;
+
+        /** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
+         * @returns {void}
+         */
+        unfreezePanes(): void;
+
+        XLPivot: Spreadsheet.XLPivot;
+
+        XLPrint: Spreadsheet.XLPrint;
+
+        XLResize: Spreadsheet.XLResize;
+
+        XLRibbon: Spreadsheet.XLRibbon;
+
+        XLSearch: Spreadsheet.XLSearch;
+
+        XLSelection: Spreadsheet.XLSelection;
+
+        XLShape: Spreadsheet.XLShape;
+
+        XLSort: Spreadsheet.XLSort;
+
+        XLValidate: Spreadsheet.XLValidate;
+    }
+    export namespace Spreadsheet {
+
+        export interface XLCellType {
+
+            /** This method is used to set a cell type from the specified range of cells in the spreadsheet.
+             * @param {string} Pass the range where you want apply cell type.
+             * @param {any} Pass type of cell type and its settings.
+             * @param {number} Optional. Pass sheet index.
+             * @returns {void}
+             */
+            addCellTypes(range: string, settings: any, sheetIdx: number): void;
+
+            /** This method is used to remove cell type from the specified range of cells in the Spreadsheet.
+             * @param {string|any[]} Pass the range where you want remove cell type.
+             * @param {number} Optional. Pass sheet index.
+             * @returns {void}
+             */
+            removeCellTypes(range: string|any[], sheetIdx: number): void;
+        }
+
+        export interface XLCFormat {
+
+            /** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
+             * @param {any[]|string} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
+             * @returns {void}
+             */
+            clearCF(range: any[]|string): void;
+
+            /** This method is used to get the applied conditional formatting rules as array of objects based on the specified row Index and column Index in the Spreadsheet.
+             * @param {number} Pass the row index.
+             * @param {number} Pass the column index.
+             * @returns {any[]}
+             */
+            getCFRule(rowIdx: number, colIdx: number): any[];
+
+            /** This method is used to set the conditional formatting rule in the Spreadsheet.
+             * @param {any} Pass the rule to set.
+             * @returns {void}
+             */
+            setCFRule(rule: any): void;
+        }
+
+        export interface XLChart {
+
+            /** This method is used to change the theme of the chart in the Spreadsheet.
+             * @param {string} Pass the chart id.
+             * @param {ej.datavisualization.Chart.Theme} Pass the chart theme which want to update.
+             * @returns {void}
+             */
+            changeTheme(chartId: string, theme: ej.datavisualization.Chart.Theme): void;
+
+            /** This method is used to change the type of the chart in the Spreadsheet.
+             * @param {string} Pass the chart id.
+             * @param {any} Pass the chart type.
+             * @returns {void}
+             */
+            changeType(chartId: string, option: any): void;
+
+            /** This method is used to change the data range of the chart in the Spreadsheet.
+             * @param {string} Pass the chart id.
+             * @param {string} X axis range of chart data.
+             * @param {string} Y axis range of chart data.
+             * @param {string} Legend range of chart data.
+             * @returns {void}
+             */
+            changeDataRange(chartId: string, xRange: string, yRange: string, lRange: string): void;
+
+            /** This method is used to create a chart for specified range in Spreadsheet.
+             * @param {string|any[]} Optional. If range is specified, it will create chart for the specified range else it will use the current selected range.
+             * @param {any} Optional. To pass the type of chart and chart name.
+             * @returns {void}
+             */
+            createChart(range: string|any[], options: any): void;
+
+            /** This method is used to refresh the chart in the Spreadsheet.
+             * @param {string} To pass the chart Id.
+             * @param {any} To pass the type of chart and chart name.
+             * @returns {void}
+             */
+            refreshChart(id: string, options: any): void;
+
+            /** This method is used to resize the chart of specified id in the Spreadsheet.
+             * @param {string} To pass the chart id.
+             * @param {number} To pass height value.
+             * @param {number} To pass the width value.
+             * @returns {void}
+             */
+            resizeChart(id: string, height: number, width: number): void;
+
+            /** This method is used to update the chart element, such as axes, titles, data labels, grid lines and legends in the Spreadsheet.
+             * @param {string} Pass the chart id.
+             * @param {ej.Spreadsheet.ChartProperties} Pass chart element value which you want to update.
+             * @returns {void}
+             */
+            updateChartElement(chartId: string, value: ej.Spreadsheet.ChartProperties): void;
+
+            /** This method is used switch row to columns and vice versa for chart in the Spreadsheet. So that the data is displayed in the chart the way you want.
+             * @param {string} Pass the chart id.
+             * @returns {void}
+             */
+            switchRowColumn(chartId: string): void;
+        }
+
+        export interface XLClipboard {
+
+            /** This method is used to copy the selected cells in the Spreadsheet.
+             * @returns {void}
+             */
+            copy(): void;
+
+            /** This method is used to cut the selected cells in the Spreadsheet.
+             * @returns {void}
+             */
+            cut(): void;
+
+            /** This method is used to paste the cut or copied cells data in the Spreadsheet.
+             * @returns {void}
+             */
+            paste(): void;
+        }
+
+        export interface XLComment {
+
+            /** This method is used to delete the comment in the specified range in Spreadsheet.
+             * @param {any[]|string} Optional. If range is specified, it will delete comments for the specified range else it will use the current selected range.
+             * @param {number} Optional. If sheetIdx is specified, it will delete comment in specified sheet else it will use active sheet.
+             * @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows data.
+             * @returns {void}
+             */
+            deleteComment(range: any[]|string, sheetIdx: number, skipHiddenRow: boolean): void;
+
+            /** This method is used to edit the comment in the target Cell in Spreadsheet.
+             * @param {any} Optional. Pass the row index and column index of the cell which contains comment.
+             * @returns {void}
+             */
+            editComment(targetCell: any): void;
+
+            /** This method is used to find the next comment from the active cell in Spreadsheet.
+             * @returns {boolean}
+             */
+            findNextComment(): boolean;
+
+            /** This method is used to find the previous comment from the active cell in Spreadsheet.
+             * @returns {boolean}
+             */
+            findPrevComment(): boolean;
+
+            /** This method is used to get comment data for the specified cell.
+             * @param {HTMLElement} Pass the DOM element to get comment data as object.
+             * @returns {any}
+             */
+            getComment(cell: HTMLElement): any;
+
+            /** This method is used to set new comment in Spreadsheet.
+             * @param {string|any[]} Optional. If we pass the range comment will set in the range otherwise it will set with selected cells.
+             * @param {string} Optional. Pass the comment data.
+             * @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show comment in edit mode
+             * @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show the user name
+             * @returns {void}
+             */
+            setComment(range: string|any[], data: string, showEditPanel: boolean, showUserName: boolean): void;
+
+            /** This method is used to show all the comments in the Spreadsheet.
+             * @returns {void}
+             */
+            showAllComments(): void;
+
+            /** This method is used to show or hide the specific comment in the Spreadsheet.
+             * @param {HTMLElement} Optional. Pass the cell DOM element to show or hide its comment. If pass empty argument active cell will processed.
+             * @returns {void}
+             */
+            showHideComment(targetCell: HTMLElement): void;
+        }
+
+        export interface XLCMenu {
+
+            /** This method is used to dynamically add items in the context menu.
+             * @param {string} Specifies the context menu type in which the item to be inserted.
+             * @param {any[]} Pass the items to be inserted
+             * @param {string} Specifies the type of operation to be performed
+             * @returns {void}
+             */
+            addItem(target: string, itemColl: any[], operation: string): void;
+
+            /** This method is used to change data source in the context menu.
+             * @param {string} Specifies the context menu type to bind the data source.
+             * @param {any[]} Pass the data source to be binded
+             * @returns {void}
+             */
+            changeDataSource(target: string, data: any[]): void;
+
+            /** This method is used to disable the items in the context menu.
+             * @param {string} Specifies the context menu type in which the item to be disabled.
+             * @param {any[]} Specifies the Menu Item id collection to be disabled
+             * @returns {void}
+             */
+            disableItem(target: string, idxColl: any[]): void;
+
+            /** This method is used to enable the items in the context menu.
+             * @param {string} Specifies the context menu type in which the item to be enabled.
+             * @param {any[]} Specifies the Menu Item id collection to be enabled
+             * @returns {void}
+             */
+            enableItem(target: string, idxColl: any[]): void;
+
+            /** This method is used to remove the items in the context menu.
+             * @param {string} Specifies the context menu type in which the item to be removed.
+             * @param {any[]} Specifies the Menu Item id collection to be removed
+             * @returns {void}
+             */
+            removeItem(target: string, idxColl: any[]): void;
+        }
+
+        export interface XLDragDrop {
+
+            /** This method is used to drag and drop the selected range of cells to destination range in the Spreadsheet.
+             * @param {any|any[]} Pass the source range to perform drag and drop.
+             * @param {any|any[]} Pass the destination range to drop the dragged cells.
+             * @returns {void}
+             */
+            moveRangeTo(sourceRange: any|any[], destinationRange: any|any[]): void;
+        }
+
+        export interface XLDragFill {
+
+            /** This method is used to perform auto fill in Spreadsheet.
+             * @param {any} Pass the options to perform auto fill in Spreadsheet.
+             * @returns {void}
+             */
+            autoFill(options: any): void;
+
+            /** This method is used to hide the auto fill element in the Spreadsheet.
+             * @returns {void}
+             */
+            hideAutoFillElement(): void;
+
+            /** This method is used to hide the auto fill options in the Spreadsheet.
+             * @returns {void}
+             */
+            hideAutoFillOptions(): void;
+
+            /** This method is used to set position of the auto fill element in the Spreadsheet.
+             * @param {boolean} Pass the isDragFill option as {{'`boolean`' | markdownify}} value to show auto fill options in Spreadsheet.
+             * @returns {void}
+             */
+            positionAutoFillElement(isDragFill: boolean): void;
+        }
+
+        export interface XLEdit {
+
+            /** This method is used to calculate formulas in the specified sheet.
+             * @param {number} Optional. If sheet index is specified, then it will calculate formulas in the specified sheet only else it will calculate formulas in all sheets.
+             * @returns {void}
+             */
+            calcNow(sheetIdx: number): void;
+
+            /** This method is used to edit a particular cell based on the row index and column index in the Spreadsheet.
+             * @param {number} Pass the row index to edit particular cell.
+             * @param {number} Pass the column index to edit particular cell.
+             * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to maintain previous cell value.
+             * @returns {void}
+             */
+            editCell(rowIdx: number, colIdx: number, oldData: boolean): void;
+
+            /** This method is used to get the property value of particular cell, based on the row and column index in the Spreadsheet.
+             * @param {number} Pass the row index to get the property value.
+             * @param {number} Pass the column index to get the property value.
+             * @param {string} Optional. Pass the property name that you want("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture",
+             * "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader",  "filterState", "tableName", "comment", "formatStr", "decimalPlaces",
+             * "cellType").
+             * @param {number} Optional. Pass the index of the sheet.
+             * @returns {any|string|any[]}
+             */
+            getPropertyValue(rowIdx: number, colIdx: number, prop: string, sheetIdx: number): any|string|any[];
+
+            /** This method is used to get the property value in specified cell in Spreadsheet.
+             * @param {HTMLElement} Pass the cell element to get property value.
+             * @param {string} Pass the property name that you want ("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture", "chart",
+             * "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader", "filterState", "tableName", "comment", "formatStr", "decimalPlaces",
+             * "cellType").
+             * @param {number} Pass the index of sheet.
+             * @returns {any|string|any[]}
+             */
+            getPropertyValueByElem(elem: HTMLElement, property: string, sheetIdx: number): any|string|any[];
+
+            /** This method is used to save the edited cell value in the Spreadsheet.
+             * @returns {void}
+             */
+            saveCell(): void;
+
+            /** This method is used to update a particular cell value in the Spreadsheet.
+             * @param {any} Pass row index and column index of the cell.
+             * @param {string|number} Pass the cell value.
+             * @returns {void}
+             */
+            updateCell(cell: any, value: string|number): void;
+
+            /** This method is used to update a particular cell value and its format in the Spreadsheet.
+             * @param {any} Pass row index and column index of the cell.
+             * @param {string|number} Pass the cell value.
+             * @param {string} Pass the class name to update format.
+             * @param {number} Pass sheet index.
+             * @returns {void}
+             */
+            updateCellValue(cellIdx: any, val: string|number, formatClass: string, sheetIdx: number): void;
+        }
+
+        export interface XLExport {
+
+            /** This method is used to save the sheet data as Excel ,CSV or PDF document (.xls, .xlsx .csv, .pdf) in Spreadsheet.
+             * @param {string} Pass the export type that you want.
+             * @returns {void}
+             */
+            export(type: string): void;
+
+            /** This method is used to get the export properties in the Spreadsheet.
+             * @returns {any}
+             */
+            getExportProps(): any;
+        }
+
+        export interface XLFilter {
+
+            /** This method is used to clear the filter in filtered columns in the Spreadsheet.
+             * @returns {void}
+             */
+            clearFilter(): void;
+
+            /** This method is used to apply filter for the selected range of cells in the Spreadsheet.
+             * @param {string|any[]} Pass the range of the selected cells.
+             * @returns {void}
+             */
+            filter(range: string|any[]): void;
+
+            /** This method is used to apply filter for the column by active cell's value in the Spreadsheet.
+             * @returns {void}
+             */
+            filterByActiveCell(): void;
+        }
+
+        export interface XLFormat {
+
+            /** This method is used to add the font to the Ribbon font family dropdown.
+             * @param {string} Font name which needs to add into the font family option.
+             * @returns {void}
+             */
+            addFontFamily(fontName: string): void;
+
+            /** This method is used to convert table range to normal range.
+             * @param {any} Pass the sheet index and table id.
+             * @returns {void}
+             */
+            convertToRange(options: any): void;
+
+            /** This method is used to create a table for the selected range of cells in the Spreadsheet.
+             * @param {any} Pass the table object.
+             * @param {string|any[]} Optional. If the range is specified, then it will create table in the specified range else it will use the current selected range.
+             * @returns {string}
+             */
+            createTable(tableObject: any, range: string|any[]): string;
+
+            /** This method is used to set format style and values in a cell or range of cells.
+             * @param {any} Pass the formatObject which contains style, type, format, groupSeparator and decimalPlaces.
+             * @param {string} Pass the range to format cells.
+             * @returns {void}
+             */
+            format(formatObj: any, range: string): void;
+
+            /** This method is used to remove the font from the Ribbon font family dropdown.
+             * @param {string} Font name which needs to remove from the font family drop down.
+             * @returns {void}
+             */
+            removeFontFamily(fontName: string): void;
+
+            /** This method is used to remove the style in the specified range.
+             * @param {any[]|string} Pass the cell range .
+             * @param {any} Optional. Pass the options for which the style gets removed.
+             * @returns {void}
+             */
+            removeStyle(range: any[]|string, options: any): void;
+
+            /** This method is used to remove table with specified tableId in the Spreadsheet.
+             * @param {number} Pass the tableId that you want to remove.
+             * @returns {void}
+             */
+            removeTable(tableId: number): void;
+
+            /** This method is used to update the decimal places for numeric value for the selected range of cells in the Spreadsheet.
+             * @param {string} Pass the decimal places type in IncreaseDecimal/DecreaseDecimal.
+             * @param {string|any[]} Pass the range.
+             * @returns {void}
+             */
+            updateDecimalPlaces(type: string, range: string|any[]): void;
+
+            /** This method is used to update the format for the selected range of cells in the Spreadsheet.
+             * @param {any} Pass the format object that you want to update.
+             * @param {any[]} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range.
+             * @returns {void}
+             */
+            updateFormat(formatObj: any, range: any[]): void;
+
+            /** This method is used to update the unique format for selected range of cells in the Spreadsheet.
+             * @param {string} Pass the unique format class.
+             * @param {any[]} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range.
+             * @returns {void}
+             */
+            updateUniqueFormat(formatClass: string, range: any[]): void;
+        }
+
+        export interface XLFreeze {
+
+            /** This method is used to freeze columns upto the specified column index in the Spreadsheet.
+             * @param {number} Index of the column to be freeze.
+             * @returns {void}
+             */
+            freezeColumns(colIdx: number): void;
+
+            /** This method is used to freeze the first column in the Spreadsheet.
+             * @returns {void}
+             */
+            freezeLeftColumn(): void;
+
+            /** This method is used to freeze rows and columns before the specified cell in the Spreadsheet.
+             * @param {number} Index of the row to be freeze.
+             * @param {number} Index of the column to be freeze.
+             * @returns {void}
+             */
+            freezePanes(rowIdx: number, colIdx: number): void;
+
+            /** This method is used to freeze rows upto the specified row index in the Spreadsheet.
+             * @param {number} Index of the row to be freeze.
+             * @returns {void}
+             */
+            freezeRows(rowIdx: number): void;
+
+            /** This method is used to freeze the top row in the Spreadsheet.
+             * @returns {void}
+             */
+            freezeTopRow(): void;
+
+            /** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
+             * @returns {void}
+             */
+            unfreezePanes(): void;
+        }
+
+        export interface XLPivot {
+
+            /** This property is used to clear the pivot table list in Spreadsheet.
+             * @param {string} Pass the name of the pivot table.
+             * @returns {void}
+             */
+            clearPivotFieldList(pivotName: string): void;
+
+            /** This method is used to create pivot table.
+             * @param {string} It specifies the range for which the pivot table is created.
+             * @param {string} It specifies the location in which the pivot table is created.
+             * @param {string} It specifies the name of the pivot table.
+             * @param {any} Pass the pivot table settings.
+             * @param {any} Pass the pivot range, sheet index, address and data source .
+             * @returns {string}
+             */
+            createPivotTable(range: string, location: string, name: string, settings: any, pvt: any): string;
+
+            /** This method is used to delete the pivot table which is selected.
+             * @param {string} Pass the name of the pivot table.
+             * @returns {void}
+             */
+            deletePivotTable(pivotName: string): void;
+
+            /** This method is used to refresh data in pivot table.
+             * @param {string} Optional. Pass the name of the pivot table.
+             * @param {number} Optional. Pass the index of the sheet.
+             * @returns {void}
+             */
+            refreshDataSource(name: string, sheetIdx: number): void;
+        }
+
+        export interface XLPrint {
+
+            /** This method is used to print the selected contents in the Spreadsheet.
+             * @returns {void}
+             */
+            printSelection(): void;
+
+            /** This method is used to print the entire contents in the active sheet.
+             * @returns {void}
+             */
+            printSheet(): void;
+        }
+
+        export interface XLResize {
+
+            /** This method is used to fit the height of rows in the Spreadsheet.
+             * @param {any[]} Optional. Pass row index collection that you want to fit its height.
+             * @returns {void}
+             */
+            fitHeight(rowIndexes: any[]): void;
+
+            /** This method is used to fit the width of columns in the Spreadsheet.
+             * @param {any[]} Optional. Pass column index collection that you want to fit its width.
+             * @returns {void}
+             */
+            fitWidth(colIndexes: any[]): void;
+
+            /** This method is used to get the column width of the specified column index in the Spreadsheet.
+             * @param {number} Pass the column index.
+             * @returns {number}
+             */
+            getColWidth(colIdx: number): number;
+
+            /** This method is used to get the row height of the specified row index in the Spreadsheet.
+             * @param {number} Pass the row index which you want to find its height.
+             * @returns {number}
+             */
+            getRowHeight(rowIdx: number): number;
+
+            /** This method is used to set the column width of the specified column index in the Spreadsheet.
+             * @param {number} Pass the column index.
+             * @param {number} Pass the width value that you want to set.
+             * @returns {void}
+             */
+            setColWidth(colIdx: number, size: number): void;
+
+            /** This method is used to set the row height of the specified row index in the Spreadsheet.
+             * @param {number} Pass the row index.
+             * @param {number} Pass the height value that you want to set.
+             * @returns {void}
+             */
+            setRowHeight(rowIdx: number, size: number): void;
+        }
+
+        export interface XLRibbon {
+
+            /** This method is used to add a new item in the backstage.
+             * @param {any} Specifies the item to be added in the backstage.
+             * @param {number} pass the index of the item to be added in the backstage.
+             * @returns {void}
+             */
+            addBackStageItem(pageItem: any, index: number): void;
+
+            /** This method is used to dynamically add the contextual tabs in the ribbon.
+             * @param {any} Specifies the contextual tab set object.
+             * @param {number} pass the index of the contextual tab.
+             * @returns {void}
+             */
+            addContextualTabs(contextualTabSet: any, index: number): void;
+
+            /** This method is used to dynamically add the menu item in the file menu.
+             * @param {any[]} Specifies the item to be added
+             * @param {number} pass the index of the menu item.
+             * @returns {void}
+             */
+            addMenuItem(item: any[], index: number): void;
+
+            /** This method is used to add a new name in the Spreadsheet name manager.
+             * @param {string} Pass the name that you want to define in name manager.
+             * @param {string} Pass the cell reference.
+             * @param {string} Optional. Pass comment, if you want.
+             * @param {number} Optional. Pass the sheet index.
+             * @returns {void}
+             */
+            addNamedRange(name: string, refersTo: string, comment: string, sheetIdx: number): void;
+
+            /** This method is used to dynamically add the tab in the ribbon.
+             * @param {any[]} Specifies the text to be displayed in the tab.
+             * @param {number} pass the groups to be displayed in the ribbon tab.
+             * @param {number} pass the index of the tab.
+             * @returns {void}
+             */
+            addTab(tabText: any[], ribbonGroups: number, index: number): void;
+
+            /** This method is used to dynamically add the tab group in the ribbon.
+             * @param {number} Specifies the ribbon tab index.
+             * @param {any} pass the groups to be displayed in the ribbon tab.
+             * @param {number} pass the index of the ribbon group.
+             * @returns {void}
+             */
+            addTabGroup(tabIndex: number, tabGroup: any, groupIndex: number): void;
+
+            /** This method is used to insert the few type (SUM, MAX, MIN, AVG, COUNT) of formulas in the selected range of cells in the Spreadsheet.
+             * @param {string} To pass the type("SUM","MAX","MIN","AVG","COUNT").
+             * @param {string|any[]} If range is specified, it will apply auto sum for the specified range else it will use the current selected range.
+             * @returns {void}
+             */
+            autoSum(type: string, range: string|any[]): void;
+
+            /** This method is used to hide the file menu in the ribbon tab.
+             * @returns {void}
+             */
+            hideMenu(): void;
+
+            /** This method is used to remove the item from the backstage in the spreadsheet.
+             * @param {number} Specifies the index of the item to be removed from backstage.
+             * @returns {void}
+             */
+            removeBackStageItem(index: number): void;
+
+            /** This method is used to remove the menu item form file menu in spreadsheet.
+             * @param {number} Specifies the index of the item to be removed from the file menu.
+             * @returns {void}
+             */
+            removeMenuItem(index: number): void;
+
+            /** This method is used to delete the defined name in the Spreadsheet name manager.
+             * @param {string} Pass the defined name that you want to remove from name manager.
+             * @returns {void}
+             */
+            removeNamedRange(name: string): void;
+
+            /** This method is used to remove the tab form ribbon in the spreadsheet.
+             * @param {number} Specifies the index of the tab to be removed from the ribbon.
+             * @param {boolean} pass the boolean value to remove the tab from ribbon
+             * @returns {void}
+             */
+            removeTab(index: number, isRemoveMenu: boolean): void;
+
+            /** This method is used to remove the tab group form ribbon in the spreadsheet.
+             * @param {number} Specifies the index of the tab group to be removed from the ribbon.
+             * @param {string} Specifies the text to be displayed in the tab group
+             * @returns {void}
+             */
+            removeTabGroup(tabIndex: number, groupText: string): void;
+
+            /** This method is used to show the file menu in the ribbon tab.
+             * @returns {void}
+             */
+            showMenu(): void;
+
+            /** This method is used to update the menu item in the file menu.
+             * @param {any} Specifies the menu item to be updated in the ribbon
+             * @param {number} pass the index of the item to be updated
+             * @returns {void}
+             */
+            updateMenuItem(item: any, index: number): void;
+
+            /** This method is used to update the ribbon icons in the Spreadsheet.
+             * @returns {void}
+             */
+            updateRibbonIcons(): void;
+        }
+
+        export interface XLSearch {
+
+            /** This method is used to find and replace all data by workbook in the Spreadsheet.
+             * @param {string} Pass the search data.
+             * @param {string} Pass the replace data.
+             * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
+             * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
+             * @returns {void}
+             */
+            replaceAllByBook(findData: string, replaceData: string, isCSen: boolean, isEMatch: boolean): void;
+
+            /** This method is used to find and replace all data by sheet in Spreadsheet.
+             * @param {string} Pass the search data.
+             * @param {string} Pass the replace data.
+             * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
+             * @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
+             * @returns {void}
+             */
+            replaceAllBySheet(findData: string, replaceData: string, isCSen: boolean, isEMatch: boolean): void;
+        }
+
+        export interface XLSelection {
+
+            /** This method is used to clear the selection of the active sheet in the Spreadsheet.
+             * @returns {void}
+             */
+            clearAll(): void;
+
+            /** This method is used to get the selected cells element based on specified sheet index in the Spreadsheet.
+             * @param {number} Pass the sheet index to get the cells element.
+             * @returns {HTMLElement}
+             */
+            getSelectedCells(sheetIdx: number): HTMLElement;
+
+            /** This method is used to refresh the selection in the Spreadsheet.
+             * @param {any[]|string} Optional. Pass range to refresh selection.
+             * @returns {void}
+             */
+            refreshSelection(range: any[]|string): void;
+
+            /** This method is used to select a single column in the Spreadsheet.
+             * @param {number} Pass the column index value.
+             * @returns {void}
+             */
+            selectColumn(colIdx: number): void;
+
+            /** This method is used to select entire columns in a specified range (start index and end index) in the Spreadsheet.
+             * @param {number} Pass the column start index.
+             * @param {number} Pass the column end index.
+             * @returns {void}
+             */
+            selectColumns(startIdx: number, endIdx: number): void;
+
+            /** This method is used to select the specified range of cells in the Spreadsheet.
+             * @param {string} Pass range which want to select.
+             * @returns {void}
+             */
+            selectRange(range: string): void;
+
+            /** This method is used to select a single row in the Spreadsheet.
+             * @param {number} Pass the row index value.
+             * @returns {void}
+             */
+            selectRow(rowIdx: number): void;
+
+            /** This method is used to select entire rows in a specified range (start index and end index) in the Spreadsheet.
+             * @param {number} Pass the start row index.
+             * @param {number} Pass the end row index.
+             * @returns {void}
+             */
+            selectRows(startIdx: number, endIdx: number): void;
+
+            /** This method is used to select all cells in active sheet.
+             * @returns {void}
+             */
+            selectSheet(): void;
+        }
+
+        export interface XLShape {
+
+            /** This method is used to set a picture in the Spreadsheet.
+             * @param {string} Pass the range of the cell.
+             * @param {string} Pass the path of the specified image.
+             * @param {number} Optional. Pass the width of the image that you want to set.
+             * @param {number} Optional. Pass the height of the image that you want to set.
+             * @param {number} Optional. Pass the top of the image that you want to set.
+             * @param {number} Optional. Pass the left of the image that you want to set.
+             * @returns {string}
+             */
+            setPicture(range: string, url: string, width: number, height: number, top: number, left: number): string;
+        }
+
+        export interface XLSort {
+
+            /** This method is used to sort a particular range of cells based on its cell or font color in the Spreadsheet.
+             * @param {string} Pass {{'`PutCellColor`' | markdownify}} to sort by cell color or {{'`PutFontColor`' | markdownify}} for sort by font color.
+             * @param {any} Pass the HEX color code to sort.
+             * @param {string} Pass the range
+             * @returns {void}
+             */
+            sortByColor(operation: string, color: any, range: string): void;
+
+            /** This method is used to sort a particular range of cells based on its values in the Spreadsheet.
+             * @param {any[]|string} Pass the range to sort.
+             * @param {string} Pass the column name.
+             * @param {any} Pass the direction to sort (ascending or descending).
+             * @returns {boolean}
+             */
+            sortByRange(range: any[]|string, columnName: string, direction: any): boolean;
+        }
+
+        export interface XLValidate {
+
+            /** This method is used to apply data validation rules in a selected range of cells based on the defined condition in the Spreadsheet.
+             * @param {string|any[]} If range is specified, it will apply rules for the specified range else it will use the current selected range.
+             * @param {any[]} Pass the validation condition, value1 and value2.
+             * @param {string} Pass the data type.
+             * @param {boolean} Pass {{'`true`' | markdownify}} if you ignore blank values.
+             * @param {boolean} Pass {{'`true`' | markdownify}} if you want to show an error alert.
+             * @returns {void}
+             */
+            applyDVRules(range: string|any[], values: any[], type: string, required: boolean, showErrorAlert: boolean): void;
+
+            /** This method is used to clear the applied validation rules in a specified range of cells in the Spreadsheet.
+             * @param {string|any[]} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
+             * @returns {void}
+             */
+            clearDV(range: string|any[]): void;
+
+            /** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
+             * @param {string|any[]} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
+             * @returns {void}
+             */
+            highlightInvalidData(range: string|any[]): void;
+        }
+
+        export interface Model {
+
+            /** Gets or sets an active sheet index in the Spreadsheet. By defining this value, you can specify which sheet should be active in workbook.
+             * @Default {1}
+             */
+            activeSheetIndex?: number;
+
+            /** Gets or sets a value that indicates whether to enable or disable auto rendering of cell type in the Spreadsheet.
+             * @Default {false}
+             */
+            allowAutoCellType?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable auto fill feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowAutoFill?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable auto sum feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowAutoSum?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable cell format feature in the Spreadsheet. By enabling this, you can customize styles and number formats.
+             * @Default {true}
+             */
+            allowCellFormatting?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable cell type feature in the Spreadsheet.
+             * @Default {false}
+             */
+            allowCellType?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable chart feature in the Spreadsheet. By enabling this feature, you can create and customize charts in Spreadsheet.
+             * @Default {true}
+             */
+            allowCharts?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable clear feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowClear?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable clipboard feature in the Spreadsheet. By enabling this feature, you can perform cut/copy and paste operations in
+             * Spreadsheet.
+             * @Default {true}
+             */
+            allowClipboard?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable comment feature in the Spreadsheet. By enabling this, you can add/delete/modify comments in Spreadsheet.
+             * @Default {true}
+             */
+            allowComments?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable Conditional Format feature in the Spreadsheet. By enabling this, you can apply formatting to the selected range of
+             * cells based on the provided conditions (Greater than, Less than, Equal, Between, Contains, etc.).
+             * @Default {true}
+             */
+            allowConditionalFormats?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable data validation feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowDataValidation?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable the delete action in the Spreadsheet. By enabling this feature, you can delete existing rows, columns, cells and
+             * sheet.
+             * @Default {true}
+             */
+            allowDelete?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable drag and drop feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowDragAndDrop?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable the edit action in the Spreadsheet.
+             * @Default {true}
+             */
+            allowEditing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable filtering feature in the Spreadsheet. Filtering can be used to limit the data displayed using required criteria.
+             * @Default {true}
+             */
+            allowFiltering?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable table feature in the Spreadsheet. By enabling this, you can render table in selected range.
+             * @Default {true}
+             */
+            allowFormatAsTable?: boolean;
+
+            /** Get or sets a value that indicates whether to enable or disable format painter feature in the Spreadsheet. By enabling this feature, you can copy the format from the selected
+             * range and apply it to another range.
+             * @Default {true}
+             */
+            allowFormatPainter?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable formula bar in the Spreadsheet.
+             * @Default {true}
+             */
+            allowFormulaBar?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable freeze pane support in Spreadsheet. By enabling this feature, you can use freeze top row, freeze first column and
+             * freeze panes options.
+             * @Default {true}
+             */
+            allowFreezing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable hyperlink feature in the Spreadsheet. By enabling this feature, you can add hyperlink which is used to easily
+             * navigate to the cell reference from one sheet to another or a web page.
+             * @Default {true}
+             */
+            allowHyperlink?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable import feature in the Spreadsheet. By enabling this feature, you can open existing Spreadsheet documents.
+             * @Default {true}
+             */
+            allowImport?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable the insert action in the Spreadsheet. By enabling this feature, you can insert new rows, columns, cells and sheet.
+             * @Default {true}
+             */
+            allowInsert?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable keyboard navigation feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowKeyboardNavigation?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable lock cell feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowLockCell?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable merge feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowMerging?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable overflow feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowOverflow?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable resizing feature in the Spreadsheet. By enabling this feature, you can change the column width and row height by
+             * dragging its header boundaries.
+             * @Default {true}
+             */
+            allowResizing?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable find and replace feature in the Spreadsheet. By enabling this, you can easily find and replace a specific value in
+             * the sheet or workbook. By using goto behavior, you can select and highlight all cells that contains specific data or data types.
+             * @Default {true}
+             */
+            allowSearching?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable selection in the Spreadsheet. By enabling this feature, selected items will be highlighted.
+             * @Default {true}
+             */
+            allowSelection?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the sorting feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowSorting?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable undo and redo feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowUndoRedo?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable wrap text feature in the Spreadsheet. By enabling this, cell content can wrap to the next line, if the cell
+             * content exceeds the boundary of the cell.
+             * @Default {true}
+             */
+            allowWrap?: boolean;
+
+            /** Gets or sets a value that indicates to define the width of the activation panel in Spreadsheet.
+             * @Default {300}
+             */
+            apWidth?: number;
+
+            /** Gets or sets an object that indicates to customize the auto fill behavior in the Spreadsheet.
+             */
+            autoFillSettings?: AutoFillSettings;
+
+            /** Gets or sets an object that indicates to customize the chart behavior in the Spreadsheet.
+             */
+            chartSettings?: ChartSettings;
+
+            /** Gets or sets a value that defines the number of columns displayed in the sheet.
+             * @Default {21}
+             */
+            columnCount?: number;
+
+            /** Gets or sets a value that indicates to define the common width for each column in the Spreadsheet.
+             * @Default {64}
+             */
+            columnWidth?: number;
+
+            /** Gets or sets a value to add root CSS class for customizing Spreadsheet skins.
+             */
+            cssClass?: string;
+
+            /** Gets or sets a value that indicates custom formulas in Spreadsheet.
+             * @Default {[]}
+             */
+            customFormulas?: any[];
+
+            /** Gets or sets a value that indicates whether to enable or disable context menu in the Spreadsheet.
+             * @Default {true}
+             */
+            enableContextMenu?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable pivot table in the Spreadsheet.
+             * @Default {false}
+             */
+            enablePivotTable?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable touch support in the Spreadsheet.
+             * @Default {true}
+             */
+            enableTouch?: boolean;
+
+            /** Gets or sets an object that indicates to customize the exporting behavior in Spreadsheet.
+             */
+            exportSettings?: ExportSettings;
+
+            /** Gets or sets an object that indicates to customize the format behavior in the Spreadsheet.
+             */
+            formatSettings?: FormatSettings;
+
+            /** Gets or sets an object that indicates to customize the import behavior in the Spreadsheet.
+             */
+            importSettings?: ImportSettings;
+
+            /** Gets or sets a value that indicates whether to enable or disable readonly support in the Spreadsheet.
+             * @Default {false}
+             */
+            isReadOnly?: boolean;
+
+            /** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data (i.e.) in a language and culture specific
+             * to a particular country or region.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Gets or sets a value that indicates name manager in Spreadsheet.
+             */
+            nameManager?: NameManager[];
+
+            /** Gets or sets an object that indicates to customize the picture behavior in the Spreadsheet.
+             */
+            pictureSettings?: PictureSettings;
+
+            /** Gets or sets an object that indicates to customize the print option in Spreadsheet.
+             */
+            printSettings?: PrintSettings;
+
+            /** Gets or sets an object that indicates to customize the ribbon settings in Spreadsheet.
+             */
+            ribbonSettings?: RibbonSettings;
+
+            /** Gets or sets a value that indicates whether to define the number of rows to be displayed in the sheet.
+             * @Default {20}
+             */
+            rowCount?: number;
+
+            /** Gets or sets a value that indicates to define the common height for each row in the sheet.
+             * @Default {20}
+             */
+            rowHeight?: number;
+
+            /** Gets or sets an object that indicates to customize the scroll options in the Spreadsheet.
+             */
+            scrollSettings?: ScrollSettings;
+
+            /** Gets or sets an object that indicates to customize the selection options in the Spreadsheet.
+             */
+            selectionSettings?: SelectionSettings;
+
+            /** Gets or sets a value that indicates to define the number of sheets to be created at the initial load.
+             * @Default {1}
+             */
+            sheetCount?: number;
+
+            /** Gets or sets an object that indicates to customize the sheet behavior in Spreadsheet.
+             */
+            sheets?: Sheet[];
+
+            /** Gets or sets a value that indicates whether to show or hide pager in the Spreadsheet.
+             * @Default {true}
+             */
+            showPager?: boolean;
+
+            /** Gets or sets a value that indicates whether to show or hide ribbon in the Spreadsheet.
+             * @Default {true}
+             */
+            showRibbon?: boolean;
+
+            /** This is used to set the number of undo-redo steps in the Spreadsheet.
+             * @Default {20}
+             */
+            undoRedoStep?: number;
+
+            /** Define the username for the Spreadsheet which is displayed in comment.
+             * @Default {User Name}
+             */
+            userName?: string;
+
+            /** Triggered for every action before its starts.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggered for every action complete.
+             */
+            actionComplete?(e: ActionCompleteEventArgs): void;
+
+            /** Triggered when the auto fill operation begins.
+             */
+            autoFillBegin?(e: AutoFillBeginEventArgs): void;
+
+            /** Triggered when the auto fill operation completes.
+             */
+            autoFillComplete?(e: AutoFillCompleteEventArgs): void;
+
+            /** Triggered before the batch save.
+             */
+            beforeBatchSave?(e: BeforeBatchSaveEventArgs): void;
+
+            /** Triggered before the cells to be formatted.
+             */
+            beforeCellFormat?(e: BeforeCellFormatEventArgs): void;
+
+            /** Triggered before the cell selection.
+             */
+            beforeCellSelect?(e: BeforeCellSelectEventArgs): void;
+
+            /** Triggered before the selected cells are dropped.
+             */
+            beforeDrop?(e: BeforeDropEventArgs): void;
+
+            /** Triggered while start to edit the comment.
+             */
+            beforeEditComment?(e: BeforeEditCommentEventArgs): void;
+
+            /** Triggered before the contextmenu is open.
+             */
+            beforeOpen?(e: BeforeOpenEventArgs): void;
+
+            /** Triggered before the activation panel is open.
+             */
+            beforePanelOpen?(e: BeforePanelOpenEventArgs): void;
+
+            /** Triggered when click on sheet cell.
+             */
+            cellClick?(e: CellClickEventArgs): void;
+
+            /** Triggered when the cell is edited.
+             */
+            cellEdit?(e: CellEditEventArgs): void;
+
+            /** Triggered while cell is formatting.
+             */
+            cellFormatting?(e: CellFormattingEventArgs): void;
+
+            /** Triggered when mouse hover on cell in sheets.
+             */
+            cellHover?(e: CellHoverEventArgs): void;
+
+            /** Triggered when save the edited cell.
+             */
+            cellSave?(e: CellSaveEventArgs): void;
+
+            /** Triggered when the cell is selected.
+             */
+            cellSelected?(e: CellSelectedEventArgs): void;
+
+            /** Triggered when click the contextmenu items.
+             */
+            contextMenuClick?(e: ContextMenuClickEventArgs): void;
+
+            /** Triggered when the selected cells are being dragged.
+             */
+            drag?(e: DragEventArgs): void;
 
-	/** Opacity of the Sunburst title.
-	*   @Default {1}
-	*/
-	opacity?: number;
+            /** Triggered when you start to drag the picture or chart.
+             */
+            dragShape?(e: DragShapeEventArgs): void;
 
-	/** Font size for Sunburst title.
-	*   @Default {20px}
-	*/
-	size?: string;
-}
+            /** Triggered when the selected cells are initiated to drag.
+             */
+            dragStart?(e: DragStartEventArgs): void;
 
-export interface TitleSubtitleFont {
+            /** Triggered when the selected cells are dropped.
+             */
+            drop?(e: DropEventArgs): void;
 
-	/** Font family of sub title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+            /** Triggered before the range editing starts.
+             */
+            editRangeBegin?(e: EditRangeBeginEventArgs): void;
 
-	/** Font style for sub title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+            /** Triggered after range editing completes.
+             */
+            editRangeComplete?(e: EditRangeCompleteEventArgs): void;
 
-	/** Font weight for sub title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+            /** Triggered when the key is pressed down.
+             */
+            keyDown?(e: KeyDownEventArgs): void;
 
-	/** Opacity of the sub title.
-	*   @Default {1}
-	*/
-	opacity?: number;
+            /** Triggered when the key is released.
+             */
+            keyUp?(e: KeyUpEventArgs): void;
 
-	/** Font size for sub title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+            /** Triggered before the sheet is loaded.
+             */
+            load?(e: LoadEventArgs): void;
 
-export interface TitleSubtitle {
+            /** Triggered after the sheet is loaded.
+             */
+            loadComplete?(e: LoadCompleteEventArgs): void;
 
-	/** Subtitle text for sunburst
-	*/
-	text?: string;
+            /** Triggered every click of the menu item.
+             */
+            menuClick?(e: MenuClickEventArgs): void;
 
-	/** Sub title text visibility for sunburst
-	*   @Default {true}
-	*/
-	visible?: string;
+            /** Triggered when a file is imported.
+             */
+            onImport?(e: OnImportEventArgs): void;
 
-	/** Sub title text alignment
-	*   @Default {far. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+            /** Triggered when import sheet is failed to open.
+             */
+            openFailure?(e: OpenFailureEventArgs): void;
 
-	/** Options for customizing the font of sub title.
-	*/
-	font?: TitleSubtitleFont;
-}
+            /** Triggered when pager item is clicked in the Spreadsheet.
+             */
+            pagerClick?(e: PagerClickEventArgs): void;
 
-export interface Title {
+            /** Triggered when you start resizing the chart, picture, row and column.
+             */
+            resizeStart?(e: ResizeStartEventArgs): void;
 
-	/** Title text for sunburst
-	*/
-	text?: string;
+            /** Triggered after end of resizing the chart, picture, row and column.
+             */
+            resizeEnd?(e: ResizeEndEventArgs): void;
 
-	/** Title text visibility for sunburst
-	*   @Default {true}
-	*/
-	visible?: string;
+            /** Triggered when click on the ribbon.
+             */
+            ribbonClick?(e: RibbonClickEventArgs): void;
 
-	/** Title text alignment
-	*   @Default {center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+            /** Triggered when the chart series rendering.
+             */
+            seriesRendering?(e: SeriesRenderingEventArgs): void;
 
-	/** Options for customizing the font of sunburst title.
-	*/
-	font?: TitleFont;
+            /** Triggered when click the ribbon tab.
+             */
+            tabClick?(e: TabClickEventArgs): void;
 
-	/** Options to customize the sub title of Sunburst.
-	*/
-	subtitle?: TitleSubtitle;
-}
+            /** Triggered when select the ribbon tab.
+             */
+            tabSelect?(e: TabSelectEventArgs): void;
+        }
 
-export interface HighlightSettings {
+        export interface ActionBeginEventArgs {
 
-	/** Enables/disables the ability to highlight the levels or point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Returns the applied style format object.
+             */
+            afterFormat?: any;
 
-	/** Specifies whether the levels or point has to be highlighted.
-	*   @Default {point. See Mode}
-	*/
-	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+            /** Returns the applied style format object.
+             */
+            beforeFormat?: any;
 
-	/** Color of the levels/point on highlight.
-	*   @Default {red}
-	*/
-	color?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Opacity of the levels/point on highlight.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
+            /** Returns the cell range.
+             */
+            range?: any[];
 
-	/** Specifies whether the levels or data point has to be highlighted.
-	*   @Default {opacity. See Mode}
-	*/
-	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
-}
+            /** Returns the action format.
+             */
+            reqType?: string;
 
-export interface SelectionSettings {
+            /** Returns goto index while paging.
+             */
+            gotoIdx?: number;
 
-	/** Enables/disables the ability to select the levels or data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Returns boolean value. If create new sheet it returns true.
+             */
+            newSheet?: boolean;
 
-	/** Specifies whether the levels or data point has to be selected.
-	*   @Default {point. See Mode}
-	*/
-	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+            /** Return column name while sorting.
+             */
+            columnName?: string;
 
-	/** Color of the levels/point on selection.
-	*   @Default {green}
-	*/
-	color?: string;
+            /** Returns selected columns while sorting or filtering begins.
+             */
+            colSelected?: number;
 
-	/** Opacity of the levels/point on selection.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
+            /** Returns sort direction while sort action begins.
+             */
+            sortDirection?: string;
+        }
 
-	/** Specifies whether the levels or data point has to be selected.
-	*   @Default {opacity. See Mode}
-	*/
-	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
-}
+        export interface ActionCompleteEventArgs {
 
-export interface Level {
+            /** Returns Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Specifies the group member path
-	*   @Default {null}
-	*/
-	groupMemberPath?: string;
-}
+            /** Returns the applied cell format object.
+             */
+            selectedCell?: any[]|any;
 
-export interface LegendBorder {
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Border color of the legend.
-	*   @Default {null}
-	*/
-	color?: string;
+            /** Returns the request type.
+             */
+            reqType?: string;
 
-	/** Border width of the legend.
-	*   @Default {1}
-	*/
-	width?: number;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface LegendFont {
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Font family for legend item text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+        export interface AutoFillBeginEventArgs {
 
-	/** Font style for legend item text.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+            /** Returns auto fill begin cell range.
+             */
+            dataRange?: any[];
 
-	/** Font weight for legend item text.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+            /** Returns which direction drag the auto fill.
+             */
+            direction?: string;
 
-	/** Font size for legend item text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+            /** Returns fill cells range.
+             */
+            fillRange?: any[];
 
-export interface LegendItemStyle {
+            /** Returns the auto fill type.
+             */
+            fillType?: string;
 
-	/** Height of the shape in legend items.
-	*   @Default {10}
-	*/
-	height?: number;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Width of the shape in legend items.
-	*   @Default {10}
-	*/
-	width?: number;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface LegendLocation {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** X value or horizontal offset to position the legend in chart.
-	*   @Default {0}
-	*/
-	x?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Y value or vertical offset to position the legend.
-	*   @Default {0}
-	*/
-	y?: number;
-}
+        export interface AutoFillCompleteEventArgs {
 
-export interface LegendSize {
+            /** Returns auto fill begin cell range.
+             */
+            dataRange?: any[];
 
-	/** Height of the legend. Height can be specified in either pixel or percentage.
-	*   @Default {null}
-	*/
-	height?: string;
+            /** Returns which direction to drag the auto fill.
+             */
+            direction?: string;
 
-	/** Width of the legend. Width can be specified in either pixel or percentage.
-	*   @Default {null}
-	*/
-	width?: string;
-}
+            /** Returns fill cells range.
+             */
+            fillRange?: any[];
 
-export interface LegendTitleFont {
+            /** Returns the auto fill type.
+             */
+            fillType?: string;
 
-	/** Font family for the text in legend title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Font style for legend title.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Font weight for legend title.
-	*   @Default {normal. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Font size for legend title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface LegendTitle {
+        export interface BeforeBatchSaveEventArgs {
 
-	/** Options to customize the font used for legend title
-	*/
-	font?: LegendTitleFont;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Enables or disables the legend title.
-	*   @Default {true}
-	*/
-	visible?: string;
+            /** Returns the query, primary key,batch changes for the data Source.
+             */
+            dataSetting?: any;
 
-	/** Text to be displayed in legend title.
-	*/
-	text?: string;
+            /** Returns the changed record object.
+             */
+            batchChanges?: any;
+        }
 
-	/** Alignment of the legend title.
-	*   @Default {center. See Alignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
-}
+        export interface BeforeCellFormatEventArgs {
 
-export interface Legend {
-
-	/** Visibility of the legend.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Interactive action of legend items.
-	*   @Default {toggleSegmentVisibility. See Alignment}
-	*/
-	clickAction?: ej.datavisualization.Sunburst.SunburstClickAction|string;
-
-	/** Horizontal alignment of the legend.
-	*   @Default {Center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
-
-	/** Options for customizing the legend border.
-	*/
-	border?: LegendBorder;
-
-	/** Number of columns to arrange the legend items.
-	*   @Default {null}
-	*/
-	columnCount?: number;
-
-	/** Number of rows to arrange the legend items.
-	*   @Default {null}
-	*/
-	rowCount?: number;
-
-	/** Options to customize the font used for legend item text.
-	*/
-	font?: LegendFont;
-
-	/** Gap or padding between the legend items.
-	*   @Default {10}
-	*/
-	itemPadding?: number;
-
-	/** Options to customize the style of legend items.
-	*/
-	itemStyle?: LegendItemStyle;
-
-	/** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
-	*/
-	location?: LegendLocation;
-
-	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set **custom** as value to this property.
-	*   @Default {Bottom. See Position}
-	*/
-	position?: ej.datavisualization.Sunburst.SunburstLegendPosition|string;
-
-	/** Shape of the legend items. 
-	*   @Default {None. See Shape}
-	*/
-	shape?: ej.datavisualization.Sunburst.SunburstLegendShape|string;
-
-	/** Options to customize the size of the legend.
-	*/
-	size?: LegendSize;
-
-	/** Options to customize the legend title.
-	*/
-	title?: LegendTitle;
-}
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-export interface Margin {
+            /** Returns the applied style format object.
+             */
+            format?: any;
 
-	/** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
-	*   @Default {10}
-	*/
-	left?: number;
+            /** Returns the selected cells.
+             */
+            cells?: any[]|any;
 
-	/** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
-	*   @Default {10}
-	*/
-	right?: number;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
-	*   @Default {10}
-	*/
-	top?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
-	*   @Default {10}
-	*/
-	bottom?: number;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface ZoomSettings {
+        export interface BeforeCellSelectEventArgs {
 
-	/** Enables or disables zooming.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Returns the previous cell range.
+             */
+            prevRange?: any[];
 
-	/** Toolbar horizontal alignment
-	*   @Default {right. See Alignment}
-	*/
-	toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment|string;
+            /** Returns the current cell range.
+             */
+            currRange?: any[];
 
-	/** Toolbar vertical alignment
-	*   @Default {top. See Alignment}
-	*/
-	toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment|string;
-}
-}
-module Sunburst
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Italic,
-}
-}
-module Sunburst
-{
-enum FontWeight
-{
-//string
-Regular,
-//string
-Bold,
-//string
-Lighter,
-}
-}
-module Sunburst
-{
-enum SunburstLabelRotationMode
-{
-//string
-Angle,
-//string
-Normal,
-}
-}
-module Sunburst
-{
-enum SunburstLabelOverflowMode
-{
-//string
-Trim,
-//string
-Hide,
-//string
-None,
-}
-}
-module Sunburst
-{
-enum SunburstAlignment
-{
-//string
-Center,
-//string
-Near,
-//string
-Far,
-}
-}
-module Sunburst
-{
-enum SunburstHighlightMode
-{
-//string
-Point,
-//string
-Parent,
-//string
-Child,
-//string
-All,
-}
-}
-module Sunburst
-{
-enum SunburstHighlightType
-{
-//string
-Opacity,
-//string
-Color,
-}
-}
-module Sunburst
-{
-enum SunburstClickAction
-{
-//string
-None,
-//string
-ToggleSegmentVisibility,
-//string
-ToggleSegmentSelection,
-}
-}
-module Sunburst
-{
-enum SunburstLegendPosition
-{
-//string
-Left,
-//string
-Right,
-//string
-Top,
-//string
-Bottom,
-}
-}
-module Sunburst
-{
-enum SunburstLegendShape
-{
-//string
-Diamond,
-//string
-Pentagon,
-//string
-Rectangle,
-//string
-Circle,
-//string
-Cross,
-//string
-Triangle,
-}
-}
-module Sunburst
-{
-enum SunburstTheme
-{
-//string
-FlatLight,
-//string
-FlatDark,
-}
-}
-module Sunburst
-{
-enum SunburstHorizontalAlignment
-{
-//string
-Center,
-//string
-Left,
-//string
-Right,
-}
-}
-module Sunburst
-{
-enum SunburstVerticalAlignment
-{
-//string
-Top,
-//string
-Bottom,
-//string
-Middle,
-}
-}
-module Sunburst
-{
-enum Animation
-{
-//string
-Rotation,
-//string
-FadeIn,
-}
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-class PivotGrid extends ej.Widget {
-	static fn: PivotGrid;
-	constructor(element: JQuery, options?: PivotGrid.Model);
-	constructor(element: Element, options?: PivotGrid.Model);
-	static Locale: any;
-	model:PivotGrid.Model;
-	defaults:PivotGrid.Model;
-
-	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Performs an asynchronous HTTP (FullPost) submit.
-	*   @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Exports the PivotGrid to the specified format.
-	*   @returns {void}
-	*/
-	exportPivotGrid(): void;
-
-	/** This function re-renders the PivotGrid on clicking the navigation buttons on PivotPager.
-	*   @returns {void}
-	*/
-	refreshPagedPivotGrid(): void;
-
-	/** This function refreshes the PivotGrid with modified data input in client-mode.
-	*   @returns {void}
-	*/
-	refreshPivotGrid(): void;
-
-	/** This function re-renders the control with the report available at that instant.
-	*   @returns {void}
-	*/
-	refreshControl(): void;
-
-	/** This function returns the height of all rows and width each and every column.
-	*   @returns {any}
-	*/
-	calculateCellWidths(): any;
-
-	/** This function creates the conditional formatting dialog to apply conditional formatting for PivotGrid control.
-	*   @returns {void}
-	*/
-	createConditionalDialog(): void;
-
-	/** This function saves the current report to the database/local storage.
-	*   @returns {void}
-	*/
-	saveReport(): void;
-
-	/** This function loads the specified report from the database/local storage.
-	*   @returns {void}
-	*/
-	loadReport(): void;
-
-	/** This function reconstructs the JSON data formed for rendering PivotGrid in excel-like layout format.
-	*   @returns {void}
-	*/
-	excelLikeLayout(): void;
-
-	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
-	getOlapReport(): string;
-
-	/** Sets the OlapReport string along with the axis information.
-	*   @returns {void}
-	*/
-	setOlapReport(): void;
-
-	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
-
-	/** Sets the JSON records formed to render the control.
-	*   @returns {void}
-	*/
-	setJSONRecords(): void;
-
-	/** This function allows user to change the caption of the Pivot Item (name displayed in UI) on-demand for relational datasource in client-mode.
-	*   @returns {void}
-	*/
-	refreshFieldCaption(): void;
-
-	/** This function receives the JSON formatted datasource to render the PivotGrid control.
-	*   @returns {void}
-	*/
-	renderControlFromJSON(): void;
-}
-export module PivotGrid{
-
-export interface Model {
-
-	/** Sets the mode for the PivotGrid widget for binding either OLAP or relational data source.
-	*   @Default {ej.Pivot.AnalysisMode.Pivot}
-	*/
-	analysisMode?: ej.Pivot.AnalysisMode|string;
-
-	/** Specifies the CSS class to PivotGrid to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Connects the PivotSchemaDesigner with the specified ID to the PivotGrid Control.
-	*   @Default {“”}
-	*/
-	pivotTableFieldListID?: string;
-
-	/** Initializes the data source for the PivotGrid widget, when it functions completely on client-side.
-	*   @Default {{}}
-	*/
-	dataSource?: DataSource;
-
-	/** Holds the necessary properties for value sorting.
-	*   @Default {{}}
-	*/
-	valueSortSettings?: ValueSortSettings;
-
-	/** Object that holds the settings of frozen headers.
-	*   @Default {{}}
-	*/
-	frozenHeaderSettings?: FrozenHeaderSettings;
-
-	/** Allows user to display header name in PivotGrid control.
-	*   @Default {{}}
-	*/
-	headerSettings?: HeaderSettings;
-
-	/** Allows user to show appropriate unique name on Pivot button.
-	*   @Default {false}
-	*/
-	showUniqueNameOnPivotButton?: boolean;
-
-	/** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
-	*   @Default {null}
-	*/
-	customObject?: any;
-
-	/** Allows the user to collapsed the specified members in each field by default.
-	*   @Default {null}
-	*/
-	collapsedMembers?: any;
-
-	/** Allows the user to access each cell on mouse right-click.
-	*   @Default {false}
-	*/
-	enableCellContext?: boolean;
-
-	/** Enables the cell selection for a specific range of value cells.
-	*   @Default {false}
-	*/
-	enableCellSelection?: boolean;
-
-	/** Enables the Drill-Through feature which retrieves the raw items that are used to create the specific cell in PivotGrid.
-	*   @Default {false}
-	*/
-	enableDrillThrough?: boolean;
-
-	/** Allows user to get the cell details in JSON format on double clicking the cell.
-	*   @Default {false}
-	*/
-	enableCellDoubleClick?: boolean;
-
-	/** Allows user to edit the value cells for write-back support in PivotGrid. This is applicable only for server-mode.
-	*   @Default {false}
-	*/
-	enableCellEditing?: boolean;
-
-	/** Collapses the Pivot items along rows and columns by default.  It works only for relational data source.
-	*   @Default {false}
-	*/
-	enableCollapseByDefault?: boolean;
-
-	/** Enables/Disables the display of grand total for all the columns.
-	*   @Default {true}
-	*/
-	enableColumnGrandTotal?: boolean;
-
-	/** Allows the user to format a specific set of cells based on the condition.
-	*   @Default {false}
-	*/
-	enableConditionalFormatting?: boolean;
-
-	/** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each fields in server mode.
-	*   @Default {false}
-	*/
-	enableAdvancedFilter?: boolean;
-
-	/** Allows the user to refresh the control on-demand and not during every UI operation.
-	*   @Default {false}
-	*/
-	enableDeferUpdate?: boolean;
-
-	/** Enables the display of GroupingBar allowing you to filter, sort and remove fields obtained from datasource.
-	*   @Default {false}
-	*/
-	enableGroupingBar?: boolean;
-
-	/** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
-	*   @Default {false}
-	*/
-	enableMemberEditorPaging?: boolean;
-
-	/** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
-	*   @Default {100}
-	*/
-	memberEditorPageSize?: number;
-
-	/** Enables/Disables the display of grand total for rows and columns.
-	*   @Default {true}
-	*/
-	enableGrandTotal?: boolean;
-
-	/** Allows the user to load PivotGrid using JSON data.
-	*   @Default {false}
-	*/
-	enableJSONRendering?: boolean;
-
-	/** Enables rendering of PivotGrid widget along with the PivotTable Field List, which allows UI operations.
-	*   @Default {true}
-	*/
-	enablePivotFieldList?: boolean;
-
-	/** Enables the display of grand total for all the rows.
-	*   @Default {true}
-	*/
-	enableRowGrandTotal?: boolean;
-
-	/** Allows the user to view layout of the PivotGrid from right to left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Allows the user to enable ToolTip option.
-	*   @Default {false}
-	*/
-	enableToolTip?: boolean;
-
-	/** Allows the user to enable the animation effects in tooltip.
-	*   @Default {false}
-	*/
-	enableToolTipAnimation?: boolean;
-
-	/** Allows the user to adjust the width of the columns dynamically.
-	*   @Default {false}
-	*/
-	enableColumnResizing?: boolean;
-
-	/** Allows the user to view large amount of data through virtual scrolling.
-	*   @Default {false}
-	*/
-	enableVirtualScrolling?: boolean;
-
-	/** Allows the user to view large amount of data by applying paging.
-	*   @Default {false}
-	*/
-	enablePaging?: boolean;
-
-	/** Allows the user to configure hyperlink settings of PivotGrid control.
-	*   @Default {{}}
-	*/
-	hyperlinkSettings?: HyperlinkSettings;
-
-	/** Allows the user to enable PivotGrid’s responsiveness in the browser layout.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Contains the serialized JSON string which renders PivotGrid.
-	*/
-	jsonRecords?: string;
-
-	/** Sets the summary layout for PivotGrid.Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
-	*   @Default {ej.PivotGrid.Layout.Normal}
-	*/
-	layout?: ej.PivotGrid.Layout|string;
-
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Sets the mode for the PivotGrid widget for binding data source either in server-side or client-side.
-	*   @Default {ej.Pivot.OperationalMode.ClientMode}
-	*/
-	operationalMode?: ej.Pivot.OperationalMode|string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
-	*   @Default {{}}
-	*/
-	serviceMethodSettings?: ServiceMethodSettings;
+        export interface BeforeDropEventArgs {
 
-	/** Connects the service using the specified URL for any server updates.
-	*   @Default {“”}
-	*/
-	url?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Triggers when it reaches client-side after any AJAX request. */
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+            /** Returns the current cell row and column index.
+             */
+            currentCell?: any;
 
-	/** Triggers before any AJAX request is passed from PivotGrid to service methods. */
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+            /** Returns the drag cells range object.
+             */
+            dragAndDropRange?: any;
 
-	/** Triggers before Pivot Engine starts to populate. */
-	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): void;
+            /** Returns the cell Overwriting alert option value.
+             */
+            preventAlert?: boolean;
 
-	/** Triggers when double click action is performed over a cell. */
-	cellDoubleClick? (e: CellDoubleClickEventArgs): void;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Triggers when right-click action is performed on a cell. */
-	cellContext? (e: CellContextEventArgs): void;
+            /** Returns the target item.
+             */
+            target?: HTMLElement;
 
-	/** Triggers when a specific range of value cells are selected. */
-	cellSelection? (e: CellSelectionEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggers when the hyperlink of column header is clicked. */
-	columnHeaderHyperlinkClick? (e: ColumnHeaderHyperlinkClickEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Triggers after performing drill operation in PivotGrid. */
-	drillSuccess? (e: DrillSuccessEventArgs): void;
+        export interface BeforeEditCommentEventArgs {
 
-	/** Triggers while clicking &quot;OK&quot; button in the drill-through dialog. */
-	drillThrough? (e: DrillThroughEventArgs): void;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Triggers when PivotGrid loading is initiated. */
-	load? (e: LoadEventArgs): void;
+            /** Returns the comment cell index.
+             */
+            cellIndex?: any;
 
-	/** Triggers when PivotGrid widget completes all operations at client-side after any AJAX request. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
+            /** Returns the disable option value.
+             */
+            disable?: boolean;
 
-	/** Triggers when any error occurred during AJAX request. */
-	renderFailure? (e: RenderFailureEventArgs): void;
+            /** Returns the Spreadsheet model.
+             */
+            model?: any;
 
-	/** Triggers when PivotGrid successfully reaches client-side after any AJAX request. */
-	renderSuccess? (e: RenderSuccessEventArgs): void;
+            /** Returns the value of the comment
+             */
+            value?: string;
 
-	/** Triggers when the hyperlink of row header is clicked. */
-	rowHeaderHyperlinkClick? (e: RowHeaderHyperlinkClickEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggers when the hyperlink of summary cell is clicked. */
-	summaryCellHyperlinkClick? (e: SummaryCellHyperlinkClickEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Triggers when the hyperlink of value cell is clicked. */
-	valueCellHyperlinkClick? (e: ValueCellHyperlinkClickEventArgs): void;
+        export interface BeforeOpenEventArgs {
 
-	/** Triggers before saving the current report to database. */
-	saveReport? (e: SaveReportEventArgs): void;
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** Triggers before loading a report from database. */
-	loadReport? (e: LoadReportEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Triggers before performing exporting in pivot grid. */
-	beforeExport? (e: BeforeExportEventArgs): void;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Triggers before editing the cells. */
-	cellEdit? (e: CellEditEventArgs): void;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface AfterServiceInvokeEventArgs {
+        export interface BeforePanelOpenEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** returns the custom object bound with PivotGrid control.
-	*/
-	customObject?: any;
+            /** Returns the activation panel element.
+             */
+            activationPanel?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+            /** Returns the range option value.
+             */
+            range?: any;
 
-export interface BeforeServiceInvokeEventArgs {
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the custom object bound with PivotGrid control.
-	*/
-	customObject?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+        export interface CellClickEventArgs {
 
-export interface BeforePivotEnginePopulateEventArgs {
+            /** Returns the click cell element.
+             */
+            cell?: HTMLElement;
 
-	/** returns the PivotGrid object
-	*/
-	pivotGridObject?: any;
-}
+            /** Returns the column index of clicked cell.
+             */
+            columnIndex?: number;
 
-export interface CellDoubleClickEventArgs {
+            /** Returns the row index of clicked cell.
+             */
+            rowIndex?: number;
 
-	/** returns the JSON details of the double clicked cell.
-	*/
-	selectedData?: Array<any>;
+            /** Returns the column name of clicked cell.
+             */
+            columnName?: string;
 
-	/** returns the custom object bound with PivotGrid control.
-	*/
-	customObject?: any;
+            /** Returns the column information.
+             */
+            columnObject?: any;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface CellContextEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the cell position (row index and column index) in table.
-	*/
-	cellPosition?: string;
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** returns the type of the cell.
-	*/
-	cellType?: string;
+            /** Returns the value of the cell.
+             */
+            value?: string;
 
-	/** returns the content of the cell.
-	*/
-	cellValue?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** returns the unique name of levels/members.
-	*/
-	uniqueName?: string;
+        export interface CellEditEventArgs {
 
-	/** returns the role of the cell in PivotGrid.
-	*/
-	role?: string;
+            /** Returns the click cell element.
+             */
+            cell?: HTMLElement;
 
-	/** returns JSON record corresponding to the selected cell.
-	*/
-	rawdata?: any;
+            /** Returns the columnName of clicked cell.
+             */
+            columnName?: string;
 
-	/** returns the original event object.
-	*/
-	args?: any;
-}
+            /** Returns the column field information.
+             */
+            columnObject?: any;
 
-export interface CellSelectionEventArgs {
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the JSON records of the selected range of cells.
-	*/
-	JSONRecords?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Returns the row headers corresponding to the selected value cells.
-	*/
-	rowheader?: any;
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** Returns the column headers corresponding to the selected value cells.
-	*/
-	columnheader?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Returns the information about the measure associated with the selected cell.
-	*/
-	measureCount?: string;
-}
+        export interface CellFormattingEventArgs {
 
-export interface ColumnHeaderHyperlinkClickEventArgs {
+            /** Returns the sheet index
+             */
+            SheetIdx?: number;
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+            /** Returns the applied style format object
+             */
+            Format?: any;
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+            /** Returns the cell index.
+             */
+            Cell?: number;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+            /** Returns the name of the CSS theme.
+             */
+            cssClass?: string;
 
-export interface DrillSuccessEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the HTML element of the control.
-	*/
-	args?: any;
-}
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-export interface DrillThroughEventArgs {
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
+        }
 
-	/** return the JSON records of the generated cells on drill-through operation.
-	*/
-	data?: any;
+        export interface CellHoverEventArgs {
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-export interface LoadEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface RenderCompleteEventArgs {
+        export interface CellSaveEventArgs {
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+            /** Returns the save cell element.
+             */
+            cell?: HTMLElement;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+            /** Returns the columnName of clicked cell.
+             */
+            columnName?: string;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+            /** Returns the column field information.
+             */
+            columnObject?: any;
 
-export interface RenderFailureEventArgs {
+            /** Returns the index of the row.
+             */
+            rowIndex?: number;
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+            /** Returns the index of the column.
+             */
+            colIndex?: number;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
+            /** Returns the cell previous value.
+             */
+            pValue?: string;
 
-	/** returns the error message with error code.
-	*/
-	message?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface RenderSuccessEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the current action of PivotGrid control.
-	*/
-	action?: string;
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+            /** Returns the cell value.
+             */
+            value?: string;
+        }
 
-	/** returns the HTML element of PivotGrid control.
-	*/
-	element?: any;
-}
+        export interface CellSelectedEventArgs {
 
-export interface RowHeaderHyperlinkClickEventArgs {
+            /** Returns the active sheet index.
+             */
+            sheetIdx?: number;
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+            /** Returns the selected range.
+             */
+            selectedRange?: any[];
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+            /** Returns Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface SummaryCellHyperlinkClickEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+        export interface ContextMenuClickEventArgs {
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+            /** Returns target element Id.
+             */
+            Id?: string;
 
-export interface ValueCellHyperlinkClickEventArgs {
+            /** Returns the target element.
+             */
+            element?: HTMLElement;
 
-	/** returns the information about the clicked cell
-	*/
-	args?: any;
+            /** Returns event information.
+             */
+            event?: any;
 
-	/** returns the HTML element of the control.
-	*/
-	element?: any;
+            /** Returns target element and event information.
+             */
+            events?: any;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface SaveReportEventArgs {
+            /** Returns target element parent Id.
+             */
+            parentId?: string;
 
-	/** returns the report to be stored in database.
-	*/
-	report?: any;
-}
+            /** Returns target element parent text.
+             */
+            parentText?: string;
 
-export interface LoadReportEventArgs {
+            /** Returns target element text.
+             */
+            text?: string;
 
-	/** returns the PivotGrid object.
-	*/
-	targetControl?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns whether the control is bound with OLAP or Relational data source.
-	*/
-	dataModel?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface BeforeExportEventArgs {
+        export interface DragEventArgs {
 
-	/** contains the url of the service responsible for exporting.
-	*/
-	url?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** contains the name of the exporting file.
-	*/
-	fileName?: string;
-}
+            /** Returns the current cell row and column index.
+             */
+            currentCell?: any;
 
-export interface CellEditEventArgs {
+            /** Returns the drag cells range object.
+             */
+            dragAndDropRange?: any;
 
-	/** contains the array of cells selected for editing.
-	*/
-	editCellsInfo?: Array<any>;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface DataSourceColumnsAdvancedFilter {
+            /** Returns the target item.
+             */
+            target?: HTMLElement;
 
-	/** Allows the user to provide level unique name to perform advanced filtering.
-	*/
-	name?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows the user to set the operator to perform Label Filtering.
-	*   @Default {none}
-	*/
-	labelFilterOperator?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Allows the user to set the operator to perform Value Filtering.
-	*   @Default {none}
-	*/
-	valueFilterOperator?: string;
+        export interface DragShapeEventArgs {
 
-	/** Allows the user to set the filtering type while performing advanced filtering.
-	*/
-	advancedFilterType?: string;
+            /** Returns the Spreadsheet model.
+             */
+            model?: any;
 
-	/** In case of value filtering, this property contains the measure name to which the filter is applied.
-	*/
-	measure?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows the user to hold the filter operand values in advanced filtering.
-	*/
-	values?: Array<any>;
-}
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-export interface DataSourceColumnsFilterItems {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+        export interface DragStartEventArgs {
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-export interface DataSourceColumn {
-
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
-
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
-
-	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-	*   @Default {[]}
-	*/
-	advancedFilter?: Array<DataSourceColumnsAdvancedFilter>;
-
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
-
-	/** Shows/Hides the sub-total of the field in PivotGrid.
-	*   @Default {true}
-	*/
-	showSubTotal?: boolean;
-
-	/** Allows to set the format for the column headers.
-	*/
-	format?: string;
-
-	/** This property sets type of display of date.
-	*/
-	formatString?: string;
-
-	/** Allows to set the custom theme for the column headers.
-	*/
-	cssClass?: string;
-
-	/** Allows the user to set the sorting order of the members of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
-
-	/** Contains the list of members need to be drilled down by default in the field.
-	*   @Default {[]}
-	*/
-	drilledItems?: Array<any>;
-
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceColumnsFilterItems;
-}
+            /** Returns the current cell row and column index.
+             */
+            currentCell?: any;
 
-export interface DataSourceRowsAdvancedFilter {
+            /** Returns the drag cells range object.
+             */
+            dragAndDropRange?: any;
 
-	/** Allows the user to provide level unique name to perform advanced filtering.
-	*/
-	name?: string;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Allows the user to set the operator to perform Label Filtering.
-	*   @Default {none}
-	*/
-	labelFilterOperator?: string;
+            /** Returns the target item.
+             */
+            target?: HTMLElement;
 
-	/** Allows the user to set the operator to perform Value Filtering.
-	*   @Default {none}
-	*/
-	valueFilterOperator?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows the user to set the filtering type while performing advanced filtering.
-	*/
-	advancedFilterType?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** In case of value filtering, this property contains the measure name to which the filter is applied.
-	*/
-	measure?: string;
+        export interface DropEventArgs {
 
-	/** Allows the user to hold the filter operand values in advanced filtering.
-	*/
-	values?: Array<any>;
-}
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-export interface DataSourceRowsFilterItems {
+            /** Returns the current cell row and column index.
+             */
+            currentCell?: any;
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            /** Returns the drag cells range object.
+             */
+            dragAndDropRange?: any;
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface DataSourceRow {
-
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
-
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
-
-	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-	*   @Default {[]}
-	*/
-	advancedFilter?: Array<DataSourceRowsAdvancedFilter>;
-
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
-
-	/** Shows/Hides the sub-total of the field.
-	*   @Default {true}
-	*/
-	showSubTotal?: boolean;
-
-	/** Allows to set the format for the row headers.
-	*/
-	format?: string;
-
-	/** This property sets type of display of date.
-	*/
-	formatString?: string;
-
-	/** Allows to set the custom theme for the row headers.
-	*/
-	cssClass?: string;
-
-	/** Allows the user to set the sorting order of the members of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
-
-	/** Contains the list of members need to be drilled down by default in the field.
-	*   @Default {[]}
-	*/
-	drilledItems?: Array<any>;
-
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceRowsFilterItems;
-}
+            /** Returns the target item.
+             */
+            target?: HTMLElement;
 
-export interface DataSourceValuesMeasure {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-	*/
-	fieldName?: string;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface DataSourceValue {
+        export interface EditRangeBeginEventArgs {
 
-	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-	*/
-	fieldName?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** Allows the user to set the display caption for an item for Relational datasource.
-	*/
-	fieldCaption?: string;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** This holds the list of unique names of measures to bind them from the OLAP cube.
-	*   @Default {[]}
-	*/
-	measures?: Array<DataSourceValuesMeasure>;
+            /** Returns the range option value.
+             */
+            range?: any;
 
-	/** Allows to set the axis name to place the measures items.
-	*   @Default {rows}
-	*/
-	axis?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Indicates whether the field is a calculated field or not with Relational datasource.
-	*   @Default {false}
-	*/
-	isCalculatedField?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
-	*   @Default {ej.PivotAnalysis.SummaryType.Sum}
-	*/
-	summaryType?: ej.PivotAnalysis.SummaryType|string;
+        export interface EditRangeCompleteEventArgs {
 
-	/** Allows to set the format for the values.
-	*/
-	format?: string;
+            /** Returns the sheet index.
+             */
+            sheetIdx?: number;
 
-	/** This property sets type of display of date.
-	*/
-	formatString?: string;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-	*/
-	formula?: string;
+            /** Returns the range option value.
+             */
+            range?: any;
 
-	/** Allows to set the custom theme for the values.
-	*/
-	cssClass?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface DataSourceFiltersFilterItems {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+        export interface KeyDownEventArgs {
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the sheet index.
+             */
+            sheetIndex?: number;
 
-export interface DataSourceFilter {
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Returns the boolean value.
+             */
+            isCommentEdit?: boolean;
 
-	/** Allows the user to set the display name for an item.
-	*/
-	fieldCaption?: string;
+            /** Returns the boolean value.
+             */
+            isEdit?: boolean;
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceFiltersFilterItems;
-}
+            /** Returns the boolean value.
+             */
+            isSheetRename?: boolean;
 
-export interface DataSourcePagerOptions {
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** Allows to set the number of categorical columns to be displayed in each page on applying paging.
-	*   @Default {0}
-	*/
-	categoricalPageSize?: number;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows to set the number of series rows to be displayed in each page on applying paging.
-	*   @Default {0}
-	*/
-	seriesPageSize?: number;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Allows to set the page number in categorical axis to be loaded by default.
-	*   @Default {1}
-	*/
-	categoricalCurrentPage?: number;
+        export interface KeyUpEventArgs {
 
-	/** Allows to set the page number in series axis to be loaded by default.
-	*   @Default {1}
-	*/
-	seriesCurrentPage?: number;
-}
+            /** Returns the sheet index.
+             */
+            sheetIndex?: number;
 
-export interface DataSource {
-
-	/** Lists out the items to be arranged in columns section of PivotGrid.
-	*   @Default {[]}
-	*/
-	columns?: Array<DataSourceColumn>;
-
-	/** Lists out the items to be arranged in rows section of PivotGrid.
-	*   @Default {[]}
-	*/
-	rows?: Array<DataSourceRow>;
-
-	/** Lists out the items which supports calculation in PivotGrid.
-	*   @Default {[]}
-	*/
-	values?: Array<DataSourceValue>;
-
-	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGrid.
-	*   @Default {[]}
-	*/
-	filters?: Array<DataSourceFilter>;
-
-	/** Contains the respective cube name from OLAP database as string type.
-	*   @Default {“”}
-	*/
-	cube?: string;
-
-	/** To set the data source name to fetch data from that.
-	*   @Default {“”}
-	*/
-	sourceInfo?: string;
-
-	/** Set the provider name for PivotGrid to identify whether the provider is SSAS or Mondrian.
-	*   @Default {ssas}
-	*/
-	providerName?: string;
-
-	/** Provides the raw data source for the PivotGrid.
-	*   @Default {null}
-	*/
-	data?: any;
-
-	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-	*   @Default {“”}
-	*/
-	catalog?: string;
-
-	/** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option for OLAP data source in client-mode.
-	*   @Default {false}
-	*/
-	enableAdvancedFilter?: boolean;
-
-	/** Sets a name to the report bound to the control.
-	*/
-	reportName?: string;
-
-	/** Allows to set the page size and current page number for each axis on applying paging.
-	*   @Default {{}}
-	*/
-	pagerOptions?: DataSourcePagerOptions;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface ValueSortSettings {
+            /** Returns the boolean value.
+             */
+            isCommentEdit?: boolean;
 
-	/** Contains the headers of the specific column to which value sorting is applied.
-	*/
-	headerText?: string;
+            /** Returns the boolean value.
+             */
+            isEdit?: boolean;
 
-	/** Allows the user to set the string for separating column headers provided in the above property headerText.
-	*/
-	headerDelimiters?: string;
+            /** Returns the boolean value.
+             */
+            isSheetRename?: boolean;
 
-	/** Allows the user to set the sorting order of the values of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
-}
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-export interface FrozenHeaderSettings {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows the user to freeze the row headers alone on scrolling the horizontal scroll bar.
-	*   @Default {false}
-	*/
-	enableFrozenRowHeaders?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Allows the user to freeze the column headers alone on scrolling the vertical scroll bar.
-	*   @Default {false}
-	*/
-	enableFrozenColumnHeaders?: boolean;
+        export interface LoadEventArgs {
 
-	/** Allows the user to freeze both the row headers and column headers on scrolling.
-	*   @Default {false}
-	*/
-	enableFrozenHeaders?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows user to set the size of the scrollbar (horizontal and vertical) visible in PivotGrid.
-	*   @Default {18}
-	*/
-	scrollerSize?: number;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface HeaderSettings {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Allows user to enable/disable row header names in PivotGrid control.
-	*   @Default {false}
-	*/
-	showRowItems?: boolean;
+            /** Returns the active sheet index.
+             */
+            sheetIndex?: number;
+        }
 
-	/** Allows user to enable/disable column header names in PivotGrid control.
-	*   @Default {false}
-	*/
-	showColumnItems?: boolean;
-}
+        export interface LoadCompleteEventArgs {
 
-export interface HyperlinkSettings {
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** Allows the user to enable/disable hyperlink for column header.
-	*   @Default {false}
-	*/
-	enableColumnHeaderHyperlink?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** Allows the user to enable/disable hyperlink for row header.
-	*   @Default {false}
-	*/
-	enableRowHeaderHyperlink?: boolean;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** Allows the user to enable/disable hyperlink for summary cells.
-	*   @Default {false}
-	*/
-	enableSummaryCellHyperlink?: boolean;
+        export interface MenuClickEventArgs {
 
-	/** Allows the user to enable/disable hyperlink for value cells.
-	*   @Default {false}
-	*/
-	enableValueCellHyperlink?: boolean;
-}
+            /** Returns menu click element.
+             */
+            element?: HTMLElement;
 
-export interface ServiceMethodSettings {
-
-	/** Allows the user to set the custom name for the service method responsible for drill up/down operation in PivotGrid.
-	*   @Default {DrillGrid}
-	*/
-	drillDown?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for exporting.
-	*   @Default {Export}
-	*/
-	exportPivotGrid?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for performing server-side actions on defer update.
-	*   @Default {DeferUpdate}
-	*/
-	deferUpdate?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
-	*   @Default {FetchMembers}
-	*/
-	fetchMembers?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for filtering operation in PivotGrid.
-	*   @Default {Filtering}
-	*/
-	filtering?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for initializing PivotGrid.
-	*   @Default {InitializeGrid}
-	*/
-	initialize?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node from Field List.
-	*   @Default {NodeDropped}
-	*/
-	nodeDropped?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
-	*   @Default {NodeStateModified}
-	*/
-	nodeStateModified?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for performing paging operation in PivotGrid.
-	*   @Default {Paging}
-	*/
-	paging?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for sorting operation in PivotGrid.
-	*   @Default {Sorting}
-	*/
-	sorting?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for expanding members inside member editor.
-	*   @Default {MemberExpanded}
-	*/
-	memberExpand?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for editing the cells.
-	*   @Default {CellEditing}
-	*/
-	cellEditing?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for saving the current report to database.
-	*   @Default {SaveReport}
-	*/
-	saveReport?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for loading a report from database.
-	*   @Default {LoadReportFromDB}
-	*/
-	loadReport?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for adding a calculated field to the report.
-	*   @Default {CalculatedField}
-	*/
-	calculatedField?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for performing drill through operation.
-	*   @Default {DrillThroughHierarchies}
-	*/
-	drillThroughHierarchies?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for performing drill through operation in data table.
-	*   @Default {DrillThroughDataTable}
-	*/
-	drillThroughDataTable?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for write-back operation in OLAP Cube. This is only applicable in server-side component.
-	*   @Default {WriteBack}
-	*/
-	writeBack?: string;
-}
+            /** Returns the event information.
+             */
+            event?: any;
 
-enum Layout{
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	///To set normal summary layout in PivotGrid.
-	Normal,
+            /** Returns target element parent Id.
+             */
+            parentId?: string;
 
-	///To set layout with summaries at the top in PivotGrid.
-	NormalTopSummary,
+            /** Returns target element parent text.
+             */
+            parentText?: string;
 
-	///To set layout without summaries in PivotGrid.
-	NoSummaries,
+            /** Returns target element text.
+             */
+            text?: string;
 
-	///To set excel-like layout in PivotGrid.
-	ExcelLikeLayout
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-}
-module Pivot
-{
-enum AnalysisMode
-{
-//To bind an OLAP data source to PivotGrid.
-OLAP,
-//To bind a relational data source to PivotGrid.
-Pivot,
-}
-}
-module PivotAnalysis
-{
-enum SortOrder
-{
-//Sorts the members of the field in ascending order.
-Ascending,
-//Sorts the members of the field in descending order.
-Descending,
-//Displays the members without sorting in any order.
-None,
-}
-}
-module PivotAnalysis
-{
-enum FilterType
-{
-//Excludes the specified values among the members of the field.
-Exclude,
-//Includes the specified values alone among the members of the field.
-Include,
-}
-}
-module PivotAnalysis
-{
-enum SummaryType
-{
-//Calculates the summary as the total of all values.
-Sum,
-//Displays the average of all values as the summaries.
-Average,
-//Displays the count of items in summaries.
-Count,
-//Displays the minimum value of all the items in the summary.
-Min,
-//Displays the maximum value of all the items in the summary.
-Max,
-}
-}
-module Pivot
-{
-enum OperationalMode
-{
-//To bind data source completely from client-side.
-ClientMode,
-//To bind data source completely from server-side.
-ServerMode,
-}
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-class PivotSchemaDesigner extends ej.Widget {
-	static fn: PivotSchemaDesigner;
-	constructor(element: JQuery, options?: PivotSchemaDesigner.Model);
-	constructor(element: Element, options?: PivotSchemaDesigner.Model);
-	static Locale: any;
-	model:PivotSchemaDesigner.Model;
-	defaults:PivotSchemaDesigner.Model;
-
-	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Re-renders the control with the data source bound to the pivot control at that instant.
-	*   @returns {void}
-	*/
-	refreshControl(): void;
-}
-export module PivotSchemaDesigner{
-
-export interface Model {
-
-	/** Specifies the CSS class to PivotSchemaDesigner to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Object utilized to pass additional information between client-end and service-end.
-	*   @Default {{}}
-	*/
-	customObject?: any;
-
-	/** For ASP.NET and MVC Wrapper, PivotSchemaDesigner will be initialized and rendered empty initially. Once the connected pivot control widget is rendered completely, PivotSchemaDesigner will just be populated with data source by setting this property to “true”.
-	*   @Default {false}
-	*/
-	enableWrapper?: boolean;
-
-	/** Allows the user to view PivotTable Field List from right to left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Sets the visibility of OLAP elements in PivotTable Field List. This is only applicable for OLAP datasource.
-	*   @Default {null}
-	*/
-	olap?: Olap;
-
-	/** Allows the user to enable/disable drag and drop operations within the PivotTable Field List.
-	*   @Default {true}
-	*/
-	enableDragDrop?: boolean;
-
-	/** Sets the height for PivotSchemaDesigner.
-	*   @Default {“”}
-	*/
-	height?: string;
-
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the Pivot control bound with this PivotSchemaDesigner.
-	*   @Default {null}
-	*/
-	pivotControl?: any;
-
-	/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
-	*   @Default {{}}
-	*/
-	serviceMethod?: ServiceMethod;
-
-	/** Connects the service using the specified URL for any server updates.
-	*   @Default {“”}
-	*/
-	url?: string;
-
-	/** Sets the width for PivotSchemaDesigner.
-	*   @Default {“”}
-	*/
-	width?: string;
-
-	/** Sets the layout for PivotSchemaDesigner.
-	*   @Default {ej.PivotSchemaDesigner.Layouts.Excel}
-	*/
-	layout?: ej.PivotSchemaDesigner.Layouts|string;
-
-	/** Triggers when it reaches client-side after any AJAX request. */
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
-
-	/** Triggers before any AJAX request is passed from PivotSchemaDesigner to service methods. */
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/** Triggers when we start dragging any field from PivotSchemaDesigner. */
-	dragMove? (e: DragMoveEventArgs): void;
-}
+        export interface OnImportEventArgs {
 
-export interface AfterServiceInvokeEventArgs {
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the custom object bound with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the HTML element of PivotSchemaDesigner control.
-	*/
-	element?: any;
-}
+            /** Returns the imported data.
+             */
+            importData?: any;
+        }
 
-export interface BeforeServiceInvokeEventArgs {
+        export interface OpenFailureEventArgs {
 
-	/** returns the current action of PivotSchemaDesigner control.
-	*/
-	action?: string;
+            /** Returns the failure type.
+             */
+            failureType?: string;
 
-	/** returns the custom object bound with PivotSchemaDesigner control.
-	*/
-	customObject?: any;
+            /** Returns the status index.
+             */
+            status?: number;
 
-	/** returns the HTML element of PivotSchemaDesigner control.
-	*/
-	element?: any;
-}
+            /** Returns the status in text.
+             */
+            statusText?: string;
 
-export interface DragMoveEventArgs {
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the HTML element of the dragged field from PivotSchemaDesigner.
-	*/
-	dragTarget?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** return the JSON details of the dragged field.
-	*/
-	draggedElementData?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface PagerClickEventArgs {
 
-	/** returns the PivotSchemaDesigner model
-	*/
-	model?: any;
-}
+            /** Returns the active sheet index.
+             */
+            activeSheet?: number;
 
-export interface Olap {
+            /** Returns the new sheet index.
+             */
+            gotoSheet?: number;
 
-	/** Allows the user to view the KPI elements in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
-	*   @Default {false}
-	*/
-	showKPI?: boolean;
+            /** Returns whether new sheet icon is clicked.
+             */
+            newSheet?: boolean;
 
-	/** Allows the user to view the named sets in tree-view inside PivotTable Field List. This is only applicable for OLAP datasource.
-	*   @Default {false}
-	*/
-	showNamedSets?: boolean;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface ServiceMethod {
-
-	/** Allows the user to set the custom name for the service method responsible for getting the values for the tree-view inside filter dialog.
-	*   @Default {FetchMembers}
-	*/
-	fetchMembers?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for filtering operation in Field List.
-	*   @Default {Filtering}
-	*/
-	filtering?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for the server-side action, on expanding members in Field List.
-	*   @Default {MemberExpanded}
-	*/
-	memberExpand?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for the server-side action, on dropping a node into Field List.
-	*   @Default {NodeDropped}
-	*/
-	nodeDropped?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for the server-side action on changing the checked state of a node in Field List.
-	*   @Default {NodeStateModified}
-	*/
-	nodeStateModified?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for button removing operation in Field List.
-	*   @Default {RemoveButton}
-	*/
-	removeButton?: string;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-enum Layouts{
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	///To set the layout as same in the Excel.
-	Excel,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	///To set normal layout for Field List.
-	Normal,
+        export interface ResizeStartEventArgs {
 
-	///To set layout with the axes one above the other.
-	OneByOne
-}
+            /** Returns the column index which column you start to resize.
+             */
+            colIndex?: number;
 
-}
+            /** Returns the row index which row you start to resize.
+             */
+            rowIndex?: number;
 
-class PivotPager extends ej.Widget {
-	static fn: PivotPager;
-	constructor(element: JQuery, options?: PivotPager.Model);
-	constructor(element: Element, options?: PivotPager.Model);
-	static Locale: any;
-	model:PivotPager.Model;
-	defaults:PivotPager.Model;
-
-	/** This function initializes the page counts and page numbers for the PivotPager.
-	*   @returns {void}
-	*/
-	initPagerProperties(): void;
-}
-export module PivotPager{
-
-export interface Model {
-
-	/** Contains the current page number in categorical axis.
-	*   @Default {1}
-	*/
-	categoricalCurrentPage?: number;
-
-	/** Contains the total page count in categorical axis.
-	*   @Default {1}
-	*/
-	categoricalPageCount?: number;
-
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the pager mode (Only Categorical Pager/Only Series Pager/Both) for the PivotPager.
-	*   @Default {ej.PivotPager.Mode.Both}
-	*/
-	mode?: ej.PivotPager.Mode|string;
-
-	/** Contains the current page number in series axis.
-	*   @Default {1}
-	*/
-	seriesCurrentPage?: number;
-
-	/** Contains the total page count in series axis.
-	*   @Default {1}
-	*/
-	seriesPageCount?: number;
-
-	/** Contains the ID of the target element for which paging needs to be done.
-	*   @Default {“”}
-	*/
-	targetControlID?: string;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: any;
 
-enum Mode{
+            /** Returns type of the request.
+             */
+            reqType?: string;
 
-	///To set both categorical and series pager for paging.
-	Both,
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	///To set only categorical pager for paging.
-	Categorical,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	///To set only series pager for paging.
-	Series
-}
+        export interface ResizeEndEventArgs {
 
-}
+            /** Returns the column index which you resized.
+             */
+            colIndex?: number;
 
-class PivotChart extends ej.Widget {
-	static fn: PivotChart;
-	constructor(element: JQuery, options?: PivotChart.Model);
-	constructor(element: Element, options?: PivotChart.Model);
-	static Locale: any;
-	model:PivotChart.Model;
-	defaults:PivotChart.Model;
-
-	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Perform an asynchronous HTTP (FullPost) submit.
-	*   @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Exports the PivotChart to the format specified in the parameter.
-	*   @returns {void}
-	*/
-	exportPivotChart(): void;
-
-	/** This function renders the PivotChart control with the JSON formatted datasource.
-	*   @returns {void}
-	*/
-	renderChartFromJSON(): void;
-
-	/** This function receives the update from service-end, which would be utilized for rendering the widget.
-	*   @returns {void}
-	*/
-	renderControlSuccess(): void;
-
-	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
-	getOlapReport(): string;
-
-	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
-	setOlapReport(): void;
-
-	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
-
-	/** Sets the JSON records to render the control.
-	*   @returns {void}
-	*/
-	setJSONRecords(): void;
-
-	/** Returns the PivotEngine formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getPivotEngine(): Array<any>;
-
-	/** Sets the PivotEngine required to render the control.
-	*   @returns {void}
-	*/
-	setPivotEngine(): void;
-
-	/** Re-renders the control with the data source at the instant.
-	*   @returns {void}
-	*/
-	refreshControl(): void;
-
-	/** Renders the control with the pivot engine obtained from olap cube.
-	*   @returns {void}
-	*/
-	generateJSON(): void;
-
-	/** Navigates to the specified page number in specified axis.
-	*   @returns {void}
-	*/
-	refreshPagedPivotChart(): void;
-}
-export module PivotChart{
-
-export interface Model {
-
-	/** Sets the mode for the PivotChart widget for binding either OLAP or Relational data source.
-	*   @Default {ej.Pivot.AnalysisMode.Pivot}
-	*/
-	analysisMode?: ej.Pivot.AnalysisMode|string;
-
-	/** Specifies the CSS class to PivotChart to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Options for enabling zooming feature of PivotChart.
-	*   @Default {{}}
-	*/
-	zooming?: Zooming;
-
-	/** Options available to configure the properties of entire series. You can also override the options for specific series by using series collection.
-	*   @Default {{}}
-	*/
-	commonSeriesOptions?: CommonSeriesOptions;
-
-	/** Initializes the data source for the PivotChart widget, when it functions completely on client-side.
-	*   @Default {{}}
-	*/
-	dataSource?: DataSource;
-
-	/** Object utilized to pass additional information between client-end and service-end on operating the control in server mode.
-	*   @Default {{}}
-	*/
-	customObject?: any;
-
-	/** Allows the user to enable 3D view of PivotChart.
-	*   @Default {false}
-	*/
-	enable3D?: boolean;
-
-	/** Allows the user to view PivotChart from right to left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Allows user to render complete PivotChart on drill operation, that is, when expanding and collapsing members which are shown in multi-level labels.
-	*   @Default {false}
-	*/
-	enableMultiLevelLabels?: boolean;
-
-	/** Allows the user to enable PivotChart’s responsiveness in the browser layout.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Lets the user to customize the legend items and their labels.
-	*   @Default {{}}
-	*/
-	legend?: any;
-
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the mode for the PivotChart widget for binding data source either in server-side or client-side.
-	*   @Default {ej.Pivot.OperationalMode.ClientMode}
-	*/
-	operationalMode?: ej.Pivot.OperationalMode|string;
-
-	/** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array. To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
-	*   @Default {{}}
-	*/
-	primaryXAxis?: any;
-
-	/** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array. To override y axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s yAxisName property to link both axis and series.
-	*   @Default {{}}
-	*/
-	primaryYAxis?: any;
-
-	/** Allows the user to rotate the angle of PivotChart in 3D view.
-	*   @Default {0}
-	*/
-	rotation?: number;
-
-	/** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
-	*   @Default {{}}
-	*/
-	serviceMethodSettings?: ServiceMethodSettings;
-
-	/** Options to customize the size of the PivotChart control.
-	*   @Default {{}}
-	*/
-	size?: any;
-
-	/** Connects the service using the specified URL for any server updates on operating the control in server mode.
-	*   @Default {“”}
-	*/
-	url?: string;
-
-	/** Triggers when PivotChart starts to render. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggers when it reaches client-side after any AJAX request. */
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
-
-	/** Triggers before any AJAX request is passed from PivotChart to service methods. */
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/** Triggers on performing drill up/down in PivotChart control. */
-	drillSuccess? (e: DrillSuccessEventArgs): void;
-
-	/** Triggers when PivotChart widget completes all operations at client-side after any AJAX request. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-
-	/** Triggers when any error occurred during AJAX request. */
-	renderFailure? (e: RenderFailureEventArgs): void;
-
-	/** Triggers when PivotChart successfully reaches client-side after any AJAX request. */
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-
-	/** Triggers before performing exporting in pivot chart. */
-	beforeExport? (e: BeforeExportEventArgs): void;
-}
+            /** Returns old width of the column or shape.
+             */
+            oldWidth?: number;
 
-export interface LoadEventArgs {
+            /** Returns new width of the column or shape.
+             */
+            newWidth?: number;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+            /** Returns the row index which you resized.
+             */
+            rowIndex?: number;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+            /** Returns old height of the row or shape.
+             */
+            oldHeight?: number;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+            /** Returns new height of the row or shape.
+             */
+            newHeight?: number;
 
-export interface AfterServiceInvokeEventArgs {
+            /** Returns the Spreadsheet model.
+             */
+            model?: any;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+            /** Returns type of the request.
+             */
+            reqType?: string;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface BeforeServiceInvokeEventArgs {
+        export interface RibbonClickEventArgs {
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+            /** Returns element Id.
+             */
+            Id?: string;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+            /** Returns target information.
+             */
+            prop?: any;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-export interface DrillSuccessEventArgs {
+            /** Returns status.
+             */
+            status?: boolean;
 
-	/** returns the current instance of PivotChart.
-	*/
-	chartObj?: any;
+            /** Returns isChecked in boolean.
+             */
+            isChecked?: boolean;
 
-	/** returns the drill action of PivotChart.
-	*/
-	drillAction?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-	/** contains the name of the member drilled.
-	*/
-	drilledMember?: string;
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
 
-	/** returns the event object.
-	*/
-	event?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-export interface RenderCompleteEventArgs {
+        export interface SeriesRenderingEventArgs {
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+            /** Returns chart data and chart information.
+             */
+            data?: any;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+            /** Returns the chart model.
+             */
+            model?: ej.Spreadsheet.Model;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface RenderFailureEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+        export interface TabClickEventArgs {
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+            /** Returns the active tab index.
+             */
+            activeIndex?: number;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
+            /** Returns active tab header element.
+             */
+            activeHeader?: any;
 
-	/** returns the error stack trace of the original exception.
-	*/
-	message?: string;
-}
+            /** Returns previous active tab header element.
+             */
+            prevActiveHeader?: any;
 
-export interface RenderSuccessEventArgs {
+            /** Returns previous active tab index.
+             */
+            prevActiveIndex?: number;
 
-	/** returns the current instance of PivotChart.
-	*/
-	args?: any;
-}
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface BeforeExportEventArgs {
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
+
+        export interface TabSelectEventArgs {
 
-	/** contains the url of the service responsible for exporting.
-	*/
-	url?: string;
+            /** Returns the active tab index.
+             */
+            activeIndex?: number;
+
+            /** Returns active tab header element.
+             */
+            activeHeader?: any;
 
-	/** contains the name of the exporting file.
-	*/
-	fileName?: string;
-}
+            /** Returns previous active tab header element.
+             */
+            prevActiveHeader?: any;
+
+            /** Returns previous active tab index.
+             */
+            prevActiveIndex?: number;
+
+            /** Returns the Spreadsheet model.
+             */
+            model?: ej.Spreadsheet.Model;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+
+            /** Returns the target element.
+             */
+            target?: HTMLElement;
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+        }
+
+        export interface AutoFillSettings {
+
+            /** This property is used to set fillType unit in Spreadsheet. It has five types which are CopyCells, FillSeries, FillFormattingOnly, FillWithoutFormatting and FlashFill.
+             * @Default {ej.Spreadsheet.AutoFillOptions.FillSeries}
+             */
+            fillType?: ej.Spreadsheet.AutoFillOptions|string;
+
+            /** Gets or sets a value that indicates to enable or disable auto fill options in the Spreadsheet.
+             * @Default {true}
+             */
+            showFillOptions?: boolean;
+        }
+
+        export interface ChartSettings {
+
+            /** Gets or sets a value that defines the chart height in Spreadsheet.
+             * @Default {220}
+             */
+            height?: number;
+
+            /** Gets or sets a value that defines the chart width in the Spreadsheet.
+             * @Default {440}
+             */
+            width?: number;
+        }
+
+        export interface ExportSettings {
+
+            /** Gets or sets a value that indicates whether to enable or disable save feature in Spreadsheet. By enabling this feature, you can save existing Spreadsheet.
+             * @Default {true}
+             */
+            allowExporting?: boolean;
+
+            /** Gets or sets a value that indicates to define csvUrl for export to CSV format.
+             * @Default {null}
+             */
+            csvUrl?: string;
+
+            /** Gets or sets a value that indicates to define excelUrl for export to excel format.
+             * @Default {null}
+             */
+            excelUrl?: string;
+
+            /** Gets or sets a value that indicates to define password while export to excel format.
+             * @Default {null}
+             */
+            password?: string;
+
+            /** Gets or sets a value that indicates to define pdfUrl for export to PDF format.
+             * @Default {null}
+             */
+            pdfUrl?: string;
+        }
+
+        export interface FormatSettings {
+
+            /** Gets or sets a value that indicates whether to enable or disable cell border feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowCellBorder?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable decimal places in the Spreadsheet.
+             * @Default {true}
+             */
+            allowDecimalPlaces?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable font family feature in Spreadsheet.
+             * @Default {true}
+             */
+            allowFontFamily?: boolean;
+        }
+
+        export interface ImportSettings {
+
+            /** Sets import mapper to perform import feature in Spreadsheet.
+             */
+            importMapper?: string;
+
+            /** Gets or sets a value that indicates whether to enable or disable import while initial loading.
+             * @Default {false}
+             */
+            importOnLoad?: boolean;
+
+            /** Sets import URL to access the online files in the Spreadsheet.
+             */
+            importUrl?: string;
+
+            /** Gets or sets a value that indicates to define password while importing in the Spreadsheet.
+             */
+            password?: string;
+        }
+
+        export interface NameManager {
+
+            /** Specifies the name for the cell or a range.
+             */
+            name?: string;
+
+            /** Specifies the address for the cell or a range.
+             */
+            refersto?: string;
+        }
+
+        export interface PictureSettings {
+
+            /** Gets or sets a value that indicates whether to enable or disable picture feature in Spreadsheet. By enabling this, you can add pictures in Spreadsheet.
+             * @Default {true}
+             */
+            allowPictures?: boolean;
+
+            /** Gets or sets a value that indicates to define height to picture in the Spreadsheet.
+             * @Default {220}
+             */
+            height?: number;
+
+            /** Gets or sets a value that indicates to define width to picture in the Spreadsheet.
+             * @Default {440}
+             */
+            width?: number;
+        }
+
+        export interface PrintSettings {
+
+            /** Gets or sets a value that indicates whether to enable or disable page setup support for printing in Spreadsheet.
+             * @Default {true}
+             */
+            allowPageSetup?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable page size support for printing in Spreadsheet.
+             * @Default {false}
+             */
+            allowPageSize?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable print feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowPrinting?: boolean;
+        }
+
+        export interface RibbonSettingsApplicationTabMenuSettings {
+
+            /** Gets or sets a value that indicates whether to enable or disable isAppend property in ribbon settings.
+             * @Default {false}
+             */
+            isAppend?: boolean;
+
+            /** Specifies the data source to append in application tab.
+             * @Default {[]}
+             */
+            dataSource?: any[];
+        }
+
+        export interface RibbonSettingsApplicationTab {
+
+            /** Gets or sets a value that indicates to set application tab type in Spreadsheet. It has two types, Menu and Backstage.
+             * @Default {ej.Ribbon.ApplicationTabType.Backstage}
+             */
+            type?: ej.Ribbon.ApplicationTabType|string;
+
+            /** Gets or sets an object that indicates menu settings for application tab in Spreadsheet.
+             */
+            menuSettings?: RibbonSettingsApplicationTabMenuSettings;
+        }
+
+        export interface RibbonSettings {
+
+            /** Gets or sets an object that indicates application tab settings in Spreadsheet.
+             */
+            applicationTab?: RibbonSettingsApplicationTab;
+        }
+
+        export interface ScrollSettings {
+
+            /** Gets or sets a value that indicates whether to enable or disable scrolling in Spreadsheet.
+             * @Default {true}
+             */
+            allowScrolling?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable sheet on demand. By enabling this, it render only the active sheet element while paging remaining sheets are
+             * created one by one.
+             * @Default {false}
+             */
+            allowSheetOnDemand?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable or disable virtual scrolling feature in the Spreadsheet.
+             * @Default {true}
+             */
+            allowVirtualScrolling?: boolean;
+
+            /** Gets or sets the value that indicates to define the height of spreadsheet.
+             * @Default {100%}
+             */
+            height?: number|string;
+
+            /** Gets or sets the value that indicates whether to enable or disable responsive mode in the Spreadsheet.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Gets or sets a value that indicates to set scroll mode in Spreadsheet. It has two scroll modes, Normal and Infinite.
+             * @Default {ej.Spreadsheet.scrollMode.Infinite}
+             */
+            scrollMode?: ej.Spreadsheet.scrollMode|string;
+
+            /** Gets or sets the value that indicates to define the height of the spreadsheet.
+             * @Default {100%}
+             */
+            width?: number|string;
+        }
+
+        export interface SelectionSettings {
+
+            /** Gets or sets a value that indicates to define active cell in spreadsheet.
+             */
+            activeCell?: string;
+
+            /** Gets or sets a value that indicates to define animation time while selection in the Spreadsheet.
+             * @Default {0.001}
+             */
+            animationTime?: number;
+
+            /** Gets or sets a value that indicates to enable or disable animation while selection.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Gets or sets a value that indicates to set selection type in Spreadsheet. It has three types which are Column, Row and Default.
+             * @Default {ej.Spreadsheet.SelectionType.Default}
+             */
+            selectionType?: ej.Spreadsheet.SelectionType|string;
+
+            /** Gets or sets a value that indicates to set selection unit in Spreadsheet. It has three types which are Single, Range and MultiRange.
+             * @Default {ej.Spreadsheet.SelectionUnit.MultiRange}
+             */
+            selectionUnit?: ej.Spreadsheet.SelectionUnit|string;
+        }
+
+        export interface SheetsBorder {
+
+            /** Specifies border type in the Spreadsheet.
+             */
+            type?: ej.Spreadsheet.BorderType|string;
+
+            /** Specifies border color for range of cells in Spreadsheet.
+             */
+            color?: string;
+
+            /** To apply border for the specified range of cell.
+             */
+            range?: string;
+        }
+
+        export interface SheetsCFormatRule {
+
+            /** Specifies the conditions to apply for the range of cells in Spreadsheet.
+             */
+            action?: ej.Spreadsheet.CFormatRule|string;
+
+            /** Specifies the color to apply for the range of cell while conditional formatting.
+             */
+            color?: ej.Spreadsheet.CFormatHighlightColor|string;
+
+            /** Specifies the inputs for conditional formatting in Spreadsheet.
+             * @Default {[]}
+             */
+            inputs?: any[];
+
+            /** Specifies the range for conditional formatting in Spreadsheet.
+             */
+            range?: string;
+        }
+
+        export interface SheetsRangeSetting {
+
+            /** Gets or sets the data to render the Spreadsheet.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Specifies the header styles for the headers in datasource range.
+             * @Default {null}
+             */
+            headerStyles?: any;
+
+            /** Specifies the primary key for the datasource in Spreadsheet.
+             */
+            primaryKey?: string;
+
+            /** Specifies the query for the datasource in Spreadsheet.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
+             * @Default {true}
+             */
+            showHeader?: boolean;
+
+            /** Specifies the start cell for the datasource range in Spreadsheet.
+             * @Default {A1}
+             */
+            startCell?: string;
+        }
+
+        export interface SheetsRowsCellsComment {
+
+            /** Get or sets the value that indicates whether to show or hide comments in Spreadsheet.
+             * @Default {false}
+             */
+            isVisible?: boolean;
+
+            /** Specifies the value for the comment in Spreadsheet.
+             */
+            value?: string;
+        }
+
+        export interface SheetsRowsCellsFormat {
+
+            /** Specifies the number of decimal places for the given input.
+             * @Default {2}
+             */
+            decimalPlaces?: number;
+
+            /** Specifies the string format for the given input.
+             */
+            formatStr?: string;
+
+            /** Specifies the thousand separator for the given input.
+             * @Default {false}
+             */
+            thousandSeparator?: boolean;
+
+            /** Specifies the type of the format in Spreadsheet.
+             */
+            type?: string;
+        }
+
+        export interface SheetsRowsCellsHyperlink {
+
+            /** Specifies the web address for the hyperlink of a cell.
+             */
+            webAddr?: string;
+
+            /** Specifies the cell address for the hyperlink of a cell.
+             */
+            cellAddr?: string;
+
+            /** Specifies the sheet index to which the cell is referred.
+             * @Default {1}
+             */
+            sheetIndex?: number;
+        }
+
+        export interface SheetsRowsCellsStyle {
+
+            /** Specifies the background color of a cell in the Spreadsheet.
+             */
+            backgroundColor?: string;
+
+            /** Specifies the font color of a cell in the Spreadsheet.
+             */
+            color?: string;
+
+            /** Specifies the font weight of a cell in the Spreadsheet.
+             */
+            fontWeight?: string;
+        }
+
+        export interface SheetsRowsCell {
+
+            /** Specifies the comment for a cell in Spreadsheet.
+             * @Default {null}
+             */
+            comment?: SheetsRowsCellsComment;
+
+            /** Specifies the format of a cell in Spreadsheet.
+             * @Default {null}
+             */
+            format?: SheetsRowsCellsFormat;
+
+            /** Specifies the hyperlink for a cell in Spreadsheet.
+             * @Default {null}
+             */
+            hyperlink?: SheetsRowsCellsHyperlink;
+
+            /** Specifies the index of a cell in Spreadsheet.
+             * @Default {0}
+             */
+            index?: number;
+
+            /** Specifies whether to lock or unlock a particular cell.
+             * @Default {false}
+             */
+            isLocked?: boolean;
+
+            /** Specifies the styles of a cell in Spreadsheet.
+             * @Default {null}
+             */
+            style?: SheetsRowsCellsStyle;
+
+            /** Specifies the value for a cell in Spreadsheet.
+             */
+            value?: string;
+        }
+
+        export interface SheetsRow {
+
+            /** Gets or sets the height of a row in Spreadsheet.
+             * @Default {20}
+             */
+            height?: number;
+
+            /** Specifies the cells of a row in Spreadsheet.
+             * @Default {[]}
+             */
+            cells?: SheetsRowsCell[];
+
+            /** Gets or sets the index of a row in Spreadsheet.
+             * @Default {0}
+             */
+            index?: number;
+        }
+
+        export interface Sheet {
+
+            /** Specifies the border for the cell in the Spreadsheet.
+             * @Default {[]}
+             */
+            border?: SheetsBorder[];
+
+            /** Specifies the cell types for a cell or range in Spreadsheet.
+             * @Default {[]}
+             */
+            cellTypes?: any[];
+
+            /** Specifies the conditional formatting for the range of cell in Spreadsheet.
+             * @Default {[]}
+             */
+            cFormatRule?: SheetsCFormatRule[];
+
+            /** Gets or sets a value that indicates to define column count in the Spreadsheet.
+             * @Default {21}
+             */
+            colCount?: number;
+
+            /** Gets or sets a value that indicates to define column width in the Spreadsheet.
+             * @Default {64}
+             */
+            columnWidth?: number;
+
+            /** Gets or sets the data to render the Spreadsheet.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Gets or sets a value that indicates whether to enable or disable field as column header in the Spreadsheet.
+             * @Default {false}
+             */
+            fieldAsColumnHeader?: boolean;
+
+            /** Gets or sets a value to freeze rows in the Spreadsheet.
+             * @Default {0}
+             */
+            frozenRows?: number;
+
+            /** Gets or sets a value to freeze columns in the Spreadsheet.
+             * @Default {0}
+             */
+            frozenColumns?: number;
+
+            /** Specifies the header styles for the headers in datasource range.
+             * @Default {null}
+             */
+            headerStyles?: any;
+
+            /** To hide the specified columns in Spreadsheet.
+             * @Default {[]}
+             */
+            hideColumns?: any[];
 
-export interface Zooming {
+            /** To hide the specified rows in Spreadsheet.
+             * @Default {[]}
+             */
+            hideRows?: any[];
 
-	/** Enables or disables horizontal scrollbar.
-	*   @Default {false}
-	*/
-	enableScrollbar?: boolean;
-}
+            /** To merge specified ranges in Spreadsheet.
+             * @Default {[]}
+             */
+            mergeCells?: any[];
 
-export interface CommonSeriesOptions {
+            /** Specifies the primary key for the datasource in Spreadsheet.
+             */
+            primaryKey?: string;
 
-	/** Allows the user to set the specific chart type for PivotChart widget.
-	*   @Default {ej.PivotChart.ChartTypes.Column}
-	*/
-	type?: ej.PivotChart.ChartTypes|string;
-}
+            /** Specifies the query for the dataSource in Spreadsheet.
+             * @Default {null}
+             */
+            query?: any;
 
-export interface DataSourceColumnsFilterItems {
+            /** Specifies single range or multiple range settings for a sheet in Spreadsheet.
+             * @Default {[]}
+             */
+            rangeSettings?: SheetsRangeSetting[];
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            /** Gets or sets a value that indicates to define row count in the Spreadsheet.
+             * @Default {20}
+             */
+            rowCount?: number;
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Specifies the rows for a sheet in Spreadsheet.
+             * @Default {[]}
+             */
+            rows?: SheetsRow[];
 
-export interface DataSourceColumn {
+            /** Gets or sets a value that indicates whether to show or hide grid lines in the Spreadsheet.
+             * @Default {true}
+             */
+            showGridlines?: boolean;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
+             * @Default {true}
+             */
+            showHeader?: boolean;
 
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
+            /** Gets or sets a value that indicates whether to show or hide headings in the Spreadsheet.
+             * @Default {true}
+             */
+            showHeadings?: boolean;
 
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
+            /** Specifies the start cell for the datasource range in Spreadsheet.
+             * @Default {A1}
+             */
+            startCell?: string;
+        }
 
-	/** Allows the user to set the sorting order of the members of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+        enum AutoFillOptions {
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceColumnsFilterItems;
-}
+            ///Specifies the CopyCells property in AutoFillOptions.
+            CopyCells,
 
-export interface DataSourceRowsFilterItems {
+            ///Specifies the FillSeries property in AutoFillOptions.
+            FillSeries,
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            ///Specifies the FillFormattingOnly property in AutoFillOptions.
+            FillFormattingOnly,
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            ///Specifies the FillWithoutFormatting property in AutoFillOptions.
+            FillWithoutFormatting,
 
-export interface DataSourceRow {
+            ///Specifies the FlashFill property in AutoFillOptions.
+            FlashFill
+        }
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
 
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
+        enum scrollMode {
 
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
+            ///To enable Infinite scroll mode for Spreadsheet.
+            Infinite,
 
-	/** Allows the user to set the sorting order of the members of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
+            ///To enable Normal scroll mode for Spreadsheet.
+            Normal
+        }
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceRowsFilterItems;
-}
 
-export interface DataSourceValuesMeasure {
+        enum SelectionType {
 
-	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-	*/
-	fieldName?: string;
-}
+            ///To select only Column in Spreadsheet.
+            Column,
 
-export interface DataSourceValue {
+            ///To select only Row in Spreadsheet.
+            Row,
 
-	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-	*/
-	fieldName?: string;
+            ///To select both Column/Row in Spreadsheet.
+            Default
+        }
 
-	/** Allows the user to set the display caption for an item for Relational datasource.
-	*/
-	fieldCaption?: string;
 
-	/** This holds the list of unique names of measures to bind them from the OLAP cube.
-	*   @Default {[]}
-	*/
-	measures?: Array<DataSourceValuesMeasure>;
+        enum SelectionUnit {
 
-	/** Allows to set the axis name to place the measures items.
-	*   @Default {rows}
-	*/
-	axis?: string;
+            ///To enable Single selection in Spreadsheet
+            Single,
 
-	/** Indicates whether the field is a calculated field or not with Relational datasource.
-	*   @Default {false}
-	*/
-	isCalculatedField?: boolean;
+            ///To enable Range selection in Spreadsheet
+            Range,
 
-	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-	*/
-	formula?: string;
-}
+            ///To enable MultiRange selection in Spreadsheet
+            MultiRange
+        }
 
-export interface DataSourceFiltersFilterItems {
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+        enum BorderType {
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            ///To apply top border for the given range of cell.
+            Top,
 
-export interface DataSourceFilter {
+            ///To apply left border for the given range of cell.
+            Left,
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            ///To apply right border for the given range of cell.
+            Right,
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceFiltersFilterItems;
-}
+            ///To apply bottom border for the given range of cell.
+            Bottom,
 
-export interface DataSource {
-
-	/** Contains the respective cube name from OLAP database as string type.
-	*   @Default {“”}
-	*/
-	cube?: string;
-
-	/** To set the data source name to fetch data from that.
-	*   @Default {“”}
-	*/
-	sourceInfo?: string;
-
-	/** Set the provider name for PivotChart to identify whether the provider is SSAS or Mondrian.
-	*   @Default {ssas}
-	*/
-	providerName?: string;
-
-	/** Provides the raw data source for the PivotChart.
-	*   @Default {null}
-	*/
-	data?: any;
-
-	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-	*   @Default {“”}
-	*/
-	catalog?: string;
-
-	/** Lists out the items to be displayed as series of PivotChart.
-	*   @Default {[]}
-	*/
-	columns?: Array<DataSourceColumn>;
-
-	/** Lists out the items to be displayed as segments of PivotChart.
-	*   @Default {[]}
-	*/
-	rows?: Array<DataSourceRow>;
-
-	/** Lists out the items supports calculation in PivotChart.
-	*   @Default {[]}
-	*/
-	values?: Array<DataSourceValue>;
-
-	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotChart.
-	*   @Default {[]}
-	*/
-	filters?: Array<DataSourceFilter>;
-}
+            ///To apply outside border for the given range of cell.
+            OutSide,
 
-export interface ServiceMethodSettings {
+            ///To apply all border for the given range of cell.
+            AllBorder,
 
-	/** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotChart.
-	*   @Default {DrillChart}
-	*/
-	drillDown?: string;
+            ///To apply thick box border for the given range of cell.
+            ThickBox,
 
-	/** Allows the user to set the custom name for the service method responsible for exporting.
-	*   @Default {Export}
-	*/
-	exportPivotChart?: string;
+            ///To apply thick bottom border for the given range of cell.
+            ThickBottom,
 
-	/** Allows the user to set the custom name for the service method responsible for initializing PivotChart.
-	*   @Default {InitializeChart}
-	*/
-	initialize?: string;
+            ///To apply top and bottom border for the given range of cell.
+            TopandBottom,
 
-	/** Allows the user to set the custom name for the service method responsible for navigating between pages in paged PivotChart.
-	*   @Default {Paging}
-	*/
-	paging?: string;
-}
+            ///To apply top and thick bottom border for the given range of cell.
+            TopandThickBottom
+        }
 
-enum ChartTypes{
 
-	///To render a Line type PivotChart.
-	Line,
+        enum CFormatRule {
 
-	///To render a Spline type PivotChart.
-	Spline,
+            ///To identify greater than values in the given range of cells.
+            GreaterThan,
 
-	///To render a Column type PivotChart.
-	Column,
+            ///To identify less than values in the given range of cells.
+            LessThan,
 
-	///To render an Area type PivotChart.
-	Area,
+            ///To identify in between values in the given range of cells.
+            Between,
 
-	///To render a SplineArea type PivotChart.
-	SplineArea,
+            ///To identify the equal values in the given range of cells.
+            EqualTo,
 
-	///To render a StepLine type PivotChart.
-	StepLine,
+            ///To identify the specified text in the range of cells.
+            TextContains,
 
-	///To render a StepArea type PivotChart.
-	StepArea,
+            ///To identify the specified date in the range of cells.
+            DateOccurs
+        }
 
-	///To render a Pie type PivotChart.
-	Pie,
 
-	///To render a Bar type PivotChart.
-	Bar,
+        enum CFormatHighlightColor {
 
-	///To render a StackingArea type PivotChart.
-	StackingArea,
+            ///Highlights red with dark red text color.
+            RedFillwithDarkRedText,
 
-	///To render a StackingColumn type PivotChart.
-	StackingColumn,
+            ///Highlights yellow with dark yellow text color.
+            YellowFillwithDarkYellowText,
 
-	///To render a StackingBar type PivotChart.
-	StackingBar,
+            ///Highlights green with dark green text color.
+            GreenFillwithDarkGreenText,
 
-	///To render a Pyramid type PivotChart.
-	Pyramid,
+            ///Highlights with red fill.
+            RedFill,
 
-	///To render a Funnel type PivotChart.
-	Funnel,
+            ///Highlights with red text.
+            RedText
+        }
 
-	///To render a Doughnut type PivotChart.
-	Doughnut,
 
-	///To render a Scatter type PivotChart.
-	Scatter,
+        enum ChartProperties {
 
-	///To render a Bubble type PivotChart.
-	Bubble
-}
+            ///Specifies to make the data label center of the chart.
+            DataLabelCenter,
 
-}
+            ///Specifies to make the data label inside base of the chart.
+            DataLabelInsideBase,
 
-class PivotClient extends ej.Widget {
-	static fn: PivotClient;
-	constructor(element: JQuery, options?: PivotClient.Model);
-	constructor(element: Element, options?: PivotClient.Model);
-	static Locale: any;
-	model:PivotClient.Model;
-	defaults:PivotClient.Model;
-
-	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Performs an asynchronous HTTP (FullPost) submit.
-	*   @returns {void}
-	*/
-	doPostBack(): void;
-
-	/** Navigates to the specified page in specified axis.
-	*   @returns {void}
-	*/
-	refreshPagedPivotClient(): void;
-
-	/** Updates the PivotClient component with the JSON data fetched from the service on navigating between pages.
-	*   @returns {void}
-	*/
-	refreshPagedPivotClientSuccess(): void;
-
-	/** Renders the PivotChart and PivotGrid with the JSON data provided.
-	*   @returns {void}
-	*/
-	generateJSON(): void;
-
-	/** Re-renders the control with the report at that instant.
-	*   @returns {void}
-	*/
-	refreshControl(): void;
-
-	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
-	getOlapReport(): string;
-
-	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
-	setOlapReport(): void;
-
-	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
-
-	/** Sets the JSON records formed to render the control to a property.
-	*   @returns {void}
-	*/
-	setJSONRecords(): void;
-}
-export module PivotClient{
-
-export interface Model {
-
-	/** Sets the mode for the PivotClient widget for binding either OLAP or Relational data source.
-	*   @Default {ej.Pivot.AnalysisMode.Pivot}
-	*/
-	analysisMode?: ej.Pivot.AnalysisMode|string;
-
-	/** Allows the user to set the specific chart type for PivotChart inside PivotClient widget.
-	*   @Default {ej.PivotChart.ChartTypes.Column}
-	*/
-	chartType?: ej.PivotChart.ChartTypes|string;
-
-	/** Allows the user to set the content on exporting the PivotClient widget.
-	*   @Default {ej.PivotClient.ClientExportMode.ChartAndGrid}
-	*/
-	clientExportMode?: ej.PivotClient.ClientExportMode|string;
-
-	/** Specifies the CSS class to PivotClient to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Object utilized to pass additional information between client-end and service-end when the control functions in server-mode.
-	*   @Default {{}}
-	*/
-	customObject?: any;
-
-	/** Initializes the data source for the PivotClient widget, when it functions completely on client-side.
-	*   @Default {{}}
-	*/
-	dataSource?: DataSource;
-
-	/** Allows the user to customize the widget's layout and appearance.
-	*   @Default {{}}
-	*/
-	displaySettings?: DisplaySettings;
-
-	/** Allows user to set visibility of icons in toolbar panel.
-	*   @Default {{}}
-	*/
-	toolbarIconSettings?: ToolbarIconSettings;
-
-	/** Allows user to show unique name on pivotbutton.
-	*   @Default {false}
-	*/
-	showUniqueNameOnPivotButton?: boolean;
-
-	/** Enables the splitter option for resizing the elements inside the control.
-	*   @Default {false}
-	*/
-	enableSplitter?: boolean;
-
-	/** Enables the advanced filtering options Value Filtering, Label Filtering and Sorting for each dimensions on binding OLAP data in server mode.
-	*   @Default {false}
-	*/
-	enableAdvancedFilter?: boolean;
-
-	/** Allows the user to refresh the control on-demand and not during every UI operation.
-	*   @Default {false}
-	*/
-	enableDeferUpdate?: boolean;
-
-	/** Lets the user to save and load reports in a customized way with the help of events.
-	*   @Default {false}
-	*/
-	enableLocalStorage?: boolean;
-
-	/** Allows the user to enable paging for both the PivotChart and PivotGrid components for the ease of viewing large data.
-	*   @Default {false}
-	*/
-	enablePaging?: boolean;
-
-	/** Allows the user to include the PivotTreeMap component as one of the chart types.
-	*   @Default {false}
-	*/
-	enablePivotTreeMap?: boolean;
-
-	/** Allows the user to view the layout of PivotClient from right to left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Enables/disables the visibility of measure group selector drop-down in Cube Browser.
-	*   @Default {false}
-	*/
-	enableMeasureGroups?: boolean;
-
-	/** Allows the user to enable virtual scrolling for both the PivotChart and PivotGrid components for the ease of viewing large data.
-	*   @Default {false}
-	*/
-	enableVirtualScrolling?: boolean;
-
-	/** Enables/Disables paging in Member Editor for viewing the large count of members in pages.
-	*   @Default {false}
-	*/
-	enableMemberEditorPaging?: boolean;
-
-	/** Allows the user to set the number of members to be displayed in each page of Member Editor on applying paging in it.
-	*   @Default {100}
-	*/
-	memberEditorPageSize?: number;
-
-	/** Sets the summary layout for PivotGrid. Following are the ways in which summary can be positioned: normal summary (bottom), top summary, no summary and excel-like summary.
-	*   @Default {ej.PivotGrid.Layout.Normal}
-	*/
-	gridLayout?: ej.PivotGrid.Layout|string;
-
-	/** Allows the user to hide PivotClient's Cube Browser and Axis Element Builder while initiate the widget.
-	*   @Default {false}
-	*/
-	collapseCubeBrowserByDefault?: boolean;
-
-	/** Allows the user to enable PivotClient’s responsiveness in the browser layout.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the mode for the PivotClient widget for binding data source either in server-side or client-side.
-	*   @Default {ej.Pivot.OperationalMode.ClientMode}
-	*/
-	operationalMode?: ej.Pivot.OperationalMode|string;
-
-	/** Allows the user to set custom name for the methods at service-end, communicated during AJAX post.
-	*   @Default {{}}
-	*/
-	serviceMethodSettings?: ServiceMethodSettings;
-
-	/** Sets the title for PivotClient widget.
-	*/
-	title?: string;
-
-	/** Connects the service using the specified URL for any server updates.
-	*/
-	url?: string;
-
-	/** Triggers when it reaches client-side after any AJAX request. */
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
-
-	/** Triggers before any AJAX request is passed from client-side to service methods. */
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/** Triggers before saving the current collection of reports. */
-	saveReport? (e: SaveReportEventArgs): void;
-
-	/** Triggers before loading a saved collection of reports. */
-	loadReport? (e: LoadReportEventArgs): void;
-
-	/** Triggers before fetching the report collection from storage. */
-	fetchReport? (e: FetchReportEventArgs): void;
-
-	/** Triggers before exporting the control. */
-	beforeExport? (e: BeforeExportEventArgs): void;
-
-	/** Triggers before rendering the PivotChart. */
-	chartLoad? (e: ChartLoadEventArgs): void;
+            ///Specifies to make the data label inside end of the chart.
+            DataLabelInsideEnd,
 
-	/** Triggers before rendering the PivotTreeMap. */
-	treeMapLoad? (e: TreeMapLoadEventArgs): void;
-
-	/** Triggers while we initiate loading of the widget. */
-	load? (e: LoadEventArgs): void;
+            ///Specifies to make the data label none of the chart.
+            DataLabelNone,
 
-	/** Triggers when PivotClient widget completes all operations at client-end after any AJAX request. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
+            ///Specifies to make the data label outside end of the chart.
+            DataLabelOutsideEnd,
 
-	/** Triggers when any error occurred during AJAX request. */
-	renderFailure? (e: RenderFailureEventArgs): void;
+            ///Specifies to make the legends to bottom of the chart.
+            LegendsBottom,
 
-	/** Triggers when PivotClient successfully completes rendering. */
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
+            ///Specifies to make the legends to left of the chart.
+            LegendsLeft,
 
-export interface AfterServiceInvokeEventArgs {
+            ///Specifies to make the legends to none of the chart.
+            LegendsNone,
 
-	/** returns the current action of PivotClient control.
-	*/
-	action?: string;
+            ///Specifies to make the legends to right of the chart.
+            LegendsRight,
 
-	/** returns the custom object bounds with PivotClient control.
-	*/
-	customObject?: any;
+            ///Specifies to make the legends to top of the chart.
+            LegendsTop,
 
-	/** returns the HTML element of PivotClient control.
-	*/
-	element?: any;
-}
+            ///To set the primary horizontal of the chart.
+            PrimaryHorizontal,
 
-export interface BeforeServiceInvokeEventArgs {
+            ///To set the primary horizontal axis title of the chart.
+            PrimaryHorizontalAxisTitle,
 
-	/** returns the current action of PivotClient control.
-	*/
-	action?: string;
+            ///To set the primary major horizontal of the chart.
+            PrimaryMajorHorizontal,
 
-	/** returns the custom object bounds with PivotClient control.
-	*/
-	customObject?: any;
+            ///To set the primary major vertical of the chart.
+            PrimaryMajorVertical,
 
-	/** returns the HTML element of PivotClient control.
-	*/
-	element?: any;
-}
+            ///To set the primary minor horizontal of the chart.
+            PrimaryMinorHorizontal,
 
-export interface SaveReportEventArgs {
+            ///To set the primary minor vertical of the chart.
+            PrimaryMinorVertical,
 
-	/** returns the current instance of PivotClient control.
-	*/
-	targetControl?: any;
+            ///To set the primary vertical of the chart.
+            PrimaryVertical,
 
-	/** returns the object which holds the necessary parameters required for saving the report collection.
-	*/
-	saveReportSetting?: any;
-}
+            ///To set the primary vertical axis title of the chart.
+            PrimaryVerticalAxisTitle,
 
-export interface LoadReportEventArgs {
+            ///Specifies to make the title to center of the chart.
+            TitleCenter,
 
-	/** returns the current instance of PivotClient control.
-	*/
-	targetControl?: any;
+            ///Specifies to make the title to far of the chart.
+            TitleFar,
 
-	/** returns the object which holds the necessary parameters required for loading a report collection from database.
-	*/
-	loadReportSetting?: any;
-}
+            ///Specifies to make the title to near of the chart.
+            TitleNear,
 
-export interface FetchReportEventArgs {
+            ///Specifies to make the title to none of the chart.
+            TitleNone
+        }
 
-	/** returns the current instance of PivotClient control.
-	*/
-	targetControl?: any;
+    }
 
-	/** returns the object which holds the necessary parameters required for fetching the report names stored in database.
-	*/
-	fetchReportSetting?: any;
-}
+    class PdfViewer extends ej.Widget {
+        static fn: PdfViewer;
+        constructor(element: JQuery | Element, options?: PdfViewer.Model);
+        static Locale: any;
+        model: PdfViewer.Model;
+        defaults: PdfViewer.Model;
 
-export interface BeforeExportEventArgs {
+        /** Loads the document with the filename and displays it in PDF viewer.
+         * @param {string} File name to be loaded
+         * @returns {void}
+         */
+        load(fileName: string): void;
 
-	/** holds the url of the service method responsible for exporting the PivotClient control.
-	*/
-	url?: string;
+        /** Shows/hides the toolbar in the PDF viewer.
+         * @param {boolean} shows/hides the toolbar
+         * @returns {void}
+         */
+        showToolbar(show: boolean): void;
+
+        /** Prints the PDF document.
+         * @returns {void}
+         */
+        print(): void;
+
+        /** Abort the printing function and restores the PDF viewer.
+         * @returns {void}
+         */
+        abortPrint(): void;
+
+        /** Shows/hides the print icon in the toolbar.
+         * @param {boolean} shows/hides print button in the toolbar
+         * @returns {void}
+         */
+        showPrintTools(show: boolean): void;
+
+        /** Downloads the PDF document being loaded in the ejPdfViewer control.
+         * @returns {void}
+         */
+        download(): void;
+
+        /** Shows/hides the download tool in the toolbar.
+         * @param {boolean} shows/hides download button in the toolbar
+         * @returns {void}
+         */
+        showDownloadTool(show: boolean): void;
+
+        /** Shows/hides the page navigation tools in the toolbar
+         * @param {boolean} shows/hides navigation tools in the toolbar
+         * @returns {void}
+         */
+        showPageNavigationTools(show: boolean): void;
+
+        /** Shows/hides the text markup annotation tools in the toolbar.
+         * @param {boolean} shows/hides text markup annotation tools in the toolbar
+         * @returns {void}
+         */
+        showTextMarkupAnnotationTools(show: boolean): void;
+
+        /** Navigates to the specific page in the PDF document. If the page is not available for the given pageNumber, PDF viewer retains the existing page in view.
+         * @param {number} navigates to the page number in the PDF document
+         * @returns {void}
+         */
+        goToPage(pageNumber: number): void;
+
+        /** Navigates to the last page of the PDF document.
+         * @returns {void}
+         */
+        goToLastPage(): void;
+
+        /** Navigates to the first page of PDF document.
+         * @returns {void}
+         */
+        goToFirstPage(): void;
+
+        /** Navigates to the next page of the PDF document.
+         * @returns {void}
+         */
+        goToNextPage(): void;
+
+        /** Navigates to the previous page of the PDF document.
+         * @returns {void}
+         */
+        goToPreviousPage(): void;
+
+        /** Shows/hides the zoom tools in the toolbar.
+         * @param {boolean} shows/hides zoom tools in the toolbar
+         * @returns {void}
+         */
+        showMagnificationTools(show: boolean): void;
+
+        /** Scales the page to fit the page in the container in the control.
+         * @returns {void}
+         */
+        fitToPage(): void;
+
+        /** Scales the page to fit the page width to the width of the container in the control.
+         * @returns {void}
+         */
+        fitToWidth(): void;
+
+        /** Magnifies the page to the next value in the zoom drop down list.
+         * @returns {void}
+         */
+        zoomIn(): void;
+
+        /** Shrinks the page to the previous value in the magnification in the drop down list.
+         * @returns {void}
+         */
+        zoomOut(): void;
+
+        /** Scales the page to the specified percentage ranging from 50 to 400. If the given zoomValue is less than 50 or greater than 400; the PDF viewer scales the page to 50 and 400
+         * respectively.
+         * @param {number} zoom value for scaling the pages in the PDF Viewer
+         * @returns {void}
+         */
+        zoomTo(zoomValue: number): void;
+
+        /** Adds annotations to the PDF document.
+         * @param {ej.PdfViewer.AnnotationType} type of the annotation to be added in the PDF document.
+         * @returns {void}
+         */
+        addAnnotation(annotationType: ej.PdfViewer.AnnotationType): void;
+
+        /** Performs undo function for the included annotations in the PDF document.
+         * @returns {void}
+         */
+        undo(): void;
+
+        /** Performs redo function for the included annotations in the PDF document.
+         * @returns {void}
+         */
+        redo(): void;
+
+        /** Unloads the PDF document being displayed in the PDF viewer.
+         * @returns {void}
+         */
+        unload(): void;
+    }
+    export namespace PdfViewer {
+
+        export interface Model {
+
+            /** Specifies the locale information of the PDF viewer.
+             */
+            locale?: string;
+
+            /** Specifies the toolbar settings.
+             */
+            toolbarSettings?: ToolbarSettings;
+
+            /** Specifies the name of the action method in the server.
+             */
+            serverActionSettings?: ServerActionSettings;
+
+            /** Sets the PDF Web API service URL
+             */
+            serviceUrl?: string;
+
+            /** Sets the PDF document path for initial loading.
+             */
+            documentPath?: string;
+
+            /** Enables or disables the text markup annotations.
+             */
+            enableTextMarkupAnnotations?: boolean;
+
+            /** Enables or disables the highlight annotation.
+             */
+            enableHighlightAnnotation?: boolean;
+
+            /** Enables or disables the underline annotation.
+             */
+            enableUnderlineAnnotation?: boolean;
+
+            /** Enables or disables the strikethrough annotation.
+             */
+            enableStrikethroughAnnotation?: boolean;
+
+            /** Gets/sets the settings of the strikethrough annotation.
+             */
+            strikethroughSettings?: StrikethroughSettings;
+
+            /** Gets/sets the settings of the underline annotation.
+             */
+            underlineSettings?: UnderlineSettings;
+
+            /** Gets/sets the settings of the highlight annotation.
+             */
+            highlightSettings?: HighlightSettings;
+
+            /** Specifies the type of the annotations.
+             */
+            annotationType?: ej.PdfViewer.AnnotationType|string;
+
+            /** Gets the total number of pages in PDF document.
+             */
+            pageCount?: number;
+
+            /** Gets the number of the page being displayed in the PDF viewer.
+             */
+            currentPageNumber?: number;
+
+            /** Gets the current zoom percentage of the PDF document in viewer.
+             */
+            zoomPercentage?: number;
+
+            /** Specifies the location of the supporting PDF service
+             */
+            pdfService?: ej.PdfViewer.PdfService|string;
+
+            /** Specifies the open state of the hyperlink in the PDF document.
+             */
+            hyperlinkOpenState?: ej.PdfViewer.LinkTarget|string;
+
+            /** Enables or disables the hyperlinks in PDF document.
+             */
+            enableHyperlink?: boolean;
+
+            /** Enables or disables the text selection in PDF document.
+             */
+            enableTextSelection?: boolean;
 
-	/** holds the name of the file to be exported.
-	*/
-	fileName?: string;
-}
+            /** Enables or disables the responsiveness of the PDF viewer control during the window resize.
+             */
+            isResponsive?: boolean;
 
-export interface ChartLoadEventArgs {
+            /** Checks whether the PDF document is edited.
+             */
+            isDocumentEdited?: boolean;
 
-	/** returns the current action of PivotChart control.
-	*/
-	action?: string;
+            /** Enables or disables the buffering of the PDF pages in the client side.
+             */
+            allowClientBuffering?: boolean;
 
-	/** returns the custom object bound with PivotChart control.
-	*/
-	customObject?: any;
+            /** Gets the name of the PDF document which loaded in the ejPdfViewer control for downloading.
+             */
+            fileName?: string;
 
-	/** returns the HTML element of PivotChart control.
-	*/
-	element?: any;
-}
+            /** Triggers when the PDF document gets loaded and is ready to view in the Control.
+             */
+            documentLoad?(e: DocumentLoadEventArgs): void;
 
-export interface TreeMapLoadEventArgs {
+            /** Triggers when the PDF document gets unloaded from the PDF viewer.
+             */
+            documentUnload?(e: DocumentUnloadEventArgs): void;
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Triggers when there is change in current page number.
+             */
+            pageChange?(e: PageChangeEventArgs): void;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+            /** Triggers when the ajax request is failed.
+             */
+            ajaxRequestFailure?(e: AjaxRequestFailureEventArgs): void;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+            /** Triggers when there is change in the magnification value.
+             */
+            zoomChange?(e: ZoomChangeEventArgs): void;
 
-export interface LoadEventArgs {
+            /** Triggers when hyperlink in the PDF Document is clicked
+             */
+            hyperlinkClick?(e: HyperlinkClickEventArgs): void;
 
-	/** returns the HTML element of PivotClient component.
-	*/
-	element?: any;
+            /** Triggers before the printing starts.
+             */
+            beforePrint?(e: BeforePrintEventArgs): void;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
-}
+            /** Triggers after the printing is completed.
+             */
+            afterPrint?(e: AfterPrintEventArgs): void;
 
-export interface RenderCompleteEventArgs {
+            /** Triggers when the mouse click is performed over the page of the PDF document.
+             */
+            pageClick?(e: PageClickEventArgs): void;
 
-	/** returns the HTML element of PivotClient component.
-	*/
-	element?: any;
+            /** Triggers when an annotation is added over the page of the PDF document.
+             */
+            annotationAdd?(e: AnnotationAddEventArgs): void;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
-}
+            /** Triggers when an annotation is removed from the page of the PDF document.
+             */
+            annotationRemove?(e: AnnotationRemoveEventArgs): void;
 
-export interface RenderFailureEventArgs {
+            /** Triggers when the property of the annotation is changed in the page of the PDF document.
+             */
+            annotationPropertiesChange?(e: AnnotationPropertiesChangeEventArgs): void;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+            /** Triggers when the client buffering process starts.
+             */
+            bufferStart?(e: BufferStartEventArgs): void;
 
-	/** returns the HTML element of PivotClient control.
-	*/
-	element?: any;
+            /** Triggers when the client buffering process ends.
+             */
+            bufferEnd?(e: BufferEndEventArgs): void;
 
-	/** returns the error message with error code.
-	*/
-	message?: string;
-}
+            /** Triggers when PDF viewer control is destroyed successfully.
+             */
+            destroy?(e: DestroyEventArgs): void;
+        }
 
-export interface RenderSuccessEventArgs {
+        export interface DocumentLoadEventArgs {
 
-	/** returns the object of PivotClient control at that instant.
-	*/
-	args?: any;
-}
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface DataSourceColumnsAdvancedFilter {
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows the user to provide level unique name to perform advanced filtering.
-	*/
-	name?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** Allows the user to set the operator to perform Label Filtering.
-	*   @Default {none}
-	*/
-	labelFilterOperator?: string;
+            /** Returns the PDF document name displaying in the PDF viewer.
+             */
+            fileName?: string;
+        }
 
-	/** Allows the user to set the operator to perform Value Filtering.
-	*   @Default {none}
-	*/
-	valueFilterOperator?: string;
+        export interface DocumentUnloadEventArgs {
 
-	/** Allows the user to set the filtering type while performing advanced filtering.
-	*/
-	advancedFilterType?: string;
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** In case of value filtering, this property contains the measure name to which the filter is applied.
-	*/
-	measure?: string;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows the user to hold the filter operand values in advanced filtering.
-	*/
-	values?: Array<any>;
-}
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface DataSourceColumnsFilterItems {
+        export interface PageChangeEventArgs {
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-export interface DataSourceColumn {
-
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
-
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
-
-	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-	*   @Default {[]}
-	*/
-	advancedFilter?: Array<DataSourceColumnsAdvancedFilter>;
-
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
-
-	/** Shows/Hides the sub-total of the field in PivotGrid.
-	*   @Default {true}
-	*/
-	showSubTotal?: boolean;
-
-	/** Allows to set the format for the column headers.
-	*/
-	format?: string;
-
-	/** This property sets type of display of date.
-	*/
-	formatString?: string;
-
-	/** Allows to set the custom theme for the column headers.
-	*/
-	cssClass?: string;
-
-	/** Allows the user to set the sorting order of the members of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
-
-	/** Contains the list of members need to be drilled down by default in the field.
-	*   @Default {[]}
-	*/
-	drilledItems?: Array<any>;
-
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceColumnsFilterItems;
-}
+            /** Returns the name of the event
+             */
+            type?: string;
 
-export interface DataSourceRowsAdvancedFilter {
+            /** Returns the current page number in view.
+             */
+            currentPageNumber?: number;
+        }
 
-	/** Allows the user to provide level unique name to perform advanced filtering.
-	*/
-	name?: string;
+        export interface AjaxRequestFailureEventArgs {
 
-	/** Allows the user to set the operator to perform Label Filtering.
-	*   @Default {none}
-	*/
-	labelFilterOperator?: string;
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Allows the user to set the operator to perform Value Filtering.
-	*   @Default {none}
-	*/
-	valueFilterOperator?: string;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows the user to set the filtering type while performing advanced filtering.
-	*/
-	advancedFilterType?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** In case of value filtering, this property contains the measure name to which the filter is applied.
-	*/
-	measure?: string;
+            /** Returns the exception details.
+             */
+            message?: string;
+        }
 
-	/** Allows the user to hold the filter operand values in advanced filtering.
-	*/
-	values?: Array<any>;
-}
+        export interface ZoomChangeEventArgs {
 
-export interface DataSourceRowsFilterItems {
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface DataSourceRow {
-
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
-
-	/** Allows the user to set the display caption for an item.
-	*/
-	fieldCaption?: string;
-
-	/** Allows the user to filter the report by default using advanced filtering (excel-like) option for OLAP data source in client-mode.
-	*   @Default {[]}
-	*/
-	advancedFilter?: Array<DataSourceRowsAdvancedFilter>;
-
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
-
-	/** Shows/Hides the sub-total of the field.
-	*   @Default {true}
-	*/
-	showSubTotal?: boolean;
-
-	/** Allows to set the format for the row headers.
-	*/
-	format?: string;
-
-	/** This property sets type of display of date.
-	*/
-	formatString?: string;
-
-	/** Allows to set the custom theme for the row headers.
-	*/
-	cssClass?: string;
-
-	/** Allows the user to set the sorting order of the members of the field.
-	*   @Default {ej.PivotAnalysis.SortOrder.Ascending}
-	*/
-	sortOrder?: ej.PivotAnalysis.SortOrder|string;
-
-	/** Contains the list of members need to be drilled down by default in the field.
-	*   @Default {[]}
-	*/
-	drilledItems?: Array<any>;
-
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceRowsFilterItems;
-}
+            /** Returns the previous zoom percentage of the PDF viewer control
+             */
+            previousZoomPercentage?: number;
 
-export interface DataSourceValuesMeasure {
+            /** Returns the current zoom percentage of the PDF viewer control
+             */
+            currentZoomPercentage?: number;
+        }
 
-	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-	*/
-	fieldName?: string;
-}
+        export interface HyperlinkClickEventArgs {
 
-export interface DataSourceValue {
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-	*/
-	fieldName?: string;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows the user to set the display caption for an item for Relational datasource.
-	*/
-	fieldCaption?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** This holds the list of unique names of measures to bind them from the OLAP cube.
-	*   @Default {[]}
-	*/
-	measures?: Array<DataSourceValuesMeasure>;
+            /** Returns the clicked hyperlink
+             */
+            hyperlink?: string;
+        }
 
-	/** Allows to set the axis name to place the measures items.
-	*   @Default {rows}
-	*/
-	axis?: string;
+        export interface BeforePrintEventArgs {
 
-	/** Indicates whether the field is a calculated field or not with Relational datasource.
-	*   @Default {false}
-	*/
-	isCalculatedField?: boolean;
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Allows to set the type of PivotGrid summary calculation for the value field with Relational datasource.
-	*   @Default {ej.PivotAnalysis.SummaryType.Sum}
-	*/
-	summaryType?: ej.PivotAnalysis.SummaryType|string;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows to set the format of the values.
-	*/
-	format?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** This property sets type of display of date.
-	*/
-	formatString?: string;
+        export interface AfterPrintEventArgs {
 
-	/** Allows to set the custom theme for the values.
-	*/
-	cssClass?: string;
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-	*/
-	formula?: string;
-}
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-export interface DataSourceFiltersFilterItems {
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+        export interface PageClickEventArgs {
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-export interface DataSourceFilter {
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** Allows the user to set the display name for an item.
-	*/
-	fieldCaption?: string;
+            /** Returns the current X position
+             */
+            offsetX?: number;
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceFiltersFilterItems;
-}
+            /** Returns the current Y position
+             */
+            offsetY?: number;
+        }
 
-export interface DataSourcePagerOptions {
+        export interface AnnotationAddEventArgs {
 
-	/** Allows to set the number of categorical columns to be displayed in each page on applying paging.
-	*   @Default {0}
-	*/
-	categoricalPageSize?: number;
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Allows to set the number of series rows to be displayed in each page on applying paging.
-	*   @Default {0}
-	*/
-	seriesPageSize?: number;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** Allows to set the page number in categorical axis to be loaded by default.
-	*   @Default {1}
-	*/
-	categoricalCurrentPage?: number;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** Allows to set the page number in series axis to be loaded by default.
-	*   @Default {1}
-	*/
-	seriesCurrentPage?: number;
-}
+            /** Returns the settings of the annotation added to the PDF document.
+             */
+            annotationSettings?: any;
 
-export interface DataSource {
-
-	/** Lists out the items to be arranged in columns section of PivotClient.
-	*   @Default {[]}
-	*/
-	columns?: Array<DataSourceColumn>;
-
-	/** Lists out the items to be arranged in rows section of PivotClient.
-	*   @Default {[]}
-	*/
-	rows?: Array<DataSourceRow>;
-
-	/** Lists out the items which supports calculation in PivotClient.
-	*   @Default {[]}
-	*/
-	values?: Array<DataSourceValue>;
-
-	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotClient.
-	*   @Default {[]}
-	*/
-	filters?: Array<DataSourceFilter>;
-
-	/** Contains the respective cube name from OLAP database as string type.
-	*   @Default {“”}
-	*/
-	cube?: string;
-
-	/** To set the data source name to fetch data from that.
-	*   @Default {“”}
-	*/
-	sourceInfo?: string;
-
-	/** Set the provider name for PivotClient to identify whether the provider is SSAS or Mondrian.
-	*   @Default {ssas}
-	*/
-	providerName?: string;
-
-	/** Provides the raw data source for the PivotClient.
-	*   @Default {null}
-	*/
-	data?: any;
-
-	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-	*   @Default {“”}
-	*/
-	catalog?: string;
-
-	/** Allows user to filter the members (by its name and values) through advanced filtering (excel-like) option in client-mode.
-	*   @Default {false}
-	*/
-	enableAdvancedFilter?: boolean;
-
-	/** Sets a name to the report bound to the control.
-	*/
-	reportName?: string;
-
-	/** Allows to set the page size and current page number for each axis on applying paging.
-	*   @Default {{}}
-	*/
-	pagerOptions?: DataSourcePagerOptions;
-}
+            /** Returns the id of the annotation added in the page of the PDF document.
+             */
+            annotationID?: number;
 
-export interface DisplaySettings {
+            /** Returns the bounds of the annotation added in the page of the PDF document.
+             */
+            annotationBound?: any[];
 
-	/** Lets the user to customize the display of PivotChart and PivotGrid widgets, either in tabs or tiles.
-	*   @Default {ej.PivotClient.ControlPlacement.Tab}
-	*/
-	controlPlacement?: ej.PivotClient.ControlPlacement|string;
+            /** Returns the page number in which the annotation is added.
+             */
+            pageID?: number;
 
-	/** Lets the user to set either Chart or Grid as the start-up widget.
-	*   @Default {ej.PivotClient.DefaultView.Grid}
-	*/
-	defaultView?: ej.PivotClient.DefaultView|string;
+            /** Returns the type of the annotation added in the page of the PDF document.
+             */
+            annotationType?: string;
+        }
 
-	/** Lets the user to have an option for switching to full screen view of PivotChart and PivotGrid from default view in PivotClient.
-	*   @Default {false}
-	*/
-	enableFullScreen?: boolean;
+        export interface AnnotationRemoveEventArgs {
 
-	/** Enables an option to enhance the space for PivotGrid and PivotChart by hiding Cube Browser and Axis Element Builder.
-	*   @Default {false}
-	*/
-	enableTogglePanel?: boolean;
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Sets the display mode (Only Chart/Only Grid/Both) in PivotClient.
-	*   @Default {ej.PivotClient.DisplayMode.ChartAndGrid}
-	*/
-	mode?: ej.PivotClient.DisplayMode|string;
-}
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-export interface ToolbarIconSettings {
-
-	/** Allows user to set the visibility of Add Report icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableAddReport?: boolean;
-
-	/** Allows user to set the visibility of New Report icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableNewReport?: boolean;
-
-	/** Allows user to set the visibility of Rename Report icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableRenameReport?: boolean;
-
-	/** Allows user to set the visibility of DB Manipulation icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableDBManipulation?: boolean;
-
-	/** Allows user to set the visibility of Word Export icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableWordExport?: boolean;
-
-	/** Allows user to set the visibility of Excel Export icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableExcelExport?: boolean;
-
-	/** Allows user to set the visibility of PDF Export icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enablePdfExport?: boolean;
-
-	/** Allows user to set the visibility of MDX Query icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableMDXQuery?: boolean;
-
-	/** Allows user to set the visibility of Defer Update icon in toolbar panel.
-	*   @Default {false}
-	*/
-	enableDeferUpdate?: boolean;
-
-	/** Allows user to set the visibility of Full Screen icon in toolbar panel.
-	*   @Default {false}
-	*/
-	enableFullScreen?: boolean;
-
-	/** Allows user to set the visibility of Sort/Filter Column icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableSortOrFilterColumn?: boolean;
-
-	/** Allows user to set the visibility of Sort/Filter Row icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableSortOrFilterRow?: boolean;
-
-	/** Allows user to set the visibility of Toggle Axis icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableToggleAxis?: boolean;
-
-	/** Allows user to set the visibility of Chart Types icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableChartTypes?: boolean;
-
-	/** Allows user to set the visibility of Remove Report icon in toolbar panel.
-	*   @Default {true}
-	*/
-	enableRemoveReport?: boolean;
-
-	/** Allows user to set the visibility of Calculated Member icon in toolbar panel.
-	*   @Default {false}
-	*/
-	enableCalculatedMember?: boolean;
-}
+            /** Returns the name of the event
+             */
+            type?: string;
 
-export interface ServiceMethodSettings {
-
-	/** Allows the user to set the custom name for the service method responsible for updating the entire report and widget, while changing the Cube.
-	*   @Default {CubeChanged}
-	*/
-	cubeChanged?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for exporting.
-	*   @Default {Export}
-	*/
-	exportPivotClient?: string;
-
-	/** Allows the user to set the custom name for the service method responsible to get the members for the tree-view, inside member-editor dialog.
-	*   @Default {FetchMemberTreeNodes}
-	*/
-	fetchMemberTreeNodes?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for fetching the report names from the database.
-	*   @Default {FetchReportListFromDB}
-	*/
-	fetchReportList?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for updating report while filtering members.
-	*   @Default {FilterElement}
-	*/
-	filterElement?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for initializing PivotClient.
-	*   @Default {InitializeClient}
-	*/
-	initialize?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for loading a report collection from the database.
-	*   @Default {LoadReportFromDB}
-	*/
-	loadReport?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for retrieving the MDX query for the current report.
-	*   @Default {GetMDXQuery}
-	*/
-	mdxQuery?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for updating the tree-view inside Cube Browser, while changing the measure group.
-	*   @Default {MeasureGroupChanged}
-	*/
-	measureGroupChanged?: string;
-
-	/** Allows the user to set the custom name for the service method responsible to get the child members, on tree-view node expansion.
-	*   @Default {MemberExpanded}
-	*/
-	memberExpand?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for updating report while dropping a node/SplitButton inside Axis Element Builder.
-	*   @Default {NodeDropped}
-	*/
-	nodeDropped?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for updating report while removing SplitButton from Axis Element Builder.
-	*   @Default {RemoveSplitButton}
-	*/
-	removeSplitButton?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for saving the report collection to database.
-	*   @Default {SaveReportToDB}
-	*/
-	saveReport?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for toggling the elements in row and column axes.
-	*   @Default {ToggleAxis}
-	*/
-	toggleAxis?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for all the toolbar operations.
-	*   @Default {ToolbarOperations}
-	*/
-	toolbarServices?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for updating report collection.
-	*   @Default {UpdateReport}
-	*/
-	updateReport?: string;
-
-	/** Allows the user to set the custom name for the service method responsible on navigating between pages in paged PivotClient.
-	*   @Default {Paging}
-	*/
-	paging?: string;
-
-	/** Allows the user to set the custom name for the service method responsible for updating report with calculated member.
-	*   @Default {CalculatedMember}
-	*/
-	calculatedMember?: string;
-}
+            /** Returns the id of the annotation removed from the page of the PDF document.
+             */
+            annotationID?: number;
 
-enum ClientExportMode{
+            /** Returns the page number in which the annotation is removed.
+             */
+            pageID?: number;
 
-	///Exports both the PivotChart and PivotGrid on exporting.
-	ChartAndGrid,
+            /** Returns the type of the annotation removed from the page of the PDF document.
+             */
+            annotationType?: string;
+        }
 
-	///Exports the PivotChart control alone on exporting.
-	ChartOnly,
+        export interface AnnotationPropertiesChangeEventArgs {
 
-	///Exports the PivotGrid control alone on exporting.
-	GridOnly
-}
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-enum ControlPlacement{
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	///Displays PivotChart and PivotGrid widgets in separate tabs.
-	Tab,
+            /** Returns the id of the annotation added in the page of the PDF document.
+             */
+            annotationID?: number;
 
-	///Displays PivotChart and PivotGrid widgets one above the other.
-	Tile
-}
+            /** Returns the page number in which the annotation is added.
+             */
+            pageID?: number;
 
+            /** Returns the type of the annotation added in the page of the PDF document.
+             */
+            annotationType?: string;
 
-enum DefaultView{
+            /** Specifies that the color of the annotation is changed.
+             */
+            isColorChanged?: boolean;
 
-	///To set PivotChart as a default control in view.
-	Chart,
+            /** Specifies that the opacity of the annotation is changed.
+             */
+            isOpacityChanged?: boolean;
+        }
 
-	///To set PivotGrid as a default control in view.
-	Grid
-}
+        export interface BufferStartEventArgs {
 
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-enum DisplayMode{
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	///To display only PivotChart widget.
-	ChartOnly,
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	///To display only PivotGrid widget.
-	GridOnly,
+            /** Specifies the state of the buffering
+             */
+            isBuffering?: boolean;
+        }
 
-	///To display both PivotChart and PivotGrid widgets.
-	ChartAndGrid
-}
+        export interface BufferEndEventArgs {
 
-}
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-class PivotGauge extends ej.Widget {
-	static fn: PivotGauge;
-	constructor(element: JQuery, options?: PivotGauge.Model);
-	constructor(element: Element, options?: PivotGauge.Model);
-	static Locale: any;
-	model:PivotGauge.Model;
-	defaults:PivotGauge.Model;
-
-	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** This function is used to refresh the PivotGauge at client-side itself.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** This function removes the KPI related images from PivotGauge on binding OLAP datasource.
-	*   @returns {void}
-	*/
-	removeImg(): void;
-
-	/** This function receives the JSON formatted datasource and renders the PivotGauge control.
-	*   @returns {void}
-	*/
-	renderControlFromJSON(): void;
-
-	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
-	getOlapReport(): string;
-
-	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
-	setOlapReport(): void;
-
-	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
-
-	/** Sets the JSON records to render the control.
-	*   @returns {void}
-	*/
-	setJSONRecords(): void;
-
-	/** Returns the JSON records required to render the PivotGauge on performing any action with OLAP data source.
-	*   @returns {void}
-	*/
-	getJSONData(): void;
-}
-export module PivotGauge{
-
-export interface Model {
-
-	/** Sets the number of columns to arrange the Pivot Gauges.
-	*   @Default {0}
-	*/
-	columnsCount?: number;
-
-	/** Specifies the CSS class to PivotGauge to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
-
-	/** Object utilized to pass additional information between client-end and service-end on operating in server mode.
-	*   @Default {{}}
-	*/
-	customObject?: any;
-
-	/** Initializes the data source for the PivotGauge widget, when it functions completely on client-side.
-	*   @Default {{}}
-	*/
-	dataSource?: DataSource;
-
-	/** Enables/disables the animation of pointer in PivotGauge.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Enables/disables tooltip visibility in PivotGauge.
-	*   @Default {false}
-	*/
-	enableTooltip?: boolean;
-
-	/** Allows the user to view PivotGauge from right to left.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Allows the user to enable PivotGauge’s responsiveness in the browser layout.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Allows the user to change the format of the label values in PivotGauge.
-	*   @Default {null}
-	*/
-	labelFormatSettings?: LabelFormatSettings;
-
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the number of rows to arrange the Pivot Gauges.
-	*   @Default {0}
-	*/
-	rowsCount?: number;
-
-	/** Sets the scale values such as pointers, indicators, etc... for PivotGauge.
-	*   @Default {{}}
-	*/
-	scales?: any;
-
-	/** Allows the user to set the custom name for the methods at service-end, communicated during AJAX post.
-	*   @Default {{}}
-	*/
-	serviceMethodSettings?: ServiceMethodSettings;
-
-	/** Enables/disables the header labels in PivotGauge.
-	*   @Default {true}
-	*/
-	showHeaderLabel?: boolean;
-
-	/** Connects the service using the specified URL for any server updates on server mode operation.
-	*   @Default {“”}
-	*/
-	url?: string;
-
-	/** Sets the mode for the PivotGauge widget for binding either OLAP or Relational data source.
-	*   @Default {ej.Pivot.AnalysisMode.Pivot}
-	*/
-	analysisMode?: ej.Pivot.AnalysisMode|string;
-
-	/** Sets the mode for the PivotGauge widget for binding data source either in server-side or client-side.
-	*   @Default {ej.Pivot.OperationalMode.ClientMode}
-	*/
-	operationalMode?: ej.Pivot.OperationalMode|string;
-
-	/** Triggers when it reaches client-side after any AJAX request. */
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
-
-	/** Triggers before any AJAX request is passed from PivotGauge to service methods. */
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
-
-	/** Triggers before populating the pivot engine on operating in client mode. */
-	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): void;
-
-	/** Triggers when PivotGauge started loading at client-side. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggers when PivotGauge widget completes all operations at client-side after any AJAX request. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-
-	/** Triggers when any error occurred during AJAX request. */
-	renderFailure? (e: RenderFailureEventArgs): void;
-
-	/** Triggers when PivotGauge successfully reaches client-side after any AJAX request. */
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-export interface AfterServiceInvokeEventArgs {
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** returns the custom object bound with PivotGauge control.
-	*/
-	customObject?: any;
+            /** Specifies the state of the buffering
+             */
+            isBuffering?: boolean;
+        }
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
-}
+        export interface DestroyEventArgs {
 
-export interface BeforeServiceInvokeEventArgs {
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the custom object bound with PivotGauge control.
-	*/
-	customObject?: any;
+            /** Returns the PDF viewer model
+             */
+            model?: any;
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
-}
+            /** Returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface BeforePivotEnginePopulateEventArgs {
+        export interface ToolbarSettings {
 
-	/** returns the current instance of PivotGauge control.
-	*/
-	gaugeObject?: any;
-}
+            /** Shows or hides the tooltip of the toolbar items.
+             */
+            showToolTip?: boolean;
 
-export interface LoadEventArgs {
+            /** Shows or hides the grouped items in the toolbar with the help of enum ej.PdfViewer.ToolbarItems
+             */
+            toolbarItem?: ej.PdfViewer.ToolbarItems|string;
+        }
 
-	/** returns the current action of PivotGauge control.
-	*/
-	action?: string;
+        export interface ServerActionSettings {
 
-	/** returns the model of PivotGauge control.
-	*/
-	model?: any;
+            /** Specifies the name of the action method used for loading the PDF document.
+             */
+            load?: string;
 
-	/** returns the HTML element of the widget.
-	*/
-	element?: any;
+            /** Specifies the name of the action method used for uploading the PDF document to the PDF viewer control.
+             */
+            fileUpload?: string;
 
-	/** returns the custom object bound to the control.
-	*/
-	customObject?: any;
-}
+            /** Specifies the name of the action method used for printing the PDF document in the PDF viewer control.
+             */
+            print?: string;
 
-export interface RenderCompleteEventArgs {
+            /** Specifies the name of the action method used for downloading the PDF document from the PDF viewer control.
+             */
+            download?: string;
+        }
 
-	/** returns the custom object bound with PivotGauge control.
-	*/
-	customObject?: any;
+        export interface StrikethroughSettings {
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
-}
+            /** Gets/sets the color of the strikethrough annotation.
+             */
+            color?: string;
 
-export interface RenderFailureEventArgs {
+            /** Gets/sets the author of the strikethrough annotation.
+             */
+            author?: string;
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
+            /** Gets/sets the opacity of the strikethrough annotation.
+             */
+            opacity?: number;
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
+            /** Gets/sets the subject of the strikethrough annotation.
+             */
+            subject?: string;
 
-	/** returns the error message with error code.
-	*/
-	message?: string;
-}
+            /** Gets/sets the modified Date of the strikethrough annotation.
+             */
+            modifiedDate?: string;
 
-export interface RenderSuccessEventArgs {
+            /** Gets/sets the locked property of the strikethrough annotation.
+             */
+            isLocked?: boolean;
+        }
 
-	/** returns the HTML element of PivotGauge control.
-	*/
-	element?: any;
+        export interface UnderlineSettings {
 
-	/** returns the custom object bound with the control.
-	*/
-	customObject?: any;
-}
+            /** Gets/sets the color of the underline annotation.
+             */
+            color?: string;
 
-export interface DataSourceColumnsFilterItems {
+            /** Gets/sets the author of the underline annotation.
+             */
+            author?: string;
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            /** Gets/sets the opacity of the underline annotation.
+             */
+            opacity?: number;
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Gets/sets the subject of the underline annotation.
+             */
+            subject?: string;
 
-export interface DataSourceColumn {
+            /** Gets/sets the modified Date of the underline annotation.
+             */
+            modifiedDate?: string;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Gets/sets the locked property of the underline annotation.
+             */
+            isLocked?: boolean;
+        }
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceColumnsFilterItems;
-}
+        export interface HighlightSettings {
 
-export interface DataSourceRowsFilterItems {
+            /** Gets/sets the color of the highlight  annotation.
+             */
+            color?: string;
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            /** Gets/sets the author of the highlight annotation.
+             */
+            author?: string;
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Gets/sets the opacity of the highlight annotation.
+             */
+            opacity?: number;
 
-export interface DataSourceRow {
+            /** Gets/sets the subject of the highlight annotation.
+             */
+            subject?: string;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Gets/sets the modified Date of the highlight annotation.
+             */
+            modifiedDate?: string;
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceRowsFilterItems;
-}
+            /** Gets/sets the locked property of the highlight annotation.
+             */
+            isLocked?: boolean;
+        }
 
-export interface DataSourceValuesMeasure {
+        enum ToolbarItems {
 
-	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-	*/
-	fieldName?: string;
-}
+            ///Shows only magnification tools in the toolbar.
+            MagnificationTools,
 
-export interface DataSourceValue {
+            ///Shows only page navigation tools in the toolbar.
+            PageNavigationTools,
 
-	/** Allows the user to bind the item by using its unique name as field name for Relational datasource.
-	*/
-	fieldName?: string;
+            ///Shows only print tool in the toolbar.
+            PrintTools,
 
-	/** Allows the user to set the display caption for an item for Relational datasource.
-	*/
-	fieldCaption?: string;
+            ///Shows only download tool in the toolbar.
+            DownloadTool,
 
-	/** This holds the list of unique names of measures to bind them from the OLAP cube.
-	*   @Default {[]}
-	*/
-	measures?: Array<DataSourceValuesMeasure>;
+            ///Shows only text search tool in the toolbar.
+            TextSearchTool,
 
-	/** Allows to set the axis name to place the measures items.
-	*   @Default {rows}
-	*/
-	axis?: string;
+            ///Shows only text markup annotation tools in the toolbar.
+            TextMarkupAnnotationTools,
 
-	/** Indicates whether the field is a calculated field or not with Relational datasource.
-	*   @Default {false}
-	*/
-	isCalculatedField?: boolean;
+            ///Shows all the toolbar items.
+            All
+        }
 
-	/** Allows to set the formula for calculation of values for calculated members in Relational datasource.
-	*/
-	formula?: string;
-}
 
-export interface DataSourceFiltersFilterItems {
+        enum AnnotationType {
 
-	/** Sets the type of filter whether to include/exclude the mentioned values.
-	*   @Default {ej.PivotAnalysis.FilterType.Exclude}
-	*/
-	filterType?: ej.PivotAnalysis.FilterType|string;
+            ///Specifies the underline annotation.
+            Underline,
 
-	/** Contains the collection of items to be included/excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            ///Specifies the strikethrough annotation.
+            Strikethrough,
 
-export interface DataSourceFilter {
+            ///Specifies the highlight annotation.
+            Highlight
+        }
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceFiltersFilterItems;
-}
+        enum PdfService {
 
-export interface DataSource {
-
-	/** Contains the respective cube name from OLAP database as string type.
-	*   @Default {“”}
-	*/
-	cube?: string;
-
-	/** To set the data source name to fetch data from that.
-	*   @Default {“”}
-	*/
-	sourceInfo?: string;
-
-	/** Set the provider name for PivotGauge to identify whether the provider is SSAS or Mondrian.
-	*   @Default {ssas}
-	*/
-	providerName?: string;
-
-	/** Provides the raw data source for the PivotGauge.
-	*   @Default {null}
-	*/
-	data?: any;
-
-	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-	*   @Default {“”}
-	*/
-	catalog?: string;
-
-	/** Lists out the items to bind in columns section.
-	*   @Default {[]}
-	*/
-	columns?: Array<DataSourceColumn>;
-
-	/** Lists out the items to bind in rows section.
-	*   @Default {[]}
-	*/
-	rows?: Array<DataSourceRow>;
-
-	/** Lists out the items supports calculation in PivotGauge.
-	*   @Default {[]}
-	*/
-	values?: Array<DataSourceValue>;
-
-	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotGauge.
-	*   @Default {[]}
-	*/
-	filters?: Array<DataSourceFilter>;
-}
+            ///Denotes that the service is located in the local project
+            Local,
 
-export interface LabelFormatSettings {
+            ///Denotes that the service is hosted in the remote server
+            Remote
+        }
 
-	/** Allows the user to change the number format of the label values in PivotGauge.
-	*   @Default {ej.PivotGauge.NumberFormat.Default}
-	*/
-	numberFormat?: ej.PivotGauge.NumberFormat|string;
 
-	/** Allows you to set the number of digits displayed after decimal point.
-	*   @Default {5}
-	*/
-	decimalPlaces?: number;
+        enum LinkTarget {
 
-	/** Allows you to add a text at the beginning of the label.
-	*/
-	prefixText?: string;
+            ///Opens the hyperlink in the same tab of the browser.
+            Default,
 
-	/** Allows you to add text at the end of the label.
-	*/
-	suffixText?: string;
-}
+            ///Opens the hyperlink in a new tab of the browser.
+            NewTab,
 
-export interface ServiceMethodSettings {
+            ///Opens the hyperlink in a new window of the browser.
+            NewWindow
+        }
 
-	/** Allows the user to set the custom name for the service method responsible for initializing PivotGauge.
-	*   @Default {InitializeGauge}
-	*/
-	initialize?: string;
-}
+    }
 
-enum NumberFormat{
+    class SpellCheck extends ej.Widget {
+        static fn: SpellCheck;
+        constructor(element: JQuery | Element, options?: SpellCheck.Model);
+        static Locale: any;
+        model: SpellCheck.Model;
+        defaults: SpellCheck.Model;
+
+        /** Open the dialog to correct the spelling of the target content.
+         * @returns {void}
+         */
+        showInDialog(): void;
+
+        /** Highlighting the error word in the target area itself and correct the spelling using the context menu.
+         * @returns {void}
+         */
+        validate(): void;
 
-	///To set default format for label values.
-	Default,
+        /** To get the error word highlighted string by passing the given input sentence.
+         * @param {string} Content to be spell check
+         * @param {string} Class name that contains style value to highlight the error word
+         * @returns {any}
+         */
+        spellCheck(targetSentence: string, misspellWordCss: string): any;
+
+        /** To ignore all the error word occurrences from the given input sentence.
+         * @param {string} Error word to ignore from the target content
+         * @param {string} Content to perform the ignore all operation
+         * @returns {any}
+         */
+        ignoreAll(word: string, targetSentence: string): any;
+
+        /** To ignore the error word once from the given input sentence.
+         * @param {string} Error word to ignore from the target content
+         * @param {string} Content to perform the ignore operation
+         * @param {number} Index of the error word present in the target content
+         * @returns {any}
+         */
+        ignore(word: string, targetSentence: string, index: number): any;
+
+        /** To change the error word once from the given input sentence.
+         * @param {string} Error word to change from the target content
+         * @param {string} Content to perform the change operation
+         * @param {string} Word to replace with the error word
+         * @param {number} Index of the error word present in the target content
+         * @returns {any}
+         */
+        change(word: string, targetSentence: string, changeWord: string, index: number): any;
+
+        /** To change all the error word occurrences from the given input sentence.
+         * @param {string} Error word to change from the target content
+         * @param {string} Content to perform the change all operation
+         * @param {string} Word to replace with the error word
+         * @returns {any}
+         */
+        changeAll(word: string, targetSentence: string, changeWord: string): any;
+
+        /** To add the words into the custom dictionary.
+         * @param {string} Word to add into the dictionary file
+         * @returns {any}
+         */
+        addToDictionary(customWord: string): any;
+    }
+    export namespace SpellCheck {
+
+        export interface Model {
+
+            /** It includes the service method path to find the error words and its suggestions also adding the custom word into the custom dictionary.
+             */
+            dictionarySettings?: DictionarySettings;
+
+            /** To display the error word in a customized style.
+             * @Default {e-errorword}
+             */
+            misspellWordCss?: string;
+
+            /** Sets the specific culture to the SpellCheck.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** To set the maximum suggestion display count.
+             * @Default {6}
+             */
+            maxSuggestionCount?: number;
+
+            /** To ignore the words from the error word consideration.
+             * @Default {[]}
+             */
+            ignoreWords?: any[];
+
+            /** Holds all options related to the context menu settings of SpellCheck.
+             */
+            contextMenuSettings?: ContextMenuSettings;
+
+            /** It helps to ignore the uppercase, mixed case words, alpha numeric words, file path and email addresses based on the property values.
+             */
+            ignoreSettings?: IgnoreSettings;
+
+            /** When set to true, allows the spellcheck to render based upon screen size.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Gets or sets a value that indicates whether to enable the spellcheck operation on Enter/Space key-press.
+             * @Default {false}
+             */
+            enableValidateOnType?: boolean;
+
+            /** It allows to spell check the multiple target HTML element's texts and correct its error words.
+             * @Default {null}
+             */
+            controlsToValidate?: string;
+
+            /** Triggers on the success of AJAX call request.
+             */
+            actionSuccess?(e: ActionSuccessEventArgs): void;
+
+            /** Triggers on the AJAX call request beginning.
+             */
+            actionBegin?(e: ActionBeginEventArgs): void;
+
+            /** Triggers when the AJAX call request failure.
+             */
+            actionFailure?(e: ActionFailureEventArgs): void;
+
+            /** Triggers when the dialog mode spell check starting.
+             */
+            start?(e: StartEventArgs): void;
+
+            /** Triggers when the spell check operations completed through dialog mode.
+             */
+            complete?(e: CompleteEventArgs): void;
+
+            /** Triggers before context menu opening.
+             */
+            contextOpen?(e: ContextOpenEventArgs): void;
+
+            /** Triggers when the context menu item clicked.
+             */
+            contextClick?(e: ContextClickEventArgs): void;
+
+            /** Triggers before the spell check dialog opens.
+             */
+            dialogBeforeOpen?(e: DialogBeforeOpenEventArgs): void;
+
+            /** Triggers after the spell check dialog opens.
+             */
+            dialogOpen?(e: DialogOpenEventArgs): void;
+
+            /** Triggers when the spell check dialog closed.
+             */
+            dialogClose?(e: DialogCloseEventArgs): void;
+
+            /** Triggers when the spell check control performing the spell check operations such as ignore, ignoreAll, change, changeAll and addToDictionary.
+             */
+            validating?(e: ValidatingEventArgs): void;
+
+            /** Triggers before loading the target HTML element text into the dialog sentence area.
+             */
+            targetUpdating?(e: TargetUpdatingEventArgs): void;
+        }
 
-	///To set currency format for label values.
-	Currency,
+        export interface ActionSuccessEventArgs {
 
-	///To set percentage format for label values.
-	Percentage,
+            /** Returns the error word highlighted string.
+             */
+            resultHTML?: string;
 
-	///To set fraction format for label values.
-	Fraction,
+            /** Returns the error word details of the given input.
+             */
+            errorWordDetails?: any;
 
-	///To set scientific format for label values.
-	Scientific,
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	///To set text format for label values.
-	Text,
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	///To set notation format for label values.
-	Notation
-}
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-class PivotTreeMap extends ej.Widget {
-	static fn: PivotTreeMap;
-	constructor(element: JQuery, options?: PivotTreeMap.Model);
-	constructor(element: Element, options?: PivotTreeMap.Model);
-	static Locale: any;
-	model:PivotTreeMap.Model;
-	defaults:PivotTreeMap.Model;
-
-	/** Performs an asynchronous HTTP (AJAX) request.
-	*   @returns {void}
-	*/
-	doAjaxPost(): void;
-
-	/** Returns the OlapReport string maintained along with the axis elements information.
-	*   @returns {string}
-	*/
-	getOlapReport(): string;
-
-	/** Sets the OlapReport string along with the axis information and maintains it in a property.
-	*   @returns {void}
-	*/
-	setOlapReport(): void;
-
-	/** Returns the JSON records formed to render the control.
-	*   @returns {Array<any>}
-	*/
-	getJSONRecords(): Array<any>;
-
-	/** Sets the JSON records to render the control.
-	*   @returns {void}
-	*/
-	setJSONRecords(): void;
-
-	/** Renders the control with the pivot engine obtained from OLAP cube.
-	*   @returns {void}
-	*/
-	generateJSON(): void;
-
-	/** This function receives the JSON formatted datasource to render the PivotTreeMap control.
-	*   @returns {void}
-	*/
-	renderTreeMapFromJSON(): void;
-
-	/** This function receives the update from service-end, which would be utilized for rendering the widget.
-	*   @returns {void}
-	*/
-	renderControlSuccess(): void;
-}
-export module PivotTreeMap{
+        export interface ActionBeginEventArgs {
 
-export interface Model {
+            /** Returns the input string.
+             */
+            targetSentence?: string;
 
-	/** Specifies the CSS class to PivotTreeMap to achieve custom theme.
-	*   @Default {“”}
-	*/
-	cssClass?: string;
+            /** Returns the misspellWordCss class name.
+             */
+            misspellWordCss?: string;
 
-	/** Initializes the data source for the PivotTreeMap widget, when it functions completely on client-side.
-	*   @Default {{}}
-	*/
-	dataSource?: DataSource;
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	/** Object utilized to pass additional information between client-end and service-end.
-	*   @Default {{}}
-	*/
-	customObject?: any;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Allows the user to enable PivotTreeMap’s responsiveness in the browser layout.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** Allows the user to set the localized language for the widget.
-	*   @Default {en-US}
-	*/
-	locale?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Sets the mode for the PivotTreeMap widget for binding data source either in server-side or client-side.
-	*   @Default {ej.Pivot.OperationalMode.ClientMode}
-	*/
-	operationalMode?: ej.Pivot.OperationalMode|string;
+        export interface ActionFailureEventArgs {
 
-	/** Allows the user to set custom name for the methods at service-end, communicated on AJAX post.
-	*   @Default {{}}
-	*/
-	serviceMethodSettings?: ServiceMethodSettings;
+            /** Returns AJAX request failure error message.
+             */
+            errorMessage?: string;
 
-	/** Connects the service using the specified URL for any server updates.
-	*   @Default {“”}
-	*/
-	url?: string;
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	/** Triggers when it reaches client-side after any AJAX request. */
-	afterServiceInvoke? (e: AfterServiceInvokeEventArgs): void;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Triggers before any AJAX request is passed from PivotTreeMap to service methods. */
-	beforeServiceInvoke? (e: BeforeServiceInvokeEventArgs): void;
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** Triggers when PivotTreeMap starts to render. */
-	load? (e: LoadEventArgs): void;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Triggers before populating the pivot engine from datasource. */
-	beforePivotEnginePopulate? (e: BeforePivotEnginePopulateEventArgs): void;
+        export interface StartEventArgs {
 
-	/** Triggers when drill up/down happens in PivotTreeMap control. And it returns the outer HTML of PivotTreeMap control. */
-	drillSuccess? (e: DrillSuccessEventArgs): void;
+            /** Returns the input string.
+             */
+            targetSentence?: string;
 
-	/** Triggers when PivotTreeMap widget completes all operations at client-side after any AJAX request. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
+            /** Returns the error words details.
+             */
+            errorWords?: any;
 
-	/** Triggers when any error occurred during AJAX request. */
-	renderFailure? (e: RenderFailureEventArgs): void;
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	/** Triggers when PivotTreeMap successfully reaches client-side after any AJAX request. */
-	renderSuccess? (e: RenderSuccessEventArgs): void;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface AfterServiceInvokeEventArgs {
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+        export interface CompleteEventArgs {
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+            /** Returns the error word highlighted string.
+             */
+            resultHTML?: string;
 
-export interface BeforeServiceInvokeEventArgs {
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface LoadEventArgs {
+        export interface ContextOpenEventArgs {
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Returns the selected error word.
+             */
+            selectedErrorWord?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface BeforePivotEnginePopulateEventArgs {
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** returns the current instance of PivotTreeMap control.
-	*/
-	treeMapObject?: any;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-export interface DrillSuccessEventArgs {
+        export interface ContextClickEventArgs {
 
-	/** return the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+            /** Returns the selected error word.
+             */
+            selectedValue?: string;
 
-export interface RenderCompleteEventArgs {
+            /** Returns the selected option in the context menu.
+             */
+            selectedOption?: string;
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Returns the input string.
+             */
+            targetContent?: string;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-export interface RenderFailureEventArgs {
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+        export interface DialogBeforeOpenEventArgs {
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
+            /** Returns the spell check window details.
+             */
+            spellCheckDialog?: any;
 
-	/** returns the error stack trace of the original exception.
-	*/
-	message?: string;
-}
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-export interface RenderSuccessEventArgs {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** returns the current action of PivotTreeMap control.
-	*/
-	action?: string;
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** returns the custom object bound with PivotTreeMap control.
-	*/
-	customObject?: any;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** returns the HTML element of PivotTreeMap control.
-	*/
-	element?: any;
-}
+        export interface DialogOpenEventArgs {
 
-export interface DataSourceColumnsFilterItems {
+            /** Returns the target input.
+             */
+            targetText?: string;
 
-	/** Contains the collection of items to be excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-export interface DataSourceColumn {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceColumnsFilterItems;
-}
+        export interface DialogCloseEventArgs {
 
-export interface DataSourceRowsFilterItems {
+            /** Returns the error corrected string.
+             */
+            updatedText?: string;
 
-	/** Contains the collection of items to be excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the request type value.
+             */
+            requestType?: string;
 
-export interface DataSourceRow {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-	/** Allows the user to indicate whether the added item is a named set or not.
-	*   @Default {false}
-	*/
-	isNamedSets?: boolean;
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceRowsFilterItems;
-}
+        export interface ValidatingEventArgs {
 
-export interface DataSourceValuesMeasure {
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
 
-	/** Allows the user to bind the measure from OLAP datasource by using its unique name as field name.
-	*/
-	fieldName?: string;
-}
+            /** Returns the error word to ignore.
+             */
+            ignoreWord?: string;
 
-export interface DataSourceValue {
+            /** Returns the target content.
+             */
+            targetContent?: string;
 
-	/** This holds the list of unique names of measures to bind them from the OLAP cube.
-	*   @Default {[]}
-	*/
-	measures?: Array<DataSourceValuesMeasure>;
+            /** Returns the index of an error word.
+             */
+            index?: number;
 
-	/** Allows to set the axis name to place the measures items.
-	*   @Default {rows}
-	*/
-	axis?: string;
-}
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
 
-export interface DataSourceFiltersFilterItems {
+            /** Returns the validating request type.
+             */
+            requestType?: string;
 
-	/** Contains the collection of items to be excluded among the field members.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** Returns the name of the event.
+             */
+            type?: string;
 
-export interface DataSourceFilter {
+            /** Returns the error word to change.
+             */
+            changeableWord?: string;
+
+            /** Returns the change word to replace the error word.
+             */
+            changeWord?: string;
+
+            /** Returns the custom word to add into dictionary file.
+             */
+            customWord?: string;
+        }
+
+        export interface TargetUpdatingEventArgs {
+
+            /** Returns the previous target element value.
+             */
+            previousElement?: any;
+
+            /** Returns the current target element value.
+             */
+            currentElement?: any;
+
+            /** Returns the target html value.
+             */
+            targetHtml?: string;
+
+            /** Returns the cancel option value.
+             */
+            cancel?: boolean;
+
+            /** Returns the SpellCheck model.
+             */
+            model?: ej.SpellCheck.Model;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface DictionarySettings {
+
+            /** The dictionaryUrl option accepts string, which is the method path to find the error words and get the suggestions to correct the errors.
+             */
+            dictionaryUrl?: string;
+
+            /** The customDictionaryUrl option accepts string, which is the method path to add the error word into the custom dictionary.
+             */
+            customDictionaryUrl?: string;
+        }
+
+        export interface ContextMenuSettings {
+
+            /** When set to true, enables the context menu options available for the SpellCheck.
+             * @Default {true}
+             */
+            enable?: boolean;
+
+            /** Contains all the default context menu options that are applicable for SpellCheck. It also supports adding custom menu items. All the SpellCheck related context menu items are
+             * grouped under this menu collection.
+             * @Default {{% highlight javascript %}[{ id: IgnoreAll, text: Ignore All },{ id: AddToDictionary, text: Add To Dictionary }]{% endhighlight %}}
+             */
+            menuItems?: any[];
+        }
+
+        export interface IgnoreSettings {
+
+            /** When set to true, ignoring the alphanumeric words from the error word consideration.
+             * @Default {true}
+             */
+            ignoreAlphaNumericWords?: string;
+
+            /** When set to true, ignoring the Email address from the error word consideration.
+             * @Default {true}
+             */
+            ignoreEmailAddress?: boolean;
+
+            /** When set to true, ignoring the MixedCase words from the error word consideration.
+             * @Default {true}
+             */
+            ignoreMixedCaseWords?: boolean;
+
+            /** When set to true, ignoring the UpperCase words from the error word consideration.
+             * @Default {true}
+             */
+            ignoreUpperCase?: boolean;
+
+            /** When set to true, ignoring the Url from the error word consideration.
+             * @Default {true}
+             */
+            ignoreUrl?: boolean;
+
+            /** When set to true, ignoring the file address path from the error word consideration.
+             * @Default {true}
+             */
+            ignoreFileNames?: boolean;
+        }
+    }
+
+    class DocumentEditor extends ej.Widget {
+        static fn: DocumentEditor;
+        constructor(element: JQuery | Element, options?: DocumentEditor.Model);
+        static Locale: any;
+        model: DocumentEditor.Model;
+        defaults: DocumentEditor.Model;
+
+        /** Loads the document from specified path using web API provided by importUrl.
+         * @param {string} Specifies the file path.
+         * @returns {void}
+         */
+        load(path: string): void;
+
+        /** Gets the page number of current selection in the document.
+         * @returns {number}
+         */
+        getCurrentPageNumber(): number;
+
+        /** Gets the total number of pages in the document.
+         * @returns {number}
+         */
+        getPageCount(): number;
+
+        /** Gets the text of current selection in the document.
+         * @returns {string}
+         */
+        getSelectedText(): string;
+
+        /** Gets the current zoom factor value of the document editor.
+         * @returns {number}
+         */
+        getZoomFactor(): number;
+
+        /** Scales the document editor with the specified zoom factor. The range of zoom factor should be 0.10 to 5.00 (10 - 500 %).
+         * @param {number} Specifies the factor for zooming.
+         * @returns {void}
+         */
+        setZoomFactor(factor: number): void;
+
+        /** Prints the document content as page by page.
+         * @returns {void}
+         */
+        print(): void;
+
+        /** Finds the first occurrence of specified text from current selection and  highlights the result. If the document end is reached, find operation will occur from the document start
+         * position.
+         * @param {string} Specifies the text to search in a document.
+         * @returns {void}
+         */
+        find(text: string): void;
+    }
+    export namespace DocumentEditor {
+
+        export interface Model {
+
+            /** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
+             */
+            importExportSettings?: ImportExportSettings;
+
+            /** Triggers when the document changes.
+             */
+            onDocumentChange?(e: OnDocumentChangeEventArgs): void;
+
+            /** Triggers when the selection changes.
+             */
+            onSelectionChange?(e: OnSelectionChangeEventArgs): void;
+
+            /** Triggers when the zoom factor changes.
+             */
+            onZoomFactorChange?(e: OnZoomFactorChangeEventArgs): void;
+
+            /** Triggers when the hyperlink is clicked.
+             */
+            onRequestNavigate?(e: OnRequestNavigateEventArgs): void;
+        }
+
+        export interface OnDocumentChangeEventArgs {
+
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** Returns the document editor model.
+             */
+            model?: any;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface OnSelectionChangeEventArgs {
+
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** Returns the document editor model.
+             */
+            model?: any;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface OnZoomFactorChangeEventArgs {
+
+            /** True, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** Returns the document editor model.
+             */
+            model?: any;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface OnRequestNavigateEventArgs {
+
+            /** true, if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** Returns the document editor model.
+             */
+            model?: any;
+
+            /** Returns the link type and navigation link.
+             */
+            hyperlink?: any;
+
+            /** Returns the name of the event.
+             */
+            type?: string;
+        }
+
+        export interface ImportExportSettings {
+
+            /** Gets or sets URL of Web API that should be used to parse the document while loading.
+             */
+            importUrl?: string;
+        }
+    }
+
+}
+declare namespace ej.datavisualization {
+    class SymbolPalette extends ej.Widget {
+        static fn: SymbolPalette;
+        constructor(element: JQuery | Element, options?: SymbolPalette.Model);
+        static Locale: any;
+        model: SymbolPalette.Model;
+        defaults: SymbolPalette.Model;
+
+        /** Add items to Palettes at runtime
+         * @param {string} name of the Palette
+         * @param {any} JSON for the new items to added in Palette
+         * @returns {void}
+         */
+        addPaletteItem(paletteName: string, node: any): void;
+
+        /** Remove items to Palettes at runtime
+         * @param {string} name of the Palette
+         * @param {any} JSON for the new node to removed in Palette
+         * @returns {void}
+         */
+        removePaletteItem(paletteName: string, node: any): void;
+    }
+    export namespace SymbolPalette {
+
+        export interface Model {
+
+            /** Defines whether the symbols can be dragged from palette or not
+             * @Default {true}
+             */
+            allowDrag?: boolean;
+
+            /** Customizes the style of the symbol palette
+             * @Default {e-symbolpalette}
+             */
+            cssClass?: string;
+
+            /** Defines the default properties of nodes and connectors
+             */
+            defaultSettings?: DefaultSettings;
+
+            /** Sets the Id of the diagram, over which the symbols will be dropped
+             * @Default {null}
+             */
+            diagramId?: string;
+
+            /** Sets the height of the palette headers
+             * @Default {30}
+             */
+            headerHeight?: number;
+
+            /** Defines the height of the symbol palette
+             * @Default {400}
+             */
+            height?: number;
+
+            /** Defines the height of the palette items
+             * @Default {50}
+             */
+            paletteItemHeight?: number;
+
+            /** Defines the width of the palette items
+             * @Default {50}
+             */
+            paletteItemWidth?: number;
+
+            /** An array of JSON objects, where each object represents a node/connector
+             * @Default {[]}
+             */
+            palettes?: Palette[];
+
+            /** Defines the preview height of the symbols
+             * @Default {100}
+             */
+            previewHeight?: number;
+
+            /** Defines the offset value to be left between the mouse cursor and symbol previews
+             * @Default {(110, 110)}
+             */
+            previewOffset?: any;
+
+            /** Defines the width of the symbol previews
+             * @Default {100}
+             */
+            previewWidth?: number;
+
+            /** Enable or disable the palette item text
+             * @Default {true}
+             */
+            showPaletteItemText?: boolean;
+
+            /** The width of the palette
+             * @Default {250}
+             */
+            width?: number;
+
+            /** Triggers when a palette item is selected or unselected
+             */
+            selectionChange?(e: SelectionChangeEventArgs): void;
+        }
+
+        export interface SelectionChangeEventArgs {
+
+            /** returns whether an element is selected or unselected
+             */
+            changeType?: string;
+
+            /** returns the node or connector that is selected or unselected
+             */
+            element?: any;
+        }
+
+        export interface DefaultSettings {
+
+            /** Defines the default properties of the nodes
+             * @Default {null}
+             */
+            node?: any;
+
+            /** Defines the default properties of the connectors
+             * @Default {null}
+             */
+            connector?: any;
+        }
+
+        export interface Palette {
+
+            /** Defines the name of the palette
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Defines whether the palette must be in expanded state or in collapsed state
+             * @Default {true}
+             */
+            expanded?: boolean;
+
+            /** Defines the palette items
+             * @Default {[]}
+             */
+            items?: any[];
+        }
+    }
+
+    class LinearGauge extends ej.Widget {
+        static fn: LinearGauge;
+        constructor(element: JQuery | Element, options?: LinearGauge.Model);
+        static Locale: any;
+        model: LinearGauge.Model;
+        defaults: LinearGauge.Model;
+
+        /** destroy the linear gauge all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To export Image
+         * @returns {void}
+         */
+        exportImage(): void;
+
+        /** To get Bar Distance From Scale in number
+         * @returns {any}
+         */
+        getBarDistanceFromScale(): any;
+
+        /** To get Bar Pointer Value in number
+         * @returns {any}
+         */
+        getBarPointerValue(): any;
+
+        /** To get Bar Width in number
+         * @returns {any}
+         */
+        getBarWidth(): any;
+
+        /** To get CustomLabel Angle in number
+         * @returns {any}
+         */
+        getCustomLabelAngle(): any;
+
+        /** To get CustomLabel Value in string
+         * @returns {any}
+         */
+        getCustomLabelValue(): any;
+
+        /** To get Label Angle in number
+         * @returns {any}
+         */
+        getLabelAngle(): any;
+
+        /** To get LabelPlacement in number
+         * @returns {any}
+         */
+        getLabelPlacement(): any;
+
+        /** To get LabelStyle in number
+         * @returns {any}
+         */
+        getLabelStyle(): any;
+
+        /** To get Label XDistance From Scale in number
+         * @returns {any}
+         */
+        getLabelXDistanceFromScale(): any;
+
+        /** To get PointerValue in number
+         * @returns {any}
+         */
+        getLabelYDistanceFromScale(): any;
+
+        /** To get Major Interval Value in number
+         * @returns {any}
+         */
+        getMajorIntervalValue(): any;
+
+        /** To get MarkerStyle in number
+         * @returns {any}
+         */
+        getMarkerStyle(): any;
+
+        /** To get Maximum Value in number
+         * @returns {any}
+         */
+        getMaximumValue(): any;
+
+        /** To get PointerValue in number
+         * @returns {any}
+         */
+        getMinimumValue(): any;
+
+        /** To get Minor Interval Value in number
+         * @returns {any}
+         */
+        getMinorIntervalValue(): any;
+
+        /** To get Pointer Distance From Scale in number
+         * @returns {any}
+         */
+        getPointerDistanceFromScale(): any;
+
+        /** To get PointerHeight in number
+         * @returns {any}
+         */
+        getPointerHeight(): any;
+
+        /** To get Pointer Placement in String
+         * @returns {any}
+         */
+        getPointerPlacement(): any;
+
+        /** To get PointerValue in number
+         * @returns {any}
+         */
+        getPointerValue(): any;
+
+        /** To get PointerWidth in number
+         * @returns {any}
+         */
+        getPointerWidth(): any;
+
+        /** To get Range Border Width in number
+         * @returns {any}
+         */
+        getRangeBorderWidth(): any;
+
+        /** To get Range Distance From Scale in number
+         * @returns {any}
+         */
+        getRangeDistanceFromScale(): any;
+
+        /** To get Range End Value in number
+         * @returns {any}
+         */
+        getRangeEndValue(): any;
+
+        /** To get Range End Width in number
+         * @returns {any}
+         */
+        getRangeEndWidth(): any;
+
+        /** To get Range Position in number
+         * @returns {any}
+         */
+        getRangePosition(): any;
+
+        /** To get Range Start Value in number
+         * @returns {any}
+         */
+        getRangeStartValue(): any;
+
+        /** To get Range Start Width in number
+         * @returns {any}
+         */
+        getRangeStartWidth(): any;
+
+        /** To get ScaleBarLength in number
+         * @returns {any}
+         */
+        getScaleBarLength(): any;
+
+        /** To get Scale Bar Size in number
+         * @returns {any}
+         */
+        getScaleBarSize(): any;
+
+        /** To get Scale Border Width in number
+         * @returns {any}
+         */
+        getScaleBorderWidth(): any;
+
+        /** To get Scale Direction in number
+         * @returns {any}
+         */
+        getScaleDirection(): any;
+
+        /** To get Scale Location in object
+         * @returns {any}
+         */
+        getScaleLocation(): any;
+
+        /** To get Scale Style in string
+         * @returns {any}
+         */
+        getScaleStyle(): any;
+
+        /** To get Tick Angle in number
+         * @returns {any}
+         */
+        getTickAngle(): any;
+
+        /** To get Tick Height in number
+         * @returns {any}
+         */
+        getTickHeight(): any;
+
+        /** To get getTickPlacement in number
+         * @returns {any}
+         */
+        getTickPlacement(): any;
+
+        /** To get Tick Style in string
+         * @returns {any}
+         */
+        getTickStyle(): any;
+
+        /** To get Tick Width in number
+         * @returns {any}
+         */
+        getTickWidth(): any;
+
+        /** To get get Tick XDistance From Scale in number
+         * @returns {any}
+         */
+        getTickXDistanceFromScale(): any;
+
+        /** To get Tick YDistance From Scale in number
+         * @returns {any}
+         */
+        getTickYDistanceFromScale(): any;
+
+        /** Specifies the scales.
+         * @returns {void}
+         */
+        scales(): void;
+
+        /** To set setBarDistanceFromScale
+         * @returns {void}
+         */
+        setBarDistanceFromScale(): void;
+
+        /** To set setBarPointerValue
+         * @returns {void}
+         */
+        setBarPointerValue(): void;
+
+        /** To set setBarWidth
+         * @returns {void}
+         */
+        setBarWidth(): void;
+
+        /** To set setCustomLabelAngle
+         * @returns {void}
+         */
+        setCustomLabelAngle(): void;
+
+        /** To set setCustomLabelValue
+         * @returns {void}
+         */
+        setCustomLabelValue(): void;
+
+        /** To set setLabelAngle
+         * @returns {void}
+         */
+        setLabelAngle(): void;
+
+        /** To set setLabelPlacement
+         * @returns {void}
+         */
+        setLabelPlacement(): void;
+
+        /** To set setLabelStyle
+         * @returns {void}
+         */
+        setLabelStyle(): void;
+
+        /** To set setLabelXDistanceFromScale
+         * @returns {void}
+         */
+        setLabelXDistanceFromScale(): void;
+
+        /** To set setLabelYDistanceFromScale
+         * @returns {void}
+         */
+        setLabelYDistanceFromScale(): void;
+
+        /** To set setMajorIntervalValue
+         * @returns {void}
+         */
+        setMajorIntervalValue(): void;
+
+        /** To set setMarkerStyle
+         * @returns {void}
+         */
+        setMarkerStyle(): void;
+
+        /** To set setMaximumValue
+         * @returns {void}
+         */
+        setMaximumValue(): void;
+
+        /** To set setMinimumValue
+         * @returns {void}
+         */
+        setMinimumValue(): void;
+
+        /** To set setMinorIntervalValue
+         * @returns {void}
+         */
+        setMinorIntervalValue(): void;
+
+        /** To set setPointerDistanceFromScale
+         * @returns {void}
+         */
+        setPointerDistanceFromScale(): void;
+
+        /** To set PointerHeight
+         * @returns {void}
+         */
+        setPointerHeight(): void;
+
+        /** To set setPointerPlacement
+         * @returns {void}
+         */
+        setPointerPlacement(): void;
+
+        /** To set PointerValue
+         * @returns {void}
+         */
+        setPointerValue(): void;
+
+        /** To set PointerWidth
+         * @returns {void}
+         */
+        setPointerWidth(): void;
+
+        /** To set setRangeBorderWidth
+         * @returns {void}
+         */
+        setRangeBorderWidth(): void;
+
+        /** To set setRangeDistanceFromScale
+         * @returns {void}
+         */
+        setRangeDistanceFromScale(): void;
+
+        /** To set setRangeEndValue
+         * @returns {void}
+         */
+        setRangeEndValue(): void;
+
+        /** To set setRangeEndWidth
+         * @returns {void}
+         */
+        setRangeEndWidth(): void;
+
+        /** To set setRangePosition
+         * @returns {void}
+         */
+        setRangePosition(): void;
+
+        /** To set setRangeStartValue
+         * @returns {void}
+         */
+        setRangeStartValue(): void;
+
+        /** To set setRangeStartWidth
+         * @returns {void}
+         */
+        setRangeStartWidth(): void;
+
+        /** To set setScaleBarLength
+         * @returns {void}
+         */
+        setScaleBarLength(): void;
+
+        /** To set setScaleBarSize
+         * @returns {void}
+         */
+        setScaleBarSize(): void;
+
+        /** To set setScaleBorderWidth
+         * @returns {void}
+         */
+        setScaleBorderWidth(): void;
+
+        /** To set setScaleDirection
+         * @returns {void}
+         */
+        setScaleDirection(): void;
+
+        /** To set setScaleLocation
+         * @returns {void}
+         */
+        setScaleLocation(): void;
+
+        /** To set setScaleStyle
+         * @returns {void}
+         */
+        setScaleStyle(): void;
+
+        /** To set setTickAngle
+         * @returns {void}
+         */
+        setTickAngle(): void;
+
+        /** To set setTickHeight
+         * @returns {void}
+         */
+        setTickHeight(): void;
+
+        /** To set setTickPlacement
+         * @returns {void}
+         */
+        setTickPlacement(): void;
+
+        /** To set setTickStyle
+         * @returns {void}
+         */
+        setTickStyle(): void;
+
+        /** To set setTickWidth
+         * @returns {void}
+         */
+        setTickWidth(): void;
+
+        /** To set setTickXDistanceFromScale
+         * @returns {void}
+         */
+        setTickXDistanceFromScale(): void;
+
+        /** To set setTickYDistanceFromScale
+         * @returns {void}
+         */
+        setTickYDistanceFromScale(): void;
+    }
+    export namespace LinearGauge {
+
+        export interface Model {
+
+            /** Specifies the animationSpeed
+             * @Default {500}
+             */
+            animationSpeed?: number;
+
+            /** Specifies the backgroundColor for Linear gauge.
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the borderColor for Linear gauge.
+             * @Default {null}
+             */
+            borderColor?: string;
+
+            /** Specifies the animate state
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Specifies the animate state for marker pointer
+             * @Default {true}
+             */
+            enableMarkerPointerAnimation?: boolean;
+
+            /** Specifies the can resize state.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Used to Convert the date object to  string while using the  locale settings
+             * @Default {false}
+             */
+            enableGroupSeparator?: boolean;
+
+            /** Responsiveness of the linear gauge is controlled
+             * @Default {false}
+             */
+            enableResize?: boolean;
+
+            /** Specify frame of linear gauge
+             * @Default {null}
+             */
+            frame?: Frame;
+
+            /** Specifies the height of Linear gauge.
+             * @Default {400}
+             */
+            height?: number;
+
+            /** Specifies the labelColor for Linear gauge.
+             * @Default {null}
+             */
+            labelColor?: string;
+
+            /** Set the  localization culture  for the Linear gauge
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the maximum value of Linear gauge.
+             * @Default {100}
+             */
+            maximum?: number;
+
+            /** Specifies the minimum value of Linear gauge.
+             * @Default {0}
+             */
+            minimum?: number;
+
+            /** Specifies the orientation for Linear gauge.
+             * @Default {Vertical}
+             */
+            orientation?: string;
+
+            /** Specify labelPosition value of Linear gauge See
+             * @Default {bottom}
+             */
+            outerCustomLabelPosition?: ej.datavisualization.LinearGauge.OuterCustomLabelPosition|string;
+
+            /** Specifies the pointerGradient1 for Linear gauge.
+             * @Default {null}
+             */
+            pointerGradient1?: any;
+
+            /** Specifies the pointerGradient2 for Linear gauge.
+             * @Default {null}
+             */
+            pointerGradient2?: any;
+
+            /** Specifies the read only state.
+             * @Default {true}
+             */
+            readOnly?: boolean;
+
+            /** Specifies the scales
+             * @Default {null}
+             */
+            scales?: Scale[];
+
+            /** Specifies the theme for Linear gauge. See LinearGauge.Themes
+             * @Default {flatlight}
+             */
+            theme?: ej.datavisualization.LinearGauge.Themes|string;
+
+            /** Specifies the tick Color for Linear gauge.
+             * @Default {null}
+             */
+            tickColor?: string;
+
+            /** Specify tooltip options of linear gauge
+             * @Default {false}
+             */
+            tooltip?: Tooltip;
+
+            /** Specifies the value of the Gauge.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Specifies the width of Linear gauge.
+             * @Default {150}
+             */
+            width?: number;
+
+            /** Triggers while the bar pointer are being drawn on the gauge.
+             */
+            drawBarPointers?(e: DrawBarPointersEventArgs): void;
+
+            /** Triggers while the customLabel are being drawn on the gauge.
+             */
+            drawCustomLabel?(e: DrawCustomLabelEventArgs): void;
+
+            /** Triggers while the Indicator are being drawn on the gauge.
+             */
+            drawIndicators?(e: DrawIndicatorsEventArgs): void;
+
+            /** Triggers while the label are being drawn on the gauge.
+             */
+            drawLabels?(e: DrawLabelsEventArgs): void;
+
+            /** Triggers while the marker are being drawn on the gauge.
+             */
+            drawMarkerPointers?(e: DrawMarkerPointersEventArgs): void;
+
+            /** Triggers while the range are being drawn on the gauge.
+             */
+            drawRange?(e: DrawRangeEventArgs): void;
+
+            /** Triggers while the ticks are being drawn on the gauge.
+             */
+            drawTicks?(e: DrawTicksEventArgs): void;
+
+            /** Triggers when the gauge is initialized.
+             */
+            init?(e: InitEventArgs): void;
+
+            /** Triggers while the gauge start to Load.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when the left mouse button is clicked.
+             */
+            mouseClick?(e: MouseClickEventArgs): void;
+
+            /** Triggers when clicking and dragging the mouse pointer over the gauge pointer.
+             */
+            mouseClickMove?(e: MouseClickMoveEventArgs): void;
+
+            /** Triggers when the mouse click is released.
+             */
+            mouseClickUp?(e: MouseClickUpEventArgs): void;
+
+            /** Triggers while the rendering of the gauge completed.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+        }
+
+        export interface DrawBarPointersEventArgs {
+
+            /** returns the object of the gauge.
+             */
+            object?: any;
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the startX and startY of the pointer
+             */
+            position?: any;
+
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Allows the user to bind the item by using its unique name as field name.
-	*/
-	fieldName?: string;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Applies filter to the field members.
-	*   @Default {null}
-	*/
-	filterItems?: DataSourceFiltersFilterItems;
-}
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-export interface DataSource {
-
-	/** Provides the raw data source for the PivotTreeMap.
-	*   @Default {null}
-	*/
-	data?: any;
-
-	/** Contains the respective cube name from OLAP database as string type.
-	*   @Default {“”}
-	*/
-	cube?: string;
-
-	/** In connection with an OLAP database, this property contains the database name as string to fetch the data from the given connection string.
-	*   @Default {“”}
-	*/
-	catalog?: string;
-
-	/** Lists out the items to be displayed as series of PivotTreeMap.
-	*   @Default {[]}
-	*/
-	columns?: Array<DataSourceColumn>;
-
-	/** Lists out the items to be displayed as segments of PivotTreeMap.
-	*   @Default {[]}
-	*/
-	rows?: Array<DataSourceRow>;
-
-	/** Lists out the items supports calculation in PivotTreeMap.
-	*   @Default {[]}
-	*/
-	values?: Array<DataSourceValue>;
-
-	/** Lists out the items which supports filtering of values without displaying the members in UI in PivotTreeMap.
-	*   @Default {[]}
-	*/
-	filters?: Array<DataSourceFilter>;
-}
+            /** returns the pointer style
+             */
+            style?: string;
 
-export interface ServiceMethodSettings {
+            /** returns the current Bar pointer element.
+             */
+            barElement?: any;
 
-	/** Allows the user to set the custom name for the service method responsible for initializing PivotTreeMap.
-	*   @Default {InitializeTreemap}
-	*/
-	initialize?: string;
+            /** returns the index of the bar pointer.
+             */
+            barPointerIndex?: number;
 
-	/** Allows the user to set the custom name for the service method responsible for drilling up/down operation in PivotTreeMap.
-	*   @Default {DrillTreeMap}
-	*/
-	drillDown?: string;
-}
-}
+            /** returns the value of the bar pointer.
+             */
+            PointerValue?: number;
 
-class Schedule extends ej.Widget {
-	static fn: Schedule;
-	constructor(element: JQuery, options?: Schedule.Model);
-	constructor(element: Element, options?: Schedule.Model);
-	static Locale: any;
-	model:Schedule.Model;
-	defaults:Schedule.Model;
-
-	/** This method is used to delete the appointment based on the guid value or the appointment data passed to it.
-	*   @param {string|any} GUID value of an appointment element or an appointment object
-	*   @returns {void}
-	*/
-	deleteAppointment(data: string|any): void;
-
-	/** Destroys the Schedule widget. All the events bound using this._on are unbound automatically and the control is moved to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Exports the appointments from the Schedule control.
-	*   @param {string} It refers the controller action name to redirect. (For MVC)
-	*   @param {string} It refers the server event name.(For ASP)
-	*   @param {string|number} Pass the id of an appointment, in case if a single appointment needs to be exported. Otherwise, it takes the null value.
-	*   @returns {void}
-	*/
-	exportSchedule(action: string, serverEvent: string, id: string|number): void;
-
-	/** Searches and filters the appointments from appointment list of Schedule control.
-	*   @param {Array<any>} Holds array of one or more conditional objects for filtering the appointments based on it.
-	*   @returns {Array<any>}
-	*/
-	filterAppointments(filterConditions: Array<any>): Array<any>;
-
-	/** Gets the complete appointment list of Schedule control.
-	*   @returns {Array<any>}
-	*/
-	getAppointments(): Array<any>;
-
-	/** Prints the entire Scheduler or a single appointment based on the appointment data passed as an argument to it. Simply calling the print() method, without passing any argument will print the entire Scheduler.
-	*   @param {any} Either accepts no arguments at all or else accepts an appointment object.
-	*   @returns {void}
-	*/
-	print(data: any): void;
-
-	/** Refreshes the Scroller of Scheduler while using it within some other controls or application.
-	*   @returns {void}
-	*/
-	refreshScroller(): void;
-
-	/** It is used to save the appointment. The appointment object is based on the argument passed to this method.
-	*   @param {any} appointment object which includes appointment details
-	*   @returns {void}
-	*/
-	saveAppointment(appointmentObject: any): void;
-
-	/** Generate the recurrence rule as a string, based on the repeat options selected.
-	*   @returns {string}
-	*/
-	getRecurrenceRule(): string;
-
-	/** Retrieves the time slot information (start/end time and resource details) of the given element. The parameter is optional - as when no element is passed to it, the currently selected cell information will be retrieved. When multiple cells are selected in the Scheduler, it is not necessary to provide the parameter.
-	*   @param {any} TD element object rendered as Scheduler work cell
-	*   @returns {any}
-	*/
-	getSlotByElement(element: any): any;
-
-	/** Searches the appointments from the appointment list of Schedule control based on the provided search string in its argument list.
-	*   @param {any|string} Defines the search word or the filter condition, based on which the appointments are filtered from the list.
-	*   @param {string} Defines the field name on which the search is to be made.
-	*   @param {ej.FilterOperators|string} Defines the filterOperator value for the search operation.
-	*   @param {boolean} Defines the ignoreCase value for performing the search operation.
-	*   @returns {Array<any>}
-	*/
-	searchAppointments(searchString: any|string, field: string, operator: ej.FilterOperators|string, ignoreCase: boolean): Array<any>;
-
-	/** Refreshes the entire Schedule control.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Refreshes only the appointment elements within the Schedule control.
-	*   @returns {void}
-	*/
-	refreshAppointments(): void;
-
-	/** Passes the server-side action and data to the client-side for rendering the modified appointment list on the Schedule control.
-	*   @returns {void}
-	*/
-	notifyChanges(): void;
-}
-export module Schedule{
-
-export interface Model {
-
-	/** When set to true, Schedule allows the appointments to be dragged and dropped at required time.
-	*   @Default {true}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** When set to true, allows the user to create/edit appointments inline - simply through a single click made either on the Scheduler cells or on the existing appointment’s Subject text respectively. Pressing enter key after the new Subject text   typed onto the inline created text box, will save/update the appointments appropriately.
-	*   @Default {false}
-	*/
-	allowInline?: boolean;
-
-	/** When set to true, Scheduler allows interaction through keyboard shortcut keys.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** It includes the dataSource option and the fields related to Schedule appointments. The appointment fields within the appointmentSettings can accept both string and object type values. To apply validation rules on the appointment window fields, then the appointment fields needs to be defined with object type values.
-	*/
-	appointmentSettings?: AppointmentSettings;
-
-	/** Template design that applies on the Schedule appointments. All the field names that are mapped from dataSource to the appropriate field properties within the appointmentSettings can be used within the template.
-	*   @Default {null}
-	*/
-	appointmentTemplateId?: string;
-
-	/** Accepts the custom CSS class name that defines specific user-defined styles and themes to be applied for partial or complete elements of the Schedule.
-	*/
-	cssClass?: string;
-
-	/** Sets various categorize colors to the Schedule appointments to differentiate it.
-	*/
-	categorizeSettings?: CategorizeSettings;
-
-	/** Sets the height for Schedule cells.
-	*   @Default {20px}
-	*/
-	cellHeight?: string;
-
-	/** Sets the width for Schedule cells.
-	*/
-	cellWidth?: string;
-
-	/** Holds all options related to the context menu settings of Scheduler.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/** Sets current date of the Schedule. The Schedule displays initially with the date that is provided here.
-	*   @Default {new Date()}
-	*/
-	currentDate?: any;
-
-	/** Sets current view of the Schedule. Schedule renders initially with the view that is specified here. The available views are day, week, workweek, month, agenda and custom view - from which any one of the required view can be set to the Schedule. It accepts both string or enum values. The enum values that are accepted by currentView(ej.Schedule.CurrentView) are as follows,
-	*   @Default {ej.Schedule.CurrentView.Week}
-	*/
-	currentView?: string|ej.Schedule.CurrentView;
-
-	/** Sets the date format for Schedule.
-	*/
-	dateFormat?: string;
-
-	/** When set to true, shows the previous/next appointment navigator button on the Scheduler.
-	*   @Default {true}
-	*/
-	showAppointmentNavigator?: boolean;
-
-	/** When set to true, enables the resize behavior of appointments within the Schedule.
-	*   @Default {true}
-	*/
-	enableAppointmentResize?: boolean;
-
-	/** When set to true, enables the loading of Schedule appointments based on your demand. With this load on demand concept, the data consumption of the Schedule can be limited.
-	*   @Default {false}
-	*/
-	enableLoadOnDemand?: boolean;
-
-	/** Saves the current model value to browser cookies for state maintenance. When the page gets refreshed, Schedule control values are retained.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** When set to true, the Schedule layout and behavior changes as per the common RTL conventions.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Sets the end hour time limit to be displayed on the Schedule.
-	*   @Default {24}
-	*/
-	endHour?: number;
-
-	/** To configure resource grouping on the Schedule.
-	*/
-	group?: Group;
-
-	/** Sets the height of the Schedule. Accepts both pixel and percentage values.
-	*   @Default {1120px}
-	*/
-	height?: string;
-
-	/** To define the work hours within the Schedule control.
-	*/
-	workHours?: WorkHours;
-
-	/** When set to true, enables the Schedule to observe Daylight Saving Time for supported timezones.
-	*   @Default {false}
-	*/
-	isDST?: boolean;
-
-	/** When set to true, adapts the Schedule layout to fit the screen size of devices on which it renders.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Sets the specific culture to the Schedule.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the maximum date limit to display on the Schedule. Setting maxDate with specific date value disallows the Schedule to navigate beyond that date.
-	*   @Default {new Date(2099, 12, 31)}
-	*/
-	maxDate?: any;
-
-	/** Sets the minimum date limit to display on the Schedule. Setting minDate with specific date value disallows the Schedule to navigate beyond that date.
-	*   @Default {new Date(1900, 01, 01)}
-	*/
-	minDate?: any;
-
-	/** Sets the mode of Schedule rendering either in a vertical or horizontal direction. It accepts either string(&quot;vertical&quot; or &quot;horizontal&quot;) or enum values. The enum values that are accepted by orientation(ej.Schedule.Orientation) are as follows,
-	*   @Default {ej.Schedule.Orientation.Vertical}
-	*/
-	orientation?: string|ej.Schedule.Orientation;
-
-	/** Holds all the options related to priority settings of the Schedule.
-	*/
-	prioritySettings?: PrioritySettings;
-
-	/** When set to true, disables the interaction with the Schedule appointments, simply allowing the date and view navigation to occur.
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Holds all the options related to reminder settings of the Schedule.
-	*/
-	reminderSettings?: ReminderSettings;
-
-	/** Defines the specific start and end dates to be rendered in the Schedule control. To render such user-specified custom date ranges in the Schedule control, set the currentView property to ej.Schedule.CurrentView.CustomView.
-	*   @Default {null}
-	*/
-	renderDates?: RenderDates;
-
-	/** Template design that applies on the Schedule resource header.
-	*   @Default {null}
-	*/
-	resourceHeaderTemplateId?: string;
-
-	/** Holds all the options related to the resources settings of the Schedule. It is a collection of one or more resource objects, where the levels of resources are rendered on the Schedule based on the order of the resource data provided within this collection.
-	*   @Default {null}
-	*/
-	resources?: Array<Resource>;
-
-	/** When set to true, displays the all-day row cells on the Schedule.
-	*   @Default {true}
-	*/
-	showAllDayRow?: boolean;
-
-	/** When set to false, hides the weekend days on all the Scheduler views.
-	*   @Default {true}
-	*/
-	showWeekend?: boolean;
-
-	/** When set to true, displays the current time indicator on the Schedule.
-	*   @Default {true}
-	*/
-	showCurrentTimeIndicator?: boolean;
-
-	/** When set to true, displays the header bar on the Schedule.
-	*   @Default {true}
-	*/
-	showHeaderBar?: boolean;
-
-	/** When set to true, displays the location field additionally on Schedule appointment window.
-	*   @Default {false}
-	*/
-	showLocationField?: boolean;
-
-	/** When set to false, doesn't render the start and end timezone fields on the Schedule appointment window.
-	*   @Default {true}
-	*/
-	showTimeZoneFields?: boolean;
-
-	/** When set to true, displays the quick window for every single click made on the Schedule cells or appointments.
-	*   @Default {true}
-	*/
-	showQuickWindow?: boolean;
-
-	/** Sets the start hour time range to be displayed on the Schedule.
-	*   @Default {0}
-	*/
-	startHour?: number;
-
-	/** Sets either 12 or 24 hour time mode on the Schedule. It accepts either the string value(&quot;12&quot; or &quot;24&quot;) or the below mentioned enum values. The enum values that are accepted by timeMode(ej.Schedule.TimeMode) are as follows,
-	*   @Default {null}
-	*/
-	timeMode?: string|ej.Schedule.TimeMode;
-
-	/** Sets the timezone for the Schedule.
-	*   @Default {null}
-	*/
-	timeZone?: string;
-
-	/** Sets the collection of timezone items to be bound to the Schedule. Only the items bound to this property gets listed out in the timezone field of the appointment window.
-	*/
-	timeZoneCollection?: TimeZoneCollection;
-
-	/** Defines the view collection to be displayed on the Schedule. By default, it displays all the views namely, Day, Week, WorkWeek and Month.
-	*   @Default {[Day, Week, WorkWeek, Month, Agenda]}
-	*/
-	views?: Array<any>;
-
-	/** Sets the width of the Schedule. Accepts both pixel and percentage values.
-	*   @Default {100%}
-	*/
-	width?: string;
-
-	/** When set to true, Schedule allows the validation of recurrence pattern to take place before it is being assigned to the appointments. For example, when one of the instance of recurrence appointment is dragged beyond the next or previous instance of the same recurrence appointment, a pop-up is displayed with the validation message disallowing the drag functionality.
-	*   @Default {true}
-	*/
-	enableRecurrenceValidation?: boolean;
-
-	/** Sets the week to display more than one week appointment summary.
-	*/
-	agendaViewSettings?: AgendaViewSettings;
-
-	/** Sets specific day as the starting day of the week.
-	*   @Default {null}
-	*/
-	firstDayOfWeek?: string;
-
-	/** Sets different day collection within workWeek view.
-	*   @Default {[Monday, Tuesday, Wednesday, Thursday, Friday]}
-	*/
-	workWeek?: Array<any>;
-
-	/** Allows to pop-up appointment details in a tooltip while hovering over the appointments.
-	*/
-	tooltipSettings?: TooltipSettings;
-
-	/** Holds all the options related to the time scale of Scheduler. The timeslots either major or minor slots can be customized with this property.
-	*/
-	timeScale?: TimeScale;
-
-	/** When set to true, shows the delete confirmation dialog before deleting an appointment.
-	*   @Default {true}
-	*/
-	showDeleteConfirmationDialog?: boolean;
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Accepts the id value of the template layout defined for the all-day cells and customizes it.
-	*   @Default {null}
-	*/
-	allDayCellsTemplateId?: string;
+        export interface DrawCustomLabelEventArgs {
 
-	/** Accepts the id value of the template layout defined for the work cells and month cells.
-	*   @Default {null}
-	*/
-	workCellsTemplateId?: string;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Accepts the id value of the template layout defined for the date header cells and customizes it.
-	*   @Default {null}
-	*/
-	dateHeaderTemplateId?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** when set to false, allows the height of the work-cells to adjust automatically (either expand or collapse) based on the number of appointment count it has.
-	*   @Default {true}
-	*/
-	showOverflowButton?: boolean;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Allows setting draggable area for the Scheduler appointments. Also, turns on the external drag and drop, when set with some specific external drag area name.
-	*/
-	appointmentDragArea?: string;
+            /** returns the startX and startY of the customLabel
+             */
+            position?: any;
 
-	/** When set to true, displays the other months days from the current month on the Schedule.
-	*   @Default {true}
-	*/
-	showNextPrevMonth?: boolean;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Blocks the user-specific time interval on the Scheduler, so that no appointments can be created on that particular time slots. It includes the dataSource option and also the fields related to block intervals.
-	*/
-	blockoutSettings?: BlockoutSettings;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Triggers on the beginning of every action that starts within the Schedule. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Triggers after the completion of every action within the Schedule. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** returns the customLabel style
+             */
+            style?: any;
 
-	/** Triggers after an appointment is clicked. */
-	appointmentClick? (e: AppointmentClickEventArgs): void;
+            /** returns the current customLabel element.
+             */
+            customLabelElement?: any;
 
-	/** Triggers before the appointment is being removed from the Scheduler. */
-	beforeAppointmentRemove? (e: BeforeAppointmentRemoveEventArgs): void;
+            /** returns the index of the customLabel.
+             */
+            customLabelIndex?: number;
 
-	/** Triggers before the edited appointment is being saved. */
-	beforeAppointmentChange? (e: BeforeAppointmentChangeEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Triggers on hovering the mouse over the appointments. */
-	appointmentHover? (e: AppointmentHoverEventArgs): void;
+        export interface DrawIndicatorsEventArgs {
 
-	/** Triggers before the new appointment gets saved. */
-	beforeAppointmentCreate? (e: BeforeAppointmentCreateEventArgs): void;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Triggers before the appointment window opens. */
-	appointmentWindowOpen? (e: AppointmentWindowOpenEventArgs): void;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Triggers before the context menu opens. */
-	beforeContextMenuOpen? (e: BeforeContextMenuOpenEventArgs): void;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Triggers after the cell is clicked. */
-	cellClick? (e: CellClickEventArgs): void;
+            /** returns the startX and startY of the Indicator
+             */
+            position?: any;
 
-	/** Triggers after the cell is clicked twice. */
-	cellDoubleClick? (e: CellDoubleClickEventArgs): void;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Triggers on hovering the mouse overs the cells. */
-	cellHover? (e: CellHoverEventArgs): void;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Triggers when the Scheduler completely renders on the page. */
-	create? (e: CreateEventArgs): void;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Triggers when the Scheduler and all its sub-components gets destroyed. */
-	destroy? (e: DestroyEventArgs): void;
+            /** returns the Indicator style
+             */
+            style?: string;
 
-	/** Triggers while the appointment is being dragged over the work cells. */
-	drag? (e: DragEventArgs): void;
+            /** returns the current Indicator element.
+             */
+            IndicatorElement?: any;
 
-	/** Triggers when the appointment dragging begins. */
-	dragStart? (e: DragStartEventArgs): void;
+            /** returns the index of the Indicator.
+             */
+            IndicatorIndex?: number;
 
-	/** Triggers when the appointment is dropped. */
-	dragStop? (e: DragStopEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Triggers after the menu/sub-menu items within the context menu is clicked. */
-	menuItemClick? (e: MenuItemClickEventArgs): void;
+        export interface DrawLabelsEventArgs {
 
-	/** Triggers after the Schedule view or date is navigated. */
-	navigation? (e: NavigationEventArgs): void;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Triggers every time before the elements of the scheduler such as work cells, time cells or header cells and so on renders or re-renders on a page. */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Triggers when the reminder is raised for an appointment based on the alertBefore value. */
-	reminder? (e: ReminderEventArgs): void;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Triggers while resizing the appointment. */
-	resize? (e: ResizeEventArgs): void;
+            /** returns the startX and startY of the label
+             */
+            position?: any;
 
-	/** Triggers when the appointment resizing begins. */
-	resizeStart? (e: ResizeStartEventArgs): void;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Triggers when an appointment resizing stops. */
-	resizeStop? (e: ResizeStopEventArgs): void;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Triggers when the overflow button is clicked. */
-	overflowButtonClick? (e: OverflowButtonClickEventArgs): void;
+            /** returns the scaleIndex to which the label belongs.
+             */
+            scaleIndex?: number;
 
-	/** Triggers while mouse hovering on the overflow button. */
-	overflowButtonHover? (e: OverflowButtonHoverEventArgs): void;
+            /** returns the label style
+             */
+            style?: string;
 
-	/** Triggers when any of the keyboard keys are pressed. */
-	keyDown? (e: KeyDownEventArgs): void;
+            /** returns the angle of the label.
+             */
+            angle?: number;
 
-	/** Triggers after the new appointment is saved. */
-	appointmentCreated? (e: AppointmentCreatedEventArgs): void;
+            /** returns the current label element.
+             */
+            element?: any;
 
-	/** Triggers after an existing appointment is edited. */
-	appointmentChanged? (e: AppointmentChangedEventArgs): void;
+            /** returns the index of the label.
+             */
+            index?: number;
 
-	/** Triggers after the appointment is deleted. */
-	appointmentRemoved? (e: AppointmentRemovedEventArgs): void;
-}
+            /** returns the label value of the label.
+             */
+            value?: number;
 
-export interface ActionBeginEventArgs {
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Returns the current date value.
-	*/
-	currentDate?: any;
+        export interface DrawMarkerPointersEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the current view value.
-	*/
-	currentView?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the action begin request type.
-	*/
-	requestType?: string;
+            /** returns the startX and startY of the pointer
+             */
+            position?: any;
 
-	/** Returns the target of the click.
-	*/
-	target?: any;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the save appointment value.
-	*/
-	data?: any;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the id of delete appointment.
-	*/
-	id?: number;
-}
+            /** returns the ticks style
+             */
+            style?: string;
 
-export interface ActionCompleteEventArgs {
+            /** returns the current marker pointer element.
+             */
+            markerElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the index of the marker pointer.
+             */
+            markerPointerIndex?: number;
 
-	/** Returns the data about view change action.
-	*/
-	data?: any;
+            /** returns the value of the marker pointer.
+             */
+            pointerValue?: number;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the angle of the marker pointer.
+             */
+            pointerAngle?: number;
 
-	/** Returns the action complete request type.
-	*/
-	requestType?: string;
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+        export interface DrawRangeEventArgs {
 
-	/** Returns the appointment data dropped.
-	*/
-	appointment?: any;
-}
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-export interface AppointmentClickEventArgs {
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the object of appointmentClick event.
-	*/
-	object?: any;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the clicked appointment object.
-	*/
-	appointment?: any;
+            /** returns the startX and startY of the range
+             */
+            position?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-export interface BeforeAppointmentRemoveEventArgs {
+            /** returns the range style
+             */
+            style?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the current range element.
+             */
+            rangeElement?: any;
 
-	/** Returns the deleted appointment object.
-	*/
-	appointment?: any;
+            /** returns the index of the range.
+             */
+            rangeIndex?: number;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+        export interface DrawTicksEventArgs {
 
-export interface BeforeAppointmentChangeEventArgs {
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the edited appointment object.
-	*/
-	appointment?: any;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the startX and startY of the ticks
+             */
+            position?: any;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+            /** returns the gauge model
+             */
+            Model?: any;
 
-export interface AppointmentHoverEventArgs {
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the object of appointmentHover event.
-	*/
-	object?: any;
+            /** returns the scaleIndex to which the tick belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the hovered appointment object.
-	*/
-	appointment?: any;
+            /** returns the ticks style
+             */
+            style?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the angle of the tick.
+             */
+            angle?: number;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the current tick element.
+             */
+            element?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the index of the tick.
+             */
+            index?: number;
 
-export interface BeforeAppointmentCreateEventArgs {
+            /** returns the tick value of the tick.
+             */
+            value?: number;
 
-	/** Returns the appointment object.
-	*/
-	appointment?: any;
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface InitEventArgs {
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-export interface AppointmentWindowOpenEventArgs {
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** returns the object of appointmentWindowOpen event while selecting the detail option from quick window or edit appointment or edit series option.
-	*/
-	object?: any;
+            /** returns the entire scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the end time of the double clicked cell.
-	*/
-	endTime?: any;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+        export interface LoadEventArgs {
 
-	/** Returns the action name that triggers window open.
-	*/
-	originalEventType?: string;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the start time of the double clicked cell.
-	*/
-	startTime?: any;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the target of the double clicked cell.
-	*/
-	target?: any;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the entire scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the edit appointment object.
-	*/
-	appointment?: any;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the edit occurrence option value.
-	*/
-	edit?: boolean;
-}
+            /** returns the name of the event
+             */
+            type?: any;
+        }
 
-export interface BeforeContextMenuOpenEventArgs {
+        export interface MouseClickEventArgs {
 
-	/** Returns the object of beforeContextMenuOpen event.
-	*/
-	object?: any;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the current cell index value.
-	*/
-	cellIndex?: number;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Returns the current date value.
-	*/
-	currentDate?: any;
+            /** returns the name of the event
+             */
+            type?: any;
 
-	/** Returns the current resource details, when multiple resources are present, otherwise returns null.
-	*/
-	resources?: any;
+            /** returns the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the current appointment details while opening the menu from appointment.
-	*/
-	appointment?: any;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the object of before opening menu target.
-	*/
-	events?: any;
+            /** returns the context element* @param {Object} args.markerpointer returns the context element
+             */
+            context?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the pointer Index
+             */
+            markerpointerindex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the pointer element.
+             */
+            markerpointerelement?: any;
 
-export interface CellClickEventArgs {
+            /** returns the value of the pointer.
+             */
+            markerpointervalue?: number;
 
-	/** Returns the object of cellClick event.
-	*/
-	object?: any;
+            /** returns the pointer style
+             */
+            style?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the startX and startY of the pointer.
+             */
+            position?: any;
+        }
 
-	/** Returns the end time of the clicked cell.
-	*/
-	endTime?: any;
+        export interface MouseClickMoveEventArgs {
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the start time of the clicked cell.
-	*/
-	startTime?: any;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the target of the clicked cell.
-	*/
-	target?: any;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the name of the event
+             */
+            type?: any;
 
-export interface CellDoubleClickEventArgs {
+            /** returns the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the object of cellDoubleClick event.
-	*/
-	object?: any;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the end time of the double clicked cell.
-	*/
-	endTime?: any;
+            /** returns the pointer Index
+             */
+            index?: number;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the pointer element.
+             */
+            element?: any;
 
-	/** Returns the start time of the double clicked cell.
-	*/
-	startTime?: any;
+            /** returns the value of the pointer.
+             */
+            value?: number;
 
-	/** Returns the target of the double clicked cell.
-	*/
-	target?: any;
+            /** returns the pointer style
+             */
+            style?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the startX and startY of the pointer.
+             */
+            position?: any;
+        }
 
-export interface CellHoverEventArgs {
+        export interface MouseClickUpEventArgs {
 
-	/** Returns the object of cellHover event.
-	*/
-	object?: any;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the index of the hovered cell.
-	*/
-	cellIndex?: any;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Returns the current date of the hovered cell.
-	*/
-	currentDate?: any;
+            /** returns the name of the event
+             */
+            type?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the target of the clicked cell.
-	*/
-	target?: any;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface CreateEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
-
-export interface DragEventArgs {
-
-	/** Returns the object of dragOver event.
-	*/
-	object?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the target of the drag over appointment.
-	*/
-	target?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DragStartEventArgs {
-
-	/** Returns the object of dragStart event.
-	*/
-	object?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the target of the dragging appointment.
-	*/
-	target?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DragStopEventArgs {
-
-	/** Returns the object of dragDrop event.
-	*/
-	object?: any;
-
-	/** Returns the dropped appointment object.
-	*/
-	appointment?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface MenuItemClickEventArgs {
-
-	/** Returns the object of menuItemClick event.
-	*/
-	object?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface NavigationEventArgs {
-
-	/** Returns the current date object.
-	*/
-	currentDate?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the current view value.
-	*/
-	currentView?: string;
-
-	/** Returns the previous view value.
-	*/
-	previousView?: string;
-
-	/** Returns the target of the action.
-	*/
-	target?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the previous date of the Schedule.
-	*/
-	previousDate?: any;
-}
-
-export interface QueryCellInfoEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the current appointment data.
-	*/
-	appointment?: any;
-
-	/** Returns the currently rendering DOM element.
-	*/
-	element?: any;
-
-	/** Returns the name of the currently rendering element on the scheduler.
-	*/
-	requestType?: string;
-
-	/** Returns the cell type which is currently rendering on the Scheduler.
-	*/
-	cellType?: string;
-
-	/** Returns the start date of the currently rendering appointment.
-	*/
-	currentAppointmentDate?: any;
-
-	/** Returns the currently rendering cell information.
-	*/
-	cell?: any;
-
-	/** Returns the currently rendering resource details.
-	*/
-	resource?: any;
-
-	/** Returns the currently rendering date information.
-	*/
-	currentDay?: any;
-}
-
-export interface ReminderEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** returns the context element* @param {Object} args.markerpointer returns the context element
+             */
+            context?: any;
+
+            /** returns the pointer Index
+             */
+            markerpointerIndex?: number;
+
+            /** returns the pointer element.
+             */
+            markerpointerElement?: any;
+
+            /** returns the value of the pointer.
+             */
+            markerpointerValue?: number;
+
+            /** returns the pointer style
+             */
+            style?: string;
+
+            /** returns the startX and startY of the pointer.
+             */
+            position?: any;
+        }
+
+        export interface RenderCompleteEventArgs {
+
+            /** returns the object of the gauge.
+             */
+            object?: any;
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the gauge model
+             */
+            Model?: any;
+
+            /** returns the entire scale element.
+             */
+            scaleElement?: any;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the name of the event
+             */
+            type?: any;
+        }
+
+        export interface Frame {
+
+            /** Specifies the frame background image URL of linear gauge
+             * @Default {null}
+             */
+            backgroundImageUrl?: string;
+
+            /** Specifies the frame InnerWidth
+             * @Default {8}
+             */
+            innerWidth?: number;
+
+            /** Specifies the frame OuterWidth
+             * @Default {12}
+             */
+            outerWidth?: number;
+        }
+
+        export interface ScalesBarPointersBorder {
+
+            /** Specifies the border Color of bar pointer
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the border Width of bar pointer
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesBarPointer {
+
+            /** Specifies the backgroundColor of bar pointer
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the border of bar pointer
+             * @Default {null}
+             */
+            border?: ScalesBarPointersBorder;
+
+            /** Specifies the distanceFromScale of bar pointer
+             * @Default {0}
+             */
+            distanceFromScale?: number;
+
+            /** Specifies the scaleBar Gradient of bar pointer
+             * @Default {null}
+             */
+            gradients?: any;
+
+            /** Specifies the opacity of bar pointer
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the value of bar pointer
+             * @Default {null}
+             */
+            value?: number;
+
+            /** Specifies the pointer Width of bar pointer
+             * @Default {width=30}
+             */
+            width?: number;
+        }
+
+        export interface ScalesBorder {
+
+            /** Specifies the border color of the Scale.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the border width of the Scale.
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesCustomLabelsFont {
+
+            /** Specifies the fontFamily in customLabels
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle in customLabels. See
+             * @Default {Bold}
+             */
+            fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+
+            /** Specifies the font size in customLabels
+             * @Default {11px}
+             */
+            size?: string;
+        }
+
+        export interface ScalesCustomLabelsPosition {
+
+            /** Specifies the position x in customLabels
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specifies the y in customLabels
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesCustomLabel {
+
+            /** Specifies the label Color in customLabels
+             * @Default {null}
+             */
+            color?: number;
+
+            /** Specifies the font in customLabels
+             * @Default {null}
+             */
+            font?: ScalesCustomLabelsFont;
+
+            /** Specifies the opacity in customLabels
+             * @Default {0}
+             */
+            opacity?: string;
+
+            /** Specifies the position in customLabels
+             * @Default {null}
+             */
+            position?: ScalesCustomLabelsPosition;
+
+            /** Specifies the positionType in customLabels.See CustomLabelPositionType
+             * @Default {null}
+             */
+            positionType?: any;
+
+            /** Specifies the textAngle in customLabels
+             * @Default {0}
+             */
+            textAngle?: number;
+
+            /** Specifies the label Value in customLabels
+             */
+            value?: string;
+        }
+
+        export interface ScalesIndicatorsBorder {
+
+            /** Specifies the border Color in bar indicators
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the border Width in bar indicators
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesIndicatorsFont {
+
+            /** Specifies the fontFamily of font in bar indicators
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle of font in bar indicators. See FontStyle
+             * @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
+             */
+            fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+
+            /** Specifies the size of font in bar indicators
+             * @Default {11px}
+             */
+            size?: string;
+        }
+
+        export interface ScalesIndicatorsPosition {
+
+            /** Specifies the x position in bar indicators
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specifies the y position in bar indicators
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesIndicatorsStateRange {
+
+            /** Specifies the backgroundColor in bar indicators state ranges
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the borderColor in bar indicators state ranges
+             * @Default {null}
+             */
+            borderColor?: string;
+
+            /** Specifies the endValue in bar indicators state ranges
+             * @Default {60}
+             */
+            endValue?: number;
+
+            /** Specifies the startValue in bar indicators state ranges
+             * @Default {50}
+             */
+            startValue?: number;
+
+            /** Specifies the text in bar indicators state ranges
+             */
+            text?: string;
+
+            /** Specifies the textColor in bar indicators state ranges
+             * @Default {null}
+             */
+            textColor?: string;
+        }
+
+        export interface ScalesIndicatorsTextLocation {
+
+            /** Specifies the textLocation position in bar indicators
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specifies the Y position in bar indicators
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesIndicator {
+
+            /** Specifies the backgroundColor in bar indicators
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the border in bar indicators
+             * @Default {null}
+             */
+            border?: ScalesIndicatorsBorder;
+
+            /** Specifies the font of bar indicators
+             * @Default {null}
+             */
+            font?: ScalesIndicatorsFont;
+
+            /** Specifies the indicator Height of bar indicators
+             * @Default {30}
+             */
+            height?: number;
+
+            /** Specifies the opacity in bar indicators
+             * @Default {null}
+             */
+            opacity?: number;
+
+            /** Specifies the position in bar indicators
+             * @Default {null}
+             */
+            position?: ScalesIndicatorsPosition;
+
+            /** Specifies the state ranges in bar indicators
+             * @Default {Array}
+             */
+            stateRanges?: ScalesIndicatorsStateRange[];
+
+            /** Specifies the textLocation in bar indicators
+             * @Default {null}
+             */
+            textLocation?: ScalesIndicatorsTextLocation;
+
+            /** Specifies the indicator Style of font in bar indicators
+             * @Default {ej.datavisualization.LinearGauge.IndicatorType.Rectangle}
+             */
+            type?: ej.datavisualization.LinearGauge.IndicatorTypes|string;
+
+            /** Specifies the indicator Width in bar indicators
+             * @Default {30}
+             */
+            width?: number;
+        }
+
+        export interface ScalesLabelsDistanceFromScale {
+
+            /** Specifies the xDistanceFromScale of labels.
+             * @Default {-10}
+             */
+            x?: number;
+
+            /** Specifies the yDistanceFromScale of labels.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesLabelsFont {
+
+            /** Specifies the fontFamily of font.
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle of font.See FontStyle
+             * @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
+             */
+            fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
+
+            /** Specifies the size of font.
+             * @Default {11px}
+             */
+            size?: string;
+        }
+
+        export interface ScalesLabel {
+
+            /** Specifies the angle of labels.
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Specifies the DistanceFromScale of labels.
+             * @Default {null}
+             */
+            distanceFromScale?: ScalesLabelsDistanceFromScale;
+
+            /** Specifies the font of labels.
+             * @Default {null}
+             */
+            font?: ScalesLabelsFont;
+
+            /** need to includeFirstValue.
+             * @Default {true}
+             */
+            includeFirstValue?: boolean;
+
+            /** Specifies the opacity of label.
+             * @Default {0}
+             */
+            opacity?: number;
+
+            /** Specifies the label Placement of label. See
+             * @Default {Near}
+             */
+            placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+            /** Specifies the textColor of font.
+             * @Default {null}
+             */
+            textColor?: string;
+
+            /** Specifies the label Style of label. See
+             * @Default {ej.datavisualization.LinearGauge.LabelType.Major}
+             */
+            type?: ej.datavisualization.LinearGauge.ScaleType|string;
+
+            /** Specifies the unitText of label.
+             */
+            unitText?: string;
+
+            /** Specifies the unitText Position of label.See
+             * @Default {Back}
+             */
+            unitTextPlacement?: ej.datavisualization.LinearGauge.UnitTextPlacement|string;
+        }
+
+        export interface ScalesMarkerPointersBorder {
+
+            /** Specifies the border color of marker pointer
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the border of marker pointer
+             * @Default {number}
+             */
+            width?: number;
+        }
+
+        export interface ScalesMarkerPointer {
+
+            /** Specifies the backgroundColor of marker pointer
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the border of marker pointer
+             * @Default {null}
+             */
+            border?: ScalesMarkerPointersBorder;
+
+            /** Specifies the distanceFromScale of marker pointer
+             * @Default {0}
+             */
+            distanceFromScale?: number;
+
+            /** Specifies the pointer Gradient of marker pointer
+             * @Default {null}
+             */
+            gradients?: any;
+
+            /** Specifies the pointer Length of marker pointer
+             * @Default {30}
+             */
+            length?: number;
+
+            /** Specifies the opacity of marker pointer
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the pointer Placement of marker pointer See PointerPlacement
+             * @Default {Far}
+             */
+            placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+            /** Specifies the marker Style of marker pointerSee
+             * @Default {Triangle}
+             */
+            type?: ej.datavisualization.LinearGauge.MarkerType|string;
+
+            /** Specifies the value of marker pointer
+             * @Default {null}
+             */
+            value?: number;
+
+            /** Specifies the pointer Width of marker pointer
+             * @Default {30}
+             */
+            width?: number;
+        }
+
+        export interface ScalesPosition {
+
+            /** Specifies the Horizontal position
+             * @Default {50}
+             */
+            x?: number;
+
+            /** Specifies the vertical position
+             * @Default {50}
+             */
+            y?: number;
+        }
+
+        export interface ScalesRangesBorder {
+
+            /** Specifies the border color in the ranges.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the border width in the ranges.
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesRange {
+
+            /** Specifies the backgroundColor in the ranges.
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the border in the ranges.
+             * @Default {null}
+             */
+            border?: ScalesRangesBorder;
+
+            /** Specifies the distanceFromScale in the ranges.
+             * @Default {0}
+             */
+            distanceFromScale?: number;
+
+            /** Specifies the endValue in the ranges.
+             * @Default {60}
+             */
+            endValue?: number;
+
+            /** Specifies the endWidth in the ranges.
+             * @Default {10}
+             */
+            endWidth?: number;
+
+            /** Specifies the range Gradient in the ranges.
+             * @Default {null}
+             */
+            gradients?: any;
+
+            /** Specifies the opacity in the ranges.
+             * @Default {null}
+             */
+            opacity?: number;
+
+            /** Specifies the range Position in the ranges. See RangePlacement
+             * @Default {Center}
+             */
+            placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+            /** Specifies the startValue in the ranges.
+             * @Default {20}
+             */
+            startValue?: number;
+
+            /** Specifies the startWidth in the ranges.
+             * @Default {10}
+             */
+            startWidth?: number;
+        }
+
+        export interface ScalesTicksDistanceFromScale {
+
+            /** Specifies the xDistanceFromScale in the tick.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specifies the yDistanceFromScale in the tick.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesTick {
+
+            /** Specifies the angle in the tick.
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Specifies the tick Color in the tick.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the DistanceFromScale in the tick.
+             * @Default {null}
+             */
+            distanceFromScale?: ScalesTicksDistanceFromScale;
+
+            /** Specifies the tick Height in the tick.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Specifies the opacity in the tick.
+             * @Default {0}
+             */
+            opacity?: number;
+
+            /** Specifies the tick Placement in the tick. See TickPlacement
+             * @Default {Near}
+             */
+            placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
+
+            /** Specifies the tick Style in the tick. See
+             * @Default {MajorInterval}
+             */
+            type?: ej.datavisualization.LinearGauge.TicksType|string;
+
+            /** Specifies the tick Width in the tick.
+             * @Default {3}
+             */
+            width?: number;
+        }
+
+        export interface Scale {
+
+            /** Specifies the backgroundColor of the Scale.
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specifies the scaleBar Gradient of bar pointer
+             * @Default {Array}
+             */
+            barPointers?: ScalesBarPointer[];
+
+            /** Specifies the border of the Scale.
+             * @Default {null}
+             */
+            border?: ScalesBorder;
+
+            /** Specifies the customLabel
+             * @Default {Array}
+             */
+            customLabels?: ScalesCustomLabel[];
+
+            /** Specifies the scale Direction of the Scale. See
+             * @Default {CounterClockwise}
+             */
+            direction?: ej.datavisualization.LinearGauge.Direction|string;
+
+            /** Specifies the indicator
+             * @Default {Array}
+             */
+            indicators?: ScalesIndicator[];
+
+            /** Specifies the labels.
+             * @Default {Array}
+             */
+            labels?: ScalesLabel[];
+
+            /** Specifies the scaleBar Length.
+             * @Default {290}
+             */
+            length?: number;
+
+            /** Specifies the majorIntervalValue of the Scale.
+             * @Default {10}
+             */
+            majorIntervalValue?: number;
+
+            /** Specifies the markerPointers
+             * @Default {Array}
+             */
+            markerPointers?: ScalesMarkerPointer[];
+
+            /** Specifies the maximum of the Scale.
+             * @Default {null}
+             */
+            maximum?: number;
+
+            /** Specifies the minimum of the Scale.
+             * @Default {null}
+             */
+            minimum?: number;
+
+            /** Specifies the minorIntervalValue of the Scale.
+             * @Default {2}
+             */
+            minorIntervalValue?: number;
+
+            /** Specifies the opacity of the Scale.
+             * @Default {NaN}
+             */
+            opacity?: number;
+
+            /** Specifies the position
+             * @Default {null}
+             */
+            position?: ScalesPosition;
+
+            /** Specifies the ranges in the tick.
+             * @Default {Array}
+             */
+            ranges?: ScalesRange[];
+
+            /** Specifies the shadowOffset.
+             * @Default {0}
+             */
+            shadowOffset?: number;
+
+            /** Specifies the showBarPointers state.
+             * @Default {true}
+             */
+            showBarPointers?: boolean;
+
+            /** Specifies the showCustomLabels state.
+             * @Default {false}
+             */
+            showCustomLabels?: boolean;
+
+            /** Specifies the showIndicators state.
+             * @Default {false}
+             */
+            showIndicators?: boolean;
+
+            /** Specifies the showLabels state.
+             * @Default {true}
+             */
+            showLabels?: boolean;
+
+            /** Specifies the showMarkerPointers state.
+             * @Default {true}
+             */
+            showMarkerPointers?: boolean;
+
+            /** Specifies the showRanges state.
+             * @Default {false}
+             */
+            showRanges?: boolean;
+
+            /** Specifies the showTicks state.
+             * @Default {true}
+             */
+            showTicks?: boolean;
+
+            /** Specifies the ticks in the scale.
+             * @Default {Array}
+             */
+            ticks?: ScalesTick[];
+
+            /** Specifies the scaleBar type .See
+             * @Default {Rectangle}
+             */
+            type?: ej.datavisualization.LinearGauge.ScaleType|string;
+
+            /** Specifies the scaleBar width.
+             * @Default {30}
+             */
+            width?: number;
+        }
+
+        export interface Tooltip {
+
+            /** Specify showCustomLabelTooltip value of linear gauge
+             * @Default {false}
+             */
+            showCustomLabelTooltip?: boolean;
+
+            /** Specify showLabelTooltip value of linear gauge
+             * @Default {false}
+             */
+            showLabelTooltip?: boolean;
+
+            /** Specify templateID value of linear gauge
+             * @Default {false}
+             */
+            templateID?: string;
+        }
+    }
+    namespace LinearGauge {
+        enum OuterCustomLabelPosition {
+            //string
+            Left,
+            //string
+            Right,
+            //string
+            Top,
+            //string
+            Bottom,
+        }
+    }
+    namespace LinearGauge {
+        enum FontStyle {
+            //string
+            Bold,
+            //string
+            Italic,
+            //string
+            Regular,
+            //string
+            Strikeout,
+            //string
+            Underline,
+        }
+    }
+    namespace LinearGauge {
+        enum Direction {
+            //string
+            Clockwise,
+            //string
+            CounterClockwise,
+        }
+    }
+    namespace LinearGauge {
+        enum IndicatorTypes {
+            //string
+            Rectangle,
+            //string
+            Circle,
+            //string
+            RoundedRectangle,
+            //string
+            Text,
+        }
+    }
+    namespace LinearGauge {
+        enum PointerPlacement {
+            //string
+            Near,
+            //string
+            Far,
+            //string
+            Center,
+        }
+    }
+    namespace LinearGauge {
+        enum ScaleType {
+            //string
+            Major,
+            //string
+            Minor,
+        }
+    }
+    namespace LinearGauge {
+        enum UnitTextPlacement {
+            //string
+            Back,
+            //string
+            From,
+        }
+    }
+    namespace LinearGauge {
+        enum MarkerType {
+            //string
+            Rectangle,
+            //string
+            Triangle,
+            //string
+            Ellipse,
+            //string
+            Diamond,
+            //string
+            Pentagon,
+            //string
+            Circle,
+            //string
+            Star,
+            //string
+            Slider,
+            //string
+            Pointer,
+            //string
+            Wedge,
+            //string
+            Trapezoid,
+            //string
+            RoundedRectangle,
+        }
+    }
+    namespace LinearGauge {
+        enum TicksType {
+            //string
+            Majorinterval,
+            //string
+            Minorinterval,
+        }
+    }
+    namespace LinearGauge {
+        enum Themes {
+            //string
+            FlatLight,
+            //string
+            FlatDark,
+        }
+    }
+
+    class CircularGauge extends ej.Widget {
+        static fn: CircularGauge;
+        constructor(element: JQuery | Element, options?: CircularGauge.Model);
+        static Locale: any;
+        model: CircularGauge.Model;
+        defaults: CircularGauge.Model;
+
+        /** destroy the circular gauge widget. all events bound using this._on will be unbind automatically and bring the control to pre-init state.
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To export Image
+         * @returns {boolean}
+         */
+        exportImage(): boolean;
+
+        /** To get BackNeedleLength
+         * @returns {any}
+         */
+        getBackNeedleLength(): any;
+
+        /** To get CustomLabelAngle
+         * @returns {any}
+         */
+        getCustomLabelAngle(): any;
+
+        /** To get CustomLabelValue
+         * @returns {any}
+         */
+        getCustomLabelValue(): any;
+
+        /** To get LabelAngle
+         * @returns {any}
+         */
+        getLabelAngle(): any;
+
+        /** To get LabelDistanceFromScale
+         * @returns {any}
+         */
+        getLabelDistanceFromScale(): any;
+
+        /** To get LabelPlacement
+         * @returns {any}
+         */
+        getLabelPlacement(): any;
+
+        /** To get LabelStyle
+         * @returns {any}
+         */
+        getLabelStyle(): any;
+
+        /** To get MajorIntervalValue
+         * @returns {any}
+         */
+        getMajorIntervalValue(): any;
+
+        /** To get MarkerDistanceFromScale
+         * @returns {any}
+         */
+        getMarkerDistanceFromScale(): any;
+
+        /** To get MarkerStyle
+         * @returns {any}
+         */
+        getMarkerStyle(): any;
+
+        /** To get MaximumValue
+         * @returns {any}
+         */
+        getMaximumValue(): any;
+
+        /** To get MinimumValue
+         * @returns {any}
+         */
+        getMinimumValue(): any;
+
+        /** To get MinorIntervalValue
+         * @returns {any}
+         */
+        getMinorIntervalValue(): any;
+
+        /** To get NeedleStyle
+         * @returns {any}
+         */
+        getNeedleStyle(): any;
+
+        /** To get PointerCapBorderWidth
+         * @returns {any}
+         */
+        getPointerCapBorderWidth(): any;
+
+        /** To get PointerCapRadius
+         * @returns {any}
+         */
+        getPointerCapRadius(): any;
+
+        /** To get PointerLength
+         * @returns {any}
+         */
+        getPointerLength(): any;
+
+        /** To get PointerNeedleType
+         * @returns {any}
+         */
+        getPointerNeedleType(): any;
+
+        /** To get PointerPlacement
+         * @returns {any}
+         */
+        getPointerPlacement(): any;
+
+        /** To get PointerValue
+         * @returns {any}
+         */
+        getPointerValue(): any;
+
+        /** To get PointerWidth
+         * @returns {any}
+         */
+        getPointerWidth(): any;
+
+        /** To get RangeBorderWidth
+         * @returns {any}
+         */
+        getRangeBorderWidth(): any;
+
+        /** To get RangeDistanceFromScale
+         * @returns {any}
+         */
+        getRangeDistanceFromScale(): any;
+
+        /** To get RangeEndValue
+         * @returns {any}
+         */
+        getRangeEndValue(): any;
+
+        /** To get RangePosition
+         * @returns {any}
+         */
+        getRangePosition(): any;
+
+        /** To get RangeSize
+         * @returns {any}
+         */
+        getRangeSize(): any;
+
+        /** To get RangeStartValue
+         * @returns {any}
+         */
+        getRangeStartValue(): any;
+
+        /** To get ScaleBarSize
+         * @returns {any}
+         */
+        getScaleBarSize(): any;
+
+        /** To get ScaleBorderWidth
+         * @returns {any}
+         */
+        getScaleBorderWidth(): any;
+
+        /** To get ScaleDirection
+         * @returns {any}
+         */
+        getScaleDirection(): any;
+
+        /** To get ScaleRadius
+         * @returns {any}
+         */
+        getScaleRadius(): any;
+
+        /** To get StartAngle
+         * @returns {any}
+         */
+        getStartAngle(): any;
+
+        /** To get SubGaugeLocation
+         * @returns {any}
+         */
+        getSubGaugeLocation(): any;
+
+        /** To get SweepAngle
+         * @returns {any}
+         */
+        getSweepAngle(): any;
+
+        /** To get TickAngle
+         * @returns {any}
+         */
+        getTickAngle(): any;
+
+        /** To get TickDistanceFromScale
+         * @returns {any}
+         */
+        getTickDistanceFromScale(): any;
+
+        /** To get TickHeight
+         * @returns {any}
+         */
+        getTickHeight(): any;
+
+        /** To get TickPlacement
+         * @returns {any}
+         */
+        getTickPlacement(): any;
+
+        /** To get TickStyle
+         * @returns {any}
+         */
+        getTickStyle(): any;
+
+        /** To get TickWidth
+         * @returns {any}
+         */
+        getTickWidth(): any;
+
+        /** To set includeFirstValue
+         * @returns {void}
+         */
+        includeFirstValue(): void;
+
+        /** Switching the redraw option for the gauge
+         * @returns {void}
+         */
+        redraw(): void;
+
+        /** To set BackNeedleLength
+         * @returns {void}
+         */
+        setBackNeedleLength(): void;
+
+        /** To set CustomLabelAngle
+         * @returns {void}
+         */
+        setCustomLabelAngle(): void;
+
+        /** To set CustomLabelValue
+         * @returns {void}
+         */
+        setCustomLabelValue(): void;
+
+        /** To set LabelAngle
+         * @returns {void}
+         */
+        setLabelAngle(): void;
+
+        /** To set LabelDistanceFromScale
+         * @returns {void}
+         */
+        setLabelDistanceFromScale(): void;
+
+        /** To set LabelPlacement
+         * @returns {void}
+         */
+        setLabelPlacement(): void;
+
+        /** To set LabelStyle
+         * @returns {void}
+         */
+        setLabelStyle(): void;
+
+        /** To set MajorIntervalValue
+         * @returns {void}
+         */
+        setMajorIntervalValue(): void;
+
+        /** To set MarkerDistanceFromScale
+         * @returns {void}
+         */
+        setMarkerDistanceFromScale(): void;
+
+        /** To set MarkerStyle
+         * @returns {void}
+         */
+        setMarkerStyle(): void;
+
+        /** To set MaximumValue
+         * @returns {void}
+         */
+        setMaximumValue(): void;
+
+        /** To set MinimumValue
+         * @returns {void}
+         */
+        setMinimumValue(): void;
+
+        /** To set MinorIntervalValue
+         * @returns {void}
+         */
+        setMinorIntervalValue(): void;
+
+        /** To set NeedleStyle
+         * @returns {void}
+         */
+        setNeedleStyle(): void;
+
+        /** To set PointerCapBorderWidth
+         * @returns {void}
+         */
+        setPointerCapBorderWidth(): void;
+
+        /** To set PointerCapRadius
+         * @returns {void}
+         */
+        setPointerCapRadius(): void;
+
+        /** To set PointerLength
+         * @returns {void}
+         */
+        setPointerLength(): void;
+
+        /** To set PointerNeedleType
+         * @returns {void}
+         */
+        setPointerNeedleType(): void;
+
+        /** To set PointerPlacement
+         * @returns {void}
+         */
+        setPointerPlacement(): void;
+
+        /** To set PointerValue
+         * @returns {void}
+         */
+        setPointerValue(): void;
+
+        /** To set PointerWidth
+         * @returns {void}
+         */
+        setPointerWidth(): void;
+
+        /** To set RangeBorderWidth
+         * @returns {void}
+         */
+        setRangeBorderWidth(): void;
+
+        /** To set RangeDistanceFromScale
+         * @returns {void}
+         */
+        setRangeDistanceFromScale(): void;
+
+        /** To set RangeEndValue
+         * @returns {void}
+         */
+        setRangeEndValue(): void;
+
+        /** To set RangePosition
+         * @returns {void}
+         */
+        setRangePosition(): void;
+
+        /** To set RangeSize
+         * @returns {void}
+         */
+        setRangeSize(): void;
+
+        /** To set RangeStartValue
+         * @returns {void}
+         */
+        setRangeStartValue(): void;
+
+        /** To set ScaleBarSize
+         * @returns {void}
+         */
+        setScaleBarSize(): void;
+
+        /** To set ScaleBorderWidth
+         * @returns {void}
+         */
+        setScaleBorderWidth(): void;
+
+        /** To set ScaleDirection
+         * @returns {void}
+         */
+        setScaleDirection(): void;
+
+        /** To set ScaleRadius
+         * @returns {void}
+         */
+        setScaleRadius(): void;
+
+        /** To set StartAngle
+         * @returns {void}
+         */
+        setStartAngle(): void;
+
+        /** To set SubGaugeLocation
+         * @returns {void}
+         */
+        setSubGaugeLocation(): void;
+
+        /** To set SweepAngle
+         * @returns {void}
+         */
+        setSweepAngle(): void;
+
+        /** To set TickAngle
+         * @returns {void}
+         */
+        setTickAngle(): void;
+
+        /** To set TickDistanceFromScale
+         * @returns {void}
+         */
+        setTickDistanceFromScale(): void;
+
+        /** To set TickHeight
+         * @returns {void}
+         */
+        setTickHeight(): void;
+
+        /** To set TickPlacement
+         * @returns {void}
+         */
+        setTickPlacement(): void;
+
+        /** To set TickStyle
+         * @returns {void}
+         */
+        setTickStyle(): void;
+
+        /** To set TickWidth
+         * @returns {void}
+         */
+        setTickWidth(): void;
+    }
+    export namespace CircularGauge {
+
+        export interface Model {
+
+            /** Specifies animationSpeed of circular gauge
+             * @Default {500}
+             */
+            animationSpeed?: number;
+
+            /** Specifies the background color of circular gauge.
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specify distanceFromCorner value of circular gauge
+             * @Default {center}
+             */
+            distanceFromCorner?: number;
+
+            /** Specify range zOrder placement of circular gauge.
+             * @Default {Rear}
+             */
+            rangeZOrder?: ej.datavisualization.CircularGauge.RangeZOrderPlacement|string;
+
+            /** Specify animate value of circular gauge
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Specify to convert the  date object to  string, using locale settings.
+             * @Default {false}
+             */
+            enableGroupSeparator?: boolean;
+
+            /** Controls whether circular gauge has to be responsive while resizing.
+             * @Default {false}
+             */
+            enableResize?: boolean;
+
+            /** Specify the frame of circular gauge
+             * @Default {Object}
+             */
+            frame?: Frame;
+
+            /** Specify gaugePosition value of circular gauge See GaugePosition
+             * @Default {center}
+             */
+            gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition|string;
+
+            /** Specifies the height of circular gauge.
+             * @Default {360}
+             */
+            height?: number;
+
+            /** Specifies the interiorGradient of circular gauge.
+             * @Default {null}
+             */
+            interiorGradient?: any;
+
+            /** Specify isRadialGradient value of circular gauge
+             * @Default {false}
+             */
+            isRadialGradient?: boolean;
+
+            /** Specify isResponsive value of circular gauge
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Name of the culture based on which circular gauge should be localized.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the maximum value of circular gauge.
+             * @Default {100}
+             */
+            maximum?: number;
+
+            /** Specifies the minimum value of circular gauge.
+             * @Default {0}
+             */
+            minimum?: number;
+
+            /** Specify outerCustomLabelPosition value of circular gauge See
+             * @Default {bottom}
+             */
+            outerCustomLabelPosition?: ej.datavisualization.CircularGauge.OuterCustomLabelPosition|string;
+
+            /** Specifies the radius of circular gauge.
+             * @Default {180}
+             */
+            radius?: number;
+
+            /** Specify readonly value of circular gauge
+             * @Default {true}
+             */
+            readOnly?: boolean;
+
+            /** Specify the pointers, ticks, labels, indicators, ranges of circular gauge
+             * @Default {null}
+             */
+            scales?: Scale[];
+
+            /** Specify the theme of circular gauge.
+             * @Default {flatlight}
+             */
+            theme?: string;
+
+            /** Options to customize the legend.
+             */
+            legend?: Legend;
+
+            /** Specify tooltip option of circular gauge
+             * @Default {object}
+             */
+            tooltip?: Tooltip;
+
+            /** Specifies the value of circular gauge.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Specifies the width of circular gauge.
+             * @Default {360}
+             */
+            width?: number;
+
+            /** Fires before rendering the legend item. This event is fired for each legend item in CircularGauge. You can use this event to customize legend item shape or add custom text to
+             * legend item.
+             */
+            legendItemRender?(e: LegendItemRenderEventArgs): void;
+
+            /** Fires on clicking the legend item.
+             */
+            legendItemClick?(e: LegendItemClickEventArgs): void;
+
+            /** Fires when mouse moving on ranges.
+             */
+            rangeMouseMove?(e: RangeMouseMoveEventArgs): void;
+
+            /** Triggers while the custom labels are being drawn on the gauge.
+             */
+            drawCustomLabel?(e: DrawCustomLabelEventArgs): void;
+
+            /** Triggers while the indicators are being started to drawn on the gauge.
+             */
+            drawIndicators?(e: DrawIndicatorsEventArgs): void;
+
+            /** Triggers while the labels are being drawn on the gauge.
+             */
+            drawLabels?(e: DrawLabelsEventArgs): void;
+
+            /** Triggers while the pointer cap is being drawn on the gauge.
+             */
+            drawPointerCap?(e: DrawPointerCapEventArgs): void;
+
+            /** Triggers while the pointers are being drawn on the gauge.
+             */
+            drawPointers?(e: DrawPointersEventArgs): void;
+
+            /** Triggers when the ranges begin to be getting drawn on the gauge.
+             */
+            drawRange?(e: DrawRangeEventArgs): void;
+
+            /** Triggers while the ticks are being drawn on the gauge.
+             */
+            drawTicks?(e: DrawTicksEventArgs): void;
+
+            /** Triggers while the gauge start to Load.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when the left mouse button is clicked.
+             */
+            mouseClick?(e: MouseClickEventArgs): void;
+
+            /** Triggers when clicking and dragging the mouse pointer over the gauge pointer.
+             */
+            mouseClickMove?(e: MouseClickMoveEventArgs): void;
+
+            /** Triggers when the mouse click is released.
+             */
+            mouseClickUp?(e: MouseClickUpEventArgs): void;
+
+            /** Triggers when the rendering of the gauge is completed.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+        }
+
+        export interface LegendItemRenderEventArgs {
+
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** Instance of the circulargauge model object
+             */
+            model?: any;
 
-	/** Returns the appointment object for which the reminder is raised.
-	*/
-	reminderAppointment?: any;
-}
-
-export interface ResizeEventArgs {
-
-	/** Returns the object of resizing event.
-	*/
-	object?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the resize element value.
-	*/
-	element?: any;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ResizeStartEventArgs {
-
-	/** Returns the object of resizeStart event.
-	*/
-	object?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the resize element value.
-	*/
-	element?: any;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ResizeStopEventArgs {
-
-	/** Returns the object of resizeStop event.
-	*/
-	object?: any;
-
-	/** Returns the resized appointment value.
-	*/
-	appointment?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the target of the resized appointment.
-	*/
-	target?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface OverflowButtonClickEventArgs {
-
-	/** Returns the object consisting of start time, end time and resource value of the underlying cell on which the clicked overflow button is present.  
-	*/
-	object?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface OverflowButtonHoverEventArgs {
-
-	/** Returns the object consisting of start time, end time and resource value of the underlying cell on which the overflow button is currently hovered.  
-	*/
-	object?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the legend item object that is about to be rendered
+             */
+            data?: any;
+        }
 
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
+        export interface LegendItemClickEventArgs {
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface KeyDownEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the object of menu item event.
-	*/
-	events?: any;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface AppointmentCreatedEventArgs {
-
-	/** Returns the appointment object.
-	*/
-	appointment?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
-
-export interface AppointmentChangedEventArgs {
-
-	/** Returns the edited appointment object.
-	*/
-	appointment?: any;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the circulargauge model object
+             */
+            model?: any;
 
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
-
-export interface AppointmentRemovedEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the deleted appointment object.
-	*/
-	appointment?: any;
-
-	/** Returns the Schedule model.
-	*/
-	model?: ej.Schedule.Model;
-
-	/** Returns the name of the Scheduler event.
-	*/
-	type?: string;
-}
-
-export interface AppointmentSettings {
-
-	/** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule appointments.
-	*   @Default {[]}
-	*/
-	dataSource?: any|Array<any>;
-
-	/** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
-	*   @Default {null}
-	*/
-	query?: string;
-
-	/** Assign the table name from where the records are to be fetched for the Schedule.
-	*   @Default {null}
-	*/
-	tableName?: string;
-
-	/** When set to false, doesn't consider the time difference offset calculation on appointment time.
-	*   @Default {true}
-	*/
-	applyTimeOffset?: boolean;
-
-	/** When set to true, introduces a new option to edit only the future occurrences of the appointments in a recurrence series from the currently selected appointment's date.
-	*   @Default {false}
-	*/
-	editFutureEventsOnly?: boolean;
-
-	/** Binds the id field name in dataSource to the id of Schedule appointments. It denotes the unique id assigned to appointments.
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Binds the name of startTime field in the dataSource with start time of the Schedule appointments. It indicates the date and Time when Schedule appointment actually starts.
-	*   @Default {null}
-	*/
-	startTime?: string;
-
-	/** Binds the name of endTime field in dataSource with the end time of Schedule appointments. It indicates the date and time when Schedule appointment actually ends.
-	*   @Default {null}
-	*/
-	endTime?: string;
-
-	/** Binds the name of subject field in the dataSource to appointment Subject. Indicates the Subject or title that gets displayed on Schedule appointments.
-	*   @Default {null}
-	*/
-	subject?: string;
-
-	/** Binds the description field name in dataSource. It indicates the appointment description.
-	*   @Default {null}
-	*/
-	description?: string;
-
-	/** Binds the name of recurrence field in dataSource. It indicates whether the appointment is a recurrence appointment or not.
-	*   @Default {null}
-	*/
-	recurrence?: string;
-
-	/** Binds the name of recurrenceRule field in dataSource. It indicates the recurrence pattern associated with appointments.
-	*   @Default {null}
-	*/
-	recurrenceRule?: string;
-
-	/** Binds the name of allDay field in dataSource. It indicates whether the appointment is an all-day appointment or not.
-	*   @Default {null}
-	*/
-	allDay?: string;
-
-	/** Binds one or more fields in resource collection dataSource. It maps the resource field names with appointments denoting the resource of appointments actually belongs.
-	*   @Default {null}
-	*/
-	resourceFields?: string;
-
-	/** Binds the name of categorize field in dataSource. It indicates the categorize value, red categorize, green, yellow and so on applied to the appointments.
-	*   @Default {null}
-	*/
-	categorize?: string;
-
-	/** Binds the name of location field in dataSource. It indicates the appointment location.
-	*   @Default {null}
-	*/
-	location?: string;
-
-	/** Binds the name of the priority field in dataSource. It indicates the priority, high, low, medium and none of the appointments.
-	*   @Default {null}
-	*/
-	priority?: string;
-
-	/** Binds the name of start timezone field in dataSource. It indicates the timezone of appointment start date. When startTimeZone field is not mentioned, the appointment uses the Schedule timeZone or System timeZone.
-	*   @Default {null}
-	*/
-	startTimeZone?: string;
-
-	/** Binds the name of end timezone field in dataSource. It indicates the timezone of appointment end date. When the endTimeZone field is not mentioned, the appointment uses the Schedule timeZone or System timeZone.
-	*   @Default {null}
-	*/
-	endTimeZone?: string;
-}
-
-export interface CategorizeSettings {
-
-	/** When set to true, enables the multiple selection of categories to be applied for the appointments.
-	*   @Default {false}
-	*/
-	allowMultiple?: boolean;
-
-	/** When set to true, enables the categories option to be applied for the appointments.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** The dataSource option accepts either the JSON object collection or DataManager [ej.DataManager] instance that contains the categorize data.
-	*/
-	dataSource?: Array<any>|any;
-
-	/** Binds id field name in the dataSource to id of category data.
-	*   @Default {id}
-	*/
-	id?: string;
-
-	/** Binds text field name in the dataSource to category text.
-	*   @Default {text}
-	*/
-	text?: string;
-
-	/** Binds color field name in the dataSource to category color.
-	*   @Default {color}
-	*/
-	color?: string;
-
-	/** Binds fontColor field name in the dataSource to category font.
-	*   @Default {fontColor}
-	*/
-	fontColor?: string;
-}
-
-export interface ContextMenuSettingsMenuItems {
+            /** Instance of the legend item object that is about to be rendered
+             */
+            data?: any;
+        }
 
-	/** All the appointment related context menu items are grouped under this appointment menu collection.
-	*/
-	appointment?: Array<any>;
+        export interface RangeMouseMoveEventArgs {
 
-	/** All the Scheduler cell related context menu items are grouped under this cells menu item collection.
-	*/
-	cells?: Array<any>;
-}
-
-export interface ContextMenuSettings {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** When set to true, enables the context menu options available for the Schedule cells and appointments.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** Instance of the circulargauge model object
+             */
+            model?: any;
 
-	/** Contains all the default context menu options that are applicable for both Schedule cells and appointments. It also supports adding custom menu items to cells or appointment collection.
-	*/
-	menuItems?: ContextMenuSettingsMenuItems;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface Group {
+            /** Region of ranges
+             */
+            data?: any;
+        }
 
-	/** Holds the array of resource names to be grouped on the Schedule.
-	*/
-	resources?: Array<any>;
-}
+        export interface DrawCustomLabelEventArgs {
 
-export interface WorkHours {
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** When set to true, highlights the work hours of the Schedule.
-	*   @Default {true}
-	*/
-	highlight?: boolean;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Sets the start time to depict the start of working or business hour in a day.
-	*   @Default {9}
-	*/
-	start?: number;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Sets the end time to depict the end of working or business hour in a day.
-	*   @Default {18}
-	*/
-	end?: number;
-}
+            /** returns the startX and startY of the custom label
+             */
+            position?: any;
 
-export interface PrioritySettings {
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** When set to true, enables the priority options available for the Schedule appointments.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** The dataSource option can accept the JSON object collection that contains the priority related data.
-	*   @Default {{% highlight js%}[{ text: None, value: none },{ text: High, value: high },{ text: Medium, value: medium },{ text: Low, value: low }]{% endhighlight %}}
-	*/
-	dataSource?: any|Array<any>;
+            /** returns the scaleIndex to which the custom label belongs.
+             */
+            scaleIndex?: number;
 
-	/** Binds text field name in the dataSource to prioritySettings text. These text gets listed out in priority field of the appointment window.
-	*   @Default {text}
-	*/
-	text?: string;
+            /** returns the custom label style
+             */
+            style?: string;
 
-	/** Binds value field name in the dataSource to prioritySettings value. These field names usually accepts four priority values by default, high, low, medium and none.
-	*   @Default {value}
-	*/
-	value?: string;
+            /** returns the current custom label element.
+             */
+            customLabelElement?: any;
 
-	/** Allows priority field customization in the appointment window to add custom icons denoting the priority level for the appointments.
-	*   @Default {null}
-	*/
-	template?: string;
-}
+            /** returns the index of the custom label.
+             */
+            customLabelIndex?: number;
 
-export interface ReminderSettings {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** When set to true, enables the reminder option available for the Schedule appointments.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+        export interface DrawIndicatorsEventArgs {
 
-	/** Sets the timing, when the reminders are to be alerted for the Schedule appointments.
-	*   @Default {5}
-	*/
-	alertBefore?: number;
-}
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-export interface RenderDates {
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Sets the start of custom date range to be rendered in the Schedule.
-	*   @Default {null}
-	*/
-	start?: any;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Sets the end limit of the custom date range.
-	*   @Default {null}
-	*/
-	end?: any;
-}
+            /** returns the startX and startY of the indicator
+             */
+            position?: any;
 
-export interface ResourcesResourceSettings {
-
-	/** The dataSource option accepts either JSON object collection or DataManager (ejDataManager) instance that contains the resources related data.
-	*   @Default {[]}
-	*/
-	dataSource?: any|Array<any>;
-
-	/** Binds text field name in the dataSource to resourceSettings text. These text gets listed out in resources field of the appointment window.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Binds id field name in the dataSource to resourceSettings id.
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Binds groupId field name in the dataSource to resourceSettings groupId.
-	*   @Default {null}
-	*/
-	groupId?: string;
-
-	/** Binds color field name in the dataSource to resourceSettings color. The color specified here gets applied to the Schedule appointments denoting to the resource it belongs.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Binds the starting work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the starting work hour for specific resources.
-	*   @Default {null}
-	*/
-	start?: string;
-
-	/** Binds the end work hour field name in the dataSource. It's optional, but providing it with some numeric value will set the end work hour for specific resources.
-	*   @Default {null}
-	*/
-	end?: string;
-
-	/** Binds the resources working days field name in the dataSource. It's optional, and accepts the array of strings (week day names). When provided with specific collection of days (array of day names), only those days will render for the specific resources.
-	*   @Default {null}
-	*/
-	workWeek?: string;
-
-	/** Binds appointmentClass field name in the dataSource. It applies custom CSS class name to appointments depicting to the resource it belongs.
-	*   @Default {null}
-	*/
-	appointmentClass?: string;
-}
+            /** returns the gauge model
+             */
+            model?: any;
 
-export interface Resource {
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** It holds the name of the resource field to be bound to the Schedule appointments that contains the resource Id.
-	*   @Default {null}
-	*/
-	field?: string;
+            /** returns the scaleIndex to which the indicator belongs.
+             */
+            scaleIndex?: number;
 
-	/** It holds the title name of the resource field to be displayed on the Schedule appointment window.
-	*   @Default {null}
-	*/
-	title?: string;
+            /** returns the indicator style
+             */
+            style?: string;
 
-	/** A unique resource name that is used for differentiating various resource objects while grouping it in various levels.
-	*   @Default {null}
-	*/
-	name?: string;
+            /** returns the current indicator element.
+             */
+            indicatorElement?: any;
 
-	/** When set to true, allows multiple selection of resource names, thus creating multiple instances of same appointment for the selected resources.
-	*   @Default {false}
-	*/
-	allowMultiple?: boolean;
+            /** returns the index of the indicator.
+             */
+            indicatorIndex?: number;
 
-	/** It holds the field names of the resources to be bound to the Schedule and also the dataSource.
-	*/
-	resourceSettings?: ResourcesResourceSettings;
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface TimeZoneCollection {
+        export interface DrawLabelsEventArgs {
 
-	/** Sets the collection of timezone items to the dataSource that accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule timezones.
-	*/
-	dataSource?: any;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Binds text field name in the dataSource to timeZoneCollection text. These text gets listed out in the timezone fields of the appointment window.
-	*   @Default {text}
-	*/
-	text?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Binds id field name in the dataSource to timeZoneCollection id.
-	*   @Default {id}
-	*/
-	id?: string;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Binds value field name in the dataSource to timeZoneCollection value.
-	*   @Default {value}
-	*/
-	value?: string;
-}
+            /** returns the startX and startY of the labels
+             */
+            position?: any;
 
-export interface AgendaViewSettings {
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** You can display the summary of multiple week's appointment by setting this value.
-	*   @Default {7}
-	*/
-	daysInAgenda?: number;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** You can customize the Date column display based on the requirement.
-	*   @Default {null}
-	*/
-	dateColumnTemplateId?: string;
+            /** returns the scaleIndex to which the label belongs.
+             */
+            scaleIndex?: number;
 
-	/** You can customize the time column display based on the requirement.
-	*   @Default {null}
-	*/
-	timeColumnTemplateId?: string;
-}
+            /** returns the label style
+             */
+            style?: string;
 
-export interface TooltipSettings {
+            /** returns the angle of the labels.
+             */
+            angle?: number;
 
-	/** Enables or disables the tooltip display.
-	*   @Default {false}
-	*/
-	enable?: boolean;
+            /** returns the current label element.
+             */
+            element?: any;
 
-	/** Template design that customizes the tooltip. All the field names that are mapped from dataSource to the appropriate field properties within the appointmentSettings can be accessed within the template.
-	*   @Default {null}
-	*/
-	templateId?: string;
-}
+            /** returns the index of the label.
+             */
+            index?: number;
 
-export interface TimeScale {
+            /** returns the value of the label.
+             */
+            pointerValue?: number;
 
-	/** When set to true, displays the time slots on the Scheduler.
-	*   @Default {true}
-	*/
-	enable?: boolean;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** When set with some specific value, defines the number of time divisions split per hour(as per value given for the majorTimeSlot). Those time divisions are meant to be the minor slots.
-	*   @Default {2}
-	*/
-	minorSlotCount?: number;
+        export interface DrawPointerCapEventArgs {
 
-	/** Accepts the value in minutes. When provided with specific value, displays the appropriate time interval on the Scheduler
-	*   @Default {60}
-	*/
-	majorSlot?: number;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Template design that customizes the timecells (minor slots) that are partitioned based on minorSlotCount. Accepts id value of the template defined for minor time slots.
-	*   @Default {null}
-	*/
-	minorSlotTemplateId?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Template design that customizes the timecells (major slots). Accepts id value of the template defined for major time slots.
-	*   @Default {null}
-	*/
-	majorSlotTemplateId?: string;
-}
+            /** returns the context element
+             */
+            context?: any;
 
-export interface BlockoutSettings {
-
-	/** When set to true, enables the blockout option to be applied on the Scheduler cells.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Template design that applies on the Schedule block intervals. All the field names that are mapped from dataSource to the appropriate field properties within the blockoutSettings can be used within the template.
-	*   @Default {null}
-	*/
-	templateId?: string;
-
-	/** The dataSource option accepts either JSON object collection or DataManager (ej.DataManager) instance that contains Schedule block intervals.
-	*   @Default {[]}
-	*/
-	dataSource?: any|Array<any>;
-
-	/** It holds either the ej.Query() object or simply the query string that retrieves the specified records from the table.
-	*   @Default {null}
-	*/
-	query?: string;
-
-	/** Assign the table name from where the records are to be fetched for the Schedule.
-	*   @Default {null}
-	*/
-	tableName?: string;
-
-	/** Binds the id field name in dataSource to the id of block time interval. It denotes the unique id assigned to each of the block records.
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Binds the name of startTime field in the dataSource with start time of block time interval. It indicates the date and time, when the block interval actually starts in the Scheduler.
-	*   @Default {null}
-	*/
-	startTime?: string;
-
-	/** Binds the name of endTime field in dataSource with the end time of block time interval. It indicates the date and time, when the block interval actually ends in the Scheduler.
-	*   @Default {null}
-	*/
-	endTime?: string;
-
-	/** Binds the name of subject field in the dataSource to block time Subject. Indicates the Subject or title that gets displayed on the Schedule block intervals.
-	*   @Default {null}
-	*/
-	subject?: string;
-
-	/** Binds the name of isBlockAppointment field in dataSource. When set to true, disables the appointments that lies on the blocked area and restrict to perform CRUD operations in it.
-	*   @Default {null}
-	*/
-	isBlockAppointment?: string;
-
-	/** Binds the name of isAllDay field in dataSource. It indicates whether an entire day is blocked or not.
-	*   @Default {null}
-	*/
-	isAllDay?: string;
-
-	/** Binds the name of resourceId field in dataSource. Specifies the id of the resources, to which the time intervals are needed to be blocked.
-	*   @Default {null}
-	*/
-	resourceId?: string;
-
-	/** Binds the name of groupId field in dataSource. Specifies the id of the resource group, to which the time intervals are needed to be blocked.
-	*   @Default {null}
-	*/
-	groupId?: string;
-
-	/** Binds the name of customStyle field in dataSource. It applies the custom CSS to the block intervals.
-	*   @Default {null}
-	*/
-	customStyle?: string;
-}
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-enum CurrentView{
+            /** returns the startX and startY of the pointer cap.
+             */
+            position?: any;
 
-	///Sets currentView of the Scheduler as Day
-	Day,
+            /** returns the gauge model
+             */
+            model?: any;
 
-	///Sets currentView of the Scheduler as Week
-	Week,
+            /** returns the pointer cap style
+             */
+            style?: string;
 
-	///Sets currentView of the Scheduler as WorkWeek
-	Workweek,
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	///Sets currentView of the Scheduler as Month
-	Month,
+        export interface DrawPointersEventArgs {
 
-	///Sets currentView of the Scheduler as Agenda
-	Agenda,
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	///Sets currentView of the Scheduler as CustomView with user-specified date range.
-	CustomView
-}
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
+            /** returns the context element
+             */
+            context?: any;
 
-enum Orientation{
+            /** returns the startX and startY of the pointer
+             */
+            position?: any;
 
-	///Set orientation as vertical to Scheduler
-	Vertical,
+            /** returns the gauge model
+             */
+            model?: any;
 
-	///Set orientation as horizontal to Scheduler
-	Horizontal
-}
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-enum TimeMode{
+            /** returns the pointer style
+             */
+            style?: string;
 
-	///Sets 12 hour time mode to Scheduler
-	Hour12,
+            /** returns the angle of the pointer.
+             */
+            angle?: number;
 
-	///Sets 24 hour time mode to Scheduler
-	Hour24
-}
+            /** returns the current pointer element.
+             */
+            element?: any;
 
-}
+            /** returns the index of the pointer.
+             */
+            index?: number;
 
-class RecurrenceEditor extends ej.Widget {
-	static fn: RecurrenceEditor;
-	constructor(element: JQuery, options?: RecurrenceEditor.Model);
-	constructor(element: Element, options?: RecurrenceEditor.Model);
-	static Locale: any;
-	model:RecurrenceEditor.Model;
-	defaults:RecurrenceEditor.Model;
-
-	/** Generates the recurrence rule with the options selected within the Recurrence Editor.
-	*   @returns {string}
-	*/
-	getRecurrenceRule(): string;
-
-	/** Generates the collection of date, that lies within the selected recurrence start and end date for which the recurrence pattern applies.
-	*   @param {string} It refers the recurrence rule.
-	*   @param {any} It refers the start date of the recurrence.
-	*   @returns {any}
-	*/
-	recurrenceDateGenerator(recurrenceString: string, startDate: any): any;
-
-	/** It splits and returns the recurrence rule string into object collection.
-	*   @param {string} It refers the recurrence rule string.
-	*   @param {any} It refers the appointment dates (ExDate) to be excluded
-	*   @returns {any}
-	*/
-	recurrenceRuleSplit(recurrenceRule: string, exDate: any): any;
-}
-export module RecurrenceEditor{
-
-export interface Model {
-
-	/** Defines the collection of recurrence frequencies within Recurrence Editor such as Never, Daily, Weekly, Monthly, Yearly and Every Weekday.
-	*   @Default {[never, daily, weekly, monthly, yearly, everyweekday]}
-	*/
-	frequencies?: Array<any>;
-
-	/** Sets the starting day of the week.
-	*   @Default {null}
-	*/
-	firstDayOfWeek?: string;
-
-	/** When set to true, enables the spin button of numeric textboxes within the Recurrence Editor.
-	*   @Default {true}
-	*/
-	enableSpinners?: boolean;
-
-	/** Sets the start date of the recurrence. The Recurrence Editor initially displays the current date as its start date.
-	*   @Default {new Date()}
-	*/
-	startDate?: any;
-
-	/** Sets the specific culture to the Recurrence Editor.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Sets the date format for the datepickers available within the Recurrence Editor.
-	*/
-	dateFormat?: string;
-
-	/** When set to true, renders the Recurrence Editor options from Right-to-Left direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Sets the active/current repeat type(frequency) on Recurrence Editor based on the index value provided. For example, setting the value 1 will initially set the repeat type as Daily and display its related options.
-	*   @Default {0}
-	*/
-	selectedRecurrenceType?: number;
-
-	/** Sets the minimum date limit to display on the datepickers defined within the Recurrence Editor. Setting minDate with specific date value disallows the datepickers within  Recurrence Editor to navigate beyond that date.
-	*   @Default {new Date(1900, 01, 01)}
-	*/
-	minDate?: any;
-
-	/** Sets the maximum date limit to display on the datepickers used within the Recurrence Editor. Setting maxDate with specific date value disallows the datepickers within the Recurrence Editor to navigate beyond that date.
-	*   @Default {new Date(2099, 12, 31)}
-	*/
-	maxDate?: any;
-
-	/** Accepts the custom CSS class name, that defines user-defined styles and themes to be applied on partial or complete elements of the Recurrence Editor.
-	*/
-	cssClass?: string;
-
-	/** Triggers whenever any of the Recurrence Editor's value is changed. */
-	change? (e: ChangeEventArgs): void;
-}
+            /** returns the value of the pointer.
+             */
+            value?: number;
 
-export interface ChangeEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** When set to true, event gets canceled.
-	*/
-	cancel?: boolean;
+        export interface DrawRangeEventArgs {
 
-	/** Returns the Recurrence Editor model
-	*/
-	model?: ej.RecurrenceEditor.Model;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the name of the event
-	*/
-	type?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the recurrence rule value.
-	*/
-	recurrenceRule?: string;
-}
-}
+            /** returns the context element
+             */
+            context?: any;
 
-class Gantt extends ej.Widget {
-	static fn: Gantt;
-	constructor(element: JQuery, options?: Gantt.Model);
-	constructor(element: Element, options?: Gantt.Model);
-	static Locale: any;
-	model:Gantt.Model;
-	defaults:Gantt.Model;
-
-	/** To add a new item in Gantt
-	*   @param {any} Item to add in Gantt row.
-	*   @param {string} Defines in which position the row wants to add
-	*   @returns {void}
-	*/
-	addRecord(data: any, rowPosition: string): void;
-
-	/** To select cell based on the cell and row index dynamically.
-	*   @param {Array<any>} array of cell indexes to be select
-	*   @param {boolean} Defines that we need to preserve the previously selected cells of not
-	*   @returns {void}
-	*/
-	selectCells(Indexes: Array<any>, preservePreviousSelectedCell: boolean): void;
-
-	/** Positions the splitter by the specified column index.
-	*   @param {number} Set the splitter position based on column index.
-	*   @returns {void}
-	*/
-	setSplitterIndex(index: number): void;
-
-	/** To sort the column in required direction
-	*   @param {string} Defines the column's mapping name in which sorting have to be performed
-	*   @param {string} Defines the sort direction whether the column has to sorted in ascending/descending order. By default it is sorting in an ascending order
-	*   @returns {void}
-	*/
-	sortColumn(mappingName: string, columnSortDirection: string): void;
-
-	/** To cancel the edited state of an item in Gantt
-	*   @returns {void}
-	*/
-	cancelEdit(): void;
-
-	/** To collapse all the parent items in Gantt
-	*   @returns {void}
-	*/
-	collapseAllItems(): void;
-
-	/** To delete a selected item in Gantt
-	*   @returns {void}
-	*/
-	deleteItem(): void;
-
-	/** destroy the Gantt widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To Expand all the parent items in Gantt
-	*   @returns {void}
-	*/
-	expandAllItems(): void;
-
-	/** To expand and collapse an item in Gantt using item's ID
-	*   @param {number} Expand or Collapse a record based on task id.
-	*   @returns {void}
-	*/
-	expandCollapseRecord(taskId: number): void;
-
-	/** Export the Gantt content to excel or PDF document.
-	*   @param {string} Pass the controller action name corresponding to exporting
-	*   @param {string} optionalASP server event name corresponding to exporting
-	*   @param {boolean} optionalPass the multiple exporting value as true/false
-	*   @returns {void}
-	*/
-	export(action: string, serverEvent?: string, multipleExport?: boolean): void;
-
-	/** To hide the column by using header text
-	*   @param {string} you can pass a header text of a column to hide
-	*   @returns {void}
-	*/
-	hideColumn(headerText: string): void;
-
-	/** To indent a selected item in Gantt
-	*   @returns {void}
-	*/
-	indentItem(): void;
-
-	/** To Open the dialog to add new task to the Gantt
-	*   @returns {void}
-	*/
-	openAddDialog(): void;
-
-	/** To Open the dialog to edit existing task to the Gantt
-	*   @returns {void}
-	*/
-	openEditDialog(): void;
-
-	/** To outdent a selected item in Gantt
-	*   @returns {void}
-	*/
-	outdentItem(): void;
-
-	/** To save the edited state of an item in Gantt
-	*   @returns {void}
-	*/
-	saveEdit(): void;
-
-	/** To search an item with search string provided at the run time
-	*   @param {string} you can pass a text to search in Gantt Control.
-	*   @returns {void}
-	*/
-	searchItem(searchString: string): void;
-
-	/** To set the grid width in Gantt
-	*   @param {string} you can give either percentage or pixels value
-	*   @returns {void}
-	*/
-	setSplitterPosition(width: string): void;
-
-	/** To show the column by using header text
-	*   @param {string} you can pass a header text of a column to show
-	*   @returns {void}
-	*/
-	showColumn(headerText: string): void;
-}
-export module Gantt{
-
-export interface Model {
-
-	/** Specifies the fields to be included in the add dialog in Gantt
-	*   @Default {[]}
-	*/
-	addDialogFields?: Array<AddDialogField>;
-
-	/** Enables or disables the ability to resize column.
-	*   @Default {false}
-	*/
-	allowColumnResize?: boolean;
-
-	/** Enables or Disables Gantt chart editing in Gantt
-	*   @Default {true}
-	*/
-	allowGanttChartEditing?: boolean;
-
-	/** Enables or Disables Keyboard navigation in Gantt
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Specifies enabling or disabling multiple sorting for Gantt columns
-	*   @Default {false}
-	*/
-	allowMultiSorting?: boolean;
-
-	/** Enables or disables the option for multiple exporting
-	*   @Default {false}
-	*/
-	allowMultipleExporting?: boolean;
-
-	/** Enables or disables the interactive selection of a row.
-	*   @Default {true}
-	*/
-	allowSelection?: boolean;
-
-	/** Enables or disables sorting. When enabled, we can sort the column by clicking on the column.
-	*   @Default {false}
-	*/
-	allowSorting?: boolean;
-
-	/** Enables or disables the ability to drag and drop the row interactively to reorder the rows
-	*   @Default {false}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** Enable or disable predecessor validation. When it is true, all the task's start and end dates are aligned based on its predecessors start and end dates.
-	*   @Default {true}
-	*/
-	enablePredecessorValidation?: boolean;
-
-	/** Specifies the baseline background color in Gantt
-	*   @Default {#fba41c}
-	*/
-	baselineColor?: string;
-
-	/** Specifies the mapping property path for the work field of a task in the data source. When it is mapped the end date and duration for a task will be calculated automatically.
-	*/
-	workMapping?: string;
-
-	/** Specifies the mapping property path for the expand status of a record in data source.
-	*/
-	expandStateMapping?: string;
-
-	/** Specifies the mapping property path for baseline end date in datasource
-	*/
-	baselineEndDateMapping?: string;
-
-	/** Specifies the mapping property path for baseline start date of a task in datasource
-	*/
-	baselineStartDateMapping?: string;
-
-	/** Specifies the mapping property path for sub tasks in datasource
-	*/
-	childMapping?: string;
-
-	/** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
-	*   @Default {[]}
-	*/
-	columnDialogFields?: Array<any>;
-
-	/** Specifies the background of connector lines in Gantt
-	*/
-	connectorLineBackground?: string;
-
-	/** Specifies the width of the connector lines in Gantt
-	*   @Default {1}
-	*/
-	connectorlineWidth?: number;
-
-	/** Specify the CSS class for Gantt to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specifies the template for cell tooltip
-	*   @Default {null}
-	*/
-	cellTooltipTemplate?: string;
-
-	/** Option for customizing the drag tooltip while reordering the rows.
-	*/
-	dragTooltip?: DragTooltip;
-
-	/** Collection of data or hierarchical data to represent in Gantt
-	*   @Default {null}
-	*/
-	dataSource?: Array<any>;
-
-	/** Specifies the dateFormat for Gantt , given format is displayed in tooltip , Grid .
-	*   @Default {MM/dd/yyyy}
-	*/
-	dateFormat?: string;
-
-	/** Specifies the customized working time for tasks in Gantt
-	*   @Default {[{ from: 08:00 AM, to: 12:00 PM }, { from: 01:00 PM, to: 05:00 PM }]}
-	*/
-	dayWorkingTime?: Array<any>;
-
-	/** Specifies the mapping property path for duration of a task in datasource
-	*/
-	durationMapping?: string;
-
-	/** Specifies the duration unit for each tasks whether days or hours or minutes
-	*   @Default {ej.Gantt.DurationUnit.Day}
-	*/
-	durationUnit?: ej.Gantt.DurationUnit|string;
-
-	/** Specifies the fields to be included in the edit dialog in Gantt
-	*   @Default {[]}
-	*/
-	editDialogFields?: Array<EditDialogField>;
-
-	/** Enables or disables the responsiveness of Gantt
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Option to configure the splitter position.
-	*/
-	splitterSettings?: SplitterSettings;
-
-	/** Specifies the editSettings options in Gantt.
-	*/
-	editSettings?: EditSettings;
-
-	/** Enables or Disables enableAltRow row effect in Gantt
-	*   @Default {true}
-	*/
-	enableAltRow?: boolean;
-
-	/** Enables/disables work breakdown structure column.
-	*   @Default {false}
-	*/
-	enableWBS?: boolean;
-
-	/** Enables/disables WBS predecessor column.
-	*   @Default {false}
-	*/
-	enableWBSPredecessor?: boolean;
-
-	/** Enables or disables the collapse all records when loading the Gantt.
-	*   @Default {false}
-	*/
-	enableCollapseAll?: boolean;
-
-	/** Specifies the data source field name to be displayed as left task label
-	*/
-	leftTaskLabelMapping?: string;
-
-	/** Specifies the data source field name to be displayed as right task label
-	*/
-	rightTaskLabelMapping?: string;
-
-	/** Specifies the template for left task label
-	*/
-	leftTaskLabelTemplate?: string;
-
-	/** Specifies the template for right task label
-	*/
-	rightTaskLabelTemplate?: string;
-
-	/** Enables or disables the contextmenu for Gantt , when enabled contextmenu appears on right clicking Gantt
-	*   @Default {false}
-	*/
-	enableContextMenu?: boolean;
-
-	/** Indicates whether we can edit the progress of a task interactively in Gantt.
-	*   @Default {true}
-	*/
-	enableProgressBarResizing?: boolean;
-
-	/** Enables or disables the option for dynamically updating the Gantt size on window resizing
-	*   @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/** Enables or disables tooltip while editing (dragging/resizing) the taskbar.
-	*   @Default {true}
-	*/
-	enableTaskbarDragTooltip?: boolean;
-
-	/** Enables or disables tooltip for taskbar.
-	*   @Default {true}
-	*/
-	enableTaskbarTooltip?: boolean;
-
-	/** Enables/Disables virtualization for rendering Gantt items.
-	*   @Default {false}
-	*/
-	enableVirtualization?: boolean;
-
-	/** Specifies the mapping property path for end Date of a task in datasource
-	*/
-	endDateMapping?: string;
-
-	/** Specifies whether to highlight the weekends in Gantt .
-	*   @Default {true}
-	*/
-	highlightWeekends?: boolean;
-
-	/** Collection of holidays with date, background and label information to be displayed in Gantt.
-	*   @Default {[]}
-	*/
-	holidays?: Array<Holiday>;
-
-	/** Specifies whether to include weekends while calculating the duration of a task.
-	*   @Default {true}
-	*/
-	includeWeekend?: boolean;
-
-	/** Specify the locale for Gantt
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the mapping property path for milestone in datasource
-	*/
-	milestoneMapping?: string;
-
-	/** Enables/disables the options for inserting , deleting and renaming  columns.
-	*   @Default {false}
-	*/
-	showColumnOptions?: boolean;
-
-	/** Specifies the template for parent taskbar
-	*/
-	parentTaskbarTemplate?: string;
-
-	/** Specifies the nature of a task for calculating the work,  and it can fixed duration, fixed work and fixed resource unit
-	*   @Default {ej.Gantt.TaskType.FixedUnit}
-	*/
-	taskType?: ej.Gantt.TaskType|string;
-
-	/** Specifies the unit for the work involved in a task and it can be day, hour or minute
-	*   @Default {ej.Gantt.WorkUnit.Hour}
-	*/
-	workUnit?: ej.Gantt.WorkUnit|string;
-
-	/** Specifies the task scheduling mode for a project and this will be set to all the tasks available in the project
-	*   @Default {ej.Gantt.TaskSchedulingMode.Auto}
-	*/
-	taskSchedulingMode?: ej.Gantt.TaskSchedulingMode|string;
-
-	/** Specifies the row selection type.
-	*   @Default {ej.Gantt.SelectionType.Single}
-	*/
-	selectionType?: ej.Gantt.SelectionType|string;
-
-	/** Specifies the background of parent progressbar in Gantt
-	*/
-	parentProgressbarBackground?: string;
-
-	/** Specifies the mapping property path for resource's percent effort involved in a task in datasource
-	*/
-	resourceUnitMapping?: string;
-
-	/** Specifies the mapping property path for the task description in datasource
-	*/
-	notesMapping?: string;
-
-	/** Specifies the mapping property path for the task scheduling mode for a task in datasource
-	*   @Default {auto}
-	*/
-	taskSchedulingModeMapping?: string;
-
-	/** Specifies the mapping property path for task duration unit in datasource
-	*/
-	durationUnitMapping?: string;
-
-	/** Specifies the background of parent taskbar in Gantt
-	*/
-	parentTaskbarBackground?: string;
-
-	/** Specifies the mapping property path for parent task Id in self reference datasource
-	*/
-	parentTaskIdMapping?: string;
-
-	/** Specifies the mapping property path for predecessors of a task in datasource
-	*/
-	predecessorMapping?: string;
-
-	/** Specifies the background of progressbar in Gantt
-	*/
-	progressbarBackground?: string;
-
-	/** Specified the height of the progressbar in taskbar
-	*   @Default {100}
-	*/
-	progressbarHeight?: number;
-
-	/** Specifies the template for tooltip on resizing progressbar
-	*   @Default {null}
-	*/
-	progressbarTooltipTemplate?: string;
-
-	/** Specifies the template ID for customized tooltip for progressbar editing in Gantt
-	*   @Default {null}
-	*/
-	progressbarTooltipTemplateId?: string;
-
-	/** Specifies the mapping property path for progress percentage of a task in datasource
-	*/
-	progressMapping?: string;
-
-	/** It receives query to retrieve data from the table (query is same as SQL).
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Enables or Disables rendering baselines in Gantt , when enabled baseline is rendered in Gantt
-	*   @Default {false}
-	*/
-	renderBaseline?: boolean;
-
-	/** Specifies the mapping property name for resource ID in resource Collection in Gantt
-	*/
-	resourceIdMapping?: string;
-
-	/** Specifies the mapping property path for resources of a task in datasource
-	*/
-	resourceInfoMapping?: string;
-
-	/** Specifies the mapping property path for resource name of a task in Gantt
-	*/
-	resourceNameMapping?: string;
-
-	/** Collection of data regarding resources involved in entire project
-	*   @Default {[]}
-	*/
-	resources?: Array<any>;
-
-	/** Specifies whether rounding off the day working time edits
-	*   @Default {true}
-	*/
-	roundOffDayworkingTime?: boolean;
-
-	/** Specifies the height of a single row in Gantt. Also, we need to set same height in the CSS style with class name e-rowcell.
-	*   @Default {30}
-	*/
-	rowHeight?: number;
-
-	/** Specifies end date of the Gantt schedule. By default, end date will be rounded to its next Saturday.
-	*   @Default {null}
-	*/
-	scheduleEndDate?: string;
-
-	/** Specifies the options for customizing schedule header.
-	*/
-	scheduleHeaderSettings?: ScheduleHeaderSettings;
-
-	/** Specifies start date of the Gantt schedule. By default, start date will be rounded to its previous Sunday.
-	*   @Default {null}
-	*/
-	scheduleStartDate?: string;
-
-	/** Specifies the selected row Index in Gantt , the row with given index will highlighted
-	*   @Default {-1}
-	*/
-	selectedRowIndex?: number;
-
-	/** Enables or disables the column chooser.
-	*   @Default {false}
-	*/
-	showColumnChooser?: boolean;
-
-	/** Specifies the template for cell tooltip
-	*   @Default {true}
-	*/
-	showGridCellTooltip?: boolean;
-
-	/** Specifies whether to show grid cell tooltip over expander cell alone.
-	*   @Default {true}
-	*/
-	showGridExpandCellTooltip?: boolean;
-
-	/** Specifies whether display task progress inside taskbar.
-	*   @Default {true}
-	*/
-	showProgressStatus?: boolean;
-
-	/** Specifies whether to display resource names for a task beside taskbar.
-	*   @Default {true}
-	*/
-	showResourceNames?: boolean;
-
-	/** Specifies whether to display task name beside task bar.
-	*   @Default {true}
-	*/
-	showTaskNames?: boolean;
-
-	/** Specifies the size option of Gantt control.
-	*/
-	sizeSettings?: SizeSettings;
-
-	/** Specifies the selected cell information on rendering Gantt.
-	*/
-	selectedCellIndexes?: Array<SelectedCellIndex>;
-
-	/** Specifies the sorting options for Gantt.
-	*/
-	sortSettings?: SortSettings;
-
-	/** Specifies splitter position in Gantt.
-	*   @Default {null}
-	*/
-	splitterPosition?: string;
-
-	/** Specifies the mapping property path for start date of a task in datasource
-	*/
-	startDateMapping?: string;
-
-	/** Specifies the options for striplines
-	*   @Default {[]}
-	*/
-	stripLines?: Array<StripLine>;
-
-	/** Specifies the background of the taskbar in Gantt
-	*/
-	taskbarBackground?: string;
-
-	/** Specifies the template script for customized tooltip for taskbar editing in Gantt
-	*/
-	taskbarEditingTooltipTemplate?: string;
-
-	/** Specifies the template Id for customized tooltip for taskbar editing in Gantt
-	*/
-	taskbarEditingTooltipTemplateId?: string;
-
-	/** Specifies the height of taskBar in Gantt.
-	*   @Default {20}
-	*/
-	taskbarHeight?: number;
-
-	/** Specifies the template for tooltip on mouse action on taskbars
-	*/
-	taskbarTooltipTemplate?: string;
-
-	/** To Specify the JsRender script Id to customize the task bar with our preference
-	*/
-	taskbarTemplate?: string;
+            /** returns the startX and startY of the range
+             */
+            position?: any;
 
-	/** To Specify the JsRender script Id to customize the mile stone with our preference
-	*/
-	milestoneTemplate?: string;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Enables or disables Gantt to read-only mode
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Specifies the template id for tooltip on mouse action on taskbars
-	*/
-	taskbarTooltipTemplateId?: string;
+            /** returns the scaleIndex to which the range belongs.
+             */
+            scaleIndex?: number;
 
-	/** Specifies the mapping property path for task Id in datasource
-	*/
-	taskIdMapping?: string;
+            /** returns the range style
+             */
+            style?: string;
 
-	/** Specifies the mapping property path for task name in datasource
-	*/
-	taskNameMapping?: string;
+            /** returns the current range element.
+             */
+            rangeElement?: any;
 
-	/** Specifies the toolbarSettings options.
-	*/
-	toolbarSettings?: ToolbarSettings;
+            /** returns the index of the range.
+             */
+            rangeIndex?: number;
 
-	/** Specifies the tree expander column in Gantt
-	*   @Default {0}
-	*/
-	treeColumnIndex?: number;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Specifies the type of selection whether to select row or cell.
-	*   @Default {ej.Gantt.SelectionMode.Row}
-	*/
-	selectionMode?: ej.Gantt.SelectionMode|string;
+        export interface DrawTicksEventArgs {
 
-	/** Enables or disables the schedule date validation while connecting a manually scheduled task with predecessor
-	*   @Default {false}
-	*/
-	validateManualTasksOnLinking?: boolean;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Specifies the weekendBackground color in Gantt
-	*   @Default {#F2F2F2}
-	*/
-	weekendBackground?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Specifies the working time schedule of day
-	*   @Default {ej.Gantt.workingTimeScale.TimeScale8Hours}
-	*/
-	workingTimeScale?: ej.Gantt.workingTimeScale|string;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Triggered for every Gantt action before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+            /** returns the startX and startY of the ticks
+             */
+            position?: any;
 
-	/** Triggered for every Gantt action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Triggered while enter the edit mode in the TreeGrid cell */
-	beginEdit? (e: BeginEditEventArgs): void;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: any;
 
-	/** Triggered before selecting a cell */
-	cellSelecting? (e: CellSelectingEventArgs): void;
+            /** returns the scaleIndex to which the tick belongs.
+             */
+            scaleIndex?: number;
 
-	/** Triggered after selected a cell */
-	cellSelected? (e: CellSelectedEventArgs): void;
+            /** returns the ticks style
+             */
+            style?: string;
 
-	/** Triggered while dragging a row in Gantt control */
-	rowDrag? (e: RowDragEventArgs): void;
+            /** returns the angle of the tick.
+             */
+            angle?: number;
 
-	/** Triggered while start to drag row in Gantt control */
-	rowDragStart? (e: RowDragStartEventArgs): void;
+            /** returns the current tick element.
+             */
+            element?: any;
 
-	/** Triggered while drop a row in Gantt control */
-	rowDragStop? (e: RowDragStopEventArgs): void;
+            /** returns the index of the tick.
+             */
+            index?: number;
 
-	/** Triggered after collapsed the Gantt record */
-	collapsed? (e: CollapsedEventArgs): void;
+            /** returns the label value of the tick.
+             */
+            pointerValue?: number;
 
-	/** Triggered while collapsing the Gantt record */
-	collapsing? (e: CollapsingEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Triggered while Context Menu is rendered in Gantt control */
-	contextMenuOpen? (e: ContextMenuOpenEventArgs): void;
+        export interface LoadEventArgs {
 
-	/** Triggered when Gantt is rendered completely. */
-	create? (e: CreateEventArgs): void;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Triggered after save the modified cellValue in Gantt. */
-	endEdit? (e: EndEditEventArgs): void;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Triggered after expand the record */
-	expanded? (e: ExpandedEventArgs): void;
+            /** returns the gauge model
+             */
+            Model?: any;
 
-	/** Triggered while expanding the Gantt record */
-	expanding? (e: ExpandingEventArgs): void;
+            /** returns the entire scale element.
+             */
+            scaleElement?: any;
 
-	/** Triggered while Gantt is loaded */
-	load? (e: LoadEventArgs): void;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Triggered while rendering each cell in the TreeGrid */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** Triggered while rendering each taskbar in the Gantt */
-	queryTaskbarInfo? (e: QueryTaskbarInfoEventArgs): void;
+        export interface MouseClickEventArgs {
 
-	/** Triggered while rendering each row */
-	rowDataBound? (e: RowDataBoundEventArgs): void;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Triggered after the row is selected. */
-	rowSelected? (e: RowSelectedEventArgs): void;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Triggered before the row is going to be selected. */
-	rowSelecting? (e: RowSelectingEventArgs): void;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Triggered after completing the editing operation in taskbar */
-	taskbarEdited? (e: TaskbarEditedEventArgs): void;
+            /** returns the name of the event
+             */
+            type?: any;
 
-	/** Triggered while editing the Gantt chart (dragging, resizing the taskbar ) */
-	taskbarEditing? (e: TaskbarEditingEventArgs): void;
+            /** returns the scale element.
+             */
+            scaleElement?: any;
 
-	/** Triggered when taskbar item is clicked in Gantt. */
-	taskbarClick? (e: TaskbarClickEventArgs): void;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Triggered when toolbar item is clicked in Gantt. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+            /** returns the context element
+             */
+            context?: any;
 
-export interface ActionBeginEventArgs {
+            /** returns the pointer Index
+             */
+            index?: number;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the pointer element.
+             */
+            element?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** returns the value of the pointer.
+             */
+            value?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the angle of the pointer.
+             */
+            angle?: number;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+            /** returns the pointer style
+             */
+            style?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** returns the startX and startY of the pointer.
+             */
+            position?: any;
+        }
 
-	/** Returns the direction of sorting ascending or descending
-	*/
-	columnSortDirection?: string;
+        export interface MouseClickMoveEventArgs {
 
-	/** Returns the value of searching element.
-	*/
-	keyValue?: string;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the data of deleting element.
-	*/
-	data?: string;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns selected record index
-	*/
-	recordIndex?: number;
-}
+            /** returns the gauge model
+             */
+            model?: any;
 
-export interface ActionCompleteEventArgs {
+            /** returns the name of the event
+             */
+            type?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the scale element.
+             */
+            scaleElement?: any;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** returns the context element
+             */
+            context?: any;
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+            /** returns the pointer Index
+             */
+            index?: number;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** returns the pointer element.
+             */
+            element?: any;
 
-	/** Returns the direction of sorting ascending or descending
-	*/
-	columnSortDirection?: string;
+            /** returns the value of the pointer.
+             */
+            value?: number;
 
-	/** Returns the value of searched element.
-	*/
-	keyValue?: string;
+            /** returns the angle of the pointer.
+             */
+            angle?: number;
 
-	/** Returns the data of deleted element.
-	*/
-	data?: string;
+            /** returns the pointer style
+             */
+            style?: string;
 
-	/** Returns selected record index
-	*/
-	recordIndex?: number;
-}
+            /** returns the startX and startY of the pointer.
+             */
+            position?: any;
+        }
 
-export interface BeginEditEventArgs {
+        export interface MouseClickUpEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the row element of editing cell.
-	*/
-	rowElement?: any;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
 
-	/** Returns the Element of editing cell.
-	*/
-	cellElement?: any;
+            /** returns the gauge model
+             */
+            model?: any;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+            /** returns the name of the event
+             */
+            type?: any;
 
-	/** Returns the column Index of cell belongs.
-	*/
-	columnIndex?: number;
-}
+            /** returns the scale element.
+             */
+            scaleElement?: any;
 
-export interface CellSelectingEventArgs {
+            /** returns the scaleIndex to which the pointer belongs.
+             */
+            scaleIndex?: number;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the pointer Index
+             */
+            index?: number;
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+            /** returns the pointer element.
+             */
+            element?: any;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+            /** returns the value of the pointer.
+             */
+            value?: number;
+
+            /** returns the angle of the pointer.
+             */
+            angle?: number;
+
+            /** returns the pointer style
+             */
+            style?: string;
+
+            /** returns the startX and startY of the pointer.
+             */
+            position?: any;
+        }
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+        export interface RenderCompleteEventArgs {
+
+            /** returns the object of the gauge.
+             */
+            object?: any;
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the entire scale element.
+             */
+            scaleElement?: any;
+
+            /** returns the gauge model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface Frame {
+
+            /** Specify the URL of the frame background image for circular gauge
+             * @Default {null}
+             */
+            backgroundImageUrl?: string;
+
+            /** Specifies the frameType of circular gauge. See
+             * @Default {FullCircle}
+             */
+            frameType?: ej.datavisualization.CircularGauge.FrameType|string;
+
+            /** Specifies the end angle for the half circular frame.
+             * @Default {360}
+             */
+            halfCircleFrameEndAngle?: number;
+
+            /** Specifies the start angle for the half circular frame.
+             * @Default {180}
+             */
+            halfCircleFrameStartAngle?: number;
+        }
+
+        export interface ScalesBorder {
+
+            /** Specify border color for scales of circular gauge
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specify border width of circular gauge
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesCustomLabelsPosition {
+
+            /** Specify x-axis position of label
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specify y-axis  position of labels.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesCustomLabelsFont {
+
+            /** Specify font fontFamily for custom labels.
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specify font Style for custom labels.
+             * @Default {Bold}
+             */
+            fontStyle?: string;
+
+            /** Specify font size for custom labels.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface ScalesCustomLabel {
+
+            /** Value of the custom labels.
+             */
+            value?: string;
+
+            /** Color of the custom labels.
+             */
+            color?: string;
+
+            /** Specify position of custom labels
+             * @Default {Object}
+             */
+            position?: ScalesCustomLabelsPosition;
+
+            /** Specify angle for the rotation of the custom labels in degrees.
+             * @Default {0}
+             */
+            textAngle?: number;
+
+            /** Specify font for custom labels
+             * @Default {Object}
+             */
+            font?: ScalesCustomLabelsFont;
+
+            /** Specifies the position of the  custom labels. See
+             * @Default {inner}
+             */
+            positionType?: ej.datavisualization.CircularGauge.CustomLabelPositionType|string;
+        }
+
+        export interface ScalesIndicatorsPosition {
+
+            /** Specify x-axis of position of circular gauge
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specify y-axis of position of circular gauge
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesIndicatorsStateRange {
+
+            /** Specify backgroundColor for indicator of circular gauge
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specify borderColor for indicator of circular gauge
+             * @Default {null}
+             */
+            borderColor?: string;
+
+            /** Specify end value for each specified state of circular gauge
+             * @Default {0}
+             */
+            endValue?: number;
+
+            /** Specify value of the font as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
+             * @Default {null}
+             */
+            font?: any;
+
+            /** Specify start value for each specified state of circular gauge
+             * @Default {0}
+             */
+            startValue?: number;
+
+            /** Specify value of the text as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
+             */
+            text?: string;
+
+            /** Specify value of the textColor as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
+             * @Default {null}
+             */
+            textColor?: string;
+        }
+
+        export interface ScalesIndicator {
+
+            /** Specify indicator height of circular gauge
+             * @Default {15}
+             */
+            height?: number;
+
+            /** Specify imageUrl of circular gauge
+             * @Default {null}
+             */
+            imageUrl?: string;
+
+            /** Specify position of circular gauge
+             * @Default {Object}
+             */
+            position?: ScalesIndicatorsPosition;
+
+            /** Specify the various states of circular gauge
+             * @Default {Array}
+             */
+            stateRanges?: ScalesIndicatorsStateRange[];
+
+            /** Specify indicator style of circular gauge. See
+             * @Default {Circle}
+             */
+            type?: ej.datavisualization.CircularGauge.IndicatorTypes|string;
+
+            /** Specify indicator width of circular gauge
+             * @Default {15}
+             */
+            width?: number;
+        }
+
+        export interface ScalesLabelsFont {
+
+            /** Specify font fontFamily for labels of circular gauge
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specify font Style for labels of circular gauge
+             * @Default {Bold}
+             */
+            fontStyle?: string;
+
+            /** Specify font size for labels of circular gauge
+             * @Default {11px}
+             */
+            size?: string;
+        }
+
+        export interface ScalesLabel {
+
+            /** Specify the angle for the labels of circular gauge
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Specify labels autoAngle value of circular gauge
+             * @Default {false}
+             */
+            autoAngle?: boolean;
+
+            /** Specify label color of circular gauge
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specify distanceFromScale value for labels of circular gauge
+             * @Default {0}
+             */
+            distanceFromScale?: number;
+
+            /** Specify font for labels of circular gauge
+             * @Default {Object}
+             */
+            font?: ScalesLabelsFont;
+
+            /** Specify includeFirstValue of circular gauge
+             * @Default {true}
+             */
+            includeFirstValue?: boolean;
+
+            /** Specify opacity value for labels of circular gauge
+             * @Default {null}
+             */
+            opacity?: number;
+
+            /** Specify label placement of circular gauge. See
+             * @Default {Near}
+             */
+            placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+            /** Specify label Style of circular gauge. See
+             * @Default {Major}
+             */
+            type?: ej.datavisualization.CircularGauge.LabelType|string;
+
+            /** Specify unitText of circular gauge
+             */
+            unitText?: string;
+
+            /** Specify unitTextPosition of circular gauge. See UnitTextPosition
+             * @Default {Back}
+             */
+            unitTextPosition?: ej.datavisualization.CircularGauge.UnitTextPlacement|string;
+        }
+
+        export interface ScalesPointerCap {
+
+            /** Specify cap backgroundColor of circular gauge
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specify cap borderColor of circular gauge
+             * @Default {null}
+             */
+            borderColor?: string;
+
+            /** Specify pointerCap borderWidth value of circular gauge
+             * @Default {3}
+             */
+            borderWidth?: number;
+
+            /** Specify cap interiorGradient value of circular gauge
+             * @Default {null}
+             */
+            interiorGradient?: any;
+
+            /** Specify pointerCap Radius value of circular gauge
+             * @Default {7}
+             */
+            radius?: number;
+        }
+
+        export interface ScalesPointersBorder {
+
+            /** Specify border color for pointer of circular gauge
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specify border width for pointers of circular gauge
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesPointersPointerValueTextFont {
+
+            /** Specify pointer value text font family of circular gauge.
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specify pointer value text font style of circular gauge.
+             * @Default {Bold}
+             */
+            fontStyle?: string;
+
+            /** Specify pointer value text size of circular gauge.
+             * @Default {11px}
+             */
+            size?: string;
+        }
+
+        export interface ScalesPointersPointerValueText {
+
+            /** Specify pointer text angle of circular gauge.
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Specify pointer text auto angle of circular gauge.
+             * @Default {false}
+             */
+            autoAngle?: boolean;
+
+            /** Specify pointer value text color of circular gauge.
+             * @Default {#8c8c8c}
+             */
+            color?: string;
+
+            /** Specify pointer value text distance from pointer of circular gauge.
+             * @Default {20}
+             */
+            distance?: number;
+
+            /** Specify pointer value text font option of circular gauge.
+             * @Default {object}
+             */
+            font?: ScalesPointersPointerValueTextFont;
+
+            /** Specify pointer value text opacity of circular gauge.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** enable pointer value text visibility of circular gauge.
+             * @Default {false}
+             */
+            showValue?: boolean;
+        }
+
+        export interface ScalesPointer {
+
+            /** Specify backgroundColor for the pointer of circular gauge
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specify backNeedleLength of circular gauge
+             * @Default {10}
+             */
+            backNeedleLength?: number;
+
+            /** Specify the border for pointers of circular gauge
+             * @Default {Object}
+             */
+            border?: ScalesPointersBorder;
+
+            /** Specify distanceFromScale value for pointers of circular gauge
+             * @Default {0}
+             */
+            distanceFromScale?: number;
+
+            /** Specify pointer gradients of circular gauge
+             * @Default {null}
+             */
+            gradients?: any;
+
+            /** Specify pointer image of circular gauge.It is applicable for both marker as well as needle type pointers.
+             * @Default {NULL}
+             */
+            imageUrl?: string;
+
+            /** Specify pointer length of circular gauge
+             * @Default {150}
+             */
+            length?: number;
+
+            /** Specify marker Style value of circular gauge. See
+             * @Default {Rectangle}
+             */
+            markerType?: ej.datavisualization.CircularGauge.MarkerType|string;
+
+            /** Specify needle Style value of circular gauge. See
+             * @Default {Triangle}
+             */
+            needleType?: ej.datavisualization.CircularGauge.NeedleType|string;
+
+            /** Specify opacity value for pointer of circular gauge
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specify radius value for pointer of circular gauge
+             * @Default {null}
+             */
+            radius?: number;
+
+            /** Specify pointer Placement value of circular gauge. See PointerPlacement
+             * @Default {Near}
+             */
+            placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+            /** Specify pointer value text of circular gauge.
+             * @Default {Object}
+             */
+            pointerValueText?: ScalesPointersPointerValueText;
+
+            /** Specify showBackNeedle value of circular gauge
+             * @Default {false}
+             */
+            showBackNeedle?: boolean;
+
+            /** Specify pointer type value of circular gauge. See
+             * @Default {Needle}
+             */
+            type?: ej.datavisualization.CircularGauge.PointerType|string;
+
+            /** Specify value of the pointer of circular gauge
+             * @Default {null}
+             */
+            value?: number;
+
+            /** Specify pointer width of circular gauge
+             * @Default {7}
+             */
+            width?: number;
+        }
+
+        export interface ScalesRangesBorder {
+
+            /** Specify border color for ranges of circular gauge
+             * @Default {#32b3c6}
+             */
+            color?: string;
+
+            /** Specify border width for ranges of circular gauge
+             * @Default {1.5}
+             */
+            width?: number;
+        }
+
+        export interface ScalesRange {
+
+            /** Specify backgroundColor for the ranges of circular gauge
+             * @Default {#32b3c6}
+             */
+            backgroundColor?: string;
+
+            /** Specify text for the ranges of circular gauge
+             * @Default {null}
+             */
+            legendText?: string;
+
+            /** Specify border for ranges of circular gauge
+             * @Default {Object}
+             */
+            border?: ScalesRangesBorder;
+
+            /** Specify distanceFromScale value for ranges of circular gauge
+             * @Default {25}
+             */
+            distanceFromScale?: number;
+
+            /** Specify endValue for ranges of circular gauge
+             * @Default {null}
+             */
+            endValue?: number;
+
+            /** Specify endWidth for ranges of circular gauge
+             * @Default {10}
+             */
+            endWidth?: number;
+
+            /** Specify range gradients of circular gauge
+             * @Default {null}
+             */
+            gradients?: any;
+
+            /** Specify opacity value for ranges of circular gauge
+             * @Default {null}
+             */
+            opacity?: number;
+
+            /** Specify placement of circular gauge. See RangePlacement
+             * @Default {Near}
+             */
+            placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+            /** Specify size of the range value of circular gauge
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Specify startValue for ranges of circular gauge
+             * @Default {null}
+             */
+            startValue?: number;
+
+            /** Specify startWidth of circular gauge
+             * @Default {[Array.number] scale.ranges.startWidth = 10}
+             */
+            startWidth?: number;
+        }
+
+        export interface ScalesSubGaugesPosition {
+
+            /** Specify x-axis position for sub-gauge of circular gauge
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Specify y-axis position for sub-gauge of circular gauge
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ScalesSubGauge {
+
+            /** Specify subGauge Height of circular gauge
+             * @Default {150}
+             */
+            height?: number;
+
+            /** Specify position for sub-gauge of circular gauge
+             * @Default {Object}
+             */
+            position?: ScalesSubGaugesPosition;
+
+            /** Specify subGauge Width of circular gauge
+             * @Default {150}
+             */
+            width?: number;
+        }
+
+        export interface ScalesTick {
+
+            /** Specify the angle for the ticks of circular gauge
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Specify tick color of circular gauge
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specify distanceFromScale value for ticks of circular gauge
+             * @Default {0}
+             */
+            distanceFromScale?: number;
+
+            /** Specify tick height of circular gauge
+             * @Default {16}
+             */
+            height?: number;
+
+            /** Specify tick placement of circular gauge. See TickPlacement
+             * @Default {Near}
+             */
+            placement?: ej.datavisualization.CircularGauge.Placement|string;
+
+            /** Specify tick Style of circular gauge. See TickType
+             * @Default {Major}
+             */
+            type?: ej.datavisualization.CircularGauge.LabelType|string;
+
+            /** Specify tick width of circular gauge
+             * @Default {3}
+             */
+            width?: number;
+        }
+
+        export interface Scale {
+
+            /** Specify backgroundColor for the scale of circular gauge
+             * @Default {null}
+             */
+            backgroundColor?: string;
+
+            /** Specify border for scales of circular gauge
+             * @Default {Object}
+             */
+            border?: ScalesBorder;
+
+            /** Specify scale direction of circular gauge. See
+             * @Default {Clockwise}
+             */
+            direction?: ej.datavisualization.CircularGauge.Direction|string;
+
+            /** Specify the custom labels for the scales.
+             * @Default {Array}
+             */
+            customLabels?: ScalesCustomLabel[];
+
+            /** Specify representing state of circular gauge
+             * @Default {Array}
+             */
+            indicators?: ScalesIndicator[];
+
+            /** Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
+             * @Default {Array}
+             */
+            labels?: ScalesLabel[];
+
+            /** Specify majorIntervalValue of circular gauge
+             * @Default {10}
+             */
+            majorIntervalValue?: number;
+
+            /** Specify maximum scale value of circular gauge
+             * @Default {null}
+             */
+            maximum?: number;
+
+            /** Specify minimum scale value of circular gauge
+             * @Default {null}
+             */
+            minimum?: number;
+
+            /** Specify minorIntervalValue of circular gauge
+             * @Default {2}
+             */
+            minorIntervalValue?: number;
+
+            /** Specify opacity value of circular gauge
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specify pointer cap of circular gauge
+             * @Default {Object}
+             */
+            pointerCap?: ScalesPointerCap;
+
+            /** Specify pointers value of circular gauge
+             * @Default {Array}
+             */
+            pointers?: ScalesPointer[];
+
+            /** Specify scale radius of circular gauge
+             * @Default {170}
+             */
+            radius?: number;
+
+            /** Specify ranges value of circular gauge
+             * @Default {Array}
+             */
+            ranges?: ScalesRange[];
+
+            /** Specify shadowOffset value of circular gauge
+             * @Default {0}
+             */
+            shadowOffset?: number;
+
+            /** Specify showIndicators of circular gauge
+             * @Default {false}
+             */
+            showIndicators?: boolean;
+
+            /** Specify showLabels of circular gauge
+             * @Default {true}
+             */
+            showLabels?: boolean;
+
+            /** Specify showPointers of circular gauge
+             * @Default {true}
+             */
+            showPointers?: boolean;
+
+            /** Specify showRanges of circular gauge
+             * @Default {false}
+             */
+            showRanges?: boolean;
+
+            /** Specify showScaleBar of circular gauge
+             * @Default {false}
+             */
+            showScaleBar?: boolean;
+
+            /** Specify showTicks of circular gauge
+             * @Default {true}
+             */
+            showTicks?: boolean;
+
+            /** Specify scaleBar size of circular gauge
+             * @Default {6}
+             */
+            size?: number;
+
+            /** Specify startAngle of circular gauge
+             * @Default {115}
+             */
+            startAngle?: number;
+
+            /** Specify subGauge of circular gauge
+             * @Default {Array}
+             */
+            subGauges?: ScalesSubGauge[];
+
+            /** Specify sweepAngle of circular gauge
+             * @Default {310}
+             */
+            sweepAngle?: number;
+
+            /** Specify ticks of circular gauge
+             * @Default {Array}
+             */
+            ticks?: ScalesTick[];
+        }
+
+        export interface LegendBorder {
+
+            /** Border color of the legend.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the legend.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface LegendItemStyleBorder {
+
+            /** Border color of the legend items.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the legend items.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface LegendItemStyle {
+
+            /** Options for customizing the border of legend items.
+             */
+            border?: LegendItemStyleBorder;
+
+            /** Specifies the height of the  legend item shapes.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Specifies the width of the  legend item shapes.
+             * @Default {10}
+             */
+            width?: number;
+        }
+
+        export interface LegendSize {
+
+            /** Specify the height of the legend. Height can be specified in pixel.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Specify the width of the legend. Width can be specified in pixel.
+             * @Default {null}
+             */
+            width?: string;
+        }
+
+        export interface LegendFont {
+
+            /** Font family for legend item text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend item text.
+             * @Default {Normal}
+             */
+            fontStyle?: string;
+
+            /** Font weight for legend item text.
+             * @Default {Regular}
+             */
+            fontWeight?: string;
+
+            /** Font size for legend item text.
+             * @Default {12px}
+             */
+            size?: string;
+
+            /** Font color of the text for legend items.
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface Legend {
+
+            /** Toggles the visibility of the legend.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Toggles the visibility of the ranges.
+             * @Default {true}
+             */
+            toggleVisibility?: boolean;
+
+            /** Specifies the alignment of the legend.
+             * @Default {Center. See Alignment}
+             */
+            alignment?: ej.datavisualization.CircularGauge.LegendAlignment|string;
+
+            /** Options for customizing the legend border.
+             */
+            border?: LegendBorder;
+
+            /** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible ranges is displayed in gray color.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Gap or padding between the legend items.
+             * @Default {20}
+             */
+            itemPadding?: number;
+
+            /** Options to customize the style of legend items.
+             */
+            itemStyle?: LegendItemStyle;
+
+            /** Opacity of the legend.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the circular gauge.
+             * @Default {Bottom. See Position}
+             */
+            position?: ej.datavisualization.CircularGauge.LegendPosition|string;
+
+            /** Shape of the legend items.
+             * @Default {Circle. See Shape}
+             */
+            shape?: ej.datavisualization.CircularGauge.LegendShape|string;
+
+            /** Options to customize the size of the legend.
+             */
+            size?: LegendSize;
+
+            /** Options to customize the font used for legend item text.
+             */
+            font?: LegendFont;
+        }
+
+        export interface Tooltip {
+
+            /** enable showCustomLabelTooltip of circular gauge
+             * @Default {false}
+             */
+            showCustomLabelTooltip?: boolean;
+
+            /** enable showLabelTooltip of circular gauge
+             * @Default {false}
+             */
+            showLabelTooltip?: boolean;
+
+            /** Specify tooltip templateID of circular gauge
+             * @Default {false}
+             */
+            templateID?: string;
+        }
+    }
+    namespace CircularGauge {
+        enum RangeZOrderPlacement {
+            //string
+            Rear,
+            //string
+            Front,
+        }
+    }
+    namespace CircularGauge {
+        enum FrameType {
+            //string
+            FullCircle,
+            //string
+            HalfCircle,
+        }
+    }
+    namespace CircularGauge {
+        enum gaugePosition {
+            //string
+            TopLeft,
+            //string
+            TopRight,
+            //string
+            TopCenter,
+            //string
+            MiddleLeft,
+            //string
+            MiddleRight,
+            //string
+            Center,
+            //string
+            BottomLeft,
+            //string
+            BottomRight,
+            //string
+            BottomCenter,
+        }
+    }
+    namespace CircularGauge {
+        enum OuterCustomLabelPosition {
+            //string
+            Top,
+            //string
+            Bottom,
+            //string
+            Right,
+            //string
+            Left,
+        }
+    }
+    namespace CircularGauge {
+        enum Direction {
+            //string
+            Clockwise,
+            //string
+            CounterClockwise,
+        }
+    }
+    namespace CircularGauge {
+        enum CustomLabelPositionType {
+            //string
+            Inner,
+            //string
+            Outer,
+        }
+    }
+    namespace CircularGauge {
+        enum IndicatorTypes {
+            //string
+            Rectangle,
+            //string
+            Circle,
+            //string
+            Text,
+            //string
+            RoundedRectangle,
+            //string
+            Image,
+        }
+    }
+    namespace CircularGauge {
+        enum Placement {
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace CircularGauge {
+        enum LabelType {
+            //string
+            Major,
+            //string
+            Minor,
+        }
+    }
+    namespace CircularGauge {
+        enum UnitTextPlacement {
+            //string
+            Back,
+            //string
+            Front,
+        }
+    }
+    namespace CircularGauge {
+        enum MarkerType {
+            //string
+            Rectangle,
+            //string
+            Circle,
+            //string
+            Triangle,
+            //string
+            Ellipse,
+            //string
+            Diamond,
+            //string
+            Pentagon,
+            //string
+            Slider,
+            //string
+            Pointer,
+            //string
+            Wedge,
+            //string
+            Trapezoid,
+            //string
+            RoundedRectangle,
+            //string
+            Image,
+        }
+    }
+    namespace CircularGauge {
+        enum NeedleType {
+            //string
+            Triangle,
+            //string
+            Rectangle,
+            //string
+            Arrow,
+            //string
+            Image,
+            //string
+            Trapezoid,
+        }
+    }
+    namespace CircularGauge {
+        enum PointerType {
+            //string
+            Needle,
+            //string
+            Marker,
+        }
+    }
+    namespace CircularGauge {
+        enum LegendAlignment {
+            //string
+            Center,
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace CircularGauge {
+        enum LegendPosition {
+            //string
+            Left,
+            //string
+            Right,
+            //string
+            Top,
+            //string
+            Bottom,
+        }
+    }
+    namespace CircularGauge {
+        enum LegendShape {
+            //string
+            Rectangle,
+            //string
+            Circle,
+            //string
+            Triangle,
+            //string
+            Ellipse,
+            //string
+            Diamond,
+            //string
+            Pentagon,
+            //string
+            Slider,
+            //string
+            Trapezoid,
+            //string
+            Line,
+        }
+    }
+
+    class DigitalGauge extends ej.Widget {
+        static fn: DigitalGauge;
+        constructor(element: JQuery | Element, options?: DigitalGauge.Model);
+        static Locale: any;
+        model: DigitalGauge.Model;
+        defaults: DigitalGauge.Model;
+
+        /** To destroy the digital gauge
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To export Digital Gauge as Image
+         * @param {string} fileName for the Image
+         * @param {string} fileType for the Image
+         * @returns {boolean}
+         */
+        exportImage(fileName: string, fileType: string): boolean;
+
+        /** Gets the location of an item that is displayed on the gauge.
+         * @param {number} Position value of an item that is displayed on the gauge.
+         * @returns {any}
+         */
+        getPosition(itemIndex: number): any;
+
+        /** ClientSideMethod getValue Gets the value of an item that is displayed on the gauge
+         * @param {number} Index value of an item that displayed on the gauge
+         * @returns {any}
+         */
+        getValue(itemIndex: number): any;
+
+        /** Refresh the digital gauge widget
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** ClientSideMethod Set Position Sets the location of an item to be displayed in the gauge
+         * @param {number} Index value of the digital gauge item
+         * @param {any} Location value of the digital gauge
+         * @returns {void}
+         */
+        setPosition(itemIndex: number, value: any): void;
+
+        /** ClientSideMethod SetValue Sets the value of an item to be displayed in the gauge.
+         * @param {number} Index value of the digital gauge item
+         * @param {string} Text value to be displayed in the gaugeS
+         * @returns {void}
+         */
+        setValue(itemIndex: number, value: string): void;
+    }
+    export namespace DigitalGauge {
+
+        export interface Model {
+
+            /** Specifies the frame of the Digital gauge.
+             * @Default {{backgroundImageUrl: null, innerWidth: 6, outerWidth: 10}}
+             */
+            frame?: Frame;
+
+            /** Specifies the height of the DigitalGauge.
+             * @Default {150}
+             */
+            height?: number;
+
+            /** Specifies the resize option of the DigitalGauge.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies the responsiveness of the Digital gauge
+             * @Default {false}
+             */
+            enableResize?: boolean;
+
+            /** Specifies the items for the DigitalGauge.
+             * @Default {null}
+             */
+            items?: Item[];
+
+            /** Specifies the matrixSegmentData for the DigitalGauge.
+             */
+            matrixSegmentData?: any;
+
+            /** Specifies the segmentData for the DigitalGauge.
+             */
+            segmentData?: any;
+
+            /** Specifies the themes for the Digital gauge. See Themes
+             * @Default {flatlight}
+             */
+            themes?: string;
+
+            /** Specifies the value to the DigitalGauge.
+             * @Default {text}
+             */
+            value?: string;
+
+            /** Specifies the width for the Digital gauge.
+             * @Default {400}
+             */
+            width?: number;
+
+            /** Triggers when the gauge is initialized.
+             */
+            init?(e: InitEventArgs): void;
+
+            /** Triggers when the gauge item rendering.
+             */
+            itemRendering?(e: ItemRenderingEventArgs): void;
+
+            /** Triggers when the gauge is start to load.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Triggers when the gauge render is completed.
+             */
+            renderComplete?(e: RenderCompleteEventArgs): void;
+        }
+
+        export interface InitEventArgs {
+
+            /** returns the object of the gauge.
+             */
+            object?: any;
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the all the options of the items.
+             */
+            items?: any;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the gauge model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface ItemRenderingEventArgs {
+
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the all the options of the items.
+             */
+            items?: any;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the gauge model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface LoadEventArgs {
+
+            /** returns the object of the gauge.
+             */
+            object?: any;
+
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the all the options of the items.
+             */
+            items?: any;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the gauge model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface RenderCompleteEventArgs {
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+            /** returns the object of the gauge.
+             */
+            object?: any;
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
-}
+            /** returns the cancel option value
+             */
+            cancel?: boolean;
+
+            /** returns the all the options of the items.
+             */
+            items?: any;
+
+            /** returns the context element
+             */
+            context?: any;
+
+            /** returns the gauge model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface Frame {
+
+            /** Specifies the URL of an image to be displayed as background of the Digital gauge.
+             * @Default {null}
+             */
+            backgroundImageUrl?: string;
+
+            /** Specifies the inner width for the frame, when the background image has been set for the Digital gauge..
+             * @Default {6}
+             */
+            innerWidth?: number;
+
+            /** Specifies the outer width of the frame, when the background image has been set for the Digital gauge.
+             * @Default {10}
+             */
+            outerWidth?: number;
+        }
+
+        export interface ItemsCharacterSettings {
+
+            /** Specifies the CharacterCount value for the DigitalGauge.
+             * @Default {4}
+             */
+            count?: number;
+
+            /** Specifies the opacity value for the DigitalGauge.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the value for spacing between the characters
+             * @Default {2}
+             */
+            spacing?: number;
+
+            /** Specifies the character type for the text to be displayed.
+             * @Default {ej.datavisualization.DigitalGauge.CharacterType.EightCrossEightDotMatrix}
+             */
+            type?: ej.datavisualization.DigitalGauge.CharacterType|string;
+        }
+
+        export interface ItemsFont {
+
+            /** Set the font family value
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Set the font style for the font
+             * @Default {italic}
+             */
+            fontStyle?: ej.datavisualization.DigitalGauge.FontStyle|string;
+
+            /** Set the font size value
+             * @Default {11px}
+             */
+            size?: string;
+        }
+
+        export interface ItemsPosition {
+
+            /** Set the horizontal location for the text, where it needs to be placed within the gauge.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Set the vertical location for the text, where it needs to be placed within the gauge.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ItemsSegmentSettings {
+
+            /** Set the color for the text segments.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Set the gradient for the text segments.
+             * @Default {null}
+             */
+            gradient?: any;
+
+            /** Set the length for the text segments.
+             * @Default {2}
+             */
+            length?: number;
+
+            /** Set the opacity for the text segments.
+             * @Default {0}
+             */
+            opacity?: number;
+
+            /** Set the spacing for the text segments.
+             * @Default {1}
+             */
+            spacing?: number;
+
+            /** Set the width for the text segments.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface Item {
+
+            /** Specifies the Character settings for the DigitalGauge.
+             * @Default {null}
+             */
+            characterSettings?: ItemsCharacterSettings;
+
+            /** Enable/Disable the custom font to be applied to the text in the gauge.
+             * @Default {false}
+             */
+            enableCustomFont?: boolean;
+
+            /** Set the specific font for the text, when the enableCustomFont is set to true
+             * @Default {null}
+             */
+            font?: ItemsFont;
+
+            /** Set the location for the text, where it needs to be placed within the gauge.
+             * @Default {null}
+             */
+            position?: ItemsPosition;
+
+            /** Set the segment settings for the digital gauge.
+             * @Default {null}
+             */
+            segmentSettings?: ItemsSegmentSettings;
+
+            /** Set the value for enabling/disabling the blurring effect for the shadows of the text
+             * @Default {0}
+             */
+            shadowBlur?: number;
+
+            /** Specifies the color of the text shadow.
+             * @Default {null}
+             */
+            shadowColor?: string;
+
+            /** Set the x offset value for the shadow of the text, indicating the location where it needs to be displayed.
+             * @Default {1}
+             */
+            shadowOffsetX?: number;
+
+            /** Set the y offset value for the shadow of the text, indicating the location where it needs to be displayed.
+             * @Default {1}
+             */
+            shadowOffsetY?: number;
+
+            /** Set the alignment of the text that is displayed within the gauge.See TextAlign
+             * @Default {left}
+             */
+            textAlign?: string;
+
+            /** Specifies the color of the text.
+             * @Default {null}
+             */
+            textColor?: string;
+
+            /** Specifies the text value.
+             * @Default {null}
+             */
+            value?: string;
+        }
+    }
+    namespace DigitalGauge {
+        enum CharacterType {
+            //string
+            SevenSegment,
+            //string
+            FourteenSegment,
+            //string
+            SixteenSegment,
+            //string
+            EightCrossEightDotMatrix,
+            //string
+            EightCrossEightSquareMatrix,
+        }
+    }
+    namespace DigitalGauge {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Bold,
+            //string
+            Italic,
+            //string
+            Underline,
+            //string
+            Strikeout,
+        }
+    }
+
+    class Chart extends ej.Widget {
+        static fn: Chart;
+        constructor(element: JQuery | Element, options?: Chart.Model);
+        static Locale: any;
+        model: Chart.Model;
+        defaults: Chart.Model;
+
+        /** Animates the series and/or indicators in Chart. When parameter is not passed to this method, then all the series and indicators present in Chart are animated.
+         * @param {any} If an array collection is passed as parameter, series and indicator objects passed in array collection are animated.ExampleIf a series or indicator object is passed
+         * to this method, then the specific series or indicator is animated.Example,
+         * @returns {void}
+         */
+        animate(options: any): void;
+
+        /** Prints the rendered chart.
+         * @returns {void}
+         */
+        print(): void;
+
+        /** Exports chart as an image or to an excel file. Chart can be exported as an image only when exportCanvasRendering option is set to true.
+         * @param {string} Type of the export operation to be performed. Following are the two export types that are supported now,1. 'image'2. 'excel'Example
+         * @param {string} URL of the service, where the chart will be exported to excel.Example,
+         * @param {boolean} When this parameter is true, all the chart objects initialized to the same document are exported to a single excel file. This is an optional parameter. By
+         * default, it is false.Example,
+         * @returns {any}
+         */
+        export(type: string, URL: string, exportMultipleChart: boolean): any;
+
+        /** Redraws the entire chart. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+         * @returns {void}
+         */
+        redraw(): void;
+    }
+    export namespace Chart {
+
+        export interface Model {
+
+            /** Options for adding and customizing annotations in Chart.
+             */
+            annotations?: Annotation[];
+
+            /** Sets the background color of the  chart.
+             * @Default {transparent}
+             */
+            background?: string;
+
+            /** URL of the image to be used as chart background.
+             * @Default {null}
+             */
+            backGroundImageUrl?: string;
+
+            /** Options for customizing the color, opacity and width of the chart border.
+             */
+            border?: Border;
+
+            /** This provides options for customizing export settings
+             */
+            exportSettings?: ExportSettings;
+
+            /** Options for configuring the border and background of the plot area.
+             */
+            chartArea?: ChartArea;
+
+            /** Options to split Chart into multiple plotting areas vertically. Each object in the collection represents a plotting area in Chart.
+             */
+            columnDefinitions?: ColumnDefinition[];
+
+            /** Options for configuring the properties of all the series. You can also override the options for specific series by using series collection.
+             */
+            commonSeriesOptions?: CommonSeriesOptions;
+
+            /** Options for displaying the chart along with selected points while loading
+             * @Default {[ ]}
+             */
+            selectedDataPointIndexes?: any[];
+
+            /** Options for displaying and customizing the crosshair.
+             */
+            crosshair?: Crosshair;
+
+            /** Depth of the 3D Chart from front view of series to background wall. This property is applicable only for 3D view.
+             * @Default {100}
+             */
+            depth?: number;
+
+            /** Controls whether 3D view has to be enabled or not. 3D view is supported only for column, bar. Stacking column, stacking bar, pie and doughnut series types.
+             * @Default {false}
+             */
+            enable3D?: boolean;
+
+            /** Controls whether Chart has to be rendered as Canvas or SVG. Canvas rendering supports all functionalities in SVG rendering except 3D Charts.
+             * @Default {false}
+             */
+            enableCanvasRendering?: boolean;
+
+            /** Controls whether the series has to be rendered at initial loading of chart, this will be useful in scenarios where chart is placed at the bottom of the web page and we need to
+             * render the series only when the chart is visible while scrolling to the top.
+             * @Default {true}
+             */
+            initSeriesRender?: boolean;
+
+            /** Controls whether 3D view has to be rotated on dragging. This property is applicable only for 3D view.
+             * @Default {false}
+             */
+            enableRotation?: boolean;
+
+            /** Options to customize the technical indicators.
+             */
+            indicators?: Indicator[];
+
+            /** Controls whether Chart has to be responsive while resizing.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Options to customize the legend items and legend title.
+             */
+            legend?: Legend;
+
+            /** Name of the culture based on which chart should be localized. Number and date time values are localized with respect to the culture name.String type properties like title text are
+             * not localized automatically. Provide localized text as value to string type properties.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Palette is used to store the series fill color in array and apply the color to series collection in the order of series index.
+             * @Default {null}
+             */
+            palette?: any[];
+
+            /** Options to customize the left, right, top and bottom margins of chart area.
+             */
+            Margin?: any;
+
+            /** Perspective angle of the 3D view. Chart appears closer when perspective angle is decreased, and distant when perspective angle is increased.This property is applicable only when
+             * 3D view is enabled
+             * @Default {90}
+             */
+            perspectiveAngle?: number;
+
+            /** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array. To override x axis for particular series, create
+             * an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
+             */
+            primaryXAxis?: PrimaryXAxis;
+
+            /** To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s
+             * xAxisName property to link both axis and series.
+             */
+            axes?: Axis[];
+
+            /** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array. To override y axis for particular series, create an
+             * axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s yAxisName property to link both axis and series.
+             */
+            primaryYAxis?: PrimaryYAxis;
+
+            /** Rotation angle of the 3D view. This property is applicable only when 3D view is enabled.
+             * @Default {0}
+             */
+            rotation?: number;
+
+            /** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
+             */
+            rowDefinitions?: RowDefinition[];
+
+            /** Specifies the properties used for customizing the series.
+             */
+            series?: Series[];
+
+            /** Controls whether data points has to be displayed side by side or along the depth of the axis.
+             * @Default {false}
+             */
+            sideBySideSeriesPlacement?: boolean;
+
+            /** Options to customize the Chart size.
+             */
+            size?: Size;
+
+            /** Specifies the theme for Chart.
+             * @Default {Flatlight. See Theme}
+             */
+            theme?: ej.datavisualization.Chart.Theme|string;
+
+            /** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
+             * @Default {0}
+             */
+            tilt?: number;
+
+            /** Options for customizing the title and subtitle of Chart.
+             */
+            title?: Title;
+
+            /** Width of the wall used in 3D Chart. Wall is present only in Cartesian type 3D series and not in 3D pie or Doughnut series. This property is applicable only when 3D view is enabled.
+             * @Default {2}
+             */
+            wallSize?: number;
+
+            /** Options for enabling zooming feature of chart.
+             */
+            zooming?: Zooming;
+
+            /** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled.
+             */
+            animationComplete?(e: AnimationCompleteEventArgs): void;
+
+            /** Fires before rendering the labels. This event is fired for each label in axis. You can use this event to add custom text to axis labels.
+             */
+            axesLabelRendering?(e: AxesLabelRenderingEventArgs): void;
+
+            /** Fires during the initialization of axis labels.
+             */
+            axesLabelsInitialize?(e: AxesLabelsInitializeEventArgs): void;
+
+            /** Fires during axes range calculation. This event is fired for each axis present in Chart. You can use this event to customize axis range as required.
+             */
+            axesRangeCalculate?(e: AxesRangeCalculateEventArgs): void;
+
+            /** Fires before rendering the axis title. This event is triggered for each axis with title. You can use this event to add custom text to axis title.
+             */
+            axesTitleRendering?(e: AxesTitleRenderingEventArgs): void;
+
+            /** Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area.
+             */
+            chartAreaBoundsCalculate?(e: ChartAreaBoundsCalculateEventArgs): void;
+
+            /** Fires after chart is created.
+             */
+            create?(e: CreateEventArgs): void;
+
+            /** Fires when chart is destroyed completely.
+             */
+            destroy?(e: DestroyEventArgs): void;
+
+            /** Fires before rendering the data labels. This event is triggered for each data label in the series. You can use this event to add custom text in data labels.
+             */
+            displayTextRendering?(e: DisplayTextRenderingEventArgs): void;
+
+            /** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend.
+             */
+            legendBoundsCalculate?(e: LegendBoundsCalculateEventArgs): void;
+
+            /** Fires on clicking the legend item.
+             */
+            legendItemClick?(e: LegendItemClickEventArgs): void;
+
+            /** Fires when moving mouse over legend item. You can use this event for hit testing on legend items.
+             */
+            legendItemMouseMove?(e: LegendItemMouseMoveEventArgs): void;
+
+            /** Fires before rendering the legend item. This event is fired for each legend item in Chart. You can use this event to customize legend item shape or add custom text to legend item.
+             */
+            legendItemRendering?(e: LegendItemRenderingEventArgs): void;
+
+            /** Fires before loading the chart.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Fires while performing rectangle zooming in chart.
+             */
+            zoomed?(e: ZoomedEventArgs): void;
+
+            /** Fires after selected the data in chart.
+             */
+            rangeSelected?(e: RangeSelectedEventArgs): void;
+
+            /** Fires on clicking a point in chart. You can use this event to handle clicks made on points.
+             */
+            pointRegionClick?(e: PointRegionClickEventArgs): void;
+
+            /** Fires when mouse is moved over a point.
+             */
+            pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
+
+            /** Fires before rendering chart.
+             */
+            preRender?(e: PreRenderEventArgs): void;
+
+            /** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series.
+             */
+            seriesRegionClick?(e: SeriesRegionClickEventArgs): void;
+
+            /** Fires before rendering a series. This event is fired for each series in Chart.
+             */
+            seriesRendering?(e: SeriesRenderingEventArgs): void;
+
+            /** Fires before rendering the marker symbols. This event is triggered for each marker in Chart.
+             */
+            symbolRendering?(e: SymbolRenderingEventArgs): void;
+
+            /** Fires before rendering the Chart title. You can use this event to add custom text in Chart title.
+             */
+            titleRendering?(e: TitleRenderingEventArgs): void;
+
+            /** Fires before rendering the tooltip. This event is fired when tooltip is enabled and mouse is hovered on a Chart point. You can use this event to customize tooltip before rendering.
+             */
+            toolTipInitialize?(e: ToolTipInitializeEventArgs): void;
 
-export interface CellSelectedEventArgs {
+            /** Fires before rendering crosshair tooltip in axis. This event is fired for each axis with crosshair label enabled. You can use this event to customize crosshair label before
+             * rendering
+             */
+            trackAxisToolTip?(e: TrackAxisToolTipEventArgs): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Fires before rendering trackball tooltip. This event is fired for each series in Chart because trackball tooltip is displayed for all the series. You can use this event to
+             * customize the text displayed in trackball tooltip.
+             */
+            trackToolTip?(e: TrackToolTipEventArgs): void;
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+            /** Fires, on clicking the axis label.
+             */
+            axisLabelClick?(e: AxisLabelClickEventArgs): void;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+            /** Fires on moving mouse over the axis label.
+             */
+            axisLabelMouseMove?(e: AxisLabelMouseMoveEventArgs): void;
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+            /** Fires, on the clicking the chart.
+             */
+            chartClick?(e: ChartClickEventArgs): void;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+            /** Fires, on the clicking the Multi level labels of the chart .
+             */
+            multiLevelLabelClick?(e: MultiLevelLabelClickEventArgs): void;
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+            /** Fires on moving mouse over the chart.
+             */
+            chartMouseMove?(e: ChartMouseMoveEventArgs): void;
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
+            /** Fires, on double clicking the chart.
+             */
+            chartDoubleClick?(e: ChartDoubleClickEventArgs): void;
 
-	/** Returns the previously selected row data
-	*/
-	previousData?: any;
+            /** Fires when the mouse pointer leaves the chart
+             */
+            chartMouseLeave?(e: ChartMouseLeaveEventArgs): void;
 
-	/** Returns the previously selected cell index
-	*/
-	previousCellIndex?: any;
+            /** Fires on clicking the annotation.
+             */
+            annotationClick?(e: AnnotationClickEventArgs): void;
 
-	/** Returns the previously selected row index
-	*/
-	previousRowIndex?: any;
+            /** Fires, after the chart is resized.
+             */
+            afterResize?(e: AfterResizeEventArgs): void;
 
-	/** Returns the previously selected cell element
-	*/
-	previousTargetCell?: any;
+            /** Fires, when chart size is changing.
+             */
+            beforeResize?(e: BeforeResizeEventArgs): void;
 
-	/** Returns the previously selected row element
-	*/
-	previousTargetRow?: any;
-}
+            /** Fires, when error bar is rendering.
+             */
+            errorBarRendering?(e: ErrorBarRenderingEventArgs): void;
 
-export interface RowDragEventArgs {
+            /** Fires, when multi level labels are rendering.
+             */
+            multiLevelLabelRendering?(e: MultiLevelLabelRenderingEventArgs): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Fires, when trendlines are rendering.
+             */
+            trendlineRendering?(e: TrendlineRenderingEventArgs): void;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+            /** Trigger, after the scrollbar position is changed.
+             */
+            scrollChanged?(e: ScrollChangedEventArgs): void;
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: number;
+            /** Event triggered when scroll starts
+             */
+            scrollStart?(e: ScrollStartEventArgs): void;
 
-	/** Returns the row on which we are dragging.
-	*/
-	targetRow?: any;
+            /** Event triggered when scroll end
+             */
+            scrollEnd?(e: ScrollEndEventArgs): void;
 
-	/** Returns the row index on which we are dragging.
-	*/
-	targetRowIndex?: number;
+            /** Fires when the dragging is started
+             */
+            dragStart?(e: DragStartEventArgs): void;
 
-	/** Returns that we can drop over that record or not.
-	*/
-	canDrop?: boolean;
+            /** Fires while  dragging
+             */
+            dragging?(e: DraggingEventArgs): void;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+            /** Fires when the dragging is completed
+             */
+            dragEnd?(e: DragEndEventArgs): void;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Fires when the sub Title of the chart is rendered
+             */
+            subTitleRendering?(e: SubTitleRenderingEventArgs): void;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface AnimationCompleteEventArgs {
 
-export interface RowDragStartEventArgs {
+            /** series - Instance of the series that completed has animation.
+             */
+            data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+        export interface AxesLabelRenderingEventArgs {
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** axis - Instance of the corresponding axis.        label - Arguments of axis label value and text.
+             */
+            data?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface RowDragStopEventArgs {
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+        export interface AxesLabelsInitializeEventArgs {
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: number;
+            /** dataAxes - Collection of axes in Chart
+             */
+            data?: any;
 
-	/** Returns the row which we are dropped to row.
-	*/
-	targetRow?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the row index which we are dropped to row.
-	*/
-	targetRowIndex?: number;
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+        export interface AxesRangeCalculateEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** delta - Difference between minimum and maximum value of axis range.    interval - Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this
+             * interval value.    max - Maximum value of axis range.    min - Minimum value of axis range.
+             */
+            data?: any;
 
-export interface CollapsedEventArgs {
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the row index of collapsed record.
-	*/
-	recordIndex?: number;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the data of collapsed record.
-	*/
-	data?: any;
+        export interface AxesTitleRenderingEventArgs {
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+            /** axes - Instance of the axis whose title is being rendered    locationX - X-coordinate of title location    locationY - Y-coordinate of title location    title - Axis title
+             * text. You can add custom text to the title.
+             */
+            data?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface CollapsingEventArgs {
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the row index of collapsing record.
-	*/
-	recordIndex?: number;
+        export interface ChartAreaBoundsCalculateEventArgs {
 
-	/** Returns the data of edited cell record..
-	*/
-	data?: any;
+            /** areaBoundsHeight - Height of the chart area.    areaBoundsWidth - Width of the chart area.    areaBoundsX - X-coordinate of the chart area.    areaBoundsY - Y-coordinate of the
+             * chart area.
+             */
+            data?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface ContextMenuOpenEventArgs {
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the default context menu items to which we add custom items.
-	*/
-	contextMenuItems?: Array<any>;
+        export interface CreateEventArgs {
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-export interface CreateEventArgs {
+        export interface DestroyEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the Gantt model
-	*/
-	model?: any;
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-export interface EndEditEventArgs {
+        export interface DisplayTextRenderingEventArgs {
+
+            /** text - Text displayed in data label. You can add custom text to the data label    locationX - X-coordinate of data label location    locationY - Y-coordinate of data label
+             * location    seriesIndex - Index of the series in series Collection whose data label is being rendered    pointIndex - Index of the point in series whose data label is being
+             * rendered
+             */
+            data?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-	/** Returns the row element of editing cell.
-	*/
-	rowElement?: any;
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the Element of editing cell.
-	*/
-	cellElement?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the data of edited cell record.
-	*/
-	data?: any;
+        export interface LegendBoundsCalculateEventArgs {
 
-	/** Returns the column name of edited cell belongs.
-	*/
-	columnName?: string;
+            /** legendBoundsHeight - Height of the legend    legendBoundsWidth - Width of the legend.    legendBoundsRows - Number of rows to display the legend items
+             */
+            data?: any;
 
-	/** Returns the column object of edited cell belongs.
-	*/
-	columnObject?: any;
-}
+            /** Set this option to true to cancel the event.
+             */
+            cancel?: boolean;
 
-export interface ExpandedEventArgs {
+            /** Instance of the chart model object.
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the row index of record.
-	*/
-	recordIndex?: number;
+        export interface LegendItemClickEventArgs {
 
-	/** Returns the data of expanded record.
-	*/
-	data?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface ExpandingEventArgs {
+            /** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    LegendItem - Instance of the legend item object that is about to be rendered
+             * style - Options to customize the legend item styles such as border, color, size, etc…,    Bounds - Instance that holds information about legend bounds and legend item bounds.
+             * symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering    series - Instance of the series object corresponding to the
+             * legend item
+             */
+            data?: any;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface LegendItemMouseMoveEventArgs {
 
-	/** Returns the row index of record.
-	*/
-	recordIndex?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the data of edited cell record..
-	*/
-	data?: any;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface LoadEventArgs {
+            /** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    LegendItem - Instance of the legend item object that is about to be rendered
+             * style - Options to customize the legend item styles such as border, color, size, etc…,    Bounds - Instance that holds information about legend bounds and legend item bounds.
+             * symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering    series - Instance of the series object corresponding to the
+             * legend item
+             */
+            data?: any;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface LegendItemRenderingEventArgs {
 
-	/** Returns the Gantt model
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-export interface QueryCellInfoEventArgs {
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    legendItem - Instance of the legend item object that is about to be rendered
+             * style - Options to customize the legend item styles such as border, color, size, etc.    symbolShape - Name of the legend item shape. Use this option to customize legend item
+             * shape before rendering
+             */
+            data?: any;
+        }
 
-	/** Returns the selecting cell element.
-	*/
-	cellElement?: any;
+        export interface LoadEventArgs {
 
-	/** Returns the value of cell.
-	*/
-	cellValue?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the column of cell belongs.
-	*/
-	column?: any;
-}
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-export interface QueryTaskbarInfoEventArgs {
+        export interface ZoomedEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the taskbar background of current item.
-	*/
-	TaskbarBackground?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the progressbar background of current item.
-	*/
-	ProgressbarBackground?: string;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the parent taskbar background of current item.
-	*/
-	parentTaskbarBackground?: string;
+            /** Selected data collection of object
+             */
+            data?: any;
+        }
 
-	/** Returns the parent progressbar background of current item.
-	*/
-	parentProgressbarBackground?: string;
+        export interface RangeSelectedEventArgs {
 
-	/** Returns the data of the record.
-	*/
-	data?: any;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface RowDataBoundEventArgs {
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the row element of rendering row.
-	*/
-	rowElement?: any;
+            /** Selected data collection of object
+             */
+            data?: any;
+        }
 
-	/** Returns the data of rendering row record..
-	*/
-	data?: any;
-}
+        export interface PointRegionClickEventArgs {
 
-export interface RowSelectedEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the selecting row element.
-	*/
-	targetRow?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: number;
+            /** locationX - X-coordinate of point in pixel    locationY - Y-coordinate of point in pixel    seriesIndex - Index of the series in series collection to which the point belongs
+             * pointIndex - Index of the point in series
+             */
+            data?: any;
+        }
 
-	/** Returns the data of selected record.
-	*/
-	data?: any;
-}
+        export interface PointRegionMouseMoveEventArgs {
 
-export interface RowSelectingEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the data selecting record.
-	*/
-	data?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: string;
+            /** locationX - X-coordinate of point in pixel    locationY - Y-coordinate of point in pixel    seriesIndex - Index of the series in series collection to which the point belongs
+             * pointIndex - Index of the point in series
+             */
+            data?: any;
+        }
 
-	/** Returns the selecting row chart element.
-	*/
-	targetChartRow?: any;
+        export interface PreRenderEventArgs {
 
-	/** Returns the selecting row grid element.
-	*/
-	targetGridRow?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the previous selected data.
-	*/
-	previousData?: any;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the previous selected row index.
-	*/
-	previousIndex?: string;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the previous selected row chart element.
-	*/
-	previousChartRow?: any;
+        export interface SeriesRegionClickEventArgs {
 
-	/** Returns the previous selected row grid element.
-	*/
-	previousGridRow?: any;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface TaskbarEditedEventArgs {
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the data of edited record.
-	*/
-	data?: any;
+            /** series - Instance of the selected series    seriesIndex - Index of the selected series
+             */
+            data?: any;
+        }
 
-	/** Returns the previous data value of edited record.
-	*/
-	previousData?: any;
+        export interface SeriesRenderingEventArgs {
 
-	/** Returns 'true' if taskbar is dragged.
-	*/
-	dragging?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns 'true' if taskbar is left resized.
-	*/
-	leftResizing?: boolean;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns 'true' if taskbar is right resized.
-	*/
-	rightResizing?: boolean;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns 'true' if taskbar is progress resized.
-	*/
-	progressResizing?: boolean;
+            /** series - Instance of the series which is about to get rendered
+             */
+            data?: any;
+        }
 
-	/** Returns the field values of record being edited.
-	*/
-	editingFields?: any;
+        export interface SymbolRenderingEventArgs {
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface TaskbarEditingEventArgs {
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+            /** location - Instance that holds the location of marker symbol    style - Options to customize the marker style such as color, border and size
+             */
+            data?: any;
+        }
 
-	/** Returns the row object being edited.
-	*/
-	rowData?: any;
+        export interface TitleRenderingEventArgs {
 
-	/** Returns the field values of record being edited.
-	*/
-	editingFields?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-export interface TaskbarClickEventArgs {
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns currently clicked row data
-	*/
-	data?: any;
+            /** location - Option to customize the title location in pixels    size - Read-only option to find the size of the title    title - Use this option to add custom text in title
+             */
+            data?: any;
+        }
 
-	/** Returns the current item index.
-	*/
-	index?: number;
+        export interface ToolTipInitializeEventArgs {
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the clicked row element
-	*/
-	taskbarElement?: any;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the target element.
-	*/
-	target?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** currentText - Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip    pointIndex - Index of the point on which mouse is hovered
+             * seriesIndex - Index of the series in series collection whose point is hovered by mouse
+             */
+            data?: any;
+        }
 
-export interface ToolbarClickEventArgs {
+        export interface TrackAxisToolTipEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Returns the Gantt model.
-	*/
-	model?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the name of the toolbar item on which mouse click has been performed
-	*/
-	itemName?: string;
+            /** location - Location of the crosshair label in pixels    axisIndex - Index of the axis for which crosshair label is displayed    crossAxis - Instance of the chart axis object
+             * for which cross hair label is displayed    currentTrackText - Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
+             */
+            data?: any;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface TrackToolTipEventArgs {
 
-export interface AddDialogField {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies mapping name to include required fields in Gantt
-	*/
-	field?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Specifies editType of fields to be included in the add dialog in Gantt
-	*/
-	editType?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface DragTooltip {
+            /** location - Location of the trackball tooltip in pixels    pointIndex - Index of the point for which trackball tooltip is displayed    seriesIndex - Index of the series in
+             * series collection    currentText - Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip    series - Instance of the series object
+             * for which trackball tooltip is displayed.
+             */
+            data?: any;
+        }
 
-	/** Specifies option to enable/disable tooltip while drag and drop a row.
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
+        export interface AxisLabelClickEventArgs {
 
-	/** Specifies the data source fields to be displayed in the drag tooltip.
-	*   @Default {[]}
-	*/
-	tooltipItems?: Array<any>;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies the custom template for drag tooltip.
-	*   @Default {null}
-	*/
-	tooltipTemplate?: string;
-}
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-export interface EditDialogField {
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Specifies mapping name to include required fields in Gantt
-	*/
-	field?: string;
+            /** location - X and Y co-ordinate of the labels in chart area.         index - Index of the label.    axis - Instance of the corresponding axis.    text - Label that is clicked.
+             *
+             */
+            data?: any;
+        }
 
-	/** Specifies editType of fields to be included in the edit dialog in Gantt
-	*/
-	editType?: string;
-}
+        export interface AxisLabelMouseMoveEventArgs {
 
-export interface SplitterSettings {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies position of the splitter in Gantt , splitter can be placed either based on percentage values or pixel values.
-	*/
-	position?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Specifies the position of splitter in Gantt, based on column index in Gantt.
-	*/
-	index?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface EditSettings {
-
-	/** Enables or disables add record icon in Gantt toolbar
-	*   @Default {false}
-	*/
-	allowAdding?: boolean;
-
-	/** Enables or disables delete icon in Gantt toolbar
-	*   @Default {false}
-	*/
-	allowDeleting?: boolean;
-
-	/** Specifies the option for enabling or disabling editing in Gantt grid part
-	*   @Default {false}
-	*/
-	allowEditing?: boolean;
-
-	/** Specifies the option for enabling or disabling indent action in Gantt.
-	*   @Default {false}
-	*/
-	allowIndent?: boolean;
-
-	/** Specifies the option for enabling or disabling outdent action in Gantt
-	*   @Default {false}
-	*/
-	allowOutdent?: boolean;
-
-	/** Specifies the mouse action whether single click or double click to begin the editing
-	*   @Default {ej.Gantt.BeginEditAction.DblClick}
-	*/
-	beginEditAction?: ej.Gantt.BeginEditAction|string;
-
-	/** Specifies the edit mode in Gantt, &quot;normal&quot; is for dialog editing ,&quot;cellEditing&quot; is for cell type editing
-	*   @Default {normal}
-	*/
-	editMode?: string;
-
-	/** Specifies the position where the new row has to be added.
-	*   @Default {ej.Gantt.RowPosition.BelowSelectedRow}
-	*/
-	rowPosition?: ej.Gantt.RowPosition|string;
-}
+            /** location - X and Y co-ordinate of the labels in chart area.         index - Index of the label.    axis - Instance of the corresponding axis.    text - Label that is hovered.
+             *
+             */
+            data?: any;
+        }
 
-export interface Holiday {
+        export interface ChartClickEventArgs {
 
-	/** Specifies holiday date to be displayed in Gantt
-	*/
-	day?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies the background color for holiday date in Gantt Schedule
-	*/
-	background?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Specifies the label to be displayed for rendered holiday in Gantt
-	*/
-	label?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface ScheduleHeaderSettings {
-
-	/** Specified the format for day view in schedule header
-	*/
-	dayHeaderFormat?: string;
-
-	/** Specified the format for Hour view in schedule header
-	*   @Default {HH}
-	*/
-	hourHeaderFormat?: string;
-
-	/** Specifies the number of minutes per interval
-	*   @Default {ej.Gantt.minutesPerInterval.Auto}
-	*/
-	minutesPerInterval?: ej.Gantt.minutesPerInterval|string;
-
-	/** Specified the format for month view in schedule header
-	*   @Default {MMM}
-	*/
-	monthHeaderFormat?: string;
-
-	/** Specifies the schedule mode
-	*   @Default {ej.Gantt.ScheduleHeaderType.Week}
-	*/
-	scheduleHeaderType?: ej.Gantt.ScheduleHeaderType|string;
-
-	/** Specifies the round-off mode for the start date in schedule header.
-	*   @Default {ej.Gantt.TimescaleRoundMode.Auto}
-	*/
-	timescaleStartDateMode?: ej.Gantt.TimescaleRoundMode|string;
-
-	/** Specified the background for weekends in Gantt
-	*   @Default {#F2F2F2}
-	*/
-	weekendBackground?: string;
-
-	/** Specified the format for week view in schedule header
-	*   @Default {MMM dd , yyyy}
-	*/
-	weekHeaderFormat?: string;
-
-	/** Specified the format for year view in schedule header
-	*   @Default {yyyy}
-	*/
-	yearHeaderFormat?: string;
-
-	/** Specifies the size of the lowest time unit along the timescale, with minimum value as &quot;50%&quot; and maximum value as &quot;500%&quot;. It is also possible to set the value in pixels.
-	*   @Default {100%}
-	*/
-	timescaleUnitSize?: string;
-
-	/** Specifies the start day of the week in week timescale mode
-	*   @Default {0}
-	*/
-	weekStartDay?: number;
-}
+            /** location - X and Y co-ordinate of the points with respect to chart area.id - ID of the target element.    size - Width and height of the chart.    pageX - x-coordinate of the
+             * pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page
+             */
+            data?: any;
+        }
 
-export interface SizeSettings {
+        export interface MultiLevelLabelClickEventArgs {
 
-	/** Specifies the height of Gantt control
-	*/
-	height?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies the width of Gantt control
-	*/
-	width?: string;
-}
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-export interface SelectedCellIndex {
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Specifies the row index of the cell to be selected Gantt control
-	*/
-	rowIndex?: number;
+            /** location - X and Y co-ordinate of the points with respect to chart area.    axis - axis of the multilevellabels.    multilevellabel - Multi level label details
+             */
+            data?: any;
+        }
 
-	/** Specifies the cell index to be selected in the row.
-	*   @Default { }
-	*/
-	cellIndex?: number;
-}
+        export interface ChartMouseMoveEventArgs {
 
-export interface SortSettingsSortedColumn {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies the field to be sorted in Gantt
-	*/
-	field?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Specifies the sort direction in Gantt
-	*/
-	direction?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-export interface SortSettings {
+        export interface ChartDoubleClickEventArgs {
 
-	/** Specifies the sorted columns for Gantt
-	*   @Default {[]}
-	*/
-	sortedColumns?: Array<SortSettingsSortedColumn>;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface StripLine {
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Specifies date to render striplines in Gantt
-	*/
-	day?: string;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Specifies label to be displayed for striplines in Gantt
-	*/
-	label?: string;
+        export interface ChartMouseLeaveEventArgs {
 
-	/** Specifies line style for rendered striplines in Gantt
-	*/
-	lineStyle?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Specifies the line color for rendered striplines in Gantt
-	*/
-	lineColor?: string;
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	/** Specifies the width of the stripline in Gantt
-	*/
-	lineWidth?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface ToolbarSettingsCustomToolbarItem {
+            /** location - X and Y co-ordinate of the points with respect to chart area.id - ID of the target element.    size - Width and height of the chart.    pageX - x-coordinate of the
+             * pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page
+             */
+            data?: any;
+        }
 
-	/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
-	*/
-	text?: string;
+        export interface AnnotationClickEventArgs {
 
-	/** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to Gantt toolbar.
-	*/
-	templateID?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Allows the user to display custom tooltip text for Gantt custom toolbar items.
-	*/
-	tooltipText?: string;
-}
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-export interface ToolbarSettings {
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Specifies the state of enabling or disabling toolbar
-	*   @Default {true}
-	*/
-	showToolbar?: boolean;
+            /** location - X and Y co-ordinate of the annotation in chart area.     contentData - Information about the annotation, like Coordinate unit, Region, content    pageX-
+             * x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page
+             */
+            data?: any;
+        }
 
-	/** Specifies the list of toolbar items to be rendered in Gantt toolbar
-	*   @Default {[]}
-	*/
-	toolbarItems?: Array<any>;
+        export interface AfterResizeEventArgs {
 
-	/** Allows the user to insert custom toolbar items.
-	*/
-	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-enum DurationUnit{
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	///Sets the Duration Unit as day.
-	Day,
+            /** Name of the event
+             */
+            type?: string;
 
-	///Sets the Duration Unit as hour.
-	Hour,
+            /** width - Chart width, after resize    height - Chart height, after resize    prevWidth - Chart width, before resize    prevHeight - Chart height, before resize
+             * originalWidth- Chart width, when the chart was first rendered    originalHeight - Chart height, when the chart was first rendered
+             */
+            data?: any;
+        }
 
-	///Sets the Duration Unit as minute.
-	Minute
-}
+        export interface BeforeResizeEventArgs {
 
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-enum BeginEditAction{
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	///you can begin the editing at double click
-	DblClick,
+            /** Name of the event
+             */
+            type?: string;
 
-	///you can begin the editing at single click
-	Click
-}
+            /** currentWidth - Chart width, before resize    currentHeight - Chart height, before resize    newWidth - Chart width, after resize    newHeight - Chart height, after resize
+             */
+            data?: any;
+        }
 
+        export interface ErrorBarRenderingEventArgs {
 
-enum RowPosition{
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	///you can add a new row at top.
-	Top,
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-	///you can add a new row at bottom.
-	Bottom,
+            /** Name of the event
+             */
+            type?: string;
 
-	///you can add a new row to above selected row.
-	AboveSelectedRow,
+            /** errorbar - Error bar Object
+             */
+            data?: any;
+        }
 
-	///you can add a new row to below selected row.
-	BelowSelectedRow,
+        export interface MultiLevelLabelRenderingEventArgs {
 
-	///you can add a new row as a child for selected row.
-	Child
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-enum TaskType{
+            /** Name of the event
+             */
+            type?: string;
 
-	///Resource unit remains constant while editing the work and duration values.
-	FixedUnit,
+            /** multilevellabels - MultiLevel Label Object
+             */
+            data?: any;
+        }
 
-	///Work value of a task remains constant while editing duration and resource unit values.
-	FixedWork,
+        export interface TrendlineRenderingEventArgs {
 
-	///Duration value remains constant while editing work and resource unit values.
-	FixedDuration
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
+            /** Instance of the chart model object
+             */
+            model?: any;
 
-enum WorkUnit{
+            /** Name of the event
+             */
+            type?: string;
 
-	///Displays the work involved in a task in days.
-	Day,
+            /** trendlines - Trendline Object    series - Series data of the chart    forwardForecast - Forward Forecast value for the trendline    backwardForecast - Backward Forecast value
+             * for the trendline
+             */
+            data?: any;
+        }
 
-	///Displays the work involved in a task in hours.
-	Hour,
+        export interface ScrollChangedEventArgs {
 
-	///Displays the work involved in a task in minutes
-	Minute
-}
+            /** oldRange - returns the scrollbar position old start and end range value on change end of scrollbar    newRange - returns the scrollbar position new start and end range value
+             * on change end of scrollbar
+             */
+            data?: any;
 
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-enum TaskSchedulingMode{
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-	///All the tasks in the project will be displayed in auto scheduled mode, where the tasks are scheduled automatically over non-working days and holidays.
-	Auto,
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	///All the tasks in the project will be displayed in manually scheduled mode.
-	Manual,
+        export interface ScrollStartEventArgs {
 
-	///Project consists of tasks with both auto and manually scheduled modes, based on the datasource values
-	Custom
-}
+            /** startRange - returns the scrollbar position starting range value on changing scrollbar    endRange - returns the scrollbar position end range value on changing scrollbar
+             */
+            data?: any;
 
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-enum SelectionType{
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-	///you can select a single row.
-	Single,
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	///you can select a multiple row.
-	Multiple
-}
+        export interface ScrollEndEventArgs {
 
+            /** oldRange - returns the scrollbar position old start and end range value on change end of scrollbar    newRange - returns the scrollbar position new start and end range value
+             * on change end of scrollbar
+             */
+            data?: any;
 
-enum minutesPerInterval{
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///Sets the interval automatically according with schedule start and end date.
-	Auto,
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-	///Sets one minute intervals per hour.
-	OneMinute,
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	///Sets Five minute intervals per hour.
-	FiveMinutes,
+        export interface DragStartEventArgs {
 
-	///Sets fifteen minute intervals per hour.
-	FifteenMinutes,
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	///Sets thirty minute intervals per hour.
-	ThirtyMinutes
-}
+            /** Instance of the chart model object
+             */
+            model?: any;
 
+            /** Name of the event
+             */
+            type?: string;
 
-enum ScheduleHeaderType{
+            /** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    point - Information of the point held for dragging
+             */
+            data?: any;
+        }
 
-	///Sets year Schedule Mode.
-	Year,
+        export interface DraggingEventArgs {
 
-	///Sets month Schedule Mode.
-	Month,
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the chart model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+
+            /** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    oldValue - Previous value of the point before dragging
+             * newValue - Current value of the point
+             */
+            data?: any;
+        }
+
+        export interface DragEndEventArgs {
 
-	///Sets week Schedule Mode.
-	Week,
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the chart model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+
+            /** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    oldValue - Previous value of the point before dragging
+             * newValue - Current value of the point    series - Contains the all the series information of the chart
+             */
+            data?: any;
+        }
+
+        export interface SubTitleRenderingEventArgs {
+
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the chart model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+
+            /** location - location of the subTitle text    subtitle - text of the subtitle    size - Size of the Subtitle text
+             */
+            data?: any;
+        }
+
+        export interface AnnotationsMargin {
+
+            /** Annotation is placed at the specified value above its original position.
+             * @Default {0}
+             */
+            bottom?: number;
+
+            /** Annotation is placed at the specified value from left side of its original position.
+             * @Default {0}
+             */
+            left?: number;
+
+            /** Annotation is placed at the specified value from the right side of its original position.
+             * @Default {0}
+             */
+            right?: number;
+
+            /** Annotation is placed at the specified value under its original position.
+             * @Default {0}
+             */
+            top?: number;
+        }
+
+        export interface Annotation {
+
+            /** Angle to rotate the annotation in degrees.
+             * @Default {'0'}
+             */
+            angle?: number;
+
+            /** Text content or id of a HTML element to be displayed as annotation.
+             */
+            content?: string;
+
+            /** Specifies how annotations have to be placed in Chart.
+             * @Default {none. See CoordinateUnit}
+             */
+            coordinateUnit?: ej.datavisualization.Chart.CoordinateUnit|string;
+
+            /** Specifies the horizontal alignment of the annotation.
+             * @Default {middle. See HorizontalAlignment}
+             */
+            horizontalAlignment?: ej.datavisualization.Chart.HorizontalAlignment|string;
+
+            /** Options to customize the margin of annotation.
+             */
+            margin?: AnnotationsMargin;
+
+            /** Controls the opacity of the annotation.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies whether annotation has to be placed with respect to chart or series.
+             * @Default {chart. See Region}
+             */
+            region?: ej.datavisualization.Chart.Region|string;
+
+            /** Specifies the vertical alignment of the annotation.
+             * @Default {middle. See VerticalAlignment}
+             */
+            verticalAlignment?: ej.datavisualization.Chart.VerticalAlignment|string;
+
+            /** Controls the visibility of the annotation.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Represents the horizontal offset when coordinateUnit is pixels.when coordinateUnit is points, it represents the x-coordinate of axis bounded with xAxisName property or primary X
+             * axis when xAxisName is not provided.This property is not applicable when coordinateUnit is none.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Name of the horizontal axis to be used for positioning the annotation. This property is applicable only when coordinateUnit is points.
+             */
+            xAxisName?: string;
+
+            /** Represents the vertical offset when coordinateUnit is pixels.When coordinateUnit is points, it represents the y-coordinate of axis bounded with yAxisName property or primary Y
+             * axis when yAxisName is not provided.This property is not applicable when coordinateUnit is none.
+             * @Default {0}
+             */
+            y?: number;
+
+            /** Name of the vertical axis to be used for positioning the annotation.This property is applicable only when coordinateUnit is points.
+             */
+            yAxisName?: string;
+        }
+
+        export interface Border {
+
+            /** Border color of the chart.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Opacity of the chart border.
+             * @Default {0.3}
+             */
+            opacity?: number;
+
+            /** Width of the Chart border.
+             * @Default {0}
+             */
+            width?: number;
+        }
+
+        export interface ExportSettings {
+
+            /** Specifies the downloading filename
+             * @Default {chart}
+             */
+            filename?: string;
+
+            /** Specifies the name of the action URL
+             */
+            action?: string;
+
+            /** Specifies the angle for rotation
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Specifies the format of the file to export
+             * @Default {png}
+             */
+            type?: ej.datavisualization.Chart.ExportingType|string;
+
+            /** Specifies the orientation of the document
+             * @Default {portrait}
+             */
+            orientation?: ej.datavisualization.Chart.ExportingOrientation|string;
+
+            /** Specifies the mode of exporting
+             * @Default {client}
+             */
+            mode?: ej.datavisualization.Chart.ExportingMode|string;
+
+            /** Enable/ disable the multiple excel exporting
+             * @Default {false}
+             */
+            multipleExport?: boolean;
+        }
+
+        export interface ChartAreaBorder {
+
+            /** Border color of the plot area.
+             * @Default {Gray}
+             */
+            color?: string;
+
+            /** Opacity of the plot area border.
+             * @Default {0.3}
+             */
+            opacity?: number;
+
+            /** Border width of the plot area.
+             * @Default {0.5}
+             */
+            width?: number;
+        }
+
+        export interface ChartArea {
+
+            /** Background color of the plot area.
+             * @Default {transparent}
+             */
+            background?: string;
+
+            /** Options for customizing the border of the plot area.
+             */
+            border?: ChartAreaBorder;
+        }
+
+        export interface ColumnDefinition {
+
+            /** Specifies the unit to measure the width of the column in plotting area.
+             * @Default {'pixel'. See Unit}
+             */
+            unit?: ej.datavisualization.Chart.Unit|string;
+
+            /** Width of the column in plotting area. Width is measured in either pixel or percentage based on the value of unit property.
+             * @Default {50}
+             */
+            columnWidth?: number;
+
+            /** Color of the line that indicates the starting point of the column in plotting area.
+             * @Default {transparent}
+             */
+            lineColor?: string;
+
+            /** Width of the line that indicates the starting point of the column in plot area.
+             * @Default {1}
+             */
+            lineWidth?: number;
+        }
+
+        export interface CommonSeriesOptionsBorder {
+
+            /** Border color of all series.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** DashArray for border of the series.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Border width of all series.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsFont {
+
+            /** Font color of the text in all series.
+             * @Default {#707070}
+             */
+            color?: string;
+
+            /** Font Family for all the series.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font Style for all the series.
+             * @Default {normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Specifies the font weight for all the series.
+             * @Default {regular}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity for text in all the series.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for text in all the series.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface CommonSeriesOptionsBubbleOptions {
+
+            /** Used for the calculation of the bubble radius based on the mode selected
+             * @Default {minmax}
+             */
+            radiusMode?: ej.datavisualization.Chart.RadiusMode|string;
+
+            /** Used for the setting the minimum radius of the bubble
+             * @Default {1}
+             */
+            minRadius?: number;
+
+            /** Used for setting the maximum radius of the bubble
+             * @Default {3}
+             */
+            maxRadius?: number;
+        }
+
+        export interface CommonSeriesOptionsMarkerBorder {
+
+            /** Border color of the marker shape.
+             * @Default {white}
+             */
+            color?: string;
+
+            /** Border width of the marker shape.
+             * @Default {3}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsMarkerDataLabelBorder {
+
+            /** Border color of the data label.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the data label.
+             * @Default {0.1}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsMarkerDataLabelConnectorLine {
+
+            /** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
+             * @Default {line. See ConnectorLineType}
+             */
+            type?: ej.datavisualization.Chart.ConnectorLineType|string;
+
+            /** Width of the connector.
+             * @Default {0.5}
+             */
+            width?: number;
+
+            /** Color of the connector line.
+             * @Default {#565656}
+             */
+            color?: string;
+
+            /** Height of the connector line.
+             * @Default {null}
+             */
+            height?: string;
+        }
+
+        export interface CommonSeriesOptionsMarkerDataLabelFont {
+
+            /** Font family of the data label.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the data label.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the data label.
+             * @Default {regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font color of the data label text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font size of the data label.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface CommonSeriesOptionsMarkerDataLabelMargin {
+
+            /** Bottom margin of the text.
+             * @Default {5}
+             */
+            bottom?: number;
+
+            /** Left margin of the text.
+             * @Default {5}
+             */
+            left?: number;
+
+            /** Right margin of the text.
+             * @Default {5}
+             */
+            right?: number;
+
+            /** Top margin of the text.
+             * @Default {5}
+             */
+            top?: number;
+        }
+
+        export interface CommonSeriesOptionsMarkerDataLabelOffset {
+
+            /** X value or horizontal offset to position the labels in chart.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Y value or vertical offset to position the labels.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface CommonSeriesOptionsMarkerDataLabel {
+
+            /** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
+             * @Default {null}
+             */
+            angle?: number;
+
+            /** Maximum label width of the data label.
+             * @Default {null}
+             */
+            maximumLabelWidth?: number;
+
+            /** Enable the wrap option to the data label.
+             * @Default {false}
+             */
+            enableWrap?: boolean;
+
+            /** Options for customizing the border of the data label.
+             */
+            border?: CommonSeriesOptionsMarkerDataLabelBorder;
+
+            /** Options for displaying and customizing the line that connects point and data label.
+             */
+            connectorLine?: CommonSeriesOptionsMarkerDataLabelConnectorLine;
+
+            /** Background color of the data label.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the data label font.
+             */
+            font?: CommonSeriesOptionsMarkerDataLabelFont;
+
+            /** Horizontal alignment of the data label.
+             * @Default {center}
+             */
+            horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
+
+            /** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
+             */
+            margin?: CommonSeriesOptionsMarkerDataLabelMargin;
+
+            /** Opacity of the data label.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Options for customizing the datalabel positions
+             */
+            offset?: CommonSeriesOptionsMarkerDataLabelOffset;
+
+            /** Background shape of the data label.
+             * @Default {none. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+             */
+            template?: string;
+
+            /** Name of a field in data source, where datalabel text is displayed.
+             */
+            textMappingName?: string;
+
+            /** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar,
+             * candle and OHLC.
+             * @Default {top. See TextPosition}
+             */
+            textPosition?: ej.datavisualization.Chart.TextPosition|string;
+
+            /** Vertical alignment of the data label.
+             * @Default {center}
+             */
+            verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
+
+            /** Controls the visibility of the data labels.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface CommonSeriesOptionsMarkerSize {
+
+            /** Height of the marker.
+             * @Default {6}
+             */
+            height?: number;
+
+            /** Width of the marker.
+             * @Default {6}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsMarker {
+
+            /** Options for customizing the border of the marker shape.
+             */
+            border?: CommonSeriesOptionsMarkerBorder;
+
+            /** Options for displaying and customizing data labels.
+             */
+            dataLabel?: CommonSeriesOptionsMarkerDataLabel;
+
+            /** Color of the marker shape.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** The URL for the Image to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
+             */
+            imageUrl?: string;
+
+            /** Opacity of the marker.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the shape of the marker.
+             * @Default {circle. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Options for customizing the size of the marker shape.
+             */
+            size?: CommonSeriesOptionsMarkerSize;
+
+            /** Controls the visibility of the marker shape.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface CommonSeriesOptionsOutlierSettingsSize {
+
+            /** Height of the outlier shape.
+             * @Default {6}
+             */
+            height?: number;
+
+            /** Width of the outlier shape.
+             * @Default {6}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsOutlierSettings {
+
+            /** Specifies the shape of the outlier.
+             * @Default {circle. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Options for customizing the size of the outlier shape.
+             */
+            size?: CommonSeriesOptionsOutlierSettingsSize;
+        }
+
+        export interface CommonSeriesOptionsCornerRadius {
+
+            /** Specifies the radius for the top left corner.
+             * @Default {0}
+             */
+            topLeft?: number;
+
+            /** Specifies the radius for the top right corner.
+             * @Default {0}
+             */
+            topRight?: number;
+
+            /** Specifies the radius for the bottom left corner.
+             * @Default {0}
+             */
+            bottomLeft?: number;
+
+            /** Specifies the radius for the bottom right corner.
+             * @Default {0}
+             */
+            bottomRight?: number;
+        }
+
+        export interface CommonSeriesOptionsTooltipBorder {
+
+            /** Border color of the tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsTooltip {
+
+            /** Options for customizing the border of the tooltip.
+             */
+            border?: CommonSeriesOptionsTooltipBorder;
+
+            /** Customize the corner radius of the tooltip rectangle.
+             * @Default {0}
+             */
+            rx?: number;
+
+            /** Customize the corner radius of the tooltip rectangle.
+             * @Default {0}
+             */
+            ry?: number;
+
+            /** Specifies the duration, the tooltip has to be displayed.
+             * @Default {500ms}
+             */
+            duration?: string;
+
+            /** Enables/disables the animation of the tooltip when moving from one point to other.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Background color of the tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Format of the tooltip content.
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Opacity of the tooltip.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Controls the visibility of the tooltip.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface CommonSeriesOptionsEmptyPointSettingsStyleBorder {
+
+            /** Border color of the empty point.
+             */
+            color?: string;
+
+            /** Border width of the empty point.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsEmptyPointSettingsStyle {
+
+            /** Color of the empty point.
+             */
+            color?: string;
+
+            /** Options for customizing border of the empty point in the series.
+             */
+            border?: CommonSeriesOptionsEmptyPointSettingsStyleBorder;
+        }
+
+        export interface CommonSeriesOptionsEmptyPointSettings {
+
+            /** Controls the visibility of the empty point.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Specifies the mode of empty point.
+             * @Default {gap}
+             */
+            displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
+
+            /** Options for customizing the color and border of the empty point in the series.
+             */
+            style?: CommonSeriesOptionsEmptyPointSettingsStyle;
+        }
+
+        export interface CommonSeriesOptionsConnectorLine {
+
+            /** Width of the connector line.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Color of the connector line.
+             * @Default {#565656}
+             */
+            color?: string;
+
+            /** DashArray of the connector line.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** DashArray of the connector line.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface CommonSeriesOptionsDragSettings {
+
+            /** drag/drop the series
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies the type of drag settings.
+             * @Default {xy}
+             */
+            type?: string;
+        }
+
+        export interface CommonSeriesOptionsErrorBarCap {
+
+            /** Show/Hides the error bar cap.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the error bar cap.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Length of the error bar cap.
+             * @Default {1}
+             */
+            length?: number;
+
+            /** Color of the error bar cap.
+             * @Default {“#000000”}
+             */
+            fill?: string;
+        }
+
+        export interface CommonSeriesOptionsErrorBar {
+
+            /** Show/hides the error bar
+             * @Default {visible}
+             */
+            visibility?: boolean;
+
+            /** Specifies the type of error bar.
+             * @Default {FixedValue}
+             */
+            type?: ej.datavisualization.Chart.ErrorBarType|string;
+
+            /** Specifies the mode of error bar.
+             * @Default {vertical}
+             */
+            mode?: ej.datavisualization.Chart.ErrorBarMode|string;
+
+            /** Specifies the direction of error bar.
+             * @Default {both}
+             */
+            direction?: ej.datavisualization.Chart.ErrorBarDirection|string;
+
+            /** Value of vertical error bar.
+             * @Default {3}
+             */
+            verticalErrorValue?: number;
+
+            /** Value of horizontal  error bar.
+             * @Default {1}
+             */
+            horizontalErrorValue?: number;
+
+            /** Value of positive horizontal error bar.
+             * @Default {1}
+             */
+            horizontalPositiveErrorValue?: number;
+
+            /** Value of negative horizontal error bar.
+             * @Default {1}
+             */
+            horizontalNegativeErrorValue?: number;
+
+            /** Value of positive vertical error bar.
+             * @Default {5}
+             */
+            verticalPositiveErrorValue?: number;
+
+            /** Value of negative vertical error bar.
+             * @Default {5}
+             */
+            verticalNegativeErrorValue?: number;
+
+            /** Fill color of the error bar.
+             * @Default {#000000}
+             */
+            fill?: string;
+
+            /** Width of the error bar.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Options for customizing the error bar cap.
+             */
+            cap?: CommonSeriesOptionsErrorBarCap;
+        }
+
+        export interface CommonSeriesOptionsTrendlinesTooltipBorder {
+
+            /** Border color of the trendline tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the trendline tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface CommonSeriesOptionsTrendlinesTooltip {
+
+            /** Options for customizing the border of the  trendline tooltip.
+             */
+            border?: CommonSeriesOptionsTrendlinesTooltipBorder;
+
+            /** Customize the corner radius of the trendline tooltip rectangle.
+             * @Default {0}
+             */
+            rx?: number;
+
+            /** Customize the corner radius of the trendline tooltip rectangle.
+             * @Default {0}
+             */
+            ry?: number;
+
+            /** Specifies the duration, the tooltip has to be displayed.
+             * @Default {500ms}
+             */
+            duration?: string;
+
+            /** Enables/disables the animation of the trendline tooltip when moving from one point to other.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Background color of the trendline tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Format of the tooltip content displayed in the trendlines.
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Opacity of the trendline tooltip.
+             * @Default {0.5}
+             */
+            opacity?: number;
+        }
+
+        export interface CommonSeriesOptionsTrendline {
+
+            /** Show/hides the trendline.
+             */
+            visibility?: boolean;
+
+            /** Show/hides the trendline legend.
+             * @Default {visible}
+             */
+            visibleOnLegend?: string;
+
+            /** Specifies the type of the trendline for the series.
+             * @Default {linear. See TrendlinesType}
+             */
+            type?: string;
+
+            /** Name for the trendlines that is to be displayed in the legend text.
+             * @Default {trendline}
+             */
+            name?: string;
+
+            /** Fill color of the trendlines.
+             * @Default {#0000FF}
+             */
+            fill?: string;
+
+            /** Width of the trendlines.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Opacity of the trendline.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Pattern of dashes and gaps used to stroke the trendline.
+             */
+            dashArray?: string;
+
+            /** Future trends of the current series.
+             * @Default {0}
+             */
+            forwardForecast?: number;
+
+            /** Past trends of the current series.
+             * @Default {0}
+             */
+            backwardForecast?: number;
+
+            /** Specifies the order of the polynomial trendlines.
+             * @Default {0}
+             */
+            polynomialOrder?: number;
+
+            /** Specifies the moving average starting period value.
+             * @Default {2}
+             */
+            period?: number;
+
+            /** Options for customizing the tooltip of the trendlines in the chart.
+             */
+            tooltip?: CommonSeriesOptionsTrendlinesTooltip;
+
+            /** Specifies the intercept value of the trendlines.
+             * @Default {null}
+             */
+            intercept?: number;
+        }
+
+        export interface CommonSeriesOptionsHighlightSettingsBorder {
+
+            /** Border color of the series/point on highlight.
+             */
+            color?: string;
+
+            /** Border width of the series/point on highlight.
+             * @Default {2}
+             */
+            width?: string;
+        }
+
+        export interface CommonSeriesOptionsHighlightSettings {
+
+            /** Enables/disables the ability to highlight the series or data point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether the series or data point has to be highlighted.
+             * @Default {series. See Mode}
+             */
+            mode?: ej.datavisualization.Chart.Mode|string;
+
+            /** Color of the series/point on highlight.
+             */
+            color?: string;
+
+            /** Opacity of the series/point on highlight.
+             * @Default {0.6}
+             */
+            opacity?: number;
+
+            /** Options for customizing the border of series on highlight.
+             */
+            border?: CommonSeriesOptionsHighlightSettingsBorder;
+
+            /** Specifies the pattern for the series/point on highlight.
+             * @Default {none. See Pattern}
+             */
+            pattern?: string;
+
+            /** Custom pattern for the series on highlight.
+             */
+            customPattern?: string;
+        }
+
+        export interface CommonSeriesOptionsSelectionSettingsBorder {
+
+            /** Border color of the series/point on selection.
+             */
+            color?: string;
+
+            /** Border width of the series/point on selection.
+             * @Default {2}
+             */
+            width?: string;
+        }
+
+        export interface CommonSeriesOptionsSelectionSettings {
+
+            /** Enables/disables the ability to select a series/data point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies the type of selection.
+             * @Default {single}
+             */
+            type?: ej.datavisualization.Chart.SelectionType|string;
+
+            /** Specifies whether the series or data point has to be selected.
+             * @Default {series. See Mode}
+             */
+            mode?: ej.datavisualization.Chart.Mode|string;
+
+            /** Specifies the drawn rectangle type.
+             * @Default {xy}
+             */
+            rangeType?: ej.datavisualization.Chart.RangeType|string;
+
+            /** Color of the series/point on selection.
+             */
+            color?: string;
+
+            /** Opacity of the series/point on selection.
+             * @Default {0.6}
+             */
+            opacity?: number;
+
+            /** Options for customizing the border of the series on selection.
+             */
+            border?: CommonSeriesOptionsSelectionSettingsBorder;
+
+            /** Specifies the pattern for the series/point on selection.
+             * @Default {none. See Pattern}
+             */
+            pattern?: string;
+
+            /** Custom pattern for the series on selection.
+             */
+            customPattern?: string;
+        }
+
+        export interface CommonSeriesOptions {
+
+            /** Options to customize the border of all the series.
+             */
+            border?: CommonSeriesOptionsBorder;
+
+            /** To render the column and bar type series in rectangle/cylinder shape. See
+             * @Default {rectangle}
+             */
+            columnFacet?: ej.datavisualization.Chart.ColumnFacet|string;
+
+            /** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
+             * @Default {0.7}
+             */
+            columnWidth?: number;
+
+            /** Spacing between columns of different series. Value ranges from 0 to 1
+             * @Default {0}
+             */
+            columnSpacing?: number;
+
+            /** Enables or disables the visibility of legend item.
+             * @Default {visible}
+             */
+            visibleOnLegend?: string;
+
+            /** Group of the stacking collection series.
+             */
+            stackingGroup?: string;
+
+            /** Pattern of dashes and gaps used to stroke all the line type series.
+             */
+            dashArray?: string;
+
+            /** Set the dataSource for all series. It can be an array of JSON objects or an instance of ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Controls the size of the hole in doughnut series. Value ranges from 0 to 1
+             * @Default {0.4}
+             */
+            doughnutCoefficient?: number;
+
+            /** Controls the size of the doughnut series. Value ranges from 0 to 1.
+             * @Default {0.8}
+             */
+            doughnutSize?: number;
+
+            /** Specifies the type of series to be drawn in radar or polar series.
+             * @Default {line. See DrawType}
+             */
+            drawType?: ej.datavisualization.Chart.DrawType|string;
+
+            /** Enable/disable the animation for all the series.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** To avoid overlapping of data labels smartly.
+             * @Default {true}
+             */
+            enableSmartLabels?: boolean;
+
+            /** Start angle of pie/doughnut series.
+             * @Default {null}
+             */
+            endAngle?: number;
+
+            /** Explodes the pie/doughnut slices on mouse move.
+             * @Default {false}
+             */
+            explode?: boolean;
+
+            /** Explodes all the slice of pie/doughnut on render.
+             * @Default {false}
+             */
+            explodeAll?: boolean;
+
+            /** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
+             * @Default {null}
+             */
+            explodeIndex?: number;
+
+            /** Specifies the distance of the slice from the center, when it is exploded.
+             * @Default {0.4}
+             */
+            explodeOffset?: number;
+
+            /** Fill color for all the series.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the font of all the series.
+             */
+            font?: CommonSeriesOptionsFont;
+
+            /** Sets the height of the funnel in funnel series. Values can be either pixel or percentage.
+             * @Default {32.7%}
+             */
+            funnelHeight?: string;
+
+            /** Sets the width of the funnel in funnel series. Values can be either pixel or percentage.
+             * @Default {11.6%}
+             */
+            funnelWidth?: string;
+
+            /** Gap between the slices in pyramid and funnel series.
+             * @Default {0}
+             */
+            gapRatio?: number;
+
+            /** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
+             * @Default {true}
+             */
+            isClosed?: boolean;
+
+            /** Specifies whether to stack the column series in polar/radar charts.
+             * @Default {false}
+             */
+            isStacking?: boolean;
+
+            /** Renders the chart vertically. This is applicable only for Cartesian type series.
+             * @Default {false}
+             */
+            isTransposed?: boolean;
+
+            /** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
+             * @Default {true}
+             */
+            showMedian?: boolean;
+
+            /** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
+             * @Default {inside. See LabelPosition}
+             */
+            labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the mode for splitting the data points in pieOfPie series.
+             * @Default {value. See SplitMode}
+             */
+            splitMode?: ej.datavisualization.Chart.SplitMode|string;
+
+            /** Quartile calculation has been performed in three different formulas to render the box and whisker series.
+             * @Default {exclusive}
+             */
+            boxPlotMode?: ej.datavisualization.Chart.boxPlotMode|string;
+
+            /** Options for customizing the bubble options of the Bubble series
+             */
+            bubbleOptions?: CommonSeriesOptionsBubbleOptions;
+
+            /** Specifies the line cap of the series.
+             * @Default {butt. See LineCap}
+             */
+            lineCap?: ej.datavisualization.Chart.LineCap|string;
+
+            /** Specifies the type of shape to be used where two lines meet.
+             * @Default {round. See LineJoin}
+             */
+            lineJoin?: ej.datavisualization.Chart.LineJoin|string;
+
+            /** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
+             */
+            marker?: CommonSeriesOptionsMarker;
+
+            /** Opacity of the series.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Options for customizing the outlier of the series.
+             */
+            outlierSettings?: CommonSeriesOptionsOutlierSettings;
+
+            /** Name of a field in data source, where the fill color for all the data points is generated.
+             */
+            palette?: string;
+
+            /** Controls the size of pie series. Value ranges from 0 to 1.
+             * @Default {0.8}
+             */
+            pieCoefficient?: number;
+
+            /** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
+             * @Default {0.6}
+             */
+            pieOfPieCoefficient?: number;
+
+            /** Split Value of pieofpie series.
+             * @Default {null}
+             */
+            splitValue?: string;
+
+            /** Distance between the two pie's in pieOfPie series.
+             * @Default {50}
+             */
+            gapWidth?: number;
+
+            /** Name of the property in the datasource that contains fill color for the series.
+             * @Default {null}
+             */
+            pointColorMappingName?: string;
+
+            /** Specifies the mode of the pyramid series.
+             * @Default {linear. See PyramidMode}
+             */
+            pyramidMode?: ej.datavisualization.Chart.PyramidMode|string;
+
+            /** Start angle from where the pie/doughnut series renders. By default it starts from 0.
+             * @Default {null}
+             */
+            startAngle?: number;
+
+            /** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
+             */
+            cornerRadius?: CommonSeriesOptionsCornerRadius;
+
+            /** Options for customizing the tooltip of chart.
+             */
+            tooltip?: CommonSeriesOptionsTooltip;
+
+            /** Specifies the type of the series to render in chart.
+             * @Default {column. See Type}
+             */
+            type?: ej.datavisualization.Chart.Type|string;
+
+            /** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+             * @Default {null}
+             */
+            xAxisName?: string;
+
+            /** Name of the property in the datasource that contains x value for the series.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+             * @Default {null}
+             */
+            yAxisName?: string;
+
+            /** Name of the property in the datasource that contains y value for the series.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Name of the property in the datasource that contains high value for the series.
+             * @Default {null}
+             */
+            high?: string;
+
+            /** Name of the property in the datasource that contains low value for the series.
+             * @Default {null}
+             */
+            low?: string;
+
+            /** Name of the property in the datasource that contains open value for the series.
+             * @Default {null}
+             */
+            open?: string;
+
+            /** Name of the property in the datasource that contains close value for the series.
+             * @Default {null}
+             */
+            close?: string;
+
+            /** Z-order of the series.
+             * @Default {0}
+             */
+            zOrder?: number;
+
+            /** Name of the property in the datasource that contains the size value for the bubble series.
+             * @Default {null}
+             */
+            size?: string;
+
+            /** Options for customizing the empty point in the series.
+             */
+            emptyPointSettings?: CommonSeriesOptionsEmptyPointSettings;
+
+            /** Fill color for the positive column of the waterfall.
+             * @Default {null}
+             */
+            positiveFill?: string;
+
+            /** Options for customizing the waterfall connector line.
+             */
+            connectorLine?: CommonSeriesOptionsConnectorLine;
+
+            /** Options to customize the drag and drop in series.
+             */
+            dragSettings?: CommonSeriesOptionsDragSettings;
+
+            /** Options to customize the error bar in series.
+             */
+            errorBar?: CommonSeriesOptionsErrorBar;
+
+            /** Option to add the trendlines to chart.
+             */
+            trendlines?: CommonSeriesOptionsTrendline[];
+
+            /** Options for customizing the appearance of the series or data point while highlighting.
+             */
+            highlightSettings?: CommonSeriesOptionsHighlightSettings;
+
+            /** Options for customizing the appearance of the series/data point on selection.
+             */
+            selectionSettings?: CommonSeriesOptionsSelectionSettings;
+        }
+
+        export interface CrosshairTrackballTooltipSettingsBorder {
+
+            /** Border width of the trackball tooltip.
+             * @Default {null}
+             */
+            width?: number;
+
+            /** Border color of the trackball tooltip.
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface CrosshairTrackballTooltipSettings {
+
+            /** Options for customizing the trackball tooltip border.
+             */
+            border?: CrosshairTrackballTooltipSettingsBorder;
+
+            /** Background color of the trackball tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Rounded corner x value of the trackball tooltip.
+             * @Default {3}
+             */
+            rx?: number;
+
+            /** Rounded corner y value of the trackball tooltip.
+             * @Default {3}
+             */
+            ry?: number;
+
+            /** Opacity value of the trackball tooltip.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the mode of the trackball tooltip.
+             * @Default {float. See CrosshairMode}
+             */
+            mode?: ej.datavisualization.Chart.CrosshairMode|string;
+        }
+
+        export interface CrosshairMarkerBorder {
+
+            /** Border width of the marker.
+             * @Default {3}
+             */
+            width?: number;
+        }
+
+        export interface CrosshairMarkerSize {
+
+            /** Height of the marker.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Width of the marker.
+             * @Default {10}
+             */
+            width?: number;
+        }
+
+        export interface CrosshairMarker {
+
+            /** Options for customizing the border.
+             */
+            border?: CrosshairMarkerBorder;
+
+            /** Opacity of the marker.
+             * @Default {true}
+             */
+            opacity?: boolean;
+
+            /** Options for customizing the size of the marker.
+             */
+            size?: CrosshairMarkerSize;
+
+            /** Show/hides the marker.
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface CrosshairLine {
+
+            /** Color of the crosshair line.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Width of the crosshair line.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface Crosshair {
+
+            /** Options for customizing the trackball tooltip.
+             */
+            trackballTooltipSettings?: CrosshairTrackballTooltipSettings;
+
+            /** Options for customizing the marker in crosshair.
+             */
+            marker?: CrosshairMarker;
+
+            /** Options for customizing the crosshair line.
+             */
+            line?: CrosshairLine;
+
+            /** Specifies the type of the crosshair. It can be trackball or crosshair
+             * @Default {crosshair. See CrosshairType}
+             */
+            type?: ej.datavisualization.Chart.CrosshairType|string;
+
+            /** Show/hides the crosshair/trackball visibility.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface IndicatorsHistogramBorder {
+
+            /** Color of the histogram border in MACD indicator.
+             * @Default {#9999ff}
+             */
+            color?: string;
+
+            /** Controls the width of histogram border line in MACD indicator.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface IndicatorsHistogram {
+
+            /** Options to customize the histogram border in MACD indicator.
+             */
+            border?: IndicatorsHistogramBorder;
+
+            /** Color of histogram columns in MACD indicator.
+             * @Default {#ccccff}
+             */
+            fill?: string;
+
+            /** Opacity of histogram columns in MACD indicator.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface IndicatorsLowerLine {
+
+            /** Color of lower line.
+             * @Default {#008000}
+             */
+            fill?: string;
+
+            /** Width of the lower line.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface IndicatorsMacdLine {
+
+            /** Color of MACD line.
+             * @Default {#ff9933}
+             */
+            fill?: string;
+
+            /** Width of the MACD line.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface IndicatorsPeriodLine {
+
+            /** Color of period line in indicator.
+             * @Default {blue}
+             */
+            fill?: string;
+
+            /** Width of the period line in indicators.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface IndicatorsTooltipBorder {
+
+            /** Border color of indicator tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of indicator tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface IndicatorsTooltip {
+
+            /** Option to customize the border of indicator tooltip.
+             */
+            border?: IndicatorsTooltipBorder;
+
+            /** Specifies the animation duration of indicator tooltip.
+             * @Default {500ms}
+             */
+            duration?: string;
+
+            /** Enables/disables the tooltip animation.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Format of indicator tooltip. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Background color of indicator tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Opacity of indicator tooltip.
+             * @Default {0.95}
+             */
+            opacity?: number;
+
+            /** Controls the visibility of indicator tooltip.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface IndicatorsUpperLine {
+
+            /** Fill color of the upper line in indicators
+             * @Default {#ff9933}
+             */
+            fill?: string;
+
+            /** Width of the upper line in indicators.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface Indicator {
+
+            /** The dPeriod value for stochastic indicator.
+             * @Default {3}
+             */
+            dPeriod?: number;
+
+            /** Enables/disables the animation.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Color of the technical indicator.
+             * @Default {#00008B}
+             */
+            fill?: string;
+
+            /** Options to customize the histogram in MACD indicator.
+             */
+            histogram?: IndicatorsHistogram;
+
+            /** Specifies the k period in stochastic indicator.
+             * @Default {3}
+             */
+            kPeriod?: number;
+
+            /** Specifies the long period in MACD indicator.
+             * @Default {26}
+             */
+            longPeriod?: number;
+
+            /** Options to customize the lower line in indicators.
+             */
+            lowerLine?: IndicatorsLowerLine;
+
+            /** Options to customize the MACD line.
+             */
+            macdLine?: IndicatorsMacdLine;
+
+            /** Specifies the type of the MACD indicator.
+             * @Default {line. See MACDType}
+             */
+            macdType?: string;
+
+            /** Specifies period value in indicator.
+             * @Default {14}
+             */
+            period?: number;
+
+            /** Options to customize the period line in indicators.
+             */
+            periodLine?: IndicatorsPeriodLine;
+
+            /** Name of the series for which indicator has to be drawn.
+             */
+            seriesName?: string;
+
+            /** Specifies the short period in MACD indicator.
+             * @Default {13}
+             */
+            shortPeriod?: number;
+
+            /** Specifies the standard deviation value for Bollinger band indicator.
+             * @Default {2}
+             */
+            standardDeviations?: number;
+
+            /** Options to customize the tooltip.
+             */
+            tooltip?: IndicatorsTooltip;
+
+            /** Trigger value of MACD indicator.
+             * @Default {9}
+             */
+            trigger?: number;
+
+            /** Specifies the visibility of indicator.
+             * @Default {visible}
+             */
+            visibility?: string;
+
+            /** Specifies the type of indicator that has to be rendered.
+             * @Default {sma. See IndicatorsType}
+             */
+            type?: string;
+
+            /** Options to customize the upper line in indicators
+             */
+            upperLine?: IndicatorsUpperLine;
+
+            /** Width of the indicator line.
+             * @Default {2}
+             */
+            width?: number;
+
+            /** Name of the horizontal axis used for indicator. Primary X axis is used when x axis name is not specified.
+             */
+            xAxisName?: string;
+
+            /** Name of the vertical axis used for indicator. Primary Y axis is used when y axis name is not specified
+             */
+            yAxisName?: string;
+        }
+
+        export interface LegendBorder {
+
+            /** Border color of the legend.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the legend.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface LegendFont {
+
+            /** Font family for legend item text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend item text.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight for legend item text.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Font size for legend item text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LegendItemStyleBorder {
+
+            /** Border color of the legend items.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the legend items.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface LegendItemStyle {
+
+            /** Options for customizing the border of legend items.
+             */
+            border?: LegendItemStyleBorder;
+
+            /** Height of the shape in legend items.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Width of the shape in legend items.
+             * @Default {10}
+             */
+            width?: number;
+        }
+
+        export interface LegendLocation {
+
+            /** X value or horizontal offset to position the legend in chart.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Y value or vertical offset to position the legend.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface LegendSize {
+
+            /** Height of the legend. Height can be specified in either pixel or percentage.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Width of the legend. Width can be specified in either pixel or percentage.
+             * @Default {null}
+             */
+            width?: string;
+        }
+
+        export interface LegendTitleFont {
+
+            /** Font family for the text in legend title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend title.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight for legend title.
+             * @Default {normal. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Font size for legend title.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LegendTitle {
+
+            /** Options to customize the font used for legend title
+             */
+            font?: LegendTitleFont;
+
+            /** Text to be displayed in legend title.
+             */
+            text?: string;
+
+            /** Alignment of the legend title.
+             * @Default {center. See Alignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.Alignment|string;
+        }
+
+        export interface Legend {
+
+            /** Horizontal alignment of the legend.
+             * @Default {Center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.Alignment|string;
+
+            /** Background for the legend. Use this property to add a background image or background color for the legend.
+             */
+            background?: string;
+
+            /** Options for customizing the legend border.
+             */
+            border?: LegendBorder;
+
+            /** Number of columns to arrange the legend items.
+             * @Default {null}
+             */
+            columnCount?: number;
+
+            /** Controls whether legend has to use scrollbar or not. When enabled, scroll bar appears depending upon size and position properties of legend.
+             * @Default {true}
+             */
+            enableScrollbar?: boolean;
+
+            /** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible series is displayed in gray color.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options to customize the font used for legend item text.
+             */
+            font?: LegendFont;
+
+            /** Gap or padding between the legend items.
+             * @Default {10}
+             */
+            itemPadding?: number;
+
+            /** Options to customize the style of legend items.
+             */
+            itemStyle?: LegendItemStyle;
+
+            /** Options to customize the location of chart legend. Legend is placed in provided location only when value of position property is custom
+             */
+            location?: LegendLocation;
+
+            /** Opacity of the legend.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set
+             * **custom** as value to this property.
+             * @Default {Bottom. See Position}
+             */
+            position?: ej.datavisualization.Chart.Position|string;
+
+            /** Number of rows to arrange the legend items.
+             * @Default {null}
+             */
+            rowCount?: number;
+
+            /** Shape of the legend items. Default shape for pie and doughnut series is circle and all other series uses rectangle.
+             * @Default {None. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Options to customize the size of the legend.
+             */
+            size?: LegendSize;
+
+            /** Options to customize the legend title.
+             */
+            title?: LegendTitle;
+
+            /** Specifies the action taken when the legend width is more than the textWidth.
+             * @Default {none. See textOverflow}
+             */
+            textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+            /** Text width for legend item.
+             * @Default {34}
+             */
+            textWidth?: number;
+
+            /** Controls the visibility of the legend.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Controls the selection through the legend.
+             * @Default {true}
+             */
+            toggleSeriesVisibility?: boolean;
+        }
+
+        export interface PrimaryXAxisAlternateGridBandEven {
+
+            /** Fill color for the even grid bands.
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Opacity of the even grid band.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface PrimaryXAxisAlternateGridBandOdd {
+
+            /** Fill color of the odd grid bands
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Opacity of odd grid band
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface PrimaryXAxisAlternateGridBand {
+
+            /** Options for customizing even grid band.
+             */
+            even?: PrimaryXAxisAlternateGridBandEven;
+
+            /** Options for customizing odd grid band.
+             */
+            odd?: PrimaryXAxisAlternateGridBandOdd;
+        }
+
+        export interface PrimaryXAxisAxisLine {
+
+            /** Pattern of dashes and gaps to be applied to the axis line.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
+             * @Default {null}
+             */
+            offset?: number;
+
+            /** Show/hides the axis line.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Default Value
+             */
+            color?: string;
+
+            /** Width of axis line.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryXAxisCrosshairLabel {
+
+            /** Show/hides the crosshair label associated with this axis.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface PrimaryXAxisFont {
+
+            /** Font family of labels.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of labels.
+             * @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the label.
+             * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the axis labels.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the axis labels.
+             * @Default {13px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryXAxisMajorGridLines {
+
+            /** Pattern of dashes and gaps used to stroke the major grid lines.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Color of the major grid line.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Opacity of major grid lines.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Show/hides the major grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the major grid lines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryXAxisMajorTickLines {
+
+            /** Length of the major tick lines.
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Show/hides the major tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the major tick lines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryXAxisMinorGridLines {
+
+            /** Patterns of dashes and gaps used to stroke the minor grid lines.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Show/hides the minor grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the minorGridLines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryXAxisMinorTickLines {
+
+            /** Length of the minor tick lines.
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Show/hides the minor tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the minor tick line.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryXAxisRange {
+
+            /** Minimum value of the axis range.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Maximum value of the axis range.
+             * @Default {null}
+             */
+            max?: number;
+
+            /** Interval of the axis range.
+             * @Default {null}
+             */
+            interval?: number;
+        }
+
+        export interface PrimaryXAxisMultiLevelLabelsFont {
+
+            /** Font color of the multi level labels text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font family of the multi level labels text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the multi level labels text.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the multi level label text.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Opacity of the multi level label text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the multi level label text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryXAxisMultiLevelLabelsBorder {
+
+            /** Border color of the multi level labels.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the multi level labels.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Border type of the multi level labels.
+             * @Default {rectangle. See Type}
+             */
+            type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
+        }
+
+        export interface PrimaryXAxisMultiLevelLabel {
+
+            /** Visibility of the multi level labels.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Text of the multi level labels.
+             */
+            text?: string;
+
+            /** Starting value of the multi level labels.
+             * @Default {null}
+             */
+            start?: number;
+
+            /** Ending value of the multi level labels.
+             * @Default {null}
+             */
+            end?: number;
+
+            /** Specifies the level of multi level labels.
+             * @Default {0}
+             */
+            level?: number;
+
+            /** Specifies the maximum width of the text in multi level labels.
+             * @Default {null}
+             */
+            maximumTextWidth?: number;
+
+            /** Specifies the alignment of the text in multi level labels.
+             * @Default {center. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+            /** Specifies the handling of text over flow in multi level labels.
+             * @Default {center. See TextOverflow}
+             */
+            textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+            /** Options for customizing the font of the text.
+             */
+            font?: PrimaryXAxisMultiLevelLabelsFont;
+
+            /** Options for customizing the border of the series.
+             */
+            border?: PrimaryXAxisMultiLevelLabelsBorder;
+        }
+
+        export interface PrimaryXAxisStripLineFont {
+
+            /** Font color of the strip line text.
+             * @Default {black}
+             */
+            color?: string;
+
+            /** Font family of the strip line text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the strip line text.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the strip line text.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Opacity of the strip line text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the strip line text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryXAxisStripLine {
+
+            /** Border color of the strip line.
+             * @Default {gray}
+             */
+            borderColor?: string;
+
+            /** Background color of the strip line.
+             * @Default {gray}
+             */
+            color?: string;
+
+            /** End value of the strip line.
+             * @Default {null}
+             */
+            end?: number;
+
+            /** Options for customizing the font of the text.
+             */
+            font?: PrimaryXAxisStripLineFont;
+
+            /** Start value of the strip line.
+             * @Default {null}
+             */
+            start?: number;
+
+            /** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
+             * @Default {false}
+             */
+            startFromAxis?: boolean;
+
+            /** Specifies text to be displayed inside the strip line.
+             * @Default {stripLine}
+             */
+            text?: string;
+
+            /** Specifies the alignment of the text inside the strip line.
+             * @Default {middlecenter. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+            /** Show/hides the strip line.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Width of the strip line.
+             * @Default {0}
+             */
+            width?: number;
+
+            /** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”, it is
+             * rendered above the series.
+             * @Default {over. See ZIndex}
+             */
+            zIndex?: ej.datavisualization.Chart.ZIndex|string;
+        }
+
+        export interface PrimaryXAxisLabelBorder {
+
+            /** Specifies the color of the label border.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the width of the label border.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryXAxisTitleFont {
+
+            /** Font family of the title text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the title text.
+             * @Default {ej.datavisualization.Chart.FontStyle.Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the title text.
+             * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the axis title text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the axis title.
+             * @Default {16px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryXAxisTitle {
+
+            /** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Options for customizing the title font.
+             */
+            font?: PrimaryXAxisTitleFont;
+
+            /** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+             * @Default {34}
+             */
+            maximumTitleWidth?: number;
+
+            /** Title for the axis.
+             */
+            text?: string;
+
+            /** Controls the visibility of axis title.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** offset value for axis title.
+             * @Default {0}
+             */
+            offset?: number;
+
+            /** Specifies the position of the axis title.
+             * @Default {outside. See Position}
+             */
+            position?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the position of the axis title.
+             * @Default {center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.TextAlignment|string;
+        }
+
+        export interface PrimaryXAxisScrollbarSettingsRange {
+
+            /** Minimum value of the scrollbar range.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Maximum value for the scrollbar range .
+             * @Default {null}
+             */
+            max?: number;
+        }
+
+        export interface PrimaryXAxisScrollbarSettings {
+
+            /** Specifies to enables or disables the scroll bar.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Controls whether scrollbar has to be responsive in the chart.
+             * @Default {false}
+             */
+            canResize?: boolean;
+
+            /** Options to customize the range for the scrollbar in the axis.
+             */
+            range?: PrimaryXAxisScrollbarSettingsRange;
+
+            /** The maximum number of points to be displayed in the scrollbar.
+             * @Default {null}
+             */
+            pointsLength?: number;
+        }
+
+        export interface PrimaryXAxis {
+
+            /** Options for customizing horizontal axis alternate grid band.
+             */
+            alternateGridBand?: PrimaryXAxisAlternateGridBand;
+
+            /** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum
+             * value of crossing axis, then axis will be placed at the opposite side.
+             * @Default {null}
+             */
+            crossesAt?: number;
+
+            /** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis, then primary X
+             * axis or primary Y axis will be used for crossing
+             * @Default {null}
+             */
+            crossesInAxis?: string;
+
+            /** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
+             * @Default {false}
+             */
+            isIndexed?: boolean;
+
+            /** Specifies the interval of the axis according to the zoomed data of the chart.
+             * @Default {true}
+             */
+            enableAutoIntervalOnZooming?: boolean;
+
+            /** Options for customizing the axis line.
+             */
+            axisLine?: PrimaryXAxisAxisLine;
+
+            /** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
+             * @Default {null}
+             */
+            columnIndex?: number;
+
+            /** Specifies the number of columns or plot areas an axis has to span horizontally.
+             * @Default {null}
+             */
+            columnSpan?: number;
+
+            /** Options to customize the crosshair label.
+             */
+            crosshairLabel?: PrimaryXAxisCrosshairLabel;
+
+            /** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
+             * @Default {null}
+             */
+            desiredIntervals?: number;
+
+            /** Specifies the placement of labels.
+             * @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
+             */
+            labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
+
+            /** Specifies the position of labels at the edge of the axis.
+             * @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
+             */
+            edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
+
+            /** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Options for customizing the font of the axis Labels.
+             */
+            font?: PrimaryXAxisFont;
+
+            /** Specifies the type of interval in date time axis.
+             * @Default {null. See IntervalType}
+             */
+            intervalType?: ej.datavisualization.Chart.IntervalType|string;
+
+            /** Specifies whether to inverse the axis.
+             * @Default {false}
+             */
+            isInversed?: boolean;
+
+            /** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
+             * @Default {null}
+             */
+            labelFormat?: string;
+
+            /** Specifies the action to take when the axis labels are overlapping with each other.
+             * @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
+             */
+            labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
+
+            /** Specifies the position of the axis labels.
+             * @Default {outside. See LabelPosition}
+             */
+            labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the position of the axis labels.
+             * @Default {center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.LabelAlignment|string;
+
+            /** Angle in degrees to rotate the axis labels.
+             * @Default {null}
+             */
+            labelRotation?: number;
+
+            /** Logarithmic base value. This is applicable only for logarithmic axis.
+             * @Default {10}
+             */
+            logBase?: number;
+
+            /** Options for customizing major gird lines.
+             */
+            majorGridLines?: PrimaryXAxisMajorGridLines;
+
+            /** Options for customizing the major tick lines.
+             */
+            majorTickLines?: PrimaryXAxisMajorTickLines;
+
+            /** Maximum number of labels to be displayed in every 100 pixels.
+             * @Default {3}
+             */
+            maximumLabels?: number;
+
+            /** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
+             * @Default {34}
+             */
+            maximumLabelWidth?: number;
+
+            /** Options for customizing the minor grid lines.
+             */
+            minorGridLines?: PrimaryXAxisMinorGridLines;
+
+            /** Options for customizing the minor tick lines.
+             */
+            minorTickLines?: PrimaryXAxisMinorTickLines;
+
+            /** Specifies the number of minor ticks per interval.
+             * @Default {null}
+             */
+            minorTicksPerInterval?: number;
+
+            /** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Specifies whether to render the axis at the opposite side of its default position.
+             * @Default {false}
+             */
+            opposedPosition?: boolean;
+
+            /** Specifies the orientation of the axis line
+             * @Default {Horizontal}
+             */
+            orientation?: ej.datavisualization.Chart.AxisOrientation|string;
+
+            /** Specifies the padding for the plot area.
+             * @Default {10}
+             */
+            plotOffset?: number;
+
+            /** Options to customize the range of the axis.
+             */
+            range?: PrimaryXAxisRange;
+
+            /** Specifies the padding for the axis range.
+             * @Default {None. See RangePadding}
+             */
+            rangePadding?: ej.datavisualization.Chart.RangePadding|string;
+
+            /** Rounds the number to the given number of decimals.
+             * @Default {null}
+             */
+            roundingPlaces?: number;
+
+            /** Options for customizing the multi level labels.
+             * @Default {[ ]}
+             */
+            multiLevelLabels?: PrimaryXAxisMultiLevelLabel[];
+
+            /** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
+             * @Default {true}
+             */
+            showNextToAxisLine?: boolean;
+
+            /** Options for customizing the strip lines.
+             * @Default {[ ]}
+             */
+            stripLine?: PrimaryXAxisStripLine[];
+
+            /** Specifies the position of the axis tick lines.
+             * @Default {outside. See TickLinesPosition}
+             */
+            tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
+
+            /** Options for customizing the border of the labels.
+             */
+            labelBorder?: PrimaryXAxisLabelBorder;
+
+            /** Options for customizing the axis title.
+             */
+            title?: PrimaryXAxisTitle;
+
+            /** Specifies the type of data the axis is handling.
+             * @Default {null. See ValueType}
+             */
+            valueType?: ej.datavisualization.Chart.ValueType|string;
+
+            /** Show/hides the axis.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
+             * @Default {1}
+             */
+            zoomFactor?: number;
+
+            /** Position of the zoomed axis. Value ranges from 0 to 1.
+             * @Default {0}
+             */
+            zoomPosition?: number;
+
+            /** Options for customizing the axis scrollbar
+             */
+            scrollbarSettings?: PrimaryXAxisScrollbarSettings;
+        }
+
+        export interface AxesAlternateGridBandEven {
+
+            /** Fill color for the even grid bands.
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Opacity of the even grid band.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface AxesAlternateGridBandOdd {
+
+            /** Fill color of the odd grid bands
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Opacity of odd grid band
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface AxesAlternateGridBand {
+
+            /** Options for customizing even grid band.
+             */
+            even?: AxesAlternateGridBandEven;
+
+            /** Options for customizing odd grid band.
+             */
+            odd?: AxesAlternateGridBandOdd;
+        }
+
+        export interface AxesAxisLine {
+
+            /** Pattern of dashes and gaps to be applied to the axis line.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
+             * @Default {null}
+             */
+            offset?: number;
+
+            /** Show/hides the axis line.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Color of axis line.
+             */
+            color?: string;
+
+            /** Width of axis line.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface AxesCrosshairLabel {
+
+            /** Show/hides the crosshair label associated with this axis.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface AxesFont {
+
+            /** Font family of labels.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of labels.
+             * @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the label.
+             * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the axis labels.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the axis labels.
+             * @Default {13px}
+             */
+            size?: string;
+        }
+
+        export interface AxesMajorGridLines {
+
+            /** Pattern of dashes and gaps used to stroke the major grid lines.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Color of the major grid line.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Opacity of major grid lines.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Show/hides the major grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the major grid lines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface AxesMajorTickLines {
+
+            /** Length of the major tick lines.
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Show/hides the major tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the major tick lines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface AxesMinorGridLines {
+
+            /** Patterns of dashes and gaps used to stroke the minor grid lines.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Show/hides the minor grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the minorGridLines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface AxesMinorTickLines {
+
+            /** Length of the minor tick lines.
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Show/hides the minor tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the minor tick line.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface AxesRange {
+
+            /** Minimum value of the axis range.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Maximum value of the axis range.
+             * @Default {null}
+             */
+            max?: number;
+
+            /** Interval of the axis range.
+             * @Default {null}
+             */
+            interval?: number;
+        }
+
+        export interface AxesMultiLevelLabelsFont {
+
+            /** Font color of the multi level labels text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font family of the multi level labels text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the multi level labels text.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the multi level label text.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Opacity of the multi level label text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the multi level label text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface AxesMultiLevelLabelsBorder {
+
+            /** Border color of the multi level labels.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the multi level labels.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Border type of the multi level labels.
+             * @Default {rectangle. See Type}
+             */
+            type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
+        }
+
+        export interface AxesMultiLevelLabel {
+
+            /** Visibility of the multi level labels.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Text of the multi level labels.
+             */
+            text?: string;
+
+            /** Starting value of the multi level labels.
+             * @Default {null}
+             */
+            start?: number;
+
+            /** Ending value of the multi level labels.
+             * @Default {null}
+             */
+            end?: number;
+
+            /** Specifies the level of multi level labels.
+             * @Default {0}
+             */
+            level?: number;
+
+            /** Specifies the maximum width of the text in multi level labels.
+             * @Default {null}
+             */
+            maximumTextWidth?: number;
+
+            /** Specifies the alignment of the text in multi level labels.
+             * @Default {center. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+            /** Specifies the handling of text over flow in multi level labels.
+             * @Default {center. See TextOverflow}
+             */
+            textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+            /** Options for customizing the font of the text.
+             */
+            font?: AxesMultiLevelLabelsFont;
+
+            /** Options for customizing the border of the series.
+             */
+            border?: AxesMultiLevelLabelsBorder;
+        }
+
+        export interface AxesStripLineFont {
+
+            /** Font color of the strip line text.
+             * @Default {black}
+             */
+            color?: string;
+
+            /** Font family of the strip line text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the strip line text.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the strip line text.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Opacity of the strip line text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the strip line text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface AxesStripLine {
+
+            /** Border color of the strip line.
+             * @Default {gray}
+             */
+            borderColor?: string;
+
+            /** Background color of the strip line.
+             * @Default {gray}
+             */
+            color?: string;
+
+            /** End value of the strip line.
+             * @Default {null}
+             */
+            end?: number;
+
+            /** Options for customizing the font of the text.
+             */
+            font?: AxesStripLineFont;
+
+            /** Start value of the strip line.
+             * @Default {null}
+             */
+            start?: number;
+
+            /** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
+             * @Default {false}
+             */
+            startFromAxis?: boolean;
+
+            /** Specifies text to be displayed inside the strip line.
+             * @Default {stripLine}
+             */
+            text?: string;
+
+            /** Specifies the alignment of the text inside the strip line.
+             * @Default {middlecenter. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+            /** Show/hides the strip line.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Width of the strip line.
+             * @Default {0}
+             */
+            width?: number;
+
+            /** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”, it is
+             * rendered above the series.
+             * @Default {over. See ZIndex}
+             */
+            zIndex?: ej.datavisualization.Chart.ZIndex|string;
+        }
+
+        export interface AxesLabelBorder {
+
+            /** Specifies the color of the label border.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the width of the label border.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface AxesTitleFont {
+
+            /** Font family of the title text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the title text.
+             * @Default {ej.datavisualization.Chart.FontStyle.Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the title text.
+             * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the axis title text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the axis title.
+             * @Default {16px}
+             */
+            size?: string;
+        }
+
+        export interface AxesTitle {
+
+            /** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Options for customizing the title font.
+             */
+            font?: AxesTitleFont;
+
+            /** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+             * @Default {34}
+             */
+            maximumTitleWidth?: number;
+
+            /** Title for the axis.
+             */
+            text?: string;
+
+            /** Controls the visibility of axis title.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** offset value for axis title.
+             * @Default {0}
+             */
+            offset?: number;
+
+            /** Specifies the position of the axis title.
+             * @Default {outside. See Position}
+             */
+            position?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the position of the axis title.
+             * @Default {center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.TextAlignment|string;
+        }
+
+        export interface AxesScrollbarSettingsRange {
+
+            /** Minimum value of the scrollbar range.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Maximum value for the scrollbar range .
+             * @Default {null}
+             */
+            max?: number;
+        }
+
+        export interface AxesScrollbarSettings {
+
+            /** Specifies to enable or disable the scrollbar.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Controls whether scrollbar has to be responsive in the chart.
+             * @Default {false}
+             */
+            canResize?: boolean;
+
+            /** Options to customize the range for the scrollbar in the axis.
+             */
+            range?: AxesScrollbarSettingsRange;
+
+            /** The maximum number of points to be displayed in the scrollbar.
+             * @Default {null}
+             */
+            pointsLength?: number;
+        }
+
+        export interface Axis {
+
+            /** Options for customizing axis alternate grid band.
+             */
+            alternateGridBand?: AxesAlternateGridBand;
+
+            /** Specifies where axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of
+             * crossing axis, then axis will be placed at the opposite side.
+             * @Default {null}
+             */
+            crossesAt?: number;
+
+            /** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
+             * @Default {false}
+             */
+            isIndexed?: boolean;
+
+            /** Options for customizing the axis line.
+             */
+            axisLine?: AxesAxisLine;
+
+            /** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
+             * @Default {null}
+             */
+            columnIndex?: number;
+
+            /** Specifies the number of columns or plot areas an axis has to span horizontally.
+             * @Default {null}
+             */
+            columnSpan?: number;
+
+            /** Options to customize the crosshair label.
+             */
+            crosshairLabel?: AxesCrosshairLabel;
+
+            /** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
+             * @Default {null}
+             */
+            desiredIntervals?: number;
+
+            /** Specifies the placement of labels.
+             * @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
+             */
+            labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
+
+            /** Specifies the position of labels at the edge of the axis.
+             * @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
+             */
+            edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
+
+            /** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Specifies the interval of the axis according to the zoomed data of the chart.
+             * @Default {true}
+             */
+            enableAutoIntervalOnZooming?: boolean;
+
+            /** Options for customizing the font of the axis Labels.
+             */
+            font?: AxesFont;
+
+            /** Specifies the type of interval in date time axis.
+             * @Default {null. See IntervalType}
+             */
+            intervalType?: ej.datavisualization.Chart.IntervalType|string;
+
+            /** Specifies whether to inverse the axis.
+             * @Default {false}
+             */
+            isInversed?: boolean;
+
+            /** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
+             * @Default {null}
+             */
+            labelFormat?: string;
+
+            /** Specifies the action to take when the axis labels are overlapping with each other.
+             * @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
+             */
+            labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
+
+            /** Specifies the position of the axis labels.
+             * @Default {outside. See LabelPosition}
+             */
+            labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the position of the axis labels.
+             * @Default {center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.LabelAlignment|string;
+
+            /** Angle in degrees to rotate the axis labels.
+             * @Default {null}
+             */
+            labelRotation?: number;
+
+            /** Logarithmic base value. This is applicable only for logarithmic axis.
+             * @Default {10}
+             */
+            logBase?: number;
+
+            /** Options for customizing major gird lines.
+             */
+            majorGridLines?: AxesMajorGridLines;
+
+            /** Options for customizing the major tick lines.
+             */
+            majorTickLines?: AxesMajorTickLines;
+
+            /** Maximum number of labels to be displayed in every 100 pixels.
+             * @Default {3}
+             */
+            maximumLabels?: number;
+
+            /** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
+             * @Default {34}
+             */
+            maximumLabelWidth?: number;
+
+            /** Options for customizing the minor grid lines.
+             */
+            minorGridLines?: AxesMinorGridLines;
+
+            /** Options for customizing the minor tick lines.
+             */
+            minorTickLines?: AxesMinorTickLines;
+
+            /** Specifies the number of minor ticks per interval.
+             * @Default {null}
+             */
+            minorTicksPerInterval?: number;
+
+            /** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Specifies whether to render the axis at the opposite side of its default position.
+             * @Default {false}
+             */
+            opposedPosition?: boolean;
+
+            /** Specifies the orientation of the axis line in the chart.
+             * @Default {'horizontal'}
+             */
+            orientation?: ej.datavisualization.Chart.AxisOrientation|string;
+
+            /** Specifies the padding for the plot area.
+             * @Default {10}
+             */
+            plotOffset?: number;
+
+            /** Options to customize the range of the axis.
+             */
+            range?: AxesRange;
+
+            /** Specifies the padding for the axis range.
+             * @Default {None. See RangePadding}
+             */
+            rangePadding?: ej.datavisualization.Chart.RangePadding|string;
+
+            /** Rounds the number to the given number of decimals.
+             * @Default {null}
+             */
+            roundingPlaces?: number;
+
+            /** Options for customizing the multi level labels.
+             * @Default {[ ]}
+             */
+            multiLevelLabels?: AxesMultiLevelLabel[];
+
+            /** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
+             * @Default {true}
+             */
+            showNextToAxisLine?: boolean;
+
+            /** Options for customizing the strip lines.
+             * @Default {[ ]}
+             */
+            stripLine?: AxesStripLine[];
+
+            /** Specifies the position of the axis tick lines.
+             * @Default {outside. See TickLinesPosition}
+             */
+            tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
+
+            /** Options for customizing the border of the labels.
+             */
+            labelBorder?: AxesLabelBorder;
+
+            /** Options for customizing the axis title.
+             */
+            title?: AxesTitle;
+
+            /** Specifies the type of data the axis is handling.
+             * @Default {null. See ValueType}
+             */
+            valueType?: ej.datavisualization.Chart.ValueType|string;
+
+            /** Show/hides the axis.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
+             * @Default {1}
+             */
+            zoomFactor?: number;
+
+            /** Position of the zoomed axis. Value ranges from 0 to 1.
+             * @Default {0}
+             */
+            zoomPosition?: number;
+
+            /** Options for customizing the axis scrollbar.
+             */
+            scrollbarSettings?: AxesScrollbarSettings;
+        }
+
+        export interface PrimaryYAxisAlternateGridBandEven {
+
+            /** Fill color for the even grid bands.
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Opacity of the even grid band.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface PrimaryYAxisAlternateGridBandOdd {
+
+            /** Fill color of the odd grid bands.
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Opacity of odd grid band.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface PrimaryYAxisAlternateGridBand {
+
+            /** Options for customizing even grid band.
+             */
+            even?: PrimaryYAxisAlternateGridBandEven;
+
+            /** Options for customizing odd grid band.
+             */
+            odd?: PrimaryYAxisAlternateGridBandOdd;
+        }
+
+        export interface PrimaryYAxisAxisLine {
+
+            /** Pattern of dashes and gaps to be applied to the axis line.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
+             * @Default {null}
+             */
+            offset?: number;
+
+            /** Show/hides the axis line.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Color of axis line.
+             */
+            color?: string;
+
+            /** Width of axis line.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryYAxisCrosshairLabel {
+
+            /** Show/hides the crosshair label associated with this axis.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface PrimaryYAxisFont {
+
+            /** Font family of labels.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of labels.
+             * @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the label.
+             * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the axis labels.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the axis labels.
+             * @Default {13px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryYAxisMajorGridLines {
+
+            /** Pattern of dashes and gaps used to stroke the major grid lines.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Color of the major grid lines.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Opacity of major grid lines.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Show/hides the major grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the major grid lines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryYAxisMajorTickLines {
+
+            /** Length of the major tick lines.
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Show/hides the major tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the major tick lines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryYAxisMinorGridLines {
+
+            /** Patterns of dashes and gaps used to stroke the minor grid lines.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Show/hides the minor grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the minorGridLines.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryYAxisMinorTickLines {
+
+            /** Length of the minor tick lines.
+             * @Default {5}
+             */
+            size?: number;
+
+            /** Show/hides the minor tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the minor tick line
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryYAxisRange {
+
+            /** Minimum value of the axis range.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Maximum value of the axis range.
+             * @Default {null}
+             */
+            max?: number;
+
+            /** Interval for the range.
+             * @Default {null}
+             */
+            interval?: number;
+        }
+
+        export interface PrimaryYAxisMultiLevelLabelsFont {
+
+            /** Font color of the multi level labels text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font family of the multi level labels text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the multi level labels text.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the multi level label text.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Opacity of the multi level label text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the multi level label text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryYAxisMultiLevelLabelsBorder {
+
+            /** Border color of the multi level labels.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the multi level labels.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Border type of the multi level labels.
+             * @Default {rectangle. See Type}
+             */
+            type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
+        }
+
+        export interface PrimaryYAxisMultiLevelLabel {
+
+            /** Visibility of the multi level labels.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Text of the multi level labels.
+             */
+            text?: string;
+
+            /** Starting value of the multi level labels.
+             * @Default {null}
+             */
+            start?: number;
+
+            /** Ending value of the multi level labels.
+             * @Default {null}
+             */
+            end?: number;
+
+            /** Specifies the level of multi level labels.
+             * @Default {0}
+             */
+            level?: number;
+
+            /** Specifies the maximum width of the text in multi level labels.
+             * @Default {null}
+             */
+            maximumTextWidth?: number;
+
+            /** Specifies the alignment of the text in multi level labels.
+             * @Default {center. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+            /** Specifies the handling of text over flow in multi level labels.
+             * @Default {center. See TextOverflow}
+             */
+            textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+            /** Options for customizing the font of the text.
+             */
+            font?: PrimaryYAxisMultiLevelLabelsFont;
+
+            /** Options for customizing the border of the series.
+             */
+            border?: PrimaryYAxisMultiLevelLabelsBorder;
+        }
+
+        export interface PrimaryYAxisScrollbarSettingsRange {
+
+            /** Minimum value of the scrollbar range.
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Maximum value for the scrollbar range .
+             * @Default {null}
+             */
+            max?: number;
+        }
+
+        export interface PrimaryYAxisScrollbarSettings {
+
+            /** Specifies to enable or disable the scrollbar.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Controls whether scrollbar has to be responsive in the chart.
+             * @Default {false}
+             */
+            canResize?: boolean;
+
+            /** Options to customize the range for the scrollbar in the axis.
+             */
+            range?: PrimaryYAxisScrollbarSettingsRange;
+
+            /** The maximum number of points to be displayed in the scrollbar.
+             * @Default {null}
+             */
+            pointsLength?: number;
+        }
+
+        export interface PrimaryYAxisStripLineFont {
+
+            /** Font color of the strip line text.
+             * @Default {black}
+             */
+            color?: string;
+
+            /** Font family of the strip line text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the strip line text.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the strip line text.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Opacity of the strip line text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the strip line text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryYAxisStripLine {
+
+            /** Border color of the strip line.
+             * @Default {gray}
+             */
+            borderColor?: string;
+
+            /** Background color of the strip line.
+             * @Default {gray}
+             */
+            color?: string;
+
+            /** End value of the strip line.
+             * @Default {null}
+             */
+            end?: number;
+
+            /** Options for customizing the font of the text.
+             */
+            font?: PrimaryYAxisStripLineFont;
+
+            /** Start value of the strip line.
+             * @Default {null}
+             */
+            start?: number;
+
+            /** Indicates whether to render the strip line from the minimum/start value of the axis. This property won’t work when start property is set.
+             * @Default {false}
+             */
+            startFromAxis?: boolean;
+
+            /** Specifies text to be displayed inside the strip line.
+             * @Default {stripLine}
+             */
+            text?: string;
+
+            /** Specifies the alignment of the text inside the strip line.
+             * @Default {middlecenter. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
+
+            /** Show/hides the strip line.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Width of the strip line.
+             * @Default {0}
+             */
+            width?: number;
+
+            /** Specifies the order in which strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered below the series and when it is “over”, it is
+             * rendered above the series.
+             * @Default {over. See ZIndex}
+             */
+            zIndex?: ej.datavisualization.Chart.ZIndex|string;
+        }
+
+        export interface PrimaryYAxisLabelBorder {
+
+            /** Specifies the color of the label border.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the width of the label border.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface PrimaryYAxisTitleFont {
+
+            /** Font family of the title text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the title text.
+             * @Default {ej.datavisualization.Chart.FontStyle.Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the title text.
+             * @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the axis title text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the axis title.
+             * @Default {16px}
+             */
+            size?: string;
+        }
+
+        export interface PrimaryYAxisTitle {
+
+            /** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
+             * @Default {ej.datavisualization.Chart.enableTrim}
+             */
+            enableTrim?: boolean;
+
+            /** Options for customizing the title font.
+             */
+            font?: PrimaryYAxisTitleFont;
+
+            /** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+             * @Default {ej.datavisualization.Chart.maximumTitleWidth.null}
+             */
+            maximumTitleWidth?: number;
+
+            /** Title for the axis.
+             */
+            text?: string;
+
+            /** Controls the visibility of axis title.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** offset value for axis title.
+             * @Default {0}
+             */
+            offset?: number;
+
+            /** Specifies the position of the axis title.
+             * @Default {outside. See Position}
+             */
+            position?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the position of the axis title.
+             * @Default {center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.TextAlignment|string;
+        }
+
+        export interface PrimaryYAxis {
+
+            /** Options for customizing vertical axis alternate grid band.
+             */
+            alternateGridBand?: PrimaryYAxisAlternateGridBand;
+
+            /** Specifies the interval of the axis according to the zoomed data of the chart.
+             * @Default {true}
+             */
+            enableAutoIntervalOnZooming?: boolean;
+
+            /** Options for customizing the axis line.
+             */
+            axisLine?: PrimaryYAxisAxisLine;
+
+            /** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum
+             * value of crossing axis, then axis will be placed at the opposite side.
+             * @Default {null}
+             */
+            crossesAt?: number;
+
+            /** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis, then primary X
+             * axis or primary Y axis will be used for crossing
+             * @Default {null}
+             */
+            crossesInAxis?: string;
+
+            /** Options to customize the crosshair label.
+             */
+            crosshairLabel?: PrimaryYAxisCrosshairLabel;
+
+            /** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
+             * @Default {null}
+             */
+            desiredIntervals?: number;
+
+            /** Specifies the placement of labels.
+             * @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
+             */
+            labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
+
+            /** Specifies the position of labels at the edge of the axis.
+             * @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
+             */
+            edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
+
+            /** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Options for customizing the font of the axis Labels.
+             */
+            font?: PrimaryYAxisFont;
+
+            /** Specifies the type of interval in date time axis.
+             * @Default {null. See IntervalType}
+             */
+            intervalType?: ej.datavisualization.Chart.IntervalType|string;
+
+            /** Specifies whether to inverse the axis.
+             * @Default {false}
+             */
+            isInversed?: boolean;
+
+            /** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
+             * @Default {null}
+             */
+            labelFormat?: string;
+
+            /** Specifies the action to take when the axis labels are overlapping with each other.
+             * @Default {ej.datavisualization.Chart.LabelIntersectAction.None}
+             */
+            labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
+
+            /** Specifies the position of the axis labels.
+             * @Default {outside. See LabelPosition}
+             */
+            labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the position of the axis labels.
+             * @Default {center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Chart.LabelAlignment|string;
+
+            /** Logarithmic base value. This is applicable only for logarithmic axis.
+             * @Default {10}
+             */
+            logBase?: number;
+
+            /** Options for customizing major gird lines.
+             */
+            majorGridLines?: PrimaryYAxisMajorGridLines;
+
+            /** Options for customizing the major tick lines.
+             */
+            majorTickLines?: PrimaryYAxisMajorTickLines;
+
+            /** Maximum number of labels to be displayed in every 100 pixels.
+             * @Default {3}
+             */
+            maximumLabels?: number;
+
+            /** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
+             * @Default {ej.datavisualization.Chart.maximumLabelWidth type {int}}
+             */
+            maximumLabelWidth?: number;
+
+            /** Options for customizing the minor grid lines.
+             */
+            minorGridLines?: PrimaryYAxisMinorGridLines;
+
+            /** Options for customizing the minor tick lines.
+             */
+            minorTickLines?: PrimaryYAxisMinorTickLines;
+
+            /** Specifies the number of minor ticks per interval.
+             * @Default {null}
+             */
+            minorTicksPerInterval?: number;
+
+            /** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Specifies whether to render the axis at the opposite side of its default position.
+             * @Default {false}
+             */
+            opposedPosition?: boolean;
+
+            /** Specifies the orientation of the axis line in the chart.
+             * @Default {Vertical}
+             */
+            orientation?: ej.datavisualization.Chart.AxisOrientation|string;
+
+            /** Specifies the padding for the plot area.
+             * @Default {10}
+             */
+            plotOffset?: number;
+
+            /** Options to customize the range of the axis.
+             */
+            range?: PrimaryYAxisRange;
+
+            /** Specifies the padding for the axis range.
+             * @Default {ej.datavisualization.Chart.RangePadding.None. See RangePadding}
+             */
+            rangePadding?: ej.datavisualization.Chart.RangePadding|string;
+
+            /** Rounds the number to the given number of decimals.
+             * @Default {null}
+             */
+            roundingPlaces?: number;
+
+            /** Specifies the index of the row to which the axis is associated, when the chart area is divided into multiple plot areas by using rowDefinitions.
+             * @Default {null}
+             */
+            rowIndex?: number;
+
+            /** Specifies the number of row or plot areas an axis has to span vertically.
+             * @Default {null}
+             */
+            rowSpan?: number;
+
+            /** Options for customizing the multi level labels.
+             * @Default {[ ]}
+             */
+            multiLevelLabels?: PrimaryYAxisMultiLevelLabel[];
+
+            /** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
+             * @Default {true}
+             */
+            showNextToAxisLine?: boolean;
+
+            /** Options for customizing the axis scrollbar.
+             */
+            scrollbarSettings?: PrimaryYAxisScrollbarSettings;
+
+            /** Options for customizing the strip lines.
+             * @Default {[ ]}
+             */
+            stripLine?: PrimaryYAxisStripLine[];
+
+            /** Specifies the position of the axis tick lines.
+             * @Default {outside. See TickLinesPosition}
+             */
+            tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
+
+            /** Options for customizing the border of the labels.
+             */
+            labelBorder?: PrimaryYAxisLabelBorder;
+
+            /** Options for customizing the axis title.
+             */
+            title?: PrimaryYAxisTitle;
+
+            /** Specifies the type of data the axis is handling.
+             * @Default {null. See ValueType}
+             */
+            valueType?: ej.datavisualization.Chart.ValueType|string;
+
+            /** Show/hides the axis.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Values ranges from 0 to 1.
+             * @Default {1}
+             */
+            zoomFactor?: number;
+
+            /** Position of the zoomed axis. Value ranges from 0 to 1
+             * @Default {0}
+             */
+            zoomPosition?: number;
+        }
+
+        export interface RowDefinition {
+
+            /** Specifies the unit to measure the height of the row in plotting area.
+             * @Default {'pixel'. See Unit}
+             */
+            unit?: ej.datavisualization.Chart.Unit|string;
+
+            /** Height of the row in plotting area. Height is measured in either pixel or percentage based on the value of unit property.
+             * @Default {50}
+             */
+            rowHeight?: number;
+
+            /** Color of the line that indicates the starting point of the row in plotting area.
+             * @Default {transparent}
+             */
+            lineColor?: string;
+
+            /** Width of the line that indicates the starting point of the row in plot area.
+             * @Default {1}
+             */
+            lineWidth?: number;
+        }
+
+        export interface SeriesBorder {
+
+            /** Border color of the series.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the series.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** DashArray for border of the series.
+             * @Default {null}
+             */
+            dashArray?: string;
+        }
+
+        export interface SeriesFont {
+
+            /** Font color of the series text.
+             * @Default {#707070}
+             */
+            color?: string;
+
+            /** Font Family of the series.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font Style of the series.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the series.
+             * @Default {Regular}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of series text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Size of the series text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface SeriesBubbleOptions {
+
+            /** Used for the calculation of the bubble radius based on the mode selected
+             * @Default {minmax .See RadiusMode}
+             */
+            radiusMode?: ej.datavisualization.Chart.RadiusMode|string;
+
+            /** Used for the setting the minimum radius of the bubble
+             * @Default {1}
+             */
+            minRadius?: number;
+
+            /** Used for setting the maximum radius of the bubble
+             * @Default {3}
+             */
+            maxRadius?: number;
+        }
+
+        export interface SeriesMarkerBorder {
+
+            /** Border color of the marker shape.
+             * @Default {white}
+             */
+            color?: string;
+
+            /** Border width of the marker shape.
+             * @Default {3}
+             */
+            width?: number;
+        }
+
+        export interface SeriesMarkerDataLabelBorder {
+
+            /** Border color of the data label.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the data label.
+             * @Default {0.1}
+             */
+            width?: number;
+        }
+
+        export interface SeriesMarkerDataLabelConnectorLine {
+
+            /** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
+             * @Default {line. See ConnectorLineType}
+             */
+            type?: ej.datavisualization.Chart.Type|string;
+
+            /** Width of the connector.
+             * @Default {0.5}
+             */
+            width?: number;
+
+            /** Color of the connector.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Height of the connector.
+             * @Default {null}
+             */
+            height?: number;
+        }
+
+        export interface SeriesMarkerDataLabelFont {
+
+            /** Font family of the data label.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font color of the data label text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font style of the data label.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the data label.
+             * @Default {regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the data label.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface SeriesMarkerDataLabelMargin {
+
+            /** Bottom margin of the text.
+             * @Default {5}
+             */
+            bottom?: number;
+
+            /** Left margin of the text.
+             * @Default {5}
+             */
+            left?: number;
+
+            /** Right margin of the text.
+             * @Default {5}
+             */
+            right?: number;
+
+            /** Top margin of the text.
+             * @Default {5}
+             */
+            top?: number;
+        }
+
+        export interface SeriesMarkerDataLabelOffset {
+
+            /** X value or horizontal offset to position the labels in chart.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Y value or vertical offset to position the labels.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface SeriesMarkerDataLabel {
+
+            /** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
+             * @Default {null}
+             */
+            angle?: number;
+
+            /** Maximum label width of the data label.
+             * @Default {null}
+             */
+            maximumLabelWidth?: number;
+
+            /** Enable the wrap option to the data label.
+             * @Default {false}
+             */
+            enableWrap?: boolean;
+
+            /** Options for customizing the border of the data label.
+             */
+            border?: SeriesMarkerDataLabelBorder;
+
+            /** Options for displaying and customizing the line that connects point and data label.
+             */
+            connectorLine?: SeriesMarkerDataLabelConnectorLine;
+
+            /** Background color of the data label.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the data label font.
+             */
+            font?: SeriesMarkerDataLabelFont;
+
+            /** Horizontal alignment of the data label.
+             * @Default {center}
+             */
+            horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
+
+            /** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
+             */
+            margin?: SeriesMarkerDataLabelMargin;
+
+            /** Opacity of the data label.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Background shape of the data label.
+             * @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Name of a field in data source where datalabel text is displayed.
+             */
+            textMappingName?: string;
+
+            /** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar,
+             * candle and OHLC.
+             * @Default {top. See TextPosition}
+             */
+            textPosition?: ej.datavisualization.Chart.TextPosition|string;
+
+            /** Vertical alignment of the data label.
+             * @Default {'center'}
+             */
+            verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
+
+            /** Controls the visibility of the data labels.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+             */
+            template?: string;
+
+            /** Options for customizing the datalabel positions
+             */
+            offset?: SeriesMarkerDataLabelOffset;
+        }
+
+        export interface SeriesMarkerSize {
+
+            /** Height of the marker.
+             * @Default {6}
+             */
+            height?: number;
+
+            /** Width of the marker.
+             * @Default {6}
+             */
+            width?: number;
+        }
+
+        export interface SeriesMarker {
+
+            /** Options for customizing the border of the marker shape.
+             */
+            border?: SeriesMarkerBorder;
+
+            /** Options for displaying and customizing data labels.
+             */
+            dataLabel?: SeriesMarkerDataLabel;
+
+            /** Color of the marker shape.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
+             */
+            imageUrl?: string;
+
+            /** Opacity of the marker.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the shape of the marker.
+             * @Default {circle. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Options for customizing the size of the marker shape.
+             */
+            size?: SeriesMarkerSize;
+
+            /** Controls the visibility of the marker shape.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface SeriesOutlierSettingsSize {
+
+            /** Height of the outlier shape.
+             * @Default {6}
+             */
+            height?: number;
+
+            /** Width of the outlier shape.
+             * @Default {6}
+             */
+            width?: number;
+        }
+
+        export interface SeriesOutlierSettings {
+
+            /** Specifies the shape of the outlier.
+             * @Default {circle. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Options for customizing the size of the outlier shape.
+             */
+            size?: SeriesOutlierSettingsSize;
+        }
+
+        export interface SeriesEmptyPointSettingsStyleBorder {
+
+            /** Border color of the empty point.
+             */
+            color?: string;
+
+            /** Border width of the empty point.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface SeriesEmptyPointSettingsStyle {
+
+            /** Color of the empty point.
+             */
+            color?: string;
+
+            /** Options for customizing border of the empty point in the series.
+             */
+            border?: SeriesEmptyPointSettingsStyleBorder;
+        }
+
+        export interface SeriesEmptyPointSettings {
+
+            /** Controls the visibility of the empty point.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Specifies the mode of empty point.
+             * @Default {gap}
+             */
+            displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
+
+            /** Options for customizing the color and border of the empty point in the series.
+             */
+            style?: SeriesEmptyPointSettingsStyle;
+        }
+
+        export interface SeriesConnectorLine {
+
+            /** Width of the connector line.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Color of the connector line.
+             * @Default {#565656}
+             */
+            color?: string;
+
+            /** DashArray of the connector line.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Opacity of the connector line.
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface SeriesDragSettings {
+
+            /** drag/drop the series
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies the type of drag settings.
+             * @Default {xy}
+             */
+            type?: string;
+        }
+
+        export interface SeriesErrorBarCap {
+
+            /** Show/Hides the error bar cap.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Width of the error bar cap.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Length of the error bar cap.
+             * @Default {1}
+             */
+            length?: number;
+
+            /** Color of the error bar cap.
+             * @Default {#000000}
+             */
+            fill?: string;
+        }
+
+        export interface SeriesErrorBar {
+
+            /** Show/hides the error bar
+             * @Default {visible}
+             */
+            visibility?: boolean;
+
+            /** Specifies the type of error bar.
+             * @Default {FixedValue}
+             */
+            type?: ej.datavisualization.Chart.ErrorBarType|string;
+
+            /** Specifies the mode of error bar.
+             * @Default {vertical}
+             */
+            mode?: ej.datavisualization.Chart.ErrorBarMode|string;
+
+            /** Specifies the direction of error bar.
+             * @Default {both}
+             */
+            direction?: ej.datavisualization.Chart.ErrorBarDirection|string;
+
+            /** Value of vertical error bar.
+             * @Default {3}
+             */
+            verticalErrorValue?: number;
+
+            /** Value of horizontal  error bar.
+             * @Default {1}
+             */
+            horizontalErrorValue?: number;
+
+            /** Value of positive horizontal error bar.
+             * @Default {1}
+             */
+            horizontalPositiveErrorValue?: number;
+
+            /** Value of negative horizontal error bar.
+             * @Default {1}
+             */
+            horizontalNegativeErrorValue?: number;
+
+            /** Value of positive vertical error bar.
+             * @Default {5}
+             */
+            verticalPositiveErrorValue?: number;
+
+            /** Value of negative vertical error bar.
+             * @Default {5}
+             */
+            verticalNegativeErrorValue?: number;
+
+            /** Fill color of the error bar.
+             * @Default {#000000}
+             */
+            fill?: string;
+
+            /** Width of the error bar.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Options for customizing the error bar cap.
+             */
+            cap?: SeriesErrorBarCap;
+        }
+
+        export interface SeriesPointsBorder {
+
+            /** Border color of the point.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the point.
+             * @Default {null}
+             */
+            width?: number;
+        }
+
+        export interface SeriesPointsMarkerBorder {
+
+            /** Border color of the marker shape.
+             * @Default {white}
+             */
+            color?: string;
+
+            /** Border width of the marker shape.
+             * @Default {3}
+             */
+            width?: number;
+        }
+
+        export interface SeriesPointsMarkerDataLabelBorder {
+
+            /** Border color of the data label.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the data label.
+             * @Default {0.1}
+             */
+            width?: number;
+        }
+
+        export interface SeriesPointsMarkerDataLabelConnectorLine {
+
+            /** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
+             * @Default {line. See ConnectorLineType}
+             */
+            type?: ej.datavisualization.Chart.ConnectorLineType|string;
+
+            /** Width of the connector.
+             * @Default {0.5}
+             */
+            width?: number;
+        }
+
+        export interface SeriesPointsMarkerDataLabelFont {
+
+            /** Font family of the data label.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the data label.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight of the data label.
+             * @Default {regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size of the data label.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface SeriesPointsMarkerDataLabelMargin {
+
+            /** Bottom margin of the text.
+             * @Default {5}
+             */
+            bottom?: number;
+
+            /** Left margin of the text.
+             * @Default {5}
+             */
+            left?: number;
+
+            /** Right margin of the text.
+             * @Default {5}
+             */
+            right?: number;
+
+            /** Top margin of the text.
+             * @Default {5}
+             */
+            top?: number;
+        }
+
+        export interface SeriesPointsMarkerDataLabel {
+
+            /** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
+             * @Default {null}
+             */
+            angle?: number;
+
+            /** Options for customizing the border of the data label.
+             */
+            border?: SeriesPointsMarkerDataLabelBorder;
+
+            /** Options for displaying and customizing the line that connects point and data label.
+             */
+            connectorLine?: SeriesPointsMarkerDataLabelConnectorLine;
+
+            /** Background color of the data label.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the data label font.
+             */
+            font?: SeriesPointsMarkerDataLabelFont;
+
+            /** Horizontal alignment of the data label.
+             * @Default {center}
+             */
+            horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
+
+            /** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
+             */
+            margin?: SeriesPointsMarkerDataLabelMargin;
+
+            /** Opacity of the data label.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Background shape of the data label.
+             * @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar,
+             * candle and OHLC.
+             * @Default {top. See TextPosition}
+             */
+            textPosition?: ej.datavisualization.Chart.TextPosition|string;
+
+            /** Vertical alignment of the data label.
+             * @Default {'center'}
+             */
+            verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
+
+            /** Controls the visibility of the data labels.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+             */
+            template?: string;
+
+            /** Moves the label vertically by specified offset.
+             * @Default {0}
+             */
+            offset?: number;
+        }
+
+        export interface SeriesPointsMarkerSize {
+
+            /** Height of the marker.
+             * @Default {6}
+             */
+            height?: number;
+
+            /** Width of the marker.
+             * @Default {6}
+             */
+            width?: number;
+        }
+
+        export interface SeriesPointsMarker {
+
+            /** Options for customizing the border of the marker shape.
+             */
+            border?: SeriesPointsMarkerBorder;
+
+            /** Options for displaying and customizing data label.
+             */
+            dataLabel?: SeriesPointsMarkerDataLabel;
+
+            /** Color of the marker shape.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
+             */
+            imageUrl?: string;
+
+            /** Opacity of the marker.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the shape of the marker.
+             * @Default {circle. See Shape}
+             */
+            shape?: ej.datavisualization.Chart.Shape|string;
+
+            /** Options for customizing the size of the marker shape.
+             */
+            size?: SeriesPointsMarkerSize;
+
+            /** Controls the visibility of the marker shape.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface SeriesPoint {
+
+            /** Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
+             */
+            border?: SeriesPointsBorder;
+
+            /** Enables or disables the visibility of legend item.
+             * @Default {visible}
+             */
+            visibleOnLegend?: string;
+
+            /** To show/hide the intermediate summary from the last intermediate point.
+             * @Default {false}
+             */
+            showIntermediateSum?: boolean;
+
+            /** To show/hide the total summary of the waterfall series.
+             * @Default {false}
+             */
+            showTotalSum?: boolean;
+
+            /** Close value of the point. Close value is applicable only for financial type series.
+             * @Default {null}
+             */
+            close?: number;
+
+            /** Size of a bubble in the bubble series. This is applicable only for the bubble series.
+             * @Default {null}
+             */
+            size?: number;
+
+            /** Background color of the point. This is applicable only for column type series and accumulation type series.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** High value of the point. High value is applicable only for financial type series, range area series and range column series.
+             * @Default {null}
+             */
+            high?: number;
+
+            /** Low value of the point. Low value is applicable only for financial type series, range area series and range column series.
+             * @Default {null}
+             */
+            low?: number;
+
+            /** Options for displaying and customizing marker for a data point. Marker contains shapes and/or data labels.
+             */
+            marker?: SeriesPointsMarker;
+
+            /** Open value of the point. This is applicable only for financial type series.
+             * @Default {null}
+             */
+            open?: number;
+
+            /** Datalabel text for the point.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** X value of the point.
+             * @Default {null}
+             */
+            x?: number;
+
+            /** Y value of the point.
+             * @Default {null}
+             */
+            y?: number;
+        }
+
+        export interface SeriesCornerRadius {
+
+            /** Specifies the radius for the top left corner.
+             * @Default {0}
+             */
+            topLeft?: number;
+
+            /** Specifies the radius for the top right corner.
+             * @Default {0}
+             */
+            topRight?: number;
+
+            /** Specifies the radius for the bottom left corner.
+             * @Default {0}
+             */
+            bottomLeft?: number;
+
+            /** Specifies the radius for the bottom right corner.
+             * @Default {0}
+             */
+            bottomRight?: number;
+        }
+
+        export interface SeriesTooltipBorder {
+
+            /** Border Color of the tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border Width of the tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface SeriesTooltip {
+
+            /** Options for customizing the border of the tooltip.
+             */
+            border?: SeriesTooltipBorder;
+
+            /** Customize the corner radius of the tooltip rectangle.
+             * @Default {0}
+             */
+            rx?: number;
+
+            /** Customize the corner radius of the tooltip rectangle.
+             * @Default {0}
+             */
+            ry?: number;
+
+            /** Specifies the duration, the tooltip has to be displayed.
+             * @Default {500ms}
+             */
+            duration?: string;
+
+            /** Enables/disables the animation of the tooltip when moving from one point to another.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Background color of the tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Format of the tooltip content.
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Opacity of the tooltip.
+             * @Default {0.95}
+             */
+            opacity?: number;
+
+            /** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Controls the visibility of the tooltip.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface SeriesTrendlinesTooltipBorder {
+
+            /** Specify the Border color of the  trendline tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the trendline tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface SeriesTrendlinesTooltip {
+
+            /** Options for customizing the border of the trendline tooltip.
+             */
+            border?: SeriesTrendlinesTooltipBorder;
+
+            /** Customize the corner radius of the trendline tooltip rectangle.
+             * @Default {0}
+             */
+            rx?: number;
+
+            /** Customize the corner radius of the trendline tooltip rectangle.
+             * @Default {0}
+             */
+            ry?: number;
+
+            /** Specifies the duration of the trendline tooltip to be displayed.
+             * @Default {500ms}
+             */
+            duration?: string;
+
+            /** Enables/disables the animation of the trendline tooltip when moving from one point to other.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Background color of the trendline tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Format of the trendline tooltip content.
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Opacity of the trendline tooltip.
+             * @Default {0.5}
+             */
+            opacity?: number;
+        }
+
+        export interface SeriesTrendline {
+
+            /** Show/hides the trendline.
+             */
+            visibility?: boolean;
+
+            /** Specifies the type of trendline for the series.
+             * @Default {linear. See TrendlinesType}
+             */
+            type?: string;
+
+            /** Name for the trendlines that is to be displayed in legend text.
+             * @Default {Trendline}
+             */
+            name?: string;
+
+            /** Fill color of the trendlines.
+             * @Default {#0000FF}
+             */
+            fill?: string;
+
+            /** Width of the trendlines.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Opacity of the trendline.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Pattern of dashes and gaps used to stroke the trendline.
+             */
+            dashArray?: string;
+
+            /** Future trends of the current series.
+             * @Default {0}
+             */
+            forwardForecast?: number;
+
+            /** Past trends of the current series.
+             * @Default {0}
+             */
+            backwardForecast?: number;
+
+            /** Specifies the order of polynomial trendlines.
+             * @Default {0}
+             */
+            polynomialOrder?: number;
+
+            /** Specifies the moving average starting period  value.
+             * @Default {2}
+             */
+            period?: number;
+
+            /** Options for customizing the trendline tooltip
+             */
+            tooltip?: SeriesTrendlinesTooltip;
+
+            /** Show/hides the trendline legend.
+             * @Default {visible}
+             */
+            visibleOnLegend?: string;
+
+            /** Specifies the trendline intercept value
+             * @Default {null}
+             */
+            intercept?: number;
+        }
+
+        export interface SeriesHighlightSettingsBorder {
+
+            /** Border color of the series/point on highlight.
+             */
+            color?: string;
+
+            /** Border width of the series/point on highlight.
+             * @Default {2}
+             */
+            width?: string;
+        }
+
+        export interface SeriesHighlightSettings {
+
+            /** Enables/disables the ability to highlight series or data point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether series or data point has to be highlighted.
+             * @Default {series. See Mode}
+             */
+            mode?: ej.datavisualization.Chart.Mode|string;
+
+            /** Color of the series/point on highlight.
+             */
+            color?: string;
+
+            /** Opacity of the series/point on highlight.
+             * @Default {0.6}
+             */
+            opacity?: number;
+
+            /** Options for customizing the border of series on highlight.
+             */
+            border?: SeriesHighlightSettingsBorder;
+
+            /** Specifies the pattern for the series/point on highlight.
+             * @Default {none. See Pattern}
+             */
+            pattern?: string;
+
+            /** Custom pattern for the series on highlight.
+             */
+            customPattern?: string;
+        }
+
+        export interface SeriesSelectionSettingsBorder {
+
+            /** Border color of the series/point on selection.
+             */
+            color?: string;
+
+            /** Border width of the series/point on selection.
+             * @Default {2}
+             */
+            width?: string;
+        }
+
+        export interface SeriesSelectionSettings {
+
+            /** Enables/disables the ability to select a series/data point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether series or data point has to be selected.
+             * @Default {series. See Mode}
+             */
+            mode?: ej.datavisualization.Chart.Mode|string;
+
+            /** Specifies the type of selection.
+             * @Default {single}
+             */
+            type?: ej.datavisualization.Chart.SelectionType|string;
+
+            /** Specifies the drawn rectangle type.
+             * @Default {xy}
+             */
+            rangeType?: ej.datavisualization.Chart.RangeType|string;
+
+            /** Color of the series/point on selection.
+             */
+            color?: string;
+
+            /** Opacity of the series/point on selection.
+             * @Default {0.6}
+             */
+            opacity?: number;
+
+            /** Options for customizing the border of series on selection.
+             */
+            border?: SeriesSelectionSettingsBorder;
+
+            /** Specifies the pattern for the series/point on selection.
+             * @Default {none. See Pattern}
+             */
+            pattern?: string;
+
+            /** Custom pattern for the series on selection.
+             */
+            customPattern?: string;
+        }
+
+        export interface Series {
+
+            /** Color of the point, where the close is up in financial chart.
+             * @Default {null}
+             */
+            bearFillColor?: string;
+
+            /** Options for customizing the border of the series.
+             */
+            border?: SeriesBorder;
+
+            /** Color of the point, where the close is down in financial chart.
+             * @Default {null}
+             */
+            bullFillColor?: string;
+
+            /** To render the column and bar type series in rectangle/cylinder shape. See ColumnFacet
+             * @Default {rectangle}
+             */
+            columnFacet?: ej.datavisualization.Chart.ColumnFacet|string;
+
+            /** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
+             * @Default {0.7}
+             */
+            columnWidth?: number;
+
+            /** Spacing between columns of different series. Value ranges from 0 to 1
+             * @Default {0}
+             */
+            columnSpacing?: number;
+
+            /** To group the series of stacking collection.
+             */
+            stackingGroup?: string;
+
+            /** Pattern of dashes and gaps used to stroke the line type series.
+             */
+            dashArray?: string;
+
+            /** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Controls the size of the hole in doughnut series. Value ranges from 0 to 1.
+             * @Default {0.4}
+             */
+            doughnutCoefficient?: number;
+
+            /** Controls the size of the doughnut series. Value ranges from 0 to 1.
+             * @Default {0.8}
+             */
+            doughnutSize?: number;
+
+            /** Type of series to be drawn in radar or polar series.
+             * @Default {line. See DrawType}
+             */
+            drawType?: ej.datavisualization.Chart.DrawType|string;
+
+            /** Enable/disable the animation of series.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** To avoid overlapping of data labels smartly.
+             * @Default {null}
+             */
+            enableSmartLabels?: number;
+
+            /** End angle of pie/doughnut series. For a complete circle, it has to be 360, by default.
+             * @Default {null}
+             */
+            endAngle?: number;
+
+            /** Explodes the pie/doughnut slices on mouse move.
+             * @Default {false}
+             */
+            explode?: boolean;
+
+            /** Explodes all the slice of pie/doughnut on render.
+             * @Default {null}
+             */
+            explodeAll?: boolean;
+
+            /** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
+             * @Default {null}
+             */
+            explodeIndex?: number;
+
+            /** Specifies the distance of the slice from the center, when it is exploded.
+             * @Default {25}
+             */
+            explodeOffset?: number;
+
+            /** Fill color of the series.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the series font.
+             */
+            font?: SeriesFont;
+
+            /** Specifies the height of the funnel in funnel series. Values can be in both pixel and percentage.
+             * @Default {32.7%}
+             */
+            funnelHeight?: string;
+
+            /** Specifies the width of the funnel in funnel series. Values can be in both pixel and percentage.
+             * @Default {11.6%}
+             */
+            funnelWidth?: string;
+
+            /** Gap between the slices of pyramid/funnel series.
+             * @Default {0}
+             */
+            gapRatio?: number;
+
+            /** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
+             * @Default {true}
+             */
+            isClosed?: boolean;
+
+            /** Specifies whether to stack the column series in polar/radar charts.
+             * @Default {true}
+             */
+            isStacking?: boolean;
+
+            /** Renders the chart vertically. This is applicable only for Cartesian type series.
+             * @Default {false}
+             */
+            isTransposed?: boolean;
+
+            /** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
+             * @Default {true}
+             */
+            showMedian?: boolean;
+
+            /** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
+             * @Default {inside. See LabelPosition}
+             */
+            labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Specifies the mode for splitting the data points in pieOfPie series.
+             * @Default {value. See SplitMode}
+             */
+            splitMode?: ej.datavisualization.Chart.SplitMode|string;
+
+            /** Quartile calculation has been performed in three different formulas to render the boxplot series .
+             * @Default {exclusive}
+             */
+            boxPlotMode?: ej.datavisualization.Chart.LabelPosition|string;
+
+            /** Options for customizing the bubble options of the Bubble series
+             */
+            bubbleOptions?: SeriesBubbleOptions;
+
+            /** Specifies the line cap of the series.
+             * @Default {Butt. See LineCap}
+             */
+            lineCap?: ej.datavisualization.Chart.LineCap|string;
+
+            /** Specifies the type of shape to be used where two lines meet.
+             * @Default {Round. See LineJoin}
+             */
+            lineJoin?: ej.datavisualization.Chart.LineJoin|string;
+
+            /** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
+             */
+            marker?: SeriesMarker;
+
+            /** Name of the series, that is to be displayed in the legend.
+             * @Default {Add a comment to this line}
+             */
+            name?: string;
+
+            /** Opacity of the series.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Options for customizing the outlier of individual series.
+             */
+            outlierSettings?: SeriesOutlierSettings;
+
+            /** Name of a field in data source where fill color for all the data points is generated.
+             */
+            palette?: string;
+
+            /** Controls the size of pie series. Value ranges from 0 to 1.
+             * @Default {0.8}
+             */
+            pieCoefficient?: number;
+
+            /** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
+             * @Default {0.6}
+             */
+            pieOfPieCoefficient?: number;
+
+            /** Split Value of pieofpie series.
+             * @Default {null}
+             */
+            splitValue?: string;
+
+            /** Distance between the two pie's in pieOfPie series.
+             * @Default {50}
+             */
+            gapWidth?: number;
+
+            /** Options for customizing the empty point in the series.
+             */
+            emptyPointSettings?: SeriesEmptyPointSettings;
+
+            /** Fill color for the positive column of the waterfall.
+             * @Default {null}
+             */
+            positiveFill?: string;
+
+            /** Options for customizing the waterfall connector line.
+             */
+            connectorLine?: SeriesConnectorLine;
+
+            /** Options to customize the drag and drop in series.
+             */
+            dragSettings?: SeriesDragSettings;
+
+            /** Options to customize the error bar in series.
+             */
+            errorBar?: SeriesErrorBar;
+
+            /** Option to add data points; each point should have x and y property. Also, optionally, you can customize the points color, border, marker by using fill, border and marker options.
+             */
+            points?: SeriesPoint[];
+
+            /** Specifies the mode of the pyramid series.
+             * @Default {linear}
+             */
+            pyramidMode?: ej.datavisualization.Chart.PyramidMode|string;
+
+            /** Specifies ej.Query to select data from dataSource. This property is applicable only when the dataSource is ej.DataManager.
+             * @Default {null}
+             */
+            query?: any;
+
+            /** Start angle from where the pie/doughnut series renders. It starts from 0, by default.
+             * @Default {null}
+             */
+            startAngle?: number;
+
+            /** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
+             */
+            cornerRadius?: SeriesCornerRadius;
+
+            /** Options for customizing the tooltip of chart.
+             */
+            tooltip?: SeriesTooltip;
+
+            /** Specifies the type of the series to render in chart.
+             * @Default {column. see Type}
+             */
+            type?: ej.datavisualization.Chart.Type|string;
+
+            /** Controls the visibility of the series.
+             * @Default {visible}
+             */
+            visibility?: string;
+
+            /** Enables or disables the visibility of legend item.
+             * @Default {visible}
+             */
+            visibleOnLegend?: string;
+
+            /** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+             * @Default {null}
+             */
+            xAxisName?: string;
+
+            /** Name of the property in the datasource that contains x value for the series.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
+             * @Default {null}
+             */
+            yAxisName?: string;
+
+            /** Name of the property in the datasource that contains y value for the series.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Name of the property in the datasource that contains high value for the series.
+             * @Default {null}
+             */
+            high?: string;
+
+            /** Name of the property in the datasource that contains low value for the series.
+             * @Default {null}
+             */
+            low?: string;
+
+            /** Name of the property in the datasource that contains open value for the series.
+             * @Default {null}
+             */
+            open?: string;
+
+            /** Name of the property in the datasource that contains close value for the series.
+             * @Default {null}
+             */
+            close?: string;
+
+            /** Name of the property in the datasource that contains fill color for the series.
+             * @Default {null}
+             */
+            pointColorMappingName?: string;
+
+            /** Z-order of the series.
+             * @Default {0}
+             */
+            zOrder?: number;
+
+            /** Name of the property in the datasource that contains the size value for the bubble series.
+             * @Default {null}
+             */
+            size?: string;
+
+            /** Option to add trendlines to chart.
+             */
+            trendlines?: SeriesTrendline[];
+
+            /** Options for customizing the appearance of the series or data point while highlighting.
+             */
+            highlightSettings?: SeriesHighlightSettings;
+
+            /** Options for customizing the appearance of the series/data point on selection.
+             */
+            selectionSettings?: SeriesSelectionSettings;
+        }
+
+        export interface Size {
+
+            /** Height of the Chart. Height can be specified in either pixel or percentage.
+             * @Default {'450'}
+             */
+            height?: string;
+
+            /** Width of the Chart. Width can be specified in either pixel or percentage.
+             * @Default {'450'}
+             */
+            width?: string;
+        }
+
+        export interface TitleBorder {
+
+            /** Width of the title border.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** color of the title border.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** opacity of the title border.
+             * @Default {0.8}
+             */
+            opacity?: number;
+
+            /** opacity of the title border.
+             * @Default {0.8}
+             */
+            cornerRadius?: number;
+        }
+
+        export interface TitleFont {
+
+            /** Font family for Chart title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for Chart title.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight for Chart title.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the Chart title.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Font size for Chart title.
+             * @Default {20px}
+             */
+            size?: string;
+        }
+
+        export interface TitleSubTitleFont {
+
+            /** Font family of sub title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for sub title.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Chart.FontStyle|string;
+
+            /** Font weight for sub title.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Chart.FontWeight|string;
+
+            /** Opacity of the sub title.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for sub title.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface TitleSubTitleBorder {
+
+            /** Width of the subtitle border.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** color of the subtitle border.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** opacity of the subtitle border.
+             * @Default {0.8}
+             */
+            opacity?: number;
+
+            /** opacity of the subtitle border.
+             * @Default {0.8}
+             */
+            cornerRadius?: number;
+        }
+
+        export interface TitleSubTitle {
+
+            /** Options for customizing the font of sub title.
+             */
+            font?: TitleSubTitleFont;
+
+            /** Background color for the chart subtitle.
+             * @Default {transparent}
+             */
+            background?: string;
+
+            /** Options to customize the border of the title.
+             */
+            border?: TitleSubTitleBorder;
+
+            /** Text to be displayed in sub title.
+             */
+            text?: string;
+
+            /** Alignment of sub title text.
+             * @Default {far. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.Alignment|string;
+
+            /** Controls the visibility of the Chart SubTitle
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Specifies whether to trim the Chart SubTitle when the width of the Subtitle exceeds the maximumWidth.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Maximum width of the Subtitle, when the Subtitle exceeds this width, the Subtitle gets trimmed, when enableTrim is true.
+             * @Default {auto}
+             */
+            maximumWidth?: string;
+
+            /** Specifies the action taken when the Chart width is more than the SubTitleWidth.
+             * @Default {trim.}
+             */
+            textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+        }
+
+        export interface Title {
+
+            /** Background color for the chart title.
+             * @Default {transparent}
+             */
+            background?: string;
+
+            /** Options to customize the border of the title.
+             */
+            border?: TitleBorder;
+
+            /** Options for customizing the font of Chart title.
+             */
+            font?: TitleFont;
+
+            /** Controls the visibility of the Chart title
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Specifies whether to trim the Chart Title when the width of the title exceeds the maximumWidth.
+             * @Default {false}
+             */
+            enableTrim?: boolean;
+
+            /** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
+             * @Default {auto}
+             */
+            maximumWidth?: string;
+
+            /** Specifies the action taken when the Chart width is more than the titleWidth.
+             * @Default {trim.}
+             */
+            textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
+
+            /** Options to customize the sub title of Chart.
+             */
+            subTitle?: TitleSubTitle;
+
+            /** Text to be displayed in Chart title.
+             */
+            text?: string;
+
+            /** Alignment of the title text.
+             * @Default {Center. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Chart.Alignment|string;
+        }
+
+        export interface Zooming {
+
+            /** Enables or disables zooming.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Enables or disables pinch zooming.
+             * @Default {true}
+             */
+            enablePinching?: boolean;
+
+            /** Enable or disables the differed zooming. When it is enabled, chart is updated only on mouse up action while zooming and panning.
+             * @Default {false}
+             */
+            enableDeferredZoom?: boolean;
+
+            /** Enables/disables the ability to zoom the chart on moving the mouse wheel.
+             * @Default {false}
+             */
+            enableMouseWheel?: boolean;
+
+            /** Specifies whether to allow zooming the chart vertically or horizontally or in both ways.
+             * @Default {'x,y'}
+             */
+            type?: string;
+
+            /** Toggles the visibility of the scrollbar, which will be displayed while zooming.
+             * @Default {false}
+             */
+            enableScrollbar?: boolean;
+
+            /** To display user specified buttons in zooming toolbar.
+             * @Default {[zoomIn, zoomOut, zoom, pan, reset]}
+             */
+            toolbarItems?: any[];
+        }
+    }
+    namespace Chart {
+        enum CoordinateUnit {
+            //string
+            None,
+            //string
+            Pixels,
+            //string
+            Points,
+        }
+    }
+    namespace Chart {
+        enum HorizontalAlignment {
+            //string
+            Left,
+            //string
+            Right,
+            //string
+            Middle,
+        }
+    }
+    namespace Chart {
+        enum Region {
+            //string
+            Chart,
+            //string
+            Series,
+        }
+    }
+    namespace Chart {
+        enum VerticalAlignment {
+            //string
+            Top,
+            //string
+            Bottom,
+            //string
+            Middle,
+        }
+    }
+    namespace Chart {
+        enum ExportingType {
+            //string
+            PNG,
+            //string
+            JPG,
+            //string
+            PDF,
+            //string
+            DOCX,
+            //string
+            XLSX,
+            //string
+            SVG,
+        }
+    }
+    namespace Chart {
+        enum ExportingOrientation {
+            //string
+            Portrait,
+            //string
+            Landscape,
+        }
+    }
+    namespace Chart {
+        enum ExportingMode {
+            //string
+            ServerSide,
+            //string
+            ClientSide,
+        }
+    }
+    namespace Chart {
+        enum Unit {
+            //string
+            Percentage,
+            //string
+            Pixel,
+        }
+    }
+    namespace Chart {
+        enum ColumnFacet {
+            //string
+            Rectangle,
+            //string
+            Cylinder,
+        }
+    }
+    namespace Chart {
+        enum DrawType {
+            //string
+            Line,
+            //string
+            Area,
+            //string
+            Column,
+        }
+    }
+    namespace Chart {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Italic,
+        }
+    }
+    namespace Chart {
+        enum FontWeight {
+            //string
+            Regular,
+            //string
+            Bold,
+            //string
+            Lighter,
+        }
+    }
+    namespace Chart {
+        enum LabelPosition {
+            //string
+            Inside,
+            //string
+            Outside,
+            //string
+            OutsideExtended,
+        }
+    }
+    namespace Chart {
+        enum SplitMode {
+            //string
+            Position,
+            //string
+            Value,
+            //string
+            Percentage,
+            //string
+            Indexes,
+        }
+    }
+    namespace Chart {
+        enum boxPlotMode {
+            //string
+            Exclusive,
+            //string
+            Inclusive,
+            //string
+            Normal,
+        }
+    }
+    namespace Chart {
+        enum RadiusMode {
+            //string
+            MinMax,
+            //string
+            Auto,
+        }
+    }
+    namespace Chart {
+        enum LineCap {
+            //string
+            Butt,
+            //string
+            Round,
+            //string
+            Square,
+        }
+    }
+    namespace Chart {
+        enum LineJoin {
+            //string
+            Round,
+            //string
+            Bevel,
+            //string
+            Miter,
+        }
+    }
+    namespace Chart {
+        enum ConnectorLineType {
+            //string
+            Line,
+            //string
+            Bezier,
+        }
+    }
+    namespace Chart {
+        enum HorizontalTextAlignment {
+            //string
+            Center,
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace Chart {
+        enum Shape {
+            //string
+            None,
+            //string
+            LeftArrow,
+            //string
+            RightArrow,
+            //string
+            Circle,
+            //string
+            Cross,
+            //string
+            HorizLine,
+            //string
+            VertLine,
+            //string
+            Diamond,
+            //string
+            Rectangle,
+            //string
+            Triangle,
+            //string
+            Hexagon,
+            //string
+            Pentagon,
+            //string
+            Star,
+            //string
+            Ellipse,
+            //string
+            Trapezoid,
+            //string
+            UpArrow,
+            //string
+            DownArrow,
+            //string
+            Image,
+            //string
+            SeriesType,
+        }
+    }
+    namespace Chart {
+        enum TextPosition {
+            //string
+            Top,
+            //string
+            Bottom,
+            //string
+            Middle,
+        }
+    }
+    namespace Chart {
+        enum VerticalTextAlignment {
+            //string
+            Center,
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace Chart {
+        enum PyramidMode {
+            //string
+            Linear,
+            //string
+            Surface,
+        }
+    }
+    namespace Chart {
+        enum Type {
+            //string
+            Area,
+            //string
+            Line,
+            //string
+            Spline,
+            //string
+            Column,
+            //string
+            Scatter,
+            //string
+            Bubble,
+            //string
+            SplineArea,
+            //string
+            StepArea,
+            //string
+            StepLine,
+            //string
+            Pie,
+            //string
+            HiLo,
+            //string
+            HiLoOpenClose,
+            //string
+            Candle,
+            //string
+            Bar,
+            //string
+            StackingArea,
+            //string
+            StackingArea100,
+            //string
+            RangeColumn,
+            //string
+            StackingColumn,
+            //string
+            StackingColumn100,
+            //string
+            StackingBar,
+            //string
+            StackingBar100,
+            //string
+            Pyramid,
+            //string
+            Funnel,
+            //string
+            Doughnut,
+            //string
+            Polar,
+            //string
+            Radar,
+            //string
+            RangeArea,
+        }
+    }
+    namespace Chart {
+        enum EmptyPointMode {
+            //string
+            Gap,
+            //string
+            Zero,
+            //string
+            Average,
+        }
+    }
+    namespace Chart {
+        enum ErrorBarType {
+            //string
+            FixedValue,
+            //string
+            Percentage,
+            //string
+            StandardDeviation,
+            //string
+            StandardError,
+        }
+    }
+    namespace Chart {
+        enum ErrorBarMode {
+            //string
+            Both,
+            //string
+            Vertical,
+            //string
+            Horizontal,
+        }
+    }
+    namespace Chart {
+        enum ErrorBarDirection {
+            //string
+            Both,
+            //string
+            Plus,
+            //string
+            Minus,
+        }
+    }
+    namespace Chart {
+        enum Mode {
+            //string
+            Series,
+            //string
+            Point,
+            //string
+            Cluster,
+            //string
+            Range,
+        }
+    }
+    namespace Chart {
+        enum SelectionType {
+            //string
+            Single,
+            //string
+            Multiple,
+        }
+    }
+    namespace Chart {
+        enum RangeType {
+            //string
+            XY,
+            //string
+            X,
+            //string
+            Y,
+        }
+    }
+    namespace Chart {
+        enum CrosshairMode {
+            //string
+            Float,
+            //string
+            Grouping,
+        }
+    }
+    namespace Chart {
+        enum CrosshairType {
+            //string
+            Crosshair,
+            //string
+            Trackball,
+        }
+    }
+    namespace Chart {
+        enum Alignment {
+            //string
+            Center,
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace Chart {
+        enum Position {
+            //string
+            Left,
+            //string
+            Right,
+            //string
+            Top,
+            //string
+            Bottom,
+        }
+    }
+    namespace Chart {
+        enum TextOverflow {
+            //string
+            None,
+            //string
+            Trim,
+            //string
+            Wrap,
+            //string
+            WrapAndTrim,
+        }
+    }
+    namespace Chart {
+        enum LabelPlacement {
+            //string
+            OnTicks,
+            //string
+            BetweenTicks,
+        }
+    }
+    namespace Chart {
+        enum EdgeLabelPlacement {
+            //string
+            None,
+            //string
+            Shift,
+            //string
+            Hide,
+        }
+    }
+    namespace Chart {
+        enum IntervalType {
+            //string
+            Days,
+            //string
+            Hours,
+            //string
+            Seconds,
+            //string
+            Milliseconds,
+            //string
+            Minutes,
+            //string
+            Months,
+            //string
+            Years,
+        }
+    }
+    namespace Chart {
+        enum LabelIntersectAction {
+            //string
+            None,
+            //string
+            Rotate90,
+            //string
+            Rotate45,
+            //string
+            Wrap,
+            //string
+            WrapByword,
+            //string
+            Trim,
+            //string
+            Hide,
+            //string
+            MultipleRows,
+        }
+    }
+    namespace Chart {
+        enum LabelAlignment {
+            //string
+            Near,
+            //string
+            Far,
+            //string
+            Center,
+        }
+    }
+    namespace Chart {
+        enum AxisOrientation {
+            //string
+            Horizontal,
+            //string
+            Vertical,
+        }
+    }
+    namespace Chart {
+        enum RangePadding {
+            //string
+            Additional,
+            //string
+            Normal,
+            //string
+            None,
+            //string
+            Round,
+        }
+    }
+    namespace Chart {
+        enum MultiLevelLabelsBorderType {
+            //string
+            Rectangle,
+            //string
+            None,
+            //string
+            WithoutTopAndBottom,
+            //string
+            Brace,
+            //string
+            CurlyBrace,
+        }
+    }
+    namespace Chart {
+        enum TextAlignment {
+            //string
+            MiddleTop,
+            //string
+            MiddleCenter,
+            //string
+            MiddleBottom,
+        }
+    }
+    namespace Chart {
+        enum ZIndex {
+            //string
+            Inside,
+            //string
+            Over,
+        }
+    }
+    namespace Chart {
+        enum TickLinesPosition {
+            //string
+            Inside,
+            //string
+            Outside,
+        }
+    }
+    namespace Chart {
+        enum ValueType {
+            //string
+            Double,
+            //string
+            Category,
+            //string
+            DateTime,
+            //string
+            Logarithmic,
+        }
+    }
+    namespace Chart {
+        enum Theme {
+            //string
+            Azure,
+            //string
+            FlatLight,
+            //string
+            FlatDark,
+            //string
+            Azuredark,
+            //string
+            Lime,
+            //string
+            LimeDark,
+            //string
+            Saffron,
+            //string
+            SaffronDark,
+            //string
+            GradientLight,
+            //string
+            GradientDark,
+        }
+    }
+
+    class RangeNavigator extends ej.Widget {
+        static fn: RangeNavigator;
+        constructor(element: JQuery | Element, options?: RangeNavigator.Model);
+        static Locale: any;
+        model: RangeNavigator.Model;
+        defaults: RangeNavigator.Model;
+
+        /** destroy the range navigator widget
+         * @returns {void}
+         */
+        _destroy(): void;
+    }
+    export namespace RangeNavigator {
+
+        export interface Model {
+
+            /** Toggles the placement of slider exactly on the place it left or on the nearest interval.
+             * @Default {false}
+             */
+            allowSnapping?: boolean;
+
+            /** Options for customizing the color, opacity and width of the chart border.
+             */
+            border?: Border;
+
+            /** Specifies the data source for range navigator.
+             */
+            dataSource?: any;
+
+            /** Specifies the properties used for customizing the range series.
+             */
+            series?: Series[];
+
+            /** Specifies the  properties used for customizing all the range series.
+             */
+            seriesSettings?: SeriesSetting[];
+
+            /** Toggles the redrawing of chart on moving the sliders.
+             * @Default {true}
+             */
+            enableDeferredUpdate?: boolean;
+
+            /** Enable the scrollbar option in the rangenavigator.
+             * @Default {false}
+             */
+            enableScrollbar?: boolean;
+
+            /** Enable the resize option in the rangenavigator.
+             * @Default {false}
+             */
+            enableAutoResizing?: boolean;
+
+            /** Toggles the direction of rendering the range navigator control.
+             * @Default {false}
+             */
+            enableRTL?: boolean;
+
+            /** Sets a value whether to make the range navigator responsive on resize.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Options for customizing the labels colors, font, style, size, horizontalAlignment and opacity.
+             */
+            labelSettings?: LabelSettings;
+
+            /** This property is to specify the localization of range navigator.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Options for customizing the range navigator.
+             */
+            navigatorStyleSettings?: NavigatorStyleSettings;
+
+            /** Padding specifies the gap between the container and the range navigator.
+             * @Default {0}
+             */
+            padding?: string;
+
+            /** If the range is not given explicitly, range will be calculated automatically.
+             * @Default {none}
+             */
+            rangePadding?: ej.datavisualization.RangeNavigator.RangePadding|string;
+
+            /** Options for customizing the starting and ending ranges.
+             */
+            rangeSettings?: RangeSettings;
+
+            /** selectedData is for getting the data when the &quot;rangeChanged&quot; event trigger from client side.
+             */
+            selectedData?: any;
+
+            /** Options for customizing the start and end range values.
+             */
+            selectedRangeSettings?: SelectedRangeSettings;
+
+            /** Options for rendering scrollbar based on the start and end range values.
+             */
+            scrollRangeSettings?: ScrollRangeSettings;
+
+            /** Contains property to customize the hight and width of range navigator.
+             */
+            sizeSettings?: SizeSettings;
+
+            /** By specifying this property the user can change the theme of the range navigator.
+             * @Default {null}
+             */
+            theme?: string;
+
+            /** Options for customizing the tooltip in range navigator.
+             */
+            tooltipSettings?: TooltipSettings;
+
+            /** Options for configuring minor grid lines, major grid lines, axis line of axis.
+             */
+            valueAxisSettings?: ValueAxisSettings;
+
+            /** You can plot data of type date time or numeric. This property determines the type of data that this axis will handle.
+             * @Default {datetime}
+             */
+            valueType?: ej.datavisualization.RangeNavigator.ValueType|string;
+
+            /** Specifies the xName for dataSource. This is used to take the x values from dataSource
+             */
+            xName?: any;
+
+            /** Specifies the yName for dataSource. This is used to take the y values from dataSource
+             */
+            yName?: any;
+
+            /** Fires on load of range navigator.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Fires after range navigator is loaded.
+             */
+            loaded?(e: LoadedEventArgs): void;
+
+            /** Fires on changing the range of range navigator.
+             */
+            rangeChanged?(e: RangeChangedEventArgs): void;
+
+            /** Fires on changing the scrollbar position of range navigator.
+             */
+            scrollChanged?(e: ScrollChangedEventArgs): void;
+
+            /** Fires on when starting to change the scrollbar position of range navigator.
+             */
+            scrollStart?(e: ScrollStartEventArgs): void;
 
-	///Sets day Schedule Mode.
-	Day,
+            /** Fires on when starting to change the slider position of range navigator.
+             */
+            selectedRangeStart?(e: SelectedRangeStartEventArgs): void;
 
-	///Sets hour Schedule Mode.
-	Hour
-}
+            /** Fires when the selection  ends in the range navigator
+             */
+            selectedRangeEnd?(e: SelectedRangeEndEventArgs): void;
 
+            /** Fires on changes ending the scrollbar position of range navigator.
+             */
+            scrollEnd?(e: ScrollEndEventArgs): void;
+        }
 
-enum TimescaleRoundMode{
+        export interface LoadEventArgs {
 
-	///The round-off value will be automatically calculated based on the data source values.
-	Auto,
+            /** parameters from range navigator
+             */
+            Data?: any;
 
-	///Schedule header start date will round-off to the immediate week.
-	Week,
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///Schedule headers start date will round off to the immediate month
-	Month,
+            /** returns the range navigator model
+             */
+            model?: any;
 
-	///Schedule headers start date will round off to the immediate year
-	Year
-}
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
+        export interface LoadedEventArgs {
 
-enum SelectionMode{
+            /** parameters from range navigator
+             */
+            Data?: any;
 
-	///you can select a row.
-	Row,
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	///you can select a cell.
-	Cell
-}
+            /** returns the range navigator model
+             */
+            model?: any;
 
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-enum workingTimeScale{
+        export interface RangeChangedEventArgs {
 
-	///Sets eight hour timescale.
-	TimeScale8Hours,
+            /** parameters from range navigator
+             */
+            Data?: any;
 
-	///Sets twenty four hour timescale.
-	TimeScale24Hours
-}
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-}
+            /** returns the range navigator model
+             */
+            model?: any;
 
-class ReportViewer extends ej.Widget {
-	static fn: ReportViewer;
-	constructor(element: JQuery, options?: ReportViewer.Model);
-	constructor(element: Element, options?: ReportViewer.Model);
-	static Locale: any;
-	model:ReportViewer.Model;
-	defaults:ReportViewer.Model;
-
-	/** Export the report to the specified format.
-	*   @returns {void}
-	*/
-	exportReport(): void;
-
-	/** Fit the report page to the container.
-	*   @returns {void}
-	*/
-	fitToPage(): void;
-
-	/** Fit the report page height to the container.
-	*   @returns {void}
-	*/
-	fitToPageHeight(): void;
-
-	/** Fit the report page width to the container.
-	*   @returns {void}
-	*/
-	fitToPageWidth(): void;
-
-	/** Get the available datasets name of the rdlc report.
-	*   @returns {void}
-	*/
-	getDataSetNames(): void;
-
-	/** Get the available parameters of the report.
-	*   @returns {void}
-	*/
-	getParameters(): void;
-
-	/** Navigate to first page of report.
-	*   @returns {void}
-	*/
-	gotoFirstPage(): void;
-
-	/** Navigate to last page of the report.
-	*   @returns {void}
-	*/
-	gotoLastPage(): void;
-
-	/** Navigate to next page from the current page.
-	*   @returns {void}
-	*/
-	gotoNextPage(): void;
-
-	/** Go to specific page index of the report.
-	*   @returns {void}
-	*/
-	gotoPageIndex(): void;
-
-	/** Navigate to previous page from the current page.
-	*   @returns {void}
-	*/
-	gotoPreviousPage(): void;
-
-	/** Print the report.
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** Apply print layout to the report.
-	*   @returns {void}
-	*/
-	printLayout(): void;
-
-	/** Refresh the report.
-	*   @returns {void}
-	*/
-	refresh(): void;
-}
-export module ReportViewer{
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-export interface Model {
-
-	/** Gets or sets the list of data sources for the RDLC report.
-	*   @Default {[]}
-	*/
-	dataSources?: Array<DataSource>;
-
-	/** Enables or disables the page cache of report.
-	*   @Default {false}
-	*/
-	enablePageCache?: Boolean;
-
-	/** Specifies the export settings.
-	*/
-	exportSettings?: ExportSettings;
-
-	/** When set to true, adapts the report layout to fit the screen size of devices on which it renders.
-	*   @Default {true}
-	*/
-	isResponsive?: Boolean;
-
-	/** Specifies the locale for report viewer.
-	*   @Default {en-US}
-	*/
-	locale?: String;
-
-	/** Specifies the page settings.
-	*/
-	pageSettings?: PageSettings;
-
-	/** Gets or sets the list of parameters associated with the report.
-	*   @Default {[]}
-	*/
-	parameters?: Array<Parameter>;
-
-	/** Enables and disables the print mode.
-	*   @Default {false}
-	*/
-	printMode?: Boolean;
-
-	/** Specifies the print option of the report.
-	*   @Default {ej.ReportViewer.PrintOptions.Default}
-	*/
-	printOptions?: ej.ReportViewer.PrintOptions|string;
-
-	/** Specifies the processing mode of the report.
-	*   @Default {ej.ReportViewer.ProcessingMode.Remote}
-	*/
-	processingMode?: ej.ReportViewer.ProcessingMode|string;
-
-	/** Specifies the render layout.
-	*   @Default {ej.ReportViewer.RenderMode.Default}
-	*/
-	renderMode?: ej.ReportViewer.RenderMode|string;
-
-	/** Gets or sets the path of the report file.
-	*   @Default {empty}
-	*/
-	reportPath?: String;
-
-	/** Gets or sets the reports server URL.
-	*   @Default {empty}
-	*/
-	reportServerUrl?: String;
-
-	/** Specifies the report Web API service URL.
-	*   @Default {empty}
-	*/
-	reportServiceUrl?: String;
-
-	/** Specifies the toolbar settings.
-	*/
-	toolbarSettings?: ToolbarSettings;
-
-	/** Gets or sets the zoom factor for report viewer.
-	*   @Default {1}
-	*/
-	zoomFactor?: Number;
-
-	/** Fires when the report viewer is destroyed successfully.If you want to perform any operation after destroying the reportviewer control,you can make use of the destroy event. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires during drill through action done in report.If you want to perform any operation when a drill through action is performed, you can make use of the drillThrough event. */
-	drillThrough? (e: DrillThroughEventArgs): void;
-
-	/** Fires before report rendering is completed.If you want to perform any operation before the rendering of report,you can make use of the renderingBegin event. */
-	renderingBegin? (e: RenderingBeginEventArgs): void;
-
-	/** Fires after report rendering completed.If you want to perform any operation after the rendering of report,you can make use of this renderingComplete event. */
-	renderingComplete? (e: RenderingCompleteEventArgs): void;
-
-	/** Fires when any error occurred while rendering the report.If you want to perform any operation when an error occurs in the report, you can make use of the reportError event. */
-	reportError? (e: ReportErrorEventArgs): void;
-
-	/** Fires when the report is being exported.If you want to perform any operation before exporting of report, you can make use of the reportExport event. */
-	reportExport? (e: ReportExportEventArgs): void;
-
-	/** Fires when the report is loaded.If you want to perform any operation after the successful loading of report, you can make use of the reportLoaded event. */
-	reportLoaded? (e: ReportLoadedEventArgs): void;
+        export interface ScrollChangedEventArgs {
 
-	/** Fires when click the View Report Button. */
-	viewReportClick? (e: ViewReportClickEventArgs): void;
-}
+            /** parameters from RangeNavigator
+             */
+            data?: any;
 
-export interface DestroyEventArgs {
+            /** returns the scrollbar position old start and end range value on changing scrollbar
+             */
+            dataoldRange?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the scrollbar position new start and end range value on changing scrollbar
+             */
+            datanewRange?: any;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-export interface DrillThroughEventArgs {
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+        export interface ScrollStartEventArgs {
 
-	/** returns the actionInfo's parameters bookmarkLink, hyperLink, reportName, parameters.
-	*/
-	actionInfo?: any;
+            /** parameters from RangeNavigator
+             */
+            data?: any;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** returns the scrollbar position starting range value on changing scrollbar
+             */
+            datastartRange?: string;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the scrollbar position end range value on changing scrollbar
+             */
+            dataendRange?: string;
 
-export interface RenderingBeginEventArgs {
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface SelectedRangeStartEventArgs {
 
-export interface RenderingCompleteEventArgs {
+            /** parameters from RangeNavigator
+             */
+            data?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
 
-	/** returns the collection of parameters.
-	*/
-	reportParameters?: any;
-}
+        export interface SelectedRangeEndEventArgs {
 
-export interface ReportErrorEventArgs {
+            /** parameters from RangeNavigator
+             */
+            data?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** returns the error details.
-	*/
-	error?: string;
+            /** returns the RangeNavigator model
+             */
+            model?: any;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface ScrollEndEventArgs {
+
+            /** parameters from RangeNavigator
+             */
+            data?: any;
+
+            /** returns the scrollbar position old start and end range value on change end of scrollbar
+             */
+            dataoldRange?: any;
+
+            /** returns the scrollbar position new start and end range value on change end of scrollbar
+             */
+            datanewRange?: any;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the RangeNavigator model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+        }
+
+        export interface Border {
+
+            /** Border color of rangenavigator. When enable the scrollbar, the default color will be set as &quot;#B4B4B4&quot;.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Opacity of the rangeNavigator border.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Width of the RangeNavigator border.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface Series {
+
+            /** Name of the property in the datasource that contains x value for the series.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Name of the property in the datasource that contains y value for the series.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Specifies the type of the series to render in chart.
+             * @Default {column. see Type}
+             */
+            type?: ej.datavisualization.RangeNavigator.Type|string;
+
+            /** Enable/disable the animation of series.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Fill color of the series.
+             * @Default {null}
+             */
+            fill?: string;
+        }
+
+        export interface SeriesSetting {
+
+            /** Name of the property in the datasource that contains x value for the series.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Name of the property in the datasource that contains y value for the series.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Specifies the type of the series to render in chart.
+             * @Default {column. see Type}
+             */
+            type?: ej.datavisualization.RangeNavigator.Type|string;
+
+            /** Enable/disable the animation of series.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Fill color of the series.
+             * @Default {null}
+             */
+            fill?: string;
+        }
+
+        export interface LabelSettingsHigherLevelBorder {
+
+            /** Specifies the border color of grid lines.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Specifies the border width of grid lines.
+             * @Default {0.5}
+             */
+            width?: string;
+        }
+
+        export interface LabelSettingsHigherLevelGridLineStyle {
+
+            /** Specifies the color of grid lines in higher level.
+             * @Default {#B5B5B5}
+             */
+            color?: string;
+
+            /** Specifies the dashArray of grid lines in higher level.
+             * @Default {20 5 0}
+             */
+            dashArray?: string;
+
+            /** Specifies the width of grid lines in higher level.
+             * @Default {#B5B5B5}
+             */
+            width?: string;
+        }
+
+        export interface LabelSettingsHigherLevelStyleFont {
+
+            /** Specifies the label font color. Labels render with the specified font color.
+             * @Default {black}
+             */
+            color?: string;
+
+            /** Specifies the label font family. Labels render with the specified font family.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the label font style. Labels render with the specified font style.
+             * @Default {Normal}
+             */
+            fontStyle?: string;
+
+            /** Specifies the label font weight. Labels render with the specified font weight.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Specifies the label opacity. Labels render with the specified opacity.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the label font size. Labels render with the specified font size.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LabelSettingsHigherLevelStyle {
+
+            /** Options for customizing the font properties.
+             */
+            font?: LabelSettingsHigherLevelStyleFont;
+
+            /** Specifies the horizontal text alignment of the text in label.
+             * @Default {middle}
+             */
+            horizontalAlignment?: string;
+        }
+
+        export interface LabelSettingsHigherLevel {
+
+            /** Options for customizing the border of grid lines in higher level.
+             */
+            border?: LabelSettingsHigherLevelBorder;
+
+            /** Specifies the fill color of higher level labels.
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Options for customizing the grid line colors, width, dashArray, border.
+             */
+            gridLineStyle?: LabelSettingsHigherLevelGridLineStyle;
+
+            /** Specifies the intervalType for higher level labels. See
+             * @Default {auto}
+             */
+            intervalType?: ej.datavisualization.RangeNavigator.IntervalType|string;
+
+            /** Specifies the position of the labels to render either inside or outside of plot area
+             * @Default {outside}
+             */
+            labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement|string;
+
+            /** Specifies the position of the labels in higher level
+             * @Default {top}
+             */
+            position?: ej.datavisualization.RangeNavigator.Position|string;
+
+            /** Options for customizing the style of higher level labels.
+             */
+            style?: LabelSettingsHigherLevelStyle;
+
+            /** Toggles the visibility of higher level labels.
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface LabelSettingsLowerLevelBorder {
+
+            /** Specifies the border color of grid lines.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Specifies the border width of grid lines.
+             * @Default {0.5}
+             */
+            width?: string;
+        }
+
+        export interface LabelSettingsLowerLevelGridLineStyle {
+
+            /** Specifies the color of grid lines in lower level.
+             * @Default {#B5B5B5}
+             */
+            color?: string;
+
+            /** Specifies the dashArray of gridLines in lowerLevel.
+             * @Default {20 5 0}
+             */
+            dashArray?: string;
+
+            /** Specifies the width of grid lines in lower level.
+             * @Default {#B5B5B5}
+             */
+            width?: string;
+        }
+
+        export interface LabelSettingsLowerLevelStyleFont {
+
+            /** Specifies the color of labels. Label text render in this specified color.
+             * @Default {black}
+             */
+            color?: string;
+
+            /** Specifies the font family of labels. Label text render in this specified font family.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font style of labels. Label text render in this specified font style.
+             * @Default {Normal}
+             */
+            fontStyle?: string;
+
+            /** Specifies the font weight of labels. Label text render in this specified font weight.
+             * @Default {regular}
+             */
+            fontWeight?: string;
+
+            /** Specifies the opacity of labels. Label text render in this specified opacity.
+             * @Default {12px}
+             */
+            opacity?: string;
+
+            /** Specifies the size of labels. Label text render in this specified size.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LabelSettingsLowerLevelStyle {
+
+            /** Options for customizing the font of labels.
+             */
+            font?: LabelSettingsLowerLevelStyleFont;
+
+            /** Specifies the horizontal text alignment of the text in label.
+             * @Default {middle}
+             */
+            horizontalAlignment?: string;
+        }
+
+        export interface LabelSettingsLowerLevel {
+
+            /** Options for customizing the border of grid lines in lower level.
+             */
+            border?: LabelSettingsLowerLevelBorder;
+
+            /** Specifies the fill color of labels in lower level.
+             * @Default {transparent}
+             */
+            fill?: string;
+
+            /** Options for customizing the grid lines in lower level.
+             */
+            gridLineStyle?: LabelSettingsLowerLevelGridLineStyle;
+
+            /** Specifies the intervalType of the labels in lower level.See IntervalType
+             * @Default {auto}
+             */
+            intervalType?: ej.datavisualization.RangeNavigator.IntervalType|string;
+
+            /** Specifies the position of the labels to render either inside or outside of plot area. See LabelPlacement
+             * @Default {outside}
+             */
+            labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement|string;
+
+            /** Specifies the position of the labels in lower level.See Position
+             * @Default {bottom}
+             */
+            position?: ej.datavisualization.RangeNavigator.Position|string;
+
+            /** Options for customizing the style of labels.
+             */
+            style?: LabelSettingsLowerLevelStyle;
+
+            /** Toggles the visibility of labels in lower level.
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface LabelSettingsStyleFont {
+
+            /** Specifies the label color. This color is applied to the labels in range navigator.
+             * @Default {#333333}
+             */
+            color?: string;
+
+            /** Specifies the label font family. Labels render with the specified font family.
+             * @Default {Segoe UI}
+             */
+            family?: string;
+
+            /** Specifies the label font opacity. Labels render with the specified font opacity.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the label font size. Labels render with the specified font size.
+             * @Default {1px}
+             */
+            size?: string;
+
+            /** Specifies the label font style. Labels render with the specified font style..
+             * @Default {Normal}
+             */
+            style?: ej.datavisualization.RangeNavigator.FontStyle|string;
+
+            /** Specifies the label font weight
+             * @Default {regular}
+             */
+            weight?: ej.datavisualization.RangeNavigator.FontWeight|string;
+        }
+
+        export interface LabelSettingsStyle {
+
+            /** Options for customizing the font of labels in range navigator.
+             */
+            font?: LabelSettingsStyleFont;
+
+            /** Specifies the horizontalAlignment of the label in RangeNavigator
+             * @Default {middle}
+             */
+            horizontalAlignment?: ej.datavisualization.RangeNavigator.HorizontalAlignment|string;
+        }
+
+        export interface LabelSettings {
+
+            /** Options for customizing the higher level labels in range navigator.
+             */
+            higherLevel?: LabelSettingsHigherLevel;
+
+            /** Options for customizing the labels in lower level.
+             */
+            lowerLevel?: LabelSettingsLowerLevel;
+
+            /** Options for customizing the style of labels in range navigator.
+             */
+            style?: LabelSettingsStyle;
+        }
+
+        export interface NavigatorStyleSettingsBorder {
+
+            /** Specifies the border color of range navigator.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Specifies the dash array of range navigator.
+             * @Default {null}
+             */
+            dashArray?: string;
+
+            /** Specifies the border width of range navigator.
+             * @Default {0.5}
+             */
+            width?: number;
+        }
+
+        export interface NavigatorStyleSettingsMajorGridLineStyle {
+
+            /** Specifies the color of major grid lines in range navigator.
+             * @Default {#B5B5B5}
+             */
+            color?: string;
+
+            /** Toggles the visibility of major grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface NavigatorStyleSettingsMinorGridLineStyle {
+
+            /** Specifies the color of minor grid lines in range navigator.
+             * @Default {#B5B5B5}
+             */
+            color?: string;
+
+            /** Toggles the visibility of minor grid lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface NavigatorStyleSettingsHighlightSettingsBorder {
+
+            /** To set the border color to the highlight.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** To set the border width to the highlight.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface NavigatorStyleSettingsHighlightSettings {
+
+            /** Enable the highlight settings in range navigator.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** To set the color to the highlight.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** To set the opacity to the highlight.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Contains the border properties for highlighting rectangle.
+             */
+            border?: NavigatorStyleSettingsHighlightSettingsBorder;
+        }
+
+        export interface NavigatorStyleSettingsSelectionSettingsBorder {
+
+            /** To set the border color to the selection.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** To set the border width to the selection.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface NavigatorStyleSettingsSelectionSettings {
+
+            /** Enable the selection settings in range navigator.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** To set the color to the selection.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** To set the opacity to the selection.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Contains the border properties for selecting the rectangle.
+             */
+            border?: NavigatorStyleSettingsSelectionSettingsBorder;
+        }
+
+        export interface NavigatorStyleSettings {
+
+            /** Specifies the background color of range navigator.
+             * @Default {#dddddd}
+             */
+            background?: string;
+
+            /** Options for customizing the border color and width of range navigator.
+             */
+            border?: NavigatorStyleSettingsBorder;
+
+            /** Specifies the left side thumb template in range navigator we can give either div id or HTML string
+             * @Default {null}
+             */
+            leftThumbTemplate?: string;
+
+            /** Options for customizing the major grid lines.
+             */
+            majorGridLineStyle?: NavigatorStyleSettingsMajorGridLineStyle;
+
+            /** Options for customizing the minor grid lines.
+             */
+            minorGridLineStyle?: NavigatorStyleSettingsMinorGridLineStyle;
+
+            /** Specifies the opacity of RangeNavigator.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the right side thumb template in range navigator we can give either div id or HTML string
+             * @Default {null}
+             */
+            rightThumbTemplate?: string;
+
+            /** Specifies the color of the selected region in range navigator.
+             * @Default {#EFEFEF}
+             */
+            selectedRegionColor?: string;
+
+            /** Specifies the opacity of Selected Region.
+             * @Default {0}
+             */
+            selectedRegionOpacity?: number;
+
+            /** Specifies the color of the thumb in range navigator.
+             * @Default {#2382C3}
+             */
+            thumbColor?: string;
+
+            /** Specifies the radius of the thumb in range navigator.
+             * @Default {10}
+             */
+            thumbRadius?: number;
+
+            /** Specifies the stroke color of the thumb in range navigator.
+             * @Default {#303030}
+             */
+            thumbStroke?: string;
+
+            /** Specifies the color of the unselected region in range navigator.
+             * @Default {#5EABDE}
+             */
+            unselectedRegionColor?: string;
+
+            /** Specifies the opacity of Unselected Region.
+             * @Default {0.3}
+             */
+            unselectedRegionOpacity?: number;
+
+            /** Contains the options for highlighting the range navigator on mouse over.
+             */
+            highlightSettings?: NavigatorStyleSettingsHighlightSettings;
+
+            /** Contains the options for selection the range navigator on mouse over.
+             */
+            selectionSettings?: NavigatorStyleSettingsSelectionSettings;
+        }
+
+        export interface RangeSettings {
+
+            /** Specifies the ending range of range navigator.
+             * @Default {null}
+             */
+            end?: string;
+
+            /** Specifies the starting range of range navigator.
+             * @Default {null}
+             */
+            start?: string;
+        }
+
+        export interface SelectedRangeSettings {
+
+            /** Specifies the ending range of range navigator.
+             * @Default {null}
+             */
+            end?: string;
+
+            /** Specifies the starting range of range navigator.
+             * @Default {null}
+             */
+            start?: string;
+        }
+
+        export interface ScrollRangeSettings {
+
+            /** Specifies the ending range of range navigator scrollbar and that should be greater than the rangenavigator datasource end value.
+             * @Default {null}
+             */
+            end?: string;
+
+            /** Specifies the starting range of range navigator scrollbar and that should be less than the rangenavigator datasource start value.
+             * @Default {null}
+             */
+            start?: string;
+        }
+
+        export interface SizeSettings {
+
+            /** Specifies height of the range navigator.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Specifies width of the range navigator.
+             * @Default {null}
+             */
+            width?: string;
+        }
+
+        export interface TooltipSettingsFont {
+
+            /** Specifies the color of text in tooltip. Tooltip text render in the specified color.
+             * @Default {#FFFFFF}
+             */
+            color?: string;
+
+            /** Specifies the font family of text in tooltip. Tooltip text render in the specified font family.
+             * @Default {Segoe UI}
+             */
+            family?: string;
+
+            /** Specifies the font style of text in tooltip. Tooltip text render in the specified font style.
+             * @Default {ej.datavisualization.RangeNavigator.fontStyle.Normal}
+             */
+            fontStyle?: string;
+
+            /** Specifies the opacity of text in tooltip. Tooltip text render in the specified opacity.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the size of text in tooltip. Tooltip text render in the specified size.
+             * @Default {10px}
+             */
+            size?: string;
+
+            /** Specifies the weight of text in tooltip. Tooltip text render in the specified weight.
+             * @Default {ej.datavisualization.RangeNavigator.weight.Regular}
+             */
+            weight?: string;
+        }
+
+        export interface TooltipSettings {
+
+            /** Specifies the background color of tooltip.
+             * @Default {#303030}
+             */
+            backgroundColor?: string;
+
+            /** Options for customizing the font in tooltip.
+             */
+            font?: TooltipSettingsFont;
+
+            /** Specifies the format of text to be displayed in tooltip.
+             * @Default {MM/dd/yyyy}
+             */
+            labelFormat?: string;
+
+            /** Specifies the mode of displaying the tooltip. Neither to display the tooltip always nor on demand.
+             * @Default {null}
+             */
+            tooltipDisplayMode?: string;
+
+            /** Toggles the visibility of tooltip.
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface ValueAxisSettingsAxisLine {
+
+            /** Toggles the visibility of axis line.
+             * @Default {none}
+             */
+            visible?: string;
+        }
+
+        export interface ValueAxisSettingsFont {
+
+            /** Text in axis render with the specified size.
+             * @Default {0px}
+             */
+            size?: string;
+        }
+
+        export interface ValueAxisSettingsMajorGridLines {
+
+            /** Toggles the visibility of major grid lines.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface ValueAxisSettingsMajorTickLines {
+
+            /** Specifies the size of the majorTickLines in range navigator
+             * @Default {0}
+             */
+            size?: number;
+
+            /** Toggles the visibility of major tick lines.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Specifies width of the major tick lines.
+             * @Default {0}
+             */
+            width?: number;
+        }
+
+        export interface ValueAxisSettingsRange {
+
+            /** Default Value
+             * @Default {null}
+             */
+            min?: number;
+
+            /** Default Value
+             * @Default {null}
+             */
+            max?: number;
+
+            /** Default Value
+             * @Default {null}
+             */
+            interval?: number;
+        }
+
+        export interface ValueAxisSettings {
+
+            /** Options for customizing the axis line.
+             */
+            axisLine?: ValueAxisSettingsAxisLine;
+
+            /** Options for customizing the font of the axis.
+             */
+            font?: ValueAxisSettingsFont;
+
+            /** Options for customizing the major grid lines.
+             */
+            majorGridLines?: ValueAxisSettingsMajorGridLines;
+
+            /** Options for customizing the major tick lines in axis.
+             */
+            majorTickLines?: ValueAxisSettingsMajorTickLines;
+
+            /** You can customize the range of the axis by setting minimum , maximum and interval.
+             */
+            range?: ValueAxisSettingsRange;
+
+            /** If the range is not given explicitly, range will be calculated automatically. You can customize the automatic range calculation using rangePadding.
+             * @Default {none}
+             */
+            rangePadding?: string;
+
+            /** Toggles the visibility of axis in range navigator.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+    }
+    namespace RangeNavigator {
+        enum Type {
+            //string
+            Area,
+            //string
+            Line,
+            //string
+            Spline,
+            //string
+            StepArea,
+            //string
+            SplineArea,
+            //string
+            StepLine,
+        }
+    }
+    namespace RangeNavigator {
+        enum IntervalType {
+            //string
+            Years,
+            //string
+            Quarters,
+            //string
+            Months,
+            //string
+            Weeks,
+            //string
+            Days,
+            //string
+            Hours,
+            //string
+            Minutes,
+        }
+    }
+    namespace RangeNavigator {
+        enum LabelPlacement {
+            //string
+            Inside,
+            //string
+            Outside,
+        }
+    }
+    namespace RangeNavigator {
+        enum Position {
+            //string
+            Top,
+            //string
+            Bottom,
+        }
+    }
+    namespace RangeNavigator {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Bold,
+            //string
+            Italic,
+        }
+    }
+    namespace RangeNavigator {
+        enum FontWeight {
+            //string
+            Regular,
+            //string
+            Lighter,
+        }
+    }
+    namespace RangeNavigator {
+        enum HorizontalAlignment {
+            //string
+            Middle,
+            //string
+            Left,
+            //string
+            Right,
+        }
+    }
+    namespace RangeNavigator {
+        enum RangePadding {
+            //string
+            Additional,
+            //string
+            Normal,
+            //string
+            None,
+            //string
+            Round,
+        }
+    }
+    namespace RangeNavigator {
+        enum ValueType {
+            //string
+            Numeric,
+            //string
+            DateTime,
+        }
+    }
+
+    class BulletGraph extends ej.Widget {
+        static fn: BulletGraph;
+        constructor(element: JQuery | Element, options?: BulletGraph.Model);
+        static Locale: any;
+        model: BulletGraph.Model;
+        defaults: BulletGraph.Model;
+
+        /** To destroy the bullet graph
+         * @returns {void}
+         */
+        destroy(): void;
+
+        /** To redraw the bullet graph
+         * @returns {void}
+         */
+        redraw(): void;
+
+        /** To set the value for comparative measure in bullet graph.
+         * @returns {void}
+         */
+        setComparativeMeasureSymbol(): void;
+
+        /** To set the value for feature measure bar.
+         * @returns {void}
+         */
+        setFeatureMeasureBarValue(): void;
+    }
+    export namespace BulletGraph {
+
+        export interface Model {
+
+            /** Toggles the visibility of the range stroke color of the labels.
+             * @Default {false}
+             */
+            applyRangeStrokeToLabels?: boolean;
+
+            /** Toggles the visibility of the range stroke color of the ticks.
+             * @Default {false}
+             */
+            applyRangeStrokeToTicks?: boolean;
+
+            /** Contains property to customize the caption in bullet graph.
+             */
+            captionSettings?: CaptionSettings;
+
+            /** Comparative measure bar in bullet graph render till the specified value.
+             * @Default {0}
+             */
+            comparativeMeasureValue?: number;
+
+            /** Toggles the animation of bullet graph.
+             * @Default {true}
+             */
+            enableAnimation?: boolean;
+
+            /** Controls whether bullet graph has to be responsive while resizing.
+             * @Default {true}
+             */
+            enableResizing?: boolean;
+
+            /** Specifies the direction of flow in bullet graph. Neither it may be backward nor forward.
+             * @Default {forward}
+             */
+            flowDirection?: ej.datavisualization.BulletGraph.FlowDirection|string;
+
+            /** Specifies the height of the bullet graph.
+             * @Default {90}
+             */
+            height?: number;
+
+            /** Sets a value whether to make the bullet graph responsive on resize.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies to convert the date object to string, using locale settings.
+             * @Default {false}
+             */
+            enableGroupSeparator?: boolean;
+
+            /** Name of the culture based on which bulletgraph should be localized.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Bullet graph will render in the specified orientation.
+             * @Default {horizontal}
+             */
+            orientation?: ej.datavisualization.BulletGraph.Orientation|string;
+
+            /** Contains property to customize the qualitative ranges.
+             */
+            qualitativeRanges?: QualitativeRange[];
+
+            /** Size of the qualitative range depends up on the specified value.
+             * @Default {32}
+             */
+            qualitativeRangeSize?: number;
+
+            /** Length of the quantitative range depends up on the specified value.
+             * @Default {475}
+             */
+            quantitativeScaleLength?: number;
+
+            /** Contains all the properties to customize quantitative scale.
+             */
+            quantitativeScaleSettings?: QuantitativeScaleSettings;
+
+            /** By specifying this property the user can change the theme of the bullet graph.
+             * @Default {flatlight}
+             */
+            theme?: string;
+
+            /** Contains all the properties to customize tooltip.
+             */
+            tooltipSettings?: TooltipSettings;
+
+            /** Feature measure bar in bullet graph render till the specified value.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Specifies the width of the bullet graph.
+             * @Default {595}
+             */
+            width?: number;
+
+            /** Fires on rendering the caption of bullet graph.
+             */
+            drawCaption?(e: DrawCaptionEventArgs): void;
+
+            /** Fires on rendering the category.
+             */
+            drawCategory?(e: DrawCategoryEventArgs): void;
+
+            /** Fires on rendering the comparative measure symbol.
+             */
+            drawComparativeMeasureSymbol?(e: DrawComparativeMeasureSymbolEventArgs): void;
+
+            /** Fires on rendering the feature measure bar.
+             */
+            drawFeatureMeasureBar?(e: DrawFeatureMeasureBarEventArgs): void;
+
+            /** Fires on rendering the indicator of bullet graph.
+             */
+            drawIndicator?(e: DrawIndicatorEventArgs): void;
+
+            /** Fires on rendering the labels.
+             */
+            drawLabels?(e: DrawLabelsEventArgs): void;
+
+            /** Fires on rendering the ticks.
+             */
+            drawTicks?(e: DrawTicksEventArgs): void;
+
+            /** Fires on rendering the qualitative ranges.
+             */
+            drawQualitativeRanges?(e: DrawQualitativeRangesEventArgs): void;
+
+            /** Fires on loading bullet graph.
+             */
+            load?(e: LoadEventArgs): void;
+        }
+
+        export interface DrawCaptionEventArgs {
+
+            /** returns the object of the bullet graph.
+             */
+            Object?: any;
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the options of the scale element.
+             */
+            scaleElement?: HTMLElement;
 
-export interface ReportExportEventArgs {
+            /** returns the current captionSettings element.
+             */
+            captionElement?: HTMLElement;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the type of the captionSettings.
+             */
+            captionType?: string;
+        }
 
-	/** returns the report model.
-	*/
-	model?: any;
+        export interface DrawCategoryEventArgs {
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+            /** returns the object of the bullet graph.
+             */
+            Object?: any;
 
-export interface ReportLoadedEventArgs {
+            /** returns the options of the scale element.
+             */
+            scaleElement?: HTMLElement;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the options of category element.
+             */
+            categoryElement?: HTMLElement;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** returns the text value of the category that is drawn.
+             */
+            Value?: string;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface DrawComparativeMeasureSymbolEventArgs {
 
-export interface ViewReportClickEventArgs {
+            /** returns the object of the bullet graph.
+             */
+            Object?: any;
 
-	/** true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: HTMLElement;
 
-	/** returns the parameter collection.
-	*/
-	parameters?: any;
+            /** returns the options of comparative measure element.
+             */
+            targetElement?: HTMLElement;
 
-	/** returns the report model.
-	*/
-	model?: any;
+            /** returns the value of the comparative measure symbol.
+             */
+            Value?: number;
+        }
 
-	/** returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface DrawFeatureMeasureBarEventArgs {
 
-export interface DataSource {
+            /** returns the object of the bullet graph.
+             */
+            Object?: any;
 
-	/** Gets or sets the name of the data source.
-	*   @Default {empty}
-	*/
-	name?: String;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: HTMLElement;
 
-	/** Gets or sets the values of data source.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** returns the options of feature measure element.
+             */
+            currentElement?: HTMLElement;
 
-export interface ExportSettings {
+            /** returns the value of the feature measure bar.
+             */
+            Value?: number;
+        }
 
-	/** Specifies the export formats.
-	*   @Default {ej.ReportViewer.ExportOptions.All}
-	*/
-	exportOptions?: ej.ReportViewer.ExportOptions|string;
+        export interface DrawIndicatorEventArgs {
 
-	/** Specifies the excel export format.
-	*   @Default {ej.ReportViewer.ExcelFormats.Excel97to2003}
-	*/
-	excelFormat?: ej.ReportViewer.ExcelFormats|string;
+            /** returns an object to customize bullet graph indicator text and symbol before rendering it.
+             */
+            indicatorSettings?: any;
 
-	/** Specifies the word export format.
-	*   @Default {ej.ReportViewer.WordFormats.Doc}
-	*/
-	wordFormat?: ej.ReportViewer.WordFormats|string;
-}
+            /** returns the object of bullet graph.
+             */
+            model?: any;
 
-export interface PageSettings {
+            /** returns the type of event.
+             */
+            type?: string;
 
-	/** Specifies the print layout orientation.
-	*   @Default {null}
-	*/
-	orientation?: ej.ReportViewer.Orientation|string;
+            /** for canceling the event.
+             */
+            cancel?: boolean;
+        }
 
-	/** Specifies the paper size of print layout.
-	*   @Default {null}
-	*/
-	paperSize?: ej.ReportViewer.PaperSize|string;
-}
+        export interface DrawLabelsEventArgs {
 
-export interface Parameter {
+            /** returns the object of the bullet graph.
+             */
+            Object?: any;
 
-	/** Gets or sets the parameter labels.
-	*   @Default {null}
-	*/
-	labels?: Array<any>;
+            /** returns the options of the scale element.
+             */
+            scaleElement?: HTMLElement;
 
-	/** Gets or sets the name of the parameter.
-	*   @Default {empty}
-	*/
-	name?: String;
+            /** returns the current label element.
+             */
+            tickElement?: HTMLElement;
 
-	/** Gets or sets whether the parameter allows nullable value or not.
-	*   @Default {false}
-	*/
-	nullable?: Boolean;
+            /** returns the label type.
+             */
+            labelType?: string;
+        }
 
-	/** Gets or sets the prompt message associated with the specified parameter.
-	*   @Default {empty}
-	*/
-	prompt?: String;
+        export interface DrawTicksEventArgs {
 
-	/** Gets or sets the parameter values.
-	*   @Default {[]}
-	*/
-	values?: Array<any>;
-}
+            /** returns the model of the bullet graph.
+             */
+            model?: any;
 
-export interface ToolbarSettings {
+            /** returns the name of the event.
+             */
+            type?: string;
 
-	/** Fires when user click on toolbar item in the toolbar.
-	*   @Default {empty}
-	*/
-	click?: String;
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
 
-	/** Specifies the toolbar items.
-	*   @Default {ej.ReportViewer.ToolbarItems.All}
-	*/
-	items?: ej.ReportViewer.ToolbarItems|string;
+            /** returns the settings for majorTicks.
+             */
+            majorTickSettings?: any;
 
-	/** Shows or hides the toolbar.
-	*   @Default {true}
-	*/
-	showToolbar?: Boolean;
+            /** returns the settings for minorTicks.
+             */
+            minorTickSettings?: any;
 
-	/** Shows or hides the tooltip of toolbar items.
-	*   @Default {true}
-	*/
-	showTooltip?: Boolean;
+            /** returns the maximum value.
+             */
+            maximum?: number;
 
-	/** Specifies the toolbar template ID.
-	*   @Default {empty}
-	*/
-	templateId?: String;
-}
+            /** returns the minimum value.
+             */
+            minimum?: number;
 
-enum ExportOptions{
+            /** returns the interval value.
+             */
+            interval?: number;
 
-	///Specifies the All property in ExportOptions to get all available options.
-	All,
+            /** returns the value of minorTicksPerInterval.
+             */
+            minorTickPerInterval?: number;
+        }
+
+        export interface DrawQualitativeRangesEventArgs {
 
-	///Specifies the PDF property in ExportOptions to get PDF option.
-	PDF,
+            /** returns the object of the bullet graph.
+             */
+            Object?: any;
+
+            /** returns the index of current range.
+             */
+            rangeIndex?: number;
+
+            /** returns the settings for current range.
+             */
+            rangeOptions?: any;
+
+            /** returns the end value of current range.
+             */
+            rangeEndValue?: number;
+        }
+
+        export interface LoadEventArgs {
+
+            /** returns the model of the bullet graph.
+             */
+            model?: any;
+
+            /** returns the name of the event.
+             */
+            type?: string;
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+        }
+
+        export interface CaptionSettingsFont {
+
+            /** Specifies the color of the text in caption.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the fontFamily of caption. Caption text render with this fontFamily
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle of caption
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+            /** Specifies the fontWeight of caption
+             * @Default {regular}
+             */
+            fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+            /** Specifies the opacity of caption. Caption text render with this opacity.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the size of caption. Caption text render with this size
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface CaptionSettingsIndicatorFont {
+
+            /** Specifies the color of the indicator's text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the fontFamily of indicator. Indicator text render with this fontFamily.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle of indicator. Indicator text render with this fontStyle. See FontStyle
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+            /** Specifies the fontWeight of indicator. Indicator text render with this fontWeight. See FontWeight
+             * @Default {regular}
+             */
+            fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+            /** Specifies the opacity of indicator text. Indicator text render with this Opacity.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the size of indicator. Indicator text render with this size.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface CaptionSettingsIndicatorLocation {
+
+            /** Specifies the horizontal position of the indicator.
+             * @Default {10}
+             */
+            x?: number;
+
+            /** Specifies the vertical position of the indicator.
+             * @Default {60}
+             */
+            y?: number;
+        }
+
+        export interface CaptionSettingsIndicatorSymbolBorder {
+
+            /** Specifies the border color of indicator symbol.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the border width of indicator symbol.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface CaptionSettingsIndicatorSymbolSize {
+
+            /** Specifies the height of indicator symbol.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Specifies the width of indicator symbol.
+             * @Default {10}
+             */
+            width?: number;
+        }
+
+        export interface CaptionSettingsIndicatorSymbol {
+
+            /** Contains property to customize the border of indicator symbol.
+             */
+            border?: CaptionSettingsIndicatorSymbolBorder;
+
+            /** Specifies the color of indicator symbol.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the URL of image that represents indicator symbol.
+             */
+            imageURL?: string;
+
+            /** Specifies the opacity of indicator symbol.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the shape of indicator symbol.
+             */
+            shape?: string;
+
+            /** Contains property to customize the size of indicator symbol.
+             */
+            size?: CaptionSettingsIndicatorSymbolSize;
+        }
+
+        export interface CaptionSettingsIndicator {
+
+            /** Contains property to customize the font of indicator.
+             */
+            font?: CaptionSettingsIndicatorFont;
+
+            /** Contains property to customize the location of indicator.
+             */
+            location?: CaptionSettingsIndicatorLocation;
+
+            /** Specifies the padding to be applied when text position is used.
+             * @Default {2}
+             */
+            padding?: number;
+
+            /** Contains property to customize the symbol of indicator.
+             */
+            symbol?: CaptionSettingsIndicatorSymbol;
+
+            /** Specifies the text to be displayed as indicator text. By default difference between current value and target will be displayed
+             */
+            text?: string;
+
+            /** Specifies the alignment of indicator with respect to scale based on text position
+             * @Default {'Near'}
+             */
+            textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
+
+            /** Specifies where indicator text should be anchored when indicator overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same
+             * position. Anchoring is not applicable for float position.
+             * @Default {'start'}
+             */
+            textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
+
+            /** indicator text render in the specified angle.
+             * @Default {0}
+             */
+            textAngle?: number;
+
+            /** Specifies where indicator should be placed
+             * @Default {'float'}
+             */
+            textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
+
+            /** Specifies the space between indicator symbol and text.
+             * @Default {3}
+             */
+            textSpacing?: number;
+
+            /** Specifies whether indicator will be visible or not.
+             * @Default {false}
+             */
+            visible?: boolean;
+        }
+
+        export interface CaptionSettingsLocation {
+
+            /** Specifies the position in horizontal direction
+             * @Default {17}
+             */
+            x?: number;
+
+            /** Specifies the position in horizontal direction
+             * @Default {30}
+             */
+            y?: number;
+        }
+
+        export interface CaptionSettingsSubTitleFont {
+
+            /** Specifies the color of the subtitle's text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the fontFamily of subtitle. Subtitle text render with this fontFamily.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle of subtitle. Subtitle text render with this fontStyle. See FontStyle
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+            /** Specifies the fontWeight of subtitle. Subtitle text render with this fontWeight. See FontWeight
+             * @Default {regular}
+             */
+            fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+            /** Specifies the opacity of subtitle. Subtitle text render with this opacity.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Specifies the size of subtitle. Subtitle text render with this size.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface CaptionSettingsSubTitleLocation {
+
+            /** Specifies the horizontal position of the subtitle.
+             * @Default {10}
+             */
+            x?: number;
+
+            /** Specifies the vertical position of the subtitle.
+             * @Default {45}
+             */
+            y?: number;
+        }
+
+        export interface CaptionSettingsSubTitle {
+
+            /** Contains property to customize the font of subtitle.
+             */
+            font?: CaptionSettingsSubTitleFont;
+
+            /** Contains property to customize the location of subtitle.
+             */
+            location?: CaptionSettingsSubTitleLocation;
+
+            /** Specifies the padding to be applied when text position is used.
+             * @Default {5}
+             */
+            padding?: number;
+
+            /** Specifies the text to be displayed as subtitle.
+             */
+            text?: string;
+
+            /** Specifies the alignment of sub title text with respect to scale. Alignment will not be applied in float position.
+             * @Default {'Near'}
+             */
+            textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
+
+            /** Specifies where subtitle text should be anchored when sub title text overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same
+             * position. Anchoring is not applicable for float position.
+             * @Default {'start'}
+             */
+            textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
+
+            /** Subtitle render in the specified angle.
+             * @Default {0}
+             */
+            textAngle?: number;
+
+            /** Specifies where sub title text should be placed.
+             * @Default {'float'}
+             */
+            textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
+        }
+
+        export interface CaptionSettings {
+
+            /** Specifies whether trim the labels will be true or false.
+             * @Default {true}
+             */
+            enableTrim?: boolean;
+
+            /** Contains property to customize the font of caption.
+             */
+            font?: CaptionSettingsFont;
+
+            /** Contains property to customize the indicator.
+             */
+            indicator?: CaptionSettingsIndicator;
+
+            /** Contains property to customize the location.
+             */
+            location?: CaptionSettingsLocation;
+
+            /** Specifies the padding to be applied when text position is used.
+             * @Default {5}
+             */
+            padding?: number;
+
+            /** Contains property to customize the subtitle.
+             */
+            subTitle?: CaptionSettingsSubTitle;
+
+            /** Specifies the text to be displayed on bullet graph.
+             */
+            text?: string;
+
+            /** Specifies the alignment of caption text with respect to scale. This property will not be applied when text position is float.
+             * @Default {'Near'}
+             */
+            textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
+
+            /** Specifies caption text anchoring when caption text overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position.
+             * Anchoring is not applicable for float position.
+             * @Default {'start'}
+             */
+            textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
+
+            /** Specifies the angel in which the caption is rendered.
+             * @Default {0}
+             */
+            textAngle?: number;
+
+            /** Specifies how caption text should be placed.
+             * @Default {'float'}
+             */
+            textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
+        }
+
+        export interface QualitativeRange {
+
+            /** Specifies the ending range to which the qualitative ranges will render.
+             * @Default {3}
+             */
+            rangeEnd?: number;
+
+            /** Specifies the opacity for the qualitative ranges.
+             * @Default {1}
+             */
+            rangeOpacity?: number;
+
+            /** Specifies the stroke for the qualitative ranges.
+             * @Default {null}
+             */
+            rangeStroke?: string;
+        }
+
+        export interface QuantitativeScaleSettingsComparativeMeasureSettings {
+
+            /** Specifies the stroke of the comparative measure.
+             * @Default {null}
+             */
+            stroke?: number;
+
+            /** Specifies the width of the comparative measure.
+             * @Default {5}
+             */
+            width?: number;
+        }
+
+        export interface QuantitativeScaleSettingsFeaturedMeasureSettings {
+
+            /** Specifies the Stroke of the featured measure in bullet graph.
+             * @Default {null}
+             */
+            stroke?: number;
+
+            /** Specifies the width of the featured measure in bullet graph.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface QuantitativeScaleSettingsFeatureMeasure {
+
+            /** Specifies the category of feature measure.
+             * @Default {null}
+             */
+            category?: string;
+
+            /** Comparative measure render till the specified value.
+             * @Default {null}
+             */
+            comparativeMeasureValue?: number;
+
+            /** Feature measure render till the specified value.
+             * @Default {null}
+             */
+            value?: number;
+        }
+
+        export interface QuantitativeScaleSettingsFields {
+
+            /** Specifies the category of the bullet graph.
+             * @Default {null}
+             */
+            category?: string;
+
+            /** Comparative measure render based on the values in the specified field.
+             * @Default {null}
+             */
+            comparativeMeasure?: string;
+
+            /** Specifies the dataSource for the bullet graph.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Feature measure render based on the values in the specified field.
+             * @Default {null}
+             */
+            featureMeasures?: string;
+
+            /** Specifies the query for fetching the values form data source to render the bullet graph.
+             * @Default {null}
+             */
+            query?: string;
+
+            /** Specifies the name of the table.
+             * @Default {null}
+             */
+            tableName?: string;
+        }
+
+        export interface QuantitativeScaleSettingsLabelSettingsFont {
+
+            /** Specifies the fontFamily of labels in bullet graph. Labels render with this fontFamily.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the fontStyle of labels in bullet graph. Labels render with this fontStyle. See FontStyle
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
+
+            /** Specifies the fontWeight of labels in bullet graph. Labels render with this fontWeight. See FontWeight
+             * @Default {regular}
+             */
+            fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
+
+            /** Specifies the opacity of labels in bullet graph. Labels render with this opacity
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface QuantitativeScaleSettingsLabelSettings {
+
+            /** Contains property to customize the font of the labels in bullet graph.
+             */
+            font?: QuantitativeScaleSettingsLabelSettingsFont;
+
+            /** Specifies the placement of labels in bullet graph scale.
+             * @Default {outside}
+             */
+            labelPlacement?: ej.datavisualization.BulletGraph.LabelPlacement|string;
+
+            /** Specifies the prefix to be added with labels in bullet graph.
+             * @Default {Empty string}
+             */
+            labelPrefix?: string;
+
+            /** Specifies the suffix to be added after labels in bullet graph.
+             * @Default {Empty string}
+             */
+            labelSuffix?: string;
+
+            /** Specifies the horizontal/vertical padding of labels.
+             * @Default {15}
+             */
+            offset?: number;
+
+            /** Specifies the position of the labels to render either above or below the graph. See
+             * @Default {below}
+             */
+            position?: ej.datavisualization.BulletGraph.LabelPosition|string;
+
+            /** Specifies the Size of the labels.
+             * @Default {12}
+             */
+            size?: number;
+
+            /** Specifies the stroke color of the labels in bullet graph.
+             * @Default {null}
+             */
+            stroke?: string;
+        }
+
+        export interface QuantitativeScaleSettingsLocation {
+
+            /** This property specifies the x position for rendering quantitative scale.
+             * @Default {10}
+             */
+            x?: number;
+
+            /** This property specifies the y position for rendering quantitative scale.
+             * @Default {10}
+             */
+            y?: number;
+        }
+
+        export interface QuantitativeScaleSettingsMajorTickSettings {
+
+            /** Specifies the size of the major ticks.
+             * @Default {13}
+             */
+            size?: number;
+
+            /** Specifies the stroke color of the major tick lines.
+             * @Default {null}
+             */
+            stroke?: string;
+
+            /** Specifies the width of the major tick lines.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface QuantitativeScaleSettingsMinorTickSettings {
+
+            /** Specifies the size of minor ticks.
+             * @Default {7}
+             */
+            size?: number;
+
+            /** Specifies the stroke color of minor ticks in bullet graph.
+             * @Default {null}
+             */
+            stroke?: string;
+
+            /** Specifies the width of the minor ticks in bullet graph.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface QuantitativeScaleSettings {
+
+            /** Contains property to customize the comparative measure.
+             */
+            comparativeMeasureSettings?: QuantitativeScaleSettingsComparativeMeasureSettings;
+
+            /** Contains property to customize the featured measure.
+             */
+            featuredMeasureSettings?: QuantitativeScaleSettingsFeaturedMeasureSettings;
+
+            /** Contains property to customize the featured measure.
+             */
+            featureMeasures?: QuantitativeScaleSettingsFeatureMeasure[];
+
+            /** Contains property to customize the fields.
+             */
+            fields?: QuantitativeScaleSettingsFields;
+
+            /** Specifies the interval for the Graph.
+             * @Default {1}
+             */
+            interval?: number;
+
+            /** Contains property to customize the labels.
+             */
+            labelSettings?: QuantitativeScaleSettingsLabelSettings;
+
+            /** Contains property to customize the position of the quantitative scale
+             */
+            location?: QuantitativeScaleSettingsLocation;
+
+            /** Contains property to customize the major tick lines.
+             */
+            majorTickSettings?: QuantitativeScaleSettingsMajorTickSettings;
+
+            /** Specifies the maximum value of the Graph.
+             * @Default {10}
+             */
+            maximum?: number;
+
+            /** Specifies the minimum value of the Graph.
+             * @Default {0}
+             */
+            minimum?: number;
+
+            /** Contains property to customize the minor ticks.
+             */
+            minorTickSettings?: QuantitativeScaleSettingsMinorTickSettings;
+
+            /** The specified number of minor ticks will be rendered per interval.
+             * @Default {4}
+             */
+            minorTicksPerInterval?: number;
+
+            /** Specifies the placement of ticks to render either inside or outside the scale.
+             * @Default {ej.datavisualization.BulletGraph.TickPlacement.Outside}
+             */
+            tickPlacement?: ej.datavisualization.BulletGraph.TickPlacement|string;
+
+            /** Specifies the position of the ticks to render either above,below or inside
+             * @Default {ej.datavisualization.BulletGraph.TickPosition.Far}
+             */
+            tickPosition?: ej.datavisualization.BulletGraph.TickPosition|string;
+        }
+
+        export interface TooltipSettings {
+
+            /** Specifies template for caption tooltip
+             * @Default {null}
+             */
+            captionTemplate?: string;
+
+            /** Toggles the visibility of caption tooltip
+             * @Default {false}
+             */
+            enableCaptionTooltip?: boolean;
+
+            /** Specifies the ID of a div, which is to be displayed as tooltip.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Toggles the visibility of tooltip
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+    }
+    namespace BulletGraph {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Italic,
+            //string
+            Oblique,
+        }
+    }
+    namespace BulletGraph {
+        enum FontWeight {
+            //string
+            Normal,
+            //string
+            Bold,
+            //string
+            Bolder,
+            //string
+            Lighter,
+        }
+    }
+    namespace BulletGraph {
+        enum TextAlignment {
+            //string
+            Near,
+            //string
+            Far,
+            //string
+            Center,
+        }
+    }
+    namespace BulletGraph {
+        enum TextAnchor {
+            //string
+            Start,
+            //string
+            Middle,
+            //string
+            End,
+        }
+    }
+    namespace BulletGraph {
+        enum TextPosition {
+            //string
+            Top,
+            //string
+            Right,
+            //string
+            Left,
+            //string
+            Bottom,
+            //string
+            Float,
+        }
+    }
+    namespace BulletGraph {
+        enum FlowDirection {
+            //string
+            Forward,
+            //string
+            Backward,
+        }
+    }
+    namespace BulletGraph {
+        enum Orientation {
+            //string
+            Horizontal,
+            //string
+            Vertical,
+        }
+    }
+    namespace BulletGraph {
+        enum LabelPlacement {
+            //string
+            Inside,
+            //string
+            Outside,
+        }
+    }
+    namespace BulletGraph {
+        enum LabelPosition {
+            //string
+            Above,
+            //string
+            Below,
+        }
+    }
+    namespace BulletGraph {
+        enum TickPlacement {
+            //string
+            Inside,
+            //string
+            Outside,
+        }
+    }
+    namespace BulletGraph {
+        enum TickPosition {
+            //string
+            Below,
+            //string
+            Above,
+            //string
+            Cross,
+        }
+    }
+
+    class Barcode extends ej.Widget {
+        static fn: Barcode;
+        constructor(element: JQuery | Element, options?: Barcode.Model);
+        static Locale: any;
+        model: Barcode.Model;
+        defaults: Barcode.Model;
+
+        /** To disable the barcode
+         * @returns {void}
+         */
+        disable(): void;
+
+        /** To enable the barcode
+         * @returns {void}
+         */
+        enable(): void;
+    }
+    export namespace Barcode {
+
+        export interface Model {
+
+            /** Specifies the distance between the barcode and text below it.
+             */
+            barcodeToTextGapHeight?: number;
+
+            /** Specifies the height of bars in the Barcode. By modifying the barHeight, the entire barcode height can be customized. Please refer to xDimension for two dimensional barcode height
+             * customization.
+             */
+            barHeight?: number;
+
+            /** Specifies the dark bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
+             */
+            darkBarColor?: any;
+
+            /** Specifies whether the text below the barcode is visible or hidden.
+             */
+            displayText?: boolean;
+
+            /** Specifies whether the control is enabled.
+             */
+            enabled?: boolean;
+
+            /** Specifies the start and stop encode symbol in the Barcode. In one dimensional barcodes, an additional character is added as start and stop delimiters. These symbols are optional
+             * and the unique of the symbol allows the reader to determine the direction of the barcode being scanned.
+             */
+            encodeStartStopSymbol?: number;
+
+            /** Specifies the light bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
+             */
+            lightBarColor?: any;
+
+            /** Specifies the width of the narrow bars in the barcode. The dark bars in the one dimensional barcode contains random narrow and wide bars based on the provided input which can be
+             * specified during initialization.
+             */
+            narrowBarWidth?: number;
+
+            /** Specifies the width of the quiet zone. In barcode, a quiet zone is the blank margin on either side of a barcode which informs the reader where a barcode's symbology starts and
+             * stops. The purpose of a quiet zone is to prevent the reader from picking up unrelated information.
+             */
+            quietZone?: QuietZone;
+
+            /** Specifies the type of the Barcode. See SymbologyType
+             */
+            symbologyType?: ej.datavisualization.Barcode.SymbologyType|string;
+
+            /** Specifies the text to be encoded in the barcode.
+             */
+            text?: string;
+
+            /** Specifies the color of the text/data at the bottom of the barcode.
+             */
+            textColor?: any;
+
+            /** Specifies the width of the wide bars in the barcode. One dimensional barcode usually contains random narrow and wide bars based on the provided which can be customized during
+             * initialization.
+             */
+            wideBarWidth?: number;
+
+            /** Specifies the width of the narrowest element(bar or space) in a barcode. The greater the x dimension, the more easily a barcode reader will scan.
+             */
+            xDimension?: number;
+
+            /** Fires after Barcode control is loaded.
+             */
+            load?(e: LoadEventArgs): void;
+        }
+
+        export interface LoadEventArgs {
+
+            /** if the event should be canceled; otherwise, false.
+             */
+            cancel?: boolean;
+
+            /** returns the barcode model
+             */
+            model?: any;
+
+            /** returns the name of the event
+             */
+            type?: string;
+
+            /** return the barcode state
+             */
+            status?: boolean;
+        }
+
+        export interface QuietZone {
+
+            /** Specifies the quiet zone around the Barcode.
+             */
+            all?: number;
+
+            /** Specifies the bottom quiet zone of the Barcode.
+             */
+            bottom?: number;
+
+            /** Specifies the left quiet zone of the Barcode.
+             */
+            left?: number;
+
+            /** Specifies the right quiet zone of the Barcode.
+             */
+            right?: number;
+
+            /** Specifies the top quiet zone of the Barcode.
+             */
+            top?: number;
+        }
+    }
+    namespace Barcode {
+        enum SymbologyType {
+            //Represents the QR code
+            QRBarcode,
+            //Represents the Data Matrix barcode
+            DataMatrix,
+            //Represents the Code 39 barcode
+            Code39,
+            //Represents the Code 39 Extended barcode
+            Code39Extended,
+            //Represents the Code 11 barcode
+            Code11,
+            //Represents the Codabar barcode
+            Codabar,
+            //Represents the Code 32 barcode
+            Code32,
+            //Represents the Code 93 barcode
+            Code93,
+            //Represents the Code 93 Extended barcode
+            Code93Extended,
+            //Represents the Code 128 A barcode
+            Code128A,
+            //Represents the Code 128 B barcode
+            Code128B,
+            //Represents the Code 128 C barcode
+            Code128C,
+        }
+    }
+
+    class Map extends ej.Widget {
+        static fn: Map;
+        constructor(element: JQuery | Element, options?: Map.Model);
+        static Locale: any;
+        model: Map.Model;
+        defaults: Map.Model;
+
+        /** Method for navigating to specific shape based on latitude, longitude and zoom level.
+         * @param {number} Pass the latitude value for map
+         * @param {number} Pass the longitude value for map
+         * @param {number} Pass the zoom level for map
+         * @returns {void}
+         */
+        navigateTo(latitude: number, longitude: number, level: number): void;
+
+        /** Method to perform map panning
+         * @param {string} Pass the direction in which map should be panned
+         * @returns {void}
+         */
+        pan(direction: string): void;
+
+        /** Method to reload the map.
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Method to reload the shapeLayers with updated values
+         * @returns {void}
+         */
+        refreshLayers(): void;
+
+        /** Method to reload the navigation control with updated values.
+         * @param {any} Pass the navigation control instance
+         * @returns {void}
+         */
+        refreshNavigationControl(navigation: any): void;
+
+        /** Method to perform map zooming.
+         * @param {number} Pass the zoom level for map to be zoomed
+         * @param {boolean} Pass the boolean value to enable or disable animation while zooming
+         * @returns {void}
+         */
+        zoom(level: number, isAnimate: boolean): void;
+    }
+    export namespace Map {
+
+        export interface Model {
+
+            /** Specifies the background color for map
+             * @Default {transparent}
+             */
+            background?: string;
+
+            /** Specifies the index of the map to determine the shape layer to be displayed
+             * @Default {0}
+             */
+            baseMapIndex?: number;
+
+            /** Specify the center position where map should be displayed
+             * @Default {[0,0]}
+             */
+            centerPosition?: any;
+
+            /** Controls the selection through dragging
+             * @Default {false}
+             */
+            draggingOnSelection?: boolean;
+
+            /** Enables or Disables the map animation
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Enables or Disables the animation for layer change in map
+             * @Default {false}
+             */
+            enableLayerChangeAnimation?: boolean;
+
+            /** Enables or Disables the map panning
+             * @Default {true}
+             */
+            enablePan?: boolean;
+
+            /** Determines whether map need to resize when container is resized
+             * @Default {true}
+             */
+            enableResize?: boolean;
+
+            /** Determines whether map need to resize when container is resized
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Enables or Disables the Zooming for map.
+             */
+            zoomSettings?: ZoomSettings;
+
+            /** Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
+             */
+            navigationControl?: NavigationControl;
+
+            /** Name of the culture based on which map should be localized. Labels are localized with respect to the culture name.String type properties like template text are not localized
+             * automatically. Provide localized text as value to string type properties.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Layer for holding the map shapes
+             */
+            layers?: Layer[];
+
+            /** Triggered on selecting the map markers.
+             */
+            markerSelected?(e: MarkerSelectedEventArgs): void;
+
+            /** Triggers while leaving the hovered map shape
+             */
+            mouseleave?(e: MouseleaveEventArgs): void;
+
+            /** Triggers while hovering the map shape.
+             */
+            mouseover?(e: MouseoverEventArgs): void;
+
+            /** Triggers once map render completed.
+             */
+            onRenderComplete?(e: OnRenderCompleteEventArgs): void;
+
+            /** Triggers when map panning ends.
+             */
+            panned?(e: PannedEventArgs): void;
+
+            /** Triggered on selecting the map shapes.
+             */
+            shapeSelected?(e: ShapeSelectedEventArgs): void;
+
+            /** Triggered when map is zoomed-in.
+             */
+            zoomedIn?(e: ZoomedInEventArgs): void;
+
+            /** Triggers when map is zoomed out.
+             */
+            zoomedOut?(e: ZoomedOutEventArgs): void;
+        }
+
+        export interface MarkerSelectedEventArgs {
+
+            /** Returns marker object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface MouseleaveEventArgs {
+
+            /** Returns hovered map shape object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface MouseoverEventArgs {
+
+            /** Returns hovered map shape object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface OnRenderCompleteEventArgs {
+
+            /** Event parameters from map
+             */
+            originalEvent?: any;
+        }
+
+        export interface PannedEventArgs {
+
+            /** Event parameters from map
+             */
+            originalEvent?: any;
+        }
+
+        export interface ShapeSelectedEventArgs {
+
+            /** Returns selected shape object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface ZoomedInEventArgs {
+
+            /** Event parameters from map
+             */
+            originalEvent?: any;
+
+            /** Returns zoom level value for which the map is zoomed.
+             */
+            zoomLevel?: any;
+        }
+
+        export interface ZoomedOutEventArgs {
+
+            /** Event parameters from map
+             */
+            originalEvent?: any;
+
+            /** Returns zoom level value for which the map is zoomed.
+             */
+            zoomLevel?: any;
+        }
+
+        export interface ZoomSettings {
+
+            /** Enables or Disables the zooming of map
+             * @Default {true}
+             */
+            enableZoom?: boolean;
+
+            /** Enables or Disables the zoom on selecting the map shape
+             * @Default {false}
+             */
+            enableZoomOnSelection?: boolean;
+
+            /** Specifies the zoom factor for map zoom value.
+             * @Default {1}
+             */
+            factor?: number;
+
+            /** Specifies the zoom level value for which map to be zoomed
+             * @Default {1}
+             */
+            level?: number;
+
+            /** Specifies the minimum zoomSettings level of the map
+             * @Default {1}
+             */
+            minValue?: number;
+
+            /** Specifies the maximum zoom level of the map
+             * @Default {100}
+             */
+            maxValue?: number;
+        }
+
+        export interface NavigationControl {
+
+            /** Set the absolutePosition for navigation control
+             * @Default {{x:0,y:0}}
+             */
+            absolutePosition?: any;
+
+            /** Specifies the navigation control template for map
+             * @Default {null}
+             */
+            content?: string;
+
+            /** Set the dockPosition value for navigation control
+             * @Default {centerleft}
+             */
+            dockPosition?: ej.datavisualization.Map.Position|string;
+
+            /** Enables or Disables the Navigation for handling zooming map
+             * @Default {false}
+             */
+            enableNavigation?: boolean;
+
+            /** Set the orientation value for navigation control
+             * @Default {vertical}
+             */
+            orientation?: ej.datavisualization.Map.LabelOrientation|string;
+        }
+
+        export interface LayersBubbleSettingsColorMappingsRangeColorMapping {
+
+            /** Start range colorMappings in the bubble layer.
+             * @Default {null}
+             */
+            from?: number;
+
+            /** End range colorMappings in the bubble layer.
+             * @Default {null}
+             */
+            to?: number;
+
+            /** GradientColors in the bubble layer of map.
+             */
+            gradientColors?: any[];
+
+            /** Color of the bubble layer.
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface LayersBubbleSettingsColorMappings {
+
+            /** Specifies the range colorMappings in the bubble layer.
+             * @Default {null}
+             */
+            rangeColorMapping?: LayersBubbleSettingsColorMappingsRangeColorMapping[];
+        }
+
+        export interface LayersBubbleSettings {
+
+            /** Specifies the bubble Opacity value of bubbles for shape layer in map
+             * @Default {0.9}
+             */
+            bubbleOpacity?: number;
+
+            /** Specifies the mouse hover color of the shape layer in map
+             * @Default {gray}
+             */
+            color?: string;
+
+            /** Specifies the colorMappings of the shape layer in map
+             * @Default {null}
+             */
+            colorMappings?: LayersBubbleSettingsColorMappings;
+
+            /** Specifies the bubble color valuePath of the shape layer in map
+             * @Default {null}
+             */
+            colorValuePath?: string;
+
+            /** Specifies the maximum size value of bubbles for shape layer in map
+             * @Default {20}
+             */
+            maxValue?: number;
+
+            /** Specifies the minimum size value of bubbles for shape layer in map
+             * @Default {10}
+             */
+            minValue?: number;
+
+            /** Specifies the showBubble visibility status map
+             * @Default {true}
+             */
+            showBubble?: boolean;
+
+            /** Specifies the tooltip visibility status of the shape layer in map
+             * @Default {false}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the bubble tooltip template of the shape layer in map
+             * @Default {null}
+             */
+            tooltipTemplate?: string;
+
+            /** Specifies the bubble valuePath of the shape layer in map
+             * @Default {null}
+             */
+            valuePath?: string;
+        }
+
+        export interface LayersLabelSettings {
+
+            /** enable or disable the enableSmartLabel property
+             * @Default {false}
+             */
+            enableSmartLabel?: boolean;
+
+            /** set the labelLength property
+             * @Default {'2'}
+             */
+            labelLength?: number;
+
+            /** set the labelPath property
+             * @Default {null}
+             */
+            labelPath?: string;
+
+            /** The property specifies whether to show labels or not.
+             * @Default {false}
+             */
+            showLabels?: boolean;
+
+            /** set the smartLabelSize property
+             * @Default {fixed}
+             */
+            smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
+        }
+
+        export interface LayersLegendSettings {
+
+            /** Determines whether the legend should be placed outside or inside the map bounds
+             * @Default {false}
+             */
+            dockOnMap?: boolean;
+
+            /** Determines the legend placement and it is valid only when dockOnMap is true
+             * @Default {top}
+             */
+            dockPosition?: ej.datavisualization.Map.DockPosition|string;
+
+            /** height value for legend setting
+             * @Default {0}
+             */
+            height?: number;
+
+            /** to get icon value for legend setting
+             * @Default {rectangle}
+             */
+            icon?: ej.datavisualization.Map.LegendIcons|string;
+
+            /** icon height value for legend setting
+             * @Default {20}
+             */
+            iconHeight?: number;
+
+            /** icon Width value for legend setting
+             * @Default {20}
+             */
+            iconWidth?: number;
+
+            /** set the orientation of legend labels
+             * @Default {vertical}
+             */
+            labelOrientation?: ej.datavisualization.Map.LabelOrientation|string;
+
+            /** to get leftLabel value for legend setting
+             * @Default {null}
+             */
+            leftLabel?: string;
+
+            /** to get mode of legend setting
+             * @Default {default}
+             */
+            mode?: ej.datavisualization.Map.Mode|string;
+
+            /** set the position of legend settings
+             * @Default {topleft}
+             */
+            position?: ej.datavisualization.Map.Position|string;
+
+            /** x position value for legend setting
+             * @Default {0}
+             */
+            positionX?: number;
+
+            /** y position value for legend setting
+             * @Default {0}
+             */
+            positionY?: number;
+
+            /** to get rightLabel value for legend setting
+             * @Default {null}
+             */
+            rightLabel?: string;
+
+            /** Enables or Disables the showLabels
+             * @Default {false}
+             */
+            showLabels?: boolean;
+
+            /** Enables or Disables the showLegend
+             * @Default {false}
+             */
+            showLegend?: boolean;
+
+            /** to get title of legend setting
+             * @Default {null}
+             */
+            title?: string;
+
+            /** to get type of legend setting
+             * @Default {layers}
+             */
+            type?: ej.datavisualization.Map.LegendType|string;
+
+            /** width value for legend setting
+             * @Default {0}
+             */
+            width?: number;
+        }
+
+        export interface LayersShapeSettingsColorMappingsRangeColorMapping {
+
+            /** Specifies the start range colorMappings in the shape layer of map.
+             * @Default {null}
+             */
+            from?: number;
+
+            /** Specifies the to range colorMappings in the shape layer of map.
+             * @Default {null}
+             */
+            to?: number;
+
+            /** Specifies the gradientColors in the shape layer of map.
+             * @Default {null}
+             */
+            gradientColors?: any[];
+        }
+
+        export interface LayersShapeSettingsColorMappingsEqualColorMapping {
+
+            /** Specifies the equalColorMapping value in the shape layer of map.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Specifies the equalColorMapping color in the shape layer of map.
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface LayersShapeSettingsColorMappings {
+
+            /** Specifies the range colorMappings in the shape layer of map.
+             * @Default {null}
+             */
+            rangeColorMapping?: LayersShapeSettingsColorMappingsRangeColorMapping[];
+
+            /** Specifies the equalColorMapping in the shape layer of map.
+             * @Default {null}
+             */
+            equalColorMapping?: LayersShapeSettingsColorMappingsEqualColorMapping[];
+        }
+
+        export interface LayersShapeSettings {
+
+            /** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
+             * @Default {false}
+             */
+            autoFill?: boolean;
+
+            /** Specifies the colorMappings of the shape layer in map
+             * @Default {null}
+             */
+            colorMappings?: LayersShapeSettingsColorMappings;
+
+            /** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
+             * @Default {palette1}
+             */
+            colorPalette?: ej.datavisualization.Map.ColorPalette|string;
+
+            /** Specifies the shape color valuePath of the shape layer in map
+             * @Default {null}
+             */
+            colorValuePath?: string;
+
+            /** Enables or Disables the gradient colors for map shapes.
+             * @Default {false}
+             */
+            enableGradient?: boolean;
+
+            /** Specifies the shape fill color of the shape layer in map
+             * @Default {#E5E5E5}
+             */
+            fill?: string;
+
+            /** Specifies the mouse over width of the shape layer in map
+             * @Default {1}
+             */
+            highlightBorderWidth?: number;
+
+            /** Specifies the mouse hover color of the shape layer in map
+             * @Default {gray}
+             */
+            highlightColor?: string;
+
+            /** Specifies the mouse over stroke color of the shape layer in map
+             * @Default {#C1C1C1}
+             */
+            highlightStroke?: string;
+
+            /** Specifies the shape selection color of the shape layer in map
+             * @Default {gray}
+             */
+            selectionColor?: string;
+
+            /** Specifies the shape selection stroke color of the shape layer in map
+             * @Default {#C1C1C1}
+             */
+            selectionStroke?: string;
+
+            /** Specifies the shape selection stroke width of the shape layer in map
+             * @Default {1}
+             */
+            selectionStrokeWidth?: number;
+
+            /** Specifies the shape stroke color of the shape layer in map
+             * @Default {#C1C1C1}
+             */
+            stroke?: string;
+
+            /** Specifies the shape stroke thickness value of the shape layer in map
+             * @Default {0.2}
+             */
+            strokeThickness?: number;
+
+            /** Specifies the shape valuePath of the shape layer in map
+             * @Default {null}
+             */
+            valuePath?: string;
+        }
+
+        export interface LayersSublayersBubbleSettingsColorMappingsRangeColorMapping {
+
+            /** Start range colorMappings in the bubble layer.
+             * @Default {null}
+             */
+            from?: number;
+
+            /** End range colorMappings in the bubble layer.
+             * @Default {null}
+             */
+            to?: number;
+
+            /** GradientColors in the bubble layer of map.
+             */
+            gradientColors?: any[];
+
+            /** Color of the bubble layer.
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface LayersSublayersBubbleSettingsColorMappings {
+
+            /** Specifies the range colorMappings in the bubble layer.
+             * @Default {null}
+             */
+            rangeColorMapping?: LayersSublayersBubbleSettingsColorMappingsRangeColorMapping[];
+        }
+
+        export interface LayersSublayersBubbleSettings {
+
+            /** Specifies the bubble Opacity value of bubbles for shape layer in map
+             * @Default {0.9}
+             */
+            bubbleOpacity?: number;
+
+            /** Specifies the mouse hover color of the shape layer in map
+             * @Default {gray}
+             */
+            color?: string;
+
+            /** Specifies the colorMappings of the shape layer in map
+             * @Default {null}
+             */
+            colorMappings?: LayersSublayersBubbleSettingsColorMappings;
+
+            /** Specifies the bubble color valuePath of the shape layer in map
+             * @Default {null}
+             */
+            colorValuePath?: string;
+
+            /** Specifies the maximum size value of bubbles for shape layer in map
+             * @Default {20}
+             */
+            maxValue?: number;
+
+            /** Specifies the minimum size value of bubbles for shape layer in map
+             * @Default {10}
+             */
+            minValue?: number;
+
+            /** Specifies the showBubble visibility status map
+             * @Default {true}
+             */
+            showBubble?: boolean;
+
+            /** Specifies the tooltip visibility status of the shape layer in map
+             * @Default {false}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the bubble tooltip template of the shape layer in map
+             * @Default {null}
+             */
+            tooltipTemplate?: string;
+
+            /** Specifies the bubble valuePath of the shape layer in map
+             * @Default {null}
+             */
+            valuePath?: string;
+        }
+
+        export interface LayersSublayersLabelSettings {
+
+            /** enable or disable the enableSmartLabel property
+             * @Default {false}
+             */
+            enableSmartLabel?: boolean;
+
+            /** set the labelLength property
+             * @Default {'2'}
+             */
+            labelLength?: number;
+
+            /** set the labelPath property
+             * @Default {null}
+             */
+            labelPath?: string;
+
+            /** The property specifies whether to show labels or not.
+             * @Default {false}
+             */
+            showLabels?: boolean;
+
+            /** set the smartLabelSize property
+             * @Default {fixed}
+             */
+            smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
+        }
+
+        export interface LayersSublayersLegendSettings {
+
+            /** Determines whether the legend should be placed outside or inside the map bounds
+             * @Default {false}
+             */
+            dockOnMap?: boolean;
+
+            /** Determines the legend placement and it is valid only when dockOnMap is true
+             * @Default {top}
+             */
+            dockPosition?: ej.datavisualization.Map.DockPosition|string;
+
+            /** height value for legend setting
+             * @Default {0}
+             */
+            height?: number;
+
+            /** to get icon value for legend setting
+             * @Default {rectangle}
+             */
+            icon?: ej.datavisualization.Map.LegendIcons|string;
+
+            /** icon height value for legend setting
+             * @Default {20}
+             */
+            iconHeight?: number;
+
+            /** icon Width value for legend setting
+             * @Default {20}
+             */
+            iconWidth?: number;
+
+            /** set the orientation of legend labels
+             * @Default {vertical}
+             */
+            labelOrientation?: ej.datavisualization.Map.LabelOrientation|string;
+
+            /** to get leftLabel value for legend setting
+             * @Default {null}
+             */
+            leftLabel?: string;
+
+            /** to get mode of legend setting
+             * @Default {default}
+             */
+            mode?: ej.datavisualization.Map.Mode|string;
+
+            /** set the position of legend settings
+             * @Default {topleft}
+             */
+            position?: ej.datavisualization.Map.Position|string;
+
+            /** x position value for legend setting
+             * @Default {0}
+             */
+            positionX?: number;
+
+            /** y position value for legend setting
+             * @Default {0}
+             */
+            positionY?: number;
+
+            /** to get rightLabel value for legend setting
+             * @Default {null}
+             */
+            rightLabel?: string;
+
+            /** Enables or Disables the showLabels
+             * @Default {false}
+             */
+            showLabels?: boolean;
+
+            /** Enables or Disables the showLegend
+             * @Default {false}
+             */
+            showLegend?: boolean;
+
+            /** to get title of legend setting
+             * @Default {null}
+             */
+            title?: string;
+
+            /** to get type of legend setting
+             * @Default {layers}
+             */
+            type?: ej.datavisualization.Map.LegendType|string;
+
+            /** width value for legend setting
+             * @Default {0}
+             */
+            width?: number;
+        }
+
+        export interface LayersSublayersShapeSettingsColorMappingsRangeColorMapping {
+
+            /** Specifies the start range colorMappings in the shape layer of map.
+             * @Default {null}
+             */
+            from?: number;
+
+            /** Specifies the to range colorMappings in the shape layer of map.
+             * @Default {null}
+             */
+            to?: number;
+
+            /** Specifies the gradientColors in the shape layer of map.
+             * @Default {null}
+             */
+            gradientColors?: any[];
+        }
+
+        export interface LayersSublayersShapeSettingsColorMappingsEqualColorMapping {
+
+            /** Specifies the equalColorMapping value in the shape layer of map.
+             * @Default {null}
+             */
+            value?: string;
+
+            /** Specifies the equalColorMapping color in the shape layer of map.
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface LayersSublayersShapeSettingsColorMappings {
+
+            /** Specifies the range colorMappings in the shape layer of map.
+             * @Default {null}
+             */
+            rangeColorMapping?: LayersSublayersShapeSettingsColorMappingsRangeColorMapping[];
+
+            /** Specifies the equalColorMapping in the shape layer of map.
+             * @Default {null}
+             */
+            equalColorMapping?: LayersSublayersShapeSettingsColorMappingsEqualColorMapping[];
+        }
+
+        export interface LayersSublayersShapeSettings {
+
+            /** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
+             * @Default {false}
+             */
+            autoFill?: boolean;
+
+            /** Specifies the colorMappings of the shape layer in map
+             * @Default {null}
+             */
+            colorMappings?: LayersSublayersShapeSettingsColorMappings;
+
+            /** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
+             * @Default {palette1}
+             */
+            colorPalette?: ej.datavisualization.Map.ColorPalette|string;
+
+            /** Specifies the shape color valuePath of the shape layer in map
+             * @Default {null}
+             */
+            colorValuePath?: string;
+
+            /** Enables or Disables the gradient colors for map shapes.
+             * @Default {false}
+             */
+            enableGradient?: boolean;
+
+            /** Specifies the shape fill color of the shape layer in map
+             * @Default {#E5E5E5}
+             */
+            fill?: string;
+
+            /** Specifies the mouse over width of the shape layer in map
+             * @Default {1}
+             */
+            highlightBorderWidth?: number;
+
+            /** Specifies the mouse hover color of the shape layer in map
+             * @Default {gray}
+             */
+            highlightColor?: string;
+
+            /** Specifies the mouse over stroke color of the shape layer in map
+             * @Default {#C1C1C1}
+             */
+            highlightStroke?: string;
+
+            /** Specifies the shape selection color of the shape layer in map
+             * @Default {gray}
+             */
+            selectionColor?: string;
+
+            /** Specifies the shape selection stroke color of the shape layer in map
+             * @Default {#C1C1C1}
+             */
+            selectionStroke?: string;
+
+            /** Specifies the shape selection stroke width of the shape layer in map
+             * @Default {1}
+             */
+            selectionStrokeWidth?: number;
+
+            /** Specifies the shape stroke color of the shape layer in map
+             * @Default {#C1C1C1}
+             */
+            stroke?: string;
+
+            /** Specifies the shape stroke thickness value of the shape layer in map
+             * @Default {0.2}
+             */
+            strokeThickness?: number;
+
+            /** Specifies the shape valuePath of the shape layer in map
+             * @Default {null}
+             */
+            valuePath?: string;
+        }
+
+        export interface LayersSublayer {
+
+            /** to get the type of bing map.
+             * @Default {aerial}
+             */
+            bingMapType?: ej.datavisualization.Map.BingMapType|string;
+
+            /** Specifies the bubble settings for map
+             */
+            bubbleSettings?: LayersSublayersBubbleSettings;
+
+            /** Specifies the datasource for the shape layer
+             */
+            dataSource?: any;
+
+            /** Specifies the data path of shape
+             */
+            shapeDataPath?: string;
+
+            /** Specifies the data path of shape
+             */
+            shapePropertyPath?: string;
+
+            /** Enables or disables the shape mouse hover
+             * @Default {false}
+             */
+            enableMouseHover?: boolean;
+
+            /** Enables or disables the shape selection
+             * @Default {true}
+             */
+            enableSelection?: boolean;
+
+            /** to get the key of bing map
+             * @Default {null}
+             */
+            key?: string;
+
+            /** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
+             */
+            labelSettings?: LayersSublayersLabelSettings;
+
+            /** Specifies the map view type.
+             * @Default {'geographic'}
+             */
+            geometryType?: ej.datavisualization.Map.GeometryType|string;
+
+            /** Specifies the map type.
+             * @Default {'geometry'}
+             */
+            layerType?: ej.datavisualization.Map.LayerType|string;
+
+            /** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
+             */
+            legendSettings?: LayersSublayersLegendSettings;
+
+            /** Specifies the map items template for shapes.
+             */
+            mapItemsTemplate?: string;
+
+            /** Specify markers for shape layer.
+             */
+            markers?: any[];
+
+            /** Specifies the map marker template for map layer.
+             * @Default {null}
+             */
+            markerTemplate?: string;
+
+            /** Specify selectedMapShapes for shape layer
+             * @Default {[]}
+             */
+            selectedMapShapes?: any[];
+
+            /** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
+             * @Default {default}
+             */
+            selectionMode?: ej.datavisualization.Map.SelectionMode|string;
+
+            /** Specifies the shape data for the shape layer
+             */
+            shapeData?: any;
+
+            /** Specifies the shape settings of map layer
+             */
+            shapeSettings?: LayersSublayersShapeSettings;
+
+            /** Shows or hides the map items.
+             * @Default {false}
+             */
+            showMapItems?: boolean;
+
+            /** Shows or hides the tooltip for shapes
+             * @Default {false}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the tooltip template for shapes.
+             */
+            tooltipTemplate?: string;
+
+            /** Specifies the URL template for the OSM type map.
+             * @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
+             */
+            urlTemplate?: string;
+        }
+
+        export interface Layer {
+
+            /** to get the type of bing map.
+             * @Default {aerial}
+             */
+            bingMapType?: ej.datavisualization.Map.BingMapType|string;
+
+            /** Specifies the bubble settings for map
+             */
+            bubbleSettings?: LayersBubbleSettings;
+
+            /** Specifies the datasource for the shape layer
+             */
+            dataSource?: any;
+
+            /** Specifies the data path of shape
+             */
+            shapeDataPath?: string;
+
+            /** Specifies the data path of shape
+             */
+            shapePropertyPath?: string;
+
+            /** Enables or disables the shape mouse hover
+             * @Default {false}
+             */
+            enableMouseHover?: boolean;
+
+            /** Enables or disables the shape selection
+             * @Default {true}
+             */
+            enableSelection?: boolean;
+
+            /** to get the key of bing map
+             * @Default {null}
+             */
+            key?: string;
+
+            /** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
+             */
+            labelSettings?: LayersLabelSettings;
+
+            /** Specifies the map view type.
+             * @Default {'geographic'}
+             */
+            geometryType?: ej.datavisualization.Map.GeometryType|string;
+
+            /** Specifies the map type.
+             * @Default {'geometry'}
+             */
+            layerType?: ej.datavisualization.Map.LayerType|string;
+
+            /** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
+             */
+            legendSettings?: LayersLegendSettings;
+
+            /** Specifies the map items template for shapes.
+             */
+            mapItemsTemplate?: string;
+
+            /** Specify markers for shape layer.
+             */
+            markers?: any[];
+
+            /** Specifies the map marker template for map layer.
+             * @Default {null}
+             */
+            markerTemplate?: string;
+
+            /** Specify selectedMapShapes for shape layer
+             * @Default {[]}
+             */
+            selectedMapShapes?: any[];
+
+            /** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
+             * @Default {default}
+             */
+            selectionMode?: ej.datavisualization.Map.SelectionMode|string;
+
+            /** Specifies the shape data for the shape layer
+             */
+            shapeData?: any;
+
+            /** Specifies the shape settings of map layer
+             */
+            shapeSettings?: LayersShapeSettings;
+
+            /** Shows or hides the map items.
+             * @Default {false}
+             */
+            showMapItems?: boolean;
+
+            /** Shows or hides the tooltip for shapes
+             * @Default {false}
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the tooltip template for shapes.
+             */
+            tooltipTemplate?: string;
+
+            /** Specifies the URL template for the OSM type map.
+             * @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
+             */
+            urlTemplate?: string;
+
+            /** Sublayer is the collection of shape Layer
+             */
+            sublayers?: LayersSublayer[];
+        }
+    }
+    namespace Map {
+        enum Position {
+            //specifies the none position
+            None,
+            //specifies the topleft position
+            Topleft,
+            //specifies the topcenter position
+            Topcenter,
+            //specifies the topright position
+            Topright,
+            //specifies the centerleft position
+            Centerleft,
+            //specifies the center position
+            Center,
+            //specifies the centerright position
+            Centerright,
+            //specifies the bottomleft position
+            Bottomleft,
+            //specifies the bottomcenter position
+            Bottomcenter,
+            //specifies the bottomright position
+            Bottomright,
+        }
+    }
+    namespace Map {
+        enum LabelOrientation {
+            //specifies the horizontal position
+            Horizontal,
+            //specifies the vertical position
+            Vertical,
+        }
+    }
+    namespace Map {
+        enum BingMapType {
+            //specifies the aerial type
+            Aerial,
+            //specifies the aerialwithlabel type
+            Aerialwithlabel,
+            //specifies the road type
+            Road,
+        }
+    }
+    namespace Map {
+        enum LabelSize {
+            //specifies the fixed size
+            Fixed,
+            //specifies the default size
+            Default,
+        }
+    }
+    namespace Map {
+        enum GeometryType {
+            //specifies the geographic view of map
+            Geographic,
+            //specifies the normal land view of map
+            Normal,
+        }
+    }
+    namespace Map {
+        enum LayerType {
+            //specifies the geometry type
+            Geometry,
+            //specifies the osm type
+            Osm,
+            //specifies the bing type
+            Bing,
+        }
+    }
+    namespace Map {
+        enum DockPosition {
+            //specifies the top position
+            Top,
+            //specifies the bottom position
+            Bottom,
+            //specifies the bottom position
+            Right,
+            //specifies the left position
+            Left,
+        }
+    }
+    namespace Map {
+        enum LegendIcons {
+            //specifies the rectangle position
+            Rectangle,
+            //specifies the circle position
+            Circle,
+        }
+    }
+    namespace Map {
+        enum Mode {
+            //specifies the default mode
+            Default,
+            //specifies the interactive mode
+            Interactive,
+        }
+    }
+    namespace Map {
+        enum LegendType {
+            //specifies the layers type
+            Layers,
+            //specifies the bubbles type
+            Bubbles,
+        }
+    }
+    namespace Map {
+        enum SelectionMode {
+            //specifies the default position
+            Default,
+            //specifies the multiple position
+            Multiple,
+        }
+    }
+    namespace Map {
+        enum ColorPalette {
+            //specifies the palette1 color
+            Palette1,
+            //specifies the palette2 color
+            Palette2,
+            //specifies the palette3 color
+            Palette3,
+            //specifies the custom color
+            Custompalette,
+        }
+    }
+
+    class TreeMap extends ej.Widget {
+        static fn: TreeMap;
+        constructor(element: JQuery | Element, options?: TreeMap.Model);
+        static Locale: any;
+        model: TreeMap.Model;
+        defaults: TreeMap.Model;
+
+        /** Method to reload treemap with updated values.
+         * @returns {void}
+         */
+        refresh(): void;
+    }
+    export namespace TreeMap {
+
+        export interface Model {
+
+            /** Specifies the border brush color of the treemap
+             * @Default {white}
+             */
+            borderBrush?: string;
+
+            /** Specifies the border thickness of the treemap
+             * @Default {1}
+             */
+            borderThickness?: number;
+
+            /** Specifies the uniColorMapping settings of the treemap
+             */
+            uniColorMapping?: UniColorMapping;
+
+            /** Specifies the desaturationColorMapping settings of the treemap
+             */
+            desaturationColorMapping?: DesaturationColorMapping;
+
+            /** Specifies the paletteColorMapping of the treemap
+             */
+            paletteColorMapping?: PaletteColorMapping;
+
+            /** Specifies the color value path of the treemap
+             * @Default {null}
+             */
+            colorValuePath?: string;
+
+            /** Specifies the datasource of the treemap
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Specifies the dockPosition for legend
+             * @Default {top}
+             */
+            dockPosition?: ej.datavisualization.TreeMap.DockPosition|string;
+
+            /** specifies the drillDown header color
+             * @Default {'null'}
+             */
+            drillDownHeaderColor?: string;
+
+            /** specifies the drillDown selection color
+             * @Default {'#000000'}
+             */
+            drillDownSelectionColor?: string;
+
+            /** Specifies whether datasource is hierarchical or not.
+             * @Default {false}
+             */
+            isHierarchicalDatasource?: boolean;
+
+            /** Specifies the header for parent item during drilldown. This is applicable only for hierarchical data source.
+             * @Default {null}
+             */
+            header?: string;
+
+            /** Enable/Disable the drillDown for treemap
+             * @Default {false}
+             */
+            enableDrillDown?: boolean;
+
+            /** Controls whether Treemap has to be responsive while resizing the window.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies whether treemap need to resize when container is resized
+             * @Default {true}
+             */
+            enableResize?: boolean;
+
+            /** This property is used to select treemap items while clicking and dragging
+             * @Default {false}
+             */
+            draggingOnSelection?: boolean;
+
+            /** This property is used to select group of treemap items while clicking and dragging
+             * @Default {false}
+             */
+            draggingGroupOnSelection?: boolean;
+
+            /** Specifies the group color mapping of the treemap
+             * @Default {[]}
+             */
+            groupColorMapping?: GroupColorMapping[];
+
+            /** Specifies the legend settings of the treemap
+             */
+            legendSettings?: LegendSettings;
+
+            /** Specifies the highlight border brush of treemap
+             * @Default {gray}
+             */
+            highlightBorderBrush?: string;
+
+            /** Specifies the border thickness when treemap items is highlighted in the treemap
+             * @Default {5}
+             */
+            highlightBorderThickness?: number;
+
+            /** Specifies the highlight border brush of treemap
+             * @Default {gray}
+             */
+            highlightGroupBorderBrush?: string;
+
+            /** Specifies the border thickness when treemap items is highlighted in the treemap
+             * @Default {5}
+             */
+            highlightGroupBorderThickness?: number;
+
+            /** Specifies whether treemap item need to highlighted on selection
+             * @Default {false}
+             */
+            highlightGroupOnSelection?: boolean;
+
+            /** Specifies whether treemap item need to highlighted on selection
+             * @Default {false}
+             */
+            highlightOnSelection?: boolean;
+
+            /** Specifies the items layout mode of the treemap. Accepted itemsLayoutMode values are Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto
+             * @Default {Squarified}
+             */
+            itemsLayoutMode?: ej.datavisualization.TreeMap.ItemsLayoutMode|string;
+
+            /** Specify to convert the date object to string, using locale settings.
+             * @Default {false}
+             */
+            enableGroupSeparator?: boolean;
+
+            /** Name of the culture based on which Tree Map should be localized.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Specifies the leaf settings of the treemap
+             */
+            leafItemSettings?: LeafItemSettings;
+
+            /** Specifies the rangeColorMapping settings of the treemap
+             * @Default {[]}
+             */
+            rangeColorMapping?: RangeColorMapping[];
+
+            /** Specifies the selection mode of treemap item. Accepted selection mode values are Default and Multiple.
+             * @Default {default}
+             */
+            selectionMode?: ej.datavisualization.TreeMap.selectionMode|string;
+
+            /** Specifies the selection mode of the treemap. Accepted selection mode values are Default and Multiple.
+             * @Default {default}
+             */
+            groupSelectionMode?: ej.datavisualization.TreeMap.groupSelectionMode|string;
+
+            /** Specifies the legend visibility status of the treemap
+             * @Default {false}
+             */
+            showLegend?: boolean;
+
+            /** Specifies whether gradient color has to be applied for treemap items
+             * @Default {false}
+             */
+            enableGradient?: boolean;
+
+            /** Specifies whether treemap showTooltip need to be visible
+             */
+            showTooltip?: boolean;
+
+            /** Specifies the tooltip template of the treemap
+             * @Default {null}
+             */
+            tooltipTemplate?: string;
+
+            /** Hold the treeMapItems to be displayed in treemap
+             * @Default {[]}
+             */
+            treeMapItems?: any[];
+
+            /** Specify levels of treemap for grouped visualization of data
+             * @Default {[]}
+             */
+            levels?: Level[];
+
+            /** Specifies the weight value path of the treemap
+             * @Default {null}
+             */
+            weightValuePath?: string;
+
+            /** Triggers on treemap item selected.
+             */
+            treeMapItemSelected?(e: TreeMapItemSelectedEventArgs): void;
+
+            /** Triggers when drilldown is started
+             */
+            drillStarted?(e: DrillStartedEventArgs): void;
+
+            /** Triggers on treemap  drilldown  item  selected.
+             */
+            drillDownItemSelected?(e: DrillDownItemSelectedEventArgs): void;
+
+            /** Triggers after refreshing the treemap items.
+             */
+            refreshed?(e: RefreshedEventArgs): void;
+
+            /** Triggers when the group selection is performed on treemap items.
+             */
+            treeMapGroupSelected?(e: TreeMapGroupSelectedEventArgs): void;
+        }
+
+        export interface TreeMapItemSelectedEventArgs {
+
+            /** Returns selected treeMapItem object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface DrillStartedEventArgs {
+
+            /** Returns selected drilled treeMap object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface DrillDownItemSelectedEventArgs {
+
+            /** Returns selected drilldown treeMap object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface RefreshedEventArgs {
+
+            /** Refresh and load the treemap.
+             */
+            originalEvent?: any;
+        }
+
+        export interface TreeMapGroupSelectedEventArgs {
+
+            /** Returns the  selected group of treeMapItems as  object.
+             */
+            originalEvent?: any;
+        }
+
+        export interface UniColorMapping {
+
+            /** Specifies the uniform color mapping of the treemap
+             * @Default {null}
+             */
+            color?: string;
+        }
+
+        export interface DesaturationColorMapping {
+
+            /** Specifies the to value for desaturation color mapping
+             * @Default {0}
+             */
+            to?: number;
+
+            /** Specifies the color for desaturationColorMapping
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Specifies the from value for desaturation color mapping
+             * @Default {0}
+             */
+            from?: number;
+
+            /** Specifies the rangeMaximum value for desaturation color mapping
+             * @Default {0}
+             */
+            rangeMaximum?: number;
+
+            /** Specifies the rangeMinimum value for desaturation color mapping
+             * @Default {0}
+             */
+            rangeMinimum?: number;
+        }
+
+        export interface PaletteColorMapping {
+
+            /** Specifies the colors of the paletteColorMapping
+             * @Default {[]}
+             */
+            colors?: any[];
+        }
+
+        export interface GroupColorMapping {
+
+            /** Specifies the groupID for GroupColorMapping.
+             * @Default {null}
+             */
+            groupID?: string;
+        }
+
+        export interface LegendSettings {
+
+            /** Specifies the height for legend
+             * @Default {30}
+             */
+            height?: number;
+
+            /** Specifies the width for legend
+             * @Default {100}
+             */
+            width?: number;
+
+            /** Specifies the iconHeight for legend
+             * @Default {15}
+             */
+            iconHeight?: number;
+
+            /** Specifies the iconWidth for legend
+             * @Default {15}
+             */
+            iconWidth?: number;
+
+            /** Specifies the template for legendSettings
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Specifies the mode for legendSettings whether default or interactive mode
+             * @Default {default}
+             */
+            mode?: string;
+
+            /** Specifies the title text for legend
+             */
+            title?: string;
+
+            /** Specifies the leftLabel text for legend
+             */
+            leftLabel?: string;
+
+            /** Specifies the rightLabel text for legend
+             */
+            rightLabel?: string;
+
+            /** Specifies the dockPosition text for legend
+             * @Default {top}
+             */
+            dockPosition?: string;
+
+            /** Specifies the alignment text for legend
+             * @Default {near}
+             */
+            alignment?: string;
+
+            /** Specifies the alignment text for legend
+             * @Default {0}
+             */
+            columnCount?: number;
+        }
+
+        export interface LeafItemSettings {
+
+            /** Specifies the border brush color of the leaf item.
+             * @Default {white}
+             */
+            borderBrush?: string;
+
+            /** Specifies the border thickness of the leaf item.
+             * @Default {1}
+             */
+            borderThickness?: number;
+
+            /** Specifies the space between the leaf items.
+             * @Default {0}
+             */
+            gap?: number;
+
+            /** Specifies the label template of the leaf item.
+             * @Default {null}
+             */
+            itemTemplate?: string;
+
+            /** Specifies the label path of the leaf item.
+             * @Default {null}
+             */
+            labelPath?: string;
+
+            /** Specifies the position of the leaf labels.
+             * @Default {center}
+             */
+            labelPosition?: ej.datavisualization.TreeMap.Position|string;
+
+            /** Specifies the mode of label visibility
+             * @Default {visible}
+             */
+            labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
+
+            /** Shows or hides the label of the leaf item.
+             * @Default {false}
+             */
+            showLabels?: boolean;
+        }
+
+        export interface RangeColorMapping {
+
+            /** Specifies the color value for rangeColorMapping.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** specifies the gradient colors for th given range value
+             * @Default {[]}
+             */
+            gradientColors?: any[];
+
+            /** Specifies the from value for rangeColorMapping.
+             * @Default {-1}
+             */
+            from?: number;
+
+            /** Specifies the legend label value for rangeColorMapping.
+             * @Default {null}
+             */
+            legendLabel?: string;
+
+            /** Specifies the to value for rangeColorMapping.
+             * @Default {-1}
+             */
+            to?: number;
+        }
+
+        export interface Level {
+
+            /** specifies the group background
+             * @Default {null}
+             */
+            groupBackground?: string;
+
+            /** Specifies the group border color for tree map level.
+             * @Default {null}
+             */
+            groupBorderColor?: string;
+
+            /** Specifies the group border thickness for tree map level.
+             * @Default {1}
+             */
+            groupBorderThickness?: number;
+
+            /** Specifies the group gap for tree map level.
+             * @Default {1}
+             */
+            groupGap?: number;
+
+            /** Specifies the group padding for tree map level.
+             * @Default {4}
+             */
+            groupPadding?: number;
+
+            /** Specifies the group path for tree map level.
+             */
+            groupPath?: string;
+
+            /** Specifies the header height for tree map level.
+             * @Default {0}
+             */
+            headerHeight?: number;
+
+            /** Specifies the header template for tree map level.
+             * @Default {null}
+             */
+            headerTemplate?: string;
+
+            /** Specifies the mode of header visibility
+             * @Default {visible}
+             */
+            headerVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
+
+            /** Specifies the position of the labels.
+             * @Default {center}
+             */
+            labelPosition?: ej.datavisualization.TreeMap.Position|string;
+
+            /** Specifies the label template for tree map level.
+             * @Default {null}
+             */
+            labelTemplate?: string;
+
+            /** Specifies the mode of label visibility
+             * @Default {visible}
+             */
+            labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
+
+            /** Shows or hides the header for tree map level.
+             * @Default {false}
+             */
+            showHeader?: boolean;
+
+            /** Shows or hides the labels for tree map level.
+             * @Default {false}
+             */
+            showLabels?: boolean;
+        }
+    }
+    namespace TreeMap {
+        enum DockPosition {
+            //specifies the top position
+            Top,
+            //specifies the bottom position
+            Bottom,
+            //specifies the bottom position
+            Right,
+            //specifies the left position
+            Left,
+        }
+    }
+    namespace TreeMap {
+        enum ItemsLayoutMode {
+            //specifies the squarified as layout type position
+            Squarified,
+            //specifies the sliceanddicehorizontal as layout type position
+            Sliceanddicehorizontal,
+            //specifies the sliceanddicevertical as layout type position
+            Sliceanddicevertical,
+            //specifies the sliceanddiceauto as layout type position
+            Sliceanddiceauto,
+        }
+    }
+    namespace TreeMap {
+        enum Position {
+            //specifies the none position
+            None,
+            //specifies the topleft position
+            Topleft,
+            //specifies the topcenter position
+            Topcenter,
+            //specifies the topright position
+            Topright,
+            //specifies the centerleft position
+            Centerleft,
+            //specifies the center position
+            Center,
+            //specifies the centerright position
+            Centerright,
+            //specifies the bottomleft position
+            Bottomleft,
+            //specifies the bottomcenter position
+            Bottomcenter,
+            //specifies the bottomright position
+            Bottomright,
+        }
+    }
+    namespace TreeMap {
+        enum VisibilityMode {
+            //specifies the visible mode
+            Top,
+            //specifies the hide on exceeded length mode
+            Hideonexceededlength,
+        }
+    }
+    namespace TreeMap {
+        enum selectionMode {
+            //specifies the default mode
+            Default,
+            //specifies the multiple mode
+            Multiple,
+        }
+    }
+    namespace TreeMap {
+        enum groupSelectionMode {
+            //specifies the default mode
+            Default,
+            //specifies the multiple mode
+            Multiple,
+        }
+    }
+
+    class Diagram extends ej.Widget {
+        static fn: Diagram;
+        constructor(element: JQuery | Element, options?: Diagram.Model);
+        static Locale: any;
+        model: Diagram.Model;
+        defaults: Diagram.Model;
+
+        /** Add nodes and connectors to diagram at runtime
+         * @param {any} a JSON to define a node/connector or an array of nodes and connector
+         * @returns {boolean}
+         */
+        add(node: any): boolean;
+
+        /** Add a label to a node at runtime
+         * @param {string} name of the node to which label will be added
+         * @param {any} JSON for the new label to be added
+         * @returns {void}
+         */
+        addLabel(nodeName: string, newLabel: any): void;
+
+        /** Add dynamic Lanes to swimlane at runtime
+         * @param {any} JSON for the new lane to be added
+         * @param {number} Index value to add the lane in swimlane
+         * @returns {void}
+         */
+        addLane(lane: any, index: number): void;
+
+        /** Add a phase to a swimlane at runtime
+         * @param {string} name of the swimlane to which the phase will be added
+         * @param {any} JSON object to define the phase to be added
+         * @returns {void}
+         */
+        addPhase(name: string, options: any): void;
+
+        /** Add a collection of ports to the node specified by name
+         * @param {string} name of the node to which the ports have to be added
+         * @param {any[]} a collection of ports to be added to the specified node
+         * @returns {void}
+         */
+        addPorts(name: string, ports: any[]): void;
+
+        /** Add the specified node to selection list
+         * @param {any} the node to be selected
+         * @param {boolean} to define whether to clear the existing selection or not
+         * @returns {void}
+         */
+        addSelection(node: any, clearSelection?: boolean): void;
+
+        /** Align the selected objects based on the reference object and direction
+         * @param {string} to specify the direction towards which the selected objects are to be aligned("left","right",top","bottom")
+         * @returns {void}
+         */
+        align(direction: string): void;
+
+        /** Bring the specified portion of the diagram content to the diagram viewport
+         * @param {any} the rectangular region that is to be brought into diagram viewport
+         * @returns {void}
+         */
+        bringIntoView(rect: any): void;
+
+        /** Bring the specified portion of the diagram content to the center of the diagram viewport
+         * @param {any} the rectangular region that is to be brought to the center of diagram viewport
+         * @returns {void}
+         */
+        bringToCenter(rect: any): void;
+
+        /** Visually move the selected object over all other intersected objects
+         * @returns {void}
+         */
+        bringToFront(): void;
+
+        /** Remove all the elements from diagram
+         * @returns {void}
+         */
+        clear(): void;
+
+        /** Clears the actions which is recorded to perform undo/redo operation in the diagram.
+         * @returns {void}
+         */
+        clearHistory(): void;
+
+        /** Remove the current selection in diagram
+         * @returns {void}
+         */
+        clearSelection(): void;
+
+        /** Copy the selected object to internal clipboard and get the copied object
+         * @returns {any}
+         */
+        copy(): any;
+
+        /** Cut the selected object from diagram to diagram internal clipboard
+         * @returns {void}
+         */
+        cut(): void;
+
+        /** Export the diagram as downloadable files or as data
+         * @param {Diagram.Options} options to export the desired region of diagram to the desired formats.
+         * @returns {string}
+         */
+        exportDiagram(options?: Diagram.Options): string;
+
+        /** Read a node/connector object by its name
+         * @param {string} name of the node/connector that is to be identified
+         * @returns {any}
+         */
+        findNode(name: string): any;
+
+        /** Fit the diagram content into diagram viewport
+         * @param {ej.datavisualization.Diagram.FitMode} to set the mode of fit to command.
+         * @param {ej.datavisualization.Diagram.Region} to set whether the region to be fit will be based on diagram elements or page settings.
+         * @param {any} to set the required margin
+         * @returns {void}
+         */
+        fitToPage(mode?: ej.datavisualization.Diagram.FitMode, region?: ej.datavisualization.Diagram.Region, margin?: any): void;
+
+        /** Group the selected nodes and connectors
+         * @returns {void}
+         */
+        group(): void;
+
+        /** Insert a label into a node's label collection at runtime
+         * @param {string} name of the node to which the label has to be inserted
+         * @param {any} JSON to define the new label
+         * @param {number} index to insert the label into the node
+         * @returns {void}
+         */
+        insertLabel(name: string, label: any, index?: number): void;
+
+        /** Refresh the diagram with the specified layout
+         * @returns {void}
+         */
+        layout(): void;
+
+        /** Load the diagram
+         * @param {any} JSON data to load the diagram
+         * @returns {void}
+         */
+        load(data: any): void;
+
+        /** Visually move the selected object over its closest intersected object
+         * @returns {void}
+         */
+        moveForward(): void;
+
+        /** Move the selected objects by either one pixel or by the pixels specified through argument
+         * @param {string} specifies the direction to move the selected objects ("left","right",top","bottom")
+         * @param {number} specifies the number of pixels by which the selected objects have to be moved
+         * @returns {void}
+         */
+        nudge(direction: string, delta?: number): void;
+
+        /** Paste the selected object from internal clipboard to diagram
+         * @param {any} object to be added to diagram
+         * @param {boolean} to define whether the specified object is to be renamed or not
+         * @returns {void}
+         */
+        paste(object?: any, rename?: boolean): void;
+
+        /** Print the diagram as image
+         * @returns {void}
+         */
+        print(): void;
+
+        /** Restore the last action that was reverted
+         * @returns {void}
+         */
+        redo(): void;
+
+        /** Refresh the diagram at runtime
+         * @returns {void}
+         */
+        refresh(): void;
+
+        /** Remove either the given node/connector or the selected element from diagram
+         * @param {any} the node/connector to be removed from diagram
+         * @returns {void}
+         */
+        remove(node?: any): void;
+
+        /** Remove a particular object from selection list
+         * @param {any} the node/connector to be removed from selection list
+         * @returns {void}
+         */
+        removeSelection(node: any): void;
+
+        /** Scale the selected objects to the height of the first selected object
+         * @returns {void}
+         */
+        sameHeight(): void;
+
+        /** Scale the selected objects to the size of the first selected object
+         * @returns {void}
+         */
+        sameSize(): void;
+
+        /** Scale the selected objects to the width of the first selected object
+         * @returns {void}
+         */
+        sameWidth(): void;
+
+        /** Returns the diagram as serialized JSON
+         * @returns {any}
+         */
+        save(): any;
+
+        /** Bring the node into view
+         * @param {any} the node/connector to be brought into view
+         * @returns {void}
+         */
+        scrollToNode(node: any): void;
+
+        /** Select all nodes and connector in diagram
+         * @returns {void}
+         */
+        selectAll(): void;
+
+        /** Visually move the selected object behind its closest intersected object
+         * @returns {void}
+         */
+        sendBackward(): void;
+
+        /** Visually move the selected object behind all other intersected objects
+         * @returns {void}
+         */
+        sendToBack(): void;
+
+        /** Update the horizontal space between the selected objects as equal and within the selection boundary
+         * @returns {void}
+         */
+        spaceAcross(): void;
+
+        /** Update the vertical space between the selected objects as equal and within the selection boundary
+         * @returns {void}
+         */
+        spaceDown(): void;
+
+        /** Move the specified label to edit mode
+         * @param {any} node/connector that contains the label to be edited
+         * @param {any} to be edited
+         * @returns {void}
+         */
+        startLabelEdit(node: any, label: any): void;
+
+        /** Reverse the last action that was performed
+         * @returns {void}
+         */
+        undo(): void;
+
+        /** Ungroup the selected group
+         * @returns {void}
+         */
+        ungroup(): void;
+
+        /** Update diagram at runtime
+         * @param {any} JSON to specify the diagram properties that have to be modified
+         * @returns {void}
+         */
+        update(options: any): void;
+
+        /** Update Connectors at runtime
+         * @param {string} name of the connector to be updated
+         * @param {any} JSON to specify the connector properties that have to be updated
+         * @returns {void}
+         */
+        updateConnector(name: string, options: any): void;
+
+        /** Update the given label at runtime
+         * @param {string} the name of node/connector which contains the label to be updated
+         * @param {any} the label to be modified
+         * @param {any} JSON to specify the label properties that have to be updated
+         * @returns {any}
+         */
+        updateLabel(nodeName: string, label: any, options: any): any;
+
+        /** Update nodes at runtime
+         * @param {string} name of the node that is to be updated
+         * @param {any} JSON to specify the properties of node that have to be updated
+         * @returns {void}
+         */
+        updateNode(name: string, options: any): void;
+
+        /** Update a port with its modified properties at runtime
+         * @param {string} the name of node which contains the port to be updated
+         * @param {any} the port to be updated
+         * @param {any} JSON to specify the properties of the port that have to be updated
+         * @returns {void}
+         */
+        updatePort(nodeName: string, port: any, options: any): void;
+
+        /** Update the specified node as selected object
+         * @param {string} name of the node to be updated as selected object
+         * @returns {void}
+         */
+        updateSelectedObject(name: string): void;
+
+        /** Update the selection at runtime
+         * @param {boolean} to specify whether to show the user handles or not
+         * @returns {void}
+         */
+        updateSelection(showUserHandles?: boolean): void;
+
+        /** Update user handles with respect to the given node
+         * @param {any} node/connector with respect to which, the user handles have to be updated
+         * @returns {void}
+         */
+        updateUserHandles(node: any): void;
+
+        /** Update the diagram viewport at runtime
+         * @returns {void}
+         */
+        updateViewPort(): void;
+
+        /** Upgrade the diagram from old version
+         * @param {any} to be upgraded
+         * @returns {void}
+         */
+        upgrade(data: any): void;
+
+        /** Used to zoomIn/zoomOut diagram
+         * @param {Diagram.Zoom} options to zoom the diagram(zoom factor, zoomIn/zoomOut)
+         * @returns {void}
+         */
+        zoomTo(Zoom?: Diagram.Zoom): void;
+    }
+    export namespace Diagram {
+
+        export interface Options {
+
+            /** name of the file to be downloaded.
+             */
+            fileName?: string;
+
+            /** format of the exported file/data.
+             */
+            format?: ej.datavisualization.Diagram.FileFormats;
+
+            /** to set whether to export diagram as a file or as raw data.
+             */
+            mode?: ej.datavisualization.Diagram.ExportModes;
+
+            /** to set the region of the diagram to be exported.
+             */
+            region?: ej.datavisualization.Diagram.Region;
+
+            /** to export any custom region of diagram.
+             */
+            bounds?: any;
+
+            /** to set margin to the exported data.
+             */
+            margin?: any;
+
+            /** to resize the diagram content to fill its allocated space.
+             */
+            stretch?: ej.datavisualization.Diagram.Stretch;
+        }
+
+        export interface Zoom {
+
+            /** Used to increase the zoom-in or zoom-out based on the zoom factor value.
+             */
+            zoomFactor?: number;
+
+            /** Used to zoom-in or zoom-out the diagram.
+             */
+            zoomCommand?: ej.datavisualization.Diagram.ZoomCommand;
+
+            /** Used to zoom-in or zoom-out the diagram based on the point.
+             */
+            focusPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+        }
+
+        export interface Model {
+
+            /** Defines the background color of diagram elements
+             * @Default {transparent}
+             */
+            backgroundColor?: string;
+
+            /** Defines the path of the background image of diagram elements
+             */
+            backgroundImage?: string;
+
+            /** Sets the direction of line bridges.
+             * @Default {ej.datavisualization.Diagram.BridgeDirection.Top}
+             */
+            bridgeDirection?: ej.datavisualization.Diagram.BridgeDirection|string;
+
+            /** Defines a set of custom commands and binds them with a set of desired key gestures.
+             */
+            commandManager?: CommandManager;
+
+            /** A collection of JSON objects where each object represents a connector
+             * @Default {[]}
+             */
+            connectors?: Connector[];
+
+            /** Binds the custom JSON data with connector properties
+             * @Default {null}
+             */
+            connectorTemplate?: any;
+
+            /** Enables/Disables the default behaviors of the diagram.
+             * @Default {ej.datavisualization.Diagram.DiagramConstraints.All}
+             */
+            constraints?: ej.datavisualization.Diagram.DiagramConstraints|string;
+
+            /** An object to customize the context menu of diagram
+             */
+            contextMenu?: ContextMenu;
+
+            /** Configures the data source that is to be bound with diagram
+             */
+            dataSourceSettings?: DataSourceSettings;
+
+            /** Initializes the default values for nodes and connectors
+             * @Default {{}}
+             */
+            defaultSettings?: DefaultSettings;
+
+            /** Sets the type of JSON object to be drawn through drawing tool
+             * @Default {{}}
+             */
+            drawType?: any;
+
+            /** Enables or disables auto scroll in diagram
+             * @Default {true}
+             */
+            enableAutoScroll?: boolean;
+
+            /** Enables or disables diagram context menu
+             * @Default {true}
+             */
+            enableContextMenu?: boolean;
+
+            /** Specifies the height of the diagram
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Customizes the undo redo functionality
+             */
+            historyManager?: HistoryManager;
+
+            /** Defines the type of the rendering mode of label.
+             * @Default {Html}
+             */
+            labelRenderingMode?: ej.datavisualization.Diagram.LabelRenderingMode|string;
+
+            /** Automatically arranges the nodes and connectors in a predefined manner.
+             */
+            layout?: Layout;
+
+            /** Defines the current culture of diagram
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Array of JSON objects where each object represents a node
+             * @Default {[]}
+             */
+            nodes?: Node[];
+
+            /** Binds the custom JSON data with node properties
+             * @Default {null}
+             */
+            nodeTemplate?: any;
+
+            /** Defines the size and appearance of diagram page
+             */
+            pageSettings?: PageSettings;
+
+            /** Defines the zoom value, zoom factor, scroll status and view port size of the diagram
+             */
+            scrollSettings?: ScrollSettings;
+
+            /** Defines the size and position of selected items and defines the appearance of selector
+             */
+            selectedItems?: SelectedItems;
+
+            /** Enables or disables tooltip of diagram
+             * @Default {true}
+             */
+            showTooltip?: boolean;
+
+            /** Defines the gridlines and defines how and when the objects have to be snapped
+             */
+            snapSettings?: SnapSettings;
+
+            /** Enables/Disables the interactive behaviors of diagram.
+             * @Default {ej.datavisualization.Diagram.Tool.All}
+             */
+            tool?: ej.datavisualization.Diagram.Tool|string;
+
+            /** An object that defines the description, appearance and alignments of tooltips
+             * @Default {null}
+             */
+            tooltip?: Tooltip;
+
+            /** Specifies the width of the diagram
+             * @Default {null}
+             */
+            width?: string;
+
+            /** Sets the factor by which we can zoom in or zoom out
+             * @Default {0.2}
+             */
+            zoomFactor?: number;
+
+            /** Triggers When auto scroll is changed
+             */
+            autoScrollChange?(e: AutoScrollChangeEventArgs): void;
+
+            /** Triggers when a node, connector or diagram is clicked
+             */
+            click?(e: ClickEventArgs): void;
+
+            /** Triggers when the connection is changed
+             */
+            connectionChange?(e: ConnectionChangeEventArgs): void;
+
+            /** Triggers when the connector collection is changed
+             */
+            connectorCollectionChange?(e: ConnectorCollectionChangeEventArgs): void;
+
+            /** Triggers when the connectors' source point is changed
+             */
+            connectorSourceChange?(e: ConnectorSourceChangeEventArgs): void;
+
+            /** Triggers when the connectors' target point is changed
+             */
+            connectorTargetChange?(e: ConnectorTargetChangeEventArgs): void;
+
+            /** Triggers before opening the context menu
+             */
+            contextMenuBeforeOpen?(e: ContextMenuBeforeOpenEventArgs): void;
+
+            /** Triggers when a context menu item is clicked
+             */
+            contextMenuClick?(e: ContextMenuClickEventArgs): void;
+
+            /** Triggers when a node, connector or diagram model is clicked twice
+             */
+            doubleClick?(e: DoubleClickEventArgs): void;
+
+            /** Triggers while dragging the elements in diagram
+             */
+            drag?(e: DragEventArgs): void;
+
+            /** Triggers when a symbol is dragged into diagram from symbol palette
+             */
+            dragEnter?(e: DragEnterEventArgs): void;
+
+            /** Triggers when a symbol is dragged outside of the diagram.
+             */
+            dragLeave?(e: DragLeaveEventArgs): void;
+
+            /** Triggers when a symbol is dragged over diagram
+             */
+            dragOver?(e: DragOverEventArgs): void;
+
+            /** Triggers when a symbol is dragged and dropped from symbol palette to drawing area
+             */
+            drop?(e: DropEventArgs): void;
+
+            /** Triggers when editor got focus at the time of node's label or text node editing.
+             */
+            editorFocusChange?(e: EditorFocusChangeEventArgs): void;
+
+            /** Triggers when a child is added to or removed from a group
+             */
+            groupChange?(e: GroupChangeEventArgs): void;
+
+            /** Triggers when a change is reverted or restored(undo/redo)
+             */
+            historyChange?(e: HistoryChangeEventArgs): void;
+
+            /** Triggers when a diagram element is clicked
+             */
+            itemClick?(e: ItemClickEventArgs): void;
+
+            /** Triggers when mouse enters a node/connector
+             */
+            mouseEnter?(e: MouseEnterEventArgs): void;
 
-	///Specifies the Word property in ExportOptions to get Word option.
-	Word,
+            /** Triggers when mouse leaves node/connector
+             */
+            mouseLeave?(e: MouseLeaveEventArgs): void;
 
-	///Specifies the Excel property in ExportOptions to get Excel option.
-	Excel,
+            /** Triggers when mouse hovers over a node/connector
+             */
+            mouseOver?(e: MouseOverEventArgs): void;
 
-	///Specifies the HTML property in ExportOptions to get HTML option.
-	HTML
-}
+            /** Triggers when node collection is changed
+             */
+            nodeCollectionChange?(e: NodeCollectionChangeEventArgs): void;
 
+            /** Triggers when the node properties(x, y,width and height alone) are changed using nudge commands or updateNode API.
+             */
+            propertyChange?(e: PropertyChangeEventArgs): void;
 
-enum ExcelFormats{
+            /** Triggers when the diagram elements are rotated
+             */
+            rotationChange?(e: RotationChangeEventArgs): void;
 
-	///Specifies the Excel97to2003 property in ExcelFormats to get specified version of exported format.
-	Excel97to2003,
+            /** Triggers when the diagram is zoomed or panned
+             */
+            scrollChange?(e: ScrollChangeEventArgs): void;
 
-	///Specifies the Excel2007 property in ExcelFormats to get specified version of exported format.
-	Excel2007,
+            /** Triggers when a connector segment is edited
+             */
+            segmentChange?(e: SegmentChangeEventArgs): void;
 
-	///Specifies the Excel2010 property in ExcelFormats to get specified version of exported format.
-	Excel2010,
+            /** Triggers when the selection is changed in diagram
+             */
+            selectionChange?(e: SelectionChangeEventArgs): void;
 
-	///Specifies the Excel2013 property in ExcelFormats to get specified version of exported format.
-	Excel2013
-}
+            /** Triggers when a node is resized
+             */
+            sizeChange?(e: SizeChangeEventArgs): void;
 
+            /** Triggers when label editing is ended
+             */
+            textChange?(e: TextChangeEventArgs): void;
 
-enum WordFormats{
+            /** Triggered when the diagram is rendered completely.
+             */
+            create?(e: CreateEventArgs): void;
+        }
 
-	///Specifies the Doc property in WordFormats to get specified version of exported format.
-	Doc,
+        export interface AutoScrollChangeEventArgs {
 
-	///Specifies the Dot property in WordFormats to get specified version of exported format.
-	Dot,
+            /** Returns the delay between subsequent auto scrolls
+             */
+            delay?: string;
 
-	///Specifies the DOCX property in WordFormats to get specified version of exported format.
-	DOCX,
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	///Specifies the Word2007 property in WordFormats to get specified version of exported format.
-	Word2007,
+        export interface ClickEventArgs {
 
-	///Specifies the Word2010 property in WordFormats to get specified version of exported format.
-	Word2010,
+            /** parameter returns the clicked node, connector or diagram
+             */
+            element?: any;
 
-	///Specifies the Word2013 property in WordFormats to get specified version of exported format.
-	Word2013,
+            /** parameter returns the object that is actually clicked
+             */
+            actualObject?: number;
 
-	///Specifies the Word2007Dotx property in WordFormats to get specified version of exported format.
-	Word2007Dotx,
+            /** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
+             */
+            offsetX?: number;
 
-	///Specifies the Word2010Dotx property in WordFormats to get specified version of exported format.
-	Word2010Dotx,
+            /** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
+             */
+            offsetY?: number;
 
-	///Specifies the Word2013Dotx property in WordFormats to get specified version of exported format.
-	Word2013Dotx,
+            /** parameter returns the count of how many times the mouse button is pressed
+             */
+            count?: number;
 
-	///Specifies the Word2007Docm property in WordFormats to get specified version of exported format.
-	Word2007Docm,
+            /** parameter returns the event triggered
+             */
+            event?: any;
 
-	///Specifies the Word2010Docm property in WordFormats to get specified version of exported format.
-	Word2010Docm,
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	///Specifies the Word2013Docm property in WordFormats to get specified version of exported format.
-	Word2013Docm,
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
+        }
 
-	///Specifies the Word2007Dotm property in WordFormats to get specified version of exported format.
-	Word2007Dotm,
+        export interface ConnectionChangeEventArgs {
 
-	///Specifies the Word2010Dotm property in WordFormats to get specified version of exported format.
-	Word2010Dotm,
+            /** parameter returns the connection that is changed between nodes, ports or points
+             */
+            element?: any;
 
-	///Specifies the Word2013Dotm property in WordFormats to get specified version of exported format.
-	Word2013Dotm,
+            /** parameter returns the new source node or target node of the connector
+             */
+            connection?: string;
 
-	///Specifies the RTF property in WordFormats to get specified version of exported format.
-	RTF,
+            /** parameter returns the new source port or target port of the connector
+             */
+            port?: any;
 
-	///Specifies the Txt property in WordFormats to get specified version of exported format.
-	Txt,
+            /** parameter defines whether to cancel the change or not
+             */
+            cancel?: boolean;
 
-	///Specifies the EPUB property in WordFormats to get specified version of exported format.
-	EPUB,
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	///Specifies the HTML property in WordFormats to get specified version of exported format.
-	HTML,
+        export interface ConnectorCollectionChangeEventArgs {
 
-	///Specifies the XML property in WordFormats to get specified version of exported format.
-	XML,
+            /** parameter returns whether the connector is inserted or removed
+             */
+            changeType?: string;
 
-	///Specifies the Automatic property in WordFormats to get specified version of exported format.
-	Automatic
-}
+            /** parameter returns the connector that is to be added or deleted
+             */
+            element?: any;
 
+            /** parameter defines whether to cancel the collection change or not
+             */
+            cancel?: boolean;
 
-enum Orientation{
+            /** triggers before and after adding the connector in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the connector.
+             */
+            state?: string;
 
-	///Specifies the Landscape property in pageSettings.orientation to get specified layout.
-	Landscape,
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	///Specifies the portrait property in pageSettings.orientation to get specified layout.
-	Portrait
-}
+        export interface ConnectorSourceChangeEventArgs {
 
+            /** returns the connector, the source point of which is being dragged
+             */
+            element?: any;
 
-enum PaperSize{
+            /** returns the source node of the element
+             */
+            node?: any;
 
-	///Specifies the A3 as value in pageSettings.paperSize to get specified size.
-	A3,
+            /** returns the source point of the element
+             */
+            point?: any;
 
-	///Specifies the A4 as value in pageSettings.paperSize to get specified size.
-	Portrait,
+            /** returns the source port of the element
+             */
+            port?: any;
 
-	///Specifies the B4(JIS) as value in pageSettings.paperSize to get specified size.
-	B4_JIS,
+            /** returns the state of connection end point dragging(starting, dragging, completed)
+             */
+            dragState?: string;
 
-	///Specifies the B5(JIS) as value in pageSettings.paperSize to get specified size.
-	B5_JIS,
+            /** parameter defines whether to cancel the change or not
+             */
+            cancel?: boolean;
 
-	///Specifies the Envelope #10 as value in pageSettings.paperSize to get specified size.
-	Envelope_10,
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	///Specifies the Envelope as value in pageSettings.paperSize to get specified size.
-	Envelope_Monarch,
+        export interface ConnectorTargetChangeEventArgs {
 
-	///Specifies the Executive as value in pageSettings.paperSize to get specified size.
-	Executive,
+            /** parameter returns the connector, the target point of which is being dragged
+             */
+            element?: any;
 
-	///Specifies the Legal as value in pageSettings.paperSize to get specified size.
-	Legal,
+            /** returns the target node of the element
+             */
+            node?: any;
 
-	///Specifies the Letter as value in pageSettings.paperSize to get specified size.
-	Letter,
+            /** returns the target point of the element
+             */
+            point?: any;
 
-	///Specifies the Tabloid as value in pageSettings.paperSize to get specified size.
-	Tabloid,
+            /** returns the target port of the element
+             */
+            port?: any;
 
-	///Specifies the Custom as value in pageSettings.paperSize to get specified size.
-	Custom
-}
+            /** returns the state of connection end point dragging(starting, dragging, completed)
+             */
+            dragState?: string;
 
+            /** parameter defines whether to cancel the change or not
+             */
+            cancel?: boolean;
 
-enum PrintOptions{
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	///Specifies the Default property in printOptions.
-	Default,
+        export interface ContextMenuBeforeOpenEventArgs {
 
-	///Specifies the NewTab property in printOptions.
-	NewTab,
+            /** parameter returns the diagram object
+             */
+            diagram?: any;
 
-	///Specifies the None property in printOptions.
-	None
-}
+            /** parameter returns the actual arguments from context menu
+             */
+            contextmenu?: any;
 
+            /** parameter returns the object that was clicked
+             */
+            target?: any;
 
-enum ProcessingMode{
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	///Specifies the Remote property in processingMode.
-	Remote,
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
 
-	///Specifies the Local property in processingMode.
-	Local
-}
+            /** parameter returns the actual click event arguments that explains which button is clicked
+             */
+            model?: any;
 
+            /** parameter returns the type of the event triggered
+             */
+            type?: string;
+        }
 
-enum RenderMode{
+        export interface ContextMenuClickEventArgs {
 
-	///Specifies the Default property in RenderMode to get default output.
-	Default,
+            /** parameter returns the id of the selected context menu item
+             */
+            id?: string;
 
-	///Specifies the Mobile property in RenderMode to get specified output.
-	Mobile,
+            /** parameter returns the text of the selected context menu item
+             */
+            text?: string;
 
-	///Specifies the Desktop property in RenderMode to get specified output.
-	Desktop
-}
+            /** parameter returns the parent id of the selected context menu item
+             */
+            parentId?: string;
 
+            /** parameter returns the parent text of the selected context menu item
+             */
+            parentText?: string;
 
-enum ToolbarItems{
+            /** parameter returns the object that was clicked
+             */
+            target?: any;
 
-	///Specifies the Print as value in ToolbarItems to get specified item.
-	Print,
+            /** parameter defines whether to execute the click event or not
+             */
+            canExecute?: boolean;
 
-	///Specifies the Refresh as value in ToolbarItems to get specified item.
-	Refresh,
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	///Specifies the Zoom as value in ToolbarItems to get specified item.
-	Zoom,
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
 
-	///Specifies the FittoPage as value in ToolbarItems to get specified item.
-	FittoPage,
+            /** parameter returns the elementof the object that was clicked
+             */
+            element?: any;
 
-	///Specifies the Export as value in ToolbarItems to get specified item.
-	Export,
+            /** parameter returns the object that is selected
+             */
+            selectedItem?: any;
 
-	///Specifies the PageNavigation as value in ToolbarItems to get specified item.
-	PageNavigation,
+            /** parameter returns the model of the diagram
+             */
+            events?: any;
+        }
 
-	///Specifies the Parameters as value in ToolbarItems to get specified item.
-	Parameters,
+        export interface DoubleClickEventArgs {
 
-	///Specifies the PrintLayout as value in ToolbarItems to get specified item.
-	PrintLayout,
+            /** parameter returns the object that is actually clicked
+             */
+            actualObject?: any;
 
-	///Specifies the PageSetup as value in ToolbarItems to get specified item.
-	PageSetup
-}
+            /** parameter returns the selected object
+             */
+            element?: any;
 
-}
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-class TreeGrid extends ej.Widget {
-	static fn: TreeGrid;
-	constructor(element: JQuery, options?: TreeGrid.Model);
-	constructor(element: Element, options?: TreeGrid.Model);
-	static Locale: any;
-	model:TreeGrid.Model;
-	defaults:TreeGrid.Model;
-
-	/** Add a new row in TreeGrid, while allowAdding is set to true
-	*   @param {any} Item to add in TreeGrid row.
-	*   @param {string} Defines in which position the row wants to be added
-	*   @returns {void}
-	*/
-	addRow(data: any, rowPosition: string): void;
-
-	/** To clear all the selection in TreeGrid
-	*   @param {number} you can pass a row index to clear the row selection.
-	*   @returns {void}
-	*/
-	clearSelection(index: number): void;
-
-	/** To select cell based on the cell and row index dynamically.
-	*   @param {Array<any>} array of cell indexes to be select
-	*   @param {boolean} Defines that we need to preserve the previously selected cells or not
-	*   @returns {void}
-	*/
-	selectCells(Indexes: Array<any>, preservePreviousSelectedCell: boolean): void;
-
-	/** To rename a column with the specified name
-	*   @param {number} Index of the column to be renamed
-	*   @param {string} Header text of the column 
-	*   @returns {void}
-	*/
-	renameColumn(columnIndex: number, name: string): void;
-
-	/** To delete the specified column
-	*   @param {number} Index of the column to be deleted
-	*   @returns {void}
-	*/
-	deleteColumn(columnIndex: number): void;
-
-	/** To collapse all the parent items in tree grid
-	*   @returns {void}
-	*/
-	collapseAll(): void;
-
-	/** To hide the column by using header text
-	*   @param {string} you can pass a header text of a column to hide.
-	*   @returns {void}
-	*/
-	hideColumn(headerText: string): void;
-
-	/** Expands the records at specific hierarchical level
-	*   @param {number} you can pass the level as index number to expand
-	*   @returns {void}
-	*/
-	expandAtLevel(index: number): void;
-
-	/** Collapses the records at specific hierarchical level
-	*   @param {number} you can pass the particular level as index.
-	*   @returns {void}
-	*/
-	collapseAtLevel(index: number): void;
-
-	/** To refresh the changes in tree grid
-	*   @param {Array<any>} Pass which data source you want to show in tree grid
-	*   @param {any} Pass which data you want to show in tree grid
-	*   @returns {void}
-	*/
-	refresh(dataSource: Array<any>, query: any): void;
-
-	/** Freeze all the columns preceding to the column specified by the field name.
-	*   @param {string} Freeze all Columns before this field column.
-	*   @returns {void}
-	*/
-	freezePrecedingColumns(field: string): void;
-
-	/** Freeze/unfreeze the specified column.
-	*   @param {string} Freeze/Unfreeze this field column.
-	*   @param {boolean} Decides to Freeze/Unfreeze this field column.
-	*   @returns {void}
-	*/
-	freezeColumn(field: string, isFrozen: boolean): void;
-
-	/** To save the edited cell in TreeGrid
-	*   @returns {void}
-	*/
-	saveCell(): void;
-
-	/** To show the column by using header text
-	*   @param {string} you can pass a header text of a column to show.
-	*   @returns {void}
-	*/
-	showColumn(headerText: string): void;
-
-	/** To sorting the data based on the particular fields
-	*   @param {string} you can pass a name of column to sort.
-	*   @param {string} you can pass a sort direction to sort the column.
-	*   @returns {void}
-	*/
-	sortColumn(fieldName: string, columnSortDirection: string): void;
-
-	/** To reorder the column with field name and target index values
-	*   @param {string} you can pass a name of column to reorder.
-	*   @param {string} you can pass a target column index to be inserted.
-	*   @returns {void}
-	*/
-	reorderColumn(fieldName: string, targetIndex: string): void;
-}
-export module TreeGrid{
-
-export interface Model {
-
-	/** Enables or disables the ability to resize the column width interactively.
-	*   @Default {false}
-	*/
-	allowColumnResize?: boolean;
-
-	/** Enables or disables the option for column reordering
-	*   @Default {false}
-	*/
-	allowColumnReordering?: boolean;
-
-	/** Enables or disables the ability to drag and drop the row interactively to reorder the rows.
-	*   @Default {false}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** Enables or disables the ability to filter the data on all the columns. Enabling this property will display a row with editor controls corresponding to each column. You can restrict filtering on particular column by disabling this property directly on that column instance itself.
-	*   @Default {false}
-	*/
-	allowFiltering?: boolean;
-
-	/** Enables or disables keyboard navigation.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Enables or disables the ability to sort the rows based on multiple columns/fields by clicking on each column header. Rows will be sorted recursively on clicking the column headers.
-	*   @Default {false}
-	*/
-	allowMultiSorting?: boolean;
-
-	/** Enables or disables the ability to select a row interactively.
-	*   @Default {true}
-	*/
-	allowSelection?: boolean;
-
-	/** Enables or disables the ability to sort the rows based on a single field/column by clicking on that column header. When enabled, rows can be sorted only by single field/column.
-	*   @Default {false}
-	*/
-	allowSorting?: boolean;
-
-	/** Enables/disables pagination of rows in TreeGrid
-	*   @Default {false}
-	*/
-	allowPaging?: boolean;
-
-	/** Specifies the id of the template that has to be applied for alternate rows.
-	*/
-	altRowTemplateID?: string;
-
-	/** Specifies the mapping property path for the expand status of a record in data source.
-	*/
-	expandStateMapping?: string;
-
-	/** Specifies the mapping property path for sub tasks in datasource
-	*/
-	childMapping?: string;
-
-	/** Option for adding columns; each column has the option to bind to a field in the dataSource.
-	*/
-	columns?: Array<Column>;
-
-	/** To Specify the column fields to be displayed in the dialog while inserting a column using column menu.
-	*   @Default {[]}
-	*/
-	columnDialogFields?: Array<any>;
-
-	/** Options for displaying and customizing context menu items.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/** Specify the CSS class for TreeGrid to achieve custom theme.
-	*/
-	cssClass?: string;
-
-	/** Specifies hierarchical or self-referential data to populate the TreeGrid.
-	*   @Default {null}
-	*/
-	dataSource?: Array<any>;
-
-	/** Specifies whether to wrap the header text when it is overflown i.e., when it exceeds the header width.
-	*   @Default {ej.TreeGrid.HeaderTextOverflow.None}
-	*/
-	headerTextOverflow?: ej.TreeGrid.HeaderTextOverflow|string;
-
-	/** Options for displaying and customizing the tooltip. This tooltip will show the preview of the row that is being dragged.
-	*/
-	dragTooltip?: DragTooltip;
-
-	/** Options for enabling and configuring the editing related operations.
-	*/
-	editSettings?: EditSettings;
-
-	/** Specifies whether to render alternate rows in different background colors.
-	*   @Default {true}
-	*/
-	enableAltRow?: boolean;
-
-	/** Specifies whether to load all the rows in collapsed state when the TreeGrid is rendered for the first time.
-	*   @Default {false}
-	*/
-	enableCollapseAll?: boolean;
-
-	/** Specifies whether to resize TreeGrid whenever window size changes.
-	*   @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/** Specifies whether to render only the visual elements that are visible in the UI. When you enable this property, it will reduce the loading time for loading large number of records.
-	*   @Default {false}
-	*/
-	enableVirtualization?: boolean;
-
-	/** Specifies the settings for column resize
-	*/
-	columnResizeSettings?: ColumnResizeSettings;
-
-	/** Defines the common width for all the columns in TreeGrid
-	*   @Default {150}
-	*/
-	commonWidth?: number;
-
-	/** Options for filtering and customizing filter actions.
-	*/
-	filterSettings?: FilterSettings;
-
-	/** Specifies the localization information to customize the User Interface (UI) to support regional language and culture
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Enables or disables internal parsing of a row. When disabled this property, row will be displayed using the defined template without any internal event bindings.
-	*   @Default {true}
-	*/
-	parseRowTemplate?: boolean;
-
-	/** Specifies the name of the field in the dataSource, which contains the id of that row.
-	*/
-	idMapping?: string;
-
-	/** Enables or disables the responsiveness of TreeGrid
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies the name of the field in the dataSource, which contains the parent's id. This is necessary to form a parent-child hierarchy, if the dataSource contains self-referential data.
-	*/
-	parentIdMapping?: string;
-
-	/** Specifies the options for customizing the pager.
-	*/
-	pageSettings?: PageSettings;
-
-	/** Specifies the template for cell tooltip
-	*   @Default {null}
-	*/
-	cellTooltipTemplate?: string;
-
-	/** Specifies ej.Query to select data from the dataSource. This property is applicable only when the dataSource is ej.DataManager.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Specifies the height of a single row in tree grid. Also, we need to set same height in the CSS style with class name e-rowcell.
-	*   @Default {30}
-	*/
-	rowHeight?: number;
-
-	/** Specifies the id of the template to be applied for all the rows.
-	*/
-	rowTemplateID?: string;
-
-	/** Specifies the index of the selected row.
-	*   @Default {-1}
-	*/
-	selectedRowIndex?: number;
-
-	/** Specifies the selected cell information on rendering TreeGrid.
-	*/
-	selectedCellIndexes?: Array<SelectedCellIndex>;
-
-	/** Specifies the settings for row and cell selection.
-	*/
-	selectionSettings?: SelectionSettings;
-
-	/** Enables/disables the options for inserting , deleting and renaming  columns.
-	*   @Default {false}
-	*/
-	showColumnOptions?: boolean;
-
-	/** Controls the visibility of the menu button, which is displayed on the column header. Clicking on this button will show a popup menu. When you choose Columns item from this popup, a list box with column names will be shown, from which you can select/deselect a column name to control the visibility of the respective columns.
-	*   @Default {false}
-	*/
-	showColumnChooser?: boolean;
-
-	/** Specifies the visibility of details view
-	*   @Default {false}
-	*/
-	showDetailsRow?: boolean;
-
-	/** Specifies the visibility of the expander column which is used to expand or collapse the details view
-	*   @Default {false}
-	*/
-	showDetailsRowInfoColumn?: boolean;
-
-	/** Specifies the template for details view
-	*/
-	detailsTemplate?: string;
-
-	/** Specifies the row height of the details view
-	*   @Default {100}
-	*/
-	detailsRowHeight?: number;
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
+        }
 
-	/** Specifies the visibility of summary row
-	*   @Default {false}
-	*/
-	showSummaryRow?: boolean;
+        export interface DragEventArgs {
 
-	/** Specifies the visibility of total summary row for the corresponding summary column
-	*   @Default {false}
-	*/
-	showTotalSummary?: boolean;
+            /** parameter returns the node or connector that is being dragged
+             */
+            element?: any;
 
-	/** Specifies the summary row collection object to be displayed
-	*   @Default {[]}
-	*/
-	summaryRows?: Array<SummaryRow>;
+            /** parameter returns the previous position of the node/connector
+             */
+            oldValue?: any;
 
-	/** Specifies whether to show tooltip when mouse is hovered on the cell.
-	*   @Default {true}
-	*/
-	showGridCellTooltip?: boolean;
+            /** parameter returns the new position of the node/connector
+             */
+            newValue?: any;
 
-	/** Specifies whether to show tooltip for the cells, which has expander button.
-	*   @Default {true}
-	*/
-	showGridExpandCellTooltip?: boolean;
+            /** parameter returns the state of drag event (Starting, dragging, completed)
+             */
+            dragState?: string;
 
-	/** Options for setting width and height for TreeGrid.
-	*/
-	sizeSettings?: SizeSettings;
+            /** parameter returns whether or not to cancel the drag event
+             */
+            cancel?: boolean;
 
-	/** Options for sorting the rows.
-	*/
-	sortSettings?: SortSettings;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Options for displaying and customizing the toolbar items.
-	*/
-	toolbarSettings?: ToolbarSettings;
+            /** parameter returns the offset of the selecteditems
+             */
+            offset?: any;
+        }
 
-	/** Specifies the index of the column that needs to have the expander button. By default, cells in the first column contain the expander button.
-	*   @Default {0}
-	*/
-	treeColumnIndex?: number;
+        export interface DragEnterEventArgs {
 
-	/** Triggered before every success event of TreeGrid action. */
-	actionBegin? (e: ActionBeginEventArgs): void;
+            /** parameter returns the node or connector that is dragged into diagram
+             */
+            element?: any;
 
-	/** Triggered for every TreeGrid action success event. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
+            /** parameter returns whether to add or remove the symbol from diagram
+             */
+            cancel?: boolean;
 
-	/** Triggered before the printing initiated in TreeGrid. */
-	beforePrint? (e: BeforePrintEventArgs): void;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Triggered while enter the edit mode in the TreeGrid cell */
-	beginEdit? (e: BeginEditEventArgs): void;
+        export interface DragLeaveEventArgs {
 
-	/** Triggered after collapsed the TreeGrid record */
-	collapsed? (e: CollapsedEventArgs): void;
+            /** parameter returns the node or connector that is dragged outside of the diagram
+             */
+            element?: any;
 
-	/** Triggered while collapsing the TreeGrid record */
-	collapsing? (e: CollapsingEventArgs): void;
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
 
-	/** Triggered while clicking a row, even when allowSelection property is disabled. */
-	recordClick? (e: RecordClickEventArgs): void;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Triggered  when you start to drag a column */
-	columnDragStart? (e: ColumnDragStartEventArgs): void;
+        export interface DragOverEventArgs {
 
-	/** Triggered while dragging a column */
-	columnDrag? (e: ColumnDragEventArgs): void;
+            /** parameter returns the node or connector that is dragged over diagram
+             */
+            element?: any;
 
-	/** Triggered when a column is dropped */
-	columnDrop? (e: ColumnDropEventArgs): void;
+            /** parameter defines whether the symbol can be dropped at the current mouse position
+             */
+            allowDrop?: boolean;
 
-	/** Triggered after a column resized */
-	columnResized? (e: ColumnResizedEventArgs): void;
+            /** parameter returns the node/connector over which the symbol is dragged
+             */
+            target?: any;
 
-	/** Triggered while start to resize a column */
-	columnResizeStart? (e: ColumnResizeStartEventArgs): void;
+            /** parameter returns the previous position of the node/connector
+             */
+            oldValue?: any;
 
-	/** Triggered when a column has been resized */
-	columnResizeEnd? (e: ColumnResizeEndEventArgs): void;
+            /** parameter returns the new position of the node/connector
+             */
+            newValue?: any;
 
-	/** Triggered while Context Menu is rendered in TreeGrid control */
-	contextMenuOpen? (e: ContextMenuOpenEventArgs): void;
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
 
-	/** Triggered when TreeGrid is rendered completely */
-	create? (e: CreateEventArgs): void;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Triggered while rendering details template in TreeGrid */
-	detailsDataBound? (e: DetailsDataBoundEventArgs): void;
+        export interface DropEventArgs {
 
-	/** Triggered when details template pop-up is shown. */
-	detailsShown? (e: DetailsShownEventArgs): void;
+            /** parameter returns node or connector that is being dropped
+             */
+            element?: any;
 
-	/** Triggered when details template pop-up is hidden. */
-	detailsHidden? (e: DetailsHiddenEventArgs): void;
+            /** parameter returns whether or not to cancel the drop event
+             */
+            cancel?: boolean;
 
-	/** Triggered after saved the modified cellValue in TreeGrid */
-	endEdit? (e: EndEditEventArgs): void;
+            /** parameter returns the object from where the element is dragged
+             */
+            source?: any;
 
-	/** Triggered after expand the record */
-	expanded? (e: ExpandedEventArgs): void;
+            /** parameter returns the object over which the object will be dropped
+             */
+            target?: any;
 
-	/** Triggered while expanding the TreeGrid record */
-	expanding? (e: ExpandingEventArgs): void;
+            /** parameter returns the enum which defines the type of the source
+             */
+            objectType?: string;
 
-	/** Triggered while Treegrid is loaded */
-	load? (e: LoadEventArgs): void;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Triggered while rendering each cell in the TreeGrid */
-	queryCellInfo? (e: QueryCellInfoEventArgs): void;
+        export interface EditorFocusChangeEventArgs {
 
-	/** Triggered while rendering each row */
-	rowDataBound? (e: RowDataBoundEventArgs): void;
+            /** Returns the diagram model.
+             */
+            model?: any;
 
-	/** Triggered while dragging a row in TreeGrid control */
-	rowDrag? (e: RowDragEventArgs): void;
+            /** parameter returns the editor element
+             */
+            event?: any;
 
-	/** Triggered while start to drag row in TreeGrid control */
-	rowDragStart? (e: RowDragStartEventArgs): void;
+            /** Returns the name of the event
+             */
+            type?: string;
 
-	/** Triggered while drop a row in TreeGrid control */
-	rowDragStop? (e: RowDragStopEventArgs): void;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Triggered before selecting a cell */
-	cellSelecting? (e: CellSelectingEventArgs): void;
+        export interface GroupChangeEventArgs {
 
-	/** Triggered after selected a cell */
-	cellSelected? (e: CellSelectedEventArgs): void;
+            /** parameter returns the object that is added to/removed from a group
+             */
+            element?: any;
 
-	/** Triggered after the row is selected. */
-	rowSelected? (e: RowSelectedEventArgs): void;
+            /** parameter returns the old parent group(if any) of the object
+             */
+            oldParent?: any;
 
-	/** Triggered before the row is going to be selected. */
-	rowSelecting? (e: RowSelectingEventArgs): void;
+            /** parameter returns the new parent group(if any) of the object
+             */
+            newParent?: any;
 
-	/** Triggered when toolbar item is clicked in TreeGrid. */
-	toolbarClick? (e: ToolbarClickEventArgs): void;
-}
+            /** parameter returns the cause of group change("group", unGroup")
+             */
+            cause?: string;
 
-export interface ActionBeginEventArgs {
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface HistoryChangeEventArgs {
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+            /** An array of objects, where each object represents the changes made in last undo/redo. To explore how the changes are defined, refer [Undo Redo Changes](#undo-redo-changes)
+             */
+            changes?: any[];
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+            /** A collection of objects that are changed in the last undo/redo
+             */
+            Source?: any[];
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the direction of sorting ascending or descending.
-	*/
-	columnSortDirection?: string;
+            /** parameter returns the model of the diagram
+             */
+            cause?: boolean;
+        }
 
-	/** Returns the value of expanding parent element.
-	*/
-	keyValue?: string;
+        export interface ItemClickEventArgs {
 
-	/** Returns the data or deleting element.
-	*/
-	data?: string;
-}
+            /** parameter returns the object that was actually clicked
+             */
+            actualObject?: any;
 
-export interface ActionCompleteEventArgs {
+            /** parameter returns the object that is selected
+             */
+            selectedObject?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns whether or not to cancel the drop event
+             */
+            cancel?: boolean;
 
-	/** Returns the grid model.
-	*/
-	model?: any;
+            /** parameter returns the model of the diagram
+             */
+            event?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Returns the current grouped column field name.
-	*/
-	columnName?: string;
+        export interface MouseEnterEventArgs {
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** parameter returns the target node or connector
+             */
+            element?: any;
 
-	/** Returns the direction of sorting ascending or descending
-	*/
-	columnSortDirection?: string;
+            /** parameter returns the object from where the selected object is dragged
+             */
+            source?: any;
 
-	/** Returns the value of searched element.
-	*/
-	keyValue?: string;
+            /** parameter returns the target object over which the selected object is dragged
+             */
+            target?: any;
 
-	/** Returns the data of deleted element.
-	*/
-	data?: string;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns selected record index
-	*/
-	recordIndex?: number;
-}
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
+        }
 
-export interface BeforePrintEventArgs {
+        export interface MouseLeaveEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the target node or connector
+             */
+            element?: any;
 
-	/** Returns the treegrid element which is going to be print
-	*/
-	element?: any;
+            /** parameter returns the object from where the selected object is dragged
+             */
+            source?: any;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
-}
+            /** parameter returns the target object over which the selected object is dragged
+             */
+            target?: any;
 
-export interface BeginEditEventArgs {
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Returns the row element of editing cell.
-	*/
-	rowElement?: any;
+        export interface MouseOverEventArgs {
 
-	/** Returns the Element of editing cell.
-	*/
-	cellElement?: any;
+            /** parameter returns the target node or connector
+             */
+            element?: any;
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+            /** parameter returns the object from where the element is dragged
+             */
+            source?: any;
 
-	/** Returns the column Index of cell belongs.
-	*/
-	columnIndex?: number;
-}
+            /** parameter returns the object over which the element is being dragged.
+             */
+            target?: any;
 
-export interface CollapsedEventArgs {
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Returns the row index of collapsed record.
-	*/
-	recordIndex?: number;
+        export interface NodeCollectionChangeEventArgs {
 
-	/** Returns the data of collapsed record..
-	*/
-	data?: any;
+            /** parameter returns whether the node is to be added or removed
+             */
+            changeType?: string;
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+            /** parameter returns the node which needs to be added or deleted
+             */
+            element?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
+            /** parameter defines whether to cancel the collection change or not
+             */
+            cancel?: boolean;
 
-	/** Returns the event type.
-	*/
-	type?: string;
-}
+            /** triggers before and after adding the node in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the node
+             */
+            state?: string;
 
-export interface CollapsingEventArgs {
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface PropertyChangeEventArgs {
 
-	/** Returns the row index of collapsing record.
-	*/
-	recordIndex?: number;
+            /** parameter returns the selected element
+             */
+            element?: any;
 
-	/** Returns the data of collapsing record..
-	*/
-	data?: any;
+            /** parameter returns the action is nudge or not
+             */
+            cause?: string;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** parameter returns the new value of the node property that is being changed
+             */
+            newValue?: any;
 
-	/** Returns state of a record whether it is in expanded or collapsing state.
-	*/
-	expanded?: boolean;
-}
+            /** parameter returns the old value of the property that is being changed
+             */
+            oldValue?: any;
 
-export interface RecordClickEventArgs {
+            /** parameter returns the name of the property that is changed
+             */
+            propertyName?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns the element of clicked cell.
-	*/
-	cell?: any;
+            /** parameter defines whether to cancel the property change or not
+             */
+            cancel?: boolean;
+        }
 
-	/** Returns the index of the clicked cell.
-	*/
-	cellIndex?: number;
+        export interface RotationChangeEventArgs {
 
-	/** Returns the data of clicked cell.
-	*/
-	cellValue?: any;
+            /** parameter returns the node that is rotated
+             */
+            element?: any;
 
-	/** Returns the element of the clicked row.
-	*/
-	row?: any;
+            /** parameter returns the previous rotation angle
+             */
+            oldValue?: any;
 
-	/** Returns the index of the clicked row.
-	*/
-	rowIndex?: number;
+            /** parameter returns the new rotation angle
+             */
+            newValue?: any;
 
-	/** Returns the column name of the clicked cell.
-	*/
-	columnName?: string;
-}
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
 
-export interface ColumnDragStartEventArgs {
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the actual click event arguments that explains which button is clicked
+             */
+            cause?: string;
+        }
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+        export interface ScrollChangeEventArgs {
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
+             */
+            newValues?: any;
 
-	/** Returns the column data which is dragged
-	*/
-	draggedColumn?: any;
+            /** parameter returns the previous zoom value, horizontal and vertical scroll offsets.
+             */
+            oldValues?: any;
 
-	/** Returns the index of the column being dragged
-	*/
-	draggedColumnIndex?: number;
-}
+            /** parameter returns whether or not to cancel the dragOver event
+             */
+            cancel?: boolean;
 
-export interface ColumnDragEventArgs {
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
+             */
+            cause?: string;
+        }
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+        export interface SegmentChangeEventArgs {
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** Parameter returns the connector that is being edited
+             */
+            element?: any;
 
-	/** Returns the column data which is dragged
-	*/
-	draggedColumn?: any;
+            /** parameter returns the state of editing (starting, dragging, completed)
+             */
+            dragState?: string;
 
-	/** Returns the index of the column being dragged
-	*/
-	draggedColumnIndex?: number;
+            /** parameter returns the current mouse position
+             */
+            point?: any;
 
-	/** Returns the target column data
-	*/
-	targetColumn?: any;
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the index of the target column
-	*/
-	targetColumnIndex?: number;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
 
-	/** Returns that we can drop over the column or not.
-	*/
-	canDrop?: boolean;
-}
+        export interface SelectionChangeEventArgs {
 
-export interface ColumnDropEventArgs {
+            /** parameter returns whether the item is selected or removed selection
+             */
+            changeType?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the item which is selected or to be selected
+             */
+            element?: any;
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+            /** parameter returns the collection of nodes and connectors that have to be removed from selection list
+             */
+            oldItems?: any[];
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** parameter returns the collection of nodes and connectors that have to be added to selection list
+             */
+            newItems?: any[];
 
-	/** Returns the column data which is dragged
-	*/
-	draggedColumn?: any;
+            /** parameter returns the collection of nodes and connectors that will be selected after selection change
+             */
+            selectedItems?: any[];
 
-	/** Returns the index of the column being dragged
-	*/
-	draggedColumnIndex?: number;
+            /** parameter to specify whether or not to cancel the selection change event
+             */
+            cancel?: boolean;
 
-	/** Returns the target column data
-	*/
-	targetColumn?: any;
+            /** triggers before and after adding the selection to the object in the diagram which can be differentiated through `state` argument. We can cancel the event only before the selection
+             * of the object.
+             */
+            state?: string;
 
-	/** Returns the index of the target column
-	*/
-	targetColumnIndex?: number;
-}
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-export interface ColumnResizedEventArgs {
+            /** parameter returns the actual cause of the event
+             */
+            cause?: string;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface SizeChangeEventArgs {
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+            /** parameter returns node that was resized
+             */
+            element?: any;
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** parameter to cancel the size change
+             */
+            cancel?: boolean;
 
-	/** Returns the column data which is resized
-	*/
-	column?: any;
+            /** parameter returns the new width, height, offsetX and offsetY values of the element that is being resized
+             */
+            newValue?: any;
 
-	/** Returns the index of the column being resized.
-	*/
-	columnIndex?: number;
+            /** parameter returns the previous width,height,offsetX and offsetY values of the element that is being resized
+             */
+            oldValue?: any;
 
-	/** Returns resized column width after resized.
-	*/
-	newWidth?: number;
+            /** parameter returns the state of resizing(starting,resizing,completed)
+             */
+            resizeState?: string;
 
-	/** Returns resized column width before resizing
-	*/
-	oldWidth?: number;
-}
+            /** parameter returns the difference between new and old value
+             */
+            offset?: any;
 
-export interface ColumnResizeStartEventArgs {
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** parameter returns the direction of the node is resized
+             */
+            direction?: string;
+        }
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+        export interface TextChangeEventArgs {
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** parameter returns the node that contains the text being edited
+             */
+            element?: any;
 
-	/** Returns the column data in which the resizing started
-	*/
-	column?: any;
+            /** parameter returns the new text
+             */
+            value?: string;
 
-	/** Returns the column index in which the resizing started
-	*/
-	columnIndex?: number;
+            /** parameter returns the keyCode of the key entered
+             */
+            keyCode?: string;
 
-	/** Returns column width before dragging
-	*/
-	oldWidth?: number;
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
 
-	/** Returns initial column element object.
-	*/
-	target?: any;
-}
+            /** parameter to specify whether or not to cancel the event
+             */
+            cancel?: boolean;
+        }
 
-export interface ColumnResizeEndEventArgs {
+        export interface CreateEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Returns the diagram model.
+             */
+            model?: any;
+
+            /** Returns the name of the event
+             */
+            type?: string;
+
+            /** parameter returns the id of the diagram
+             */
+            diagramId?: string;
+        }
+
+        export interface BackgroundImage {
+
+            /** Defines how to align the background image over the diagram area.
+             * @Default {ej.datavisualization.Diagram.ImageAlignment.XMidYMid}
+             */
+            alignment?: ej.datavisualization.Diagram.ImageAlignment|string;
+        }
+
+        export interface CommandManagerCommandsGesture {
+
+            /** Sets the key value, on recognition of which the command will be executed.
+             * @Default {ej.datavisualization.Diagram.Keys.None}
+             */
+            key?: ej.datavisualization.Diagram.Keys|string;
+
+            /** Sets a combination of key modifiers, on recognition of which the command will be executed.
+             * @Default {ej.datavisualization.Diagram.KeyModifiers.None}
+             */
+            keyModifiers?: ej.datavisualization.Diagram.KeyModifiers|string;
+        }
+
+        export interface CommandManagerCommands {
+
+            /** A method that defines whether the command is executable at the moment or not.
+             */
+            canExecute?: '() => void';
+
+            /** A method that defines what to be executed when the key combination is recognized.
+             */
+            execute?: '() => void';
+
+            /** Defines a combination of keys and key modifiers, on recognition of which the command will be executed
+             */
+            gesture?: CommandManagerCommandsGesture;
+
+            /** Defines any additional parameters that are required at runtime
+             * @Default {null}
+             */
+            parameter?: any;
+        }
+
+        export interface CommandManager {
+
+            /** An object that maps a set of command names with the corresponding command objects
+             * @Default {{}}
+             */
+            commands?: CommandManagerCommands;
+        }
+
+        export interface ConnectorsLabelsMargin {
+
+            /** To set the margin of the label in right direction
+             * @Default {0}
+             */
+            right?: number;
+
+            /** To set the margin of the label in left direction
+             * @Default {0}
+             */
+            left?: number;
+
+            /** To set the margin of the label in top direction
+             * @Default {0}
+             */
+            top?: number;
+
+            /** To set the margin of the label in bottom direction
+             * @Default {0}
+             */
+            bottom?: number;
+        }
+
+        export interface ConnectorsLabel {
+
+            /** Defines how the label should be aligned with respect to the segment
+             * @Default {ej.datavisualization.Diagram.Alignment.Center}
+             */
+            alignment?: ej.datavisualization.Diagram.Alignment|string;
+
+            /** Enables/disables the bold style
+             * @Default {false}
+             */
+            bold?: boolean;
+
+            /** Sets the border color of the label
+             * @Default {transparent}
+             */
+            borderColor?: string;
+
+            /** Sets the border width of the label
+             * @Default {0}
+             */
+            borderWidth?: number;
+
+            /** Defines whether the label should be aligned within the connector boundaries
+             * @Default {true}
+             */
+            boundaryConstraints?: boolean;
+
+            /** Sets the fill color of the text area
+             * @Default {transparent}
+             */
+            fillColor?: string;
+
+            /** Sets the font color of the text
+             * @Default {black}
+             */
+            fontColor?: string;
+
+            /** Sets the font family of the text
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Defines the font size of the text
+             * @Default {12}
+             */
+            fontSize?: number;
+
+            /** Sets the horizontal alignment of the label.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+             */
+            horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** Sets the hyperlink for the labels in the connectors.
+             * @Default {none}
+             */
+            hyperlink?: string;
+
+            /** Enables/disables the italic style
+             * @Default {false}
+             */
+            italic?: boolean;
+
+            /** Gets whether the label is currently being edited or not.
+             * @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
+             */
+            mode?: ej.datavisualization.Diagram.LabelEditMode|string;
+
+            /** Sets the unique identifier of the label
+             */
+            name?: string;
+
+            /** Sets the fraction/ratio(relative to connector) that defines the position of the label
+             * @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
+             */
+            offset?: any;
+
+            /** Sets the fraction/ratio(relative to connector) that defines the position of the label
+             * @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
+             */
+            margin?: ConnectorsLabelsMargin;
+
+            /** Defines the transparency of labels
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Defines whether the label is editable or not
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Defines whether the label should be positioned whether relative to segments or connector boundaries
+             * @Default {ej.datavisualization.Diagram.LabelRelativeMode.SegmentPath}
+             */
+            relativeMode?: ej.datavisualization.Diagram.LabelRelativeMode|string;
+
+            /** Defines the angle to which the label needs to be rotated
+             * @Default {0}
+             */
+            rotateAngle?: number;
+
+            /** Sets the position of the label with respect to the total segment length
+             * @Default {0.5}
+             */
+            segmentOffset?: string;
+
+            /** Defines the label text
+             */
+            text?: string;
+
+            /** Defines how to align the text inside the label.
+             * @Default {ej.datavisualization.Diagram.TextAlign.Center}
+             */
+            textAlign?: ej.datavisualization.Diagram.TextAlign|string;
+
+            /** Sets how to decorate the label text.
+             * @Default {ej.datavisualization.Diagram.TextDecorations.None}
+             */
+            textDecoration?: ej.datavisualization.Diagram.TextDecorations|string;
+
+            /** Sets the vertical alignment of the label.
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+             */
+            verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+            /** Enables or disables the visibility of the label
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Sets the width of the label(the maximum value of label width and the connector width will be considered as label width)
+             * @Default {50}
+             */
+            width?: number;
+
+            /** Defines how the label text needs to be wrapped.
+             * @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
+             */
+            wrapping?: ej.datavisualization.Diagram.TextWrapping|string;
+        }
+
+        export interface ConnectorsSegment {
+
+            /** Sets the direction of orthogonal segment
+             */
+            direction?: string;
+
+            /** Describes the length of orthogonal segment
+             * @Default {undefined}
+             */
+            length?: number;
+
+            /** Describes the end point of bezier/straight segment
+             * @Default {Diagram.Point()}
+             */
+            point?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+            /** Defines the first control point of the bezier segment
+             * @Default {null}
+             */
+            point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+            /** Defines the second control point of bezier segment
+             * @Default {null}
+             */
+            point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+            /** Sets the type of the segment.
+             * @Default {ej.datavisualization.Diagram.Segments.Straight}
+             */
+            type?: ej.datavisualization.Diagram.Segments|string;
+
+            /** Describes the length and angle between the first control point and the start point of bezier segment
+             * @Default {null}
+             */
+            vector1?: any;
+
+            /** Describes the length and angle between the second control point and end point of bezier segment
+             * @Default {null}
+             */
+            vector2?: any;
+        }
+
+        export interface ConnectorsShapeMultiplicitySource {
+
+            /** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+             * @Default {true}
+             */
+            optional?: boolean;
+
+            /** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+             * @Default {null}
+             */
+            lowerBounds?: number;
+
+            /** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+             * @Default {null}
+             */
+            upperBounds?: number;
+        }
+
+        export interface ConnectorsShapeMultiplicity {
+
+            /** Sets the type of the multiplicity. Applicable, if the connector is of type &quot;classifier&quot;
+             * @Default {ej.datavisualization.Diagram.Multiplicity.OneToOne}
+             */
+            type?: ej.datavisualization.Diagram.Multiplicity|string;
+
+            /** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
+             */
+            source?: ConnectorsShapeMultiplicitySource;
+
+            /** Defines the target label to connector. Applicable, if the connector is of type &quot;UML&quot;
+             * @Default {true}
+             */
+            target?: ej.datavisualization.Diagram.ConnectorsShapeMultiplicitySource;
+        }
+
+        export interface ConnectorsShape {
+
+            /** Sets the type of the connector
+             * @Default {ej.datavisualization.Diagram.ConnectorShapes.BPMN}
+             */
+            type?: ej.datavisualization.Diagram.ConnectorShapes|string;
+
+            /** Sets the type of the flow in a BPMN Process
+             * @Default {ej.datavisualization.Diagram.BPMNFlows.Sequence}
+             */
+            flow?: ej.datavisualization.Diagram.BPMNFlows|string;
+
+            /** Sets the type of the Association in a BPMN Process
+             * @Default {ej.datavisualization.Diagram.AssociationFlows.Default}
+             */
+            association?: ej.datavisualization.Diagram.AssociationFlows|string;
+
+            /** Sets the type of the message flow. Applicable, if the connector is of type &quot;BPMN&quot;
+             * @Default {ej.datavisualization.Diagram.BPMNMessageFlows.Default}
+             */
+            message?: ej.datavisualization.Diagram.BPMNMessageFlows|string;
+
+            /** Sets the type of BPMN sequence flow
+             * @Default {ej.datavisualization.Diagram.BPMNSequenceFlows.Normal}
+             */
+            sequence?: ej.datavisualization.Diagram.BPMNSequenceFlows|string;
+
+            /** Defines the role of the connector in a UML Class Diagram. Applicable, if the type of the connector is &quot;classifier&quot;.
+             * @Default {ej.datavisualization.Diagram.ClassifierShapes.Association}
+             */
+            relationship?: ej.datavisualization.Diagram.ClassifierShapes|string;
+
+            /** Defines the multiplicity option of the connector
+             * @Default {null}
+             */
+            multiplicity?: ConnectorsShapeMultiplicity;
+
+            /** Defines the shape of UMLActivity to connector. Applicable, if the connector is of type UMLActivity
+             * @Default {ej.datavisualization.Diagram.UMLActivityFlow.Control}
+             */
+            ActivityFlow?: ej.datavisualization.Diagram.UMLActivityFlow|string;
+        }
+
+        export interface ConnectorsSourceDecorator {
+
+            /** Sets the border color of the source decorator
+             * @Default {black}
+             */
+            borderColor?: string;
+
+            /** Sets the border width of the decorator
+             * @Default {1}
+             */
+            borderWidth?: number;
+
+            /** Sets the fill color of the source decorator
+             * @Default {black}
+             */
+            fillColor?: string;
+
+            /** Sets the height of the source decorator
+             * @Default {8}
+             */
+            height?: number;
+
+            /** Defines the custom shape of the source decorator
+             */
+            pathData?: string;
+
+            /** Defines the shape of the source decorator.
+             * @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
+             */
+            shape?: ej.datavisualization.Diagram.DecoratorShapes|string;
+
+            /** Defines the width of the source decorator
+             * @Default {8}
+             */
+            width?: number;
+        }
+
+        export interface ConnectorsSourcePoint {
+
+            /** Defines the x-coordinate of a position
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Defines the y-coordinate of a position
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface ConnectorsTargetDecorator {
+
+            /** Sets the border color of the decorator
+             * @Default {black}
+             */
+            borderColor?: string;
+
+            /** Sets the color with which the decorator will be filled
+             * @Default {black}
+             */
+            fillColor?: string;
+
+            /** Defines the height of the target decorator
+             * @Default {8}
+             */
+            height?: number;
+
+            /** Defines the custom shape of the target decorator
+             */
+            pathData?: string;
+
+            /** Defines the shape of the target decorator.
+             * @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
+             */
+            shape?: ej.datavisualization.Diagram.DecoratorShapes|string;
+
+            /** Defines the width of the target decorator
+             * @Default {8}
+             */
+            width?: number;
+        }
+
+        export interface Connector {
+
+            /** To maintain additional information about connectors
+             * @Default {null}
+             */
+            addInfo?: any;
+
+            /** Defines the width of the line bridges
+             * @Default {10}
+             */
+            bridgeSpace?: number;
+
+            /** Enables or disables the behaviors of connectors.
+             * @Default {ej.datavisualization.Diagram.ConnectorConstraints.Default}
+             */
+            constraints?: ej.datavisualization.Diagram.ConnectorConstraints|string;
+
+            /** Defines the radius of the rounded corner
+             * @Default {0}
+             */
+            cornerRadius?: number;
+
+            /** Configures the styles of shapes
+             */
+            cssClass?: string;
+
+            /** Sets the horizontal alignment of the connector. Applicable, if the parent of the connector is a container.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
+             */
+            horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** A collection of JSON objects where each object represents a label.
+             * @Default {[]}
+             */
+            labels?: ConnectorsLabel[];
+
+            /** Sets the stroke color of the connector
+             * @Default {black}
+             */
+            lineColor?: string;
+
+            /** Sets the pattern of dashes and gaps used to stroke the path of the connector
+             */
+            lineDashArray?: string;
+
+            /** Defines the padding value to ease the interaction with connectors
+             * @Default {10}
+             */
+            lineHitPadding?: number;
+
+            /** Sets the width of the line
+             * @Default {1}
+             */
+            lineWidth?: number;
+
+            /** Defines the minimum space to be left between the bottom of parent bounds and the connector. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginBottom?: number;
+
+            /** Defines the minimum space to be left between the left of parent bounds and the connector. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginLeft?: number;
+
+            /** Defines the minimum space to be left between the right of parent bounds and the connector. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginRight?: number;
+
+            /** Defines the minimum space to be left between the top of parent bounds and the connector. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginTop?: number;
+
+            /** Sets a unique name for the connector
+             */
+            name?: string;
+
+            /** Defines the transparency of the connector
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Defines the size and preview size of the node to add that to symbol palette. To explore palette item, refer Palette Item
+             * @Default {null}
+             */
+            paletteItem?: any;
+
+            /** Sets the parent name of the connector.
+             */
+            parent?: string;
+
+            /** An array of JSON objects where each object represents a segment
+             * @Default {[ { type:straight } ]}
+             */
+            segments?: ConnectorsSegment[];
+
+            /** Defines the role/meaning of the connector
+             * @Default {null}
+             */
+            shape?: ConnectorsShape;
+
+            /** Defines the source decorator of the connector
+             * @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
+             */
+            sourceDecorator?: ConnectorsSourceDecorator;
+
+            /** Sets the source node of the connector
+             */
+            sourceNode?: string;
+
+            /** Defines the space to be left between the source node and the source point of a connector
+             * @Default {0}
+             */
+            sourcePadding?: number;
+
+            /** Describes the start point of the connector
+             * @Default {ej.datavisualization.Diagram.Point()}
+             */
+            sourcePoint?: ConnectorsSourcePoint;
+
+            /** Sets the source port of the connector
+             */
+            sourcePort?: string;
+
+            /** Defines the target decorator of the connector
+             * @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
+             */
+            targetDecorator?: ConnectorsTargetDecorator;
+
+            /** Sets the target node of the connector
+             */
+            targetNode?: string;
+
+            /** Defines the space to be left between the target node and the target point of the connector
+             * @Default {0}
+             */
+            targetPadding?: number;
+
+            /** Describes the end point of the connector
+             * @Default {ej.datavisualization.Diagram.Point()}
+             */
+            targetPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
+
+            /** Sets the targetPort of the connector
+             */
+            targetPort?: string;
+
+            /** Defines the tooltip that should be shown when the mouse hovers over connector. For tooltip properties, refer Tooltip
+             * @Default {null}
+             */
+            tooltip?: any;
+
+            /** To set the vertical alignment of connector (Applicable,if the parent is group).
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
+             */
+            verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+            /** Enables or disables the visibility of connector
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Sets the z-index of the connector
+             * @Default {0}
+             */
+            zOrder?: number;
+        }
+
+        export interface ContextMenuItem {
+
+            /** Defines the text for the collection of context menu item
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Defines the name for the collection of context menu items
+             * @Default {null}
+             */
+            name?: string;
+
+            /** Defines the image url for the collection of context menu items
+             * @Default {null}
+             */
+            imageUrl?: string;
+
+            /** Defines the CssClass for the collection of context menu items
+             * @Default {null}
+             */
+            cssClass?: string;
+
+            /** Defines the collection of sub items for the context menu items
+             * @Default {[]}
+             */
+            subItems?: any[];
+        }
+
+        export interface ContextMenu {
+
+            /** Defines the collection of context menu items
+             * @Default {[]}
+             */
+            items?: ContextMenuItem[];
+
+            /** To set whether to display the default context menu items or not
+             * @Default {false}
+             */
+            showCustomMenuItemsOnly?: boolean;
+        }
+
+        export interface DataSourceSettingsCrudAction {
+
+            /** Specifies the create method which is used to get the nodes to be added from client side to the server side
+             * @Default {null}
+             */
+            create?: string;
+
+            /** Specifies the update method which is used to get the updated data from client side to the server side
+             * @Default {null}
+             */
+            update?: string;
+
+            /** Specifies the destroy method which is used to get the deleted items data from client side to the server side
+             * @Default {null}
+             */
+            destroy?: string;
+
+            /** Specifies the read method to get the created nodes from client side to the server side
+             * @Default {null}
+             */
+            read?: string;
+        }
+
+        export interface DataSourceSettingsConnectionDataSourceCrudAction {
+
+            /** Specifies the create method which is used to get the connectors to be added from client side to the server side
+             * @Default {null}
+             */
+            create?: string;
+
+            /** Specifies the update method which is used to get the updated connectors from client side to the server side
+             * @Default {null}
+             */
+            update?: string;
+
+            /** Specifies the destroy method which is used to get the deleted items data from client side to the server side
+             * @Default {null}
+             */
+            destroy?: string;
+
+            /** Specifies the read method which is used to get the data from client side to the server side
+             * @Default {null}
+             */
+            read?: string;
+        }
+
+        export interface DataSourceSettingsConnectionDataSource {
+
+            /** Sets the datasource for the connection datasource settings items.
+             * @Default {null}
+             */
+            dataSource?: string;
+
+            /** Sets the unique id of the connection data source item
+             * @Default {null}
+             */
+            id?: string;
+
+            /** Sets the sourcenode of the connection data source item
+             * @Default {null}
+             */
+            sourceNode?: string;
+
+            /** Sets the targetnode of the connection data source item
+             * @Default {null}
+             */
+            targetNode?: string;
+
+            /** Sets the sourcepoint-x value of the connection data source item
+             * @Default {null}
+             */
+            sourcePointX?: string;
+
+            /** Sets the sourcePoint-y value of the connection data source item
+             * @Default {null}
+             */
+            sourcePointY?: string;
+
+            /** Sets the targetPoint-x value of the connection data source item
+             * @Default {null}
+             */
+            targetPointX?: string;
+
+            /** Sets the targetPoint-y value of the connection data source item
+             * @Default {null}
+             */
+            targetPointY?: string;
+
+            /** Specifies the method name which is used to get updated connectors from client side to the server side
+             * @Default {null}
+             */
+            crudAction?: DataSourceSettingsConnectionDataSourceCrudAction;
+
+            /** Specifies the customfields to get the updated data from client side to the server side
+             * @Default {[]}
+             */
+            customFields?: any[];
+        }
+
+        export interface DataSourceSettings {
+
+            /** Defines the data source either as a collection of objects or as an instance of ej.DataManager
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Sets the unique id of the data source items
+             */
+            id?: string;
+
+            /** Defines the parent id of the data source item
+             * @Default {''}
+             */
+            parent?: string;
+
+            /** Describes query to retrieve a set of data from the specified datasource
+             * @Default {null}
+             */
+            query?: string;
+
+            /** Sets the unique id of the root data source item
+             */
+            root?: string;
+
+            /** Describes the name of the table on which the specified query has to be executed
+             * @Default {null}
+             */
+            tableName?: string;
+
+            /** Specifies the method name which is used to get the updated data from client side to the server side
+             * @Default {null}
+             */
+            crudAction?: DataSourceSettingsCrudAction;
+
+            /** Specifies the customfields to get the updated data from client side to the server side
+             * @Default {[]}
+             */
+            customFields?: any[];
+
+            /** Defines the data source either as a collection of objects or as an instance of ej.DataManager
+             * @Default {null}
+             */
+            connectionDataSource?: DataSourceSettingsConnectionDataSource;
+        }
+
+        export interface DefaultSettings {
+
+            /** Initializes the default connector properties
+             * @Default {null}
+             */
+            connector?: any;
+
+            /** Initializes the default properties of groups
+             * @Default {null}
+             */
+            group?: any;
+
+            /** Initializes the default properties for nodes
+             * @Default {null}
+             */
+            node?: any;
+        }
+
+        export interface HistoryManager {
+
+            /** A method that takes a history entry as argument and returns whether the specific entry can be popped or not
+             */
+            canPop?: '() => void';
+
+            /** A method that ends grouping the changes
+             */
+            closeGroupAction?: '() => void';
+
+            /** A method that removes the history of a recent change made in diagram
+             */
+            pop?: '() => void';
+
+            /** A method that allows to track the custom changes made in diagram
+             */
+            push?: '() => void';
+
+            /** Defines what should be happened while trying to restore a custom change
+             * @Default {null}
+             */
+            redo?: '() => void';
+
+            /** The redoStack property is used to get the number of redo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
+             * @Default {[]}
+             */
+            redoStack?: any[];
+
+            /** The stackLimit property used to restrict the undo and redo actions to a certain limit.
+             * @Default {null}
+             */
+            stackLimit?: number;
+
+            /** A method that starts to group the changes to revert/restore them in a single undo or redo
+             */
+            startGroupAction?: '() => void';
+
+            /** Defines what should be happened while trying to revert a custom change
+             */
+            undo?: '() => void';
+
+            /** The undoStack property is used to get the number of undo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
+             * @Default {[]}
+             */
+            undoStack?: any[];
+        }
+
+        export interface Layout {
+
+            /** Specifies the custom bounds to arrange/align the layout
+             * @Default {ej.datavisualization.Diagram.Rectangle()}
+             */
+            bounds?: any;
+
+            /** Defines the fixed node with reference to which, the layout will be arranged and fixed node will not be repositioned
+             */
+            fixedNode?: string;
+
+            /** Customizes the orientation of trees/sub trees. For orientations, see Chart Orientations. For chart types, see Chart Types
+             * @Default {null}
+             */
+            getLayoutInfo?: any;
+
+            /** Defines a method to customize the segments based on source and target nodes.
+             * @Default {null}
+             */
+            getConnectorSegments?: any;
+
+            /** Sets the space to be horizontally left between nodes
+             * @Default {30}
+             */
+            horizontalSpacing?: number;
+
+            /** Defines the space to be left between layout bounds and layout.
+             * @Default {ej.datavisualization.Diagram.Margin()}
+             */
+            margin?: any;
+
+            /** Defines how to horizontally align the layout within the layout bounds
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+             */
+            horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** Defines how to vertically align the layout within the layout bounds
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+             */
+            verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+            /** Sets the orientation/direction to arrange the diagram elements.
+             * @Default {ej.datavisualization.Diagram.LayoutOrientations.TopToBottom}
+             */
+            orientation?: ej.datavisualization.Diagram.LayoutOrientations|string;
+
+            /** Sets the type of the layout based on which the elements will be arranged.
+             * @Default {ej.datavisualization.Diagram.LayoutTypes.None}
+             */
+            type?: ej.datavisualization.Diagram.LayoutTypes|string;
+
+            /** Sets the space to be vertically left between nodes
+             * @Default {30}
+             */
+            verticalSpacing?: number;
+        }
+
+        export interface NodesAnnotation {
+
+            /** Sets the angle between the BPMN shape and the annotation
+             * @Default {0}
+             */
+            angle?: number;
+
+            /** Sets the direction of the text annotation
+             * @Default {ej.datavisualization.Diagram.BPMNAnnotationDirections.Left}
+             */
+            direction?: ej.datavisualization.Diagram.BPMNAnnotationDirection|string;
+
+            /** Sets the height of the text annotation
+             * @Default {20}
+             */
+            height?: number;
+
+            /** Sets the distance between the BPMN shape and the annotation
+             * @Default {0}
+             */
+            length?: number;
+
+            /** Defines the additional information about the flow object in a BPMN Process
+             */
+            text?: string;
+
+            /** Sets the  width of the text annotation
+             * @Default {20}
+             */
+            width?: number;
+        }
+
+        export interface NodesClassAttribute {
+
+            /** Sets the name of the attribute
+             */
+            name?: string;
+
+            /** Sets the data type of attribute
+             */
+            type?: string;
+
+            /** Defines the visibility of the attribute
+             * @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
+             */
+            scope?: string;
+        }
+
+        export interface NodesClassMethod {
+
+            /** Sets the visibility of the method.
+             * @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
+             */
+            scope?: string;
+        }
+
+        export interface NodesClass {
+
+            /** Sets the name of class.
+             */
+            name?: string;
+
+            /** Defines the collection of attributes
+             * @Default {[]}
+             */
+            attributes?: NodesClassAttribute[];
+
+            /** Defines the collection of methods of a Class.
+             * @Default {[]}
+             */
+            methods?: NodesClassMethod[];
+        }
+
+        export interface NodesCollapseIcon {
+
+            /** Sets the border color for collapse icon of node
+             * @Default {black}
+             */
+            borderColor?: string;
+
+            /** Sets the border width for collapse icon of node
+             * @Default {1}
+             */
+            borderWidth?: number;
+
+            /** Sets the fill color for collapse icon of node
+             * @Default {white}
+             */
+            fillColor?: string;
+
+            /** Defines the height for collapse icon of node
+             * @Default {15}
+             */
+            height?: number;
+
+            /** Sets the horizontal alignment of the icon.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+             */
+            horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** To set the margin for the collapse icon of node
+             * @Default {ej.datavisualization.Diagram.Margin()}
+             */
+            margin?: any;
+
+            /** Sets the fraction/ratio(relative to node) that defines the position of the icon
+             * @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
+             */
+            offset?: any;
+
+            /** Defines the shape of the collapsed state of the node.
+             * @Default {ej.datavisualization.Diagram.IconShapes.None}
+             */
+            shape?: ej.datavisualization.Diagram.IconShapes|string;
+
+            /** Sets the vertical alignment of the icon.
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+             */
+            verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+        }
+
+        export interface NodesContainer {
+
+            /** Defines the orientation of the container. Applicable, if the group is a container.
+             * @Default {vertical}
+             */
+            orientation?: string;
+
+            /** Sets the type of the container. Applicable if the group is a container.
+             * @Default {ej.datavisualization.Diagram.ContainerType.Canvas}
+             */
+            type?: ej.datavisualization.Diagram.ContainerType|string;
+        }
+
+        export interface NodesData {
+
+            /** Sets the type of the BPMN Data object
+             * @Default {ej.datavisualization.Diagram.BPMNDataObjects.None}
+             */
+            type?: ej.datavisualization.Diagram.BPMNDataObjects|string;
+
+            /** Defines whether the BPMN data object is a collection or not
+             * @Default {false}
+             */
+            collection?: boolean;
+        }
+
+        export interface NodesEnumerationMember {
+
+            /** Sets the name of the enumeration member
+             */
+            name?: string;
+        }
+
+        export interface NodesEnumeration {
+
+            /** Sets the name of the Enumeration
+             */
+            name?: string;
+
+            /** Defines the collection of enumeration members
+             * @Default {[]}
+             */
+            members?: NodesEnumerationMember[];
+        }
+
+        export interface NodesExpandIcon {
+
+            /** Sets the border color for expand icon of node
+             * @Default {black}
+             */
+            borderColor?: string;
+
+            /** Sets the border width for expand icon of node
+             * @Default {1}
+             */
+            borderWidth?: number;
+
+            /** Sets the fill color for expand icon of node
+             * @Default {white}
+             */
+            fillColor?: string;
+
+            /** Defines the height for expand icon of node
+             * @Default {15}
+             */
+            height?: number;
+
+            /** Sets the horizontal alignment of the icon.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+             */
+            horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** To set the margin for the expand icon of node
+             * @Default {ej.datavisualization.Diagram.Margin()}
+             */
+            margin?: any;
+
+            /** Sets the fraction/ratio(relative to node) that defines the position of the icon
+             * @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
+             */
+            offset?: any;
+
+            /** Defines the shape of the expanded state of the node.
+             * @Default {ej.datavisualization.Diagram.IconShapes.None}
+             */
+            shape?: ej.datavisualization.Diagram.IconShapes|string;
+
+            /** Sets the vertical alignment of the icon.
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+             */
+            verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+        }
+
+        export interface NodesGradientLinearGradient {
+
+            /** Defines the different colors and the region of color transitions
+             * @Default {[]}
+             */
+            stops?: any[];
+
+            /** Defines the left most position(relative to node) of the rectangular region that needs to be painted
+             * @Default {0}
+             */
+            x1?: number;
+
+            /** Defines the right most position(relative to node) of the rectangular region that needs to be painted
+             * @Default {0}
+             */
+            x2?: number;
+
+            /** Defines the top most position(relative to node) of the rectangular region that needs to be painted
+             * @Default {0}
+             */
+            y1?: number;
+
+            /** Defines the bottom most position(relative to node) of the rectangular region that needs to be painted
+             * @Default {0}
+             */
+            y2?: number;
+        }
+
+        export interface NodesGradientRadialGradient {
+
+            /** Defines the position of the outermost circle
+             * @Default {0}
+             */
+            cx?: number;
+
+            /** Defines the outer most circle of the radial gradient
+             * @Default {0}
+             */
+            cy?: number;
+
+            /** Defines the innermost circle of the radial gradient
+             * @Default {0}
+             */
+            fx?: number;
+
+            /** Defines the innermost circle of the radial gradient
+             * @Default {0}
+             */
+            fy?: number;
+
+            /** Defines the different colors and the region of color transitions.
+             * @Default {[]}
+             */
+            stops?: any[];
+        }
+
+        export interface NodesGradientStop {
+
+            /** Sets the color to be filled over the specified region
+             */
+            color?: string;
+
+            /** Sets the position where the previous color transition ends and a new color transition starts
+             * @Default {0}
+             */
+            offset?: number;
+
+            /** Describes the transparency level of the region
+             * @Default {1}
+             */
+            opacity?: number;
+        }
+
+        export interface NodesGradient {
+
+            /** Paints the node with linear color transitions
+             */
+            LinearGradient?: NodesGradientLinearGradient;
+
+            /** Paints the node with radial color transitions. A focal point defines the beginning of the gradient, and a circle defines the end point of the gradient.
+             */
+            RadialGradient?: NodesGradientRadialGradient;
+
+            /** Defines the color and a position where the previous color transition ends and a new color transition starts
+             */
+            Stop?: NodesGradientStop;
+        }
+
+        export interface NodesInterfaceAttribute {
+
+            /** Sets the name of the attribute
+             */
+            name?: string;
+
+            /** Sets the type of the attribute
+             */
+            type?: string;
+
+            /** Sets the visibility of the attribute
+             */
+            scope?: string;
+        }
+
+        export interface NodesInterfaceMethod {
+
+            /** Sets the visibility of the method
+             */
+            scope?: string;
+        }
+
+        export interface NodesInterface {
+
+            /** Sets the name of the interface
+             */
+            name?: string;
+
+            /** Defines a collection of attributes of the interface
+             * @Default {[]}
+             */
+            attributes?: NodesInterfaceAttribute[];
+
+            /** Defines the collection of public methods of an interface
+             * @Default {[]}
+             */
+            methods?: NodesInterfaceMethod[];
+        }
+
+        export interface NodesLabel {
+
+            /** Enables/disables the bold style
+             * @Default {false}
+             */
+            bold?: boolean;
+
+            /** Sets the border color of the label
+             * @Default {transparent}
+             */
+            borderColor?: string;
+
+            /** Sets the border width of the label
+             * @Default {0}
+             */
+            borderWidth?: number;
+
+            /** Sets the fill color of the text area
+             * @Default {transparent}
+             */
+            fillColor?: string;
+
+            /** Sets the font color of the text
+             * @Default {black}
+             */
+            fontColor?: string;
+
+            /** Sets the font family of the text
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Defines the font size of the text
+             * @Default {12}
+             */
+            fontSize?: number;
+
+            /** Sets the horizontal alignment of the label.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+             */
+            horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** Enables/disables the italic style
+             * @Default {false}
+             */
+            italic?: boolean;
+
+            /** To set the margin of the label
+             * @Default {ej.datavisualization.Diagram.Margin()}
+             */
+            margin?: any;
+
+            /** Gets whether the label is currently being edited or not.
+             * @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
+             */
+            mode?: ej.datavisualization.Diagram.LabelEditMode|string;
+
+            /** Sets the unique identifier of the label
+             */
+            name?: string;
+
+            /** Sets the fraction/ratio(relative to node) that defines the position of the label
+             * @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
+             */
+            offset?: any;
+
+            /** Defines the transparency of the labels
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Sets the overflowType of the labels
+             * @Default {ej.datavisualization.Diagram.OverflowType.Ellipsis}
+             */
+            overflowType?: ej.datavisualization.Diagram.OverflowType|string;
+
+            /** Defines whether the label is editable or not
+             * @Default {false}
+             */
+            readOnly?: boolean;
+
+            /** Defines the angle to which the label needs to be rotated
+             * @Default {0}
+             */
+            rotateAngle?: number;
+
+            /** Defines the label text
+             */
+            text?: string;
+
+            /** Defines how to align the text inside the label.
+             * @Default {ej.datavisualization.Diagram.TextAlign.Center}
+             */
+            textAlign?: ej.datavisualization.Diagram.TextAlign|string;
+
+            /** Sets how to decorate the label text.
+             * @Default {ej.datavisualization.Diagram.TextDecorations.None}
+             */
+            textDecoration?: ej.datavisualization.Diagram.TextDecorations|string;
+
+            /** Defines the overflowed content is displayed or not.
+             * @Default {false}
+             */
+            textOverflow?: boolean;
+
+            /** Sets the vertical alignment of the label.
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
+             */
+            verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+            /** Enables or disables the visibility of the label
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Sets the width of the label(the maximum value of label width and the node width will be considered as label width)
+             * @Default {50}
+             */
+            width?: number;
+
+            /** Defines how the label text needs to be wrapped.
+             * @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
+             */
+            wrapping?: ej.datavisualization.Diagram.TextWrapping|string;
+        }
+
+        export interface NodesLane {
+
+            /** Defines the width of lane
+             * @Default {0}
+             */
+            width?: number;
+
+            /** Defines the height of lane
+             * @Default {0}
+             */
+            height?: number;
+
+            /** Defines the z-index of the lane
+             * @Default {0}
+             */
+            zorder?: number;
+
+            /** Allows to maintain additional information about lane
+             * @Default {{}}
+             */
+            addInfo?: any;
+
+            /** An array of objects where each object represents a child node of the lane
+             * @Default {[]}
+             */
+            children?: any[];
+
+            /** Defines the fill color of the lane
+             * @Default {white}
+             */
+            fillColor?: string;
+
+            /** Defines the header of the lane
+             * @Default {{ text: Function, fontSize: 11 }}
+             */
+            header?: any;
+
+            /** Defines the object as a lane
+             * @Default {false}
+             */
+            isLane?: boolean;
+
+            /** Sets the unique identifier of the lane
+             */
+            name?: string;
+
+            /** Sets the orientation of the lane.
+             * @Default {vertical}
+             */
+            orientation?: string;
+        }
+
+        export interface NodesPaletteItem {
+
+            /** Defines whether the symbol should be drawn at its actual size regardless of precedence factors or not
+             * @Default {true}
+             */
+            enableScale?: boolean;
+
+            /** Defines the height of the symbol
+             * @Default {0}
+             */
+            height?: number;
+
+            /** To display a name for nodes in the symbol palette
+             * @Default {null}
+             */
+            label?: string;
+
+            /** Defines the margin of the symbol item
+             * @Default {{ left: 4, right: 4, top: 4, bottom: 4 }}
+             */
+            margin?: any;
+
+            /** Defines the preview height of the symbol
+             * @Default {undefined}
+             */
+            previewHeight?: number;
+
+            /** Defines the preview width of the symbol
+             * @Default {undefined}
+             */
+            previewWidth?: number;
+
+            /** Defines the width of the symbol
+             * @Default {0}
+             */
+            width?: number;
+        }
+
+        export interface NodesPhase {
+
+            /** Defines the header of the smaller regions
+             * @Default {null}
+             */
+            label?: any;
+
+            /** Defines the line color of the splitter that splits adjacent phases.
+             * @Default {#606060}
+             */
+            lineColor?: string;
+
+            /** Sets the dash array that used to stroke the phase splitter
+             * @Default {3,3}
+             */
+            lineDashArray?: string;
+
+            /** Sets the lineWidth of the phase
+             * @Default {1}
+             */
+            lineWidth?: number;
+
+            /** Sets the unique identifier of the phase
+             */
+            name?: string;
+
+            /** Sets the length of the smaller region(phase) of a swimlane
+             * @Default {100}
+             */
+            offset?: number;
+
+            /** Sets the orientation of the phase
+             * @Default {horizontal}
+             */
+            orientation?: string;
+
+            /** Sets the type of the object as phase
+             * @Default {phase}
+             */
+            type?: string;
+        }
+
+        export interface NodesPort {
+
+            /** Sets the border color of the port
+             * @Default {#1a1a1a}
+             */
+            borderColor?: string;
+
+            /** Sets the stroke width of the port
+             * @Default {1}
+             */
+            borderWidth?: number;
+
+            /** Defines the space to be left between the port bounds and its incoming and outgoing connections.
+             * @Default {0}
+             */
+            connectorPadding?: number;
+
+            /** Defines whether connections can be created with the port
+             * @Default {ej.datavisualization.Diagram.PortConstraints.Connect}
+             */
+            constraints?: ej.datavisualization.Diagram.PortConstraints|string;
+
+            /** Sets the fill color of the port
+             * @Default {white}
+             */
+            fillColor?: string;
+
+            /** Sets the unique identifier of the port
+             */
+            name?: string;
+
+            /** Defines the position of the port as fraction/ ratio relative to node
+             * @Default {ej.datavisualization.Diagram.Point(0, 0)}
+             */
+            offset?: any;
+
+            /** Defines the path data to draw the port. Applicable, if the port shape is path.
+             */
+            pathData?: string;
+
+            /** Defines the shape of the port.
+             * @Default {ej.datavisualization.Diagram.PortShapes.Square}
+             */
+            shape?: ej.datavisualization.Diagram.PortShapes|string;
+
+            /** Defines the size of the port
+             * @Default {8}
+             */
+            size?: number;
+
+            /** Defines when the port should be visible.
+             * @Default {ej.datavisualization.Diagram.PortVisibility.Default}
+             */
+            visibility?: ej.datavisualization.Diagram.PortVisibility|string;
+        }
+
+        export interface NodesShadow {
+
+            /** Defines the angle of the shadow relative to node
+             * @Default {45}
+             */
+            angle?: number;
+
+            /** Sets the distance to move the shadow relative to node
+             * @Default {5}
+             */
+            distance?: number;
+
+            /** Defines the opaque of the shadow
+             * @Default {0.7}
+             */
+            opacity?: number;
+        }
+
+        export interface NodesSubProcess {
+
+            /** Defines whether the BPMN sub process is without any prescribed order or not
+             * @Default {false}
+             */
+            adhoc?: boolean;
+
+            /** Sets the boundary of the BPMN process
+             * @Default {ej.datavisualization.Diagram.BPMNBoundary.Default}
+             */
+            boundary?: ej.datavisualization.Diagram.BPMNBoundary|string;
+
+            /** Sets whether the BPMN subprocess is triggered as a compensation of a specific activity
+             * @Default {false}
+             */
+            compensation?: boolean;
+
+            /** Sets whether the BPMN subprocess is triggered as a collapsed of a specific activity
+             * @Default {true}
+             */
+            collapsed?: boolean;
+
+            /** Sets the type of the event by which the sub-process will be triggered
+             * @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
+             */
+            event?: ej.datavisualization.Diagram.BPMNEvents|string;
+
+            /** Defines the collection of events that need to be appended with BPMN Sub-Process
+             */
+            events?: any[];
+
+            /** Defines the loop type of a sub process.
+             * @Default {ej.datavisualization.Diagram.BPMNLoops.None}
+             */
+            loop?: ej.datavisualization.Diagram.BPMNLoops|string;
+
+            /** Defines the children for BPMN's SubProcess
+             * @Default {[]}
+             */
+            Processes?: any[];
+
+            /** Defines the type of the event trigger
+             * @Default {ej.datavisualization.Diagram.BPMNTriggers.Message}
+             */
+            trigger?: ej.datavisualization.Diagram.BPMNTriggers|string;
+
+            /** Defines the type of a sub process
+             * @Default {ej.datavisualization.Diagram.BPMNSubProcessTypes.None}
+             */
+            type?: ej.datavisualization.Diagram.BPMNSubProcessTypes|string;
+        }
+
+        export interface NodesTask {
+
+            /** To set whether the task is a global task or not
+             * @Default {false}
+             */
+            call?: boolean;
+
+            /** Sets whether the task is triggered as a compensation of another specific activity
+             * @Default {false}
+             */
+            compensation?: boolean;
+
+            /** Sets the loop type of a BPMN task.
+             * @Default {ej.datavisualization.Diagram.BPMNLoops.None}
+             */
+            loop?: ej.datavisualization.Diagram.BPMNLoops|string;
+
+            /** Sets the type of the BPMN task.
+             * @Default {ej.datavisualization.Diagram.BPMNTasks.None}
+             */
+            type?: ej.datavisualization.Diagram.BPMNTasks|string;
+        }
+
+        export interface Node {
+
+            /** Defines the type of BPMN Activity. Applicable, if the node is a BPMN activity.
+             * @Default {ej.datavisualization.Diagram.BPMNActivity.Task}
+             */
+            activity?: ej.datavisualization.Diagram.BPMNActivity|string;
+
+            /** To maintain additional information about nodes
+             * @Default {{}}
+             */
+            addInfo?: any;
+
+            /** Defines the additional information of a process. It is not directly related to the message flows or sequence flows of the process.
+             * @Default {ej.datavisualization.Diagram.BPMNTextAnnotation()}
+             */
+            annotation?: NodesAnnotation;
+
+            /** Sets the border color of node
+             * @Default {black}
+             */
+            borderColor?: string;
+
+            /** Sets the pattern of dashes and gaps to stroke the border
+             */
+            borderDashArray?: string;
+
+            /** Sets the border width of the node
+             * @Default {1}
+             */
+            borderWidth?: number;
+
+            /** Defines whether the group can be ungrouped or not
+             * @Default {true}
+             */
+            canUngroup?: boolean;
+
+            /** Array of JSON objects where each object represents a child node/connector
+             * @Default {[]}
+             */
+            children?: any[];
+
+            /** Sets the type of UML classifier. Applicable, if the node is a UML Class Diagram shape.
+             * @Default {ej.datavisualization.Diagram.ClassifierShapes.Class}
+             */
+            classifier?: ej.datavisualization.Diagram.ClassifierShapes|string;
+
+            /** Defines the name, attributes and methods of a Class. Applicable, if the node is a Class.
+             * @Default {null}
+             */
+            class?: NodesClass;
+
+            /** Defines the state of the node is collapsed.
+             */
+            collapseIcon?: NodesCollapseIcon;
+
+            /** Defines the distance to be left between a node and its connections(In coming and out going connections).
+             * @Default {0}
+             */
+            connectorPadding?: number;
+
+            /** Enables or disables the default behaviors of the node.
+             * @Default {ej.datavisualization.Diagram.NodeConstraints.Default}
+             */
+            constraints?: ej.datavisualization.Diagram.NodeConstraints|string;
+
+            /** Defines how the child objects need to be arranged(Either in any predefined manner or automatically). Applicable, if the node is a group.
+             * @Default {null}
+             */
+            container?: NodesContainer;
+
+            /** Defines the corner radius of rectangular shapes.
+             * @Default {0}
+             */
+            cornerRadius?: number;
+
+            /** Configures the styles of shapes
+             */
+            cssClass?: string;
+
+            /** Defines the BPMN data object
+             */
+            data?: NodesData;
+
+            /** Defines an Enumeration in a UML Class Diagram
+             * @Default {null}
+             */
+            enumeration?: NodesEnumeration;
+
+            /** Sets the type of the BPMN Events. Applicable, if the node is a BPMN event.
+             * @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
+             */
+            event?: ej.datavisualization.Diagram.BPMNEvents|string;
+
+            /** Defines whether the node can be automatically arranged using layout or not
+             * @Default {false}
+             */
+            excludeFromLayout?: boolean;
+
+            /** Defines the state of the node is expanded or collapsed.
+             */
+            expandIcon?: NodesExpandIcon;
+
+            /** Defines the fill color of the node
+             * @Default {white}
+             */
+            fillColor?: string;
+
+            /** Sets the type of the BPMN Gateway. Applicable, if the node is a BPMN gateway.
+             * @Default {ej.datavisualization.Diagram.BPMNGateways.None}
+             */
+            gateway?: ej.datavisualization.Diagram.BPMNGateways|string;
+
+            /** Paints the node with a smooth transition from one color to another color
+             */
+            gradient?: NodesGradient;
+
+            /** Sets the type of the BPMN Shapes as group. Applicable, if the node is a BPMN.
+             * @Default {ej.datavisualization.Diagram.BPMNShapes}
+             */
+            group?: any;
+
+            /** Defines the header of a swimlane/lane
+             * @Default {{ text: Title, fontSize: 11 }}
+             */
+            header?: any;
+
+            /** Defines the height of the node
+             * @Default {0}
+             */
+            height?: number;
+
+            /** Sets the horizontal alignment of the node. Applicable, if the parent of the node is a container.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
+             */
+            horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** A read only collection of the incoming connectors/edges of the node
+             * @Default {[]}
+             */
+            inEdges?: any[];
+
+            /** Defines an interface in a UML Class Diagram
+             * @Default {null}
+             */
+            interface?: NodesInterface;
+
+            /** Defines whether the sub tree of the node is expanded or collapsed
+             * @Default {true}
+             */
+            isExpanded?: boolean;
+
+            /** Sets the node as a swimlane
+             * @Default {false}
+             */
+            isSwimlane?: boolean;
+
+            /** A collection of objects where each object represents a label
+             * @Default {[]}
+             */
+            labels?: NodesLabel[];
+
+            /** An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
+             * @Default {[]}
+             */
+            lanes?: NodesLane[];
+
+            /** Defines the minimum space to be left between the bottom of parent bounds and the node. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginBottom?: number;
+
+            /** Defines the minimum space to be left between the left of parent bounds and the node. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginLeft?: number;
+
+            /** Defines the minimum space to be left between the right of the parent bounds and the node. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginRight?: number;
+
+            /** Defines the minimum space to be left between the top of parent bounds and the node. Applicable, if the parent is a container.
+             * @Default {0}
+             */
+            marginTop?: number;
+
+            /** Defines the maximum height limit of the node
+             * @Default {0}
+             */
+            maxHeight?: number;
+
+            /** Defines the maximum width limit of the node
+             * @Default {0}
+             */
+            maxWidth?: number;
+
+            /** Defines the minimum height limit of the node
+             * @Default {0}
+             */
+            minHeight?: number;
+
+            /** Defines the minimum width limit of the node
+             * @Default {0}
+             */
+            minWidth?: number;
+
+            /** Sets the unique identifier of the node
+             */
+            name?: string;
+
+            /** Defines the position of the node on X-Axis
+             * @Default {0}
+             */
+            offsetX?: number;
+
+            /** Defines the position of the node on Y-Axis
+             * @Default {0}
+             */
+            offsetY?: number;
+
+            /** Defines the opaque of the node
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Defines the orientation of nodes. Applicable, if the node is a swimlane.
+             * @Default {vertical}
+             */
+            orientation?: string;
+
+            /** A read only collection of outgoing connectors/edges of the node
+             * @Default {[]}
+             */
+            outEdges?: any[];
+
+            /** Defines the minimum padding value to be left between the bottom most position of a group and its children. Applicable, if the group is a container.
+             * @Default {0}
+             */
+            paddingBottom?: number;
+
+            /** Defines the minimum padding value to be left between the left most position of a group and its children. Applicable, if the group is a container.
+             * @Default {0}
+             */
+            paddingLeft?: number;
+
+            /** Defines the minimum padding value to be left between the right most position of a group and its children. Applicable, if the group is a container.
+             * @Default {0}
+             */
+            paddingRight?: number;
+
+            /** Defines the minimum padding value to be left between the top most position of a group and its children. Applicable, if the group is a container.
+             * @Default {0}
+             */
+            paddingTop?: number;
+
+            /** Defines the size and preview size of the node to add that to symbol palette
+             * @Default {null}
+             */
+            paletteItem?: NodesPaletteItem;
+
+            /** Sets the name of the parent group
+             */
+            parent?: string;
+
+            /** Sets the path geometry that defines the shape of a path node
+             */
+            pathData?: string;
+
+            /** An array of objects, where each object represents a smaller region(phase) of a swimlane.
+             * @Default {[]}
+             */
+            phases?: NodesPhase[];
+
+            /** Sets the height of the phase headers
+             * @Default {0}
+             */
+            phaseSize?: number;
+
+            /** Sets the ratio/ fractional value relative to node, based on which the node will be transformed(positioning, scaling and rotation)
+             * @Default {ej.datavisualization.Diagram.Points(0.5,0.5)}
+             */
+            pivot?: any;
+
+            /** Defines a collection of points to draw a polygon. Applicable, if the shape is a polygon.
+             * @Default {[]}
+             */
+            points?: any[];
+
+            /** An array of objects where each object represents a port
+             * @Default {[]}
+             */
+            ports?: NodesPort[];
+
+            /** Sets the angle to which the node should be rotated
+             * @Default {0}
+             */
+            rotateAngle?: number;
+
+            /** Defines the opacity and the position of shadow
+             * @Default {ej.datavisualization.Diagram.Shadow()}
+             */
+            shadow?: NodesShadow;
+
+            /** Sets the shape of the node. It depends upon the type of node.
+             * @Default {ej.datavisualization.Diagram.BasicShapes.Rectangle}
+             */
+            shape?:
+            ej.datavisualization.Diagram.BasicShapes|ej.datavisualization.Diagram.FlowShapes|ej.datavisualization.Diagram.BPMNShapes|ej.datavisualization.Diagram.UMLActivityShapes|string;
+
+            /** Sets the source path of the image. Applicable, if the type of the node is image.
+             */
+            source?: string;
+
+            /** Defines the sub process of a BPMN Activity. Applicable, if the type of the BPMN activity is sub process.
+             * @Default {ej.datavisualization.Diagram.BPMNSubProcess()}
+             */
+            subProcess?: NodesSubProcess;
+
+            /** Defines the task of the BPMN activity. Applicable, if the type of activity is set as task.
+             * @Default {ej.datavisualization.Diagram.BPMNTask()}
+             */
+            task?: NodesTask;
+
+            /** Sets the id of svg/html templates. Applicable, if the node is HTML or native.
+             */
+            templateId?: string;
+
+            /** Defines the textBlock of a text node
+             * @Default {null}
+             */
+            textBlock?: any;
+
+            /** Defines the tooltip that should be shown when the mouse hovers over node. For tooltip properties, refer Tooltip
+             * @Default {null}
+             */
+            tooltip?: any;
+
+            /** Sets the type of BPMN Event Triggers.
+             * @Default {ej.datavisualization.Diagram.BPMNTriggers.None}
+             */
+            trigger?: ej.datavisualization.Diagram.BPMNTriggers|string;
+
+            /** Defines the type of the node.
+             * @Default {ej.datavisualization.Diagram.Shapes.Basic}
+             */
+            type?: ej.datavisualization.Diagram.Shapes|string;
+
+            /** Sets the vertical alignment of a node. Applicable, if the parent of a node is a container.
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
+             */
+            verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment|string;
+
+            /** Defines the visibility of the node
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Defines the width of the node
+             * @Default {0}
+             */
+            width?: number;
+
+            /** Defines the z-index of the node
+             * @Default {0}
+             */
+            zOrder?: number;
+        }
+
+        export interface PageSettings {
+
+            /** Defines the maximum distance to be left between the object and the scroll bar to trigger auto scrolling
+             * @Default {{ left: 15, top: 15, right: 15, bottom: 15 }}
+             */
+            autoScrollBorder?: any;
+
+            /** Sets whether multiple pages can be created to fit all nodes and connectors
+             * @Default {false}
+             */
+            multiplePage?: boolean;
+
+            /** Defines the background color of diagram pages
+             * @Default {#ffffff}
+             */
+            pageBackgroundColor?: string;
+
+            /** Defines the page border color
+             * @Default {#565656}
+             */
+            pageBorderColor?: string;
+
+            /** Sets the border width of diagram pages
+             * @Default {0}
+             */
+            pageBorderWidth?: number;
+
+            /** Defines the height of a page
+             * @Default {null}
+             */
+            pageHeight?: number;
+
+            /** Defines the page margin
+             * @Default {24}
+             */
+            pageMargin?: number;
+
+            /** Sets the orientation of the page.
+             * @Default {ej.datavisualization.Diagram.PageOrientations.Portrait}
+             */
+            pageOrientation?: ej.datavisualization.Diagram.PageOrientations|string;
+
+            /** Defines the height of a diagram page
+             * @Default {null}
+             */
+            pageWidth?: number;
+
+            /** Defines the scrollable area of diagram. Applicable, if the scroll limit is &quot;limited&quot;.
+             * @Default {null}
+             */
+            scrollableArea?: any;
+
+            /** Defines the scrollable region of diagram.
+             * @Default {ej.datavisualization.Diagram.ScrollLimit.Infinite}
+             */
+            scrollLimit?: ej.datavisualization.Diagram.ScrollLimit|string;
+
+            /** Defines the draggable region of diagram elements.
+             * @Default {ej.datavisualization.Diagram.BoundaryConstraints.Infinite}
+             */
+            boundaryConstraints?: ej.datavisualization.Diagram.BoundaryConstraints|string;
+
+            /** Enables or disables the page breaks
+             * @Default {false}
+             */
+            showPageBreak?: boolean;
+        }
+
+        export interface ScrollSettings {
+
+            /** Allows to read the zoom value of diagram
+             * @Default {0}
+             */
+            currentZoom?: number;
+
+            /** Sets the horizontal scroll offset
+             * @Default {0}
+             */
+            horizontalOffset?: number;
+
+            /** Allows to extend the scrollable region that is based on the scroll limit
+             * @Default {{left: 0, right: 0, top:0, bottom: 0}}
+             */
+            padding?: any;
+
+            /** Sets the vertical scroll offset
+             * @Default {0}
+             */
+            verticalOffset?: number;
+
+            /** Allows to read the view port height of the diagram
+             * @Default {0}
+             */
+            viewPortHeight?: number;
+
+            /** Allows to read the view port width of the diagram
+             * @Default {0}
+             */
+            viewPortWidth?: number;
+        }
+
+        export interface SelectedItemsUserHandle {
+
+            /** Defines the name of the user handle
+             */
+            name?: string;
+
+            /** Defines the background color of the user handle
+             * @Default {#2382c3}
+             */
+            backgroundColor?: string;
+
+            /** Sets the border color of the user handle
+             * @Default {transparent}
+             */
+            borderColor?: string;
+
+            /** Defines whether the user handle should be added, when more than one element is selected
+             * @Default {false}
+             */
+            enableMultiSelection?: boolean;
+
+            /** Sets the stroke color of the user handle
+             * @Default {transparent}
+             */
+            pathColor?: string;
+
+            /** Defines the custom shape of the user handle
+             */
+            pathData?: string;
+
+            /** Defines the position of the user handle
+             * @Default {ej.datavisualization.Diagram.UserHandlePositions.BottomCenter}
+             */
+            position?: ej.datavisualization.Diagram.UserHandlePositions|string;
+
+            /** Defines the size of the user handle
+             * @Default {8}
+             */
+            size?: number;
+
+            /** Defines the interactive behaviors of the user handle
+             */
+            tool?: any;
+
+            /** Defines the visibility of the user handle
+             * @Default {true}
+             */
+            visible?: boolean;
+        }
+
+        export interface SelectedItems {
+
+            /** A read only collection of the selected items
+             * @Default {[]}
+             */
+            children?: any[];
+
+            /** Controls the visibility of selector.
+             * @Default {ej.datavisualization.Diagram.SelectorConstraints.All}
+             */
+            constraints?: ej.datavisualization.Diagram.SelectorConstraints|string;
+
+            /** Defines a method that dynamically enables/ disables the interaction with multiple selection.
+             * @Default {null}
+             */
+            getConstraints?: any;
+
+            /** Sets the height of the selected items
+             * @Default {0}
+             */
+            height?: number;
+
+            /** Sets the x position of the selector
+             * @Default {0}
+             */
+            offsetX?: number;
+
+            /** Sets the y position of the selector
+             * @Default {0}
+             */
+            offsetY?: number;
+
+            /** Sets the angle to rotate the selected items
+             * @Default {0}
+             */
+            rotateAngle?: number;
+
+            /** Sets the angle to rotate the selected items. For tooltip properties, refer Tooltip
+             * @Default {ej.datavisualization.Diagram.Tooltip()}
+             */
+            tooltip?: any;
+
+            /** A collection of frequently used commands that will be added around the selector
+             * @Default {[]}
+             */
+            userHandles?: SelectedItemsUserHandle[];
+
+            /** Sets the width of the selected items
+             * @Default {0}
+             */
+            width?: number;
+        }
+
+        export interface SnapSettingsHorizontalGridLines {
+
+            /** Defines the line color of horizontal grid lines
+             * @Default {lightgray}
+             */
+            lineColor?: string;
+
+            /** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
+             */
+            lineDashArray?: string;
+
+            /** A pattern of lines and gaps that defines a set of horizontal gridlines
+             * @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
+             */
+            linesInterval?: any[];
+
+            /** Specifies a set of intervals to snap the objects
+             * @Default {[20]}
+             */
+            snapInterval?: any[];
+        }
+
+        export interface SnapSettingsVerticalGridLines {
+
+            /** Defines the line color of horizontal grid lines
+             * @Default {lightgray}
+             */
+            lineColor?: string;
+
+            /** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
+             */
+            lineDashArray?: string;
+
+            /** A pattern of lines and gaps that defines a set of horizontal gridlines
+             * @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
+             */
+            linesInterval?: any[];
+
+            /** Specifies a set of intervals to snap the objects
+             * @Default {[20]}
+             */
+            snapInterval?: any[];
+        }
+
+        export interface SnapSettings {
+
+            /** Enables or disables snapping nodes/connectors to objects
+             * @Default {true}
+             */
+            enableSnapToObject?: boolean;
+
+            /** Defines the appearance of horizontal gridlines
+             */
+            horizontalGridLines?: SnapSettingsHorizontalGridLines;
+
+            /** Defines the angle by which the object needs to be snapped
+             * @Default {5}
+             */
+            snapAngle?: number;
+
+            /** Defines and sets the snapConstraints
+             */
+            snapConstraints?: ej.datavisualization.Diagram.SnapConstraints|string;
+
+            /** Defines the minimum distance between the selected object and the nearest object
+             * @Default {5}
+             */
+            snapObjectDistance?: number;
+
+            /** Defines the appearance of horizontal gridlines
+             */
+            verticalGridLines?: SnapSettingsVerticalGridLines;
+        }
+
+        export interface TooltipAlignment {
+
+            /** Defines the horizontal alignment of tooltip.
+             * @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
+             */
+            horizontal?: ej.datavisualization.Diagram.HorizontalAlignment|string;
+
+            /** Defines the vertical alignment of tooltip.
+             * @Default {ej.datavisualization.Diagram.VerticalAlignment.Bottom}
+             */
+            vertical?: ej.datavisualization.Diagram.VerticalAlignment|string;
+        }
+
+        export interface Tooltip {
+
+            /** Aligns the tooltip around nodes/connectors
+             */
+            alignment?: TooltipAlignment;
+
+            /** Sets the margin of the tooltip
+             * @Default {{ left: 5, right: 5, top: 5, bottom: 5 }}
+             */
+            margin?: any;
+
+            /** Defines whether the tooltip should be shown at the mouse position or around node.
+             * @Default {ej.datavisualization.Diagram.RelativeMode.Object}
+             */
+            relativeMode?: ej.datavisualization.Diagram.RelativeMode|string;
+
+            /** Sets the svg/html template to be bound with tooltip
+             */
+            templateId?: string;
+        }
+    }
+    namespace Diagram {
+        enum ImageAlignment  {
+            //Scales the graphic content non-uniformly to the width and height of the diagram area
+            None,
+            //Used to align the image at the top left of diagram area
+            XMinYMin,
+            //Used to align the image at the left center of diagram area
+            XMinYMid,
+            //Used to align the image at the bottom left of diagram area
+            XMinYMax,
+            //Used to align the image at the top center of diagram area
+            XMidYMin,
+            //Used to align the image at the center of diagram area
+            XMidYMid,
+            //Used to align the image at the bottom center of diagram area
+            XMidYMax,
+            //Used to align the image at the top right of diagram area/node
+            XMaxYMin,
+            //Used to align the image at the right center of diagram area/node
+            XMaxYMid,
+            //Used to align the image at the bottom right of diagram area/node
+            XMaxYMax,
+        }
+    }
+    namespace Diagram {
+        enum BridgeDirection {
+            //Used to set the direction of line bridges as left
+            Left,
+            //Used to set the direction of line bridges as right
+            Right,
+            //Used to set the direction of line bridges as top
+            Top,
+            //Used to set the direction of line bridges as bottom
+            Bottom,
+        }
+    }
+    namespace Diagram {
+        enum Keys {
+            //No key pressed.
+            None,
+            //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 0 key.
+            Number0,
+            //The 1 key.
+            Number1,
+            //The 2 key.
+            Number2,
+            //The 3 key.
+            Number3,
+            //The 4 key.
+            Number4,
+            //The 5 key.
+            Number5,
+            //The 6 key.
+            Number6,
+            //The 7 key.
+            Number7,
+            //The 8 key.
+            Number8,
+            //The 9 key.
+            Number9,
+            //The LEFT ARROW key.
+            Left,
+            //The UP ARROW key.
+            Up,
+            //The RIGHT ARROW key.
+            Right,
+            //The DOWN ARROW key.
+            Down,
+            //The ESC key.
+            Escape,
+            //The DEL key.
+            Delete,
+            //The TAB key.
+            Tab,
+            //The ENTER key.
+            Enter,
+        }
+    }
+    namespace Diagram {
+        enum KeyModifiers {
+            //No modifiers are pressed.
+            None,
+            //The ALT key.
+            Alt,
+            //The CTRL key.
+            Control,
+            //The SHIFT key.
+            Shift,
+        }
+    }
+    namespace Diagram {
+        enum ConnectorConstraints {
+            //Disable all connector Constraints
+            None,
+            //Enables connector to be selected
+            Select,
+            //Enables connector to be Deleted
+            Delete,
+            //Enables connector to be Dragged
+            Drag,
+            //Enables connectors source end to be selected
+            DragSourceEnd,
+            //Enables connectors target end to be selected
+            DragTargetEnd,
+            //Enables control point and end point of every segment in a connector for editing
+            DragSegmentThumb,
+            //Enables bridging to the connector
+            Bridging,
+            //Enables label of node to be Dragged
+            DragLabel,
+            //Enables bridging to the connector
+            InheritBridging,
+            //Enables user interaction to the connector
+            PointerEvents,
+            //Enables the contrast between clean edges of connector over rendering speed and geometric precision
+            CrispEdges,
+            //Enables all constraints
+            Default,
+        }
+    }
+    namespace Diagram {
+        enum HorizontalAlignment {
+            //Used to align text horizontally on left side of node/connector
+            Left,
+            //Used to align text horizontally on center of node/connector
+            Center,
+            //Used to align text horizontally on right side of node/connector
+            Right,
+        }
+    }
+    namespace Diagram {
+        enum Alignment {
+            //Used to align the label either top or left(before) of the connector segment
+            Before,
+            //Used to align the label at center of the connector segment
+            Center,
+            //Used to align the label either bottom or right(after) of the connector segment
+            After,
+        }
+    }
+    namespace Diagram {
+        enum LabelRelativeMode {
+            //Sets the relativeMode as SegmentPath
+            SegmentPath,
+            //Sets the relativeMode as SegmentBounds
+            SegmentBounds,
+        }
+    }
+    namespace Diagram {
+        enum Segments {
+            //Used to specify the lines as Straight
+            Straight,
+            //Used to specify the lines as Orthogonal
+            Orthogonal,
+            //Used to specify the lines as Bezier
+            Bezier,
+        }
+    }
+    namespace Diagram {
+        enum ConnectorShapes {
+            //Used to specify connector type as BPMN
+            BPMN,
+            //Used to specify connector type as UMLClassifier
+            UMLClassifier,
+            //Used to specify connector type as UMLActivity
+            UMLActivity,
+        }
+    }
+    namespace Diagram {
+        enum BPMNFlows {
+            //Used to specify the Sequence flow in a BPMN Process
+            Sequence,
+            //Used to specify the Association flow in a BPMN Process
+            Association,
+            //Used to specify the Message flow in a BPMN Process
+            Message,
+        }
+    }
+    namespace Diagram {
+        enum AssociationFlows {
+            //Used to notate default association in a BPMN Process
+            Default,
+            //Used to notate directional association in a BPMN Process
+            Directional,
+            //User to notate bi-directional association in a BPMN Process
+            BiDirectional,
+        }
+    }
+    namespace Diagram {
+        enum BPMNMessageFlows {
+            //Used to notate the default message flow in a BPMN Process
+            Default,
+            //Used to notate the instantiating message flow in a BPMN Process
+            InitiatingMessage,
+            //Used to notate the non-instantiating message flow in a BPMN Process
+            NonInitiatingMessage,
+        }
+    }
+    namespace Diagram {
+        enum BPMNSequenceFlows {
+            //Used to notate the normal sequence flow in a BPMN Process
+            Normal,
+            //Used to notate the conditional sequence flow in a BPMN Process
+            Conditional,
+            //Used to notate the default sequence flow in a BPMN Process
+            Default,
+        }
+    }
+    namespace Diagram {
+        enum ClassifierShapes {
+            //Used to define a Class
+            Class,
+            //Used to define an Interface
+            Interface,
+            //Used to define an Enumeration
+            Enumeration,
+            //Used to notate association in UML Class Diagram
+            Association,
+            //Used to notate aggregation in a UML Class Diagram
+            Aggregation,
+            //Used to notate composition in a UML Class Diagram
+            Composition,
+            //Used to notate dependency in a UML Class Diagram
+            Dependency,
+            //Used to notate inheritance in a UML Class Diagram
+            Inheritance,
+        }
+    }
+    namespace Diagram {
+        enum Multiplicity {
+            //Each entity instance is related to a single instance of another entity
+            OneToOne,
+            //An entity instance can be related to multiple instances of the other entities
+            OneToMany,
+            //Multiple instances of an entity can be related to a single instance of the other entity
+            ManyToOne,
+            //The entity instances can be related to multiple instances of each other
+            ManyToMany,
+        }
+    }
+    namespace Diagram {
+        enum UMLActivityFlow {
+            //Defines a activity flow as Object in UML Activity Diagram
+            Object,
+            //Defines a activity flow as Control in UML Activity Diagram
+            Control,
+            //Defines a activity flow as Exception in UML Activity Diagram
+            Exception,
+        }
+    }
+    namespace Diagram {
+        enum DecoratorShapes {
+            //Used to set decorator shape as none
+            None,
+            //Used to set decorator shape as Arrow
+            Arrow,
+            //Used to set decorator shape as Open Arrow
+            OpenArrow,
+            //Used to set decorator shape as Circle
+            Circle,
+            //Used to set decorator shape as Diamond
+            Diamond,
+            //Used to set decorator shape as path
+            Path,
+        }
+    }
+    namespace Diagram {
+        enum VerticalAlignment {
+            //Used to align text Vertically on left side of node/connector
+            Top,
+            //Used to align text Vertically on center of node/connector
+            Center,
+            //Used to align text Vertically on bottom of node/connector
+            Bottom,
+        }
+    }
+    namespace Diagram {
+        enum DiagramConstraints {
+            //Disables all DiagramConstraints
+            None,
+            //Enables/Disables interaction done with the help of API methods
+            APIUpdate,
+            //Enables/Disables UserInteraction
+            UserInteraction,
+            //Enables/Disables PageEditing
+            PageEditable,
+            //Enables/Disables Bridging
+            Bridging,
+            //Enables/Disables Zooming
+            Zoomable,
+            //Enables/Disables panning on horizontal axis
+            PannableX,
+            //Enables/Disables panning on vertical axis
+            PannableY,
+            //Enables/Disables Panning
+            Pannable,
+            //Enables/Disables undo actions
+            Undoable,
+            //Enables/Disables the sharp edges
+            CrispEdges,
+            //Enables/Disables the Diagram size updation on the window resize function
+            Resizable,
+            //Enables/Disables the Zooming of labels text editor
+            ZoomTextEditor,
+            //Enables/Disables the drag and drop of element from one diagram to the other
+            FloatElements,
+            //Enables all Constraints
+            Default,
+        }
+    }
+    namespace Diagram {
+        enum LabelRenderingMode {
+            //Sets the labelRenderingMode as Html
+            Html,
+            //Sets the labelRenderingMode as Svg
+            Svg,
+        }
+    }
+    namespace Diagram {
+        enum LayoutOrientations {
+            //Used to set LayoutOrientation from top to bottom
+            TopToBottom,
+            //Used to set LayoutOrientation from bottom to top
+            BottomToTop,
+            //Used to set LayoutOrientation from left to right
+            LeftToRight,
+            //Used to set LayoutOrientation from right to left
+            RightToLeft,
+        }
+    }
+    namespace Diagram {
+        enum LayoutTypes {
+            //Used not to set any specific layout
+            None,
+            //Used to set layout type as hierarchical layout
+            HierarchicalTree,
+            //Used to set layout type as organnizational chart
+            OrganizationalChart,
+        }
+    }
+    namespace Diagram {
+        enum BPMNActivity {
+            //Used to set BPMN Activity as None
+            None,
+            //Used to set BPMN Activity as Task
+            Task,
+            //Used to set BPMN Activity as SubProcess
+            SubProcess,
+        }
+    }
+    namespace Diagram {
+        enum BPMNAnnotationDirection {
+            //Used to set the direction of BPMN Annotation as left
+            Left,
+            //Used to set the direction of BPMN Annotation as right
+            Right,
+            //Used to set the direction of BPMN Annotation as top
+            Top,
+            //Used to set the direction of BPMN Annotation as bottom
+            Bottom,
+        }
+    }
+    namespace Diagram {
+        enum IconShapes {
+            //Used to set collapse icon shape as none
+            None,
+            //Used to set collapse icon shape as Arrow(Up/Down)
+            Arrow,
+            //Used to set collapse icon shape as Plus
+            Plus,
+            //Used to set collapse icon shape as Minus
+            Minus,
+            //Used to set collapse icon shape as path
+            Path,
+            //Used to set icon shape as template
+            Template,
+            //Used to set icon shape as image
+            Image,
+        }
+    }
+    namespace Diagram {
+        enum NodeConstraints {
+            //Disable all node Constraints
+            None,
+            //Enables node to be selected
+            Select,
+            //Enables node to be Deleted
+            Delete,
+            //Enables node to be Dragged
+            Drag,
+            //Enables node to be Rotated
+            Rotate,
+            //Enables node to be connected
+            Connect,
+            //Enables node to be resize north east
+            ResizeNorthEast,
+            //Enables node to be resize east
+            ResizeEast,
+            //Enables node to be resize south east
+            ResizeSouthEast,
+            //Enables node to be resize south
+            ResizeSouth,
+            //Enables node to be resize south west
+            ResizeSouthWest,
+            //Enables node to be resize west
+            ResizeWest,
+            //Enables node to be resize north west
+            ResizeNorthWest,
+            //Enables node to be resize north
+            ResizeNorth,
+            //Enables node to be Resized
+            Resize,
+            //Enables shadow
+            Shadow,
+            //Enables label of node to be Dragged
+            DragLabel,
+            //Enables panning should be done while node dragging
+            AllowPan,
+            //Enables Proportional resize for node
+            AspectRatio,
+            //Enables the user interaction with the node
+            PointerEvents,
+            //Enables contrast between clean edges for the node over rendering speed and geometric precision
+            CrispEdges,
+            //Enables all node constraints
+            Default,
+        }
+    }
+    namespace Diagram {
+        enum ContainerType {
+            //Sets the container type as Canvas
+            Canvas,
+            //Sets the container type as Stack
+            Stack,
+        }
+    }
+    namespace Diagram {
+        enum BPMNDataObjects {
+            //Used to notate the Input type BPMN data object
+            Input,
+            //Used to notate the Output type BPMN data object
+            Output,
+            //Used to set BPMN data object type as None
+            None,
+        }
+    }
+    namespace Diagram {
+        enum BPMNEvents {
+            //Used to set BPMN Event as Start
+            Start,
+            //Used to set BPMN Event as Intermediate
+            Intermediate,
+            //Used to set BPMN Event as End
+            End,
+            //Used to set BPMN Event as NonInterruptingStart
+            NonInterruptingStart,
+            //Used to set BPMN Event as NonInterruptingIntermediate
+            NonInterruptingIntermediate,
+            //Used to set BPMN Event as ThrowingIntermediate
+            ThrowingIntermediate,
+        }
+    }
+    namespace Diagram {
+        enum BPMNGateways {
+            //Used to set BPMN Gateway as None
+            None,
+            //Used to set BPMN Gateway as Exclusive
+            Exclusive,
+            //Used to set BPMN Gateway as Inclusive
+            Inclusive,
+            //Used to set BPMN Gateway as Parallel
+            Parallel,
+            //Used to set BPMN Gateway as Complex
+            Complex,
+            //Used to set BPMN Gateway as EventBased
+            EventBased,
+            //Used to set BPMN Gateway as ExclusiveEventBased
+            ExclusiveEventBased,
+            //Used to set BPMN Gateway as ParallelEventBased
+            ParallelEventBased,
+        }
+    }
+    namespace Diagram {
+        enum LabelEditMode {
+            //Used to set label edit mode as edit
+            Edit,
+            //Used to set label edit mode as view
+            View,
+        }
+    }
+    namespace Diagram {
+        enum OverflowType {
+            //Set overflow Type as ellipsis
+            Ellipsis,
+            //Set overflow Type  as Clip
+            Clip,
+        }
+    }
+    namespace Diagram {
+        enum TextAlign {
+            //Used to align text on left side of node/connector
+            Left,
+            //Used to align text on center of node/connector
+            Center,
+            //Used to align text on Right side of node/connector
+            Right,
+        }
+    }
+    namespace Diagram {
+        enum TextDecorations {
+            //Used to set text decoration of the label as Underline
+            Underline,
+            //Used to set text decoration of the label as Overline
+            Overline,
+            //Used to set text decoration of the label as LineThrough
+            LineThrough,
+            //Used to set text decoration of the label as None
+            None,
+        }
+    }
+    namespace Diagram {
+        enum TextWrapping {
+            //Disables wrapping
+            NoWrap,
+            //Enables Line-break at normal word break points
+            Wrap,
+            //Enables Line-break at normal word break points with longer word overflows
+            WrapWithOverflow,
+        }
+    }
+    namespace Diagram {
+        enum PortConstraints {
+            //Disable all constraints
+            None,
+            //Enables connections with connector
+            Connect,
+            //Enables to create the connection when mouse hover on the port.
+            ConnectOnDrag,
+        }
+    }
+    namespace Diagram {
+        enum PortShapes {
+            //Used to set port shape as X
+            X,
+            //Used to set port shape as Circle
+            Circle,
+            //Used to set port shape as Square
+            Square,
+            //Used to set port shape as Path
+            Path,
+        }
+    }
+    namespace Diagram {
+        enum PortVisibility {
+            //Set the port visibility as Visible
+            Visible,
+            //Set the port visibility as Hidden
+            Hidden,
+            //Port get visible when hover connector on node
+            Hover,
+            //Port gets visible when connect connector to node
+            Connect,
+            //Specifies the port visibility as default
+            Default,
+        }
+    }
+    namespace Diagram {
+        enum BasicShapes  {
+            //Used to specify node Shape as Rectangle
+            Rectangle,
+            //Used to specify node Shape as Ellipse
+            Ellipse,
+            //Used to specify node Shape as Path
+            Path,
+            //Used to specify node Shape as Polygon
+            Polygon,
+            //Used to specify node Shape as Triangle
+            Triangle,
+            //Used to specify node Shape as Plus
+            Plus,
+            //Used to specify node Shape as Star
+            Star,
+            //Used to specify node Shape as Pentagon
+            Pentagon,
+            //Used to specify node Shape as Heptagon
+            Heptagon,
+            //Used to specify node Shape as Octagon
+            Octagon,
+            //Used to specify node Shape as Trapezoid
+            Trapezoid,
+            //Used to specify node Shape as Decagon
+            Decagon,
+            //Used to specify node Shape as RightTriangle
+            RightTriangle,
+            //Used to specify node Shape as Cylinder
+            Cylinder,
+        }
+    }
+    namespace Diagram {
+        enum FlowShapes  {
+            //Used to specify node Shape as Process
+            Process,
+            //Used to specify node Shape as Decision
+            Decision,
+            //Used to specify node Shape as Document
+            Document,
+            //Used to specify node Shape as PreDefinedProcess
+            PreDefinedProcess,
+            //Used to specify node Shape as Terminator
+            Terminator,
+            //Used to specify node Shape as PaperTap
+            PaperTap,
+            //Used to specify node Shape as DirectData
+            DirectData,
+            //Used to specify node Shape as SequentialData
+            SequentialData,
+            //Used to specify node Shape as Sort
+            Sort,
+            //Used to specify node Shape as MultiDocument
+            MultiDocument,
+            //Used to specify node Shape as Collate
+            Collate,
+            //Used to specify node Shape as SummingJunction
+            SummingJunction,
+            //Used to specify node Shape as Or
+            Or,
+            //Used to specify node Shape as InternalStorage
+            InternalStorage,
+            //Used to specify node Shape as Extract
+            Extract,
+            //Used to specify node Shape as ManualOperation
+            ManualOperation,
+            //Used to specify node Shape as Merge
+            Merge,
+            //Used to specify node Shape as OffPageReference
+            OffPageReference,
+            //Used to specify node Shape as SequentialAccessStorage
+            SequentialAccessStorage,
+            //Used to specify node Shape as Annotation1
+            Annotation1,
+            //Used to specify node Shape as Annotation2
+            Annotation2,
+            //Used to specify node Shape as Data
+            Data,
+            //Used to specify node Shape as Card
+            Card,
+        }
+    }
+    namespace Diagram {
+        enum BPMNShapes  {
+            //Used to specify node Shape as Event
+            Event,
+            //Used to specify node Shape as Gateway
+            Gateway,
+            //Used to specify node Shape as Message
+            Message,
+            //Used to specify node Shape as DataObject
+            DataObject,
+            //Used to specify node Shape as DataSource
+            DataSource,
+            //Used to specify node Shape as Activity
+            Activity,
+            //Used to specify node Shape as Group
+            Group,
+        }
+    }
+    namespace Diagram {
+        enum UMLActivityShapes {
+            //Used to set UML ActivityShapes as Action
+            Action,
+            //Used to set UML ActivityShapes as Decision
+            Decision,
+            //Used to set UML ActivityShapes as MergeNode
+            MergeNode,
+            //Used to set UML ActivityShapes as InitialNode
+            InitialNode,
+            //Used to set UML ActivityShapes as FinalNode
+            FinalNode,
+            //Used to set UML ActivityShapes as ForkNode
+            ForkNode,
+            //Used to set UML ActivityShapes as JoinNode
+            JoinNode,
+            //Used to set UML ActivityShapes as TimeEvent
+            TimeEvent,
+            //Used to set UML ActivityShapes as AcceptingEvent
+            AcceptingEvent,
+            //Used to set UML ActivityShapes as SendSignal
+            SendSignal,
+            //Used to set UML ActivityShapes as ReceiveSignal
+            ReceiveSignal,
+            //Used to set UML ActivityShapes as StructuredNode
+            StructuredNode,
+            //Used to set UML ActivityShapes as Note
+            Note,
+        }
+    }
+    namespace Diagram {
+        enum BPMNBoundary {
+            //Used to set BPMN SubProcess's Boundary as Default
+            Default,
+            //Used to set BPMN SubProcess's Boundary as Call
+            Call,
+            //Used to set BPMN SubProcess's Boundary as Event
+            Event,
+        }
+    }
+    namespace Diagram {
+        enum BPMNLoops {
+            //Used to set BPMN Activity's Loop as None
+            None,
+            //Used to set BPMN Activity's Loop as Standard
+            Standard,
+            //Used to set BPMN Activity's Loop as ParallelMultiInstance
+            ParallelMultiInstance,
+            //Used to set BPMN Activity's Loop as SequenceMultiInstance
+            SequenceMultiInstance,
+        }
+    }
+    namespace Diagram {
+        enum BPMNSubProcessTypes {
+            //Used to set BPMN SubProcess type as None
+            None,
+            //Used to set BPMN SubProcess type as Transaction
+            Transaction,
+            //Used to set BPMN SubProcess type as Event
+            Event,
+        }
+    }
+    namespace Diagram {
+        enum BPMNTasks {
+            //Used to set BPMN Task Type as None
+            None,
+            //Used to set BPMN Task Type as Service
+            Service,
+            //Used to set BPMN Task Type as Receive
+            Receive,
+            //Used to set BPMN Task Type as Send
+            Send,
+            //Used to set BPMN Task Type as InstantiatingReceive
+            InstantiatingReceive,
+            //Used to set BPMN Task Type as Manual
+            Manual,
+            //Used to set BPMN Task Type as BusinessRule
+            BusinessRule,
+            //Used to set BPMN Task Type as User
+            User,
+            //Used to set BPMN Task Type as Script
+            Script,
+            //Used to set BPMN Task Type as Parallel
+            Parallel,
+        }
+    }
+    namespace Diagram {
+        enum BPMNTriggers {
+            //Used to set Event Trigger as None
+            None,
+            //Used to set Event Trigger as Message
+            Message,
+            //Used to set Event Trigger as Timer
+            Timer,
+            //Used to set Event Trigger as Escalation
+            Escalation,
+            //Used to set Event Trigger as Link
+            Link,
+            //Used to set Event Trigger as Error
+            Error,
+            //Used to set Event Trigger as Compensation
+            Compensation,
+            //Used to set Event Trigger as Signal
+            Signal,
+            //Used to set Event Trigger as Multiple
+            Multiple,
+            //Used to set Event Trigger as Parallel
+            Parallel,
+            //Used to set Event Trigger as Conditional
+            Conditional,
+            //Used to set Event Trigger as Termination
+            Termination,
+            //Used to set Event Trigger as Cancel
+            Cancel,
+        }
+    }
+    namespace Diagram {
+        enum Shapes {
+            //Used to specify node type as Text
+            Text,
+            //Used to specify node type as Image
+            Image,
+            //Used to specify node type as Html
+            Html,
+            //Used to specify node type as Native
+            Native,
+            //Used to specify node type as Basic
+            Basic,
+            //Used to specify node type as Flow
+            Flow,
+            //Used to specify node type as BPMN
+            BPMN,
+            //Used to specify node type as UMLClassifier
+            UMLClassifier,
+            //Used to specify node type as UMLActivity
+            UMLActivity,
+        }
+    }
+    namespace Diagram {
+        enum PageOrientations {
+            //Used to set orientation as Landscape
+            Landscape,
+            //Used to set orientation as portrait
+            Portrait,
+        }
+    }
+    namespace Diagram {
+        enum ScrollLimit {
+            //Used to set scrollLimit as Infinite
+            Infinite,
+            //Used to set scrollLimit as Diagram
+            Diagram,
+            //Used to set scrollLimit as Limited
+            Limited,
+        }
+    }
+    namespace Diagram {
+        enum BoundaryConstraints {
+            //Used to set boundaryConstraints as Infinite
+            Infinite,
+            //Used to set boundaryConstraints as Diagram
+            Diagram,
+            //Used to set boundaryConstraints as Page
+            Page,
+        }
+    }
+    namespace Diagram {
+        enum SelectorConstraints {
+            //Hides the selector
+            None,
+            //Sets the visibility of rotation handle as visible
+            Rotator,
+            //Sets the visibility of resize handles as visible
+            Resizer,
+            //Sets the visibility of user handles as visible
+            UserHandles,
+            //Sets the visibility of all selection handles as visible
+            All,
+        }
+    }
+    namespace Diagram {
+        enum UserHandlePositions  {
+            //Set the position of the userhandle as topleft
+            TopLeft,
+            //Set the position of the userhandle as topcenter
+            TopCenter,
+            //Set the position of the userhandle as topright
+            TopRight,
+            //Set the position of the userhandle as middleleft
+            MiddleLeft,
+            //Set the position of the userhandle as middleright
+            MiddleRight,
+            //Set the position of the userhandle as bottomleft
+            BottomLeft,
+            //Set the position of the userhandle as bottomcenter
+            BottomCenter,
+            //Set the position of the userhandle as bottom right
+            BottomRight,
+        }
+    }
+    namespace Diagram {
+        enum SnapConstraints {
+            //Enables node to be snapped to horizontal gridlines
+            None,
+            //Enables node to be snapped to vertical gridlines
+            SnapToHorizontalLines,
+            //Enables node to be snapped to horizontal gridlines
+            SnapToVerticalLines,
+            //Enables node to be snapped to gridlines
+            SnapToLines,
+            //Enable horizontal lines
+            ShowHorizontalLines,
+            //Enable vertical lines
+            ShowVerticalLines,
+            //Enable both horizontal and vertical lines
+            ShowLines,
+            //Enable all the constraints
+            All,
+        }
+    }
+    namespace Diagram {
+        enum Tool {
+            //Disables all Tools
+            None,
+            //Enables/Disables SingleSelect tool
+            SingleSelect,
+            //Enables/Disables MultiSelect tool
+            MultipleSelect,
+            //Enables/Disables ZoomPan tool
+            ZoomPan,
+            //Enables/Disables DrawOnce tool
+            DrawOnce,
+            //Enables/Disables ContinuousDraw tool
+            ContinuesDraw,
+        }
+    }
+    namespace Diagram {
+        enum RelativeMode {
+            //Shows tooltip around the node
+            Object,
+            //Shows tooltip at the mouse position
+            Mouse,
+        }
+    }
+    namespace Diagram {
+        enum FileFormats {
+            //Used to export the diagram into JPG format.
+            JPG,
+            //Used to export the diagram into PNG format.
+            PNG,
+            //Used to export the diagram into BMP format.
+            BMP,
+            //Used to export the diagram into SVG format.
+            SVG,
+        }
+    }
+    namespace Diagram {
+        enum ExportModes {
+            //Used to export the diagram as a file.
+            Download,
+            //Used to export the diagram as raw data.
+            Data,
+        }
+    }
+    namespace Diagram {
+        enum Region {
+            //Used to export the content of the diagram only.
+            Content,
+            //Used to export the page region of the diagram.
+            PageSettings,
+        }
+    }
+    namespace Diagram {
+        enum Stretch {
+            //The diagram content preserves its original size.
+            None,
+            //The diagram content is resized to fill the destination dimensions. The aspect ratio is not preserved.
+            Fill,
+            //The diagram content is resized to fit in the destination dimensions while it preserves its native aspect ratio.
+            Uniform,
+            //The diagram content is resized to fill the destination dimensions while it preserves its native aspect ratio. If the aspect ratio of the destination rectangle differs from the
+            //source, the source content is clipped to fit in the destination dimensions.
+            UniformToFill,
+        }
+    }
+    namespace Diagram {
+        enum FitMode {
+            //Used to fit the diagram content based on page size.
+            Page,
+            //Used to fit the diagram content based on diagram width.
+            Width,
+            //Used to fit the diagram content based on diagram height.
+            Height,
+        }
+    }
+    namespace Diagram {
+        enum ZoomCommand {
+            //Used to zoom in the Diagram
+            ZoomIn,
+            //Used to zoom out the diagram
+            ZoomOut,
+        }
+    }
+
+    class HeatMap extends ej.Widget {
+        static fn: HeatMap;
+        constructor(element: JQuery | Element, options?: HeatMap.Model);
+        static Locale: any;
+        model: HeatMap.Model;
+        defaults: HeatMap.Model;
+    }
+    export namespace HeatMap {
+
+        export interface Model {
+
+            /** Specifies the width of the heat map.
+             * @Default {null}
+             */
+            width?: any;
+
+            /** Specifies the width of the heat map.
+             * @Default {null}
+             */
+            height?: any;
+
+            /** Specifies the name of the heat map.
+             * @Default {null}
+             */
+            id?: number;
+
+            /** Enables or disables tooltip of heatmap
+             * @Default {true}
+             */
+            showTooltip?: boolean;
+
+            /** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
+             */
+            tooltipSettings?: TooltipSettings;
+
+            /** Specifies the source data of the heat map.
+             * @Default {[]}
+             */
+            itemsSource?: any;
+
+            /** Specifies the property of the heat map cell.
+             * @Default {Null}
+             */
+            heatMapCell?: HeatMapCell;
+
+            /** Specifies can enable responsive mode or not for heat map.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies whether the virtualization can be enable or not.
+             * @Default {false}
+             */
+            enableVirtualization?: boolean;
+
+            /** Specifies the default column properties for all the column style not specified in column properties.
+             * @Default {[]}
+             */
+            defaultColumnStyle?: DefaultColumnStyle;
+
+            /** Specifies the no of legends can sync with heat map.
+             * @Default {[]}
+             */
+            legendCollection?: any[];
+
+            /** Specifies the property and display value of the heat map column.
+             * @Default {[]}
+             */
+            itemsMapping?: ItemsMapping;
+
+            /** Specifies the color values of the heat map column data.
+             * @Default {[]}
+             */
+            colorMappingCollection?: ColorMappingCollection[];
+
+            /** Triggered when the mouse over on the cell.
+             */
+            cellMouseOver?(e: CellMouseOverEventArgs): void;
+
+            /** Triggered when the mouse over on the cell.
+             */
+            cellMouseEnter?(e: CellMouseEnterEventArgs): void;
+
+            /** Triggered when the mouse over on the cell.
+             */
+            cellMouseLeave?(e: CellMouseLeaveEventArgs): void;
+
+            /** Triggered when the mouse over on the cell.
+             */
+            cellSelected?(e: CellSelectedEventArgs): void;
+        }
+
+        export interface CellMouseOverEventArgs {
+
+            /** Value displayed on the cell
+             */
+            cellValue?: string;
+
+            /** Returns the HeatMap cell data
+             */
+            source?: any;
+
+            /** Returns the specific HeatMap cell
+             */
+            cell?: any;
+        }
+
+        export interface CellMouseEnterEventArgs {
+
+            /** Value displayed on the cell
+             */
+            cellValue?: string;
+
+            /** Returns the HeatMap cell data
+             */
+            source?: any;
+
+            /** Returns the specific HeatMap cell
+             */
+            cell?: any;
+        }
+
+        export interface CellMouseLeaveEventArgs {
+
+            /** Value displayed on the cell
+             */
+            cellValue?: string;
+
+            /** Returns the HeatMap cell data
+             */
+            source?: any;
+
+            /** Returns the specific HeatMap cell
+             */
+            cell?: any;
+        }
+
+        export interface CellSelectedEventArgs {
+
+            /** Value displayed on the cell
+             */
+            cellValue?: string;
+
+            /** Returns the HeatMap cell data
+             */
+            source?: any;
+
+            /** Returns the specific HeatMap cell
+             */
+            cell?: any;
+        }
+
+        export interface TooltipSettingsPositionTarget {
+
+            /** Sets the arrow position again popup based on horizontal(x) value
+             * @Default {center}
+             */
+            horizontal?: ej.datavisualization.HeatMap.Horizontal|string;
+
+            /** Sets the arrow position again popup based on vertical(y) value
+             * @Default {top}
+             */
+            vertical?: ej.datavisualization.HeatMap.Vertical|string;
+        }
 
-	/** Returns the control model values.
-	*/
-	model?: any;
+        export interface TooltipSettingsPositionStem {
+
+            /** Sets the arrow position again popup based on horizontal(x) value
+             * @Default {center}
+             */
+            horizontal?: ej.datavisualization.HeatMap.Horizontal|string;
+
+            /** Sets the arrow position again popup based on vertical(y) value
+             * @Default {bottom}
+             */
+            vertical?: ej.datavisualization.HeatMap.Vertical|string;
+        }
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+        export interface TooltipSettingsPosition {
+
+            /** Sets the Tooltip position against target.
+             */
+            target?: TooltipSettingsPositionTarget;
+
+            /** Sets the arrow position again popup.
+             */
+            stem?: TooltipSettingsPositionStem;
+        }
 
-	/** Returns the column data in which the resizing started
-	*/
-	column?: any;
+        export interface TooltipSettingsAnimation {
 
-	/** Returns the column index in which the resizing started
-	*/
-	columnIndex?: number;
+            /** Defines the animation effect for the tooltip that should be shown when the mouse hovers over rows/columns.
+             * @Default {none}
+             */
+            effect?: ej.datavisualization.HeatMap.Effect|string;
 
-	/** Returns the column width difference, before and after the resizing
-	*/
-	extra?: number;
+            /** Defines the animation speed for the tooltip that should be shown when the mouse hovers over rows/columns.
+             * @Default {0}
+             */
+            speed?: number;
+        }
 
-	/** Returns the new column width after resized
-	*/
-	newWidth?: number;
+        export interface TooltipSettings {
+
+            /** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
+             * @Default {null}
+             */
+            templateId?: string;
 
-	/** Returns column width before dragging
-	*/
-	oldWidth?: number;
+            /** Defines the tooltip of associate that should be shown when the mouse hovers over rows/columns.
+             * @Default {mouseFollow}
+             */
+            associate?: ej.datavisualization.HeatMap.Associate|string;
+
+            /** Enables/ disables the balloon for the tooltip to be shown
+             * @Default {true}
+             */
+            isBalloon?: boolean;
 
-	/** Returns initial column element object.
-	*/
-	target?: any;
-}
+            /** Defines various attributes of the Tooltip position
+             */
+            position?: TooltipSettingsPosition;
 
-export interface ContextMenuOpenEventArgs {
+            /** Defines the tooltip to be triggered.
+             * @Default {hover}
+             */
+            trigger?: ej.datavisualization.HeatMap.Trigger|string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Defines the animation for the tooltip that should be shown when the mouse hovers over rows/columns.
+             */
+            animation?: TooltipSettingsAnimation;
+        }
+
+        export interface HeatMapCell {
 
-	/** Returns the default context menu items to which we add custom items.
-	*/
-	contextMenuItems?: Array<any>;
+            /** Specifies whether the cell content can be visible or not.
+             * @Default {ej.HeatMap.CellVisibility.Visible}
+             */
+            showContent?: ej.datavisualization.HeatMap.CellVisibility|string;
+
+            /** Specifies whether the cell color can be visible or not.
+             * @Default {true}
+             */
+            showColor?: boolean;
+        }
+
+        export interface DefaultColumnStyle {
+
+            /** Specifies the alignment mode of the heat map column.
+             * @Default {ej.HeatMap.TextAlign.Center}
+             */
+            textAlign?: any;
+
+            /** Specifies the template id of the heat map column header.
+             */
+            headerTemplateID?: string;
+
+            /** Specifies the template id of all individual cell data of the heat map.
+             */
+            templateID?: string;
+        }
+
+        export interface ItemsMappingColumnStyle {
+
+            /** Specifies the width of the heat map column.
+             * @Default {0}
+             */
+            width?: number;
+
+            /** Specifies the text align mode of the heat map column.
+             * @Default {ej.HeatMap.TextAlign.Center}
+             */
+            textAlign?: string;
+
+            /** Specifies the template id of the column header.
+             */
+            headerTemplateID?: string;
+
+            /** Specifies the template id of all individual cell data.
+             */
+            templateID?: string;
+        }
+
+        export interface ItemsMappingColumn {
+
+            /** Specifies the name of the column or row.
+             */
+            propertyName?: string;
+
+            /** Specifies the value of the column or row.
+             */
+            displayName?: string;
+        }
+
+        export interface ItemsMappingRow {
+
+            /** Specifies the name of the column or row.
+             */
+            propertyName?: string;
+
+            /** Specifies the value of the column or row.
+             */
+            displayName?: string;
+        }
+
+        export interface ItemsMappingValue {
+
+            /** Specifies the name of the column or row.
+             */
+            propertyName?: string;
+
+            /** Specifies the value of the column or row.
+             */
+            displayName?: string;
+        }
+
+        export interface ItemsMappingHeaderMapping {
+
+            /** Specifies the name of the column or row.
+             */
+            propertyName?: string;
+
+            /** Specifies the value of the column or row.
+             */
+            displayName?: string;
+
+            /** Specifies the property and display value of the header.
+             * @Default {null}
+             */
+            columnStyle?: any;
+        }
+
+        export interface ItemsMapping {
+
+            /** Column settings for the individual heat map column.
+             * @Default {null}
+             */
+            columnStyle?: ItemsMappingColumnStyle;
+
+            /** Specifies the property and display value of the column.
+             * @Default {null}
+             */
+            column?: ItemsMappingColumn;
+
+            /** Specifies the row property and display value of the heat map.
+             * @Default {null}
+             */
+            row?: ItemsMappingRow;
+
+            /** Specifies the property and display value of the column value.
+             * @Default {null}
+             */
+            value?: ItemsMappingValue;
+
+            /** Specifies the property and display value of the header.
+             * @Default {null}
+             */
+            headerMapping?: ItemsMappingHeaderMapping;
+
+            /** Specifies the property and display value of the collection of column.
+             * @Default {[]}
+             */
+            columnMapping?: any[];
+        }
+
+        export interface ColorMappingCollectionLabel {
+
+            /** Enables/disables the bold style of the heat map label.
+             * @Default {false}
+             */
+            bold?: boolean;
+
+            /** Enables/disables the italic style of the heat map label.
+             * @Default {false}
+             */
+            italic?: boolean;
+
+            /** specifies the text value of the heat map label.
+             */
+            text?: string;
+
+            /** Specifies the text style of the heat map label.
+             * @Default {ej.HeatMap.TextDecoration.None}
+             */
+            textDecoration?: ej.datavisualization.HeatMap.TextDecoration|string;
+
+            /** Specifies the font size of the heat map label.
+             * @Default {10}
+             */
+            fontSize?: number;
+
+            /** Specifies the font family of the heat map label.
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font color of the heat map label.
+             * @Default {black}
+             */
+            fontColor?: string;
+        }
+
+        export interface ColorMappingCollection {
+
+            /** Specifies the color of the heat map column data.
+             * @Default {white}
+             */
+            color?: string;
+
+            /** Specifies the color values of the heat map column data.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Specifies the label properties of the heat map color.
+             * @Default {null}
+             */
+            label?: ColorMappingCollectionLabel;
+        }
+    }
+    namespace HeatMap {
+        enum Associate {
+            //Used to set the associate of tooltip as Target
+            Target,
+            //Used to set the associate of tooltip as MouseFollow
+            MouseFollow,
+            //Used to set the associate of tooltip as MouseEnter
+            MouseEnter,
+        }
+    }
+    namespace HeatMap {
+        enum Horizontal {
+            //Used to display the tooltip horizontally on left side of rows/columns
+            Left,
+            //Used to display the tooltip horizontally on center side of rows/columns
+            Center,
+            //Used to display the tooltip horizontally on right side of rows/columns
+            Right,
+        }
+    }
+    namespace HeatMap {
+        enum Vertical {
+            //Used to display the tooltip horizontally on left side of rows/columns
+            Top,
+            //Used to display the tooltip horizontally on center side of rows/columns
+            Center,
+            //Used to display the tooltip horizontally on right side of rows/columns
+            Bottom,
+        }
+    }
+    namespace HeatMap {
+        enum Trigger {
+            //Tooltip can be triggered on mouse hovers
+            Hover,
+            //Tooltip can be triggered on mouse click
+            Click,
+        }
+    }
+    namespace HeatMap {
+        enum Effect {
+            //Sets tooltip animation as None
+            None,
+            //Sets tooltip animation as Fade
+            Fade,
+            //Sets tooltip animation as Slide
+            Slide,
+        }
+    }
+    namespace HeatMap {
+        enum CellVisibility {
+            //Display the content of the cell
+            Visible,
+            //Hide the content of the cell
+            Hidden,
+        }
+    }
+    namespace HeatMap {
+        enum TextDecoration  {
+            //Defines a line below the text
+            Underline,
+            //Defines a line above the text
+            Overline,
+            //Defines a line through the text
+            LineThrough,
+            //Defines a normal text. This is default
+            None,
+        }
+    }
+
+    class HeatMapLegend extends ej.Widget {
+        static fn: HeatMapLegend;
+        constructor(element: JQuery | Element, options?: HeatMapLegend.Model);
+        static Locale: any;
+        model: HeatMapLegend.Model;
+        defaults: HeatMapLegend.Model;
+    }
+    export namespace HeatMapLegend {
+
+        export interface Model {
+
+            /** Specifies the width of the heatmap legend.
+             * @Default {null}
+             */
+            width?: any;
+
+            /** Specifies the height of the heatmap legend.
+             * @Default {null}
+             */
+            height?: any;
+
+            /** Specifies can enable responsive mode or not for heatmap legend.
+             * @Default {false}
+             */
+            isResponsive?: boolean;
+
+            /** Specifies whether the cell label can be shown or not.
+             * @Default {false}
+             */
+            showLabel?: boolean;
+
+            /** Specifies the color values of the column data.
+             * @Default {[]}
+             */
+            colorMappingCollection?: ColorMappingCollection[];
+
+            /** Specifies the orientation of the heatmap legend
+             * @Default {ej.HeatMap.LegendOrientation.Horizontal}
+             */
+            orientation?: ej.datavisualization.HeatMap.LegendOrientation|string;
+
+            /** Specifies the legend mode as gradient or list.
+             * @Default {ej.HeatMap.LegendMode.Gradient}
+             */
+            legendMode?: ej.datavisualization.HeatMap.LegendMode|string;
+        }
+
+        export interface ColorMappingCollectionLabel {
+
+            /** Enables/disables the bold style of the heatmap legend label.
+             * @Default {false}
+             */
+            bold?: boolean;
+
+            /** Enables/disables the italic style of the heatmap legend label.
+             * @Default {false}
+             */
+            italic?: boolean;
+
+            /** specifies the text value of the heatmap legend label.
+             */
+            text?: string;
+
+            /** Specifies the text style of the heatmap legend label.
+             * @Default {ej.HeatMap.TextDecoration.None}
+             */
+            textDecoration?: ej.datavisualization.HeatMap.TextDecoration|string;
+
+            /** Specifies the font size of the heatmap legend label.
+             * @Default {10}
+             */
+            fontSize?: number;
+
+            /** Specifies the font family of the heatmap legend label.
+             * @Default {Arial}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font color of the heatmap legend label.
+             * @Default {black}
+             */
+            fontColor?: string;
+        }
+
+        export interface ColorMappingCollection {
+
+            /** Specifies the color of the heatmap legend data.
+             * @Default {white}
+             */
+            color?: string;
+
+            /** Specifies the color values of the heatmap legend column data.
+             * @Default {0}
+             */
+            value?: number;
+
+            /** Specifies the label properties of the heatmap legend color.
+             * @Default {null}
+             */
+            label?: ColorMappingCollectionLabel;
+        }
+    }
+    namespace HeatMap {
+        enum LegendOrientation {
+            //Scales the graphic content non-uniformly to the width and height of the diagram area
+            Horizontal,
+            //Used to align the image at the top left of diagram area
+            Vertical,
+        }
+    }
+    namespace HeatMap {
+        enum LegendMode {
+            //Scales the graphic content non-uniformly to the width and height of the diagram area
+            Gradient,
+            //Used to align the image at the top left of diagram area
+            List,
+        }
+    }
+
+    class Sparkline extends ej.Widget {
+        static fn: Sparkline;
+        constructor(element: JQuery | Element, options?: Sparkline.Model);
+        static Locale: any;
+        model: Sparkline.Model;
+        defaults: Sparkline.Model;
+
+        /** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+         * @returns {void}
+         */
+        redraw(): void;
+    }
+    export namespace Sparkline {
+
+        export interface Model {
+
+            /** Background color of the plot area.
+             * @Default {transparent}
+             */
+            background?: string;
+
+            /** Fill color for the sparkline series.
+             * @Default {#33ccff}
+             */
+            fill?: string;
+
+            /** Border color of the series.
+             * @Default {null}
+             */
+            stroke?: string;
+
+            /** Options for customizing the color, opacity and width of the sparkline border.
+             */
+            border?: Border;
+
+            /** Border width of the series.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Opacity of the series.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Color for series high point.
+             * @Default {null}
+             */
+            highPointColor?: string;
+
+            /** Color for series low point.
+             * @Default {null}
+             */
+            lowPointColor?: string;
+
+            /** Color for series start point.
+             * @Default {null}
+             */
+            startPointColor?: string;
+
+            /** Color for series end point.
+             * @Default {null}
+             */
+            endPointColor?: string;
+
+            /** Color for series negative point.
+             * @Default {null}
+             */
+            negativePointColor?: string;
+
+            /** Options for customizing the color, opacity of the sparkline start and end range.
+             */
+            rangeBandSettings?: RangeBandSettings;
+
+            /** Name of the culture based on which sparkline should be localized.
+             * @Default {en-US}
+             */
+            locale?: string;
+
+            /** Name of a field in data source, where the fill color for all the data points is generated.
+             */
+            palette?: string;
+
+            /** Controls whether sparkline has to be responsive or not.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
+             * @Default {false}
+             */
+            enableCanvasRendering?: boolean;
+
+            /** Specify to convert the date object to string, using locale settings.
+             * @Default {false}
+             */
+            enableGroupSeparator?: boolean;
+
+            /** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Name of the property in the datasource that contains x value for the series.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Name of the property in the datasource that contains y value for the series.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Gap or padding for sparkline.
+             * @Default {8}
+             */
+            padding?: number;
+
+            /** Specifies the type of the series to render in sparkline.
+             * @Default {line. See Type}
+             */
+            type?: ej.datavisualization.Sparkline.Type|string;
+
+            /** Specifies the theme for Sparkline.
+             * @Default {Flatlight. See Theme}
+             */
+            theme?: ej.datavisualization.Sparkline.Theme|string;
+
+            /** Options to customize the tooltip.
+             */
+            tooltip?: Tooltip;
+
+            /** Options for displaying and customizing marker for a data point.
+             */
+            markerSettings?: MarkerSettings;
+
+            /** Options to customize the Sparkline size.
+             */
+            size?: Size;
+
+            /** Options for customizing the color,dashArray and width of the axisLine.
+             */
+            axisLineSettings?: AxisLineSettings;
+
+            /** Fires before loading the sparkline.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Fires after loaded the sparkline.
+             */
+            loaded?(e: LoadedEventArgs): void;
+
+            /** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip.
+             */
+            tooltipInitialize?(e: TooltipInitializeEventArgs): void;
+
+            /** Fires before rendering a series. This event is fired for each series in Sparkline.
+             */
+            seriesRendering?(e: SeriesRenderingEventArgs): void;
+
+            /** Fires when mouse is moved over a point.
+             */
+            pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
+
+            /** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points.
+             */
+            pointRegionMouseClick?(e: PointRegionMouseClickEventArgs): void;
+
+            /** Fires on moving mouse over the sparkline.
+             */
+            sparklineMouseMove?(e: SparklineMouseMoveEventArgs): void;
+
+            /** Fires on moving mouse outside the sparkline.
+             */
+            sparklineMouseLeave?(e: SparklineMouseLeaveEventArgs): void;
+        }
+
+        export interface LoadEventArgs {
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-export interface CreateEventArgs {
+        export interface LoadedEventArgs {
+
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+        export interface TooltipInitializeEventArgs {
 
-export interface DetailsDataBoundEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Returns the data collection of selected row.
-	*/
-	data?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the details element of selected row.
-	*/
-	detailsElement?: any;
+            /** X Location of the trackball tooltip in pixels
+             */
+            locationX?: any;
 
-	/** Returns the rowIndex of selected row.
-	*/
-	rowIndex?: number;
+            /** Y Location of the trackball tooltip in pixels
+             */
+            locationY?: any;
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+            /** Index of the point for which trackball tooltip is displayed
+             */
+            pointIndex?: number;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
+             */
+            currentText?: string;
+        }
 
-export interface DetailsShownEventArgs {
+        export interface SeriesRenderingEventArgs {
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the data collection of selected row.
-	*/
-	data?: any;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Returns the details element of selected row.
-	*/
-	detailsElement?: any;
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the rowIndex of selected row.
-	*/
-	rowIndex?: number;
+            /** Minimum x value of the data point
+             */
+            minX?: any;
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+            /** Minimum y value of the data point
+             */
+            minY?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Maximum x value of the data point
+             */
+            maxX?: any;
 
-export interface DetailsHiddenEventArgs {
+            /** Maximum y value of the data point
+             */
+            maxY?: any;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface PointRegionMouseMoveEventArgs {
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the data collection of hidden details Template
-	*/
-	rowData?: any;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Name of the event
+             */
+            type?: string;
 
-export interface EndEditEventArgs {
+            /** X-coordinate of point in pixel
+             */
+            locationX?: number;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Y-coordinate of point in pixel
+             */
+            locationY?: number;
 
-	/** Returns the row element of editing cell.
-	*/
-	rowElement?: any;
+            /** Index of the point in series
+             */
+            pointIndex?: number;
 
-	/** Returns the Element of editing cell.
-	*/
-	cellElement?: any;
+            /** Type of the series
+             */
+            seriesType?: string;
+        }
 
-	/** Returns the data of edited cell record.
-	*/
-	data?: any;
+        export interface PointRegionMouseClickEventArgs {
 
-	/** Returns the column name of edited cell belongs.
-	*/
-	columnName?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the column object of edited cell belongs.
-	*/
-	columnObject?: any;
-}
+            /** Instance of the sparkline model object
+             */
+            model?: any;
 
-export interface ExpandedEventArgs {
+            /** Name of the event
+             */
+            type?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** X-coordinate of point in pixel
+             */
+            locationX?: number;
 
-	/** Returns the row index of expanded record.
-	*/
-	recordIndex?: number;
+            /** Y-coordinate of point in pixel
+             */
+            locationY?: number;
 
-	/** Returns the data of expanded record..
-	*/
-	data?: any;
+            /** Index of the point in series
+             */
+            pointIndex?: number;
+
+            /** Type of the series
+             */
+            seriesType?: string;
+        }
+
+        export interface SparklineMouseMoveEventArgs {
 
-	/** Returns Request Type.
-	*/
-	requestType?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns state of a record whether it is in expanded or expanded state.
-	*/
-	expanded?: boolean;
+            /** Instance of the sparkline model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+        }
+
+        export interface SparklineMouseLeaveEventArgs {
+
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the sparkline model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+        }
+
+        export interface Border {
+
+            /** Border color of the sparkline.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Width of the Sparkline border.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface RangeBandSettings {
+
+            /** Start value of the range band.
+             * @Default {null}
+             */
+            startRange?: number;
+
+            /** End value of the range band.
+             * @Default {null}
+             */
+            endRange?: number;
+
+            /** Range band opacity of the series.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Range band color of the series.
+             * @Default {transparent}
+             */
+            color?: string;
+        }
+
+        export interface TooltipBorder {
+
+            /** Border color of the tooltip.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Border width of the tooltip.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface TooltipFont {
+
+            /** Font color of the text in the tooltip.
+             * @Default {#111111}
+             */
+            color?: string;
+
+            /** Font Family for the tooltip.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font Style for the tooltip.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Sparkline.FontStyle|string;
+
+            /** Specifies the font weight for the tooltip.
+             * @Default {Regular}
+             */
+            fontWeight?: ej.datavisualization.Sparkline.FontWeight|string;
+
+            /** Opacity for text in the tooltip.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for text in the tooltip.
+             * @Default {8px}
+             */
+            size?: string;
+        }
+
+        export interface Tooltip {
+
+            /** Show/hides the tooltip visibility.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Fill color for the sparkline tooltip.
+             * @Default {white}
+             */
+            fill?: string;
+
+            /** Custom template to the tooltip.
+             */
+            template?: string;
+
+            /** Options for customizing the border of the tooltip.
+             */
+            border?: TooltipBorder;
+
+            /** Options for customizing the font of the tooltip.
+             */
+            font?: TooltipFont;
+        }
+
+        export interface MarkerSettingsBorder {
+
+            /** Border color of the marker shape.
+             * @Default {transparent}
+             */
+            color?: string;
+
+            /** Controls the opacity of the marker border.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Border width of the marker shape.
+             * @Default {null}
+             */
+            width?: number;
+        }
+
+        export interface MarkerSettings {
+
+            /** Controls the opacity of the marker.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Controls the visibility of the marker shape.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** width of the marker shape.
+             * @Default {2}
+             */
+            width?: number;
+
+            /** Color of the marker shape.
+             * @Default {white}
+             */
+            fill?: string;
+
+            /** Options for customizing the border of the marker shape.
+             */
+            border?: MarkerSettingsBorder;
+        }
+
+        export interface Size {
+
+            /** Height of the Sparkline. Height can be specified in either pixel or percentage.
+             * @Default {''}
+             */
+            height?: string;
+
+            /** Width of the Sparkline. Width can be specified in either pixel or percentage.
+             * @Default {''}
+             */
+            width?: string;
+        }
+
+        export interface AxisLineSettings {
+
+            /** Controls the visibility of the axis.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Color of the axis line.
+             * @Default {'#111111'}
+             */
+            color?: string;
+
+            /** Width of the axis line.
+             * @Default {1}
+             */
+            width?: number;
+
+            /** Dash array of the axis line.
+             * @Default {1}
+             */
+            dashArray?: number;
+        }
+    }
+    namespace Sparkline {
+        enum Type {
+            //string
+            Area,
+            //string
+            Line,
+            //string
+            Column,
+            //string
+            Pie,
+            //string
+            WinLoss,
+        }
+    }
+    namespace Sparkline {
+        enum Theme {
+            //string
+            Azure,
+            //string
+            FlatLight,
+            //string
+            FlatDark,
+            //string
+            Azuredark,
+            //string
+            Lime,
+            //string
+            LimeDark,
+            //string
+            Saffron,
+            //string
+            SaffronDark,
+            //string
+            GradientLight,
+            //string
+            GradientDark,
+        }
+    }
+    namespace Sparkline {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Italic,
+        }
+    }
+    namespace Sparkline {
+        enum FontWeight {
+            //string
+            Regular,
+            //string
+            Bold,
+            //string
+            Lighter,
+        }
+    }
+
+    class SunburstChart extends ej.Widget {
+        static fn: SunburstChart;
+        constructor(element: JQuery | Element, options?: SunburstChart.Model);
+        static Locale: any;
+        model: SunburstChart.Model;
+        defaults: SunburstChart.Model;
+
+        /** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
+         * @returns {void}
+         */
+        redraw(): void;
+
+        /** destroy the sunburst
+         * @returns {void}
+         */
+        destroy(): void;
+    }
+    export namespace SunburstChart {
+
+        export interface Model {
+
+            /** Background color of the plot area.
+             * @Default {null}
+             */
+            background?: string;
+
+            /** Bind the data field from the data source.
+             * @Default {null}
+             */
+            valueMemberPath?: string;
+
+            /** Options for customizing the sunburst border.
+             */
+            border?: Border;
+
+            /** Options for customizing the sunburst segment border.
+             */
+            segmentBorder?: SegmentBorder;
+
+            /** Specifies the dataSource to the sunburst.
+             * @Default {null}
+             */
+            dataSource?: any;
+
+            /** Palette color for the data points.
+             * @Default {null}
+             */
+            palette?: string;
+
+            /** Parent node of the data points.
+             * @Default {null}
+             */
+            parentNode?: string;
+
+            /** Name of the property in the datasource that contains x values.
+             * @Default {null}
+             */
+            xName?: string;
+
+            /** Name of the property in the datasource that contains y values.
+             * @Default {null}
+             */
+            yName?: string;
+
+            /** Controls whether sunburst has to be responsive or not.
+             * @Default {true}
+             */
+            isResponsive?: boolean;
+
+            /** Options to customize the Sunburst size.
+             */
+            size?: Size;
+
+            /** Controls the visibility of sunburst.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Options to customize the Sunburst tooltip.
+             */
+            tooltip?: Tooltip;
+
+            /** Options for customizing sunburst points.
+             */
+            points?: Points;
+
+            /** Sunburst rendering will start from the specified value
+             * @Default {null}
+             */
+            startAngle?: number;
+
+            /** Sunburst rendering will end at the specified value
+             * @Default {null}
+             */
+            endAngle?: number;
+
+            /** Sunburst outer radius value
+             * @Default {1}
+             */
+            radius?: number;
+
+            /** Sunburst inner radius value
+             * @Default {0.4}
+             */
+            innerRadius?: number;
+
+            /** Options to customize the Sunburst dataLabel.
+             */
+            dataLabelSettings?: DataLabelSettings;
+
+            /** Options for customizing the title and subtitle of sunburst.
+             */
+            title?: Title;
+
+            /** Options for customizing the appearance of the levels or point while highlighting.
+             */
+            highlightSettings?: HighlightSettings;
+
+            /** Options for customizing the appearance of the levels or data point while selection.
+             */
+            selectionSettings?: SelectionSettings;
+
+            /** Specify levels of sunburst for grouped visualization of data
+             * @Default {[]}
+             */
+            levels?: Level[];
+
+            /** Options to customize the legend items and legend title.
+             */
+            legend?: Legend;
+
+            /** Specifies the theme for Sunburst.
+             * @Default {Flatlight. See Theme}
+             */
+            theme?: ej.datavisualization.Sunburst.SunburstTheme|string;
+
+            /** Options to customize the left, right, top and bottom margins of sunburst area.
+             */
+            margin?: Margin;
+
+            /** Enable/disable the animation for all the levels.
+             * @Default {false}
+             */
+            enableAnimation?: boolean;
+
+            /** Opacity of the levels.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Options for enable zooming feature of chart.
+             */
+            zoomSettings?: ZoomSettings;
+
+            /** Animation type of sunburst
+             * @Default {rotation. See Alignment}
+             */
+            animationType?: ej.datavisualization.Sunburst.Animation|string;
+
+            /** Fires before loading.
+             */
+            load?(e: LoadEventArgs): void;
+
+            /** Fires before rendering sunburst.
+             */
+            preRender?(e: PreRenderEventArgs): void;
+
+            /** Fires after rendering sunburst.
+             */
+            loaded?(e: LoadedEventArgs): void;
+
+            /** Fires before rendering the datalabel
+             */
+            dataLabelRendering?(e: DataLabelRenderingEventArgs): void;
+
+            /** Fires before rendering each segment
+             */
+            segmentRendering?(e: SegmentRenderingEventArgs): void;
+
+            /** Fires before rendering sunburst title.
+             */
+            titleRendering?(e: TitleRenderingEventArgs): void;
+
+            /** Fires during initialization of tooltip.
+             */
+            tooltipInitialize?(e: TooltipInitializeEventArgs): void;
+
+            /** Fires after clicking the point in sunburst
+             */
+            pointRegionClick?(e: PointRegionClickEventArgs): void;
 
-	/** Returns the event type.
-	*/
-	type?: string;
-}
+            /** Fires while moving the mouse over sunburst points
+             */
+            pointRegionMouseMove?(e: PointRegionMouseMoveEventArgs): void;
 
-export interface ExpandingEventArgs {
+            /** Fires when clicking the point to perform drilldown.
+             */
+            drillDownClick?(e: DrillDownClickEventArgs): void;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Fires when resetting drilldown points.
+             */
+            drillDownBack?(e: DrillDownBackEventArgs): void;
 
-	/** Returns the row index of expanding record.
-	*/
-	recordIndex?: number;
+            /** Fires after resetting the sunburst points
+             */
+            drillDownReset?(e: DrillDownResetEventArgs): void;
+        }
 
-	/** Returns the data of expanding record..
-	*/
-	data?: any;
+        export interface LoadEventArgs {
 
-	/** Returns the event Type.
-	*/
-	type?: string;
+            /** Load event data
+             */
+            data?: string;
 
-	/** Returns state of a record whether it is in expanded or collapsed state.
-	*/
-	expanded?: boolean;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface LoadEventArgs {
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the TreeGrid model
-	*/
-	model?: any;
+        export interface PreRenderEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** PreRender event data
+             */
+            data?: string;
 
-export interface QueryCellInfoEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the selecting cell element.
-	*/
-	cellElement?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the value of cell.
-	*/
-	cellValue?: string;
+        export interface LoadedEventArgs {
 
-	/** Returns the data of current cell record.
-	*/
-	data?: any;
+            /** Loaded event data
+             */
+            data?: string;
 
-	/** Returns the column of cell belongs.
-	*/
-	column?: any;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface RowDataBoundEventArgs {
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the row element of rendering row.
-	*/
-	rowElement?: any;
+        export interface DataLabelRenderingEventArgs {
 
-	/** Returns the data of rendering row record.
-	*/
-	data?: any;
-}
+            /** Sunburst datalabel data
+             */
+            data?: string;
 
-export interface RowDragEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: number;
+        export interface SegmentRenderingEventArgs {
 
-	/** Returns the row on which we are dragging.
-	*/
-	targetRow?: any;
+            /** Sunburst datalabel data
+             */
+            data?: string;
 
-	/** Returns the row index on which we are dragging.
-	*/
-	targetRowIndex?: number;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns that we can drop over that record or not.
-	*/
-	canDrop?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+        export interface TitleRenderingEventArgs {
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Sunburst title data
+             */
+            data?: string;
 
-export interface RowDragStartEventArgs {
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: boolean;
+        export interface TooltipInitializeEventArgs {
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+            /** Sunburst tooltip data
+             */
+            data?: string;
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-export interface RowDragStopEventArgs {
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+        export interface PointRegionClickEventArgs {
 
-	/** Returns the row which we start to drag.
-	*/
-	draggedRow?: any;
+            /** Includes clicked points region data
+             */
+            data?: string;
 
-	/** Returns the row index which we start to drag.
-	*/
-	draggedRowIndex?: number;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the row which we are dropped to row.
-	*/
-	targetRow?: any;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the row index which we are dropped to row.
-	*/
-	targetRowIndex?: number;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
+        export interface PointRegionMouseMoveEventArgs {
 
-	/** Returns request type.
-	*/
-	requestType?: string;
+            /** Includes data of mouse moved region
+             */
+            data?: string;
 
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-export interface CellSelectingEventArgs {
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+        export interface DrillDownClickEventArgs {
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+            /** Clicked point data
+             */
+            data?: string;
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the selecting record object
-	*/
-	data?: any;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
-}
+        export interface DrillDownBackEventArgs {
 
-export interface CellSelectedEventArgs {
+            /** Drill down data of points
+             */
+            data?: string;
 
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
 
-	/** Returns the cell index on the selection.
-	*/
-	cellIndex?: number;
+            /** Instance of the sunburst model object
+             */
+            model?: any;
 
-	/** Returns the row index on the selection
-	*/
-	rowIndex?: number;
+            /** Name of the event
+             */
+            type?: string;
+        }
 
-	/** Returns the selecting cell element
-	*/
-	targetCell?: any;
+        export interface DrillDownResetEventArgs {
+
+            /** Drill down reset data
+             */
+            data?: string;
 
-	/** Returns the selecting row element
-	*/
-	targetRow?: any;
-
-	/** Returns the selecting record object
-	*/
-	data?: any;
-
-	/** Returns the Gantt object Model
-	*/
-	model?: any;
-
-	/** Returns the previously selected row data
-	*/
-	previousData?: any;
-
-	/** Returns the previously selected cell index
-	*/
-	previousCellIndex?: any;
-
-	/** Returns the previously selected row index
-	*/
-	previousRowIndex?: any;
-
-	/** Returns the previously selected cell element
-	*/
-	previousTargetCell?: any;
-
-	/** Returns the previously selected row element
-	*/
-	previousTargetRow?: any;
-}
-
-export interface RowSelectedEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the selecting row element.
-	*/
-	targetRow?: any;
-
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: number;
-
-	/** Returns the data of selected record.
-	*/
-	data?: any;
-
-	/** Returns the event type.
-	*/
-	type?: string;
-}
-
-export interface RowSelectingEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the data selecting record.
-	*/
-	data?: any;
-
-	/** Returns the index of selecting row record.
-	*/
-	recordIndex?: string;
-
-	/** Returns the selecting row element.
-	*/
-	targetRow?: any;
-
-	/** Returns the previous selected data.
-	*/
-	previousData?: any;
-
-	/** Returns the previous selected row index.
-	*/
-	previousIndex?: string;
-
-	/** Returns the previous selected row element.
-	*/
-	previousTreeGridRow?: any;
-}
-
-export interface ToolbarClickEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the current item.
-	*/
-	currentTarget?: any;
-
-	/** Returns the TreeGrid model.
-	*/
-	model?: any;
-
-	/** Returns the name of the toolbar item on which mouse click has been performed
-	*/
-	itemName?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface Column {
-
-	/** Enables or disables the ability to filter the rows based on this column.
-	*   @Default {false}
-	*/
-	allowFiltering?: boolean;
-
-	/** Enables the blanks option in ejDropDownList mapped in TreeGrid column
-	*   @Default {true}
-	*/
-	allowFilteringBlankContent?: boolean;
-
-	/** Enables or disables the ability to sort the rows based on this column/field.
-	*   @Default {false}
-	*/
-	allowSorting?: boolean;
-
-	/** Enables/disables cell selection.
-	*   @Default {false}
-	*/
-	allowCellSelection?: boolean;
-
-	/** To customize the ej controls defined in TreeGrid column with their native property.
-	*/
-	editParams?: any;
-
-	/** Specifies the edit type of the column.
-	*   @Default {ej.TreeGrid.EditingType.String}
-	*/
-	editType?: ej.TreeGrid.EditingType|string;
-
-	/** To bind the dropdown data for TreeGrid column mapped with ejDropDownList
-	*/
-	dropdownData?: string;
-
-	/** Specifies the name of the field from the dataSource to bind with this column.
-	*/
-	field?: string;
-
-	/** Specifies the template string of the script element to enable column template for a column.
-	*/
-	template?: string;
-
-	/** Specifies the template ID of the script element to enable column template for a column.
-	*/
-	templateID?: string;
-
-	/** Specifies the template ID or the template string of the AngularJS script element to enable column template for a column.
-	*/
-	angularTemplate?: string;
-
-	/** Specifies the type of the editor control to be used to filter the rows.
-	*   @Default {ej.TreeGrid.EditingType.String}
-	*/
-	filterEditType?: ej.TreeGrid.EditingType|string;
-
-	/** Header text of the column.
-	*   @Default {null}
-	*/
-	headerText?: string;
-
-	/** Gets or sets a value that indicates to display a column value as checkbox or string
-	*   @Default {false}
-	*/
-	displayAsCheckbox?: boolean;
-
-	/** Enables or disables the checkbox visibility in a column for checkbox selection.
-	*   @Default {false}
-	*/
-	showCheckbox?: boolean;
-
-	/** Controls the visibility of the column.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Gets or sets a value for treegrid column width
-	*/
-	width?: number;
-
-	/** Specifies the header template value for the column header
-	*/
-	headerTemplateID?: string;
-
-	/** Specifies the display format of a column
-	*   @Default {null}
-	*/
-	format?: any;
-
-	/** Specifies whether the column is a template column
-	*   @Default {false}
-	*/
-	isTemplateColumn?: boolean;
-
-	/** Specifies the alignment of the column header text
-	*   @Default {ej.TextAlign.Left}
-	*/
-	headerTextAlign?: ej.TextAlign|string;
-
-	/** Specifies whether the column is frozen
-	*   @Default {false}
-	*/
-	isFrozen?: boolean;
-
-	/** Specifies the text alignment for the column
-	*   @Default {ej.TextAlign.Left}
-	*/
-	textAlign?: ej.TextAlign|string;
-
-	/** Enables or disables the ability to edit a row or cell.
-	*   @Default {false}
-	*/
-	allowEditing?: boolean;
-
-	/** We can include or exclude particular column from column visibility list in column menu.
-	*   @Default {true}
-	*/
-	showInColumnChooser?: boolean;
-
-	/** Sets the clip mode for TreeGrid cell as ellipsis or clipped content(both header and content)
-	*   @Default {ej.TreeGrid.ClipMode.Clip}
-	*/
-	clipMode?: ej.TreeGrid.ClipMode|string;
-
-	/** Sets the tooltip template for the specific column.
-	*   @Default {null}
-	*/
-	tooltip?: string;
-
-	/** Sets the tooltip template for the column header
-	*   @Default {null}
-	*/
-	headerTooltip?: string;
-
-	/** specifies the conditions for saving data to the database while adding or editing the fields.
-	*/
-	validationRules?: any;
-
-	/** Enables or disables the ability to freeze/unfreeze the columns
-	*   @Default {false}
-	*/
-	allowFreezing?: boolean;
-}
-
-export interface ContextMenuSettings {
-
-	/** Option for adding items to context menu.
-	*   @Default {[]}
-	*/
-	contextMenuItems?: Array<any>;
-
-	/** Shows/hides the context menu.
-	*   @Default {false}
-	*/
-	showContextMenu?: boolean;
-}
-
-export interface DragTooltip {
-
-	/** Specifies whether to show tooltip while dragging a row.
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
-
-	/** Option to add field names whose corresponding values in the dragged row needs to be shown in the preview tooltip.
-	*   @Default {[]}
-	*/
-	tooltipItems?: Array<any>;
-
-	/** Custom template for that tooltip that is shown while dragging a row.
-	*   @Default {null}
-	*/
-	tooltipTemplate?: string;
-}
-
-export interface EditSettings {
-
-	/** Enables or disables the button to add new row in context menu as well as in toolbar.
-	*   @Default {true}
-	*/
-	allowAdding?: boolean;
-
-	/** Enables or disables the button to delete the selected row in context menu as well as in toolbar.
-	*   @Default {true}
-	*/
-	allowDeleting?: boolean;
-
-	/** Enables or disables the ability to edit a row or cell.
-	*   @Default {false}
-	*/
-	allowEditing?: boolean;
-
-	/** Specifies the mouse action whether single click or double click to begin the editing
-	*   @Default {ej.TreeGrid.BeginEditAction.DblClick}
-	*/
-	beginEditAction?: ej.TreeGrid.BeginEditAction|string;
-
-	/** specifies the edit mode in TreeGrid , &quot;cellEditing&quot; is for cell type editing and &quot;rowEditing&quot; is for entire row.
-	*   @Default {ej.TreeGrid.EditMode.CellEditing}
-	*/
-	editMode?: ej.TreeGrid.EditMode|string;
-
-	/** Specifies the position where the new row has to be added.
-	*   @Default {top}
-	*/
-	rowPosition?: ej.TreeGrid.RowPosition|string;
-
-	/** Specifies the template ID for the custom dialog.
-	*   @Default {null}
-	*/
-	dialogEditorTemplateID?: string;
-}
-
-export interface ColumnResizeSettings {
-
-	/** Specifies the mode for column resizing
-	*   @Default {ej.TreeGrid.ColumnResizeMode.Normal}
-	*/
-	columnResizeMode?: ej.TreeGrid.ColumnResizeMode|string;
-}
-
-export interface FilterSettingsFilteredColumn {
-
-	/** Specifies the value to be filtered in TreeGrid.
-	*/
-	value?: string;
-
-	/** Specifies the field where filtering has to be performed.
-	*/
-	field?: string;
-
-	/** Specifies the predicate(and/or) value to perform filtering.
-	*/
-	predicate?: string;
-
-	/** Specifies the filter condition to filtered column. See operator
-	*/
-	operator?: string;
-}
-
-export interface FilterSettings {
-
-	/** Specifies the mode on which column filtering should start
-	*   @Default {immediate}
-	*/
-	filterBarMode?: string;
-
-	/** Specifies the type of column filtering.
-	*   @Default {ej.TreeGrid.FilterType.FilterBar}
-	*/
-	filterType?: ej.TreeGrid.FilterType|string;
-
-	/** Specifies the column collection for filtering the TreeGrid content on initial load
-	*   @Default {[]}
-	*/
-	filteredColumns?: Array<FilterSettingsFilteredColumn>;
-}
-
-export interface PageSettings {
-
-	/** Using this property we can specify the number of pages should pager contains, according to this count TreeGrid height will be updated.
-	*   @Default {8}
-	*/
-	pageCount?: number;
-
-	/** This specifies the number of rows to display in each page.
-	*   @Default {12}
-	*/
-	pageSize?: number;
-
-	/** Get the value of records which is bound to TreeGrid. The totalRecordsCount value is calculated based on the datasource bound to TreeGrid.
-	*   @Default {null}
-	*/
-	totalRecordsCount?: number;
-
-	/** Specifies the current page to display at load time.
-	*   @Default {1}
-	*/
-	currentPage?: number;
-
-	/** Specifies the mode of record count in a page, whether it should count all the records or the root to count zero level parent records.
-	*   @Default {ej.TreeGrid.PageSizeMode.All}
-	*/
-	pageSizeMode?: ej.TreeGrid.PageSizeMode|string;
-
-	/** Specifies the mode of printing the control, whether it should print the all the records or the current page content.
-	*   @Default {ej.TreeGrid.PrintMode.AllPages}
-	*/
-	printMode?: ej.TreeGrid.PrintMode|string;
-
-	/** Specifies the Custom template for Pager control.
-	*   @Default {null}
-	*/
-	template?: string;
-}
-
-export interface SelectedCellIndex {
-
-	/** Specifies the row index of the cell to be selected in TreeGrid control
-	*/
-	rowIndex?: number;
-
-	/** Specifies the cell index to be selected in the row.
-	*   @Default { }
-	*/
-	cellIndex?: number;
-}
-
-export interface SelectionSettings {
-
-	/** Specifies the type of selection whether to select row or cell.
-	*   @Default {ej.TreeGrid.SelectionMode.Row}
-	*/
-	selectionMode?: ej.TreeGrid.SelectionMode|string;
-
-	/** Specifies the type of selection whether single, multiple or checkbox.
-	*   @Default {ej.TreeGrid.SelectionType.Single}
-	*/
-	selectionType?: ej.TreeGrid.SelectionType|string;
-
-	/** Enables or disables the selection by hierarchy in check box selection
-	*   @Default {true}
-	*/
-	enableHierarchySelection?: boolean;
-
-	/** Toggles the visibility of the checkbox in column header, using which all the check boxes can be selected or unselected.
-	*   @Default {true}
-	*/
-	enableSelectAll?: boolean;
-}
-
-export interface SummaryRowsSummaryColumn {
-
-	/** Specifies the summary type to perform calculations in a corresponding summary column. See summaryType.
-	*/
-	summaryType?: ej.TreeGrid.SummaryType|string;
-
-	/** Specifies summary column used to perform the summary calculation.
-	*/
-	dataMember?: string;
-
-	/** Specifies the required column to display the summary.
-	*/
-	displayColumn?: string;
-
-	/** Specifies the text to be displayed before the summary column value.
-	*/
-	prefix?: string;
-
-	/** Specifies the text to be displayed after the summary column value.
-	*/
-	suffix?: string;
-
-	/** Specifies the format to be applied on the summary column value.
-	*/
-	format?: string;
-}
-
-export interface SummaryRow {
-
-	/** Specifies the title for summary row collection in TreeGrid
-	*/
-	title?: string;
-
-	/** Specifies the summary columns in the summary rows.
-	*/
-	summaryColumns?: Array<SummaryRowsSummaryColumn>;
-}
-
-export interface SizeSettings {
-
-	/** Height of the TreeGrid.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Width of the TreeGrid.
-	*   @Default {null}
-	*/
-	width?: string;
-}
-
-export interface SortSettingsSortedColumn {
-
-	/** Specifies the field to be sorted in TreeGrid
-	*/
-	field?: string;
-
-	/** Specifies the sort direction in TreeGrid
-	*/
-	direction?: string;
-}
-
-export interface SortSettings {
-
-	/** Option to add columns based on which the rows have to be sorted recursively.
-	*   @Default {[]}
-	*/
-	sortedColumns?: Array<SortSettingsSortedColumn>;
-}
-
-export interface ToolbarSettingsCustomToolbarItem {
-
-	/** Allows the user to insert the custom icons in toolbar using CSS class name selector.
-	*/
-	text?: string;
-
-	/** Allows the user to insert the custom icons in toolbar using script templates. Using this property we can bind HTML elements and other EJ controls to TreeGrid toolbar.
-	*/
-	templateID?: string;
-
-	/** Allows the user to display custom tooltip text for TreeGrid custom toolbar items.
-	*/
-	tooltipText?: string;
-}
-
-export interface ToolbarSettings {
-
-	/** Shows/hides the toolbar.
-	*   @Default {false}
-	*/
-	showToolbar?: boolean;
-
-	/** Specifies the list of toolbar items to be rendered in TreeGrid toolbar
-	*   @Default {[]}
-	*/
-	toolbarItems?: Array<any>;
-
-	/** Allows the user to insert custom toolbar items.
-	*/
-	customToolbarItems?: Array<ToolbarSettingsCustomToolbarItem>;
-}
-
-enum EditingType{
-
-	///It Specifies String edit type.
-	String,
-
-	///It Specifies Boolean edit type.
-	Boolean,
-
-	///It Specifies Numeric edit type.
-	Numeric,
-
-	///It Specifies Dropdown edit type.
-	Dropdown,
-
-	///It Specifies DatePicker edit type.
-	DatePicker,
-
-	///It Specifies DateTimePicker edit type.
-	DateTimePicker,
-
-	///It Specifies Maskedit edit type.
-	Maskedit
-}
-
-
-enum ClipMode{
-
-	///Shows ellipsis for the overflown cell.
-	Ellipsis,
-
-	///Truncate the text in the cell.
-	Clip
-}
-
-
-enum HeaderTextOverflow{
-
-	///You can disable the word wrap
-	None,
-
-	///You can wrap the header content
-	Wrap
-}
-
-
-enum BeginEditAction{
-
-	///you can begin the editing at double click
-	DblClick,
-
-	///you can begin the editing at single click
-	Click
-}
-
-
-enum EditMode{
-
-	///you can edit a cell.
-	CellEditing,
-
-	///you can edit a row.
-	RowEditing,
-
-	///you can edit a row in dialog form.
-	DialogEditing
-}
-
-
-enum RowPosition{
-
-	///you can add a new row at top.
-	Top,
-
-	///you can add a new row at bottom.
-	Bottom,
-
-	///you can add a new row to above selected row.
-	Above,
-
-	///you can add a new row to below selected row.
-	Below,
-
-	///you can add a new row as a child for selected row.
-	Child
-}
-
-
-enum ColumnResizeMode{
-
-	///At load time column are rendered with given width value, while resizing the column only current column width is changed
-	FixedColumns,
-
-	///At load time columns are stretched with control width,while resizing the column, current column width updated based on next column
-	Normal,
-
-	///In this mode columns are stretched with control width in load time and on resizing action.
-	NextColumn
-}
-
-
-enum FilterType{
-
-	///Enables the filterbar filtering
-	FilterBar,
-
-	///Enables the menu filtering
-	Menu
-}
-
-
-enum PageSizeMode{
-
-	///To count all the parent and child records.
-	All,
-
-	///To count the Zeroth level parent records.
-	Root
-}
-
-
-enum PrintMode{
-
-	///To print all the pages
-	AllPages,
-
-	///To print only the current page content.
-	CurrentPage
-}
-
-
-enum SelectionMode{
-
-	///you can select a row.
-	Row,
-
-	///you can select a cell.
-	Cell
-}
-
-
-enum SelectionType{
-
-	///you can select a single row.
-	Single,
-
-	///you can select a multiple row.
-	Multiple,
-
-	///you can select rows using checkbox.
-	Checkbox
-}
-
-
-enum SummaryType{
-
-	///Displays the sum of summary column
-	Sum,
-
-	///Displays the average of summary column
-	Average,
-
-	///Displays the maximum value of summary column
-	Maximum,
-
-	///Displays the minimum value of summary column
-	Minimum,
-
-	///Displays the total count of summary column
-	Count,
-
-	///Displays the minimum date value in summary column
-	MinimumDate,
-
-	///Displays the maximum date value in summary column
-	MaximumDate,
-
-	///Displays the true count value for boolean summary columns
-	TrueCount,
-
-	///Displays the false count value for boolean summary columns
-	FalseCount
-}
-
-}
-
-class GroupButton extends ej.Widget {
-	static fn: GroupButton;
-	constructor(element: JQuery, options?: GroupButton.Model);
-	constructor(element: Element, options?: GroupButton.Model);
-	static Locale: any;
-	model:GroupButton.Model;
-	defaults:GroupButton.Model;
-
-	/** Remove the selection state of the specified the button element from the GroupButton
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
-	deselectItem(element: JQuery): void;
-
-	/** Destroy the GroupButton widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the GroupButton control
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Disable the specified button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
-	disableItem(element: JQuery): void;
-
-	/** Enables the disabled ejGroupButton control.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Enable the specified disabled button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
-	enableItem(element: JQuery): void;
-
-	/** Returns the index value for specified button element in the GroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {number}
-	*/
-	getIndex(element: JQuery): number;
-
-	/** This method returns the list of active state button elements from the GroupButton control.
-	*   @returns {any}
-	*/
-	getSelectedItem(): any;
-
-	/** Hides the GroupButton control
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** Hide the specified button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
-	hideItem(element: JQuery): void;
-
-	/** Returns the disabled state of the specified element button element in GroupButton as Boolean.
-	*   @returns {boolean}
-	*/
-	isDisabled(): boolean;
-
-	/** Returns the state of the specified button element as Boolean.
-	*   @returns {boolean}
-	*/
-	isSelected(): boolean;
-
-	/** Public method used to select the specified button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
-	selectItem(element: JQuery): void;
-
-	/** Shows the GroupButton control, if its hide.
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** Show the specified hidden button element from the ejGroupButton control.
-	*   @param {JQuery} Specific button element
-	*   @returns {void}
-	*/
-	showItem(element: JQuery): void;
-}
-export module GroupButton{
-
-export interface Model {
-
-	/** Sets the specified class to GroupButton wrapper element, which allows for custom skinning option in ejGroupButton control.
-	*/
-	cssClass?: string;
-
-	/** To set the local JSON data, define a JSON array and initialize the GroupButton with dataSource property. Specify the column names in the fields property.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Displays the ejGroupButton in Right to Left direction.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Used to enable or disable the ejGroupButton control.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Gets or sets a value that indicates to display the values of the data.
-	*   @Default {null}
-	*/
-	fields?: any;
-
-	/** Sets the GroupButton behavior to works as Checkbox mode/ radio button mode based on the specified option.
-	*   @Default {ej.GroupButtonMode.RadioButton}
-	*/
-	groupButtonMode?: ej.GroupButtonMode | string;
-
-	/** Used to sets the height of the ejGroupButton control.
-	*   @Default {28}
-	*/
-	height?: string|number;
-
-	/** Defines the characteristics of the ejGroupButton control and extend the capability of an HTML element by adding specified attributes to element tag and by performing the related actions
-	*   @Default {{}}
-	*/
-	htmlAttributes?: any;
-
-	/** Specify the orientation of the GroupButton. See below to get available orientations
-	*   @Default {ej.Orientation.Horizontal}
-	*/
-	orientation?: ej.Orientation|string;
-
-	/** Query the dataSource from the table for Groupbutton
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Sets the list of button elements to be selected. To enable this option groupButtonMode should be in “checkbox” mode.
-	*   @Default {[]}
-	*/
-	selectedItemIndex?: number[]|string[];
-
-	/** Sets the rounder corner to the GroupButton, if sets as true.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Specifies the size of the button. See available size
-	*   @Default {ej.ButtonSize.Normal}
-	*/
-	size?: ej.ButtonSize|string;
-
-	/** Defines the width of the ejGroupButton control.
-	*/
-	width?: string|number;
-
-	/** Triggered before any button element in the GroupButton get selected. */
-	beforeSelect? (e: BeforeSelectEventArgs): void;
-
-	/** Fires after GroupButton control is created.If the user want to perform any operation after the button control creation then the user can make use of this create event. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when the GroupButton is destroyed successfully.If the user want to perform any operation after the destroy button control then the user can make use of this destroy event. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Triggered once the key is pressed, when the control is in focused state. */
-	keyPress? (e: KeyPressEventArgs): void;
-
-	/** Triggered when the button element get selected. */
-	select? (e: SelectEventArgs): void;
-}
-
-export interface BeforeSelectEventArgs {
-
-	/** Boolean value based on whether the button element is disabled or not.
-	*/
-	disabled?: boolean;
-
-	/** Returns the selection button element.
-	*/
-	element?: any;
-
-	/** Event object
-	*/
-	event?: any;
-
-	/** Return the button element ID.
-	*/
-	id?: string;
-
-	/** Button item index.
-	*/
-	index?: number;
-
-	/** returns the button model
-	*/
-	model?: ej.GroupButton.Model ;
-
-	/** Boolean value based on whether the button element is selected or not.
-	*/
-	selected?: boolean;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** return the button state
-	*/
-	status?: boolean;
-}
-
-export interface CreateEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the GroupButton model
-	*/
-	model?: ej.GroupButton.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the GroupButton model
-	*/
-	model?: ej.GroupButton.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface KeyPressEventArgs {
-
-	/** Boolean value based on whether the button element is disabled or not.
-	*/
-	disabled?: boolean;
-
-	/** Returns the selection button element.
-	*/
-	element?: any;
-
-	/** Event object
-	*/
-	event?: any;
-
-	/** Return the button element ID.
-	*/
-	id?: string;
-
-	/** Button item index.
-	*/
-	index?: number;
-
-	/** returns the button model
-	*/
-	model?: ej.GroupButton.Model;
-
-	/** Boolean value based on whether the button element is selected or not.
-	*/
-	selected?: boolean;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** return the button state
-	*/
-	status?: boolean;
-}
-
-export interface SelectEventArgs {
-
-	/** Boolean value based on whether the selected button element is disabled or not.
-	*/
-	disabled?: boolean;
-
-	/** Returns the selection button element.
-	*/
-	element?: any;
-
-	/** Event object
-	*/
-	event?: any;
-
-	/** Return the selected button element ID.
-	*/
-	id?: string;
-
-	/** Selected button item index.
-	*/
-	index?: number;
-
-	/** returns the button model
-	*/
-	model?: ej.GroupButton.Model;
-
-	/** Boolean value based on whether the button element is selected or not.
-	*/
-	selected?: boolean;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** return the button state
-	*/
-	status?: boolean;
-}
-}
-enum GroupButtonMode
-{
-//Sets the GroupButton to work as checkbox mode 
-CheckBox,
-//Sets the RadioButton to work as radio button mode  
-RadioButton,
-}
-
-class NavigationDrawer extends ej.Widget {
-	static fn: NavigationDrawer;
-	constructor(element: JQuery, options?: NavigationDrawer.Model);
-	constructor(element: Element, options?: NavigationDrawer.Model);
-	static Locale: any;
-	model:NavigationDrawer.Model;
-	defaults:NavigationDrawer.Model;
-
-	/** To close the navigation drawer control
-	*   @returns {void}
-	*/
-	close(): void;
-
-	/** To load AJAX content into NavigationDrawer container.
-	*   @returns {void}
-	*/
-	loadContent(): void;
-
-	/** To open the navigation drawer control
-	*   @returns {void}
-	*/
-	open(): void;
-
-	/** To Toggle the navigation drawer control
-	*   @returns {void}
-	*/
-	toggle(): void;
-}
-export module NavigationDrawer{
-
-export interface Model {
-
-	/** Specifies the ajaxSettings option to load the content to the NavigationDrawer control.
-	*   @Default {null}
-	*/
-	ajaxSettings?: AjaxSettings;
-
-	/** Specifies the contentId for navigation drawer, where the AJAX content need to updated
-	*   @Default {null}
-	*/
-	contentId?: string;
-
-	/** Sets the root class for NavigationDrawer theme. This cssClass API helps to use custom skinning option for NavigationDrawer control. By defining the root class using this API, we need to include this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** Sets the Direction for the control. See Direction
-	*   @Default {left}
-	*/
-	direction?: ej.Direction|string;
-
-	/** Sets the listview to be enabled or not
-	*   @Default {false}
-	*/
-	enableListView?: boolean;
-
-	/** Specifies the listview items as an array of object.
-	*   @Default {[]}
-	*/
-	items?: Array<any>;
-
-	/** Sets all the properties of listview to render in navigation drawer
-	*/
-	listViewSettings?: any;
-
-	/** Specifies position whether it is in fixed or relative to the page. See Position
-	*   @Default {normal}
-	*/
-	position?: string;
-
-	/** Specifies the targetId for navigation drawer
-	*/
-	targetId?: string;
-
-	/** Sets the rendering type of the control. See Type
-	*   @Default {overlay}
-	*/
-	type?: string;
-
-	/** Specifies the width of the control
-	*   @Default {auto}
-	*/
-	width?: number;
-
-	/** Navigation pane opened initially when isPaneOpen property is true.
-	*   @Default {false}
-	*/
-	isPaneOpen?: boolean;
-
-	/** Event triggers after the AJAX content loaded completely. */
-	ajaxComplete? (e: AjaxCompleteEventArgs): void;
-
-	/** Event triggers when the AJAX request failed. */
-	ajaxError? (e: AjaxErrorEventArgs): void;
-
-	/** Event triggers after the AJAX content loaded successfully. */
-	ajaxSuccess? (e: AjaxSuccessEventArgs): void;
-
-	/** Event triggers before the control gets closed. */
-	beforeClose? (e: BeforeCloseEventArgs): void;
-
-	/** Event triggers when the control open. */
-	open? (e: OpenEventArgs): void;
-
-	/** Event triggers when the Swipe happens. */
-	swipe? (e: SwipeEventArgs): void;
-}
-
-export interface AjaxCompleteEventArgs {
-
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the name of the event.
-	*/
-	type?: string;
-
-	/** returns the model value of the control.
-	*/
-	model?: ej.NavigationDrawer.Model;
-}
-
-export interface AjaxErrorEventArgs {
-
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the name of the event.
-	*/
-	type?: string;
-
-	/** returns the model value of the control.
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/** returns the error thrown in the AJAX post.
-	*/
-	errorThrown?: any;
-
-	/** returns the status.
-	*/
-	textStatus?: any;
-}
-
-export interface AjaxSuccessEventArgs {
-
-	/** returns true if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the name of the event.
-	*/
-	type?: string;
-
-	/** returns the model value of the control.
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/** returns the AJAX current content.
-	*/
-	content?: string;
-
-	/** returns the current URL of the AJAX post.
-	*/
-	URL?: string;
-}
-
-export interface BeforeCloseEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface OpenEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface SwipeEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the Navigation Drawer model
-	*/
-	model?: ej.NavigationDrawer.Model;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface AjaxSettings {
-
-	/** It specifies, whether to enable or disable asynchronous request.
-	*/
-	async?: boolean;
-
-	/** It specifies the page will be cached in the web browser.
-	*/
-	cache?: boolean;
-
-	/** It specifies the type of data is send in the query string.
-	*/
-	contentType?: string;
-
-	/** It specifies the data as an object, will be passed in the query string.
-	*/
-	data?: any;
-
-	/** It specifies the type of data that you're expecting back from the response.
-	*/
-	dataType?: string;
-
-	/** It specifies the HTTP request type.
-	*/
-	type?: string;
-}
-}
-
-class RadialMenu extends ej.Widget {
-	static fn: RadialMenu;
-	constructor(element: JQuery, options?: RadialMenu.Model);
-	constructor(element: Element, options?: RadialMenu.Model);
-	static Locale: any;
-	model:RadialMenu.Model;
-	defaults:RadialMenu.Model;
-
-	/** To hide the radialmenu
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** To hide the radialmenu items
-	*   @returns {void}
-	*/
-	hideMenu(): void;
-
-	/** To Show the radial menu
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** To show menu items
-	*   @returns {void}
-	*/
-	showMenu(): void;
-
-	/** To enable menu item using index
-	*   @param {number} Index of the Radialmenu to be enabled.
-	*   @returns {void}
-	*/
-	enableItemByIndex(itemIndex: number): void;
-
-	/** To enable menu items using indices
-	*   @param {Array<any>} Index of the Radialmenu to be enabled.
-	*   @returns {void}
-	*/
-	enableItemsByIndices(itemIndices: Array<any>): void;
-
-	/** To disable menu item using index
-	*   @param {number} Index of the Radialmenu to be disabled.
-	*   @returns {void}
-	*/
-	disableItemByIndex(itemIndex: number): void;
-
-	/** To disable menu items using indices
-	*   @param {Array<any>} items of the Radialmenu to disable.
-	*   @returns {void}
-	*/
-	disableItemsByIndices(itemIndices: Array<any>): void;
-
-	/** To enable menu item using item text
-	*   @param {string} item of the Radialmenu item to enable.
-	*   @returns {void}
-	*/
-	enableItem(item: string): void;
-
-	/** To disable menu item using item text
-	*   @param {string} item of the Radialmenu item to disable.
-	*   @returns {void}
-	*/
-	disableItem(item: string): void;
-
-	/** To enable menu items using item texts
-	*   @param {Array<any>} items of the Radialmenu item to enable.
-	*   @returns {void}
-	*/
-	enableItems(items: Array<any>): void;
-
-	/** To disable menu items using item texts
-	*   @param {Array<any>} items of the Radialmenu item to disable.
-	*   @returns {void}
-	*/
-	disableItems(items: Array<any>): void;
-
-	/** To update menu item badge value
-	*   @param {number} The index value to add the given items at the specified index. If index is not specified, the given value will not be updated.
-	*   @param {number} The Value to be updated in the badge. It will be updated based on the given index
-	*   @returns {void}
-	*/
-	updateBadgeValue(index: number, value: number): void;
-
-	/** To show menu item badge
-	*   @param {number} Index of the Radialmenu item to be shown badge.
-	*   @returns {void}
-	*/
-	showBadge(index: number): void;
-
-	/** To hide menu item badge
-	*   @param {number} Index of the Radialmenu item to hide the badge.
-	*   @returns {void}
-	*/
-	hideBadge(index: number): void;
-}
-export module RadialMenu{
-
-export interface Model {
-
-	/** To show the Radial in initial render.
-	*/
-	autoOpen?: boolean;
-
-	/** Renders the back button Image for Radial using class.
-	*/
-	backImageClass?: string;
-
-	/** Sets the root class for RadialMenu theme. This cssClass API helps to use custom skinning option for RadialMenu control. By defining the root class using this API, we need to include this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** To enable Animation for Radial Menu.
-	*/
-	enableAnimation?: boolean;
-
-	/** Renders the Image for Radial using Class.
-	*/
-	imageClass?: string;
-
-	/** Specify the items of radial menu
-	*/
-	items?: Array<Item>;
-
-	/** Specifies the radius of radial menu
-	*/
-	radius?: number;
-
-	/** To show the Radial while clicking given target element.
-	*/
-	targetElementId?: string;
-
-	/** To set radial render position.
-	*/
-	position?: any;
-
-	/** Event triggers when we click an item. */
-	click? (e: ClickEventArgs): void;
-
-	/** Event triggers when the menu is opened. */
-	open? (e: OpenEventArgs): void;
-
-	/** Event triggers when the menu is closed. */
-	close? (e: CloseEventArgs): void;
-}
-
-export interface ClickEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the Radialmenu model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** returns the item of element
-	*/
-	item?: any;
-
-	/** returns the name of item
-	*/
-	itemName?: string;
-}
-
-export interface OpenEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the Radialmenu model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface CloseEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the Radialmenu model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ItemsBadge {
-
-	/** Specifies whether to enable radialmenu item badge or not.
-	*/
-	enabled?: boolean;
-
-	/** Specifies the value of radial menu item badge.
-	*/
-	value?: number;
-}
-
-export interface ItemsSliderSettings {
-
-	/** Specifies the sliderSettings ticks values of nested radial menu items.
-	*/
-	ticks?: Array<any>;
-
-	/** Specifies the sliderSettings stroke Width value.
-	*/
-	strokeWidth?: number;
-
-	/** Specifies the value of sliderSettings labelSpace .
-	*/
-	labelSpace?: number;
-}
-
-export interface Item {
-
-	/** Specify the URL of the frame background image for radial menu item.
-	*/
-	imageUrl?: string;
-
-	/** Specifies the template property of RadialMenu for SVG icon.
-	*/
-	prependTo?: string;
-
-	/** Specifies the text of RadialMenu item.
-	*/
-	text?: string;
-
-	/** Specifies the enable state of RadialMenu item.
-	*/
-	enabled?: boolean;
-
-	/** specify the click event to corresponding image/text for performing some specific action.
-	*/
-	click?: string;
-
-	/** Specifies radialmenu item badges.
-	*/
-	badge?: ItemsBadge;
-
-	/** Specifies the type of nested radial menu item.
-	*/
-	type?: string;
-
-	/** Specifies the sliderSettings ticks for nested radial menu items.
-	*/
-	sliderSettings?: ItemsSliderSettings;
-
-	/** Specifies to add sub level items .
-	*/
-	items?: Array<any>;
-}
-}
-
-class Tile extends ej.Widget {
-	static fn: Tile;
-	constructor(element: JQuery, options?: Tile.Model);
-	constructor(element: Element, options?: Tile.Model);
-	static Locale: any;
-	model:Tile.Model;
-	defaults:Tile.Model;
-
-	/** Update the image template of tile item to another one.
-	*   @param {string} UpdateTemplate by using id
-	*   @param {number} index of the tile
-	*   @returns {void}
-	*/
-	updateTemplate(id: string, index: number): void;
-}
-export module Tile{
-
-export interface Model {
-
-	/** Section for badge specific functionalities and it represents the notification for tile items.
-	*/
-	badge?: Badge;
-
-	/** Section for caption specific functionalities and it represents the notification for tile items.
-	*/
-	caption?: Caption;
-
-	/** Sets the root class for Tile theme. This cssClass API helps to use custom skinning option for Tile control. By defining the root class using this API, we need to include this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** Saves current model value to browser cookies for state maintains. While refreshing the page retains the model value applies from browser cookies.
-	*   @Default {false}
-	*/
-	enablePersistence?: boolean;
-
-	/** Customize the tile size height.
-	*   @Default {null}
-	*/
-	height?: string|number;
-
-	/** Specifies Tile imageClass, using this property we can give images for each tile through CSS classes.
-	*   @Default {null}
-	*/
-	imageClass?: string;
-
-	/** Specifies the position of tile image.
-	*   @Default {center}
-	*/
-	imagePosition?: ej.Tile.ImagePosition|string;
-
-	/** Specifies the tile image in outside of template content.
-	*   @Default {null}
-	*/
-	imageTemplateId?: string;
-
-	/** Specifies the URL of tile image.
-	*   @Default {null}
-	*/
-	imageUrl?: string;
-
-	/** Set the localization culture for Tile Widget.
-	*/
-	locale?: string;
-
-	/** Section for liveTile specific functionalities.
-	*/
-	liveTile?: LiveTile;
-
-	/** Specifies the size of a tile.  See tileSize
-	*   @Default {small}
-	*/
-	tileSize?: ej.Tile.TileSize|string;
-
-	/** Customize the tile size width.
-	*   @Default {null}
-	*/
-	width?: string|number;
-
-	/** Sets the rounded corner to  tile.
-	*   @Default {false}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Sets allowSelection to  tile.
-	*   @Default {false}
-	*/
-	allowSelection?: boolean;
-
-	/** Sets the background color to  tile.
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Event triggers when the mouseDown happens in the tile */
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/** Event triggers when the mouseUp happens in the tile */
-	mouseUp? (e: MouseUpEventArgs): void;
-}
-
-export interface MouseDownEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the tile model
-	*/
-	model?: boolean;
-
-	/** returns the name of the event
-	*/
-	type?: boolean;
-
-	/** returns the current tile text
-	*/
-	text?: string;
-
-	/** returns the index of current tile item 
-	*/
-	index?: number;
-}
-
-export interface MouseUpEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the tile model
-	*/
-	model?: boolean;
-
-	/** returns the name of the event
-	*/
-	type?: boolean;
-
-	/** returns the current tile text
-	*/
-	text?: boolean;
-
-	/** returns the index of current tile item 
-	*/
-	index?: number;
-}
-
-export interface Badge {
-
-	/** Specifies whether to enable badge or not.
-	*   @Default {false}
-	*/
-	enabled?: boolean;
-
-	/** Specifies maximum value for tile badge.
-	*   @Default {100}
-	*/
-	maxValue?: number;
-
-	/** Specifies minimum value for tile badge.
-	*   @Default {1}
-	*/
-	minValue?: number;
-
-	/** Specifies text instead of number for tile badge.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Sets value for tile badge.
-	*   @Default {1}
-	*/
-	value?: number;
-
-	/** Sets position for tile badge.
-	*   @Default {“bottomright”}
-	*/
-	position?: ej.Tile.BadgePosition|string;
-}
-
-export interface Caption {
-
-	/** Specifies whether the tile text to be shown or hidden.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Changes the text of a tile.
-	*   @Default {Text}
-	*/
-	text?: string;
-
-	/** It is used to align the text of a tile.
-	*   @Default {normal}
-	*/
-	alignment?: ej.Tile.CaptionAlignment|string;
-
-	/** It is used to specify the caption position like Inner top,  inner bottom and outer.
-	*   @Default {Innerbottom}
-	*/
-	position?: ej.Tile.CaptionPosition|string;
-
-	/** sets the icon instead of text.
-	*   @Default {null}
-	*/
-	icon?: string;
-}
-
-export interface LiveTile {
-
-	/** Specifies whether to enable liveTile or not.
-	*   @Default {false}
-	*/
-	enabled?: boolean;
-
-	/** Specifies liveTile images in CSS classes.
-	*   @Default {null}
-	*/
-	imageClass?: Array<any>;
-
-	/** Specifies liveTile images in templates.
-	*   @Default {null}
-	*/
-	imageTemplateId?: Array<any>;
-
-	/** Specifies liveTile images in CSS classes.
-	*   @Default {null}
-	*/
-	imageUrl?: Array<any>;
-
-	/** Specifies liveTile type for Tile. See orientation
-	*   @Default {flip}
-	*/
-	type?: ej.Tile.liveTileType|string;
-
-	/** Specifies time interval between two successive liveTile animation
-	*   @Default {2000}
-	*/
-	updateInterval?: number;
-
-	/** Sets the text to each living tile
-	*   @Default {Null}
-	*/
-	text?: Array<any>;
-}
-
-enum BadgePosition{
-
-	///To set the topright position of tile badge
-	Topright,
-
-	///To set the bottomright of tile badge
-	Bottomright
-}
-
-
-enum CaptionAlignment{
-
-	///To set the normal alignment of text in tile control
-	Normal,
-
-	///To set the left alignment of text in tile control
-	Left,
-
-	///To set the right alignment of text in tile control
-	Right,
-
-	///To set the center alignment of text in tile control
-	Center
-}
-
-
-enum CaptionPosition{
-
-	///To set the inner top position of the tile text
-	Innertop,
-
-	///To set the inner bottom position of the tile text
-	Innerbottom,
-
-	///To set the outer position of the tile text
-	Outer
-}
-
-
-enum ImagePosition{
-
-	///To set the center position of tile image
-	Center,
-
-	///To set the top center position of tile image
-	TopCenter,
-
-	///To set the bottom center position of tile image
-	BottomCenter,
-
-	///To set the right center position of tile image
-	RightCenter,
-
-	///To set the left center position of tile image
-	LeftCenter,
-
-	///To set the topleft position of tile image
-	TopLeft,
-
-	///To set the topright position of tile image
-	TopRight,
-
-	///To set the bottomright position of tile image
-	BottomRight,
-
-	///To set the bottomleft position of tile image
-	BottomLeft,
-
-	///To set the fill position of tile image
-	Fill
-}
-
-
-enum liveTileType{
-
-	///To set flip type of liveTile for tile control
-	Flip,
-
-	///To set slide type of liveTile for tile control
-	Slide,
-
-	///To set carousel type of liveTile for tile control
-	Carousel
-}
-
-
-enum TileSize{
-
-	///To set the medium size for tile control
-	Medium,
-
-	///To set the small size for tile control
-	Small,
-
-	///To set the large size for tile control
-	Large,
-
-	///To set the wide size for tile control
-	Wide
-}
-
-}
-
-class Signature extends ej.Widget {
-	static fn: Signature;
-	constructor(element: JQuery, options?: Signature.Model);
-	constructor(element: Element, options?: Signature.Model);
-	static Locale: any;
-	model:Signature.Model;
-	defaults:Signature.Model;
-
-	/** Clears the strokes in the signature.
-	*   @returns {void}
-	*/
-	clear(): void;
-
-	/** Destroys the signature widget.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** Disables the signature widget.
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** Enables the signature widget.
-	*   @returns {void}
-	*/
-	enable(): void;
-
-	/** Hides the signature widget.
-	*   @returns {void}
-	*/
-	hide(): void;
-
-	/** redo the last drawn stroke of the signature
-	*   @returns {void}
-	*/
-	redo(): void;
-
-	/** used to save the drawn image.
-	*   @param {string} The file name of the signature to be downloaded.
-	*   @returns {void}
-	*/
-	save(Filename: string): void;
-
-	/** Used to Show the signature widget, if it is already hided.
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** undo the last drawn stroke of the signature.
-	*   @returns {void}
-	*/
-	undo(): void;
-}
-export module Signature{
-
-export interface Model {
-
-	/** This property is used to set the background color for the signature.
-	*   @Default {#ffffff}
-	*/
-	backgroundColor?: string;
-
-	/** This property is used to set the background image for the signature.
-	*/
-	backgroundImage?: string;
-
-	/** Enables or disables the Signature textbox widget.
-	*   @Default {true}
-	*/
-	enabled?: boolean;
-
-	/** Sets the height of the Signature control.
-	*   @Default {100%}
-	*/
-	height?: string;
-
-	/** Enables/disables responsive support for the signature control (i.e) maintain the signature drawing during the window resizing time.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Allows the type of the image format to be saved when the signature image is saved.
-	*/
-	saveImageFormat?: ej.Signature.SaveImageFormat|string;
-
-	/** Allows the signature image to be saved along with its background.
-	*   @Default {false}
-	*/
-	saveWithBackground?: boolean;
-
-	/** Enables or disables rounded corner.
-	*   @Default {true}
-	*/
-	showRoundedCorner?: boolean;
-
-	/** Sets the stroke color for the stroke of the signature.
-	*   @Default {#000000}
-	*/
-	strokeColor?: string;
-
-	/** Sets the stroke width for the stroke of the signature.
-	*   @Default {2}
-	*/
-	strokeWidth?: number;
-
-	/** Sets the width of the Signature control.
-	*   @Default {100%}
-	*/
-	width?: string;
-
-	/** Triggers when the stroke is changed. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Triggered when the pointer is clicked or touched in the signature canvas. */
-	mouseDown? (e: MouseDownEventArgs): void;
-
-	/** Triggered when the pointer is moved in the signature canvas. */
-	mouseMove? (e: MouseMoveEventArgs): void;
-
-	/** Triggered when the pointer is released after click or touch in the signature canvas. */
-	mouseUp? (e: MouseUpEventArgs): void;
-}
-
-export interface ChangeEventArgs {
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
-
-	/** Name of the event.
-	*/
-	type?: string;
-
-	/** Gives the last stored image
-	*/
-	lastImage?: string;
-}
-
-export interface MouseDownEventArgs {
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
-
-	/** Name of the event.
-	*/
-	type?: string;
-
-	/** returns all the event values
-	*/
-	value?: any;
-}
-
-export interface MouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
-
-	/** Name of the event.
-	*/
-	type?: string;
-
-	/** returns all the event values
-	*/
-	value?: any;
-}
-
-export interface MouseUpEventArgs {
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the signature model object.
-	*/
-	model?: ej.Signature.Model;
-
-	/** Name of the event.
-	*/
-	type?: string;
-
-	/** returns all the event values
-	*/
-	value?: any;
-}
-
-enum SaveImageFormat{
-
-	///To save the signature image with PNG format only.
-	PNG,
-
-	///To save the signature image with JPG format only.
-	JPG,
-
-	///To save the signature image with BMP format only.
-	BMP,
-
-	///To save the signature image with TIFF format only.
-	TIFF
-}
-
-}
-
-class RadialSlider extends ej.Widget {
-	static fn: RadialSlider;
-	constructor(element: JQuery, options?: RadialSlider.Model);
-	constructor(element: Element, options?: RadialSlider.Model);
-	static Locale: any;
-	model:RadialSlider.Model;
-	defaults:RadialSlider.Model;
-
-	/** To show the radialslider
-	*   @returns {void}
-	*/
-	show(): void;
-
-	/** To hide the radialslider
-	*   @returns {void}
-	*/
-	hide(): void;
-}
-export module RadialSlider{
-
-export interface Model {
-
-	/** To show the RadialSlider in initial render.
-	*   @Default {false}
-	*/
-	autoOpen?: boolean;
-
-	/** Sets the root class for RadialSlider theme. This cssClass API helps to use custom skinning option for RadialSlider control. By defining the root class using this API, we need to include this root class in CSS.
-	*/
-	cssClass?: string;
-
-	/** To enable Animation for Radial Slider.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Enable/Disable the Roundoff property of RadialSlider
-	*   @Default {true}
-	*/
-	enableRoundOff?: boolean;
-
-	/** Specifies the endAngle value for radial slider circle.
-	*   @Default {360}
-	*/
-	endAngle?: number;
-
-	/** Specifies the inline for label show or not on given radius.
-	*   @Default {false}
-	*/
-	inline?: boolean;
-
-	/** Specifies innerCircleImageClass, using this property we can give images for center radial circle through CSS classes.
-	*   @Default {null}
-	*/
-	innerCircleImageClass?: string;
-
-	/** Specifies the file name of center circle icon
-	*   @Default {null}
-	*/
-	innerCircleImageUrl?: string;
-
-	/** Specifies the Space between the radial slider element and the label.
-	*   @Default {30}
-	*/
-	labelSpace?: number;
-
-	/** Specifies the radius of radial slider
-	*   @Default {200}
-	*/
-	radius?: number;
-
-	/** To show the RadialSlider inner circle.
-	*   @Default {true}
-	*/
-	showInnerCircle?: boolean;
-
-	/** Specifies the endAngle value for radial slider circle.
-	*   @Default {0}
-	*/
-	startAngle?: number;
-
-	/** Specifies the  strokeWidth for customize the needle, outer circle and inner circle.
-	*   @Default {2}
-	*/
-	strokeWidth?: number;
-
-	/** Specifies the ticks value of radial slider
-	*/
-	ticks?: Array<any>;
-
-	/** Specifies the value of radial slider
-	*   @Default {10}
-	*/
-	value?: number;
-
-	/** Event triggers when the change occurs. */
-	change? (e: ChangeEventArgs): void;
-
-	/** Event triggers when the radial slider is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Event triggers when the mouse pointer is dragged over the radial slider. */
-	mouseover? (e: MouseoverEventArgs): void;
-
-	/** Event triggers when the Radial slider slides. */
-	slide? (e: SlideEventArgs): void;
-
-	/** Event triggers when the radial slider starts. */
-	start? (e: StartEventArgs): void;
-
-	/** Event triggers when the radial slider stops. */
-	stop? (e: StopEventArgs): void;
-}
-
-export interface ChangeEventArgs {
-
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
-
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
-
-	/**  returns the initial value of Radial slider 
-	*/
-	oldValue?: number;
-
-	/**  returns the name of the event 
-	*/
-	type?: string;
-
-	/**  returns the current value of the Radial slider 
-	*/
-	value?: number;
-}
-
-export interface CreateEventArgs {
-
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
-
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
-
-	/**  returns the name of the event 
-	*/
-	type?: string;
-}
-
-export interface MouseoverEventArgs {
-
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
-
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
-
-	/**  returns the value selected 
-	*/
-	selectedValue?: number;
-
-	/**  returns the name of the event 
-	*/
-	type?: string;
-
-	/**  returns the current value selected in Radial slider 
-	*/
-	value?: number;
-}
-
-export interface SlideEventArgs {
-
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
-
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
-
-	/**  returns the value selected in Radial slider 
-	*/
-	selectedValue?: number;
-
-	/**  returns the name of the event 
-	*/
-	type?: string;
-
-	/**  returns the currently selected value 
-	*/
-	value?: number;
-}
-
-export interface StartEventArgs {
-
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
-
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
-
-	/**  returns the name of the event 
-	*/
-	type?: string;
-
-	/**  returns the current value selected in Radial slider 
-	*/
-	value?: number;
-}
-
-export interface StopEventArgs {
-
-	/**  if the event should be canceled; otherwise, false. 
-	*/
-	cancel?: boolean;
-
-	/**  returns the Radialslider model 
-	*/
-	model?: any;
-
-	/**  returns the name of the event 
-	*/
-	type?: string;
-
-	/**  returns the current value selected in Radial slider 
-	*/
-	value?: number;
-}
-}
-
-class Spreadsheet extends ej.Widget {
-	static fn: Spreadsheet;
-	constructor(element: JQuery, options?: Spreadsheet.Model);
-	constructor(element: Element, options?: Spreadsheet.Model);
-	static Locale: any;
-	model:Spreadsheet.Model;
-	defaults:Spreadsheet.Model;
-
-	/** This method is used to add custom formulas in Spreadsheet.
-	*   @param {string} Pass the name of the formula.
-	*   @param {string} Pass the name of the function.
-	*   @returns {void}
-	*/
-	addCustomFormula(formulaName: string, functionName: string): void;
-
-	/** This method is used to add a new sheet in the last position of the sheet container.
-	*   @returns {void}
-	*/
-	addNewSheet(): void;
-
-	/** It is used to clear all the data and format in the specified range of cells in Spreadsheet.
-	*   @param {string|Array<any>} Optional. If range is specified, then it will clear all content in the specified range else it will use the current selected range. 
-	*   @returns {void}
-	*/
-	clearAll(range?: string|Array<any>): void;
-
-	/** This property is used to clear all the formats applied in the specified range in Spreadsheet.
-	*   @param {string|Array<any>} Optional. If range is specified, then it will clear all format in the specified range else it will use the current selected range. 
-	*   @returns {void}
-	*/
-	clearAllFormat(range?: string|Array<any>): void;
-
-	/** Used to clear the applied border in the specified range in Spreadsheet.
-	*   @param {string|Array<any>} Optional. If range is specified, then it will clear border in the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	clearBorder(range?: string|Array<any>): void;
-
-	/** This property is used to clear the contents in the specified range in Spreadsheet.
-	*   @param {string|Array<any>} Optional. If the range is specified, then it will clear the content in the specified range else it will use the current selected range. 
-	*   @returns {void}
-	*/
-	clearContents(range?: string|Array<any>): void;
-
-	/** This method is used to remove only the data in the range denoted by the specified range name.
-	*   @param {string} Pass the defined rangeSettings property name.
-	*   @returns {void}
-	*/
-	clearRange(rangeName: string): void;
-
-	/** It is used to remove data in the specified range of cells based on the defined property.
-	*   @param {Array<any>|string} Optional. If range is specified, it will clear data for the specified range else it will use the current selected range. 
-	*   @param {string} Optional. If property is specified, it will remove the specified property in the range else it will remove default properties 
-	*   @param {any} Optional.
-	*   @param {boolean} Optional. pass {{'`true`' | markdownify}}, if you want to skip the hidden rows 
-	*   @param {any} Optional. Pass the status to perform undo and redo operation.
-	*   @param {any} Optional. It specifies whether to skip element processing or not.
-	*   @returns {void}
-	*/
-	clearRangeData(range?: Array<any>|string, property?: string, cells?: any, skipHiddenRow?: boolean, status?: any, skipCell?: any): void;
-
-	/** This method is used to clear undo and redo collections in the Spreadsheet.
-	*   @returns {void}
-	*/
-	clearUndoRedo(): void;
-
-	/** This method is used to copy or move the sheets in Spreadsheet.
-	*   @param {number} Pass the sheet index that you want to copy or move.
-	*   @param {number} Pass the position index where you want to copy or move.
-	*   @param {boolean} Pass {{'`true`' | markdownify}},If you want to copy sheet or else it will move sheet.
-	*   @returns {void}
-	*/
-	copySheet(fromIdx: number, toIdx: number, isCopySheet: boolean): void;
-
-	/** This method is used to delete the entire column which is selected.
-	*   @param {number} Pass the start column index.
-	*   @param {number} Pass the end column index.
-	*   @returns {void}
-	*/
-	deleteEntireColumn(startCol: number, endCol: number): void;
-
-	/** This method is used to delete the entire row which is selected.
-	*   @param {number} Pass the start row index.
-	*   @param {number} Pass the end row index.
-	*   @returns {void}
-	*/
-	deleteEntireRow(startRow: number, endRow: number): void;
-
-	/** This method is used to delete a particular sheet in the Spreadsheet.
-	*   @param {number} Pass the sheet index to perform delete action.
-	*   @returns {void}
-	*/
-	deleteSheet(idx: number): void;
-
-	/** This method is used to delete the selected cells and shift the remaining cells to left.
-	*   @param {any} Row index and column index of the starting cell.
-	*   @param {any} Row index and column index of the ending cell.
-	*   @returns {void}
-	*/
-	deleteShiftLeft(startCell: any, endCell: any): void;
-
-	/** This method is used to delete the selected cells and shift the remaining cells up.
-	*   @param {any} Row index and column index of the start cell.
-	*   @param {any} Row index and column index of the end cell.
-	*   @returns {void}
-	*/
-	deleteShiftUp(startCell: any, endCell: any): void;
-
-	/** This method is used to edit data in the specified range of cells based on its corresponding rangeSettings.
-	*   @param {string} Pass the defined rangeSettings property name.
-	*   @param {Function} Pass the function that you want to perform range edit.
-	*   @returns {void}
-	*/
-	editRange(rangeName: string, fn: Function): void;
-
-	/** This method is used to get the activation panel in the Spreadsheet.
-	*   @returns {HTMLElement}
-	*/
-	getActivationPanel(): HTMLElement;
-
-	/** This method is used to get the active cell object in Spreadsheet. It will returns object which contains rowIndex and colIndex of the active cell.
-	*   @param {number} Optional. If sheetIdx is specified, it will return the active cell object in specified sheet index else it will use the current sheet index
-	*   @returns {any}
-	*/
-	getActiveCell(sheetIdx?: number): any;
-
-	/** This method is used to get the active cell element based on the given sheet index in the Spreadsheet.
-	*   @param {number} Optional. If sheetIndex is specified, it will return the active cell element in specified sheet index else it will use the current active sheet index.
-	*   @returns {HTMLElement}
-	*/
-	getActiveCellElem(sheetIdx?: number): HTMLElement;
-
-	/** This method is used to get the current active sheet index in Spreadsheet.
-	*   @returns {number}
-	*/
-	getActiveSheetIndex(): number;
-
-	/** This method is used to get the auto fill element in Spreadsheet.
-	*   @returns {HTMLElement}
-	*/
-	getAutoFillElem(): HTMLElement;
-
-	/** This method is used to get the cell element based on specified row and column index in the Spreadsheet.
-	*   @param {number} Pass the row index.
-	*   @param {number} Pass the column index.
-	*   @param {number} Optional. Pass the sheet index that you want to get cell.
-	*   @returns {HTMLElement}
-	*/
-	getCell(rowIdx: number, colIdx: number, sheetIdx?: number): HTMLElement;
-
-	/** This method is used to get the data settings in the Spreadsheet.
-	*   @param {number} Pass the sheet index.
-	*   @returns {number}
-	*/
-	getDataSettings(sheetIdx: number): number;
-
-	/** This method is used to get the frozen columns index in the Spreadsheet.
-	*   @param {number} Pass the sheet index.
-	*   @returns {number}
-	*/
-	getFrozenColumns(sheetIdx: number): number;
-
-	/** This method is used to get the frozen row index in Spreadsheet.
-	*   @param {number} Pass the sheet index.
-	*   @returns {number}
-	*/
-	getFrozenRows(sheetIdx: number): number;
-
-	/** This method is used to get the hyperlink data as object from the specified cell in Spreadsheet.
-	*   @param {HTMLElement} Pass the DOM element to get hyperlink
-	*   @returns {any}
-	*/
-	getHyperlink(cell: HTMLElement): any;
-
-	/** This method is used to get all cell elements in the specified range.
-	*   @param {string} Pass the range that you want to get the cells.
-	*   @param {number} Pass the index of the sheet.
-	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
-	*   @returns {HTMLElement}
-	*/
-	getRange(range: string, sheetIdx: number, skipHiddenRow?: boolean): HTMLElement;
-
-	/** This method is used to get the data in specified range in Spreadsheet.
-	*   @param {any} Optional. Pass the range, property, sheetIdx, valueOnly in options. 
-	*   @returns {Array<any>}
-	*/
-	getRangeData(options?: any): Array<any>;
-
-	/** This method is used to get the range indices array based on the specified alpha range in Spreadsheet.
-	*   @param {string} Pass the alpha range that you want to get range indices.
-	*   @returns {Array<any>}
-	*/
-	getRangeIndices(range: string): Array<any>;
-
-	/** This method is used to get the sheet details based on the given sheet index in Spreadsheet.
-	*   @param {number} Pass the sheet index to get the sheet object.
-	*   @returns {any}
-	*/
-	getSheet(sheetIdx: number): any;
-
-	/** This method is used to get the sheet content div element of Spreadsheet.
-	*   @param {number} Pass the sheet index to get the sheet content.
-	*   @returns {HTMLElement}
-	*/
-	getSheetElement(sheetIdx: number): HTMLElement;
-
-	/** This method is used to get all the sheets in workbook.
-	*   @returns {Array<any>}
-	*/
-	getSheets(): Array<any>;
-
-	/** This method is used to send a paging request to the specified sheet Index in the Spreadsheet.
-	*   @param {number} Pass the sheet index to perform paging at specified sheet index
-	*   @param {boolean} Pass {{'`true`' | markdownify}} to create a new sheet. If the specified sheet index is already exist, it navigate to that sheet else it create a new sheet.
-	*   @returns {void}
-	*/
-	gotoPage(sheetIdx: number, newSheet: boolean): void;
-
-	/** This method is used to hide the pivot table activationPanel in the Spreadsheet.
-	*   @returns {void}
-	*/
-	hideActivationPanel(): void;
-
-	/** This method is used to hide the entire columns from the specified range (startCol, endCol) in Spreadsheet.
-	*   @param {number} Index of the start column.
-	*   @param {number} Optional. Index of the end column.
-	*   @returns {void}
-	*/
-	hideColumn(startCol: number, endCol: number): void;
-
-	/** This method is used to hide the formula bar in Spreadsheet.
-	*   @returns {void}
-	*/
-	hideFormulaBar(): void;
-
-	/** This method is used to hide the rows, based on the specified row index in Spreadsheet.
-	*   @param {number} Index of the start row.
-	*   @param {number}  Optional. Index of the end row.
-	*   @returns {void}
-	*/
-	hideRow(startRow: number, endRow: number): void;
-
-	/** This method is used to hide the sheet based on the specified sheetIndex or sheet name in the Spreadsheet.
-	*   @param {string|number} Pass the sheet name or index that you want to hide.
-	*   @returns {void}
-	*/
-	hideSheet(sheetIdx: string|number): void;
-
-	/** This method is used to hide the displayed waiting pop-up in Spreadsheet.
-	*   @returns {void}
-	*/
-	hideWaitingPopUp(): void;
-
-	/** This method is used to insert a column before the active cell's column in the Spreadsheet.
-	*   @param {number} Pass start column.
-	*   @param {number} Pass end column.
-	*   @returns {void}
-	*/
-	insertEntireColumn(startCol: number, endCol: number): void;
-
-	/** This method is used to insert a row before the active cell's row in the Spreadsheet.
-	*   @param {number} Pass start row.
-	*   @param {number} Pass end row.
-	*   @returns {void}
-	*/
-	insertEntireRow(startRow: number, endRow: number): void;
-
-	/** This method is used to insert a new sheet to the left of the current active sheet.
-	*   @returns {void}
-	*/
-	insertSheet(): void;
-
-	/** This method is used to insert cells in the selected or specified range and shift remaining cells to bottom.
-	*   @param {any} Row index and column index of the start cell.
-	*   @param {any} Row index and column index of the end cell.
-	*   @returns {void}
-	*/
-	insertShiftBottom(startCell: any, endCell: any): void;
-
-	/** This method is used to insert cells in the selected or specified range and shift remaining cells to right.
-	*   @param {any} Row index and column index of the start cell.
-	*   @param {any} Row index and column index of the end cell.
-	*   @returns {void}
-	*/
-	insertShiftRight(startCell: any, endCell: any): void;
-
-	/** This method is used to import excel file manually by using form data.
-	*   @param {any} Pass the form data object to import files manually.
-	*   @returns {void}
-	*/
-	import(importRequest: any): void;
-
-	/** This method is used to load JSON data in Spreadsheet.
-	*   @param {any} Pass the response that you want to load.
-	*   @returns {void}
-	*/
-	loadFromJSON(response: any): void;
-
-	/** This method is used to lock/unlock the range of cells in active sheet. Lock cells are activated only after the sheet is protected. Once the sheet is protected it is unable to lock/unlock cells.
-	*   @param {string|Array<any>} Pass the alpha range cells or array range of cells.
-	*   @param {string} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} locked cells are unlocked.
-	*   @returns {void}
-	*/
-	lockCells(range: string|Array<any>, isLocked?: string): void;
-
-	/** This method is used to merge cells by across in the Spreadsheet.
-	*   @param {string} Optional. To pass the cell range or selected cells are process.
-	*   @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
-	*   @returns {void}
-	*/
-	mergeAcrossCells(range?: string, alertStatus?: boolean): void;
-
-	/** This method is used to merge the selected cells in the Spreadsheet.
-	*   @param {string|Array<any>} Optional. To pass the cell range or selected cells are process.
-	*   @param {boolean} Optional. If pass {{'`true`' | markdownify}} it does not show alert.
-	*   @returns {void}
-	*/
-	mergeCells(range?: string|Array<any>, alertStatus?: boolean): void;
-
-	/** This method is used to select a cell or range in the Spreadsheet.
-	*   @param {any} Pass the start cell to perform selection.
-	*   @param {any} Pass the end cell to perform selection.
-	*   @returns {void}
-	*/
-	performSelection(startCell: any, endCell: any): void;
-
-	/** This method is used to protect or unprotect active sheet.
-	*   @param {boolean} Optional. By default is {{'`true`' | markdownify}}. If it is {{'`false`' | markdownify}} active sheet is unprotected.
-	*   @returns {void}
-	*/
-	protectSheet(isProtected?: boolean): void;
-
-	/** This method is used to refresh the content in Spreadsheet.
-	*   @param {number} Pass the index of the sheet.
-	*   @returns {void}
-	*/
-	refreshContent(sheetIdx: number): void;
-
-	/** This method is used to refresh the Spreadsheet.
-	*   @returns {void}
-	*/
-	refreshSpreadsheet(): void;
-
-	/** This method is used to remove custom formulae in Spreadsheet.
-	*   @param {string} Pass the name of the formula.
-	*   @param {string} Pass the name of the function.
-	*   @returns {void}
-	*/
-	removeCustomFormula(formulaName: string, functionName: string): void;
-
-	/** This method is used to remove the hyperlink from selected cells of current sheet.
-	*   @param {string} Hyperlink remove from the specified range.
-	*   @param {boolean} Optional. If it is {{'`true`' | markdownify}}, It will clear link only not format.
-	*   @param {boolean} Optional. Pass the status to perform undo and redo operations.
-	*   @param {any} Optional. Pass the cells that you want to remove hyperlink.
-	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows.
-	*   @returns {void}
-	*/
-	removeHyperlink(range: string, isClearHLink?: boolean, status?: boolean, cells?: any, skipHiddenRow?: boolean): void;
-
-	/** This method is used to remove the range data and its defined rangeSettings property based on the specified range name.
-	*   @param {string} Pass the defined rangeSetting property name.
-	*   @returns {void}
-	*/
-	removeRange(rangeName: string): void;
-
-	/** This method is used to remove the readonly option for the specified range.
-	*   @param {string|Array<any>} Pass the range.
-	*   @returns {void}
-	*/
-	removeReadOnly(range?: string|Array<any>): void;
-
-	/** This method is used to save JSON data in Spreadsheet.
-	*   @returns {any}
-	*/
-	saveAsJSON(): any;
-
-	/** This method is used to save batch changes in Spreadsheet.
-	*   @param {number} Pass the sheet index for Spreadsheet.
-	*   @returns {void}
-	*/
-	saveBatchChanges(sheetIdx: number): void;
-
-	/** This method is used to set the active cell in the Spreadsheet.
-	*   @param {number} Pass the row index.
-	*   @param {number} Pass the column index.
-	*   @param {number} Pass the index of the sheet.
-	*   @returns {void}
-	*/
-	setActiveCell(rowIdx: number, colIdx: number, sheetIdx: number): void;
-
-	/** This method is used to set active sheet index for the Spreadsheet.
-	*   @param {number} Pass the active sheet index for Spreadsheet.
-	*   @returns {void}
-	*/
-	setActiveSheetIndex(sheetIdx: number): void;
-
-	/** This method is used to set border for the specified range of cells in the Spreadsheet.
-	*   @param {any} Pass the border properties that you want to set.
-	*   @param {string} Optional. If range is specified, it will set border for the specified range else it will use the selected range.
-	*   @returns {void}
-	*/
-	setBorder(property: any, range?: string): void;
-
-	/** This method is used to set the height for the rows in the Spreadsheet.
-	*   @param {Array<any>|any} Pass the row index and height of the rows.
-	*   @returns {void}
-	*/
-	setHeightToRows(heightColl: Array<any>|any): void;
-
-	/** This method is used to set the hyperlink in selected cells of the current sheet.
-	*   @param {string|Array<any>} If range is specified, it will set the hyperlink in range of the cells.
-	*   @param {any} Pass cellAddress or webAddress
-	*   @param {number} If we pass cellAddress then which sheet to be navigate in the applied link.
-	*   @returns {void}
-	*/
-	setHyperlink(range: string|Array<any>, link: any, sheetIdx: number): void;
-
-	/** This method is used to set the readonly option for the specified range.
-	*   @param {string|Array<any>} Pass the range.
-	*   @returns {void}
-	*/
-	setReadOnly(range?: string|Array<any>): void;
-
-	/** This method is used to set the focus to the Spreadsheet.
-	*   @returns {void}
-	*/
-	setSheetFocus(): void;
-
-	/** This method is used to set the width for the columns in the Spreadsheet.
-	*   @param {Array<any>|any} Pass the column index and width of the columns.
-	*   @returns {void}
-	*/
-	setWidthToColumns(widthColl: Array<any>|any): void;
-
-	/** This method is used to rename the active sheet.
-	*   @param {string} Pass the sheet name that you want to change the current active sheet name.
-	*   @returns {void}
-	*/
-	sheetRename(sheetName: string): void;
-
-	/** This method is used to display the activationPanel for the specified range name.
-	*   @param {string} Pass the range name that you want to display the activation panel.
-	*   @returns {void}
-	*/
-	showActivationPanel(rangeName: string): void;
-
-	/** This method is used to show the hidden columns within the specified range in the Spreadsheet.
-	*   @param {number} Index of the start column.
-	*   @param {number} Optional. Index of the end column.
-	*   @returns {void}
-	*/
-	showColumn(startColIdx: number, endColIdx: number): void;
-
-	/** This method is used to show the formula bar in Spreadsheet.
-	*   @returns {void}
-	*/
-	showFormulaBar(): void;
-
-	/** This method is used to show/hide gridlines in active sheet in the Spreadsheet.
-	*   @param {boolean} Pass {{'`true`' | markdownify}} to show the gridlines
-	*   @returns {void}
-	*/
-	showGridlines(status: boolean): void;
-
-	/** This method is used to show/hide the headers in active sheet in the Spreadsheet.
-	*   @param {boolean} Pass {{'`true`' | markdownify}} to show the sheet headers.
-	*   @returns {void}
-	*/
-	showHeadings(startRow: boolean): void;
-
-	/** This method is used to show/hide pager in the Spreadsheet.
-	*   @param {boolean} Pass {{'`true`' | markdownify}} to show pager.
-	*   @returns {void}
-	*/
-	showPager(status: boolean): void;
-
-	/** This method is used to show the hidden rows in the specified range in the Spreadsheet.
-	*   @param {number} Index of the start row.
-	*   @param {number} Optional. Index of the end row.
-	*   @returns {void}
-	*/
-	showRow(startRow: number, endRow: number): void;
-
-	/** This method is used to show waiting pop-up in Spreadsheet.
-	*   @returns {void}
-	*/
-	showWaitingPopUp(): void;
-
-	/** This method is used to unhide the sheet based on specified sheet name or sheet index.
-	*   @param {string|number} Pass the sheet name or index that you want to unhide.
-	*   @returns {void}
-	*/
-	unhideSheet(sheetInfo: string|number): void;
-
-	/** This method is used to unmerge the selected range of cells in the Spreadsheet.
-	*   @param {string} Optional. If the range is specified, then it will un merge the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	unmergeCells(range?: string): void;
-
-	/** This method is used to unwrap the selected range of cells in the Spreadsheet.
-	*   @param {Array<any>|string} Optional. If the range is specified, then it will update unwrap in the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	unWrapText(range?: Array<any>|string): void;
-
-	/** This method is used to update the data for the specified range of cells in the Spreadsheet.
-	*   @param {any} Pass the cells data that you want to update.
-	*   @param {Array<any>|string} Optional. If range is specified, it will update data for the specified range  else it will use the current selected range. 
-	*   @returns {void}
-	*/
-	updateData(data: any, range?: Array<any>|string): void;
-
-	/** This method is used to update the formula bar in the Spreadsheet.
-	*   @returns {void}
-	*/
-	updateFormulaBar(): void;
-
-	/** This method is used to update the range of cells based on the specified settings which we want to update in the Spreadsheet.
-	*   @param {number} Pass the sheet index that you want to update.
-	*   @param {any} Pass the dataSource, startCell and showHeader values as settings.
-	*   @returns {void}
-	*/
-	updateRange(sheetIdx: number, settings: any): void;
-
-	/** This method is used to update the details for custom undo and redo operations.
-	*   @param {any} Pass the details to update undo and redo collection
-	*   @returns {void}
-	*/
-	updateUndoRedoCollection(details: any): void;
-
-	/** This method is used to update the unique data for the specified range of cells in Spreadsheet.
-	*   @param {any} Pass the  data that you want to update in the particular range
-	*   @param {Array<any>|string} Optional. If range is specified, it will update data for the specified range else it will use the current selected range.
-	*   @param {any} Optional. It specifies whether to skip element processing or not.
-	*   @returns {void}
-	*/
-	updateUniqueData(data: any, range?: Array<any>|string, skipCell?: any): void;
-
-	/** This method is used to wrap the selected range of cells in the Spreadsheet.
-	*   @param {Array<any>|string} Optional. If the range is specified, then it will update wrap in the specified  range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	wrapText(range?: Array<any>|string): void;
-
-	XLCellType: Spreadsheet.XLCellType;
-
-	XLCFormat: Spreadsheet.XLCFormat;
-
-	XLChart: Spreadsheet.XLChart;
-
-	XLClipboard: Spreadsheet.XLClipboard;
-
-	XLComment: Spreadsheet.XLComment;
-
-	XLCMenu: Spreadsheet.XLCMenu;
-
-	XLDragDrop: Spreadsheet.XLDragDrop;
-
-	XLDragFill: Spreadsheet.XLDragFill;
-
-	XLEdit: Spreadsheet.XLEdit;
-
-	XLExport: Spreadsheet.XLExport;
-
-	/** This method is used to get the export properties in the Spreadsheet.
-	*   @returns {any}
-	*/
-	getExportProps(): any;
-
-	XLFilter: Spreadsheet.XLFilter;
-
-	XLFormat: Spreadsheet.XLFormat;
-
-	XLFreeze: Spreadsheet.XLFreeze;
-
-	/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
-	*   @returns {void}
-	*/
-	unfreezePanes(): void;
-
-	XLPivot: Spreadsheet.XLPivot;
-
-	XLPrint: Spreadsheet.XLPrint;
-
-	XLResize: Spreadsheet.XLResize;
-
-	XLRibbon: Spreadsheet.XLRibbon;
-
-	XLSearch: Spreadsheet.XLSearch;
-
-	XLSelection: Spreadsheet.XLSelection;
-
-	XLShape: Spreadsheet.XLShape;
-
-	XLSort: Spreadsheet.XLSort;
-
-	XLValidate: Spreadsheet.XLValidate;
-}
-export module Spreadsheet{
-
-export interface XLCellType {
-
-	/** This method is used to set a cell type from the specified range of cells in the spreadsheet.
-	*   @param {string} Pass the range where you want apply cell type.
-	*   @param {any} Pass type of cell type and its settings.
-	*   @param {number} Optional. Pass sheet index.
-	*   @returns {void}
-	*/
-	addCellTypes(range: string,settings: any,sheetIdx: number): void;
-
-	/** This method is used to remove cell type from the specified range of cells in the Spreadsheet.
-	*   @param {string|Array<any>} Pass the range where you want remove cell type.
-	*   @param {number} Optional. Pass sheet index.
-	*   @returns {void}
-	*/
-	removeCellTypes(range: string|Array<any>,sheetIdx: number): void;
-}
-
-export interface XLCFormat {
-
-	/** This method is used to clear the applied conditional formatting rules in the Spreadsheet.
-	*   @param {Array<any>|string} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	clearCF(range: Array<any>|string): void;
-
-	/** This method is used to get the applied conditional formatting rules as array of objects based on the specified row Index and column Index in the Spreadsheet.
-	*   @param {number} Pass the row index.
-	*   @param {number} Pass the column index.
-	*   @returns {Array<any>}
-	*/
-	getCFRule(rowIdx: number,colIdx: number): Array<any>;
-
-	/** This method is used to set the conditional formatting rule in the Spreadsheet.
-	*   @param {any} Pass the rule to set.
-	*   @returns {void}
-	*/
-	setCFRule(rule: any): void;
-}
-
-export interface XLChart {
-
-	/** This method is used to change the theme of the chart in the Spreadsheet.
-	*   @param {string} Pass the chart id.
-	*   @param {ej.datavisualization.Chart.Theme} Pass the chart theme which want to update.
-	*   @returns {void}
-	*/
-	changeTheme(chartId: string,theme: ej.datavisualization.Chart.Theme): void;
-
-	/** This method is used to change the type of the chart in the Spreadsheet.
-	*   @param {string} Pass the chart id.
-	*   @param {any} Pass the chart type.
-	*   @returns {void}
-	*/
-	changeType(chartId: string,option: any): void;
-
-	/** This method is used to change the data range of the chart in the Spreadsheet.
-	*   @param {string} Pass the chart id.
-	*   @param {string} X axis range of chart data.
-	*   @param {string} Y axis range of chart data.
-	*   @param {string} Legend range of chart data.
-	*   @returns {void}
-	*/
-	changeDataRange(chartId: string,xRange: string,yRange: string,lRange: string): void;
-
-	/** This method is used to create a chart for specified range in Spreadsheet.
-	*   @param {string|Array<any>} Optional. If range is specified, it will create chart for the specified range else it will use the current selected range.
-	*   @param {any} Optional. To pass the type of chart and chart name.
-	*   @returns {void}
-	*/
-	createChart(range: string|Array<any>,options: any): void;
-
-	/** This method is used to refresh the chart in the Spreadsheet.
-	*   @param {string} To pass the chart Id.
-	*   @param {any} To pass the type of chart and chart name.
-	*   @returns {void}
-	*/
-	refreshChart(id: string,options: any): void;
-
-	/** This method is used to resize the chart of specified id in the Spreadsheet.
-	*   @param {string} To pass the chart id.
-	*   @param {number} To pass height value.
-	*   @param {number} To pass the width value.
-	*   @returns {void}
-	*/
-	resizeChart(id: string,height: number,width: number): void;
-
-	/** This method is used to update the chart element, such as axes, titles, data labels, grid lines and legends in the Spreadsheet.
-	*   @param {string} Pass the chart id.
-	*   @param {ej.Spreadsheet.ChartProperties} Pass chart element value which you want to update.
-	*   @returns {void}
-	*/
-	updateChartElement(chartId: string,value: ej.Spreadsheet.ChartProperties): void;
-
-	/** This method is used switch row to columns and vice versa for chart in the Spreadsheet. So that the data is displayed in the chart the way you want.
-	*   @param {string} Pass the chart id.
-	*   @returns {void}
-	*/
-	switchRowColumn(chartId: string): void;
-}
-
-export interface XLClipboard {
-
-	/** This method is used to copy the selected cells in the Spreadsheet.
-	*   @returns {void}
-	*/
-	copy(): void;
-
-	/** This method is used to cut the selected cells in the Spreadsheet.
-	*   @returns {void}
-	*/
-	cut(): void;
-
-	/** This method is used to paste the cut or copied cells data in the Spreadsheet.
-	*   @returns {void}
-	*/
-	paste(): void;
-}
-
-export interface XLComment {
-
-	/** This method is used to delete the comment in the specified range in Spreadsheet.
-	*   @param {Array<any>|string} Optional. If range is specified, it will delete comments for the specified range else it will use the current selected range. 
-	*   @param {number} Optional. If sheetIdx is specified, it will delete comment in specified sheet else it will use active sheet.
-	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}}, if you want to skip the hidden rows data.
-	*   @returns {void}
-	*/
-	deleteComment(range: Array<any>|string,sheetIdx: number,skipHiddenRow: boolean): void;
-
-	/** This method is used to edit the comment in the target Cell in Spreadsheet.
-	*   @param {any} Optional. Pass the row index and column index of the cell which contains comment. 
-	*   @returns {void}
-	*/
-	editComment(targetCell: any): void;
-
-	/** This method is used to find the next comment from the active cell in Spreadsheet.
-	*   @returns {boolean}
-	*/
-	findNextComment(): boolean;
-
-	/** This method is used to find the previous comment from the active cell in Spreadsheet.
-	*   @returns {boolean}
-	*/
-	findPrevComment(): boolean;
-
-	/** This method is used to get comment data for the specified cell.
-	*   @param {HTMLElement} Pass the DOM element to get comment data as object.
-	*   @returns {any}
-	*/
-	getComment(cell: HTMLElement): any;
-
-	/** This method is used to set new comment in Spreadsheet.
-	*   @param {string|Array<any>} Optional. If we pass the range comment will set in the range otherwise it will set with selected cells. 
-	*   @param {string} Optional. Pass the comment data.
-	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show comment in edit mode 
-	*   @param {boolean} Optional. Pass {{'`true`' | markdownify}} to show the user name 
-	*   @returns {void}
-	*/
-	setComment(range: string|Array<any>,data: string,showEditPanel: boolean,showUserName: boolean): void;
-
-	/** This method is used to show all the comments in the Spreadsheet.
-	*   @returns {void}
-	*/
-	showAllComments(): void;
-
-	/** This method is used to show or hide the specific comment in the Spreadsheet.
-	*   @param {HTMLElement} Optional. Pass the cell DOM element to show or hide its comment. If pass empty argument active cell will processed.
-	*   @returns {void}
-	*/
-	showHideComment(targetCell: HTMLElement): void;
-}
-
-export interface XLCMenu {
-
-	/** This method is used to dynamically add items in the context menu.
-	*   @param {string} Specifies the context menu type in which the item to be inserted.
-	*   @param {Array<any>} Pass the items to be inserted
-	*   @param {string} Specifies the type of operation to be performed
-	*   @returns {void}
-	*/
-	addItem(target: string,itemColl: Array<any>,operation: string): void;
-
-	/** This method is used to change data source in the context menu.
-	*   @param {string} Specifies the context menu type to bind the data source.
-	*   @param {Array<any>} Pass the data source to be binded
-	*   @returns {void}
-	*/
-	changeDataSource(target: string,data: Array<any>): void;
-
-	/** This method is used to disable the items in the context menu.
-	*   @param {string} Specifies the context menu type in which the item to be disabled.
-	*   @param {Array<any>} Specifies the Menu Item id collection to be disabled
-	*   @returns {void}
-	*/
-	disableItem(target: string,idxColl: Array<any>): void;
-
-	/** This method is used to enable the items in the context menu.
-	*   @param {string} Specifies the context menu type in which the item to be enabled.
-	*   @param {Array<any>} Specifies the Menu Item id collection to be enabled
-	*   @returns {void}
-	*/
-	enableItem(target: string,idxColl: Array<any>): void;
-
-	/** This method is used to remove the items in the context menu.
-	*   @param {string} Specifies the context menu type in which the item to be removed.
-	*   @param {Array<any>} Specifies the Menu Item id collection to be removed
-	*   @returns {void}
-	*/
-	removeItem(target: string,idxColl: Array<any>): void;
-}
-
-export interface XLDragDrop {
-
-	/** This method is used to drag and drop the selected range of cells to destination range in the Spreadsheet.
-	*   @param {any|Array<any>} Pass the source range to perform drag and drop.
-	*   @param {any|Array<any>} Pass the destination range to drop the dragged cells.
-	*   @returns {void}
-	*/
-	moveRangeTo(sourceRange: any|Array<any>,destinationRange: any|Array<any>): void;
-}
-
-export interface XLDragFill {
-
-	/** This method is used to perform auto fill in Spreadsheet.
-	*   @param {any} Pass the options to perform auto fill in Spreadsheet.
-	*   @returns {void}
-	*/
-	autoFill(options: any): void;
-
-	/** This method is used to hide the auto fill element in the Spreadsheet.
-	*   @returns {void}
-	*/
-	hideAutoFillElement(): void;
-
-	/** This method is used to hide the auto fill options in the Spreadsheet.
-	*   @returns {void}
-	*/
-	hideAutoFillOptions(): void;
-
-	/** This method is used to set position of the auto fill element in the Spreadsheet.
-	*   @param {boolean} Pass the isDragFill option as {{'`boolean`' | markdownify}} value to show auto fill options in Spreadsheet.
-	*   @returns {void}
-	*/
-	positionAutoFillElement(isDragFill: boolean): void;
-}
-
-export interface XLEdit {
-
-	/** This method is used to calculate formulas in the specified sheet.
-	*   @param {number} Optional. If sheet index is specified, then it will calculate formulas in the specified sheet only else it will calculate formulas in all sheets.
-	*   @returns {void}
-	*/
-	calcNow(sheetIdx: number): void;
-
-	/** This method is used to edit a particular cell based on the row index and column index in the Spreadsheet.
-	*   @param {number} Pass the row index to edit particular cell.
-	*   @param {number} Pass the column index to edit particular cell.
-	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to maintain previous cell value.
-	*   @returns {void}
-	*/
-	editCell(rowIdx: number,colIdx: number,oldData: boolean): void;
-
-	/** This method is used to get the property value of particular cell, based on the row and column index in the Spreadsheet.
-	*   @param {number} Pass the row index to get the property value.
-	*   @param {number} Pass the column index to get the property value.
-	*   @param {string} Optional. Pass the property name that you want("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture", "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader",  "filterState", "tableName", "comment", "formatStr", "decimalPlaces", "cellType").
-	*   @param {number} Optional. Pass the index of the sheet.
-	*   @returns {any|string|Array<any>}
-	*/
-	getPropertyValue(rowIdx: number,colIdx: number,prop: string,sheetIdx: number): any|string|Array<any>;
-
-	/** This method is used to get the property value in specified cell in Spreadsheet.
-	*   @param {HTMLElement} Pass the cell element to get property value.
-	*   @param {string} Pass the property name that you want ("value", "value2", "type", "cFormatRule", "range", "thousandSeparator", "rule", "format", "border", "picture", "chart", "calcValue", "align", "hyperlink", "formats", "borders", "tformats", "tborders", "isFilterHeader", "filterState", "tableName", "comment", "formatStr", "decimalPlaces", "cellType").
-	*   @param {number} Pass the index of sheet.
-	*   @returns {any|string|Array<any>}
-	*/
-	getPropertyValueByElem(elem: HTMLElement,property: string,sheetIdx: number): any|string|Array<any>;
-
-	/** This method is used to save the edited cell value in the Spreadsheet.
-	*   @returns {void}
-	*/
-	saveCell(): void;
-
-	/** This method is used to update a particular cell value in the Spreadsheet.
-	*   @param {any} Pass row index and column index of the cell.
-	*   @param {string|number} Pass the cell value.
-	*   @returns {void}
-	*/
-	updateCell(cell: any,value: string|number): void;
-
-	/** This method is used to update a particular cell value and its format in the Spreadsheet.
-	*   @param {any} Pass row index and column index of the cell.
-	*   @param {string|number} Pass the cell value.
-	*   @param {string} Pass the class name to update format. 
-	*   @param {number} Pass sheet index.
-	*   @returns {void}
-	*/
-	updateCellValue(cellIdx: any,val: string|number,formatClass: string,sheetIdx: number): void;
-}
-
-export interface XLExport {
-
-	/** This method is used to save the sheet data as Excel ,CSV or PDF document (.xls, .xlsx .csv, .pdf) in Spreadsheet.
-	*   @param {string} Pass the export type that you want. 
-	*   @returns {void}
-	*/
-	export(type: string): void;
-
-	/** This method is used to get the export properties in the Spreadsheet.
-	*   @returns {any}
-	*/
-	getExportProps(): any;
-}
-
-export interface XLFilter {
-
-	/** This method is used to clear the filter in filtered columns in the Spreadsheet.
-	*   @returns {void}
-	*/
-	clearFilter(): void;
-
-	/** This method is used to apply filter for the selected range of cells in the Spreadsheet.
-	*   @param {string|Array<any>} Pass the range of the selected cells.
-	*   @returns {void}
-	*/
-	filter(range: string|Array<any>): void;
-
-	/** This method is used to apply filter for the column by active cell's value in the Spreadsheet.
-	*   @returns {void}
-	*/
-	filterByActiveCell(): void;
-}
-
-export interface XLFormat {
-
-	/** This method is used to add the font to the Ribbon font family dropdown.
-	*   @param {string} Font name which needs to add into the font family option.
-	*   @returns {void}
-	*/
-	addFontFamily(fontName: string): void;
-
-	/** This method is used to convert table range to normal range.
-	*   @param {any} Pass the sheet index and table id.
-	*   @returns {void}
-	*/
-	convertToRange(options: any): void;
-
-	/** This method is used to create a table for the selected range of cells in the Spreadsheet.
-	*   @param {any} Pass the table object.
-	*   @param {string|Array<any>} Optional. If the range is specified, then it will create table in the specified range else it will use the current selected range. 
-	*   @returns {string}
-	*/
-	createTable(tableObject: any,range: string|Array<any>): string;
-
-	/** This method is used to set format style and values in a cell or range of cells.
-	*   @param {any} Pass the formatObject which contains style, type, format, groupSeparator and decimalPlaces.
-	*   @param {string} Pass the range to format cells.
-	*   @returns {void}
-	*/
-	format(formatObj: any,range: string): void;
-
-	/** This method is used to remove the font from the Ribbon font family dropdown.
-	*   @param {string} Font name which needs to remove from the font family drop down.
-	*   @returns {void}
-	*/
-	removeFontFamily(fontName: string): void;
-
-	/** This method is used to remove the style in the specified range.
-	*   @param {Array<any>|string} Pass the cell range .
-	*   @param {any} Optional. Pass the options for which the style gets removed.
-	*   @returns {void}
-	*/
-	removeStyle(range: Array<any>|string,options: any): void;
-
-	/** This method is used to remove table with specified tableId in the Spreadsheet.
-	*   @param {number} Pass the tableId that you want to remove.
-	*   @returns {void}
-	*/
-	removeTable(tableId: number): void;
-
-	/** This method is used to update the decimal places for numeric value for the selected range of cells in the Spreadsheet.
-	*   @param {string} Pass the decimal places type in IncreaseDecimal/DecreaseDecimal.
-	*   @param {string|Array<any>} Pass the range.
-	*   @returns {void}
-	*/
-	updateDecimalPlaces(type: string,range: string|Array<any>): void;
-
-	/** This method is used to update the format for the selected range of cells in the Spreadsheet.
-	*   @param {any} Pass the format object that you want to update.
-	*   @param {Array<any>} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range. 
-	*   @returns {void}
-	*/
-	updateFormat(formatObj: any,range: Array<any>): void;
-
-	/** This method is used to update the unique format for selected range of cells in the Spreadsheet.
-	*   @param {string} Pass the unique format class.
-	*   @param {Array<any>} Optional. If the range is specified, then it will update format in the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	updateUniqueFormat(formatClass: string,range: Array<any>): void;
-}
-
-export interface XLFreeze {
-
-	/** This method is used to freeze columns upto the specified column index in the Spreadsheet.
-	*   @param {number} Index of the column to be freeze.
-	*   @returns {void}
-	*/
-	freezeColumns(colIdx: number): void;
-
-	/** This method is used to freeze the first column in the Spreadsheet.
-	*   @returns {void}
-	*/
-	freezeLeftColumn(): void;
-
-	/** This method is used to freeze rows and columns before the specified cell in the Spreadsheet.
-	*   @param {number} Index of the row to be freeze.
-	*   @param {number} Index of the column to be freeze.
-	*   @returns {void}
-	*/
-	freezePanes(rowIdx: number,colIdx: number): void;
-
-	/** This method is used to freeze rows upto the specified row index in the Spreadsheet.
-	*   @param {number} Index of the row to be freeze.
-	*   @returns {void}
-	*/
-	freezeRows(rowIdx: number): void;
-
-	/** This method is used to freeze the top row in the Spreadsheet.
-	*   @returns {void}
-	*/
-	freezeTopRow(): void;
-
-	/** This method is used to unfreeze the frozen rows and columns in the Spreadsheet.
-	*   @returns {void}
-	*/
-	unfreezePanes(): void;
-}
-
-export interface XLPivot {
-
-	/** This property is used to clear the pivot table list in Spreadsheet.
-	*   @param {string} Pass the name of the pivot table. 
-	*   @returns {void}
-	*/
-	clearPivotFieldList(pivotName: string): void;
-
-	/** This method is used to create pivot table.
-	*   @param {string} It specifies the range for which the pivot table is created.
-	*   @param {string} It specifies the location in which the pivot table is created.
-	*   @param {string} It specifies the name of the pivot table.
-	*   @param {any} Pass the pivot table settings.
-	*   @param {any} Pass the pivot range, sheet index, address and data source .
-	*   @returns {string}
-	*/
-	createPivotTable(range: string,location: string,name: string,settings: any,pvt: any): string;
-
-	/** This method is used to delete the pivot table which is selected.
-	*   @param {string} Pass the name of the pivot table.
-	*   @returns {void}
-	*/
-	deletePivotTable(pivotName: string): void;
-
-	/** This method is used to refresh data in pivot table.
-	*   @param {string} Optional. Pass the name of the pivot table.
-	*   @param {number} Optional. Pass the index of the sheet.
-	*   @returns {void}
-	*/
-	refreshDataSource(name: string,sheetIdx: number): void;
-}
-
-export interface XLPrint {
-
-	/** This method is used to print the selected contents in the Spreadsheet.
-	*   @returns {void}
-	*/
-	printSelection(): void;
-
-	/** This method is used to print the entire contents in the active sheet.
-	*   @returns {void}
-	*/
-	printSheet(): void;
-}
-
-export interface XLResize {
-
-	/** This method is used to fit the height of rows in the Spreadsheet.
-	*   @param {Array<any>} Optional. Pass row index collection that you want to fit its height.
-	*   @returns {void}
-	*/
-	fitHeight(rowIndexes: Array<any>): void;
-
-	/** This method is used to fit the width of columns in the Spreadsheet.
-	*   @param {Array<any>} Optional. Pass column index collection that you want to fit its width.
-	*   @returns {void}
-	*/
-	fitWidth(colIndexes: Array<any>): void;
-
-	/** This method is used to get the column width of the specified column index in the Spreadsheet.
-	*   @param {number} Pass the column index.
-	*   @returns {number}
-	*/
-	getColWidth(colIdx: number): number;
-
-	/** This method is used to get the row height of the specified row index in the Spreadsheet.
-	*   @param {number} Pass the row index which you want to find its height.
-	*   @returns {number}
-	*/
-	getRowHeight(rowIdx: number): number;
-
-	/** This method is used to set the column width of the specified column index in the Spreadsheet.
-	*   @param {number} Pass the column index.
-	*   @param {number} Pass the width value that you want to set.
-	*   @returns {void}
-	*/
-	setColWidth(colIdx: number,size: number): void;
-
-	/** This method is used to set the row height of the specified row index in the Spreadsheet.
-	*   @param {number} Pass the row index.
-	*   @param {number} Pass the height value that you want to set.
-	*   @returns {void}
-	*/
-	setRowHeight(rowIdx: number,size: number): void;
-}
-
-export interface XLRibbon {
-
-	/** This method is used to add a new item in the backstage.
-	*   @param {any} Specifies the item to be added in the backstage.
-	*   @param {number} pass the index of the item to be added in the backstage.
-	*   @returns {void}
-	*/
-	addBackStageItem(pageItem: any,index: number): void;
-
-	/** This method is used to dynamically add the contextual tabs in the ribbon.
-	*   @param {any} Specifies the contextual tab set object.
-	*   @param {number} pass the index of the contextual tab.
-	*   @returns {void}
-	*/
-	addContextualTabs(contextualTabSet: any,index: number): void;
-
-	/** This method is used to dynamically add the menu item in the file menu.
-	*   @param {Array<any>} Specifies the item to be added
-	*   @param {number} pass the index of the menu item.
-	*   @returns {void}
-	*/
-	addMenuItem(item: Array<any>,index: number): void;
-
-	/** This method is used to add a new name in the Spreadsheet name manager.
-	*   @param {string} Pass the name that you want to define in name manager.
-	*   @param {string} Pass the cell reference.
-	*   @param {string} Optional. Pass comment, if you want.
-	*   @param {number} Optional. Pass the sheet index.
-	*   @returns {void}
-	*/
-	addNamedRange(name: string,refersTo: string,comment: string,sheetIdx: number): void;
-
-	/** This method is used to dynamically add the tab in the ribbon.
-	*   @param {Array<any>} Specifies the text to be displayed in the tab.
-	*   @param {number} pass the groups to be displayed in the ribbon tab.
-	*   @param {number} pass the index of the tab.
-	*   @returns {void}
-	*/
-	addTab(tabText: Array<any>,ribbonGroups: number,index: number): void;
-
-	/** This method is used to dynamically add the tab group in the ribbon.
-	*   @param {number} Specifies the ribbon tab index.
-	*   @param {any} pass the groups to be displayed in the ribbon tab.
-	*   @param {number} pass the index of the ribbon group.
-	*   @returns {void}
-	*/
-	addTabGroup(tabIndex: number,tabGroup: any,groupIndex: number): void;
-
-	/** This method is used to insert the few type (SUM, MAX, MIN, AVG, COUNT) of formulas in the selected range of cells in the Spreadsheet.
-	*   @param {string} To pass the type("SUM","MAX","MIN","AVG","COUNT").
-	*   @param {string|Array<any>} If range is specified, it will apply auto sum for the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	autoSum(type: string,range: string|Array<any>): void;
-
-	/** This method is used to hide the file menu in the ribbon tab.
-	*   @returns {void}
-	*/
-	hideMenu(): void;
-
-	/** This method is used to remove the item from the backstage in the spreadsheet.
-	*   @param {number} Specifies the index of the item to be removed from backstage.
-	*   @returns {void}
-	*/
-	removeBackStageItem(index: number): void;
-
-	/** This method is used to remove the menu item form file menu in spreadsheet.
-	*   @param {number} Specifies the index of the item to be removed from the file menu.
-	*   @returns {void}
-	*/
-	removeMenuItem(index: number): void;
-
-	/** This method is used to delete the defined name in the Spreadsheet name manager.
-	*   @param {string} Pass the defined name that you want to remove from name manager.
-	*   @returns {void}
-	*/
-	removeNamedRange(name: string): void;
-
-	/** This method is used to remove the tab form ribbon in the spreadsheet.
-	*   @param {number} Specifies the index of the tab to be removed from the ribbon.
-	*   @param {boolean} pass the boolean value to remove the tab from ribbon
-	*   @returns {void}
-	*/
-	removeTab(index: number,isRemoveMenu: boolean): void;
-
-	/** This method is used to remove the tab group form ribbon in the spreadsheet.
-	*   @param {number} Specifies the index of the tab group to be removed from the ribbon.
-	*   @param {string} Specifies the text to be displayed in the tab group
-	*   @returns {void}
-	*/
-	removeTabGroup(tabIndex: number,groupText: string): void;
-
-	/** This method is used to show the file menu in the ribbon tab.
-	*   @returns {void}
-	*/
-	showMenu(): void;
-
-	/** This method is used to update the menu item in the file menu.
-	*   @param {any} Specifies the menu item to be updated in the ribbon
-	*   @param {number} pass the index of the item to be updated
-	*   @returns {void}
-	*/
-	updateMenuItem(item: any,index: number): void;
-
-	/** This method is used to update the ribbon icons in the Spreadsheet.
-	*   @returns {void}
-	*/
-	updateRibbonIcons(): void;
-}
-
-export interface XLSearch {
-
-	/** This method is used to find and replace all data by workbook in the Spreadsheet.
-	*   @param {string} Pass the search data.
-	*   @param {string} Pass the replace data.
-	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
-	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
-	*   @returns {void}
-	*/
-	replaceAllByBook(findData: string,replaceData: string,isCSen: boolean,isEMatch: boolean): void;
-
-	/** This method is used to find and replace all data by sheet in Spreadsheet.
-	*   @param {string} Pass the search data.
-	*   @param {string} Pass the replace data.
-	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with case-sensitive.
-	*   @param {boolean} Pass {{'`true`' | markdownify}}, if you want to match with entire cell contents.
-	*   @returns {void}
-	*/
-	replaceAllBySheet(findData: string,replaceData: string,isCSen: boolean,isEMatch: boolean): void;
-}
-
-export interface XLSelection {
-
-	/** This method is used to clear the selection of the active sheet in the Spreadsheet.
-	*   @returns {void}
-	*/
-	clearAll(): void;
-
-	/** This method is used to get the selected cells element based on specified sheet index in the Spreadsheet.
-	*   @param {number} Pass the sheet index to get the cells element.
-	*   @returns {HTMLElement}
-	*/
-	getSelectedCells(sheetIdx: number): HTMLElement;
-
-	/** This method is used to refresh the selection in the Spreadsheet.
-	*   @param {Array<any>|string} Optional. Pass range to refresh selection.
-	*   @returns {void}
-	*/
-	refreshSelection(range: Array<any>|string): void;
-
-	/** This method is used to select a single column in the Spreadsheet.
-	*   @param {number} Pass the column index value.
-	*   @returns {void}
-	*/
-	selectColumn(colIdx: number): void;
-
-	/** This method is used to select entire columns in a specified range (start index and end index) in the Spreadsheet.
-	*   @param {number} Pass the column start index.
-	*   @param {number} Pass the column end index.
-	*   @returns {void}
-	*/
-	selectColumns(startIdx: number,endIdx: number): void;
-
-	/** This method is used to select the specified range of cells in the Spreadsheet.
-	*   @param {string} Pass range which want to select.
-	*   @returns {void}
-	*/
-	selectRange(range: string): void;
-
-	/** This method is used to select a single row in the Spreadsheet.
-	*   @param {number} Pass the row index value.
-	*   @returns {void}
-	*/
-	selectRow(rowIdx: number): void;
-
-	/** This method is used to select entire rows in a specified range (start index and end index) in the Spreadsheet.
-	*   @param {number} Pass the start row index.
-	*   @param {number} Pass the end row index.
-	*   @returns {void}
-	*/
-	selectRows(startIdx: number,endIdx: number): void;
-
-	/** This method is used to select all cells in active sheet.
-	*   @returns {void}
-	*/
-	selectSheet(): void;
-}
-
-export interface XLShape {
-
-	/** This method is used to set a picture in the Spreadsheet.
-	*   @param {string} Pass the range of the cell.
-	*   @param {string} Pass the path of the specified image.
-	*   @param {number} Optional. Pass the width of the image that you want to set.
-	*   @param {number} Optional. Pass the height of the image that you want to set.
-	*   @param {number} Optional. Pass the top of the image that you want to set.
-	*   @param {number} Optional. Pass the left of the image that you want to set.
-	*   @returns {string}
-	*/
-	setPicture(range: string,url: string,width: number,height: number,top: number,left: number): string;
-}
-
-export interface XLSort {
-
-	/** This method is used to sort a particular range of cells based on its cell or font color in the Spreadsheet.
-	*   @param {string} Pass {{'`PutCellColor`' | markdownify}} to sort by cell color or {{'`PutFontColor`' | markdownify}} for sort by font color.
-	*   @param {any} Pass the HEX color code to sort.
-	*   @param {string} Pass the range
-	*   @returns {void}
-	*/
-	sortByColor(operation: string,color: any,range: string): void;
-
-	/** This method is used to sort a particular range of cells based on its values in the Spreadsheet.
-	*   @param {Array<any>|string} Pass the range to sort.
-	*   @param {string} Pass the column name.
-	*   @param {any} Pass the direction to sort (ascending or descending).
-	*   @returns {boolean}
-	*/
-	sortByRange(range: Array<any>|string,columnName: string,direction: any): boolean;
-}
-
-export interface XLValidate {
-
-	/** This method is used to apply data validation rules in a selected range of cells based on the defined condition in the Spreadsheet.
-	*   @param {string|Array<any>} If range is specified, it will apply rules for the specified range else it will use the current selected range. 
-	*   @param {Array<any>} Pass the validation condition, value1 and value2.
-	*   @param {string} Pass the data type.
-	*   @param {boolean} Pass {{'`true`' | markdownify}} if you ignore blank values.
-	*   @param {boolean} Pass {{'`true`' | markdownify}} if you want to show an error alert.
-	*   @returns {void}
-	*/
-	applyDVRules(range: string|Array<any>,values: Array<any>,type: string,required: boolean,showErrorAlert: boolean): void;
-
-	/** This method is used to clear the applied validation rules in a specified range of cells in the Spreadsheet.
-	*   @param {string|Array<any>} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range. 
-	*   @returns {void}
-	*/
-	clearDV(range: string|Array<any>): void;
-
-	/** This method is used to highlight invalid data in a specified range of cells in the Spreadsheet.
-	*   @param {string|Array<any>} Optional. If range is specified, it will clear rules for the specified range else it will use the current selected range.
-	*   @returns {void}
-	*/
-	highlightInvalidData(range: string|Array<any>): void;
-}
-
-export interface Model {
-
-	/** Gets or sets an active sheet index in the Spreadsheet. By defining this value, you can specify which sheet should be active in workbook.
-	*   @Default {1}
-	*/
-	activeSheetIndex?: number;
-
-	/** Gets or sets a value that indicates whether to enable or disable auto rendering of cell type in the Spreadsheet.
-	*   @Default {false}
-	*/
-	allowAutoCellType?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable auto fill feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowAutoFill?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable auto sum feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowAutoSum?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable cell format feature in the Spreadsheet. By enabling this, you can customize styles and number formats.
-	*   @Default {true}
-	*/
-	allowCellFormatting?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable cell type feature in the Spreadsheet.
-	*   @Default {false}
-	*/
-	allowCellType?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable chart feature in the Spreadsheet. By enabling this feature, you can create and customize charts in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowCharts?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable clear feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowClear?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable clipboard feature in the Spreadsheet. By enabling this feature, you can perform cut/copy and paste operations in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowClipboard?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable comment feature in the Spreadsheet. By enabling this, you can add/delete/modify comments in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowComments?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable Conditional Format feature in the Spreadsheet. By enabling this, you can apply formatting to the selected range of cells based on the provided conditions (Greater than, Less than, Equal, Between, Contains, etc.).
-	*   @Default {true}
-	*/
-	allowConditionalFormats?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable data validation feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowDataValidation?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable the delete action in the Spreadsheet. By enabling this feature, you can delete existing rows, columns, cells and sheet.
-	*   @Default {true}
-	*/
-	allowDelete?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable drag and drop feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowDragAndDrop?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable the edit action in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowEditing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable filtering feature in the Spreadsheet. Filtering can be used to limit the data displayed using required criteria.
-	*   @Default {true}
-	*/
-	allowFiltering?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable table feature in the Spreadsheet. By enabling this, you can render table in selected range.
-	*   @Default {true}
-	*/
-	allowFormatAsTable?: boolean;
-
-	/** Get or sets a value that indicates whether to enable or disable format painter feature in the Spreadsheet. By enabling this feature, you can copy the format from the selected range and apply it to another range.
-	*   @Default {true}
-	*/
-	allowFormatPainter?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable formula bar in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowFormulaBar?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable freeze pane support in Spreadsheet. By enabling this feature, you can use freeze top row, freeze first column and freeze panes options.
-	*   @Default {true}
-	*/
-	allowFreezing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable hyperlink feature in the Spreadsheet. By enabling this feature, you can add hyperlink which is used to easily navigate to the cell reference from one sheet to another or a web page.
-	*   @Default {true}
-	*/
-	allowHyperlink?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable import feature in the Spreadsheet. By enabling this feature, you can open existing Spreadsheet documents.
-	*   @Default {true}
-	*/
-	allowImport?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable the insert action in the Spreadsheet. By enabling this feature, you can insert new rows, columns, cells and sheet.
-	*   @Default {true}
-	*/
-	allowInsert?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable keyboard navigation feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowKeyboardNavigation?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable lock cell feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowLockCell?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable merge feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowMerging?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable overflow feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowOverflow?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable resizing feature in the Spreadsheet. By enabling this feature, you can change the column width and row height by dragging its header boundaries.
-	*   @Default {true}
-	*/
-	allowResizing?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable find and replace feature in the Spreadsheet. By enabling this, you can easily find and replace a specific value in the sheet or workbook. By using goto behavior, you can select and highlight all cells that contains specific data or data types.
-	*   @Default {true}
-	*/
-	allowSearching?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable selection in the Spreadsheet. By enabling this feature, selected items will be highlighted.
-	*   @Default {true}
-	*/
-	allowSelection?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the sorting feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowSorting?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable undo and redo feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowUndoRedo?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable wrap text feature in the Spreadsheet. By enabling this, cell content can wrap to the next line, if the cell content exceeds the boundary of the cell.
-	*   @Default {true}
-	*/
-	allowWrap?: boolean;
-
-	/** Gets or sets a value that indicates to define the width of the activation panel in Spreadsheet.
-	*   @Default {300}
-	*/
-	apWidth?: number;
-
-	/** Gets or sets an object that indicates to customize the auto fill behavior in the Spreadsheet.
-	*/
-	autoFillSettings?: AutoFillSettings;
-
-	/** Gets or sets an object that indicates to customize the chart behavior in the Spreadsheet.
-	*/
-	chartSettings?: ChartSettings;
-
-	/** Gets or sets a value that defines the number of columns displayed in the sheet.
-	*   @Default {21}
-	*/
-	columnCount?: number;
-
-	/** Gets or sets a value that indicates to define the common width for each column in the Spreadsheet.
-	*   @Default {64}
-	*/
-	columnWidth?: number;
-
-	/** Gets or sets a value to add root CSS class for customizing Spreadsheet skins.
-	*/
-	cssClass?: string;
-
-	/** Gets or sets a value that indicates custom formulas in Spreadsheet.
-	*   @Default {[]}
-	*/
-	customFormulas?: Array<any>;
-
-	/** Gets or sets a value that indicates whether to enable or disable context menu in the Spreadsheet.
-	*   @Default {true}
-	*/
-	enableContextMenu?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable pivot table in the Spreadsheet.
-	*   @Default {false}
-	*/
-	enablePivotTable?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable touch support in the Spreadsheet.
-	*   @Default {true}
-	*/
-	enableTouch?: boolean;
-
-	/** Gets or sets an object that indicates to customize the exporting behavior in Spreadsheet.
-	*/
-	exportSettings?: ExportSettings;
-
-	/** Gets or sets an object that indicates to customize the format behavior in the Spreadsheet.
-	*/
-	formatSettings?: FormatSettings;
-
-	/** Gets or sets an object that indicates to customize the import behavior in the Spreadsheet.
-	*/
-	importSettings?: ImportSettings;
-
-	/** Gets or sets a value that indicates whether to enable or disable readonly support in the Spreadsheet.
-	*   @Default {false}
-	*/
-	isReadOnly?: boolean;
-
-	/** Gets or sets a value that indicates whether to customizing the user interface (UI) as locale-specific in order to display regional data (i.e.) in a language and culture specific to a particular country or region.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Gets or sets a value that indicates name manager in Spreadsheet.
-	*/
-	nameManager?: Array<NameManager>;
-
-	/** Gets or sets an object that indicates to customize the picture behavior in the Spreadsheet.
-	*/
-	pictureSettings?: PictureSettings;
-
-	/** Gets or sets an object that indicates to customize the print option in Spreadsheet.
-	*/
-	printSettings?: PrintSettings;
-
-	/** Gets or sets an object that indicates to customize the ribbon settings in Spreadsheet.
-	*/
-	ribbonSettings?: RibbonSettings;
-
-	/** Gets or sets a value that indicates whether to define the number of rows to be displayed in the sheet.
-	*   @Default {20}
-	*/
-	rowCount?: number;
-
-	/** Gets or sets a value that indicates to define the common height for each row in the sheet.
-	*   @Default {20}
-	*/
-	rowHeight?: number;
-
-	/** Gets or sets an object that indicates to customize the scroll options in the Spreadsheet.
-	*/
-	scrollSettings?: ScrollSettings;
-
-	/** Gets or sets an object that indicates to customize the selection options in the Spreadsheet.
-	*/
-	selectionSettings?: SelectionSettings;
-
-	/** Gets or sets a value that indicates to define the number of sheets to be created at the initial load.
-	*   @Default {1}
-	*/
-	sheetCount?: number;
-
-	/** Gets or sets an object that indicates to customize the sheet behavior in Spreadsheet.
-	*/
-	sheets?: Array<Sheet>;
-
-	/** Gets or sets a value that indicates whether to show or hide pager in the Spreadsheet.
-	*   @Default {true}
-	*/
-	showPager?: boolean;
-
-	/** Gets or sets a value that indicates whether to show or hide ribbon in the Spreadsheet.
-	*   @Default {true}
-	*/
-	showRibbon?: boolean;
-
-	/** This is used to set the number of undo-redo steps in the Spreadsheet.
-	*   @Default {20}
-	*/
-	undoRedoStep?: number;
-
-	/** Define the username for the Spreadsheet which is displayed in comment.
-	*   @Default {User Name}
-	*/
-	userName?: string;
-
-	/** Triggered for every action before its starts. */
-	actionBegin? (e: ActionBeginEventArgs): void;
-
-	/** Triggered for every action complete. */
-	actionComplete? (e: ActionCompleteEventArgs): void;
-
-	/** Triggered when the auto fill operation begins. */
-	autoFillBegin? (e: AutoFillBeginEventArgs): void;
-
-	/** Triggered when the auto fill operation completes. */
-	autoFillComplete? (e: AutoFillCompleteEventArgs): void;
-
-	/** Triggered before the batch save. */
-	beforeBatchSave? (e: BeforeBatchSaveEventArgs): void;
-
-	/** Triggered before the cells to be formatted. */
-	beforeCellFormat? (e: BeforeCellFormatEventArgs): void;
-
-	/** Triggered before the cell selection. */
-	beforeCellSelect? (e: BeforeCellSelectEventArgs): void;
-
-	/** Triggered before the selected cells are dropped. */
-	beforeDrop? (e: BeforeDropEventArgs): void;
-
-	/** Triggered while start to edit the comment. */
-	beforeEditComment? (e: BeforeEditCommentEventArgs): void;
-
-	/** Triggered before the contextmenu is open. */
-	beforeOpen? (e: BeforeOpenEventArgs): void;
-
-	/** Triggered before the activation panel is open. */
-	beforePanelOpen? (e: BeforePanelOpenEventArgs): void;
-
-	/** Triggered when click on sheet cell. */
-	cellClick? (e: CellClickEventArgs): void;
-
-	/** Triggered when the cell is edited. */
-	cellEdit? (e: CellEditEventArgs): void;
-
-	/** Triggered while cell is formatting. */
-	cellFormatting? (e: CellFormattingEventArgs): void;
-
-	/** Triggered when mouse hover on cell in sheets. */
-	cellHover? (e: CellHoverEventArgs): void;
-
-	/** Triggered when save the edited cell. */
-	cellSave? (e: CellSaveEventArgs): void;
-
-	/** Triggered when the cell is selected. */
-	cellSelected? (e: CellSelectedEventArgs): void;
-
-	/** Triggered when click the contextmenu items. */
-	contextMenuClick? (e: ContextMenuClickEventArgs): void;
-
-	/** Triggered when the selected cells are being dragged. */
-	drag? (e: DragEventArgs): void;
-
-	/** Triggered when you start to drag the picture or chart. */
-	dragShape? (e: DragShapeEventArgs): void;
-
-	/** Triggered when the selected cells are initiated to drag. */
-	dragStart? (e: DragStartEventArgs): void;
-
-	/** Triggered when the selected cells are dropped. */
-	drop? (e: DropEventArgs): void;
-
-	/** Triggered before the range editing starts. */
-	editRangeBegin? (e: EditRangeBeginEventArgs): void;
-
-	/** Triggered after range editing completes. */
-	editRangeComplete? (e: EditRangeCompleteEventArgs): void;
-
-	/** Triggered when the key is pressed down. */
-	keyDown? (e: KeyDownEventArgs): void;
-
-	/** Triggered when the key is released. */
-	keyUp? (e: KeyUpEventArgs): void;
-
-	/** Triggered before the sheet is loaded. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggered after the sheet is loaded. */
-	loadComplete? (e: LoadCompleteEventArgs): void;
-
-	/** Triggered every click of the menu item. */
-	menuClick? (e: MenuClickEventArgs): void;
-
-	/** Triggered when a file is imported. */
-	onImport? (e: OnImportEventArgs): void;
-
-	/** Triggered when import sheet is failed to open. */
-	openFailure? (e: OpenFailureEventArgs): void;
-
-	/** Triggered when pager item is clicked in the Spreadsheet. */
-	pagerClick? (e: PagerClickEventArgs): void;
-
-	/** Triggered when you start resizing the chart, picture, row and column. */
-	resizeStart? (e: ResizeStartEventArgs): void;
-
-	/** Triggered after end of resizing the chart, picture, row and column. */
-	resizeEnd? (e: ResizeEndEventArgs): void;
-
-	/** Triggered when click on the ribbon. */
-	ribbonClick? (e: RibbonClickEventArgs): void;
-
-	/** Triggered when the chart series rendering. */
-	seriesRendering? (e: SeriesRenderingEventArgs): void;
-
-	/** Triggered when click the ribbon tab. */
-	tabClick? (e: TabClickEventArgs): void;
-
-	/** Triggered when select the ribbon tab. */
-	tabSelect? (e: TabSelectEventArgs): void;
-}
-
-export interface ActionBeginEventArgs {
-
-	/** Returns the applied style format object.
-	*/
-	afterFormat?: any;
-
-	/** Returns the applied style format object.
-	*/
-	beforeFormat?: any;
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the cell range.
-	*/
-	range?: Array<any>;
-
-	/** Returns the action format.
-	*/
-	reqType?: string;
-
-	/** Returns goto index while paging.
-	*/
-	gotoIdx?: number;
-
-	/** Returns boolean value. If create new sheet it returns true.
-	*/
-	newSheet?: boolean;
-
-	/** Return column name while sorting.
-	*/
-	columnName?: string;
-
-	/** Returns selected columns while sorting or filtering begins.
-	*/
-	colSelected?: number;
-
-	/** Returns sort direction while sort action begins.
-	*/
-	sortDirection?: string;
-}
-
-export interface ActionCompleteEventArgs {
-
-	/** Returns Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the applied cell format object.
-	*/
-	selectedCell?: Array<any>|any;
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the request type.
-	*/
-	reqType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface AutoFillBeginEventArgs {
-
-	/** Returns auto fill begin cell range.
-	*/
-	dataRange?: Array<any>;
-
-	/** Returns which direction drag the auto fill.
-	*/
-	direction?: string;
-
-	/** Returns fill cells range.
-	*/
-	fillRange?: Array<any>;
-
-	/** Returns the auto fill type.
-	*/
-	fillType?: string;
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface AutoFillCompleteEventArgs {
-
-	/** Returns auto fill begin cell range.
-	*/
-	dataRange?: Array<any>;
-
-	/** Returns which direction to drag the auto fill.
-	*/
-	direction?: string;
-
-	/** Returns fill cells range.
-	*/
-	fillRange?: Array<any>;
-
-	/** Returns the auto fill type.
-	*/
-	fillType?: string;
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface BeforeBatchSaveEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the query, primary key,batch changes for the data Source.
-	*/
-	dataSetting?: any;
-
-	/** Returns the changed record object.
-	*/
-	batchChanges?: any;
-}
-
-export interface BeforeCellFormatEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the applied style format object.
-	*/
-	format?: any;
-
-	/** Returns the selected cells.
-	*/
-	cells?: Array<any>|any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface BeforeCellSelectEventArgs {
-
-	/** Returns the previous cell range.
-	*/
-	prevRange?: Array<any>;
-
-	/** Returns the current cell range.
-	*/
-	currRange?: Array<any>;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface BeforeDropEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
-
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
-
-	/** Returns the cell Overwriting alert option value.
-	*/
-	preventAlert?: boolean;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface BeforeEditCommentEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the comment cell index.
-	*/
-	cellIndex?: any;
-
-	/** Returns the disable option value.
-	*/
-	disable?: boolean;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
-
-	/** Returns the value of the comment
-	*/
-	value?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface BeforeOpenEventArgs {
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface BeforePanelOpenEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the activation panel element.
-	*/
-	activationPanel?: any;
-
-	/** Returns the range option value.
-	*/
-	range?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface CellClickEventArgs {
-
-	/** Returns the click cell element.
-	*/
-	cell?: HTMLElement;
-
-	/** Returns the column index of clicked cell.
-	*/
-	columnIndex?: number;
-
-	/** Returns the row index of clicked cell.
-	*/
-	rowIndex?: number;
-
-	/** Returns the column name of clicked cell.
-	*/
-	columnName?: string;
-
-	/** Returns the column information.
-	*/
-	columnObject?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the value of the cell.
-	*/
-	value?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface CellEditEventArgs {
-
-	/** Returns the click cell element.
-	*/
-	cell?: HTMLElement;
-
-	/** Returns the columnName of clicked cell.
-	*/
-	columnName?: string;
-
-	/** Returns the column field information.
-	*/
-	columnObject?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface CellFormattingEventArgs {
-
-	/** Returns the sheet index
-	*/
-	SheetIdx?: number;
-
-	/** Returns the applied style format object
-	*/
-	Format?: any;
-
-	/** Returns the cell index.
-	*/
-	Cell?: number;
-
-	/** Returns the name of the CSS theme.
-	*/
-	cssClass?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-}
-
-export interface CellHoverEventArgs {
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface CellSaveEventArgs {
-
-	/** Returns the save cell element.
-	*/
-	cell?: HTMLElement;
-
-	/** Returns the columnName of clicked cell.
-	*/
-	columnName?: string;
-
-	/** Returns the column field information.
-	*/
-	columnObject?: any;
-
-	/** Returns the index of the row.
-	*/
-	rowIndex?: number;
-
-	/** Returns the index of the column.
-	*/
-	colIndex?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the cell previous value.
-	*/
-	pValue?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cell value.
-	*/
-	value?: string;
-}
-
-export interface CellSelectedEventArgs {
-
-	/** Returns the active sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the selected range.
-	*/
-	selectedRange?: Array<any>;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface ContextMenuClickEventArgs {
-
-	/** Returns target element Id.
-	*/
-	Id?: string;
-
-	/** Returns the target element.
-	*/
-	element?: HTMLElement;
-
-	/** Returns event information.
-	*/
-	event?: any;
-
-	/** Returns target element and event information.
-	*/
-	events?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns target element parent Id.
-	*/
-	parentId?: string;
-
-	/** Returns target element parent text.
-	*/
-	parentText?: string;
-
-	/** Returns target element text.
-	*/
-	text?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface DragEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
-
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface DragShapeEventArgs {
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface DragStartEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
-
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface DropEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the current cell row and column index.
-	*/
-	currentCell?: any;
-
-	/** Returns the drag cells range object.
-	*/
-	dragAndDropRange?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the target item.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface EditRangeBeginEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the range option value.
-	*/
-	range?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface EditRangeCompleteEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIdx?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the range option value.
-	*/
-	range?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface KeyDownEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIndex?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the boolean value.
-	*/
-	isCommentEdit?: boolean;
-
-	/** Returns the boolean value.
-	*/
-	isEdit?: boolean;
-
-	/** Returns the boolean value.
-	*/
-	isSheetRename?: boolean;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface KeyUpEventArgs {
-
-	/** Returns the sheet index.
-	*/
-	sheetIndex?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the boolean value.
-	*/
-	isCommentEdit?: boolean;
-
-	/** Returns the boolean value.
-	*/
-	isEdit?: boolean;
-
-	/** Returns the boolean value.
-	*/
-	isSheetRename?: boolean;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface LoadEventArgs {
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the active sheet index.
-	*/
-	sheetIndex?: number;
-}
-
-export interface LoadCompleteEventArgs {
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface MenuClickEventArgs {
-
-	/** Returns menu click element.
-	*/
-	element?: HTMLElement;
-
-	/** Returns the event information.
-	*/
-	event?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns target element parent Id.
-	*/
-	parentId?: string;
-
-	/** Returns target element parent text.
-	*/
-	parentText?: string;
-
-	/** Returns target element text.
-	*/
-	text?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface OnImportEventArgs {
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the imported data.
-	*/
-	importData?: any;
-}
-
-export interface OpenFailureEventArgs {
-
-	/** Returns the failure type.
-	*/
-	failureType?: string;
-
-	/** Returns the status index.
-	*/
-	status?: number;
-
-	/** Returns the status in text.
-	*/
-	statusText?: string;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface PagerClickEventArgs {
-
-	/** Returns the active sheet index.
-	*/
-	activeSheet?: number;
-
-	/** Returns the new sheet index.
-	*/
-	gotoSheet?: number;
-
-	/** Returns whether new sheet icon is clicked.
-	*/
-	newSheet?: boolean;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface ResizeStartEventArgs {
-
-	/** Returns the column index which column you start to resize.
-	*/
-	colIndex?: number;
-
-	/** Returns the row index which row you start to resize.
-	*/
-	rowIndex?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
-
-	/** Returns type of the request.
-	*/
-	reqType?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface ResizeEndEventArgs {
-
-	/** Returns the column index which you resized.
-	*/
-	colIndex?: number;
-
-	/** Returns old width of the column or shape.
-	*/
-	oldWidth?: number;
-
-	/** Returns new width of the column or shape.
-	*/
-	newWidth?: number;
-
-	/** Returns the row index which you resized.
-	*/
-	rowIndex?: number;
-
-	/** Returns old height of the row or shape.
-	*/
-	oldHeight?: number;
-
-	/** Returns new height of the row or shape.
-	*/
-	newHeight?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: any;
-
-	/** Returns type of the request.
-	*/
-	reqType?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface RibbonClickEventArgs {
-
-	/** Returns element Id.
-	*/
-	Id?: string;
-
-	/** Returns target information.
-	*/
-	prop?: any;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns status.
-	*/
-	status?: boolean;
-
-	/** Returns isChecked in boolean.
-	*/
-	isChecked?: boolean;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface SeriesRenderingEventArgs {
-
-	/** Returns chart data and chart information.
-	*/
-	data?: any;
-
-	/** Returns the chart model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface TabClickEventArgs {
-
-	/** Returns the active tab index.
-	*/
-	activeIndex?: number;
-
-	/** Returns active tab header element.
-	*/
-	activeHeader?: any;
-
-	/** Returns previous active tab header element.
-	*/
-	prevActiveHeader?: any;
-
-	/** Returns previous active tab index.
-	*/
-	prevActiveIndex?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface TabSelectEventArgs {
-
-	/** Returns the active tab index.
-	*/
-	activeIndex?: number;
-
-	/** Returns active tab header element.
-	*/
-	activeHeader?: any;
-
-	/** Returns previous active tab header element.
-	*/
-	prevActiveHeader?: any;
-
-	/** Returns previous active tab index.
-	*/
-	prevActiveIndex?: number;
-
-	/** Returns the Spreadsheet model.
-	*/
-	model?: ej.Spreadsheet.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the target element.
-	*/
-	target?: HTMLElement;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-}
-
-export interface AutoFillSettings {
-
-	/** This property is used to set fillType unit in Spreadsheet. It has five types which are CopyCells, FillSeries, FillFormattingOnly, FillWithoutFormatting and FlashFill.
-	*   @Default {ej.Spreadsheet.AutoFillOptions.FillSeries}
-	*/
-	fillType?: ej.Spreadsheet.AutoFillOptions|string;
-
-	/** Gets or sets a value that indicates to enable or disable auto fill options in the Spreadsheet.
-	*   @Default {true}
-	*/
-	showFillOptions?: boolean;
-}
-
-export interface ChartSettings {
-
-	/** Gets or sets a value that defines the chart height in Spreadsheet.
-	*   @Default {220}
-	*/
-	height?: number;
-
-	/** Gets or sets a value that defines the chart width in the Spreadsheet.
-	*   @Default {440}
-	*/
-	width?: number;
-}
-
-export interface ExportSettings {
-
-	/** Gets or sets a value that indicates whether to enable or disable save feature in Spreadsheet. By enabling this feature, you can save existing Spreadsheet.
-	*   @Default {true}
-	*/
-	allowExporting?: boolean;
-
-	/** Gets or sets a value that indicates to define csvUrl for export to CSV format.
-	*   @Default {null}
-	*/
-	csvUrl?: string;
-
-	/** Gets or sets a value that indicates to define excelUrl for export to excel format.
-	*   @Default {null}
-	*/
-	excelUrl?: string;
-
-	/** Gets or sets a value that indicates to define password while export to excel format.
-	*   @Default {null}
-	*/
-	password?: string;
-
-	/** Gets or sets a value that indicates to define pdfUrl for export to PDF format.
-	*   @Default {null}
-	*/
-	pdfUrl?: string;
-}
-
-export interface FormatSettings {
-
-	/** Gets or sets a value that indicates whether to enable or disable cell border feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowCellBorder?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable decimal places in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowDecimalPlaces?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable font family feature in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowFontFamily?: boolean;
-}
-
-export interface ImportSettings {
-
-	/** Sets import mapper to perform import feature in Spreadsheet.
-	*/
-	importMapper?: string;
-
-	/** Gets or sets a value that indicates whether to enable or disable import while initial loading.
-	*   @Default {false}
-	*/
-	importOnLoad?: boolean;
-
-	/** Sets import URL to access the online files in the Spreadsheet.
-	*/
-	importUrl?: string;
-
-	/** Gets or sets a value that indicates to define password while importing in the Spreadsheet.
-	*/
-	password?: string;
-}
-
-export interface NameManager {
-
-	/** Specifies the name for the cell or a range.
-	*/
-	name?: string;
-
-	/** Specifies the address for the cell or a range.
-	*/
-	refersto?: string;
-}
-
-export interface PictureSettings {
-
-	/** Gets or sets a value that indicates whether to enable or disable picture feature in Spreadsheet. By enabling this, you can add pictures in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowPictures?: boolean;
-
-	/** Gets or sets a value that indicates to define height to picture in the Spreadsheet.
-	*   @Default {220}
-	*/
-	height?: number;
-
-	/** Gets or sets a value that indicates to define width to picture in the Spreadsheet.
-	*   @Default {440}
-	*/
-	width?: number;
-}
-
-export interface PrintSettings {
-
-	/** Gets or sets a value that indicates whether to enable or disable page setup support for printing in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowPageSetup?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable page size support for printing in Spreadsheet.
-	*   @Default {false}
-	*/
-	allowPageSize?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable print feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowPrinting?: boolean;
-}
-
-export interface RibbonSettingsApplicationTabMenuSettings {
-
-	/** Gets or sets a value that indicates whether to enable or disable isAppend property in ribbon settings.
-	*   @Default {false}
-	*/
-	isAppend?: boolean;
-
-	/** Specifies the data source to append in application tab.
-	*   @Default {[]}
-	*/
-	dataSource?: Array<any>;
-}
-
-export interface RibbonSettingsApplicationTab {
-
-	/** Gets or sets a value that indicates to set application tab type in Spreadsheet. It has two types, Menu and Backstage.
-	*   @Default {ej.Ribbon.ApplicationTabType.Backstage}
-	*/
-	type?: ej.Ribbon.ApplicationTabType|string;
-
-	/** Gets or sets an object that indicates menu settings for application tab in Spreadsheet.
-	*/
-	menuSettings?: RibbonSettingsApplicationTabMenuSettings;
-}
-
-export interface RibbonSettings {
-
-	/** Gets or sets an object that indicates application tab settings in Spreadsheet.
-	*/
-	applicationTab?: RibbonSettingsApplicationTab;
-}
-
-export interface ScrollSettings {
-
-	/** Gets or sets a value that indicates whether to enable or disable scrolling in Spreadsheet.
-	*   @Default {true}
-	*/
-	allowScrolling?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable sheet on demand. By enabling this, it render only the active sheet element while paging remaining sheets are created one by one.
-	*   @Default {false}
-	*/
-	allowSheetOnDemand?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable virtual scrolling feature in the Spreadsheet.
-	*   @Default {true}
-	*/
-	allowVirtualScrolling?: boolean;
-
-	/** Gets or sets the value that indicates to define the height of spreadsheet.
-	*   @Default {100%}
-	*/
-	height?: number|string;
-
-	/** Gets or sets the value that indicates whether to enable or disable responsive mode in the Spreadsheet.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Gets or sets a value that indicates to set scroll mode in Spreadsheet. It has two scroll modes, Normal and Infinite.
-	*   @Default {ej.Spreadsheet.scrollMode.Infinite}
-	*/
-	scrollMode?: ej.Spreadsheet.scrollMode|string;
-
-	/** Gets or sets the value that indicates to define the height of the spreadsheet.
-	*   @Default {100%}
-	*/
-	width?: number|string;
-}
-
-export interface SelectionSettings {
-
-	/** Gets or sets a value that indicates to define active cell in spreadsheet.
-	*/
-	activeCell?: string;
-
-	/** Gets or sets a value that indicates to define animation time while selection in the Spreadsheet.
-	*   @Default {0.001}
-	*/
-	animationTime?: number;
-
-	/** Gets or sets a value that indicates to enable or disable animation while selection.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Gets or sets a value that indicates to set selection type in Spreadsheet. It has three types which are Column, Row and Default.
-	*   @Default {ej.Spreadsheet.SelectionType.Default}
-	*/
-	selectionType?: ej.Spreadsheet.SelectionType|string;
-
-	/** Gets or sets a value that indicates to set selection unit in Spreadsheet. It has three types which are Single, Range and MultiRange.
-	*   @Default {ej.Spreadsheet.SelectionUnit.MultiRange}
-	*/
-	selectionUnit?: ej.Spreadsheet.SelectionUnit|string;
-}
-
-export interface SheetsBorder {
-
-	/** Specifies border type in the Spreadsheet.
-	*/
-	type?: ej.Spreadsheet.BorderType|string;
-
-	/** Specifies border color for range of cells in Spreadsheet.
-	*/
-	color?: string;
-
-	/** To apply border for the specified range of cell.
-	*/
-	range?: string;
-}
-
-export interface SheetsCFormatRule {
-
-	/** Specifies the conditions to apply for the range of cells in Spreadsheet.
-	*/
-	action?: ej.Spreadsheet.CFormatRule|string;
-
-	/** Specifies the color to apply for the range of cell while conditional formatting.
-	*/
-	color?: ej.Spreadsheet.CFormatHighlightColor|string;
-
-	/** Specifies the inputs for conditional formatting in Spreadsheet.
-	*   @Default {[]}
-	*/
-	inputs?: Array<any>;
-
-	/** Specifies the range for conditional formatting in Spreadsheet.
-	*/
-	range?: string;
-}
-
-export interface SheetsRangeSetting {
-
-	/** Gets or sets the data to render the Spreadsheet.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Specifies the header styles for the headers in datasource range.
-	*   @Default {null}
-	*/
-	headerStyles?: any;
-
-	/** Specifies the primary key for the datasource in Spreadsheet.
-	*/
-	primaryKey?: string;
-
-	/** Specifies the query for the datasource in Spreadsheet.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
-	*   @Default {true}
-	*/
-	showHeader?: boolean;
-
-	/** Specifies the start cell for the datasource range in Spreadsheet.
-	*   @Default {A1}
-	*/
-	startCell?: string;
-}
-
-export interface SheetsRowsCellsComment {
-
-	/** Get or sets the value that indicates whether to show or hide comments in Spreadsheet.
-	*   @Default {false}
-	*/
-	isVisible?: boolean;
-
-	/** Specifies the value for the comment in Spreadsheet.
-	*/
-	value?: string;
-}
-
-export interface SheetsRowsCellsFormat {
-
-	/** Specifies the number of decimal places for the given input.
-	*   @Default {2}
-	*/
-	decimalPlaces?: number;
-
-	/** Specifies the string format for the given input.
-	*/
-	formatStr?: string;
-
-	/** Specifies the thousand separator for the given input.
-	*   @Default {false}
-	*/
-	thousandSeparator?: boolean;
-
-	/** Specifies the type of the format in Spreadsheet.
-	*/
-	type?: string;
-}
-
-export interface SheetsRowsCellsHyperlink {
-
-	/** Specifies the web address for the hyperlink of a cell.
-	*/
-	webAddr?: string;
-
-	/** Specifies the cell address for the hyperlink of a cell.
-	*/
-	cellAddr?: string;
-
-	/** Specifies the sheet index to which the cell is referred.
-	*   @Default {1}
-	*/
-	sheetIndex?: number;
-}
-
-export interface SheetsRowsCellsStyle {
-
-	/** Specifies the background color of a cell in the Spreadsheet.
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the font color of a cell in the Spreadsheet.
-	*/
-	color?: string;
-
-	/** Specifies the font weight of a cell in the Spreadsheet.
-	*/
-	fontWeight?: string;
-}
-
-export interface SheetsRowsCell {
-
-	/** Specifies the comment for a cell in Spreadsheet.
-	*   @Default {null}
-	*/
-	comment?: SheetsRowsCellsComment;
-
-	/** Specifies the format of a cell in Spreadsheet.
-	*   @Default {null}
-	*/
-	format?: SheetsRowsCellsFormat;
-
-	/** Specifies the hyperlink for a cell in Spreadsheet.
-	*   @Default {null}
-	*/
-	hyperlink?: SheetsRowsCellsHyperlink;
-
-	/** Specifies the index of a cell in Spreadsheet.
-	*   @Default {0}
-	*/
-	index?: number;
-
-	/** Specifies whether to lock or unlock a particular cell.
-	*   @Default {false}
-	*/
-	isLocked?: boolean;
-
-	/** Specifies the styles of a cell in Spreadsheet.
-	*   @Default {null}
-	*/
-	style?: SheetsRowsCellsStyle;
-
-	/** Specifies the value for a cell in Spreadsheet.
-	*/
-	value?: string;
-}
-
-export interface SheetsRow {
-
-	/** Gets or sets the height of a row in Spreadsheet.
-	*   @Default {20}
-	*/
-	height?: number;
-
-	/** Specifies the cells of a row in Spreadsheet.
-	*   @Default {[]}
-	*/
-	cells?: Array<SheetsRowsCell>;
-
-	/** Gets or sets the index of a row in Spreadsheet.
-	*   @Default {0}
-	*/
-	index?: number;
-}
-
-export interface Sheet {
-
-	/** Specifies the border for the cell in the Spreadsheet.
-	*   @Default {[]}
-	*/
-	border?: Array<SheetsBorder>;
-
-	/** Specifies the cell types for a cell or range in Spreadsheet.
-	*   @Default {[]}
-	*/
-	cellTypes?: Array<any>;
-
-	/** Specifies the conditional formatting for the range of cell in Spreadsheet.
-	*   @Default {[]}
-	*/
-	cFormatRule?: Array<SheetsCFormatRule>;
-
-	/** Gets or sets a value that indicates to define column count in the Spreadsheet.
-	*   @Default {21}
-	*/
-	colCount?: number;
-
-	/** Gets or sets a value that indicates to define column width in the Spreadsheet.
-	*   @Default {64}
-	*/
-	columnWidth?: number;
-
-	/** Gets or sets the data to render the Spreadsheet.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Gets or sets a value that indicates whether to enable or disable field as column header in the Spreadsheet.
-	*   @Default {false}
-	*/
-	fieldAsColumnHeader?: boolean;
-
-	/** Gets or sets a value to freeze rows in the Spreadsheet.
-	*   @Default {0}
-	*/
-	frozenRows?: number;
-
-	/** Gets or sets a value to freeze columns in the Spreadsheet.
-	*   @Default {0}
-	*/
-	frozenColumns?: number;
-
-	/** Specifies the header styles for the headers in datasource range.
-	*   @Default {null}
-	*/
-	headerStyles?: any;
-
-	/** To hide the specified columns in Spreadsheet.
-	*   @Default {[]}
-	*/
-	hideColumns?: Array<any>;
-
-	/** To hide the specified rows in Spreadsheet.
-	*   @Default {[]}
-	*/
-	hideRows?: Array<any>;
-
-	/** To merge specified ranges in Spreadsheet.
-	*   @Default {[]}
-	*/
-	mergeCells?: Array<any>;
-
-	/** Specifies the primary key for the datasource in Spreadsheet.
-	*/
-	primaryKey?: string;
-
-	/** Specifies the query for the dataSource in Spreadsheet.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Specifies single range or multiple range settings for a sheet in Spreadsheet.
-	*   @Default {[]}
-	*/
-	rangeSettings?: Array<SheetsRangeSetting>;
-
-	/** Gets or sets a value that indicates to define row count in the Spreadsheet.
-	*   @Default {20}
-	*/
-	rowCount?: number;
-
-	/** Specifies the rows for a sheet in Spreadsheet.
-	*   @Default {[]}
-	*/
-	rows?: Array<SheetsRow>;
-
-	/** Gets or sets a value that indicates whether to show or hide grid lines in the Spreadsheet.
-	*   @Default {true}
-	*/
-	showGridlines?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable or disable the datasource header in Spreadsheet.
-	*   @Default {true}
-	*/
-	showHeader?: boolean;
-
-	/** Gets or sets a value that indicates whether to show or hide headings in the Spreadsheet.
-	*   @Default {true}
-	*/
-	showHeadings?: boolean;
-
-	/** Specifies the start cell for the datasource range in Spreadsheet.
-	*   @Default {A1}
-	*/
-	startCell?: string;
-}
-
-enum AutoFillOptions{
-
-	///Specifies the CopyCells property in AutoFillOptions.
-	CopyCells,
-
-	///Specifies the FillSeries property in AutoFillOptions.
-	FillSeries,
-
-	///Specifies the FillFormattingOnly property in AutoFillOptions.
-	FillFormattingOnly,
-
-	///Specifies the FillWithoutFormatting property in AutoFillOptions.
-	FillWithoutFormatting,
-
-	///Specifies the FlashFill property in AutoFillOptions.
-	FlashFill
-}
-
-
-enum scrollMode{
-
-	///To enable Infinite scroll mode for Spreadsheet.
-	Infinite,
-
-	///To enable Normal scroll mode for Spreadsheet.
-	Normal
-}
-
-
-enum SelectionType{
-
-	///To select only Column in Spreadsheet.
-	Column,
-
-	///To select only Row in Spreadsheet.
-	Row,
-
-	///To select both Column/Row in Spreadsheet.
-	Default
-}
-
-
-enum SelectionUnit{
-
-	///To enable Single selection in Spreadsheet
-	Single,
-
-	///To enable Range selection in Spreadsheet
-	Range,
-
-	///To enable MultiRange selection in Spreadsheet
-	MultiRange
-}
-
-
-enum BorderType{
-
-	///To apply top border for the given range of cell.
-	Top,
-
-	///To apply left border for the given range of cell.
-	Left,
-
-	///To apply right border for the given range of cell.
-	Right,
-
-	///To apply bottom border for the given range of cell.
-	Bottom,
-
-	///To apply outside border for the given range of cell.
-	OutSide,
-
-	///To apply all border for the given range of cell.
-	AllBorder,
-
-	///To apply thick box border for the given range of cell.
-	ThickBox,
-
-	///To apply thick bottom border for the given range of cell.
-	ThickBottom,
-
-	///To apply top and bottom border for the given range of cell.
-	TopandBottom,
-
-	///To apply top and thick bottom border for the given range of cell.
-	TopandThickBottom
-}
-
-
-enum CFormatRule{
-
-	///To identify greater than values in the given range of cells.
-	GreaterThan,
-
-	///To identify less than values in the given range of cells.
-	LessThan,
-
-	///To identify in between values in the given range of cells.
-	Between,
-
-	///To identify the equal values in the given range of cells.
-	EqualTo,
-
-	///To identify the specified text in the range of cells.
-	TextContains,
-
-	///To identify the specified date in the range of cells.
-	DateOccurs
-}
-
-
-enum CFormatHighlightColor{
-
-	///Highlights red with dark red text color.
-	RedFillwithDarkRedText,
-
-	///Highlights yellow with dark yellow text color.
-	YellowFillwithDarkYellowText,
-
-	///Highlights green with dark green text color.
-	GreenFillwithDarkGreenText,
-
-	///Highlights with red fill.
-	RedFill,
-
-	///Highlights with red text.
-	RedText
-}
-
-
-enum ChartProperties{
-
-	///Specifies to make the data label center of the chart.
-	DataLabelCenter,
-
-	///Specifies to make the data label inside base of the chart.
-	DataLabelInsideBase,
-
-	///Specifies to make the data label inside end of the chart.
-	DataLabelInsideEnd,
-
-	///Specifies to make the data label none of the chart.
-	DataLabelNone,
-
-	///Specifies to make the data label outside end of the chart.
-	DataLabelOutsideEnd,
-
-	///Specifies to make the legends to bottom of the chart.
-	LegendsBottom,
-
-	///Specifies to make the legends to left of the chart.
-	LegendsLeft,
-
-	///Specifies to make the legends to none of the chart.
-	LegendsNone,
-
-	///Specifies to make the legends to right of the chart.
-	LegendsRight,
-
-	///Specifies to make the legends to top of the chart.
-	LegendsTop,
-
-	///To set the primary horizontal of the chart.
-	PrimaryHorizontal,
-
-	///To set the primary horizontal axis title of the chart.
-	PrimaryHorizontalAxisTitle,
-
-	///To set the primary major horizontal of the chart.
-	PrimaryMajorHorizontal,
-
-	///To set the primary major vertical of the chart.
-	PrimaryMajorVertical,
-
-	///To set the primary minor horizontal of the chart.
-	PrimaryMinorHorizontal,
-
-	///To set the primary minor vertical of the chart.
-	PrimaryMinorVertical,
-
-	///To set the primary vertical of the chart.
-	PrimaryVertical,
-
-	///To set the primary vertical axis title of the chart.
-	PrimaryVerticalAxisTitle,
-
-	///Specifies to make the title to center of the chart.
-	TitleCenter,
-
-	///Specifies to make the title to far of the chart.
-	TitleFar,
-
-	///Specifies to make the title to near of the chart.
-	TitleNear,
-
-	///Specifies to make the title to none of the chart.
-	TitleNone
-}
-
-}
-
-class PdfViewer extends ej.Widget {
-	static fn: PdfViewer;
-	constructor(element: JQuery, options?: PdfViewer.Model);
-	constructor(element: Element, options?: PdfViewer.Model);
-	static Locale: any;
-	model:PdfViewer.Model;
-	defaults:PdfViewer.Model;
-
-	/** Loads the document with the filename and displays it in PDF viewer.
-	*   @param {string} File name to be loaded
-	*   @returns {void}
-	*/
-	load(fileName: string): void;
-
-	/** Shows/hides the toolbar in the PDF viewer.
-	*   @param {boolean} shows/hides the toolbar
-	*   @returns {void}
-	*/
-	showToolbar(show: boolean): void;
-
-	/** Prints the PDF document.
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** Abort the printing function and restores the PDF viewer.
-	*   @returns {void}
-	*/
-	abortPrint(): void;
-
-	/** Shows/hides the print icon in the toolbar.
-	*   @param {boolean} shows/hides print button in the toolbar
-	*   @returns {void}
-	*/
-	showPrintTools(show: boolean): void;
-
-	/** Downloads the PDF document being loaded in the ejPdfViewer control.
-	*   @returns {void}
-	*/
-	download(): void;
-
-	/** Shows/hides the download tool in the toolbar.
-	*   @param {boolean} shows/hides download button in the toolbar
-	*   @returns {void}
-	*/
-	showDownloadTool(show: boolean): void;
-
-	/** Shows/hides the page navigation tools in the toolbar
-	*   @param {boolean} shows/hides navigation tools in the toolbar
-	*   @returns {void}
-	*/
-	showPageNavigationTools(show: boolean): void;
-
-	/** Shows/hides the text markup annotation tools in the toolbar.
-	*   @param {boolean} shows/hides text markup annotation tools in the toolbar
-	*   @returns {void}
-	*/
-	showTextMarkupAnnotationTools(show: boolean): void;
-
-	/** Navigates to the specific page in the PDF document. If the page is not available for the given pageNumber, PDF viewer retains the existing page in view.
-	*   @param {number} navigates to the page number in the PDF document
-	*   @returns {void}
-	*/
-	goToPage(pageNumber: number): void;
-
-	/** Navigates to the last page of the PDF document.
-	*   @returns {void}
-	*/
-	goToLastPage(): void;
-
-	/** Navigates to the first page of PDF document.
-	*   @returns {void}
-	*/
-	goToFirstPage(): void;
-
-	/** Navigates to the next page of the PDF document.
-	*   @returns {void}
-	*/
-	goToNextPage(): void;
-
-	/** Navigates to the previous page of the PDF document.
-	*   @returns {void}
-	*/
-	goToPreviousPage(): void;
-
-	/** Shows/hides the zoom tools in the toolbar.
-	*   @param {boolean} shows/hides zoom tools in the toolbar
-	*   @returns {void}
-	*/
-	showMagnificationTools(show: boolean): void;
-
-	/** Scales the page to fit the page in the container in the control.
-	*   @returns {void}
-	*/
-	fitToPage(): void;
-
-	/** Scales the page to fit the page width to the width of the container in the control.
-	*   @returns {void}
-	*/
-	fitToWidth(): void;
-
-	/** Magnifies the page to the next value in the zoom drop down list.
-	*   @returns {void}
-	*/
-	zoomIn(): void;
-
-	/** Shrinks the page to the previous value in the magnification in the drop down list.
-	*   @returns {void}
-	*/
-	zoomOut(): void;
-
-	/** Scales the page to the specified percentage ranging from 50 to 400. If the given zoomValue is less than 50 or greater than 400; the PDF viewer scales the page to 50 and 400 respectively.
-	*   @param {number} zoom value for scaling the pages in the PDF Viewer
-	*   @returns {void}
-	*/
-	zoomTo(zoomValue: number): void;
-
-	/** Adds annotations to the PDF document.
-	*   @param {ej.PdfViewer.AnnotationType} type of the annotation to be added in the PDF document.
-	*   @returns {void}
-	*/
-	addAnnotation(annotationType: ej.PdfViewer.AnnotationType): void;
-
-	/** Performs undo function for the included annotations in the PDF document.
-	*   @returns {void}
-	*/
-	undo(): void;
-
-	/** Performs redo function for the included annotations in the PDF document.
-	*   @returns {void}
-	*/
-	redo(): void;
-
-	/** Unloads the PDF document being displayed in the PDF viewer.
-	*   @returns {void}
-	*/
-	unload(): void;
-}
-export module PdfViewer{
-
-export interface Model {
-
-	/** Specifies the locale information of the PDF viewer.
-	*/
-	locale?: string;
-
-	/** Specifies the toolbar settings.
-	*/
-	toolbarSettings?: ToolbarSettings;
-
-	/** Specifies the name of the action method in the server.
-	*/
-	serverActionSettings?: ServerActionSettings;
-
-	/** Sets the PDF Web API service URL
-	*/
-	serviceUrl?: string;
-
-	/** Sets the PDF document path for initial loading.
-	*/
-	documentPath?: string;
-
-	/** Enables or disables the text markup annotations.
-	*/
-	enableTextMarkupAnnotations?: boolean;
-
-	/** Enables or disables the highlight annotation.
-	*/
-	enableHighlightAnnotation?: boolean;
-
-	/** Enables or disables the underline annotation.
-	*/
-	enableUnderlineAnnotation?: boolean;
-
-	/** Enables or disables the strikethrough annotation.
-	*/
-	enableStrikethroughAnnotation?: boolean;
-
-	/** Gets/sets the settings of the strikethrough annotation.
-	*/
-	strikethroughSettings?: StrikethroughSettings;
-
-	/** Gets/sets the settings of the underline annotation.
-	*/
-	underlineSettings?: UnderlineSettings;
-
-	/** Gets/sets the settings of the highlight annotation.
-	*/
-	highlightSettings?: HighlightSettings;
-
-	/** Specifies the type of the annotations.
-	*/
-	annotationType?: ej.PdfViewer.AnnotationType|string;
-
-	/** Gets the total number of pages in PDF document.
-	*/
-	pageCount?: number;
-
-	/** Gets the number of the page being displayed in the PDF viewer.
-	*/
-	currentPageNumber?: number;
-
-	/** Gets the current zoom percentage of the PDF document in viewer.
-	*/
-	zoomPercentage?: number;
-
-	/** Specifies the location of the supporting PDF service
-	*/
-	pdfService?: ej.PdfViewer.PdfService|string;
-
-	/** Specifies the open state of the hyperlink in the PDF document.
-	*/
-	hyperlinkOpenState?: ej.PdfViewer.LinkTarget|string;
-
-	/** Enables or disables the hyperlinks in PDF document.
-	*/
-	enableHyperlink?: boolean;
-
-	/** Enables or disables the text selection in PDF document.
-	*/
-	enableTextSelection?: boolean;
-
-	/** Enables or disables the responsiveness of the PDF viewer control during the window resize.
-	*/
-	isResponsive?: boolean;
-
-	/** Checks whether the PDF document is edited.
-	*/
-	isDocumentEdited?: boolean;
-
-	/** Enables or disables the buffering of the PDF pages in the client side.
-	*/
-	allowClientBuffering?: boolean;
-
-	/** Gets the name of the PDF document which loaded in the ejPdfViewer control for downloading.
-	*/
-	fileName?: string;
-
-	/** Triggers when the PDF document gets loaded and is ready to view in the Control. */
-	documentLoad? (e: DocumentLoadEventArgs): void;
-
-	/** Triggers when the PDF document gets unloaded from the PDF viewer. */
-	documentUnload? (e: DocumentUnloadEventArgs): void;
-
-	/** Triggers when there is change in current page number. */
-	pageChange? (e: PageChangeEventArgs): void;
-
-	/** Triggers when the ajax request is failed. */
-	ajaxRequestFailure? (e: AjaxRequestFailureEventArgs): void;
-
-	/** Triggers when there is change in the magnification value. */
-	zoomChange? (e: ZoomChangeEventArgs): void;
-
-	/** Triggers when hyperlink in the PDF Document is clicked */
-	hyperlinkClick? (e: HyperlinkClickEventArgs): void;
-
-	/** Triggers before the printing starts. */
-	beforePrint? (e: BeforePrintEventArgs): void;
-
-	/** Triggers after the printing is completed. */
-	afterPrint? (e: AfterPrintEventArgs): void;
-
-	/** Triggers when the mouse click is performed over the page of the PDF document. */
-	pageClick? (e: PageClickEventArgs): void;
-
-	/** Triggers when an annotation is added over the page of the PDF document. */
-	annotationAdd? (e: AnnotationAddEventArgs): void;
-
-	/** Triggers when an annotation is removed from the page of the PDF document. */
-	annotationRemove? (e: AnnotationRemoveEventArgs): void;
-
-	/** Triggers when the property of the annotation is changed in the page of the PDF document. */
-	annotationPropertiesChange? (e: AnnotationPropertiesChangeEventArgs): void;
-
-	/** Triggers when the client buffering process starts. */
-	bufferStart? (e: BufferStartEventArgs): void;
-
-	/** Triggers when the client buffering process ends. */
-	bufferEnd? (e: BufferEndEventArgs): void;
-
-	/** Triggers when PDF viewer control is destroyed successfully. */
-	destroy? (e: DestroyEventArgs): void;
-}
-
-export interface DocumentLoadEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the PDF document name displaying in the PDF viewer.
-	*/
-	fileName?: string;
-}
-
-export interface DocumentUnloadEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface PageChangeEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the current page number in view.
-	*/
-	currentPageNumber?: number;
-}
-
-export interface AjaxRequestFailureEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the exception details.
-	*/
-	message?: string;
-}
-
-export interface ZoomChangeEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the previous zoom percentage of the PDF viewer control
-	*/
-	previousZoomPercentage?: number;
-
-	/** Returns the current zoom percentage of the PDF viewer control
-	*/
-	currentZoomPercentage?: number;
-}
-
-export interface HyperlinkClickEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the clicked hyperlink
-	*/
-	hyperlink?: string;
-}
-
-export interface BeforePrintEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface AfterPrintEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface PageClickEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the current X position
-	*/
-	offsetX?: number;
-
-	/** Returns the current Y position
-	*/
-	offsetY?: number;
-}
-
-export interface AnnotationAddEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the settings of the annotation added to the PDF document.
-	*/
-	annotationSettings?: any;
-
-	/** Returns the id of the annotation added in the page of the PDF document.
-	*/
-	annotationID?: number;
-
-	/** Returns the bounds of the annotation added in the page of the PDF document.
-	*/
-	annotationBound?: Array<any>;
-
-	/** Returns the page number in which the annotation is added.
-	*/
-	pageID?: number;
-
-	/** Returns the type of the annotation added in the page of the PDF document.
-	*/
-	annotationType?: string;
-}
-
-export interface AnnotationRemoveEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the id of the annotation removed from the page of the PDF document.
-	*/
-	annotationID?: number;
-
-	/** Returns the page number in which the annotation is removed.
-	*/
-	pageID?: number;
-
-	/** Returns the type of the annotation removed from the page of the PDF document.
-	*/
-	annotationType?: string;
-}
-
-export interface AnnotationPropertiesChangeEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Returns the id of the annotation added in the page of the PDF document.
-	*/
-	annotationID?: number;
-
-	/** Returns the page number in which the annotation is added.
-	*/
-	pageID?: number;
-
-	/** Returns the type of the annotation added in the page of the PDF document.
-	*/
-	annotationType?: string;
-
-	/** Specifies that the color of the annotation is changed.
-	*/
-	isColorChanged?: boolean;
-
-	/** Specifies that the opacity of the annotation is changed.
-	*/
-	isOpacityChanged?: boolean;
-}
-
-export interface BufferStartEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Specifies the state of the buffering
-	*/
-	isBuffering?: boolean;
-}
-
-export interface BufferEndEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** Specifies the state of the buffering
-	*/
-	isBuffering?: boolean;
-}
-
-export interface DestroyEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the PDF viewer model
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ToolbarSettings {
-
-	/** Shows or hides the tooltip of the toolbar items.
-	*/
-	showToolTip?: boolean;
-
-	/** Shows or hides the grouped items in the toolbar with the help of enum ej.PdfViewer.ToolbarItems
-	*/
-	toolbarItem?: ej.PdfViewer.ToolbarItems|string;
-}
-
-export interface ServerActionSettings {
-
-	/** Specifies the name of the action method used for loading the PDF document.
-	*/
-	load?: string;
-
-	/** Specifies the name of the action method used for uploading the PDF document to the PDF viewer control.
-	*/
-	fileUpload?: string;
-
-	/** Specifies the name of the action method used for printing the PDF document in the PDF viewer control.
-	*/
-	print?: string;
-
-	/** Specifies the name of the action method used for downloading the PDF document from the PDF viewer control.
-	*/
-	download?: string;
-}
-
-export interface StrikethroughSettings {
-
-	/** Gets/sets the color of the strikethrough annotation.
-	*/
-	color?: string;
-
-	/** Gets/sets the author of the strikethrough annotation.
-	*/
-	author?: string;
-
-	/** Gets/sets the opacity of the strikethrough annotation.
-	*/
-	opacity?: number;
-
-	/** Gets/sets the subject of the strikethrough annotation.
-	*/
-	subject?: string;
-
-	/** Gets/sets the modified Date of the strikethrough annotation.
-	*/
-	modifiedDate?: string;
-
-	/** Gets/sets the locked property of the strikethrough annotation.
-	*/
-	isLocked?: boolean;
-}
-
-export interface UnderlineSettings {
-
-	/** Gets/sets the color of the underline annotation.
-	*/
-	color?: string;
-
-	/** Gets/sets the author of the underline annotation.
-	*/
-	author?: string;
-
-	/** Gets/sets the opacity of the underline annotation.
-	*/
-	opacity?: number;
-
-	/** Gets/sets the subject of the underline annotation.
-	*/
-	subject?: string;
-
-	/** Gets/sets the modified Date of the underline annotation.
-	*/
-	modifiedDate?: string;
-
-	/** Gets/sets the locked property of the underline annotation.
-	*/
-	isLocked?: boolean;
-}
-
-export interface HighlightSettings {
-
-	/** Gets/sets the color of the highlight  annotation.
-	*/
-	color?: string;
-
-	/** Gets/sets the author of the highlight annotation.
-	*/
-	author?: string;
-
-	/** Gets/sets the opacity of the highlight annotation.
-	*/
-	opacity?: number;
-
-	/** Gets/sets the subject of the highlight annotation.
-	*/
-	subject?: string;
-
-	/** Gets/sets the modified Date of the highlight annotation.
-	*/
-	modifiedDate?: string;
-
-	/** Gets/sets the locked property of the highlight annotation.
-	*/
-	isLocked?: boolean;
-}
-
-enum ToolbarItems{
-
-	///Shows only magnification tools in the toolbar.
-	MagnificationTools,
-
-	///Shows only page navigation tools in the toolbar.
-	PageNavigationTools,
-
-	///Shows only print tool in the toolbar.
-	PrintTools,
-
-	///Shows only download tool in the toolbar.
-	DownloadTool,
-
-	///Shows only text search tool in the toolbar.
-	TextSearchTool,
-
-	///Shows only text markup annotation tools in the toolbar.
-	TextMarkupAnnotationTools,
-
-	///Shows all the toolbar items.
-	All
-}
-
-
-enum AnnotationType{
-
-	///Specifies the underline annotation.
-	Underline,
-
-	///Specifies the strikethrough annotation.
-	Strikethrough,
-
-	///Specifies the highlight annotation.
-	Highlight
-}
-
-
-enum PdfService{
-
-	///Denotes that the service is located in the local project
-	Local,
-
-	///Denotes that the service is hosted in the remote server
-	Remote
-}
-
-
-enum LinkTarget{
-
-	///Opens the hyperlink in the same tab of the browser. 
-	Default,
-
-	///Opens the hyperlink in a new tab of the browser.
-	NewTab,
-
-	///Opens the hyperlink in a new window of the browser.
-	NewWindow
-}
-
-}
-
-class SpellCheck extends ej.Widget {
-	static fn: SpellCheck;
-	constructor(element: JQuery, options?: SpellCheck.Model);
-	constructor(element: Element, options?: SpellCheck.Model);
-	static Locale: any;
-	model:SpellCheck.Model;
-	defaults:SpellCheck.Model;
-
-	/** Open the dialog to correct the spelling of the target content.
-	*   @returns {void}
-	*/
-	showInDialog(): void;
-
-	/** Highlighting the error word in the target area itself and correct the spelling using the context menu.
-	*   @returns {void}
-	*/
-	validate(): void;
-
-	/** To get the error word highlighted string by passing the given input sentence.
-	*   @param {string} Content to be spell check
-	*   @param {string} Class name that contains style value to highlight the error word
-	*   @returns {any}
-	*/
-	spellCheck(targetSentence: string, misspellWordCss: string): any;
-
-	/** To ignore all the error word occurrences from the given input sentence.
-	*   @param {string} Error word to ignore from the target content
-	*   @param {string} Content to perform the ignore all operation
-	*   @returns {any}
-	*/
-	ignoreAll(word: string, targetSentence: string): any;
-
-	/** To ignore the error word once from the given input sentence.
-	*   @param {string} Error word to ignore from the target content
-	*   @param {string} Content to perform the ignore operation
-	*   @param {number} Index of the error word present in the target content
-	*   @returns {any}
-	*/
-	ignore(word: string, targetSentence: string, index: number): any;
-
-	/** To change the error word once from the given input sentence.
-	*   @param {string} Error word to change from the target content
-	*   @param {string} Content to perform the change operation
-	*   @param {string} Word to replace with the error word
-	*   @param {number} Index of the error word present in the target content
-	*   @returns {any}
-	*/
-	change(word: string, targetSentence: string, changeWord: string, index: number): any;
-
-	/** To change all the error word occurrences from the given input sentence.
-	*   @param {string} Error word to change from the target content
-	*   @param {string} Content to perform the change all operation
-	*   @param {string} Word to replace with the error word
-	*   @returns {any}
-	*/
-	changeAll(word: string, targetSentence: string, changeWord: string): any;
-
-	/** To add the words into the custom dictionary.
-	*   @param {string} Word to add into the dictionary file
-	*   @returns {any}
-	*/
-	addToDictionary(customWord: string): any;
-}
-export module SpellCheck{
-
-export interface Model {
-
-	/** It includes the service method path to find the error words and its suggestions also adding the custom word into the custom dictionary.
-	*/
-	dictionarySettings?: DictionarySettings;
-
-	/** To display the error word in a customized style.
-	*   @Default {e-errorword}
-	*/
-	misspellWordCss?: string;
-
-	/** Sets the specific culture to the SpellCheck.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** To set the maximum suggestion display count.
-	*   @Default {6}
-	*/
-	maxSuggestionCount?: number;
-
-	/** To ignore the words from the error word consideration.
-	*   @Default {[]}
-	*/
-	ignoreWords?: Array<any>;
-
-	/** Holds all options related to the context menu settings of SpellCheck.
-	*/
-	contextMenuSettings?: ContextMenuSettings;
-
-	/** It helps to ignore the uppercase, mixed case words, alpha numeric words, file path and email addresses based on the property values.
-	*/
-	ignoreSettings?: IgnoreSettings;
-
-	/** When set to true, allows the spellcheck to render based upon screen size.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Gets or sets a value that indicates whether to enable the spellcheck operation on Enter/Space key-press.
-	*   @Default {false}
-	*/
-	enableValidateOnType?: boolean;
-
-	/** It allows to spell check the multiple target HTML element's texts and correct its error words.
-	*   @Default {null}
-	*/
-	controlsToValidate?: string;
-
-	/** Triggers on the success of AJAX call request. */
-	actionSuccess? (e: ActionSuccessEventArgs): void;
-
-	/** Triggers on the AJAX call request beginning. */
-	actionBegin? (e: ActionBeginEventArgs): void;
-
-	/** Triggers when the AJAX call request failure. */
-	actionFailure? (e: ActionFailureEventArgs): void;
-
-	/** Triggers when the dialog mode spell check starting. */
-	start? (e: StartEventArgs): void;
-
-	/** Triggers when the spell check operations completed through dialog mode. */
-	complete? (e: CompleteEventArgs): void;
-
-	/** Triggers before context menu opening. */
-	contextOpen? (e: ContextOpenEventArgs): void;
-
-	/** Triggers when the context menu item clicked. */
-	contextClick? (e: ContextClickEventArgs): void;
-
-	/** Triggers before the spell check dialog opens. */
-	dialogBeforeOpen? (e: DialogBeforeOpenEventArgs): void;
-
-	/** Triggers after the spell check dialog opens. */
-	dialogOpen? (e: DialogOpenEventArgs): void;
-
-	/** Triggers when the spell check dialog closed. */
-	dialogClose? (e: DialogCloseEventArgs): void;
-
-	/** Triggers when the spell check control performing the spell check operations such as ignore, ignoreAll, change, changeAll and addToDictionary. */
-	validating? (e: ValidatingEventArgs): void;
-
-	/** Triggers before loading the target HTML element text into the dialog sentence area. */
-	targetUpdating? (e: TargetUpdatingEventArgs): void;
-}
-
-export interface ActionSuccessEventArgs {
-
-	/** Returns the error word highlighted string.
-	*/
-	resultHTML?: string;
-
-	/** Returns the error word details of the given input.
-	*/
-	errorWordDetails?: any;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ActionBeginEventArgs {
-
-	/** Returns the input string.
-	*/
-	targetSentence?: string;
-
-	/** Returns the misspellWordCss class name.
-	*/
-	misspellWordCss?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ActionFailureEventArgs {
-
-	/** Returns AJAX request failure error message.
-	*/
-	errorMessage?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface StartEventArgs {
-
-	/** Returns the input string.
-	*/
-	targetSentence?: string;
-
-	/** Returns the error words details.
-	*/
-	errorWords?: any;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface CompleteEventArgs {
-
-	/** Returns the error word highlighted string.
-	*/
-	resultHTML?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ContextOpenEventArgs {
-
-	/** Returns the selected error word.
-	*/
-	selectedErrorWord?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ContextClickEventArgs {
-
-	/** Returns the selected error word.
-	*/
-	selectedValue?: string;
-
-	/** Returns the selected option in the context menu.
-	*/
-	selectedOption?: string;
-
-	/** Returns the input string.
-	*/
-	targetContent?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DialogBeforeOpenEventArgs {
-
-	/** Returns the spell check window details.
-	*/
-	spellCheckDialog?: any;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DialogOpenEventArgs {
-
-	/** Returns the target input.
-	*/
-	targetText?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DialogCloseEventArgs {
-
-	/** Returns the error corrected string.
-	*/
-	updatedText?: string;
-
-	/** Returns the request type value.
-	*/
-	requestType?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ValidatingEventArgs {
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the error word to ignore.
-	*/
-	ignoreWord?: string;
-
-	/** Returns the target content.
-	*/
-	targetContent?: string;
-
-	/** Returns the index of an error word.
-	*/
-	index?: number;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the validating request type.
-	*/
-	requestType?: string;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-
-	/** Returns the error word to change.
-	*/
-	changeableWord?: string;
-
-	/** Returns the change word to replace the error word.
-	*/
-	changeWord?: string;
-
-	/** Returns the custom word to add into dictionary file.
-	*/
-	customWord?: string;
-}
-
-export interface TargetUpdatingEventArgs {
-
-	/** Returns the previous target element value.
-	*/
-	previousElement?: any;
-
-	/** Returns the current target element value.
-	*/
-	currentElement?: any;
-
-	/** Returns the target html value.
-	*/
-	targetHtml?: string;
-
-	/** Returns the cancel option value.
-	*/
-	cancel?: boolean;
-
-	/** Returns the SpellCheck model.
-	*/
-	model?: ej.SpellCheck.Model;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface DictionarySettings {
-
-	/** The dictionaryUrl option accepts string, which is the method path to find the error words and get the suggestions to correct the errors.
-	*/
-	dictionaryUrl?: string;
-
-	/** The customDictionaryUrl option accepts string, which is the method path to add the error word into the custom dictionary.
-	*/
-	customDictionaryUrl?: string;
-}
-
-export interface ContextMenuSettings {
-
-	/** When set to true, enables the context menu options available for the SpellCheck.
-	*   @Default {true}
-	*/
-	enable?: boolean;
-
-	/** Contains all the default context menu options that are applicable for SpellCheck. It also supports adding custom menu items. All the SpellCheck related context menu items are grouped under this menu collection.
-	*   @Default {{% highlight javascript %}[{ id: IgnoreAll, text: Ignore All },{ id: AddToDictionary, text: Add To Dictionary }]{% endhighlight %}}
-	*/
-	menuItems?: Array<any>;
-}
-
-export interface IgnoreSettings {
-
-	/** When set to true, ignoring the alphanumeric words from the error word consideration.
-	*   @Default {true}
-	*/
-	ignoreAlphaNumericWords?: string;
-
-	/** When set to true, ignoring the Email address from the error word consideration.
-	*   @Default {true}
-	*/
-	ignoreEmailAddress?: boolean;
-
-	/** When set to true, ignoring the MixedCase words from the error word consideration.
-	*   @Default {true}
-	*/
-	ignoreMixedCaseWords?: boolean;
-
-	/** When set to true, ignoring the UpperCase words from the error word consideration.
-	*   @Default {true}
-	*/
-	ignoreUpperCase?: boolean;
-
-	/** When set to true, ignoring the Url from the error word consideration.
-	*   @Default {true}
-	*/
-	ignoreUrl?: boolean;
-
-	/** When set to true, ignoring the file address path from the error word consideration.
-	*   @Default {true}
-	*/
-	ignoreFileNames?: boolean;
-}
-}
-
-class DocumentEditor extends ej.Widget {
-	static fn: DocumentEditor;
-	constructor(element: JQuery, options?: DocumentEditor.Model);
-	constructor(element: Element, options?: DocumentEditor.Model);
-	static Locale: any;
-	model:DocumentEditor.Model;
-	defaults:DocumentEditor.Model;
-
-	/** Loads the document from specified path using web API provided by importUrl.
-	*   @param {string} Specifies the file path.
-	*   @returns {void}
-	*/
-	load(path: string): void;
-
-	/** Gets the page number of current selection in the document.
-	*   @returns {number}
-	*/
-	getCurrentPageNumber(): number;
-
-	/** Gets the total number of pages in the document.
-	*   @returns {number}
-	*/
-	getPageCount(): number;
-
-	/** Gets the text of current selection in the document.
-	*   @returns {string}
-	*/
-	getSelectedText(): string;
-
-	/** Gets the current zoom factor value of the document editor.
-	*   @returns {number}
-	*/
-	getZoomFactor(): number;
-
-	/** Scales the document editor with the specified zoom factor. The range of zoom factor should be 0.10 to 5.00 (10 - 500 %).
-	*   @param {number} Specifies the factor for zooming.
-	*   @returns {void}
-	*/
-	setZoomFactor(factor: number): void;
-
-	/** Prints the document content as page by page.
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** Finds the first occurrence of specified text from current selection and  highlights the result. If the document end is reached, find operation will occur from the document start position.
-	*   @param {string} Specifies the text to search in a document.
-	*   @returns {void}
-	*/
-	find(text: string): void;
-}
-export module DocumentEditor{
-
-export interface Model {
-
-	/** Gets or sets an object that indicates initialization of importing and exporting documents in document editor.
-	*/
-	importExportSettings?: ImportExportSettings;
-
-	/** Triggers when the document changes. */
-	onDocumentChange? (e: OnDocumentChangeEventArgs): void;
-
-	/** Triggers when the selection changes. */
-	onSelectionChange? (e: OnSelectionChangeEventArgs): void;
-
-	/** Triggers when the zoom factor changes. */
-	onZoomFactorChange? (e: OnZoomFactorChangeEventArgs): void;
-
-	/** Triggers when the hyperlink is clicked. */
-	onRequestNavigate? (e: OnRequestNavigateEventArgs): void;
-}
-
-export interface OnDocumentChangeEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the document editor model.
-	*/
-	model?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface OnSelectionChangeEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the document editor model.
-	*/
-	model?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface OnZoomFactorChangeEventArgs {
-
-	/** True, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the document editor model.
-	*/
-	model?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface OnRequestNavigateEventArgs {
-
-	/** true, if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** Returns the document editor model.
-	*/
-	model?: any;
-
-	/** Returns the link type and navigation link.
-	*/
-	hyperlink?: any;
-
-	/** Returns the name of the event.
-	*/
-	type?: string;
-}
-
-export interface ImportExportSettings {
-
-	/** Gets or sets URL of Web API that should be used to parse the document while loading.
-	*/
-	importUrl?: string;
-}
-}
-
-}
-declare module ej.datavisualization {
-	
-class SymbolPalette extends ej.Widget {
-	static fn: SymbolPalette;
-	constructor(element: JQuery, options?: SymbolPalette.Model);
-	constructor(element: Element, options?: SymbolPalette.Model);
-	static Locale: any;
-	model:SymbolPalette.Model;
-	defaults:SymbolPalette.Model;
-
-	/** Add items to Palettes at runtime
-	*   @param {string} name of the Palette
-	*   @param {any} JSON for the new items to added in Palette
-	*   @returns {void}
-	*/
-	addPaletteItem(paletteName: string, node: any): void;
-
-	/** Remove items to Palettes at runtime
-	*   @param {string} name of the Palette
-	*   @param {any} JSON for the new node to removed in Palette
-	*   @returns {void}
-	*/
-	removePaletteItem(paletteName: string, node: any): void;
-}
-export module SymbolPalette{
-
-export interface Model {
-
-	/** Defines whether the symbols can be dragged from palette or not
-	*   @Default {true}
-	*/
-	allowDrag?: boolean;
-
-	/** Customizes the style of the symbol palette
-	*   @Default {e-symbolpalette}
-	*/
-	cssClass?: string;
-
-	/** Defines the default properties of nodes and connectors
-	*/
-	defaultSettings?: DefaultSettings;
-
-	/** Sets the Id of the diagram, over which the symbols will be dropped
-	*   @Default {null}
-	*/
-	diagramId?: string;
-
-	/** Sets the height of the palette headers
-	*   @Default {30}
-	*/
-	headerHeight?: number;
-
-	/** Defines the height of the symbol palette
-	*   @Default {400}
-	*/
-	height?: number;
-
-	/** Defines the height of the palette items
-	*   @Default {50}
-	*/
-	paletteItemHeight?: number;
-
-	/** Defines the width of the palette items
-	*   @Default {50}
-	*/
-	paletteItemWidth?: number;
-
-	/** An array of JSON objects, where each object represents a node/connector
-	*   @Default {[]}
-	*/
-	palettes?: Array<Palette>;
-
-	/** Defines the preview height of the symbols
-	*   @Default {100}
-	*/
-	previewHeight?: number;
-
-	/** Defines the offset value to be left between the mouse cursor and symbol previews
-	*   @Default {(110, 110)}
-	*/
-	previewOffset?: any;
-
-	/** Defines the width of the symbol previews
-	*   @Default {100}
-	*/
-	previewWidth?: number;
-
-	/** Enable or disable the palette item text
-	*   @Default {true}
-	*/
-	showPaletteItemText?: boolean;
-
-	/** The width of the palette
-	*   @Default {250}
-	*/
-	width?: number;
-
-	/** Triggers when a palette item is selected or unselected */
-	selectionChange? (e: SelectionChangeEventArgs): void;
-}
-
-export interface SelectionChangeEventArgs {
-
-	/** returns whether an element is selected or unselected
-	*/
-	changeType?: string;
-
-	/** returns the node or connector that is selected or unselected
-	*/
-	element?: any;
-}
-
-export interface DefaultSettings {
-
-	/** Defines the default properties of the nodes
-	*   @Default {null}
-	*/
-	node?: any;
-
-	/** Defines the default properties of the connectors
-	*   @Default {null}
-	*/
-	connector?: any;
-}
-
-export interface Palette {
-
-	/** Defines the name of the palette
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Defines whether the palette must be in expanded state or in collapsed state
-	*   @Default {true}
-	*/
-	expanded?: boolean;
-
-	/** Defines the palette items
-	*   @Default {[]}
-	*/
-	items?: Array<any>;
-}
-}
-
-class LinearGauge extends ej.Widget {
-	static fn: LinearGauge;
-	constructor(element: JQuery, options?: LinearGauge.Model);
-	constructor(element: Element, options?: LinearGauge.Model);
-	static Locale: any;
-	model:LinearGauge.Model;
-	defaults:LinearGauge.Model;
-
-	/** destroy the linear gauge all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To export Image
-	*   @returns {void}
-	*/
-	exportImage(): void;
-
-	/** To get Bar Distance From Scale in number
-	*   @returns {any}
-	*/
-	getBarDistanceFromScale(): any;
-
-	/** To get Bar Pointer Value in number
-	*   @returns {any}
-	*/
-	getBarPointerValue(): any;
-
-	/** To get Bar Width in number
-	*   @returns {any}
-	*/
-	getBarWidth(): any;
-
-	/** To get CustomLabel Angle in number
-	*   @returns {any}
-	*/
-	getCustomLabelAngle(): any;
-
-	/** To get CustomLabel Value in string
-	*   @returns {any}
-	*/
-	getCustomLabelValue(): any;
-
-	/** To get Label Angle in number
-	*   @returns {any}
-	*/
-	getLabelAngle(): any;
-
-	/** To get LabelPlacement in number
-	*   @returns {any}
-	*/
-	getLabelPlacement(): any;
-
-	/** To get LabelStyle in number
-	*   @returns {any}
-	*/
-	getLabelStyle(): any;
-
-	/** To get Label XDistance From Scale in number
-	*   @returns {any}
-	*/
-	getLabelXDistanceFromScale(): any;
-
-	/** To get PointerValue in number
-	*   @returns {any}
-	*/
-	getLabelYDistanceFromScale(): any;
-
-	/** To get Major Interval Value in number
-	*   @returns {any}
-	*/
-	getMajorIntervalValue(): any;
-
-	/** To get MarkerStyle in number
-	*   @returns {any}
-	*/
-	getMarkerStyle(): any;
-
-	/** To get Maximum Value in number
-	*   @returns {any}
-	*/
-	getMaximumValue(): any;
-
-	/** To get PointerValue in number
-	*   @returns {any}
-	*/
-	getMinimumValue(): any;
-
-	/** To get Minor Interval Value in number
-	*   @returns {any}
-	*/
-	getMinorIntervalValue(): any;
-
-	/** To get Pointer Distance From Scale in number
-	*   @returns {any}
-	*/
-	getPointerDistanceFromScale(): any;
-
-	/** To get PointerHeight in number
-	*   @returns {any}
-	*/
-	getPointerHeight(): any;
-
-	/** To get Pointer Placement in String
-	*   @returns {any}
-	*/
-	getPointerPlacement(): any;
-
-	/** To get PointerValue in number
-	*   @returns {any}
-	*/
-	getPointerValue(): any;
-
-	/** To get PointerWidth in number
-	*   @returns {any}
-	*/
-	getPointerWidth(): any;
-
-	/** To get Range Border Width in number
-	*   @returns {any}
-	*/
-	getRangeBorderWidth(): any;
-
-	/** To get Range Distance From Scale in number
-	*   @returns {any}
-	*/
-	getRangeDistanceFromScale(): any;
-
-	/** To get Range End Value in number
-	*   @returns {any}
-	*/
-	getRangeEndValue(): any;
-
-	/** To get Range End Width in number
-	*   @returns {any}
-	*/
-	getRangeEndWidth(): any;
-
-	/** To get Range Position in number
-	*   @returns {any}
-	*/
-	getRangePosition(): any;
-
-	/** To get Range Start Value in number
-	*   @returns {any}
-	*/
-	getRangeStartValue(): any;
-
-	/** To get Range Start Width in number
-	*   @returns {any}
-	*/
-	getRangeStartWidth(): any;
-
-	/** To get ScaleBarLength in number
-	*   @returns {any}
-	*/
-	getScaleBarLength(): any;
-
-	/** To get Scale Bar Size in number
-	*   @returns {any}
-	*/
-	getScaleBarSize(): any;
-
-	/** To get Scale Border Width in number
-	*   @returns {any}
-	*/
-	getScaleBorderWidth(): any;
-
-	/** To get Scale Direction in number
-	*   @returns {any}
-	*/
-	getScaleDirection(): any;
-
-	/** To get Scale Location in object
-	*   @returns {any}
-	*/
-	getScaleLocation(): any;
-
-	/** To get Scale Style in string
-	*   @returns {any}
-	*/
-	getScaleStyle(): any;
-
-	/** To get Tick Angle in number
-	*   @returns {any}
-	*/
-	getTickAngle(): any;
-
-	/** To get Tick Height in number
-	*   @returns {any}
-	*/
-	getTickHeight(): any;
-
-	/** To get getTickPlacement in number
-	*   @returns {any}
-	*/
-	getTickPlacement(): any;
-
-	/** To get Tick Style in string
-	*   @returns {any}
-	*/
-	getTickStyle(): any;
-
-	/** To get Tick Width in number
-	*   @returns {any}
-	*/
-	getTickWidth(): any;
-
-	/** To get get Tick XDistance From Scale in number
-	*   @returns {any}
-	*/
-	getTickXDistanceFromScale(): any;
-
-	/** To get Tick YDistance From Scale in number
-	*   @returns {any}
-	*/
-	getTickYDistanceFromScale(): any;
-
-	/** Specifies the scales.
-	*   @returns {void}
-	*/
-	scales(): void;
-
-	/** To set setBarDistanceFromScale
-	*   @returns {void}
-	*/
-	setBarDistanceFromScale(): void;
-
-	/** To set setBarPointerValue
-	*   @returns {void}
-	*/
-	setBarPointerValue(): void;
-
-	/** To set setBarWidth
-	*   @returns {void}
-	*/
-	setBarWidth(): void;
-
-	/** To set setCustomLabelAngle
-	*   @returns {void}
-	*/
-	setCustomLabelAngle(): void;
-
-	/** To set setCustomLabelValue
-	*   @returns {void}
-	*/
-	setCustomLabelValue(): void;
-
-	/** To set setLabelAngle
-	*   @returns {void}
-	*/
-	setLabelAngle(): void;
-
-	/** To set setLabelPlacement
-	*   @returns {void}
-	*/
-	setLabelPlacement(): void;
-
-	/** To set setLabelStyle
-	*   @returns {void}
-	*/
-	setLabelStyle(): void;
-
-	/** To set setLabelXDistanceFromScale
-	*   @returns {void}
-	*/
-	setLabelXDistanceFromScale(): void;
-
-	/** To set setLabelYDistanceFromScale
-	*   @returns {void}
-	*/
-	setLabelYDistanceFromScale(): void;
-
-	/** To set setMajorIntervalValue
-	*   @returns {void}
-	*/
-	setMajorIntervalValue(): void;
-
-	/** To set setMarkerStyle
-	*   @returns {void}
-	*/
-	setMarkerStyle(): void;
-
-	/** To set setMaximumValue
-	*   @returns {void}
-	*/
-	setMaximumValue(): void;
-
-	/** To set setMinimumValue
-	*   @returns {void}
-	*/
-	setMinimumValue(): void;
-
-	/** To set setMinorIntervalValue
-	*   @returns {void}
-	*/
-	setMinorIntervalValue(): void;
-
-	/** To set setPointerDistanceFromScale
-	*   @returns {void}
-	*/
-	setPointerDistanceFromScale(): void;
-
-	/** To set PointerHeight
-	*   @returns {void}
-	*/
-	setPointerHeight(): void;
-
-	/** To set setPointerPlacement
-	*   @returns {void}
-	*/
-	setPointerPlacement(): void;
-
-	/** To set PointerValue
-	*   @returns {void}
-	*/
-	setPointerValue(): void;
-
-	/** To set PointerWidth
-	*   @returns {void}
-	*/
-	setPointerWidth(): void;
-
-	/** To set setRangeBorderWidth
-	*   @returns {void}
-	*/
-	setRangeBorderWidth(): void;
-
-	/** To set setRangeDistanceFromScale
-	*   @returns {void}
-	*/
-	setRangeDistanceFromScale(): void;
-
-	/** To set setRangeEndValue
-	*   @returns {void}
-	*/
-	setRangeEndValue(): void;
-
-	/** To set setRangeEndWidth
-	*   @returns {void}
-	*/
-	setRangeEndWidth(): void;
-
-	/** To set setRangePosition
-	*   @returns {void}
-	*/
-	setRangePosition(): void;
-
-	/** To set setRangeStartValue
-	*   @returns {void}
-	*/
-	setRangeStartValue(): void;
-
-	/** To set setRangeStartWidth
-	*   @returns {void}
-	*/
-	setRangeStartWidth(): void;
-
-	/** To set setScaleBarLength
-	*   @returns {void}
-	*/
-	setScaleBarLength(): void;
-
-	/** To set setScaleBarSize
-	*   @returns {void}
-	*/
-	setScaleBarSize(): void;
-
-	/** To set setScaleBorderWidth
-	*   @returns {void}
-	*/
-	setScaleBorderWidth(): void;
-
-	/** To set setScaleDirection
-	*   @returns {void}
-	*/
-	setScaleDirection(): void;
-
-	/** To set setScaleLocation
-	*   @returns {void}
-	*/
-	setScaleLocation(): void;
-
-	/** To set setScaleStyle
-	*   @returns {void}
-	*/
-	setScaleStyle(): void;
-
-	/** To set setTickAngle
-	*   @returns {void}
-	*/
-	setTickAngle(): void;
-
-	/** To set setTickHeight
-	*   @returns {void}
-	*/
-	setTickHeight(): void;
-
-	/** To set setTickPlacement
-	*   @returns {void}
-	*/
-	setTickPlacement(): void;
-
-	/** To set setTickStyle
-	*   @returns {void}
-	*/
-	setTickStyle(): void;
-
-	/** To set setTickWidth
-	*   @returns {void}
-	*/
-	setTickWidth(): void;
-
-	/** To set setTickXDistanceFromScale
-	*   @returns {void}
-	*/
-	setTickXDistanceFromScale(): void;
-
-	/** To set setTickYDistanceFromScale
-	*   @returns {void}
-	*/
-	setTickYDistanceFromScale(): void;
-}
-export module LinearGauge{
-
-export interface Model {
-
-	/** Specifies the animationSpeed
-	*   @Default {500}
-	*/
-	animationSpeed?: number;
-
-	/** Specifies the backgroundColor for Linear gauge.
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the borderColor for Linear gauge.
-	*   @Default {null}
-	*/
-	borderColor?: string;
-
-	/** Specifies the animate state
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Specifies the animate state for marker pointer
-	*   @Default {true}
-	*/
-	enableMarkerPointerAnimation?: boolean;
-
-	/** Specifies the can resize state.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Used to Convert the date object to  string while using the  locale settings
-	*   @Default {false}
-	*/
-	enableGroupSeparator?: boolean;
-
-	/** Responsiveness of the linear gauge is controlled
-	*   @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/** Specify frame of linear gauge
-	*   @Default {null}
-	*/
-	frame?: Frame;
-
-	/** Specifies the height of Linear gauge.
-	*   @Default {400}
-	*/
-	height?: number;
-
-	/** Specifies the labelColor for Linear gauge.
-	*   @Default {null}
-	*/
-	labelColor?: string;
-
-	/** Set the  localization culture  for the Linear gauge
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the maximum value of Linear gauge.
-	*   @Default {100}
-	*/
-	maximum?: number;
-
-	/** Specifies the minimum value of Linear gauge.
-	*   @Default {0}
-	*/
-	minimum?: number;
-
-	/** Specifies the orientation for Linear gauge.
-	*   @Default {Vertical}
-	*/
-	orientation?: string;
-
-	/** Specify labelPosition value of Linear gauge See 
-	*   @Default {bottom}
-	*/
-	outerCustomLabelPosition?: ej.datavisualization.LinearGauge.OuterCustomLabelPosition|string;
-
-	/** Specifies the pointerGradient1 for Linear gauge.
-	*   @Default {null}
-	*/
-	pointerGradient1?: any;
-
-	/** Specifies the pointerGradient2 for Linear gauge.
-	*   @Default {null}
-	*/
-	pointerGradient2?: any;
-
-	/** Specifies the read only state.
-	*   @Default {true}
-	*/
-	readOnly?: boolean;
-
-	/** Specifies the scales
-	*   @Default {null}
-	*/
-	scales?: Array<Scale>;
-
-	/** Specifies the theme for Linear gauge. See LinearGauge.Themes
-	*   @Default {flatlight}
-	*/
-	theme?: ej.datavisualization.LinearGauge.Themes|string;
-
-	/** Specifies the tick Color for Linear gauge.
-	*   @Default {null}
-	*/
-	tickColor?: string;
-
-	/** Specify tooltip options of linear gauge
-	*   @Default {false}
-	*/
-	tooltip?: Tooltip;
-
-	/** Specifies the value of the Gauge.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Specifies the width of Linear gauge.
-	*   @Default {150}
-	*/
-	width?: number;
-
-	/** Triggers while the bar pointer are being drawn on the gauge. */
-	drawBarPointers? (e: DrawBarPointersEventArgs): void;
-
-	/** Triggers while the customLabel are being drawn on the gauge. */
-	drawCustomLabel? (e: DrawCustomLabelEventArgs): void;
-
-	/** Triggers while the Indicator are being drawn on the gauge. */
-	drawIndicators? (e: DrawIndicatorsEventArgs): void;
-
-	/** Triggers while the label are being drawn on the gauge. */
-	drawLabels? (e: DrawLabelsEventArgs): void;
-
-	/** Triggers while the marker are being drawn on the gauge. */
-	drawMarkerPointers? (e: DrawMarkerPointersEventArgs): void;
-
-	/** Triggers while the range are being drawn on the gauge. */
-	drawRange? (e: DrawRangeEventArgs): void;
-
-	/** Triggers while the ticks are being drawn on the gauge. */
-	drawTicks? (e: DrawTicksEventArgs): void;
-
-	/** Triggers when the gauge is initialized. */
-	init? (e: InitEventArgs): void;
-
-	/** Triggers while the gauge start to Load. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggers when the left mouse button is clicked. */
-	mouseClick? (e: MouseClickEventArgs): void;
-
-	/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-	mouseClickMove? (e: MouseClickMoveEventArgs): void;
-
-	/** Triggers when the mouse click is released. */
-	mouseClickUp? (e: MouseClickUpEventArgs): void;
-
-	/** Triggers while the rendering of the gauge completed. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-}
-
-export interface DrawBarPointersEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the pointer
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the current Bar pointer element.
-	*/
-	barElement?: any;
-
-	/** returns the index of the bar pointer.
-	*/
-	barPointerIndex?: number;
-
-	/** returns the value of the bar pointer.
-	*/
-	PointerValue?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface DrawCustomLabelEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the customLabel
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the customLabel style
-	*/
-	style?: any;
-
-	/** returns the current customLabel element.
-	*/
-	customLabelElement?: any;
-
-	/** returns the index of the customLabel.
-	*/
-	customLabelIndex?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface DrawIndicatorsEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the Indicator
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the Indicator style
-	*/
-	style?: string;
-
-	/** returns the current Indicator element.
-	*/
-	IndicatorElement?: any;
-
-	/** returns the index of the Indicator.
-	*/
-	IndicatorIndex?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface DrawLabelsEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the label
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the label belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the label style
-	*/
-	style?: string;
-
-	/** returns the angle of the label.
-	*/
-	angle?: number;
-
-	/** returns the current label element.
-	*/
-	element?: any;
-
-	/** returns the index of the label.
-	*/
-	index?: number;
-
-	/** returns the label value of the label.
-	*/
-	value?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface DrawMarkerPointersEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the pointer
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the ticks style
-	*/
-	style?: string;
-
-	/** returns the current marker pointer element.
-	*/
-	markerElement?: any;
-
-	/** returns the index of the marker pointer.
-	*/
-	markerPointerIndex?: number;
-
-	/** returns the value of the marker pointer.
-	*/
-	pointerValue?: number;
-
-	/** returns the angle of the marker pointer.
-	*/
-	pointerAngle?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface DrawRangeEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the range
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the range style
-	*/
-	style?: string;
-
-	/** returns the current range element.
-	*/
-	rangeElement?: any;
-
-	/** returns the index of the range.
-	*/
-	rangeIndex?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface DrawTicksEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the ticks
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the tick belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the ticks style
-	*/
-	style?: string;
-
-	/** returns the angle of the tick.
-	*/
-	angle?: number;
-
-	/** returns the current tick element.
-	*/
-	element?: any;
-
-	/** returns the index of the tick.
-	*/
-	index?: number;
-
-	/** returns the tick value of the tick.
-	*/
-	value?: number;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface InitEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface MouseClickEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the context element* @param {Object} args.markerpointer returns the context element
-	*/
-	context?: any;
-
-	/** returns the pointer Index
-	*/
-	markerpointerindex?: number;
-
-	/** returns the pointer element.
-	*/
-	markerpointerelement?: any;
-
-	/** returns the value of the pointer.
-	*/
-	markerpointervalue?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
-
-export interface MouseClickMoveEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the pointer Index
-	*/
-	index?: number;
-
-	/** returns the pointer element.
-	*/
-	element?: any;
-
-	/** returns the value of the pointer.
-	*/
-	value?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
-
-export interface MouseClickUpEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the context element* @param {Object} args.markerpointer returns the context element
-	*/
-	context?: any;
-
-	/** returns the pointer Index
-	*/
-	markerpointerIndex?: number;
-
-	/** returns the pointer element.
-	*/
-	markerpointerElement?: any;
-
-	/** returns the value of the pointer.
-	*/
-	markerpointerValue?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-}
-
-export interface Frame {
-
-	/** Specifies the frame background image URL of linear gauge
-	*   @Default {null}
-	*/
-	backgroundImageUrl?: string;
-
-	/** Specifies the frame InnerWidth
-	*   @Default {8}
-	*/
-	innerWidth?: number;
-
-	/** Specifies the frame OuterWidth
-	*   @Default {12}
-	*/
-	outerWidth?: number;
-}
-
-export interface ScalesBarPointersBorder {
-
-	/** Specifies the border Color of bar pointer
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the border Width of bar pointer
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesBarPointer {
-
-	/** Specifies the backgroundColor of bar pointer
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the border of bar pointer
-	*   @Default {null}
-	*/
-	border?: ScalesBarPointersBorder;
-
-	/** Specifies the distanceFromScale of bar pointer
-	*   @Default {0}
-	*/
-	distanceFromScale?: number;
-
-	/** Specifies the scaleBar Gradient of bar pointer
-	*   @Default {null}
-	*/
-	gradients?: any;
-
-	/** Specifies the opacity of bar pointer
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the value of bar pointer
-	*   @Default {null}
-	*/
-	value?: number;
-
-	/** Specifies the pointer Width of bar pointer
-	*   @Default {width=30}
-	*/
-	width?: number;
-}
-
-export interface ScalesBorder {
-
-	/** Specifies the border color of the Scale.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the border width of the Scale.
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesCustomLabelsFont {
-
-	/** Specifies the fontFamily in customLabels
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle in customLabels. See 
-	*   @Default {Bold}
-	*/
-	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
-
-	/** Specifies the font size in customLabels
-	*   @Default {11px}
-	*/
-	size?: string;
-}
-
-export interface ScalesCustomLabelsPosition {
-
-	/** Specifies the position x in customLabels
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specifies the y in customLabels
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesCustomLabel {
-
-	/** Specifies the label Color in customLabels
-	*   @Default {null}
-	*/
-	color?: number;
-
-	/** Specifies the font in customLabels
-	*   @Default {null}
-	*/
-	font?: ScalesCustomLabelsFont;
-
-	/** Specifies the opacity in customLabels
-	*   @Default {0}
-	*/
-	opacity?: string;
-
-	/** Specifies the position in customLabels
-	*   @Default {null}
-	*/
-	position?: ScalesCustomLabelsPosition;
-
-	/** Specifies the positionType in customLabels.See CustomLabelPositionType
-	*   @Default {null}
-	*/
-	positionType?: any;
-
-	/** Specifies the textAngle in customLabels
-	*   @Default {0}
-	*/
-	textAngle?: number;
-
-	/** Specifies the label Value in customLabels
-	*/
-	value?: string;
-}
-
-export interface ScalesIndicatorsBorder {
-
-	/** Specifies the border Color in bar indicators
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the border Width in bar indicators
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesIndicatorsFont {
-
-	/** Specifies the fontFamily of font in bar indicators
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle of font in bar indicators. See FontStyle
-	*   @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
-	*/
-	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
-
-	/** Specifies the size of font in bar indicators
-	*   @Default {11px}
-	*/
-	size?: string;
-}
-
-export interface ScalesIndicatorsPosition {
-
-	/** Specifies the x position in bar indicators
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specifies the y position in bar indicators
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesIndicatorsStateRange {
-
-	/** Specifies the backgroundColor in bar indicators state ranges
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the borderColor in bar indicators state ranges
-	*   @Default {null}
-	*/
-	borderColor?: string;
-
-	/** Specifies the endValue in bar indicators state ranges
-	*   @Default {60}
-	*/
-	endValue?: number;
-
-	/** Specifies the startValue in bar indicators state ranges
-	*   @Default {50}
-	*/
-	startValue?: number;
-
-	/** Specifies the text in bar indicators state ranges
-	*/
-	text?: string;
-
-	/** Specifies the textColor in bar indicators state ranges
-	*   @Default {null}
-	*/
-	textColor?: string;
-}
-
-export interface ScalesIndicatorsTextLocation {
-
-	/** Specifies the textLocation position in bar indicators
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specifies the Y position in bar indicators
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesIndicator {
-
-	/** Specifies the backgroundColor in bar indicators
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the border in bar indicators
-	*   @Default {null}
-	*/
-	border?: ScalesIndicatorsBorder;
-
-	/** Specifies the font of bar indicators
-	*   @Default {null}
-	*/
-	font?: ScalesIndicatorsFont;
-
-	/** Specifies the indicator Height of bar indicators
-	*   @Default {30}
-	*/
-	height?: number;
-
-	/** Specifies the opacity in bar indicators
-	*   @Default {null}
-	*/
-	opacity?: number;
-
-	/** Specifies the position in bar indicators
-	*   @Default {null}
-	*/
-	position?: ScalesIndicatorsPosition;
-
-	/** Specifies the state ranges in bar indicators
-	*   @Default {Array}
-	*/
-	stateRanges?: Array<ScalesIndicatorsStateRange>;
-
-	/** Specifies the textLocation in bar indicators
-	*   @Default {null}
-	*/
-	textLocation?: ScalesIndicatorsTextLocation;
-
-	/** Specifies the indicator Style of font in bar indicators
-	*   @Default {ej.datavisualization.LinearGauge.IndicatorType.Rectangle}
-	*/
-	type?: ej.datavisualization.LinearGauge.IndicatorTypes|string;
-
-	/** Specifies the indicator Width in bar indicators
-	*   @Default {30}
-	*/
-	width?: number;
-}
-
-export interface ScalesLabelsDistanceFromScale {
-
-	/** Specifies the xDistanceFromScale of labels.
-	*   @Default {-10}
-	*/
-	x?: number;
-
-	/** Specifies the yDistanceFromScale of labels.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesLabelsFont {
-
-	/** Specifies the fontFamily of font.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle of font.See FontStyle
-	*   @Default {ej.datavisualization.LinearGauge.FontStyle.Bold}
-	*/
-	fontStyle?: ej.datavisualization.LinearGauge.FontStyle|string;
-
-	/** Specifies the size of font.
-	*   @Default {11px}
-	*/
-	size?: string;
-}
-
-export interface ScalesLabel {
-
-	/** Specifies the angle of labels.
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Specifies the DistanceFromScale of labels.
-	*   @Default {null}
-	*/
-	distanceFromScale?: ScalesLabelsDistanceFromScale;
-
-	/** Specifies the font of labels.
-	*   @Default {null}
-	*/
-	font?: ScalesLabelsFont;
-
-	/** need to includeFirstValue.
-	*   @Default {true}
-	*/
-	includeFirstValue?: boolean;
-
-	/** Specifies the opacity of label.
-	*   @Default {0}
-	*/
-	opacity?: number;
-
-	/** Specifies the label Placement of label. See 
-	*   @Default {Near}
-	*/
-	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
-
-	/** Specifies the textColor of font.
-	*   @Default {null}
-	*/
-	textColor?: string;
-
-	/** Specifies the label Style of label. See 
-	*   @Default {ej.datavisualization.LinearGauge.LabelType.Major}
-	*/
-	type?: ej.datavisualization.LinearGauge.ScaleType|string;
-
-	/** Specifies the unitText of label.
-	*/
-	unitText?: string;
-
-	/** Specifies the unitText Position of label.See 
-	*   @Default {Back}
-	*/
-	unitTextPlacement?: ej.datavisualization.LinearGauge.UnitTextPlacement|string;
-}
-
-export interface ScalesMarkerPointersBorder {
-
-	/** Specifies the border color of marker pointer
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the border of marker pointer
-	*   @Default {number}
-	*/
-	width?: number;
-}
-
-export interface ScalesMarkerPointer {
-
-	/** Specifies the backgroundColor of marker pointer
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the border of marker pointer
-	*   @Default {null}
-	*/
-	border?: ScalesMarkerPointersBorder;
-
-	/** Specifies the distanceFromScale of marker pointer
-	*   @Default {0}
-	*/
-	distanceFromScale?: number;
-
-	/** Specifies the pointer Gradient of marker pointer
-	*   @Default {null}
-	*/
-	gradients?: any;
-
-	/** Specifies the pointer Length of marker pointer
-	*   @Default {30}
-	*/
-	length?: number;
-
-	/** Specifies the opacity of marker pointer
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the pointer Placement of marker pointer See PointerPlacement
-	*   @Default {Far}
-	*/
-	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
-
-	/** Specifies the marker Style of marker pointerSee 
-	*   @Default {Triangle}
-	*/
-	type?: ej.datavisualization.LinearGauge.MarkerType|string;
-
-	/** Specifies the value of marker pointer
-	*   @Default {null}
-	*/
-	value?: number;
-
-	/** Specifies the pointer Width of marker pointer
-	*   @Default {30}
-	*/
-	width?: number;
-}
-
-export interface ScalesPosition {
-
-	/** Specifies the Horizontal position
-	*   @Default {50}
-	*/
-	x?: number;
-
-	/** Specifies the vertical position
-	*   @Default {50}
-	*/
-	y?: number;
-}
-
-export interface ScalesRangesBorder {
-
-	/** Specifies the border color in the ranges.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the border width in the ranges.
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesRange {
-
-	/** Specifies the backgroundColor in the ranges.
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the border in the ranges.
-	*   @Default {null}
-	*/
-	border?: ScalesRangesBorder;
-
-	/** Specifies the distanceFromScale in the ranges.
-	*   @Default {0}
-	*/
-	distanceFromScale?: number;
-
-	/** Specifies the endValue in the ranges.
-	*   @Default {60}
-	*/
-	endValue?: number;
-
-	/** Specifies the endWidth in the ranges.
-	*   @Default {10}
-	*/
-	endWidth?: number;
-
-	/** Specifies the range Gradient in the ranges.
-	*   @Default {null}
-	*/
-	gradients?: any;
-
-	/** Specifies the opacity in the ranges.
-	*   @Default {null}
-	*/
-	opacity?: number;
-
-	/** Specifies the range Position in the ranges. See RangePlacement
-	*   @Default {Center}
-	*/
-	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
-
-	/** Specifies the startValue in the ranges.
-	*   @Default {20}
-	*/
-	startValue?: number;
-
-	/** Specifies the startWidth in the ranges.
-	*   @Default {10}
-	*/
-	startWidth?: number;
-}
-
-export interface ScalesTicksDistanceFromScale {
-
-	/** Specifies the xDistanceFromScale in the tick.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specifies the yDistanceFromScale in the tick.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesTick {
-
-	/** Specifies the angle in the tick.
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Specifies the tick Color in the tick.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the DistanceFromScale in the tick.
-	*   @Default {null}
-	*/
-	distanceFromScale?: ScalesTicksDistanceFromScale;
-
-	/** Specifies the tick Height in the tick.
-	*   @Default {10}
-	*/
-	height?: number;
-
-	/** Specifies the opacity in the tick.
-	*   @Default {0}
-	*/
-	opacity?: number;
-
-	/** Specifies the tick Placement in the tick. See TickPlacement
-	*   @Default {Near}
-	*/
-	placement?: ej.datavisualization.LinearGauge.PointerPlacement|string;
-
-	/** Specifies the tick Style in the tick. See 
-	*   @Default {MajorInterval}
-	*/
-	type?: ej.datavisualization.LinearGauge.TicksType|string;
-
-	/** Specifies the tick Width in the tick.
-	*   @Default {3}
-	*/
-	width?: number;
-}
-
-export interface Scale {
-
-	/** Specifies the backgroundColor of the Scale.
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specifies the scaleBar Gradient of bar pointer
-	*   @Default {Array}
-	*/
-	barPointers?: Array<ScalesBarPointer>;
-
-	/** Specifies the border of the Scale.
-	*   @Default {null}
-	*/
-	border?: ScalesBorder;
-
-	/** Specifies the customLabel
-	*   @Default {Array}
-	*/
-	customLabels?: Array<ScalesCustomLabel>;
-
-	/** Specifies the scale Direction of the Scale. See 
-	*   @Default {CounterClockwise}
-	*/
-	direction?: ej.datavisualization.LinearGauge.Direction|string;
-
-	/** Specifies the indicator
-	*   @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicator>;
-
-	/** Specifies the labels.
-	*   @Default {Array}
-	*/
-	labels?: Array<ScalesLabel>;
-
-	/** Specifies the scaleBar Length.
-	*   @Default {290}
-	*/
-	length?: number;
-
-	/** Specifies the majorIntervalValue of the Scale.
-	*   @Default {10}
-	*/
-	majorIntervalValue?: number;
-
-	/** Specifies the markerPointers
-	*   @Default {Array}
-	*/
-	markerPointers?: Array<ScalesMarkerPointer>;
-
-	/** Specifies the maximum of the Scale.
-	*   @Default {null}
-	*/
-	maximum?: number;
-
-	/** Specifies the minimum of the Scale.
-	*   @Default {null}
-	*/
-	minimum?: number;
-
-	/** Specifies the minorIntervalValue of the Scale.
-	*   @Default {2}
-	*/
-	minorIntervalValue?: number;
-
-	/** Specifies the opacity of the Scale.
-	*   @Default {NaN}
-	*/
-	opacity?: number;
-
-	/** Specifies the position
-	*   @Default {null}
-	*/
-	position?: ScalesPosition;
-
-	/** Specifies the ranges in the tick.
-	*   @Default {Array}
-	*/
-	ranges?: Array<ScalesRange>;
-
-	/** Specifies the shadowOffset.
-	*   @Default {0}
-	*/
-	shadowOffset?: number;
-
-	/** Specifies the showBarPointers state.
-	*   @Default {true}
-	*/
-	showBarPointers?: boolean;
-
-	/** Specifies the showCustomLabels state.
-	*   @Default {false}
-	*/
-	showCustomLabels?: boolean;
-
-	/** Specifies the showIndicators state.
-	*   @Default {false}
-	*/
-	showIndicators?: boolean;
-
-	/** Specifies the showLabels state.
-	*   @Default {true}
-	*/
-	showLabels?: boolean;
-
-	/** Specifies the showMarkerPointers state.
-	*   @Default {true}
-	*/
-	showMarkerPointers?: boolean;
-
-	/** Specifies the showRanges state.
-	*   @Default {false}
-	*/
-	showRanges?: boolean;
-
-	/** Specifies the showTicks state.
-	*   @Default {true}
-	*/
-	showTicks?: boolean;
-
-	/** Specifies the ticks in the scale.
-	*   @Default {Array}
-	*/
-	ticks?: Array<ScalesTick>;
-
-	/** Specifies the scaleBar type .See 
-	*   @Default {Rectangle}
-	*/
-	type?: ej.datavisualization.LinearGauge.ScaleType|string;
-
-	/** Specifies the scaleBar width.
-	*   @Default {30}
-	*/
-	width?: number;
-}
-
-export interface Tooltip {
-
-	/** Specify showCustomLabelTooltip value of linear gauge
-	*   @Default {false}
-	*/
-	showCustomLabelTooltip?: boolean;
-
-	/** Specify showLabelTooltip value of linear gauge
-	*   @Default {false}
-	*/
-	showLabelTooltip?: boolean;
-
-	/** Specify templateID value of linear gauge
-	*   @Default {false}
-	*/
-	templateID?: string;
-}
-}
-module LinearGauge
-{
-enum OuterCustomLabelPosition
-{
-//string
-Left,
-//string
-Right,
-//string
-Top,
-//string
-Bottom,
-}
-}
-module LinearGauge
-{
-enum FontStyle
-{
-//string
-Bold,
-//string
-Italic,
-//string
-Regular,
-//string
-Strikeout,
-//string
-Underline,
-}
-}
-module LinearGauge
-{
-enum Direction
-{
-//string
-Clockwise,
-//string
-CounterClockwise,
-}
-}
-module LinearGauge
-{
-enum IndicatorTypes
-{
-//string
-Rectangle,
-//string
-Circle,
-//string
-RoundedRectangle,
-//string
-Text,
-}
-}
-module LinearGauge
-{
-enum PointerPlacement
-{
-//string
-Near,
-//string
-Far,
-//string
-Center,
-}
-}
-module LinearGauge
-{
-enum ScaleType
-{
-//string
-Major,
-//string
-Minor,
-}
-}
-module LinearGauge
-{
-enum UnitTextPlacement
-{
-//string
-Back,
-//string
-From,
-}
-}
-module LinearGauge
-{
-enum MarkerType
-{
-//string
-Rectangle,
-//string
-Triangle,
-//string
-Ellipse,
-//string
-Diamond,
-//string
-Pentagon,
-//string
-Circle,
-//string
-Star,
-//string
-Slider,
-//string
-Pointer,
-//string
-Wedge,
-//string
-Trapezoid,
-//string
-RoundedRectangle,
-}
-}
-module LinearGauge
-{
-enum TicksType
-{
-//string
-Majorinterval,
-//string
-Minorinterval,
-}
-}
-module LinearGauge
-{
-enum Themes
-{
-//string
-FlatLight,
-//string
-FlatDark,
-}
-}
-
-class CircularGauge extends ej.Widget {
-	static fn: CircularGauge;
-	constructor(element: JQuery, options?: CircularGauge.Model);
-	constructor(element: Element, options?: CircularGauge.Model);
-	static Locale: any;
-	model:CircularGauge.Model;
-	defaults:CircularGauge.Model;
-
-	/** destroy the circular gauge widget. all events bound using this._on will be unbind automatically and bring the control to pre-init state.
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To export Image
-	*   @returns {boolean}
-	*/
-	exportImage(): boolean;
-
-	/** To get BackNeedleLength
-	*   @returns {any}
-	*/
-	getBackNeedleLength(): any;
-
-	/** To get CustomLabelAngle
-	*   @returns {any}
-	*/
-	getCustomLabelAngle(): any;
-
-	/** To get CustomLabelValue
-	*   @returns {any}
-	*/
-	getCustomLabelValue(): any;
-
-	/** To get LabelAngle
-	*   @returns {any}
-	*/
-	getLabelAngle(): any;
-
-	/** To get LabelDistanceFromScale
-	*   @returns {any}
-	*/
-	getLabelDistanceFromScale(): any;
-
-	/** To get LabelPlacement
-	*   @returns {any}
-	*/
-	getLabelPlacement(): any;
-
-	/** To get LabelStyle
-	*   @returns {any}
-	*/
-	getLabelStyle(): any;
-
-	/** To get MajorIntervalValue
-	*   @returns {any}
-	*/
-	getMajorIntervalValue(): any;
-
-	/** To get MarkerDistanceFromScale
-	*   @returns {any}
-	*/
-	getMarkerDistanceFromScale(): any;
-
-	/** To get MarkerStyle
-	*   @returns {any}
-	*/
-	getMarkerStyle(): any;
-
-	/** To get MaximumValue
-	*   @returns {any}
-	*/
-	getMaximumValue(): any;
-
-	/** To get MinimumValue
-	*   @returns {any}
-	*/
-	getMinimumValue(): any;
-
-	/** To get MinorIntervalValue
-	*   @returns {any}
-	*/
-	getMinorIntervalValue(): any;
-
-	/** To get NeedleStyle
-	*   @returns {any}
-	*/
-	getNeedleStyle(): any;
-
-	/** To get PointerCapBorderWidth
-	*   @returns {any}
-	*/
-	getPointerCapBorderWidth(): any;
-
-	/** To get PointerCapRadius
-	*   @returns {any}
-	*/
-	getPointerCapRadius(): any;
-
-	/** To get PointerLength
-	*   @returns {any}
-	*/
-	getPointerLength(): any;
-
-	/** To get PointerNeedleType
-	*   @returns {any}
-	*/
-	getPointerNeedleType(): any;
-
-	/** To get PointerPlacement
-	*   @returns {any}
-	*/
-	getPointerPlacement(): any;
-
-	/** To get PointerValue
-	*   @returns {any}
-	*/
-	getPointerValue(): any;
-
-	/** To get PointerWidth
-	*   @returns {any}
-	*/
-	getPointerWidth(): any;
-
-	/** To get RangeBorderWidth
-	*   @returns {any}
-	*/
-	getRangeBorderWidth(): any;
-
-	/** To get RangeDistanceFromScale
-	*   @returns {any}
-	*/
-	getRangeDistanceFromScale(): any;
-
-	/** To get RangeEndValue
-	*   @returns {any}
-	*/
-	getRangeEndValue(): any;
-
-	/** To get RangePosition
-	*   @returns {any}
-	*/
-	getRangePosition(): any;
-
-	/** To get RangeSize
-	*   @returns {any}
-	*/
-	getRangeSize(): any;
-
-	/** To get RangeStartValue
-	*   @returns {any}
-	*/
-	getRangeStartValue(): any;
-
-	/** To get ScaleBarSize
-	*   @returns {any}
-	*/
-	getScaleBarSize(): any;
-
-	/** To get ScaleBorderWidth
-	*   @returns {any}
-	*/
-	getScaleBorderWidth(): any;
-
-	/** To get ScaleDirection
-	*   @returns {any}
-	*/
-	getScaleDirection(): any;
-
-	/** To get ScaleRadius
-	*   @returns {any}
-	*/
-	getScaleRadius(): any;
-
-	/** To get StartAngle
-	*   @returns {any}
-	*/
-	getStartAngle(): any;
-
-	/** To get SubGaugeLocation
-	*   @returns {any}
-	*/
-	getSubGaugeLocation(): any;
-
-	/** To get SweepAngle
-	*   @returns {any}
-	*/
-	getSweepAngle(): any;
-
-	/** To get TickAngle
-	*   @returns {any}
-	*/
-	getTickAngle(): any;
-
-	/** To get TickDistanceFromScale
-	*   @returns {any}
-	*/
-	getTickDistanceFromScale(): any;
-
-	/** To get TickHeight
-	*   @returns {any}
-	*/
-	getTickHeight(): any;
-
-	/** To get TickPlacement
-	*   @returns {any}
-	*/
-	getTickPlacement(): any;
-
-	/** To get TickStyle
-	*   @returns {any}
-	*/
-	getTickStyle(): any;
-
-	/** To get TickWidth
-	*   @returns {any}
-	*/
-	getTickWidth(): any;
-
-	/** To set includeFirstValue
-	*   @returns {void}
-	*/
-	includeFirstValue(): void;
-
-	/** Switching the redraw option for the gauge
-	*   @returns {void}
-	*/
-	redraw(): void;
-
-	/** To set BackNeedleLength
-	*   @returns {void}
-	*/
-	setBackNeedleLength(): void;
-
-	/** To set CustomLabelAngle
-	*   @returns {void}
-	*/
-	setCustomLabelAngle(): void;
-
-	/** To set CustomLabelValue
-	*   @returns {void}
-	*/
-	setCustomLabelValue(): void;
-
-	/** To set LabelAngle
-	*   @returns {void}
-	*/
-	setLabelAngle(): void;
-
-	/** To set LabelDistanceFromScale
-	*   @returns {void}
-	*/
-	setLabelDistanceFromScale(): void;
-
-	/** To set LabelPlacement
-	*   @returns {void}
-	*/
-	setLabelPlacement(): void;
-
-	/** To set LabelStyle
-	*   @returns {void}
-	*/
-	setLabelStyle(): void;
-
-	/** To set MajorIntervalValue
-	*   @returns {void}
-	*/
-	setMajorIntervalValue(): void;
-
-	/** To set MarkerDistanceFromScale
-	*   @returns {void}
-	*/
-	setMarkerDistanceFromScale(): void;
-
-	/** To set MarkerStyle
-	*   @returns {void}
-	*/
-	setMarkerStyle(): void;
-
-	/** To set MaximumValue
-	*   @returns {void}
-	*/
-	setMaximumValue(): void;
-
-	/** To set MinimumValue
-	*   @returns {void}
-	*/
-	setMinimumValue(): void;
-
-	/** To set MinorIntervalValue
-	*   @returns {void}
-	*/
-	setMinorIntervalValue(): void;
-
-	/** To set NeedleStyle
-	*   @returns {void}
-	*/
-	setNeedleStyle(): void;
-
-	/** To set PointerCapBorderWidth
-	*   @returns {void}
-	*/
-	setPointerCapBorderWidth(): void;
-
-	/** To set PointerCapRadius
-	*   @returns {void}
-	*/
-	setPointerCapRadius(): void;
-
-	/** To set PointerLength
-	*   @returns {void}
-	*/
-	setPointerLength(): void;
-
-	/** To set PointerNeedleType
-	*   @returns {void}
-	*/
-	setPointerNeedleType(): void;
-
-	/** To set PointerPlacement
-	*   @returns {void}
-	*/
-	setPointerPlacement(): void;
-
-	/** To set PointerValue
-	*   @returns {void}
-	*/
-	setPointerValue(): void;
-
-	/** To set PointerWidth
-	*   @returns {void}
-	*/
-	setPointerWidth(): void;
-
-	/** To set RangeBorderWidth
-	*   @returns {void}
-	*/
-	setRangeBorderWidth(): void;
-
-	/** To set RangeDistanceFromScale
-	*   @returns {void}
-	*/
-	setRangeDistanceFromScale(): void;
-
-	/** To set RangeEndValue
-	*   @returns {void}
-	*/
-	setRangeEndValue(): void;
-
-	/** To set RangePosition
-	*   @returns {void}
-	*/
-	setRangePosition(): void;
-
-	/** To set RangeSize
-	*   @returns {void}
-	*/
-	setRangeSize(): void;
-
-	/** To set RangeStartValue
-	*   @returns {void}
-	*/
-	setRangeStartValue(): void;
-
-	/** To set ScaleBarSize
-	*   @returns {void}
-	*/
-	setScaleBarSize(): void;
-
-	/** To set ScaleBorderWidth
-	*   @returns {void}
-	*/
-	setScaleBorderWidth(): void;
-
-	/** To set ScaleDirection
-	*   @returns {void}
-	*/
-	setScaleDirection(): void;
-
-	/** To set ScaleRadius
-	*   @returns {void}
-	*/
-	setScaleRadius(): void;
-
-	/** To set StartAngle
-	*   @returns {void}
-	*/
-	setStartAngle(): void;
-
-	/** To set SubGaugeLocation
-	*   @returns {void}
-	*/
-	setSubGaugeLocation(): void;
-
-	/** To set SweepAngle
-	*   @returns {void}
-	*/
-	setSweepAngle(): void;
-
-	/** To set TickAngle
-	*   @returns {void}
-	*/
-	setTickAngle(): void;
-
-	/** To set TickDistanceFromScale
-	*   @returns {void}
-	*/
-	setTickDistanceFromScale(): void;
-
-	/** To set TickHeight
-	*   @returns {void}
-	*/
-	setTickHeight(): void;
-
-	/** To set TickPlacement
-	*   @returns {void}
-	*/
-	setTickPlacement(): void;
-
-	/** To set TickStyle
-	*   @returns {void}
-	*/
-	setTickStyle(): void;
-
-	/** To set TickWidth
-	*   @returns {void}
-	*/
-	setTickWidth(): void;
-}
-export module CircularGauge{
-
-export interface Model {
-
-	/** Specifies animationSpeed of circular gauge
-	*   @Default {500}
-	*/
-	animationSpeed?: number;
-
-	/** Specifies the background color of circular gauge.
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specify distanceFromCorner value of circular gauge
-	*   @Default {center}
-	*/
-	distanceFromCorner?: number;
-
-	/** Specify range zOrder placement of circular gauge.
-	*   @Default {Rear}
-	*/
-	rangeZOrder?: ej.datavisualization.CircularGauge.RangeZOrderPlacement|string;
-
-	/** Specify animate value of circular gauge
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Specify to convert the  date object to  string, using locale settings.
-	*   @Default {false}
-	*/
-	enableGroupSeparator?: boolean;
-
-	/** Controls whether circular gauge has to be responsive while resizing.
-	*   @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/** Specify the frame of circular gauge
-	*   @Default {Object}
-	*/
-	frame?: Frame;
-
-	/** Specify gaugePosition value of circular gauge See GaugePosition
-	*   @Default {center}
-	*/
-	gaugePosition?: ej.datavisualization.CircularGauge.gaugePosition|string;
-
-	/** Specifies the height of circular gauge.
-	*   @Default {360}
-	*/
-	height?: number;
-
-	/** Specifies the interiorGradient of circular gauge.
-	*   @Default {null}
-	*/
-	interiorGradient?: any;
-
-	/** Specify isRadialGradient value of circular gauge
-	*   @Default {false}
-	*/
-	isRadialGradient?: boolean;
-
-	/** Specify isResponsive value of circular gauge
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Name of the culture based on which circular gauge should be localized.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the maximum value of circular gauge.
-	*   @Default {100}
-	*/
-	maximum?: number;
-
-	/** Specifies the minimum value of circular gauge.
-	*   @Default {0}
-	*/
-	minimum?: number;
-
-	/** Specify outerCustomLabelPosition value of circular gauge See 
-	*   @Default {bottom}
-	*/
-	outerCustomLabelPosition?: ej.datavisualization.CircularGauge.OuterCustomLabelPosition|string;
-
-	/** Specifies the radius of circular gauge.
-	*   @Default {180}
-	*/
-	radius?: number;
-
-	/** Specify readonly value of circular gauge
-	*   @Default {true}
-	*/
-	readOnly?: boolean;
-
-	/** Specify the pointers, ticks, labels, indicators, ranges of circular gauge
-	*   @Default {null}
-	*/
-	scales?: Array<Scale>;
-
-	/** Specify the theme of circular gauge.
-	*   @Default {flatlight}
-	*/
-	theme?: string;
-
-	/** Options to customize the legend.
-	*/
-	legend?: Legend;
-
-	/** Specify tooltip option of circular gauge
-	*   @Default {object}
-	*/
-	tooltip?: Tooltip;
-
-	/** Specifies the value of circular gauge.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Specifies the width of circular gauge.
-	*   @Default {360}
-	*/
-	width?: number;
-
-	/** Fires before rendering the legend item. This event is fired for each legend item in CircularGauge. You can use this event to customize legend item shape or add custom text to legend item. */
-	legendItemRender? (e: LegendItemRenderEventArgs): void;
-
-	/** Fires on clicking the legend item. */
-	legendItemClick? (e: LegendItemClickEventArgs): void;
-
-	/** Fires when mouse moving on ranges. */
-	rangeMouseMove? (e: RangeMouseMoveEventArgs): void;
-
-	/** Triggers while the custom labels are being drawn on the gauge. */
-	drawCustomLabel? (e: DrawCustomLabelEventArgs): void;
-
-	/** Triggers while the indicators are being started to drawn on the gauge. */
-	drawIndicators? (e: DrawIndicatorsEventArgs): void;
-
-	/** Triggers while the labels are being drawn on the gauge. */
-	drawLabels? (e: DrawLabelsEventArgs): void;
-
-	/** Triggers while the pointer cap is being drawn on the gauge. */
-	drawPointerCap? (e: DrawPointerCapEventArgs): void;
-
-	/** Triggers while the pointers are being drawn on the gauge. */
-	drawPointers? (e: DrawPointersEventArgs): void;
-
-	/** Triggers when the ranges begin to be getting drawn on the gauge. */
-	drawRange? (e: DrawRangeEventArgs): void;
-
-	/** Triggers while the ticks are being drawn on the gauge. */
-	drawTicks? (e: DrawTicksEventArgs): void;
-
-	/** Triggers while the gauge start to Load. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggers when the left mouse button is clicked. */
-	mouseClick? (e: MouseClickEventArgs): void;
-
-	/** Triggers when clicking and dragging the mouse pointer over the gauge pointer. */
-	mouseClickMove? (e: MouseClickMoveEventArgs): void;
-
-	/** Triggers when the mouse click is released. */
-	mouseClickUp? (e: MouseClickUpEventArgs): void;
-
-	/** Triggers when the rendering of the gauge is completed. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-}
-
-export interface LegendItemRenderEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the circulargauge model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	data?: any;
-}
-
-export interface LegendItemClickEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the circulargauge model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** Instance of the legend item object that is about to be rendered
-	*/
-	data?: any;
-}
-
-export interface RangeMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the circulargauge model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** Region of ranges
-	*/
-	data?: any;
-}
-
-export interface DrawCustomLabelEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the custom label
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the custom label belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the custom label style
-	*/
-	style?: string;
-
-	/** returns the current custom label element.
-	*/
-	customLabelElement?: any;
-
-	/** returns the index of the custom label.
-	*/
-	customLabelIndex?: number;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DrawIndicatorsEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the indicator
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the indicator belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the indicator style
-	*/
-	style?: string;
-
-	/** returns the current indicator element.
-	*/
-	indicatorElement?: any;
-
-	/** returns the index of the indicator.
-	*/
-	indicatorIndex?: number;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DrawLabelsEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the labels
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the label belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the label style
-	*/
-	style?: string;
-
-	/** returns the angle of the labels.
-	*/
-	angle?: number;
-
-	/** returns the current label element.
-	*/
-	element?: any;
-
-	/** returns the index of the label.
-	*/
-	index?: number;
-
-	/** returns the value of the label.
-	*/
-	pointerValue?: number;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DrawPointerCapEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the startX and startY of the pointer cap.
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the pointer cap style
-	*/
-	style?: string;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DrawPointersEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the pointer
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
-
-	/** returns the current pointer element.
-	*/
-	element?: any;
-
-	/** returns the index of the pointer.
-	*/
-	index?: number;
-
-	/** returns the value of the pointer.
-	*/
-	value?: number;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DrawRangeEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the range
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the range belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the range style
-	*/
-	style?: string;
-
-	/** returns the current range element.
-	*/
-	rangeElement?: any;
-
-	/** returns the index of the range.
-	*/
-	rangeIndex?: number;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DrawTicksEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the startX and startY of the ticks
-	*/
-	position?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the tick belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the ticks style
-	*/
-	style?: string;
-
-	/** returns the angle of the tick.
-	*/
-	angle?: number;
-
-	/** returns the current tick element.
-	*/
-	element?: any;
-
-	/** returns the index of the tick.
-	*/
-	index?: number;
-
-	/** returns the label value of the tick.
-	*/
-	pointerValue?: number;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	Model?: any;
-
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface MouseClickEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the pointer Index
-	*/
-	index?: number;
-
-	/** returns the pointer element.
-	*/
-	element?: any;
-
-	/** returns the value of the pointer.
-	*/
-	value?: number;
-
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
-
-export interface MouseClickMoveEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the pointer Index
-	*/
-	index?: number;
-
-	/** returns the pointer element.
-	*/
-	element?: any;
-
-	/** returns the value of the pointer.
-	*/
-	value?: number;
-
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
-
-export interface MouseClickUpEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: any;
-
-	/** returns the scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the scaleIndex to which the pointer belongs.
-	*/
-	scaleIndex?: number;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the pointer Index
-	*/
-	index?: number;
-
-	/** returns the pointer element.
-	*/
-	element?: any;
-
-	/** returns the value of the pointer.
-	*/
-	value?: number;
-
-	/** returns the angle of the pointer.
-	*/
-	angle?: number;
-
-	/** returns the pointer style
-	*/
-	style?: string;
-
-	/** returns the startX and startY of the pointer.
-	*/
-	position?: any;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the entire scale element.
-	*/
-	scaleElement?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface Frame {
-
-	/** Specify the URL of the frame background image for circular gauge
-	*   @Default {null}
-	*/
-	backgroundImageUrl?: string;
-
-	/** Specifies the frameType of circular gauge. See 
-	*   @Default {FullCircle}
-	*/
-	frameType?: ej.datavisualization.CircularGauge.FrameType|string;
-
-	/** Specifies the end angle for the half circular frame.
-	*   @Default {360}
-	*/
-	halfCircleFrameEndAngle?: number;
-
-	/** Specifies the start angle for the half circular frame.
-	*   @Default {180}
-	*/
-	halfCircleFrameStartAngle?: number;
-}
-
-export interface ScalesBorder {
-
-	/** Specify border color for scales of circular gauge
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specify border width of circular gauge
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesCustomLabelsPosition {
-
-	/** Specify x-axis position of label
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specify y-axis  position of labels.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesCustomLabelsFont {
-
-	/** Specify font fontFamily for custom labels.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specify font Style for custom labels.
-	*   @Default {Bold}
-	*/
-	fontStyle?: string;
-
-	/** Specify font size for custom labels.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface ScalesCustomLabel {
-
-	/** Value of the custom labels.
-	*/
-	value?: string;
-
-	/** Color of the custom labels.
-	*/
-	color?: string;
-
-	/** Specify position of custom labels
-	*   @Default {Object}
-	*/
-	position?: ScalesCustomLabelsPosition;
-
-	/** Specify angle for the rotation of the custom labels in degrees.
-	*   @Default {0}
-	*/
-	textAngle?: number;
-
-	/** Specify font for custom labels
-	*   @Default {Object}
-	*/
-	font?: ScalesCustomLabelsFont;
-
-	/** Specifies the position of the  custom labels. See 
-	*   @Default {inner}
-	*/
-	positionType?: ej.datavisualization.CircularGauge.CustomLabelPositionType|string;
-}
-
-export interface ScalesIndicatorsPosition {
-
-	/** Specify x-axis of position of circular gauge
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specify y-axis of position of circular gauge
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesIndicatorsStateRange {
-
-	/** Specify backgroundColor for indicator of circular gauge
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specify borderColor for indicator of circular gauge
-	*   @Default {null}
-	*/
-	borderColor?: string;
-
-	/** Specify end value for each specified state of circular gauge
-	*   @Default {0}
-	*/
-	endValue?: number;
-
-	/** Specify value of the font as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
-	*   @Default {null}
-	*/
-	font?: any;
-
-	/** Specify start value for each specified state of circular gauge
-	*   @Default {0}
-	*/
-	startValue?: number;
-
-	/** Specify value of the text as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
-	*/
-	text?: string;
-
-	/** Specify value of the textColor as the indicator when the indicator style is set with the value &quot;text&quot; of circular gauge
-	*   @Default {null}
-	*/
-	textColor?: string;
-}
-
-export interface ScalesIndicator {
-
-	/** Specify indicator height of circular gauge
-	*   @Default {15}
-	*/
-	height?: number;
-
-	/** Specify imageUrl of circular gauge
-	*   @Default {null}
-	*/
-	imageUrl?: string;
-
-	/** Specify position of circular gauge
-	*   @Default {Object}
-	*/
-	position?: ScalesIndicatorsPosition;
-
-	/** Specify the various states of circular gauge
-	*   @Default {Array}
-	*/
-	stateRanges?: Array<ScalesIndicatorsStateRange>;
-
-	/** Specify indicator style of circular gauge. See 
-	*   @Default {Circle}
-	*/
-	type?: ej.datavisualization.CircularGauge.IndicatorTypes|string;
-
-	/** Specify indicator width of circular gauge
-	*   @Default {15}
-	*/
-	width?: number;
-}
-
-export interface ScalesLabelsFont {
-
-	/** Specify font fontFamily for labels of circular gauge
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specify font Style for labels of circular gauge
-	*   @Default {Bold}
-	*/
-	fontStyle?: string;
-
-	/** Specify font size for labels of circular gauge
-	*   @Default {11px}
-	*/
-	size?: string;
-}
-
-export interface ScalesLabel {
-
-	/** Specify the angle for the labels of circular gauge
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Specify labels autoAngle value of circular gauge
-	*   @Default {false}
-	*/
-	autoAngle?: boolean;
-
-	/** Specify label color of circular gauge
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specify distanceFromScale value for labels of circular gauge
-	*   @Default {0}
-	*/
-	distanceFromScale?: number;
-
-	/** Specify font for labels of circular gauge
-	*   @Default {Object}
-	*/
-	font?: ScalesLabelsFont;
-
-	/** Specify includeFirstValue of circular gauge
-	*   @Default {true}
-	*/
-	includeFirstValue?: boolean;
-
-	/** Specify opacity value for labels of circular gauge
-	*   @Default {null}
-	*/
-	opacity?: number;
-
-	/** Specify label placement of circular gauge. See 
-	*   @Default {Near}
-	*/
-	placement?: ej.datavisualization.CircularGauge.Placement|string;
-
-	/** Specify label Style of circular gauge. See 
-	*   @Default {Major}
-	*/
-	type?: ej.datavisualization.CircularGauge.LabelType|string;
-
-	/** Specify unitText of circular gauge
-	*/
-	unitText?: string;
-
-	/** Specify unitTextPosition of circular gauge. See UnitTextPosition
-	*   @Default {Back}
-	*/
-	unitTextPosition?: ej.datavisualization.CircularGauge.UnitTextPlacement|string;
-}
-
-export interface ScalesPointerCap {
-
-	/** Specify cap backgroundColor of circular gauge
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specify cap borderColor of circular gauge
-	*   @Default {null}
-	*/
-	borderColor?: string;
-
-	/** Specify pointerCap borderWidth value of circular gauge
-	*   @Default {3}
-	*/
-	borderWidth?: number;
-
-	/** Specify cap interiorGradient value of circular gauge
-	*   @Default {null}
-	*/
-	interiorGradient?: any;
-
-	/** Specify pointerCap Radius value of circular gauge
-	*   @Default {7}
-	*/
-	radius?: number;
-}
-
-export interface ScalesPointersBorder {
-
-	/** Specify border color for pointer of circular gauge
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specify border width for pointers of circular gauge
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesPointersPointerValueTextFont {
-
-	/** Specify pointer value text font family of circular gauge.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specify pointer value text font style of circular gauge.
-	*   @Default {Bold}
-	*/
-	fontStyle?: string;
-
-	/** Specify pointer value text size of circular gauge.
-	*   @Default {11px}
-	*/
-	size?: string;
-}
-
-export interface ScalesPointersPointerValueText {
-
-	/** Specify pointer text angle of circular gauge.
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Specify pointer text auto angle of circular gauge.
-	*   @Default {false}
-	*/
-	autoAngle?: boolean;
-
-	/** Specify pointer value text color of circular gauge.
-	*   @Default {#8c8c8c}
-	*/
-	color?: string;
-
-	/** Specify pointer value text distance from pointer of circular gauge.
-	*   @Default {20}
-	*/
-	distance?: number;
-
-	/** Specify pointer value text font option of circular gauge.
-	*   @Default {object}
-	*/
-	font?: ScalesPointersPointerValueTextFont;
-
-	/** Specify pointer value text opacity of circular gauge.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** enable pointer value text visibility of circular gauge.
-	*   @Default {false}
-	*/
-	showValue?: boolean;
-}
-
-export interface ScalesPointer {
-
-	/** Specify backgroundColor for the pointer of circular gauge
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specify backNeedleLength of circular gauge
-	*   @Default {10}
-	*/
-	backNeedleLength?: number;
-
-	/** Specify the border for pointers of circular gauge
-	*   @Default {Object}
-	*/
-	border?: ScalesPointersBorder;
-
-	/** Specify distanceFromScale value for pointers of circular gauge
-	*   @Default {0}
-	*/
-	distanceFromScale?: number;
-
-	/** Specify pointer gradients of circular gauge
-	*   @Default {null}
-	*/
-	gradients?: any;
-
-	/** Specify pointer image of circular gauge.It is applicable for both marker as well as needle type pointers.
-	*   @Default {NULL}
-	*/
-	imageUrl?: string;
-
-	/** Specify pointer length of circular gauge
-	*   @Default {150}
-	*/
-	length?: number;
-
-	/** Specify marker Style value of circular gauge. See 
-	*   @Default {Rectangle}
-	*/
-	markerType?: ej.datavisualization.CircularGauge.MarkerType|string;
-
-	/** Specify needle Style value of circular gauge. See 
-	*   @Default {Triangle}
-	*/
-	needleType?: ej.datavisualization.CircularGauge.NeedleType|string;
-
-	/** Specify opacity value for pointer of circular gauge
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specify radius value for pointer of circular gauge
-	*   @Default {null}
-	*/
-	radius?: number;
-
-	/** Specify pointer Placement value of circular gauge. See PointerPlacement
-	*   @Default {Near}
-	*/
-	placement?: ej.datavisualization.CircularGauge.Placement|string;
-
-	/** Specify pointer value text of circular gauge.
-	*   @Default {Object}
-	*/
-	pointerValueText?: ScalesPointersPointerValueText;
-
-	/** Specify showBackNeedle value of circular gauge
-	*   @Default {false}
-	*/
-	showBackNeedle?: boolean;
-
-	/** Specify pointer type value of circular gauge. See 
-	*   @Default {Needle}
-	*/
-	type?: ej.datavisualization.CircularGauge.PointerType|string;
-
-	/** Specify value of the pointer of circular gauge
-	*   @Default {null}
-	*/
-	value?: number;
-
-	/** Specify pointer width of circular gauge
-	*   @Default {7}
-	*/
-	width?: number;
-}
-
-export interface ScalesRangesBorder {
-
-	/** Specify border color for ranges of circular gauge
-	*   @Default {#32b3c6}
-	*/
-	color?: string;
-
-	/** Specify border width for ranges of circular gauge
-	*   @Default {1.5}
-	*/
-	width?: number;
-}
-
-export interface ScalesRange {
-
-	/** Specify backgroundColor for the ranges of circular gauge
-	*   @Default {#32b3c6}
-	*/
-	backgroundColor?: string;
-
-	/** Specify text for the ranges of circular gauge
-	*   @Default {null}
-	*/
-	legendText?: string;
-
-	/** Specify border for ranges of circular gauge
-	*   @Default {Object}
-	*/
-	border?: ScalesRangesBorder;
-
-	/** Specify distanceFromScale value for ranges of circular gauge
-	*   @Default {25}
-	*/
-	distanceFromScale?: number;
-
-	/** Specify endValue for ranges of circular gauge
-	*   @Default {null}
-	*/
-	endValue?: number;
-
-	/** Specify endWidth for ranges of circular gauge
-	*   @Default {10}
-	*/
-	endWidth?: number;
-
-	/** Specify range gradients of circular gauge
-	*   @Default {null}
-	*/
-	gradients?: any;
-
-	/** Specify opacity value for ranges of circular gauge
-	*   @Default {null}
-	*/
-	opacity?: number;
-
-	/** Specify placement of circular gauge. See RangePlacement
-	*   @Default {Near}
-	*/
-	placement?: ej.datavisualization.CircularGauge.Placement|string;
-
-	/** Specify size of the range value of circular gauge
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Specify startValue for ranges of circular gauge
-	*   @Default {null}
-	*/
-	startValue?: number;
-
-	/** Specify startWidth of circular gauge
-	*   @Default {[Array.number] scale.ranges.startWidth = 10}
-	*/
-	startWidth?: number;
-}
-
-export interface ScalesSubGaugesPosition {
-
-	/** Specify x-axis position for sub-gauge of circular gauge
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Specify y-axis position for sub-gauge of circular gauge
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ScalesSubGauge {
-
-	/** Specify subGauge Height of circular gauge
-	*   @Default {150}
-	*/
-	height?: number;
-
-	/** Specify position for sub-gauge of circular gauge
-	*   @Default {Object}
-	*/
-	position?: ScalesSubGaugesPosition;
-
-	/** Specify subGauge Width of circular gauge
-	*   @Default {150}
-	*/
-	width?: number;
-}
-
-export interface ScalesTick {
-
-	/** Specify the angle for the ticks of circular gauge
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Specify tick color of circular gauge
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specify distanceFromScale value for ticks of circular gauge
-	*   @Default {0}
-	*/
-	distanceFromScale?: number;
-
-	/** Specify tick height of circular gauge
-	*   @Default {16}
-	*/
-	height?: number;
-
-	/** Specify tick placement of circular gauge. See TickPlacement
-	*   @Default {Near}
-	*/
-	placement?: ej.datavisualization.CircularGauge.Placement|string;
-
-	/** Specify tick Style of circular gauge. See TickType
-	*   @Default {Major}
-	*/
-	type?: ej.datavisualization.CircularGauge.LabelType|string;
-
-	/** Specify tick width of circular gauge
-	*   @Default {3}
-	*/
-	width?: number;
-}
-
-export interface Scale {
-
-	/** Specify backgroundColor for the scale of circular gauge
-	*   @Default {null}
-	*/
-	backgroundColor?: string;
-
-	/** Specify border for scales of circular gauge
-	*   @Default {Object}
-	*/
-	border?: ScalesBorder;
-
-	/** Specify scale direction of circular gauge. See 
-	*   @Default {Clockwise}
-	*/
-	direction?: ej.datavisualization.CircularGauge.Direction|string;
-
-	/** Specify the custom labels for the scales.
-	*   @Default {Array}
-	*/
-	customLabels?: Array<ScalesCustomLabel>;
-
-	/** Specify representing state of circular gauge
-	*   @Default {Array}
-	*/
-	indicators?: Array<ScalesIndicator>;
-
-	/** Specify the text values displayed in a meaningful manner alongside the ticks of circular gauge
-	*   @Default {Array}
-	*/
-	labels?: Array<ScalesLabel>;
-
-	/** Specify majorIntervalValue of circular gauge
-	*   @Default {10}
-	*/
-	majorIntervalValue?: number;
-
-	/** Specify maximum scale value of circular gauge
-	*   @Default {null}
-	*/
-	maximum?: number;
-
-	/** Specify minimum scale value of circular gauge
-	*   @Default {null}
-	*/
-	minimum?: number;
-
-	/** Specify minorIntervalValue of circular gauge
-	*   @Default {2}
-	*/
-	minorIntervalValue?: number;
-
-	/** Specify opacity value of circular gauge
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specify pointer cap of circular gauge
-	*   @Default {Object}
-	*/
-	pointerCap?: ScalesPointerCap;
-
-	/** Specify pointers value of circular gauge
-	*   @Default {Array}
-	*/
-	pointers?: Array<ScalesPointer>;
-
-	/** Specify scale radius of circular gauge
-	*   @Default {170}
-	*/
-	radius?: number;
-
-	/** Specify ranges value of circular gauge
-	*   @Default {Array}
-	*/
-	ranges?: Array<ScalesRange>;
-
-	/** Specify shadowOffset value of circular gauge
-	*   @Default {0}
-	*/
-	shadowOffset?: number;
-
-	/** Specify showIndicators of circular gauge
-	*   @Default {false}
-	*/
-	showIndicators?: boolean;
-
-	/** Specify showLabels of circular gauge
-	*   @Default {true}
-	*/
-	showLabels?: boolean;
-
-	/** Specify showPointers of circular gauge
-	*   @Default {true}
-	*/
-	showPointers?: boolean;
-
-	/** Specify showRanges of circular gauge
-	*   @Default {false}
-	*/
-	showRanges?: boolean;
-
-	/** Specify showScaleBar of circular gauge
-	*   @Default {false}
-	*/
-	showScaleBar?: boolean;
-
-	/** Specify showTicks of circular gauge
-	*   @Default {true}
-	*/
-	showTicks?: boolean;
-
-	/** Specify scaleBar size of circular gauge
-	*   @Default {6}
-	*/
-	size?: number;
-
-	/** Specify startAngle of circular gauge
-	*   @Default {115}
-	*/
-	startAngle?: number;
-
-	/** Specify subGauge of circular gauge
-	*   @Default {Array}
-	*/
-	subGauges?: Array<ScalesSubGauge>;
-
-	/** Specify sweepAngle of circular gauge
-	*   @Default {310}
-	*/
-	sweepAngle?: number;
-
-	/** Specify ticks of circular gauge
-	*   @Default {Array}
-	*/
-	ticks?: Array<ScalesTick>;
-}
-
-export interface LegendBorder {
-
-	/** Border color of the legend.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Border width of the legend.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface LegendItemStyleBorder {
-
-	/** Border color of the legend items.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Border width of the legend items.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface LegendItemStyle {
-
-	/** Options for customizing the border of legend items.
-	*/
-	border?: LegendItemStyleBorder;
-
-	/** Specifies the height of the  legend item shapes.
-	*   @Default {10}
-	*/
-	height?: number;
-
-	/** Specifies the width of the  legend item shapes.
-	*   @Default {10}
-	*/
-	width?: number;
-}
-
-export interface LegendSize {
-
-	/** Specify the height of the legend. Height can be specified in pixel.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Specify the width of the legend. Width can be specified in pixel.
-	*   @Default {null}
-	*/
-	width?: string;
-}
-
-export interface LegendFont {
-
-	/** Font family for legend item text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for legend item text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: string;
-
-	/** Font weight for legend item text.
-	*   @Default {Regular}
-	*/
-	fontWeight?: string;
-
-	/** Font size for legend item text.
-	*   @Default {12px}
-	*/
-	size?: string;
-
-	/** Font color of the text for legend items.
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface Legend {
-
-	/** Toggles the visibility of the legend.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Toggles the visibility of the ranges.
-	*   @Default {true}
-	*/
-	toggleVisibility?: boolean;
-
-	/** Specifies the alignment of the legend.
-	*   @Default {Center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.CircularGauge.LegendAlignment|string;
-
-	/** Options for customizing the legend border.
-	*/
-	border?: LegendBorder;
-
-	/** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible ranges is displayed in gray color.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Gap or padding between the legend items.
-	*   @Default {20}
-	*/
-	itemPadding?: number;
-
-	/** Options to customize the style of legend items.
-	*/
-	itemStyle?: LegendItemStyle;
-
-	/** Opacity of the legend.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the circular gauge.
-	*   @Default {Bottom. See Position}
-	*/
-	position?: ej.datavisualization.CircularGauge.LegendPosition|string;
-
-	/** Shape of the legend items.
-	*   @Default {Circle. See Shape}
-	*/
-	shape?: ej.datavisualization.CircularGauge.LegendShape|string;
-
-	/** Options to customize the size of the legend.
-	*/
-	size?: LegendSize;
-
-	/** Options to customize the font used for legend item text.
-	*/
-	font?: LegendFont;
-}
-
-export interface Tooltip {
-
-	/** enable showCustomLabelTooltip of circular gauge
-	*   @Default {false}
-	*/
-	showCustomLabelTooltip?: boolean;
-
-	/** enable showLabelTooltip of circular gauge
-	*   @Default {false}
-	*/
-	showLabelTooltip?: boolean;
-
-	/** Specify tooltip templateID of circular gauge
-	*   @Default {false}
-	*/
-	templateID?: string;
-}
-}
-module CircularGauge
-{
-enum RangeZOrderPlacement
-{
-//string
-Rear,
-//string
-Front,
-}
-}
-module CircularGauge
-{
-enum FrameType
-{
-//string
-FullCircle,
-//string
-HalfCircle,
-}
-}
-module CircularGauge
-{
-enum gaugePosition
-{
-//string
-TopLeft,
-//string
-TopRight,
-//string
-TopCenter,
-//string
-MiddleLeft,
-//string
-MiddleRight,
-//string
-Center,
-//string
-BottomLeft,
-//string
-BottomRight,
-//string
-BottomCenter,
-}
-}
-module CircularGauge
-{
-enum OuterCustomLabelPosition
-{
-//string
-Top,
-//string
-Bottom,
-//string
-Right,
-//string
-Left,
-}
-}
-module CircularGauge
-{
-enum Direction
-{
-//string
-Clockwise,
-//string
-CounterClockwise,
-}
-}
-module CircularGauge
-{
-enum CustomLabelPositionType
-{
-//string
-Inner,
-//string
-Outer,
-}
-}
-module CircularGauge
-{
-enum IndicatorTypes
-{
-//string
-Rectangle,
-//string
-Circle,
-//string
-Text,
-//string
-RoundedRectangle,
-//string
-Image,
-}
-}
-module CircularGauge
-{
-enum Placement
-{
-//string
-Near,
-//string
-Far,
-}
-}
-module CircularGauge
-{
-enum LabelType
-{
-//string
-Major,
-//string
-Minor,
-}
-}
-module CircularGauge
-{
-enum UnitTextPlacement
-{
-//string
-Back,
-//string
-Front,
-}
-}
-module CircularGauge
-{
-enum MarkerType
-{
-//string
-Rectangle,
-//string
-Circle,
-//string
-Triangle,
-//string
-Ellipse,
-//string
-Diamond,
-//string
-Pentagon,
-//string
-Slider,
-//string
-Pointer,
-//string
-Wedge,
-//string
-Trapezoid,
-//string
-RoundedRectangle,
-//string
-Image,
-}
-}
-module CircularGauge
-{
-enum NeedleType
-{
-//string
-Triangle,
-//string
-Rectangle,
-//string
-Arrow,
-//string
-Image,
-//string
-Trapezoid,
-}
-}
-module CircularGauge
-{
-enum PointerType
-{
-//string
-Needle,
-//string
-Marker,
-}
-}
-module CircularGauge
-{
-enum LegendAlignment
-{
-//string
-Center,
-//string
-Near,
-//string
-Far,
-}
-}
-module CircularGauge
-{
-enum LegendPosition
-{
-//string
-Left,
-//string
-Right,
-//string
-Top,
-//string
-Bottom,
-}
-}
-module CircularGauge
-{
-enum LegendShape
-{
-//string
-Rectangle,
-//string
-Circle,
-//string
-Triangle,
-//string
-Ellipse,
-//string
-Diamond,
-//string
-Pentagon,
-//string
-Slider,
-//string
-Trapezoid,
-//string
-Line,
-}
-}
-
-class DigitalGauge extends ej.Widget {
-	static fn: DigitalGauge;
-	constructor(element: JQuery, options?: DigitalGauge.Model);
-	constructor(element: Element, options?: DigitalGauge.Model);
-	static Locale: any;
-	model:DigitalGauge.Model;
-	defaults:DigitalGauge.Model;
-
-	/** To destroy the digital gauge
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To export Digital Gauge as Image
-	*   @param {string} fileName for the Image
-	*   @param {string} fileType for the Image
-	*   @returns {boolean}
-	*/
-	exportImage(fileName: string, fileType: string): boolean;
-
-	/** Gets the location of an item that is displayed on the gauge.
-	*   @param {number} Position value of an item that is displayed on the gauge.
-	*   @returns {any}
-	*/
-	getPosition(itemIndex: number): any;
-
-	/** ClientSideMethod getValue Gets the value of an item that is displayed on the gauge
-	*   @param {number} Index value of an item that displayed on the gauge
-	*   @returns {any}
-	*/
-	getValue(itemIndex: number): any;
-
-	/** Refresh the digital gauge widget
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** ClientSideMethod Set Position Sets the location of an item to be displayed in the gauge
-	*   @param {number} Index value of the digital gauge item
-	*   @param {any} Location value of the digital gauge
-	*   @returns {void}
-	*/
-	setPosition(itemIndex: number, value: any): void;
-
-	/** ClientSideMethod SetValue Sets the value of an item to be displayed in the gauge.
-	*   @param {number} Index value of the digital gauge item
-	*   @param {string} Text value to be displayed in the gaugeS
-	*   @returns {void}
-	*/
-	setValue(itemIndex: number, value: string): void;
-}
-export module DigitalGauge{
-
-export interface Model {
-
-	/** Specifies the frame of the Digital gauge.
-	*   @Default {{backgroundImageUrl: null, innerWidth: 6, outerWidth: 10}}
-	*/
-	frame?: Frame;
-
-	/** Specifies the height of the DigitalGauge.
-	*   @Default {150}
-	*/
-	height?: number;
-
-	/** Specifies the resize option of the DigitalGauge.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies the responsiveness of the Digital gauge
-	*   @Default {false}
-	*/
-	enableResize?: boolean;
-
-	/** Specifies the items for the DigitalGauge.
-	*   @Default {null}
-	*/
-	items?: Array<Item>;
-
-	/** Specifies the matrixSegmentData for the DigitalGauge.
-	*/
-	matrixSegmentData?: any;
-
-	/** Specifies the segmentData for the DigitalGauge.
-	*/
-	segmentData?: any;
-
-	/** Specifies the themes for the Digital gauge. See Themes
-	*   @Default {flatlight}
-	*/
-	themes?: string;
-
-	/** Specifies the value to the DigitalGauge.
-	*   @Default {text}
-	*/
-	value?: string;
-
-	/** Specifies the width for the Digital gauge.
-	*   @Default {400}
-	*/
-	width?: number;
-
-	/** Triggers when the gauge is initialized. */
-	init? (e: InitEventArgs): void;
-
-	/** Triggers when the gauge item rendering. */
-	itemRendering? (e: ItemRenderingEventArgs): void;
-
-	/** Triggers when the gauge is start to load. */
-	load? (e: LoadEventArgs): void;
-
-	/** Triggers when the gauge render is completed. */
-	renderComplete? (e: RenderCompleteEventArgs): void;
-}
-
-export interface InitEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the all the options of the items.
-	*/
-	items?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ItemRenderingEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the all the options of the items.
-	*/
-	items?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the all the options of the items.
-	*/
-	items?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface RenderCompleteEventArgs {
-
-	/** returns the object of the gauge.
-	*/
-	object?: any;
-
-	/** returns the cancel option value
-	*/
-	cancel?: boolean;
-
-	/** returns the all the options of the items.
-	*/
-	items?: any;
-
-	/** returns the context element
-	*/
-	context?: any;
-
-	/** returns the gauge model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface Frame {
-
-	/** Specifies the URL of an image to be displayed as background of the Digital gauge.
-	*   @Default {null}
-	*/
-	backgroundImageUrl?: string;
-
-	/** Specifies the inner width for the frame, when the background image has been set for the Digital gauge..
-	*   @Default {6}
-	*/
-	innerWidth?: number;
-
-	/** Specifies the outer width of the frame, when the background image has been set for the Digital gauge.
-	*   @Default {10}
-	*/
-	outerWidth?: number;
-}
-
-export interface ItemsCharacterSettings {
-
-	/** Specifies the CharacterCount value for the DigitalGauge.
-	*   @Default {4}
-	*/
-	count?: number;
-
-	/** Specifies the opacity value for the DigitalGauge.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the value for spacing between the characters
-	*   @Default {2}
-	*/
-	spacing?: number;
-
-	/** Specifies the character type for the text to be displayed.
-	*   @Default {ej.datavisualization.DigitalGauge.CharacterType.EightCrossEightDotMatrix}
-	*/
-	type?: ej.datavisualization.DigitalGauge.CharacterType|string;
-}
-
-export interface ItemsFont {
-
-	/** Set the font family value
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Set the font style for the font
-	*   @Default {italic}
-	*/
-	fontStyle?: ej.datavisualization.DigitalGauge.FontStyle|string;
-
-	/** Set the font size value
-	*   @Default {11px}
-	*/
-	size?: string;
-}
-
-export interface ItemsPosition {
-
-	/** Set the horizontal location for the text, where it needs to be placed within the gauge.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Set the vertical location for the text, where it needs to be placed within the gauge.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ItemsSegmentSettings {
-
-	/** Set the color for the text segments.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Set the gradient for the text segments.
-	*   @Default {null}
-	*/
-	gradient?: any;
-
-	/** Set the length for the text segments.
-	*   @Default {2}
-	*/
-	length?: number;
-
-	/** Set the opacity for the text segments.
-	*   @Default {0}
-	*/
-	opacity?: number;
-
-	/** Set the spacing for the text segments.
-	*   @Default {1}
-	*/
-	spacing?: number;
-
-	/** Set the width for the text segments.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface Item {
-
-	/** Specifies the Character settings for the DigitalGauge.
-	*   @Default {null}
-	*/
-	characterSettings?: ItemsCharacterSettings;
-
-	/** Enable/Disable the custom font to be applied to the text in the gauge.
-	*   @Default {false}
-	*/
-	enableCustomFont?: boolean;
-
-	/** Set the specific font for the text, when the enableCustomFont is set to true
-	*   @Default {null}
-	*/
-	font?: ItemsFont;
-
-	/** Set the location for the text, where it needs to be placed within the gauge.
-	*   @Default {null}
-	*/
-	position?: ItemsPosition;
-
-	/** Set the segment settings for the digital gauge.
-	*   @Default {null}
-	*/
-	segmentSettings?: ItemsSegmentSettings;
-
-	/** Set the value for enabling/disabling the blurring effect for the shadows of the text
-	*   @Default {0}
-	*/
-	shadowBlur?: number;
-
-	/** Specifies the color of the text shadow.
-	*   @Default {null}
-	*/
-	shadowColor?: string;
-
-	/** Set the x offset value for the shadow of the text, indicating the location where it needs to be displayed.
-	*   @Default {1}
-	*/
-	shadowOffsetX?: number;
-
-	/** Set the y offset value for the shadow of the text, indicating the location where it needs to be displayed.
-	*   @Default {1}
-	*/
-	shadowOffsetY?: number;
-
-	/** Set the alignment of the text that is displayed within the gauge.See TextAlign
-	*   @Default {left}
-	*/
-	textAlign?: string;
-
-	/** Specifies the color of the text.
-	*   @Default {null}
-	*/
-	textColor?: string;
-
-	/** Specifies the text value.
-	*   @Default {null}
-	*/
-	value?: string;
-}
-}
-module DigitalGauge
-{
-enum CharacterType
-{
-//string
-SevenSegment,
-//string
-FourteenSegment,
-//string
-SixteenSegment,
-//string
-EightCrossEightDotMatrix,
-//string
-EightCrossEightSquareMatrix,
-}
-}
-module DigitalGauge
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Bold,
-//string
-Italic,
-//string
-Underline,
-//string
-Strikeout,
-}
-}
-
-class Chart extends ej.Widget {
-	static fn: Chart;
-	constructor(element: JQuery, options?: Chart.Model);
-	constructor(element: Element, options?: Chart.Model);
-	static Locale: any;
-	model:Chart.Model;
-	defaults:Chart.Model;
-
-	/** Animates the series and/or indicators in Chart. When parameter is not passed to this method, then all the series and indicators present in Chart are animated.
-	*   @param {any} If an array collection is passed as parameter, series and indicator objects passed in array collection are animated.ExampleIf a series or indicator object is passed to this method, then the specific series or indicator is animated.Example,
-	*   @returns {void}
-	*/
-	animate(options: any): void;
-
-	/** Prints the rendered chart.
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** Exports chart as an image or to an excel file. Chart can be exported as an image only when exportCanvasRendering option is set to true.
-	*   @param {string} Type of the export operation to be performed. Following are the two export types that are supported now,1. 'image'2. 'excel'Example
-	*   @param {string} URL of the service, where the chart will be exported to excel.Example,
-	*   @param {boolean} When this parameter is true, all the chart objects initialized to the same document are exported to a single excel file. This is an optional parameter. By default, it is false.Example,
-	*   @returns {any}
-	*/
-	export(type: string, URL: string, exportMultipleChart: boolean): any;
-
-	/** Redraws the entire chart. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-	*   @returns {void}
-	*/
-	redraw(): void;
-}
-export module Chart{
-
-export interface Model {
-
-	/** Options for adding and customizing annotations in Chart.
-	*/
-	annotations?: Array<Annotation>;
-
-	/** Sets the background color of the  chart.
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** URL of the image to be used as chart background.
-	*   @Default {null}
-	*/
-	backGroundImageUrl?: string;
-
-	/** Options for customizing the color, opacity and width of the chart border.
-	*/
-	border?: Border;
-
-	/** This provides options for customizing export settings
-	*/
-	exportSettings?: ExportSettings;
-
-	/** Options for configuring the border and background of the plot area.
-	*/
-	chartArea?: ChartArea;
-
-	/** Options to split Chart into multiple plotting areas vertically. Each object in the collection represents a plotting area in Chart.
-	*/
-	columnDefinitions?: Array<ColumnDefinition>;
-
-	/** Options for configuring the properties of all the series. You can also override the options for specific series by using series collection.
-	*/
-	commonSeriesOptions?: CommonSeriesOptions;
-
-	/** Options for displaying the chart along with selected points while loading
-	*   @Default {[ ]}
-	*/
-	selectedDataPointIndexes?: Array<any>;
-
-	/** Options for displaying and customizing the crosshair.
-	*/
-	crosshair?: Crosshair;
-
-	/** Depth of the 3D Chart from front view of series to background wall. This property is applicable only for 3D view.
-	*   @Default {100}
-	*/
-	depth?: number;
-
-	/** Controls whether 3D view has to be enabled or not. 3D view is supported only for column, bar. Stacking column, stacking bar, pie and doughnut series types.
-	*   @Default {false}
-	*/
-	enable3D?: boolean;
-
-	/** Controls whether Chart has to be rendered as Canvas or SVG. Canvas rendering supports all functionalities in SVG rendering except 3D Charts.
-	*   @Default {false}
-	*/
-	enableCanvasRendering?: boolean;
-
-	/** Controls whether the series has to be rendered at initial loading of chart, this will be useful in scenarios where chart is placed at the bottom of the web page and we need to render the series only when the chart is visible while scrolling to the top.
-	*   @Default {true}
-	*/
-	initSeriesRender?: boolean;
-
-	/** Controls whether 3D view has to be rotated on dragging. This property is applicable only for 3D view.
-	*   @Default {false}
-	*/
-	enableRotation?: boolean;
-
-	/** Options to customize the technical indicators.
-	*/
-	indicators?: Array<Indicator>;
-
-	/** Controls whether Chart has to be responsive while resizing.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Options to customize the legend items and legend title.
-	*/
-	legend?: Legend;
-
-	/** Name of the culture based on which chart should be localized. Number and date time values are localized with respect to the culture name.String type properties like title text are not localized automatically. Provide localized text as value to string type properties.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Palette is used to store the series fill color in array and apply the color to series collection in the order of series index.
-	*   @Default {null}
-	*/
-	palette?: Array<any>;
-
-	/** Options to customize the left, right, top and bottom margins of chart area.
-	*/
-	Margin?: any;
-
-	/** Perspective angle of the 3D view. Chart appears closer when perspective angle is decreased, and distant when perspective angle is increased.This property is applicable only when 3D view is enabled
-	*   @Default {90}
-	*/
-	perspectiveAngle?: number;
-
-	/** This is a horizontal axis that contains options to configure axis and it is the primary x axis for all the series in series array. To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
-	*/
-	primaryXAxis?: PrimaryXAxis;
-
-	/** To override x axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s xAxisName property to link both axis and series.
-	*/
-	axes?: Array<Axis>;
-
-	/** This is a vertical axis that contains options to configure axis. This is the primary y axis for all the series in series array. To override y axis for particular series, create an axis object by providing unique name by using name property and add it to axes array. Then, assign the name to the series’s yAxisName property to link both axis and series.
-	*/
-	primaryYAxis?: PrimaryYAxis;
-
-	/** Rotation angle of the 3D view. This property is applicable only when 3D view is enabled.
-	*   @Default {0}
-	*/
-	rotation?: number;
-
-	/** Options to split Chart into multiple plotting areas horizontally. Each object in the collection represents a plotting area in Chart.
-	*/
-	rowDefinitions?: Array<RowDefinition>;
-
-	/** Specifies the properties used for customizing the series.
-	*/
-	series?: Array<Series>;
-
-	/** Controls whether data points has to be displayed side by side or along the depth of the axis.
-	*   @Default {false}
-	*/
-	sideBySideSeriesPlacement?: boolean;
-
-	/** Options to customize the Chart size.
-	*/
-	size?: Size;
-
-	/** Specifies the theme for Chart.
-	*   @Default {Flatlight. See Theme}
-	*/
-	theme?: ej.datavisualization.Chart.Theme|string;
-
-	/** Slope angle of 3D Chart. This property is applicable only when 3D view is enabled.
-	*   @Default {0}
-	*/
-	tilt?: number;
-
-	/** Options for customizing the title and subtitle of Chart.
-	*/
-	title?: Title;
-
-	/** Width of the wall used in 3D Chart. Wall is present only in Cartesian type 3D series and not in 3D pie or Doughnut series. This property is applicable only when 3D view is enabled.
-	*   @Default {2}
-	*/
-	wallSize?: number;
-
-	/** Options for enabling zooming feature of chart.
-	*/
-	zooming?: Zooming;
-
-	/** Fires after the series animation is completed. This event will be triggered for each series when animation is enabled. */
-	animationComplete? (e: AnimationCompleteEventArgs): void;
-
-	/** Fires before rendering the labels. This event is fired for each label in axis. You can use this event to add custom text to axis labels. */
-	axesLabelRendering? (e: AxesLabelRenderingEventArgs): void;
-
-	/** Fires during the initialization of axis labels. */
-	axesLabelsInitialize? (e: AxesLabelsInitializeEventArgs): void;
-
-	/** Fires during axes range calculation. This event is fired for each axis present in Chart. You can use this event to customize axis range as required. */
-	axesRangeCalculate? (e: AxesRangeCalculateEventArgs): void;
-
-	/** Fires before rendering the axis title. This event is triggered for each axis with title. You can use this event to add custom text to axis title. */
-	axesTitleRendering? (e: AxesTitleRenderingEventArgs): void;
-
-	/** Fires during the calculation of chart area bounds. You can use this event to customize the bounds of chart area. */
-	chartAreaBoundsCalculate? (e: ChartAreaBoundsCalculateEventArgs): void;
-
-	/** Fires after chart is created. */
-	create? (e: CreateEventArgs): void;
-
-	/** Fires when chart is destroyed completely. */
-	destroy? (e: DestroyEventArgs): void;
-
-	/** Fires before rendering the data labels. This event is triggered for each data label in the series. You can use this event to add custom text in data labels. */
-	displayTextRendering? (e: DisplayTextRenderingEventArgs): void;
-
-	/** Fires during the calculation of legend bounds. You can use this event to customize the bounds of legend. */
-	legendBoundsCalculate? (e: LegendBoundsCalculateEventArgs): void;
-
-	/** Fires on clicking the legend item. */
-	legendItemClick? (e: LegendItemClickEventArgs): void;
-
-	/** Fires when moving mouse over legend item. You can use this event for hit testing on legend items. */
-	legendItemMouseMove? (e: LegendItemMouseMoveEventArgs): void;
-
-	/** Fires before rendering the legend item. This event is fired for each legend item in Chart. You can use this event to customize legend item shape or add custom text to legend item. */
-	legendItemRendering? (e: LegendItemRenderingEventArgs): void;
-
-	/** Fires before loading the chart. */
-	load? (e: LoadEventArgs): void;
-
-	/** Fires while performing rectangle zooming in chart. */
-	zoomed? (e: ZoomedEventArgs): void;
-
-	/** Fires after selected the data in chart. */
-	rangeSelected? (e: RangeSelectedEventArgs): void;
-
-	/** Fires on clicking a point in chart. You can use this event to handle clicks made on points. */
-	pointRegionClick? (e: PointRegionClickEventArgs): void;
-
-	/** Fires when mouse is moved over a point. */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
-
-	/** Fires before rendering chart. */
-	preRender? (e: PreRenderEventArgs): void;
-
-	/** Fires after selecting a series. This event is triggered after selecting a series only if selection mode is series. */
-	seriesRegionClick? (e: SeriesRegionClickEventArgs): void;
-
-	/** Fires before rendering a series. This event is fired for each series in Chart. */
-	seriesRendering? (e: SeriesRenderingEventArgs): void;
-
-	/** Fires before rendering the marker symbols. This event is triggered for each marker in Chart. */
-	symbolRendering? (e: SymbolRenderingEventArgs): void;
-
-	/** Fires before rendering the Chart title. You can use this event to add custom text in Chart title. */
-	titleRendering? (e: TitleRenderingEventArgs): void;
-
-	/** Fires before rendering the tooltip. This event is fired when tooltip is enabled and mouse is hovered on a Chart point. You can use this event to customize tooltip before rendering. */
-	toolTipInitialize? (e: ToolTipInitializeEventArgs): void;
-
-	/** Fires before rendering crosshair tooltip in axis. This event is fired for each axis with crosshair label enabled. You can use this event to customize crosshair label before rendering */
-	trackAxisToolTip? (e: TrackAxisToolTipEventArgs): void;
-
-	/** Fires before rendering trackball tooltip. This event is fired for each series in Chart because trackball tooltip is displayed for all the series. You can use this event to customize the text displayed in trackball tooltip. */
-	trackToolTip? (e: TrackToolTipEventArgs): void;
-
-	/** Fires, on clicking the axis label. */
-	axisLabelClick? (e: AxisLabelClickEventArgs): void;
-
-	/** Fires on moving mouse over the axis label. */
-	axisLabelMouseMove? (e: AxisLabelMouseMoveEventArgs): void;
-
-	/** Fires, on the clicking the chart. */
-	chartClick? (e: ChartClickEventArgs): void;
-
-	/** Fires, on the clicking the Multi level labels of the chart . */
-	multiLevelLabelClick? (e: MultiLevelLabelClickEventArgs): void;
-
-	/** Fires on moving mouse over the chart. */
-	chartMouseMove? (e: ChartMouseMoveEventArgs): void;
-
-	/** Fires, on double clicking the chart. */
-	chartDoubleClick? (e: ChartDoubleClickEventArgs): void;
-
-	/** Fires when the mouse pointer leaves the chart */
-	chartMouseLeave? (e: ChartMouseLeaveEventArgs): void;
-
-	/** Fires on clicking the annotation. */
-	annotationClick? (e: AnnotationClickEventArgs): void;
-
-	/** Fires, after the chart is resized. */
-	afterResize? (e: AfterResizeEventArgs): void;
-
-	/** Fires, when chart size is changing. */
-	beforeResize? (e: BeforeResizeEventArgs): void;
-
-	/** Fires, when error bar is rendering. */
-	errorBarRendering? (e: ErrorBarRenderingEventArgs): void;
-
-	/** Fires, when multi level labels are rendering. */
-	multiLevelLabelRendering? (e: MultiLevelLabelRenderingEventArgs): void;
-
-	/** Fires, when trendlines are rendering. */
-	trendlineRendering? (e: TrendlineRenderingEventArgs): void;
-
-	/** Trigger, after the scrollbar position is changed. */
-	scrollChanged? (e: ScrollChangedEventArgs): void;
-
-	/** Event triggered when scroll starts */
-	scrollStart? (e: ScrollStartEventArgs): void;
-
-	/** Event triggered when scroll end */
-	scrollEnd? (e: ScrollEndEventArgs): void;
-
-	/** Fires when the dragging is started */
-	dragStart? (e: DragStartEventArgs): void;
-
-	/** Fires while  dragging */
-	dragging? (e: DraggingEventArgs): void;
-
-	/** Fires when the dragging is completed */
-	dragEnd? (e: DragEndEventArgs): void;
-
-	/** Fires when the sub Title of the chart is rendered */
-	subTitleRendering? (e: SubTitleRenderingEventArgs): void;
-}
-
-export interface AnimationCompleteEventArgs {
-
-	/**  series - Instance of the series that completed has animation.
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface AxesLabelRenderingEventArgs {
-
-	/** axis - Instance of the corresponding axis.        label - Arguments of axis label value and text.                             
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface AxesLabelsInitializeEventArgs {
-
-	/**  dataAxes - Collection of axes in Chart
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface AxesRangeCalculateEventArgs {
-
-	/** delta - Difference between minimum and maximum value of axis range.    interval - Interval value of axis range. Grid lines, tick lines and axis labels are drawn based on this interval value.    max - Maximum value of axis range.    min - Minimum value of axis range.                                 
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface AxesTitleRenderingEventArgs {
-
-	/**     axes - Instance of the axis whose title is being rendered    locationX - X-coordinate of title location    locationY - Y-coordinate of title location    title - Axis title text. You can add custom text to the title.
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface ChartAreaBoundsCalculateEventArgs {
-
-	/** areaBoundsHeight - Height of the chart area.    areaBoundsWidth - Width of the chart area.    areaBoundsX - X-coordinate of the chart area.    areaBoundsY - Y-coordinate of the chart area.
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface CreateEventArgs {
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface DestroyEventArgs {
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface DisplayTextRenderingEventArgs {
-
-	/** text - Text displayed in data label. You can add custom text to the data label    locationX - X-coordinate of data label location    locationY - Y-coordinate of data label location    seriesIndex - Index of the series in series Collection whose data label is being rendered    pointIndex - Index of the point in series whose data label is being rendered
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface LegendBoundsCalculateEventArgs {
-
-	/** legendBoundsHeight - Height of the legend    legendBoundsWidth - Width of the legend.    legendBoundsRows - Number of rows to display the legend items
-	*/
-	data?: any;
-
-	/** Set this option to true to cancel the event.
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object.
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface LegendItemClickEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    LegendItem - Instance of the legend item object that is about to be rendered    style - Options to customize the legend item styles such as border, color, size, etc…,    Bounds - Instance that holds information about legend bounds and legend item bounds.    symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering    series - Instance of the series object corresponding to the legend item
-	*/
-	data?: any;
-}
-
-export interface LegendItemMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    LegendItem - Instance of the legend item object that is about to be rendered    style - Options to customize the legend item styles such as border, color, size, etc…,    Bounds - Instance that holds information about legend bounds and legend item bounds.    symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering    series - Instance of the series object corresponding to the legend item
-	*/
-	data?: any;
-}
-
-export interface LegendItemRenderingEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** startX - X-coordinate of legend item in pixel    startY - Y-coordinate of legend item in pixel    legendItem - Instance of the legend item object that is about to be rendered    style - Options to customize the legend item styles such as border, color, size, etc.    symbolShape - Name of the legend item shape. Use this option to customize legend item shape before rendering
-	*/
-	data?: any;
-}
-
-export interface LoadEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface ZoomedEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** Selected data collection of object
-	*/
-	data?: any;
-}
-
-export interface RangeSelectedEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** Selected data collection of object
-	*/
-	data?: any;
-}
-
-export interface PointRegionClickEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     locationX - X-coordinate of point in pixel    locationY - Y-coordinate of point in pixel    seriesIndex - Index of the series in series collection to which the point belongs    pointIndex - Index of the point in series
-	*/
-	data?: any;
-}
-
-export interface PointRegionMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     locationX - X-coordinate of point in pixel    locationY - Y-coordinate of point in pixel    seriesIndex - Index of the series in series collection to which the point belongs    pointIndex - Index of the point in series
-	*/
-	data?: any;
-}
-
-export interface PreRenderEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface SeriesRegionClickEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     series - Instance of the selected series    seriesIndex - Index of the selected series
-	*/
-	data?: any;
-}
-
-export interface SeriesRenderingEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** series - Instance of the series which is about to get rendered
-	*/
-	data?: any;
-}
-
-export interface SymbolRenderingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     location - Instance that holds the location of marker symbol    style - Options to customize the marker style such as color, border and size
-	*/
-	data?: any;
-}
-
-export interface TitleRenderingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     location - Option to customize the title location in pixels    size - Read-only option to find the size of the title    title - Use this option to add custom text in title
-	*/
-	data?: any;
-}
-
-export interface ToolTipInitializeEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     currentText - Text to be displayed in tooltip. Set this option to customize the text displayed in tooltip    pointIndex - Index of the point on which mouse is hovered    seriesIndex - Index of the series in series collection whose point is hovered by mouse
-	*/
-	data?: any;
-}
-
-export interface TrackAxisToolTipEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     location - Location of the crosshair label in pixels    axisIndex - Index of the axis for which crosshair label is displayed    crossAxis - Instance of the chart axis object for which cross hair label is displayed    currentTrackText - Text to be displayed in crosshair label. Use this option to add custom text in crosshair label
-	*/
-	data?: any;
-}
-
-export interface TrackToolTipEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     location - Location of the trackball tooltip in pixels    pointIndex - Index of the point for which trackball tooltip is displayed    seriesIndex - Index of the series in series collection    currentText - Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip    series - Instance of the series object for which trackball tooltip is displayed.
-	*/
-	data?: any;
-}
-
-export interface AxisLabelClickEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**  location - X and Y co-ordinate of the labels in chart area.         index - Index of the label.    axis - Instance of the corresponding axis.    text - Label that is clicked.                             
-	*/
-	data?: any;
-}
-
-export interface AxisLabelMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** location - X and Y co-ordinate of the labels in chart area.         index - Index of the label.    axis - Instance of the corresponding axis.    text - Label that is hovered.                             
-	*/
-	data?: any;
-}
-
-export interface ChartClickEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** location - X and Y co-ordinate of the points with respect to chart area.id - ID of the target element.    size - Width and height of the chart.    pageX - x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page  
-	*/
-	data?: any;
-}
-
-export interface MultiLevelLabelClickEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** location - X and Y co-ordinate of the points with respect to chart area.    axis - axis of the multilevellabels.    multilevellabel - Multi level label details
-	*/
-	data?: any;
-}
-
-export interface ChartMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface ChartDoubleClickEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface ChartMouseLeaveEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** location - X and Y co-ordinate of the points with respect to chart area.id - ID of the target element.    size - Width and height of the chart.    pageX - x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page  
-	*/
-	data?: any;
-}
-
-export interface AnnotationClickEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     location - X and Y co-ordinate of the annotation in chart area.     contentData - Information about the annotation, like Coordinate unit, Region, content    pageX- x-coordinate of the pointer, relative to the page    pageY - y-coordinate of the pointer, relative to the page                              
-	*/
-	data?: any;
-}
-
-export interface AfterResizeEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     width - Chart width, after resize    height - Chart height, after resize    prevWidth - Chart width, before resize    prevHeight - Chart height, before resize    originalWidth- Chart width, when the chart was first rendered    originalHeight - Chart height, when the chart was first rendered 
-	*/
-	data?: any;
-}
-
-export interface BeforeResizeEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** currentWidth - Chart width, before resize    currentHeight - Chart height, before resize    newWidth - Chart width, after resize    newHeight - Chart height, after resize 
-	*/
-	data?: any;
-}
-
-export interface ErrorBarRenderingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**  errorbar - Error bar Object  
-	*/
-	data?: any;
-}
-
-export interface MultiLevelLabelRenderingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** multilevellabels - MultiLevel Label Object  
-	*/
-	data?: any;
-}
-
-export interface TrendlineRenderingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     trendlines - Trendline Object    series - Series data of the chart    forwardForecast - Forward Forecast value for the trendline    backwardForecast - Backward Forecast value for the trendline
-	*/
-	data?: any;
-}
-
-export interface ScrollChangedEventArgs {
-
-	/**     oldRange - returns the scrollbar position old start and end range value on change end of scrollbar    newRange - returns the scrollbar position new start and end range value on change end of scrollbar
-	*/
-	data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ScrollStartEventArgs {
-
-	/**     startRange - returns the scrollbar position starting range value on changing scrollbar    endRange - returns the scrollbar position end range value on changing scrollbar
-	*/
-	data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ScrollEndEventArgs {
-
-	/**     oldRange - returns the scrollbar position old start and end range value on change end of scrollbar    newRange - returns the scrollbar position new start and end range value on change end of scrollbar
-	*/
-	data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface DragStartEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    point - Information of the point held for dragging  
-	*/
-	data?: any;
-}
-
-export interface DraggingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    oldValue - Previous value of the point before dragging    newValue - Current value of the point  
-	*/
-	data?: any;
-}
-
-export interface DragEndEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** seriesIndex - Series Index of the point held for dragging    pointIndex - PointIndex of the point held for dragging    oldValue - Previous value of the point before dragging    newValue - Current value of the point    series - Contains the all the series information of the chart  
-	*/
-	data?: any;
-}
-
-export interface SubTitleRenderingEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the chart model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/**     location - location of the subTitle text    subtitle - text of the subtitle    size - Size of the Subtitle text
-	*/
-	data?: any;
-}
-
-export interface AnnotationsMargin {
-
-	/** Annotation is placed at the specified value above its original position.
-	*   @Default {0}
-	*/
-	bottom?: number;
-
-	/** Annotation is placed at the specified value from left side of its original position.
-	*   @Default {0}
-	*/
-	left?: number;
-
-	/** Annotation is placed at the specified value from the right side of its original position.
-	*   @Default {0}
-	*/
-	right?: number;
-
-	/** Annotation is placed at the specified value under its original position.
-	*   @Default {0}
-	*/
-	top?: number;
-}
-
-export interface Annotation {
-
-	/** Angle to rotate the annotation in degrees.
-	*   @Default {'0'}
-	*/
-	angle?: number;
-
-	/** Text content or id of a HTML element to be displayed as annotation.
-	*/
-	content?: string;
-
-	/** Specifies how annotations have to be placed in Chart.
-	*   @Default {none. See CoordinateUnit}
-	*/
-	coordinateUnit?: ej.datavisualization.Chart.CoordinateUnit|string;
-
-	/** Specifies the horizontal alignment of the annotation.
-	*   @Default {middle. See HorizontalAlignment}
-	*/
-	horizontalAlignment?: ej.datavisualization.Chart.HorizontalAlignment|string;
-
-	/** Options to customize the margin of annotation.
-	*/
-	margin?: AnnotationsMargin;
-
-	/** Controls the opacity of the annotation.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies whether annotation has to be placed with respect to chart or series.
-	*   @Default {chart. See Region}
-	*/
-	region?: ej.datavisualization.Chart.Region|string;
-
-	/** Specifies the vertical alignment of the annotation.
-	*   @Default {middle. See VerticalAlignment}
-	*/
-	verticalAlignment?: ej.datavisualization.Chart.VerticalAlignment|string;
-
-	/** Controls the visibility of the annotation.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Represents the horizontal offset when coordinateUnit is pixels.when coordinateUnit is points, it represents the x-coordinate of axis bounded with xAxisName property or primary X axis when xAxisName is not provided.This property is not applicable when coordinateUnit is none.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Name of the horizontal axis to be used for positioning the annotation. This property is applicable only when coordinateUnit is points.
-	*/
-	xAxisName?: string;
-
-	/** Represents the vertical offset when coordinateUnit is pixels.When coordinateUnit is points, it represents the y-coordinate of axis bounded with yAxisName property or primary Y axis when yAxisName is not provided.This property is not applicable when coordinateUnit is none.
-	*   @Default {0}
-	*/
-	y?: number;
-
-	/** Name of the vertical axis to be used for positioning the annotation.This property is applicable only when coordinateUnit is points.
-	*/
-	yAxisName?: string;
-}
-
-export interface Border {
-
-	/** Border color of the chart.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Opacity of the chart border.
-	*   @Default {0.3}
-	*/
-	opacity?: number;
-
-	/** Width of the Chart border.
-	*   @Default {0}
-	*/
-	width?: number;
-}
-
-export interface ExportSettings {
-
-	/** Specifies the downloading filename
-	*   @Default {chart}
-	*/
-	filename?: string;
-
-	/** Specifies the name of the action URL
-	*/
-	action?: string;
-
-	/** Specifies the angle for rotation
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Specifies the format of the file to export
-	*   @Default {png}
-	*/
-	type?: ej.datavisualization.Chart.ExportingType|string;
-
-	/** Specifies the orientation of the document
-	*   @Default {portrait}
-	*/
-	orientation?: ej.datavisualization.Chart.ExportingOrientation|string;
-
-	/** Specifies the mode of exporting
-	*   @Default {client}
-	*/
-	mode?: ej.datavisualization.Chart.ExportingMode|string;
-
-	/** Enable/ disable the multiple excel exporting
-	*   @Default {false}
-	*/
-	multipleExport?: boolean;
-}
-
-export interface ChartAreaBorder {
-
-	/** Border color of the plot area.
-	*   @Default {Gray}
-	*/
-	color?: string;
-
-	/** Opacity of the plot area border.
-	*   @Default {0.3}
-	*/
-	opacity?: number;
-
-	/** Border width of the plot area.
-	*   @Default {0.5}
-	*/
-	width?: number;
-}
-
-export interface ChartArea {
-
-	/** Background color of the plot area.
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** Options for customizing the border of the plot area.
-	*/
-	border?: ChartAreaBorder;
-}
-
-export interface ColumnDefinition {
-
-	/** Specifies the unit to measure the width of the column in plotting area.
-	*   @Default {'pixel'. See Unit}
-	*/
-	unit?: ej.datavisualization.Chart.Unit|string;
-
-	/** Width of the column in plotting area. Width is measured in either pixel or percentage based on the value of unit property.
-	*   @Default {50}
-	*/
-	columnWidth?: number;
-
-	/** Color of the line that indicates the starting point of the column in plotting area.
-	*   @Default {transparent}
-	*/
-	lineColor?: string;
-
-	/** Width of the line that indicates the starting point of the column in plot area.
-	*   @Default {1}
-	*/
-	lineWidth?: number;
-}
-
-export interface CommonSeriesOptionsBorder {
-
-	/** Border color of all series.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** DashArray for border of the series.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Border width of all series.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsFont {
-
-	/** Font color of the text in all series.
-	*   @Default {#707070}
-	*/
-	color?: string;
-
-	/** Font Family for all the series.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font Style for all the series.
-	*   @Default {normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Specifies the font weight for all the series.
-	*   @Default {regular}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity for text in all the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for text in all the series.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface CommonSeriesOptionsBubbleOptions {
-
-	/** Used for the calculation of the bubble radius based on the mode selected 
-	*   @Default {minmax}
-	*/
-	radiusMode?: ej.datavisualization.Chart.RadiusMode|string;
-
-	/** Used for the setting the minimum radius of the bubble
-	*   @Default {1}
-	*/
-	minRadius?: number;
-
-	/** Used for setting the maximum radius of the bubble
-	*   @Default {3}
-	*/
-	maxRadius?: number;
-}
-
-export interface CommonSeriesOptionsMarkerBorder {
-
-	/** Border color of the marker shape.
-	*   @Default {white}
-	*/
-	color?: string;
-
-	/** Border width of the marker shape.
-	*   @Default {3}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsMarkerDataLabelBorder {
-
-	/** Border color of the data label.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the data label.
-	*   @Default {0.1}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsMarkerDataLabelConnectorLine {
-
-	/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
-	*   @Default {line. See ConnectorLineType}
-	*/
-	type?: ej.datavisualization.Chart.ConnectorLineType|string;
-
-	/** Width of the connector.
-	*   @Default {0.5}
-	*/
-	width?: number;
-
-	/** Color of the connector line.
-	*   @Default {#565656}
-	*/
-	color?: string;
-
-	/** Height of the connector line.
-	*   @Default {null}
-	*/
-	height?: string;
-}
-
-export interface CommonSeriesOptionsMarkerDataLabelFont {
-
-	/** Font family of the data label.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the data label.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the data label.
-	*   @Default {regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font color of the data label text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font size of the data label.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface CommonSeriesOptionsMarkerDataLabelMargin {
-
-	/** Bottom margin of the text.
-	*   @Default {5}
-	*/
-	bottom?: number;
-
-	/** Left margin of the text.
-	*   @Default {5}
-	*/
-	left?: number;
-
-	/** Right margin of the text.
-	*   @Default {5}
-	*/
-	right?: number;
-
-	/** Top margin of the text.
-	*   @Default {5}
-	*/
-	top?: number;
-}
-
-export interface CommonSeriesOptionsMarkerDataLabelOffset {
-
-	/** X value or horizontal offset to position the labels in chart.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Y value or vertical offset to position the labels.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface CommonSeriesOptionsMarkerDataLabel {
-
-	/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
-	*   @Default {null}
-	*/
-	angle?: number;
-
-	/** Maximum label width of the data label.
-	*   @Default {null}
-	*/
-	maximumLabelWidth?: number;
-
-	/** Enable the wrap option to the data label.
-	*   @Default {false}
-	*/
-	enableWrap?: boolean;
-
-	/** Options for customizing the border of the data label.
-	*/
-	border?: CommonSeriesOptionsMarkerDataLabelBorder;
-
-	/** Options for displaying and customizing the line that connects point and data label.
-	*/
-	connectorLine?: CommonSeriesOptionsMarkerDataLabelConnectorLine;
-
-	/** Background color of the data label.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options for customizing the data label font.
-	*/
-	font?: CommonSeriesOptionsMarkerDataLabelFont;
-
-	/** Horizontal alignment of the data label. 
-	*   @Default {center}
-	*/
-	horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
-
-	/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
-	*/
-	margin?: CommonSeriesOptionsMarkerDataLabelMargin;
-
-	/** Opacity of the data label.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the datalabel positions
-	*/
-	offset?: CommonSeriesOptionsMarkerDataLabelOffset;
-
-	/** Background shape of the data label. 
-	*   @Default {none. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-	*/
-	template?: string;
-
-	/** Name of a field in data source, where datalabel text is displayed.
-	*/
-	textMappingName?: string;
-
-	/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
-	*   @Default {top. See TextPosition}
-	*/
-	textPosition?: ej.datavisualization.Chart.TextPosition|string;
-
-	/** Vertical alignment of the data label. 
-	*   @Default {center}
-	*/
-	verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
-
-	/** Controls the visibility of the data labels.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface CommonSeriesOptionsMarkerSize {
-
-	/** Height of the marker.
-	*   @Default {6}
-	*/
-	height?: number;
-
-	/** Width of the marker.
-	*   @Default {6}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsMarker {
-
-	/** Options for customizing the border of the marker shape.
-	*/
-	border?: CommonSeriesOptionsMarkerBorder;
-
-	/** Options for displaying and customizing data labels.
-	*/
-	dataLabel?: CommonSeriesOptionsMarkerDataLabel;
-
-	/** Color of the marker shape.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** The URL for the Image to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
-	*/
-	imageUrl?: string;
-
-	/** Opacity of the marker.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the shape of the marker.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Options for customizing the size of the marker shape.
-	*/
-	size?: CommonSeriesOptionsMarkerSize;
-
-	/** Controls the visibility of the marker shape.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface CommonSeriesOptionsOutlierSettingsSize {
-
-	/** Height of the outlier shape.
-	*   @Default {6}
-	*/
-	height?: number;
-
-	/** Width of the outlier shape.
-	*   @Default {6}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsOutlierSettings {
-
-	/** Specifies the shape of the outlier.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Options for customizing the size of the outlier shape.
-	*/
-	size?: CommonSeriesOptionsOutlierSettingsSize;
-}
-
-export interface CommonSeriesOptionsCornerRadius {
-
-	/** Specifies the radius for the top left corner.
-	*   @Default {0}
-	*/
-	topLeft?: number;
-
-	/** Specifies the radius for the top right corner.
-	*   @Default {0}
-	*/
-	topRight?: number;
-
-	/** Specifies the radius for the bottom left corner.
-	*   @Default {0}
-	*/
-	bottomLeft?: number;
-
-	/** Specifies the radius for the bottom right corner.
-	*   @Default {0}
-	*/
-	bottomRight?: number;
-}
-
-export interface CommonSeriesOptionsTooltipBorder {
-
-	/** Border color of the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsTooltip {
-
-	/** Options for customizing the border of the tooltip.
-	*/
-	border?: CommonSeriesOptionsTooltipBorder;
-
-	/** Customize the corner radius of the tooltip rectangle.
-	*   @Default {0}
-	*/
-	rx?: number;
-
-	/** Customize the corner radius of the tooltip rectangle.
-	*   @Default {0}
-	*/
-	ry?: number;
-
-	/** Specifies the duration, the tooltip has to be displayed.
-	*   @Default {500ms}
-	*/
-	duration?: string;
-
-	/** Enables/disables the animation of the tooltip when moving from one point to other.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Background color of the tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Format of the tooltip content.
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
-
-	/** Opacity of the tooltip.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-
-	/** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Controls the visibility of the tooltip.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface CommonSeriesOptionsEmptyPointSettingsStyleBorder {
-
-	/** Border color of the empty point.
-	*/
-	color?: string;
-
-	/** Border width of the empty point.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsEmptyPointSettingsStyle {
-
-	/** Color of the empty point.
-	*/
-	color?: string;
-
-	/** Options for customizing border of the empty point in the series.
-	*/
-	border?: CommonSeriesOptionsEmptyPointSettingsStyleBorder;
-}
-
-export interface CommonSeriesOptionsEmptyPointSettings {
-
-	/** Controls the visibility of the empty point.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Specifies the mode of empty point.
-	*   @Default {gap}
-	*/
-	displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
-
-	/** Options for customizing the color and border of the empty point in the series.
-	*/
-	style?: CommonSeriesOptionsEmptyPointSettingsStyle;
-}
-
-export interface CommonSeriesOptionsConnectorLine {
-
-	/** Width of the connector line.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Color of the connector line.
-	*   @Default {#565656}
-	*/
-	color?: string;
-
-	/** DashArray of the connector line.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** DashArray of the connector line.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface CommonSeriesOptionsDragSettings {
-
-	/** drag/drop the series
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies the type of drag settings.
-	*   @Default {xy}
-	*/
-	type?: string;
-}
-
-export interface CommonSeriesOptionsErrorBarCap {
-
-	/** Show/Hides the error bar cap.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the error bar cap.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Length of the error bar cap.
-	*   @Default {1}
-	*/
-	length?: number;
-
-	/** Color of the error bar cap.
-	*   @Default {“#000000”}
-	*/
-	fill?: string;
-}
-
-export interface CommonSeriesOptionsErrorBar {
-
-	/** Show/hides the error bar
-	*   @Default {visible}
-	*/
-	visibility?: boolean;
-
-	/** Specifies the type of error bar.
-	*   @Default {FixedValue}
-	*/
-	type?: ej.datavisualization.Chart.ErrorBarType|string;
-
-	/** Specifies the mode of error bar.
-	*   @Default {vertical}
-	*/
-	mode?: ej.datavisualization.Chart.ErrorBarMode|string;
-
-	/** Specifies the direction of error bar.
-	*   @Default {both}
-	*/
-	direction?: ej.datavisualization.Chart.ErrorBarDirection|string;
-
-	/** Value of vertical error bar.
-	*   @Default {3}
-	*/
-	verticalErrorValue?: number;
-
-	/** Value of horizontal  error bar.
-	*   @Default {1}
-	*/
-	horizontalErrorValue?: number;
-
-	/** Value of positive horizontal error bar.
-	*   @Default {1}
-	*/
-	horizontalPositiveErrorValue?: number;
-
-	/** Value of negative horizontal error bar.
-	*   @Default {1}
-	*/
-	horizontalNegativeErrorValue?: number;
-
-	/** Value of positive vertical error bar.
-	*   @Default {5}
-	*/
-	verticalPositiveErrorValue?: number;
-
-	/** Value of negative vertical error bar.
-	*   @Default {5}
-	*/
-	verticalNegativeErrorValue?: number;
-
-	/** Fill color of the error bar.
-	*   @Default {#000000}
-	*/
-	fill?: string;
-
-	/** Width of the error bar.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Options for customizing the error bar cap.
-	*/
-	cap?: CommonSeriesOptionsErrorBarCap;
-}
-
-export interface CommonSeriesOptionsTrendlinesTooltipBorder {
-
-	/** Border color of the trendline tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the trendline tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface CommonSeriesOptionsTrendlinesTooltip {
-
-	/** Options for customizing the border of the  trendline tooltip.
-	*/
-	border?: CommonSeriesOptionsTrendlinesTooltipBorder;
-
-	/** Customize the corner radius of the trendline tooltip rectangle.
-	*   @Default {0}
-	*/
-	rx?: number;
-
-	/** Customize the corner radius of the trendline tooltip rectangle.
-	*   @Default {0}
-	*/
-	ry?: number;
-
-	/** Specifies the duration, the tooltip has to be displayed.
-	*   @Default {500ms}
-	*/
-	duration?: string;
-
-	/** Enables/disables the animation of the trendline tooltip when moving from one point to other.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Background color of the trendline tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Format of the tooltip content displayed in the trendlines.
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
-
-	/** Opacity of the trendline tooltip.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-}
-
-export interface CommonSeriesOptionsTrendline {
-
-	/** Show/hides the trendline.
-	*/
-	visibility?: boolean;
-
-	/** Show/hides the trendline legend.
-	*   @Default {visible}
-	*/
-	visibleOnLegend?: string;
-
-	/** Specifies the type of the trendline for the series.
-	*   @Default {linear. See TrendlinesType}
-	*/
-	type?: string;
-
-	/** Name for the trendlines that is to be displayed in the legend text.
-	*   @Default {trendline}
-	*/
-	name?: string;
-
-	/** Fill color of the trendlines.
-	*   @Default {#0000FF}
-	*/
-	fill?: string;
-
-	/** Width of the trendlines.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Opacity of the trendline.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Pattern of dashes and gaps used to stroke the trendline.
-	*/
-	dashArray?: string;
-
-	/** Future trends of the current series.
-	*   @Default {0}
-	*/
-	forwardForecast?: number;
-
-	/** Past trends of the current series.
-	*   @Default {0}
-	*/
-	backwardForecast?: number;
-
-	/** Specifies the order of the polynomial trendlines.
-	*   @Default {0}
-	*/
-	polynomialOrder?: number;
-
-	/** Specifies the moving average starting period value.
-	*   @Default {2}
-	*/
-	period?: number;
-
-	/** Options for customizing the tooltip of the trendlines in the chart.
-	*/
-	tooltip?: CommonSeriesOptionsTrendlinesTooltip;
-
-	/** Specifies the intercept value of the trendlines.
-	*   @Default {null}
-	*/
-	intercept?: number;
-}
-
-export interface CommonSeriesOptionsHighlightSettingsBorder {
-
-	/** Border color of the series/point on highlight.
-	*/
-	color?: string;
-
-	/** Border width of the series/point on highlight.
-	*   @Default {2}
-	*/
-	width?: string;
-}
-
-export interface CommonSeriesOptionsHighlightSettings {
-
-	/** Enables/disables the ability to highlight the series or data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies whether the series or data point has to be highlighted.
-	*   @Default {series. See Mode}
-	*/
-	mode?: ej.datavisualization.Chart.Mode|string;
-
-	/** Color of the series/point on highlight.
-	*/
-	color?: string;
-
-	/** Opacity of the series/point on highlight.
-	*   @Default {0.6}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the border of series on highlight.
-	*/
-	border?: CommonSeriesOptionsHighlightSettingsBorder;
-
-	/** Specifies the pattern for the series/point on highlight.
-	*   @Default {none. See Pattern}
-	*/
-	pattern?: string;
-
-	/** Custom pattern for the series on highlight.
-	*/
-	customPattern?: string;
-}
-
-export interface CommonSeriesOptionsSelectionSettingsBorder {
-
-	/** Border color of the series/point on selection.
-	*/
-	color?: string;
-
-	/** Border width of the series/point on selection.
-	*   @Default {2}
-	*/
-	width?: string;
-}
-
-export interface CommonSeriesOptionsSelectionSettings {
-
-	/** Enables/disables the ability to select a series/data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies the type of selection.
-	*   @Default {single}
-	*/
-	type?: ej.datavisualization.Chart.SelectionType|string;
-
-	/** Specifies whether the series or data point has to be selected.
-	*   @Default {series. See Mode}
-	*/
-	mode?: ej.datavisualization.Chart.Mode|string;
-
-	/** Specifies the drawn rectangle type.
-	*   @Default {xy}
-	*/
-	rangeType?: ej.datavisualization.Chart.RangeType|string;
-
-	/** Color of the series/point on selection.
-	*/
-	color?: string;
-
-	/** Opacity of the series/point on selection.
-	*   @Default {0.6}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the border of the series on selection.
-	*/
-	border?: CommonSeriesOptionsSelectionSettingsBorder;
-
-	/** Specifies the pattern for the series/point on selection.
-	*   @Default {none. See Pattern}
-	*/
-	pattern?: string;
-
-	/** Custom pattern for the series on selection.
-	*/
-	customPattern?: string;
-}
-
-export interface CommonSeriesOptions {
-
-	/** Options to customize the border of all the series.
-	*/
-	border?: CommonSeriesOptionsBorder;
-
-	/** To render the column and bar type series in rectangle/cylinder shape. See 
-	*   @Default {rectangle}
-	*/
-	columnFacet?: ej.datavisualization.Chart.ColumnFacet|string;
-
-	/** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
-	*   @Default {0.7}
-	*/
-	columnWidth?: number;
-
-	/** Spacing between columns of different series. Value ranges from 0 to 1
-	*   @Default {0}
-	*/
-	columnSpacing?: number;
-
-	/** Enables or disables the visibility of legend item.
-	*   @Default {visible}
-	*/
-	visibleOnLegend?: string;
-
-	/** Group of the stacking collection series.
-	*/
-	stackingGroup?: string;
-
-	/** Pattern of dashes and gaps used to stroke all the line type series.
-	*/
-	dashArray?: string;
-
-	/** Set the dataSource for all series. It can be an array of JSON objects or an instance of ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Controls the size of the hole in doughnut series. Value ranges from 0 to 1
-	*   @Default {0.4}
-	*/
-	doughnutCoefficient?: number;
-
-	/** Controls the size of the doughnut series. Value ranges from 0 to 1.
-	*   @Default {0.8}
-	*/
-	doughnutSize?: number;
-
-	/** Specifies the type of series to be drawn in radar or polar series. 
-	*   @Default {line. See DrawType}
-	*/
-	drawType?: ej.datavisualization.Chart.DrawType|string;
-
-	/** Enable/disable the animation for all the series.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** To avoid overlapping of data labels smartly.
-	*   @Default {true}
-	*/
-	enableSmartLabels?: boolean;
-
-	/** Start angle of pie/doughnut series.
-	*   @Default {null}
-	*/
-	endAngle?: number;
-
-	/** Explodes the pie/doughnut slices on mouse move.
-	*   @Default {false}
-	*/
-	explode?: boolean;
-
-	/** Explodes all the slice of pie/doughnut on render.
-	*   @Default {false}
-	*/
-	explodeAll?: boolean;
-
-	/** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
-	*   @Default {null}
-	*/
-	explodeIndex?: number;
-
-	/** Specifies the distance of the slice from the center, when it is exploded.
-	*   @Default {0.4}
-	*/
-	explodeOffset?: number;
-
-	/** Fill color for all the series.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options for customizing the font of all the series.
-	*/
-	font?: CommonSeriesOptionsFont;
-
-	/** Sets the height of the funnel in funnel series. Values can be either pixel or percentage.
-	*   @Default {32.7%}
-	*/
-	funnelHeight?: string;
-
-	/** Sets the width of the funnel in funnel series. Values can be either pixel or percentage.
-	*   @Default {11.6%}
-	*/
-	funnelWidth?: string;
-
-	/** Gap between the slices in pyramid and funnel series.
-	*   @Default {0}
-	*/
-	gapRatio?: number;
-
-	/** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
-	*   @Default {true}
-	*/
-	isClosed?: boolean;
-
-	/** Specifies whether to stack the column series in polar/radar charts.
-	*   @Default {false}
-	*/
-	isStacking?: boolean;
-
-	/** Renders the chart vertically. This is applicable only for Cartesian type series.
-	*   @Default {false}
-	*/
-	isTransposed?: boolean;
-
-	/** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
-	*   @Default {true}
-	*/
-	showMedian?: boolean;
-
-	/** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
-	*   @Default {inside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the mode for splitting the data points in pieOfPie series.
-	*   @Default {value. See SplitMode}
-	*/
-	splitMode?: ej.datavisualization.Chart.SplitMode|string;
-
-	/** Quartile calculation has been performed in three different formulas to render the box and whisker series.
-	*   @Default {exclusive}
-	*/
-	boxPlotMode?: ej.datavisualization.Chart.boxPlotMode|string;
-
-	/** Options for customizing the bubble options of the Bubble series
-	*/
-	bubbleOptions?: CommonSeriesOptionsBubbleOptions;
-
-	/** Specifies the line cap of the series. 
-	*   @Default {butt. See LineCap}
-	*/
-	lineCap?: ej.datavisualization.Chart.LineCap|string;
-
-	/** Specifies the type of shape to be used where two lines meet.
-	*   @Default {round. See LineJoin}
-	*/
-	lineJoin?: ej.datavisualization.Chart.LineJoin|string;
-
-	/** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
-	*/
-	marker?: CommonSeriesOptionsMarker;
-
-	/** Opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the outlier of the series.
-	*/
-	outlierSettings?: CommonSeriesOptionsOutlierSettings;
-
-	/** Name of a field in data source, where the fill color for all the data points is generated.
-	*/
-	palette?: string;
-
-	/** Controls the size of pie series. Value ranges from 0 to 1.
-	*   @Default {0.8}
-	*/
-	pieCoefficient?: number;
-
-	/** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
-	*   @Default {0.6}
-	*/
-	pieOfPieCoefficient?: number;
-
-	/** Split Value of pieofpie series.
-	*   @Default {null}
-	*/
-	splitValue?: string;
-
-	/** Distance between the two pie's in pieOfPie series.
-	*   @Default {50}
-	*/
-	gapWidth?: number;
-
-	/** Name of the property in the datasource that contains fill color for the series.
-	*   @Default {null}
-	*/
-	pointColorMappingName?: string;
-
-	/** Specifies the mode of the pyramid series. 
-	*   @Default {linear. See PyramidMode}
-	*/
-	pyramidMode?: ej.datavisualization.Chart.PyramidMode|string;
-
-	/** Start angle from where the pie/doughnut series renders. By default it starts from 0.
-	*   @Default {null}
-	*/
-	startAngle?: number;
-
-	/** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
-	*/
-	cornerRadius?: CommonSeriesOptionsCornerRadius;
-
-	/** Options for customizing the tooltip of chart.
-	*/
-	tooltip?: CommonSeriesOptionsTooltip;
-
-	/** Specifies the type of the series to render in chart. 
-	*   @Default {column. See Type}
-	*/
-	type?: ej.datavisualization.Chart.Type|string;
-
-	/** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-	*   @Default {null}
-	*/
-	xAxisName?: string;
-
-	/** Name of the property in the datasource that contains x value for the series.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-	*   @Default {null}
-	*/
-	yAxisName?: string;
-
-	/** Name of the property in the datasource that contains y value for the series.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Name of the property in the datasource that contains high value for the series.
-	*   @Default {null}
-	*/
-	high?: string;
-
-	/** Name of the property in the datasource that contains low value for the series.
-	*   @Default {null}
-	*/
-	low?: string;
-
-	/** Name of the property in the datasource that contains open value for the series.
-	*   @Default {null}
-	*/
-	open?: string;
-
-	/** Name of the property in the datasource that contains close value for the series.
-	*   @Default {null}
-	*/
-	close?: string;
-
-	/** Z-order of the series.
-	*   @Default {0}
-	*/
-	zOrder?: number;
-
-	/** Name of the property in the datasource that contains the size value for the bubble series.
-	*   @Default {null}
-	*/
-	size?: string;
-
-	/** Options for customizing the empty point in the series.
-	*/
-	emptyPointSettings?: CommonSeriesOptionsEmptyPointSettings;
-
-	/** Fill color for the positive column of the waterfall.
-	*   @Default {null}
-	*/
-	positiveFill?: string;
-
-	/** Options for customizing the waterfall connector line.
-	*/
-	connectorLine?: CommonSeriesOptionsConnectorLine;
-
-	/** Options to customize the drag and drop in series.
-	*/
-	dragSettings?: CommonSeriesOptionsDragSettings;
-
-	/** Options to customize the error bar in series.
-	*/
-	errorBar?: CommonSeriesOptionsErrorBar;
-
-	/** Option to add the trendlines to chart.
-	*/
-	trendlines?: Array<CommonSeriesOptionsTrendline>;
-
-	/** Options for customizing the appearance of the series or data point while highlighting.
-	*/
-	highlightSettings?: CommonSeriesOptionsHighlightSettings;
-
-	/** Options for customizing the appearance of the series/data point on selection.
-	*/
-	selectionSettings?: CommonSeriesOptionsSelectionSettings;
-}
-
-export interface CrosshairTrackballTooltipSettingsBorder {
-
-	/** Border width of the trackball tooltip.
-	*   @Default {null}
-	*/
-	width?: number;
-
-	/** Border color of the trackball tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface CrosshairTrackballTooltipSettings {
-
-	/** Options for customizing the trackball tooltip border.
-	*/
-	border?: CrosshairTrackballTooltipSettingsBorder;
-
-	/** Background color of the trackball tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Rounded corner x value of the trackball tooltip.
-	*   @Default {3}
-	*/
-	rx?: number;
-
-	/** Rounded corner y value of the trackball tooltip.
-	*   @Default {3}
-	*/
-	ry?: number;
-
-	/** Opacity value of the trackball tooltip.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the mode of the trackball tooltip.
-	*   @Default {float. See CrosshairMode}
-	*/
-	mode?: ej.datavisualization.Chart.CrosshairMode|string;
-}
-
-export interface CrosshairMarkerBorder {
-
-	/** Border width of the marker.
-	*   @Default {3}
-	*/
-	width?: number;
-}
-
-export interface CrosshairMarkerSize {
-
-	/** Height of the marker.
-	*   @Default {10}
-	*/
-	height?: number;
-
-	/** Width of the marker.
-	*   @Default {10}
-	*/
-	width?: number;
-}
-
-export interface CrosshairMarker {
-
-	/** Options for customizing the border.
-	*/
-	border?: CrosshairMarkerBorder;
-
-	/** Opacity of the marker.
-	*   @Default {true}
-	*/
-	opacity?: boolean;
-
-	/** Options for customizing the size of the marker.
-	*/
-	size?: CrosshairMarkerSize;
-
-	/** Show/hides the marker.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface CrosshairLine {
-
-	/** Color of the crosshair line.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Width of the crosshair line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface Crosshair {
-
-	/** Options for customizing the trackball tooltip.
-	*/
-	trackballTooltipSettings?: CrosshairTrackballTooltipSettings;
-
-	/** Options for customizing the marker in crosshair.
-	*/
-	marker?: CrosshairMarker;
-
-	/** Options for customizing the crosshair line.
-	*/
-	line?: CrosshairLine;
-
-	/** Specifies the type of the crosshair. It can be trackball or crosshair
-	*   @Default {crosshair. See CrosshairType}
-	*/
-	type?: ej.datavisualization.Chart.CrosshairType|string;
-
-	/** Show/hides the crosshair/trackball visibility.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface IndicatorsHistogramBorder {
-
-	/** Color of the histogram border in MACD indicator.
-	*   @Default {#9999ff}
-	*/
-	color?: string;
-
-	/** Controls the width of histogram border line in MACD indicator.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface IndicatorsHistogram {
-
-	/** Options to customize the histogram border in MACD indicator.
-	*/
-	border?: IndicatorsHistogramBorder;
-
-	/** Color of histogram columns in MACD indicator.
-	*   @Default {#ccccff}
-	*/
-	fill?: string;
-
-	/** Opacity of histogram columns in MACD indicator.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface IndicatorsLowerLine {
-
-	/** Color of lower line.
-	*   @Default {#008000}
-	*/
-	fill?: string;
-
-	/** Width of the lower line.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface IndicatorsMacdLine {
-
-	/** Color of MACD line.
-	*   @Default {#ff9933}
-	*/
-	fill?: string;
-
-	/** Width of the MACD line.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface IndicatorsPeriodLine {
-
-	/** Color of period line in indicator.
-	*   @Default {blue}
-	*/
-	fill?: string;
-
-	/** Width of the period line in indicators.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface IndicatorsTooltipBorder {
-
-	/** Border color of indicator tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of indicator tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface IndicatorsTooltip {
-
-	/** Option to customize the border of indicator tooltip.
-	*/
-	border?: IndicatorsTooltipBorder;
-
-	/** Specifies the animation duration of indicator tooltip.
-	*   @Default {500ms}
-	*/
-	duration?: string;
-
-	/** Enables/disables the tooltip animation.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Format of indicator tooltip. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
-
-	/** Background color of indicator tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Opacity of indicator tooltip.
-	*   @Default {0.95}
-	*/
-	opacity?: number;
-
-	/** Controls the visibility of indicator tooltip.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface IndicatorsUpperLine {
-
-	/** Fill color of the upper line in indicators
-	*   @Default {#ff9933}
-	*/
-	fill?: string;
-
-	/** Width of the upper line in indicators.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface Indicator {
-
-	/** The dPeriod value for stochastic indicator.
-	*   @Default {3}
-	*/
-	dPeriod?: number;
-
-	/** Enables/disables the animation.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Color of the technical indicator.
-	*   @Default {#00008B}
-	*/
-	fill?: string;
-
-	/** Options to customize the histogram in MACD indicator.
-	*/
-	histogram?: IndicatorsHistogram;
-
-	/** Specifies the k period in stochastic indicator.
-	*   @Default {3}
-	*/
-	kPeriod?: number;
-
-	/** Specifies the long period in MACD indicator.
-	*   @Default {26}
-	*/
-	longPeriod?: number;
-
-	/** Options to customize the lower line in indicators.
-	*/
-	lowerLine?: IndicatorsLowerLine;
-
-	/** Options to customize the MACD line.
-	*/
-	macdLine?: IndicatorsMacdLine;
-
-	/** Specifies the type of the MACD indicator.
-	*   @Default {line. See MACDType}
-	*/
-	macdType?: string;
-
-	/** Specifies period value in indicator.
-	*   @Default {14}
-	*/
-	period?: number;
-
-	/** Options to customize the period line in indicators.
-	*/
-	periodLine?: IndicatorsPeriodLine;
-
-	/** Name of the series for which indicator has to be drawn.
-	*/
-	seriesName?: string;
-
-	/** Specifies the short period in MACD indicator.
-	*   @Default {13}
-	*/
-	shortPeriod?: number;
-
-	/** Specifies the standard deviation value for Bollinger band indicator.
-	*   @Default {2}
-	*/
-	standardDeviations?: number;
-
-	/** Options to customize the tooltip.
-	*/
-	tooltip?: IndicatorsTooltip;
-
-	/** Trigger value of MACD indicator.
-	*   @Default {9}
-	*/
-	trigger?: number;
-
-	/** Specifies the visibility of indicator.
-	*   @Default {visible}
-	*/
-	visibility?: string;
-
-	/** Specifies the type of indicator that has to be rendered.
-	*   @Default {sma. See IndicatorsType}
-	*/
-	type?: string;
-
-	/** Options to customize the upper line in indicators
-	*/
-	upperLine?: IndicatorsUpperLine;
-
-	/** Width of the indicator line.
-	*   @Default {2}
-	*/
-	width?: number;
-
-	/** Name of the horizontal axis used for indicator. Primary X axis is used when x axis name is not specified.
-	*/
-	xAxisName?: string;
-
-	/** Name of the vertical axis used for indicator. Primary Y axis is used when y axis name is not specified
-	*/
-	yAxisName?: string;
-}
-
-export interface LegendBorder {
-
-	/** Border color of the legend.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Border width of the legend.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface LegendFont {
-
-	/** Font family for legend item text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for legend item text.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight for legend item text.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Font size for legend item text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface LegendItemStyleBorder {
-
-	/** Border color of the legend items.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Border width of the legend items.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface LegendItemStyle {
-
-	/** Options for customizing the border of legend items.
-	*/
-	border?: LegendItemStyleBorder;
-
-	/** Height of the shape in legend items.
-	*   @Default {10}
-	*/
-	height?: number;
-
-	/** Width of the shape in legend items.
-	*   @Default {10}
-	*/
-	width?: number;
-}
-
-export interface LegendLocation {
-
-	/** X value or horizontal offset to position the legend in chart.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Y value or vertical offset to position the legend.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface LegendSize {
-
-	/** Height of the legend. Height can be specified in either pixel or percentage.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Width of the legend. Width can be specified in either pixel or percentage.
-	*   @Default {null}
-	*/
-	width?: string;
-}
-
-export interface LegendTitleFont {
-
-	/** Font family for the text in legend title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for legend title.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight for legend title.
-	*   @Default {normal. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Font size for legend title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface LegendTitle {
-
-	/** Options to customize the font used for legend title
-	*/
-	font?: LegendTitleFont;
-
-	/** Text to be displayed in legend title.
-	*/
-	text?: string;
-
-	/** Alignment of the legend title.
-	*   @Default {center. See Alignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.Alignment|string;
-}
-
-export interface Legend {
-
-	/** Horizontal alignment of the legend.
-	*   @Default {Center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.Alignment|string;
-
-	/** Background for the legend. Use this property to add a background image or background color for the legend.
-	*/
-	background?: string;
-
-	/** Options for customizing the legend border.
-	*/
-	border?: LegendBorder;
-
-	/** Number of columns to arrange the legend items.
-	*   @Default {null}
-	*/
-	columnCount?: number;
-
-	/** Controls whether legend has to use scrollbar or not. When enabled, scroll bar appears depending upon size and position properties of legend.
-	*   @Default {true}
-	*/
-	enableScrollbar?: boolean;
-
-	/** Fill color for the legend items. By using this property, it displays all legend item shapes in same color.Legend items representing invisible series is displayed in gray color.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options to customize the font used for legend item text.
-	*/
-	font?: LegendFont;
-
-	/** Gap or padding between the legend items.
-	*   @Default {10}
-	*/
-	itemPadding?: number;
-
-	/** Options to customize the style of legend items.
-	*/
-	itemStyle?: LegendItemStyle;
-
-	/** Options to customize the location of chart legend. Legend is placed in provided location only when value of position property is custom
-	*/
-	location?: LegendLocation;
-
-	/** Opacity of the legend.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set **custom** as value to this property.
-	*   @Default {Bottom. See Position}
-	*/
-	position?: ej.datavisualization.Chart.Position|string;
-
-	/** Number of rows to arrange the legend items.
-	*   @Default {null}
-	*/
-	rowCount?: number;
-
-	/** Shape of the legend items. Default shape for pie and doughnut series is circle and all other series uses rectangle.
-	*   @Default {None. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Options to customize the size of the legend.
-	*/
-	size?: LegendSize;
-
-	/** Options to customize the legend title.
-	*/
-	title?: LegendTitle;
-
-	/** Specifies the action taken when the legend width is more than the textWidth.
-	*   @Default {none. See textOverflow}
-	*/
-	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
-
-	/** Text width for legend item.
-	*   @Default {34}
-	*/
-	textWidth?: number;
-
-	/** Controls the visibility of the legend.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Controls the selection through the legend.
-	*   @Default {true}
-	*/
-	toggleSeriesVisibility?: boolean;
-}
-
-export interface PrimaryXAxisAlternateGridBandEven {
-
-	/** Fill color for the even grid bands.
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Opacity of the even grid band.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface PrimaryXAxisAlternateGridBandOdd {
-
-	/** Fill color of the odd grid bands
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Opacity of odd grid band
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface PrimaryXAxisAlternateGridBand {
-
-	/** Options for customizing even grid band.
-	*/
-	even?: PrimaryXAxisAlternateGridBandEven;
-
-	/** Options for customizing odd grid band.
-	*/
-	odd?: PrimaryXAxisAlternateGridBandOdd;
-}
-
-export interface PrimaryXAxisAxisLine {
-
-	/** Pattern of dashes and gaps to be applied to the axis line.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
-	*   @Default {null}
-	*/
-	offset?: number;
-
-	/** Show/hides the axis line.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Default Value
-	*/
-	color?: string;
-
-	/** Width of axis line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryXAxisCrosshairLabel {
-
-	/** Show/hides the crosshair label associated with this axis.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface PrimaryXAxisFont {
-
-	/** Font family of labels.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of labels.
-	*   @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the label.
-	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the axis labels.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the axis labels.
-	*   @Default {13px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryXAxisMajorGridLines {
-
-	/** Pattern of dashes and gaps used to stroke the major grid lines.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Color of the major grid line.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Opacity of major grid lines.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Show/hides the major grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the major grid lines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryXAxisMajorTickLines {
-
-	/** Length of the major tick lines.
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Show/hides the major tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the major tick lines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryXAxisMinorGridLines {
-
-	/** Patterns of dashes and gaps used to stroke the minor grid lines.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Show/hides the minor grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the minorGridLines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryXAxisMinorTickLines {
-
-	/** Length of the minor tick lines.
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Show/hides the minor tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the minor tick line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryXAxisRange {
-
-	/** Minimum value of the axis range.
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Maximum value of the axis range.
-	*   @Default {null}
-	*/
-	max?: number;
-
-	/** Interval of the axis range.
-	*   @Default {null}
-	*/
-	interval?: number;
-}
-
-export interface PrimaryXAxisMultiLevelLabelsFont {
-
-	/** Font color of the multi level labels text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font family of the multi level labels text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the multi level labels text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the multi level label text.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Opacity of the multi level label text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the multi level label text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryXAxisMultiLevelLabelsBorder {
-
-	/** Border color of the multi level labels.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the multi level labels.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Border type of the multi level labels.
-	*   @Default {rectangle. See Type}
-	*/
-	type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
-}
-
-export interface PrimaryXAxisMultiLevelLabel {
-
-	/** Visibility of the multi level labels.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Text of the multi level labels.
-	*/
-	text?: string;
-
-	/** Starting value of the multi level labels.
-	*   @Default {null}
-	*/
-	start?: number;
-
-	/** Ending value of the multi level labels.
-	*   @Default {null}
-	*/
-	end?: number;
-
-	/** Specifies the level of multi level labels.
-	*   @Default {0}
-	*/
-	level?: number;
-
-	/** Specifies the maximum width of the text in multi level labels.
-	*   @Default {null}
-	*/
-	maximumTextWidth?: number;
-
-	/** Specifies the alignment of the text in multi level labels.
-	*   @Default {center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
-
-	/** Specifies the handling of text over flow in multi level labels.
-	*   @Default {center. See TextOverflow}
-	*/
-	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
-
-	/** Options for customizing the font of the text.
-	*/
-	font?: PrimaryXAxisMultiLevelLabelsFont;
-
-	/** Options for customizing the border of the series.
-	*/
-	border?: PrimaryXAxisMultiLevelLabelsBorder;
-}
-
-export interface PrimaryXAxisStripLineFont {
-
-	/** Font color of the strip line text.
-	*   @Default {black}
-	*/
-	color?: string;
-
-	/** Font family of the strip line text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the strip line text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the strip line text.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Opacity of the strip line text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the strip line text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryXAxisStripLine {
-
-	/** Border color of the strip line.
-	*   @Default {gray}
-	*/
-	borderColor?: string;
-
-	/** Background color of the strip line.
-	*   @Default {gray}
-	*/
-	color?: string;
-
-	/** End value of the strip line.
-	*   @Default {null}
-	*/
-	end?: number;
-
-	/** Options for customizing the font of the text.
-	*/
-	font?: PrimaryXAxisStripLineFont;
-
-	/** Start value of the strip line.
-	*   @Default {null}
-	*/
-	start?: number;
-
-	/** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
-	*   @Default {false}
-	*/
-	startFromAxis?: boolean;
-
-	/** Specifies text to be displayed inside the strip line.
-	*   @Default {stripLine}
-	*/
-	text?: string;
-
-	/** Specifies the alignment of the text inside the strip line.
-	*   @Default {middlecenter. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
-
-	/** Show/hides the strip line.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Width of the strip line.
-	*   @Default {0}
-	*/
-	width?: number;
-
-	/** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”, it is rendered above the series.
-	*   @Default {over. See ZIndex}
-	*/
-	zIndex?: ej.datavisualization.Chart.ZIndex|string;
-}
-
-export interface PrimaryXAxisLabelBorder {
-
-	/** Specifies the color of the label border.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the width of the label border.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryXAxisTitleFont {
-
-	/** Font family of the title text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the title text.
-	*   @Default {ej.datavisualization.Chart.FontStyle.Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the title text.
-	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the axis title text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the axis title.
-	*   @Default {16px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryXAxisTitle {
-
-	/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Options for customizing the title font.
-	*/
-	font?: PrimaryXAxisTitleFont;
-
-	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-	*   @Default {34}
-	*/
-	maximumTitleWidth?: number;
-
-	/** Title for the axis.
-	*/
-	text?: string;
-
-	/** Controls the visibility of axis title.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** offset value for axis title.
-	*   @Default {0}
-	*/
-	offset?: number;
-
-	/** Specifies the position of the axis title.
-	*   @Default {outside. See Position}
-	*/
-	position?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the position of the axis title.
-	*   @Default {center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.TextAlignment|string;
-}
-
-export interface PrimaryXAxisScrollbarSettingsRange {
-
-	/** Minimum value of the scrollbar range.
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Maximum value for the scrollbar range .
-	*   @Default {null}
-	*/
-	max?: number;
-}
-
-export interface PrimaryXAxisScrollbarSettings {
-
-	/** Specifies to enables or disables the scroll bar.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Controls whether scrollbar has to be responsive in the chart.
-	*   @Default {false}
-	*/
-	canResize?: boolean;
-
-	/** Options to customize the range for the scrollbar in the axis.
-	*/
-	range?: PrimaryXAxisScrollbarSettingsRange;
-
-	/** The maximum number of points to be displayed in the scrollbar.
-	*   @Default {null}
-	*/
-	pointsLength?: number;
-}
-
-export interface PrimaryXAxis {
-
-	/** Options for customizing horizontal axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryXAxisAlternateGridBand;
-
-	/** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
-	*   @Default {null}
-	*/
-	crossesAt?: number;
-
-	/** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis, then primary X axis or primary Y axis will be used for crossing
-	*   @Default {null}
-	*/
-	crossesInAxis?: string;
-
-	/** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
-	*   @Default {false}
-	*/
-	isIndexed?: boolean;
-
-	/** Specifies the interval of the axis according to the zoomed data of the chart.
-	*   @Default {true}
-	*/
-	enableAutoIntervalOnZooming?: boolean;
-
-	/** Options for customizing the axis line.
-	*/
-	axisLine?: PrimaryXAxisAxisLine;
-
-	/** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
-	*   @Default {null}
-	*/
-	columnIndex?: number;
-
-	/** Specifies the number of columns or plot areas an axis has to span horizontally.
-	*   @Default {null}
-	*/
-	columnSpan?: number;
-
-	/** Options to customize the crosshair label.
-	*/
-	crosshairLabel?: PrimaryXAxisCrosshairLabel;
-
-	/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
-	*   @Default {null}
-	*/
-	desiredIntervals?: number;
-
-	/** Specifies the placement of labels. 
-	*   @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
-	*/
-	labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
-
-	/** Specifies the position of labels at the edge of the axis. 
-	*   @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
-	*/
-	edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
-
-	/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Options for customizing the font of the axis Labels.
-	*/
-	font?: PrimaryXAxisFont;
-
-	/** Specifies the type of interval in date time axis.
-	*   @Default {null. See IntervalType}
-	*/
-	intervalType?: ej.datavisualization.Chart.IntervalType|string;
-
-	/** Specifies whether to inverse the axis.
-	*   @Default {false}
-	*/
-	isInversed?: boolean;
-
-	/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
-	*   @Default {null}
-	*/
-	labelFormat?: string;
-
-	/** Specifies the action to take when the axis labels are overlapping with each other. 
-	*   @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
-	*/
-	labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
-
-	/** Specifies the position of the axis labels.
-	*   @Default {outside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the position of the axis labels.
-	*   @Default {center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.LabelAlignment|string;
-
-	/** Angle in degrees to rotate the axis labels.
-	*   @Default {null}
-	*/
-	labelRotation?: number;
-
-	/** Logarithmic base value. This is applicable only for logarithmic axis.
-	*   @Default {10}
-	*/
-	logBase?: number;
-
-	/** Options for customizing major gird lines.
-	*/
-	majorGridLines?: PrimaryXAxisMajorGridLines;
-
-	/** Options for customizing the major tick lines.
-	*/
-	majorTickLines?: PrimaryXAxisMajorTickLines;
-
-	/** Maximum number of labels to be displayed in every 100 pixels.
-	*   @Default {3}
-	*/
-	maximumLabels?: number;
-
-	/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
-	*   @Default {34}
-	*/
-	maximumLabelWidth?: number;
-
-	/** Options for customizing the minor grid lines.
-	*/
-	minorGridLines?: PrimaryXAxisMinorGridLines;
-
-	/** Options for customizing the minor tick lines.
-	*/
-	minorTickLines?: PrimaryXAxisMinorTickLines;
-
-	/** Specifies the number of minor ticks per interval.
-	*   @Default {null}
-	*/
-	minorTicksPerInterval?: number;
-
-	/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Specifies whether to render the axis at the opposite side of its default position.
-	*   @Default {false}
-	*/
-	opposedPosition?: boolean;
-
-	/** Specifies the orientation of the axis line
-	*   @Default {Horizontal}
-	*/
-	orientation?: ej.datavisualization.Chart.AxisOrientation|string;
-
-	/** Specifies the padding for the plot area.
-	*   @Default {10}
-	*/
-	plotOffset?: number;
-
-	/** Options to customize the range of the axis.
-	*/
-	range?: PrimaryXAxisRange;
-
-	/** Specifies the padding for the axis range.
-	*   @Default {None. See RangePadding}
-	*/
-	rangePadding?: ej.datavisualization.Chart.RangePadding|string;
-
-	/** Rounds the number to the given number of decimals.
-	*   @Default {null}
-	*/
-	roundingPlaces?: number;
-
-	/** Options for customizing the multi level labels.
-	*   @Default {[ ]}
-	*/
-	multiLevelLabels?: Array<PrimaryXAxisMultiLevelLabel>;
-
-	/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
-	*   @Default {true}
-	*/
-	showNextToAxisLine?: boolean;
-
-	/** Options for customizing the strip lines.
-	*   @Default {[ ]}
-	*/
-	stripLine?: Array<PrimaryXAxisStripLine>;
-
-	/** Specifies the position of the axis tick lines.
-	*   @Default {outside. See TickLinesPosition}
-	*/
-	tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
-
-	/** Options for customizing the border of the labels.
-	*/
-	labelBorder?: PrimaryXAxisLabelBorder;
-
-	/** Options for customizing the axis title.
-	*/
-	title?: PrimaryXAxisTitle;
-
-	/** Specifies the type of data the axis is handling.
-	*   @Default {null. See ValueType}
-	*/
-	valueType?: ej.datavisualization.Chart.ValueType|string;
-
-	/** Show/hides the axis.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
-	*   @Default {1}
-	*/
-	zoomFactor?: number;
-
-	/** Position of the zoomed axis. Value ranges from 0 to 1.
-	*   @Default {0}
-	*/
-	zoomPosition?: number;
-
-	/** Options for customizing the axis scrollbar
-	*/
-	scrollbarSettings?: PrimaryXAxisScrollbarSettings;
-}
-
-export interface AxesAlternateGridBandEven {
-
-	/** Fill color for the even grid bands.
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Opacity of the even grid band.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface AxesAlternateGridBandOdd {
-
-	/** Fill color of the odd grid bands
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Opacity of odd grid band
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface AxesAlternateGridBand {
-
-	/** Options for customizing even grid band.
-	*/
-	even?: AxesAlternateGridBandEven;
-
-	/** Options for customizing odd grid band.
-	*/
-	odd?: AxesAlternateGridBandOdd;
-}
-
-export interface AxesAxisLine {
-
-	/** Pattern of dashes and gaps to be applied to the axis line.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
-	*   @Default {null}
-	*/
-	offset?: number;
-
-	/** Show/hides the axis line.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Color of axis line.
-	*/
-	color?: string;
-
-	/** Width of axis line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface AxesCrosshairLabel {
-
-	/** Show/hides the crosshair label associated with this axis.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface AxesFont {
-
-	/** Font family of labels.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of labels.
-	*   @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the label.
-	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the axis labels.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the axis labels.
-	*   @Default {13px}
-	*/
-	size?: string;
-}
-
-export interface AxesMajorGridLines {
-
-	/** Pattern of dashes and gaps used to stroke the major grid lines.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Color of the major grid line.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Opacity of major grid lines.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Show/hides the major grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the major grid lines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface AxesMajorTickLines {
-
-	/** Length of the major tick lines.
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Show/hides the major tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the major tick lines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface AxesMinorGridLines {
-
-	/** Patterns of dashes and gaps used to stroke the minor grid lines.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Show/hides the minor grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the minorGridLines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface AxesMinorTickLines {
-
-	/** Length of the minor tick lines.
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Show/hides the minor tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the minor tick line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface AxesRange {
-
-	/** Minimum value of the axis range.
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Maximum value of the axis range.
-	*   @Default {null}
-	*/
-	max?: number;
-
-	/** Interval of the axis range.
-	*   @Default {null}
-	*/
-	interval?: number;
-}
-
-export interface AxesMultiLevelLabelsFont {
-
-	/** Font color of the multi level labels text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font family of the multi level labels text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the multi level labels text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the multi level label text.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Opacity of the multi level label text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the multi level label text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface AxesMultiLevelLabelsBorder {
-
-	/** Border color of the multi level labels.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the multi level labels.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Border type of the multi level labels.
-	*   @Default {rectangle. See Type}
-	*/
-	type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
-}
-
-export interface AxesMultiLevelLabel {
-
-	/** Visibility of the multi level labels.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Text of the multi level labels.
-	*/
-	text?: string;
-
-	/** Starting value of the multi level labels.
-	*   @Default {null}
-	*/
-	start?: number;
-
-	/** Ending value of the multi level labels.
-	*   @Default {null}
-	*/
-	end?: number;
-
-	/** Specifies the level of multi level labels.
-	*   @Default {0}
-	*/
-	level?: number;
-
-	/** Specifies the maximum width of the text in multi level labels.
-	*   @Default {null}
-	*/
-	maximumTextWidth?: number;
-
-	/** Specifies the alignment of the text in multi level labels.
-	*   @Default {center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
-
-	/** Specifies the handling of text over flow in multi level labels.
-	*   @Default {center. See TextOverflow}
-	*/
-	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
-
-	/** Options for customizing the font of the text.
-	*/
-	font?: AxesMultiLevelLabelsFont;
-
-	/** Options for customizing the border of the series.
-	*/
-	border?: AxesMultiLevelLabelsBorder;
-}
-
-export interface AxesStripLineFont {
-
-	/** Font color of the strip line text.
-	*   @Default {black}
-	*/
-	color?: string;
-
-	/** Font family of the strip line text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the strip line text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the strip line text.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Opacity of the strip line text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the strip line text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface AxesStripLine {
-
-	/** Border color of the strip line.
-	*   @Default {gray}
-	*/
-	borderColor?: string;
-
-	/** Background color of the strip line.
-	*   @Default {gray}
-	*/
-	color?: string;
-
-	/** End value of the strip line.
-	*   @Default {null}
-	*/
-	end?: number;
-
-	/** Options for customizing the font of the text.
-	*/
-	font?: AxesStripLineFont;
-
-	/** Start value of the strip line.
-	*   @Default {null}
-	*/
-	start?: number;
-
-	/** Indicates whether to render the strip line from the minimum/start value of the axis. This property does not work when start property is set.
-	*   @Default {false}
-	*/
-	startFromAxis?: boolean;
-
-	/** Specifies text to be displayed inside the strip line.
-	*   @Default {stripLine}
-	*/
-	text?: string;
-
-	/** Specifies the alignment of the text inside the strip line.
-	*   @Default {middlecenter. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
-
-	/** Show/hides the strip line.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Width of the strip line.
-	*   @Default {0}
-	*/
-	width?: number;
-
-	/** Specifies the order where the strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered under the series and when it is “over”, it is rendered above the series.
-	*   @Default {over. See ZIndex}
-	*/
-	zIndex?: ej.datavisualization.Chart.ZIndex|string;
-}
-
-export interface AxesLabelBorder {
-
-	/** Specifies the color of the label border.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the width of the label border.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface AxesTitleFont {
-
-	/** Font family of the title text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the title text.
-	*   @Default {ej.datavisualization.Chart.FontStyle.Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the title text.
-	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the axis title text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the axis title.
-	*   @Default {16px}
-	*/
-	size?: string;
-}
-
-export interface AxesTitle {
-
-	/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Options for customizing the title font.
-	*/
-	font?: AxesTitleFont;
-
-	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-	*   @Default {34}
-	*/
-	maximumTitleWidth?: number;
-
-	/** Title for the axis.
-	*/
-	text?: string;
-
-	/** Controls the visibility of axis title.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** offset value for axis title.
-	*   @Default {0}
-	*/
-	offset?: number;
-
-	/** Specifies the position of the axis title.
-	*   @Default {outside. See Position}
-	*/
-	position?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the position of the axis title.
-	*   @Default {center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.TextAlignment|string;
-}
-
-export interface AxesScrollbarSettingsRange {
-
-	/** Minimum value of the scrollbar range.
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Maximum value for the scrollbar range .
-	*   @Default {null}
-	*/
-	max?: number;
-}
-
-export interface AxesScrollbarSettings {
-
-	/** Specifies to enable or disable the scrollbar.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Controls whether scrollbar has to be responsive in the chart.
-	*   @Default {false}
-	*/
-	canResize?: boolean;
-
-	/** Options to customize the range for the scrollbar in the axis.
-	*/
-	range?: AxesScrollbarSettingsRange;
-
-	/** The maximum number of points to be displayed in the scrollbar.
-	*   @Default {null}
-	*/
-	pointsLength?: number;
-}
-
-export interface Axis {
-
-	/** Options for customizing axis alternate grid band.
-	*/
-	alternateGridBand?: AxesAlternateGridBand;
-
-	/** Specifies where axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
-	*   @Default {null}
-	*/
-	crossesAt?: number;
-
-	/** Category axis can also plot points based on index value of data points. Index based plotting can be enabled by setting ‘isIndexed’ property to true.
-	*   @Default {false}
-	*/
-	isIndexed?: boolean;
-
-	/** Options for customizing the axis line.
-	*/
-	axisLine?: AxesAxisLine;
-
-	/** Specifies the index of the column where the axis is associated, when the chart area is divided into multiple plot areas by using columnDefinitions.
-	*   @Default {null}
-	*/
-	columnIndex?: number;
-
-	/** Specifies the number of columns or plot areas an axis has to span horizontally.
-	*   @Default {null}
-	*/
-	columnSpan?: number;
-
-	/** Options to customize the crosshair label.
-	*/
-	crosshairLabel?: AxesCrosshairLabel;
-
-	/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
-	*   @Default {null}
-	*/
-	desiredIntervals?: number;
-
-	/** Specifies the placement of labels.
-	*   @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
-	*/
-	labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
-
-	/** Specifies the position of labels at the edge of the axis.
-	*   @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
-	*/
-	edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
-
-	/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Specifies the interval of the axis according to the zoomed data of the chart.
-	*   @Default {true}
-	*/
-	enableAutoIntervalOnZooming?: boolean;
-
-	/** Options for customizing the font of the axis Labels.
-	*/
-	font?: AxesFont;
-
-	/** Specifies the type of interval in date time axis.
-	*   @Default {null. See IntervalType}
-	*/
-	intervalType?: ej.datavisualization.Chart.IntervalType|string;
-
-	/** Specifies whether to inverse the axis.
-	*   @Default {false}
-	*/
-	isInversed?: boolean;
-
-	/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
-	*   @Default {null}
-	*/
-	labelFormat?: string;
-
-	/** Specifies the action to take when the axis labels are overlapping with each other.
-	*   @Default {ej.datavisualization.Chart.LabelIntersectAction.None. See LabelIntersectAction}
-	*/
-	labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
-
-	/** Specifies the position of the axis labels.
-	*   @Default {outside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the position of the axis labels.
-	*   @Default {center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.LabelAlignment|string;
-
-	/** Angle in degrees to rotate the axis labels.
-	*   @Default {null}
-	*/
-	labelRotation?: number;
-
-	/** Logarithmic base value. This is applicable only for logarithmic axis.
-	*   @Default {10}
-	*/
-	logBase?: number;
-
-	/** Options for customizing major gird lines.
-	*/
-	majorGridLines?: AxesMajorGridLines;
-
-	/** Options for customizing the major tick lines.
-	*/
-	majorTickLines?: AxesMajorTickLines;
-
-	/** Maximum number of labels to be displayed in every 100 pixels.
-	*   @Default {3}
-	*/
-	maximumLabels?: number;
-
-	/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
-	*   @Default {34}
-	*/
-	maximumLabelWidth?: number;
-
-	/** Options for customizing the minor grid lines.
-	*/
-	minorGridLines?: AxesMinorGridLines;
-
-	/** Options for customizing the minor tick lines.
-	*/
-	minorTickLines?: AxesMinorTickLines;
-
-	/** Specifies the number of minor ticks per interval.
-	*   @Default {null}
-	*/
-	minorTicksPerInterval?: number;
-
-	/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Specifies whether to render the axis at the opposite side of its default position.
-	*   @Default {false}
-	*/
-	opposedPosition?: boolean;
-
-	/** Specifies the orientation of the axis line in the chart.
-	*   @Default {'horizontal'}
-	*/
-	orientation?: ej.datavisualization.Chart.AxisOrientation|string;
-
-	/** Specifies the padding for the plot area.
-	*   @Default {10}
-	*/
-	plotOffset?: number;
-
-	/** Options to customize the range of the axis.
-	*/
-	range?: AxesRange;
-
-	/** Specifies the padding for the axis range.
-	*   @Default {None. See RangePadding}
-	*/
-	rangePadding?: ej.datavisualization.Chart.RangePadding|string;
-
-	/** Rounds the number to the given number of decimals.
-	*   @Default {null}
-	*/
-	roundingPlaces?: number;
-
-	/** Options for customizing the multi level labels.
-	*   @Default {[ ]}
-	*/
-	multiLevelLabels?: Array<AxesMultiLevelLabel>;
-
-	/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
-	*   @Default {true}
-	*/
-	showNextToAxisLine?: boolean;
-
-	/** Options for customizing the strip lines.
-	*   @Default {[ ]}
-	*/
-	stripLine?: Array<AxesStripLine>;
-
-	/** Specifies the position of the axis tick lines.
-	*   @Default {outside. See TickLinesPosition}
-	*/
-	tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
-
-	/** Options for customizing the border of the labels.
-	*/
-	labelBorder?: AxesLabelBorder;
-
-	/** Options for customizing the axis title.
-	*/
-	title?: AxesTitle;
-
-	/** Specifies the type of data the axis is handling.
-	*   @Default {null. See ValueType}
-	*/
-	valueType?: ej.datavisualization.Chart.ValueType|string;
-
-	/** Show/hides the axis.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Value ranges from 0 to 1.
-	*   @Default {1}
-	*/
-	zoomFactor?: number;
-
-	/** Position of the zoomed axis. Value ranges from 0 to 1.
-	*   @Default {0}
-	*/
-	zoomPosition?: number;
-
-	/** Options for customizing the axis scrollbar.
-	*/
-	scrollbarSettings?: AxesScrollbarSettings;
-}
-
-export interface PrimaryYAxisAlternateGridBandEven {
-
-	/** Fill color for the even grid bands.
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Opacity of the even grid band.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface PrimaryYAxisAlternateGridBandOdd {
-
-	/** Fill color of the odd grid bands.
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Opacity of odd grid band.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface PrimaryYAxisAlternateGridBand {
-
-	/** Options for customizing even grid band.
-	*/
-	even?: PrimaryYAxisAlternateGridBandEven;
-
-	/** Options for customizing odd grid band.
-	*/
-	odd?: PrimaryYAxisAlternateGridBandOdd;
-}
-
-export interface PrimaryYAxisAxisLine {
-
-	/** Pattern of dashes and gaps to be applied to the axis line.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Padding for axis line. Normally, it is used along with plotOffset to pad the plot area.
-	*   @Default {null}
-	*/
-	offset?: number;
-
-	/** Show/hides the axis line.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Color of axis line.
-	*/
-	color?: string;
-
-	/** Width of axis line.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryYAxisCrosshairLabel {
-
-	/** Show/hides the crosshair label associated with this axis.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface PrimaryYAxisFont {
-
-	/** Font family of labels.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of labels.
-	*   @Default {ej.datavisualization.Chart.FontStyle.Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the label.
-	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the axis labels.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the axis labels.
-	*   @Default {13px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryYAxisMajorGridLines {
-
-	/** Pattern of dashes and gaps used to stroke the major grid lines.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Color of the major grid lines.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Opacity of major grid lines.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Show/hides the major grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the major grid lines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryYAxisMajorTickLines {
-
-	/** Length of the major tick lines.
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Show/hides the major tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the major tick lines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryYAxisMinorGridLines {
-
-	/** Patterns of dashes and gaps used to stroke the minor grid lines.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Show/hides the minor grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the minorGridLines.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryYAxisMinorTickLines {
-
-	/** Length of the minor tick lines.
-	*   @Default {5}
-	*/
-	size?: number;
-
-	/** Show/hides the minor tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the minor tick line
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryYAxisRange {
-
-	/** Minimum value of the axis range.
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Maximum value of the axis range.
-	*   @Default {null}
-	*/
-	max?: number;
-
-	/** Interval for the range.
-	*   @Default {null}
-	*/
-	interval?: number;
-}
-
-export interface PrimaryYAxisMultiLevelLabelsFont {
-
-	/** Font color of the multi level labels text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font family of the multi level labels text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the multi level labels text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the multi level label text.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Opacity of the multi level label text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the multi level label text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryYAxisMultiLevelLabelsBorder {
-
-	/** Border color of the multi level labels.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the multi level labels.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Border type of the multi level labels.
-	*   @Default {rectangle. See Type}
-	*/
-	type?: ej.datavisualization.Chart.MultiLevelLabelsBorderType|string;
-}
-
-export interface PrimaryYAxisMultiLevelLabel {
-
-	/** Visibility of the multi level labels.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Text of the multi level labels.
-	*/
-	text?: string;
-
-	/** Starting value of the multi level labels.
-	*   @Default {null}
-	*/
-	start?: number;
-
-	/** Ending value of the multi level labels.
-	*   @Default {null}
-	*/
-	end?: number;
-
-	/** Specifies the level of multi level labels.
-	*   @Default {0}
-	*/
-	level?: number;
-
-	/** Specifies the maximum width of the text in multi level labels.
-	*   @Default {null}
-	*/
-	maximumTextWidth?: number;
-
-	/** Specifies the alignment of the text in multi level labels.
-	*   @Default {center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
-
-	/** Specifies the handling of text over flow in multi level labels.
-	*   @Default {center. See TextOverflow}
-	*/
-	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
-
-	/** Options for customizing the font of the text.
-	*/
-	font?: PrimaryYAxisMultiLevelLabelsFont;
-
-	/** Options for customizing the border of the series.
-	*/
-	border?: PrimaryYAxisMultiLevelLabelsBorder;
-}
-
-export interface PrimaryYAxisScrollbarSettingsRange {
-
-	/** Minimum value of the scrollbar range.
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Maximum value for the scrollbar range .
-	*   @Default {null}
-	*/
-	max?: number;
-}
-
-export interface PrimaryYAxisScrollbarSettings {
-
-	/** Specifies to enable or disable the scrollbar.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Controls whether scrollbar has to be responsive in the chart.
-	*   @Default {false}
-	*/
-	canResize?: boolean;
-
-	/** Options to customize the range for the scrollbar in the axis.
-	*/
-	range?: PrimaryYAxisScrollbarSettingsRange;
-
-	/** The maximum number of points to be displayed in the scrollbar.
-	*   @Default {null}
-	*/
-	pointsLength?: number;
-}
-
-export interface PrimaryYAxisStripLineFont {
-
-	/** Font color of the strip line text.
-	*   @Default {black}
-	*/
-	color?: string;
-
-	/** Font family of the strip line text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the strip line text.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the strip line text.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Opacity of the strip line text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the strip line text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryYAxisStripLine {
-
-	/** Border color of the strip line.
-	*   @Default {gray}
-	*/
-	borderColor?: string;
-
-	/** Background color of the strip line.
-	*   @Default {gray}
-	*/
-	color?: string;
-
-	/** End value of the strip line.
-	*   @Default {null}
-	*/
-	end?: number;
-
-	/** Options for customizing the font of the text.
-	*/
-	font?: PrimaryYAxisStripLineFont;
-
-	/** Start value of the strip line.
-	*   @Default {null}
-	*/
-	start?: number;
-
-	/** Indicates whether to render the strip line from the minimum/start value of the axis. This property won’t work when start property is set.
-	*   @Default {false}
-	*/
-	startFromAxis?: boolean;
-
-	/** Specifies text to be displayed inside the strip line.
-	*   @Default {stripLine}
-	*/
-	text?: string;
-
-	/** Specifies the alignment of the text inside the strip line.
-	*   @Default {middlecenter. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.TextAlignment|string;
-
-	/** Show/hides the strip line.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Width of the strip line.
-	*   @Default {0}
-	*/
-	width?: number;
-
-	/** Specifies the order in which strip line and the series have to be rendered. When Z-order is “behind”, strip line is rendered below the series and when it is “over”, it is rendered above the series.
-	*   @Default {over. See ZIndex}
-	*/
-	zIndex?: ej.datavisualization.Chart.ZIndex|string;
-}
-
-export interface PrimaryYAxisLabelBorder {
-
-	/** Specifies the color of the label border.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the width of the label border.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface PrimaryYAxisTitleFont {
-
-	/** Font family of the title text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the title text.
-	*   @Default {ej.datavisualization.Chart.FontStyle.Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the title text.
-	*   @Default {ej.datavisualization.Chart.FontWeight.Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the axis title text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the axis title.
-	*   @Default {16px}
-	*/
-	size?: string;
-}
-
-export interface PrimaryYAxisTitle {
-
-	/** Specifies whether to trim the axis title when it exceeds the chart area or the maximum width of the title.
-	*   @Default {ej.datavisualization.Chart.enableTrim}
-	*/
-	enableTrim?: boolean;
-
-	/** Options for customizing the title font.
-	*/
-	font?: PrimaryYAxisTitleFont;
-
-	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-	*   @Default {ej.datavisualization.Chart.maximumTitleWidth.null}
-	*/
-	maximumTitleWidth?: number;
-
-	/** Title for the axis.
-	*/
-	text?: string;
-
-	/** Controls the visibility of axis title.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** offset value for axis title.
-	*   @Default {0}
-	*/
-	offset?: number;
-
-	/** Specifies the position of the axis title.
-	*   @Default {outside. See Position}
-	*/
-	position?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the position of the axis title.
-	*   @Default {center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.TextAlignment|string;
-}
-
-export interface PrimaryYAxis {
-
-	/** Options for customizing vertical axis alternate grid band.
-	*/
-	alternateGridBand?: PrimaryYAxisAlternateGridBand;
-
-	/** Specifies the interval of the axis according to the zoomed data of the chart.
-	*   @Default {true}
-	*/
-	enableAutoIntervalOnZooming?: boolean;
-
-	/** Options for customizing the axis line.
-	*/
-	axisLine?: PrimaryYAxisAxisLine;
-
-	/** Specifies where horizontal axis should intersect the vertical axis or vice versa. Value should be provided in axis co-ordinates. If provided value is greater than the maximum value of crossing axis, then axis will be placed at the opposite side.
-	*   @Default {null}
-	*/
-	crossesAt?: number;
-
-	/** Name of the axis used for crossing. Vertical axis name should be provided for horizontal axis and vice versa. If the provided name does not belongs to a valid axis, then primary X axis or primary Y axis will be used for crossing
-	*   @Default {null}
-	*/
-	crossesInAxis?: string;
-
-	/** Options to customize the crosshair label.
-	*/
-	crosshairLabel?: PrimaryYAxisCrosshairLabel;
-
-	/** With this setting, you can request axis to calculate intervals approximately equal to your desired interval.
-	*   @Default {null}
-	*/
-	desiredIntervals?: number;
-
-	/** Specifies the placement of labels.
-	*   @Default {ej.datavisualization.Chart.LabelPlacement.BetweenTicks. See LabelPlacement}
-	*/
-	labelPlacement?: ej.datavisualization.Chart.LabelPlacement|string;
-
-	/** Specifies the position of labels at the edge of the axis.
-	*   @Default {ej.datavisualization.Chart.EdgeLabelPlacement.None. See EdgeLabelPlacement}
-	*/
-	edgeLabelPlacement?: ej.datavisualization.Chart.EdgeLabelPlacement|string;
-
-	/** Specifies whether to trim the axis label when the width of the label exceeds the maximumLabelWidth.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Options for customizing the font of the axis Labels.
-	*/
-	font?: PrimaryYAxisFont;
-
-	/** Specifies the type of interval in date time axis.
-	*   @Default {null. See IntervalType}
-	*/
-	intervalType?: ej.datavisualization.Chart.IntervalType|string;
-
-	/** Specifies whether to inverse the axis.
-	*   @Default {false}
-	*/
-	isInversed?: boolean;
-
-	/** Custom formatting for axis label and supports all standard formatting type of numerical and date time values.
-	*   @Default {null}
-	*/
-	labelFormat?: string;
-
-	/** Specifies the action to take when the axis labels are overlapping with each other.
-	*   @Default {ej.datavisualization.Chart.LabelIntersectAction.None}
-	*/
-	labelIntersectAction?: ej.datavisualization.Chart.LabelIntersectAction|string;
-
-	/** Specifies the position of the axis labels.
-	*   @Default {outside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the position of the axis labels.
-	*   @Default {center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Chart.LabelAlignment|string;
-
-	/** Logarithmic base value. This is applicable only for logarithmic axis.
-	*   @Default {10}
-	*/
-	logBase?: number;
-
-	/** Options for customizing major gird lines.
-	*/
-	majorGridLines?: PrimaryYAxisMajorGridLines;
-
-	/** Options for customizing the major tick lines.
-	*/
-	majorTickLines?: PrimaryYAxisMajorTickLines;
-
-	/** Maximum number of labels to be displayed in every 100 pixels.
-	*   @Default {3}
-	*/
-	maximumLabels?: number;
-
-	/** Maximum width of the axis label. When the label exceeds the width, the label gets trimmed when the enableTrim is set to true.
-	*   @Default {ej.datavisualization.Chart.maximumLabelWidth type {int}}
-	*/
-	maximumLabelWidth?: number;
-
-	/** Options for customizing the minor grid lines.
-	*/
-	minorGridLines?: PrimaryYAxisMinorGridLines;
-
-	/** Options for customizing the minor tick lines.
-	*/
-	minorTickLines?: PrimaryYAxisMinorTickLines;
-
-	/** Specifies the number of minor ticks per interval.
-	*   @Default {null}
-	*/
-	minorTicksPerInterval?: number;
-
-	/** Unique name of the axis. To associate an axis with the series, you have to set this name to the xAxisName/yAxisName property of the series.
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Specifies whether to render the axis at the opposite side of its default position.
-	*   @Default {false}
-	*/
-	opposedPosition?: boolean;
-
-	/** Specifies the orientation of the axis line in the chart.
-	*   @Default {Vertical}
-	*/
-	orientation?: ej.datavisualization.Chart.AxisOrientation|string;
-
-	/** Specifies the padding for the plot area.
-	*   @Default {10}
-	*/
-	plotOffset?: number;
-
-	/** Options to customize the range of the axis.
-	*/
-	range?: PrimaryYAxisRange;
-
-	/** Specifies the padding for the axis range.
-	*   @Default {ej.datavisualization.Chart.RangePadding.None. See RangePadding}
-	*/
-	rangePadding?: ej.datavisualization.Chart.RangePadding|string;
-
-	/** Rounds the number to the given number of decimals.
-	*   @Default {null}
-	*/
-	roundingPlaces?: number;
-
-	/** Specifies the index of the row to which the axis is associated, when the chart area is divided into multiple plot areas by using rowDefinitions.
-	*   @Default {null}
-	*/
-	rowIndex?: number;
-
-	/** Specifies the number of row or plot areas an axis has to span vertically.
-	*   @Default {null}
-	*/
-	rowSpan?: number;
-
-	/** Options for customizing the multi level labels.
-	*   @Default {[ ]}
-	*/
-	multiLevelLabels?: Array<PrimaryYAxisMultiLevelLabel>;
-
-	/** Specifies whether the axis elements need to be placed nearby the axis line, while crossing.
-	*   @Default {true}
-	*/
-	showNextToAxisLine?: boolean;
-
-	/** Options for customizing the axis scrollbar.
-	*/
-	scrollbarSettings?: PrimaryYAxisScrollbarSettings;
-
-	/** Options for customizing the strip lines.
-	*   @Default {[ ]}
-	*/
-	stripLine?: Array<PrimaryYAxisStripLine>;
-
-	/** Specifies the position of the axis tick lines.
-	*   @Default {outside. See TickLinesPosition}
-	*/
-	tickLinesPosition?: ej.datavisualization.Chart.TickLinesPosition|string;
-
-	/** Options for customizing the border of the labels.
-	*/
-	labelBorder?: PrimaryYAxisLabelBorder;
-
-	/** Options for customizing the axis title.
-	*/
-	title?: PrimaryYAxisTitle;
-
-	/** Specifies the type of data the axis is handling.
-	*   @Default {null. See ValueType}
-	*/
-	valueType?: ej.datavisualization.Chart.ValueType|string;
-
-	/** Show/hides the axis.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** The axis is scaled by this factor. When zoomFactor is 0.5, the chart is scaled by 200% along this axis. Values ranges from 0 to 1.
-	*   @Default {1}
-	*/
-	zoomFactor?: number;
-
-	/** Position of the zoomed axis. Value ranges from 0 to 1
-	*   @Default {0}
-	*/
-	zoomPosition?: number;
-}
-
-export interface RowDefinition {
-
-	/** Specifies the unit to measure the height of the row in plotting area.
-	*   @Default {'pixel'. See Unit}
-	*/
-	unit?: ej.datavisualization.Chart.Unit|string;
-
-	/** Height of the row in plotting area. Height is measured in either pixel or percentage based on the value of unit property.
-	*   @Default {50}
-	*/
-	rowHeight?: number;
-
-	/** Color of the line that indicates the starting point of the row in plotting area.
-	*   @Default {transparent}
-	*/
-	lineColor?: string;
-
-	/** Width of the line that indicates the starting point of the row in plot area.
-	*   @Default {1}
-	*/
-	lineWidth?: number;
-}
-
-export interface SeriesBorder {
-
-	/** Border color of the series.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Border width of the series.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** DashArray for border of the series.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-}
-
-export interface SeriesFont {
-
-	/** Font color of the series text.
-	*   @Default {#707070}
-	*/
-	color?: string;
-
-	/** Font Family of the series.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font Style of the series.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the series.
-	*   @Default {Regular}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of series text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Size of the series text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface SeriesBubbleOptions {
-
-	/** Used for the calculation of the bubble radius based on the mode selected
-	*   @Default {minmax .See RadiusMode}
-	*/
-	radiusMode?: ej.datavisualization.Chart.RadiusMode|string;
-
-	/** Used for the setting the minimum radius of the bubble
-	*   @Default {1}
-	*/
-	minRadius?: number;
-
-	/** Used for setting the maximum radius of the bubble
-	*   @Default {3}
-	*/
-	maxRadius?: number;
-}
-
-export interface SeriesMarkerBorder {
-
-	/** Border color of the marker shape.
-	*   @Default {white}
-	*/
-	color?: string;
-
-	/** Border width of the marker shape.
-	*   @Default {3}
-	*/
-	width?: number;
-}
-
-export interface SeriesMarkerDataLabelBorder {
-
-	/** Border color of the data label.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the data label.
-	*   @Default {0.1}
-	*/
-	width?: number;
-}
-
-export interface SeriesMarkerDataLabelConnectorLine {
-
-	/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
-	*   @Default {line. See ConnectorLineType}
-	*/
-	type?: ej.datavisualization.Chart.Type|string;
-
-	/** Width of the connector.
-	*   @Default {0.5}
-	*/
-	width?: number;
-
-	/** Color of the connector.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Height of the connector.
-	*   @Default {null}
-	*/
-	height?: number;
-}
-
-export interface SeriesMarkerDataLabelFont {
-
-	/** Font family of the data label.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font color of the data label text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font style of the data label.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the data label.
-	*   @Default {regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the data label.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface SeriesMarkerDataLabelMargin {
-
-	/** Bottom margin of the text.
-	*   @Default {5}
-	*/
-	bottom?: number;
-
-	/** Left margin of the text.
-	*   @Default {5}
-	*/
-	left?: number;
-
-	/** Right margin of the text.
-	*   @Default {5}
-	*/
-	right?: number;
-
-	/** Top margin of the text.
-	*   @Default {5}
-	*/
-	top?: number;
-}
-
-export interface SeriesMarkerDataLabelOffset {
-
-	/** X value or horizontal offset to position the labels in chart.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Y value or vertical offset to position the labels.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface SeriesMarkerDataLabel {
-
-	/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
-	*   @Default {null}
-	*/
-	angle?: number;
-
-	/** Maximum label width of the data label.
-	*   @Default {null}
-	*/
-	maximumLabelWidth?: number;
-
-	/** Enable the wrap option to the data label.
-	*   @Default {false}
-	*/
-	enableWrap?: boolean;
-
-	/** Options for customizing the border of the data label.
-	*/
-	border?: SeriesMarkerDataLabelBorder;
-
-	/** Options for displaying and customizing the line that connects point and data label.
-	*/
-	connectorLine?: SeriesMarkerDataLabelConnectorLine;
-
-	/** Background color of the data label.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options for customizing the data label font.
-	*/
-	font?: SeriesMarkerDataLabelFont;
-
-	/** Horizontal alignment of the data label.
-	*   @Default {center}
-	*/
-	horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
-
-	/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
-	*/
-	margin?: SeriesMarkerDataLabelMargin;
-
-	/** Opacity of the data label.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Background shape of the data label.
-	*   @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Name of a field in data source where datalabel text is displayed.
-	*/
-	textMappingName?: string;
-
-	/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
-	*   @Default {top. See TextPosition}
-	*/
-	textPosition?: ej.datavisualization.Chart.TextPosition|string;
-
-	/** Vertical alignment of the data label.
-	*   @Default {'center'}
-	*/
-	verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
-
-	/** Controls the visibility of the data labels.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-	*/
-	template?: string;
-
-	/** Options for customizing the datalabel positions
-	*/
-	offset?: SeriesMarkerDataLabelOffset;
-}
-
-export interface SeriesMarkerSize {
-
-	/** Height of the marker.
-	*   @Default {6}
-	*/
-	height?: number;
-
-	/** Width of the marker.
-	*   @Default {6}
-	*/
-	width?: number;
-}
-
-export interface SeriesMarker {
-
-	/** Options for customizing the border of the marker shape.
-	*/
-	border?: SeriesMarkerBorder;
-
-	/** Options for displaying and customizing data labels.
-	*/
-	dataLabel?: SeriesMarkerDataLabel;
-
-	/** Color of the marker shape.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
-	*/
-	imageUrl?: string;
-
-	/** Opacity of the marker.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the shape of the marker.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Options for customizing the size of the marker shape.
-	*/
-	size?: SeriesMarkerSize;
-
-	/** Controls the visibility of the marker shape.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface SeriesOutlierSettingsSize {
-
-	/** Height of the outlier shape.
-	*   @Default {6}
-	*/
-	height?: number;
-
-	/** Width of the outlier shape.
-	*   @Default {6}
-	*/
-	width?: number;
-}
-
-export interface SeriesOutlierSettings {
-
-	/** Specifies the shape of the outlier.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Options for customizing the size of the outlier shape.
-	*/
-	size?: SeriesOutlierSettingsSize;
-}
-
-export interface SeriesEmptyPointSettingsStyleBorder {
-
-	/** Border color of the empty point.
-	*/
-	color?: string;
-
-	/** Border width of the empty point.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface SeriesEmptyPointSettingsStyle {
-
-	/** Color of the empty point.
-	*/
-	color?: string;
-
-	/** Options for customizing border of the empty point in the series.
-	*/
-	border?: SeriesEmptyPointSettingsStyleBorder;
-}
-
-export interface SeriesEmptyPointSettings {
-
-	/** Controls the visibility of the empty point.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Specifies the mode of empty point.
-	*   @Default {gap}
-	*/
-	displayMode?: ej.datavisualization.Chart.EmptyPointMode|string;
-
-	/** Options for customizing the color and border of the empty point in the series.
-	*/
-	style?: SeriesEmptyPointSettingsStyle;
-}
-
-export interface SeriesConnectorLine {
-
-	/** Width of the connector line.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Color of the connector line.
-	*   @Default {#565656}
-	*/
-	color?: string;
-
-	/** DashArray of the connector line.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Opacity of the connector line.
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface SeriesDragSettings {
-
-	/** drag/drop the series
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies the type of drag settings.
-	*   @Default {xy}
-	*/
-	type?: string;
-}
-
-export interface SeriesErrorBarCap {
-
-	/** Show/Hides the error bar cap.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Width of the error bar cap.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Length of the error bar cap.
-	*   @Default {1}
-	*/
-	length?: number;
-
-	/** Color of the error bar cap.
-	*   @Default {#000000}
-	*/
-	fill?: string;
-}
-
-export interface SeriesErrorBar {
-
-	/** Show/hides the error bar
-	*   @Default {visible}
-	*/
-	visibility?: boolean;
-
-	/** Specifies the type of error bar.
-	*   @Default {FixedValue}
-	*/
-	type?: ej.datavisualization.Chart.ErrorBarType|string;
-
-	/** Specifies the mode of error bar.
-	*   @Default {vertical}
-	*/
-	mode?: ej.datavisualization.Chart.ErrorBarMode|string;
-
-	/** Specifies the direction of error bar.
-	*   @Default {both}
-	*/
-	direction?: ej.datavisualization.Chart.ErrorBarDirection|string;
-
-	/** Value of vertical error bar.
-	*   @Default {3}
-	*/
-	verticalErrorValue?: number;
-
-	/** Value of horizontal  error bar.
-	*   @Default {1}
-	*/
-	horizontalErrorValue?: number;
-
-	/** Value of positive horizontal error bar.
-	*   @Default {1}
-	*/
-	horizontalPositiveErrorValue?: number;
-
-	/** Value of negative horizontal error bar.
-	*   @Default {1}
-	*/
-	horizontalNegativeErrorValue?: number;
-
-	/** Value of positive vertical error bar.
-	*   @Default {5}
-	*/
-	verticalPositiveErrorValue?: number;
-
-	/** Value of negative vertical error bar.
-	*   @Default {5}
-	*/
-	verticalNegativeErrorValue?: number;
-
-	/** Fill color of the error bar.
-	*   @Default {#000000}
-	*/
-	fill?: string;
-
-	/** Width of the error bar.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Options for customizing the error bar cap.
-	*/
-	cap?: SeriesErrorBarCap;
-}
-
-export interface SeriesPointsBorder {
-
-	/** Border color of the point.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the point.
-	*   @Default {null}
-	*/
-	width?: number;
-}
-
-export interface SeriesPointsMarkerBorder {
-
-	/** Border color of the marker shape.
-	*   @Default {white}
-	*/
-	color?: string;
-
-	/** Border width of the marker shape.
-	*   @Default {3}
-	*/
-	width?: number;
-}
-
-export interface SeriesPointsMarkerDataLabelBorder {
-
-	/** Border color of the data label.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the data label.
-	*   @Default {0.1}
-	*/
-	width?: number;
-}
-
-export interface SeriesPointsMarkerDataLabelConnectorLine {
-
-	/** Specifies when the connector has to be drawn as Bezier curve or straight line. This is applicable only for Pie and Doughnut chart types.
-	*   @Default {line. See ConnectorLineType}
-	*/
-	type?: ej.datavisualization.Chart.ConnectorLineType|string;
-
-	/** Width of the connector.
-	*   @Default {0.5}
-	*/
-	width?: number;
-}
-
-export interface SeriesPointsMarkerDataLabelFont {
-
-	/** Font family of the data label.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the data label.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight of the data label.
-	*   @Default {regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size of the data label.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface SeriesPointsMarkerDataLabelMargin {
-
-	/** Bottom margin of the text.
-	*   @Default {5}
-	*/
-	bottom?: number;
-
-	/** Left margin of the text.
-	*   @Default {5}
-	*/
-	left?: number;
-
-	/** Right margin of the text.
-	*   @Default {5}
-	*/
-	right?: number;
-
-	/** Top margin of the text.
-	*   @Default {5}
-	*/
-	top?: number;
-}
-
-export interface SeriesPointsMarkerDataLabel {
-
-	/** Angle of the data label in degrees. Only the text gets rotated, whereas the background and border does not rotate.
-	*   @Default {null}
-	*/
-	angle?: number;
-
-	/** Options for customizing the border of the data label.
-	*/
-	border?: SeriesPointsMarkerDataLabelBorder;
-
-	/** Options for displaying and customizing the line that connects point and data label.
-	*/
-	connectorLine?: SeriesPointsMarkerDataLabelConnectorLine;
-
-	/** Background color of the data label.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options for customizing the data label font.
-	*/
-	font?: SeriesPointsMarkerDataLabelFont;
-
-	/** Horizontal alignment of the data label.
-	*   @Default {center}
-	*/
-	horizontalTextAlignment?: ej.datavisualization.Chart.HorizontalTextAlignment|string;
-
-	/** Margin of the text to its background shape. The size of the background shape increases based on the margin applied to its text.
-	*/
-	margin?: SeriesPointsMarkerDataLabelMargin;
-
-	/** Opacity of the data label.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Background shape of the data label.
-	*   @Default {No shape is rendered by default, so its value is ‘none’. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Specifies the position of the data label. This property can be used only for the series such as column, bar, stacked column, stacked bar, 100% stacked column, 100% stacked bar, candle and OHLC.
-	*   @Default {top. See TextPosition}
-	*/
-	textPosition?: ej.datavisualization.Chart.TextPosition|string;
-
-	/** Vertical alignment of the data label.
-	*   @Default {'center'}
-	*/
-	verticalTextAlignment?: ej.datavisualization.Chart.VerticalTextAlignment|string;
-
-	/** Controls the visibility of the data labels.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Custom template to format the data label content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-	*/
-	template?: string;
-
-	/** Moves the label vertically by specified offset.
-	*   @Default {0}
-	*/
-	offset?: number;
-}
-
-export interface SeriesPointsMarkerSize {
-
-	/** Height of the marker.
-	*   @Default {6}
-	*/
-	height?: number;
-
-	/** Width of the marker.
-	*   @Default {6}
-	*/
-	width?: number;
-}
-
-export interface SeriesPointsMarker {
-
-	/** Options for customizing the border of the marker shape.
-	*/
-	border?: SeriesPointsMarkerBorder;
-
-	/** Options for displaying and customizing data label.
-	*/
-	dataLabel?: SeriesPointsMarkerDataLabel;
-
-	/** Color of the marker shape.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** The URL for the Image that is to be displayed as marker. In order to display image as marker, set series.marker.shape as ‘image’.
-	*/
-	imageUrl?: string;
-
-	/** Opacity of the marker.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the shape of the marker.
-	*   @Default {circle. See Shape}
-	*/
-	shape?: ej.datavisualization.Chart.Shape|string;
-
-	/** Options for customizing the size of the marker shape.
-	*/
-	size?: SeriesPointsMarkerSize;
-
-	/** Controls the visibility of the marker shape.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface SeriesPoint {
-
-	/** Options for customizing the border of a point. This is applicable only for column type series and accumulation type series.
-	*/
-	border?: SeriesPointsBorder;
-
-	/** Enables or disables the visibility of legend item.
-	*   @Default {visible}
-	*/
-	visibleOnLegend?: string;
-
-	/** To show/hide the intermediate summary from the last intermediate point.
-	*   @Default {false}
-	*/
-	showIntermediateSum?: boolean;
-
-	/** To show/hide the total summary of the waterfall series.
-	*   @Default {false}
-	*/
-	showTotalSum?: boolean;
-
-	/** Close value of the point. Close value is applicable only for financial type series.
-	*   @Default {null}
-	*/
-	close?: number;
-
-	/** Size of a bubble in the bubble series. This is applicable only for the bubble series.
-	*   @Default {null}
-	*/
-	size?: number;
-
-	/** Background color of the point. This is applicable only for column type series and accumulation type series.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** High value of the point. High value is applicable only for financial type series, range area series and range column series.
-	*   @Default {null}
-	*/
-	high?: number;
-
-	/** Low value of the point. Low value is applicable only for financial type series, range area series and range column series.
-	*   @Default {null}
-	*/
-	low?: number;
-
-	/** Options for displaying and customizing marker for a data point. Marker contains shapes and/or data labels.
-	*/
-	marker?: SeriesPointsMarker;
-
-	/** Open value of the point. This is applicable only for financial type series.
-	*   @Default {null}
-	*/
-	open?: number;
-
-	/** Datalabel text for the point.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** X value of the point.
-	*   @Default {null}
-	*/
-	x?: number;
-
-	/** Y value of the point.
-	*   @Default {null}
-	*/
-	y?: number;
-}
-
-export interface SeriesCornerRadius {
-
-	/** Specifies the radius for the top left corner.
-	*   @Default {0}
-	*/
-	topLeft?: number;
-
-	/** Specifies the radius for the top right corner.
-	*   @Default {0}
-	*/
-	topRight?: number;
-
-	/** Specifies the radius for the bottom left corner.
-	*   @Default {0}
-	*/
-	bottomLeft?: number;
-
-	/** Specifies the radius for the bottom right corner.
-	*   @Default {0}
-	*/
-	bottomRight?: number;
-}
-
-export interface SeriesTooltipBorder {
-
-	/** Border Color of the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border Width of the tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface SeriesTooltip {
-
-	/** Options for customizing the border of the tooltip.
-	*/
-	border?: SeriesTooltipBorder;
-
-	/** Customize the corner radius of the tooltip rectangle.
-	*   @Default {0}
-	*/
-	rx?: number;
-
-	/** Customize the corner radius of the tooltip rectangle.
-	*   @Default {0}
-	*/
-	ry?: number;
-
-	/** Specifies the duration, the tooltip has to be displayed.
-	*   @Default {500ms}
-	*/
-	duration?: string;
-
-	/** Enables/disables the animation of the tooltip when moving from one point to another.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Background color of the tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Format of the tooltip content.
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
-
-	/** Opacity of the tooltip.
-	*   @Default {0.95}
-	*/
-	opacity?: number;
-
-	/** Custom template to format the tooltip content. Use “point.x” and “point.y” as a placeholder text to display the corresponding data point’s x and y value.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Controls the visibility of the tooltip.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface SeriesTrendlinesTooltipBorder {
-
-	/** Specify the Border color of the  trendline tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the trendline tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface SeriesTrendlinesTooltip {
-
-	/** Options for customizing the border of the trendline tooltip.
-	*/
-	border?: SeriesTrendlinesTooltipBorder;
-
-	/** Customize the corner radius of the trendline tooltip rectangle.
-	*   @Default {0}
-	*/
-	rx?: number;
-
-	/** Customize the corner radius of the trendline tooltip rectangle.
-	*   @Default {0}
-	*/
-	ry?: number;
-
-	/** Specifies the duration of the trendline tooltip to be displayed.
-	*   @Default {500ms}
-	*/
-	duration?: string;
-
-	/** Enables/disables the animation of the trendline tooltip when moving from one point to other.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Background color of the trendline tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Format of the trendline tooltip content.
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
-
-	/** Opacity of the trendline tooltip.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-}
-
-export interface SeriesTrendline {
-
-	/** Show/hides the trendline.
-	*/
-	visibility?: boolean;
-
-	/** Specifies the type of trendline for the series.
-	*   @Default {linear. See TrendlinesType}
-	*/
-	type?: string;
-
-	/** Name for the trendlines that is to be displayed in legend text.
-	*   @Default {Trendline}
-	*/
-	name?: string;
-
-	/** Fill color of the trendlines.
-	*   @Default {#0000FF}
-	*/
-	fill?: string;
-
-	/** Width of the trendlines.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Opacity of the trendline.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Pattern of dashes and gaps used to stroke the trendline.
-	*/
-	dashArray?: string;
-
-	/** Future trends of the current series.
-	*   @Default {0}
-	*/
-	forwardForecast?: number;
-
-	/** Past trends of the current series.
-	*   @Default {0}
-	*/
-	backwardForecast?: number;
-
-	/** Specifies the order of polynomial trendlines.
-	*   @Default {0}
-	*/
-	polynomialOrder?: number;
-
-	/** Specifies the moving average starting period  value.
-	*   @Default {2}
-	*/
-	period?: number;
-
-	/** Options for customizing the trendline tooltip
-	*/
-	tooltip?: SeriesTrendlinesTooltip;
-
-	/** Show/hides the trendline legend.
-	*   @Default {visible}
-	*/
-	visibleOnLegend?: string;
-
-	/** Specifies the trendline intercept value
-	*   @Default {null}
-	*/
-	intercept?: number;
-}
-
-export interface SeriesHighlightSettingsBorder {
-
-	/** Border color of the series/point on highlight.
-	*/
-	color?: string;
-
-	/** Border width of the series/point on highlight.
-	*   @Default {2}
-	*/
-	width?: string;
-}
-
-export interface SeriesHighlightSettings {
-
-	/** Enables/disables the ability to highlight series or data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies whether series or data point has to be highlighted.
-	*   @Default {series. See Mode}
-	*/
-	mode?: ej.datavisualization.Chart.Mode|string;
-
-	/** Color of the series/point on highlight.
-	*/
-	color?: string;
-
-	/** Opacity of the series/point on highlight.
-	*   @Default {0.6}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the border of series on highlight.
-	*/
-	border?: SeriesHighlightSettingsBorder;
-
-	/** Specifies the pattern for the series/point on highlight.
-	*   @Default {none. See Pattern}
-	*/
-	pattern?: string;
-
-	/** Custom pattern for the series on highlight.
-	*/
-	customPattern?: string;
-}
-
-export interface SeriesSelectionSettingsBorder {
-
-	/** Border color of the series/point on selection.
-	*/
-	color?: string;
-
-	/** Border width of the series/point on selection.
-	*   @Default {2}
-	*/
-	width?: string;
-}
-
-export interface SeriesSelectionSettings {
-
-	/** Enables/disables the ability to select a series/data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies whether series or data point has to be selected.
-	*   @Default {series. See Mode}
-	*/
-	mode?: ej.datavisualization.Chart.Mode|string;
-
-	/** Specifies the type of selection.
-	*   @Default {single}
-	*/
-	type?: ej.datavisualization.Chart.SelectionType|string;
-
-	/** Specifies the drawn rectangle type.
-	*   @Default {xy}
-	*/
-	rangeType?: ej.datavisualization.Chart.RangeType|string;
-
-	/** Color of the series/point on selection.
-	*/
-	color?: string;
-
-	/** Opacity of the series/point on selection.
-	*   @Default {0.6}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the border of series on selection.
-	*/
-	border?: SeriesSelectionSettingsBorder;
-
-	/** Specifies the pattern for the series/point on selection.
-	*   @Default {none. See Pattern}
-	*/
-	pattern?: string;
-
-	/** Custom pattern for the series on selection.
-	*/
-	customPattern?: string;
-}
-
-export interface Series {
-
-	/** Color of the point, where the close is up in financial chart.
-	*   @Default {null}
-	*/
-	bearFillColor?: string;
-
-	/** Options for customizing the border of the series.
-	*/
-	border?: SeriesBorder;
-
-	/** Color of the point, where the close is down in financial chart.
-	*   @Default {null}
-	*/
-	bullFillColor?: string;
-
-	/** To render the column and bar type series in rectangle/cylinder shape. See ColumnFacet
-	*   @Default {rectangle}
-	*/
-	columnFacet?: ej.datavisualization.Chart.ColumnFacet|string;
-
-	/** Relative width of the columns in column type series. Value ranges from 0 to 1. Width also depends upon columnSpacing property.
-	*   @Default {0.7}
-	*/
-	columnWidth?: number;
-
-	/** Spacing between columns of different series. Value ranges from 0 to 1
-	*   @Default {0}
-	*/
-	columnSpacing?: number;
-
-	/** To group the series of stacking collection.
-	*/
-	stackingGroup?: string;
-
-	/** Pattern of dashes and gaps used to stroke the line type series.
-	*/
-	dashArray?: string;
-
-	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Controls the size of the hole in doughnut series. Value ranges from 0 to 1.
-	*   @Default {0.4}
-	*/
-	doughnutCoefficient?: number;
-
-	/** Controls the size of the doughnut series. Value ranges from 0 to 1.
-	*   @Default {0.8}
-	*/
-	doughnutSize?: number;
-
-	/** Type of series to be drawn in radar or polar series.
-	*   @Default {line. See DrawType}
-	*/
-	drawType?: ej.datavisualization.Chart.DrawType|string;
-
-	/** Enable/disable the animation of series.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** To avoid overlapping of data labels smartly.
-	*   @Default {null}
-	*/
-	enableSmartLabels?: number;
-
-	/** End angle of pie/doughnut series. For a complete circle, it has to be 360, by default.
-	*   @Default {null}
-	*/
-	endAngle?: number;
-
-	/** Explodes the pie/doughnut slices on mouse move.
-	*   @Default {false}
-	*/
-	explode?: boolean;
-
-	/** Explodes all the slice of pie/doughnut on render.
-	*   @Default {null}
-	*/
-	explodeAll?: boolean;
-
-	/** Index of the point to be exploded from pie/doughnut/pyramid/funnel.
-	*   @Default {null}
-	*/
-	explodeIndex?: number;
-
-	/** Specifies the distance of the slice from the center, when it is exploded.
-	*   @Default {25}
-	*/
-	explodeOffset?: number;
-
-	/** Fill color of the series.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options for customizing the series font.
-	*/
-	font?: SeriesFont;
-
-	/** Specifies the height of the funnel in funnel series. Values can be in both pixel and percentage.
-	*   @Default {32.7%}
-	*/
-	funnelHeight?: string;
-
-	/** Specifies the width of the funnel in funnel series. Values can be in both pixel and percentage.
-	*   @Default {11.6%}
-	*/
-	funnelWidth?: string;
-
-	/** Gap between the slices of pyramid/funnel series.
-	*   @Default {0}
-	*/
-	gapRatio?: number;
-
-	/** Specifies whether to join start and end point of a line/area series used in polar/radar chart to form a closed path.
-	*   @Default {true}
-	*/
-	isClosed?: boolean;
-
-	/** Specifies whether to stack the column series in polar/radar charts.
-	*   @Default {true}
-	*/
-	isStacking?: boolean;
-
-	/** Renders the chart vertically. This is applicable only for Cartesian type series.
-	*   @Default {false}
-	*/
-	isTransposed?: boolean;
-
-	/** Render the x mark in the center of the box and whisker series type.x represents the average value of the box and whisker series.
-	*   @Default {true}
-	*/
-	showMedian?: boolean;
-
-	/** Position of the data label in pie/doughnut/pyramid/funnel series. OutsideExtended position is not applicable for pyramid/funnel.
-	*   @Default {inside. See LabelPosition}
-	*/
-	labelPosition?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Specifies the mode for splitting the data points in pieOfPie series.
-	*   @Default {value. See SplitMode}
-	*/
-	splitMode?: ej.datavisualization.Chart.SplitMode|string;
-
-	/** Quartile calculation has been performed in three different formulas to render the boxplot series .
-	*   @Default {exclusive}
-	*/
-	boxPlotMode?: ej.datavisualization.Chart.LabelPosition|string;
-
-	/** Options for customizing the bubble options of the Bubble series
-	*/
-	bubbleOptions?: SeriesBubbleOptions;
-
-	/** Specifies the line cap of the series.
-	*   @Default {Butt. See LineCap}
-	*/
-	lineCap?: ej.datavisualization.Chart.LineCap|string;
-
-	/** Specifies the type of shape to be used where two lines meet.
-	*   @Default {Round. See LineJoin}
-	*/
-	lineJoin?: ej.datavisualization.Chart.LineJoin|string;
-
-	/** Options for displaying and customizing marker for individual point in a series. Marker contains shapes and/or data labels.
-	*/
-	marker?: SeriesMarker;
-
-	/** Name of the series, that is to be displayed in the legend.
-	*   @Default {Add a comment to this line}
-	*/
-	name?: string;
-
-	/** Opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Options for customizing the outlier of individual series.
-	*/
-	outlierSettings?: SeriesOutlierSettings;
-
-	/** Name of a field in data source where fill color for all the data points is generated.
-	*/
-	palette?: string;
-
-	/** Controls the size of pie series. Value ranges from 0 to 1.
-	*   @Default {0.8}
-	*/
-	pieCoefficient?: number;
-
-	/** Controls the size of the second pie in pieOfPie series. Value ranges from 0 to 1.
-	*   @Default {0.6}
-	*/
-	pieOfPieCoefficient?: number;
-
-	/** Split Value of pieofpie series.
-	*   @Default {null}
-	*/
-	splitValue?: string;
-
-	/** Distance between the two pie's in pieOfPie series.
-	*   @Default {50}
-	*/
-	gapWidth?: number;
-
-	/** Options for customizing the empty point in the series.
-	*/
-	emptyPointSettings?: SeriesEmptyPointSettings;
-
-	/** Fill color for the positive column of the waterfall.
-	*   @Default {null}
-	*/
-	positiveFill?: string;
-
-	/** Options for customizing the waterfall connector line.
-	*/
-	connectorLine?: SeriesConnectorLine;
-
-	/** Options to customize the drag and drop in series.
-	*/
-	dragSettings?: SeriesDragSettings;
-
-	/** Options to customize the error bar in series.
-	*/
-	errorBar?: SeriesErrorBar;
-
-	/** Option to add data points; each point should have x and y property. Also, optionally, you can customize the points color, border, marker by using fill, border and marker options.
-	*/
-	points?: Array<SeriesPoint>;
-
-	/** Specifies the mode of the pyramid series.
-	*   @Default {linear}
-	*/
-	pyramidMode?: ej.datavisualization.Chart.PyramidMode|string;
-
-	/** Specifies ej.Query to select data from dataSource. This property is applicable only when the dataSource is ej.DataManager.
-	*   @Default {null}
-	*/
-	query?: any;
-
-	/** Start angle from where the pie/doughnut series renders. It starts from 0, by default.
-	*   @Default {null}
-	*/
-	startAngle?: number;
-
-	/** Options for customizing the corner radius. cornerRadius property also takes the numeric input and applies it for all the four corners of the column.
-	*/
-	cornerRadius?: SeriesCornerRadius;
-
-	/** Options for customizing the tooltip of chart.
-	*/
-	tooltip?: SeriesTooltip;
-
-	/** Specifies the type of the series to render in chart.
-	*   @Default {column. see Type}
-	*/
-	type?: ej.datavisualization.Chart.Type|string;
-
-	/** Controls the visibility of the series.
-	*   @Default {visible}
-	*/
-	visibility?: string;
-
-	/** Enables or disables the visibility of legend item.
-	*   @Default {visible}
-	*/
-	visibleOnLegend?: string;
-
-	/** Specifies the name of the x-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-	*   @Default {null}
-	*/
-	xAxisName?: string;
-
-	/** Name of the property in the datasource that contains x value for the series.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Specifies the name of the y-axis that has to be associated with this series. Add an axis instance with this name to axes collection.
-	*   @Default {null}
-	*/
-	yAxisName?: string;
-
-	/** Name of the property in the datasource that contains y value for the series.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Name of the property in the datasource that contains high value for the series.
-	*   @Default {null}
-	*/
-	high?: string;
-
-	/** Name of the property in the datasource that contains low value for the series.
-	*   @Default {null}
-	*/
-	low?: string;
-
-	/** Name of the property in the datasource that contains open value for the series.
-	*   @Default {null}
-	*/
-	open?: string;
-
-	/** Name of the property in the datasource that contains close value for the series.
-	*   @Default {null}
-	*/
-	close?: string;
-
-	/** Name of the property in the datasource that contains fill color for the series.
-	*   @Default {null}
-	*/
-	pointColorMappingName?: string;
-
-	/** Z-order of the series.
-	*   @Default {0}
-	*/
-	zOrder?: number;
-
-	/** Name of the property in the datasource that contains the size value for the bubble series.
-	*   @Default {null}
-	*/
-	size?: string;
-
-	/** Option to add trendlines to chart.
-	*/
-	trendlines?: Array<SeriesTrendline>;
-
-	/** Options for customizing the appearance of the series or data point while highlighting.
-	*/
-	highlightSettings?: SeriesHighlightSettings;
-
-	/** Options for customizing the appearance of the series/data point on selection.
-	*/
-	selectionSettings?: SeriesSelectionSettings;
-}
-
-export interface Size {
-
-	/** Height of the Chart. Height can be specified in either pixel or percentage.
-	*   @Default {'450'}
-	*/
-	height?: string;
-
-	/** Width of the Chart. Width can be specified in either pixel or percentage.
-	*   @Default {'450'}
-	*/
-	width?: string;
-}
-
-export interface TitleBorder {
-
-	/** Width of the title border.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** color of the title border.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** opacity of the title border.
-	*   @Default {0.8}
-	*/
-	opacity?: number;
-
-	/** opacity of the title border.
-	*   @Default {0.8}
-	*/
-	cornerRadius?: number;
-}
-
-export interface TitleFont {
-
-	/** Font family for Chart title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for Chart title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight for Chart title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the Chart title.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-
-	/** Font size for Chart title.
-	*   @Default {20px}
-	*/
-	size?: string;
-}
-
-export interface TitleSubTitleFont {
-
-	/** Font family of sub title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for sub title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Chart.FontStyle|string;
-
-	/** Font weight for sub title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Chart.FontWeight|string;
-
-	/** Opacity of the sub title.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for sub title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface TitleSubTitleBorder {
-
-	/** Width of the subtitle border.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** color of the subtitle border.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** opacity of the subtitle border.
-	*   @Default {0.8}
-	*/
-	opacity?: number;
-
-	/** opacity of the subtitle border.
-	*   @Default {0.8}
-	*/
-	cornerRadius?: number;
-}
-
-export interface TitleSubTitle {
-
-	/** Options for customizing the font of sub title.
-	*/
-	font?: TitleSubTitleFont;
-
-	/** Background color for the chart subtitle.
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** Options to customize the border of the title.
-	*/
-	border?: TitleSubTitleBorder;
-
-	/** Text to be displayed in sub title.
-	*/
-	text?: string;
-
-	/** Alignment of sub title text.
-	*   @Default {far. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.Alignment|string;
-
-	/** Controls the visibility of the Chart SubTitle
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Specifies whether to trim the Chart SubTitle when the width of the Subtitle exceeds the maximumWidth.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Maximum width of the Subtitle, when the Subtitle exceeds this width, the Subtitle gets trimmed, when enableTrim is true.
-	*   @Default {auto}
-	*/
-	maximumWidth?: string;
-
-	/** Specifies the action taken when the Chart width is more than the SubTitleWidth.
-	*   @Default {trim.}
-	*/
-	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
-}
-
-export interface Title {
-
-	/** Background color for the chart title.
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** Options to customize the border of the title.
-	*/
-	border?: TitleBorder;
-
-	/** Options for customizing the font of Chart title.
-	*/
-	font?: TitleFont;
-
-	/** Controls the visibility of the Chart title
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Specifies whether to trim the Chart Title when the width of the title exceeds the maximumWidth.
-	*   @Default {false}
-	*/
-	enableTrim?: boolean;
-
-	/** Maximum width of the title, when the title exceeds this width, the title gets trimmed, when enableTrim is true.
-	*   @Default {auto}
-	*/
-	maximumWidth?: string;
-
-	/** Specifies the action taken when the Chart width is more than the titleWidth.
-	*   @Default {trim.}
-	*/
-	textOverflow?: ej.datavisualization.Chart.TextOverflow|string;
-
-	/** Options to customize the sub title of Chart.
-	*/
-	subTitle?: TitleSubTitle;
-
-	/** Text to be displayed in Chart title.
-	*/
-	text?: string;
-
-	/** Alignment of the title text.
-	*   @Default {Center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Chart.Alignment|string;
-}
-
-export interface Zooming {
-
-	/** Enables or disables zooming.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Enables or disables pinch zooming.
-	*   @Default {true}
-	*/
-	enablePinching?: boolean;
-
-	/** Enable or disables the differed zooming. When it is enabled, chart is updated only on mouse up action while zooming and panning.
-	*   @Default {false}
-	*/
-	enableDeferredZoom?: boolean;
-
-	/** Enables/disables the ability to zoom the chart on moving the mouse wheel.
-	*   @Default {false}
-	*/
-	enableMouseWheel?: boolean;
-
-	/** Specifies whether to allow zooming the chart vertically or horizontally or in both ways.
-	*   @Default {'x,y'}
-	*/
-	type?: string;
-
-	/** Toggles the visibility of the scrollbar, which will be displayed while zooming.
-	*   @Default {false}
-	*/
-	enableScrollbar?: boolean;
-
-	/** To display user specified buttons in zooming toolbar.
-	*   @Default {[zoomIn, zoomOut, zoom, pan, reset]}
-	*/
-	toolbarItems?: Array<any>;
-}
-}
-module Chart
-{
-enum CoordinateUnit
-{
-//string
-None,
-//string
-Pixels,
-//string
-Points,
-}
-}
-module Chart
-{
-enum HorizontalAlignment
-{
-//string
-Left,
-//string
-Right,
-//string
-Middle,
-}
-}
-module Chart
-{
-enum Region
-{
-//string
-Chart,
-//string
-Series,
-}
-}
-module Chart
-{
-enum VerticalAlignment
-{
-//string
-Top,
-//string
-Bottom,
-//string
-Middle,
-}
-}
-module Chart
-{
-enum ExportingType
-{
-//string
-PNG,
-//string
-JPG,
-//string
-PDF,
-//string
-DOCX,
-//string
-XLSX,
-//string
-SVG,
-}
-}
-module Chart
-{
-enum ExportingOrientation
-{
-//string
-Portrait,
-//string
-Landscape,
-}
-}
-module Chart
-{
-enum ExportingMode
-{
-//string
-ServerSide,
-//string
-ClientSide,
-}
-}
-module Chart
-{
-enum Unit
-{
-//string
-Percentage,
-//string
-Pixel,
-}
-}
-module Chart
-{
-enum ColumnFacet
-{
-//string
-Rectangle,
-//string
-Cylinder,
-}
-}
-module Chart
-{
-enum DrawType
-{
-//string
-Line,
-//string
-Area,
-//string
-Column,
-}
-}
-module Chart
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Italic,
-}
-}
-module Chart
-{
-enum FontWeight
-{
-//string
-Regular,
-//string
-Bold,
-//string
-Lighter,
-}
-}
-module Chart
-{
-enum LabelPosition
-{
-//string
-Inside,
-//string
-Outside,
-//string
-OutsideExtended,
-}
-}
-module Chart
-{
-enum SplitMode
-{
-//string
-Position,
-//string
-Value,
-//string
-Percentage,
-//string
-Indexes,
-}
-}
-module Chart
-{
-enum boxPlotMode
-{
-//string
-Exclusive,
-//string
-Inclusive,
-//string
-Normal,
-}
-}
-module Chart
-{
-enum RadiusMode
-{
-//string
-MinMax,
-//string
-Auto,
-}
-}
-module Chart
-{
-enum LineCap
-{
-//string
-Butt,
-//string
-Round,
-//string
-Square,
-}
-}
-module Chart
-{
-enum LineJoin
-{
-//string
-Round,
-//string
-Bevel,
-//string
-Miter,
-}
-}
-module Chart
-{
-enum ConnectorLineType
-{
-//string
-Line,
-//string
-Bezier,
-}
-}
-module Chart
-{
-enum HorizontalTextAlignment
-{
-//string
-Center,
-//string
-Near,
-//string
-Far,
-}
-}
-module Chart
-{
-enum Shape
-{
-//string
-None,
-//string
-LeftArrow,
-//string
-RightArrow,
-//string
-Circle,
-//string
-Cross,
-//string
-HorizLine,
-//string
-VertLine,
-//string
-Diamond,
-//string
-Rectangle,
-//string
-Triangle,
-//string
-Hexagon,
-//string
-Pentagon,
-//string
-Star,
-//string
-Ellipse,
-//string
-Trapezoid,
-//string
-UpArrow,
-//string
-DownArrow,
-//string
-Image,
-//string
-SeriesType,
-}
-}
-module Chart
-{
-enum TextPosition
-{
-//string
-Top,
-//string
-Bottom,
-//string
-Middle,
-}
-}
-module Chart
-{
-enum VerticalTextAlignment
-{
-//string
-Center,
-//string
-Near,
-//string
-Far,
-}
-}
-module Chart
-{
-enum PyramidMode
-{
-//string
-Linear,
-//string
-Surface,
-}
-}
-module Chart
-{
-enum Type
-{
-//string
-Area,
-//string
-Line,
-//string
-Spline,
-//string
-Column,
-//string
-Scatter,
-//string
-Bubble,
-//string
-SplineArea,
-//string
-StepArea,
-//string
-StepLine,
-//string
-Pie,
-//string
-HiLo,
-//string
-HiLoOpenClose,
-//string
-Candle,
-//string
-Bar,
-//string
-StackingArea,
-//string
-StackingArea100,
-//string
-RangeColumn,
-//string
-StackingColumn,
-//string
-StackingColumn100,
-//string
-StackingBar,
-//string
-StackingBar100,
-//string
-Pyramid,
-//string
-Funnel,
-//string
-Doughnut,
-//string
-Polar,
-//string
-Radar,
-//string
-RangeArea,
-}
-}
-module Chart
-{
-enum EmptyPointMode
-{
-//string
-Gap,
-//string
-Zero,
-//string
-Average,
-}
-}
-module Chart
-{
-enum ErrorBarType
-{
-//string
-FixedValue,
-//string
-Percentage,
-//string
-StandardDeviation,
-//string
-StandardError,
-}
-}
-module Chart
-{
-enum ErrorBarMode
-{
-//string
-Both,
-//string
-Vertical,
-//string
-Horizontal,
-}
-}
-module Chart
-{
-enum ErrorBarDirection
-{
-//string
-Both,
-//string
-Plus,
-//string
-Minus,
-}
-}
-module Chart
-{
-enum Mode
-{
-//string
-Series,
-//string
-Point,
-//string
-Cluster,
-//string
-Range,
-}
-}
-module Chart
-{
-enum SelectionType
-{
-//string
-Single,
-//string
-Multiple,
-}
-}
-module Chart
-{
-enum RangeType
-{
-//string
-XY,
-//string
-X,
-//string
-Y,
-}
-}
-module Chart
-{
-enum CrosshairMode
-{
-//string
-Float,
-//string
-Grouping,
-}
-}
-module Chart
-{
-enum CrosshairType
-{
-//string
-Crosshair,
-//string
-Trackball,
-}
-}
-module Chart
-{
-enum Alignment
-{
-//string
-Center,
-//string
-Near,
-//string
-Far,
-}
-}
-module Chart
-{
-enum Position
-{
-//string
-Left,
-//string
-Right,
-//string
-Top,
-//string
-Bottom,
-}
-}
-module Chart
-{
-enum TextOverflow
-{
-//string
-None,
-//string
-Trim,
-//string
-Wrap,
-//string
-WrapAndTrim,
-}
-}
-module Chart
-{
-enum LabelPlacement
-{
-//string
-OnTicks,
-//string
-BetweenTicks,
-}
-}
-module Chart
-{
-enum EdgeLabelPlacement
-{
-//string
-None,
-//string
-Shift,
-//string
-Hide,
-}
-}
-module Chart
-{
-enum IntervalType
-{
-//string
-Days,
-//string
-Hours,
-//string
-Seconds,
-//string
-Milliseconds,
-//string
-Minutes,
-//string
-Months,
-//string
-Years,
-}
-}
-module Chart
-{
-enum LabelIntersectAction
-{
-//string
-None,
-//string
-Rotate90,
-//string
-Rotate45,
-//string
-Wrap,
-//string
-WrapByword,
-//string
-Trim,
-//string
-Hide,
-//string
-MultipleRows,
-}
-}
-module Chart
-{
-enum LabelAlignment
-{
-//string
-Near,
-//string
-Far,
-//string
-Center,
-}
-}
-module Chart
-{
-enum AxisOrientation
-{
-//string
-Horizontal,
-//string
-Vertical,
-}
-}
-module Chart
-{
-enum RangePadding
-{
-//string
-Additional,
-//string
-Normal,
-//string
-None,
-//string
-Round,
-}
-}
-module Chart
-{
-enum MultiLevelLabelsBorderType
-{
-//string
-Rectangle,
-//string
-None,
-//string
-WithoutTopAndBottom,
-//string
-Brace,
-//string
-CurlyBrace,
-}
-}
-module Chart
-{
-enum TextAlignment
-{
-//string
-MiddleTop,
-//string
-MiddleCenter,
-//string
-MiddleBottom,
-}
-}
-module Chart
-{
-enum ZIndex
-{
-//string
-Inside,
-//string
-Over,
-}
-}
-module Chart
-{
-enum TickLinesPosition
-{
-//string
-Inside,
-//string
-Outside,
-}
-}
-module Chart
-{
-enum ValueType
-{
-//string
-Double,
-//string
-Category,
-//string
-DateTime,
-//string
-Logarithmic,
-}
-}
-module Chart
-{
-enum Theme
-{
-//string
-Azure,
-//string
-FlatLight,
-//string
-FlatDark,
-//string
-Azuredark,
-//string
-Lime,
-//string
-LimeDark,
-//string
-Saffron,
-//string
-SaffronDark,
-//string
-GradientLight,
-//string
-GradientDark,
-}
-}
-
-class RangeNavigator extends ej.Widget {
-	static fn: RangeNavigator;
-	constructor(element: JQuery, options?: RangeNavigator.Model);
-	constructor(element: Element, options?: RangeNavigator.Model);
-	static Locale: any;
-	model:RangeNavigator.Model;
-	defaults:RangeNavigator.Model;
-
-	/** destroy the range navigator widget
-	*   @returns {void}
-	*/
-	_destroy(): void;
-}
-export module RangeNavigator{
-
-export interface Model {
-
-	/** Toggles the placement of slider exactly on the place it left or on the nearest interval.
-	*   @Default {false}
-	*/
-	allowSnapping?: boolean;
-
-	/** Options for customizing the color, opacity and width of the chart border.
-	*/
-	border?: Border;
-
-	/** Specifies the data source for range navigator.
-	*/
-	dataSource?: any;
-
-	/** Specifies the properties used for customizing the range series.
-	*/
-	series?: Array<Series>;
-
-	/** Specifies the  properties used for customizing all the range series.
-	*/
-	seriesSettings?: Array<SeriesSetting>;
-
-	/** Toggles the redrawing of chart on moving the sliders.
-	*   @Default {true}
-	*/
-	enableDeferredUpdate?: boolean;
-
-	/** Enable the scrollbar option in the rangenavigator.
-	*   @Default {false}
-	*/
-	enableScrollbar?: boolean;
-
-	/** Enable the resize option in the rangenavigator.
-	*   @Default {false}
-	*/
-	enableAutoResizing?: boolean;
-
-	/** Toggles the direction of rendering the range navigator control.
-	*   @Default {false}
-	*/
-	enableRTL?: boolean;
-
-	/** Sets a value whether to make the range navigator responsive on resize.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Options for customizing the labels colors, font, style, size, horizontalAlignment and opacity.
-	*/
-	labelSettings?: LabelSettings;
-
-	/** This property is to specify the localization of range navigator.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Options for customizing the range navigator.
-	*/
-	navigatorStyleSettings?: NavigatorStyleSettings;
-
-	/** Padding specifies the gap between the container and the range navigator.
-	*   @Default {0}
-	*/
-	padding?: string;
-
-	/** If the range is not given explicitly, range will be calculated automatically.
-	*   @Default {none}
-	*/
-	rangePadding?: ej.datavisualization.RangeNavigator.RangePadding|string;
-
-	/** Options for customizing the starting and ending ranges.
-	*/
-	rangeSettings?: RangeSettings;
-
-	/** selectedData is for getting the data when the &quot;rangeChanged&quot; event trigger from client side.
-	*/
-	selectedData?: any;
-
-	/** Options for customizing the start and end range values.
-	*/
-	selectedRangeSettings?: SelectedRangeSettings;
-
-	/** Options for rendering scrollbar based on the start and end range values.
-	*/
-	scrollRangeSettings?: ScrollRangeSettings;
-
-	/** Contains property to customize the hight and width of range navigator.
-	*/
-	sizeSettings?: SizeSettings;
-
-	/** By specifying this property the user can change the theme of the range navigator.
-	*   @Default {null}
-	*/
-	theme?: string;
-
-	/** Options for customizing the tooltip in range navigator.
-	*/
-	tooltipSettings?: TooltipSettings;
-
-	/** Options for configuring minor grid lines, major grid lines, axis line of axis.
-	*/
-	valueAxisSettings?: ValueAxisSettings;
-
-	/** You can plot data of type date time or numeric. This property determines the type of data that this axis will handle.
-	*   @Default {datetime}
-	*/
-	valueType?: ej.datavisualization.RangeNavigator.ValueType|string;
-
-	/** Specifies the xName for dataSource. This is used to take the x values from dataSource
-	*/
-	xName?: any;
-
-	/** Specifies the yName for dataSource. This is used to take the y values from dataSource
-	*/
-	yName?: any;
-
-	/** Fires on load of range navigator. */
-	load? (e: LoadEventArgs): void;
-
-	/** Fires after range navigator is loaded. */
-	loaded? (e: LoadedEventArgs): void;
-
-	/** Fires on changing the range of range navigator. */
-	rangeChanged? (e: RangeChangedEventArgs): void;
-
-	/** Fires on changing the scrollbar position of range navigator. */
-	scrollChanged? (e: ScrollChangedEventArgs): void;
-
-	/** Fires on when starting to change the scrollbar position of range navigator. */
-	scrollStart? (e: ScrollStartEventArgs): void;
-
-	/** Fires on when starting to change the slider position of range navigator. */
-	selectedRangeStart? (e: SelectedRangeStartEventArgs): void;
-
-	/** Fires when the selection  ends in the range navigator */
-	selectedRangeEnd? (e: SelectedRangeEndEventArgs): void;
-
-	/** Fires on changes ending the scrollbar position of range navigator. */
-	scrollEnd? (e: ScrollEndEventArgs): void;
-}
-
-export interface LoadEventArgs {
-
-	/** parameters from range navigator
-	*/
-	Data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the range navigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadedEventArgs {
-
-	/** parameters from range navigator
-	*/
-	Data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the range navigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface RangeChangedEventArgs {
-
-	/** parameters from range navigator
-	*/
-	Data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the range navigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ScrollChangedEventArgs {
-
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
-
-	/** returns the scrollbar position old start and end range value on changing scrollbar
-	*/
-	dataoldRange?: any;
-
-	/** returns the scrollbar position new start and end range value on changing scrollbar
-	*/
-	datanewRange?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ScrollStartEventArgs {
-
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
-
-	/** returns the scrollbar position starting range value on changing scrollbar
-	*/
-	datastartRange?: string;
-
-	/** returns the scrollbar position end range value on changing scrollbar
-	*/
-	dataendRange?: string;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface SelectedRangeStartEventArgs {
-
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface SelectedRangeEndEventArgs {
-
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface ScrollEndEventArgs {
-
-	/** parameters from RangeNavigator
-	*/
-	data?: any;
-
-	/** returns the scrollbar position old start and end range value on change end of scrollbar
-	*/
-	dataoldRange?: any;
-
-	/** returns the scrollbar position new start and end range value on change end of scrollbar
-	*/
-	datanewRange?: any;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the RangeNavigator model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-}
-
-export interface Border {
-
-	/** Border color of rangenavigator. When enable the scrollbar, the default color will be set as &quot;#B4B4B4&quot;.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Opacity of the rangeNavigator border.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Width of the RangeNavigator border.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface Series {
-
-	/** Name of the property in the datasource that contains x value for the series.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Name of the property in the datasource that contains y value for the series.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Specifies the type of the series to render in chart.
-	*   @Default {column. see Type}
-	*/
-	type?: ej.datavisualization.RangeNavigator.Type|string;
-
-	/** Enable/disable the animation of series.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Fill color of the series.
-	*   @Default {null}
-	*/
-	fill?: string;
-}
-
-export interface SeriesSetting {
-
-	/** Name of the property in the datasource that contains x value for the series.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Name of the property in the datasource that contains y value for the series.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Specifies the type of the series to render in chart.
-	*   @Default {column. see Type}
-	*/
-	type?: ej.datavisualization.RangeNavigator.Type|string;
-
-	/** Enable/disable the animation of series.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Fill color of the series.
-	*   @Default {null}
-	*/
-	fill?: string;
-}
-
-export interface LabelSettingsHigherLevelBorder {
-
-	/** Specifies the border color of grid lines.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Specifies the border width of grid lines.
-	*   @Default {0.5}
-	*/
-	width?: string;
-}
-
-export interface LabelSettingsHigherLevelGridLineStyle {
-
-	/** Specifies the color of grid lines in higher level.
-	*   @Default {#B5B5B5}
-	*/
-	color?: string;
-
-	/** Specifies the dashArray of grid lines in higher level.
-	*   @Default {20 5 0}
-	*/
-	dashArray?: string;
-
-	/** Specifies the width of grid lines in higher level.
-	*   @Default {#B5B5B5}
-	*/
-	width?: string;
-}
-
-export interface LabelSettingsHigherLevelStyleFont {
-
-	/** Specifies the label font color. Labels render with the specified font color.
-	*   @Default {black}
-	*/
-	color?: string;
-
-	/** Specifies the label font family. Labels render with the specified font family.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the label font style. Labels render with the specified font style.
-	*   @Default {Normal}
-	*/
-	fontStyle?: string;
-
-	/** Specifies the label font weight. Labels render with the specified font weight.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Specifies the label opacity. Labels render with the specified opacity.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the label font size. Labels render with the specified font size.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface LabelSettingsHigherLevelStyle {
-
-	/** Options for customizing the font properties.
-	*/
-	font?: LabelSettingsHigherLevelStyleFont;
-
-	/** Specifies the horizontal text alignment of the text in label.
-	*   @Default {middle}
-	*/
-	horizontalAlignment?: string;
-}
-
-export interface LabelSettingsHigherLevel {
-
-	/** Options for customizing the border of grid lines in higher level.
-	*/
-	border?: LabelSettingsHigherLevelBorder;
-
-	/** Specifies the fill color of higher level labels.
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Options for customizing the grid line colors, width, dashArray, border.
-	*/
-	gridLineStyle?: LabelSettingsHigherLevelGridLineStyle;
-
-	/** Specifies the intervalType for higher level labels. See 
-	*   @Default {auto}
-	*/
-	intervalType?: ej.datavisualization.RangeNavigator.IntervalType|string;
-
-	/** Specifies the position of the labels to render either inside or outside of plot area
-	*   @Default {outside}
-	*/
-	labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement|string;
-
-	/** Specifies the position of the labels in higher level
-	*   @Default {top}
-	*/
-	position?: ej.datavisualization.RangeNavigator.Position|string;
-
-	/** Options for customizing the style of higher level labels.
-	*/
-	style?: LabelSettingsHigherLevelStyle;
-
-	/** Toggles the visibility of higher level labels.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface LabelSettingsLowerLevelBorder {
-
-	/** Specifies the border color of grid lines.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Specifies the border width of grid lines.
-	*   @Default {0.5}
-	*/
-	width?: string;
-}
-
-export interface LabelSettingsLowerLevelGridLineStyle {
-
-	/** Specifies the color of grid lines in lower level.
-	*   @Default {#B5B5B5}
-	*/
-	color?: string;
-
-	/** Specifies the dashArray of gridLines in lowerLevel.
-	*   @Default {20 5 0}
-	*/
-	dashArray?: string;
-
-	/** Specifies the width of grid lines in lower level.
-	*   @Default {#B5B5B5}
-	*/
-	width?: string;
-}
-
-export interface LabelSettingsLowerLevelStyleFont {
-
-	/** Specifies the color of labels. Label text render in this specified color.
-	*   @Default {black}
-	*/
-	color?: string;
-
-	/** Specifies the font family of labels. Label text render in this specified font family.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font style of labels. Label text render in this specified font style.
-	*   @Default {Normal}
-	*/
-	fontStyle?: string;
-
-	/** Specifies the font weight of labels. Label text render in this specified font weight.
-	*   @Default {regular}
-	*/
-	fontWeight?: string;
-
-	/** Specifies the opacity of labels. Label text render in this specified opacity.
-	*   @Default {12px}
-	*/
-	opacity?: string;
-
-	/** Specifies the size of labels. Label text render in this specified size.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface LabelSettingsLowerLevelStyle {
-
-	/** Options for customizing the font of labels.
-	*/
-	font?: LabelSettingsLowerLevelStyleFont;
-
-	/** Specifies the horizontal text alignment of the text in label.
-	*   @Default {middle}
-	*/
-	horizontalAlignment?: string;
-}
-
-export interface LabelSettingsLowerLevel {
-
-	/** Options for customizing the border of grid lines in lower level.
-	*/
-	border?: LabelSettingsLowerLevelBorder;
-
-	/** Specifies the fill color of labels in lower level.
-	*   @Default {transparent}
-	*/
-	fill?: string;
-
-	/** Options for customizing the grid lines in lower level.
-	*/
-	gridLineStyle?: LabelSettingsLowerLevelGridLineStyle;
-
-	/** Specifies the intervalType of the labels in lower level.See IntervalType
-	*   @Default {auto}
-	*/
-	intervalType?: ej.datavisualization.RangeNavigator.IntervalType|string;
-
-	/** Specifies the position of the labels to render either inside or outside of plot area. See LabelPlacement
-	*   @Default {outside}
-	*/
-	labelPlacement?: ej.datavisualization.RangeNavigator.LabelPlacement|string;
-
-	/** Specifies the position of the labels in lower level.See Position
-	*   @Default {bottom}
-	*/
-	position?: ej.datavisualization.RangeNavigator.Position|string;
-
-	/** Options for customizing the style of labels.
-	*/
-	style?: LabelSettingsLowerLevelStyle;
-
-	/** Toggles the visibility of labels in lower level.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface LabelSettingsStyleFont {
-
-	/** Specifies the label color. This color is applied to the labels in range navigator.
-	*   @Default {#333333}
-	*/
-	color?: string;
-
-	/** Specifies the label font family. Labels render with the specified font family.
-	*   @Default {Segoe UI}
-	*/
-	family?: string;
-
-	/** Specifies the label font opacity. Labels render with the specified font opacity.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the label font size. Labels render with the specified font size.
-	*   @Default {1px}
-	*/
-	size?: string;
-
-	/** Specifies the label font style. Labels render with the specified font style..
-	*   @Default {Normal}
-	*/
-	style?: ej.datavisualization.RangeNavigator.FontStyle|string;
-
-	/** Specifies the label font weight
-	*   @Default {regular}
-	*/
-	weight?: ej.datavisualization.RangeNavigator.FontWeight|string;
-}
-
-export interface LabelSettingsStyle {
-
-	/** Options for customizing the font of labels in range navigator.
-	*/
-	font?: LabelSettingsStyleFont;
-
-	/** Specifies the horizontalAlignment of the label in RangeNavigator
-	*   @Default {middle}
-	*/
-	horizontalAlignment?: ej.datavisualization.RangeNavigator.HorizontalAlignment|string;
-}
-
-export interface LabelSettings {
-
-	/** Options for customizing the higher level labels in range navigator.
-	*/
-	higherLevel?: LabelSettingsHigherLevel;
-
-	/** Options for customizing the labels in lower level.
-	*/
-	lowerLevel?: LabelSettingsLowerLevel;
-
-	/** Options for customizing the style of labels in range navigator.
-	*/
-	style?: LabelSettingsStyle;
-}
-
-export interface NavigatorStyleSettingsBorder {
-
-	/** Specifies the border color of range navigator.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Specifies the dash array of range navigator.
-	*   @Default {null}
-	*/
-	dashArray?: string;
-
-	/** Specifies the border width of range navigator.
-	*   @Default {0.5}
-	*/
-	width?: number;
-}
-
-export interface NavigatorStyleSettingsMajorGridLineStyle {
-
-	/** Specifies the color of major grid lines in range navigator.
-	*   @Default {#B5B5B5}
-	*/
-	color?: string;
-
-	/** Toggles the visibility of major grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface NavigatorStyleSettingsMinorGridLineStyle {
-
-	/** Specifies the color of minor grid lines in range navigator.
-	*   @Default {#B5B5B5}
-	*/
-	color?: string;
-
-	/** Toggles the visibility of minor grid lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface NavigatorStyleSettingsHighlightSettingsBorder {
-
-	/** To set the border color to the highlight.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** To set the border width to the highlight.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface NavigatorStyleSettingsHighlightSettings {
-
-	/** Enable the highlight settings in range navigator.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** To set the color to the highlight.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** To set the opacity to the highlight.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-
-	/** Contains the border properties for highlighting rectangle.
-	*/
-	border?: NavigatorStyleSettingsHighlightSettingsBorder;
-}
-
-export interface NavigatorStyleSettingsSelectionSettingsBorder {
-
-	/** To set the border color to the selection.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** To set the border width to the selection.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface NavigatorStyleSettingsSelectionSettings {
-
-	/** Enable the selection settings in range navigator.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** To set the color to the selection.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** To set the opacity to the selection.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-
-	/** Contains the border properties for selecting the rectangle.
-	*/
-	border?: NavigatorStyleSettingsSelectionSettingsBorder;
-}
-
-export interface NavigatorStyleSettings {
-
-	/** Specifies the background color of range navigator.
-	*   @Default {#dddddd}
-	*/
-	background?: string;
-
-	/** Options for customizing the border color and width of range navigator.
-	*/
-	border?: NavigatorStyleSettingsBorder;
-
-	/** Specifies the left side thumb template in range navigator we can give either div id or HTML string
-	*   @Default {null}
-	*/
-	leftThumbTemplate?: string;
-
-	/** Options for customizing the major grid lines.
-	*/
-	majorGridLineStyle?: NavigatorStyleSettingsMajorGridLineStyle;
-
-	/** Options for customizing the minor grid lines.
-	*/
-	minorGridLineStyle?: NavigatorStyleSettingsMinorGridLineStyle;
-
-	/** Specifies the opacity of RangeNavigator.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the right side thumb template in range navigator we can give either div id or HTML string
-	*   @Default {null}
-	*/
-	rightThumbTemplate?: string;
-
-	/** Specifies the color of the selected region in range navigator.
-	*   @Default {#EFEFEF}
-	*/
-	selectedRegionColor?: string;
-
-	/** Specifies the opacity of Selected Region.
-	*   @Default {0}
-	*/
-	selectedRegionOpacity?: number;
-
-	/** Specifies the color of the thumb in range navigator.
-	*   @Default {#2382C3}
-	*/
-	thumbColor?: string;
-
-	/** Specifies the radius of the thumb in range navigator.
-	*   @Default {10}
-	*/
-	thumbRadius?: number;
-
-	/** Specifies the stroke color of the thumb in range navigator.
-	*   @Default {#303030}
-	*/
-	thumbStroke?: string;
-
-	/** Specifies the color of the unselected region in range navigator.
-	*   @Default {#5EABDE}
-	*/
-	unselectedRegionColor?: string;
-
-	/** Specifies the opacity of Unselected Region.
-	*   @Default {0.3}
-	*/
-	unselectedRegionOpacity?: number;
-
-	/** Contains the options for highlighting the range navigator on mouse over.
-	*/
-	highlightSettings?: NavigatorStyleSettingsHighlightSettings;
-
-	/** Contains the options for selection the range navigator on mouse over.
-	*/
-	selectionSettings?: NavigatorStyleSettingsSelectionSettings;
-}
-
-export interface RangeSettings {
-
-	/** Specifies the ending range of range navigator.
-	*   @Default {null}
-	*/
-	end?: string;
-
-	/** Specifies the starting range of range navigator.
-	*   @Default {null}
-	*/
-	start?: string;
-}
-
-export interface SelectedRangeSettings {
-
-	/** Specifies the ending range of range navigator.
-	*   @Default {null}
-	*/
-	end?: string;
-
-	/** Specifies the starting range of range navigator.
-	*   @Default {null}
-	*/
-	start?: string;
-}
-
-export interface ScrollRangeSettings {
-
-	/** Specifies the ending range of range navigator scrollbar and that should be greater than the rangenavigator datasource end value.
-	*   @Default {null}
-	*/
-	end?: string;
-
-	/** Specifies the starting range of range navigator scrollbar and that should be less than the rangenavigator datasource start value.
-	*   @Default {null}
-	*/
-	start?: string;
-}
-
-export interface SizeSettings {
-
-	/** Specifies height of the range navigator.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Specifies width of the range navigator.
-	*   @Default {null}
-	*/
-	width?: string;
-}
-
-export interface TooltipSettingsFont {
-
-	/** Specifies the color of text in tooltip. Tooltip text render in the specified color.
-	*   @Default {#FFFFFF}
-	*/
-	color?: string;
-
-	/** Specifies the font family of text in tooltip. Tooltip text render in the specified font family.
-	*   @Default {Segoe UI}
-	*/
-	family?: string;
-
-	/** Specifies the font style of text in tooltip. Tooltip text render in the specified font style.
-	*   @Default {ej.datavisualization.RangeNavigator.fontStyle.Normal}
-	*/
-	fontStyle?: string;
-
-	/** Specifies the opacity of text in tooltip. Tooltip text render in the specified opacity.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the size of text in tooltip. Tooltip text render in the specified size.
-	*   @Default {10px}
-	*/
-	size?: string;
-
-	/** Specifies the weight of text in tooltip. Tooltip text render in the specified weight.
-	*   @Default {ej.datavisualization.RangeNavigator.weight.Regular}
-	*/
-	weight?: string;
-}
-
-export interface TooltipSettings {
-
-	/** Specifies the background color of tooltip.
-	*   @Default {#303030}
-	*/
-	backgroundColor?: string;
-
-	/** Options for customizing the font in tooltip.
-	*/
-	font?: TooltipSettingsFont;
-
-	/** Specifies the format of text to be displayed in tooltip.
-	*   @Default {MM/dd/yyyy}
-	*/
-	labelFormat?: string;
-
-	/** Specifies the mode of displaying the tooltip. Neither to display the tooltip always nor on demand.
-	*   @Default {null}
-	*/
-	tooltipDisplayMode?: string;
-
-	/** Toggles the visibility of tooltip.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface ValueAxisSettingsAxisLine {
-
-	/** Toggles the visibility of axis line.
-	*   @Default {none}
-	*/
-	visible?: string;
-}
-
-export interface ValueAxisSettingsFont {
-
-	/** Text in axis render with the specified size.
-	*   @Default {0px}
-	*/
-	size?: string;
-}
-
-export interface ValueAxisSettingsMajorGridLines {
-
-	/** Toggles the visibility of major grid lines.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface ValueAxisSettingsMajorTickLines {
-
-	/** Specifies the size of the majorTickLines in range navigator
-	*   @Default {0}
-	*/
-	size?: number;
-
-	/** Toggles the visibility of major tick lines.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Specifies width of the major tick lines.
-	*   @Default {0}
-	*/
-	width?: number;
-}
-
-export interface ValueAxisSettingsRange {
-
-	/** Default Value
-	*   @Default {null}
-	*/
-	min?: number;
-
-	/** Default Value
-	*   @Default {null}
-	*/
-	max?: number;
-
-	/** Default Value
-	*   @Default {null}
-	*/
-	interval?: number;
-}
-
-export interface ValueAxisSettings {
-
-	/** Options for customizing the axis line.
-	*/
-	axisLine?: ValueAxisSettingsAxisLine;
-
-	/** Options for customizing the font of the axis.
-	*/
-	font?: ValueAxisSettingsFont;
-
-	/** Options for customizing the major grid lines.
-	*/
-	majorGridLines?: ValueAxisSettingsMajorGridLines;
-
-	/** Options for customizing the major tick lines in axis.
-	*/
-	majorTickLines?: ValueAxisSettingsMajorTickLines;
-
-	/** You can customize the range of the axis by setting minimum , maximum and interval.
-	*/
-	range?: ValueAxisSettingsRange;
-
-	/** If the range is not given explicitly, range will be calculated automatically. You can customize the automatic range calculation using rangePadding.
-	*   @Default {none}
-	*/
-	rangePadding?: string;
-
-	/** Toggles the visibility of axis in range navigator.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-}
-module RangeNavigator
-{
-enum Type
-{
-//string
-Area,
-//string
-Line,
-//string
-Spline,
-//string
-StepArea,
-//string
-SplineArea,
-//string
-StepLine,
-}
-}
-module RangeNavigator
-{
-enum IntervalType
-{
-//string
-Years,
-//string
-Quarters,
-//string
-Months,
-//string
-Weeks,
-//string
-Days,
-//string
-Hours,
-//string
-Minutes,
-}
-}
-module RangeNavigator
-{
-enum LabelPlacement
-{
-//string
-Inside,
-//string
-Outside,
-}
-}
-module RangeNavigator
-{
-enum Position
-{
-//string
-Top,
-//string
-Bottom,
-}
-}
-module RangeNavigator
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Bold,
-//string
-Italic,
-}
-}
-module RangeNavigator
-{
-enum FontWeight
-{
-//string
-Regular,
-//string
-Lighter,
-}
-}
-module RangeNavigator
-{
-enum HorizontalAlignment
-{
-//string
-Middle,
-//string
-Left,
-//string
-Right,
-}
-}
-module RangeNavigator
-{
-enum RangePadding
-{
-//string
-Additional,
-//string
-Normal,
-//string
-None,
-//string
-Round,
-}
-}
-module RangeNavigator
-{
-enum ValueType
-{
-//string
-Numeric,
-//string
-DateTime,
-}
-}
-
-class BulletGraph extends ej.Widget {
-	static fn: BulletGraph;
-	constructor(element: JQuery, options?: BulletGraph.Model);
-	constructor(element: Element, options?: BulletGraph.Model);
-	static Locale: any;
-	model:BulletGraph.Model;
-	defaults:BulletGraph.Model;
-
-	/** To destroy the bullet graph
-	*   @returns {void}
-	*/
-	destroy(): void;
-
-	/** To redraw the bullet graph
-	*   @returns {void}
-	*/
-	redraw(): void;
-
-	/** To set the value for comparative measure in bullet graph.
-	*   @returns {void}
-	*/
-	setComparativeMeasureSymbol(): void;
-
-	/** To set the value for feature measure bar.
-	*   @returns {void}
-	*/
-	setFeatureMeasureBarValue(): void;
-}
-export module BulletGraph{
-
-export interface Model {
-
-	/** Toggles the visibility of the range stroke color of the labels.
-	*   @Default {false}
-	*/
-	applyRangeStrokeToLabels?: boolean;
-
-	/** Toggles the visibility of the range stroke color of the ticks.
-	*   @Default {false}
-	*/
-	applyRangeStrokeToTicks?: boolean;
-
-	/** Contains property to customize the caption in bullet graph.
-	*/
-	captionSettings?: CaptionSettings;
-
-	/** Comparative measure bar in bullet graph render till the specified value.
-	*   @Default {0}
-	*/
-	comparativeMeasureValue?: number;
-
-	/** Toggles the animation of bullet graph.
-	*   @Default {true}
-	*/
-	enableAnimation?: boolean;
-
-	/** Controls whether bullet graph has to be responsive while resizing.
-	*   @Default {true}
-	*/
-	enableResizing?: boolean;
-
-	/** Specifies the direction of flow in bullet graph. Neither it may be backward nor forward. 
-	*   @Default {forward}
-	*/
-	flowDirection?: ej.datavisualization.BulletGraph.FlowDirection|string;
-
-	/** Specifies the height of the bullet graph.
-	*   @Default {90}
-	*/
-	height?: number;
-
-	/** Sets a value whether to make the bullet graph responsive on resize.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies to convert the date object to string, using locale settings.
-	*   @Default {false}
-	*/
-	enableGroupSeparator?: boolean;
-
-	/** Name of the culture based on which bulletgraph should be localized.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Bullet graph will render in the specified orientation.
-	*   @Default {horizontal}
-	*/
-	orientation?: ej.datavisualization.BulletGraph.Orientation|string;
-
-	/** Contains property to customize the qualitative ranges.
-	*/
-	qualitativeRanges?: Array<QualitativeRange>;
-
-	/** Size of the qualitative range depends up on the specified value.
-	*   @Default {32}
-	*/
-	qualitativeRangeSize?: number;
-
-	/** Length of the quantitative range depends up on the specified value.
-	*   @Default {475}
-	*/
-	quantitativeScaleLength?: number;
-
-	/** Contains all the properties to customize quantitative scale.
-	*/
-	quantitativeScaleSettings?: QuantitativeScaleSettings;
-
-	/** By specifying this property the user can change the theme of the bullet graph.
-	*   @Default {flatlight}
-	*/
-	theme?: string;
-
-	/** Contains all the properties to customize tooltip.
-	*/
-	tooltipSettings?: TooltipSettings;
-
-	/** Feature measure bar in bullet graph render till the specified value.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Specifies the width of the bullet graph.
-	*   @Default {595}
-	*/
-	width?: number;
-
-	/** Fires on rendering the caption of bullet graph. */
-	drawCaption? (e: DrawCaptionEventArgs): void;
-
-	/** Fires on rendering the category. */
-	drawCategory? (e: DrawCategoryEventArgs): void;
-
-	/** Fires on rendering the comparative measure symbol. */
-	drawComparativeMeasureSymbol? (e: DrawComparativeMeasureSymbolEventArgs): void;
-
-	/** Fires on rendering the feature measure bar. */
-	drawFeatureMeasureBar? (e: DrawFeatureMeasureBarEventArgs): void;
-
-	/** Fires on rendering the indicator of bullet graph. */
-	drawIndicator? (e: DrawIndicatorEventArgs): void;
-
-	/** Fires on rendering the labels. */
-	drawLabels? (e: DrawLabelsEventArgs): void;
-
-	/** Fires on rendering the ticks. */
-	drawTicks? (e: DrawTicksEventArgs): void;
-
-	/** Fires on rendering the qualitative ranges. */
-	drawQualitativeRanges? (e: DrawQualitativeRangesEventArgs): void;
-
-	/** Fires on loading bullet graph. */
-	load? (e: LoadEventArgs): void;
-}
-
-export interface DrawCaptionEventArgs {
-
-	/** returns the object of the bullet graph.
-	*/
-	Object?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: HTMLElement;
-
-	/** returns the current captionSettings element.
-	*/
-	captionElement?: HTMLElement;
-
-	/** returns the type of the captionSettings.
-	*/
-	captionType?: string;
-}
-
-export interface DrawCategoryEventArgs {
-
-	/** returns the object of the bullet graph.
-	*/
-	Object?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: HTMLElement;
-
-	/** returns the options of category element.
-	*/
-	categoryElement?: HTMLElement;
-
-	/** returns the text value of the category that is drawn.
-	*/
-	Value?: string;
-}
-
-export interface DrawComparativeMeasureSymbolEventArgs {
-
-	/** returns the object of the bullet graph.
-	*/
-	Object?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: HTMLElement;
-
-	/** returns the options of comparative measure element.
-	*/
-	targetElement?: HTMLElement;
-
-	/** returns the value of the comparative measure symbol.
-	*/
-	Value?: number;
-}
-
-export interface DrawFeatureMeasureBarEventArgs {
-
-	/** returns the object of the bullet graph.
-	*/
-	Object?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: HTMLElement;
-
-	/** returns the options of feature measure element.
-	*/
-	currentElement?: HTMLElement;
-
-	/** returns the value of the feature measure bar.
-	*/
-	Value?: number;
-}
-
-export interface DrawIndicatorEventArgs {
-
-	/** returns an object to customize bullet graph indicator text and symbol before rendering it.
-	*/
-	indicatorSettings?: any;
-
-	/** returns the object of bullet graph.
-	*/
-	model?: any;
-
-	/** returns the type of event.
-	*/
-	type?: string;
-
-	/** for canceling the event.
-	*/
-	cancel?: boolean;
-}
-
-export interface DrawLabelsEventArgs {
-
-	/** returns the object of the bullet graph.
-	*/
-	Object?: any;
-
-	/** returns the options of the scale element.
-	*/
-	scaleElement?: HTMLElement;
-
-	/** returns the current label element.
-	*/
-	tickElement?: HTMLElement;
-
-	/** returns the label type.
-	*/
-	labelType?: string;
-}
-
-export interface DrawTicksEventArgs {
-
-	/** returns the model of the bullet graph.
-	*/
-	model?: any;
-
-	/** returns the name of the event.
-	*/
-	type?: string;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the settings for majorTicks.
-	*/
-	majorTickSettings?: any;
-
-	/** returns the settings for minorTicks.
-	*/
-	minorTickSettings?: any;
-
-	/** returns the maximum value.
-	*/
-	maximum?: number;
-
-	/** returns the minimum value.
-	*/
-	minimum?: number;
-
-	/** returns the interval value.
-	*/
-	interval?: number;
-
-	/** returns the value of minorTicksPerInterval.
-	*/
-	minorTickPerInterval?: number;
-}
-
-export interface DrawQualitativeRangesEventArgs {
-
-	/** returns the object of the bullet graph.
-	*/
-	Object?: any;
-
-	/** returns the index of current range.
-	*/
-	rangeIndex?: number;
-
-	/** returns the settings for current range.
-	*/
-	rangeOptions?: any;
-
-	/** returns the end value of current range.
-	*/
-	rangeEndValue?: number;
-}
-
-export interface LoadEventArgs {
-
-	/** returns the model of the bullet graph.
-	*/
-	model?: any;
-
-	/** returns the name of the event.
-	*/
-	type?: string;
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-}
-
-export interface CaptionSettingsFont {
-
-	/** Specifies the color of the text in caption.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the fontFamily of caption. Caption text render with this fontFamily
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle of caption
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
-
-	/** Specifies the fontWeight of caption
-	*   @Default {regular}
-	*/
-	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
-
-	/** Specifies the opacity of caption. Caption text render with this opacity.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the size of caption. Caption text render with this size
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface CaptionSettingsIndicatorFont {
-
-	/** Specifies the color of the indicator's text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the fontFamily of indicator. Indicator text render with this fontFamily.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle of indicator. Indicator text render with this fontStyle. See FontStyle
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
-
-	/** Specifies the fontWeight of indicator. Indicator text render with this fontWeight. See FontWeight
-	*   @Default {regular}
-	*/
-	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
-
-	/** Specifies the opacity of indicator text. Indicator text render with this Opacity.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the size of indicator. Indicator text render with this size.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface CaptionSettingsIndicatorLocation {
-
-	/** Specifies the horizontal position of the indicator.
-	*   @Default {10}
-	*/
-	x?: number;
-
-	/** Specifies the vertical position of the indicator.
-	*   @Default {60}
-	*/
-	y?: number;
-}
-
-export interface CaptionSettingsIndicatorSymbolBorder {
-
-	/** Specifies the border color of indicator symbol.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the border width of indicator symbol.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface CaptionSettingsIndicatorSymbolSize {
-
-	/** Specifies the height of indicator symbol.
-	*   @Default {10}
-	*/
-	height?: number;
-
-	/** Specifies the width of indicator symbol.
-	*   @Default {10}
-	*/
-	width?: number;
-}
-
-export interface CaptionSettingsIndicatorSymbol {
-
-	/** Contains property to customize the border of indicator symbol.
-	*/
-	border?: CaptionSettingsIndicatorSymbolBorder;
-
-	/** Specifies the color of indicator symbol.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the URL of image that represents indicator symbol.
-	*/
-	imageURL?: string;
-
-	/** Specifies the opacity of indicator symbol.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the shape of indicator symbol.
-	*/
-	shape?: string;
-
-	/** Contains property to customize the size of indicator symbol.
-	*/
-	size?: CaptionSettingsIndicatorSymbolSize;
-}
-
-export interface CaptionSettingsIndicator {
-
-	/** Contains property to customize the font of indicator.
-	*/
-	font?: CaptionSettingsIndicatorFont;
-
-	/** Contains property to customize the location of indicator.
-	*/
-	location?: CaptionSettingsIndicatorLocation;
-
-	/** Specifies the padding to be applied when text position is used.
-	*   @Default {2}
-	*/
-	padding?: number;
-
-	/** Contains property to customize the symbol of indicator.
-	*/
-	symbol?: CaptionSettingsIndicatorSymbol;
-
-	/** Specifies the text to be displayed as indicator text. By default difference between current value and target will be displayed
-	*/
-	text?: string;
-
-	/** Specifies the alignment of indicator with respect to scale based on text position
-	*   @Default {'Near'}
-	*/
-	textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
-
-	/** Specifies where indicator text should be anchored when indicator overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
-	*   @Default {'start'}
-	*/
-	textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
-
-	/** indicator text render in the specified angle.
-	*   @Default {0}
-	*/
-	textAngle?: number;
-
-	/** Specifies where indicator should be placed
-	*   @Default {'float'}
-	*/
-	textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
-
-	/** Specifies the space between indicator symbol and text.
-	*   @Default {3}
-	*/
-	textSpacing?: number;
-
-	/** Specifies whether indicator will be visible or not.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-}
-
-export interface CaptionSettingsLocation {
-
-	/** Specifies the position in horizontal direction
-	*   @Default {17}
-	*/
-	x?: number;
-
-	/** Specifies the position in horizontal direction
-	*   @Default {30}
-	*/
-	y?: number;
-}
-
-export interface CaptionSettingsSubTitleFont {
-
-	/** Specifies the color of the subtitle's text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the fontFamily of subtitle. Subtitle text render with this fontFamily.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle of subtitle. Subtitle text render with this fontStyle. See FontStyle
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
-
-	/** Specifies the fontWeight of subtitle. Subtitle text render with this fontWeight. See FontWeight
-	*   @Default {regular}
-	*/
-	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
-
-	/** Specifies the opacity of subtitle. Subtitle text render with this opacity.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Specifies the size of subtitle. Subtitle text render with this size.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface CaptionSettingsSubTitleLocation {
-
-	/** Specifies the horizontal position of the subtitle.
-	*   @Default {10}
-	*/
-	x?: number;
-
-	/** Specifies the vertical position of the subtitle.
-	*   @Default {45}
-	*/
-	y?: number;
-}
-
-export interface CaptionSettingsSubTitle {
-
-	/** Contains property to customize the font of subtitle.
-	*/
-	font?: CaptionSettingsSubTitleFont;
-
-	/** Contains property to customize the location of subtitle.
-	*/
-	location?: CaptionSettingsSubTitleLocation;
-
-	/** Specifies the padding to be applied when text position is used.
-	*   @Default {5}
-	*/
-	padding?: number;
-
-	/** Specifies the text to be displayed as subtitle.
-	*/
-	text?: string;
-
-	/** Specifies the alignment of sub title text with respect to scale. Alignment will not be applied in float position.
-	*   @Default {'Near'}
-	*/
-	textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
-
-	/** Specifies where subtitle text should be anchored when sub title text overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
-	*   @Default {'start'}
-	*/
-	textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
-
-	/** Subtitle render in the specified angle.
-	*   @Default {0}
-	*/
-	textAngle?: number;
-
-	/** Specifies where sub title text should be placed.
-	*   @Default {'float'}
-	*/
-	textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
-}
-
-export interface CaptionSettings {
-
-	/** Specifies whether trim the labels will be true or false.
-	*   @Default {true}
-	*/
-	enableTrim?: boolean;
-
-	/** Contains property to customize the font of caption.
-	*/
-	font?: CaptionSettingsFont;
-
-	/** Contains property to customize the indicator.
-	*/
-	indicator?: CaptionSettingsIndicator;
-
-	/** Contains property to customize the location.
-	*/
-	location?: CaptionSettingsLocation;
-
-	/** Specifies the padding to be applied when text position is used.
-	*   @Default {5}
-	*/
-	padding?: number;
-
-	/** Contains property to customize the subtitle.
-	*/
-	subTitle?: CaptionSettingsSubTitle;
-
-	/** Specifies the text to be displayed on bullet graph.
-	*/
-	text?: string;
-
-	/** Specifies the alignment of caption text with respect to scale. This property will not be applied when text position is float.
-	*   @Default {'Near'}
-	*/
-	textAlignment?: ej.datavisualization.BulletGraph.TextAlignment|string;
-
-	/** Specifies caption text anchoring when caption text overlaps with other caption group text. Text will be anchored when overlapping caption group text are at same position. Anchoring is not applicable for float position.
-	*   @Default {'start'}
-	*/
-	textAnchor?: ej.datavisualization.BulletGraph.TextAnchor|string;
-
-	/** Specifies the angel in which the caption is rendered.
-	*   @Default {0}
-	*/
-	textAngle?: number;
-
-	/** Specifies how caption text should be placed.
-	*   @Default {'float'}
-	*/
-	textPosition?: ej.datavisualization.BulletGraph.TextPosition|string;
-}
-
-export interface QualitativeRange {
-
-	/** Specifies the ending range to which the qualitative ranges will render.
-	*   @Default {3}
-	*/
-	rangeEnd?: number;
-
-	/** Specifies the opacity for the qualitative ranges.
-	*   @Default {1}
-	*/
-	rangeOpacity?: number;
-
-	/** Specifies the stroke for the qualitative ranges.
-	*   @Default {null}
-	*/
-	rangeStroke?: string;
-}
-
-export interface QuantitativeScaleSettingsComparativeMeasureSettings {
-
-	/** Specifies the stroke of the comparative measure.
-	*   @Default {null}
-	*/
-	stroke?: number;
-
-	/** Specifies the width of the comparative measure.
-	*   @Default {5}
-	*/
-	width?: number;
-}
-
-export interface QuantitativeScaleSettingsFeaturedMeasureSettings {
-
-	/** Specifies the Stroke of the featured measure in bullet graph.
-	*   @Default {null}
-	*/
-	stroke?: number;
-
-	/** Specifies the width of the featured measure in bullet graph.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface QuantitativeScaleSettingsFeatureMeasure {
-
-	/** Specifies the category of feature measure.
-	*   @Default {null}
-	*/
-	category?: string;
-
-	/** Comparative measure render till the specified value.
-	*   @Default {null}
-	*/
-	comparativeMeasureValue?: number;
-
-	/** Feature measure render till the specified value.
-	*   @Default {null}
-	*/
-	value?: number;
-}
-
-export interface QuantitativeScaleSettingsFields {
-
-	/** Specifies the category of the bullet graph.
-	*   @Default {null}
-	*/
-	category?: string;
-
-	/** Comparative measure render based on the values in the specified field.
-	*   @Default {null}
-	*/
-	comparativeMeasure?: string;
-
-	/** Specifies the dataSource for the bullet graph.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Feature measure render based on the values in the specified field.
-	*   @Default {null}
-	*/
-	featureMeasures?: string;
-
-	/** Specifies the query for fetching the values form data source to render the bullet graph.
-	*   @Default {null}
-	*/
-	query?: string;
-
-	/** Specifies the name of the table.
-	*   @Default {null}
-	*/
-	tableName?: string;
-}
-
-export interface QuantitativeScaleSettingsLabelSettingsFont {
-
-	/** Specifies the fontFamily of labels in bullet graph. Labels render with this fontFamily.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the fontStyle of labels in bullet graph. Labels render with this fontStyle. See FontStyle
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.BulletGraph.FontStyle|string;
-
-	/** Specifies the fontWeight of labels in bullet graph. Labels render with this fontWeight. See FontWeight
-	*   @Default {regular}
-	*/
-	fontWeight?: ej.datavisualization.BulletGraph.FontWeight|string;
-
-	/** Specifies the opacity of labels in bullet graph. Labels render with this opacity
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface QuantitativeScaleSettingsLabelSettings {
-
-	/** Contains property to customize the font of the labels in bullet graph.
-	*/
-	font?: QuantitativeScaleSettingsLabelSettingsFont;
-
-	/** Specifies the placement of labels in bullet graph scale.
-	*   @Default {outside}
-	*/
-	labelPlacement?: ej.datavisualization.BulletGraph.LabelPlacement|string;
-
-	/** Specifies the prefix to be added with labels in bullet graph.
-	*   @Default {Empty string}
-	*/
-	labelPrefix?: string;
-
-	/** Specifies the suffix to be added after labels in bullet graph.
-	*   @Default {Empty string}
-	*/
-	labelSuffix?: string;
-
-	/** Specifies the horizontal/vertical padding of labels.
-	*   @Default {15}
-	*/
-	offset?: number;
-
-	/** Specifies the position of the labels to render either above or below the graph. See 
-	*   @Default {below}
-	*/
-	position?: ej.datavisualization.BulletGraph.LabelPosition|string;
-
-	/** Specifies the Size of the labels.
-	*   @Default {12}
-	*/
-	size?: number;
-
-	/** Specifies the stroke color of the labels in bullet graph.
-	*   @Default {null}
-	*/
-	stroke?: string;
-}
-
-export interface QuantitativeScaleSettingsLocation {
-
-	/** This property specifies the x position for rendering quantitative scale.
-	*   @Default {10}
-	*/
-	x?: number;
-
-	/** This property specifies the y position for rendering quantitative scale.
-	*   @Default {10}
-	*/
-	y?: number;
-}
-
-export interface QuantitativeScaleSettingsMajorTickSettings {
-
-	/** Specifies the size of the major ticks.
-	*   @Default {13}
-	*/
-	size?: number;
-
-	/** Specifies the stroke color of the major tick lines.
-	*   @Default {null}
-	*/
-	stroke?: string;
-
-	/** Specifies the width of the major tick lines.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface QuantitativeScaleSettingsMinorTickSettings {
-
-	/** Specifies the size of minor ticks.
-	*   @Default {7}
-	*/
-	size?: number;
-
-	/** Specifies the stroke color of minor ticks in bullet graph.
-	*   @Default {null}
-	*/
-	stroke?: string;
-
-	/** Specifies the width of the minor ticks in bullet graph.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface QuantitativeScaleSettings {
-
-	/** Contains property to customize the comparative measure.
-	*/
-	comparativeMeasureSettings?: QuantitativeScaleSettingsComparativeMeasureSettings;
-
-	/** Contains property to customize the featured measure.
-	*/
-	featuredMeasureSettings?: QuantitativeScaleSettingsFeaturedMeasureSettings;
-
-	/** Contains property to customize the featured measure.
-	*/
-	featureMeasures?: Array<QuantitativeScaleSettingsFeatureMeasure>;
-
-	/** Contains property to customize the fields.
-	*/
-	fields?: QuantitativeScaleSettingsFields;
-
-	/** Specifies the interval for the Graph.
-	*   @Default {1}
-	*/
-	interval?: number;
-
-	/** Contains property to customize the labels.
-	*/
-	labelSettings?: QuantitativeScaleSettingsLabelSettings;
-
-	/** Contains property to customize the position of the quantitative scale
-	*/
-	location?: QuantitativeScaleSettingsLocation;
-
-	/** Contains property to customize the major tick lines.
-	*/
-	majorTickSettings?: QuantitativeScaleSettingsMajorTickSettings;
-
-	/** Specifies the maximum value of the Graph.
-	*   @Default {10}
-	*/
-	maximum?: number;
-
-	/** Specifies the minimum value of the Graph.
-	*   @Default {0}
-	*/
-	minimum?: number;
-
-	/** Contains property to customize the minor ticks.
-	*/
-	minorTickSettings?: QuantitativeScaleSettingsMinorTickSettings;
-
-	/** The specified number of minor ticks will be rendered per interval.
-	*   @Default {4}
-	*/
-	minorTicksPerInterval?: number;
-
-	/** Specifies the placement of ticks to render either inside or outside the scale.
-	*   @Default {ej.datavisualization.BulletGraph.TickPlacement.Outside}
-	*/
-	tickPlacement?: ej.datavisualization.BulletGraph.TickPlacement|string;
-
-	/** Specifies the position of the ticks to render either above,below or inside
-	*   @Default {ej.datavisualization.BulletGraph.TickPosition.Far}
-	*/
-	tickPosition?: ej.datavisualization.BulletGraph.TickPosition|string;
-}
-
-export interface TooltipSettings {
-
-	/** Specifies template for caption tooltip
-	*   @Default {null}
-	*/
-	captionTemplate?: string;
-
-	/** Toggles the visibility of caption tooltip
-	*   @Default {false}
-	*/
-	enableCaptionTooltip?: boolean;
-
-	/** Specifies the ID of a div, which is to be displayed as tooltip.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Toggles the visibility of tooltip
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-}
-module BulletGraph
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Italic,
-//string
-Oblique,
-}
-}
-module BulletGraph
-{
-enum FontWeight
-{
-//string
-Normal,
-//string
-Bold,
-//string
-Bolder,
-//string
-Lighter,
-}
-}
-module BulletGraph
-{
-enum TextAlignment
-{
-//string
-Near,
-//string
-Far,
-//string
-Center,
-}
-}
-module BulletGraph
-{
-enum TextAnchor
-{
-//string
-Start,
-//string
-Middle,
-//string
-End,
-}
-}
-module BulletGraph
-{
-enum TextPosition
-{
-//string
-Top,
-//string
-Right,
-//string
-Left,
-//string
-Bottom,
-//string
-Float,
-}
-}
-module BulletGraph
-{
-enum FlowDirection
-{
-//string
-Forward,
-//string
-Backward,
-}
-}
-module BulletGraph
-{
-enum Orientation
-{
-//string
-Horizontal,
-//string
-Vertical,
-}
-}
-module BulletGraph
-{
-enum LabelPlacement
-{
-//string
-Inside,
-//string
-Outside,
-}
-}
-module BulletGraph
-{
-enum LabelPosition
-{
-//string
-Above,
-//string
-Below,
-}
-}
-module BulletGraph
-{
-enum TickPlacement
-{
-//string
-Inside,
-//string
-Outside,
-}
-}
-module BulletGraph
-{
-enum TickPosition
-{
-//string
-Below,
-//string
-Above,
-//string
-Cross,
-}
-}
-
-class Barcode extends ej.Widget {
-	static fn: Barcode;
-	constructor(element: JQuery, options?: Barcode.Model);
-	constructor(element: Element, options?: Barcode.Model);
-	static Locale: any;
-	model:Barcode.Model;
-	defaults:Barcode.Model;
-
-	/** To disable the barcode
-	*   @returns {void}
-	*/
-	disable(): void;
-
-	/** To enable the barcode
-	*   @returns {void}
-	*/
-	enable(): void;
-}
-export module Barcode{
-
-export interface Model {
-
-	/** Specifies the distance between the barcode and text below it.
-	*/
-	barcodeToTextGapHeight?: number;
-
-	/** Specifies the height of bars in the Barcode. By modifying the barHeight, the entire barcode height can be customized. Please refer to xDimension for two dimensional barcode height customization.
-	*/
-	barHeight?: number;
-
-	/** Specifies the dark bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
-	*/
-	darkBarColor?: any;
-
-	/** Specifies whether the text below the barcode is visible or hidden.
-	*/
-	displayText?: boolean;
-
-	/** Specifies whether the control is enabled.
-	*/
-	enabled?: boolean;
-
-	/** Specifies the start and stop encode symbol in the Barcode. In one dimensional barcodes, an additional character is added as start and stop delimiters. These symbols are optional and the unique of the symbol allows the reader to determine the direction of the barcode being scanned.
-	*/
-	encodeStartStopSymbol?: number;
-
-	/** Specifies the light bar color of the Barcode. One dimensional barcode contains a series of dark and light bars which are usually colored as black and white respectively.
-	*/
-	lightBarColor?: any;
-
-	/** Specifies the width of the narrow bars in the barcode. The dark bars in the one dimensional barcode contains random narrow and wide bars based on the provided input which can be specified during initialization.
-	*/
-	narrowBarWidth?: number;
-
-	/** Specifies the width of the quiet zone. In barcode, a quiet zone is the blank margin on either side of a barcode which informs the reader where a barcode's symbology starts and stops. The purpose of a quiet zone is to prevent the reader from picking up unrelated information.
-	*/
-	quietZone?: QuietZone;
-
-	/** Specifies the type of the Barcode. See SymbologyType
-	*/
-	symbologyType?: ej.datavisualization.Barcode.SymbologyType|string;
-
-	/** Specifies the text to be encoded in the barcode.
-	*/
-	text?: string;
-
-	/** Specifies the color of the text/data at the bottom of the barcode.
-	*/
-	textColor?: any;
-
-	/** Specifies the width of the wide bars in the barcode. One dimensional barcode usually contains random narrow and wide bars based on the provided which can be customized during initialization.
-	*/
-	wideBarWidth?: number;
-
-	/** Specifies the width of the narrowest element(bar or space) in a barcode. The greater the x dimension, the more easily a barcode reader will scan.
-	*/
-	xDimension?: number;
-
-	/** Fires after Barcode control is loaded. */
-	load? (e: LoadEventArgs): void;
-}
-
-export interface LoadEventArgs {
-
-	/** if the event should be canceled; otherwise, false.
-	*/
-	cancel?: boolean;
-
-	/** returns the barcode model
-	*/
-	model?: any;
-
-	/** returns the name of the event
-	*/
-	type?: string;
-
-	/** return the barcode state
-	*/
-	status?: boolean;
-}
-
-export interface QuietZone {
-
-	/** Specifies the quiet zone around the Barcode.
-	*/
-	all?: number;
-
-	/** Specifies the bottom quiet zone of the Barcode.
-	*/
-	bottom?: number;
-
-	/** Specifies the left quiet zone of the Barcode.
-	*/
-	left?: number;
-
-	/** Specifies the right quiet zone of the Barcode.
-	*/
-	right?: number;
-
-	/** Specifies the top quiet zone of the Barcode.
-	*/
-	top?: number;
-}
-}
-module Barcode
-{
-enum SymbologyType
-{
-//Represents the QR code
-QRBarcode,
-//Represents the Data Matrix barcode
-DataMatrix,
-//Represents the Code 39 barcode
-Code39,
-//Represents the Code 39 Extended barcode
-Code39Extended,
-//Represents the Code 11 barcode
-Code11,
-//Represents the Codabar barcode
-Codabar,
-//Represents the Code 32 barcode
-Code32,
-//Represents the Code 93 barcode
-Code93,
-//Represents the Code 93 Extended barcode
-Code93Extended,
-//Represents the Code 128 A barcode
-Code128A,
-//Represents the Code 128 B barcode
-Code128B,
-//Represents the Code 128 C barcode
-Code128C,
-}
-}
-
-class Map extends ej.Widget {
-	static fn: Map;
-	constructor(element: JQuery, options?: Map.Model);
-	constructor(element: Element, options?: Map.Model);
-	static Locale: any;
-	model:Map.Model;
-	defaults:Map.Model;
-
-	/** Method for navigating to specific shape based on latitude, longitude and zoom level.
-	*   @param {number} Pass the latitude value for map
-	*   @param {number} Pass the longitude value for map
-	*   @param {number} Pass the zoom level for map
-	*   @returns {void}
-	*/
-	navigateTo(latitude: number, longitude: number, level: number): void;
-
-	/** Method to perform map panning
-	*   @param {string} Pass the direction in which map should be panned
-	*   @returns {void}
-	*/
-	pan(direction: string): void;
-
-	/** Method to reload the map.
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Method to reload the shapeLayers with updated values
-	*   @returns {void}
-	*/
-	refreshLayers(): void;
-
-	/** Method to reload the navigation control with updated values.
-	*   @param {any} Pass the navigation control instance
-	*   @returns {void}
-	*/
-	refreshNavigationControl(navigation: any): void;
-
-	/** Method to perform map zooming.
-	*   @param {number} Pass the zoom level for map to be zoomed
-	*   @param {boolean} Pass the boolean value to enable or disable animation while zooming
-	*   @returns {void}
-	*/
-	zoom(level: number, isAnimate: boolean): void;
-}
-export module Map{
-
-export interface Model {
-
-	/** Specifies the background color for map
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** Specifies the index of the map to determine the shape layer to be displayed
-	*   @Default {0}
-	*/
-	baseMapIndex?: number;
-
-	/** Specify the center position where map should be displayed
-	*   @Default {[0,0]}
-	*/
-	centerPosition?: any;
-
-	/** Controls the selection through dragging
-	*   @Default {false}
-	*/
-	draggingOnSelection?: boolean;
-
-	/** Enables or Disables the map animation
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Enables or Disables the animation for layer change in map
-	*   @Default {false}
-	*/
-	enableLayerChangeAnimation?: boolean;
-
-	/** Enables or Disables the map panning
-	*   @Default {true}
-	*/
-	enablePan?: boolean;
-
-	/** Determines whether map need to resize when container is resized
-	*   @Default {true}
-	*/
-	enableResize?: boolean;
-
-	/** Determines whether map need to resize when container is resized
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Enables or Disables the Zooming for map.
-	*/
-	zoomSettings?: ZoomSettings;
-
-	/** Enables or Disables the navigation control for map to perform zooming and panning on map shapes.
-	*/
-	navigationControl?: NavigationControl;
-
-	/** Name of the culture based on which map should be localized. Labels are localized with respect to the culture name.String type properties like template text are not localized automatically. Provide localized text as value to string type properties.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Layer for holding the map shapes
-	*/
-	layers?: Array<Layer>;
-
-	/** Triggered on selecting the map markers. */
-	markerSelected? (e: MarkerSelectedEventArgs): void;
-
-	/** Triggers while leaving the hovered map shape */
-	mouseleave? (e: MouseleaveEventArgs): void;
-
-	/** Triggers while hovering the map shape. */
-	mouseover? (e: MouseoverEventArgs): void;
-
-	/** Triggers once map render completed. */
-	onRenderComplete? (e: OnRenderCompleteEventArgs): void;
-
-	/** Triggers when map panning ends. */
-	panned? (e: PannedEventArgs): void;
-
-	/** Triggered on selecting the map shapes. */
-	shapeSelected? (e: ShapeSelectedEventArgs): void;
-
-	/** Triggered when map is zoomed-in. */
-	zoomedIn? (e: ZoomedInEventArgs): void;
-
-	/** Triggers when map is zoomed out. */
-	zoomedOut? (e: ZoomedOutEventArgs): void;
-}
-
-export interface MarkerSelectedEventArgs {
-
-	/** Returns marker object.
-	*/
-	originalEvent?: any;
-}
-
-export interface MouseleaveEventArgs {
-
-	/** Returns hovered map shape object.
-	*/
-	originalEvent?: any;
-}
-
-export interface MouseoverEventArgs {
-
-	/** Returns hovered map shape object.
-	*/
-	originalEvent?: any;
-}
-
-export interface OnRenderCompleteEventArgs {
-
-	/** Event parameters from map
-	*/
-	originalEvent?: any;
-}
-
-export interface PannedEventArgs {
-
-	/** Event parameters from map
-	*/
-	originalEvent?: any;
-}
-
-export interface ShapeSelectedEventArgs {
-
-	/** Returns selected shape object.
-	*/
-	originalEvent?: any;
-}
-
-export interface ZoomedInEventArgs {
-
-	/** Event parameters from map
-	*/
-	originalEvent?: any;
-
-	/** Returns zoom level value for which the map is zoomed.
-	*/
-	zoomLevel?: any;
-}
-
-export interface ZoomedOutEventArgs {
-
-	/** Event parameters from map
-	*/
-	originalEvent?: any;
-
-	/** Returns zoom level value for which the map is zoomed.
-	*/
-	zoomLevel?: any;
-}
-
-export interface ZoomSettings {
-
-	/** Enables or Disables the zooming of map
-	*   @Default {true}
-	*/
-	enableZoom?: boolean;
-
-	/** Enables or Disables the zoom on selecting the map shape
-	*   @Default {false}
-	*/
-	enableZoomOnSelection?: boolean;
-
-	/** Specifies the zoom factor for map zoom value.
-	*   @Default {1}
-	*/
-	factor?: number;
-
-	/** Specifies the zoom level value for which map to be zoomed
-	*   @Default {1}
-	*/
-	level?: number;
-
-	/** Specifies the minimum zoomSettings level of the map
-	*   @Default {1}
-	*/
-	minValue?: number;
-
-	/** Specifies the maximum zoom level of the map
-	*   @Default {100}
-	*/
-	maxValue?: number;
-}
-
-export interface NavigationControl {
-
-	/** Set the absolutePosition for navigation control
-	*   @Default {{x:0,y:0}}
-	*/
-	absolutePosition?: any;
-
-	/** Specifies the navigation control template for map
-	*   @Default {null}
-	*/
-	content?: string;
-
-	/** Set the dockPosition value for navigation control
-	*   @Default {centerleft}
-	*/
-	dockPosition?: ej.datavisualization.Map.Position|string;
-
-	/** Enables or Disables the Navigation for handling zooming map
-	*   @Default {false}
-	*/
-	enableNavigation?: boolean;
-
-	/** Set the orientation value for navigation control
-	*   @Default {vertical}
-	*/
-	orientation?: ej.datavisualization.Map.LabelOrientation|string;
-}
-
-export interface LayersBubbleSettingsColorMappingsRangeColorMapping {
-
-	/** Start range colorMappings in the bubble layer.
-	*   @Default {null}
-	*/
-	from?: number;
-
-	/** End range colorMappings in the bubble layer.
-	*   @Default {null}
-	*/
-	to?: number;
-
-	/** GradientColors in the bubble layer of map.
-	*/
-	gradientColors?: Array<any>;
-
-	/** Color of the bubble layer.
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface LayersBubbleSettingsColorMappings {
-
-	/** Specifies the range colorMappings in the bubble layer.
-	*   @Default {null}
-	*/
-	rangeColorMapping?: Array<LayersBubbleSettingsColorMappingsRangeColorMapping>;
-}
-
-export interface LayersBubbleSettings {
-
-	/** Specifies the bubble Opacity value of bubbles for shape layer in map
-	*   @Default {0.9}
-	*/
-	bubbleOpacity?: number;
-
-	/** Specifies the mouse hover color of the shape layer in map
-	*   @Default {gray}
-	*/
-	color?: string;
-
-	/** Specifies the colorMappings of the shape layer in map
-	*   @Default {null}
-	*/
-	colorMappings?: LayersBubbleSettingsColorMappings;
-
-	/** Specifies the bubble color valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/** Specifies the maximum size value of bubbles for shape layer in map
-	*   @Default {20}
-	*/
-	maxValue?: number;
-
-	/** Specifies the minimum size value of bubbles for shape layer in map
-	*   @Default {10}
-	*/
-	minValue?: number;
-
-	/** Specifies the showBubble visibility status map
-	*   @Default {true}
-	*/
-	showBubble?: boolean;
-
-	/** Specifies the tooltip visibility status of the shape layer in map
-	*   @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the bubble tooltip template of the shape layer in map
-	*   @Default {null}
-	*/
-	tooltipTemplate?: string;
-
-	/** Specifies the bubble valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	valuePath?: string;
-}
-
-export interface LayersLabelSettings {
-
-	/** enable or disable the enableSmartLabel property
-	*   @Default {false}
-	*/
-	enableSmartLabel?: boolean;
-
-	/** set the labelLength property
-	*   @Default {'2'}
-	*/
-	labelLength?: number;
-
-	/** set the labelPath property
-	*   @Default {null}
-	*/
-	labelPath?: string;
-
-	/** The property specifies whether to show labels or not.
-	*   @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/** set the smartLabelSize property
-	*   @Default {fixed}
-	*/
-	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
-}
-
-export interface LayersLegendSettings {
-
-	/** Determines whether the legend should be placed outside or inside the map bounds
-	*   @Default {false}
-	*/
-	dockOnMap?: boolean;
-
-	/** Determines the legend placement and it is valid only when dockOnMap is true
-	*   @Default {top}
-	*/
-	dockPosition?: ej.datavisualization.Map.DockPosition|string;
-
-	/** height value for legend setting
-	*   @Default {0}
-	*/
-	height?: number;
-
-	/** to get icon value for legend setting
-	*   @Default {rectangle}
-	*/
-	icon?: ej.datavisualization.Map.LegendIcons|string;
-
-	/** icon height value for legend setting
-	*   @Default {20}
-	*/
-	iconHeight?: number;
-
-	/** icon Width value for legend setting
-	*   @Default {20}
-	*/
-	iconWidth?: number;
-
-	/** set the orientation of legend labels
-	*   @Default {vertical}
-	*/
-	labelOrientation?: ej.datavisualization.Map.LabelOrientation|string;
-
-	/** to get leftLabel value for legend setting
-	*   @Default {null}
-	*/
-	leftLabel?: string;
-
-	/** to get mode of legend setting
-	*   @Default {default}
-	*/
-	mode?: ej.datavisualization.Map.Mode|string;
-
-	/** set the position of legend settings
-	*   @Default {topleft}
-	*/
-	position?: ej.datavisualization.Map.Position|string;
-
-	/** x position value for legend setting
-	*   @Default {0}
-	*/
-	positionX?: number;
-
-	/** y position value for legend setting
-	*   @Default {0}
-	*/
-	positionY?: number;
-
-	/** to get rightLabel value for legend setting
-	*   @Default {null}
-	*/
-	rightLabel?: string;
-
-	/** Enables or Disables the showLabels
-	*   @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/** Enables or Disables the showLegend
-	*   @Default {false}
-	*/
-	showLegend?: boolean;
-
-	/** to get title of legend setting
-	*   @Default {null}
-	*/
-	title?: string;
-
-	/** to get type of legend setting
-	*   @Default {layers}
-	*/
-	type?: ej.datavisualization.Map.LegendType|string;
-
-	/** width value for legend setting
-	*   @Default {0}
-	*/
-	width?: number;
-}
-
-export interface LayersShapeSettingsColorMappingsRangeColorMapping {
-
-	/** Specifies the start range colorMappings in the shape layer of map.
-	*   @Default {null}
-	*/
-	from?: number;
-
-	/** Specifies the to range colorMappings in the shape layer of map.
-	*   @Default {null}
-	*/
-	to?: number;
-
-	/** Specifies the gradientColors in the shape layer of map.
-	*   @Default {null}
-	*/
-	gradientColors?: Array<any>;
-}
-
-export interface LayersShapeSettingsColorMappingsEqualColorMapping {
-
-	/** Specifies the equalColorMapping value in the shape layer of map.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Specifies the equalColorMapping color in the shape layer of map.
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface LayersShapeSettingsColorMappings {
-
-	/** Specifies the range colorMappings in the shape layer of map.
-	*   @Default {null}
-	*/
-	rangeColorMapping?: Array<LayersShapeSettingsColorMappingsRangeColorMapping>;
-
-	/** Specifies the equalColorMapping in the shape layer of map.
-	*   @Default {null}
-	*/
-	equalColorMapping?: Array<LayersShapeSettingsColorMappingsEqualColorMapping>;
-}
-
-export interface LayersShapeSettings {
-
-	/** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
-	*   @Default {false}
-	*/
-	autoFill?: boolean;
-
-	/** Specifies the colorMappings of the shape layer in map
-	*   @Default {null}
-	*/
-	colorMappings?: LayersShapeSettingsColorMappings;
-
-	/** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
-	*   @Default {palette1}
-	*/
-	colorPalette?: ej.datavisualization.Map.ColorPalette|string;
-
-	/** Specifies the shape color valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/** Enables or Disables the gradient colors for map shapes.
-	*   @Default {false}
-	*/
-	enableGradient?: boolean;
-
-	/** Specifies the shape fill color of the shape layer in map
-	*   @Default {#E5E5E5}
-	*/
-	fill?: string;
-
-	/** Specifies the mouse over width of the shape layer in map
-	*   @Default {1}
-	*/
-	highlightBorderWidth?: number;
-
-	/** Specifies the mouse hover color of the shape layer in map
-	*   @Default {gray}
-	*/
-	highlightColor?: string;
-
-	/** Specifies the mouse over stroke color of the shape layer in map
-	*   @Default {#C1C1C1}
-	*/
-	highlightStroke?: string;
-
-	/** Specifies the shape selection color of the shape layer in map
-	*   @Default {gray}
-	*/
-	selectionColor?: string;
-
-	/** Specifies the shape selection stroke color of the shape layer in map
-	*   @Default {#C1C1C1}
-	*/
-	selectionStroke?: string;
-
-	/** Specifies the shape selection stroke width of the shape layer in map
-	*   @Default {1}
-	*/
-	selectionStrokeWidth?: number;
-
-	/** Specifies the shape stroke color of the shape layer in map
-	*   @Default {#C1C1C1}
-	*/
-	stroke?: string;
-
-	/** Specifies the shape stroke thickness value of the shape layer in map
-	*   @Default {0.2}
-	*/
-	strokeThickness?: number;
-
-	/** Specifies the shape valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	valuePath?: string;
-}
-
-export interface LayersSublayersBubbleSettingsColorMappingsRangeColorMapping {
-
-	/** Start range colorMappings in the bubble layer.
-	*   @Default {null}
-	*/
-	from?: number;
-
-	/** End range colorMappings in the bubble layer.
-	*   @Default {null}
-	*/
-	to?: number;
-
-	/** GradientColors in the bubble layer of map.
-	*/
-	gradientColors?: Array<any>;
-
-	/** Color of the bubble layer.
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface LayersSublayersBubbleSettingsColorMappings {
-
-	/** Specifies the range colorMappings in the bubble layer.
-	*   @Default {null}
-	*/
-	rangeColorMapping?: Array<LayersSublayersBubbleSettingsColorMappingsRangeColorMapping>;
-}
-
-export interface LayersSublayersBubbleSettings {
-
-	/** Specifies the bubble Opacity value of bubbles for shape layer in map
-	*   @Default {0.9}
-	*/
-	bubbleOpacity?: number;
-
-	/** Specifies the mouse hover color of the shape layer in map
-	*   @Default {gray}
-	*/
-	color?: string;
-
-	/** Specifies the colorMappings of the shape layer in map
-	*   @Default {null}
-	*/
-	colorMappings?: LayersSublayersBubbleSettingsColorMappings;
-
-	/** Specifies the bubble color valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/** Specifies the maximum size value of bubbles for shape layer in map
-	*   @Default {20}
-	*/
-	maxValue?: number;
-
-	/** Specifies the minimum size value of bubbles for shape layer in map
-	*   @Default {10}
-	*/
-	minValue?: number;
-
-	/** Specifies the showBubble visibility status map
-	*   @Default {true}
-	*/
-	showBubble?: boolean;
-
-	/** Specifies the tooltip visibility status of the shape layer in map
-	*   @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the bubble tooltip template of the shape layer in map
-	*   @Default {null}
-	*/
-	tooltipTemplate?: string;
-
-	/** Specifies the bubble valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	valuePath?: string;
-}
-
-export interface LayersSublayersLabelSettings {
-
-	/** enable or disable the enableSmartLabel property
-	*   @Default {false}
-	*/
-	enableSmartLabel?: boolean;
-
-	/** set the labelLength property
-	*   @Default {'2'}
-	*/
-	labelLength?: number;
-
-	/** set the labelPath property
-	*   @Default {null}
-	*/
-	labelPath?: string;
-
-	/** The property specifies whether to show labels or not.
-	*   @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/** set the smartLabelSize property
-	*   @Default {fixed}
-	*/
-	smartLabelSize?: ej.datavisualization.Map.LabelSize|string;
-}
-
-export interface LayersSublayersLegendSettings {
-
-	/** Determines whether the legend should be placed outside or inside the map bounds
-	*   @Default {false}
-	*/
-	dockOnMap?: boolean;
-
-	/** Determines the legend placement and it is valid only when dockOnMap is true
-	*   @Default {top}
-	*/
-	dockPosition?: ej.datavisualization.Map.DockPosition|string;
-
-	/** height value for legend setting
-	*   @Default {0}
-	*/
-	height?: number;
-
-	/** to get icon value for legend setting
-	*   @Default {rectangle}
-	*/
-	icon?: ej.datavisualization.Map.LegendIcons|string;
-
-	/** icon height value for legend setting
-	*   @Default {20}
-	*/
-	iconHeight?: number;
-
-	/** icon Width value for legend setting
-	*   @Default {20}
-	*/
-	iconWidth?: number;
-
-	/** set the orientation of legend labels
-	*   @Default {vertical}
-	*/
-	labelOrientation?: ej.datavisualization.Map.LabelOrientation|string;
-
-	/** to get leftLabel value for legend setting
-	*   @Default {null}
-	*/
-	leftLabel?: string;
-
-	/** to get mode of legend setting
-	*   @Default {default}
-	*/
-	mode?: ej.datavisualization.Map.Mode|string;
-
-	/** set the position of legend settings
-	*   @Default {topleft}
-	*/
-	position?: ej.datavisualization.Map.Position|string;
-
-	/** x position value for legend setting
-	*   @Default {0}
-	*/
-	positionX?: number;
-
-	/** y position value for legend setting
-	*   @Default {0}
-	*/
-	positionY?: number;
-
-	/** to get rightLabel value for legend setting
-	*   @Default {null}
-	*/
-	rightLabel?: string;
-
-	/** Enables or Disables the showLabels
-	*   @Default {false}
-	*/
-	showLabels?: boolean;
-
-	/** Enables or Disables the showLegend
-	*   @Default {false}
-	*/
-	showLegend?: boolean;
-
-	/** to get title of legend setting
-	*   @Default {null}
-	*/
-	title?: string;
-
-	/** to get type of legend setting
-	*   @Default {layers}
-	*/
-	type?: ej.datavisualization.Map.LegendType|string;
-
-	/** width value for legend setting
-	*   @Default {0}
-	*/
-	width?: number;
-}
-
-export interface LayersSublayersShapeSettingsColorMappingsRangeColorMapping {
-
-	/** Specifies the start range colorMappings in the shape layer of map.
-	*   @Default {null}
-	*/
-	from?: number;
-
-	/** Specifies the to range colorMappings in the shape layer of map.
-	*   @Default {null}
-	*/
-	to?: number;
-
-	/** Specifies the gradientColors in the shape layer of map.
-	*   @Default {null}
-	*/
-	gradientColors?: Array<any>;
-}
-
-export interface LayersSublayersShapeSettingsColorMappingsEqualColorMapping {
-
-	/** Specifies the equalColorMapping value in the shape layer of map.
-	*   @Default {null}
-	*/
-	value?: string;
-
-	/** Specifies the equalColorMapping color in the shape layer of map.
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface LayersSublayersShapeSettingsColorMappings {
-
-	/** Specifies the range colorMappings in the shape layer of map.
-	*   @Default {null}
-	*/
-	rangeColorMapping?: Array<LayersSublayersShapeSettingsColorMappingsRangeColorMapping>;
-
-	/** Specifies the equalColorMapping in the shape layer of map.
-	*   @Default {null}
-	*/
-	equalColorMapping?: Array<LayersSublayersShapeSettingsColorMappingsEqualColorMapping>;
-}
-
-export interface LayersSublayersShapeSettings {
-
-	/** Enables or Disables the auto fill colors for shape layer in map. When this property value set to true, shapes will be filled with palette colors.
-	*   @Default {false}
-	*/
-	autoFill?: boolean;
-
-	/** Specifies the colorMappings of the shape layer in map
-	*   @Default {null}
-	*/
-	colorMappings?: LayersSublayersShapeSettingsColorMappings;
-
-	/** Specifies the shape color palette value of the shape layer in map. Accepted colorPalette values are palette1, palette2, palette3 and custompalette.
-	*   @Default {palette1}
-	*/
-	colorPalette?: ej.datavisualization.Map.ColorPalette|string;
-
-	/** Specifies the shape color valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/** Enables or Disables the gradient colors for map shapes.
-	*   @Default {false}
-	*/
-	enableGradient?: boolean;
-
-	/** Specifies the shape fill color of the shape layer in map
-	*   @Default {#E5E5E5}
-	*/
-	fill?: string;
-
-	/** Specifies the mouse over width of the shape layer in map
-	*   @Default {1}
-	*/
-	highlightBorderWidth?: number;
-
-	/** Specifies the mouse hover color of the shape layer in map
-	*   @Default {gray}
-	*/
-	highlightColor?: string;
-
-	/** Specifies the mouse over stroke color of the shape layer in map
-	*   @Default {#C1C1C1}
-	*/
-	highlightStroke?: string;
-
-	/** Specifies the shape selection color of the shape layer in map
-	*   @Default {gray}
-	*/
-	selectionColor?: string;
-
-	/** Specifies the shape selection stroke color of the shape layer in map
-	*   @Default {#C1C1C1}
-	*/
-	selectionStroke?: string;
-
-	/** Specifies the shape selection stroke width of the shape layer in map
-	*   @Default {1}
-	*/
-	selectionStrokeWidth?: number;
-
-	/** Specifies the shape stroke color of the shape layer in map
-	*   @Default {#C1C1C1}
-	*/
-	stroke?: string;
-
-	/** Specifies the shape stroke thickness value of the shape layer in map
-	*   @Default {0.2}
-	*/
-	strokeThickness?: number;
-
-	/** Specifies the shape valuePath of the shape layer in map
-	*   @Default {null}
-	*/
-	valuePath?: string;
-}
-
-export interface LayersSublayer {
-
-	/** to get the type of bing map.
-	*   @Default {aerial}
-	*/
-	bingMapType?: ej.datavisualization.Map.BingMapType|string;
-
-	/** Specifies the bubble settings for map
-	*/
-	bubbleSettings?: LayersSublayersBubbleSettings;
-
-	/** Specifies the datasource for the shape layer
-	*/
-	dataSource?: any;
-
-	/** Specifies the data path of shape
-	*/
-	shapeDataPath?: string;
-
-	/** Specifies the data path of shape
-	*/
-	shapePropertyPath?: string;
-
-	/** Enables or disables the shape mouse hover
-	*   @Default {false}
-	*/
-	enableMouseHover?: boolean;
-
-	/** Enables or disables the shape selection
-	*   @Default {true}
-	*/
-	enableSelection?: boolean;
-
-	/** to get the key of bing map
-	*   @Default {null}
-	*/
-	key?: string;
-
-	/** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
-	*/
-	labelSettings?: LayersSublayersLabelSettings;
-
-	/** Specifies the map view type.
-	*   @Default {'geographic'}
-	*/
-	geometryType?: ej.datavisualization.Map.GeometryType|string;
-
-	/** Specifies the map type.
-	*   @Default {'geometry'}
-	*/
-	layerType?: ej.datavisualization.Map.LayerType|string;
-
-	/** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
-	*/
-	legendSettings?: LayersSublayersLegendSettings;
-
-	/** Specifies the map items template for shapes.
-	*/
-	mapItemsTemplate?: string;
-
-	/** Specify markers for shape layer.
-	*/
-	markers?: Array<any>;
-
-	/** Specifies the map marker template for map layer.
-	*   @Default {null}
-	*/
-	markerTemplate?: string;
-
-	/** Specify selectedMapShapes for shape layer
-	*   @Default {[]}
-	*/
-	selectedMapShapes?: Array<any>;
-
-	/** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
-	*   @Default {default}
-	*/
-	selectionMode?: ej.datavisualization.Map.SelectionMode|string;
-
-	/** Specifies the shape data for the shape layer
-	*/
-	shapeData?: any;
-
-	/** Specifies the shape settings of map layer
-	*/
-	shapeSettings?: LayersSublayersShapeSettings;
-
-	/** Shows or hides the map items.
-	*   @Default {false}
-	*/
-	showMapItems?: boolean;
-
-	/** Shows or hides the tooltip for shapes
-	*   @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the tooltip template for shapes.
-	*/
-	tooltipTemplate?: string;
-
-	/** Specifies the URL template for the OSM type map.
-	*   @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
-	*/
-	urlTemplate?: string;
-}
-
-export interface Layer {
-
-	/** to get the type of bing map.
-	*   @Default {aerial}
-	*/
-	bingMapType?: ej.datavisualization.Map.BingMapType|string;
-
-	/** Specifies the bubble settings for map
-	*/
-	bubbleSettings?: LayersBubbleSettings;
-
-	/** Specifies the datasource for the shape layer
-	*/
-	dataSource?: any;
-
-	/** Specifies the data path of shape
-	*/
-	shapeDataPath?: string;
-
-	/** Specifies the data path of shape
-	*/
-	shapePropertyPath?: string;
-
-	/** Enables or disables the shape mouse hover
-	*   @Default {false}
-	*/
-	enableMouseHover?: boolean;
-
-	/** Enables or disables the shape selection
-	*   @Default {true}
-	*/
-	enableSelection?: boolean;
-
-	/** to get the key of bing map
-	*   @Default {null}
-	*/
-	key?: string;
-
-	/** Options for enabling and configuring labelSettings labelPath, smartLabelSize, labelLength etc.,
-	*/
-	labelSettings?: LayersLabelSettings;
-
-	/** Specifies the map view type.
-	*   @Default {'geographic'}
-	*/
-	geometryType?: ej.datavisualization.Map.GeometryType|string;
-
-	/** Specifies the map type.
-	*   @Default {'geometry'}
-	*/
-	layerType?: ej.datavisualization.Map.LayerType|string;
-
-	/** Options for enabling and configuring legendSettings position, height, width, mode, type etc.,
-	*/
-	legendSettings?: LayersLegendSettings;
-
-	/** Specifies the map items template for shapes.
-	*/
-	mapItemsTemplate?: string;
-
-	/** Specify markers for shape layer.
-	*/
-	markers?: Array<any>;
-
-	/** Specifies the map marker template for map layer.
-	*   @Default {null}
-	*/
-	markerTemplate?: string;
-
-	/** Specify selectedMapShapes for shape layer
-	*   @Default {[]}
-	*/
-	selectedMapShapes?: Array<any>;
-
-	/** Specifies the selection mode of the map. Accepted selection mode values are Default and Multiple.
-	*   @Default {default}
-	*/
-	selectionMode?: ej.datavisualization.Map.SelectionMode|string;
-
-	/** Specifies the shape data for the shape layer
-	*/
-	shapeData?: any;
-
-	/** Specifies the shape settings of map layer
-	*/
-	shapeSettings?: LayersShapeSettings;
-
-	/** Shows or hides the map items.
-	*   @Default {false}
-	*/
-	showMapItems?: boolean;
-
-	/** Shows or hides the tooltip for shapes
-	*   @Default {false}
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the tooltip template for shapes.
-	*/
-	tooltipTemplate?: string;
-
-	/** Specifies the URL template for the OSM type map.
-	*   @Default {'http://a.tile.openstreetmap.org/level/tileX/tileY.png'}
-	*/
-	urlTemplate?: string;
-
-	/** Sublayer is the collection of shape Layer
-	*/
-	sublayers?: Array<LayersSublayer>;
-}
-}
-module Map
-{
-enum Position
-{
-//specifies the none position
-None,
-//specifies the topleft position
-Topleft,
-//specifies the topcenter position
-Topcenter,
-//specifies the topright position
-Topright,
-//specifies the centerleft position
-Centerleft,
-//specifies the center position
-Center,
-//specifies the centerright position
-Centerright,
-//specifies the bottomleft position
-Bottomleft,
-//specifies the bottomcenter position
-Bottomcenter,
-//specifies the bottomright position
-Bottomright,
-}
-}
-module Map
-{
-enum LabelOrientation
-{
-//specifies the horizontal position
-Horizontal,
-//specifies the vertical position
-Vertical,
-}
-}
-module Map
-{
-enum BingMapType
-{
-//specifies the aerial type
-Aerial,
-//specifies the aerialwithlabel type
-Aerialwithlabel,
-//specifies the road type
-Road,
-}
-}
-module Map
-{
-enum LabelSize
-{
-//specifies the fixed size
-Fixed,
-//specifies the default size
-Default,
-}
-}
-module Map
-{
-enum GeometryType
-{
-//specifies the geographic view of map
-Geographic,
-//specifies the normal land view of map
-Normal,
-}
-}
-module Map
-{
-enum LayerType
-{
-//specifies the geometry type
-Geometry,
-//specifies the osm type
-Osm,
-//specifies the bing type
-Bing,
-}
-}
-module Map
-{
-enum DockPosition
-{
-//specifies the top position
-Top,
-//specifies the bottom position
-Bottom,
-//specifies the bottom position
-Right,
-//specifies the left position
-Left,
-}
-}
-module Map
-{
-enum LegendIcons
-{
-//specifies the rectangle position
-Rectangle,
-//specifies the circle position
-Circle,
-}
-}
-module Map
-{
-enum Mode
-{
-//specifies the default mode
-Default,
-//specifies the interactive mode
-Interactive,
-}
-}
-module Map
-{
-enum LegendType
-{
-//specifies the layers type
-Layers,
-//specifies the bubbles type
-Bubbles,
-}
-}
-module Map
-{
-enum SelectionMode
-{
-//specifies the default position
-Default,
-//specifies the multiple position
-Multiple,
-}
-}
-module Map
-{
-enum ColorPalette
-{
-//specifies the palette1 color
-Palette1,
-//specifies the palette2 color
-Palette2,
-//specifies the palette3 color
-Palette3,
-//specifies the custom color
-Custompalette,
-}
-}
-
-class TreeMap extends ej.Widget {
-	static fn: TreeMap;
-	constructor(element: JQuery, options?: TreeMap.Model);
-	constructor(element: Element, options?: TreeMap.Model);
-	static Locale: any;
-	model:TreeMap.Model;
-	defaults:TreeMap.Model;
-
-	/** Method to reload treemap with updated values.
-	*   @returns {void}
-	*/
-	refresh(): void;
-}
-export module TreeMap{
-
-export interface Model {
-
-	/** Specifies the border brush color of the treemap
-	*   @Default {white}
-	*/
-	borderBrush?: string;
-
-	/** Specifies the border thickness of the treemap
-	*   @Default {1}
-	*/
-	borderThickness?: number;
-
-	/** Specifies the uniColorMapping settings of the treemap
-	*/
-	uniColorMapping?: UniColorMapping;
-
-	/** Specifies the desaturationColorMapping settings of the treemap
-	*/
-	desaturationColorMapping?: DesaturationColorMapping;
-
-	/** Specifies the paletteColorMapping of the treemap
-	*/
-	paletteColorMapping?: PaletteColorMapping;
-
-	/** Specifies the color value path of the treemap
-	*   @Default {null}
-	*/
-	colorValuePath?: string;
-
-	/** Specifies the datasource of the treemap
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Specifies the dockPosition for legend
-	*   @Default {top}
-	*/
-	dockPosition?: ej.datavisualization.TreeMap.DockPosition|string;
-
-	/** specifies the drillDown header color
-	*   @Default {'null'}
-	*/
-	drillDownHeaderColor?: string;
-
-	/** specifies the drillDown selection color
-	*   @Default {'#000000'}
-	*/
-	drillDownSelectionColor?: string;
-
-	/** Specifies whether datasource is hierarchical or not.
-	*   @Default {false}
-	*/
-	isHierarchicalDatasource?: boolean;
-
-	/** Specifies the header for parent item during drilldown. This is applicable only for hierarchical data source.
-	*   @Default {null}
-	*/
-	header?: string;
-
-	/** Enable/Disable the drillDown for treemap
-	*   @Default {false}
-	*/
-	enableDrillDown?: boolean;
-
-	/** Controls whether Treemap has to be responsive while resizing the window.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies whether treemap need to resize when container is resized
-	*   @Default {true}
-	*/
-	enableResize?: boolean;
-
-	/** This property is used to select treemap items while clicking and dragging
-	*   @Default {false}
-	*/
-	draggingOnSelection?: boolean;
-
-	/** This property is used to select group of treemap items while clicking and dragging
-	*   @Default {false}
-	*/
-	draggingGroupOnSelection?: boolean;
-
-	/** Specifies the group color mapping of the treemap
-	*   @Default {[]}
-	*/
-	groupColorMapping?: Array<GroupColorMapping>;
-
-	/** Specifies the legend settings of the treemap
-	*/
-	legendSettings?: LegendSettings;
-
-	/** Specifies the highlight border brush of treemap
-	*   @Default {gray}
-	*/
-	highlightBorderBrush?: string;
-
-	/** Specifies the border thickness when treemap items is highlighted in the treemap
-	*   @Default {5}
-	*/
-	highlightBorderThickness?: number;
-
-	/** Specifies the highlight border brush of treemap
-	*   @Default {gray}
-	*/
-	highlightGroupBorderBrush?: string;
-
-	/** Specifies the border thickness when treemap items is highlighted in the treemap
-	*   @Default {5}
-	*/
-	highlightGroupBorderThickness?: number;
-
-	/** Specifies whether treemap item need to highlighted on selection
-	*   @Default {false}
-	*/
-	highlightGroupOnSelection?: boolean;
-
-	/** Specifies whether treemap item need to highlighted on selection
-	*   @Default {false}
-	*/
-	highlightOnSelection?: boolean;
-
-	/** Specifies the items layout mode of the treemap. Accepted itemsLayoutMode values are Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto
-	*   @Default {Squarified}
-	*/
-	itemsLayoutMode?: ej.datavisualization.TreeMap.ItemsLayoutMode|string;
-
-	/** Specify to convert the date object to string, using locale settings.
-	*   @Default {false}
-	*/
-	enableGroupSeparator?: boolean;
-
-	/** Name of the culture based on which Tree Map should be localized.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Specifies the leaf settings of the treemap
-	*/
-	leafItemSettings?: LeafItemSettings;
-
-	/** Specifies the rangeColorMapping settings of the treemap
-	*   @Default {[]}
-	*/
-	rangeColorMapping?: Array<RangeColorMapping>;
-
-	/** Specifies the selection mode of treemap item. Accepted selection mode values are Default and Multiple.
-	*   @Default {default}
-	*/
-	selectionMode?: ej.datavisualization.TreeMap.selectionMode|string;
-
-	/** Specifies the selection mode of the treemap. Accepted selection mode values are Default and Multiple.
-	*   @Default {default}
-	*/
-	groupSelectionMode?: ej.datavisualization.TreeMap.groupSelectionMode|string;
-
-	/** Specifies the legend visibility status of the treemap
-	*   @Default {false}
-	*/
-	showLegend?: boolean;
-
-	/** Specifies whether gradient color has to be applied for treemap items
-	*   @Default {false}
-	*/
-	enableGradient?: boolean;
-
-	/** Specifies whether treemap showTooltip need to be visible
-	*/
-	showTooltip?: boolean;
-
-	/** Specifies the tooltip template of the treemap
-	*   @Default {null}
-	*/
-	tooltipTemplate?: string;
-
-	/** Hold the treeMapItems to be displayed in treemap
-	*   @Default {[]}
-	*/
-	treeMapItems?: Array<any>;
-
-	/** Specify levels of treemap for grouped visualization of data
-	*   @Default {[]}
-	*/
-	levels?: Array<Level>;
-
-	/** Specifies the weight value path of the treemap
-	*   @Default {null}
-	*/
-	weightValuePath?: string;
-
-	/** Triggers on treemap item selected. */
-	treeMapItemSelected? (e: TreeMapItemSelectedEventArgs): void;
-
-	/** Triggers when drilldown is started */
-	drillStarted? (e: DrillStartedEventArgs): void;
-
-	/** Triggers on treemap  drilldown  item  selected. */
-	drillDownItemSelected? (e: DrillDownItemSelectedEventArgs): void;
-
-	/** Triggers after refreshing the treemap items. */
-	refreshed? (e: RefreshedEventArgs): void;
-
-	/** Triggers when the group selection is performed on treemap items. */
-	treeMapGroupSelected? (e: TreeMapGroupSelectedEventArgs): void;
-}
-
-export interface TreeMapItemSelectedEventArgs {
-
-	/** Returns selected treeMapItem object.
-	*/
-	originalEvent?: any;
-}
-
-export interface DrillStartedEventArgs {
-
-	/** Returns selected drilled treeMap object.
-	*/
-	originalEvent?: any;
-}
-
-export interface DrillDownItemSelectedEventArgs {
-
-	/** Returns selected drilldown treeMap object.
-	*/
-	originalEvent?: any;
-}
-
-export interface RefreshedEventArgs {
-
-	/** Refresh and load the treemap.
-	*/
-	originalEvent?: any;
-}
-
-export interface TreeMapGroupSelectedEventArgs {
-
-	/** Returns the  selected group of treeMapItems as  object.
-	*/
-	originalEvent?: any;
-}
-
-export interface UniColorMapping {
-
-	/** Specifies the uniform color mapping of the treemap
-	*   @Default {null}
-	*/
-	color?: string;
-}
-
-export interface DesaturationColorMapping {
-
-	/** Specifies the to value for desaturation color mapping
-	*   @Default {0}
-	*/
-	to?: number;
-
-	/** Specifies the color for desaturationColorMapping
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Specifies the from value for desaturation color mapping
-	*   @Default {0}
-	*/
-	from?: number;
-
-	/** Specifies the rangeMaximum value for desaturation color mapping
-	*   @Default {0}
-	*/
-	rangeMaximum?: number;
-
-	/** Specifies the rangeMinimum value for desaturation color mapping
-	*   @Default {0}
-	*/
-	rangeMinimum?: number;
-}
-
-export interface PaletteColorMapping {
-
-	/** Specifies the colors of the paletteColorMapping
-	*   @Default {[]}
-	*/
-	colors?: Array<any>;
-}
-
-export interface GroupColorMapping {
-
-	/** Specifies the groupID for GroupColorMapping.
-	*   @Default {null}
-	*/
-	groupID?: string;
-}
-
-export interface LegendSettings {
-
-	/** Specifies the height for legend
-	*   @Default {30}
-	*/
-	height?: number;
-
-	/** Specifies the width for legend
-	*   @Default {100}
-	*/
-	width?: number;
-
-	/** Specifies the iconHeight for legend
-	*   @Default {15}
-	*/
-	iconHeight?: number;
-
-	/** Specifies the iconWidth for legend
-	*   @Default {15}
-	*/
-	iconWidth?: number;
-
-	/** Specifies the template for legendSettings
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Specifies the mode for legendSettings whether default or interactive mode
-	*   @Default {default}
-	*/
-	mode?: string;
-
-	/** Specifies the title text for legend
-	*/
-	title?: string;
-
-	/** Specifies the leftLabel text for legend
-	*/
-	leftLabel?: string;
-
-	/** Specifies the rightLabel text for legend
-	*/
-	rightLabel?: string;
-
-	/** Specifies the dockPosition text for legend
-	*   @Default {top}
-	*/
-	dockPosition?: string;
-
-	/** Specifies the alignment text for legend
-	*   @Default {near}
-	*/
-	alignment?: string;
-
-	/** Specifies the alignment text for legend
-	*   @Default {0}
-	*/
-	columnCount?: number;
-}
-
-export interface LeafItemSettings {
-
-	/** Specifies the border brush color of the leaf item.
-	*   @Default {white}
-	*/
-	borderBrush?: string;
-
-	/** Specifies the border thickness of the leaf item.
-	*   @Default {1}
-	*/
-	borderThickness?: number;
-
-	/** Specifies the space between the leaf items.
-	*   @Default {0}
-	*/
-	gap?: number;
-
-	/** Specifies the label template of the leaf item.
-	*   @Default {null}
-	*/
-	itemTemplate?: string;
-
-	/** Specifies the label path of the leaf item.
-	*   @Default {null}
-	*/
-	labelPath?: string;
-
-	/** Specifies the position of the leaf labels.
-	*   @Default {center}
-	*/
-	labelPosition?: ej.datavisualization.TreeMap.Position|string;
-
-	/** Specifies the mode of label visibility
-	*   @Default {visible}
-	*/
-	labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
-
-	/** Shows or hides the label of the leaf item.
-	*   @Default {false}
-	*/
-	showLabels?: boolean;
-}
-
-export interface RangeColorMapping {
-
-	/** Specifies the color value for rangeColorMapping.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** specifies the gradient colors for th given range value
-	*   @Default {[]}
-	*/
-	gradientColors?: Array<any>;
-
-	/** Specifies the from value for rangeColorMapping.
-	*   @Default {-1}
-	*/
-	from?: number;
-
-	/** Specifies the legend label value for rangeColorMapping.
-	*   @Default {null}
-	*/
-	legendLabel?: string;
-
-	/** Specifies the to value for rangeColorMapping.
-	*   @Default {-1}
-	*/
-	to?: number;
-}
-
-export interface Level {
-
-	/** specifies the group background
-	*   @Default {null}
-	*/
-	groupBackground?: string;
-
-	/** Specifies the group border color for tree map level.
-	*   @Default {null}
-	*/
-	groupBorderColor?: string;
-
-	/** Specifies the group border thickness for tree map level.
-	*   @Default {1}
-	*/
-	groupBorderThickness?: number;
-
-	/** Specifies the group gap for tree map level.
-	*   @Default {1}
-	*/
-	groupGap?: number;
-
-	/** Specifies the group padding for tree map level.
-	*   @Default {4}
-	*/
-	groupPadding?: number;
-
-	/** Specifies the group path for tree map level.
-	*/
-	groupPath?: string;
-
-	/** Specifies the header height for tree map level.
-	*   @Default {0}
-	*/
-	headerHeight?: number;
-
-	/** Specifies the header template for tree map level.
-	*   @Default {null}
-	*/
-	headerTemplate?: string;
-
-	/** Specifies the mode of header visibility
-	*   @Default {visible}
-	*/
-	headerVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
-
-	/** Specifies the position of the labels.
-	*   @Default {center}
-	*/
-	labelPosition?: ej.datavisualization.TreeMap.Position|string;
-
-	/** Specifies the label template for tree map level.
-	*   @Default {null}
-	*/
-	labelTemplate?: string;
-
-	/** Specifies the mode of label visibility
-	*   @Default {visible}
-	*/
-	labelVisibilityMode?: ej.datavisualization.TreeMap.VisibilityMode|string;
-
-	/** Shows or hides the header for tree map level.
-	*   @Default {false}
-	*/
-	showHeader?: boolean;
-
-	/** Shows or hides the labels for tree map level.
-	*   @Default {false}
-	*/
-	showLabels?: boolean;
-}
-}
-module TreeMap
-{
-enum DockPosition
-{
-//specifies the top position
-Top,
-//specifies the bottom position
-Bottom,
-//specifies the bottom position
-Right,
-//specifies the left position
-Left,
-}
-}
-module TreeMap
-{
-enum ItemsLayoutMode
-{
-//specifies the squarified as layout type position
-Squarified,
-//specifies the sliceanddicehorizontal as layout type position
-Sliceanddicehorizontal,
-//specifies the sliceanddicevertical as layout type position
-Sliceanddicevertical,
-//specifies the sliceanddiceauto as layout type position
-Sliceanddiceauto,
-}
-}
-module TreeMap
-{
-enum Position
-{
-//specifies the none position
-None,
-//specifies the topleft position
-Topleft,
-//specifies the topcenter position
-Topcenter,
-//specifies the topright position
-Topright,
-//specifies the centerleft position
-Centerleft,
-//specifies the center position
-Center,
-//specifies the centerright position
-Centerright,
-//specifies the bottomleft position
-Bottomleft,
-//specifies the bottomcenter position
-Bottomcenter,
-//specifies the bottomright position
-Bottomright,
-}
-}
-module TreeMap
-{
-enum VisibilityMode
-{
-//specifies the visible mode
-Top,
-//specifies the hide on exceeded length mode
-Hideonexceededlength,
-}
-}
-module TreeMap
-{
-enum selectionMode
-{
-//specifies the default mode
-Default,
-//specifies the multiple mode
-Multiple,
-}
-}
-module TreeMap
-{
-enum groupSelectionMode
-{
-//specifies the default mode
-Default,
-//specifies the multiple mode
-Multiple,
-}
-}
-
-class Diagram extends ej.Widget {
-	static fn: Diagram;
-	constructor(element: JQuery, options?: Diagram.Model);
-	constructor(element: Element, options?: Diagram.Model);
-	static Locale: any;
-	model:Diagram.Model;
-	defaults:Diagram.Model;
-
-	/** Add nodes and connectors to diagram at runtime
-	*   @param {any} a JSON to define a node/connector or an array of nodes and connector
-	*   @returns {boolean}
-	*/
-	add(node: any): boolean;
-
-	/** Add a label to a node at runtime
-	*   @param {string} name of the node to which label will be added
-	*   @param {any} JSON for the new label to be added
-	*   @returns {void}
-	*/
-	addLabel(nodeName: string, newLabel: any): void;
-
-	/** Add dynamic Lanes to swimlane at runtime
-	*   @param {any} JSON for the new lane to be added
-	*   @param {number} Index value to add the lane in swimlane
-	*   @returns {void}
-	*/
-	addLane(lane: any, index: number): void;
-
-	/** Add a phase to a swimlane at runtime
-	*   @param {string} name of the swimlane to which the phase will be added
-	*   @param {any} JSON object to define the phase to be added
-	*   @returns {void}
-	*/
-	addPhase(name: string, options: any): void;
-
-	/** Add a collection of ports to the node specified by name
-	*   @param {string} name of the node to which the ports have to be added
-	*   @param {Array<any>} a collection of ports to be added to the specified node
-	*   @returns {void}
-	*/
-	addPorts(name: string, ports: Array<any>): void;
-
-	/** Add the specified node to selection list
-	*   @param {any} the node to be selected
-	*   @param {boolean} to define whether to clear the existing selection or not
-	*   @returns {void}
-	*/
-	addSelection(node: any, clearSelection?: boolean): void;
-
-	/** Align the selected objects based on the reference object and direction
-	*   @param {string} to specify the direction towards which the selected objects are to be aligned("left","right",top","bottom")
-	*   @returns {void}
-	*/
-	align(direction: string): void;
-
-	/** Bring the specified portion of the diagram content to the diagram viewport
-	*   @param {any} the rectangular region that is to be brought into diagram viewport
-	*   @returns {void}
-	*/
-	bringIntoView(rect: any): void;
-
-	/** Bring the specified portion of the diagram content to the center of the diagram viewport
-	*   @param {any} the rectangular region that is to be brought to the center of diagram viewport
-	*   @returns {void}
-	*/
-	bringToCenter(rect: any): void;
-
-	/** Visually move the selected object over all other intersected objects
-	*   @returns {void}
-	*/
-	bringToFront(): void;
-
-	/** Remove all the elements from diagram
-	*   @returns {void}
-	*/
-	clear(): void;
-
-	/** Clears the actions which is recorded to perform undo/redo operation in the diagram.
-	*   @returns {void}
-	*/
-	clearHistory(): void;
-
-	/** Remove the current selection in diagram
-	*   @returns {void}
-	*/
-	clearSelection(): void;
-
-	/** Copy the selected object to internal clipboard and get the copied object
-	*   @returns {any}
-	*/
-	copy(): any;
-
-	/** Cut the selected object from diagram to diagram internal clipboard
-	*   @returns {void}
-	*/
-	cut(): void;
-
-	/** Export the diagram as downloadable files or as data
-	*   @param {Diagram.Options} options to export the desired region of diagram to the desired formats.
-	*   @returns {string}
-	*/
-	exportDiagram(options?: Diagram.Options): string;
-
-	/** Read a node/connector object by its name
-	*   @param {string} name of the node/connector that is to be identified
-	*   @returns {any}
-	*/
-	findNode(name: string): any;
-
-	/** Fit the diagram content into diagram viewport
-	*   @param {ej.datavisualization.Diagram.FitMode} to set the mode of fit to command.
-	*   @param {ej.datavisualization.Diagram.Region} to set whether the region to be fit will be based on diagram elements or page settings.
-	*   @param {any} to set the required margin
-	*   @returns {void}
-	*/
-	fitToPage(mode?: ej.datavisualization.Diagram.FitMode, region?: ej.datavisualization.Diagram.Region, margin?: any): void;
-
-	/** Group the selected nodes and connectors
-	*   @returns {void}
-	*/
-	group(): void;
-
-	/** Insert a label into a node's label collection at runtime
-	*   @param {string} name of the node to which the label has to be inserted
-	*   @param {any} JSON to define the new label
-	*   @param {number} index to insert the label into the node
-	*   @returns {void}
-	*/
-	insertLabel(name: string, label: any, index?: number): void;
-
-	/** Refresh the diagram with the specified layout
-	*   @returns {void}
-	*/
-	layout(): void;
-
-	/** Load the diagram
-	*   @param {any} JSON data to load the diagram
-	*   @returns {void}
-	*/
-	load(data: any): void;
-
-	/** Visually move the selected object over its closest intersected object
-	*   @returns {void}
-	*/
-	moveForward(): void;
-
-	/** Move the selected objects by either one pixel or by the pixels specified through argument
-	*   @param {string} specifies the direction to move the selected objects ("left","right",top","bottom")
-	*   @param {number} specifies the number of pixels by which the selected objects have to be moved
-	*   @returns {void}
-	*/
-	nudge(direction: string, delta?: number): void;
-
-	/** Paste the selected object from internal clipboard to diagram
-	*   @param {any} object to be added to diagram
-	*   @param {boolean} to define whether the specified object is to be renamed or not
-	*   @returns {void}
-	*/
-	paste(object?: any, rename?: boolean): void;
-
-	/** Print the diagram as image
-	*   @returns {void}
-	*/
-	print(): void;
-
-	/** Restore the last action that was reverted
-	*   @returns {void}
-	*/
-	redo(): void;
-
-	/** Refresh the diagram at runtime
-	*   @returns {void}
-	*/
-	refresh(): void;
-
-	/** Remove either the given node/connector or the selected element from diagram
-	*   @param {any} the node/connector to be removed from diagram
-	*   @returns {void}
-	*/
-	remove(node?: any): void;
-
-	/** Remove a particular object from selection list
-	*   @param {any} the node/connector to be removed from selection list
-	*   @returns {void}
-	*/
-	removeSelection(node: any): void;
-
-	/** Scale the selected objects to the height of the first selected object
-	*   @returns {void}
-	*/
-	sameHeight(): void;
-
-	/** Scale the selected objects to the size of the first selected object
-	*   @returns {void}
-	*/
-	sameSize(): void;
-
-	/** Scale the selected objects to the width of the first selected object
-	*   @returns {void}
-	*/
-	sameWidth(): void;
-
-	/** Returns the diagram as serialized JSON
-	*   @returns {any}
-	*/
-	save(): any;
-
-	/** Bring the node into view
-	*   @param {any} the node/connector to be brought into view
-	*   @returns {void}
-	*/
-	scrollToNode(node: any): void;
-
-	/** Select all nodes and connector in diagram
-	*   @returns {void}
-	*/
-	selectAll(): void;
-
-	/** Visually move the selected object behind its closest intersected object
-	*   @returns {void}
-	*/
-	sendBackward(): void;
-
-	/** Visually move the selected object behind all other intersected objects
-	*   @returns {void}
-	*/
-	sendToBack(): void;
-
-	/** Update the horizontal space between the selected objects as equal and within the selection boundary
-	*   @returns {void}
-	*/
-	spaceAcross(): void;
-
-	/** Update the vertical space between the selected objects as equal and within the selection boundary
-	*   @returns {void}
-	*/
-	spaceDown(): void;
-
-	/** Move the specified label to edit mode
-	*   @param {any} node/connector that contains the label to be edited
-	*   @param {any} to be edited
-	*   @returns {void}
-	*/
-	startLabelEdit(node: any, label: any): void;
-
-	/** Reverse the last action that was performed
-	*   @returns {void}
-	*/
-	undo(): void;
-
-	/** Ungroup the selected group
-	*   @returns {void}
-	*/
-	ungroup(): void;
-
-	/** Update diagram at runtime
-	*   @param {any} JSON to specify the diagram properties that have to be modified
-	*   @returns {void}
-	*/
-	update(options: any): void;
-
-	/** Update Connectors at runtime
-	*   @param {string} name of the connector to be updated
-	*   @param {any} JSON to specify the connector properties that have to be updated
-	*   @returns {void}
-	*/
-	updateConnector(name: string, options: any): void;
-
-	/** Update the given label at runtime
-	*   @param {string} the name of node/connector which contains the label to be updated
-	*   @param {any} the label to be modified
-	*   @param {any} JSON to specify the label properties that have to be updated
-	*   @returns {any}
-	*/
-	updateLabel(nodeName: string, label: any, options: any): any;
-
-	/** Update nodes at runtime
-	*   @param {string} name of the node that is to be updated
-	*   @param {any} JSON to specify the properties of node that have to be updated
-	*   @returns {void}
-	*/
-	updateNode(name: string, options: any): void;
-
-	/** Update a port with its modified properties at runtime
-	*   @param {string} the name of node which contains the port to be updated
-	*   @param {any} the port to be updated
-	*   @param {any} JSON to specify the properties of the port that have to be updated
-	*   @returns {void}
-	*/
-	updatePort(nodeName: string, port: any, options: any): void;
-
-	/** Update the specified node as selected object
-	*   @param {string} name of the node to be updated as selected object
-	*   @returns {void}
-	*/
-	updateSelectedObject(name: string): void;
-
-	/** Update the selection at runtime
-	*   @param {boolean} to specify whether to show the user handles or not
-	*   @returns {void}
-	*/
-	updateSelection(showUserHandles?: boolean): void;
-
-	/** Update user handles with respect to the given node
-	*   @param {any} node/connector with respect to which, the user handles have to be updated
-	*   @returns {void}
-	*/
-	updateUserHandles(node: any): void;
-
-	/** Update the diagram viewport at runtime
-	*   @returns {void}
-	*/
-	updateViewPort(): void;
-
-	/** Upgrade the diagram from old version
-	*   @param {any} to be upgraded
-	*   @returns {void}
-	*/
-	upgrade(data: any): void;
-
-	/** Used to zoomIn/zoomOut diagram
-	*   @param {Diagram.Zoom} options to zoom the diagram(zoom factor, zoomIn/zoomOut)                
-	*   @returns {void}
-	*/
-	zoomTo(Zoom?: Diagram.Zoom): void;
-}
-export module Diagram{
-
-export interface Options {
-
-	/** name of the file to be downloaded.
-	*/
-	fileName?: string;
-
-	/** format of the exported file/data.
-	*/
-	format?: ej.datavisualization.Diagram.FileFormats;
-
-	/** to set whether to export diagram as a file or as raw data.
-	*/
-	mode?: ej.datavisualization.Diagram.ExportModes;
-
-	/** to set the region of the diagram to be exported.
-	*/
-	region?: ej.datavisualization.Diagram.Region;
-
-	/** to export any custom region of diagram.
-	*/
-	bounds?: any;
-
-	/** to set margin to the exported data.
-	*/
-	margin?: any;
-
-	/** to resize the diagram content to fill its allocated space.
-	*/
-	stretch?: ej.datavisualization.Diagram.Stretch;
-}
-
-export interface Zoom {
-
-	/** Used to increase the zoom-in or zoom-out based on the zoom factor value.
-	*/
-	zoomFactor?: number;
-
-	/** Used to zoom-in or zoom-out the diagram.
-	*/
-	zoomCommand?: ej.datavisualization.Diagram.ZoomCommand;
-
-	/** Used to zoom-in or zoom-out the diagram based on the point.                            
-	*/
-	focusPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-}
-
-export interface Model {
-
-	/** Defines the background color of diagram elements
-	*   @Default {transparent}
-	*/
-	backgroundColor?: string;
-
-	/** Defines the path of the background image of diagram elements
-	*/
-	backgroundImage?: string;
-
-	/** Sets the direction of line bridges.
-	*   @Default {ej.datavisualization.Diagram.BridgeDirection.Top}
-	*/
-	bridgeDirection?: ej.datavisualization.Diagram.BridgeDirection|string;
-
-	/** Defines a set of custom commands and binds them with a set of desired key gestures.
-	*/
-	commandManager?: CommandManager;
-
-	/** A collection of JSON objects where each object represents a connector
-	*   @Default {[]}
-	*/
-	connectors?: Array<Connector>;
-
-	/** Binds the custom JSON data with connector properties
-	*   @Default {null}
-	*/
-	connectorTemplate?: any;
-
-	/** Enables/Disables the default behaviors of the diagram.
-	*   @Default {ej.datavisualization.Diagram.DiagramConstraints.All}
-	*/
-	constraints?: ej.datavisualization.Diagram.DiagramConstraints|string;
-
-	/** An object to customize the context menu of diagram
-	*/
-	contextMenu?: ContextMenu;
-
-	/** Configures the data source that is to be bound with diagram
-	*/
-	dataSourceSettings?: DataSourceSettings;
-
-	/** Initializes the default values for nodes and connectors
-	*   @Default {{}}
-	*/
-	defaultSettings?: DefaultSettings;
-
-	/** Sets the type of JSON object to be drawn through drawing tool
-	*   @Default {{}}
-	*/
-	drawType?: any;
-
-	/** Enables or disables auto scroll in diagram
-	*   @Default {true}
-	*/
-	enableAutoScroll?: boolean;
-
-	/** Enables or disables diagram context menu
-	*   @Default {true}
-	*/
-	enableContextMenu?: boolean;
-
-	/** Specifies the height of the diagram
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Customizes the undo redo functionality
-	*/
-	historyManager?: HistoryManager;
-
-	/** Defines the type of the rendering mode of label.
-	*   @Default {Html}
-	*/
-	labelRenderingMode?: ej.datavisualization.Diagram.LabelRenderingMode|string;
-
-	/** Automatically arranges the nodes and connectors in a predefined manner.
-	*/
-	layout?: Layout;
-
-	/** Defines the current culture of diagram
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Array of JSON objects where each object represents a node
-	*   @Default {[]}
-	*/
-	nodes?: Array<Node>;
-
-	/** Binds the custom JSON data with node properties
-	*   @Default {null}
-	*/
-	nodeTemplate?: any;
-
-	/** Defines the size and appearance of diagram page
-	*/
-	pageSettings?: PageSettings;
-
-	/** Defines the zoom value, zoom factor, scroll status and view port size of the diagram
-	*/
-	scrollSettings?: ScrollSettings;
-
-	/** Defines the size and position of selected items and defines the appearance of selector
-	*/
-	selectedItems?: SelectedItems;
-
-	/** Enables or disables tooltip of diagram
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
-
-	/** Defines the gridlines and defines how and when the objects have to be snapped
-	*/
-	snapSettings?: SnapSettings;
-
-	/** Enables/Disables the interactive behaviors of diagram.
-	*   @Default {ej.datavisualization.Diagram.Tool.All}
-	*/
-	tool?: ej.datavisualization.Diagram.Tool|string;
-
-	/** An object that defines the description, appearance and alignments of tooltips
-	*   @Default {null}
-	*/
-	tooltip?: Tooltip;
-
-	/** Specifies the width of the diagram
-	*   @Default {null}
-	*/
-	width?: string;
-
-	/** Sets the factor by which we can zoom in or zoom out
-	*   @Default {0.2}
-	*/
-	zoomFactor?: number;
-
-	/** Triggers When auto scroll is changed */
-	autoScrollChange? (e: AutoScrollChangeEventArgs): void;
-
-	/** Triggers when a node, connector or diagram is clicked */
-	click? (e: ClickEventArgs): void;
-
-	/** Triggers when the connection is changed */
-	connectionChange? (e: ConnectionChangeEventArgs): void;
-
-	/** Triggers when the connector collection is changed */
-	connectorCollectionChange? (e: ConnectorCollectionChangeEventArgs): void;
-
-	/** Triggers when the connectors' source point is changed */
-	connectorSourceChange? (e: ConnectorSourceChangeEventArgs): void;
-
-	/** Triggers when the connectors' target point is changed */
-	connectorTargetChange? (e: ConnectorTargetChangeEventArgs): void;
-
-	/** Triggers before opening the context menu */
-	contextMenuBeforeOpen? (e: ContextMenuBeforeOpenEventArgs): void;
-
-	/** Triggers when a context menu item is clicked */
-	contextMenuClick? (e: ContextMenuClickEventArgs): void;
-
-	/** Triggers when a node, connector or diagram model is clicked twice */
-	doubleClick? (e: DoubleClickEventArgs): void;
-
-	/** Triggers while dragging the elements in diagram */
-	drag? (e: DragEventArgs): void;
-
-	/** Triggers when a symbol is dragged into diagram from symbol palette */
-	dragEnter? (e: DragEnterEventArgs): void;
-
-	/** Triggers when a symbol is dragged outside of the diagram. */
-	dragLeave? (e: DragLeaveEventArgs): void;
-
-	/** Triggers when a symbol is dragged over diagram */
-	dragOver? (e: DragOverEventArgs): void;
-
-	/** Triggers when a symbol is dragged and dropped from symbol palette to drawing area */
-	drop? (e: DropEventArgs): void;
-
-	/** Triggers when editor got focus at the time of node's label or text node editing. */
-	editorFocusChange? (e: EditorFocusChangeEventArgs): void;
-
-	/** Triggers when a child is added to or removed from a group */
-	groupChange? (e: GroupChangeEventArgs): void;
-
-	/** Triggers when a change is reverted or restored(undo/redo) */
-	historyChange? (e: HistoryChangeEventArgs): void;
-
-	/** Triggers when a diagram element is clicked */
-	itemClick? (e: ItemClickEventArgs): void;
-
-	/** Triggers when mouse enters a node/connector */
-	mouseEnter? (e: MouseEnterEventArgs): void;
-
-	/** Triggers when mouse leaves node/connector */
-	mouseLeave? (e: MouseLeaveEventArgs): void;
-
-	/** Triggers when mouse hovers over a node/connector */
-	mouseOver? (e: MouseOverEventArgs): void;
-
-	/** Triggers when node collection is changed */
-	nodeCollectionChange? (e: NodeCollectionChangeEventArgs): void;
-
-	/** Triggers when the node properties(x, y,width and height alone) are changed using nudge commands or updateNode API. */
-	propertyChange? (e: PropertyChangeEventArgs): void;
-
-	/** Triggers when the diagram elements are rotated */
-	rotationChange? (e: RotationChangeEventArgs): void;
-
-	/** Triggers when the diagram is zoomed or panned */
-	scrollChange? (e: ScrollChangeEventArgs): void;
-
-	/** Triggers when a connector segment is edited */
-	segmentChange? (e: SegmentChangeEventArgs): void;
-
-	/** Triggers when the selection is changed in diagram */
-	selectionChange? (e: SelectionChangeEventArgs): void;
-
-	/** Triggers when a node is resized */
-	sizeChange? (e: SizeChangeEventArgs): void;
-
-	/** Triggers when label editing is ended */
-	textChange? (e: TextChangeEventArgs): void;
-
-	/** Triggered when the diagram is rendered completely. */
-	create? (e: CreateEventArgs): void;
-}
-
-export interface AutoScrollChangeEventArgs {
-
-	/** Returns the delay between subsequent auto scrolls
-	*/
-	delay?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface ClickEventArgs {
-
-	/** parameter returns the clicked node, connector or diagram
-	*/
-	element?: any;
-
-	/** parameter returns the object that is actually clicked
-	*/
-	actualObject?: number;
-
-	/** parameter returns the horizontal coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetX?: number;
-
-	/** parameter returns  the vertical coordinate of the mouse pointer, relative to the diagram
-	*/
-	offsetY?: number;
-
-	/** parameter returns the count of how many times the mouse button is pressed
-	*/
-	count?: number;
-
-	/** parameter returns the event triggered
-	*/
-	event?: any;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-}
-
-export interface ConnectionChangeEventArgs {
-
-	/** parameter returns the connection that is changed between nodes, ports or points
-	*/
-	element?: any;
-
-	/** parameter returns the new source node or target node of the connector
-	*/
-	connection?: string;
-
-	/** parameter returns the new source port or target port of the connector
-	*/
-	port?: any;
-
-	/** parameter defines whether to cancel the change or not
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface ConnectorCollectionChangeEventArgs {
-
-	/** parameter returns whether the connector is inserted or removed
-	*/
-	changeType?: string;
-
-	/** parameter returns the connector that is to be added or deleted
-	*/
-	element?: any;
-
-	/** parameter defines whether to cancel the collection change or not
-	*/
-	cancel?: boolean;
-
-	/** triggers before and after adding the connector in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the connector.
-	*/
-	state?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface ConnectorSourceChangeEventArgs {
-
-	/** returns the connector, the source point of which is being dragged
-	*/
-	element?: any;
-
-	/** returns the source node of the element
-	*/
-	node?: any;
-
-	/** returns the source point of the element
-	*/
-	point?: any;
-
-	/** returns the source port of the element
-	*/
-	port?: any;
-
-	/** returns the state of connection end point dragging(starting, dragging, completed)
-	*/
-	dragState?: string;
-
-	/** parameter defines whether to cancel the change or not
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface ConnectorTargetChangeEventArgs {
-
-	/** parameter returns the connector, the target point of which is being dragged
-	*/
-	element?: any;
-
-	/** returns the target node of the element
-	*/
-	node?: any;
-
-	/** returns the target point of the element
-	*/
-	point?: any;
-
-	/** returns the target port of the element
-	*/
-	port?: any;
-
-	/** returns the state of connection end point dragging(starting, dragging, completed)
-	*/
-	dragState?: string;
-
-	/** parameter defines whether to cancel the change or not
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface ContextMenuBeforeOpenEventArgs {
-
-	/** parameter returns the diagram object
-	*/
-	diagram?: any;
-
-	/** parameter returns the actual arguments from context menu
-	*/
-	contextmenu?: any;
-
-	/** parameter returns the object that was clicked
-	*/
-	target?: any;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the actual click event arguments that explains which button is clicked
-	*/
-	model?: any;
-
-	/** parameter returns the type of the event triggered
-	*/
-	type?: string;
-}
-
-export interface ContextMenuClickEventArgs {
-
-	/** parameter returns the id of the selected context menu item
-	*/
-	id?: string;
-
-	/** parameter returns the text of the selected context menu item
-	*/
-	text?: string;
-
-	/** parameter returns the parent id of the selected context menu item
-	*/
-	parentId?: string;
-
-	/** parameter returns the parent text of the selected context menu item
-	*/
-	parentText?: string;
-
-	/** parameter returns the object that was clicked
-	*/
-	target?: any;
-
-	/** parameter defines whether to execute the click event or not
-	*/
-	canExecute?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the elementof the object that was clicked
-	*/
-	element?: any;
-
-	/** parameter returns the object that is selected
-	*/
-	selectedItem?: any;
-
-	/** parameter returns the model of the diagram
-	*/
-	events?: any;
-}
-
-export interface DoubleClickEventArgs {
-
-	/** parameter returns the object that is actually clicked
-	*/
-	actualObject?: any;
-
-	/** parameter returns the selected object
-	*/
-	element?: any;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-}
-
-export interface DragEventArgs {
-
-	/** parameter returns the node or connector that is being dragged
-	*/
-	element?: any;
-
-	/** parameter returns the previous position of the node/connector
-	*/
-	oldValue?: any;
-
-	/** parameter returns the new position of the node/connector
-	*/
-	newValue?: any;
-
-	/** parameter returns the state of drag event (Starting, dragging, completed)
-	*/
-	dragState?: string;
-
-	/** parameter returns whether or not to cancel the drag event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter returns the offset of the selecteditems
-	*/
-	offset?: any;
-}
-
-export interface DragEnterEventArgs {
-
-	/** parameter returns the node or connector that is dragged into diagram
-	*/
-	element?: any;
-
-	/** parameter returns whether to add or remove the symbol from diagram
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface DragLeaveEventArgs {
-
-	/** parameter returns the node or connector that is dragged outside of the diagram
-	*/
-	element?: any;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface DragOverEventArgs {
-
-	/** parameter returns the node or connector that is dragged over diagram
-	*/
-	element?: any;
-
-	/** parameter defines whether the symbol can be dropped at the current mouse position
-	*/
-	allowDrop?: boolean;
-
-	/** parameter returns the node/connector over which the symbol is dragged
-	*/
-	target?: any;
-
-	/** parameter returns the previous position of the node/connector
-	*/
-	oldValue?: any;
-
-	/** parameter returns the new position of the node/connector
-	*/
-	newValue?: any;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface DropEventArgs {
-
-	/** parameter returns node or connector that is being dropped
-	*/
-	element?: any;
-
-	/** parameter returns whether or not to cancel the drop event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the object from where the element is dragged
-	*/
-	source?: any;
-
-	/** parameter returns the object over which the object will be dropped
-	*/
-	target?: any;
-
-	/** parameter returns the enum which defines the type of the source
-	*/
-	objectType?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface EditorFocusChangeEventArgs {
-
-	/** Returns the diagram model.
-	*/
-	model?: any;
-
-	/** parameter returns the editor element
-	*/
-	event?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface GroupChangeEventArgs {
-
-	/** parameter returns the object that is added to/removed from a group
-	*/
-	element?: any;
-
-	/** parameter returns the old parent group(if any) of the object
-	*/
-	oldParent?: any;
-
-	/** parameter returns the new parent group(if any) of the object
-	*/
-	newParent?: any;
-
-	/** parameter returns the cause of group change("group", unGroup")
-	*/
-	cause?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface HistoryChangeEventArgs {
-
-	/** An array of objects, where each object represents the changes made in last undo/redo. To explore how the changes are defined, refer [Undo Redo Changes](#undo-redo-changes)
-	*/
-	changes?: Array<any>;
-
-	/** A collection of objects that are changed in the last undo/redo
-	*/
-	Source?: Array<any>;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the model of the diagram
-	*/
-	cause?: boolean;
-}
-
-export interface ItemClickEventArgs {
-
-	/** parameter returns the object that was actually clicked
-	*/
-	actualObject?: any;
-
-	/** parameter returns the object that is selected
-	*/
-	selectedObject?: any;
-
-	/** parameter returns whether or not to cancel the drop event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the model of the diagram
-	*/
-	event?: any;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface MouseEnterEventArgs {
-
-	/** parameter returns the target node or connector
-	*/
-	element?: any;
-
-	/** parameter returns the object from where the selected object is dragged
-	*/
-	source?: any;
-
-	/** parameter returns the target object over which the selected object is dragged
-	*/
-	target?: any;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-}
-
-export interface MouseLeaveEventArgs {
-
-	/** parameter returns the target node or connector
-	*/
-	element?: any;
-
-	/** parameter returns the object from where the selected object is dragged
-	*/
-	source?: any;
-
-	/** parameter returns the target object over which the selected object is dragged
-	*/
-	target?: any;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface MouseOverEventArgs {
-
-	/** parameter returns the target node or connector
-	*/
-	element?: any;
-
-	/** parameter returns the object from where the element is dragged
-	*/
-	source?: any;
-
-	/** parameter returns the object over which the element is being dragged.
-	*/
-	target?: any;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface NodeCollectionChangeEventArgs {
-
-	/** parameter returns whether the node is to be added or removed
-	*/
-	changeType?: string;
-
-	/** parameter returns the node which needs to be added or deleted
-	*/
-	element?: any;
-
-	/** parameter defines whether to cancel the collection change or not
-	*/
-	cancel?: boolean;
-
-	/** triggers before and after adding the node in the diagram which can be differentiated through `state` argument. We can cancel the event only before adding the node
-	*/
-	state?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface PropertyChangeEventArgs {
-
-	/** parameter returns the selected element
-	*/
-	element?: any;
-
-	/** parameter returns the action is nudge or not
-	*/
-	cause?: string;
-
-	/** parameter returns the new value of the node property that is being changed
-	*/
-	newValue?: any;
-
-	/** parameter returns the old value of the property that is being changed
-	*/
-	oldValue?: any;
-
-	/** parameter returns the name of the property that is changed
-	*/
-	propertyName?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter defines whether to cancel the property change or not
-	*/
-	cancel?: boolean;
-}
-
-export interface RotationChangeEventArgs {
-
-	/** parameter returns the node that is rotated
-	*/
-	element?: any;
-
-	/** parameter returns the previous rotation angle
-	*/
-	oldValue?: any;
-
-	/** parameter returns the new rotation angle
-	*/
-	newValue?: any;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter returns the actual click event arguments that explains which button is clicked
-	*/
-	cause?: string;
-}
-
-export interface ScrollChangeEventArgs {
-
-	/** Parameter returns the new zoom value, horizontal and vertical scroll offsets.
-	*/
-	newValues?: any;
-
-	/** parameter returns the previous zoom value, horizontal and vertical scroll offsets.
-	*/
-	oldValues?: any;
-
-	/** parameter returns whether or not to cancel the dragOver event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** Parameter returns the new zoom value, horizontal and vertical scroll offsets. 
-	*/
-	cause?: string;
-}
-
-export interface SegmentChangeEventArgs {
-
-	/** Parameter returns the connector that is being edited
-	*/
-	element?: any;
-
-	/** parameter returns the state of editing (starting, dragging, completed)
-	*/
-	dragState?: string;
-
-	/** parameter returns the current mouse position
-	*/
-	point?: any;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface SelectionChangeEventArgs {
-
-	/** parameter returns whether the item is selected or removed selection
-	*/
-	changeType?: string;
-
-	/** parameter returns the item which is selected or to be selected
-	*/
-	element?: any;
-
-	/** parameter returns the collection of nodes and connectors that have to be removed from selection list
-	*/
-	oldItems?: Array<any>;
-
-	/** parameter returns the collection of nodes and connectors that have to be added to selection list
-	*/
-	newItems?: Array<any>;
-
-	/** parameter returns the collection of nodes and connectors that will be selected after selection change
-	*/
-	selectedItems?: Array<any>;
-
-	/** parameter to specify whether or not to cancel the selection change event
-	*/
-	cancel?: boolean;
-
-	/** triggers before and after adding the selection to the object in the diagram which can be differentiated through `state` argument. We can cancel the event only before the selection of the object.
-	*/
-	state?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter returns the actual cause of the event
-	*/
-	cause?: string;
-}
-
-export interface SizeChangeEventArgs {
-
-	/** parameter returns node that was resized
-	*/
-	element?: any;
-
-	/** parameter to cancel the size change
-	*/
-	cancel?: boolean;
-
-	/** parameter returns the new width, height, offsetX and offsetY values of the element that is being resized
-	*/
-	newValue?: any;
-
-	/** parameter returns the previous width,height,offsetX and offsetY values of the element that is being resized
-	*/
-	oldValue?: any;
-
-	/** parameter returns the state of resizing(starting,resizing,completed)
-	*/
-	resizeState?: string;
-
-	/** parameter returns the difference between new and old value
-	*/
-	offset?: any;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter returns the direction of the node is resized
-	*/
-	direction?: string;
-}
-
-export interface TextChangeEventArgs {
-
-	/** parameter returns the node that contains the text being edited
-	*/
-	element?: any;
-
-	/** parameter returns the new text
-	*/
-	value?: string;
-
-	/** parameter returns the keyCode of the key entered
-	*/
-	keyCode?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-
-	/** parameter to specify whether or not to cancel the event
-	*/
-	cancel?: boolean;
-}
-
-export interface CreateEventArgs {
-
-	/** Returns the diagram model.
-	*/
-	model?: any;
-
-	/** Returns the name of the event
-	*/
-	type?: string;
-
-	/** parameter returns the id of the diagram
-	*/
-	diagramId?: string;
-}
-
-export interface BackgroundImage {
-
-	/** Defines how to align the background image over the diagram area.
-	*   @Default {ej.datavisualization.Diagram.ImageAlignment.XMidYMid}
-	*/
-	alignment?: ej.datavisualization.Diagram.ImageAlignment |string;
-}
-
-export interface CommandManagerCommandsGesture {
-
-	/** Sets the key value, on recognition of which the command will be executed.
-	*   @Default {ej.datavisualization.Diagram.Keys.None}
-	*/
-	key?: ej.datavisualization.Diagram.Keys|string;
-
-	/** Sets a combination of key modifiers, on recognition of which the command will be executed.
-	*   @Default {ej.datavisualization.Diagram.KeyModifiers.None}
-	*/
-	keyModifiers?: ej.datavisualization.Diagram.KeyModifiers|string;
-}
-
-export interface CommandManagerCommands {
-
-	/** A method that defines whether the command is executable at the moment or not.
-	*/
-	canExecute?: Function;
-
-	/** A method that defines what to be executed when the key combination is recognized.
-	*/
-	execute?: Function;
-
-	/** Defines a combination of keys and key modifiers, on recognition of which the command will be executed
-	*/
-	gesture?: CommandManagerCommandsGesture;
-
-	/** Defines any additional parameters that are required at runtime
-	*   @Default {null}
-	*/
-	parameter?: any;
-}
-
-export interface CommandManager {
-
-	/** An object that maps a set of command names with the corresponding command objects
-	*   @Default {{}}
-	*/
-	commands?: CommandManagerCommands;
-}
-
-export interface ConnectorsLabelsMargin {
-
-	/** To set the margin of the label in right direction
-	*   @Default {0}
-	*/
-	right?: number;
-
-	/** To set the margin of the label in left direction
-	*   @Default {0}
-	*/
-	left?: number;
-
-	/** To set the margin of the label in top direction
-	*   @Default {0}
-	*/
-	top?: number;
-
-	/** To set the margin of the label in bottom direction
-	*   @Default {0}
-	*/
-	bottom?: number;
-}
-
-export interface ConnectorsLabel {
-
-	/** Defines how the label should be aligned with respect to the segment
-	*   @Default {ej.datavisualization.Diagram.Alignment.Center}
-	*/
-	alignment?: ej.datavisualization.Diagram.Alignment|string;
-
-	/** Enables/disables the bold style
-	*   @Default {false}
-	*/
-	bold?: boolean;
-
-	/** Sets the border color of the label
-	*   @Default {transparent}
-	*/
-	borderColor?: string;
-
-	/** Sets the border width of the label
-	*   @Default {0}
-	*/
-	borderWidth?: number;
-
-	/** Defines whether the label should be aligned within the connector boundaries
-	*   @Default {true}
-	*/
-	boundaryConstraints?: boolean;
-
-	/** Sets the fill color of the text area
-	*   @Default {transparent}
-	*/
-	fillColor?: string;
-
-	/** Sets the font color of the text
-	*   @Default {black}
-	*/
-	fontColor?: string;
-
-	/** Sets the font family of the text
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Defines the font size of the text
-	*   @Default {12}
-	*/
-	fontSize?: number;
-
-	/** Sets the horizontal alignment of the label.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-	*/
-	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** Sets the hyperlink for the labels in the connectors.
-	*   @Default {none}
-	*/
-	hyperlink?: string;
-
-	/** Enables/disables the italic style
-	*   @Default {false}
-	*/
-	italic?: boolean;
-
-	/** Gets whether the label is currently being edited or not.
-	*   @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
-	*/
-	mode?: ej.datavisualization.Diagram.LabelEditMode|string;
-
-	/** Sets the unique identifier of the label
-	*/
-	name?: string;
-
-	/** Sets the fraction/ratio(relative to connector) that defines the position of the label
-	*   @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
-	*/
-	offset?: any;
-
-	/** Sets the fraction/ratio(relative to connector) that defines the position of the label
-	*   @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
-	*/
-	margin?: ConnectorsLabelsMargin;
-
-	/** Defines the transparency of labels
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Defines whether the label is editable or not
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Defines whether the label should be positioned whether relative to segments or connector boundaries
-	*   @Default {ej.datavisualization.Diagram.LabelRelativeMode.SegmentPath}
-	*/
-	relativeMode?: ej.datavisualization.Diagram.LabelRelativeMode|string;
-
-	/** Defines the angle to which the label needs to be rotated
-	*   @Default {0}
-	*/
-	rotateAngle?: number;
-
-	/** Sets the position of the label with respect to the total segment length
-	*   @Default {0.5}
-	*/
-	segmentOffset?: string;
-
-	/** Defines the label text
-	*/
-	text?: string;
-
-	/** Defines how to align the text inside the label.
-	*   @Default {ej.datavisualization.Diagram.TextAlign.Center}
-	*/
-	textAlign?: ej.datavisualization.Diagram.TextAlign|string;
-
-	/** Sets how to decorate the label text.
-	*   @Default {ej.datavisualization.Diagram.TextDecorations.None}
-	*/
-	textDecoration?: ej.datavisualization.Diagram.TextDecorations|string;
-
-	/** Sets the vertical alignment of the label.
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-	*/
-	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
-
-	/** Enables or disables the visibility of the label
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Sets the width of the label(the maximum value of label width and the connector width will be considered as label width)
-	*   @Default {50}
-	*/
-	width?: number;
-
-	/** Defines how the label text needs to be wrapped.
-	*   @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
-	*/
-	wrapping?: ej.datavisualization.Diagram.TextWrapping|string;
-}
-
-export interface ConnectorsSegment {
-
-	/** Sets the direction of orthogonal segment
-	*/
-	direction?: string;
-
-	/** Describes the length of orthogonal segment
-	*   @Default {undefined}
-	*/
-	length?: number;
-
-	/** Describes the end point of bezier/straight segment
-	*   @Default {Diagram.Point()}
-	*/
-	point?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-	/** Defines the first control point of the bezier segment
-	*   @Default {null}
-	*/
-	point1?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-	/** Defines the second control point of bezier segment
-	*   @Default {null}
-	*/
-	point2?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-	/** Sets the type of the segment.
-	*   @Default {ej.datavisualization.Diagram.Segments.Straight}
-	*/
-	type?: ej.datavisualization.Diagram.Segments|string;
-
-	/** Describes the length and angle between the first control point and the start point of bezier segment
-	*   @Default {null}
-	*/
-	vector1?: any;
-
-	/** Describes the length and angle between the second control point and end point of bezier segment
-	*   @Default {null}
-	*/
-	vector2?: any;
-}
-
-export interface ConnectorsShapeMultiplicitySource {
-
-	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-	*   @Default {true}
-	*/
-	optional?: boolean;
-
-	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-	*   @Default {null}
-	*/
-	lowerBounds?: number;
-
-	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-	*   @Default {null}
-	*/
-	upperBounds?: number;
-}
-
-export interface ConnectorsShapeMultiplicity {
-
-	/** Sets the type of the multiplicity. Applicable, if the connector is of type &quot;classifier&quot;
-	*   @Default {ej.datavisualization.Diagram.Multiplicity.OneToOne}
-	*/
-	type?: ej.datavisualization.Diagram.Multiplicity|string;
-
-	/** Defines the source label to connector. Applicable, if the connector is of type &quot;UML&quot;
-	*/
-	source?: ConnectorsShapeMultiplicitySource;
-
-	/** Defines the target label to connector. Applicable, if the connector is of type &quot;UML&quot;
-	*   @Default {true}
-	*/
-	target?: ej.datavisualization.Diagram.ConnectorsShapeMultiplicitySource;
-}
-
-export interface ConnectorsShape {
-
-	/** Sets the type of the connector
-	*   @Default {ej.datavisualization.Diagram.ConnectorShapes.BPMN}
-	*/
-	type?: ej.datavisualization.Diagram.ConnectorShapes|string;
-
-	/** Sets the type of the flow in a BPMN Process
-	*   @Default {ej.datavisualization.Diagram.BPMNFlows.Sequence}
-	*/
-	flow?: ej.datavisualization.Diagram.BPMNFlows|string;
-
-	/** Sets the type of the Association in a BPMN Process
-	*   @Default {ej.datavisualization.Diagram.AssociationFlows.Default}
-	*/
-	association?: ej.datavisualization.Diagram.AssociationFlows|string;
-
-	/** Sets the type of the message flow. Applicable, if the connector is of type &quot;BPMN&quot;
-	*   @Default {ej.datavisualization.Diagram.BPMNMessageFlows.Default}
-	*/
-	message?: ej.datavisualization.Diagram.BPMNMessageFlows|string;
-
-	/** Sets the type of BPMN sequence flow
-	*   @Default {ej.datavisualization.Diagram.BPMNSequenceFlows.Normal}
-	*/
-	sequence?: ej.datavisualization.Diagram.BPMNSequenceFlows|string;
-
-	/** Defines the role of the connector in a UML Class Diagram. Applicable, if the type of the connector is &quot;classifier&quot;.
-	*   @Default {ej.datavisualization.Diagram.ClassifierShapes.Association}
-	*/
-	relationship?: ej.datavisualization.Diagram.ClassifierShapes|string;
-
-	/** Defines the multiplicity option of the connector
-	*   @Default {null}
-	*/
-	multiplicity?: ConnectorsShapeMultiplicity;
-
-	/** Defines the shape of UMLActivity to connector. Applicable, if the connector is of type UMLActivity
-	*   @Default {ej.datavisualization.Diagram.UMLActivityFlow.Control}
-	*/
-	ActivityFlow?: ej.datavisualization.Diagram.UMLActivityFlow|string;
-}
-
-export interface ConnectorsSourceDecorator {
-
-	/** Sets the border color of the source decorator
-	*   @Default {black}
-	*/
-	borderColor?: string;
-
-	/** Sets the border width of the decorator
-	*   @Default {1}
-	*/
-	borderWidth?: number;
-
-	/** Sets the fill color of the source decorator
-	*   @Default {black}
-	*/
-	fillColor?: string;
-
-	/** Sets the height of the source decorator
-	*   @Default {8}
-	*/
-	height?: number;
-
-	/** Defines the custom shape of the source decorator
-	*/
-	pathData?: string;
-
-	/** Defines the shape of the source decorator.
-	*   @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
-	*/
-	shape?: ej.datavisualization.Diagram.DecoratorShapes|string;
-
-	/** Defines the width of the source decorator
-	*   @Default {8}
-	*/
-	width?: number;
-}
-
-export interface ConnectorsSourcePoint {
-
-	/** Defines the x-coordinate of a position
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Defines the y-coordinate of a position
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface ConnectorsTargetDecorator {
-
-	/** Sets the border color of the decorator
-	*   @Default {black}
-	*/
-	borderColor?: string;
-
-	/** Sets the color with which the decorator will be filled
-	*   @Default {black}
-	*/
-	fillColor?: string;
-
-	/** Defines the height of the target decorator
-	*   @Default {8}
-	*/
-	height?: number;
-
-	/** Defines the custom shape of the target decorator
-	*/
-	pathData?: string;
-
-	/** Defines the shape of the target decorator.
-	*   @Default {ej.datavisualization.Diagram.DecoratorShapes.Arrow}
-	*/
-	shape?: ej.datavisualization.Diagram.DecoratorShapes|string;
-
-	/** Defines the width of the target decorator
-	*   @Default {8}
-	*/
-	width?: number;
-}
-
-export interface Connector {
-
-	/** To maintain additional information about connectors
-	*   @Default {null}
-	*/
-	addInfo?: any;
-
-	/** Defines the width of the line bridges
-	*   @Default {10}
-	*/
-	bridgeSpace?: number;
-
-	/** Enables or disables the behaviors of connectors.
-	*   @Default {ej.datavisualization.Diagram.ConnectorConstraints.Default}
-	*/
-	constraints?: ej.datavisualization.Diagram.ConnectorConstraints|string;
-
-	/** Defines the radius of the rounded corner
-	*   @Default {0}
-	*/
-	cornerRadius?: number;
-
-	/** Configures the styles of shapes
-	*/
-	cssClass?: string;
-
-	/** Sets the horizontal alignment of the connector. Applicable, if the parent of the connector is a container.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
-	*/
-	horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** A collection of JSON objects where each object represents a label.
-	*   @Default {[]}
-	*/
-	labels?: Array<ConnectorsLabel>;
-
-	/** Sets the stroke color of the connector
-	*   @Default {black}
-	*/
-	lineColor?: string;
-
-	/** Sets the pattern of dashes and gaps used to stroke the path of the connector
-	*/
-	lineDashArray?: string;
-
-	/** Defines the padding value to ease the interaction with connectors
-	*   @Default {10}
-	*/
-	lineHitPadding?: number;
-
-	/** Sets the width of the line
-	*   @Default {1}
-	*/
-	lineWidth?: number;
-
-	/** Defines the minimum space to be left between the bottom of parent bounds and the connector. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginBottom?: number;
-
-	/** Defines the minimum space to be left between the left of parent bounds and the connector. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginLeft?: number;
-
-	/** Defines the minimum space to be left between the right of parent bounds and the connector. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginRight?: number;
-
-	/** Defines the minimum space to be left between the top of parent bounds and the connector. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginTop?: number;
-
-	/** Sets a unique name for the connector
-	*/
-	name?: string;
-
-	/** Defines the transparency of the connector
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Defines the size and preview size of the node to add that to symbol palette. To explore palette item, refer Palette Item
-	*   @Default {null}
-	*/
-	paletteItem?: any;
-
-	/** Sets the parent name of the connector.
-	*/
-	parent?: string;
-
-	/** An array of JSON objects where each object represents a segment
-	*   @Default {[ { type:straight } ]}
-	*/
-	segments?: Array<ConnectorsSegment>;
-
-	/** Defines the role/meaning of the connector
-	*   @Default {null}
-	*/
-	shape?: ConnectorsShape;
-
-	/** Defines the source decorator of the connector
-	*   @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
-	*/
-	sourceDecorator?: ConnectorsSourceDecorator;
-
-	/** Sets the source node of the connector
-	*/
-	sourceNode?: string;
-
-	/** Defines the space to be left between the source node and the source point of a connector
-	*   @Default {0}
-	*/
-	sourcePadding?: number;
-
-	/** Describes the start point of the connector
-	*   @Default {ej.datavisualization.Diagram.Point()}
-	*/
-	sourcePoint?: ConnectorsSourcePoint;
-
-	/** Sets the source port of the connector
-	*/
-	sourcePort?: string;
-
-	/** Defines the target decorator of the connector
-	*   @Default {{ shape:arrow, width: 8, height:8, borderColor:black, fillColor:black }}
-	*/
-	targetDecorator?: ConnectorsTargetDecorator;
-
-	/** Sets the target node of the connector
-	*/
-	targetNode?: string;
-
-	/** Defines the space to be left between the target node and the target point of the connector
-	*   @Default {0}
-	*/
-	targetPadding?: number;
-
-	/** Describes the end point of the connector
-	*   @Default {ej.datavisualization.Diagram.Point()}
-	*/
-	targetPoint?: ej.datavisualization.Diagram.ConnectorsSourcePoint;
-
-	/** Sets the targetPort of the connector
-	*/
-	targetPort?: string;
-
-	/** Defines the tooltip that should be shown when the mouse hovers over connector. For tooltip properties, refer Tooltip
-	*   @Default {null}
-	*/
-	tooltip?: any;
-
-	/** To set the vertical alignment of connector (Applicable,if the parent is group).
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
-	*/
-	verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment|string;
-
-	/** Enables or disables the visibility of connector
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Sets the z-index of the connector
-	*   @Default {0}
-	*/
-	zOrder?: number;
-}
-
-export interface ContextMenuItem {
-
-	/** Defines the text for the collection of context menu item
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Defines the name for the collection of context menu items
-	*   @Default {null}
-	*/
-	name?: string;
-
-	/** Defines the image url for the collection of context menu items
-	*   @Default {null}
-	*/
-	imageUrl?: string;
-
-	/** Defines the CssClass for the collection of context menu items
-	*   @Default {null}
-	*/
-	cssClass?: string;
-
-	/** Defines the collection of sub items for the context menu items
-	*   @Default {[]}
-	*/
-	subItems?: Array<any>;
-}
-
-export interface ContextMenu {
-
-	/** Defines the collection of context menu items
-	*   @Default {[]}
-	*/
-	items?: Array<ContextMenuItem>;
-
-	/** To set whether to display the default context menu items or not
-	*   @Default {false}
-	*/
-	showCustomMenuItemsOnly?: boolean;
-}
-
-export interface DataSourceSettingsCrudAction {
-
-	/** Specifies the create method which is used to get the nodes to be added from client side to the server side
-	*   @Default {null}
-	*/
-	create?: string;
-
-	/** Specifies the update method which is used to get the updated data from client side to the server side
-	*   @Default {null}
-	*/
-	update?: string;
-
-	/** Specifies the destroy method which is used to get the deleted items data from client side to the server side
-	*   @Default {null}
-	*/
-	destroy?: string;
-
-	/** Specifies the read method to get the created nodes from client side to the server side
-	*   @Default {null}
-	*/
-	read?: string;
-}
-
-export interface DataSourceSettingsConnectionDataSourceCrudAction {
-
-	/** Specifies the create method which is used to get the connectors to be added from client side to the server side
-	*   @Default {null}
-	*/
-	create?: string;
-
-	/** Specifies the update method which is used to get the updated connectors from client side to the server side
-	*   @Default {null}
-	*/
-	update?: string;
-
-	/** Specifies the destroy method which is used to get the deleted items data from client side to the server side
-	*   @Default {null}
-	*/
-	destroy?: string;
-
-	/** Specifies the read method which is used to get the data from client side to the server side
-	*   @Default {null}
-	*/
-	read?: string;
-}
-
-export interface DataSourceSettingsConnectionDataSource {
-
-	/** Sets the datasource for the connection datasource settings items.
-	*   @Default {null}
-	*/
-	dataSource?: string;
-
-	/** Sets the unique id of the connection data source item
-	*   @Default {null}
-	*/
-	id?: string;
-
-	/** Sets the sourcenode of the connection data source item
-	*   @Default {null}
-	*/
-	sourceNode?: string;
-
-	/** Sets the targetnode of the connection data source item
-	*   @Default {null}
-	*/
-	targetNode?: string;
-
-	/** Sets the sourcepoint-x value of the connection data source item
-	*   @Default {null}
-	*/
-	sourcePointX?: string;
-
-	/** Sets the sourcePoint-y value of the connection data source item
-	*   @Default {null}
-	*/
-	sourcePointY?: string;
-
-	/** Sets the targetPoint-x value of the connection data source item
-	*   @Default {null}
-	*/
-	targetPointX?: string;
-
-	/** Sets the targetPoint-y value of the connection data source item
-	*   @Default {null}
-	*/
-	targetPointY?: string;
-
-	/** Specifies the method name which is used to get updated connectors from client side to the server side
-	*   @Default {null}
-	*/
-	crudAction?: DataSourceSettingsConnectionDataSourceCrudAction;
-
-	/** Specifies the customfields to get the updated data from client side to the server side
-	*   @Default {[]}
-	*/
-	customFields?: Array<any>;
-}
-
-export interface DataSourceSettings {
-
-	/** Defines the data source either as a collection of objects or as an instance of ej.DataManager
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Sets the unique id of the data source items
-	*/
-	id?: string;
-
-	/** Defines the parent id of the data source item
-	*   @Default {''}
-	*/
-	parent?: string;
-
-	/** Describes query to retrieve a set of data from the specified datasource
-	*   @Default {null}
-	*/
-	query?: string;
-
-	/** Sets the unique id of the root data source item
-	*/
-	root?: string;
-
-	/** Describes the name of the table on which the specified query has to be executed
-	*   @Default {null}
-	*/
-	tableName?: string;
-
-	/** Specifies the method name which is used to get the updated data from client side to the server side
-	*   @Default {null}
-	*/
-	crudAction?: DataSourceSettingsCrudAction;
-
-	/** Specifies the customfields to get the updated data from client side to the server side
-	*   @Default {[]}
-	*/
-	customFields?: Array<any>;
-
-	/** Defines the data source either as a collection of objects or as an instance of ej.DataManager
-	*   @Default {null}
-	*/
-	connectionDataSource?: DataSourceSettingsConnectionDataSource;
-}
-
-export interface DefaultSettings {
-
-	/** Initializes the default connector properties
-	*   @Default {null}
-	*/
-	connector?: any;
-
-	/** Initializes the default properties of groups
-	*   @Default {null}
-	*/
-	group?: any;
-
-	/** Initializes the default properties for nodes
-	*   @Default {null}
-	*/
-	node?: any;
-}
-
-export interface HistoryManager {
-
-	/** A method that takes a history entry as argument and returns whether the specific entry can be popped or not
-	*/
-	canPop?: Function;
-
-	/** A method that ends grouping the changes
-	*/
-	closeGroupAction?: Function;
-
-	/** A method that removes the history of a recent change made in diagram
-	*/
-	pop?: Function;
-
-	/** A method that allows to track the custom changes made in diagram
-	*/
-	push?: Function;
-
-	/** Defines what should be happened while trying to restore a custom change
-	*   @Default {null}
-	*/
-	redo?: Function;
-
-	/** The redoStack property is used to get the number of redo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
-	*   @Default {[]}
-	*/
-	redoStack?: Array<any>;
-
-	/** The stackLimit property used to restrict the undo and redo actions to a certain limit.
-	*   @Default {null}
-	*/
-	stackLimit?: number;
-
-	/** A method that starts to group the changes to revert/restore them in a single undo or redo
-	*/
-	startGroupAction?: Function;
-
-	/** Defines what should be happened while trying to revert a custom change
-	*/
-	undo?: Function;
-
-	/** The undoStack property is used to get the number of undo actions to be stored on the history manager. Its an read-only property and the collection should not be modified.
-	*   @Default {[]}
-	*/
-	undoStack?: Array<any>;
-}
-
-export interface Layout {
-
-	/** Specifies the custom bounds to arrange/align the layout
-	*   @Default {ej.datavisualization.Diagram.Rectangle()}
-	*/
-	bounds?: any;
-
-	/** Defines the fixed node with reference to which, the layout will be arranged and fixed node will not be repositioned
-	*/
-	fixedNode?: string;
-
-	/** Customizes the orientation of trees/sub trees. For orientations, see Chart Orientations. For chart types, see Chart Types
-	*   @Default {null}
-	*/
-	getLayoutInfo?: any;
-
-	/** Defines a method to customize the segments based on source and target nodes.
-	*   @Default {null}
-	*/
-	getConnectorSegments?: any;
-
-	/** Sets the space to be horizontally left between nodes
-	*   @Default {30}
-	*/
-	horizontalSpacing?: number;
-
-	/** Defines the space to be left between layout bounds and layout.
-	*   @Default {ej.datavisualization.Diagram.Margin()}
-	*/
-	margin?: any;
-
-	/** Defines how to horizontally align the layout within the layout bounds
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-	*/
-	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** Defines how to vertically align the layout within the layout bounds
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-	*/
-	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
-
-	/** Sets the orientation/direction to arrange the diagram elements.
-	*   @Default {ej.datavisualization.Diagram.LayoutOrientations.TopToBottom}
-	*/
-	orientation?: ej.datavisualization.Diagram.LayoutOrientations|string;
-
-	/** Sets the type of the layout based on which the elements will be arranged.
-	*   @Default {ej.datavisualization.Diagram.LayoutTypes.None}
-	*/
-	type?: ej.datavisualization.Diagram.LayoutTypes|string;
-
-	/** Sets the space to be vertically left between nodes
-	*   @Default {30}
-	*/
-	verticalSpacing?: number;
-}
-
-export interface NodesAnnotation {
-
-	/** Sets the angle between the BPMN shape and the annotation
-	*   @Default {0}
-	*/
-	angle?: number;
-
-	/** Sets the direction of the text annotation
-	*   @Default {ej.datavisualization.Diagram.BPMNAnnotationDirections.Left}
-	*/
-	direction?: ej.datavisualization.Diagram.BPMNAnnotationDirection|string;
-
-	/** Sets the height of the text annotation
-	*   @Default {20}
-	*/
-	height?: number;
-
-	/** Sets the distance between the BPMN shape and the annotation
-	*   @Default {0}
-	*/
-	length?: number;
-
-	/** Defines the additional information about the flow object in a BPMN Process
-	*/
-	text?: string;
-
-	/** Sets the  width of the text annotation
-	*   @Default {20}
-	*/
-	width?: number;
-}
-
-export interface NodesClassAttribute {
-
-	/** Sets the name of the attribute
-	*/
-	name?: string;
-
-	/** Sets the data type of attribute
-	*/
-	type?: string;
-
-	/** Defines the visibility of the attribute
-	*   @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
-	*/
-	scope?: string;
-}
-
-export interface NodesClassMethod {
-
-	/** Sets the visibility of the method.
-	*   @Default {ej.datavisualization.Diagram.ScopeValueDefaults.Public}
-	*/
-	scope?: string;
-}
-
-export interface NodesClass {
-
-	/** Sets the name of class.
-	*/
-	name?: string;
-
-	/** Defines the collection of attributes
-	*   @Default {[]}
-	*/
-	attributes?: Array<NodesClassAttribute>;
-
-	/** Defines the collection of methods of a Class.
-	*   @Default {[]}
-	*/
-	methods?: Array<NodesClassMethod>;
-}
-
-export interface NodesCollapseIcon {
-
-	/** Sets the border color for collapse icon of node
-	*   @Default {black}
-	*/
-	borderColor?: string;
-
-	/** Sets the border width for collapse icon of node
-	*   @Default {1}
-	*/
-	borderWidth?: number;
-
-	/** Sets the fill color for collapse icon of node
-	*   @Default {white}
-	*/
-	fillColor?: string;
-
-	/** Defines the height for collapse icon of node
-	*   @Default {15}
-	*/
-	height?: number;
-
-	/** Sets the horizontal alignment of the icon.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-	*/
-	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** To set the margin for the collapse icon of node
-	*   @Default {ej.datavisualization.Diagram.Margin()}
-	*/
-	margin?: any;
-
-	/** Sets the fraction/ratio(relative to node) that defines the position of the icon
-	*   @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
-	*/
-	offset?: any;
-
-	/** Defines the shape of the collapsed state of the node.
-	*   @Default {ej.datavisualization.Diagram.IconShapes.None}
-	*/
-	shape?: ej.datavisualization.Diagram.IconShapes|string;
-
-	/** Sets the vertical alignment of the icon.
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-	*/
-	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
-}
-
-export interface NodesContainer {
-
-	/** Defines the orientation of the container. Applicable, if the group is a container.
-	*   @Default {vertical}
-	*/
-	orientation?: string;
-
-	/** Sets the type of the container. Applicable if the group is a container.
-	*   @Default {ej.datavisualization.Diagram.ContainerType.Canvas}
-	*/
-	type?: ej.datavisualization.Diagram.ContainerType|string;
-}
-
-export interface NodesData {
-
-	/** Sets the type of the BPMN Data object
-	*   @Default {ej.datavisualization.Diagram.BPMNDataObjects.None}
-	*/
-	type?: ej.datavisualization.Diagram.BPMNDataObjects|string;
-
-	/** Defines whether the BPMN data object is a collection or not
-	*   @Default {false}
-	*/
-	collection?: boolean;
-}
-
-export interface NodesEnumerationMember {
-
-	/** Sets the name of the enumeration member
-	*/
-	name?: string;
-}
-
-export interface NodesEnumeration {
-
-	/** Sets the name of the Enumeration
-	*/
-	name?: string;
-
-	/** Defines the collection of enumeration members
-	*   @Default {[]}
-	*/
-	members?: Array<NodesEnumerationMember>;
-}
-
-export interface NodesExpandIcon {
-
-	/** Sets the border color for expand icon of node
-	*   @Default {black}
-	*/
-	borderColor?: string;
-
-	/** Sets the border width for expand icon of node
-	*   @Default {1}
-	*/
-	borderWidth?: number;
-
-	/** Sets the fill color for expand icon of node
-	*   @Default {white}
-	*/
-	fillColor?: string;
-
-	/** Defines the height for expand icon of node
-	*   @Default {15}
-	*/
-	height?: number;
-
-	/** Sets the horizontal alignment of the icon.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-	*/
-	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** To set the margin for the expand icon of node
-	*   @Default {ej.datavisualization.Diagram.Margin()}
-	*/
-	margin?: any;
-
-	/** Sets the fraction/ratio(relative to node) that defines the position of the icon
-	*   @Default {ej.datavisualization.Diagram.Point(0.5, 1)}
-	*/
-	offset?: any;
-
-	/** Defines the shape of the expanded state of the node.
-	*   @Default {ej.datavisualization.Diagram.IconShapes.None}
-	*/
-	shape?: ej.datavisualization.Diagram.IconShapes|string;
-
-	/** Sets the vertical alignment of the icon.
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-	*/
-	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
-}
-
-export interface NodesGradientLinearGradient {
-
-	/** Defines the different colors and the region of color transitions
-	*   @Default {[]}
-	*/
-	stops?: Array<any>;
-
-	/** Defines the left most position(relative to node) of the rectangular region that needs to be painted
-	*   @Default {0}
-	*/
-	x1?: number;
-
-	/** Defines the right most position(relative to node) of the rectangular region that needs to be painted
-	*   @Default {0}
-	*/
-	x2?: number;
-
-	/** Defines the top most position(relative to node) of the rectangular region that needs to be painted
-	*   @Default {0}
-	*/
-	y1?: number;
-
-	/** Defines the bottom most position(relative to node) of the rectangular region that needs to be painted
-	*   @Default {0}
-	*/
-	y2?: number;
-}
-
-export interface NodesGradientRadialGradient {
-
-	/** Defines the position of the outermost circle
-	*   @Default {0}
-	*/
-	cx?: number;
-
-	/** Defines the outer most circle of the radial gradient
-	*   @Default {0}
-	*/
-	cy?: number;
-
-	/** Defines the innermost circle of the radial gradient
-	*   @Default {0}
-	*/
-	fx?: number;
-
-	/** Defines the innermost circle of the radial gradient
-	*   @Default {0}
-	*/
-	fy?: number;
-
-	/** Defines the different colors and the region of color transitions.
-	*   @Default {[]}
-	*/
-	stops?: Array<any>;
-}
-
-export interface NodesGradientStop {
-
-	/** Sets the color to be filled over the specified region
-	*/
-	color?: string;
-
-	/** Sets the position where the previous color transition ends and a new color transition starts
-	*   @Default {0}
-	*/
-	offset?: number;
-
-	/** Describes the transparency level of the region
-	*   @Default {1}
-	*/
-	opacity?: number;
-}
-
-export interface NodesGradient {
-
-	/** Paints the node with linear color transitions
-	*/
-	LinearGradient?: NodesGradientLinearGradient;
-
-	/** Paints the node with radial color transitions. A focal point defines the beginning of the gradient, and a circle defines the end point of the gradient.
-	*/
-	RadialGradient?: NodesGradientRadialGradient;
-
-	/** Defines the color and a position where the previous color transition ends and a new color transition starts
-	*/
-	Stop?: NodesGradientStop;
-}
-
-export interface NodesInterfaceAttribute {
-
-	/** Sets the name of the attribute
-	*/
-	name?: string;
-
-	/** Sets the type of the attribute
-	*/
-	type?: string;
-
-	/** Sets the visibility of the attribute
-	*/
-	scope?: string;
-}
-
-export interface NodesInterfaceMethod {
-
-	/** Sets the visibility of the method
-	*/
-	scope?: string;
-}
-
-export interface NodesInterface {
-
-	/** Sets the name of the interface
-	*/
-	name?: string;
-
-	/** Defines a collection of attributes of the interface
-	*   @Default {[]}
-	*/
-	attributes?: Array<NodesInterfaceAttribute>;
-
-	/** Defines the collection of public methods of an interface
-	*   @Default {[]}
-	*/
-	methods?: Array<NodesInterfaceMethod>;
-}
-
-export interface NodesLabel {
-
-	/** Enables/disables the bold style
-	*   @Default {false}
-	*/
-	bold?: boolean;
-
-	/** Sets the border color of the label
-	*   @Default {transparent}
-	*/
-	borderColor?: string;
-
-	/** Sets the border width of the label
-	*   @Default {0}
-	*/
-	borderWidth?: number;
-
-	/** Sets the fill color of the text area
-	*   @Default {transparent}
-	*/
-	fillColor?: string;
-
-	/** Sets the font color of the text
-	*   @Default {black}
-	*/
-	fontColor?: string;
-
-	/** Sets the font family of the text
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Defines the font size of the text
-	*   @Default {12}
-	*/
-	fontSize?: number;
-
-	/** Sets the horizontal alignment of the label.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-	*/
-	horizontalAlignment?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** Enables/disables the italic style
-	*   @Default {false}
-	*/
-	italic?: boolean;
-
-	/** To set the margin of the label
-	*   @Default {ej.datavisualization.Diagram.Margin()}
-	*/
-	margin?: any;
-
-	/** Gets whether the label is currently being edited or not.
-	*   @Default {ej.datavisualization.Diagram.LabelEditMode.Edit}
-	*/
-	mode?: ej.datavisualization.Diagram.LabelEditMode|string;
-
-	/** Sets the unique identifier of the label
-	*/
-	name?: string;
-
-	/** Sets the fraction/ratio(relative to node) that defines the position of the label
-	*   @Default {ej.datavisualization.Diagram.Point(0.5, 0.5)}
-	*/
-	offset?: any;
-
-	/** Defines the transparency of the labels
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Sets the overflowType of the labels
-	*   @Default {ej.datavisualization.Diagram.OverflowType.Ellipsis}
-	*/
-	overflowType?: ej.datavisualization.Diagram.OverflowType|string;
-
-	/** Defines whether the label is editable or not
-	*   @Default {false}
-	*/
-	readOnly?: boolean;
-
-	/** Defines the angle to which the label needs to be rotated
-	*   @Default {0}
-	*/
-	rotateAngle?: number;
-
-	/** Defines the label text
-	*/
-	text?: string;
-
-	/** Defines how to align the text inside the label.
-	*   @Default {ej.datavisualization.Diagram.TextAlign.Center}
-	*/
-	textAlign?: ej.datavisualization.Diagram.TextAlign|string;
-
-	/** Sets how to decorate the label text.
-	*   @Default {ej.datavisualization.Diagram.TextDecorations.None}
-	*/
-	textDecoration?: ej.datavisualization.Diagram.TextDecorations|string;
-
-	/** Defines the overflowed content is displayed or not.
-	*   @Default {false}
-	*/
-	textOverflow?: boolean;
-
-	/** Sets the vertical alignment of the label.
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Center}
-	*/
-	verticalAlignment?: ej.datavisualization.Diagram.VerticalAlignment|string;
-
-	/** Enables or disables the visibility of the label
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Sets the width of the label(the maximum value of label width and the node width will be considered as label width)
-	*   @Default {50}
-	*/
-	width?: number;
-
-	/** Defines how the label text needs to be wrapped.
-	*   @Default {ej.datavisualization.Diagram.TextWrapping.WrapWithOverflow}
-	*/
-	wrapping?: ej.datavisualization.Diagram.TextWrapping|string;
-}
-
-export interface NodesLane {
-
-	/** Defines the width of lane
-	*   @Default {0}
-	*/
-	width?: number;
-
-	/** Defines the height of lane
-	*   @Default {0}
-	*/
-	height?: number;
-
-	/** Defines the z-index of the lane
-	*   @Default {0}
-	*/
-	zorder?: number;
-
-	/** Allows to maintain additional information about lane
-	*   @Default {{}}
-	*/
-	addInfo?: any;
-
-	/** An array of objects where each object represents a child node of the lane
-	*   @Default {[]}
-	*/
-	children?: Array<any>;
-
-	/** Defines the fill color of the lane
-	*   @Default {white}
-	*/
-	fillColor?: string;
-
-	/** Defines the header of the lane
-	*   @Default {{ text: Function, fontSize: 11 }}
-	*/
-	header?: any;
-
-	/** Defines the object as a lane
-	*   @Default {false}
-	*/
-	isLane?: boolean;
-
-	/** Sets the unique identifier of the lane
-	*/
-	name?: string;
-
-	/** Sets the orientation of the lane.
-	*   @Default {vertical}
-	*/
-	orientation?: string;
-}
-
-export interface NodesPaletteItem {
-
-	/** Defines whether the symbol should be drawn at its actual size regardless of precedence factors or not
-	*   @Default {true}
-	*/
-	enableScale?: boolean;
-
-	/** Defines the height of the symbol
-	*   @Default {0}
-	*/
-	height?: number;
-
-	/** To display a name for nodes in the symbol palette
-	*   @Default {null}
-	*/
-	label?: string;
-
-	/** Defines the margin of the symbol item
-	*   @Default {{ left: 4, right: 4, top: 4, bottom: 4 }}
-	*/
-	margin?: any;
-
-	/** Defines the preview height of the symbol
-	*   @Default {undefined}
-	*/
-	previewHeight?: number;
-
-	/** Defines the preview width of the symbol
-	*   @Default {undefined}
-	*/
-	previewWidth?: number;
-
-	/** Defines the width of the symbol
-	*   @Default {0}
-	*/
-	width?: number;
-}
-
-export interface NodesPhase {
-
-	/** Defines the header of the smaller regions
-	*   @Default {null}
-	*/
-	label?: any;
-
-	/** Defines the line color of the splitter that splits adjacent phases.
-	*   @Default {#606060}
-	*/
-	lineColor?: string;
-
-	/** Sets the dash array that used to stroke the phase splitter
-	*   @Default {3,3}
-	*/
-	lineDashArray?: string;
-
-	/** Sets the lineWidth of the phase
-	*   @Default {1}
-	*/
-	lineWidth?: number;
-
-	/** Sets the unique identifier of the phase
-	*/
-	name?: string;
-
-	/** Sets the length of the smaller region(phase) of a swimlane
-	*   @Default {100}
-	*/
-	offset?: number;
-
-	/** Sets the orientation of the phase
-	*   @Default {horizontal}
-	*/
-	orientation?: string;
-
-	/** Sets the type of the object as phase
-	*   @Default {phase}
-	*/
-	type?: string;
-}
-
-export interface NodesPort {
-
-	/** Sets the border color of the port
-	*   @Default {#1a1a1a}
-	*/
-	borderColor?: string;
-
-	/** Sets the stroke width of the port
-	*   @Default {1}
-	*/
-	borderWidth?: number;
-
-	/** Defines the space to be left between the port bounds and its incoming and outgoing connections.
-	*   @Default {0}
-	*/
-	connectorPadding?: number;
-
-	/** Defines whether connections can be created with the port
-	*   @Default {ej.datavisualization.Diagram.PortConstraints.Connect}
-	*/
-	constraints?: ej.datavisualization.Diagram.PortConstraints|string;
-
-	/** Sets the fill color of the port
-	*   @Default {white}
-	*/
-	fillColor?: string;
-
-	/** Sets the unique identifier of the port
-	*/
-	name?: string;
-
-	/** Defines the position of the port as fraction/ ratio relative to node
-	*   @Default {ej.datavisualization.Diagram.Point(0, 0)}
-	*/
-	offset?: any;
-
-	/** Defines the path data to draw the port. Applicable, if the port shape is path.
-	*/
-	pathData?: string;
-
-	/** Defines the shape of the port.
-	*   @Default {ej.datavisualization.Diagram.PortShapes.Square}
-	*/
-	shape?: ej.datavisualization.Diagram.PortShapes|string;
-
-	/** Defines the size of the port
-	*   @Default {8}
-	*/
-	size?: number;
-
-	/** Defines when the port should be visible.
-	*   @Default {ej.datavisualization.Diagram.PortVisibility.Default}
-	*/
-	visibility?: ej.datavisualization.Diagram.PortVisibility|string;
-}
-
-export interface NodesShadow {
-
-	/** Defines the angle of the shadow relative to node
-	*   @Default {45}
-	*/
-	angle?: number;
-
-	/** Sets the distance to move the shadow relative to node
-	*   @Default {5}
-	*/
-	distance?: number;
-
-	/** Defines the opaque of the shadow
-	*   @Default {0.7}
-	*/
-	opacity?: number;
-}
-
-export interface NodesSubProcess {
-
-	/** Defines whether the BPMN sub process is without any prescribed order or not
-	*   @Default {false}
-	*/
-	adhoc?: boolean;
-
-	/** Sets the boundary of the BPMN process
-	*   @Default {ej.datavisualization.Diagram.BPMNBoundary.Default}
-	*/
-	boundary?: ej.datavisualization.Diagram.BPMNBoundary|string;
-
-	/** Sets whether the BPMN subprocess is triggered as a compensation of a specific activity
-	*   @Default {false}
-	*/
-	compensation?: boolean;
-
-	/** Sets whether the BPMN subprocess is triggered as a collapsed of a specific activity
-	*   @Default {true}
-	*/
-	collapsed?: boolean;
-
-	/** Sets the type of the event by which the sub-process will be triggered
-	*   @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
-	*/
-	event?: ej.datavisualization.Diagram.BPMNEvents|string;
-
-	/** Defines the collection of events that need to be appended with BPMN Sub-Process
-	*/
-	events?: Array<any>;
-
-	/** Defines the loop type of a sub process.
-	*   @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-	*/
-	loop?: ej.datavisualization.Diagram.BPMNLoops|string;
-
-	/** Defines the children for BPMN's SubProcess
-	*   @Default {[]}
-	*/
-	Processes?: Array<any>;
-
-	/** Defines the type of the event trigger
-	*   @Default {ej.datavisualization.Diagram.BPMNTriggers.Message}
-	*/
-	trigger?: ej.datavisualization.Diagram.BPMNTriggers|string;
-
-	/** Defines the type of a sub process
-	*   @Default {ej.datavisualization.Diagram.BPMNSubProcessTypes.None}
-	*/
-	type?: ej.datavisualization.Diagram.BPMNSubProcessTypes|string;
-}
-
-export interface NodesTask {
-
-	/** To set whether the task is a global task or not
-	*   @Default {false}
-	*/
-	call?: boolean;
-
-	/** Sets whether the task is triggered as a compensation of another specific activity
-	*   @Default {false}
-	*/
-	compensation?: boolean;
-
-	/** Sets the loop type of a BPMN task.
-	*   @Default {ej.datavisualization.Diagram.BPMNLoops.None}
-	*/
-	loop?: ej.datavisualization.Diagram.BPMNLoops|string;
-
-	/** Sets the type of the BPMN task.
-	*   @Default {ej.datavisualization.Diagram.BPMNTasks.None}
-	*/
-	type?: ej.datavisualization.Diagram.BPMNTasks|string;
-}
-
-export interface Node {
-
-	/** Defines the type of BPMN Activity. Applicable, if the node is a BPMN activity.
-	*   @Default {ej.datavisualization.Diagram.BPMNActivity.Task}
-	*/
-	activity?: ej.datavisualization.Diagram.BPMNActivity|string;
-
-	/** To maintain additional information about nodes
-	*   @Default {{}}
-	*/
-	addInfo?: any;
-
-	/** Defines the additional information of a process. It is not directly related to the message flows or sequence flows of the process.
-	*   @Default {ej.datavisualization.Diagram.BPMNTextAnnotation()}
-	*/
-	annotation?: NodesAnnotation;
-
-	/** Sets the border color of node
-	*   @Default {black}
-	*/
-	borderColor?: string;
-
-	/** Sets the pattern of dashes and gaps to stroke the border
-	*/
-	borderDashArray?: string;
-
-	/** Sets the border width of the node
-	*   @Default {1}
-	*/
-	borderWidth?: number;
-
-	/** Defines whether the group can be ungrouped or not
-	*   @Default {true}
-	*/
-	canUngroup?: boolean;
-
-	/** Array of JSON objects where each object represents a child node/connector
-	*   @Default {[]}
-	*/
-	children?: Array<any>;
-
-	/** Sets the type of UML classifier. Applicable, if the node is a UML Class Diagram shape.
-	*   @Default {ej.datavisualization.Diagram.ClassifierShapes.Class}
-	*/
-	classifier?: ej.datavisualization.Diagram.ClassifierShapes|string;
-
-	/** Defines the name, attributes and methods of a Class. Applicable, if the node is a Class.
-	*   @Default {null}
-	*/
-	class?: NodesClass;
-
-	/** Defines the state of the node is collapsed.
-	*/
-	collapseIcon?: NodesCollapseIcon;
-
-	/** Defines the distance to be left between a node and its connections(In coming and out going connections).
-	*   @Default {0}
-	*/
-	connectorPadding?: number;
-
-	/** Enables or disables the default behaviors of the node.
-	*   @Default {ej.datavisualization.Diagram.NodeConstraints.Default}
-	*/
-	constraints?: ej.datavisualization.Diagram.NodeConstraints|string;
-
-	/** Defines how the child objects need to be arranged(Either in any predefined manner or automatically). Applicable, if the node is a group.
-	*   @Default {null}
-	*/
-	container?: NodesContainer;
-
-	/** Defines the corner radius of rectangular shapes.
-	*   @Default {0}
-	*/
-	cornerRadius?: number;
-
-	/** Configures the styles of shapes
-	*/
-	cssClass?: string;
-
-	/** Defines the BPMN data object
-	*/
-	data?: NodesData;
-
-	/** Defines an Enumeration in a UML Class Diagram
-	*   @Default {null}
-	*/
-	enumeration?: NodesEnumeration;
-
-	/** Sets the type of the BPMN Events. Applicable, if the node is a BPMN event.
-	*   @Default {ej.datavisualization.Diagram.BPMNEvents.Start}
-	*/
-	event?: ej.datavisualization.Diagram.BPMNEvents|string;
-
-	/** Defines whether the node can be automatically arranged using layout or not
-	*   @Default {false}
-	*/
-	excludeFromLayout?: boolean;
-
-	/** Defines the state of the node is expanded or collapsed.
-	*/
-	expandIcon?: NodesExpandIcon;
-
-	/** Defines the fill color of the node
-	*   @Default {white}
-	*/
-	fillColor?: string;
-
-	/** Sets the type of the BPMN Gateway. Applicable, if the node is a BPMN gateway.
-	*   @Default {ej.datavisualization.Diagram.BPMNGateways.None}
-	*/
-	gateway?: ej.datavisualization.Diagram.BPMNGateways|string;
-
-	/** Paints the node with a smooth transition from one color to another color
-	*/
-	gradient?: NodesGradient;
-
-	/** Sets the type of the BPMN Shapes as group. Applicable, if the node is a BPMN.
-	*   @Default {ej.datavisualization.Diagram.BPMNShapes}
-	*/
-	group?: any;
-
-	/** Defines the header of a swimlane/lane
-	*   @Default {{ text: Title, fontSize: 11 }}
-	*/
-	header?: any;
-
-	/** Defines the height of the node
-	*   @Default {0}
-	*/
-	height?: number;
-
-	/** Sets the horizontal alignment of the node. Applicable, if the parent of the node is a container.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Left}
-	*/
-	horizontalAlign?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** A read only collection of the incoming connectors/edges of the node
-	*   @Default {[]}
-	*/
-	inEdges?: Array<any>;
-
-	/** Defines an interface in a UML Class Diagram
-	*   @Default {null}
-	*/
-	interface?: NodesInterface;
-
-	/** Defines whether the sub tree of the node is expanded or collapsed
-	*   @Default {true}
-	*/
-	isExpanded?: boolean;
-
-	/** Sets the node as a swimlane
-	*   @Default {false}
-	*/
-	isSwimlane?: boolean;
-
-	/** A collection of objects where each object represents a label
-	*   @Default {[]}
-	*/
-	labels?: Array<NodesLabel>;
-
-	/** An array of objects where each object represents a lane. Applicable, if the node is a swimlane.
-	*   @Default {[]}
-	*/
-	lanes?: Array<NodesLane>;
-
-	/** Defines the minimum space to be left between the bottom of parent bounds and the node. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginBottom?: number;
-
-	/** Defines the minimum space to be left between the left of parent bounds and the node. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginLeft?: number;
-
-	/** Defines the minimum space to be left between the right of the parent bounds and the node. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginRight?: number;
-
-	/** Defines the minimum space to be left between the top of parent bounds and the node. Applicable, if the parent is a container.
-	*   @Default {0}
-	*/
-	marginTop?: number;
-
-	/** Defines the maximum height limit of the node
-	*   @Default {0}
-	*/
-	maxHeight?: number;
-
-	/** Defines the maximum width limit of the node
-	*   @Default {0}
-	*/
-	maxWidth?: number;
-
-	/** Defines the minimum height limit of the node
-	*   @Default {0}
-	*/
-	minHeight?: number;
-
-	/** Defines the minimum width limit of the node
-	*   @Default {0}
-	*/
-	minWidth?: number;
-
-	/** Sets the unique identifier of the node
-	*/
-	name?: string;
-
-	/** Defines the position of the node on X-Axis
-	*   @Default {0}
-	*/
-	offsetX?: number;
-
-	/** Defines the position of the node on Y-Axis
-	*   @Default {0}
-	*/
-	offsetY?: number;
-
-	/** Defines the opaque of the node
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Defines the orientation of nodes. Applicable, if the node is a swimlane.
-	*   @Default {vertical}
-	*/
-	orientation?: string;
-
-	/** A read only collection of outgoing connectors/edges of the node
-	*   @Default {[]}
-	*/
-	outEdges?: Array<any>;
-
-	/** Defines the minimum padding value to be left between the bottom most position of a group and its children. Applicable, if the group is a container.
-	*   @Default {0}
-	*/
-	paddingBottom?: number;
-
-	/** Defines the minimum padding value to be left between the left most position of a group and its children. Applicable, if the group is a container.
-	*   @Default {0}
-	*/
-	paddingLeft?: number;
-
-	/** Defines the minimum padding value to be left between the right most position of a group and its children. Applicable, if the group is a container.
-	*   @Default {0}
-	*/
-	paddingRight?: number;
-
-	/** Defines the minimum padding value to be left between the top most position of a group and its children. Applicable, if the group is a container.
-	*   @Default {0}
-	*/
-	paddingTop?: number;
-
-	/** Defines the size and preview size of the node to add that to symbol palette
-	*   @Default {null}
-	*/
-	paletteItem?: NodesPaletteItem;
-
-	/** Sets the name of the parent group
-	*/
-	parent?: string;
-
-	/** Sets the path geometry that defines the shape of a path node
-	*/
-	pathData?: string;
-
-	/** An array of objects, where each object represents a smaller region(phase) of a swimlane.
-	*   @Default {[]}
-	*/
-	phases?: Array<NodesPhase>;
-
-	/** Sets the height of the phase headers
-	*   @Default {0}
-	*/
-	phaseSize?: number;
-
-	/** Sets the ratio/ fractional value relative to node, based on which the node will be transformed(positioning, scaling and rotation)
-	*   @Default {ej.datavisualization.Diagram.Points(0.5,0.5)}
-	*/
-	pivot?: any;
-
-	/** Defines a collection of points to draw a polygon. Applicable, if the shape is a polygon.
-	*   @Default {[]}
-	*/
-	points?: Array<any>;
-
-	/** An array of objects where each object represents a port
-	*   @Default {[]}
-	*/
-	ports?: Array<NodesPort>;
-
-	/** Sets the angle to which the node should be rotated
-	*   @Default {0}
-	*/
-	rotateAngle?: number;
-
-	/** Defines the opacity and the position of shadow
-	*   @Default {ej.datavisualization.Diagram.Shadow()}
-	*/
-	shadow?: NodesShadow;
-
-	/** Sets the shape of the node. It depends upon the type of node.
-	*   @Default {ej.datavisualization.Diagram.BasicShapes.Rectangle}
-	*/
-	shape?: ej.datavisualization.Diagram.BasicShapes | ej.datavisualization.Diagram.FlowShapes | ej.datavisualization.Diagram.BPMNShapes | ej.datavisualization.Diagram.UMLActivityShapes|string;
-
-	/** Sets the source path of the image. Applicable, if the type of the node is image.
-	*/
-	source?: string;
-
-	/** Defines the sub process of a BPMN Activity. Applicable, if the type of the BPMN activity is sub process.
-	*   @Default {ej.datavisualization.Diagram.BPMNSubProcess()}
-	*/
-	subProcess?: NodesSubProcess;
-
-	/** Defines the task of the BPMN activity. Applicable, if the type of activity is set as task.
-	*   @Default {ej.datavisualization.Diagram.BPMNTask()}
-	*/
-	task?: NodesTask;
-
-	/** Sets the id of svg/html templates. Applicable, if the node is HTML or native.
-	*/
-	templateId?: string;
-
-	/** Defines the textBlock of a text node
-	*   @Default {null}
-	*/
-	textBlock?: any;
-
-	/** Defines the tooltip that should be shown when the mouse hovers over node. For tooltip properties, refer Tooltip
-	*   @Default {null}
-	*/
-	tooltip?: any;
-
-	/** Sets the type of BPMN Event Triggers.
-	*   @Default {ej.datavisualization.Diagram.BPMNTriggers.None}
-	*/
-	trigger?: ej.datavisualization.Diagram.BPMNTriggers|string;
-
-	/** Defines the type of the node.
-	*   @Default {ej.datavisualization.Diagram.Shapes.Basic}
-	*/
-	type?: ej.datavisualization.Diagram.Shapes|string;
-
-	/** Sets the vertical alignment of a node. Applicable, if the parent of a node is a container.
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Top}
-	*/
-	verticalAlign?: ej.datavisualization.Diagram.VerticalAlignment|string;
-
-	/** Defines the visibility of the node
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Defines the width of the node
-	*   @Default {0}
-	*/
-	width?: number;
-
-	/** Defines the z-index of the node
-	*   @Default {0}
-	*/
-	zOrder?: number;
-}
-
-export interface PageSettings {
-
-	/** Defines the maximum distance to be left between the object and the scroll bar to trigger auto scrolling
-	*   @Default {{ left: 15, top: 15, right: 15, bottom: 15 }}
-	*/
-	autoScrollBorder?: any;
-
-	/** Sets whether multiple pages can be created to fit all nodes and connectors
-	*   @Default {false}
-	*/
-	multiplePage?: boolean;
-
-	/** Defines the background color of diagram pages
-	*   @Default {#ffffff}
-	*/
-	pageBackgroundColor?: string;
-
-	/** Defines the page border color
-	*   @Default {#565656}
-	*/
-	pageBorderColor?: string;
-
-	/** Sets the border width of diagram pages
-	*   @Default {0}
-	*/
-	pageBorderWidth?: number;
-
-	/** Defines the height of a page
-	*   @Default {null}
-	*/
-	pageHeight?: number;
-
-	/** Defines the page margin
-	*   @Default {24}
-	*/
-	pageMargin?: number;
-
-	/** Sets the orientation of the page.
-	*   @Default {ej.datavisualization.Diagram.PageOrientations.Portrait}
-	*/
-	pageOrientation?: ej.datavisualization.Diagram.PageOrientations|string;
-
-	/** Defines the height of a diagram page
-	*   @Default {null}
-	*/
-	pageWidth?: number;
-
-	/** Defines the scrollable area of diagram. Applicable, if the scroll limit is &quot;limited&quot;.
-	*   @Default {null}
-	*/
-	scrollableArea?: any;
-
-	/** Defines the scrollable region of diagram.
-	*   @Default {ej.datavisualization.Diagram.ScrollLimit.Infinite}
-	*/
-	scrollLimit?: ej.datavisualization.Diagram.ScrollLimit|string;
-
-	/** Defines the draggable region of diagram elements.
-	*   @Default {ej.datavisualization.Diagram.BoundaryConstraints.Infinite}
-	*/
-	boundaryConstraints?: ej.datavisualization.Diagram.BoundaryConstraints|string;
-
-	/** Enables or disables the page breaks
-	*   @Default {false}
-	*/
-	showPageBreak?: boolean;
-}
-
-export interface ScrollSettings {
-
-	/** Allows to read the zoom value of diagram
-	*   @Default {0}
-	*/
-	currentZoom?: number;
-
-	/** Sets the horizontal scroll offset
-	*   @Default {0}
-	*/
-	horizontalOffset?: number;
-
-	/** Allows to extend the scrollable region that is based on the scroll limit
-	*   @Default {{left: 0, right: 0, top:0, bottom: 0}}
-	*/
-	padding?: any;
-
-	/** Sets the vertical scroll offset
-	*   @Default {0}
-	*/
-	verticalOffset?: number;
-
-	/** Allows to read the view port height of the diagram
-	*   @Default {0}
-	*/
-	viewPortHeight?: number;
-
-	/** Allows to read the view port width of the diagram
-	*   @Default {0}
-	*/
-	viewPortWidth?: number;
-}
-
-export interface SelectedItemsUserHandle {
-
-	/** Defines the name of the user handle
-	*/
-	name?: string;
-
-	/** Defines the background color of the user handle
-	*   @Default {#2382c3}
-	*/
-	backgroundColor?: string;
-
-	/** Sets the border color of the user handle
-	*   @Default {transparent}
-	*/
-	borderColor?: string;
-
-	/** Defines whether the user handle should be added, when more than one element is selected
-	*   @Default {false}
-	*/
-	enableMultiSelection?: boolean;
-
-	/** Sets the stroke color of the user handle
-	*   @Default {transparent}
-	*/
-	pathColor?: string;
-
-	/** Defines the custom shape of the user handle
-	*/
-	pathData?: string;
-
-	/** Defines the position of the user handle
-	*   @Default {ej.datavisualization.Diagram.UserHandlePositions.BottomCenter}
-	*/
-	position?: ej.datavisualization.Diagram.UserHandlePositions |string;
-
-	/** Defines the size of the user handle
-	*   @Default {8}
-	*/
-	size?: number;
-
-	/** Defines the interactive behaviors of the user handle
-	*/
-	tool?: any;
-
-	/** Defines the visibility of the user handle
-	*   @Default {true}
-	*/
-	visible?: boolean;
-}
-
-export interface SelectedItems {
-
-	/** A read only collection of the selected items
-	*   @Default {[]}
-	*/
-	children?: Array<any>;
-
-	/** Controls the visibility of selector.
-	*   @Default {ej.datavisualization.Diagram.SelectorConstraints.All}
-	*/
-	constraints?: ej.datavisualization.Diagram.SelectorConstraints|string;
-
-	/** Defines a method that dynamically enables/ disables the interaction with multiple selection.
-	*   @Default {null}
-	*/
-	getConstraints?: any;
-
-	/** Sets the height of the selected items
-	*   @Default {0}
-	*/
-	height?: number;
-
-	/** Sets the x position of the selector
-	*   @Default {0}
-	*/
-	offsetX?: number;
-
-	/** Sets the y position of the selector
-	*   @Default {0}
-	*/
-	offsetY?: number;
-
-	/** Sets the angle to rotate the selected items
-	*   @Default {0}
-	*/
-	rotateAngle?: number;
-
-	/** Sets the angle to rotate the selected items. For tooltip properties, refer Tooltip
-	*   @Default {ej.datavisualization.Diagram.Tooltip()}
-	*/
-	tooltip?: any;
-
-	/** A collection of frequently used commands that will be added around the selector
-	*   @Default {[]}
-	*/
-	userHandles?: Array<SelectedItemsUserHandle>;
-
-	/** Sets the width of the selected items
-	*   @Default {0}
-	*/
-	width?: number;
-}
-
-export interface SnapSettingsHorizontalGridLines {
-
-	/** Defines the line color of horizontal grid lines
-	*   @Default {lightgray}
-	*/
-	lineColor?: string;
-
-	/** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
-	*/
-	lineDashArray?: string;
-
-	/** A pattern of lines and gaps that defines a set of horizontal gridlines
-	*   @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
-	*/
-	linesInterval?: Array<any>;
-
-	/** Specifies a set of intervals to snap the objects
-	*   @Default {[20]}
-	*/
-	snapInterval?: Array<any>;
-}
-
-export interface SnapSettingsVerticalGridLines {
-
-	/** Defines the line color of horizontal grid lines
-	*   @Default {lightgray}
-	*/
-	lineColor?: string;
-
-	/** Specifies the pattern of dashes and gaps used to stroke horizontal grid lines
-	*/
-	lineDashArray?: string;
-
-	/** A pattern of lines and gaps that defines a set of horizontal gridlines
-	*   @Default {[1.25, 18.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75, 0.25, 19.75]}
-	*/
-	linesInterval?: Array<any>;
-
-	/** Specifies a set of intervals to snap the objects
-	*   @Default {[20]}
-	*/
-	snapInterval?: Array<any>;
-}
-
-export interface SnapSettings {
-
-	/** Enables or disables snapping nodes/connectors to objects
-	*   @Default {true}
-	*/
-	enableSnapToObject?: boolean;
-
-	/** Defines the appearance of horizontal gridlines
-	*/
-	horizontalGridLines?: SnapSettingsHorizontalGridLines;
-
-	/** Defines the angle by which the object needs to be snapped
-	*   @Default {5}
-	*/
-	snapAngle?: number;
-
-	/** Defines and sets the snapConstraints
-	*/
-	snapConstraints?: ej.datavisualization.Diagram.SnapConstraints|string;
-
-	/** Defines the minimum distance between the selected object and the nearest object
-	*   @Default {5}
-	*/
-	snapObjectDistance?: number;
-
-	/** Defines the appearance of horizontal gridlines
-	*/
-	verticalGridLines?: SnapSettingsVerticalGridLines;
-}
-
-export interface TooltipAlignment {
-
-	/** Defines the horizontal alignment of tooltip.
-	*   @Default {ej.datavisualization.Diagram.HorizontalAlignment.Center}
-	*/
-	horizontal?: ej.datavisualization.Diagram.HorizontalAlignment|string;
-
-	/** Defines the vertical alignment of tooltip.
-	*   @Default {ej.datavisualization.Diagram.VerticalAlignment.Bottom}
-	*/
-	vertical?: ej.datavisualization.Diagram.VerticalAlignment|string;
-}
-
-export interface Tooltip {
-
-	/** Aligns the tooltip around nodes/connectors
-	*/
-	alignment?: TooltipAlignment;
-
-	/** Sets the margin of the tooltip
-	*   @Default {{ left: 5, right: 5, top: 5, bottom: 5 }}
-	*/
-	margin?: any;
-
-	/** Defines whether the tooltip should be shown at the mouse position or around node.
-	*   @Default {ej.datavisualization.Diagram.RelativeMode.Object}
-	*/
-	relativeMode?: ej.datavisualization.Diagram.RelativeMode|string;
-
-	/** Sets the svg/html template to be bound with tooltip
-	*/
-	templateId?: string;
-}
-}
-module Diagram
-{
-enum ImageAlignment 
-{
-//Scales the graphic content non-uniformly to the width and height of the diagram area
-None,
-//Used to align the image at the top left of diagram area 
-XMinYMin,
-//Used to align the image at the left center of diagram area
-XMinYMid,
-//Used to align the image at the bottom left of diagram area
-XMinYMax,
-//Used to align the image at the top center of diagram area
-XMidYMin,
-//Used to align the image at the center of diagram area
-XMidYMid,
-//Used to align the image at the bottom center of diagram area
-XMidYMax,
-//Used to align the image at the top right of diagram area/node
-XMaxYMin,
-//Used to align the image at the right center of diagram area/node
-XMaxYMid,
-//Used to align the image at the bottom right of diagram area/node
-XMaxYMax,
-}
-}
-module Diagram
-{
-enum BridgeDirection
-{
-//Used to set the direction of line bridges as left
-Left,
-//Used to set the direction of line bridges as right
-Right,
-//Used to set the direction of line bridges as top
-Top,
-//Used to set the direction of line bridges as bottom
-Bottom,
-}
-}
-module Diagram
-{
-enum Keys
-{
-//No key pressed.
-None,
-//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 0 key.
-Number0,
-//The 1 key.
-Number1,
-//The 2 key.
-Number2,
-//The 3 key.
-Number3,
-//The 4 key.
-Number4,
-//The 5 key.
-Number5,
-//The 6 key.
-Number6,
-//The 7 key.
-Number7,
-//The 8 key.
-Number8,
-//The 9 key.
-Number9,
-//The LEFT ARROW key.
-Left,
-//The UP ARROW key.
-Up,
-//The RIGHT ARROW key.
-Right,
-//The DOWN ARROW key.
-Down,
-//The ESC key.
-Escape,
-//The DEL key.
-Delete,
-//The TAB key.
-Tab,
-//The ENTER key.
-Enter,
-}
-}
-module Diagram
-{
-enum KeyModifiers
-{
-//No modifiers are pressed.
-None,
-//The ALT key.
-Alt,
-//The CTRL key.
-Control,
-//The SHIFT key.
-Shift,
-}
-}
-module Diagram
-{
-enum ConnectorConstraints
-{
-//Disable all connector Constraints
-None,
-//Enables connector to be selected
-Select,
-//Enables connector to be Deleted
-Delete,
-//Enables connector to be Dragged
-Drag,
-//Enables connectors source end to be selected
-DragSourceEnd,
-//Enables connectors target end to be selected
-DragTargetEnd,
-//Enables control point and end point of every segment in a connector for editing
-DragSegmentThumb,
-//Enables bridging to the connector
-Bridging,
-//Enables label of node to be Dragged
-DragLabel,
-//Enables bridging to the connector
-InheritBridging,
-//Enables user interaction to the connector
-PointerEvents,
-//Enables the contrast between clean edges of connector over rendering speed and geometric precision
-CrispEdges,
-//Enables all constraints
-Default,
-}
-}
-module Diagram
-{
-enum HorizontalAlignment
-{
-//Used to align text horizontally on left side of node/connector
-Left,
-//Used to align text horizontally on center of node/connector
-Center,
-//Used to align text horizontally on right side of node/connector
-Right,
-}
-}
-module Diagram
-{
-enum Alignment
-{
-//Used to align the label either top or left(before) of the connector segment
-Before,
-//Used to align the label at center of the connector segment
-Center,
-//Used to align the label either bottom or right(after) of the connector segment
-After,
-}
-}
-module Diagram
-{
-enum LabelRelativeMode
-{
-//Sets the relativeMode as SegmentPath
-SegmentPath,
-//Sets the relativeMode as SegmentBounds
-SegmentBounds,
-}
-}
-module Diagram
-{
-enum Segments
-{
-//Used to specify the lines as Straight
-Straight,
-//Used to specify the lines as Orthogonal
-Orthogonal,
-//Used to specify the lines as Bezier
-Bezier,
-}
-}
-module Diagram
-{
-enum ConnectorShapes
-{
-//Used to specify connector type as BPMN
-BPMN,
-//Used to specify connector type as UMLClassifier
-UMLClassifier,
-//Used to specify connector type as UMLActivity
-UMLActivity,
-}
-}
-module Diagram
-{
-enum BPMNFlows
-{
-//Used to specify the Sequence flow in a BPMN Process
-Sequence,
-//Used to specify the Association flow in a BPMN Process 
-Association,
-//Used to specify the Message flow in a BPMN Process
-Message,
-}
-}
-module Diagram
-{
-enum AssociationFlows
-{
-//Used to notate default association in a BPMN Process
-Default,
-//Used to notate directional association in a BPMN Process
-Directional,
-//User to notate bi-directional association in a BPMN Process
-BiDirectional,
-}
-}
-module Diagram
-{
-enum BPMNMessageFlows
-{
-//Used to notate the default message flow in a BPMN Process
-Default,
-//Used to notate the instantiating message flow in a BPMN Process
-InitiatingMessage,
-//Used to notate the non-instantiating message flow in a BPMN Process
-NonInitiatingMessage,
-}
-}
-module Diagram
-{
-enum BPMNSequenceFlows
-{
-//Used to notate the normal sequence flow in a BPMN Process
-Normal,
-//Used to notate the conditional sequence flow in a BPMN Process
-Conditional,
-//Used to notate the default sequence flow in a BPMN Process
-Default,
-}
-}
-module Diagram
-{
-enum ClassifierShapes
-{
-//Used to define a Class
-Class,
-//Used to define an Interface
-Interface,
-//Used to define an Enumeration
-Enumeration,
-//Used to notate association in UML Class Diagram
-Association,
-//Used to notate aggregation in a UML Class Diagram
-Aggregation,
-//Used to notate composition in a UML Class Diagram
-Composition,
-//Used to notate dependency in a UML Class Diagram
-Dependency,
-//Used to notate inheritance in a UML Class Diagram
-Inheritance,
-}
-}
-module Diagram
-{
-enum Multiplicity
-{
-//Each entity instance is related to a single instance of another entity
-OneToOne,
-//An entity instance can be related to multiple instances of the other entities
-OneToMany,
-//Multiple instances of an entity can be related to a single instance of the other entity
-ManyToOne,
-//The entity instances can be related to multiple instances of each other
-ManyToMany,
-}
-}
-module Diagram
-{
-enum UMLActivityFlow
-{
-//Defines a activity flow as Object in UML Activity Diagram
-Object,
-//Defines a activity flow as Control in UML Activity Diagram
-Control,
-//Defines a activity flow as Exception in UML Activity Diagram
-Exception,
-}
-}
-module Diagram
-{
-enum DecoratorShapes
-{
-//Used to set decorator shape as none
-None,
-//Used to set decorator shape as Arrow
-Arrow,
-//Used to set decorator shape as Open Arrow
-OpenArrow,
-//Used to set decorator shape as Circle
-Circle,
-//Used to set decorator shape as Diamond
-Diamond,
-//Used to set decorator shape as path
-Path,
-}
-}
-module Diagram
-{
-enum VerticalAlignment
-{
-//Used to align text Vertically on left side of node/connector
-Top,
-//Used to align text Vertically on center of node/connector
-Center,
-//Used to align text Vertically on bottom of node/connector
-Bottom,
-}
-}
-module Diagram
-{
-enum DiagramConstraints
-{
-//Disables all DiagramConstraints
-None,
-//Enables/Disables interaction done with the help of API methods
-APIUpdate,
-//Enables/Disables UserInteraction
-UserInteraction,
-//Enables/Disables PageEditing
-PageEditable,
-//Enables/Disables Bridging
-Bridging,
-//Enables/Disables Zooming
-Zoomable,
-//Enables/Disables panning on horizontal axis
-PannableX,
-//Enables/Disables panning on vertical axis
-PannableY,
-//Enables/Disables Panning
-Pannable,
-//Enables/Disables undo actions
-Undoable,
-//Enables/Disables the sharp edges
-CrispEdges,
-//Enables/Disables the Diagram size updation on the window resize function
-Resizable,
-//Enables/Disables the Zooming of labels text editor
-ZoomTextEditor,
-//Enables/Disables the drag and drop of element from one diagram to the other
-FloatElements,
-//Enables all Constraints
-Default,
-}
-}
-module Diagram
-{
-enum LabelRenderingMode
-{
-//Sets the labelRenderingMode as Html
-Html,
-//Sets the labelRenderingMode as Svg
-Svg,
-}
-}
-module Diagram
-{
-enum LayoutOrientations
-{
-//Used to set LayoutOrientation from top to bottom
-TopToBottom,
-//Used to set LayoutOrientation from bottom to top
-BottomToTop,
-//Used to set LayoutOrientation from left to right
-LeftToRight,
-//Used to set LayoutOrientation from right to left
-RightToLeft,
-}
-}
-module Diagram
-{
-enum LayoutTypes
-{
-//Used not to set any specific layout
-None,
-//Used to set layout type as hierarchical layout
-HierarchicalTree,
-//Used to set layout type as organnizational chart
-OrganizationalChart,
-}
-}
-module Diagram
-{
-enum BPMNActivity
-{
-//Used to set BPMN Activity as None
-None,
-//Used to set BPMN Activity as Task
-Task,
-//Used to set BPMN Activity as SubProcess
-SubProcess,
-}
-}
-module Diagram
-{
-enum BPMNAnnotationDirection
-{
-//Used to set the direction of BPMN Annotation as left
-Left,
-//Used to set the direction of BPMN Annotation as right
-Right,
-//Used to set the direction of BPMN Annotation as top
-Top,
-//Used to set the direction of BPMN Annotation as bottom
-Bottom,
-}
-}
-module Diagram
-{
-enum IconShapes
-{
-//Used to set collapse icon shape as none
-None,
-//Used to set collapse icon shape as Arrow(Up/Down)
-Arrow,
-//Used to set collapse icon shape as Plus
-Plus,
-//Used to set collapse icon shape as Minus
-Minus,
-//Used to set collapse icon shape as path
-Path,
-//Used to set icon shape as template
-Template,
-//Used to set icon shape as image
-Image,
-}
-}
-module Diagram
-{
-enum NodeConstraints
-{
-//Disable all node Constraints
-None,
-//Enables node to be selected
-Select,
-//Enables node to be Deleted
-Delete,
-//Enables node to be Dragged
-Drag,
-//Enables node to be Rotated
-Rotate,
-//Enables node to be connected
-Connect,
-//Enables node to be resize north east
-ResizeNorthEast,
-//Enables node to be resize east
-ResizeEast,
-//Enables node to be resize south east
-ResizeSouthEast,
-//Enables node to be resize south
-ResizeSouth,
-//Enables node to be resize south west
-ResizeSouthWest,
-//Enables node to be resize west
-ResizeWest,
-//Enables node to be resize north west
-ResizeNorthWest,
-//Enables node to be resize north
-ResizeNorth,
-//Enables node to be Resized
-Resize,
-//Enables shadow
-Shadow,
-//Enables label of node to be Dragged
-DragLabel,
-//Enables panning should be done while node dragging
-AllowPan,
-//Enables Proportional resize for node
-AspectRatio,
-//Enables the user interaction with the node
-PointerEvents,
-//Enables contrast between clean edges for the node over rendering speed and geometric precision
-CrispEdges,
-//Enables all node constraints
-Default,
-}
-}
-module Diagram
-{
-enum ContainerType
-{
-//Sets the container type as Canvas
-Canvas,
-//Sets the container type as Stack
-Stack,
-}
-}
-module Diagram
-{
-enum BPMNDataObjects
-{
-//Used to notate the Input type BPMN data object
-Input,
-//Used to notate the Output type BPMN data object
-Output,
-//Used to set BPMN data object type as None
-None,
-}
-}
-module Diagram
-{
-enum BPMNEvents
-{
-//Used to set BPMN Event as Start
-Start,
-//Used to set BPMN Event as Intermediate
-Intermediate,
-//Used to set BPMN Event as End
-End,
-//Used to set BPMN Event as NonInterruptingStart
-NonInterruptingStart,
-//Used to set BPMN Event as NonInterruptingIntermediate
-NonInterruptingIntermediate,
-//Used to set BPMN Event as ThrowingIntermediate
-ThrowingIntermediate,
-}
-}
-module Diagram
-{
-enum BPMNGateways
-{
-//Used to set BPMN Gateway as None
-None,
-//Used to set BPMN Gateway as Exclusive
-Exclusive,
-//Used to set BPMN Gateway as Inclusive
-Inclusive,
-//Used to set BPMN Gateway as Parallel
-Parallel,
-//Used to set BPMN Gateway as Complex
-Complex,
-//Used to set BPMN Gateway as EventBased
-EventBased,
-//Used to set BPMN Gateway as ExclusiveEventBased
-ExclusiveEventBased,
-//Used to set BPMN Gateway as ParallelEventBased
-ParallelEventBased,
-}
-}
-module Diagram
-{
-enum LabelEditMode
-{
-//Used to set label edit mode as edit
-Edit,
-//Used to set label edit mode as view
-View,
-}
-}
-module Diagram
-{
-enum OverflowType
-{
-//Set overflow Type as ellipsis
-Ellipsis,
-//Set overflow Type  as Clip
-Clip,
-}
-}
-module Diagram
-{
-enum TextAlign
-{
-//Used to align text on left side of node/connector
-Left,
-//Used to align text on center of node/connector
-Center,
-//Used to align text on Right side of node/connector
-Right,
-}
-}
-module Diagram
-{
-enum TextDecorations
-{
-//Used to set text decoration of the label as Underline
-Underline,
-//Used to set text decoration of the label as Overline
-Overline,
-//Used to set text decoration of the label as LineThrough
-LineThrough,
-//Used to set text decoration of the label as None
-None,
-}
-}
-module Diagram
-{
-enum TextWrapping
-{
-//Disables wrapping
-NoWrap,
-//Enables Line-break at normal word break points
-Wrap,
-//Enables Line-break at normal word break points with longer word overflows
-WrapWithOverflow,
-}
-}
-module Diagram
-{
-enum PortConstraints
-{
-//Disable all constraints
-None,
-//Enables connections with connector
-Connect,
-//Enables to create the connection when mouse hover on the port.
-ConnectOnDrag,
-}
-}
-module Diagram
-{
-enum PortShapes
-{
-//Used to set port shape as X
-X,
-//Used to set port shape as Circle
-Circle,
-//Used to set port shape as Square
-Square,
-//Used to set port shape as Path
-Path,
-}
-}
-module Diagram
-{
-enum PortVisibility
-{
-//Set the port visibility as Visible
-Visible,
-//Set the port visibility as Hidden
-Hidden,
-//Port get visible when hover connector on node
-Hover,
-//Port gets visible when connect connector to node
-Connect,
-//Specifies the port visibility as default
-Default,
-}
-}
-module Diagram
-{
-enum BasicShapes 
-{
-//Used to specify node Shape as Rectangle
-Rectangle,
-//Used to specify node Shape as Ellipse
-Ellipse,
-//Used to specify node Shape as Path
-Path,
-//Used to specify node Shape as Polygon
-Polygon,
-//Used to specify node Shape as Triangle
-Triangle,
-//Used to specify node Shape as Plus
-Plus,
-//Used to specify node Shape as Star
-Star,
-//Used to specify node Shape as Pentagon
-Pentagon,
-//Used to specify node Shape as Heptagon
-Heptagon,
-//Used to specify node Shape as Octagon
-Octagon,
-//Used to specify node Shape as Trapezoid
-Trapezoid,
-//Used to specify node Shape as Decagon
-Decagon,
-//Used to specify node Shape as RightTriangle
-RightTriangle,
-//Used to specify node Shape as Cylinder
-Cylinder,
-}
-}
-module Diagram
-{
-enum FlowShapes 
-{
-//Used to specify node Shape as Process
-Process,
-//Used to specify node Shape as Decision
-Decision,
-//Used to specify node Shape as Document
-Document,
-//Used to specify node Shape as PreDefinedProcess
-PreDefinedProcess,
-//Used to specify node Shape as Terminator
-Terminator,
-//Used to specify node Shape as PaperTap
-PaperTap,
-//Used to specify node Shape as DirectData
-DirectData,
-//Used to specify node Shape as SequentialData 
-SequentialData,
-//Used to specify node Shape as Sort
-Sort,
-//Used to specify node Shape as MultiDocument
-MultiDocument,
-//Used to specify node Shape as Collate
-Collate,
-//Used to specify node Shape as SummingJunction
-SummingJunction,
-//Used to specify node Shape as Or
-Or,
-//Used to specify node Shape as InternalStorage
-InternalStorage,
-//Used to specify node Shape as Extract
-Extract,
-//Used to specify node Shape as ManualOperation
-ManualOperation,
-//Used to specify node Shape as Merge
-Merge,
-//Used to specify node Shape as OffPageReference
-OffPageReference,
-//Used to specify node Shape as SequentialAccessStorage
-SequentialAccessStorage,
-//Used to specify node Shape as Annotation1
-Annotation1,
-//Used to specify node Shape as Annotation2
-Annotation2,
-//Used to specify node Shape as Data
-Data,
-//Used to specify node Shape as Card 
-Card,
-}
-}
-module Diagram
-{
-enum BPMNShapes 
-{
-//Used to specify node Shape as Event
-Event,
-//Used to specify node Shape as Gateway
-Gateway,
-//Used to specify node Shape as Message
-Message,
-//Used to specify node Shape as DataObject
-DataObject,
-//Used to specify node Shape as DataSource
-DataSource,
-//Used to specify node Shape as Activity
-Activity,
-//Used to specify node Shape as Group
-Group,
-}
-}
-module Diagram
-{
-enum UMLActivityShapes
-{
-//Used to set UML ActivityShapes as Action
-Action,
-//Used to set UML ActivityShapes as Decision
-Decision,
-//Used to set UML ActivityShapes as MergeNode
-MergeNode,
-//Used to set UML ActivityShapes as InitialNode
-InitialNode,
-//Used to set UML ActivityShapes as FinalNode
-FinalNode,
-//Used to set UML ActivityShapes as ForkNode
-ForkNode,
-//Used to set UML ActivityShapes as JoinNode
-JoinNode,
-//Used to set UML ActivityShapes as TimeEvent
-TimeEvent,
-//Used to set UML ActivityShapes as AcceptingEvent
-AcceptingEvent,
-//Used to set UML ActivityShapes as SendSignal
-SendSignal,
-//Used to set UML ActivityShapes as ReceiveSignal
-ReceiveSignal,
-//Used to set UML ActivityShapes as StructuredNode
-StructuredNode,
-//Used to set UML ActivityShapes as Note
-Note,
-}
-}
-module Diagram
-{
-enum BPMNBoundary
-{
-//Used to set BPMN SubProcess's Boundary as Default
-Default,
-//Used to set BPMN SubProcess's Boundary as Call
-Call,
-//Used to set BPMN SubProcess's Boundary as Event
-Event,
-}
-}
-module Diagram
-{
-enum BPMNLoops
-{
-//Used to set BPMN Activity's Loop as None
-None,
-//Used to set BPMN Activity's Loop as Standard
-Standard,
-//Used to set BPMN Activity's Loop as ParallelMultiInstance
-ParallelMultiInstance,
-//Used to set BPMN Activity's Loop as SequenceMultiInstance
-SequenceMultiInstance,
-}
-}
-module Diagram
-{
-enum BPMNSubProcessTypes
-{
-//Used to set BPMN SubProcess type as None
-None,
-//Used to set BPMN SubProcess type as Transaction
-Transaction,
-//Used to set BPMN SubProcess type as Event
-Event,
-}
-}
-module Diagram
-{
-enum BPMNTasks
-{
-//Used to set BPMN Task Type as None
-None,
-//Used to set BPMN Task Type as Service
-Service,
-//Used to set BPMN Task Type as Receive
-Receive,
-//Used to set BPMN Task Type as Send
-Send,
-//Used to set BPMN Task Type as InstantiatingReceive
-InstantiatingReceive,
-//Used to set BPMN Task Type as Manual
-Manual,
-//Used to set BPMN Task Type as BusinessRule
-BusinessRule,
-//Used to set BPMN Task Type as User
-User,
-//Used to set BPMN Task Type as Script
-Script,
-//Used to set BPMN Task Type as Parallel
-Parallel,
-}
-}
-module Diagram
-{
-enum BPMNTriggers
-{
-//Used to set Event Trigger as None
-None,
-//Used to set Event Trigger as Message
-Message,
-//Used to set Event Trigger as Timer
-Timer,
-//Used to set Event Trigger as Escalation
-Escalation,
-//Used to set Event Trigger as Link
-Link,
-//Used to set Event Trigger as Error
-Error,
-//Used to set Event Trigger as Compensation
-Compensation,
-//Used to set Event Trigger as Signal
-Signal,
-//Used to set Event Trigger as Multiple
-Multiple,
-//Used to set Event Trigger as Parallel
-Parallel,
-//Used to set Event Trigger as Conditional
-Conditional,
-//Used to set Event Trigger as Termination
-Termination,
-//Used to set Event Trigger as Cancel
-Cancel,
-}
-}
-module Diagram
-{
-enum Shapes
-{
-//Used to specify node type as Text
-Text,
-//Used to specify node type as Image
-Image,
-//Used to specify node type as Html
-Html,
-//Used to specify node type as Native
-Native,
-//Used to specify node type as Basic
-Basic,
-//Used to specify node type as Flow
-Flow,
-//Used to specify node type as BPMN
-BPMN,
-//Used to specify node type as UMLClassifier
-UMLClassifier,
-//Used to specify node type as UMLActivity
-UMLActivity,
-}
-}
-module Diagram
-{
-enum PageOrientations
-{
-//Used to set orientation as Landscape
-Landscape,
-//Used to set orientation as portrait
-Portrait,
-}
-}
-module Diagram
-{
-enum ScrollLimit
-{
-//Used to set scrollLimit as Infinite
-Infinite,
-//Used to set scrollLimit as Diagram
-Diagram,
-//Used to set scrollLimit as Limited
-Limited,
-}
-}
-module Diagram
-{
-enum BoundaryConstraints
-{
-//Used to set boundaryConstraints as Infinite
-Infinite,
-//Used to set boundaryConstraints as Diagram
-Diagram,
-//Used to set boundaryConstraints as Page
-Page,
-}
-}
-module Diagram
-{
-enum SelectorConstraints
-{
-//Hides the selector
-None,
-//Sets the visibility of rotation handle as visible
-Rotator,
-//Sets the visibility of resize handles as visible
-Resizer,
-//Sets the visibility of user handles as visible
-UserHandles,
-//Sets the visibility of all selection handles as visible
-All,
-}
-}
-module Diagram
-{
-enum UserHandlePositions 
-{
-//Set the position of the userhandle as topleft
-TopLeft,
-//Set the position of the userhandle as topcenter
-TopCenter,
-//Set the position of the userhandle as topright
-TopRight,
-//Set the position of the userhandle as middleleft
-MiddleLeft,
-//Set the position of the userhandle as middleright
-MiddleRight,
-//Set the position of the userhandle as bottomleft
-BottomLeft,
-//Set the position of the userhandle as bottomcenter
-BottomCenter,
-//Set the position of the userhandle as bottom right
-BottomRight,
-}
-}
-module Diagram
-{
-enum SnapConstraints
-{
-//Enables node to be snapped to horizontal gridlines
-None,
-//Enables node to be snapped to vertical gridlines
-SnapToHorizontalLines,
-//Enables node to be snapped to horizontal gridlines
-SnapToVerticalLines,
-//Enables node to be snapped to gridlines
-SnapToLines,
-//Enable horizontal lines
-ShowHorizontalLines,
-//Enable vertical lines
-ShowVerticalLines,
-//Enable both horizontal and vertical lines
-ShowLines,
-//Enable all the constraints
-All,
-}
-}
-module Diagram
-{
-enum Tool
-{
-//Disables all Tools
-None,
-//Enables/Disables SingleSelect tool
-SingleSelect,
-//Enables/Disables MultiSelect tool
-MultipleSelect,
-//Enables/Disables ZoomPan tool
-ZoomPan,
-//Enables/Disables DrawOnce tool
-DrawOnce,
-//Enables/Disables ContinuousDraw tool
-ContinuesDraw,
-}
-}
-module Diagram
-{
-enum RelativeMode
-{
-//Shows tooltip around the node
-Object,
-//Shows tooltip at the mouse position
-Mouse,
-}
-}
-module Diagram
-{
-enum FileFormats
-{
-//Used to export the diagram into JPG format.
-JPG,
-//Used to export the diagram into PNG format.
-PNG,
-//Used to export the diagram into BMP format.
-BMP,
-//Used to export the diagram into SVG format.
-SVG,
-}
-}
-module Diagram
-{
-enum ExportModes
-{
-//Used to export the diagram as a file.
-Download,
-//Used to export the diagram as raw data.
-Data,
-}
-}
-module Diagram
-{
-enum Region
-{
-//Used to export the content of the diagram only.
-Content,
-//Used to export the page region of the diagram.
-PageSettings,
-}
-}
-module Diagram
-{
-enum Stretch
-{
-//The diagram content preserves its original size.
-None,
-//The diagram content is resized to fill the destination dimensions. The aspect ratio is not preserved.
-Fill,
-//The diagram content is resized to fit in the destination dimensions while it preserves its native aspect ratio.
-Uniform,
-//The diagram content is resized to fill the destination dimensions while it preserves its native aspect ratio. If the aspect ratio of the destination rectangle differs from the source, the source content is clipped to fit in the destination dimensions.
-UniformToFill,
-}
-}
-module Diagram
-{
-enum FitMode
-{
-//Used to fit the diagram content based on page size.
-Page,
-//Used to fit the diagram content based on diagram width.
-Width,
-//Used to fit the diagram content based on diagram height.
-Height,
-}
-}
-module Diagram
-{
-enum ZoomCommand
-{
-//Used to zoom in the Diagram
-ZoomIn,
-//Used to zoom out the diagram
-ZoomOut,
-}
-}
-
-class HeatMap extends ej.Widget {
-	static fn: HeatMap;
-	constructor(element: JQuery, options?: HeatMap.Model);
-	constructor(element: Element, options?: HeatMap.Model);
-	static Locale: any;
-	model:HeatMap.Model;
-	defaults:HeatMap.Model;
-}
-export module HeatMap{
-
-export interface Model {
-
-	/** Specifies the width of the heat map.
-	*   @Default {null}
-	*/
-	width?: any;
-
-	/** Specifies the width of the heat map.
-	*   @Default {null}
-	*/
-	height?: any;
-
-	/** Specifies the name of the heat map.
-	*   @Default {null}
-	*/
-	id?: number;
-
-	/** Enables or disables tooltip of heatmap
-	*   @Default {true}
-	*/
-	showTooltip?: boolean;
-
-	/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
-	*/
-	tooltipSettings?: TooltipSettings;
-
-	/** Specifies the source data of the heat map.
-	*   @Default {[]}
-	*/
-	itemsSource?: any;
-
-	/** Specifies the property of the heat map cell.
-	*   @Default {Null}
-	*/
-	heatMapCell?: HeatMapCell;
-
-	/** Specifies can enable responsive mode or not for heat map.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies whether the virtualization can be enable or not.
-	*   @Default {false}
-	*/
-	enableVirtualization?: boolean;
-
-	/** Specifies the default column properties for all the column style not specified in column properties.
-	*   @Default {[]}
-	*/
-	defaultColumnStyle?: DefaultColumnStyle;
-
-	/** Specifies the no of legends can sync with heat map.
-	*   @Default {[]}
-	*/
-	legendCollection?: Array<any>;
-
-	/** Specifies the property and display value of the heat map column.
-	*   @Default {[]}
-	*/
-	itemsMapping?: ItemsMapping;
-
-	/** Specifies the color values of the heat map column data.
-	*   @Default {[]}
-	*/
-	colorMappingCollection?: Array<ColorMappingCollection>;
-
-	/** Triggered when the mouse over on the cell. */
-	cellMouseOver? (e: CellMouseOverEventArgs): void;
-
-	/** Triggered when the mouse over on the cell. */
-	cellMouseEnter? (e: CellMouseEnterEventArgs): void;
-
-	/** Triggered when the mouse over on the cell. */
-	cellMouseLeave? (e: CellMouseLeaveEventArgs): void;
-
-	/** Triggered when the mouse over on the cell. */
-	cellSelected? (e: CellSelectedEventArgs): void;
-}
-
-export interface CellMouseOverEventArgs {
-
-	/** Value displayed on the cell
-	*/
-	cellValue?: string;
-
-	/** Returns the HeatMap cell data
-	*/
-	source?: any;
-
-	/** Returns the specific HeatMap cell
-	*/
-	cell?: any;
-}
-
-export interface CellMouseEnterEventArgs {
-
-	/** Value displayed on the cell
-	*/
-	cellValue?: string;
-
-	/** Returns the HeatMap cell data
-	*/
-	source?: any;
-
-	/** Returns the specific HeatMap cell
-	*/
-	cell?: any;
-}
-
-export interface CellMouseLeaveEventArgs {
-
-	/** Value displayed on the cell
-	*/
-	cellValue?: string;
-
-	/** Returns the HeatMap cell data
-	*/
-	source?: any;
-
-	/** Returns the specific HeatMap cell
-	*/
-	cell?: any;
-}
-
-export interface CellSelectedEventArgs {
-
-	/** Value displayed on the cell
-	*/
-	cellValue?: string;
-
-	/** Returns the HeatMap cell data
-	*/
-	source?: any;
-
-	/** Returns the specific HeatMap cell
-	*/
-	cell?: any;
-}
-
-export interface TooltipSettingsPositionTarget {
-
-	/** Sets the arrow position again popup based on horizontal(x) value
-	*   @Default {center}
-	*/
-	horizontal?: ej.datavisualization.HeatMap.Horizontal|string;
-
-	/** Sets the arrow position again popup based on vertical(y) value
-	*   @Default {top}
-	*/
-	vertical?: ej.datavisualization.HeatMap.Vertical|string;
-}
-
-export interface TooltipSettingsPositionStem {
-
-	/** Sets the arrow position again popup based on horizontal(x) value
-	*   @Default {center}
-	*/
-	horizontal?: ej.datavisualization.HeatMap.Horizontal|string;
-
-	/** Sets the arrow position again popup based on vertical(y) value
-	*   @Default {bottom}
-	*/
-	vertical?: ej.datavisualization.HeatMap.Vertical|string;
-}
-
-export interface TooltipSettingsPosition {
-
-	/** Sets the Tooltip position against target.
-	*/
-	target?: TooltipSettingsPositionTarget;
-
-	/** Sets the arrow position again popup.
-	*/
-	stem?: TooltipSettingsPositionStem;
-}
-
-export interface TooltipSettingsAnimation {
-
-	/** Defines the animation effect for the tooltip that should be shown when the mouse hovers over rows/columns.
-	*   @Default {none}
-	*/
-	effect?: ej.datavisualization.HeatMap.Effect|string;
-
-	/** Defines the animation speed for the tooltip that should be shown when the mouse hovers over rows/columns.
-	*   @Default {0}
-	*/
-	speed?: number;
-}
-
-export interface TooltipSettings {
-
-	/** Defines the tooltip that should be shown when the mouse hovers over rows/columns.
-	*   @Default {null}
-	*/
-	templateId?: string;
-
-	/** Defines the tooltip of associate that should be shown when the mouse hovers over rows/columns.
-	*   @Default {mouseFollow}
-	*/
-	associate?: ej.datavisualization.HeatMap.Associate|string;
-
-	/** Enables/ disables the balloon for the tooltip to be shown
-	*   @Default {true}
-	*/
-	isBalloon?: boolean;
-
-	/** Defines various attributes of the Tooltip position
-	*/
-	position?: TooltipSettingsPosition;
-
-	/** Defines the tooltip to be triggered.
-	*   @Default {hover}
-	*/
-	trigger?: ej.datavisualization.HeatMap.Trigger|string;
-
-	/** Defines the animation for the tooltip that should be shown when the mouse hovers over rows/columns.
-	*/
-	animation?: TooltipSettingsAnimation;
-}
-
-export interface HeatMapCell {
-
-	/** Specifies whether the cell content can be visible or not.
-	*   @Default {ej.HeatMap.CellVisibility.Visible}
-	*/
-	showContent?: ej.datavisualization.HeatMap.CellVisibility|string;
-
-	/** Specifies whether the cell color can be visible or not.
-	*   @Default {true}
-	*/
-	showColor?: boolean;
-}
-
-export interface DefaultColumnStyle {
-
-	/** Specifies the alignment mode of the heat map column.
-	*   @Default {ej.HeatMap.TextAlign.Center}
-	*/
-	textAlign?: any;
-
-	/** Specifies the template id of the heat map column header.
-	*/
-	headerTemplateID?: string;
-
-	/** Specifies the template id of all individual cell data of the heat map.
-	*/
-	templateID?: string;
-}
-
-export interface ItemsMappingColumnStyle {
-
-	/** Specifies the width of the heat map column.
-	*   @Default {0}
-	*/
-	width?: number;
-
-	/** Specifies the text align mode of the heat map column.
-	*   @Default {ej.HeatMap.TextAlign.Center}
-	*/
-	textAlign?: string;
-
-	/** Specifies the template id of the column header.
-	*/
-	headerTemplateID?: string;
-
-	/** Specifies the template id of all individual cell data.
-	*/
-	templateID?: string;
-}
-
-export interface ItemsMappingColumn {
-
-	/** Specifies the name of the column or row.
-	*/
-	propertyName?: string;
-
-	/** Specifies the value of the column or row.
-	*/
-	displayName?: string;
-}
-
-export interface ItemsMappingRow {
-
-	/** Specifies the name of the column or row.
-	*/
-	propertyName?: string;
-
-	/** Specifies the value of the column or row.
-	*/
-	displayName?: string;
-}
-
-export interface ItemsMappingValue {
-
-	/** Specifies the name of the column or row.
-	*/
-	propertyName?: string;
-
-	/** Specifies the value of the column or row.
-	*/
-	displayName?: string;
-}
-
-export interface ItemsMappingHeaderMapping {
-
-	/** Specifies the name of the column or row.
-	*/
-	propertyName?: string;
-
-	/** Specifies the value of the column or row.
-	*/
-	displayName?: string;
-
-	/** Specifies the property and display value of the header.
-	*   @Default {null}
-	*/
-	columnStyle?: any;
-}
-
-export interface ItemsMapping {
-
-	/** Column settings for the individual heat map column.
-	*   @Default {null}
-	*/
-	columnStyle?: ItemsMappingColumnStyle;
-
-	/** Specifies the property and display value of the column.
-	*   @Default {null}
-	*/
-	column?: ItemsMappingColumn;
-
-	/** Specifies the row property and display value of the heat map.
-	*   @Default {null}
-	*/
-	row?: ItemsMappingRow;
-
-	/** Specifies the property and display value of the column value.
-	*   @Default {null}
-	*/
-	value?: ItemsMappingValue;
-
-	/** Specifies the property and display value of the header.
-	*   @Default {null}
-	*/
-	headerMapping?: ItemsMappingHeaderMapping;
-
-	/** Specifies the property and display value of the collection of column.
-	*   @Default {[]}
-	*/
-	columnMapping?: Array<any>;
-}
-
-export interface ColorMappingCollectionLabel {
-
-	/** Enables/disables the bold style of the heat map label.
-	*   @Default {false}
-	*/
-	bold?: boolean;
-
-	/** Enables/disables the italic style of the heat map label.
-	*   @Default {false}
-	*/
-	italic?: boolean;
-
-	/** specifies the text value of the heat map label.
-	*/
-	text?: string;
-
-	/** Specifies the text style of the heat map label.
-	*   @Default {ej.HeatMap.TextDecoration.None}
-	*/
-	textDecoration?: ej.datavisualization.HeatMap.TextDecoration |string;
-
-	/** Specifies the font size of the heat map label.
-	*   @Default {10}
-	*/
-	fontSize?: number;
-
-	/** Specifies the font family of the heat map label.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font color of the heat map label.
-	*   @Default {black}
-	*/
-	fontColor?: string;
-}
-
-export interface ColorMappingCollection {
-
-	/** Specifies the color of the heat map column data.
-	*   @Default {white}
-	*/
-	color?: string;
-
-	/** Specifies the color values of the heat map column data.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Specifies the label properties of the heat map color.
-	*   @Default {null}
-	*/
-	label?: ColorMappingCollectionLabel;
-}
-}
-module HeatMap
-{
-enum Associate
-{
-//Used to set the associate of tooltip as Target
-Target,
-//Used to set the associate of tooltip as MouseFollow
-MouseFollow,
-//Used to set the associate of tooltip as MouseEnter
-MouseEnter,
-}
-}
-module HeatMap
-{
-enum Horizontal
-{
-//Used to display the tooltip horizontally on left side of rows/columns
-Left,
-//Used to display the tooltip horizontally on center side of rows/columns
-Center,
-//Used to display the tooltip horizontally on right side of rows/columns
-Right,
-}
-}
-module HeatMap
-{
-enum Vertical
-{
-//Used to display the tooltip horizontally on left side of rows/columns
-Top,
-//Used to display the tooltip horizontally on center side of rows/columns
-Center,
-//Used to display the tooltip horizontally on right side of rows/columns
-Bottom,
-}
-}
-module HeatMap
-{
-enum Trigger
-{
-//Tooltip can be triggered on mouse hovers
-Hover,
-//Tooltip can be triggered on mouse click
-Click,
-}
-}
-module HeatMap
-{
-enum Effect
-{
-//Sets tooltip animation as None
-None,
-//Sets tooltip animation as Fade
-Fade,
-//Sets tooltip animation as Slide
-Slide,
-}
-}
-module HeatMap
-{
-enum CellVisibility
-{
-//Display the content of the cell              
-Visible,
-//Hide the content of the cell  
-Hidden,
-}
-}
-module HeatMap
-{
-enum TextDecoration 
-{
-//Defines a line below the text            
-Underline,
-//Defines a line above the text
-Overline,
-//Defines a line through the text
-LineThrough,
-//Defines a normal text. This is default
-None,
-}
-}
-
-class HeatMapLegend extends ej.Widget {
-	static fn: HeatMapLegend;
-	constructor(element: JQuery, options?: HeatMapLegend.Model);
-	constructor(element: Element, options?: HeatMapLegend.Model);
-	static Locale: any;
-	model:HeatMapLegend.Model;
-	defaults:HeatMapLegend.Model;
-}
-export module HeatMapLegend{
-
-export interface Model {
-
-	/** Specifies the width of the heatmap legend.
-	*   @Default {null}
-	*/
-	width?: any;
-
-	/** Specifies the height of the heatmap legend.
-	*   @Default {null}
-	*/
-	height?: any;
-
-	/** Specifies can enable responsive mode or not for heatmap legend.
-	*   @Default {false}
-	*/
-	isResponsive?: boolean;
-
-	/** Specifies whether the cell label can be shown or not.
-	*   @Default {false}
-	*/
-	showLabel?: boolean;
-
-	/** Specifies the color values of the column data.
-	*   @Default {[]}
-	*/
-	colorMappingCollection?: Array<ColorMappingCollection>;
-
-	/** Specifies the orientation of the heatmap legend
-	*   @Default {ej.HeatMap.LegendOrientation.Horizontal}
-	*/
-	orientation?: ej.datavisualization.HeatMap.LegendOrientation|string;
-
-	/** Specifies the legend mode as gradient or list.
-	*   @Default {ej.HeatMap.LegendMode.Gradient}
-	*/
-	legendMode?: ej.datavisualization.HeatMap.LegendMode|string;
-}
-
-export interface ColorMappingCollectionLabel {
-
-	/** Enables/disables the bold style of the heatmap legend label.
-	*   @Default {false}
-	*/
-	bold?: boolean;
-
-	/** Enables/disables the italic style of the heatmap legend label.
-	*   @Default {false}
-	*/
-	italic?: boolean;
-
-	/** specifies the text value of the heatmap legend label.
-	*/
-	text?: string;
-
-	/** Specifies the text style of the heatmap legend label.
-	*   @Default {ej.HeatMap.TextDecoration.None}
-	*/
-	textDecoration?: ej.datavisualization.HeatMap.TextDecoration|string;
-
-	/** Specifies the font size of the heatmap legend label.
-	*   @Default {10}
-	*/
-	fontSize?: number;
-
-	/** Specifies the font family of the heatmap legend label.
-	*   @Default {Arial}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font color of the heatmap legend label.
-	*   @Default {black}
-	*/
-	fontColor?: string;
-}
-
-export interface ColorMappingCollection {
-
-	/** Specifies the color of the heatmap legend data.
-	*   @Default {white}
-	*/
-	color?: string;
-
-	/** Specifies the color values of the heatmap legend column data.
-	*   @Default {0}
-	*/
-	value?: number;
-
-	/** Specifies the label properties of the heatmap legend color.
-	*   @Default {null}
-	*/
-	label?: ColorMappingCollectionLabel;
-}
-}
-module HeatMap
-{
-enum LegendOrientation
-{
-//Scales the graphic content non-uniformly to the width and height of the diagram area            
-Horizontal,
-//Used to align the image at the top left of diagram area 
-Vertical,
-}
-}
-module HeatMap
-{
-enum LegendMode
-{
-//Scales the graphic content non-uniformly to the width and height of the diagram area            
-Gradient,
-//Used to align the image at the top left of diagram area 
-List,
-}
-}
-
-class Sparkline extends ej.Widget {
-	static fn: Sparkline;
-	constructor(element: JQuery, options?: Sparkline.Model);
-	constructor(element: Element, options?: Sparkline.Model);
-	static Locale: any;
-	model:Sparkline.Model;
-	defaults:Sparkline.Model;
-
-	/** Redraws the entire sparkline. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-	*   @returns {void}
-	*/
-	redraw(): void;
-}
-export module Sparkline{
-
-export interface Model {
-
-	/** Background color of the plot area.
-	*   @Default {transparent}
-	*/
-	background?: string;
-
-	/** Fill color for the sparkline series.
-	*   @Default {#33ccff}
-	*/
-	fill?: string;
-
-	/** Border color of the series.
-	*   @Default {null}
-	*/
-	stroke?: string;
-
-	/** Options for customizing the color, opacity and width of the sparkline border.
-	*/
-	border?: Border;
-
-	/** Border width of the series.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Color for series high point.
-	*   @Default {null}
-	*/
-	highPointColor?: string;
-
-	/** Color for series low point.
-	*   @Default {null}
-	*/
-	lowPointColor?: string;
-
-	/** Color for series start point.
-	*   @Default {null}
-	*/
-	startPointColor?: string;
-
-	/** Color for series end point.
-	*   @Default {null}
-	*/
-	endPointColor?: string;
-
-	/** Color for series negative point.
-	*   @Default {null}
-	*/
-	negativePointColor?: string;
-
-	/** Options for customizing the color, opacity of the sparkline start and end range.
-	*/
-	rangeBandSettings?: RangeBandSettings;
-
-	/** Name of the culture based on which sparkline should be localized.
-	*   @Default {en-US}
-	*/
-	locale?: string;
-
-	/** Name of a field in data source, where the fill color for all the data points is generated.
-	*/
-	palette?: string;
-
-	/** Controls whether sparkline has to be responsive or not.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Controls whether Sparkline has to be rendered as Canvas or SVG.Canvas rendering supports all functionalities in SVG rendering.
-	*   @Default {false}
-	*/
-	enableCanvasRendering?: boolean;
-
-	/** Specify to convert the date object to string, using locale settings.
-	*   @Default {false}
-	*/
-	enableGroupSeparator?: boolean;
-
-	/** Specifies the dataSource for the series. It can be an array of JSON objects or an instance of ej.DataManager.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Name of the property in the datasource that contains x value for the series.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Name of the property in the datasource that contains y value for the series.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Gap or padding for sparkline.
-	*   @Default {8}
-	*/
-	padding?: number;
-
-	/** Specifies the type of the series to render in sparkline.
-	*   @Default {line. See Type}
-	*/
-	type?: ej.datavisualization.Sparkline.Type|string;
-
-	/** Specifies the theme for Sparkline.
-	*   @Default {Flatlight. See Theme}
-	*/
-	theme?: ej.datavisualization.Sparkline.Theme|string;
-
-	/** Options to customize the tooltip.
-	*/
-	tooltip?: Tooltip;
-
-	/** Options for displaying and customizing marker for a data point.
-	*/
-	markerSettings?: MarkerSettings;
-
-	/** Options to customize the Sparkline size.
-	*/
-	size?: Size;
-
-	/** Options for customizing the color,dashArray and width of the axisLine.
-	*/
-	axisLineSettings?: AxisLineSettings;
-
-	/** Fires before loading the sparkline. */
-	load? (e: LoadEventArgs): void;
-
-	/** Fires after loaded the sparkline. */
-	loaded? (e: LoadedEventArgs): void;
-
-	/** Fires before rendering trackball tooltip. You can use this event to customize the text displayed in trackball tooltip. */
-	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
-
-	/** Fires before rendering a series. This event is fired for each series in Sparkline. */
-	seriesRendering? (e: SeriesRenderingEventArgs): void;
-
-	/** Fires when mouse is moved over a point. */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
-
-	/** Fires on clicking a point in sparkline. You can use this event to handle clicks made on points. */
-	pointRegionMouseClick? (e: PointRegionMouseClickEventArgs): void;
-
-	/** Fires on moving mouse over the sparkline. */
-	sparklineMouseMove? (e: SparklineMouseMoveEventArgs): void;
-
-	/** Fires on moving mouse outside the sparkline. */
-	sparklineMouseLeave? (e: SparklineMouseLeaveEventArgs): void;
-}
-
-export interface LoadEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadedEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface TooltipInitializeEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** X Location of the trackball tooltip in pixels
-	*/
-	locationX?: any;
-
-	/** Y Location of the trackball tooltip in pixels
-	*/
-	locationY?: any;
-
-	/** Index of the point for which trackball tooltip is displayed
-	*/
-	pointIndex?: number;
-
-	/** Text to be displayed in trackball tooltip. Use this option to add custom text in trackball tooltip
-	*/
-	currentText?: string;
-}
-
-export interface SeriesRenderingEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** Minimum x value of the data point
-	*/
-	minX?: any;
-
-	/** Minimum y value of the data point
-	*/
-	minY?: any;
-
-	/** Maximum x value of the data point
-	*/
-	maxX?: any;
-
-	/** Maximum y value of the data point
-	*/
-	maxY?: any;
-}
-
-export interface PointRegionMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** X-coordinate of point in pixel
-	*/
-	locationX?: number;
-
-	/** Y-coordinate of point in pixel
-	*/
-	locationY?: number;
-
-	/** Index of the point in series
-	*/
-	pointIndex?: number;
-
-	/** Type of the series
-	*/
-	seriesType?: string;
-}
-
-export interface PointRegionMouseClickEventArgs {
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-
-	/** X-coordinate of point in pixel
-	*/
-	locationX?: number;
-
-	/** Y-coordinate of point in pixel
-	*/
-	locationY?: number;
-
-	/** Index of the point in series
-	*/
-	pointIndex?: number;
-
-	/** Type of the series
-	*/
-	seriesType?: string;
-}
-
-export interface SparklineMouseMoveEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface SparklineMouseLeaveEventArgs {
-
-	/** Set this option to true to cancel the event    
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sparkline model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface Border {
-
-	/** Border color of the sparkline.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Width of the Sparkline border.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface RangeBandSettings {
-
-	/** Start value of the range band.
-	*   @Default {null}
-	*/
-	startRange?: number;
-
-	/** End value of the range band.
-	*   @Default {null}
-	*/
-	endRange?: number;
-
-	/** Range band opacity of the series.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Range band color of the series.
-	*   @Default {transparent}
-	*/
-	color?: string;
-}
-
-export interface TooltipBorder {
-
-	/** Border color of the tooltip.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Border width of the tooltip.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface TooltipFont {
-
-	/** Font color of the text in the tooltip.
-	*   @Default {#111111}
-	*/
-	color?: string;
-
-	/** Font Family for the tooltip.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font Style for the tooltip.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Sparkline.FontStyle|string;
-
-	/** Specifies the font weight for the tooltip.
-	*   @Default {Regular}
-	*/
-	fontWeight?: ej.datavisualization.Sparkline.FontWeight|string;
-
-	/** Opacity for text in the tooltip.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for text in the tooltip.
-	*   @Default {8px}
-	*/
-	size?: string;
-}
-
-export interface Tooltip {
-
-	/** Show/hides the tooltip visibility.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Fill color for the sparkline tooltip.
-	*   @Default {white}
-	*/
-	fill?: string;
-
-	/** Custom template to the tooltip.
-	*/
-	template?: string;
-
-	/** Options for customizing the border of the tooltip.
-	*/
-	border?: TooltipBorder;
-
-	/** Options for customizing the font of the tooltip.
-	*/
-	font?: TooltipFont;
-}
-
-export interface MarkerSettingsBorder {
-
-	/** Border color of the marker shape.
-	*   @Default {transparent}
-	*/
-	color?: string;
-
-	/** Controls the opacity of the marker border.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Border width of the marker shape.
-	*   @Default {null}
-	*/
-	width?: number;
-}
-
-export interface MarkerSettings {
-
-	/** Controls the opacity of the marker.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Controls the visibility of the marker shape.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** width of the marker shape.
-	*   @Default {2}
-	*/
-	width?: number;
-
-	/** Color of the marker shape.
-	*   @Default {white}
-	*/
-	fill?: string;
-
-	/** Options for customizing the border of the marker shape.
-	*/
-	border?: MarkerSettingsBorder;
-}
-
-export interface Size {
-
-	/** Height of the Sparkline. Height can be specified in either pixel or percentage.
-	*   @Default {''}
-	*/
-	height?: string;
-
-	/** Width of the Sparkline. Width can be specified in either pixel or percentage.
-	*   @Default {''}
-	*/
-	width?: string;
-}
-
-export interface AxisLineSettings {
-
-	/** Controls the visibility of the axis.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Color of the axis line.
-	*   @Default {'#111111'}
-	*/
-	color?: string;
-
-	/** Width of the axis line.
-	*   @Default {1}
-	*/
-	width?: number;
-
-	/** Dash array of the axis line.
-	*   @Default {1}
-	*/
-	dashArray?: number;
-}
-}
-module Sparkline
-{
-enum Type
-{
-//string
-Area,
-//string
-Line,
-//string
-Column,
-//string
-Pie,
-//string
-WinLoss,
-}
-}
-module Sparkline
-{
-enum Theme
-{
-//string
-Azure,
-//string
-FlatLight,
-//string
-FlatDark,
-//string
-Azuredark,
-//string
-Lime,
-//string
-LimeDark,
-//string
-Saffron,
-//string
-SaffronDark,
-//string
-GradientLight,
-//string
-GradientDark,
-}
-}
-module Sparkline
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Italic,
-}
-}
-module Sparkline
-{
-enum FontWeight
-{
-//string
-Regular,
-//string
-Bold,
-//string
-Lighter,
-}
-}
-
-class SunburstChart extends ej.Widget {
-	static fn: SunburstChart;
-	constructor(element: JQuery, options?: SunburstChart.Model);
-	constructor(element: Element, options?: SunburstChart.Model);
-	static Locale: any;
-	model:SunburstChart.Model;
-	defaults:SunburstChart.Model;
-
-	/** Redraws the entire sunburst. You can call this method whenever you update, add or remove points from the data source or whenever you want to refresh the UI.
-	*   @returns {void}
-	*/
-	redraw(): void;
-
-	/** destroy the sunburst
-	*   @returns {void}
-	*/
-	destroy(): void;
-}
-export module SunburstChart{
-
-export interface Model {
-
-	/** Background color of the plot area.
-	*   @Default {null}
-	*/
-	background?: string;
-
-	/** Bind the data field from the data source.
-	*   @Default {null}
-	*/
-	valueMemberPath?: string;
-
-	/** Options for customizing the sunburst border.
-	*/
-	border?: Border;
-
-	/** Options for customizing the sunburst segment border.
-	*/
-	segmentBorder?: SegmentBorder;
-
-	/** Specifies the dataSource to the sunburst.
-	*   @Default {null}
-	*/
-	dataSource?: any;
-
-	/** Palette color for the data points.
-	*   @Default {null}
-	*/
-	palette?: string;
-
-	/** Parent node of the data points.
-	*   @Default {null}
-	*/
-	parentNode?: string;
-
-	/** Name of the property in the datasource that contains x values.
-	*   @Default {null}
-	*/
-	xName?: string;
-
-	/** Name of the property in the datasource that contains y values.
-	*   @Default {null}
-	*/
-	yName?: string;
-
-	/** Controls whether sunburst has to be responsive or not.
-	*   @Default {true}
-	*/
-	isResponsive?: boolean;
-
-	/** Options to customize the Sunburst size.
-	*/
-	size?: Size;
-
-	/** Controls the visibility of sunburst.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Options to customize the Sunburst tooltip.
-	*/
-	tooltip?: Tooltip;
-
-	/** Options for customizing sunburst points.
-	*/
-	points?: Points;
-
-	/** Sunburst rendering will start from the specified value
-	*   @Default {null}
-	*/
-	startAngle?: number;
-
-	/** Sunburst rendering will end at the specified value
-	*   @Default {null}
-	*/
-	endAngle?: number;
-
-	/** Sunburst outer radius value
-	*   @Default {1}
-	*/
-	radius?: number;
-
-	/** Sunburst inner radius value
-	*   @Default {0.4}
-	*/
-	innerRadius?: number;
-
-	/** Options to customize the Sunburst dataLabel.
-	*/
-	dataLabelSettings?: DataLabelSettings;
-
-	/** Options for customizing the title and subtitle of sunburst.
-	*/
-	title?: Title;
-
-	/** Options for customizing the appearance of the levels or point while highlighting.
-	*/
-	highlightSettings?: HighlightSettings;
-
-	/** Options for customizing the appearance of the levels or data point while selection.
-	*/
-	selectionSettings?: SelectionSettings;
-
-	/** Specify levels of sunburst for grouped visualization of data
-	*   @Default {[]}
-	*/
-	levels?: Array<Level>;
-
-	/** Options to customize the legend items and legend title.
-	*/
-	legend?: Legend;
-
-	/** Specifies the theme for Sunburst.
-	*   @Default {Flatlight. See Theme}
-	*/
-	theme?: ej.datavisualization.Sunburst.SunburstTheme|string;
-
-	/** Options to customize the left, right, top and bottom margins of sunburst area.
-	*/
-	margin?: Margin;
-
-	/** Enable/disable the animation for all the levels.
-	*   @Default {false}
-	*/
-	enableAnimation?: boolean;
-
-	/** Opacity of the levels.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Options for enable zooming feature of chart.
-	*/
-	zoomSettings?: ZoomSettings;
-
-	/** Animation type of sunburst
-	*   @Default {rotation. See Alignment}
-	*/
-	animationType?: ej.datavisualization.Sunburst.Animation|string;
-
-	/** Fires before loading. */
-	load? (e: LoadEventArgs): void;
-
-	/** Fires before rendering sunburst. */
-	preRender? (e: PreRenderEventArgs): void;
-
-	/** Fires after rendering sunburst. */
-	loaded? (e: LoadedEventArgs): void;
-
-	/** Fires before rendering the datalabel */
-	dataLabelRendering? (e: DataLabelRenderingEventArgs): void;
-
-	/** Fires before rendering each segment */
-	segmentRendering? (e: SegmentRenderingEventArgs): void;
-
-	/** Fires before rendering sunburst title. */
-	titleRendering? (e: TitleRenderingEventArgs): void;
-
-	/** Fires during initialization of tooltip. */
-	tooltipInitialize? (e: TooltipInitializeEventArgs): void;
-
-	/** Fires after clicking the point in sunburst */
-	pointRegionClick? (e: PointRegionClickEventArgs): void;
-
-	/** Fires while moving the mouse over sunburst points */
-	pointRegionMouseMove? (e: PointRegionMouseMoveEventArgs): void;
-
-	/** Fires when clicking the point to perform drilldown. */
-	drillDownClick? (e: DrillDownClickEventArgs): void;
-
-	/** Fires when resetting drilldown points. */
-	drillDownBack? (e: DrillDownBackEventArgs): void;
-
-	/** Fires after resetting the sunburst points */
-	drillDownReset? (e: DrillDownResetEventArgs): void;
-}
-
-export interface LoadEventArgs {
-
-	/** Load event data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface PreRenderEventArgs {
-
-	/** PreRender event data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface LoadedEventArgs {
-
-	/** Loaded event data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface DataLabelRenderingEventArgs {
-
-	/** Sunburst datalabel data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface SegmentRenderingEventArgs {
-
-	/** Sunburst datalabel data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface TitleRenderingEventArgs {
-
-	/** Sunburst title data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface TooltipInitializeEventArgs {
-
-	/** Sunburst tooltip data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface PointRegionClickEventArgs {
-
-	/** Includes clicked points region data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface PointRegionMouseMoveEventArgs {
-
-	/** Includes data of mouse moved region
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface DrillDownClickEventArgs {
-
-	/** Clicked point data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface DrillDownBackEventArgs {
-
-	/** Drill down data of points
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface DrillDownResetEventArgs {
-
-	/** Drill down reset data
-	*/
-	data?: string;
-
-	/** Set this option to true to cancel the event
-	*/
-	cancel?: boolean;
-
-	/** Instance of the sunburst model object
-	*/
-	model?: any;
-
-	/** Name of the event
-	*/
-	type?: string;
-}
-
-export interface Border {
-
-	/** Border color of the sunburst.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Width of the Sunburst border.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface SegmentBorder {
-
-	/** Segment Border color of the sunburst.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Width of the Sunburst segment border.
-	*   @Default {2}
-	*/
-	width?: number;
-}
-
-export interface Size {
-
-	/** Height of the Sunburst.
-	*   @Default {''}
-	*/
-	height?: string;
-
-	/** Width of the Sunburst.
-	*   @Default {''}
-	*/
-	width?: string;
-}
-
-export interface TooltipBorder {
-
-	/** Border color of the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the tooltip.
-	*   @Default {5}
-	*/
-	width?: number;
-}
-
-export interface TooltipFont {
-
-	/** Font color of the text in the tooltip.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font Family for the tooltip.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Specifies the font Style for the tooltip.
-	*   @Default {Normal}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Specifies the font weight for the tooltip.
-	*   @Default {Regular}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Opacity for text in the tooltip.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for text in the tooltip.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface Tooltip {
-
-	/** tooltip visibility of the Sunburst.
-	*   @Default {true}
-	*/
-	visible?: boolean;
-
-	/** Options for customizing the border of the sunburst tooltip.
-	*/
-	border?: TooltipBorder;
-
-	/** Fill color for the sunburst tooltip.
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Options for customizing the font of the tooltip.
-	*/
-	font?: TooltipFont;
-
-	/** Custom template to the tooltip.
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Setting the format for the data displayed in the tooltip
-	*   @Default {#point.x# : #point.y#}
-	*/
-	format?: string;
-
-	/** Sets the opacity of the dispalyed tooltip
-	*   @Default {0.95}
-	*/
-	opacity?: number;
-}
-
-export interface Points {
-
-	/** Points x value of the sunburst.
-	*   @Default {null}
-	*/
-	x?: string;
-
-	/** Points y value of the sunburst.
-	*   @Default {null}
-	*/
-	y?: number;
-
-	/** Points text of the sunburst.
-	*   @Default {null}
-	*/
-	text?: string;
-
-	/** Points fill color of the sunburst.
-	*   @Default {null}
-	*/
-	fill?: string;
-}
-
-export interface DataLabelSettingsFont {
-
-	/** Font family of the data label.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style of the data label.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Font weight of the data label.
-	*   @Default {regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Opacity of the text.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font color of the data label text.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Font size of the data label.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface DataLabelSettings {
-
-	/** Datalabel visibility of the Sunburst.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Alignment of sunburst datalabel
-	*   @Default {Angle. See DatalabelAlignment}
-	*/
-	labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
-
-	/** Options for customizing the data label font.
-	*/
-	font?: DataLabelSettingsFont;
-
-	/** Custom template for datalabel
-	*   @Default {null}
-	*/
-	template?: string;
-
-	/** Fill color for the datalabel
-	*   @Default {null}
-	*/
-	fill?: string;
-
-	/** Datalabel overflow mode
-	*   @Default {Trim. See LabelOverflowMode}
-	*/
-	labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
-}
-
-export interface TitleFont {
-
-	/** Font family for Sunburst title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for Sunburst title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Font weight for Sunburst title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Opacity of the Sunburst title.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for Sunburst title.
-	*   @Default {20px}
-	*/
-	size?: string;
-}
-
-export interface TitleSubtitleFont {
-
-	/** Font family of sub title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for sub title.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Font weight for sub title.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Opacity of the sub title.
-	*   @Default {1}
-	*/
-	opacity?: number;
-
-	/** Font size for sub title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface TitleSubtitle {
-
-	/** Subtitle text for sunburst
-	*/
-	text?: string;
-
-	/** Sub title text visibility for sunburst
-	*   @Default {true}
-	*/
-	visible?: string;
-
-	/** Sub title text alignment
-	*   @Default {far. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
-
-	/** Options for customizing the font of sub title.
-	*/
-	font?: TitleSubtitleFont;
-}
-
-export interface Title {
-
-	/** Title text for sunburst
-	*/
-	text?: string;
-
-	/** Title text visibility for sunburst
-	*   @Default {true}
-	*/
-	visible?: string;
-
-	/** Title text alignment
-	*   @Default {center. See TextAlignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
-
-	/** Options for customizing the font of sunburst title.
-	*/
-	font?: TitleFont;
-
-	/** Options to customize the sub title of Sunburst.
-	*/
-	subtitle?: TitleSubtitle;
-}
-
-export interface HighlightSettings {
-
-	/** Enables/disables the ability to highlight the levels or point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies whether the levels or point has to be highlighted.
-	*   @Default {point. See Mode}
-	*/
-	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
-
-	/** Color of the levels/point on highlight.
-	*   @Default {red}
-	*/
-	color?: string;
-
-	/** Opacity of the levels/point on highlight.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-
-	/** Specifies whether the levels or data point has to be highlighted.
-	*   @Default {opacity. See Mode}
-	*/
-	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
-}
-
-export interface SelectionSettings {
-
-	/** Enables/disables the ability to select the levels or data point interactively.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Specifies whether the levels or data point has to be selected.
-	*   @Default {point. See Mode}
-	*/
-	mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
-
-	/** Color of the levels/point on selection.
-	*   @Default {green}
-	*/
-	color?: string;
-
-	/** Opacity of the levels/point on selection.
-	*   @Default {0.5}
-	*/
-	opacity?: number;
-
-	/** Specifies whether the levels or data point has to be selected.
-	*   @Default {opacity. See Mode}
-	*/
-	type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
-}
-
-export interface Level {
-
-	/** Specifies the group member path
-	*   @Default {null}
-	*/
-	groupMemberPath?: string;
-}
-
-export interface LegendBorder {
-
-	/** Border color of the legend.
-	*   @Default {null}
-	*/
-	color?: string;
-
-	/** Border width of the legend.
-	*   @Default {1}
-	*/
-	width?: number;
-}
-
-export interface LegendFont {
-
-	/** Font family for legend item text.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for legend item text.
-	*   @Default {Normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Font weight for legend item text.
-	*   @Default {Regular. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Font size for legend item text.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface LegendItemStyle {
-
-	/** Height of the shape in legend items.
-	*   @Default {10}
-	*/
-	height?: number;
-
-	/** Width of the shape in legend items.
-	*   @Default {10}
-	*/
-	width?: number;
-}
-
-export interface LegendLocation {
-
-	/** X value or horizontal offset to position the legend in chart.
-	*   @Default {0}
-	*/
-	x?: number;
-
-	/** Y value or vertical offset to position the legend.
-	*   @Default {0}
-	*/
-	y?: number;
-}
-
-export interface LegendSize {
-
-	/** Height of the legend. Height can be specified in either pixel or percentage.
-	*   @Default {null}
-	*/
-	height?: string;
-
-	/** Width of the legend. Width can be specified in either pixel or percentage.
-	*   @Default {null}
-	*/
-	width?: string;
-}
-
-export interface LegendTitleFont {
-
-	/** Font family for the text in legend title.
-	*   @Default {Segoe UI}
-	*/
-	fontFamily?: string;
-
-	/** Font style for legend title.
-	*   @Default {normal. See FontStyle}
-	*/
-	fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
-
-	/** Font weight for legend title.
-	*   @Default {normal. See FontWeight}
-	*/
-	fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
-
-	/** Font size for legend title.
-	*   @Default {12px}
-	*/
-	size?: string;
-}
-
-export interface LegendTitle {
-
-	/** Options to customize the font used for legend title
-	*/
-	font?: LegendTitleFont;
-
-	/** Enables or disables the legend title.
-	*   @Default {true}
-	*/
-	visible?: string;
-
-	/** Text to be displayed in legend title.
-	*/
-	text?: string;
-
-	/** Alignment of the legend title.
-	*   @Default {center. See Alignment}
-	*/
-	textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
-}
-
-export interface Legend {
-
-	/** Visibility of the legend.
-	*   @Default {false}
-	*/
-	visible?: boolean;
-
-	/** Interactive action of legend items.
-	*   @Default {toggleSegmentVisibility. See Alignment}
-	*/
-	clickAction?: ej.datavisualization.Sunburst.SunburstClickAction|string;
-
-	/** Horizontal alignment of the legend.
-	*   @Default {Center. See Alignment}
-	*/
-	alignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
-
-	/** Options for customizing the legend border.
-	*/
-	border?: LegendBorder;
-
-	/** Number of columns to arrange the legend items.
-	*   @Default {null}
-	*/
-	columnCount?: number;
-
-	/** Number of rows to arrange the legend items.
-	*   @Default {null}
-	*/
-	rowCount?: number;
-
-	/** Options to customize the font used for legend item text.
-	*/
-	font?: LegendFont;
-
-	/** Gap or padding between the legend items.
-	*   @Default {10}
-	*/
-	itemPadding?: number;
-
-	/** Options to customize the style of legend items.
-	*/
-	itemStyle?: LegendItemStyle;
-
-	/** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
-	*/
-	location?: LegendLocation;
-
-	/** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set **custom** as value to this property.
-	*   @Default {Bottom. See Position}
-	*/
-	position?: ej.datavisualization.Sunburst.SunburstLegendPosition|string;
-
-	/** Shape of the legend items. 
-	*   @Default {None. See Shape}
-	*/
-	shape?: ej.datavisualization.Sunburst.SunburstLegendShape|string;
-
-	/** Options to customize the size of the legend.
-	*/
-	size?: LegendSize;
-
-	/** Options to customize the legend title.
-	*/
-	title?: LegendTitle;
-}
-
-export interface Margin {
-
-	/** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
-	*   @Default {10}
-	*/
-	left?: number;
-
-	/** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
-	*   @Default {10}
-	*/
-	right?: number;
-
-	/** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
-	*   @Default {10}
-	*/
-	top?: number;
-
-	/** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
-	*   @Default {10}
-	*/
-	bottom?: number;
-}
-
-export interface ZoomSettings {
-
-	/** Enables or disables zooming.
-	*   @Default {false}
-	*/
-	enable?: boolean;
-
-	/** Toolbar horizontal alignment
-	*   @Default {right. See Alignment}
-	*/
-	toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment|string;
-
-	/** Toolbar vertical alignment
-	*   @Default {top. See Alignment}
-	*/
-	toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment|string;
-}
-}
-module Sunburst
-{
-enum FontStyle
-{
-//string
-Normal,
-//string
-Italic,
-}
-}
-module Sunburst
-{
-enum FontWeight
-{
-//string
-Regular,
-//string
-Bold,
-//string
-Lighter,
-}
-}
-module Sunburst
-{
-enum SunburstLabelRotationMode
-{
-//string
-Angle,
-//string
-Normal,
-}
-}
-module Sunburst
-{
-enum SunburstLabelOverflowMode
-{
-//string
-Trim,
-//string
-Hide,
-//string
-None,
-}
-}
-module Sunburst
-{
-enum SunburstAlignment
-{
-//string
-Center,
-//string
-Near,
-//string
-Far,
-}
-}
-module Sunburst
-{
-enum SunburstHighlightMode
-{
-//string
-Point,
-//string
-Parent,
-//string
-Child,
-//string
-All,
-}
-}
-module Sunburst
-{
-enum SunburstHighlightType
-{
-//string
-Opacity,
-//string
-Color,
-}
-}
-module Sunburst
-{
-enum SunburstClickAction
-{
-//string
-None,
-//string
-ToggleSegmentVisibility,
-//string
-ToggleSegmentSelection,
-}
-}
-module Sunburst
-{
-enum SunburstLegendPosition
-{
-//string
-Left,
-//string
-Right,
-//string
-Top,
-//string
-Bottom,
-}
-}
-module Sunburst
-{
-enum SunburstLegendShape
-{
-//string
-Diamond,
-//string
-Pentagon,
-//string
-Rectangle,
-//string
-Circle,
-//string
-Cross,
-//string
-Triangle,
-}
-}
-module Sunburst
-{
-enum SunburstTheme
-{
-//string
-FlatLight,
-//string
-FlatDark,
-}
-}
-module Sunburst
-{
-enum SunburstHorizontalAlignment
-{
-//string
-Center,
-//string
-Left,
-//string
-Right,
-}
-}
-module Sunburst
-{
-enum SunburstVerticalAlignment
-{
-//string
-Top,
-//string
-Bottom,
-//string
-Middle,
-}
-}
-module Sunburst
-{
-enum Animation
-{
-//string
-Rotation,
-//string
-FadeIn,
-}
-}
-
-class Overview extends ej.Widget {
-	static fn: Overview;
-	constructor(element: JQuery, options?: Overview.Model);
-	constructor(element: Element, options?: Overview.Model);
-	static Locale: any;
-	model:Overview.Model;
-	defaults:Overview.Model;
-}
-export module Overview{
-
-export interface Model {
-
-	/** The sourceId property of overview should be set with the corresponding Diagram ID for you need the overall view.
-	*   @Default {null}
-	*/
-	sourceID?: string;
-
-	/** Defines the height of the overview
-	*   @Default {400}
-	*/
-	height?: number;
-
-	/** Defines the width of the overview
-	*   @Default {250}
-	*/
-	width?: number;
-}
-}
+            /** Set this option to true to cancel the event
+             */
+            cancel?: boolean;
+
+            /** Instance of the sunburst model object
+             */
+            model?: any;
+
+            /** Name of the event
+             */
+            type?: string;
+        }
+
+        export interface Border {
+
+            /** Border color of the sunburst.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Width of the Sunburst border.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface SegmentBorder {
+
+            /** Segment Border color of the sunburst.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Width of the Sunburst segment border.
+             * @Default {2}
+             */
+            width?: number;
+        }
+
+        export interface Size {
+
+            /** Height of the Sunburst.
+             * @Default {''}
+             */
+            height?: string;
+
+            /** Width of the Sunburst.
+             * @Default {''}
+             */
+            width?: string;
+        }
+
+        export interface TooltipBorder {
+
+            /** Border color of the tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the tooltip.
+             * @Default {5}
+             */
+            width?: number;
+        }
+
+        export interface TooltipFont {
+
+            /** Font color of the text in the tooltip.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font Family for the tooltip.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Specifies the font Style for the tooltip.
+             * @Default {Normal}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Specifies the font weight for the tooltip.
+             * @Default {Regular}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity for text in the tooltip.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for text in the tooltip.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface Tooltip {
+
+            /** tooltip visibility of the Sunburst.
+             * @Default {true}
+             */
+            visible?: boolean;
+
+            /** Options for customizing the border of the sunburst tooltip.
+             */
+            border?: TooltipBorder;
+
+            /** Fill color for the sunburst tooltip.
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Options for customizing the font of the tooltip.
+             */
+            font?: TooltipFont;
+
+            /** Custom template to the tooltip.
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Setting the format for the data displayed in the tooltip
+             * @Default {#point.x# : #point.y#}
+             */
+            format?: string;
+
+            /** Sets the opacity of the dispalyed tooltip
+             * @Default {0.95}
+             */
+            opacity?: number;
+        }
+
+        export interface Points {
+
+            /** Points x value of the sunburst.
+             * @Default {null}
+             */
+            x?: string;
+
+            /** Points y value of the sunburst.
+             * @Default {null}
+             */
+            y?: number;
+
+            /** Points text of the sunburst.
+             * @Default {null}
+             */
+            text?: string;
+
+            /** Points fill color of the sunburst.
+             * @Default {null}
+             */
+            fill?: string;
+        }
+
+        export interface DataLabelSettingsFont {
+
+            /** Font family of the data label.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style of the data label.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight of the data label.
+             * @Default {regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity of the text.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font color of the data label text.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Font size of the data label.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface DataLabelSettings {
+
+            /** Datalabel visibility of the Sunburst.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Alignment of sunburst datalabel
+             * @Default {Angle. See DatalabelAlignment}
+             */
+            labelRotationMode?: ej.datavisualization.Sunburst.SunburstLabelRotationMode|string;
+
+            /** Options for customizing the data label font.
+             */
+            font?: DataLabelSettingsFont;
+
+            /** Custom template for datalabel
+             * @Default {null}
+             */
+            template?: string;
+
+            /** Fill color for the datalabel
+             * @Default {null}
+             */
+            fill?: string;
+
+            /** Datalabel overflow mode
+             * @Default {Trim. See LabelOverflowMode}
+             */
+            labelOverflowMode?: ej.datavisualization.Sunburst.SunburstLabelOverflowMode|string;
+        }
+
+        export interface TitleFont {
+
+            /** Font family for Sunburst title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for Sunburst title.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for Sunburst title.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity of the Sunburst title.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for Sunburst title.
+             * @Default {20px}
+             */
+            size?: string;
+        }
+
+        export interface TitleSubtitleFont {
+
+            /** Font family of sub title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for sub title.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for sub title.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Opacity of the sub title.
+             * @Default {1}
+             */
+            opacity?: number;
+
+            /** Font size for sub title.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface TitleSubtitle {
+
+            /** Subtitle text for sunburst
+             */
+            text?: string;
+
+            /** Sub title text visibility for sunburst
+             * @Default {true}
+             */
+            visible?: string;
+
+            /** Sub title text alignment
+             * @Default {far. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+            /** Options for customizing the font of sub title.
+             */
+            font?: TitleSubtitleFont;
+        }
+
+        export interface Title {
+
+            /** Title text for sunburst
+             */
+            text?: string;
+
+            /** Title text visibility for sunburst
+             * @Default {true}
+             */
+            visible?: string;
+
+            /** Title text alignment
+             * @Default {center. See TextAlignment}
+             */
+            textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+            /** Options for customizing the font of sunburst title.
+             */
+            font?: TitleFont;
+
+            /** Options to customize the sub title of Sunburst.
+             */
+            subtitle?: TitleSubtitle;
+        }
+
+        export interface HighlightSettings {
+
+            /** Enables/disables the ability to highlight the levels or point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether the levels or point has to be highlighted.
+             * @Default {point. See Mode}
+             */
+            mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+            /** Color of the levels/point on highlight.
+             * @Default {red}
+             */
+            color?: string;
+
+            /** Opacity of the levels/point on highlight.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Specifies whether the levels or data point has to be highlighted.
+             * @Default {opacity. See Mode}
+             */
+            type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+        }
+
+        export interface SelectionSettings {
+
+            /** Enables/disables the ability to select the levels or data point interactively.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Specifies whether the levels or data point has to be selected.
+             * @Default {point. See Mode}
+             */
+            mode?: ej.datavisualization.Sunburst.SunburstHighlightMode|string;
+
+            /** Color of the levels/point on selection.
+             * @Default {green}
+             */
+            color?: string;
+
+            /** Opacity of the levels/point on selection.
+             * @Default {0.5}
+             */
+            opacity?: number;
+
+            /** Specifies whether the levels or data point has to be selected.
+             * @Default {opacity. See Mode}
+             */
+            type?: ej.datavisualization.Sunburst.SunburstHighlightType|string;
+        }
+
+        export interface Level {
+
+            /** Specifies the group member path
+             * @Default {null}
+             */
+            groupMemberPath?: string;
+        }
+
+        export interface LegendBorder {
+
+            /** Border color of the legend.
+             * @Default {null}
+             */
+            color?: string;
+
+            /** Border width of the legend.
+             * @Default {1}
+             */
+            width?: number;
+        }
+
+        export interface LegendFont {
+
+            /** Font family for legend item text.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend item text.
+             * @Default {Normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for legend item text.
+             * @Default {Regular. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Font size for legend item text.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LegendItemStyle {
+
+            /** Height of the shape in legend items.
+             * @Default {10}
+             */
+            height?: number;
+
+            /** Width of the shape in legend items.
+             * @Default {10}
+             */
+            width?: number;
+        }
+
+        export interface LegendLocation {
+
+            /** X value or horizontal offset to position the legend in chart.
+             * @Default {0}
+             */
+            x?: number;
+
+            /** Y value or vertical offset to position the legend.
+             * @Default {0}
+             */
+            y?: number;
+        }
+
+        export interface LegendSize {
+
+            /** Height of the legend. Height can be specified in either pixel or percentage.
+             * @Default {null}
+             */
+            height?: string;
+
+            /** Width of the legend. Width can be specified in either pixel or percentage.
+             * @Default {null}
+             */
+            width?: string;
+        }
+
+        export interface LegendTitleFont {
+
+            /** Font family for the text in legend title.
+             * @Default {Segoe UI}
+             */
+            fontFamily?: string;
+
+            /** Font style for legend title.
+             * @Default {normal. See FontStyle}
+             */
+            fontStyle?: ej.datavisualization.Sunburst.FontStyle|string;
+
+            /** Font weight for legend title.
+             * @Default {normal. See FontWeight}
+             */
+            fontWeight?: ej.datavisualization.Sunburst.FontWeight|string;
+
+            /** Font size for legend title.
+             * @Default {12px}
+             */
+            size?: string;
+        }
+
+        export interface LegendTitle {
+
+            /** Options to customize the font used for legend title
+             */
+            font?: LegendTitleFont;
+
+            /** Enables or disables the legend title.
+             * @Default {true}
+             */
+            visible?: string;
+
+            /** Text to be displayed in legend title.
+             */
+            text?: string;
+
+            /** Alignment of the legend title.
+             * @Default {center. See Alignment}
+             */
+            textAlignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+        }
+
+        export interface Legend {
+
+            /** Visibility of the legend.
+             * @Default {false}
+             */
+            visible?: boolean;
+
+            /** Interactive action of legend items.
+             * @Default {toggleSegmentVisibility. See Alignment}
+             */
+            clickAction?: ej.datavisualization.Sunburst.SunburstClickAction|string;
+
+            /** Horizontal alignment of the legend.
+             * @Default {Center. See Alignment}
+             */
+            alignment?: ej.datavisualization.Sunburst.SunburstAlignment|string;
+
+            /** Options for customizing the legend border.
+             */
+            border?: LegendBorder;
+
+            /** Number of columns to arrange the legend items.
+             * @Default {null}
+             */
+            columnCount?: number;
+
+            /** Number of rows to arrange the legend items.
+             * @Default {null}
+             */
+            rowCount?: number;
+
+            /** Options to customize the font used for legend item text.
+             */
+            font?: LegendFont;
+
+            /** Gap or padding between the legend items.
+             * @Default {10}
+             */
+            itemPadding?: number;
+
+            /** Options to customize the style of legend items.
+             */
+            itemStyle?: LegendItemStyle;
+
+            /** Options to customize the location of sunburst legend. Legend is placed in provided location only when value of position property is custom
+             */
+            location?: LegendLocation;
+
+            /** Places the legend at specified position. Legend can be placed at **left**, **right**, **top** or **bottom** of the chart area. To manually specify the location of legend, set
+             * **custom** as value to this property.
+             * @Default {Bottom. See Position}
+             */
+            position?: ej.datavisualization.Sunburst.SunburstLegendPosition|string;
+
+            /** Shape of the legend items.
+             * @Default {None. See Shape}
+             */
+            shape?: ej.datavisualization.Sunburst.SunburstLegendShape|string;
+
+            /** Options to customize the size of the legend.
+             */
+            size?: LegendSize;
+
+            /** Options to customize the legend title.
+             */
+            title?: LegendTitle;
+        }
+
+        export interface Margin {
+
+            /** Spacing for the left margin of chart area. Setting positive value decreases the width of the chart area from left side.
+             * @Default {10}
+             */
+            left?: number;
+
+            /** Spacing for the right margin of chart area. Setting positive value decreases the width of the chart area from right side.
+             * @Default {10}
+             */
+            right?: number;
+
+            /** Spacing for the top margin of chart area. Setting positive value decreases the height of the chart area from the top.
+             * @Default {10}
+             */
+            top?: number;
+
+            /** Spacing for the bottom margin of the chart area. Setting positive value decreases the height of the chart area from the bottom.
+             * @Default {10}
+             */
+            bottom?: number;
+        }
+
+        export interface ZoomSettings {
+
+            /** Enables or disables zooming.
+             * @Default {false}
+             */
+            enable?: boolean;
+
+            /** Toolbar horizontal alignment
+             * @Default {right. See Alignment}
+             */
+            toolbarHorizontalAlignment?: ej.datavisualization.Sunburst.SunburstHorizontalAlignment|string;
+
+            /** Toolbar vertical alignment
+             * @Default {top. See Alignment}
+             */
+            toolbarVerticalAlignment?: ej.datavisualization.Sunburst.SunburstVerticalAlignment|string;
+        }
+    }
+    namespace Sunburst {
+        enum FontStyle {
+            //string
+            Normal,
+            //string
+            Italic,
+        }
+    }
+    namespace Sunburst {
+        enum FontWeight {
+            //string
+            Regular,
+            //string
+            Bold,
+            //string
+            Lighter,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLabelRotationMode {
+            //string
+            Angle,
+            //string
+            Normal,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLabelOverflowMode {
+            //string
+            Trim,
+            //string
+            Hide,
+            //string
+            None,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstAlignment {
+            //string
+            Center,
+            //string
+            Near,
+            //string
+            Far,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstHighlightMode {
+            //string
+            Point,
+            //string
+            Parent,
+            //string
+            Child,
+            //string
+            All,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstHighlightType {
+            //string
+            Opacity,
+            //string
+            Color,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstClickAction {
+            //string
+            None,
+            //string
+            ToggleSegmentVisibility,
+            //string
+            ToggleSegmentSelection,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLegendPosition {
+            //string
+            Left,
+            //string
+            Right,
+            //string
+            Top,
+            //string
+            Bottom,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstLegendShape {
+            //string
+            Diamond,
+            //string
+            Pentagon,
+            //string
+            Rectangle,
+            //string
+            Circle,
+            //string
+            Cross,
+            //string
+            Triangle,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstTheme {
+            //string
+            FlatLight,
+            //string
+            FlatDark,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstHorizontalAlignment {
+            //string
+            Center,
+            //string
+            Left,
+            //string
+            Right,
+        }
+    }
+    namespace Sunburst {
+        enum SunburstVerticalAlignment {
+            //string
+            Top,
+            //string
+            Bottom,
+            //string
+            Middle,
+        }
+    }
+    namespace Sunburst {
+        enum Animation {
+            //string
+            Rotation,
+            //string
+            FadeIn,
+        }
+    }
+
+    class Overview extends ej.Widget {
+        static fn: Overview;
+        constructor(element: JQuery | Element, options?: Overview.Model);
+        static Locale: any;
+        model: Overview.Model;
+        defaults: Overview.Model;
+    }
+    export namespace Overview {
+
+        export interface Model {
+
+            /** The sourceId property of overview should be set with the corresponding Diagram ID for you need the overall view.
+             * @Default {null}
+             */
+            sourceID?: string;
+
+            /** Defines the height of the overview
+             * @Default {400}
+             */
+            height?: number;
+
+            /** Defines the width of the overview
+             * @Default {250}
+             */
+            width?: number;
+        }
+    }
 
 }
 
 interface JQueryXHR {
+    /**
+     * Returns the cancel option value.
+     */
+    cancel?: boolean;
 }
 interface JQueryPromise<T> {
+    /**
+     * Returns the cancel option value.
+     */
+    cancel?: boolean;
 }
 interface JQueryDeferred<T> extends JQueryPromise<T> {
+    /**
+     * Returns the cancel option value.
+     */
+    cancel?: boolean;
 }
 interface JQueryParam {
+    /**
+     * Returns the cancel option value.
+     */
+    cancel?: boolean;
 }
 interface JQuery {
     data(key: any): any;
@@ -68696,418 +69242,335 @@ interface Window {
 }
 interface JQuery {
 
-ejAccordion(): JQuery;
-ejAccordion(options?: ej.Accordion.Model): JQuery;
-ejAccordion(memberName: any, value?: any, param?: any): any;
-data(key: "ejAccordion"): ej.Accordion;
-
-ejAutocomplete(): JQuery;
-ejAutocomplete(options?: ej.Autocomplete.Model): JQuery;
-ejAutocomplete(memberName: any, value?: any, param?: any): any;
-data(key: "ejAutocomplete"): ej.Autocomplete;
-
-ejBarcode(): JQuery;
-ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
-ejBarcode(memberName: any, value?: any, param?: any): any;
-data(key: "ejBarcode"): ej.datavisualization.Barcode;
-
-ejBulletGraph(): JQuery;
-ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
-ejBulletGraph(memberName: any, value?: any, param?: any): any;
-data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
-
-ejButton(): JQuery;
-ejButton(options?: ej.Button.Model): JQuery;
-ejButton(memberName: any, value?: any, param?: any): any;
-data(key: "ejButton"): ej.Button;
-
-ejCaptcha(): JQuery;
-ejCaptcha(options?: ej.Captcha.Model): JQuery;
-ejCaptcha(memberName: any, value?: any, param?: any): any;
-data(key: "ejCaptcha"): ej.Captcha;
-
-ejChart(): JQuery;
-ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
-ejChart(memberName: any, value?: any, param?: any): any;
-data(key: "ejChart"): ej.datavisualization.Chart;
-
-ejCheckBox(): JQuery;
-ejCheckBox(options?: ej.CheckBox.Model): JQuery;
-ejCheckBox(memberName: any, value?: any, param?: any): any;
-data(key: "ejCheckBox"): ej.CheckBox;
-
-ejCircularGauge(): JQuery;
-ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
-ejCircularGauge(memberName: any, value?: any, param?: any): any;
-data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
-
-ejColorPicker(): JQuery;
-ejColorPicker(options?: ej.ColorPicker.Model): JQuery;
-ejColorPicker(memberName: any, value?: any, param?: any): any;
-data(key: "ejColorPicker"): ej.ColorPicker;
-
-ejDatePicker(): JQuery;
-ejDatePicker(options?: ej.DatePicker.Model): JQuery;
-ejDatePicker(memberName: any, value?: any, param?: any): any;
-data(key: "ejDatePicker"): ej.DatePicker;
-
-ejDateRangePicker(): JQuery;
-ejDateRangePicker(options?: ej.DateRangePicker.Model): JQuery;
-ejDateRangePicker(memberName: any, value?: any, param?: any): any;
-data(key: "ejDateRangePicker"): ej.DateRangePicker;
-
-ejDateTimePicker(): JQuery;
-ejDateTimePicker(options?: ej.DateTimePicker.Model): JQuery;
-ejDateTimePicker(memberName: any, value?: any, param?: any): any;
-data(key: "ejDateTimePicker"): ej.DateTimePicker;
-
-ejDiagram(): JQuery;
-ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
-ejDiagram(memberName: any, value?: any, param?: any): any;
-data(key: "ejDiagram"): ej.datavisualization.Diagram;
-
-ejDialog(): JQuery;
-ejDialog(options?: ej.Dialog.Model): JQuery;
-ejDialog(memberName: any, value?: any, param?: any): any;
-data(key: "ejDialog"): ej.Dialog;
-
-ejDigitalGauge(): JQuery;
-ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
-ejDigitalGauge(memberName: any, value?: any, param?: any): any;
-data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
-
-ejDocumentEditor(): JQuery;
-ejDocumentEditor(options?: ej.DocumentEditor.Model): JQuery;
-ejDocumentEditor(memberName: any, value?: any, param?: any): any;
-data(key: "ejDocumentEditor"): ej.DocumentEditor;
-
-ejDraggable(): JQuery;
-ejDraggable(options?: ej.Draggable.Model): JQuery;
-ejDraggable(memberName: any, value?: any, param?: any): any;
-data(key: "ejDraggable"): ej.Draggable;
-
-ejDropDownList(): JQuery;
-ejDropDownList(options?: ej.DropDownList.Model): JQuery;
-ejDropDownList(memberName: any, value?: any, param?: any): any;
-data(key: "ejDropDownList"): ej.DropDownList;
-
-ejDroppable(): JQuery;
-ejDroppable(options?: ej.Droppable.Model): JQuery;
-ejDroppable(memberName: any, value?: any, param?: any): any;
-data(key: "ejDroppable"): ej.Droppable;
-
-ejFileExplorer(): JQuery;
-ejFileExplorer(options?: ej.FileExplorer.Model): JQuery;
-ejFileExplorer(memberName: any, value?: any, param?: any): any;
-data(key: "ejFileExplorer"): ej.FileExplorer;
-
-ejGantt(): JQuery;
-ejGantt(options?: ej.Gantt.Model): JQuery;
-ejGantt(memberName: any, value?: any, param?: any): any;
-data(key: "ejGantt"): ej.Gantt;
-
-ejGrid(): JQuery;
-ejGrid(options?: ej.Grid.Model): JQuery;
-ejGrid(memberName: any, value?: any, param?: any): any;
-data(key: "ejGrid"): ej.Grid;
-
-ejGroupButton(): JQuery;
-ejGroupButton(options?: ej.GroupButton.Model): JQuery;
-ejGroupButton(memberName: any, value?: any, param?: any): any;
-data(key: "ejGroupButton"): ej.GroupButton;
-
-ejHeatMap(): JQuery;
-ejHeatMap(options?: ej.datavisualization.HeatMap.Model): JQuery;
-ejHeatMap(memberName: any, value?: any, param?: any): any;
-data(key: "ejHeatMap"): ej.datavisualization.HeatMap;
-
-ejHeatMapLegend(): JQuery;
-ejHeatMapLegend(options?: ej.datavisualization.HeatMapLegend.Model): JQuery;
-ejHeatMapLegend(memberName: any, value?: any, param?: any): any;
-data(key: "ejHeatMapLegend"): ej.datavisualization.HeatMapLegend;
-
-ejKanban(): JQuery;
-ejKanban(options?: ej.Kanban.Model): JQuery;
-ejKanban(memberName: any, value?: any, param?: any): any;
-data(key: "ejKanban"): ej.Kanban;
-
-ejLinearGauge(): JQuery;
-ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
-ejLinearGauge(memberName: any, value?: any, param?: any): any;
-data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
-
-ejListBox(): JQuery;
-ejListBox(options?: ej.ListBox.Model): JQuery;
-ejListBox(memberName: any, value?: any, param?: any): any;
-data(key: "ejListBox"): ej.ListBox;
-
-ejListView(): JQuery;
-ejListView(options?: ej.ListView.Model): JQuery;
-ejListView(memberName: any, value?: any, param?: any): any;
-data(key: "ejListView"): ej.ListView;
-
-ejMap(): JQuery;
-ejMap(options?: ej.datavisualization.Map.Model): JQuery;
-ejMap(memberName: any, value?: any, param?: any): any;
-data(key: "ejMap"): ej.datavisualization.Map;
-
-ejMaskEdit(): JQuery;
-ejMaskEdit(options?: ej.MaskEdit.Model): JQuery;
-ejMaskEdit(memberName: any, value?: any, param?: any): any;
-data(key: "ejMaskEdit"): ej.MaskEdit;
-
-ejMenu(): JQuery;
-ejMenu(options?: ej.Menu.Model): JQuery;
-ejMenu(memberName: any, value?: any, param?: any): any;
-data(key: "ejMenu"): ej.Menu;
-
-ejNavigationDrawer(): JQuery;
-ejNavigationDrawer(options?: ej.NavigationDrawer.Model): JQuery;
-ejNavigationDrawer(memberName: any, value?: any, param?: any): any;
-data(key: "ejNavigationDrawer"): ej.NavigationDrawer;
-
-ejOverview(): JQuery;
-ejOverview(options?: ej.datavisualization.Overview.Model): JQuery;
-ejOverview(memberName: any, value?: any, param?: any): any;
-data(key: "ejOverview"): ej.datavisualization.Overview;
-
-ejPager(): JQuery;
-ejPager(options?: ej.Pager.Model): JQuery;
-ejPager(memberName: any, value?: any, param?: any): any;
-data(key: "ejPager"): ej.Pager;
-
-ejPdfViewer(): JQuery;
-ejPdfViewer(options?: ej.PdfViewer.Model): JQuery;
-ejPdfViewer(memberName: any, value?: any, param?: any): any;
-data(key: "ejPdfViewer"): ej.PdfViewer;
-
-ejPivotChart(): JQuery;
-ejPivotChart(options?: ej.PivotChart.Model): JQuery;
-ejPivotChart(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotChart"): ej.PivotChart;
-
-ejPivotClient(): JQuery;
-ejPivotClient(options?: ej.PivotClient.Model): JQuery;
-ejPivotClient(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotClient"): ej.PivotClient;
-
-ejPivotGauge(): JQuery;
-ejPivotGauge(options?: ej.PivotGauge.Model): JQuery;
-ejPivotGauge(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotGauge"): ej.PivotGauge;
-
-ejPivotGrid(): JQuery;
-ejPivotGrid(options?: ej.PivotGrid.Model): JQuery;
-ejPivotGrid(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotGrid"): ej.PivotGrid;
-
-ejPivotPager(): JQuery;
-ejPivotPager(options?: ej.PivotPager.Model): JQuery;
-ejPivotPager(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotPager"): ej.PivotPager;
-
-ejPivotSchemaDesigner(): JQuery;
-ejPivotSchemaDesigner(options?: ej.PivotSchemaDesigner.Model): JQuery;
-ejPivotSchemaDesigner(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotSchemaDesigner"): ej.PivotSchemaDesigner;
-
-ejPivotTreeMap(): JQuery;
-ejPivotTreeMap(options?: ej.PivotTreeMap.Model): JQuery;
-ejPivotTreeMap(memberName: any, value?: any, param?: any): any;
-data(key: "ejPivotTreeMap"): ej.PivotTreeMap;
-
-ejPrint(): JQuery;
-ejPrint(options?: ej.Print.Model): JQuery;
-ejPrint(memberName: any, value?: any, param?: any): any;
-data(key: "ejPrint"): ej.Print;
-
-ejProgressBar(): JQuery;
-ejProgressBar(options?: ej.ProgressBar.Model): JQuery;
-ejProgressBar(memberName: any, value?: any, param?: any): any;
-data(key: "ejProgressBar"): ej.ProgressBar;
-
-ejRadialMenu(): JQuery;
-ejRadialMenu(options?: ej.RadialMenu.Model): JQuery;
-ejRadialMenu(memberName: any, value?: any, param?: any): any;
-data(key: "ejRadialMenu"): ej.RadialMenu;
-
-ejRadialSlider(): JQuery;
-ejRadialSlider(options?: ej.RadialSlider.Model): JQuery;
-ejRadialSlider(memberName: any, value?: any, param?: any): any;
-data(key: "ejRadialSlider"): ej.RadialSlider;
-
-ejRadioButton(): JQuery;
-ejRadioButton(options?: ej.RadioButton.Model): JQuery;
-ejRadioButton(memberName: any, value?: any, param?: any): any;
-data(key: "ejRadioButton"): ej.RadioButton;
-
-ejRangeNavigator(): JQuery;
-ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
-ejRangeNavigator(memberName: any, value?: any, param?: any): any;
-data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
-
-ejRating(): JQuery;
-ejRating(options?: ej.Rating.Model): JQuery;
-ejRating(memberName: any, value?: any, param?: any): any;
-data(key: "ejRating"): ej.Rating;
-
-ejRecurrenceEditor(): JQuery;
-ejRecurrenceEditor(options?: ej.RecurrenceEditor.Model): JQuery;
-ejRecurrenceEditor(memberName: any, value?: any, param?: any): any;
-data(key: "ejRecurrenceEditor"): ej.RecurrenceEditor;
-
-ejReportViewer(): JQuery;
-ejReportViewer(options?: ej.ReportViewer.Model): JQuery;
-ejReportViewer(memberName: any, value?: any, param?: any): any;
-data(key: "ejReportViewer"): ej.ReportViewer;
-
-ejResizable(): JQuery;
-ejResizable(options?: ej.Resizable.Model): JQuery;
-ejResizable(memberName: any, value?: any, param?: any): any;
-data(key: "ejResizable"): ej.Resizable;
-
-ejRibbon(): JQuery;
-ejRibbon(options?: ej.Ribbon.Model): JQuery;
-ejRibbon(memberName: any, value?: any, param?: any): any;
-data(key: "ejRibbon"): ej.Ribbon;
-
-ejRotator(): JQuery;
-ejRotator(options?: ej.Rotator.Model): JQuery;
-ejRotator(memberName: any, value?: any, param?: any): any;
-data(key: "ejRotator"): ej.Rotator;
-
-ejRTE(): JQuery;
-ejRTE(options?: ej.RTE.Model): JQuery;
-ejRTE(memberName: any, value?: any, param?: any): any;
-data(key: "ejRTE"): ej.RTE;
-
-ejSchedule(): JQuery;
-ejSchedule(options?: ej.Schedule.Model): JQuery;
-ejSchedule(memberName: any, value?: any, param?: any): any;
-data(key: "ejSchedule"): ej.Schedule;
-
-ejScroller(): JQuery;
-ejScroller(options?: ej.Scroller.Model): JQuery;
-ejScroller(memberName: any, value?: any, param?: any): any;
-data(key: "ejScroller"): ej.Scroller;
-
-ejSignature(): JQuery;
-ejSignature(options?: ej.Signature.Model): JQuery;
-ejSignature(memberName: any, value?: any, param?: any): any;
-data(key: "ejSignature"): ej.Signature;
-
-ejSlider(): JQuery;
-ejSlider(options?: ej.Slider.Model): JQuery;
-ejSlider(memberName: any, value?: any, param?: any): any;
-data(key: "ejSlider"): ej.Slider;
-
-ejSparkline(): JQuery;
-ejSparkline(options?: ej.datavisualization.Sparkline.Model): JQuery;
-ejSparkline(memberName: any, value?: any, param?: any): any;
-data(key: "ejSparkline"): ej.datavisualization.Sparkline;
-
-ejSpellCheck(): JQuery;
-ejSpellCheck(options?: ej.SpellCheck.Model): JQuery;
-ejSpellCheck(memberName: any, value?: any, param?: any): any;
-data(key: "ejSpellCheck"): ej.SpellCheck;
-
-ejSplitButton(): JQuery;
-ejSplitButton(options?: ej.SplitButton.Model): JQuery;
-ejSplitButton(memberName: any, value?: any, param?: any): any;
-data(key: "ejSplitButton"): ej.SplitButton;
-
-ejSplitter(): JQuery;
-ejSplitter(options?: ej.Splitter.Model): JQuery;
-ejSplitter(memberName: any, value?: any, param?: any): any;
-data(key: "ejSplitter"): ej.Splitter;
-
-ejSpreadsheet(): JQuery;
-ejSpreadsheet(options?: ej.Spreadsheet.Model): JQuery;
-ejSpreadsheet(memberName: any, value?: any, param?: any): any;
-data(key: "ejSpreadsheet"): ej.Spreadsheet;
-
-ejSunburstChart(): JQuery;
-ejSunburstChart(options?: ej.datavisualization.SunburstChart.Model): JQuery;
-ejSunburstChart(memberName: any, value?: any, param?: any): any;
-data(key: "ejSunburstChart"): ej.datavisualization.SunburstChart;
-
-ejSymbolPalette(): JQuery;
-ejSymbolPalette(options?: ej.datavisualization.SymbolPalette.Model): JQuery;
-ejSymbolPalette(memberName: any, value?: any, param?: any): any;
-data(key: "ejSymbolPalette"): ej.datavisualization.SymbolPalette;
-
-ejTab(): JQuery;
-ejTab(options?: ej.Tab.Model): JQuery;
-ejTab(memberName: any, value?: any, param?: any): any;
-data(key: "ejTab"): ej.Tab;
-
-ejTagCloud(): JQuery;
-ejTagCloud(options?: ej.TagCloud.Model): JQuery;
-ejTagCloud(memberName: any, value?: any, param?: any): any;
-data(key: "ejTagCloud"): ej.TagCloud;
-
-ejNumericTextbox(): JQuery;
-ejNumericTextbox(options?: ej.Editor.Model): JQuery;
-ejNumericTextbox(memberName: any, value?: any, param?: any): any;
-data(key: "ejNumericTextbox"): ej.NumericTextbox;
-
-ejCurrencyTextbox(): JQuery;
-ejCurrencyTextbox(options?: ej.Editor.Model): JQuery;
-ejCurrencyTextbox(memberName: any, value?: any, param?: any): any;
-data(key: "ejCurrencyTextbox"): ej.CurrencyTextbox;
-
-ejPercentageTextbox(): JQuery;
-ejPercentageTextbox(options?: ej.Editor.Model): JQuery;
-ejPercentageTextbox(memberName: any, value?: any, param?: any): any;
-data(key: "ejPercentageTextbox"): ej.PercentageTextbox;
-
-ejTile(): JQuery;
-ejTile(options?: ej.Tile.Model): JQuery;
-ejTile(memberName: any, value?: any, param?: any): any;
-data(key: "ejTile"): ej.Tile;
-
-ejTimePicker(): JQuery;
-ejTimePicker(options?: ej.TimePicker.Model): JQuery;
-ejTimePicker(memberName: any, value?: any, param?: any): any;
-data(key: "ejTimePicker"): ej.TimePicker;
-
-ejToggleButton(): JQuery;
-ejToggleButton(options?: ej.ToggleButton.Model): JQuery;
-ejToggleButton(memberName: any, value?: any, param?: any): any;
-data(key: "ejToggleButton"): ej.ToggleButton;
-
-ejToolbar(): JQuery;
-ejToolbar(options?: ej.Toolbar.Model): JQuery;
-ejToolbar(memberName: any, value?: any, param?: any): any;
-data(key: "ejToolbar"): ej.Toolbar;
-
-ejTooltip(): JQuery;
-ejTooltip(options?: ej.Tooltip.Model): JQuery;
-ejTooltip(memberName: any, value?: any, param?: any): any;
-data(key: "ejTooltip"): ej.Tooltip;
-
-ejTreeGrid(): JQuery;
-ejTreeGrid(options?: ej.TreeGrid.Model): JQuery;
-ejTreeGrid(memberName: any, value?: any, param?: any): any;
-data(key: "ejTreeGrid"): ej.TreeGrid;
-
-ejTreeMap(): JQuery;
-ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
-ejTreeMap(memberName: any, value?: any, param?: any): any;
-data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
-
-ejTreeView(): JQuery;
-ejTreeView(options?: ej.TreeView.Model): JQuery;
-ejTreeView(memberName: any, value?: any, param?: any): any;
-data(key: "ejTreeView"): ej.TreeView;
-
-ejUploadbox(): JQuery;
-ejUploadbox(options?: ej.Uploadbox.Model): JQuery;
-ejUploadbox(memberName: any, value?: any, param?: any): any;
-data(key: "ejUploadbox"): ej.Uploadbox;
-
-ejWaitingPopup(): JQuery;
-ejWaitingPopup(options?: ej.WaitingPopup.Model): JQuery;
-ejWaitingPopup(memberName: any, value?: any, param?: any): any;
-data(key: "ejWaitingPopup"): ej.WaitingPopup;
+    ejAccordion(options?: ej.Accordion.Model): JQuery;
+    ejAccordion(memberName: any, value?: any, param?: any): any;
+
+    ejAutocomplete(options?: ej.Autocomplete.Model): JQuery;
+    ejAutocomplete(memberName: any, value?: any, param?: any): any;
+
+    ejBarcode(options?: ej.datavisualization.Barcode.Model): JQuery;
+    ejBarcode(memberName: any, value?: any, param?: any): any;
+
+    ejBulletGraph(options?: ej.datavisualization.BulletGraph.Model): JQuery;
+    ejBulletGraph(memberName: any, value?: any, param?: any): any;
+
+    ejButton(options?: ej.Button.Model): JQuery;
+    ejButton(memberName: any, value?: any, param?: any): any;
+
+    ejCaptcha(options?: ej.Captcha.Model): JQuery;
+    ejCaptcha(memberName: any, value?: any, param?: any): any;
+
+    ejChart(options?: ej.datavisualization.Chart.Model): JQuery;
+    ejChart(memberName: any, value?: any, param?: any): any;
+
+    ejCheckBox(options?: ej.CheckBox.Model): JQuery;
+    ejCheckBox(memberName: any, value?: any, param?: any): any;
+
+    ejCircularGauge(options?: ej.datavisualization.CircularGauge.Model): JQuery;
+    ejCircularGauge(memberName: any, value?: any, param?: any): any;
+
+    ejColorPicker(options?: ej.ColorPicker.Model): JQuery;
+    ejColorPicker(memberName: any, value?: any, param?: any): any;
+
+    ejDatePicker(options?: ej.DatePicker.Model): JQuery;
+    ejDatePicker(memberName: any, value?: any, param?: any): any;
+
+    ejDateRangePicker(options?: ej.DateRangePicker.Model): JQuery;
+    ejDateRangePicker(memberName: any, value?: any, param?: any): any;
+
+    ejDateTimePicker(options?: ej.DateTimePicker.Model): JQuery;
+    ejDateTimePicker(memberName: any, value?: any, param?: any): any;
+
+    ejDiagram(options?: ej.datavisualization.Diagram.Model): JQuery;
+    ejDiagram(memberName: any, value?: any, param?: any): any;
+
+    ejDialog(options?: ej.Dialog.Model): JQuery;
+    ejDialog(memberName: any, value?: any, param?: any): any;
+
+    ejDigitalGauge(options?: ej.datavisualization.DigitalGauge.Model): JQuery;
+    ejDigitalGauge(memberName: any, value?: any, param?: any): any;
+
+    ejDocumentEditor(options?: ej.DocumentEditor.Model): JQuery;
+    ejDocumentEditor(memberName: any, value?: any, param?: any): any;
+
+    ejDraggable(options?: ej.Draggable.Model): JQuery;
+    ejDraggable(memberName: any, value?: any, param?: any): any;
+
+    ejDropDownList(options?: ej.DropDownList.Model): JQuery;
+    ejDropDownList(memberName: any, value?: any, param?: any): any;
+
+    ejDroppable(options?: ej.Droppable.Model): JQuery;
+    ejDroppable(memberName: any, value?: any, param?: any): any;
+
+    ejFileExplorer(options?: ej.FileExplorer.Model): JQuery;
+    ejFileExplorer(memberName: any, value?: any, param?: any): any;
+
+    ejGantt(options?: ej.Gantt.Model): JQuery;
+    ejGantt(memberName: any, value?: any, param?: any): any;
+
+    ejGrid(options?: ej.Grid.Model): JQuery;
+    ejGrid(memberName: any, value?: any, param?: any): any;
+
+    ejGroupButton(options?: ej.GroupButton.Model): JQuery;
+    ejGroupButton(memberName: any, value?: any, param?: any): any;
+
+    ejHeatMap(options?: ej.datavisualization.HeatMap.Model): JQuery;
+    ejHeatMap(memberName: any, value?: any, param?: any): any;
+
+    ejHeatMapLegend(options?: ej.datavisualization.HeatMapLegend.Model): JQuery;
+    ejHeatMapLegend(memberName: any, value?: any, param?: any): any;
+
+    ejKanban(options?: ej.Kanban.Model): JQuery;
+    ejKanban(memberName: any, value?: any, param?: any): any;
+
+    ejLinearGauge(options?: ej.datavisualization.LinearGauge.Model): JQuery;
+    ejLinearGauge(memberName: any, value?: any, param?: any): any;
+
+    ejListBox(options?: ej.ListBox.Model): JQuery;
+    ejListBox(memberName: any, value?: any, param?: any): any;
+
+    ejListView(options?: ej.ListView.Model): JQuery;
+    ejListView(memberName: any, value?: any, param?: any): any;
+
+    ejMap(options?: ej.datavisualization.Map.Model): JQuery;
+    ejMap(memberName: any, value?: any, param?: any): any;
+
+    ejMaskEdit(options?: ej.MaskEdit.Model): JQuery;
+    ejMaskEdit(memberName: any, value?: any, param?: any): any;
+
+    ejMenu(options?: ej.Menu.Model): JQuery;
+    ejMenu(memberName: any, value?: any, param?: any): any;
+
+    ejNavigationDrawer(options?: ej.NavigationDrawer.Model): JQuery;
+    ejNavigationDrawer(memberName: any, value?: any, param?: any): any;
+
+    ejOverview(options?: ej.datavisualization.Overview.Model): JQuery;
+    ejOverview(memberName: any, value?: any, param?: any): any;
+
+    ejPager(options?: ej.Pager.Model): JQuery;
+    ejPager(memberName: any, value?: any, param?: any): any;
+
+    ejPdfViewer(options?: ej.PdfViewer.Model): JQuery;
+    ejPdfViewer(memberName: any, value?: any, param?: any): any;
+
+    ejPivotChart(options?: ej.PivotChart.Model): JQuery;
+    ejPivotChart(memberName: any, value?: any, param?: any): any;
+
+    ejPivotClient(options?: ej.PivotClient.Model): JQuery;
+    ejPivotClient(memberName: any, value?: any, param?: any): any;
+
+    ejPivotGauge(options?: ej.PivotGauge.Model): JQuery;
+    ejPivotGauge(memberName: any, value?: any, param?: any): any;
+
+    ejPivotGrid(options?: ej.PivotGrid.Model): JQuery;
+    ejPivotGrid(memberName: any, value?: any, param?: any): any;
+
+    ejPivotPager(options?: ej.PivotPager.Model): JQuery;
+    ejPivotPager(memberName: any, value?: any, param?: any): any;
+
+    ejPivotSchemaDesigner(options?: ej.PivotSchemaDesigner.Model): JQuery;
+    ejPivotSchemaDesigner(memberName: any, value?: any, param?: any): any;
+
+    ejPivotTreeMap(options?: ej.PivotTreeMap.Model): JQuery;
+    ejPivotTreeMap(memberName: any, value?: any, param?: any): any;
+
+    ejPrint(options?: ej.Print.Model): JQuery;
+    ejPrint(memberName: any, value?: any, param?: any): any;
+
+    ejProgressBar(options?: ej.ProgressBar.Model): JQuery;
+    ejProgressBar(memberName: any, value?: any, param?: any): any;
+
+    ejRadialMenu(options?: ej.RadialMenu.Model): JQuery;
+    ejRadialMenu(memberName: any, value?: any, param?: any): any;
+
+    ejRadialSlider(options?: ej.RadialSlider.Model): JQuery;
+    ejRadialSlider(memberName: any, value?: any, param?: any): any;
+
+    ejRadioButton(options?: ej.RadioButton.Model): JQuery;
+    ejRadioButton(memberName: any, value?: any, param?: any): any;
+
+    ejRangeNavigator(options?: ej.datavisualization.RangeNavigator.Model): JQuery;
+    ejRangeNavigator(memberName: any, value?: any, param?: any): any;
+
+    ejRating(options?: ej.Rating.Model): JQuery;
+    ejRating(memberName: any, value?: any, param?: any): any;
+
+    ejRecurrenceEditor(options?: ej.RecurrenceEditor.Model): JQuery;
+    ejRecurrenceEditor(memberName: any, value?: any, param?: any): any;
+
+    ejReportViewer(options?: ej.ReportViewer.Model): JQuery;
+    ejReportViewer(memberName: any, value?: any, param?: any): any;
+
+    ejResizable(options?: ej.Resizable.Model): JQuery;
+    ejResizable(memberName: any, value?: any, param?: any): any;
+
+    ejRibbon(options?: ej.Ribbon.Model): JQuery;
+    ejRibbon(memberName: any, value?: any, param?: any): any;
+
+    ejRotator(options?: ej.Rotator.Model): JQuery;
+    ejRotator(memberName: any, value?: any, param?: any): any;
+
+    ejRTE(options?: ej.RTE.Model): JQuery;
+    ejRTE(memberName: any, value?: any, param?: any): any;
+
+    ejSchedule(options?: ej.Schedule.Model): JQuery;
+    ejSchedule(memberName: any, value?: any, param?: any): any;
+
+    ejScroller(options?: ej.Scroller.Model): JQuery;
+    ejScroller(memberName: any, value?: any, param?: any): any;
+
+    ejSignature(options?: ej.Signature.Model): JQuery;
+    ejSignature(memberName: any, value?: any, param?: any): any;
+
+    ejSlider(options?: ej.Slider.Model): JQuery;
+    ejSlider(memberName: any, value?: any, param?: any): any;
+
+    ejSparkline(options?: ej.datavisualization.Sparkline.Model): JQuery;
+    ejSparkline(memberName: any, value?: any, param?: any): any;
+
+    ejSpellCheck(options?: ej.SpellCheck.Model): JQuery;
+    ejSpellCheck(memberName: any, value?: any, param?: any): any;
+
+    ejSplitButton(options?: ej.SplitButton.Model): JQuery;
+    ejSplitButton(memberName: any, value?: any, param?: any): any;
+
+    ejSplitter(options?: ej.Splitter.Model): JQuery;
+    ejSplitter(memberName: any, value?: any, param?: any): any;
+
+    ejSpreadsheet(options?: ej.Spreadsheet.Model): JQuery;
+    ejSpreadsheet(memberName: any, value?: any, param?: any): any;
+
+    ejSunburstChart(options?: ej.datavisualization.SunburstChart.Model): JQuery;
+    ejSunburstChart(memberName: any, value?: any, param?: any): any;
+
+    ejSymbolPalette(options?: ej.datavisualization.SymbolPalette.Model): JQuery;
+    ejSymbolPalette(memberName: any, value?: any, param?: any): any;
+
+    ejTab(options?: ej.Tab.Model): JQuery;
+    ejTab(memberName: any, value?: any, param?: any): any;
+
+    ejTagCloud(options?: ej.TagCloud.Model): JQuery;
+    ejTagCloud(memberName: any, value?: any, param?: any): any;
+
+    ejNumericTextbox(options?: ej.Editor.Model): JQuery;
+    ejNumericTextbox(memberName: any, value?: any, param?: any): any;
+
+    ejCurrencyTextbox(options?: ej.Editor.Model): JQuery;
+    ejCurrencyTextbox(memberName: any, value?: any, param?: any): any;
+
+    ejPercentageTextbox(options?: ej.Editor.Model): JQuery;
+    ejPercentageTextbox(memberName: any, value?: any, param?: any): any;
+
+    ejTile(options?: ej.Tile.Model): JQuery;
+    ejTile(memberName: any, value?: any, param?: any): any;
+
+    ejTimePicker(options?: ej.TimePicker.Model): JQuery;
+    ejTimePicker(memberName: any, value?: any, param?: any): any;
+
+    ejToggleButton(options?: ej.ToggleButton.Model): JQuery;
+    ejToggleButton(memberName: any, value?: any, param?: any): any;
+
+    ejToolbar(options?: ej.Toolbar.Model): JQuery;
+    ejToolbar(memberName: any, value?: any, param?: any): any;
+
+    ejTooltip(options?: ej.Tooltip.Model): JQuery;
+    ejTooltip(memberName: any, value?: any, param?: any): any;
+
+    ejTreeGrid(options?: ej.TreeGrid.Model): JQuery;
+    ejTreeGrid(memberName: any, value?: any, param?: any): any;
+
+    ejTreeMap(options?: ej.datavisualization.TreeMap.Model): JQuery;
+    ejTreeMap(memberName: any, value?: any, param?: any): any;
+
+    ejTreeView(options?: ej.TreeView.Model): JQuery;
+    ejTreeView(memberName: any, value?: any, param?: any): any;
+
+    ejUploadbox(options?: ej.Uploadbox.Model): JQuery;
+    ejUploadbox(memberName: any, value?: any, param?: any): any;
+
+    ejWaitingPopup(options?: ej.WaitingPopup.Model): JQuery;
+    ejWaitingPopup(memberName: any, value?: any, param?: any): any;
+    data(key: "ejAccordion"): ej.Accordion;
+    data(key: "ejAutocomplete"): ej.Autocomplete;
+    data(key: "ejBarcode"): ej.datavisualization.Barcode;
+    data(key: "ejBulletGraph"): ej.datavisualization.BulletGraph;
+    data(key: "ejButton"): ej.Button;
+    data(key: "ejCaptcha"): ej.Captcha;
+    data(key: "ejChart"): ej.datavisualization.Chart;
+    data(key: "ejCheckBox"): ej.CheckBox;
+    data(key: "ejCircularGauge"): ej.datavisualization.CircularGauge;
+    data(key: "ejColorPicker"): ej.ColorPicker;
+    data(key: "ejDatePicker"): ej.DatePicker;
+    data(key: "ejDateRangePicker"): ej.DateRangePicker;
+    data(key: "ejDateTimePicker"): ej.DateTimePicker;
+    data(key: "ejDiagram"): ej.datavisualization.Diagram;
+    data(key: "ejDialog"): ej.Dialog;
+    data(key: "ejDigitalGauge"): ej.datavisualization.DigitalGauge;
+    data(key: "ejDocumentEditor"): ej.DocumentEditor;
+    data(key: "ejDraggable"): ej.Draggable;
+    data(key: "ejDropDownList"): ej.DropDownList;
+    data(key: "ejDroppable"): ej.Droppable;
+    data(key: "ejFileExplorer"): ej.FileExplorer;
+    data(key: "ejGantt"): ej.Gantt;
+    data(key: "ejGrid"): ej.Grid;
+    data(key: "ejGroupButton"): ej.GroupButton;
+    data(key: "ejHeatMap"): ej.datavisualization.HeatMap;
+    data(key: "ejHeatMapLegend"): ej.datavisualization.HeatMapLegend;
+    data(key: "ejKanban"): ej.Kanban;
+    data(key: "ejLinearGauge"): ej.datavisualization.LinearGauge;
+    data(key: "ejListBox"): ej.ListBox;
+    data(key: "ejListView"): ej.ListView;
+    data(key: "ejMap"): ej.datavisualization.Map;
+    data(key: "ejMaskEdit"): ej.MaskEdit;
+    data(key: "ejMenu"): ej.Menu;
+    data(key: "ejNavigationDrawer"): ej.NavigationDrawer;
+    data(key: "ejOverview"): ej.datavisualization.Overview;
+    data(key: "ejPager"): ej.Pager;
+    data(key: "ejPdfViewer"): ej.PdfViewer;
+    data(key: "ejPivotChart"): ej.PivotChart;
+    data(key: "ejPivotClient"): ej.PivotClient;
+    data(key: "ejPivotGauge"): ej.PivotGauge;
+    data(key: "ejPivotGrid"): ej.PivotGrid;
+    data(key: "ejPivotPager"): ej.PivotPager;
+    data(key: "ejPivotSchemaDesigner"): ej.PivotSchemaDesigner;
+    data(key: "ejPivotTreeMap"): ej.PivotTreeMap;
+    data(key: "ejPrint"): ej.Print;
+    data(key: "ejProgressBar"): ej.ProgressBar;
+    data(key: "ejRadialMenu"): ej.RadialMenu;
+    data(key: "ejRadialSlider"): ej.RadialSlider;
+    data(key: "ejRadioButton"): ej.RadioButton;
+    data(key: "ejRangeNavigator"): ej.datavisualization.RangeNavigator;
+    data(key: "ejRating"): ej.Rating;
+    data(key: "ejRecurrenceEditor"): ej.RecurrenceEditor;
+    data(key: "ejReportViewer"): ej.ReportViewer;
+    data(key: "ejResizable"): ej.Resizable;
+    data(key: "ejRibbon"): ej.Ribbon;
+    data(key: "ejRotator"): ej.Rotator;
+    data(key: "ejRTE"): ej.RTE;
+    data(key: "ejSchedule"): ej.Schedule;
+    data(key: "ejScroller"): ej.Scroller;
+    data(key: "ejSignature"): ej.Signature;
+    data(key: "ejSlider"): ej.Slider;
+    data(key: "ejSparkline"): ej.datavisualization.Sparkline;
+    data(key: "ejSpellCheck"): ej.SpellCheck;
+    data(key: "ejSplitButton"): ej.SplitButton;
+    data(key: "ejSplitter"): ej.Splitter;
+    data(key: "ejSpreadsheet"): ej.Spreadsheet;
+    data(key: "ejSunburstChart"): ej.datavisualization.SunburstChart;
+    data(key: "ejSymbolPalette"): ej.datavisualization.SymbolPalette;
+    data(key: "ejTab"): ej.Tab;
+    data(key: "ejTagCloud"): ej.TagCloud;
+    data(key: "ejNumericTextbox"): ej.NumericTextbox;
+    data(key: "ejCurrencyTextbox"): ej.CurrencyTextbox;
+    data(key: "ejPercentageTextbox"): ej.PercentageTextbox;
+    data(key: "ejTile"): ej.Tile;
+    data(key: "ejTimePicker"): ej.TimePicker;
+    data(key: "ejToggleButton"): ej.ToggleButton;
+    data(key: "ejToolbar"): ej.Toolbar;
+    data(key: "ejTooltip"): ej.Tooltip;
+    data(key: "ejTreeGrid"): ej.TreeGrid;
+    data(key: "ejTreeMap"): ej.datavisualization.TreeMap;
+    data(key: "ejTreeView"): ej.TreeView;
+    data(key: "ejUploadbox"): ej.Uploadbox;
+    data(key: "ejWaitingPopup"): ej.WaitingPopup;
 }

From 37fce9b1a423daad47ff242f7b8c8cbc58523bb3 Mon Sep 17 00:00:00 2001
From: Frank Wallis <fwallis@outlook.com>
Date: Tue, 4 Jul 2017 14:15:56 +0100
Subject: [PATCH 136/274] react-big-calendar: update to use es6 default export

---
 types/react-big-calendar/index.d.ts                   | 8 ++------
 types/react-big-calendar/react-big-calendar-tests.tsx | 2 +-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/types/react-big-calendar/index.d.ts b/types/react-big-calendar/index.d.ts
index 646826bee4..529d14a369 100644
--- a/types/react-big-calendar/index.d.ts
+++ b/types/react-big-calendar/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-big-calendar 0.12.3
+// Type definitions for react-big-calendar 0.14.0
 // Project: https://github.com/intljusticemission/react-big-calendar
 // Definitions by: Piotr Witek <http://piotrwitek.github.io>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -53,9 +53,5 @@ declare module 'react-big-calendar' {
         static globalizeLocalizer(globalizeInstance: Object): void;
     }
 
-    /* This enables 'import * as BigCalendar' syntax when compiling to es2015 */
-    namespace BigCalendar {}
-
-    /* react-big-calendar is exported as a commonjs module (it uses babel-preset-jason) */
-    export = BigCalendar;
+    export default BigCalendar;
 }
diff --git a/types/react-big-calendar/react-big-calendar-tests.tsx b/types/react-big-calendar/react-big-calendar-tests.tsx
index 2ca939c0a6..b123532d49 100644
--- a/types/react-big-calendar/react-big-calendar-tests.tsx
+++ b/types/react-big-calendar/react-big-calendar-tests.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import * as ReactDOMServer from "react-dom/server";
-import BigCalendar = require("react-big-calendar");
+import BigCalendar from "react-big-calendar";
 
 // Don't want to add this as a dependency, because it is only used for tests.
 declare const moment: any;

From 1ea08cca6b38048091a95f3d7ab91c42de746aae Mon Sep 17 00:00:00 2001
From: Julian Verdurmen <304NotModified@users.noreply.github.com>
Date: Tue, 4 Jul 2017 15:16:28 +0200
Subject: [PATCH 137/274] Fix ckeditor.dialog.getCurrent()

---
 types/ckeditor/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/ckeditor/index.d.ts b/types/ckeditor/index.d.ts
index dc4d27871e..71a9202557 100644
--- a/types/ckeditor/index.d.ts
+++ b/types/ckeditor/index.d.ts
@@ -1681,7 +1681,7 @@ declare namespace CKEDITOR {
         function addUIElement(typeName: string, builder: Function): void;
         function cancelButton(): void;
         function exists(name: string | number): void; // NOTE: documentation says object, but it's an array accessor, so really a string or number will work
-        function getCurrent(): void;
+        function getCurrent(): CKEDITOR.dialog;
         function isTabEnabled(editor: CKEDITOR.editor, dialogName: string, tabName: string): boolean;
         function okButton(): void;
     }

From 762ac1c99ac2630af1dcff7bfc8a6270f6e56968 Mon Sep 17 00:00:00 2001
From: "daniel.thunell" <daniel.thunell@viaplay.com>
Date: Tue, 4 Jul 2017 16:02:13 +0200
Subject: [PATCH 138/274] Add types for restify-cors-middleware

---
 types/restify-cors-middleware/index.d.ts      | 42 +++++++++++++++++++
 .../restify-cors-middleware-tests.ts          | 10 +++++
 types/restify-cors-middleware/tsconfig.json   | 22 ++++++++++
 types/restify-cors-middleware/tslint.json     |  3 ++
 4 files changed, 77 insertions(+)
 create mode 100644 types/restify-cors-middleware/index.d.ts
 create mode 100644 types/restify-cors-middleware/restify-cors-middleware-tests.ts
 create mode 100644 types/restify-cors-middleware/tsconfig.json
 create mode 100644 types/restify-cors-middleware/tslint.json

diff --git a/types/restify-cors-middleware/index.d.ts b/types/restify-cors-middleware/index.d.ts
new file mode 100644
index 0000000000..89e8e50946
--- /dev/null
+++ b/types/restify-cors-middleware/index.d.ts
@@ -0,0 +1,42 @@
+// Type definitions for restify-cors-middleware 1.0.0
+// Project: https://github.com/TabDigital/restify-cors-middleware
+// Definitions by: Daniel Thunell <https://github.com/dthunell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3.4
+
+/// <reference types="node" />
+
+import { RequestHandler } from 'restify';
+
+declare namespace corsMiddleware {
+  interface Options {
+    origins: string[];
+    allowHeaders: string[];
+    exposeHeaders: string[];
+    credentials?: boolean;
+    preflightMaxAge?: number;
+    preflightStrategy?: Object | Function;
+  }
+
+  interface CorsMiddleware {
+    actual: RequestHandler;
+    preflight: RequestHandler;
+  }
+}
+
+/**
+ * @public
+ * @param    {Object} options an options object
+ * @param    {Array} [options.origins] an array of whitelisted origins, can be
+ * both strings and regular expressions
+ * @param    {Boolean} [options.credentials] if true, uses creds
+ * @param    {Array} [options.allowHeaders] user defined headers to allow
+ * @param    {Array} [options.exposeHeaders] user defined headers to expose
+ * @param    {Number} [options.preflightMaxAge] ms to cache preflight requests
+ * @param    {Object | Function} [options.preflightStrategy]
+ * customize preflight request handling
+ * @returns  {Object} returns an object with actual and preflight handlers
+ */
+declare function corsMiddleware(options: corsMiddleware.Options): corsMiddleware.CorsMiddleware;
+
+export = corsMiddleware;
diff --git a/types/restify-cors-middleware/restify-cors-middleware-tests.ts b/types/restify-cors-middleware/restify-cors-middleware-tests.ts
new file mode 100644
index 0000000000..eb4eea43d8
--- /dev/null
+++ b/types/restify-cors-middleware/restify-cors-middleware-tests.ts
@@ -0,0 +1,10 @@
+import corsMiddleware = require('restify-cors-middleware')
+
+const options: corsMiddleware.Options = {
+  preflightMaxAge: 5,
+  origins: ['http://api.myapp.com', 'http://web.myapp.com'],
+  allowHeaders: ['API-Token'],
+  exposeHeaders: ['API-Token-Expiry']
+};
+
+const cors: corsMiddleware.CorsMiddleware = corsMiddleware(options);
diff --git a/types/restify-cors-middleware/tsconfig.json b/types/restify-cors-middleware/tsconfig.json
new file mode 100644
index 0000000000..ba47700d0a
--- /dev/null
+++ b/types/restify-cors-middleware/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+    "index.d.ts",
+    "restify-cors-middleware-tests.ts"
+  ]
+}
\ No newline at end of file
diff --git a/types/restify-cors-middleware/tslint.json b/types/restify-cors-middleware/tslint.json
new file mode 100644
index 0000000000..30a1bdde2e
--- /dev/null
+++ b/types/restify-cors-middleware/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From 5cd0a7541fe9700a8759bf701b97120b10ae9008 Mon Sep 17 00:00:00 2001
From: "daniel.thunell" <daniel.thunell@viaplay.com>
Date: Tue, 4 Jul 2017 16:09:06 +0200
Subject: [PATCH 139/274] Fix lint errors

---
 types/restify-cors-middleware/index.d.ts                    | 6 +++---
 .../restify-cors-middleware-tests.ts                        | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/restify-cors-middleware/index.d.ts b/types/restify-cors-middleware/index.d.ts
index 89e8e50946..d7b92d25a9 100644
--- a/types/restify-cors-middleware/index.d.ts
+++ b/types/restify-cors-middleware/index.d.ts
@@ -1,8 +1,8 @@
-// Type definitions for restify-cors-middleware 1.0.0
+// Type definitions for restify-cors-middleware 1.0
 // Project: https://github.com/TabDigital/restify-cors-middleware
 // Definitions by: Daniel Thunell <https://github.com/dthunell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3.4
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
@@ -15,7 +15,7 @@ declare namespace corsMiddleware {
     exposeHeaders: string[];
     credentials?: boolean;
     preflightMaxAge?: number;
-    preflightStrategy?: Object | Function;
+    preflightStrategy?: any;
   }
 
   interface CorsMiddleware {
diff --git a/types/restify-cors-middleware/restify-cors-middleware-tests.ts b/types/restify-cors-middleware/restify-cors-middleware-tests.ts
index eb4eea43d8..f18cb39e7a 100644
--- a/types/restify-cors-middleware/restify-cors-middleware-tests.ts
+++ b/types/restify-cors-middleware/restify-cors-middleware-tests.ts
@@ -1,4 +1,4 @@
-import corsMiddleware = require('restify-cors-middleware')
+import corsMiddleware = require('restify-cors-middleware');
 
 const options: corsMiddleware.Options = {
   preflightMaxAge: 5,

From f3d9854ae16cf3052e34524d401187bd5729fef0 Mon Sep 17 00:00:00 2001
From: Giedrius Grabauskas <giedrius@quatrodev.com>
Date: Tue, 4 Jul 2017 18:29:34 +0300
Subject: [PATCH 140/274] Fixed customDetector to use without
 `cacheUserLanguage` method.

---
 .../i18next-browser-languagedetector-tests.ts                 | 4 +---
 types/i18next-browser-languagedetector/index.d.ts             | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
index f7171fcf2c..eadfcea369 100644
--- a/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
+++ b/types/i18next-browser-languagedetector/i18next-browser-languagedetector-tests.ts
@@ -44,11 +44,9 @@ const customDetector: LngDetector.CustomDetector = {
 
 const customDetector2: LngDetector.CustomDetector = {
     name: "myDetectorsName",
-
     lookup(options: LngDetector.DetectorOptions) {
         return undefined;
-    },
-    cacheUserLanguage(lng: string, options: LngDetector.DetectorOptions) { }
+    }
 };
 
 const lngDetector = new LngDetector(null, options);
diff --git a/types/i18next-browser-languagedetector/index.d.ts b/types/i18next-browser-languagedetector/index.d.ts
index b5821255ce..1e85fd81e4 100644
--- a/types/i18next-browser-languagedetector/index.d.ts
+++ b/types/i18next-browser-languagedetector/index.d.ts
@@ -43,7 +43,7 @@ declare namespace i18nextBrowserLanguageDetector {
 
     interface CustomDetector {
         name: string;
-        cacheUserLanguage(lng: string, options: DetectorOptions): void;
+        cacheUserLanguage?(lng: string, options: DetectorOptions): void;
         lookup(options: DetectorOptions): string | undefined;
     }
 }

From e23ee8a8dd5c5909ceae48eb23a48d58e443a795 Mon Sep 17 00:00:00 2001
From: Ika <ikatyang@gmail.com>
Date: Tue, 4 Jul 2017 23:55:07 +0800
Subject: [PATCH 141/274] fix(cheerio): CheerioAPI should extend CheerioStatic

---
 types/cheerio/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/cheerio/index.d.ts b/types/cheerio/index.d.ts
index 4096a0f9c2..f525a46ee6 100644
--- a/types/cheerio/index.d.ts
+++ b/types/cheerio/index.d.ts
@@ -263,7 +263,7 @@ interface CheerioElement {
     nodeValue: string;
 }
 
-interface CheerioAPI extends CheerioSelector {
+interface CheerioAPI extends CheerioSelector, CheerioStatic {
   load(html: string, options?: CheerioOptionsInterface): CheerioStatic;
   load(element: CheerioElement, options?: CheerioOptionsInterface): CheerioStatic;
 }

From 98fdc33a5308775c27a83b8d1469ba9ee4739126 Mon Sep 17 00:00:00 2001
From: Ika <ikatyang@gmail.com>
Date: Tue, 4 Jul 2017 23:57:48 +0800
Subject: [PATCH 142/274] test(cheerio): add tests

---
 types/cheerio/cheerio-tests.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/cheerio/cheerio-tests.ts b/types/cheerio/cheerio-tests.ts
index 1c0848eef7..4a15f029f0 100644
--- a/types/cheerio/cheerio-tests.ts
+++ b/types/cheerio/cheerio-tests.ts
@@ -306,3 +306,5 @@ $.parseHTML(html, null, true);
  * Not in doc
  */
 $el.toArray();
+
+cheerio.html($el);

From 642aa347d7340a6c2d1f6ffbc0df657863663104 Mon Sep 17 00:00:00 2001
From: Deividas Bakanas <deividas@quatrodev.com>
Date: Tue, 4 Jul 2017 19:33:31 +0300
Subject: [PATCH 143/274] `tslint.json` and `tsconfig.json` added.

---
 types/react-tooltip/tsconfig.json | 25 +++++++++++++++++++++++++
 types/react-tooltip/tslint.json   |  1 +
 2 files changed, 26 insertions(+)
 create mode 100644 types/react-tooltip/tsconfig.json
 create mode 100644 types/react-tooltip/tslint.json

diff --git a/types/react-tooltip/tsconfig.json b/types/react-tooltip/tsconfig.json
new file mode 100644
index 0000000000..d52b7c28ab
--- /dev/null
+++ b/types/react-tooltip/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom",
+            "dom.iterable"
+        ],
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-tooltip-tests.tsx"
+    ]
+}
diff --git a/types/react-tooltip/tslint.json b/types/react-tooltip/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-tooltip/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From d1f0c60277735137b08e780f2e787b9ecbb3b3cb Mon Sep 17 00:00:00 2001
From: Deividas Bakanas <deividas@quatrodev.com>
Date: Tue, 4 Jul 2017 19:43:24 +0300
Subject: [PATCH 144/274] `react-tooltip` types added.

---
 types/react-tooltip/index.d.ts | 54 ++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 types/react-tooltip/index.d.ts

diff --git a/types/react-tooltip/index.d.ts b/types/react-tooltip/index.d.ts
new file mode 100644
index 0000000000..67c7635752
--- /dev/null
+++ b/types/react-tooltip/index.d.ts
@@ -0,0 +1,54 @@
+// Type definitions for react-tooltip 3.3
+// Project: https://github.com/wwayne/react-tooltip
+// Definitions by: Deividas Bakanas <https://github.com/DeividasBakanas>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+import * as React from "react";
+
+declare class ReactTooltip extends React.Component<ReactTooltip.Props> { }
+
+declare namespace ReactTooltip {
+    interface Offset {
+        top?: number;
+        right?: number;
+        left?: number;
+        bottom?: number;
+    }
+
+    type ElementEvents = keyof HTMLElementEventMap;
+    type WindowEvents = keyof WindowEventMap;
+
+    type GetContentCallback = () => React.ReactNode;
+    type GetContent = GetContentCallback | [GetContentCallback, number];
+
+    interface Props {
+        id?: string;
+        place?: "top" | "right" | "bottom" | "left";
+        type?: "success" | "warning" | "error" | "info" | "light";
+        effect?: "float" | "solid";
+        event?: ElementEvents;
+        eventOff?: ElementEvents;
+        globalEventOff?: WindowEvents;
+        isCapture?: boolean;
+        offset?: Offset;
+        multiline?: boolean;
+        className?: string;
+        html?: boolean;
+        delayHide?: number;
+        delayShow?: number;
+        insecure?: boolean;
+        border?: boolean;
+        getContent?: GetContent;
+        afterShow?(): void;
+        afterHide?(): void;
+        disable?: boolean;
+        scrollHide?: boolean;
+        resizeHide?: boolean;
+        wrapper?: "div" | "span";
+        role?: string;
+        class?: string;
+        watchWindow?: boolean;
+    }
+}
+
+export = ReactTooltip;

From 9bbcff9c8c55c972d2067782610e901d44fb1b37 Mon Sep 17 00:00:00 2001
From: Deividas Bakanas <deividas@quatrodev.com>
Date: Tue, 4 Jul 2017 19:51:15 +0300
Subject: [PATCH 145/274] React tooltip tests added.

---
 types/react-tooltip/react-tooltip-tests.tsx | 79 +++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 types/react-tooltip/react-tooltip-tests.tsx

diff --git a/types/react-tooltip/react-tooltip-tests.tsx b/types/react-tooltip/react-tooltip-tests.tsx
new file mode 100644
index 0000000000..7fa5332f27
--- /dev/null
+++ b/types/react-tooltip/react-tooltip-tests.tsx
@@ -0,0 +1,79 @@
+import * as React from "react";
+import * as ReactTooltip from "react-tooltip";
+
+export class ReactTooltipTest extends React.PureComponent {
+    render() {
+        const getContent: ReactTooltip.GetContent = [() => Math.floor(Math.random() * 100), 30];
+
+        return <div>
+            <a data-tip data-for="happyFace"> d(`･∀･)b </a>
+            <ReactTooltip id="happyFace" type="error">
+                <span>Show happy face</span>
+            </ReactTooltip>
+
+            <a data-tip data-for="sadFace"> இдஇ </a>
+            <ReactTooltip id="sadFace" type="warning" effect="solid" afterHide={() => { console.log("afterHide"); }}>
+                <span>Show sad face</span>
+            </ReactTooltip>
+
+            <a data-tip data-for="global"> σ`∀´)σ </a>
+            <a data-tip data-for="global"> (〃∀〃) </a>
+            <ReactTooltip id="global" aria-haspopup="true" role="example" afterShow={() => { console.log("afterShow"); }}>
+                <p>This is a global react component tooltip</p>
+                <p>You can put every thing here</p>
+                <ul>
+                    <li>Word</li>
+                    <li>Chart</li>
+                    <li>Else</li>
+                </ul>
+            </ReactTooltip>
+
+            <a data-tip="custom show" data-event="click focus">( •̀д•́)</a>
+            <ReactTooltip globalEventOff="click" place="top" />
+
+            <a data-tip="custom show and hide" data-event="click" data-event-off="dblclick">( •̀д•́)</a>
+            <ReactTooltip />
+
+            <a data-tip="hover on me will keep the tootlip">(･ω´･ )́)</a>
+            <ReactTooltip class="extraClass" delayHide={1000} effect="solid" />
+
+            <a data-for="getContent" data-tip>=( •̀д•́)</a>
+            <ReactTooltip id="getContent" getContent={getContent} />
+
+            <a data-for="overTime" data-tip>=( •̀д•́)</a>
+            <ReactTooltip id="overTime" wrapper="span" getContent={[() => new Date().toISOString(), 1000]} />
+
+            <a data-tip data-for="happyFace"> d(`･∀･)b </a>
+            <ReactTooltip
+                id="happyFace"
+                type="error"
+                event="click"
+                eventOff="dblclick"
+                globalEventOff="dblclick"
+                isCapture={true}
+                offset={{
+                    left: 100,
+                    bottom: 30
+                }}
+                multiline={true}
+                className="custom-class-name"
+                html={true}
+                delayShow={100}
+                delayHide={100}
+                insecure={true}
+                disable={false}
+                scrollHide={true}
+                resizeHide={true}
+                watchWindow={true}
+            >
+                <span>
+                    Show happy face
+                </span>
+                <br />
+                <span>
+                    Show happy face
+                </span>
+            </ReactTooltip>
+        </div>;
+    }
+}

From bea2afe988c283c664ad376b60b1ae858a00f00b Mon Sep 17 00:00:00 2001
From: Deividas Bakanas <deividas@quatrodev.com>
Date: Tue, 4 Jul 2017 20:10:25 +0300
Subject: [PATCH 146/274] Typescript version defined.

---
 types/react-tooltip/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/react-tooltip/index.d.ts b/types/react-tooltip/index.d.ts
index 67c7635752..c4c380f533 100644
--- a/types/react-tooltip/index.d.ts
+++ b/types/react-tooltip/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/wwayne/react-tooltip
 // Definitions by: Deividas Bakanas <https://github.com/DeividasBakanas>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 import * as React from "react";
 

From 00215dc7a43cb343017000bd87efe8a0c578ce0b Mon Sep 17 00:00:00 2001
From: Daniel Chao <daniel.h.chao@gmail.com>
Date: Tue, 4 Jul 2017 11:43:10 -0700
Subject: [PATCH 147/274] add subscribe and unsubscribe methods to peripherals

---
 types/noble/index.d.ts     | 3 +++
 types/noble/noble-tests.ts | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/types/noble/index.d.ts b/types/noble/index.d.ts
index 4f2b5f0b7c..d62b0609a8 100644
--- a/types/noble/index.d.ts
+++ b/types/noble/index.d.ts
@@ -4,6 +4,7 @@
 //                 Hans Bakker <https://github.com/wind-rider>
 //                 Shantanu Bhadoria <https://github.com/shantanubhadoria>
 //                 Luke Libraro <https://github.com/lukel99>
+//                 Dan Chao <https://github.com/bioball>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -88,6 +89,8 @@ export declare class Characteristic extends events.EventEmitter {
     notify(notify: boolean, callback?: (error: string) => void): void;
     discoverDescriptors(callback?: (error: string, descriptors: Descriptor[]) => void): void;
     toString(): string;
+    subscribe(callback?: (error: string) => void): void;
+    unsubscribe(callback?: (error: string) => void): void;
 
     on(event: string, listener: Function): this;
     on(event: string, option: boolean, listener: Function): this;
diff --git a/types/noble/noble-tests.ts b/types/noble/noble-tests.ts
index baa65c5662..c790f2deb0 100644
--- a/types/noble/noble-tests.ts
+++ b/types/noble/noble-tests.ts
@@ -87,6 +87,10 @@ characteristic.on("write", true, (error: string): void => {});
 characteristic.on("broadcast", (state: string): void => {});
 characteristic.on("notify", (state: string): void => {});
 characteristic.on("descriptorsDiscover", (descriptors: noble.Descriptor[]): void => {});
+characteristic.subscribe();
+characteristic.subscribe((error: string) => {});
+characteristic.unsubscribe();
+characteristic.unsubscribe((error: string) => {});
 
 var descriptor: noble.Descriptor = new noble.Descriptor();
 descriptor.uuid = "";

From bc710a72d6cc9650b7cd22e523f35f88467855a2 Mon Sep 17 00:00:00 2001
From: mtpc <mtpc@users.noreply.github.com>
Date: Tue, 4 Jul 2017 10:42:15 +0200
Subject: [PATCH 148/274] Make Route component extensible

Shouldn't have any impact whatsoever in existing codebases due to default generics
---
 types/react-router/index.d.ts               |  2 +-
 types/react-router/test/InheritingRoute.tsx | 16 ++++++++++++++++
 types/react-router/tsconfig.json            |  1 +
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 types/react-router/test/InheritingRoute.tsx

diff --git a/types/react-router/index.d.ts b/types/react-router/index.d.ts
index 72afa50e3b..5d97ebb71f 100644
--- a/types/react-router/index.d.ts
+++ b/types/react-router/index.d.ts
@@ -71,7 +71,7 @@ export interface RouteProps {
   exact?: boolean;
   strict?: boolean;
 }
-export class Route extends React.Component<RouteProps> { }
+export class Route<T extends RouteProps = RouteProps> extends React.Component<T> { }
 
 export interface RouterProps {
   history: any;
diff --git a/types/react-router/test/InheritingRoute.tsx b/types/react-router/test/InheritingRoute.tsx
new file mode 100644
index 0000000000..47f6e8f8c1
--- /dev/null
+++ b/types/react-router/test/InheritingRoute.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Route, RouteProps } from 'react-router';
+
+interface CustomRouteInterface extends RouteProps {
+  aProperty: string;
+  anotherOne: boolean;
+  willItEnd?: number;
+}
+
+// React advocates composition over inheritance, but doesn't prevent us from using it
+export default class CustomRoute extends Route<CustomRouteInterface> {
+  render() {
+    const maybeElement = super.render();
+    return maybeElement && <div className="meaningfulClass">{React.cloneElement(maybeElement, this.props)}</div>;
+  }
+}
diff --git a/types/react-router/tsconfig.json b/types/react-router/tsconfig.json
index 438e3c9647..7e6466a83c 100644
--- a/types/react-router/tsconfig.json
+++ b/types/react-router/tsconfig.json
@@ -33,6 +33,7 @@
     "test/NavigateWithContext.tsx",
     "test/MemoryRouter.tsx",
     "test/Switch.tsx",
+    "test/InheritingRoute.tsx",
     "test/WithRouter.tsx"
   ]
 }

From 93109f126a2e0079ff823a0fffe74369d3e8a82d Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Tue, 4 Jul 2017 16:10:19 -0400
Subject: [PATCH 149/274] Added definitions for react-native-elements

---
 types/react-native-elements/index.d.ts        | 166 ++++++++++++++++++
 .../react-native-elements-tests.tsx           |  44 +++++
 types/react-native-elements/tsconfig.json     |  24 +++
 types/react-native-elements/tslint.json       |   1 +
 4 files changed, 235 insertions(+)
 create mode 100644 types/react-native-elements/index.d.ts
 create mode 100644 types/react-native-elements/react-native-elements-tests.tsx
 create mode 100644 types/react-native-elements/tsconfig.json
 create mode 100644 types/react-native-elements/tslint.json

diff --git a/types/react-native-elements/index.d.ts b/types/react-native-elements/index.d.ts
new file mode 100644
index 0000000000..8323ef1c25
--- /dev/null
+++ b/types/react-native-elements/index.d.ts
@@ -0,0 +1,166 @@
+// Type definitions for react-native-elements 0.13
+// Project: https://github.com/react-native-training/react-native-elements#readme
+// Definitions by: Kyle Roach <https://github.com/iRoachie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+
+export interface ButtonIcon {
+    name?: string;
+    color?: string;
+    size?: number;
+    type?: 'material' | 'material-community' | 'simple-line-icon' | 'zocial' | 'font-awesome' | 'octicon' | 'ionicon' | 'foundation' | 'evilicon' | 'entypo';
+    buttonStyle?: TextStyle;
+}
+
+export interface ButtonProperties {
+    /**
+     * Specify other component such as TouchableOpacity or other
+     *
+     * @default TouchableHighlight (iOS), TouchableNativeFeedback (android)
+     */
+    Component?: JSX.Element;
+
+    /**
+     * Additional styling for button component
+     *
+     * @default null
+     */
+    buttonStyle?: ViewStyle;
+
+    /**
+     * Button title
+     */
+    title: string;
+
+    /**
+     * Makes button large
+     *
+     * @default false
+     */
+    large?: boolean;
+
+    /**
+     * Specify different font family
+     *
+     * @default System font (iOS), Sans Serif (android)
+     */
+    fontFamily?: string;
+
+    /**
+     * Specify font weight for title
+     *
+     * @default null
+     */
+    fontWeight?: string;
+
+    /**
+     * Moves icon to right of title
+     *
+     * @default false
+     */
+    iconRight?: boolean;
+
+    /**
+     * onPress method
+     */
+    onPress(): void;
+
+    /**
+     * onLongPress method
+     */
+    onLongPress?(): void;
+
+    /**
+     * Icon configuration
+     */
+    icon?: ButtonIcon;
+
+    /**
+     * Specify other icon component instead of default. The component will have all values from the icon prop
+     *
+     * @default MaterialIcon
+     * @see https://github.com/oblador/react-native-vector-icons#icon-component
+     */
+    iconComponent?: JSX.Element;
+
+    /**
+     * Background color of button
+     *
+     * @default #397af8
+     */
+    backgroundColor?: string;
+
+    /**
+     * Adds border radius to button
+     *  (Note: if you set this, don't forget to also set borderRadius to containerViewStyle prop, otherwise unexpected behaviour might occur)
+     *
+     * @default 0
+     */
+    borderRadius?: number;
+
+    /**
+     * Font color
+     *
+     * @default #fff
+     */
+    color?: string;
+
+    /**
+     * Text styling
+     *
+     * @default null
+     */
+    textStyle?: TextStyle;
+
+    /**
+     * Font size
+     *
+     * @default 18
+     */
+    fontSize?: number;
+
+    /**
+     * Underlay color for button press
+     *
+     * @default transparent
+     */
+    underlayColor?: string;
+
+    /**
+     * Flag to add raised button styling
+     *
+     * @default false
+     */
+    raised?: boolean;
+
+    /**
+     * Indicates button is disabled
+     *
+     * @default false
+     */
+    disabled?: boolean;
+
+    /**
+     * Disabled button styling
+     *
+     * @default null
+     */
+    disabledStyle?: ViewStyle;
+
+    /**
+     * Styling for Component container
+     *
+     * @default null
+     */
+    containerViewStyle?: ViewStyle;
+}
+
+/**
+ * Button component
+ *
+ * @desc https://react-native-training.github.io/react-native-elements/API/buttons/
+ */
+export class Button extends React.Component<ButtonProperties, any> {}
diff --git a/types/react-native-elements/react-native-elements-tests.tsx b/types/react-native-elements/react-native-elements-tests.tsx
new file mode 100644
index 0000000000..197b1ec202
--- /dev/null
+++ b/types/react-native-elements/react-native-elements-tests.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button } from 'react-native-elements';
+
+class ButtonTest extends React.Component<any, any> {
+  handleButtonPress() {
+    console.log('I got pressed');
+  }
+
+  render() {
+    return (
+      <View>
+        <Button title='BUTTON' onPress={() => this.handleButtonPress()} />
+
+        <Button
+          raised
+          icon={{name: 'cached'}}
+          title='BUTTON WITH ICON' onPress={() => this.handleButtonPress()} />
+
+        <Button
+          large
+          iconRight
+          icon={{name: 'code'}}
+          title='LARGE WITH RIGHT ICON' onPress={() => this.handleButtonPress()} />
+
+        <Button
+          large
+          icon={{name: 'envira', type: 'font-awesome'}}
+          title='LARGE WITH RIGHT ICON' onPress={() => this.handleButtonPress()} />
+
+        <Button
+          large
+          icon={{name: 'squirrel', type: 'octicon', buttonStyle: styles.someButtonStyle }}
+          title='OCTICON' onPress={() => this.handleButtonPress()} />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  someButtonStyle: {
+    color: 'pink'
+  }
+});
diff --git a/types/react-native-elements/tsconfig.json b/types/react-native-elements/tsconfig.json
new file mode 100644
index 0000000000..52ea75b5cb
--- /dev/null
+++ b/types/react-native-elements/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-elements-tests.tsx"
+    ]
+}
diff --git a/types/react-native-elements/tslint.json b/types/react-native-elements/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-elements/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 2f8f2a63211e92a2a5dc4360b8b28b0add982864 Mon Sep 17 00:00:00 2001
From: Lei Zhao <leizha@uber.com>
Date: Tue, 4 Jul 2017 13:30:23 -0700
Subject: [PATCH 150/274] Pool.end() accepts an optional callback param

---
 types/pg/index.d.ts  | 2 +-
 types/pg/pg-tests.ts | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/types/pg/index.d.ts b/types/pg/index.d.ts
index 2b442b1227..6718fb3f12 100644
--- a/types/pg/index.d.ts
+++ b/types/pg/index.d.ts
@@ -71,7 +71,7 @@ export declare class Pool extends events.EventEmitter {
     connect(): Promise<Client>;
     connect(callback: (err: Error, client: Client, done: () => void) => void): void;
 
-    end(): Promise<void>;
+    end(callback?: () => void): Promise<void>;
 
     query(queryStream: QueryConfig & stream.Readable): stream.Readable;
     query(queryTextOrConfig: string | QueryConfig): Promise<QueryResult>;
diff --git a/types/pg/pg-tests.ts b/types/pg/pg-tests.ts
index 73c18ac1b7..4b4cfba7ec 100644
--- a/types/pg/pg-tests.ts
+++ b/types/pg/pg-tests.ts
@@ -74,3 +74,8 @@ pool.connect((err, client, done) => {
 pool.on('error', (err, client) => {
   console.error('idle client error', err.message, err.stack)
 })
+
+pool.end();
+pool.end(() => {
+    console.log("pool is closed");
+});

From dd09ab28f3cc99884e9376012abfa2be8e0736f5 Mon Sep 17 00:00:00 2001
From: Franklin Yu <franklinyu@hotmail.com>
Date: Tue, 4 Jul 2017 18:14:11 -0400
Subject: [PATCH 151/274] [gapi.auth2] mark a parameter as optional

According to the [documentation][], this parameter is optional.

[documentation]: https://developers.google.com/identity/sign-in/web/reference#googleauthgrantofflineaccessoptions
---
 types/gapi.auth2/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/gapi.auth2/index.d.ts b/types/gapi.auth2/index.d.ts
index 04dfe32c2d..6e9e5c4199 100644
--- a/types/gapi.auth2/index.d.ts
+++ b/types/gapi.auth2/index.d.ts
@@ -47,7 +47,7 @@ declare namespace gapi.auth2 {
     /**
      * Get permission from the user to access the specified scopes offline.
      */
-    grantOfflineAccess(options: {
+    grantOfflineAccess(options?: {
       scope?: string;
       prompt?: "select_account" | "consent";
       app_package_name?: string;

From b4b4df983b57c31302916b994943b43db38eb614 Mon Sep 17 00:00:00 2001
From: Nathan Hardy <nathan.hardy@winning.com.au>
Date: Wed, 5 Jul 2017 10:38:38 +1000
Subject: [PATCH 152/274] Modernizr: Update FeatureDetects for v3.5.0.

---
 types/modernizr/index.d.ts | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/types/modernizr/index.d.ts b/types/modernizr/index.d.ts
index 44d3c40775..c2fb44cc67 100644
--- a/types/modernizr/index.d.ts
+++ b/types/modernizr/index.d.ts
@@ -1,6 +1,10 @@
-// Type definitions for Modernizr 3.3
+// Type definitions for Modernizr 3.5
 // Project: http://modernizr.com/
-// Definitions by: Boris Yankov <https://github.com/borisyankov/>, Theodore Brown <https://github.com/theodorejb/>, Leon Yu <https://github.com/leonyu/>, Luca Trazzi <https://github.com/lucax88x/>
+// Definitions by: Boris Yankov <https://github.com/borisyankov/>
+//                 Theodore Brown <https://github.com/theodorejb/>
+//                 Leon Yu <https://github.com/leonyu/>
+//                 Luca Trazzi <https://github.com/lucax88x/>
+//                 Nathan Hardy <https://github.com/nhardy>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 interface AudioBoolean {
@@ -120,6 +124,7 @@ interface FeatureDetects {
     cookies: boolean;
     cors: boolean;
     cryptography: boolean;
+    customelements: boolean;
     customprotocolhandler: boolean;
     customevent: boolean;
     dart: boolean;
@@ -147,6 +152,7 @@ interface FeatureDetects {
     ligatures: boolean;
     olreversed: boolean;
     mathml: boolean;
+    messagechannel: boolean;
     notification: boolean;
     pagevisibility: boolean;
     performance: boolean;
@@ -204,6 +210,8 @@ interface FeatureDetects {
     checked: boolean;
     csschunit: boolean;
     csscolumns: false | CssColumnsBoolean;
+    cssgrid: boolean;
+    cssgridlegacy: boolean;
     cubicbezierrange: boolean;
     "display-runin": boolean;
     displaytable: boolean;
@@ -218,7 +226,7 @@ interface FeatureDetects {
     fontface: boolean;
     generatedcontent: boolean;
     cssgradients: boolean;
-    csshairline: boolean;
+    hairline: boolean;
     hsla: boolean;
     csshyphens: boolean;
     softhyphens: boolean;
@@ -252,6 +260,7 @@ interface FeatureDetects {
     textshadow: boolean;
     csstransforms: boolean;
     csstransforms3d: boolean;
+    csstransformslevel2: boolean;
     preserve3d: boolean;
     csstransitions: boolean;
     userselect: boolean;
@@ -270,6 +279,7 @@ interface FeatureDetects {
     hidden: boolean;
     microdata: boolean;
     mutationobserver: boolean;
+    passiveeventlisteners: boolean;
     bdi: boolean;
     datalistelem: boolean;
     details: boolean;
@@ -293,6 +303,7 @@ interface FeatureDetects {
     es5syntax: boolean;
     es5undefined: boolean;
     es6array: boolean;
+    arrow: boolean;
     es6collections: boolean;
     contains: boolean;
     generators: boolean;
@@ -326,11 +337,14 @@ interface FeatureDetects {
     webpalpha: boolean;
     webpanimation: boolean;
     webplossless: boolean;
+    "webp-lossless": boolean;
     webp: false | WebpBoolean;
     inputformaction: boolean;
     inputformenctype: boolean;
     inputformmethod: boolean;
     inputformtarget: boolean;
+    hovermq: boolean;
+    pointermq: boolean;
     beacon: boolean;
     lowbandwidth: boolean;
     eventsource: boolean;
@@ -360,7 +374,9 @@ interface FeatureDetects {
     bloburls: boolean;
     datauri: false | DatauriBoolean;
     urlparser: boolean;
+    urlsearchparams: boolean;
     videoautoplay: boolean;
+    videocrossorigin: boolean;
     videoloop: boolean;
     videopreload: boolean;
     webglextensions: false | WebglextensionsBoolean;
@@ -390,7 +406,6 @@ interface FeatureDetects {
     crypto: boolean;
     displayrunin: boolean;
     fileinputdirectory: boolean;
-    hairline: boolean;
     inputsearchevent: boolean;
     raf: boolean;
     webanimations: boolean;

From d5d3cd0fca29f1202453fac0fb4c14faa380269f Mon Sep 17 00:00:00 2001
From: erikma <erikma1@hotmail.com>
Date: Tue, 4 Jul 2017 18:05:33 -0700
Subject: [PATCH 153/274] Add types for ZeroMQ.js, derived from the 'zmq' type
 definitions

---
 types/zeromq/tsconfig.json   |  22 ++++
 types/zeromq/zeromq-tests.ts |  51 ++++++++
 types/zeromq/zeromq.d.ts     | 241 +++++++++++++++++++++++++++++++++++
 3 files changed, 314 insertions(+)
 create mode 100644 types/zeromq/tsconfig.json
 create mode 100644 types/zeromq/zeromq-tests.ts
 create mode 100644 types/zeromq/zeromq.d.ts

diff --git a/types/zeromq/tsconfig.json b/types/zeromq/tsconfig.json
new file mode 100644
index 0000000000..4899c84d1d
--- /dev/null
+++ b/types/zeromq/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "zeromq-tests.ts"
+    ]
+}
\ No newline at end of file
diff --git a/types/zeromq/zeromq-tests.ts b/types/zeromq/zeromq-tests.ts
new file mode 100644
index 0000000000..b13ff65fb5
--- /dev/null
+++ b/types/zeromq/zeromq-tests.ts
@@ -0,0 +1,51 @@
+import zeromq = require('zeromq');
+
+function test1() {
+    var sock = zeromq.socket('push');
+    sock.bindSync('tcp://127.0.0.1:3000');
+    sock.unbindSync('tcp://127.0.0.1:3000');
+    sock.send("some work");
+}
+
+function test2() {
+    var sock = zeromq.socket('push');
+    sock.bindSync('tcp://127.0.0.1:3000');
+    sock.send(new Buffer(1000));
+}
+
+function test3() {
+    var sock = zeromq.socket('push');
+    sock.bindSync('tcp://127.0.0.1:3000');
+    sock.send(['hello', 'world']);
+    sock.on('message', function (buffer1: Buffer, buffer2: Buffer) {
+        //
+    });
+}
+
+function test4() {
+    var sock = zeromq.socket(zeromq.types.pull);
+    sock.bind('tcp://127.0.0.1', err => {
+        sock.send("some work");
+    });
+    sock.unbind('tcp://127.0.0.1', err => {
+        //
+    });
+}
+
+function test5() {
+    var sock = zeromq.socket(zeromq.types.pull, zeromq.options.linger);
+    sock.bind('tcp://127.0.0.1', err => {
+        sock.send("some work");
+    });
+    sock.monitor();
+    sock.monitor(10);
+}
+
+function test6() {
+    var sock = zeromq.socket(zeromq.types.dealer);
+    sock.bind('tcp://127.0.0.1', err => {
+        sock.send("some work");
+    });
+    sock.pause();
+    sock.resume();
+}
diff --git a/types/zeromq/zeromq.d.ts b/types/zeromq/zeromq.d.ts
new file mode 100644
index 0000000000..bc25f1c0d3
--- /dev/null
+++ b/types/zeromq/zeromq.d.ts
@@ -0,0 +1,241 @@
+// Type definitions for zeromq.js
+// Project: https://github.com/zeromq/zeromq.js
+// Definitions by: Dave McKeown <http://github.com/davemckeown>, Erik Mavrinac <http://github.com/erikma>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+//
+// Forked from the DefinitelyTyped 'zmq' project originally created by Dave McKeown,
+// then updated with recent changes in the 'zeromq' project from
+// https://github.com/zeromq/zeromq.js/blob/master/lib/index.js
+
+/// <reference types="node" />
+
+interface EventEmitter { }
+
+interface SocketTypes {
+    pub: number;
+    xpub: number;
+    sub: number;
+    xsub: number;
+    req: number;
+    xreq: number;
+    rep: number;
+    xrep: number;
+    push: number;
+    pull: number;
+    dealer: number;
+    router: number;
+    pair: number;
+    stream: number;
+}
+
+interface SocketOptions {
+    _fd: number;
+    _ioevents: number;
+    _receiveMore: number;
+    _subscribe: number;
+    _unsubscribe: number;
+    affinity: number;
+    backlog: number;
+    hwm: number;
+    identity: number;
+    linger: number;
+    mcast_loop: number;
+    rate: number;
+    rcvbuf: number;
+    last_endpoint: number;
+    reconnect_ivl: number;
+    recovery_ivl: number;
+    sndbuf: number;
+    swap: number;
+    mechanism: number;
+    plain_server: number;
+    plain_username: number;
+    plain_password: number;
+    curve_server: number;
+    curve_publickey: number;
+    curve_secretkey: number;
+    curve_serverkey: number;
+    zap_domain: number;
+}
+
+interface Socket extends EventEmitter {
+    /**
+     * Set `opt` to `val`.
+     *
+     * @param opt Option
+     * @param val Value
+     */
+    setsocketopt(opt: number, val: any): Socket;
+
+    /**
+     * Set `opt` to `val`.
+     *
+     * @param opt Option
+     * @param val Value
+     */
+    setsocketopt(opt: string, val: any): Socket;
+
+    /**
+     * Get socket `opt`.
+     *
+     * @param opt Option number
+     */
+    getsocketopt(opt: number): any;
+
+    /**
+     * Get socket `opt`.
+     *
+     * @param opt Option string
+     */
+    getsocketopt(opt: string): any;
+
+    /**
+     * Async bind.
+     *
+     * Emits the "bind" event.
+     *
+     * @param addr Socket address
+     * @param cb Bind callback
+     */
+    bind(addr: string, callback?: (error: string) => void ): Socket;
+
+    /**
+     * Sync bind.
+     *
+     * @param addr Socket address
+     */
+    bindSync(addr: string): Socket;
+
+    /**
+     * Async unbind.
+     *
+     * Emits the "unbind" event.
+     *
+     * @param addr Socket address
+     * @param cb Unind callback
+     */
+    unbind(addr: string, callback?: (error: string) => void ): Socket;
+
+    /**
+     * Sync unbind.
+     *
+     * @param addr Socket address
+     */
+    unbindSync(addr: string): Socket;
+
+    /**
+     * Connect to `addr`.
+     *
+     * @param addr Connection address
+     */
+    connect(addr: string): Socket;
+
+    /**
+     * Disconnect from `addr`.
+     *
+     * @param addr The address
+     */
+    disconnect(addr: string): Socket;
+
+    /**
+     * Subscribe with the given `filter`.
+     *
+     * @param filter The filter
+     */
+    subscribe(filter: string): Socket;
+
+    /**
+     * Unsubscribe with the given `filter`.
+     *
+     * @param filter The filter
+     */
+    unsubscribe(filter: string): Socket;
+
+    /**
+     * Send the given `msg`.
+     *
+     * @param msg The message
+     * @param flags Message flags
+     */
+    send(msg: string, flags?: number): Socket;
+
+    /**
+     * Send the given `msg`.
+     *
+     * @param msg {Buffer} The message
+     * @param flags {number} Optional message flags
+     */
+    send(msg: Buffer, flags?: number): Socket;
+
+    /**
+    * Send the given `msg`.
+    *
+    * @param msg The message
+    * @param flags Message flags
+    */
+    send(msg: any[], flags?: number): Socket;
+
+    /**
+    * Enable monitoring of a Socket. This enables the following additional events:
+    * 'connect', 'connect_delay', 'connect_retry', 'listen', 'bind_error',
+    * 'accept', 'accept_error', 'close', 'close_error', 'disconnect'.
+    * Each event receives the parameters: (eventValue, eventEndpointAddrress, error)
+    *
+    * @param {Number} timer interval in ms > 0 or Undefined for default
+    * @return {Socket} for chaining
+    */
+    monitor(interval?: number): Socket;
+
+    /**
+     * Close the socket.
+     *
+     */
+    close(): Socket;
+
+    /**
+     * Socket event - 'message'
+     * @param eventName {string}
+     * @param callback {Function}
+     */
+    on(eventName: string, callback: (...buffer: Buffer[]) => void): void;
+
+    pause(): void;
+    resume(): void;
+
+    // Socket Options
+    _fd: any;
+    _ioevents: any;
+    _receiveMore: any;
+    _subscribe: any;
+    _unsubscribe: any;
+    affinity: any;
+    backlog(): any;
+    hwm: any;
+    identity: any;
+    linger: any;
+    mcast_loop: any;
+    rate: any;
+    rcvbuf: any;
+    last_endpoint: any;
+    reconnect_ivl: any;
+    recovery_ivl: any;
+    sndbuf: any;
+    swap: any;
+    mechanism: any;
+    plain_server: any;
+    plain_username: any;
+    plain_password: any;
+    curve_server: any;
+    curve_publickey: any;
+    curve_secretkey: any;
+    curve_serverkey: any;
+    zap_domain: any;
+}
+
+export var version: string;
+export var types: SocketTypes;
+export var options: SocketOptions;
+
+declare function socket(type: string, options?: any): Socket;
+declare function socket(type: number, options?: any): Socket;
+declare function createSocket(type: string, options?: any): Socket;

From 7eb6f76ab53988f7cbec6fb27ecb4b06785bdc25 Mon Sep 17 00:00:00 2001
From: erikma <erikma1@hotmail.com>
Date: Tue, 4 Jul 2017 18:10:16 -0700
Subject: [PATCH 154/274] Rename .d.ts file per guidelines

---
 types/zeromq/{zeromq.d.ts => index.d.ts} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename types/zeromq/{zeromq.d.ts => index.d.ts} (100%)

diff --git a/types/zeromq/zeromq.d.ts b/types/zeromq/index.d.ts
similarity index 100%
rename from types/zeromq/zeromq.d.ts
rename to types/zeromq/index.d.ts

From a0f8c9acc3e6adab166ea0e65e871203a504e5f3 Mon Sep 17 00:00:00 2001
From: erikma <erikma1@hotmail.com>
Date: Tue, 4 Jul 2017 18:12:05 -0700
Subject: [PATCH 155/274] Add tsline file

---
 types/zeromq/tslint.json | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 types/zeromq/tslint.json

diff --git a/types/zeromq/tslint.json b/types/zeromq/tslint.json
new file mode 100644
index 0000000000..495d29983d
--- /dev/null
+++ b/types/zeromq/tslint.json
@@ -0,0 +1,5 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+    }
+}

From 1df11ec62acbb554a4d40c390d36b2eb6399223b Mon Sep 17 00:00:00 2001
From: erikma <erikma1@hotmail.com>
Date: Tue, 4 Jul 2017 18:33:23 -0700
Subject: [PATCH 156/274] Fix lint issues:

---
 types/zeromq/index.d.ts      | 78 ++++++++++--------------------------
 types/zeromq/tsconfig.json   |  4 +-
 types/zeromq/zeromq-tests.ts | 16 ++++----
 3 files changed, 31 insertions(+), 67 deletions(-)

diff --git a/types/zeromq/index.d.ts b/types/zeromq/index.d.ts
index bc25f1c0d3..d77c48dbf7 100644
--- a/types/zeromq/index.d.ts
+++ b/types/zeromq/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for zeromq.js
+// Type definitions for zeromq 4.5
 // Project: https://github.com/zeromq/zeromq.js
 // Definitions by: Dave McKeown <http://github.com/davemckeown>, Erik Mavrinac <http://github.com/erikma>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -9,9 +9,7 @@
 
 /// <reference types="node" />
 
-interface EventEmitter { }
-
-interface SocketTypes {
+export interface SocketTypes {
     pub: number;
     xpub: number;
     sub: number;
@@ -28,7 +26,7 @@ interface SocketTypes {
     stream: number;
 }
 
-interface SocketOptions {
+export interface SocketOptions {
     _fd: number;
     _ioevents: number;
     _receiveMore: number;
@@ -58,36 +56,21 @@ interface SocketOptions {
     zap_domain: number;
 }
 
-interface Socket extends EventEmitter {
+export interface Socket {
     /**
      * Set `opt` to `val`.
      *
      * @param opt Option
      * @param val Value
      */
-    setsocketopt(opt: number, val: any): Socket;
-
-    /**
-     * Set `opt` to `val`.
-     *
-     * @param opt Option
-     * @param val Value
-     */
-    setsocketopt(opt: string, val: any): Socket;
+    setsocketopt(opt: number|string, val: any): Socket;
 
     /**
      * Get socket `opt`.
      *
      * @param opt Option number
      */
-    getsocketopt(opt: number): any;
-
-    /**
-     * Get socket `opt`.
-     *
-     * @param opt Option string
-     */
-    getsocketopt(opt: string): any;
+    getsocketopt(opt: number|string): any;
 
     /**
      * Async bind.
@@ -157,33 +140,17 @@ interface Socket extends EventEmitter {
      * @param msg The message
      * @param flags Message flags
      */
-    send(msg: string, flags?: number): Socket;
+    send(msg: string|Buffer|any[], flags?: number): Socket;
 
     /**
-     * Send the given `msg`.
+     * Enable monitoring of a Socket. This enables the following additional events:
+     * 'connect', 'connect_delay', 'connect_retry', 'listen', 'bind_error',
+     * 'accept', 'accept_error', 'close', 'close_error', 'disconnect'.
+     * Each event receives the parameters: (eventValue, eventEndpointAddrress, error)
      *
-     * @param msg {Buffer} The message
-     * @param flags {number} Optional message flags
+     * @param {Number} timer interval in ms > 0 or Undefined for default
+     * @return {Socket} for chaining
      */
-    send(msg: Buffer, flags?: number): Socket;
-
-    /**
-    * Send the given `msg`.
-    *
-    * @param msg The message
-    * @param flags Message flags
-    */
-    send(msg: any[], flags?: number): Socket;
-
-    /**
-    * Enable monitoring of a Socket. This enables the following additional events:
-    * 'connect', 'connect_delay', 'connect_retry', 'listen', 'bind_error',
-    * 'accept', 'accept_error', 'close', 'close_error', 'disconnect'.
-    * Each event receives the parameters: (eventValue, eventEndpointAddrress, error)
-    *
-    * @param {Number} timer interval in ms > 0 or Undefined for default
-    * @return {Socket} for chaining
-    */
     monitor(interval?: number): Socket;
 
     /**
@@ -225,17 +192,16 @@ interface Socket extends EventEmitter {
     plain_server: any;
     plain_username: any;
     plain_password: any;
-    curve_server: any;
-    curve_publickey: any;
-    curve_secretkey: any;
-    curve_serverkey: any;
+    curve_server: number;
+    curve_publickey: string | Buffer;
+    curve_secretkey: string | Buffer;
+    curve_serverkey: string | Buffer;
     zap_domain: any;
 }
 
-export var version: string;
-export var types: SocketTypes;
-export var options: SocketOptions;
+export let version: string;
+export let types: SocketTypes;
+export let options: SocketOptions;
 
-declare function socket(type: string, options?: any): Socket;
-declare function socket(type: number, options?: any): Socket;
-declare function createSocket(type: string, options?: any): Socket;
+export function socket(type: string|number, options?: any): Socket;
+export function createSocket(type: string, options?: any): Socket;
diff --git a/types/zeromq/tsconfig.json b/types/zeromq/tsconfig.json
index 4899c84d1d..aa30afd4b0 100644
--- a/types/zeromq/tsconfig.json
+++ b/types/zeromq/tsconfig.json
@@ -6,7 +6,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -19,4 +19,4 @@
         "index.d.ts",
         "zeromq-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/zeromq/zeromq-tests.ts b/types/zeromq/zeromq-tests.ts
index b13ff65fb5..af36166e64 100644
--- a/types/zeromq/zeromq-tests.ts
+++ b/types/zeromq/zeromq-tests.ts
@@ -1,29 +1,27 @@
 import zeromq = require('zeromq');
 
 function test1() {
-    var sock = zeromq.socket('push');
+    let sock = zeromq.socket('push');
     sock.bindSync('tcp://127.0.0.1:3000');
     sock.unbindSync('tcp://127.0.0.1:3000');
     sock.send("some work");
 }
 
 function test2() {
-    var sock = zeromq.socket('push');
+    let sock = zeromq.socket('push');
     sock.bindSync('tcp://127.0.0.1:3000');
     sock.send(new Buffer(1000));
 }
 
 function test3() {
-    var sock = zeromq.socket('push');
+    let sock = zeromq.socket('push');
     sock.bindSync('tcp://127.0.0.1:3000');
     sock.send(['hello', 'world']);
-    sock.on('message', function (buffer1: Buffer, buffer2: Buffer) {
-        //
-    });
+    sock.on('message', (buffer1: Buffer, buffer2: Buffer) => { });
 }
 
 function test4() {
-    var sock = zeromq.socket(zeromq.types.pull);
+    let sock = zeromq.socket(zeromq.types.pull);
     sock.bind('tcp://127.0.0.1', err => {
         sock.send("some work");
     });
@@ -33,7 +31,7 @@ function test4() {
 }
 
 function test5() {
-    var sock = zeromq.socket(zeromq.types.pull, zeromq.options.linger);
+    let sock = zeromq.socket(zeromq.types.pull, zeromq.options.linger);
     sock.bind('tcp://127.0.0.1', err => {
         sock.send("some work");
     });
@@ -42,7 +40,7 @@ function test5() {
 }
 
 function test6() {
-    var sock = zeromq.socket(zeromq.types.dealer);
+    let sock = zeromq.socket(zeromq.types.dealer);
     sock.bind('tcp://127.0.0.1', err => {
         sock.send("some work");
     });

From e75065c4ff95b6c60956e2fc5e7ab7e285a6bfac Mon Sep 17 00:00:00 2001
From: Kyle <kroach.work@gmail.com>
Date: Wed, 5 Jul 2017 00:01:22 -0400
Subject: [PATCH 157/274] Add render function to Flatlist union

---
 types/react-native/index.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index ed662e1c46..5312be9362 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3444,17 +3444,17 @@ export interface FlatListProperties<ItemT> extends ScrollViewProperties {
     /**
      * Rendered when the list is empty.
      */
-    ListEmptyComponent?: React.ComponentClass<any> | React.ReactElement<any> | null
+    ListEmptyComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null
 
     /**
      * Rendered at the very end of the list.
      */
-    ListFooterComponent?: React.ComponentClass<any> | React.ReactElement<any> | null
+    ListFooterComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null
 
     /**
      * Rendered at the very beginning of the list.
      */
-    ListHeaderComponent?: React.ComponentClass<any> | React.ReactElement<any> | null
+    ListHeaderComponent?: React.ComponentClass<any> | React.ReactElement<any> | (() => React.ReactElement<any>) | null
 
     /**
      * Optional custom style for multi-item rows generated when numColumns > 1

From 26ed016814acc9b5a8c0b2f95e08b8f89bf3a9c8 Mon Sep 17 00:00:00 2001
From: Savva Surenkov <savva.surenkov@outlook.com>
Date: Sat, 1 Jul 2017 17:23:18 +1000
Subject: [PATCH 158/274] [jsonp] add jsonp typings

---
 types/jsonp/index.d.ts     | 19 +++++++++++++++++++
 types/jsonp/jsonp-tests.ts | 28 ++++++++++++++++++++++++++++
 types/jsonp/tsconfig.json  | 21 +++++++++++++++++++++
 types/jsonp/tslint.json    |  6 ++++++
 4 files changed, 74 insertions(+)
 create mode 100644 types/jsonp/index.d.ts
 create mode 100644 types/jsonp/jsonp-tests.ts
 create mode 100644 types/jsonp/tsconfig.json
 create mode 100644 types/jsonp/tslint.json

diff --git a/types/jsonp/index.d.ts b/types/jsonp/index.d.ts
new file mode 100644
index 0000000000..3f1df60c87
--- /dev/null
+++ b/types/jsonp/index.d.ts
@@ -0,0 +1,19 @@
+// Type definitions for jsonp 0.2
+// Project: https://github.com/LearnBoost/jsonp
+// Definitions by: Savva Surenkov <https://github.com/surenkov>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export = jsonp;
+
+declare function jsonp(url: string, options?: Options, cb?: RequestCallback): CancelFn;
+declare function jsonp(url: string, callback?: RequestCallback): CancelFn;
+
+type CancelFn = () => void;
+type RequestCallback = (error: Error | null, data: any) => void;
+
+interface Options {
+    param?: string;
+    prefix?: string;
+    name?: string;
+    timeout?: number;
+}
diff --git a/types/jsonp/jsonp-tests.ts b/types/jsonp/jsonp-tests.ts
new file mode 100644
index 0000000000..703e104912
--- /dev/null
+++ b/types/jsonp/jsonp-tests.ts
@@ -0,0 +1,28 @@
+import jsonp = require('jsonp');
+
+/**
+ * Dummy response callback.
+ */
+const print = (err: Error | null, data: any) =>
+    console.log(err !== null ? err.message : data);
+
+/**
+ * Tests jsonp request with default parameters.
+ */
+const cancel1 = jsonp('https://jsonplaceholder.typicode.com/posts/1', print);
+cancel1();
+
+/**
+ * Tests parametrized jsonp request.
+ */
+const cancel2 = jsonp(
+    'https://jsonplaceholder.typicode.com/posts/1',
+    {
+        param: 'cb',
+        timeout: 40000,
+        prefix: '_jsonp',
+        name: 'func',
+    },
+    print,
+);
+cancel2();
diff --git a/types/jsonp/tsconfig.json b/types/jsonp/tsconfig.json
new file mode 100644
index 0000000000..4ba94d9d89
--- /dev/null
+++ b/types/jsonp/tsconfig.json
@@ -0,0 +1,21 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": ["../"],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "jsonp-tests.ts"
+    ]
+}
diff --git a/types/jsonp/tslint.json b/types/jsonp/tslint.json
new file mode 100644
index 0000000000..a62d0d4e68
--- /dev/null
+++ b/types/jsonp/tslint.json
@@ -0,0 +1,6 @@
+{
+    "extends": "dtslint/dt.json",
+    "rules": {
+        "ban-types": false
+    }
+}

From 45ad7299921f1001be688846e7d40c70858af07c Mon Sep 17 00:00:00 2001
From: Ali Taheri Moghaddar <ali.taheri.m@gmail.com>
Date: Wed, 5 Jul 2017 11:45:24 +0430
Subject: [PATCH 159/274] Add headerColor to theme

---
 types/material-ui/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index 386a83c93d..d44911add5 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -221,6 +221,7 @@ declare namespace __MaterialUI {
                 selectColor?: string;
                 selectTextColor?: string;
                 calendarYearBackgroundColor?: string;
+                headerColor?: string;
             };
             dialog?: {
                 titleFontSize?: number;

From 9a3dd52efa751e6281222b8d3d2f1d765b552f6d Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@rbi.co.uk>
Date: Wed, 5 Jul 2017 11:37:14 +0100
Subject: [PATCH 160/274] Update restify to v5

---
 types/restify-plugins/index.d.ts |   18 +-
 types/restify/index.d.ts         | 1743 ++++++++++++++++++++++--------
 types/restify/restify-tests.ts   |  233 +---
 3 files changed, 1346 insertions(+), 648 deletions(-)

diff --git a/types/restify-plugins/index.d.ts b/types/restify-plugins/index.d.ts
index 5f6be60f38..d461358bdc 100644
--- a/types/restify-plugins/index.d.ts
+++ b/types/restify-plugins/index.d.ts
@@ -79,17 +79,10 @@ export interface AuditLoggerOptions {
   body?: boolean;
 }
 
-export interface AuditLoggerReturns {
-  req: Request;
-  res: Response;
-  route: Route;
-  err: Error;
-}
-
 /**
  * An audit logger for recording all handled requests
  */
-export function auditLogger(options: AuditLoggerOptions): AuditLoggerReturns;
+export function auditLogger(options: AuditLoggerOptions): (...args: any[]) => void;
 
 /**
  * Authorization header
@@ -395,13 +388,6 @@ export interface MetricsCallbackOptions {
   connectionState: TMetricsCallback;
 }
 
-export interface MetricsReturns {
-  req: Request;
-  res: Response;
-  route: Route;
-  err: Error;
-}
-
 /**
  * Listens to the server's after event and emits information about that request (5.x compatible only).
  *
@@ -412,7 +398,7 @@ export interface MetricsReturns {
  * }));
  * ```
  */
-export function metrics(opts: {server: Server}, callback: (options: MetricsCallback) => any ): MetricsReturns;
+export function metrics(opts: {server: Server}, callback: (options: MetricsCallback) => any ): (...args: any[]) => void;
 
 /**
  * Parse the client's request for an OAUTH2 access tokensTable
diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index a7781f933c..1e440b7eb7 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -1,5 +1,5 @@
-// Type definitions for restify 4.3
-// Project: https://github.com/mcavage/node-restify
+// Type definitions for restify 5.0
+// Project: https://github.com/restify/node-restify
 // Definitions by: Bret Little <https://github.com/blittle>, Steve Hipwell <https://github.com/stevehipwell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.1
@@ -9,22 +9,427 @@
 import http = require('http');
 import Logger = require('bunyan');
 import url = require('url');
+import restifyPlugins = require('restify-plugins');
 
-export interface addressInterface {
+export interface BunyanOptions {
+    properties: any;
+
+    serializers: any;
+
+    headers: any;
+
+    log: Logger;
+}
+
+export interface ServerOptions {
+    ca?: any;
+
+    certificate?: any;
+
+    key?: any;
+
+    passphrase?: string;
+
+    requestCert?: boolean;
+
+    ciphers?: string;
+
+    formatters?: any;
+
+    log?: Logger;
+
+    name?: string;
+
+    spdy?: any;
+
+    version?: string;
+
+    versions?: string[];
+
+    handleUpgrades?: boolean;
+
+    httpsServerOptions?: any;
+
+    handleUncaughtExceptions?: boolean;
+
+    router?: Router;
+
+    socketio?: boolean;
+
+    noWriteContinue?: boolean;
+
+    rejectUnauthorized?: boolean;
+}
+
+export interface AddressInterface {
     port: number;
+
     family: string;
+
     address: string;
 }
 
-export interface requestFileInterface {
+export class Server {
+    /**
+     * Creates a new Server.
+     * @public
+     * @class
+     * @param {Object} options an options object
+     */
+    new(options?: ServerOptions): Server
+}
+
+export interface Server extends http.Server {
+    /**
+     * Returns the server address. Wraps node's address().
+     * @public
+     * @function address
+     * @returns  {String}
+     */
+    address(): AddressInterface;
+
+    /**
+     * Gets the server up and listening. Wraps node's listen().
+     *
+     * You can call like:
+     *  server.listen(80)
+     *  server.listen(80, '127.0.0.1')
+     *  server.listen('/tmp/server.sock')
+     *
+     * @public
+     * @function listen
+     * @throws   {TypeError}
+     * @param    {Function}  callback optionally get notified when listening.
+     * @returns  {undefined}
+     */
+    listen(...args: any[]): any;
+
+    /**
+     * Shuts down this server, and invokes callback (optionally) when done.
+     * Wraps node's close().
+     * @public
+     * @function close
+     * @param    {Function}  callback optional callback to invoke when done.
+     * @returns  {undefined}
+     */
+    close(...args: any[]): any;
+
+    /**
+     * Returns the number of currently inflight requests.
+     * @public
+     * @function inflightRequests
+     * @returns  {Number}
+     */
+    inflightRequests(): number;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function del
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    del(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function get
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    get(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function head
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    head(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function opts
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    opts(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function post
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    post(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function put
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    put(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Mounts a chain on the given path against this HTTP verb
+     *
+     * @public
+     * @function patch
+     * @param   {String | Object} opts if string, the URL to handle.
+     *                                 if options, the URL to handle, at minimum.
+     * @returns {Route}                the newly created route.
+     */
+    patch(opts: string | RegExp | RouteOptions, ...handlers: RequestHandlerType[]): Route | boolean;
+
+    /**
+     * Minimal port of the functionality offered by Express.js Route Param
+     * Pre-conditions
+     * @link http://expressjs.com/guide.html#route-param%20pre-conditions
+     *
+     * This basically piggy-backs on the `server.use` method. It attaches a
+     * new middleware function that only fires if the specified parameter exists
+     * in req.params
+     *
+     * Exposes an API:
+     *   server.param("user", function (req, res, next) {
+     *     // load the user's information here, always making sure to call next()
+     *   });
+     *
+     * @public
+     * @function param
+     * @param    {String}   name The name of the URL param to respond to
+     * @param    {Function} fn   The middleware function to execute
+     * @returns  {Object}        returns self
+     */
+    param(name: string, fn: RequestHandler): Server;
+
+    /**
+     * Piggy-backs on the `server.use` method. It attaches a new middleware
+     * function that only fires if the specified version matches the request.
+     *
+     * Note that if the client does not request a specific version, the middleware
+     * function always fires. If you don't want this set a default version with a
+     * pre handler on requests where the client omits one.
+     *
+     * Exposes an API:
+     *   server.versionedUse("version", function (req, res, next, ver) {
+     *     // do stuff that only applies to routes of this API version
+     *   });
+     *
+     * @public
+     * @function versionedUse
+     * @param    {String|Array} versions the version(s) the URL to respond to
+     * @param    {Function}     fn       the middleware function to execute, the
+     *                                   fourth parameter will be the selected
+     *                                   version
+     * @returns  {undefined}
+     */
+    versionedUse(versions: string | string[], fn: RequestHandler): Server;
+
+    /**
+     * Removes a route from the server.
+     * You pass in the route 'blob' you got from a mount call.
+     * @public
+     * @function rm
+     * @throws   {TypeError} on bad input.
+     * @param    {String}    route the route name.
+     * @returns  {Boolean}         true if route was removed, false if not.
+     */
+    rm(route: string): boolean;
+
+    /**
+     * Installs a list of handlers to run _before_ the "normal" handlers of all
+     * routes.
+     *
+     * You can pass in any combination of functions or array of functions.
+     * @public
+     * @function use
+     * @returns {Object} returns self
+     */
+    use(...handlers: RequestHandlerType[]): Server;
+
+    /**
+     * Gives you hooks to run _before_ any routes are located.  This gives you
+     * a chance to intercept the request and change headers, etc., that routing
+     * depends on.  Note that req.params will _not_ be set yet.
+     * @public
+     * @function pre
+     * @returns {Object} returns self
+     */
+    pre(...pre: RequestHandlerType[]): Server;
+
+    /**
+     * toString() the server for easy reading/output.
+     * @public
+     * @function toString
+     * @returns  {String}
+     */
+    toString(): string;
+
+    /**
+     * Return debug information about the server.
+     * @public
+     * @method getDebugInfo
+     * @returns {Object}
+     */
+    getDebugInfo(): any;
+
+    /** Name of the server. */
+    name: string;
+
+    /** Default version(s) to use in all routes. */
+    versions: string[];
+
+    /** bunyan instance. */
+    log: Logger;
+
+    /** List of content-types this server can respond with. */
+    acceptable: string[];
+
+    /** Once listen() is called, this will be filled in with where the server is running. */
+    url: string;
+}
+
+export interface RouterOptions {
+    contentType?: string | string[];
+
+    strictRouting?: boolean;
+
+    log?: Logger;
+
+    version?: string;
+
+    versions?: string[];
+}
+
+export class Router {
+    new(options: RouterOptions): Router;
+}
+
+export interface Router {
+    /**
+     * takes an object of route params and query params, and 'renders' a URL.
+     * @public
+     * @function render
+     * @param    {String} routeName the route name
+     * @param    {Object} params    an object of route params
+     * @param    {Object} query     an object of query params
+     * @returns  {String}
+     */
+    render(routeName: string, params: any, query?: any): string;
+
+    /**
+     * adds a route.
+     * @public
+     * @function mount
+     * @param    {Object} options an options object
+     * @returns  {String} returns the route name if creation is successful.
+     */
+    mount(options: RouteOptions): string | boolean;
+
+    /**
+     * unmounts a route.
+     * @public
+     * @function unmount
+     * @param    {String} name the route name
+     * @returns  {String}      the name of the deleted route.
+     */
+    unmount(name: string): string;
+
+    /**
+     * get a route from the router.
+     * @public
+     * @function get
+     * @param    {String}    name the name of the route to retrieve
+     * @param    {Object}    req  the request object
+     * @param    {Function}  cb   callback function
+     * @returns  {undefined}
+     */
+    get(name: string, req: Request, cb: FindRouteCallback): void;
+
+    /**
+     * find a route from inside the router, handles versioned routes.
+     * @public
+     * @function find
+     * @param    {Object}   req      the request object
+     * @param    {Object}   res      the response object
+     * @param    {Function} callback callback function
+     * @returns  {undefined}
+     */
+    find(req: Request, res: Response, callback: FindRouteCallback): void;
+
+    /**
+     * Find a route by path. Scans the route list for a route with the same RegEx.
+     * i.e. /foo/:param1/:param2 would match an existing route with different
+     * parameter names /foo/:id/:name since the compiled RegExs match.
+     * @public
+     * @function findByPath
+     * @param    {String | RegExp}    path      a path to find a route for.
+     * @param    {Object}             options   an options object
+     * @returns  {Object}             returns the route if a match is found
+     */
+    findByPath(path: string | RegExp): Route;
+
+    /**
+     * toString() serialization.
+     * @public
+     * @function toString
+     * @returns  {String}
+     */
+    toString(): string;
+
+    /**
+     * Return information about the routes registered in the router.
+     * @public
+     * @returns {object} The routes in the router.
+     */
+    getDebugInfo(): any;
+
+    name: string;
+
+    mounts: { [routeName: string]: Route };
+
+    versions: string[];
+
+    contentType: string[];
+
+    routes: {
+        DELETE: Route[];
+        GET: Route[];
+        HEAD: Route[];
+        OPTIONS: Route[];
+        PATCH: Route[];
+        POST: Route[];
+        PUT: Route[];
+    };
+
+    log?: Logger;
+}
+
+export interface RequestFileInterface {
     path: string;
     type: string;
 }
 
-/**
- * Comes from authorizationParser plugin
- */
-export interface requestAuthorization {
+export interface RequestAuthorization {
     scheme: string;
     credentials: string;
     basic?: {
@@ -35,13 +440,160 @@ export interface requestAuthorization {
 
 export interface Request extends http.IncomingMessage {
     /**
-     * builds an absolute URI for the request.
-     * @private
-     * @function absoluteUri
-     * @param    {String} path a url path
+     * checks if the accept header is present and has the value requested.
+     * e.g., req.accepts('html');
+     * @public
+     * @function accepts
+     * @param    {String | Array} types an array of accept type headers
+     * @returns  {Boolean}
+     */
+    accepts(types: string | string[]): boolean;
+
+    /**
+     * checks if the request accepts the encoding types.
+     * @public
+     * @function acceptsEncoding
+     * @param    {String | Array} types an array of accept type headers
+     * @returns  {Boolean}
+     */
+    acceptsEncoding(types: string | string[]): boolean;
+
+    /**
+     * gets the content-length header off the request.
+     * @public
+     * @function getContentLength
+     * @returns {Number}
+     */
+    getContentLength(): number;
+
+    /**
+     * pass through to getContentLength.
+     * @public
+     * @function contentLength
+     * @returns {Number}
+     */
+    contentLength(): number;
+
+    /**
+     * gets the content-type header.
+     * @public
+     * @function getContentType
+     * @returns {String}
+     */
+    getContentType(): string;
+
+    /**
+     * pass through to getContentType.
+     * @public
+     * @function contentType
+     * @returns {Number}
+     */
+    contentType(): string;
+
+    /**
+     * retrieves the complete URI requested by the client.
+     * @public
+     * @function getHref
+     * @returns {String}
+     */
+    getHref(): string;
+
+    /**
+     * pass through to getHref.
+     * @public
+     * @function href
+     * @returns {String}
+     */
+    href(): string;
+
+    /**
+     * retrieves the request uuid. was created when the request was setup.
+     * @public
+     * @function getId
      * @returns  {String}
      */
-    absoluteUri(path: string): string;
+    getId(): string;
+
+    /**
+     * pass through to getId.
+     * @public
+     * @function id
+     * @returns {String}
+     */
+    id(): string;
+
+    /**
+     * retrieves the cleaned up url path.
+     * e.g., /foo?a=1  =>  /foo
+     * @public
+     * @function getPath
+     * @returns  {String}
+     */
+    getPath(): string;
+
+    /**
+     * pass through to getPath.
+     * @public
+     * @function path
+     * @returns {String}
+     */
+    path(): string;
+
+    /**
+     * returns the raw query string
+     * @public
+     * @function getQuery
+     * @returns  {String}
+     */
+    getQuery(): string;
+
+    // /**
+    //  * pass through to getQuery.
+    //  * @public
+    //  * @function query
+    //  * @returns {String}
+    //  */
+    // query(): string;
+
+    /**
+     * returns ms since epoch when request was setup.
+     * @public
+     * @function time
+     * @returns  {Number}
+     */
+    time(): number;
+
+    /**
+     * returns a parsed URL object.
+     * @public
+     * @function getUrl
+     * @returns  {Object}
+     */
+    getUrl(): url.Url;
+
+    /**
+     * returns the accept-version header.
+     * @public
+     * @function getVersion
+     * @returns  {String}
+     */
+    getVersion(): string;
+
+    /**
+     * pass through to getVersion.
+     * @public
+     * @function version
+     * @returns {String}
+     */
+    version(): string;
+
+    /**
+     * returns the version of the route that matched.
+     * @public
+     * @function matchedVersion
+     * @returns {String}
+     */
+    matchedVersion(): string;
 
     /**
      * returns any header off the request. also, 'correct' any
@@ -65,25 +617,6 @@ export interface Request extends http.IncomingMessage {
      */
     trailer(name: string, value?: string): string;
 
-    /**
-     * checks if the accept header is present and has the value requested.
-     * e.g., req.accepts('html');
-     * @public
-     * @function accepts
-     * @param    {String | Array} types an array of accept type headers
-     * @returns  {Boolean}
-     */
-    accepts(types: string | string[]): boolean;
-
-    /**
-     * checks if the request accepts the encoding types.
-     * @public
-     * @function acceptsEncoding
-     * @param    {String | Array} types an array of accept type headers
-     * @returns  {Boolean}
-     */
-    acceptsEncoding(types: string | string[]): boolean;
-
     /**
      * Check if the incoming request contains the Content-Type header field, and
      * if it contains the given mime type.
@@ -110,6 +643,14 @@ export interface Request extends http.IncomingMessage {
      */
     isKeepAlive(): boolean;
 
+    /**
+     * Check if the incoming request is encrypted.
+     * @public
+     * @function isSecure
+     * @returns  {Boolean}
+     */
+    isSecure(): boolean;
+
     /**
      * Check if the incoming request has been upgraded.
      * @public
@@ -126,6 +667,14 @@ export interface Request extends http.IncomingMessage {
      */
     isUpload(): boolean;
 
+    /**
+     * toString serialization
+     * @public
+     * @function toString
+     * @returns  {String}
+     */
+    toString(): string;
+
     /**
      * retrieves the user-agent header.
      * @public
@@ -154,165 +703,289 @@ export interface Request extends http.IncomingMessage {
      */
     endHandlerTimer(handlerName: string): void;
 
-    getLogger(component: string): any;
-
     /**
-     * gets the content-length header off the request.
+     * returns the connection state of the request. current valid values are
+     * 'close' and 'aborted'.
      * @public
-     * @function getContentLength
-     * @returns {Number}
-     */
-    getContentLength(): number;
-
-    /**
-     * @see getContentLength
-     * @function contentLength
-     */
-    contentLength(): number;
-
-    /**
-     * gets the content-type header.
-     * @public
-     * @function getContentType
+     * @function connectionState
      * @returns {String}
      */
-    getContentType(): string;
+    connectionState(): string;
 
     /**
-     * @see getContentType
-     */
-    contentType(): string;
-
-    /**
-     * retrieves the complete URI requested by the client.
+     * returns the route object to which the current request was matched to.
+     * Route info object structure:
+     * {
+     *  path: '/ping/:name',
+     *  method: 'GET',
+     *  versions: [],
+     *  name: 'getpingname'
+     }
      * @public
-     * @function getHref
-     * @returns {String}
+     * @function getRoute
+     * @returns {Object}
      */
-    getHref(): string;
-
-    /**
-     * @see getHref
-     */
-    href(): string;
+    getRoute(): RouteSpec;
 
+    /**bunyan logger you can piggyback on. */
     log: Logger;
-    /**
-     * retrieves the request uuid. was created when the request was setup.
-     * @public
-     * @function getId
-     * @returns  {String}
-     */
-    getId(): string;
 
-    /**
-     * @see getId
-     */
-    id(): string;
+    /** available when queryParser plugin is used. */
+    query?: any;
 
-    /**
-     * retrieves the cleaned up url path.
-     * e.g., /foo?a=1  =>  /foo
-     * @public
-     * @function getPath
-     * @returns  {String}
-     */
-    getPath(): string;
-
-    /**
-     * @see getPath
-     */
-    path(): string;
-
-    /**
-     * returns the raw query string
-     * @public
-     * @function getQuery
-     * @returns  {String}
-     */
-    getQuery(): string;
-
-    /**
-     * @see getQuery
-     */
-    query: any;
-
-    secure: boolean;
-
-    /**
-     * returns ms since epoch when request was setup.
-     * @public
-     * @function time
-     * @returns  {Number}
-     */
-    time(): number;
-
-    /**
-     * returns a parsed URL object.
-     * @public
-     * @function getUrl
-     * @returns  {Object}
-     */
-    getUrl(): url.Url;
-
-    /**
-     * returns the accept-version header.
-     * @public
-     * @function getVersion
-     * @returns  {String}
-     */
-    getVersion(): string;
-
-    /**
-     * @see getVersion
-     */
-    version(): string;
-    params: any;
-    files?: { [name: string]: requestFileInterface };
-
-    /**
-     * Check if the incoming request is encrypted.
-     * @public
-     * @function isSecure
-     * @returns  {Boolean}
-     */
-    isSecure(): boolean;
-    /** available when bodyParser plugin is used */
+    /** available when bodyParser plugin is used. */
     body?: any;
+
+    /** available when queryParser or bodyParser plugin is used with mapParams enabled. */
+    params?: any;
+
+    /** available when serveStatic plugin is used. */
+    files?: { [name: string]: RequestFileInterface };
+
     /** available when authorizationParser plugin is used */
     username?: string;
-    /** available when authorizationParser plugin is used */
-    authorization?: requestAuthorization;
 
-    timers: HandlerTiming[];
+    /** available when authorizationParser plugin is used */
+    authorization?: RequestAuthorization;
 }
 
-/**
- * Timer object used to identify how long a specific handler took to run
- *
- * @property {String} name The name of the handler.
- * @property {Array} time A tuple of [seconds, nanoseconds], how long the handler took.
- */
-export interface HandlerTiming {
-    name: string;
-    time: [number, number];
+export interface CacheOptions {
+    maxAge: number;
 }
 
 export interface Response extends http.ServerResponse {
-    header(key: string, value?: any): any;
-    cache(type?: any, options?: any): any;
-    noCache(): any;
-    status(code: number): any;
-    send(status?: any, body?: any, headers?: { [header: string]: string }): any;
-    json(status?: any, body?: any, headers?: { [header: string]: string }): any;
+    /**
+     * sets the cache-control header. `type` defaults to _public_,
+     * and options currently only takes maxAge.
+     * @public
+     * @function cache
+     * @param    {String} type    value of the header
+     * @param    {Object} [options] an options object
+     * @returns  {String}         the value set to the header
+     */
+    cache(type: string, options?: CacheOptions): string;
+
+    /**
+     * sets the cache-control header. `type` defaults to _public_,
+     * and options currently only takes maxAge.
+     * @public
+     * @function cache
+     * @param    {Object} [options] an options object
+     * @returns  {String}         the value set to the header
+     */
+    cache(options?: CacheOptions): string;
+
+    /**
+     * turns off all cache related headers.
+     * @public
+     * @function noCache
+     * @returns  {Object} self, the response object
+     */
+    noCache(): Response;
+
+    /**
+     * Appends the provided character set to the response's Content-Type.
+     * e.g., res.charSet('utf-8');
+     * @public
+     * @function charSet
+     * @param    {String} type char-set value
+     * @returns  {Object} self, the response object
+     */
+    charSet(type: string): Response;
+
+    /**
+     * retrieves a header off the response.
+     * @public
+     * @function get
+     * @param    {Object} name the header name
+     * @returns  {String}
+     */
+    get(name: string): string;
+
+    /**
+     * retrieves all headers off the response.
+     * @public
+     * @function getHeaders
+     * @returns  {Object}
+     */
+    getHeaders(): any;
+
+    /**
+     * pass through to getHeaders.
+     * @public
+     * @function headers
+     * @returns  {Object}
+     */
+    headers(): any;
+
+    /**
+     * sets headers on the response.
+     * @public
+     * @function header
+     * @param    {String} name  the name of the header
+     * @param    {String} value the value of the header
+     * @returns  {Object}
+     */
+    header(name: string, value?: any): any;
+
+    /**
+     * short hand method for:
+     *     res.contentType = 'json';
+     *     res.send({hello: 'world'});
+     * @public
+     * @function json
+     * @param    {Number} code    http status code
+     * @param    {Object} object    value to json.stringify
+     * @param    {Object} [headers] headers to set on the response
+     * @returns  {Object}
+     */
+    json(code: number, object: any, headers?: { [header: string]: string }): any;
+
+    /**
+     * short hand method for:
+     *     res.contentType = 'json';
+     *     res.send({hello: 'world'});
+     * @public
+     * @function json
+     * @param    {Object} object    value to json.stringify
+     * @param    {Object} [headers] headers to set on the response
+     * @returns  {Object}
+     */
+    json(object: any, headers?: { [header: string]: string }): any;
+
+    /**
+     * sets the link heaader.
+     * @public
+     * @function link
+     * @param    {String} l   the link key
+     * @param    {String} rel the link value
+     * @returns  {String}     the header value set to res
+     */
+    link(l: string, rel: string): string
+
+    /**
+     * sends the response object. pass through to internal __send that uses a
+     * formatter based on the content-type header.
+     * @public
+     * @function send
+     * @param    {Number} [code] http status code
+     * @param    {Object | Buffer | Error} [body] the content to send
+     * @param    {Object} [headers]  any add'l headers to set
+     * @returns  {Object} the response object
+     */
+    send(code?: any, body?: any, headers?: { [header: string]: string }): any;
+
+    /**
+     * sends the response object. pass through to internal __send that skips
+     * formatters entirely and sends the content as is.
+     * @public
+     * @function sendRaw
+     * @param    {Number} [code] http status code
+     * @param    {Object | Buffer | Error} [body] the content to send
+     * @param    {Object} [headers]  any add'l headers to set
+     * @returns  {Object} the response object
+     */
+    sendRaw(code?: any, body?: any, headers?: { [header: string]: string }): any;
+
+    /**
+     * sets a header on the response.
+     * @public
+     * @function set
+     * @param    {String} name name of the header
+     * @param    {String} val  value of the header
+     * @returns  {Object}      self, the response object
+     */
+    set(name: string, val: string): Response;
+
+    /**
+     * sets the http status code on the response.
+     * @public
+     * @function status
+     * @param    {Number} code http status code
+     * @returns  {Number}     the status code passed in
+     */
+    status(code: number): number;
+
+    /**
+     * toString() serialization.
+     * @public
+     * @function toString
+     * @returns  {String}
+     */
+    toString(): string;
+
+    /**
+     * pass through to native response.writeHead().
+     * @public
+     * @function writeHead
+     * @emits    header
+     * @returns  {undefined}
+     */
+    writeHead(): void;
+
+    /** redirect is sugar method for redirecting.
+    * res.redirect(301, 'www.foo.com', next);
+    * `next` is mandatory, to complete the response and trigger audit logger.
+    * @public
+    * @param    {Number}   code the status code
+    * @param    {String}   url to redirect to
+    * @param    {Function} next fn
+    * @emits    redirect
+    * @function redirect
+    * @return   {undefined}
+    */
+    redirect(code: number, url: string, next: Next): void;
+
+    /** redirect is sugar method for redirecting.
+    * res.redirect('www.foo.com', next);
+    * `next` is mandatory, to complete the response and trigger audit logger.
+    * @public
+    * @param    {String}   url to redirect to
+    * @param    {Function} next fn
+    * @emits    redirect
+    * @function redirect
+    * @return   {undefined}
+    */
+    redirect(url: string, next: Next): void;
+
+    /** redirect is sugar method for redirecting.
+    * res.redirect({...}, next);
+    * `next` is mandatory, to complete the response and trigger audit logger.
+    * @public
+    * @param    {Object}   options the status code
+    * @param    {Function} next fn
+    * @emits    redirect
+    * @function redirect
+    * @return   {undefined}
+    */
+    redirect(options: any, next: Next): void;
+
+    /** HTTP status code. */
     code: number;
+
+    /** short hand for the header content-length. */
     contentLength: number;
-    charSet(value: string): void;
+
+    /** short hand for the header content-type. */
     contentType: string;
+
+    /** response headers. */
     headers: any;
+
+    /** A unique request id (x-request-id). */
     id: string;
 }
 
+export interface Next {
+    (err?: any): void;
+
+    ifError(err?: any): void;
+}
+
+export interface RoutePathRegex extends RegExp {
+    restifyParams: string[];
+}
+
 export interface RouteSpec {
     method: string;
     name: string;
@@ -331,282 +1004,510 @@ export interface Route {
 
 export interface RouteOptions {
     name: string;
+
     method: string;
+
     path?: string | RegExp;
+
     url?: string | RegExp;
+
     urlParamPattern?: RegExp;
+
     contentType?: string | string[];
-    versions?: string | string[];
-}
 
-export interface RoutePathRegex extends RegExp {
-    restifyParams: string[];
-}
-
-export interface Router {
-    name: string;
-    mounts: { [routeName: string]: Route };
-    versions: string[];
-    contentType: string[];
-    routes: {
-        DELETE: Route[];
-        GET: Route[];
-        HEAD: Route[];
-        OPTIONS: Route[];
-        PATCH: Route[];
-        POST: Route[];
-        PUT: Route[];
-    };
-    log?: any;
-    toString(): string;
-
-    /**
-     * Takes an object of route params and query params, and 'renders' a URL
-     * @param    {String} routeName the route name
-     * @param    {Object} params    an object of route params
-     * @param    {Object} query     an object of query params
-     * @returns  {String}
-     */
-    render(routeName: string, params: any, query?: any): string;
-
-    /**
-     * adds a route.
-     * @param    {Object} options an options object
-     * @returns  {String}         returns the route name if creation is successful.
-     */
-    mount(options: any): string | boolean;
-
-    /**
-     * unmounts a route.
-     * @param    {String} name the route name
-     * @returns  {String}      the name of the deleted route (or false if it was not matched)
-     */
-    unmount(name: string): string | boolean;
-
-    /**
-     * finds the route for a given request and response.
-     * @param    {Request}  req      the request object
-     * @param    {Response} res      the response object
-     * @param    {Function} callback operation callback
-     * @returns  {undefined}
-     */
-    find(req: Request, res: Response, callback: (err: Error, route: Route) => void): void;
-}
-
-export interface Server extends http.Server {
-    use(handler: RequestHandler | RequestHandler[], ...handlers: RequestHandler[]): Server;
-    // tslint:disable-next-line unified-signatures
-    use(handler: RequestHandler | RequestHandler[], ...handlers: RequestHandler[][]): Server;
-
-    post(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    post(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    patch(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    patch(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    put(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    put(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    del(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    del(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    get(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    get(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    head(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    head(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    opts(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
-    // tslint:disable-next-line unified-signatures
-    opts(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
-
-    name: string;
-    version: string;
-    log: any;
-    acceptable: string[];
-    url: string;
-    address(): addressInterface;
-    listen(...args: any[]): any;
-    close(...args: any[]): any;
-    pre(routeCallBack: RequestHandler): Server;
-    server: http.Server;
-    router: Router;
-    routes: Route[];
-    toString(): string;
-}
-
-export interface ServerOptions {
-    ca?: string;
-    certificate?: string | string[] | Buffer | Buffer[];
-    key?: string | string[] | Buffer | Buffer[];
-    formatters?: any;
-    log?: any;
-    name?: string;
-    spdy?: any;
     version?: string;
-    responseTimeHeader?: string;
-    responseTimeFormatter?(durationInMilliseconds: number): any;
-    handleUpgrades?: boolean;
-    router?: Router;
-    httpsServerOptions?: any;
-    socketio?: boolean;
+
+    versions?: string[];
 }
 
-export interface ClientOptions {
-    accept?: string;
-    connectTimeout?: number;
-    requestTimeout?: number;
-    dtrace?: any;
-    gzip?: any;
-    headers?: any;
-    log?: any;
-    retry?: any;
-    signRequest?(): void;
-    url?: string;
-    userAgent?: string;
-    version?: string;
-}
-
-export interface Client {
-    get(opts: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
-    head(opts: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request, res: Response) => any): any;
-    post(opts: string | { path?: string; [name: string]: any }, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
-    put(opts: string | { path?: string; [name: string]: any }, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
-    patch(opts: string | { path?: string; [name: string]: any }, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
-    del(opts: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request, res: Response) => any): any;
-    basicAuth(username: string, password: string): any;
-}
-
-export interface HttpClient {
-    get(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
-    head(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
-    post(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
-    put(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
-    patch(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
-    del(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
-    basicAuth(username: string, password: string): any;
-}
-
-export interface ThrottleOptions {
-    burst?: number;
-    rate?: number;
-    ip?: boolean;
-    xff?: boolean;
-    username?: boolean;
-    tokensTable?: any;
-    maxKeys?: number;
-    overrides?: any;
-}
-
-export interface Next {
-    (err?: any): any;
-    ifError(err?: any): any;
-}
+type FindRouteCallback = (err: Error, route?: Route, params?: any) => void;
 
 export type RequestHandler = (req: Request, res: Response, next: Next) => any;
+type RequestHandlerType = RequestHandler | RequestHandler[];
+
+export function bunyan(options?: BunyanOptions): RequestHandler;
 
 export function createServer(options?: ServerOptions): Server;
 
-export function createJsonClient(options?: ClientOptions): Client;
-export function createStringClient(options?: ClientOptions): Client;
-export function createClient(options?: ClientOptions): HttpClient;
-
-export class HttpError { constructor(cause: any, message?: any); }
-
-export class DefiniteHttpError {
-    constructor(message?: any);
-
-    // tslint:disable-next-line unified-signatures
-    constructor(cause: any, message?: any);
+export const formatters: {
+    [name: string]: RequestHandler
 }
 
-export class BadRequestError extends DefiniteHttpError { }
-export class UnauthorizedError extends DefiniteHttpError { }
-export class PaymentRequiredError extends DefiniteHttpError { }
-export class ForbiddenError extends DefiniteHttpError { }
-export class NotFoundError extends DefiniteHttpError { }
-export class MethodNotAllowedError extends DefiniteHttpError { }
-export class NotAcceptableError extends DefiniteHttpError { }
-export class ProxyAuthenticationRequiredError extends DefiniteHttpError { }
-export class RequestTimeoutError extends DefiniteHttpError { }
-export class ConflictError extends DefiniteHttpError { }
-export class GoneError extends DefiniteHttpError { }
-export class LengthRequiredError extends DefiniteHttpError { }
-export class RequestEntityTooLargeError extends DefiniteHttpError { }
-export class RequesturiTooLargeError extends DefiniteHttpError { }
-export class UnsupportedMediaTypeError extends DefiniteHttpError { }
-export class RequestedRangeNotSatisfiableError extends DefiniteHttpError { }
-export class ExpectationFailedError extends DefiniteHttpError { }
-export class ImATeapotError extends DefiniteHttpError { }
-export class UnprocessableEntityError extends DefiniteHttpError { }
-export class LockedError extends DefiniteHttpError { }
-export class FailedDependencyError extends DefiniteHttpError { }
-export class UnorderedCollectionError extends DefiniteHttpError { }
-export class UpgradeRequiredError extends DefiniteHttpError { }
-export class PreconditionRequiredError extends DefiniteHttpError { }
-export class TooManyRequestsError extends DefiniteHttpError { }
-export class RequestHeaderFieldsTooLargeError extends DefiniteHttpError { }
-export class InternalServerError extends DefiniteHttpError { }
-export class NotImplementedError extends DefiniteHttpError { }
-export class BadGatewayError extends DefiniteHttpError { }
-export class ServiceUnavailableError extends DefiniteHttpError { }
-export class GatewayTimeoutError extends DefiniteHttpError { }
-export class HttpVersionNotSupportedError extends DefiniteHttpError { }
-export class VariantAlsoNegotiatesError extends DefiniteHttpError { }
-export class InsufficientStorageError extends DefiniteHttpError { }
-export class BandwidthLimitExceededError extends DefiniteHttpError { }
-export class NotExtendedError extends DefiniteHttpError { }
-export class NetworkAuthenticationRequiredError extends DefiniteHttpError { }
-export class RestError extends DefiniteHttpError { }
+export namespace plugins {
+    export namespace pre {
+        /**
+         * Provide req.set(key, val) and req.get(key) methods for setting and retrieving context to a specific request.
+         */
+        function context(): RequestHandler;
 
-export class PreconditionFailedError extends RestError { }
-export class BadDigestError extends RestError { }
-export class BadMethodError extends RestError { }
-export class InternalError extends RestError { }
-export class InvalidArgumentError extends RestError { }
-export class InvalidContentError extends RestError { }
-export class InvalidCredentialsError extends RestError { }
-export class InvalidHeaderError extends RestError { }
-export class InvalidVersionError extends RestError { }
-export class MissingParameterError extends RestError { }
-export class NotAuthorizedError extends RestError { }
-export class RequestExpiredError extends RestError { }
-export class RequestThrottledError extends RestError { }
-export class ResourceNotFoundError extends RestError { }
-export class WrongAcceptError extends RestError { }
+        /**
+         *
+         */
+        function dedupeSlashes(): RequestHandler;
 
-export function acceptParser(parser: any): RequestHandler;
-export function authorizationParser(): RequestHandler;
-export function dateParser(skew?: number): RequestHandler;
-export function queryParser(options?: any): RequestHandler;
-export function urlEncodedBodyParser(options?: any): RequestHandler[];
-export function jsonp(): RequestHandler;
-export function gzipResponse(options?: any): RequestHandler;
-export function bodyParser(options?: any): RequestHandler[];
-export function requestLogger(options?: any): RequestHandler;
-export function serveStatic(options?: any): RequestHandler;
-export function throttle(options?: ThrottleOptions): RequestHandler;
-export function conditionalRequest(): RequestHandler[];
-export function auditLogger(options: { log: any }): (req: Request, res: Response, route: Route, err: any) => void;
-export function fullResponse(): RequestHandler;
-// tslint:disable-next-line no-var
-export var defaultResponseHeaders: any;
+        /**
+         * This pre handler fixes issues with node hanging when an asyncHandler is used prior to bodyParser.
+         */
+        function pause(): RequestHandler;
 
-export function CORS(options?: CORSOptions): RequestHandler;
-export interface CORSOptions {
-    origins?: string[];
-    credentials?: boolean;
-    headers?: string[];
+        /**
+         * Cleans up duplicate or trailing / on the URL
+         */
+        function sanitizePath(): RequestHandler;
+
+        /**
+         * Automatically reuse incoming request header as the request id.
+         */
+        function reqIdHeaders(options: { headers: string[] }): RequestHandler;
+
+        /**
+         * Checks req.urls query params with strict key/val format and rejects non-strict requests with status code 400.
+         */
+        function strictQueryParams(options?: { message: string }): RequestHandler;
+
+        /**
+         * Regexp to capture curl user-agents
+         */
+        function userAgentConnection(options?: { userAgentRegExp: any }): RequestHandler;
+    }
+
+    // *************** This module includes the following header parser plugins:
+
+    /**
+     * Check the client's Accept header can be handled by this server.
+     */
+    export function acceptParser(accepts: string[]): RequestHandler;
+
+    export interface AuditLoggerOptions {
+        /**
+         * Bunyan logger
+         */
+        log: Logger;
+
+        /**
+         * Restify server. If passed in, causes server to emit 'auditlog' event after audit logs are flushed
+         */
+        server?: Server;
+
+        /**
+         * Ringbuffer which is written to if passed in
+         */
+        logBuffer?: any;
+
+        /**
+         * When true, prints audit logs. default true.
+         */
+        printLog?: boolean;
+
+        /**
+         *
+         */
+        body?: boolean;
+    }
+
+    /**
+     * An audit logger for recording all handled requests
+     */
+    export function auditLogger(options: AuditLoggerOptions): (...args: any[]) => void;
+
+    /**
+     * Authorization header
+     */
+    export function authorizationParser(options?: any): RequestHandler;
+
+    /**
+     * Conditional headers (If-*)
+     */
+    export function conditionalRequest(): RequestHandler[];
+
+    /**
+     * Handles disappeared CORS headers
+     */
+    export function fullResponse(): RequestHandler;
+
+    // ************ This module includes the following data parsing plugins:
+
+    export interface BodyParserOptions {
+        /**
+         * The maximum size in bytes allowed in the HTTP body. Useful for limiting clients from hogging server memory.
+         */
+        maxBodySize?: number;
+
+        /**
+         * If req.params should be filled with parsed parameters from HTTP body.
+         */
+        mapParams?: boolean;
+
+        /**
+         * If req.params should be filled with the contents of files sent through a multipart request.
+         * Formidable is used internally for parsing, and a file is denoted as a multipart part with the filename option set in its Content-Disposition.
+         * This will only be performed if mapParams is true.
+         */
+        mapFiles?: boolean;
+
+        /**
+         * If an entry in req.params should be overwritten by the value in the body if the names are the same.
+         * For instance, if you have the route /:someval, and someone posts an x-www-form-urlencoded Content-Type with the body someval=happy to /sad,
+         * the value will be happy if overrideParams is true, sad otherwise.
+         */
+        overrideParams?: boolean;
+
+        /**
+         * A callback to handle any multipart part which is not a file.
+         * If this is omitted, the default handler is invoked which may or may not map the parts into req.params, depending on the mapParams-option.
+         */
+        multipartHandler?(): void;
+
+        /**
+         * A callback to handle any multipart file.
+         * It will be a file if the part have a Content-Disposition with the filename parameter set.
+         * This typically happens when a browser sends a form and there is a parameter similar to <input type="file" />.
+         * If this is not provided, the default behaviour is to map the contents into req.params.
+         */
+        multipartFileHandler?(): void;
+
+        /**
+         * If you want the uploaded files to include the extensions of the original files (multipart uploads only). Does nothing if multipartFileHandler is defined.
+         */
+        keepExtensions?: boolean;
+
+        /**
+         * Where uploaded files are intermediately stored during transfer before the contents is mapped into req.params. Does nothing if multipartFileHandler is defined.
+         */
+        uploadDir?: string;
+
+        /**
+         * If you want to support html5 multiple attribute in upload fields.
+         */
+        multiples?: boolean;
+
+        /**
+         * If you want checksums calculated for incoming files, set this to either sha1 or md5.
+         */
+        hash?: string;
+
+        /**
+         * Set to true if you want to end the request with a UnsupportedMediaTypeError when none of the supported content types was given.
+         */
+        rejectUnknown?: boolean;
+
+        /**
+         *
+         */
+        reviver?: any;
+
+        /**
+         *
+         */
+        maxFieldsSize?: number;
+    }
+
+    /**
+     * Parses POST bodies to req.body. automatically uses one of the following parsers based on content type.
+     */
+    export function bodyParser(options?: BodyParserOptions): RequestHandler[];
+
+    /**
+     * Reads the body of the request.
+     */
+    export function bodyReader(options?: { maxBodySize?: number }): RequestHandler;
+
+    export interface UrlEncodedBodyParser {
+        mapParams?: boolean;
+        overrideParams?: boolean;
+    }
+
+    /**
+     * Parse the HTTP request body IFF the contentType is application/x-www-form-urlencoded.
+     *
+     * If req.params already contains a given key, that key is skipped and an
+     * error is logged.
+     */
+    export function urlEncodedBodyParser(options?: UrlEncodedBodyParser): RequestHandler[];
+
+    /**
+     * Parses JSON POST bodies
+     */
+    export function jsonBodyParser(options?: { mapParams?: boolean, reviver?: any, overrideParams?: boolean }): RequestHandler[];
+
+    /**
+     * Parses JSONP callback
+     */
+    export function jsonp(): RequestHandler;
+
+    export interface MultipartBodyParser {
+        overrideParams?: boolean;
+        multiples?: boolean;
+        keepExtensions?: boolean;
+        uploadDir?: string;
+        maxFieldsSize?: number;
+        hash?: string;
+        multipartFileHandler?: any;
+        multipartHandler?: any;
+        mapParams?: boolean;
+        mapFiles?: boolean;
+    }
+
+    /**
+     * Parses JSONP callback
+     */
+    export function multipartBodyParser(options?: MultipartBodyParser): RequestHandler;
+
+    export interface QueryParserOptions {
+        /**
+         * Default `false`. Copies parsed query parameters into `req.params`.
+         */
+        mapParams?: boolean;
+
+        /**
+         * Default `false`. Only applies when if mapParams true. When true, will stomp on req.params field when existing value is found.
+         */
+        overrideParams?: boolean;
+
+        /**
+         *  Default false. Transform `?foo.bar=baz` to a nested object: `{foo: {bar: 'baz'}}`.
+         */
+        allowDots?: boolean;
+
+        /**
+         * Default 20. Only transform `?a[$index]=b` to an array if `$index` is less than `arrayLimit`.
+         */
+        arrayLimit?: number;
+
+        /**
+         * Default 5. The depth limit for parsing nested objects, e.g. `?a[b][c][d][e][f][g][h][i]=j`.
+         */
+        depth?: number;
+
+        /**
+         * Default 1000. Maximum number of query params parsed. Additional params are silently dropped.
+         */
+        parameterLimit?: number;
+
+        /**
+         * Default true. Whether to parse `?a[]=b&a[1]=c` to an array, e.g. `{a: ['b', 'c']}`.
+         */
+        parseArrays?: boolean;
+
+        /**
+         * Default false. Whether `req.query` is a "plain" object -- does not inherit from `Object`.
+         * This can be used to allow query params whose names collide with Object methods, e.g. `?hasOwnProperty=blah`.
+         */
+        plainObjects?: boolean;
+
+        /**
+         * Default false. If true, `?a&b=` results in `{a: null, b: ''}`. Otherwise, `{a: '', b: ''}`.
+         */
+        strictNullHandling?: boolean;
+    }
+
+    /**
+     * Parses URL query paramters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
+     */
+    export function queryParser(options?: QueryParserOptions): RequestHandler;
+
+    export interface RequestLogger {
+        properties?: any;
+        serializers?: any;
+        headers?: any;
+        log?: any;
+    }
+
+    /**
+     * Adds timers for each handler in your request chain
+     *
+     * `options.properties` properties to pass to bunyan's `log.child()` method
+     */
+    export function requestLogger(options?: RequestLogger): RequestHandler;
+
+    // ******************** The module includes the following response plugins:
+
+    /**
+     * expires requests based on current time + delta
+     * @param delta - age in seconds
+     */
+    export function dateParser(delta?: number): RequestHandler;
+
+    /**
+     * gzips the response if client send `accept-encoding: gzip`
+     * @param options options to pass to gzlib
+     */
+    export function gzipResponse(options?: any): RequestHandler;
+
+    export interface ServeStatic {
+        appendRequestPath?: boolean | undefined;
+        directory?: string;
+        maxAge?: number;
+        match?: any;
+        charSet?: string;
+        file?: string;
+        etag?: string;
+        default?: any;
+        gzip?: boolean;
+    }
+
+    /**
+     * Used to serve static files
+     */
+    export function serveStatic(options?: ServeStatic): RequestHandler;
+
+    export interface ThrottleOptions {
+        burst?: number;
+        rate?: number;
+        ip?: boolean;
+        username?: boolean;
+        xff?: boolean;
+        tokensTable?: any;
+        maxKeys?: number;
+        overrides?: any; // any
+    }
+
+    export interface MetricsCallback {
+        /**
+         *  An error if the request had an error
+         */
+        err: Error;
+
+        /**
+         *
+         */
+        metrics: MetricsCallbackOptions;
+
+        req: Request;
+        res: Response;
+
+        /**
+         * The route obj that serviced the request
+         */
+        route: Route;
+    }
+
+    export type TMetricsCallback = 'close' | 'aborted' | undefined;
+
+    export interface MetricsCallbackOptions {
+        /**
+         * Status code of the response. Can be undefined in the case of an `uncaughtException`.
+         * Otherwise, in most normal scenarios, even calling `res.send()` or `res.end()` should result in a 200 by default.
+         */
+        statusCode: number;
+
+        /**
+         * HTTP request verb
+         */
+        method: string;
+
+        /**
+         * Request latency
+         */
+        latency: number;
+
+        /**
+         * req.path() value
+         */
+        path: string;
+
+        /**
+         * If this value is set, err will be a corresponding `RequestCloseError` or `RequestAbortedError`.
+         *
+         * If connectionState is either 'close' or 'aborted', then the statusCode is not applicable since the connection was severed before a response was written.
+         */
+        connectionState: TMetricsCallback;
+    }
+
+    /**
+     * Listens to the server's after event and emits information about that request (5.x compatible only).
+     *
+     * ```
+     * server.on('after', plugins.metrics( (err, metrics) =>
+     * {
+     *    // metrics is an object containing information about the request
+     * }));
+     * ```
+     */
+    export function metrics(opts: { server: Server }, callback: (options: MetricsCallback) => any): (...args: any[]) => void;
+
+    /**
+     * Parse the client's request for an OAUTH2 access tokensTable
+     *
+     * Subsequent handlers will see `req.oauth2`, which looks like:
+     * ```
+     * {
+     *    oauth2: {accessToken: 'mF_9.B5f-4.1JqM&p=q'}
+     * }
+     * ```
+     */
+    export function oauth2TokenParser(): RequestHandler;
+
+    /**
+     *  throttles responses
+     */
+    export function throttle(options?: ThrottleOptions): RequestHandler;
+
+    export interface RequestExpiryOptions {
+        /**
+         * Header name of the absolute time for request expiration
+         */
+        absoluteHeader?: string;
+
+        /**
+         * Header name for the start time of the request
+         */
+        startHeader?: string;
+
+        /**
+         * The header name for the time in milliseconds that should ellapse before the request is considered expired.
+         */
+        timeoutHeader?: string;
+    }
+
+    /**
+     * A request expiry will use headers to tell if the incoming request has expired or not.
+     *
+     * There are two options for this plugin:
+     *   1. Absolute Time
+     *     * Time in Milliseconds since the Epoch when this request should be considered expired
+     *   2. Timeout
+     *     * The request start time is supplied
+     *     * A timeout, in milliseconds, is given
+     *     * The timeout is added to the request start time to arrive at the absolute time
+     *       in which the request is considered expires
+     */
+    export function requestExpiry(options?: RequestExpiryOptions): RequestHandler;
 }
 
-export const pre: {
-    pause(): RequestHandler;
-    sanitizePath(options?: any): RequestHandler;
-    userAgentConnection(options?: any): RequestHandler;
-};
+export namespace pre {
+    /**
+     * Provide req.set(key, val) and req.get(key) methods for setting and retrieving context to a specific request.
+     */
+    function context(): RequestHandler;
+
+    /**
+     *
+     */
+    function dedupeSlashes(): RequestHandler;
+
+    /**
+     * This pre handler fixes issues with node hanging when an asyncHandler is used prior to bodyParser.
+     */
+    function pause(): RequestHandler;
+
+    /**
+     * Cleans up duplicate or trailing / on the URL
+     */
+    function sanitizePath(): RequestHandler;
+
+    /**
+     * Automatically reuse incoming request header as the request id.
+     */
+    function reqIdHeaders(options: { headers: string[] }): RequestHandler;
+
+    /**
+     * Checks req.urls query params with strict key/val format and rejects non-strict requests with status code 400.
+     */
+    function strictQueryParams(options?: { message: string }): RequestHandler;
+
+    /**
+     * Regexp to capture curl user-agents
+     */
+    function userAgentConnection(options?: { userAgentRegExp: any }): RequestHandler;
+}
diff --git a/types/restify/restify-tests.ts b/types/restify/restify-tests.ts
index 15eb8eb868..7e80e5290f 100644
--- a/types/restify/restify-tests.ts
+++ b/types/restify/restify-tests.ts
@@ -1,7 +1,10 @@
 import * as restify from "restify";
 import * as url from "url";
+import * as Logger from "bunyan";
 
-let server = restify.createServer({
+let server = new restify.Server();
+
+server = restify.createServer({
     formatters: {
         'application/foo': function formatFoo(req: restify.Request, res: restify.Response, body: any) {
             if (body instanceof Error)
@@ -15,26 +18,14 @@ let server = restify.createServer({
     }
 });
 
-server = restify.createServer({
-    ca: "test",
-    certificate: "test",
-    key: "test",
-    formatters: {},
-    log: {},
-    name: "test",
-    spdy: {},
-    version: "",
-    responseTimeHeader: "",
-    responseTimeFormatter: (durationInMilliseconds: number) => { },
-    socketio: false
-});
+server = restify.createServer({});
 
 server.pre(restify.pre.sanitizePath());
 
 server.on('someEvent', () => { });
 
 server.use((req: restify.Request, res: restify.Response, next: restify.Next) => { });
-server.use([(req: restify.Request, res: restify.Response, next: restify.Next) => { }]);
+server.use([(req: restify.Request, res: restify.Response, next: restify.Next) => { }, (req: restify.Request, res: restify.Response, next: restify.Next) => { }]);
 server.use((req: restify.Request, res: restify.Response, next: restify.Next) => { }, (req: restify.Request, res: restify.Response, next: restify.Next) => { });
 
 function send(req: restify.Request, res: restify.Response, next: restify.Next) {
@@ -56,10 +47,6 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     req.userAgent() === 'test';
     req.startHandlerTimer('test');
     req.endHandlerTimer('test');
-    req.absoluteUri('test') === 'test';
-
-    req.timers.pop() === { name: 'test', time: [0, 1234] };
-    req.getLogger('test');
 
     const log = req.log;
     log.debug({ params: req.params }, 'Hello there %s', 'foo');
@@ -76,25 +63,24 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     req.path() === 'test';
     req.getQuery() === 'test';
     req.query === 'test';
-    req.secure === true;
     req.time() === 1463518410080;
-    req.getUrl() === url.parse('http://test.test.test/test');
+    req.getUrl() === url.parse('https://test.test.test/test');
     req.getVersion() === 'test';
     req.version() === 'test';
     req.params;
-
     res.header('test');
     res.header('test', {});
     res.header('test', new Date());
 
     res.cache();
-    res.cache('testst', {});
+    res.cache('testst', { maxAge: 60 });
+    res.cache({ maxAge: 60 });
 
     res.status(344);
 
     res.send({ hello: 'world' });
     res.send(201, { hello: 'world' });
-    res.send(new restify.BadRequestError('meh'));
+    res.send(new Error('meh'));
 
     res.json(201, { hello: 'world' });
     res.json({ hello: 'world' });
@@ -107,6 +93,7 @@ function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     res.id === 'test';
 
     res.send('hello ' + req.params.name);
+    res.writeHead();
     return next();
 }
 
@@ -124,119 +111,8 @@ server.get(/(.*)/, send);
 server.head(/(.*)/, send);
 server.opts(/(.*)/, send);
 
-new restify.BadRequestError();
-new restify.UnauthorizedError();
-new restify.PaymentRequiredError();
-new restify.ForbiddenError();
-new restify.NotFoundError();
-new restify.MethodNotAllowedError();
-new restify.NotAcceptableError();
-new restify.ProxyAuthenticationRequiredError();
-new restify.RequestTimeoutError();
-new restify.ConflictError();
-new restify.GoneError();
-new restify.LengthRequiredError();
-new restify.RequestEntityTooLargeError();
-new restify.RequesturiTooLargeError();
-new restify.UnsupportedMediaTypeError();
-new restify.RequestedRangeNotSatisfiableError();
-new restify.ExpectationFailedError();
-new restify.ImATeapotError();
-new restify.UnprocessableEntityError();
-new restify.LockedError();
-new restify.FailedDependencyError();
-new restify.UnorderedCollectionError();
-new restify.UpgradeRequiredError();
-new restify.PreconditionRequiredError();
-new restify.TooManyRequestsError();
-new restify.RequestHeaderFieldsTooLargeError();
-new restify.InternalServerError();
-new restify.NotImplementedError();
-new restify.BadGatewayError();
-new restify.ServiceUnavailableError();
-new restify.GatewayTimeoutError();
-new restify.HttpVersionNotSupportedError();
-new restify.VariantAlsoNegotiatesError();
-new restify.InsufficientStorageError();
-new restify.BandwidthLimitExceededError();
-new restify.NotExtendedError();
-new restify.NetworkAuthenticationRequiredError();
-new restify.RestError();
-
-new restify.BadRequestError(new Error(), 'foo');
-new restify.UnauthorizedError(new Error(), 'foo');
-new restify.PaymentRequiredError(new Error(), 'foo');
-new restify.ForbiddenError(new Error(), 'foo');
-new restify.NotFoundError(new Error(), 'foo');
-new restify.MethodNotAllowedError(new Error(), 'foo');
-new restify.NotAcceptableError(new Error(), 'foo');
-new restify.ProxyAuthenticationRequiredError(new Error(), 'foo');
-new restify.RequestTimeoutError(new Error(), 'foo');
-new restify.ConflictError(new Error(), 'foo');
-new restify.GoneError(new Error(), 'foo');
-new restify.LengthRequiredError(new Error(), 'foo');
-new restify.RequestEntityTooLargeError(new Error(), 'foo');
-new restify.RequesturiTooLargeError(new Error(), 'foo');
-new restify.UnsupportedMediaTypeError(new Error(), 'foo');
-new restify.RequestedRangeNotSatisfiableError(new Error(), 'foo');
-new restify.ExpectationFailedError(new Error(), 'foo');
-new restify.ImATeapotError(new Error(), 'foo');
-new restify.UnprocessableEntityError(new Error(), 'foo');
-new restify.LockedError(new Error(), 'foo');
-new restify.FailedDependencyError(new Error(), 'foo');
-new restify.UnorderedCollectionError(new Error(), 'foo');
-new restify.UpgradeRequiredError(new Error(), 'foo');
-new restify.PreconditionRequiredError(new Error(), 'foo');
-new restify.TooManyRequestsError(new Error(), 'foo');
-new restify.RequestHeaderFieldsTooLargeError(new Error(), 'foo');
-new restify.InternalServerError(new Error(), 'foo');
-new restify.NotImplementedError(new Error(), 'foo');
-new restify.BadGatewayError(new Error(), 'foo');
-new restify.ServiceUnavailableError(new Error(), 'foo');
-new restify.GatewayTimeoutError(new Error(), 'foo');
-new restify.HttpVersionNotSupportedError(new Error(), 'foo');
-new restify.VariantAlsoNegotiatesError(new Error(), 'foo');
-new restify.InsufficientStorageError(new Error(), 'foo');
-new restify.BandwidthLimitExceededError(new Error(), 'foo');
-new restify.NotExtendedError(new Error(), 'foo');
-new restify.NetworkAuthenticationRequiredError(new Error(), 'foo');
-new restify.RestError(new Error(), 'foo');
-
-new restify.PreconditionFailedError(new Error(), 'foo');
-new restify.BadDigestError(new Error(), 'foo');
-new restify.BadMethodError(new Error(), 'foo');
-new restify.InternalError(new Error(), 'foo');
-new restify.InvalidArgumentError(new Error(), 'foo');
-new restify.InvalidContentError(new Error(), 'foo');
-new restify.InvalidCredentialsError(new Error(), 'foo');
-new restify.InvalidHeaderError(new Error(), 'foo');
-new restify.InvalidVersionError(new Error(), 'foo');
-new restify.MissingParameterError(new Error(), 'foo');
-new restify.NotAuthorizedError(new Error(), 'foo');
-new restify.RequestExpiredError(new Error(), 'foo');
-new restify.RequestThrottledError(new Error(), 'foo');
-new restify.ResourceNotFoundError(new Error(), 'foo');
-new restify.WrongAcceptError(new Error(), 'foo');
-
-new restify.PreconditionFailedError();
-new restify.BadDigestError();
-new restify.BadMethodError();
-new restify.InternalError();
-new restify.InvalidArgumentError();
-new restify.InvalidContentError();
-new restify.InvalidCredentialsError();
-new restify.InvalidHeaderError();
-new restify.InvalidVersionError();
-new restify.MissingParameterError();
-new restify.NotAuthorizedError();
-new restify.RequestExpiredError();
-new restify.RequestThrottledError();
-new restify.ResourceNotFoundError();
-new restify.WrongAcceptError();
-
 server.name = "";
-server.version = "";
-server.log = {};
+server.versions = [""];
 server.acceptable = ["test"];
 server.url = "";
 
@@ -247,19 +123,14 @@ server.address().address;
 server.listen("somePath", send);
 server.close();
 
-server.use(restify.acceptParser(server.acceptable));
-server.use(restify.authorizationParser());
-server.use(restify.dateParser());
-server.use(restify.queryParser());
-server.use(restify.jsonp());
-server.use(restify.gzipResponse());
-server.use(restify.bodyParser());
-server.use(restify.CORS({
-    origins: ['https://foo.com', 'http://bar.com', 'http://baz.com:8081'],
-    credentials: true,
-    headers: ['x-foo']
-}));
-server.use(restify.throttle({
+server.use(restify.plugins.acceptParser(server.acceptable));
+server.use(restify.plugins.authorizationParser());
+server.use(restify.plugins.dateParser());
+server.use(restify.plugins.queryParser());
+server.use(restify.plugins.jsonp());
+server.use(restify.plugins.gzipResponse());
+server.use(restify.plugins.bodyParser());
+server.use(restify.plugins.throttle({
     burst: 100,
     rate: 50,
     ip: true,
@@ -271,9 +142,7 @@ server.use(restify.throttle({
     }
 }));
 
-server.on('after', restify.auditLogger({
-    log: () => { }
-}));
+server.on('after', restify.plugins.auditLogger({ log: {} as Logger }));
 
 server.on('after', (req: restify.Request, res: restify.Response, route: restify.Route, err: any) => {
     route.spec.method === 'GET';
@@ -281,67 +150,9 @@ server.on('after', (req: restify.Request, res: restify.Response, route: restify.
     route.spec.path === '/some/path';
     route.spec.path === /\/some\/path\/.*/;
     route.spec.versions === ['v1'];
-    restify.auditLogger({ log: () => { } })(req, res, route, err);
+    restify.plugins.auditLogger({ log: {} as Logger })(req, res, route, err);
 });
 
 (<any> restify).defaultResponseHeaders = function(this: restify.Request, data: any) {
     this.header('Server', 'helloworld');
 };
-
-(<any> restify).defaultResponseHeaders = false;
-
-// RESTIFY Client Tests
-
-let client = restify.createJsonClient({
-    url: 'https://api.us-west-1.joyentcloud.com',
-    version: '*'
-});
-
-client = restify.createStringClient({
-    accept: "test",
-    connectTimeout: 30,
-    dtrace: {},
-    gzip: {},
-    headers: {},
-    log: {},
-    retry: {},
-    signRequest: () => { },
-    url: "",
-    userAgent: "",
-    version: ""
-});
-
-client.head('test', (err: any, req: restify.Request, res: restify.Response) => { });
-client.put('path', {}, (err: any, req: restify.Request, res: restify.Response, obj: any) => { });
-client.patch('path', {}, (err: any, req: restify.Request, res: restify.Response, obj: any) => { });
-client.del('path', (err: any, req: restify.Request, res: restify.Response) => { });
-
-client.post('/foo', { hello: 'world' }, (err: any, req: restify.Request, res: restify.Response, obj: any) => {
-    console.log('%d -> %j', res.statusCode, res.headers);
-    console.log('%j', obj);
-});
-
-client.get('/foo/bar', (err: any, req: restify.Request, res: restify.Response, data: string) => {
-    console.log('%s', data);
-});
-
-let client2 = restify.createClient({
-    url: 'http://127.0.0.1'
-});
-
-client2.get('/str/mcavage', (err: any, req: any) => {
-    req.on('result', (err: any, res: any) => {
-        res.body = '';
-        res.setEncoding('utf8');
-        res.on('data', (chunk: string) => {
-            res.body += chunk;
-        });
-
-        res.on('end', () => {
-            console.log(res.body);
-        });
-    });
-});
-
-client.basicAuth('test', 'password');
-client2.basicAuth('test', 'password');

From b106b41802534683fb74087417ab2e1caa3b0bc6 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@rbi.co.uk>
Date: Wed, 5 Jul 2017 11:51:47 +0100
Subject: [PATCH 161/274] Fix linting issues

---
 types/restify/index.d.ts | 130 ++++++++++++++++++---------------------
 1 file changed, 59 insertions(+), 71 deletions(-)

diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index 1e440b7eb7..f0c698c4bd 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -76,7 +76,7 @@ export class Server {
      * @class
      * @param {Object} options an options object
      */
-    new(options?: ServerOptions): Server
+    constructor(options?: ServerOptions);
 }
 
 export interface Server extends http.Server {
@@ -321,7 +321,7 @@ export interface RouterOptions {
 }
 
 export class Router {
-    new(options: RouterOptions): Router;
+    constructor(options: RouterOptions);
 }
 
 export interface Router {
@@ -720,14 +720,14 @@ export interface Request extends http.IncomingMessage {
      *  method: 'GET',
      *  versions: [],
      *  name: 'getpingname'
-     }
+     * }
      * @public
      * @function getRoute
      * @returns {Object}
      */
     getRoute(): RouteSpec;
 
-    /**bunyan logger you can piggyback on. */
+    /** bunyan logger you can piggyback on. */
     log: Logger;
 
     /** available when queryParser plugin is used. */
@@ -861,7 +861,7 @@ export interface Response extends http.ServerResponse {
      * @param    {String} rel the link value
      * @returns  {String}     the header value set to res
      */
-    link(l: string, rel: string): string
+    link(l: string, rel: string): string;
 
     /**
      * sends the response object. pass through to internal __send that uses a
@@ -924,41 +924,29 @@ export interface Response extends http.ServerResponse {
     writeHead(): void;
 
     /** redirect is sugar method for redirecting.
-    * res.redirect(301, 'www.foo.com', next);
-    * `next` is mandatory, to complete the response and trigger audit logger.
-    * @public
-    * @param    {Number}   code the status code
-    * @param    {String}   url to redirect to
-    * @param    {Function} next fn
-    * @emits    redirect
-    * @function redirect
-    * @return   {undefined}
-    */
+     * res.redirect(301, 'www.foo.com', next);
+     * `next` is mandatory, to complete the response and trigger audit logger.
+     * @public
+     * @param    {Number}   code the status code
+     * @param    {String}   url to redirect to
+     * @param    {Function} next fn
+     * @emits    redirect
+     * @function redirect
+     * @return   {undefined}
+     */
     redirect(code: number, url: string, next: Next): void;
 
     /** redirect is sugar method for redirecting.
-    * res.redirect('www.foo.com', next);
-    * `next` is mandatory, to complete the response and trigger audit logger.
-    * @public
-    * @param    {String}   url to redirect to
-    * @param    {Function} next fn
-    * @emits    redirect
-    * @function redirect
-    * @return   {undefined}
-    */
-    redirect(url: string, next: Next): void;
-
-    /** redirect is sugar method for redirecting.
-    * res.redirect({...}, next);
-    * `next` is mandatory, to complete the response and trigger audit logger.
-    * @public
-    * @param    {Object}   options the status code
-    * @param    {Function} next fn
-    * @emits    redirect
-    * @function redirect
-    * @return   {undefined}
-    */
-    redirect(options: any, next: Next): void;
+     * res.redirect({...}, next);
+     * `next` is mandatory, to complete the response and trigger audit logger.
+     * @public
+     * @param    {Object | String}   options the options or url to redirect to
+     * @param    {Function} next fn
+     * @emits    redirect
+     * @function redirect
+     * @return   {undefined}
+     */
+    redirect(options: string | any, next: Next): void;
 
     /** HTTP status code. */
     code: number;
@@ -1031,10 +1019,10 @@ export function createServer(options?: ServerOptions): Server;
 
 export const formatters: {
     [name: string]: RequestHandler
-}
+};
 
 export namespace plugins {
-    export namespace pre {
+    namespace pre {
         /**
          * Provide req.set(key, val) and req.get(key) methods for setting and retrieving context to a specific request.
          */
@@ -1076,9 +1064,9 @@ export namespace plugins {
     /**
      * Check the client's Accept header can be handled by this server.
      */
-    export function acceptParser(accepts: string[]): RequestHandler;
+    function acceptParser(accepts: string[]): RequestHandler;
 
-    export interface AuditLoggerOptions {
+    interface AuditLoggerOptions {
         /**
          * Bunyan logger
          */
@@ -1108,26 +1096,26 @@ export namespace plugins {
     /**
      * An audit logger for recording all handled requests
      */
-    export function auditLogger(options: AuditLoggerOptions): (...args: any[]) => void;
+    function auditLogger(options: AuditLoggerOptions): (...args: any[]) => void;
 
     /**
      * Authorization header
      */
-    export function authorizationParser(options?: any): RequestHandler;
+    function authorizationParser(options?: any): RequestHandler;
 
     /**
      * Conditional headers (If-*)
      */
-    export function conditionalRequest(): RequestHandler[];
+     function conditionalRequest(): RequestHandler[];
 
     /**
      * Handles disappeared CORS headers
      */
-    export function fullResponse(): RequestHandler;
+     function fullResponse(): RequestHandler;
 
     // ************ This module includes the following data parsing plugins:
 
-    export interface BodyParserOptions {
+     interface BodyParserOptions {
         /**
          * The maximum size in bytes allowed in the HTTP body. Useful for limiting clients from hogging server memory.
          */
@@ -1205,14 +1193,14 @@ export namespace plugins {
     /**
      * Parses POST bodies to req.body. automatically uses one of the following parsers based on content type.
      */
-    export function bodyParser(options?: BodyParserOptions): RequestHandler[];
+     function bodyParser(options?: BodyParserOptions): RequestHandler[];
 
     /**
      * Reads the body of the request.
      */
-    export function bodyReader(options?: { maxBodySize?: number }): RequestHandler;
+     function bodyReader(options?: { maxBodySize?: number }): RequestHandler;
 
-    export interface UrlEncodedBodyParser {
+     interface UrlEncodedBodyParser {
         mapParams?: boolean;
         overrideParams?: boolean;
     }
@@ -1223,19 +1211,19 @@ export namespace plugins {
      * If req.params already contains a given key, that key is skipped and an
      * error is logged.
      */
-    export function urlEncodedBodyParser(options?: UrlEncodedBodyParser): RequestHandler[];
+     function urlEncodedBodyParser(options?: UrlEncodedBodyParser): RequestHandler[];
 
     /**
      * Parses JSON POST bodies
      */
-    export function jsonBodyParser(options?: { mapParams?: boolean, reviver?: any, overrideParams?: boolean }): RequestHandler[];
+     function jsonBodyParser(options?: { mapParams?: boolean, reviver?: any, overrideParams?: boolean }): RequestHandler[];
 
     /**
      * Parses JSONP callback
      */
-    export function jsonp(): RequestHandler;
+     function jsonp(): RequestHandler;
 
-    export interface MultipartBodyParser {
+     interface MultipartBodyParser {
         overrideParams?: boolean;
         multiples?: boolean;
         keepExtensions?: boolean;
@@ -1251,9 +1239,9 @@ export namespace plugins {
     /**
      * Parses JSONP callback
      */
-    export function multipartBodyParser(options?: MultipartBodyParser): RequestHandler;
+     function multipartBodyParser(options?: MultipartBodyParser): RequestHandler;
 
-    export interface QueryParserOptions {
+     interface QueryParserOptions {
         /**
          * Default `false`. Copies parsed query parameters into `req.params`.
          */
@@ -1304,9 +1292,9 @@ export namespace plugins {
     /**
      * Parses URL query paramters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
      */
-    export function queryParser(options?: QueryParserOptions): RequestHandler;
+     function queryParser(options?: QueryParserOptions): RequestHandler;
 
-    export interface RequestLogger {
+     interface RequestLogger {
         properties?: any;
         serializers?: any;
         headers?: any;
@@ -1318,7 +1306,7 @@ export namespace plugins {
      *
      * `options.properties` properties to pass to bunyan's `log.child()` method
      */
-    export function requestLogger(options?: RequestLogger): RequestHandler;
+     function requestLogger(options?: RequestLogger): RequestHandler;
 
     // ******************** The module includes the following response plugins:
 
@@ -1326,15 +1314,15 @@ export namespace plugins {
      * expires requests based on current time + delta
      * @param delta - age in seconds
      */
-    export function dateParser(delta?: number): RequestHandler;
+     function dateParser(delta?: number): RequestHandler;
 
     /**
      * gzips the response if client send `accept-encoding: gzip`
      * @param options options to pass to gzlib
      */
-    export function gzipResponse(options?: any): RequestHandler;
+     function gzipResponse(options?: any): RequestHandler;
 
-    export interface ServeStatic {
+     interface ServeStatic {
         appendRequestPath?: boolean | undefined;
         directory?: string;
         maxAge?: number;
@@ -1349,9 +1337,9 @@ export namespace plugins {
     /**
      * Used to serve static files
      */
-    export function serveStatic(options?: ServeStatic): RequestHandler;
+     function serveStatic(options?: ServeStatic): RequestHandler;
 
-    export interface ThrottleOptions {
+     interface ThrottleOptions {
         burst?: number;
         rate?: number;
         ip?: boolean;
@@ -1362,7 +1350,7 @@ export namespace plugins {
         overrides?: any; // any
     }
 
-    export interface MetricsCallback {
+     interface MetricsCallback {
         /**
          *  An error if the request had an error
          */
@@ -1382,9 +1370,9 @@ export namespace plugins {
         route: Route;
     }
 
-    export type TMetricsCallback = 'close' | 'aborted' | undefined;
+     type TMetricsCallback = 'close' | 'aborted' | undefined;
 
-    export interface MetricsCallbackOptions {
+     interface MetricsCallbackOptions {
         /**
          * Status code of the response. Can be undefined in the case of an `uncaughtException`.
          * Otherwise, in most normal scenarios, even calling `res.send()` or `res.end()` should result in a 200 by default.
@@ -1424,7 +1412,7 @@ export namespace plugins {
      * }));
      * ```
      */
-    export function metrics(opts: { server: Server }, callback: (options: MetricsCallback) => any): (...args: any[]) => void;
+     function metrics(opts: { server: Server }, callback: (options: MetricsCallback) => any): (...args: any[]) => void;
 
     /**
      * Parse the client's request for an OAUTH2 access tokensTable
@@ -1436,14 +1424,14 @@ export namespace plugins {
      * }
      * ```
      */
-    export function oauth2TokenParser(): RequestHandler;
+     function oauth2TokenParser(): RequestHandler;
 
     /**
      *  throttles responses
      */
-    export function throttle(options?: ThrottleOptions): RequestHandler;
+     function throttle(options?: ThrottleOptions): RequestHandler;
 
-    export interface RequestExpiryOptions {
+     interface RequestExpiryOptions {
         /**
          * Header name of the absolute time for request expiration
          */
@@ -1472,7 +1460,7 @@ export namespace plugins {
      *     * The timeout is added to the request start time to arrive at the absolute time
      *       in which the request is considered expires
      */
-    export function requestExpiry(options?: RequestExpiryOptions): RequestHandler;
+     function requestExpiry(options?: RequestExpiryOptions): RequestHandler;
 }
 
 export namespace pre {

From 57c8843b6d2be66199a49e6d08f8c45dbcfb74c3 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@rbi.co.uk>
Date: Wed, 5 Jul 2017 12:02:55 +0100
Subject: [PATCH 162/274] Fix lint errors

---
 types/restify/index.d.ts | 60 ++++++++++++++++++++--------------------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index f0c698c4bd..aaaa7c3a8f 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -1008,10 +1008,10 @@ export interface RouteOptions {
     versions?: string[];
 }
 
-type FindRouteCallback = (err: Error, route?: Route, params?: any) => void;
+export type FindRouteCallback = (err: Error, route?: Route, params?: any) => void;
 
 export type RequestHandler = (req: Request, res: Response, next: Next) => any;
-type RequestHandlerType = RequestHandler | RequestHandler[];
+export type RequestHandlerType = RequestHandler | RequestHandler[];
 
 export function bunyan(options?: BunyanOptions): RequestHandler;
 
@@ -1106,16 +1106,16 @@ export namespace plugins {
     /**
      * Conditional headers (If-*)
      */
-     function conditionalRequest(): RequestHandler[];
+    function conditionalRequest(): RequestHandler[];
 
     /**
      * Handles disappeared CORS headers
      */
-     function fullResponse(): RequestHandler;
+    function fullResponse(): RequestHandler;
 
     // ************ This module includes the following data parsing plugins:
 
-     interface BodyParserOptions {
+    interface BodyParserOptions {
         /**
          * The maximum size in bytes allowed in the HTTP body. Useful for limiting clients from hogging server memory.
          */
@@ -1193,14 +1193,14 @@ export namespace plugins {
     /**
      * Parses POST bodies to req.body. automatically uses one of the following parsers based on content type.
      */
-     function bodyParser(options?: BodyParserOptions): RequestHandler[];
+    function bodyParser(options?: BodyParserOptions): RequestHandler[];
 
     /**
      * Reads the body of the request.
      */
-     function bodyReader(options?: { maxBodySize?: number }): RequestHandler;
+    function bodyReader(options?: { maxBodySize?: number }): RequestHandler;
 
-     interface UrlEncodedBodyParser {
+    interface UrlEncodedBodyParser {
         mapParams?: boolean;
         overrideParams?: boolean;
     }
@@ -1211,19 +1211,19 @@ export namespace plugins {
      * If req.params already contains a given key, that key is skipped and an
      * error is logged.
      */
-     function urlEncodedBodyParser(options?: UrlEncodedBodyParser): RequestHandler[];
+    function urlEncodedBodyParser(options?: UrlEncodedBodyParser): RequestHandler[];
 
     /**
      * Parses JSON POST bodies
      */
-     function jsonBodyParser(options?: { mapParams?: boolean, reviver?: any, overrideParams?: boolean }): RequestHandler[];
+    function jsonBodyParser(options?: { mapParams?: boolean, reviver?: any, overrideParams?: boolean }): RequestHandler[];
 
     /**
      * Parses JSONP callback
      */
-     function jsonp(): RequestHandler;
+    function jsonp(): RequestHandler;
 
-     interface MultipartBodyParser {
+    interface MultipartBodyParser {
         overrideParams?: boolean;
         multiples?: boolean;
         keepExtensions?: boolean;
@@ -1239,9 +1239,9 @@ export namespace plugins {
     /**
      * Parses JSONP callback
      */
-     function multipartBodyParser(options?: MultipartBodyParser): RequestHandler;
+    function multipartBodyParser(options?: MultipartBodyParser): RequestHandler;
 
-     interface QueryParserOptions {
+    interface QueryParserOptions {
         /**
          * Default `false`. Copies parsed query parameters into `req.params`.
          */
@@ -1292,9 +1292,9 @@ export namespace plugins {
     /**
      * Parses URL query paramters into `req.query`. Many options correspond directly to option defined for the underlying [qs.parse](https://github.com/ljharb/qs)
      */
-     function queryParser(options?: QueryParserOptions): RequestHandler;
+    function queryParser(options?: QueryParserOptions): RequestHandler;
 
-     interface RequestLogger {
+    interface RequestLogger {
         properties?: any;
         serializers?: any;
         headers?: any;
@@ -1306,7 +1306,7 @@ export namespace plugins {
      *
      * `options.properties` properties to pass to bunyan's `log.child()` method
      */
-     function requestLogger(options?: RequestLogger): RequestHandler;
+    function requestLogger(options?: RequestLogger): RequestHandler;
 
     // ******************** The module includes the following response plugins:
 
@@ -1314,15 +1314,15 @@ export namespace plugins {
      * expires requests based on current time + delta
      * @param delta - age in seconds
      */
-     function dateParser(delta?: number): RequestHandler;
+    function dateParser(delta?: number): RequestHandler;
 
     /**
      * gzips the response if client send `accept-encoding: gzip`
      * @param options options to pass to gzlib
      */
-     function gzipResponse(options?: any): RequestHandler;
+    function gzipResponse(options?: any): RequestHandler;
 
-     interface ServeStatic {
+    interface ServeStatic {
         appendRequestPath?: boolean | undefined;
         directory?: string;
         maxAge?: number;
@@ -1337,9 +1337,9 @@ export namespace plugins {
     /**
      * Used to serve static files
      */
-     function serveStatic(options?: ServeStatic): RequestHandler;
+    function serveStatic(options?: ServeStatic): RequestHandler;
 
-     interface ThrottleOptions {
+    interface ThrottleOptions {
         burst?: number;
         rate?: number;
         ip?: boolean;
@@ -1350,7 +1350,7 @@ export namespace plugins {
         overrides?: any; // any
     }
 
-     interface MetricsCallback {
+    interface MetricsCallback {
         /**
          *  An error if the request had an error
          */
@@ -1370,9 +1370,9 @@ export namespace plugins {
         route: Route;
     }
 
-     type TMetricsCallback = 'close' | 'aborted' | undefined;
+    type TMetricsCallback = 'close' | 'aborted' | undefined;
 
-     interface MetricsCallbackOptions {
+    interface MetricsCallbackOptions {
         /**
          * Status code of the response. Can be undefined in the case of an `uncaughtException`.
          * Otherwise, in most normal scenarios, even calling `res.send()` or `res.end()` should result in a 200 by default.
@@ -1412,7 +1412,7 @@ export namespace plugins {
      * }));
      * ```
      */
-     function metrics(opts: { server: Server }, callback: (options: MetricsCallback) => any): (...args: any[]) => void;
+    function metrics(opts: { server: Server }, callback: (options: MetricsCallback) => any): (...args: any[]) => void;
 
     /**
      * Parse the client's request for an OAUTH2 access tokensTable
@@ -1424,14 +1424,14 @@ export namespace plugins {
      * }
      * ```
      */
-     function oauth2TokenParser(): RequestHandler;
+    function oauth2TokenParser(): RequestHandler;
 
     /**
      *  throttles responses
      */
-     function throttle(options?: ThrottleOptions): RequestHandler;
+    function throttle(options?: ThrottleOptions): RequestHandler;
 
-     interface RequestExpiryOptions {
+    interface RequestExpiryOptions {
         /**
          * Header name of the absolute time for request expiration
          */
@@ -1460,7 +1460,7 @@ export namespace plugins {
      *     * The timeout is added to the request start time to arrive at the absolute time
      *       in which the request is considered expires
      */
-     function requestExpiry(options?: RequestExpiryOptions): RequestHandler;
+    function requestExpiry(options?: RequestExpiryOptions): RequestHandler;
 }
 
 export namespace pre {

From c3a65c78e2da9d345fc11a73406bad6fdfe47b20 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@rbi.co.uk>
Date: Wed, 5 Jul 2017 12:11:12 +0100
Subject: [PATCH 163/274] Remove restify require

---
 types/restify/index.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/restify/index.d.ts b/types/restify/index.d.ts
index aaaa7c3a8f..c4421ca625 100644
--- a/types/restify/index.d.ts
+++ b/types/restify/index.d.ts
@@ -9,7 +9,6 @@
 import http = require('http');
 import Logger = require('bunyan');
 import url = require('url');
-import restifyPlugins = require('restify-plugins');
 
 export interface BunyanOptions {
     properties: any;

From 9a46932a1265e8bcd73063a075256a5011d42f88 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Wed, 5 Jul 2017 11:32:02 -0400
Subject: [PATCH 164/274] [react-native-elements] Added HTML Style
 Headings(Text) Component, and checklist

---
 types/react-native-elements/README.md         | 27 +++++++++++++
 types/react-native-elements/index.d.ts        | 39 +++++++++++++++++++
 .../react-native-elements-tests.tsx           | 15 ++++++-
 3 files changed, 80 insertions(+), 1 deletion(-)
 create mode 100644 types/react-native-elements/README.md

diff --git a/types/react-native-elements/README.md b/types/react-native-elements/README.md
new file mode 100644
index 0000000000..0ed43c6eb3
--- /dev/null
+++ b/types/react-native-elements/README.md
@@ -0,0 +1,27 @@
+# [React Native Elements](https://github.com/react-native-training/react-native-elements)
+
+### Component Checklist
+List will update as typings are added
+
+- [x] Buttons
+- [ ] Badge
+- [ ] Social Icons / Social Icon Buttons
+- [ ] Icons
+- [ ] Side Menu
+- [ ] Form Elements
+- [ ] Search Bar
+- [ ] ButtonGroup
+- [ ] Checkboxes
+- [ ] List Element
+- [ ] Badge
+- [ ] Tab Bar Component
+- [x] HTML style headings
+- [ ] Card component
+- [ ] Pricing Component
+- [ ] Grid Component
+- [ ] Slider Component
+- [ ] Tile Component
+- [ ] Avatar Component
+- [ ] Rating Component
+- [ ] SwipeDeck Component
+- [ ] Header Component
diff --git a/types/react-native-elements/index.d.ts b/types/react-native-elements/index.d.ts
index 8323ef1c25..5a39c78481 100644
--- a/types/react-native-elements/index.d.ts
+++ b/types/react-native-elements/index.d.ts
@@ -7,6 +7,45 @@
 import * as React from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 
+export interface TextProps {
+    /**
+     * font size 40
+     */
+    h1?: boolean;
+
+    /**
+     * font size 34
+     */
+    h2?: boolean;
+
+    /**
+     * font size 28
+     */
+    h3?: boolean;
+
+    /**
+     * font size 22
+     */
+    h4?: boolean;
+
+    /**
+     * font family name
+     */
+    fontFamily?: string;
+
+    /**
+     * Additional styling for Text
+     */
+    style?: TextStyle;
+}
+
+/**
+ * HTML Style Headings
+ *
+ * @desc https://react-native-training.github.io/react-native-elements/API/HTML_style_headings/
+ */
+export class Text extends React.Component<TextProps, any> {}
+
 export interface ButtonIcon {
     name?: string;
     color?: string;
diff --git a/types/react-native-elements/react-native-elements-tests.tsx b/types/react-native-elements/react-native-elements-tests.tsx
index 197b1ec202..836b04b431 100644
--- a/types/react-native-elements/react-native-elements-tests.tsx
+++ b/types/react-native-elements/react-native-elements-tests.tsx
@@ -1,6 +1,19 @@
 import * as React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Button } from 'react-native-elements';
+import { Button, Text } from 'react-native-elements';
+
+class TextTest extends React.Component<any, any> {
+  render() {
+    return (
+      <View>
+        <Text h1>Heading 1</Text>
+        <Text h2>Heading 2</Text>
+        <Text h3>Heading 3</Text>
+        <Text h4>Heading 4</Text>
+      </View>
+    );
+  }
+}
 
 class ButtonTest extends React.Component<any, any> {
   handleButtonPress() {

From c1489ad09b1efec470ba97eccf1cd1ca243496d6 Mon Sep 17 00:00:00 2001
From: Michal Miszczyszyn <michal@mmiszy.pl>
Date: Wed, 5 Jul 2017 17:22:40 +0200
Subject: [PATCH 165/274] sinon-stub-promise should extend Function

---
 types/sinon-stub-promise/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/sinon-stub-promise/index.d.ts b/types/sinon-stub-promise/index.d.ts
index 10fc8adf4c..2141009456 100644
--- a/types/sinon-stub-promise/index.d.ts
+++ b/types/sinon-stub-promise/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for sinon-stub-promise v1.0.1
+// Type definitions for sinon-stub-promise v1.1.0
 // Project: https://github.com/substantial/sinon-stub-promise
 // Definitions by: Thiago Temple <https://github.com/vintem>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -7,7 +7,7 @@
 /// <reference types="sinon"/>
 
 declare module 'sinon' {
-  interface SinonPromise {
+  interface SinonPromise extends Function {
     resolves(value?: any): void;
     rejects(value?: any): void;
   }

From 1e51efa5bece896e2f60a9b43823fd9ccf41099d Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Wed, 5 Jul 2017 12:41:50 -0400
Subject: [PATCH 166/274] Add leaflet-draw tests

---
 types/leaflet-draw/leaflet-draw-tests.ts | 48 ++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/types/leaflet-draw/leaflet-draw-tests.ts b/types/leaflet-draw/leaflet-draw-tests.ts
index db6548d844..80e175732f 100644
--- a/types/leaflet-draw/leaflet-draw-tests.ts
+++ b/types/leaflet-draw/leaflet-draw-tests.ts
@@ -69,3 +69,51 @@ function testBooleanControlOptions() {
         }
     });
 }
+
+function testExampleControlOptions() {
+    const editableLayers = new L.FeatureGroup([]);
+    map.addLayer(editableLayers);
+
+    const MyCustomMarker = L.Icon.extend({
+        options: {
+            shadowUrl: null,
+            iconAnchor: new L.Point(12, 12),
+            iconSize: new L.Point(24, 24),
+            iconUrl: 'link/to/image.png'
+        }
+    });
+    const drawControl = new L.Control.Draw({
+        position: 'topright',
+        draw: {
+            polyline: {
+                shapeOptions: {
+                    color: '#f357a1',
+                    weight: 10
+                }
+            },
+            polygon: {
+                allowIntersection: false, // Restricts shapes to simple polygons
+                drawError: {
+                    color: '#e1e100', // Color the shape will turn when intersects
+                    message: '<strong>Oh snap!<strong> you can\'t draw that!' // Message that will show when intersect
+                },
+                shapeOptions: {
+                    color: '#bada55'
+                }
+            },
+            circle: false, // Turns off this drawing tool
+            rectangle: {
+                shapeOptions: {
+                    clickable: false
+                }
+            },
+            marker: {
+                icon: new MyCustomMarker()
+            }
+        },
+        edit: {
+            featureGroup: editableLayers, // REQUIRED!!
+            remove: false
+        }
+    });
+}

From 377eb09ae0399563dbb439c75938663cba8e46c6 Mon Sep 17 00:00:00 2001
From: Ika <ikatyang@gmail.com>
Date: Wed, 5 Jul 2017 21:15:46 +0800
Subject: [PATCH 167/274] feat(jsonpath): update to version 0.2.11

---
 types/jsonpath/index.d.ts | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/types/jsonpath/index.d.ts b/types/jsonpath/index.d.ts
index e691f860e1..90f97be2fc 100644
--- a/types/jsonpath/index.d.ts
+++ b/types/jsonpath/index.d.ts
@@ -1,17 +1,17 @@
-// Type definitions for jsonpath 0.1.3
+// Type definitions for jsonpath 0.2.11
 // Project: https://www.npmjs.org/package/jsonpath
-// Definitions by: Hiroki Horiuchi <https://github.com/horiuchi>
+// Definitions by: Hiroki Horiuchi <https://github.com/horiuchi>, Ika <https://github.com/ikatyang>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 
 
 type PathComponent = string | number;
 
-export declare function query(obj: any, pathExpression: string): any[];
-export declare function paths(obj: any, pathExpression: string): PathComponent[][];
-export declare function nodes(obj: any, pathExpression: string): { path: PathComponent[]; value: any; }[];
+export declare function query(obj: any, pathExpression: string, count?: number): any[];
+export declare function paths(obj: any, pathExpression: string, count?: number): PathComponent[][];
+export declare function nodes(obj: any, pathExpression: string, count?: number): { path: PathComponent[]; value: any; }[];
 export declare function value(obj: any, pathExpression: string): any;
-export declare function value(obj: any, pathExpression: string, newValue: any): any;
+export declare function value<T>(obj: any, pathExpression: string, newValue: T): T;
 export declare function parent(obj: any, pathExpression: string): any;
 export declare function apply(obj: any, pathExpression: string, fn: (x: any) => any): { path: PathComponent[]; value: any; }[];
 export declare function parse(pathExpression: string): any[];

From 445f5e856c76a032c4a09b4d2430afce9ff2eb4e Mon Sep 17 00:00:00 2001
From: Ika <ikatyang@gmail.com>
Date: Wed, 5 Jul 2017 21:30:53 +0800
Subject: [PATCH 168/274] docs(jsonpath): add jsdoc descriptions

---
 types/jsonpath/index.d.ts | 49 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/types/jsonpath/index.d.ts b/types/jsonpath/index.d.ts
index 90f97be2fc..b030605a55 100644
--- a/types/jsonpath/index.d.ts
+++ b/types/jsonpath/index.d.ts
@@ -3,16 +3,61 @@
 // Definitions by: Hiroki Horiuchi <https://github.com/horiuchi>, Ika <https://github.com/ikatyang>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-
-
 type PathComponent = string | number;
 
+/**
+ * Find elements in `obj` matching `pathExpression`. Returns an array of elements that
+ * satisfy the provided JSONPath expression,or an empty array if none were matched.
+ * Returns only first `count` elements if specified.
+ */
 export declare function query(obj: any, pathExpression: string, count?: number): any[];
+
+/**
+ * Find paths to elements in `obj` matching `pathExpression`. Returns an array of
+ * element paths that satisfy the provided JSONPath expression. Each path is itself an
+ * array of keys representing the location within `obj` of the matching element. Returns
+ * only first `count` paths if specified.
+ */
 export declare function paths(obj: any, pathExpression: string, count?: number): PathComponent[][];
+
+/**
+ * Find elements and their corresponding paths in `obj` matching `pathExpression`.
+ * Returns an array of node objects where each node has a `path` containing an array of
+ * keys representing the location within `obj`, and a `value` pointing to the matched
+ * element. Returns only first `count` nodes if specified.
+ */
 export declare function nodes(obj: any, pathExpression: string, count?: number): { path: PathComponent[]; value: any; }[];
+
+/**
+ * Returns the value of the first element matching `pathExpression`. If `newValue` is
+ * provided, sets the value of the first matching element and returns the new value.
+ */
 export declare function value(obj: any, pathExpression: string): any;
 export declare function value<T>(obj: any, pathExpression: string, newValue: T): T;
+
+/**
+ * Returns the parent of the first matching element.
+ */
 export declare function parent(obj: any, pathExpression: string): any;
+
+/**
+ * Runs the supplied function `fn` on each matching element, and replaces each
+ * matching element with the return value from the function. The function accepts the
+ * value of the matching element as its only parameter. Returns matching nodes with
+ * their updated values.
+ */
 export declare function apply(obj: any, pathExpression: string, fn: (x: any) => any): { path: PathComponent[]; value: any; }[];
+
+/**
+ * Parse the provided JSONPath expression into path components and their associated
+ * operations.
+ */
 export declare function parse(pathExpression: string): any[];
+
+/**
+ * Returns a path expression in string form, given a path. The supplied path may either
+ * be a flat array of keys, as returned by `jp.nodes` for example, or may alternatively be a
+ * fully parsed path expression in the form of an array of path components as returned
+ * by `jp.parse`.
+ */
 export declare function stringify(path: PathComponent[]): string;

From f70d20ac03f3900258332ddd76321a14a5d87f34 Mon Sep 17 00:00:00 2001
From: Ika <ikatyang@gmail.com>
Date: Wed, 5 Jul 2017 21:37:16 +0800
Subject: [PATCH 169/274] feat(jsonpath): umd compatible

---
 types/jsonpath/index.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/jsonpath/index.d.ts b/types/jsonpath/index.d.ts
index b030605a55..36a04ef0de 100644
--- a/types/jsonpath/index.d.ts
+++ b/types/jsonpath/index.d.ts
@@ -61,3 +61,5 @@ export declare function parse(pathExpression: string): any[];
  * by `jp.parse`.
  */
 export declare function stringify(path: PathComponent[]): string;
+
+export as namespace jsonpath;

From 5277a228a0e7fd9e4a9d66edd385a2ad89194822 Mon Sep 17 00:00:00 2001
From: Ika <ikatyang@gmail.com>
Date: Wed, 5 Jul 2017 21:51:36 +0800
Subject: [PATCH 170/274] test(jsonpath): add tests

remove unnecessary comments
---
 types/jsonpath/jsonpath-tests.ts | 44 ++++++++------------------------
 1 file changed, 11 insertions(+), 33 deletions(-)

diff --git a/types/jsonpath/jsonpath-tests.ts b/types/jsonpath/jsonpath-tests.ts
index 770258a94f..46b87b3a4c 100644
--- a/types/jsonpath/jsonpath-tests.ts
+++ b/types/jsonpath/jsonpath-tests.ts
@@ -3,52 +3,30 @@ import jp = require('jsonpath');
 
 var data: any;
 
-/**
- * jp.query(obj, pathExpression)
- * Find elements in obj matching pathExpression. Returns an array of elements that satisfy the provided JSONPath expression, or an empty array if none were matched.
- */
+// jp.query()
 var authors = jp.query(data, '$..author');
+var authors = jp.query(data, '$..author', 2);
 
-/**
- * jp.paths(obj, pathExpression)
- * Find elements in obj matching pathExpression. Returns an array of element paths that satisfy the provided JSONPath expression. Each path is itself an array of keys representing the location within obj of the matching element.
- */
+// jp.paths()
 var paths = jp.paths(data, '$..author');
+var paths = jp.paths(data, '$..author', 2);
 
-/**
- * jp.nodes(obj, pathExpression)
- * Find elements and their corresponding paths in obj matching pathExpression. Returns an array of node objects where each node has a path containing an array of keys representing the location within obj, and a value pointing to the matched element.
- */
+// jp.nodes()
 var nodes = jp.nodes(data, '$..author');
+var nodes = jp.nodes(data, '$..author', 2);
 
-/**
- * jp.value(obj, pathExpression, [newValue])
- * Returns the value of the first element matching pathExpression. If newValue is provided, sets the value of the first matching element and returns the new value.
- */
+// jp.value()
 var value = jp.value(data, '$.store..price');
 jp.value(data, '$.store..price', 12.5);
 
-/**
- * jp.parent(obj, pathExpression)
- * Returns the parent of the first matching element.
- */
+// jp.parent()
 var parent = jp.parent(data, '$.store..price');
 
-/**
- * jp.apply(obj, pathExpression, fn)
- * Runs the supplied function fn on each matching element, and replaces each matching element with the return value from the function. The function accepts the value of the matching element as its only parameter. Returns matching nodes with their updated values.
- */
+// jp.apply()
 var nodes = jp.apply(data, '$..author', (value: string) => { return value.toUpperCase() });
 
-/**
- * jp.parse(pathExpression)
- * Parse the provided JSONPath expression into path components and their associated operations.
- */
+// jp.parse()
 var path = jp.parse('$..author');
 
-/**
- * jp.stringify(path)
- * Returns a path expression in string form, given a path. The supplied path may either be a flat array of keys, as returned by jp.nodes for example, or may alternatively be a fully parsed path expression in the form of an array of path components as returned by jp.parse.
- */
+// jp.stringify()
 var pathExpression = jp.stringify(['$', 'store', 'book', 0, 'author']);
-

From ce902f704382a0855a6e7cca9ce2c24883a6e7e8 Mon Sep 17 00:00:00 2001
From: ikatyang <ikatyang@gmail.com>
Date: Thu, 6 Jul 2017 00:29:28 +0800
Subject: [PATCH 171/274] style(jsonpath): remove leading blank line

---
 types/jsonpath/jsonpath-tests.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/types/jsonpath/jsonpath-tests.ts b/types/jsonpath/jsonpath-tests.ts
index 46b87b3a4c..a6e805c5e8 100644
--- a/types/jsonpath/jsonpath-tests.ts
+++ b/types/jsonpath/jsonpath-tests.ts
@@ -1,4 +1,3 @@
-
 import jp = require('jsonpath');
 
 var data: any;

From 3c9162bef3c0f5b93fe103eeeb693fdcbc3a04c6 Mon Sep 17 00:00:00 2001
From: Andrew Nichols <annich@microsoft.com>
Date: Wed, 5 Jul 2017 10:19:23 -0700
Subject: [PATCH 172/274] [Office-js] Add mailbox.addHandlerAsync and
 EventType.ItemChanged

---
 types/office-js/index.d.ts | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/types/office-js/index.d.ts b/types/office-js/index.d.ts
index 935c7b3c35..4c5f6f0ad2 100644
--- a/types/office-js/index.d.ts
+++ b/types/office-js/index.d.ts
@@ -288,6 +288,10 @@ declare namespace Office {
          * Triggers when a document level selection happens
          */
         DocumentSelectionChanged,
+        /**
+         * Triggers when the active item changes
+         */
+        ItemChanged,
         /**
          * Triggers when a customXmlPart node was deleted
          */
@@ -1897,6 +1901,14 @@ declare namespace Office {
         ewsUrl: string;
         item: Item;
         userProfile: UserProfile;
+        /**
+         * Adds an event handler for a supported event
+         * @param eventType The event that should invoke the handler
+         * @param handler The function to handle the event
+         * @param options Any optional parameters or state data passed to the method
+         * @param callback The optional method to call when the handler is added
+         */
+        addHandlerAsync(eventType: Office.EventType, handler: (type: Office.EventType) => void, options?: any, callback?: (result: AsyncResult) => void): void;
         /**
          * Converts an item ID formatted for REST into EWS format.
          * @param itemId An item ID formatted for the Outlook REST APIs

From 205aa683dcf659c51e0111e556cd188e46788f6a Mon Sep 17 00:00:00 2001
From: Drew Hays <drew.hays@hulu.com>
Date: Wed, 5 Jul 2017 10:31:06 -0700
Subject: [PATCH 173/274] Add types for next.js

---
 types/next/index.d.ts                    | 162 +++++++++++++++++++++++
 types/next/next-tests.ts                 |  54 ++++++++
 types/next/tests/next-document-tests.tsx |  12 ++
 types/next/tests/next-dynamic-tests.tsx  |  23 ++++
 types/next/tests/next-error-tests.tsx    |   6 +
 types/next/tests/next-head-tests.tsx     |   9 ++
 types/next/tests/next-link-tests.tsx     |  13 ++
 types/next/tests/next-router-tests.tsx   |  50 +++++++
 types/next/tsconfig.json                 |  31 +++++
 types/next/tslint.json                   |  18 +++
 10 files changed, 378 insertions(+)
 create mode 100644 types/next/index.d.ts
 create mode 100644 types/next/next-tests.ts
 create mode 100644 types/next/tests/next-document-tests.tsx
 create mode 100644 types/next/tests/next-dynamic-tests.tsx
 create mode 100644 types/next/tests/next-error-tests.tsx
 create mode 100644 types/next/tests/next-head-tests.tsx
 create mode 100644 types/next/tests/next-link-tests.tsx
 create mode 100644 types/next/tests/next-router-tests.tsx
 create mode 100644 types/next/tsconfig.json
 create mode 100644 types/next/tslint.json

diff --git a/types/next/index.d.ts b/types/next/index.d.ts
new file mode 100644
index 0000000000..ab57dd6241
--- /dev/null
+++ b/types/next/index.d.ts
@@ -0,0 +1,162 @@
+// Type definitions for next
+// Project: https://github.com/zeit/next.js
+// Definitions by: Drew Hays <https://github.com/dru89>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference types="node" />
+
+declare module 'next' {
+  import * as http from 'http';
+  import * as url from 'url';
+
+  type UrlLike = url.UrlObject | url.Url;
+
+  interface ServerConfig {
+    // known keys
+    webpack?: any;
+    webpackDevMiddleware?: any;
+    poweredByHeader?: boolean;
+    distDir?: string;
+    assetPrefix?: string;
+    configOrigin?: string;
+    useFileSystemPublicRoutes?: boolean;
+
+    // and since this is a config, it can take anything else, too.
+    [key: string]: any;
+  }
+
+  interface ServerOptions {
+    dir?: string;
+    dev?: boolean;
+    staticMarkup?: boolean;
+    quiet?: boolean;
+    conf?: ServerConfig;
+  }
+
+  interface Server {
+    handleRequest(req: http.IncomingMessage, res: http.ServerResponse, parsedUrl?: UrlLike): Promise<void>;
+    getRequestHandler(): (req: http.IncomingMessage, res: http.ServerResponse, parsedUrl?: UrlLike) => Promise<void>;
+    prepare(): Promise<void>;
+    close(): Promise<void>;
+    defineRoutes(): Promise<void>;
+    start(): Promise<void>;
+    run(req: http.IncomingMessage, res: http.ServerResponse, parsedUrl: UrlLike): Promise<void>;
+
+    render(req: http.IncomingMessage, res: http.ServerResponse, pathname: string, query: {[key: string]: any}, parsedUrl: UrlLike): Promise<void>;
+    renderError(err: any, req: http.IncomingMessage, res: http.ServerResponse, pathname: string, query: {[key: string]: any}): Promise<void>;
+    render404(req: http.IncomingMessage, res: http.ServerResponse, parsedUrl: UrlLike): Promise<void>;
+    renderToHTML(req: http.IncomingMessage, res: http.ServerResponse, pathname: string, query: {[key: string]: any}): Promise<string>;
+    renderErrorToHTML(err: any, req: http.IncomingMessage, res: http.ServerResponse, pathname: string, query: {[key: string]: any}): Promise<string>;
+
+    serveStatic(req: http.IncomingMessage, res: http.ServerResponse, path: string): Promise<void>;
+    isServeableUrl(path: string): boolean;
+    isInternalUrl(req: http.IncomingMessage): boolean;
+    readBuildId(): string;
+    handleBuildId(buildId: string, res: http.ServerResponse): boolean;
+    getCompilationError(page: string, req: http.IncomingMessage, res: http.ServerResponse): Promise<any>;
+    handleBuildHash(filename: string, hash: string, res: http.ServerResponse): void;
+    send404(res: http.ServerResponse): void;
+  }
+
+  export default function(options?: ServerOptions): Server;
+}
+
+declare module 'next/error' {
+  import * as React from 'react';
+  export default class extends React.Component<{statusCode: number}, {}> {}
+}
+
+declare module 'next/head' {
+  import * as React from 'react';
+  function defaultHead(): JSX.Element[];
+  export default class extends React.Component<{}, {}> {}
+}
+
+declare module 'next/document' {
+  interface DocumentProps {
+    __NEXT_DATA__?: any;
+    dev?: boolean;
+    chunks?: string[];
+    head?: Array<React.ReactElement<any>>;
+    styles?: Array<React.ReactElement<any>>;
+    [key: string]: any;
+  }
+
+  class Head extends React.Component<any, {}> {}
+  class Main extends React.Component<{}, {}> {}
+  class NextScript extends React.Component<{}, {}> {}
+  export default class extends React.Component<DocumentProps, {}> {}
+}
+
+declare module 'next/link' {
+  import * as url from 'url';
+  type UrlLike = url.UrlObject | url.Url;
+  interface LinkState {
+    prefetch?: boolean;
+    shallow?: boolean;
+    scroll?: boolean;
+    replace?: boolean;
+    onError?(error: any): void;
+    href?: string | UrlLike;
+    as?: string | UrlLike;
+    children: React.ReactElement<any>;
+  }
+
+  export default class extends React.Component<LinkState, {}> {}
+}
+
+declare module 'next/dynamic' {
+  interface DynamicOptions<TCProps, TLProps> {
+    loading?: React.ComponentType<TLProps>;
+    ssr?: boolean;
+    modules?(props: TCProps & TLProps): { [key: string]: Promise<React.ComponentType<any>> };
+    render?(props: TCProps & TLProps, modules: { [key: string]: React.ComponentType<any> }): void;
+  }
+
+  class SameLoopPromise<T> extends Promise<T> {
+    constructor(executor: (resolve: (value?: T) => void, reject: (reason?: any) => void) => void);
+    setResult(value: T): void;
+    setError(value: any): void;
+    runIfNeeded(): void;
+  }
+  export default function<TCProps, TLProps>(componentPromise: Promise<React.ComponentType<TCProps>>, options?: DynamicOptions<TCProps, TLProps>): React.ComponentType<TCProps & TLProps>;
+}
+
+declare module 'next/router' {
+  import * as url from 'url';
+
+  interface EventChangeOptions {
+    shallow?: boolean;
+    [key: string]: any;
+  }
+
+  type RouterCallback = () => void;
+  interface SingletonRouter {
+    readyCallbacks: RouterCallback[];
+    ready(cb: RouterCallback): void;
+
+    // router properties
+    readonly components: { [key: string]: { Component: React.ComponentType<any>, err: any } };
+    readonly pathname: string;
+    readonly route: string;
+    readonly asPath: string;
+    readonly query: { [key: string]: any };
+
+    // router methods
+    reload(route: string): Promise<void>;
+    back(): void;
+    push(url: string, as?: string, options?: EventChangeOptions): Promise<boolean>;
+    replace(url: string, as?: string, options?: EventChangeOptions): Promise<boolean>;
+    prefetch(url: string): Promise<React.ComponentType<any>>;
+
+    // router events
+    onAppUpdated?(nextRoute: string): void;
+    onRouteChangeStart?(url: string): void;
+    onBeforeHistoryChange?(as: string): void;
+    onRouteChangeComplete?(url: string): void;
+    onRouteChangeError?(error: any, url: string): void;
+  }
+
+  const Singleton: SingletonRouter;
+  export default Singleton;
+}
diff --git a/types/next/next-tests.ts b/types/next/next-tests.ts
new file mode 100644
index 0000000000..3c216d770d
--- /dev/null
+++ b/types/next/next-tests.ts
@@ -0,0 +1,54 @@
+import createServer from 'next';
+import * as http from 'http';
+import * as url from 'url';
+
+const defaultServer = createServer();
+const server = createServer({
+  dir: '..',
+  quiet: true,
+  conf: {
+    distDir: './dist',
+    useFileSystemPublicRoutes: false,
+    anotherProperty: {
+      key: true
+    }
+  }
+});
+
+const voidFunc = () => {};
+const stringFunc = (x: string) => x.split('\n');
+
+server.prepare().then(voidFunc);
+server.close().then(voidFunc);
+server.defineRoutes().then(voidFunc);
+server.start().then(voidFunc);
+
+const parsedUrl = url.parse('https://www.example.com');
+const req: http.IncomingMessage = null;
+const res: http.ServerResponse = null;
+const handler = server.getRequestHandler();
+
+handler(req, res);
+handler(req, res, parsedUrl).then(voidFunc);
+server.run(req, res, parsedUrl).then(voidFunc);
+
+server.render(req, res, '/path/to/resource', null, parsedUrl).then(voidFunc);
+server.render(req, res, '/path/to/resource', { key: 'value' }, parsedUrl).then(voidFunc);
+server.renderError(new Error(), req, res, '/path/to/resource', { key: 'value' }).then(voidFunc);
+server.renderError('this can be an error, too!', req, res, '/path/to/resource', { key: 'value' }).then(voidFunc);
+server.render404(req, res, parsedUrl).then(voidFunc);
+
+server.renderToHTML(req, res, '/path/to/resource', { foo: 'bar' }).then(x => x.split('\n'));
+server.renderErrorToHTML(new Error(), req, res, '/path/to/resource', { foo: 'bar' }).then(x => x.split('\n'));
+
+server.serveStatic(req, res, '/path/to/thing').then(voidFunc);
+
+let b: boolean;
+b = server.isServeableUrl('/path/to/thing');
+b = server.isInternalUrl(req);
+b = server.handleBuildId('{buildId}', res);
+
+const s: string = server.readBuildId();
+server.getCompilationError('page', req, res).then(err => err.thisIsAnAny);
+server.handleBuildHash('filename', 'hash', res);
+server.send404(res);
diff --git a/types/next/tests/next-document-tests.tsx b/types/next/tests/next-document-tests.tsx
new file mode 100644
index 0000000000..4fbb25948b
--- /dev/null
+++ b/types/next/tests/next-document-tests.tsx
@@ -0,0 +1,12 @@
+import Document, * as document from 'next/document';
+import * as React from 'react';
+
+const results = (
+  <Document any="property" should="work" here>
+    <document.Head some="more" properties>
+      <meta name="description" content="Head can have children, too!" />
+    </document.Head>
+    <document.Main />
+    <document.NextScript />
+  </Document>
+);
diff --git a/types/next/tests/next-dynamic-tests.tsx b/types/next/tests/next-dynamic-tests.tsx
new file mode 100644
index 0000000000..be10954de9
--- /dev/null
+++ b/types/next/tests/next-dynamic-tests.tsx
@@ -0,0 +1,23 @@
+import dynamic, * as d from 'next/dynamic';
+import * as React from 'react';
+
+// typically you'd use this with an esnext-style import() statement, but we'll make do without
+interface DynamicComponentProps {
+  foo: string;
+  bar: number;
+}
+async function getComponent() {
+  return (
+    (props: DynamicComponentProps) => <div>I'm an async component! {props.foo} {props.bar}</div>
+  );
+}
+
+interface LoadingComponentProps {
+  baz: boolean;
+}
+
+const DynamicComponent = dynamic(getComponent(), {
+  loading: (props: LoadingComponentProps) => <div>Loading! {props.baz}</div>
+});
+
+const jsx = (<DynamicComponent foo='five' bar={5} baz />);
diff --git a/types/next/tests/next-error-tests.tsx b/types/next/tests/next-error-tests.tsx
new file mode 100644
index 0000000000..38692ac6de
--- /dev/null
+++ b/types/next/tests/next-error-tests.tsx
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import ErrorComponent from 'next/error';
+
+const result = (
+  <ErrorComponent statusCode={404} />
+);
diff --git a/types/next/tests/next-head-tests.tsx b/types/next/tests/next-head-tests.tsx
new file mode 100644
index 0000000000..eaf6754b49
--- /dev/null
+++ b/types/next/tests/next-head-tests.tsx
@@ -0,0 +1,9 @@
+import Head, * as head from 'next/head';
+import * as React from 'react';
+
+const elements: JSX.Element[] = head.defaultHead();
+const jsx = (
+  <Head>
+    {elements}
+  </Head>
+);
diff --git a/types/next/tests/next-link-tests.tsx b/types/next/tests/next-link-tests.tsx
new file mode 100644
index 0000000000..281c6aff7a
--- /dev/null
+++ b/types/next/tests/next-link-tests.tsx
@@ -0,0 +1,13 @@
+import Link from 'next/link';
+import * as React from 'react';
+
+const links = (
+  <div>
+    <Link as="foo" href="https://www.example.com" onError={(e: any) => { console.log("Handled error!", e); }} prefetch replace scroll shallow>
+      <a>Gotta link to somewhere!</a>
+    </Link>
+    <Link>
+      <a>All props are optional!</a>
+    </Link>
+  </div>
+);
diff --git a/types/next/tests/next-router-tests.tsx b/types/next/tests/next-router-tests.tsx
new file mode 100644
index 0000000000..38d091dcc2
--- /dev/null
+++ b/types/next/tests/next-router-tests.tsx
@@ -0,0 +1,50 @@
+import Router, * as r from 'next/router';
+import * as React from 'react';
+import * as qs from 'querystring';
+
+Router.readyCallbacks.push(() => { console.log("I'll get called when the router initializes."); });
+Router.ready(() => { console.log("I'll get called immediately if the router initializes, or when it eventually does."); });
+
+// Access readonly properties of the router.
+
+Object.keys(Router.components).forEach(key => {
+  const c = Router.components[key];
+  c.err.isAnAny;
+
+  return <c.Component />;
+});
+
+function split(routeLike: string) {
+  routeLike.split('/').forEach(part => {
+    console.log("path part: ", part);
+  });
+}
+
+split(Router.pathname);
+split(Router.asPath);
+split(Router.asPath);
+
+const query = `?${qs.stringify(Router.query)}`;
+
+// Assign some callback methods.
+Router.onAppUpdated = (nextRoute: string) => console.log(nextRoute);
+Router.onRouteChangeStart = (url: string) => console.log("Route is starting to change.", url);
+Router.onBeforeHistoryChange = (as: string) => console.log("History hasn't changed yet.", as);
+Router.onRouteChangeComplete = (url: string) => console.log("Route chaneg is complete.", url);
+Router.onRouteChangeError = (err: any, url: string) => console.log("Route is starting to change.", url, err);
+
+// Call methods on the router itself.
+Router.reload('/route').then(() => console.log('route was reloaded'));
+Router.back();
+
+Router.push('/route').then((success: boolean) => console.log('route push success: ', success));
+Router.push('/route', '/asRoute').then((success: boolean) => console.log('route push success: ', success));
+Router.push('/route', '/asRoute', {shallow: false}).then((success: boolean) => console.log('route push success: ', success));
+
+Router.replace('/route').then((success: boolean) => console.log('route replace success: ', success));
+Router.replace('/route', '/asRoute').then((success: boolean) => console.log('route replace success: ', success));
+Router.replace('/route', '/asRoute', {shallow: false}).then((success: boolean) => console.log('route replace success: ', success));
+
+Router.prefetch('/route').then(Component => {
+  const element = (<Component />);
+});
diff --git a/types/next/tsconfig.json b/types/next/tsconfig.json
new file mode 100644
index 0000000000..7cd8fc1ee6
--- /dev/null
+++ b/types/next/tsconfig.json
@@ -0,0 +1,31 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "target": "es6",
+        "jsx": "react",
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "next-tests.ts",
+        "tests/next-error-tests.tsx",
+        "tests/next-head-tests.tsx",
+        "tests/next-document-tests.tsx",
+        "tests/next-link-tests.tsx",
+        "tests/next-dynamic-tests.tsx",
+        "tests/next-router-tests.tsx"
+    ]
+}
diff --git a/types/next/tslint.json b/types/next/tslint.json
new file mode 100644
index 0000000000..bf0deaa9f4
--- /dev/null
+++ b/types/next/tslint.json
@@ -0,0 +1,18 @@
+{
+    "extends": "dtslint/dtslint.json",
+    "rules": {
+        // All of the different "export default" lines in the index.d.ts
+        // appear to be triggering this.  Remove this when I know of a way
+        // to declare a default export across multiple packages.
+        "strict-export-declare-modifiers": false,
+
+        // This is a pretty generic one to have to ignore, but it's because
+        // of the following error:
+        // `JSX element type '<type>' does not have any construct or call signatures.`
+        // In all cases, the element's type is "React.ComponentType`, which is composed of either:
+        //   - React.StatelessComponent, which has a call signature, or
+        //   - React.ComponentClass, which as a construct signature.
+        // This seems like it might be a bug.
+        "expect": false
+    }
+}

From d12e78563cff4e53d2909cc6347b443eee9d0918 Mon Sep 17 00:00:00 2001
From: Drew Hays <drew.hays@hulu.com>
Date: Wed, 5 Jul 2017 11:28:43 -0700
Subject: [PATCH 174/274] follow pull request template

---
 types/next/tsconfig.json | 2 +-
 types/next/tslint.json   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/next/tsconfig.json b/types/next/tsconfig.json
index 7cd8fc1ee6..b5476f610a 100644
--- a/types/next/tsconfig.json
+++ b/types/next/tsconfig.json
@@ -9,7 +9,7 @@
         "jsx": "react",
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
diff --git a/types/next/tslint.json b/types/next/tslint.json
index bf0deaa9f4..71bde7f0b6 100644
--- a/types/next/tslint.json
+++ b/types/next/tslint.json
@@ -3,7 +3,7 @@
     "rules": {
         // All of the different "export default" lines in the index.d.ts
         // appear to be triggering this.  Remove this when I know of a way
-        // to declare a default export across multiple packages.
+        // to declare a default export across multiple package/subpackages.
         "strict-export-declare-modifiers": false,
 
         // This is a pretty generic one to have to ignore, but it's because

From f7bf7985530eb341cb0abed3e1921ffe0de6aa2f Mon Sep 17 00:00:00 2001
From: Drew Hays <drew.hays@hulu.com>
Date: Wed, 5 Jul 2017 11:43:50 -0700
Subject: [PATCH 175/274] passes tests now

---
 types/next/index.d.ts                              |  2 +-
 types/next/{tests => test}/next-document-tests.tsx |  0
 types/next/{tests => test}/next-dynamic-tests.tsx  |  0
 types/next/{tests => test}/next-error-tests.tsx    |  0
 types/next/{tests => test}/next-head-tests.tsx     |  0
 types/next/{tests => test}/next-link-tests.tsx     |  0
 types/next/{tests => test}/next-router-tests.tsx   |  0
 types/next/tsconfig.json                           | 12 ++++++------
 types/next/tslint.json                             |  2 +-
 9 files changed, 8 insertions(+), 8 deletions(-)
 rename types/next/{tests => test}/next-document-tests.tsx (100%)
 rename types/next/{tests => test}/next-dynamic-tests.tsx (100%)
 rename types/next/{tests => test}/next-error-tests.tsx (100%)
 rename types/next/{tests => test}/next-head-tests.tsx (100%)
 rename types/next/{tests => test}/next-link-tests.tsx (100%)
 rename types/next/{tests => test}/next-router-tests.tsx (100%)

diff --git a/types/next/index.d.ts b/types/next/index.d.ts
index ab57dd6241..51024ffc8f 100644
--- a/types/next/index.d.ts
+++ b/types/next/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for next
+// Type definitions for next 2.4
 // Project: https://github.com/zeit/next.js
 // Definitions by: Drew Hays <https://github.com/dru89>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
diff --git a/types/next/tests/next-document-tests.tsx b/types/next/test/next-document-tests.tsx
similarity index 100%
rename from types/next/tests/next-document-tests.tsx
rename to types/next/test/next-document-tests.tsx
diff --git a/types/next/tests/next-dynamic-tests.tsx b/types/next/test/next-dynamic-tests.tsx
similarity index 100%
rename from types/next/tests/next-dynamic-tests.tsx
rename to types/next/test/next-dynamic-tests.tsx
diff --git a/types/next/tests/next-error-tests.tsx b/types/next/test/next-error-tests.tsx
similarity index 100%
rename from types/next/tests/next-error-tests.tsx
rename to types/next/test/next-error-tests.tsx
diff --git a/types/next/tests/next-head-tests.tsx b/types/next/test/next-head-tests.tsx
similarity index 100%
rename from types/next/tests/next-head-tests.tsx
rename to types/next/test/next-head-tests.tsx
diff --git a/types/next/tests/next-link-tests.tsx b/types/next/test/next-link-tests.tsx
similarity index 100%
rename from types/next/tests/next-link-tests.tsx
rename to types/next/test/next-link-tests.tsx
diff --git a/types/next/tests/next-router-tests.tsx b/types/next/test/next-router-tests.tsx
similarity index 100%
rename from types/next/tests/next-router-tests.tsx
rename to types/next/test/next-router-tests.tsx
diff --git a/types/next/tsconfig.json b/types/next/tsconfig.json
index b5476f610a..0bcbd622d9 100644
--- a/types/next/tsconfig.json
+++ b/types/next/tsconfig.json
@@ -21,11 +21,11 @@
     "files": [
         "index.d.ts",
         "next-tests.ts",
-        "tests/next-error-tests.tsx",
-        "tests/next-head-tests.tsx",
-        "tests/next-document-tests.tsx",
-        "tests/next-link-tests.tsx",
-        "tests/next-dynamic-tests.tsx",
-        "tests/next-router-tests.tsx"
+        "test/next-error-tests.tsx",
+        "test/next-head-tests.tsx",
+        "test/next-document-tests.tsx",
+        "test/next-link-tests.tsx",
+        "test/next-dynamic-tests.tsx",
+        "test/next-router-tests.tsx"
     ]
 }
diff --git a/types/next/tslint.json b/types/next/tslint.json
index 71bde7f0b6..e4a2c8f088 100644
--- a/types/next/tslint.json
+++ b/types/next/tslint.json
@@ -1,5 +1,5 @@
 {
-    "extends": "dtslint/dtslint.json",
+    "extends": "dtslint/dt.json",
     "rules": {
         // All of the different "export default" lines in the index.d.ts
         // appear to be triggering this.  Remove this when I know of a way

From e97722eb0ee7295e97697c2823b46a17ff404d9f Mon Sep 17 00:00:00 2001
From: Drew Hays <drew.hays@hulu.com>
Date: Wed, 5 Jul 2017 12:30:20 -0700
Subject: [PATCH 176/274] fix "expect" in tslint

---
 types/next/index.d.ts    | 16 +++++++++------
 types/next/next-tests.ts | 42 ++++++++++++++++++++--------------------
 types/next/tslint.json   | 11 +----------
 3 files changed, 32 insertions(+), 37 deletions(-)

diff --git a/types/next/index.d.ts b/types/next/index.d.ts
index 51024ffc8f..7f8eb6b18f 100644
--- a/types/next/index.d.ts
+++ b/types/next/index.d.ts
@@ -2,6 +2,7 @@
 // Project: https://github.com/zeit/next.js
 // Definitions by: Drew Hays <https://github.com/dru89>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 /// <reference types="node" />
 
@@ -106,11 +107,13 @@ declare module 'next/link' {
 }
 
 declare module 'next/dynamic' {
+  type ComponentType<T> = React.StatelessComponent<T> | typeof React.Component;
+
   interface DynamicOptions<TCProps, TLProps> {
-    loading?: React.ComponentType<TLProps>;
+    loading?: ComponentType<TLProps>;
     ssr?: boolean;
-    modules?(props: TCProps & TLProps): { [key: string]: Promise<React.ComponentType<any>> };
-    render?(props: TCProps & TLProps, modules: { [key: string]: React.ComponentType<any> }): void;
+    modules?(props: TCProps & TLProps): { [key: string]: Promise<ComponentType<any>> };
+    render?(props: TCProps & TLProps, modules: { [key: string]: ComponentType<any> }): void;
   }
 
   class SameLoopPromise<T> extends Promise<T> {
@@ -119,11 +122,12 @@ declare module 'next/dynamic' {
     setError(value: any): void;
     runIfNeeded(): void;
   }
-  export default function<TCProps, TLProps>(componentPromise: Promise<React.ComponentType<TCProps>>, options?: DynamicOptions<TCProps, TLProps>): React.ComponentType<TCProps & TLProps>;
+  export default function<TCProps, TLProps>(componentPromise: Promise<ComponentType<TCProps>>, options?: DynamicOptions<TCProps, TLProps>): ComponentType<TCProps & TLProps>;
 }
 
 declare module 'next/router' {
   import * as url from 'url';
+  type ComponentType<T> = React.StatelessComponent<T> | typeof React.Component;
 
   interface EventChangeOptions {
     shallow?: boolean;
@@ -136,7 +140,7 @@ declare module 'next/router' {
     ready(cb: RouterCallback): void;
 
     // router properties
-    readonly components: { [key: string]: { Component: React.ComponentType<any>, err: any } };
+    readonly components: { [key: string]: { Component: ComponentType<any>, err: any } };
     readonly pathname: string;
     readonly route: string;
     readonly asPath: string;
@@ -147,7 +151,7 @@ declare module 'next/router' {
     back(): void;
     push(url: string, as?: string, options?: EventChangeOptions): Promise<boolean>;
     replace(url: string, as?: string, options?: EventChangeOptions): Promise<boolean>;
-    prefetch(url: string): Promise<React.ComponentType<any>>;
+    prefetch(url: string): Promise<ComponentType<any>>;
 
     // router events
     onAppUpdated?(nextRoute: string): void;
diff --git a/types/next/next-tests.ts b/types/next/next-tests.ts
index 3c216d770d..bfa93bfff8 100644
--- a/types/next/next-tests.ts
+++ b/types/next/next-tests.ts
@@ -24,31 +24,31 @@ server.defineRoutes().then(voidFunc);
 server.start().then(voidFunc);
 
 const parsedUrl = url.parse('https://www.example.com');
-const req: http.IncomingMessage = null;
-const res: http.ServerResponse = null;
 const handler = server.getRequestHandler();
 
-handler(req, res);
-handler(req, res, parsedUrl).then(voidFunc);
-server.run(req, res, parsedUrl).then(voidFunc);
+function handle(req: http.IncomingMessage, res: http.ServerResponse) {
+  handler(req, res);
+  handler(req, res, parsedUrl).then(voidFunc);
+  server.run(req, res, parsedUrl).then(voidFunc);
 
-server.render(req, res, '/path/to/resource', null, parsedUrl).then(voidFunc);
-server.render(req, res, '/path/to/resource', { key: 'value' }, parsedUrl).then(voidFunc);
-server.renderError(new Error(), req, res, '/path/to/resource', { key: 'value' }).then(voidFunc);
-server.renderError('this can be an error, too!', req, res, '/path/to/resource', { key: 'value' }).then(voidFunc);
-server.render404(req, res, parsedUrl).then(voidFunc);
+  server.render(req, res, '/path/to/resource', {}, parsedUrl).then(voidFunc);
+  server.render(req, res, '/path/to/resource', { key: 'value' }, parsedUrl).then(voidFunc);
+  server.renderError(new Error(), req, res, '/path/to/resource', { key: 'value' }).then(voidFunc);
+  server.renderError('this can be an error, too!', req, res, '/path/to/resource', { key: 'value' }).then(voidFunc);
+  server.render404(req, res, parsedUrl).then(voidFunc);
 
-server.renderToHTML(req, res, '/path/to/resource', { foo: 'bar' }).then(x => x.split('\n'));
-server.renderErrorToHTML(new Error(), req, res, '/path/to/resource', { foo: 'bar' }).then(x => x.split('\n'));
+  server.renderToHTML(req, res, '/path/to/resource', { foo: 'bar' }).then(x => x.split('\n'));
+  server.renderErrorToHTML(new Error(), req, res, '/path/to/resource', { foo: 'bar' }).then(x => x.split('\n'));
 
-server.serveStatic(req, res, '/path/to/thing').then(voidFunc);
+  server.serveStatic(req, res, '/path/to/thing').then(voidFunc);
 
-let b: boolean;
-b = server.isServeableUrl('/path/to/thing');
-b = server.isInternalUrl(req);
-b = server.handleBuildId('{buildId}', res);
+  let b: boolean;
+  b = server.isServeableUrl('/path/to/thing');
+  b = server.isInternalUrl(req);
+  b = server.handleBuildId('{buildId}', res);
 
-const s: string = server.readBuildId();
-server.getCompilationError('page', req, res).then(err => err.thisIsAnAny);
-server.handleBuildHash('filename', 'hash', res);
-server.send404(res);
+  const s: string = server.readBuildId();
+  server.getCompilationError('page', req, res).then(err => err.thisIsAnAny);
+  server.handleBuildHash('filename', 'hash', res);
+  server.send404(res);
+}
diff --git a/types/next/tslint.json b/types/next/tslint.json
index e4a2c8f088..98f9451050 100644
--- a/types/next/tslint.json
+++ b/types/next/tslint.json
@@ -4,15 +4,6 @@
         // All of the different "export default" lines in the index.d.ts
         // appear to be triggering this.  Remove this when I know of a way
         // to declare a default export across multiple package/subpackages.
-        "strict-export-declare-modifiers": false,
-
-        // This is a pretty generic one to have to ignore, but it's because
-        // of the following error:
-        // `JSX element type '<type>' does not have any construct or call signatures.`
-        // In all cases, the element's type is "React.ComponentType`, which is composed of either:
-        //   - React.StatelessComponent, which has a call signature, or
-        //   - React.ComponentClass, which as a construct signature.
-        // This seems like it might be a bug.
-        "expect": false
+        "strict-export-declare-modifiers": false
     }
 }

From 8e612fef33303836147575721d9fe32f6ba84c9e Mon Sep 17 00:00:00 2001
From: erikma <erikma1@hotmail.com>
Date: Wed, 5 Jul 2017 13:19:53 -0700
Subject: [PATCH 177/274] Add information for curveKeypair() function

---
 types/zeromq/index.d.ts | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/types/zeromq/index.d.ts b/types/zeromq/index.d.ts
index d77c48dbf7..8321edc697 100644
--- a/types/zeromq/index.d.ts
+++ b/types/zeromq/index.d.ts
@@ -199,9 +199,34 @@ export interface Socket {
     zap_domain: any;
 }
 
+/** The key material returned from a call to curveKeypair(). */
+export interface CurveKeyPair {
+    /**
+     * A Z85 string denoting the public portion of the Curve25519 key.
+     *
+     * @name CurveKeyPair#public
+     * @type string
+     */
+    public: string;
+
+    /**
+     * A Z85 string denoting the private, secret portion of the Curve25519 key.
+     *
+     * @name CurveKeyPair#secret
+     * @type string
+     */
+    secret: string;
+}
+
 export let version: string;
 export let types: SocketTypes;
 export let options: SocketOptions;
 
 export function socket(type: string|number, options?: any): Socket;
 export function createSocket(type: string, options?: any): Socket;
+
+/**
+ * Generates a CurveZMQ (Curve25519) key pair.
+ * @return {CurveKeyPair} The public and secret portions of the key..
+ */
+export function curveKeypair(): CurveKeyPair;

From 08e79d5306c84e3d84e401ab4aab8ff8122ae908 Mon Sep 17 00:00:00 2001
From: erikma <erikma1@hotmail.com>
Date: Wed, 5 Jul 2017 14:42:01 -0700
Subject: [PATCH 178/274] More jsdocs

---
 types/zeromq/index.d.ts | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/types/zeromq/index.d.ts b/types/zeromq/index.d.ts
index 8321edc697..1d33077d1d 100644
--- a/types/zeromq/index.d.ts
+++ b/types/zeromq/index.d.ts
@@ -218,15 +218,28 @@ export interface CurveKeyPair {
     secret: string;
 }
 
+/**
+ * Gets the ZeroMQ version.
+ */
 export let version: string;
+
 export let types: SocketTypes;
 export let options: SocketOptions;
 
+/**
+ * Creates a ZeroMQ socket of the specified type.
+ * @return {Socket} The created socket in an unconnected state.
+ */
 export function socket(type: string|number, options?: any): Socket;
+
+/**
+ * Creates a ZeroMQ socket of the specified type.
+ * @return {Socket} The created socket in an unconnected state.
+ */
 export function createSocket(type: string, options?: any): Socket;
 
 /**
  * Generates a CurveZMQ (Curve25519) key pair.
- * @return {CurveKeyPair} The public and secret portions of the key..
+ * @return {CurveKeyPair} The public and secret portions of the key.
  */
 export function curveKeypair(): CurveKeyPair;

From 8fc640cd506ea5729580fb6e72928aa9176168c0 Mon Sep 17 00:00:00 2001
From: Dasa Paddock <dpaddock@esri.com>
Date: Wed, 5 Jul 2017 15:38:41 -0700
Subject: [PATCH 179/274] Update for ArcGIS API for JavaScript version 3.21

---
 types/arcgis-js-api/v3/index.d.ts | 132 +++++++++++++++++++++++-------
 1 file changed, 103 insertions(+), 29 deletions(-)

diff --git a/types/arcgis-js-api/v3/index.d.ts b/types/arcgis-js-api/v3/index.d.ts
index 40875ddd48..0c30ae898d 100644
--- a/types/arcgis-js-api/v3/index.d.ts
+++ b/types/arcgis-js-api/v3/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ArcGIS API for JavaScript 3.20
+// Type definitions for ArcGIS API for JavaScript 3.21
 // Project: https://developers.arcgis.com/javascript/3/
 // Definitions by: Esri <https://github.com/Esri>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -18,6 +18,7 @@ declare module "esri" {
   import BasemapLayer = require("esri/dijit/BasemapLayer");
   import Symbol = require("esri/symbols/Symbol");
   import BookmarkItem = require("esri/dijit/BookmarkItem");
+  import TimeInfo = require("esri/layers/TimeInfo");
   import Color = require("esri/Color");
   import LocationProviderBase = require("esri/tasks/locationproviders/LocationProviderBase");
   import PictureMarkerSymbol = require("esri/symbols/PictureMarkerSymbol");
@@ -213,6 +214,8 @@ declare module "esri" {
     isReference?: boolean;
     /** Initial opacity or transparency of the basemap layer. */
     opacity?: number;
+    /** A url to a JSON file containing the stylesheet information to render the VectorTileLayer. */
+    styleUrl?: string;
     /** Specify subDomains where tiles are served to speed up tile retrieval (using subDomains gets around the browser limit of the max number of concurrent requests to a domain). */
     subDomains?: string[];
     /** The URL template used to retrieve the tiles. */
@@ -221,7 +224,7 @@ declare module "esri" {
     tileInfo?: TileInfo;
     /** Define additional tile server domains for the layer. */
     tileServer?: string[];
-    /** The type of layer, valid values are "BingMapsAerial", "BingMapsHybrid", "BingMapsRoad", "OpenStreetMap", or "WebTiledLayer". */
+    /** The type of layer. */
     type?: string;
     /** URL to the ArcGIS Server REST resource that represents a map or image service. */
     url?: string;
@@ -293,6 +296,8 @@ declare module "esri" {
     outFields?: string[];
     /** Refresh interval of the layer in minutes. */
     refreshInterval?: number;
+    /** Time information for the layer, such as start time field, end time field, track id field, layers time extent and the draw time interval. */
+    timeInfo?: TimeInfo;
     /** Visibility of the layer. */
     visible?: boolean;
   }
@@ -474,17 +479,17 @@ declare module "esri" {
     /** The selected color. */
     color: Color;
     /** The row size of the palette. */
-    colorsPerRow: number;
+    colorsPerRow?: number;
     /** The set of available color options. */
-    palette: Color[];
+    palette?: Color[];
     /** Array of recent colors to show in the recent colors row. */
-    recentColors: Color[];
+    recentColors?: Color[];
     /** Toggles color selection being required. */
-    required: boolean;
+    required?: boolean;
     /** Toggles the recent color row. */
-    showRecentColors: boolean;
+    showRecentColors?: boolean;
     /** Toggles the transparency slider. */
-    showTransparencySlider: boolean;
+    showTransparencySlider?: boolean;
   }
   export interface ConnectOriginsToDestinationsOptions {
     /** The URL to the GPServer used to execute an analysis job. */
@@ -879,6 +884,8 @@ declare module "esri" {
     showSelectFolder?: boolean;
   }
   export interface FeatureLayerOptions {
+    /** Indicates whether attribute features containing m-values can be edited. */
+    allowUpdateWithoutMValues?: boolean;
     /** Enable or disable the auto generalization of features from a non-editable layer in on-demand mode. */
     autoGeneralize?: boolean;
     /** Class attribute to set for the layer's node. */
@@ -1401,6 +1408,22 @@ declare module "esri" {
     force3DTransforms?: boolean;
     /** By default the map creates and uses an out-of-the-box esri/dijit/Popup. */
     infoWindow?: InfoWindowBase;
+    /** Indicates whether to enable double-click on a map to recenter and zoom in a level by using SHIFT + Click. */
+    isClickRecenter?: boolean;
+    /** Indicates whether double-clicking on map zooms in on extent. */
+    isDoubleClickZoom?: boolean;
+    /** Indicates whether to enable navigation of the map using a keyboard's arrow keys. */
+    isKeyboardNavigation?: boolean;
+    /** Indicates whether all map navigation is enabled. */
+    isMapNavigation?: boolean;
+    /** Indicates whether panning is enabled within the map. */
+    isPan?: boolean;
+    /** Indicates whether pinch zoom navigation is enabled on touch-enabled devices. */
+    isPinchZoom?: boolean;
+    /** Indicates whether to enable a mouse drag to zoom into to a specific region on the map. */
+    isRubberBandZoom?: boolean;
+    /** (Added at version 3.21). */
+    isScrollWheel?: boolean;
     /** If provided, the map is initialized with the specified levels of detail. */
     lods?: LOD[];
     /** Display the esri logo on the map. */
@@ -1547,8 +1570,6 @@ declare module "esri" {
     popupWindowFeatures?: string;
     /** The ArcGIS for Portal URL. */
     portalUrl?: string;
-    /** Indicates whether to display social logins such as Google/Facebook. */
-    showSocialLogins?: boolean;
   }
   export interface ObliqueViewerOptions {
     /** Azimuth angle value for which to display oblique images. */
@@ -1765,6 +1786,8 @@ declare module "esri" {
   export interface PrintOptions {
     /** Set to true if the print service is an asynchronous geoprocessing service. */
     async?: boolean;
+    /** Additional parameters for the print service. */
+    extraParameters?: any;
     /** The map to  print. */
     map?: Map;
     /** An optional array of user-defined templates. */
@@ -1891,8 +1914,6 @@ declare module "esri" {
     expanded?: boolean;
     /** This the specified graphicsLayer to use for the highlightGraphic and labelGraphic instead of map.graphics. */
     graphicsLayer?: Layer;
-    /** The symbol used for highlightGraphic. */
-    highlightSymbol?: Symbol;
     /** A customized infoTemplate for the selected feature. */
     infoTemplate?: InfoTemplate;
     /** The text symbol for the label graphic. */
@@ -2528,7 +2549,7 @@ declare module "esri/IdentityManagerBase" {
     findCredential(url: string, userId?: string): Credential;
     /**
      * Returns the OAuth configuration for the passed in Portal server URL.
-     * @param url The URL to the Portal.
+     * @param url The ArcGIS for Portal URL, for example "https://www.arcgis.com" for ArcGIS Online and "https://www.example.com/portal" for your in-house portal.
      */
     findOAuthInfo(url: string): OAuthInfo;
     /**
@@ -2553,7 +2574,7 @@ declare module "esri/IdentityManagerBase" {
      * Call this method (during your application initialization) with JSON previously obtained from toJson method to re-hydrate the state of identity manager.
      * @param json The JSON obtained from the toJson method.
      */
-    initialize(json: Object): any;
+    initialize(json: Object): void;
     /** Returns true if the identity manager is busy accepting user input, i.e., the user has invoked signIn and is waiting for a response. */
     isBusy(): boolean;
     /**
@@ -2576,7 +2597,7 @@ declare module "esri/IdentityManagerBase" {
     registerServers(serverInfos: ServerInfo[]): void;
     /**
      * Registers the given OAuth2 access token with the identity manager.
-     * @param properties See the object specifications table below for the structure of the  properties  object.
+     * @param properties See the object specifications table below for the structure of the properties object.
      */
     registerToken(properties: any): void;
     /**
@@ -2889,8 +2910,6 @@ declare module "esri/arcgis/OAuthInfo" {
     popupWindowFeatures: string;
     /** The ArcGIS for Portal URL. */
     portalUrl: string;
-    /** Indicates whether to display social logins like Google/Facebook. */
-    showSocialLogins: boolean;
     /**
      * Creates a new OAuthInfo given the specified parameters.
      * @param params Various options to configure the OAuthInfo object.
@@ -2947,6 +2966,8 @@ declare module "esri/arcgis/Portal" {
     defaultBasemap: any;
     /** The default extent for the map the portal displays in the map viewer. */
     defaultExtent: any;
+    /** The default vector basemap to use for the portal. */
+    defaultVectorBasemap: any;
     /** A description of the organization / portal. */
     description: string;
     /** The featured groups for the portal. */
@@ -2957,6 +2978,8 @@ declare module "esri/arcgis/Portal" {
     featuredItemsGroupQuery: string;
     /** The query that identifies the group containing features items for the gallery. */
     galleryTemplatesGroupQuery: string;
+    /** Helper services provided by the portal. */
+    helperServices: any;
     /** The group that contains featured content to be displayed on the home page. */
     homePageFeaturedContent: string;
     /** The number of featured items that can be displayed on the home page. */
@@ -2991,7 +3014,7 @@ declare module "esri/arcgis/Portal" {
     portalProperties: any;
     /** The URL to the thumbnail of the portal. */
     portalThumbnail: string;
-    /** URL to the portal. */
+    /** The REST URL for the portal, for example "https://www.arcgis.com/sharing/rest/" for ArcGIS Online and "https://www.example.com/arcgis/sharing/rest/" for your in-house portal. */
     portalUrl: string;
     /** The region for the organization. */
     region: string;
@@ -3013,7 +3036,7 @@ declare module "esri/arcgis/Portal" {
     thumbnailUrl: string;
     /** Sets the units of measure for the organization's users. */
     units: string;
-    /** The portal url. */
+    /** The ArcGIS for Portal URL, for example "https://www.arcgis.com" for ArcGIS Online and "https://www.example.com/arcgis" for your in-house portal. */
     url: string;
     /** The prefix selected by the organization's administrator to be used with the customBaseURL. */
     urlKey: string;
@@ -3021,9 +3044,13 @@ declare module "esri/arcgis/Portal" {
     user: PortalUser;
     /** If true, only simple where clauses that are complaint with SQL92 can be used when querying layers and tables. */
     useStandardizedQuery: boolean;
+    /** Whether an organization has opted in to use the vector tile basemaps. */
+    useVectorBasemaps: boolean;
+    /** The query that defines the vector tiles basemaps that should be displayed in the Basemap Gallery when useVectorBasemaps is true. */
+    vectorBasemapGalleryGroupQuery: string;
     /**
      * Creates a new Portal object.
-     * @param url URL to the ArcGIS.com site or in-house portal.
+     * @param url The ArcGIS for Portal URL, for example "https://www.arcgis.com" for ArcGIS Online and "https://www.example.com/arcgis" for your in-house portal.
      */
     constructor(url: string);
     /** Returns a PortalUser object that describes the user currently signed in to the portal. */
@@ -3111,6 +3138,11 @@ declare module "esri/arcgis/Portal" {
     url: string;
     /** Get the current members for the group. */
     getMembers(): any;
+    /**
+     * Get the URL to the thumbnail image for the portal group.
+     * @param width The desired image width.
+     */
+    getThumbnailUrl(width?: number): string;
     /**
      * Execute a query against the group to return a deferred that when resolved returns PortalQueryResult that contain a results array of PortalItem objects that match the input query.
      * @param queryParams The input query parameters.
@@ -3196,6 +3228,11 @@ declare module "esri/arcgis/Portal" {
     getComments(): any;
     /** Returns the rating (if any) given to the item. */
     getRating(): any;
+    /**
+     * Get the URL to the thumbnail image for the portal item.
+     * @param width The desired image width.
+     */
+    getThumbnailUrl(width?: number): string;
     /**
      * Updates an item comment.
      * @param comment A PortalComment that contains the comment updates.
@@ -3274,6 +3311,11 @@ declare module "esri/arcgis/Portal" {
     getNotifications(): any;
     /** Access the tag objects that have been created by the portal user. */
     getTags(): any;
+    /**
+     * Get the URL to the thumbnail image for the portal user.
+     * @param width The desired image width.
+     */
+    getThumbnailUrl(width?: number): string;
   }
 }
 
@@ -3440,7 +3482,7 @@ declare module "esri/dijit/BasemapGallery" {
   import esri = require("esri");
   import Basemap = require("esri/dijit/Basemap");
 
-  /** The BasemapGallery dijit displays a collection basemaps from ArcGIS.com or a user-defined set of map or image services. */
+  /** The BasemapGallery dijit displays a collection of basemaps from ArcGIS.com or a user-defined set of map or image services. */
   class BasemapGallery {
     /** List of basemaps displayed in the BasemapGallery. */
     basemaps: Basemap[];
@@ -3508,6 +3550,8 @@ declare module "esri/dijit/BasemapLayer" {
     fullExtent: Extent;
     /** The initial extent of the layer. */
     initialExtent: Extent;
+    /** A url to a JSON file containing the stylesheet information to render the VectorTileLayer. */
+    styleUrl: string;
     /** The subDomains where tiles are served to speed up tile retrieval (using subDomains gets around the browser limit of the max number of concurrent requests to a domain). */
     subDomains: string[];
     /** The tile info for the layer including lods, rows, cols, origin and spatial reference. */
@@ -5288,6 +5332,8 @@ declare module "esri/dijit/PopupTemplate" {
 
   /** The PopupTemplate class extends esri/InfoTemplate and provides support for defining a layout. */
   class PopupTemplate extends InfoTemplate {
+    /** An array of objects that reference Arcade expressions. */
+    expressionInfos: any[];
     /** The popup definition defined as a JavaScript object. */
     info: any;
     /**
@@ -5640,6 +5686,9 @@ declare module "esri/dijit/SymbolStyler" {
     startup(): void;
     /** Saves the recent fill and outline colors. */
     storeColors(): void;
+    /** Fired every time an edit is committed. */
+    on(type: "style-update", listener: (event: { target: SymbolStyler }) => void): esri.Handle;
+    on(type: string, listener: (event: any) => void): esri.Handle;
   }
   export = SymbolStyler;
 }
@@ -5865,7 +5914,7 @@ declare module "esri/dijit/analysis/AnalysisBase" {
     checkJobStatus(jobId: string): void;
     /**
      * Starts an analysis tool.
-     * @param params See the object specifications table below for the structure of the  params  object.
+     * @param params See the object specifications table below for the structure of the params object.
      */
     execute(params: string): void;
     /**
@@ -8633,6 +8682,8 @@ declare module "esri/graphic" {
     getShape(): any;
     /** Returns one or more dojox/gfx/shape.Shape used to draw the graphic. */
     getShapes(): any[];
+    /** In contrast to the getLayer method, getSouceLayer does not change when a graphic is added to another layer. */
+    getSourceLayer(): Layer;
     /** Returns the title string based on attributes and infoTemplate values. */
     getTitle(): string;
     /** Hides the graphic. */
@@ -9471,6 +9522,8 @@ declare module "esri/layers/FeatureLayer" {
     advancedQueryCapabilities: any;
     /** Returns true if the geometry of the features in the layer can be edited, false otherwise. */
     allowGeometryUpdates: boolean;
+    /** Indicates whether attribute features containing m-values can be edited. */
+    allowUpdateWithoutMValues: boolean;
     /** The URL, when available, where the layer's attribution data is stored. */
     attributionDataUrl: string;
     /** Information about the capabilities enabled for this layer. */
@@ -10279,6 +10332,8 @@ declare module "esri/layers/KMLLayer" {
     getFeature(featureInfo: any): any;
     /** Get an array of map layers that were created to draw placemarks, ground and screen overlays. */
     getLayers(): Layer[];
+    /** Refreshes the features in the KML Layer. */
+    refresh(): void;
     /**
      * Set the visibility for the specified folder.
      * @param folder A KML folder.
@@ -11034,6 +11089,8 @@ declare module "esri/layers/VectorTileLayer" {
     fullExtent: Extent;
     /** The initial extent of the layer. */
     initialExtent: Extent;
+    /** Name of the vector tile layer. */
+    name: string;
     /** The spatial reference of the layer. */
     spatialReference: SpatialReference;
     /** Contains information about the tiling scheme for the layer. */
@@ -11055,6 +11112,10 @@ declare module "esri/layers/VectorTileLayer" {
     setStyle(styleUrl: string | any): void;
     /** Fires when the style is changed on the layer. */
     on(type: "style-change", listener: (event: { style: any; target: VectorTileLayer }) => void): esri.Handle;
+    /** Fires when the layer has finished updating its content. */
+    on(type: "update-end", listener: (event: { target: VectorTileLayer }) => void): esri.Handle;
+    /** Fires when the layer begins to update its content. */
+    on(type: "update-start", listener: (event: { target: VectorTileLayer }) => void): esri.Handle;
     on(type: string, listener: (event: any) => void): esri.Handle;
   }
   export = VectorTileLayer;
@@ -11773,12 +11834,18 @@ declare module "esri/map" {
     isDoubleClickZoom: boolean;
     /** When true, keyboard navigation is enabled. */
     isKeyboardNavigation: boolean;
+    /** Indicates whether all map navigation is enabled. */
+    isMapNavigation: boolean;
     /** When true, map panning is enabled using the mouse. */
     isPan: boolean;
     /** When true, pan arrows are displayed around the edge of the map. */
     isPanArrows: boolean;
+    /** Indicates whether pinch zoom navigation is enabled on touch-enabled devices. */
+    isPinchZoom: boolean;
     /** When true, rubberband zoom is enabled. */
     isRubberBandZoom: boolean;
+    /** It indicates whether map navigation based on mouse scroll wheel is enabled. */
+    isScrollWheel: boolean;
     /** When true, the mouse scroll wheel zoom is enabled. */
     isScrollWheelZoom: boolean;
     /** When true, shift double click zoom is enabled. */
@@ -11853,8 +11920,11 @@ declare module "esri/map" {
     disableMapNavigation(): void;
     /** Disallows panning a map using the mouse. */
     disablePan(): void;
+    disablePinchZoom(): void;
     /** Disallows zooming in or out on a map using a bounding box. */
     disableRubberBandZoom(): void;
+    /** Disables navigation of the map based on mouse scroll wheel. */
+    disableScrollWheel(): void;
     /** Disallows zooming in or out on a map using the mouse scroll wheel. */
     disableScrollWheelZoom(): void;
     /** Disallows shift double clicking on a map to zoom in a level and center the map. */
@@ -11871,8 +11941,12 @@ declare module "esri/map" {
     enableMapNavigation(): void;
     /** Permits users to pan a map using the mouse. */
     enablePan(): void;
+    /** Enables the user to work with pinch zoom navigation for touch-enabled devices. */
+    enablePinchZoom(): void;
     /** Permits users to zoom in or out on a map using a bounding box. */
     enableRubberBandZoom(): void;
+    /** Enables the user to navigate the map based on mouse scroll wheel. */
+    enableScrollWheel(): void;
     /** Permits users to zoom in or out on a map using the mouse scroll wheel. */
     enableScrollWheelZoom(): void;
     /** Permits users to shift double click on a map to zoom in a level and center the map. */
@@ -12947,7 +13021,7 @@ declare module "esri/renderers/HeatmapRenderer" {
   import esri = require("esri");
   import Renderer = require("esri/renderers/Renderer");
 
-  /** The HeatmapRenderer renders point data into a raster visualization that emphasizes areas of higher density or weighted values. */
+  /** The HeatmapRenderer renders feature layer point data into a raster visualization that emphasizes areas of higher density or weighted values. */
   class HeatmapRenderer extends Renderer {
     /** The radius (in pixels) of the circle over which the majority of each points value is spread out over. */
     blurRadius: number;
@@ -13052,7 +13126,7 @@ declare module "esri/renderers/Renderer" {
      * Returns the visual variable of the specified type.
      * @param type The type of visual variable desired.
      */
-    getVisualVariablesForType(type: string): any;
+    getVisualVariablesForType(type: string): any[];
     /** Indicates if the renderer has defined visualVariables. */
     hasVisualVariables(): boolean;
     /**
@@ -14873,7 +14947,7 @@ declare module "esri/tasks/GeometryService" {
     distance(params: DistanceParameters, callback?: Function, errback?: Function): any;
     /**
      * Converts an array of well-known strings into xy-coordinates based on the conversion type and spatial reference supplied by the user.
-     * @param params See the object specifications table below for the structure of the  params  object.
+     * @param params See the object specifications table below for the structure of the params object.
      * @param callback The function to call when the method has completed.
      * @param errback An error object is returned if an error occurs during task execution.
      */
@@ -14945,7 +15019,7 @@ declare module "esri/tasks/GeometryService" {
     simplify(geometries: Geometry[], callback?: Function, errback?: Function): any;
     /**
      * Converts an array of xy-coordinates into well-known strings based on the conversion type and spatial reference supplied by the user.
-     * @param params See the object specifications table below for the structure of the  params  object.
+     * @param params See the object specifications table below for the structure of the params object.
      * @param callback The function to call when the method has completed.
      * @param errback An error object is returned if an error occurs during task execution.
      */
@@ -15890,7 +15964,7 @@ declare module "esri/tasks/RouteParameters" {
     startTimeIsUTC: boolean;
     /** The set of stops loaded as network locations during analysis. */
     stops: any;
-    /** If true , the TimeWindowStart and TimeWindowEnd attributes of a stop are in UTC time (milliseconds). */
+    /** If true, the TimeWindowStart and TimeWindowEnd attributes of a stop are in UTC time (milliseconds). */
     timeWindowsAreUTC: boolean;
     /** Travel modes define how a pedestrian, car, truck or other medium of transportation moves through the street network. */
     travelMode: any;
@@ -17172,7 +17246,7 @@ declare module "esri/tasks/locator" {
      */
     constructor(url: string);
     /**
-     * Find address candidates for the input addresses.
+     * Find address candidates for multiple input addresses.
      * @param params The input addresses in the format supported by the geocoding service.
      * @param callback The function to call when the method has completed.
      * @param errback The function to call if an error occurs on the server during task execution.
@@ -17180,7 +17254,7 @@ declare module "esri/tasks/locator" {
     addressesToLocations(params: any, callback: Function, errback: Function): any;
     /**
      * Sends a request to the ArcGIS REST geocode resource to find candidates for a single address specified in the address parameter.
-     * @param params Specify the address and optionally specify the outFields and searchExtent.
+     * @param params Specify at least the address and optionally other properties.
      * @param callback The function to call when the method has completed.
      * @param errback An error object is returned if an error occurs on the Server during task execution.
      */

From c05d6929c5b5830a069eec524e25ef44a32d7fc8 Mon Sep 17 00:00:00 2001
From: Dasa Paddock <dpaddock@esri.com>
Date: Wed, 5 Jul 2017 15:51:58 -0700
Subject: [PATCH 180/274] Update for ArcGIS API for JavaScript version 4.4

---
 types/arcgis-js-api/index.d.ts | 4892 ++++++++++++++++++++++----------
 1 file changed, 3334 insertions(+), 1558 deletions(-)

diff --git a/types/arcgis-js-api/index.d.ts b/types/arcgis-js-api/index.d.ts
index d46dea1b81..115d270add 100644
--- a/types/arcgis-js-api/index.d.ts
+++ b/types/arcgis-js-api/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for ArcGIS API for JavaScript 4.3
+// Type definitions for ArcGIS API for JavaScript 4.4
 // Project: http://js.arcgis.com
 // Definitions by: Esri <https://github.com/Esri>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -51,179 +51,1349 @@ declare namespace __esri {
     protected _set<T>(propertyName: string, value: T): this;
   }
 
-  export interface Text {
-    type: string;
-    text: string;
+  export interface PromisedWatchHandle extends IPromise<any> {
+    remove(): void;
+  }
+  export type ItemCallback = (item: any, index: number) => void;
+
+  export type ItemCompareCallback = (firstItem: any, secondItem: any) => number;
+
+  export type ItemMapCallback = (item: any, index: number) => any;
+
+  export type ItemReduceCallback = (previousValue: any, currentValue: any, index: number) => any;
+
+  export type ItemTestCallback = (item: any, index: number) => boolean;
+
+  export interface PortalItemFetchRelatedItemsParams {
+    relationshipType: string;
+    direction?: string;
   }
 
-  export interface Media {
-    type: string;
-    mediaInfos: any[];
+  export interface PortalItemUpdateParams {
+    data: string | any;
   }
 
-  export interface Fields {
-    type: string;
-    fieldInfos: any[];
+  export interface PortalUserAddItemParams {
+    item: PortalItem;
+    data?: string | any;
+    folder?: PortalFolder;
   }
 
-  export interface Attachments {
+  export interface PortalUserFetchItemsParams {
+    folder: PortalFolder;
+    num: number;
+    start: number;
+  }
+
+  export interface PortalFeaturedGroups {
+    owner: string;
+    title: string;
+  }
+
+  export interface GroundQueryElevationOptions {
+    returnSampleInfo?: boolean;
+    noDataValue?: number;
+  }
+
+  export interface PopupTemplateExpressionInfos {
+    name: string;
+    title?: string;
+    expression: string;
+    returnType?: string;
+  }
+
+  export interface PopupTemplateFieldInfos {
+    fieldName: string;
+    format?: PopupTemplateFieldInfosFormat;
+    isEditable?: boolean;
+    label?: string;
+    stringFieldOption?: string;
+    tooltip?: string;
+    visible?: boolean;
+  }
+
+  export interface PopupTemplateFieldInfosFormat {
+    dateFormat?: string;
+    digitSeparator?: boolean;
+    places?: number;
+  }
+
+  export interface FeatureLayerApplyEditsEdits {
+    addFeatures?: Graphic[];
+    updateFeatures?: Graphic[];
+    deleteFeatures?: Graphic[] | any[];
+  }
+
+  export interface FeatureLayerCapabilities {
+    data: FeatureLayerCapabilitiesData;
+    editing: FeatureLayerCapabilitiesEditing;
+    operations: FeatureLayerCapabilitiesOperations;
+    query: FeatureLayerCapabilitiesQuery;
+    queryRelated: FeatureLayerCapabilitiesQueryRelated;
+  }
+
+  export interface FeatureLayerCapabilitiesData {
+    supportsAttachment: boolean;
+    supportsM: boolean;
+    supportsZ: boolean;
+  }
+
+  export interface FeatureLayerCapabilitiesEditing {
+    supportsDeleteByAnonymous: boolean;
+    supportsDeleteByOthers: boolean;
+    supportsGeometryUpdate: boolean;
+    supportsGlobalId: boolean;
+    supportsRollbackOnFailure: boolean;
+    supportsUpdateByAnonymous: boolean;
+    supportsUpdateByOthers: boolean;
+    supportsUpdateWithoutM: boolean;
+    supportsUploadWithItemId: boolean;
+  }
+
+  export interface FeatureLayerCapabilitiesOperations {
+    supportsAdd: boolean;
+    supportsDelete: boolean;
+    supportsUpdate: boolean;
+    supportsEditing: boolean;
+    supportsCalculate: boolean;
+    supportsQuery: boolean;
+    supportsValidateSql: boolean;
+  }
+
+  export interface FeatureLayerCapabilitiesQuery {
+    supportsCentroid: boolean;
+    supportsDistance: boolean;
+    supportsDistinct: boolean;
+    supportsExtent: boolean;
+    supportsGeometryProperties: boolean;
+    supportsOrderBy: boolean;
+    supportsPagination: boolean;
+    supportsQuantization: boolean;
+    supportsResultType: boolean;
+    supportsSqlExpression: boolean;
+    supportsStandardizedQueriesOnly: boolean;
+    supportsStatistics: boolean;
+  }
+
+  export interface FeatureLayerCapabilitiesQueryRelated {
+    supportsCount: boolean;
+    supportsOrderBy: boolean;
+    supportsPagination: boolean;
+  }
+
+  export interface FeatureLayerElevationInfo {
+    mode: string;
+    offset?: number;
+  }
+
+  export interface FeatureLayerFeatureReduction {
     type: string;
   }
 
+  export interface FeatureLayerGetFieldDomainOptions {
+    feature: Graphic;
+  }
+
+  export interface FeatureLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type FeatureLayerLayerviewCreateEventHandler = (event: FeatureLayerLayerviewCreateEvent) => void;
+
+  export interface FeatureLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type FeatureLayerLayerviewDestroyEventHandler = (event: FeatureLayerLayerviewDestroyEvent) => void;
+
+  export interface GraphicsLayerElevationInfo {
+    mode: string;
+    offset?: number;
+  }
+
+  export interface GraphicsLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type GraphicsLayerLayerviewCreateEventHandler = (event: GraphicsLayerLayerviewCreateEvent) => void;
+
+  export interface GraphicsLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type GraphicsLayerLayerviewDestroyEventHandler = (event: GraphicsLayerLayerviewDestroyEvent) => void;
+
+  export interface LayerFromArcGISServerUrlParams {
+    url: string;
+    properties?: any;
+  }
+
+  export interface LayerFromPortalItemParams {
+    portalItem: PortalItem;
+  }
+
+  export interface FeatureTemplateThumbnail {
+    contentType: any;
+    imageData: string;
+    height: number;
+    width: number;
+  }
+
+  export interface LabelClassLabelExpressionInfo {
+    value?: string;
+  }
+
+  export interface LabelSymbol3DVerticalOffsetProperties {
+    screenLength?: number;
+    minWorldLength?: number;
+    maxWorldLength?: number;
+  }
+  export interface LabelSymbol3DVerticalOffset extends Accessor {
+    screenLength: number;
+    minWorldLength?: number;
+    maxWorldLength?: number;
+  }
+
+  export interface QueryQuantizationParameters {
+    extent?: Extent;
+    mode?: string;
+    originPosition?: string;
+    tolerance?: number;
+  }
+
+  export interface ViewPadding {
+    left?: number;
+    top?: number;
+    right?: number;
+    bottom?: number;
+  }
+
+  export interface WebMapSourceVersion {
+    major: number;
+    minor: number;
+  }
+
+  export interface WebSceneSaveAsOptions {
+    folder?: PortalFolder;
+    ignoreUnsupported?: boolean;
+  }
+
+  export interface WebSceneSaveOptions {
+    ignoreUnsupported?: boolean;
+  }
+
+  export interface WebSceneSourceVersion {
+    major: number;
+    minor: number;
+  }
+
+  export interface WebSceneUpdateFromOptions {
+    environmentExcluded?: boolean;
+    viewpointExcluded?: boolean;
+  }
+
+  export type EventHandler = (event: any) => void;
+
+  export interface SceneViewDragEventOrigin {
+    x: number;
+    y: number;
+  }
+
+  export interface SceneViewClickEvent {
+    mapPoint: Point;
+    x: number;
+    y: number;
+    button: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewClickEventHandler = (event: SceneViewClickEvent) => void;
+
+  export interface SceneViewDoubleClickEvent {
+    mapPoint: Point;
+    x: number;
+    y: number;
+    button: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewDoubleClickEventHandler = (event: SceneViewDoubleClickEvent) => void;
+
+  export interface SceneViewDragEvent {
+    action: string;
+    x: number;
+    y: number;
+    origin: SceneViewDragEventOrigin;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewDragEventHandler = (event: SceneViewDragEvent) => void;
+
+  export type EasingFunction = (t: number, duration: number) => number;
+
+  export interface SceneViewHoldEvent {
+    mapPoint: Point;
+    x: number;
+    y: number;
+    button: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewHoldEventHandler = (event: SceneViewHoldEvent) => void;
+
+  export interface SceneViewKeyDownEvent {
+    repeat: boolean;
+    key: string;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewKeyDownEventHandler = (event: SceneViewKeyDownEvent) => void;
+
+  export interface SceneViewKeyUpEvent {
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewKeyUpEventHandler = (event: SceneViewKeyUpEvent) => void;
+
+  export interface SceneViewLayerviewCreateEvent {
+    layer: Layer;
+    layerView: LayerView;
+  }
+
+  export type SceneViewLayerviewCreateEventHandler = (event: SceneViewLayerviewCreateEvent) => void;
+
+  export interface SceneViewLayerviewDestroyEvent {
+    layer: Layer;
+    layerView: LayerView;
+  }
+
+  export type SceneViewLayerviewDestroyEventHandler = (event: SceneViewLayerviewDestroyEvent) => void;
+
+  export interface SceneViewMouseWheelEvent {
+    x: number;
+    y: number;
+    deltaY: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewMouseWheelEventHandler = (event: SceneViewMouseWheelEvent) => void;
+
+  export interface SceneViewPointerDownEvent {
+    pointerId: number;
+    pointerType: string;
+    x: number;
+    y: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewPointerDownEventHandler = (event: SceneViewPointerDownEvent) => void;
+
+  export interface SceneViewPointerMoveEvent {
+    pointerId: number;
+    pointerType: string;
+    x: number;
+    y: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewPointerMoveEventHandler = (event: SceneViewPointerMoveEvent) => void;
+
+  export interface SceneViewPointerUpEvent {
+    pointerId: number;
+    pointerType: string;
+    x: number;
+    y: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type SceneViewPointerUpEventHandler = (event: SceneViewPointerUpEvent) => void;
+
+  export interface SceneViewResizeEvent {
+    oldWidth: number;
+    oldHeight: number;
+    width: number;
+    height: number;
+  }
+
+  export type SceneViewResizeEventHandler = (event: SceneViewResizeEvent) => void;
+
+  export interface SceneViewConstraintsProperties {
+    altitude?: SceneViewConstraintsAltitudeProperties;
+    clipDistance?: SceneViewConstraintsClipDistanceProperties;
+    collision?: SceneViewConstraintsCollision;
+    tilt?: SceneViewConstraintsTiltProperties;
+  }
+  export interface SceneViewConstraints extends Accessor {
+    altitude?: SceneViewConstraintsAltitude;
+    clipDistance?: SceneViewConstraintsClipDistance;
+    collision?: SceneViewConstraintsCollision;
+    tilt?: SceneViewConstraintsTilt;
+  }
+
+  export interface SceneViewConstraintsAltitudeProperties {
+    min?: number;
+    max?: number;
+  }
+  export interface SceneViewConstraintsAltitude extends Accessor {
+    min?: number;
+    max?: number;
+  }
+
+  export interface SceneViewConstraintsClipDistanceProperties {
+    near?: number;
+    far?: number;
+    mode?: string;
+  }
+  export interface SceneViewConstraintsClipDistance extends Accessor {
+    near?: number;
+    far?: number;
+    mode?: string;
+  }
+
+  export interface SceneViewConstraintsCollision {
+    enabled?: boolean;
+  }
+
+  export interface SceneViewConstraintsTiltProperties {
+    max?: number;
+    mode?: string;
+  }
+  export interface SceneViewConstraintsTilt extends Accessor {
+    max?: number;
+    mode?: string;
+  }
+
+  export interface SceneViewEnvironmentProperties {
+    lighting?: SceneViewEnvironmentLightingProperties;
+    atmosphereEnabled?: boolean;
+    atmosphere?: SceneViewEnvironmentAtmosphereProperties;
+    starsEnabled?: boolean;
+  }
+  export interface SceneViewEnvironment extends Accessor {
+    lighting?: SceneViewEnvironmentLighting;
+    atmosphereEnabled?: boolean;
+    atmosphere?: SceneViewEnvironmentAtmosphere;
+    starsEnabled?: boolean;
+  }
+
+  export interface SceneViewEnvironmentAtmosphereProperties {
+    quality?: string;
+  }
+  export interface SceneViewEnvironmentAtmosphere extends Accessor {
+    quality?: string;
+  }
+
+  export interface SceneViewEnvironmentLightingProperties {
+    date?: Date;
+    directShadowsEnabled?: boolean;
+    ambientOcclusionEnabled?: boolean;
+    cameraTrackingEnabled?: boolean;
+  }
+  export interface SceneViewEnvironmentLighting extends Accessor {
+    date?: Date;
+    directShadowsEnabled?: boolean;
+    ambientOcclusionEnabled?: boolean;
+    cameraTrackingEnabled?: boolean;
+  }
+
+  export interface SceneViewGoToOptions {
+    animate?: boolean;
+    speedFactor?: number;
+    duration?: number;
+    maxDuration?: number;
+    easing?: string | EasingFunction;
+  }
+
+  export interface SceneViewHighlightOptions {
+    color?: Color;
+    haloOpacity?: number;
+    fillOpacity?: number;
+  }
+
+  export interface SceneViewHitTestScreenPoint {
+    x: number;
+    y: number;
+  }
+
+  export interface SceneViewToMapScreenPoint {
+    x: number;
+    y: number;
+  }
+
   export interface WatchHandle {
     remove(): void;
   }
 
-  export interface EachAlwaysResult {
-    promise: IPromise<any>;
-    value: any;
-    error: any;
+  export type WatchCallback = (newValue: any, oldValue: any, propertyName: string, target: Accessor) => void;
+
+  export interface IdentityManagerBaseGenerateTokenOptions {
+    serverUrl: string;
+    token: string;
+    ssl: boolean;
   }
 
-  export interface PausableWatchHandle {
-    remove(): void;
-    pause(): void;
-    resume(): void;
+  export interface IdentityManagerBaseGetCredentialOptions {
+    error?: Error;
+    oAuthPopupConfirmation?: boolean;
+    retry?: boolean;
+    token?: string;
   }
 
-  export interface FeatureEditResult {
-    objectId: number;
-    error: any;
+  export interface IdentityManagerBaseOAuthSignInOptions {
+    error: Error;
+    oAuthPopupConfirmation: boolean;
+    token: string;
   }
 
+  export interface IdentityManagerBaseRegisterTokenProperties {
+    expires?: number;
+    server: string;
+    ssl?: boolean;
+    token: string;
+    userId?: string;
+  }
+
+  export interface IdentityManagerBaseSetProtocolErrorHandlerHandlerFunction {
+    resourceUrl: string;
+    serverInfo: ServerInfo;
+  }
+
+  export interface IdentityManagerBaseSetRedirectionHandlerHandlerFunction {
+    resourceUrl: string;
+    returnUrlParamName: string;
+    serverInfo: ServerInfo;
+    signInPage: string;
+  }
+
+  export interface IdentityManagerBaseSignInOptions {
+    error: Error;
+  }
+
+  export interface IdentityManagerCredentialCreateEvent {
+    credential: Credential;
+  }
+
+  export type IdentityManagerCredentialCreateEventHandler = (event: IdentityManagerCredentialCreateEvent) => void;
+
+  export interface IdentityManagerCredentialsDestroyEvent {
+  }
+
+  export type IdentityManagerCredentialsDestroyEventHandler = (event: IdentityManagerCredentialsDestroyEvent) => void;
+
+  export type HandlerCallback = (authorizeParams: any, authorizeUrl: string, oAuthInfo: OAuthInfo, resourceUrl: string, serverInfo: ServerInfo) => void;
+
+  export interface BaseElevationLayerFetchTileOptions {
+    noDataValue?: number;
+  }
+
+  export interface BaseElevationLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type BaseElevationLayerLayerviewCreateEventHandler = (event: BaseElevationLayerLayerviewCreateEvent) => void;
+
+  export interface BaseElevationLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type BaseElevationLayerLayerviewDestroyEventHandler = (event: BaseElevationLayerLayerviewDestroyEvent) => void;
+
+  export interface CSVLayerElevationInfo {
+    mode: string;
+    offset?: number;
+  }
+
+  export interface CSVLayerFeatureReduction {
+    type: string;
+  }
+
+  export interface CSVLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type CSVLayerLayerviewCreateEventHandler = (event: CSVLayerLayerviewCreateEvent) => void;
+
+  export interface CSVLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type CSVLayerLayerviewDestroyEventHandler = (event: CSVLayerLayerviewDestroyEvent) => void;
+
+  export interface ElevationLayerQueryElevationOptions {
+    demResolution?: number | string;
+    returnSampleInfo?: boolean;
+    noDataValue?: number;
+  }
+
+  export interface ElevationLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type ElevationLayerLayerviewCreateEventHandler = (event: ElevationLayerLayerviewCreateEvent) => void;
+
+  export interface ElevationLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type ElevationLayerLayerviewDestroyEventHandler = (event: ElevationLayerLayerviewDestroyEvent) => void;
+
+  export interface GeoRSSLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type GeoRSSLayerLayerviewCreateEventHandler = (event: GeoRSSLayerLayerviewCreateEvent) => void;
+
+  export interface GeoRSSLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type GeoRSSLayerLayerviewDestroyEventHandler = (event: GeoRSSLayerLayerviewDestroyEvent) => void;
+
+  export interface GroupLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type GroupLayerLayerviewCreateEventHandler = (event: GroupLayerLayerviewCreateEvent) => void;
+
+  export interface GroupLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type GroupLayerLayerviewDestroyEventHandler = (event: GroupLayerLayerviewDestroyEvent) => void;
+
+  export interface ImageryLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type ImageryLayerLayerviewCreateEventHandler = (event: ImageryLayerLayerviewCreateEvent) => void;
+
+  export interface ImageryLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type ImageryLayerLayerviewDestroyEventHandler = (event: ImageryLayerLayerviewDestroyEvent) => void;
+
+  export interface IntegratedMeshLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type IntegratedMeshLayerLayerviewCreateEventHandler = (event: IntegratedMeshLayerLayerviewCreateEvent) => void;
+
+  export interface IntegratedMeshLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type IntegratedMeshLayerLayerviewDestroyEventHandler = (event: IntegratedMeshLayerLayerviewDestroyEvent) => void;
+
+  export interface MapImageLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type MapImageLayerLayerviewCreateEventHandler = (event: MapImageLayerLayerviewCreateEvent) => void;
+
+  export interface MapImageLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type MapImageLayerLayerviewDestroyEventHandler = (event: MapImageLayerLayerviewDestroyEvent) => void;
+
+  export interface MapNotesLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type MapNotesLayerLayerviewCreateEventHandler = (event: MapNotesLayerLayerviewCreateEvent) => void;
+
+  export interface MapNotesLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type MapNotesLayerLayerviewDestroyEventHandler = (event: MapNotesLayerLayerviewDestroyEvent) => void;
+
+  export interface OpenStreetMapLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type OpenStreetMapLayerLayerviewCreateEventHandler = (event: OpenStreetMapLayerLayerviewCreateEvent) => void;
+
+  export interface OpenStreetMapLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type OpenStreetMapLayerLayerviewDestroyEventHandler = (event: OpenStreetMapLayerLayerviewDestroyEvent) => void;
+
+  export interface PointCloudLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type PointCloudLayerLayerviewCreateEventHandler = (event: PointCloudLayerLayerviewCreateEvent) => void;
+
+  export interface PointCloudLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type PointCloudLayerLayerviewDestroyEventHandler = (event: PointCloudLayerLayerviewDestroyEvent) => void;
+
+  export interface PointCloudLayerElevationInfo {
+    mode: string;
+    offset?: number;
+  }
+
+  export interface PointCloudRendererColorModulation {
+    field: string;
+    minValue: number;
+    maxValue: number;
+  }
+
+  export interface PointCloudRendererPointSizeAlgorithm {
+    type?: string;
+    useRealWorldSymbolSizes?: boolean;
+    size?: number;
+    scaleFactor?: number;
+    minSize?: number;
+  }
+
+  export interface SceneLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type SceneLayerLayerviewCreateEventHandler = (event: SceneLayerLayerviewCreateEvent) => void;
+
+  export interface SceneLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type SceneLayerLayerviewDestroyEventHandler = (event: SceneLayerLayerviewDestroyEvent) => void;
+
+  export interface SceneLayerElevationInfo {
+    mode: string;
+    offset?: number;
+  }
+
+  export interface SceneLayerFeatureReduction {
+    type: string;
+  }
+
+  export interface StreamLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type StreamLayerLayerviewCreateEventHandler = (event: StreamLayerLayerviewCreateEvent) => void;
+
+  export interface StreamLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type StreamLayerLayerviewDestroyEventHandler = (event: StreamLayerLayerviewDestroyEvent) => void;
+
+  export interface StreamLayerFilter {
+    geometry?: Extent;
+    where?: string;
+  }
+
+  export interface StreamLayerPurgeOptions {
+    displayCount: number;
+    age: number;
+  }
+
+  export interface StreamLayerUpdateFilterFilterChanges {
+    geometry: Extent;
+    where: string;
+  }
+
+  export interface TileLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type TileLayerLayerviewCreateEventHandler = (event: TileLayerLayerviewCreateEvent) => void;
+
+  export interface TileLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type TileLayerLayerviewDestroyEventHandler = (event: TileLayerLayerviewDestroyEvent) => void;
+
+  export interface TileLayerFetchTileOptions {
+    allowImageDataAccess?: boolean;
+  }
+
+  export interface UnknownLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type UnknownLayerLayerviewCreateEventHandler = (event: UnknownLayerLayerviewCreateEvent) => void;
+
+  export interface UnknownLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type UnknownLayerLayerviewDestroyEventHandler = (event: UnknownLayerLayerviewDestroyEvent) => void;
+
+  export interface UnsupportedLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type UnsupportedLayerLayerviewCreateEventHandler = (event: UnsupportedLayerLayerviewCreateEvent) => void;
+
+  export interface UnsupportedLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type UnsupportedLayerLayerviewDestroyEventHandler = (event: UnsupportedLayerLayerviewDestroyEvent) => void;
+
+  export interface VectorTileLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type VectorTileLayerLayerviewCreateEventHandler = (event: VectorTileLayerLayerviewCreateEvent) => void;
+
+  export interface VectorTileLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type VectorTileLayerLayerviewDestroyEventHandler = (event: VectorTileLayerLayerviewDestroyEvent) => void;
+
+  export interface VectorTileLayerCurrentStyleInfo {
+    serviceUrl: string;
+    styleUrl: string;
+    spriteUrl: string;
+    glyphsUrl: string;
+    style: any;
+    layerDefinition: any;
+  }
+
+  export interface WebTileLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type WebTileLayerLayerviewCreateEventHandler = (event: WebTileLayerLayerviewCreateEvent) => void;
+
+  export interface WebTileLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type WebTileLayerLayerviewDestroyEventHandler = (event: WebTileLayerLayerviewDestroyEvent) => void;
+
+  export interface WMSLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type WMSLayerLayerviewCreateEventHandler = (event: WMSLayerLayerviewCreateEvent) => void;
+
+  export interface WMSLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type WMSLayerLayerviewDestroyEventHandler = (event: WMSLayerLayerviewDestroyEvent) => void;
+
+  export interface WMSLayerFetchImageOptions {
+    allowImageDataAccess?: boolean;
+    pixelRatio?: number;
+    rotation?: number;
+  }
+
+  export interface WMTSLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type WMTSLayerLayerviewCreateEventHandler = (event: WMTSLayerLayerviewCreateEvent) => void;
+
+  export interface WMTSLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type WMTSLayerLayerviewDestroyEventHandler = (event: WMTSLayerLayerviewDestroyEvent) => void;
+
+  export interface BaseDynamicLayerFetchImageOptions {
+    allowImageDataAccess?: boolean;
+  }
+
+  export interface BaseDynamicLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type BaseDynamicLayerLayerviewCreateEventHandler = (event: BaseDynamicLayerLayerviewCreateEvent) => void;
+
+  export interface BaseDynamicLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type BaseDynamicLayerLayerviewDestroyEventHandler = (event: BaseDynamicLayerLayerviewDestroyEvent) => void;
+
+  export interface BaseTileLayerFetchTileOptions {
+    allowImageDataAccess?: boolean;
+  }
+
+  export interface BaseTileLayerLayerviewCreateEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type BaseTileLayerLayerviewCreateEventHandler = (event: BaseTileLayerLayerviewCreateEvent) => void;
+
+  export interface BaseTileLayerLayerviewDestroyEvent {
+    view: View;
+    layerView: LayerView;
+  }
+
+  export type BaseTileLayerLayerviewDestroyEventHandler = (event: BaseTileLayerLayerviewDestroyEvent) => void;
+
+  export interface CodedValueDomainCodedValues {
+    name: string;
+    code: string | number;
+  }
+
+  export interface PixelBlockAddDataPlaneData {
+    pixels: number[][];
+    statistics: any[];
+  }
+
+  export interface PixelBlockStatistics {
+    maxValue?: number;
+    minValue?: number;
+    noDataValue?: number;
+  }
+
+  export interface ClassBreaksRendererClassBreakInfos {
+    minValue: number;
+    maxValue: number;
+    symbol: Symbol;
+    label?: string;
+  }
+
+  export interface ClassBreaksRendererLegendOptions {
+    title: string;
+  }
+
+  export interface UniqueValueRendererLegendOptions {
+    title?: string;
+  }
+
+  export interface UniqueValueRendererUniqueValueInfos {
+    value: string | number;
+    symbol: Symbol;
+    label?: string;
+  }
+
+  export interface PointCloudClassBreaksRendererColorClassBreakInfos {
+    minValue: number;
+    maxValue: number;
+    color: Color;
+    label?: string;
+  }
+
+  export interface PointCloudStretchRendererStops {
+    value: number;
+    label?: string;
+    color: Color;
+  }
+
+  export interface PointCloudUniqueValueRendererColorUniqueValueInfos {
+    values: number[];
+    color: Color;
+    label?: string;
+  }
+
+  export interface FillSymbol3DLayerOutline {
+    color: Color;
+    size: number;
+  }
+
+  export interface IconSymbol3DLayerOutline {
+    color?: Color;
+    size?: number;
+  }
+
+  export interface IconSymbol3DLayerResource {
+    primitive?: string;
+    href?: string;
+  }
+
+  export interface ObjectSymbol3DLayerResource {
+    primitive?: string;
+    href?: string;
+  }
+
+  export interface PointSymbol3DVerticalOffsetProperties {
+    screenLength?: number;
+    minWorldLength?: number;
+    maxWorldLength?: number;
+  }
+  export interface PointSymbol3DVerticalOffset extends Accessor {
+    screenLength: number;
+    minWorldLength?: number;
+    maxWorldLength?: number;
+  }
+
+  export interface Symbol3DStyleOrigin {
+    styleName?: string;
+    styleUrl?: string;
+    name: string;
+  }
+
+  export interface TextSymbol3DLayerFont {
+    family?: string;
+    weight?: string;
+    style?: string;
+  }
+
+  export interface TextSymbol3DLayerHalo {
+    color?: Color;
+    size?: number;
+  }
+
+  export interface LineCallout3DBorderProperties {
+    color?: Color;
+  }
+  export interface LineCallout3DBorder extends Accessor {
+    color?: Color;
+  }
+
+  export interface ClosestFacilityParametersAttributeParameterValues {
+    attributeName: string;
+    parameterName: string;
+    value: string;
+  }
+
+  export interface GeometryServiceFromGeoCoordinateStringParams {
+    strings: string[];
+    sr: SpatialReference | string;
+    conversionType: string;
+    conversionMode?: string;
+  }
+
+  export interface GeometryServiceToGeoCoordinateStringParams {
+    sr: SpatialReference | string;
+    coordinates: number[][];
+    conversionType: string;
+    conversionMode?: string;
+    numOfDigits?: number;
+    rounding?: boolean;
+    addSpaces?: boolean;
+  }
+
+  export interface ProjectParametersTransformation {
+    wkid?: number;
+    wkt?: string;
+  }
+
+  export interface LocatorAddressToLocationsParams {
+    address: any;
+    categories: string[];
+    countryCode: string;
+    distance: number;
+    forStorage: boolean;
+    location: Point;
+    magicKey: string;
+    maxLocations: number;
+    outFields: string[];
+    searchExtent: Extent;
+  }
+
+  export interface LocatorAddressesToLocationsParams {
+    addresses: any[];
+    countryCode: string;
+    categories: string[];
+  }
+
+  export interface LocatorSuggestLocationsParams {
+    categories: string[];
+    distance: number;
+    location: Point;
+    text: string;
+  }
+
+  export interface PrintTemplateExportOptions {
+    width?: number;
+    height?: number;
+    dpi?: number;
+  }
+
+  export interface PrintTemplateLayoutOptions {
+    titleText: string;
+    authorText: string;
+    copyrightText: string;
+    scalebarUnit: string;
+    legendLayers: LegendLayer[];
+    customTextElements: any[];
+  }
+
+  export interface MapViewDragEventOrigin {
+    x: number;
+    y: number;
+  }
+
+  export interface MapViewClickEvent {
+    mapPoint: Point;
+    x: number;
+    y: number;
+    button: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewClickEventHandler = (event: MapViewClickEvent) => void;
+
+  export interface MapViewDoubleClickEvent {
+    mapPoint: Point;
+    x: number;
+    y: number;
+    button: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewDoubleClickEventHandler = (event: MapViewDoubleClickEvent) => void;
+
+  export interface MapViewDragEvent {
+    action: string;
+    x: number;
+    y: number;
+    origin: MapViewDragEventOrigin;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewDragEventHandler = (event: MapViewDragEvent) => void;
+
+  export interface MapViewHoldEvent {
+    mapPoint: Point;
+    x: number;
+    y: number;
+    button: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewHoldEventHandler = (event: MapViewHoldEvent) => void;
+
+  export interface MapViewKeyDownEvent {
+    repeat: boolean;
+    key: string;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewKeyDownEventHandler = (event: MapViewKeyDownEvent) => void;
+
+  export interface MapViewKeyUpEvent {
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewKeyUpEventHandler = (event: MapViewKeyUpEvent) => void;
+
+  export interface MapViewLayerviewCreateEvent {
+    layer: Layer;
+    layerView: LayerView;
+  }
+
+  export type MapViewLayerviewCreateEventHandler = (event: MapViewLayerviewCreateEvent) => void;
+
+  export interface MapViewLayerviewDestroyEvent {
+    layer: Layer;
+    layerView: LayerView;
+  }
+
+  export type MapViewLayerviewDestroyEventHandler = (event: MapViewLayerviewDestroyEvent) => void;
+
+  export interface MapViewConstraints {
+    lods?: LOD[];
+    minScale?: number;
+    maxScale?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    snapToZoom?: boolean;
+    rotationEnabled?: boolean;
+    effectiveLODs?: LOD[];
+    effectiveMinZoom?: number;
+    effectiveMaxZoom?: number;
+    effectiveMinScale?: number;
+    effectiveMaxScale?: number;
+  }
+
+  export interface MapViewGoToOptions {
+    animate?: boolean;
+    duration?: number;
+    easing?: string | Function;
+  }
+
+  export interface MapViewHitTestScreenPoint {
+    x: number;
+    y: number;
+  }
+
+  export interface MapViewToMapScreenPoint {
+    x: number;
+    y: number;
+  }
+
+  export interface MapViewMouseWheelEvent {
+    x: number;
+    y: number;
+    deltaY: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewMouseWheelEventHandler = (event: MapViewMouseWheelEvent) => void;
+
+  export interface MapViewPointerDownEvent {
+    pointerId: number;
+    pointerType: string;
+    x: number;
+    y: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewPointerDownEventHandler = (event: MapViewPointerDownEvent) => void;
+
+  export interface MapViewPointerMoveEvent {
+    pointerId: number;
+    pointerType: string;
+    x: number;
+    y: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewPointerMoveEventHandler = (event: MapViewPointerMoveEvent) => void;
+
+  export interface MapViewPointerUpEvent {
+    pointerId: number;
+    pointerType: string;
+    x: number;
+    y: number;
+    type: string;
+    stopPropagation: Function;
+    timestamp: number;
+    native: any;
+  }
+
+  export type MapViewPointerUpEventHandler = (event: MapViewPointerUpEvent) => void;
+
+  export interface MapViewResizeEvent {
+    oldWidth: number;
+    oldHeight: number;
+    width: number;
+    height: number;
+  }
+
+  export type MapViewResizeEventHandler = (event: MapViewResizeEvent) => void;
+
   export interface AttributeParamValue {
     attributeName: string;
     parameterName: string;
     value: string;
   }
 
-  export interface DataWorkspace {
-    id: string;
-    name: string;
+  export interface ConfigurationTaskGetDataWorkspaceDetailsParams {
+    dataWorkspaceId: string;
+    user: string;
   }
 
-  export interface GroupMembership {
-    id: number;
-    name: string;
+  export interface ConfigurationTaskGetUserJobQueryDetailsParams {
+    queryId: number;
+    user: string;
   }
 
-  export interface HoldType {
-    description: string;
-    id: number;
-    name: string;
-  }
-
-  export interface JobPriority {
-    description: string;
-    name: string;
-    value: number;
-  }
-
-  export interface JobQuery {
-    id: number;
-    name: string;
-  }
-
-  export interface JobStatus {
-    caption: string;
-    description: string;
-    id: number;
-    name: string;
-  }
-
-  export interface JobQueryContainer {
-    containers: JobQueryContainer[];
-    id: number;
-    name: string;
-    queries: JobQuery[];
-  }
-
-  export interface JobQueryDetails {
-    aliases: string[];
-    fields: string[];
-    id: number;
-    name: string;
-    orderBy: string;
-    tables: string[];
-    where: string;
-  }
-
-  export interface Privilege {
-    description: string;
-    id: number;
-    name: string;
-  }
-
-  export interface UserDetails {
-    lastName: string;
-    address: string;
-    faxNumber: string;
-    firstName: string;
-    fullName: string;
-    groups: GroupMembership[];
-    email: string;
-    phoneNumber: string;
-    privileges: Privilege[];
-    roomNumber: string;
-    userName: string;
-    userQueries: JobQueryContainer[];
-    zipCode: string;
-  }
-
-  export interface VersionInfo {
-    access: string;
-    name: string;
-    parent: string;
-  }
-
-  export interface WorkflowManagerServiceInfo {
-    jobPriorities: JobPriority[];
-    activityTypes: ActivityType[];
-    currentVersion: number;
-    dataWorkspaces: DataWorkspace[];
-    holdTypes: HoldType[];
-    configProperties: any;
-    jobStatuses: JobStatus[];
-    jobTypes: JobType[];
-    notificationTypes: NotificationType[];
-    privileges: Privilege[];
-    publicQueries: JobQueryContainer[];
-  }
-
-  export interface JobType {
-    category: string;
-    description: string;
-    id: string;
-    name: string;
-    state: string;
-  }
-
-  export interface JobTypeDetails {
-    defaultParentVersionName: string;
-    autoExecuteCreatedJobs: boolean;
-    category: string;
-    defaultAssignedTo: string;
-    defaultAssignedType: string;
-    defaultDataWorkspaceId: string;
-    defaultDescription: string;
-    defaultDueDate: string;
-    defaultJobDuration: number;
-    canDataWorkspaceChange: boolean;
-    defaultPriority: string;
-    defaultStartDate: Date;
-    description: string;
-    id: string;
-    jobNamingScheme: string;
-    jobVersionNamingScheme: string;
-    mxdNamingScheme: string;
-    name: string;
-    state: string;
-  }
-
-  export interface TableRelationship {
-    cardinality: string;
-    linkField: string;
-    tableAlias: string;
+  export interface AuxRecordDescription {
+    properties: any;
+    recordId: number;
     tableName: string;
   }
 
@@ -256,803 +1426,6 @@ declare namespace __esri {
     user: string;
   }
 
-  export interface JobUpdateParameters {
-    ownedBy: string;
-    assignedTo: string;
-    dataWorkspaceId: string;
-    description: string;
-    dueDate: Date;
-    loi: Geometry;
-    jobId: number;
-    name: string;
-    assignedType: string;
-    parentJobId: number;
-    parentVersion: string;
-    percent: number;
-    priority: number;
-    startDate: Date;
-    status: number;
-    versionName: string;
-    user: string;
-  }
-
-  export interface AuxRecordDescription {
-    properties: any;
-    recordId: number;
-    tableName: string;
-  }
-
-  export interface ActivityType {
-    desription: string;
-    id: number;
-    message: string;
-    name: string;
-  }
-
-  export interface AuxRecordContainer {
-    records: AuxRecord;
-    relationshipType: string;
-    tableAlias: string;
-    tableName: string;
-  }
-
-  export interface JobTaskJobInfo {
-    name: string;
-    assignedTo: string;
-    childJobIds: number[];
-    createdBy: string;
-    createdDate: Date;
-    dataWorkspaceId: string;
-    description: string;
-    dueDate: Date;
-    endDate: Date;
-    id: number;
-    jobTypeId: number;
-    loi: Geometry;
-    assignedType: string;
-    ownedBy: string;
-    parentJobId: number;
-    parentVersion: string;
-    pendingDays: number;
-    percentageComplete: number;
-    priority: number;
-    stage: string;
-    startDate: Date;
-    status: number;
-    versionExists: boolean;
-    versionInfo: JobVersionInfo;
-    versionName: string;
-  }
-
-  export interface QueryResult {
-    fields: QueryFieldInfo[];
-    rows: string[];
-  }
-
-  export interface AuxRecord {
-    displayProperty: any;
-    id: number;
-    recordvalues: AuxRecordValue;
-  }
-
-  export interface AuxRecordValue {
-    filter: string;
-    alias: string;
-    data: any;
-    dataType: string;
-    displayOrder: number;
-    displayType: string;
-    domain: string;
-    canUpdate: boolean;
-    length: number;
-    name: string;
-    required: boolean;
-    tableListClass: string;
-    tableListDisplayField: string;
-    tableListStoreField: string;
-    userVisible: boolean;
-  }
-
-  export interface FieldValue {
-    description: string;
-    value: any;
-  }
-
-  export interface JobVersionInfo {
-    dataWorkspaceId: string;
-    name: string;
-    parent: string;
-    created: boolean;
-    owner: string;
-  }
-
-  export interface QueryFieldInfo {
-    alias: string;
-    length: string;
-    name: string;
-    type: string;
-  }
-
-  export interface JobAttachment {
-    filename: string;
-    folder: string;
-    id: number;
-    storageType: string;
-  }
-
-  export interface JobDependency {
-    depJobId: number;
-    depOnType: string;
-    depOnValue: string;
-    heldOnValue: number;
-    holdOnType: string;
-    id: number;
-    jobID: string;
-  }
-
-  export interface ChangeRule {
-    description: string;
-    evaluators: any[];
-    id: number;
-    name: string;
-    notifier: any;
-    summarize: boolean;
-  }
-
-  export interface DataSetEvaluator {
-    dataSetConfigurations: DatasetConfiguration[];
-    name: string;
-    type: string;
-  }
-
-  export interface AOIEvaluator {
-    aoi: Polygon;
-    inverse: boolean;
-    name: string;
-    relation: string;
-    type: string;
-    useJobAOI: boolean;
-  }
-
-  export interface DatasetConfiguration {
-    changeCondition: number;
-    changeFields: string;
-    dataset: string;
-    dataWorkspaceId: string;
-    name: string;
-    whereConditions: WhereCondition[];
-  }
-
-  export interface EmailNotifier {
-    attachJobAttachments: boolean;
-    message: string;
-    name: string;
-    senderEmail: string;
-    senderName: string;
-    subject: string;
-    subscribers: string[];
-    type: string;
-  }
-
-  export interface WhereCondition {
-    compareValue: any;
-    field: string;
-    operator: string;
-  }
-
-  export interface NotificationType {
-    attachJobAttachments: boolean;
-    id: number;
-    message: string;
-    senderEmail: string;
-    senderName: string;
-    subject: string;
-    subscribers: string[];
-    type: string;
-  }
-
-  export interface ChangeRuleMatch {
-    changeTime: Date;
-    changeType: string;
-    dataset: string;
-    dataWorkspaceId: string;
-    id: string;
-    jobID: string;
-    ruleID: string;
-  }
-
-  export interface ReportDataGroup {
-    aggregateLabel: string;
-    aggregateValue: string;
-    row: string[];
-    value: string;
-  }
-
-  export interface ReportData {
-    columns: string[];
-    description: string;
-    groups: ReportDataGroup[];
-    title: string;
-  }
-
-  export interface Report {
-    description: string;
-    hierarchy: string;
-    id: number;
-    name: string;
-    title: string;
-  }
-
-  export interface ExecuteInfo {
-    conflicts: WorkflowConflicts;
-    errorCode: number;
-    errorDescription: string;
-    executionResult: string;
-    hasConflicts: boolean;
-    hasReturnCode: boolean;
-    jobID: number;
-    returnCode: number;
-    stepID: number;
-    threwError: boolean;
-  }
-
-  export interface Step {
-    hasBeenExecuted: boolean;
-    assignedTo: string;
-    async: boolean;
-    autoRun: boolean;
-    canSkip: boolean;
-    canSpawnConcurrency: boolean;
-    commonId: number;
-    defaultPercentComplete: number;
-    assignedType: string;
-    hasBeenStarted: boolean;
-    id: number;
-    name: string;
-    selfCheck: boolean;
-    statusId: number;
-    stepPercentComplete: number;
-    notificationType: string;
-    stepType: StepType;
-  }
-
-  export interface StepType {
-    program: string;
-    arguments: string;
-    executionType: string;
-    id: number;
-    name: string;
-    description: string;
-    stepDescriptionLink: string;
-    stepDescriptionType: string;
-    stepIndicatorType: string;
-    supportedPlatform: string;
-    visible: boolean;
-  }
-
-  export interface WorkflowDisplayDetails {
-    annotations: WorkflowAnnotationDisplayDetails[];
-    paths: WorkflowPathDisplayDetails[];
-    steps: WorkflowStepDisplayDetails[];
-  }
-
-  export interface WorkflowOption {
-    returnCode: number;
-    steps: WorkflowStepInfo[];
-  }
-
-  export interface WorkflowStepInfo {
-    id: number;
-    name: string;
-  }
-
-  export interface WorkflowAnnotationDisplayDetails {
-    centerX: number;
-    centerY: number;
-    fillColor: any;
-    height: number;
-    label: string;
-    labelColor: any;
-    OutlineColor: any;
-    width: number;
-  }
-
-  export interface WorkflowConflicts {
-    jobID: number;
-    options: WorkflowOption[];
-    spawnsConcurrency: boolean;
-    stepId: number;
-  }
-
-  export interface WorkflowPathDisplayDetails {
-    destStepId: number;
-    sourceStepID: number;
-    label: string;
-    labelColor: any;
-    labelX: number;
-    labelY: number;
-    lineColor: any;
-    pathObject: any;
-  }
-
-  export interface WorkflowStepDisplayDetails {
-    labelColor: any;
-    centerX: number;
-    fillColor: any;
-    height: number;
-    label: string;
-    centerY: number;
-    OutlineColor: any;
-    shape: string;
-    stepId: number;
-    stepType: string;
-    width: number;
-  }
-
-  export interface ExternalRenderer {
-    setup(): void;
-    render(): void;
-  }
-
-  export interface RenderContext {
-    gl: any;
-    camera: any;
-    sunLight: any;
-
-    resetWebGLState(): void;
-    bindRenderTarget(): void;
-  }
-
-  export interface RenderCamera {
-    viewMatrix: any;
-    viewInverseTransposeMatrix: any;
-    projectionMatrix: any;
-    eye: any;
-    center: any;
-    up: any;
-    near: number;
-    far: number;
-    fovX: number;
-    fovY: number;
-  }
-
-  export interface SunLight {
-    direction: any;
-    diffuse: any;
-    ambient: any;
-  }
-
-  export interface ColorAndIntensity {
-    color: any;
-    intensity: number;
-  }
-
-  export interface LocatorSource {
-    categories: string[];
-    countryCode: string;
-    localSearchOptions: any;
-    locationToAddressDistance: number;
-    searchTemplate: string;
-    locator: Locator;
-    singleLineFieldName: string;
-  }
-
-  export interface FeatureLayerSource {
-    displayField: string;
-    exactMatch: boolean;
-    featureLayer: FeatureLayer;
-    searchFields: string[];
-    searchQueryParams: any;
-    suggestQueryParams: any;
-    suggestionTemplate: string;
-  }
-
-  export type GetHeader = (headerName: string) => string;
-
-  export type WatchCallback = (newValue: any, oldValue: any, propertyName: string, target: Accessor) => void;
-
-  export type ItemCallback = (item: any, index: number) => void;
-
-  export type ItemTestCallback = (item: any, index: number) => boolean;
-
-  export type ItemMapCallback = (item: any, index: number) => any;
-
-  export type ItemReduceCallback = (previousValue: any, currentValue: any, index: number) => any;
-
-  export type ItemCompareCallback = (firstItem: any, secondItem: any) => number;
-
-  export type EventAttachedCallback = (target: any, propName: string, obj: Accessor, eventName: string) => void;
-
-  export type HandlerCallback = (authorizeParams: any, authorizeUrl: string, oAuthInfo: OAuthInfo, resourceUrl: string, serverInfo: ServerInfo) => void;
-
-  export type EasingFunction = (t: number, duration: number) => number;
-
-  export type EventHandler = (event: any) => void;
-
-  export interface PromisedWatchHandle extends IPromise<any> {
-    remove(): void;
-  }
-
-  export interface GroundQueryElevationOptions {
-    returnSampleInfo?: boolean;
-    noDataValue?: number;
-  }
-
-  export interface PopupTemplateFieldInfos {
-    fieldName: string;
-    format: PopupTemplateFieldInfosFormat;
-    isEditable: boolean;
-    label: string;
-    stringFieldOption: string;
-    tooltip: string;
-    visible: boolean;
-  }
-
-  export interface PopupTemplateFieldInfosFormat {
-    dateFormat: string;
-    digitSeparator: boolean;
-    places: number;
-  }
-
-  export interface WebMapSourceVersion {
-    major: number;
-    minor: number;
-  }
-
-  export interface WebSceneSaveAsOptions {
-    folder?: PortalFolder;
-    ignoreUnsupported?: boolean;
-  }
-
-  export interface WebSceneSaveOptions {
-    ignoreUnsupported?: boolean;
-  }
-
-  export interface WebSceneSourceVersion {
-    major: number;
-    minor: number;
-  }
-
-  export interface WebSceneUpdateFromOptions {
-    environmentExcluded?: boolean;
-    viewpointExcluded?: boolean;
-  }
-
-  export interface IdentityManagerBaseGenerateTokenOptions {
-    serverUrl: string;
-    token: string;
-    ssl: boolean;
-  }
-
-  export interface IdentityManagerBaseGetCredentialOptions {
-    error: Error;
-    oAuthPopupConfirmation: boolean;
-    retry: boolean;
-    token: string;
-  }
-
-  export interface IdentityManagerBaseOAuthSignInOptions {
-    error: Error;
-    oAuthPopupConfirmation: boolean;
-    token: string;
-  }
-
-  export interface IdentityManagerBaseRegisterTokenProperties {
-    expires: number;
-    server: string;
-    ssl: boolean;
-    token: string;
-    useId: string;
-  }
-
-  export interface IdentityManagerBaseSetProtocolErrorHandlerHandlerFunction {
-    resourceUrl: string;
-    serverInfo: ServerInfo;
-  }
-
-  export interface IdentityManagerBaseSetRedirectionHandlerHandlerFunction {
-    resourceUrl: string;
-    returnUrlParamName: string;
-    serverInfo: ServerInfo;
-    signInPage: string;
-  }
-
-  export interface IdentityManagerBaseSignInOptions {
-    error: Error;
-  }
-
-  export interface ElevationLayerQueryElevationOptions {
-    demResolution?: number | string;
-    returnSampleInfo?: boolean;
-    noDataValue?: number;
-  }
-
-  export interface CSVLayerElevationInfo {
-    mode: string;
-    offset?: number;
-  }
-
-  export interface FeatureLayerApplyEditsEdits {
-    addFeatures?: Graphic[];
-    updateFeatures?: Graphic[];
-    deleteFeatures?: Graphic[] | any[];
-  }
-
-  export interface FeatureLayerCapabilities {
-    operations: FeatureLayerCapabilitiesOperations;
-  }
-
-  export interface FeatureLayerCapabilitiesOperations {
-    supportsAdd: boolean;
-    supportsDelete: boolean;
-    supportsUpdate: boolean;
-    supportsEditing: boolean;
-    supportsQuery: boolean;
-  }
-
-  export interface FeatureLayerElevationInfo {
-    mode: string;
-    offset?: number;
-  }
-
-  export interface FeatureLayerGetFieldDomainOptions {
-    feature: Graphic;
-  }
-
-  export interface GraphicsLayerElevationInfo {
-    mode: string;
-    offset?: number;
-  }
-
-  export interface LayerFromArcGISServerUrlParams {
-    url: string;
-    properties?: any;
-  }
-
-  export interface LayerFromPortalItemParams {
-    portalItem: PortalItem;
-  }
-
-  export interface SceneLayerElevationInfo {
-    mode: string;
-    offset?: number;
-  }
-
-  export interface StreamLayerFilter {
-    geometry: Extent;
-    where: string;
-  }
-
-  export interface StreamLayerPurgeOptions {
-    displayCount: number;
-    age: number;
-  }
-
-  export interface StreamLayerUpdateFilterFilterChanges {
-    geometry: Extent;
-    where: string;
-  }
-
-  export interface VectorTileLayerCurrentStyleInfo {
-    serviceUrl: string;
-    styleUrl: string;
-    spriteUrl: string;
-    glyphsUrl: string;
-    style: any;
-    layerDefinition: any;
-  }
-
-  export interface CodedValueDomainCodedValues {
-    name: string;
-    code: string | number;
-  }
-
-  export interface LabelClassLabelExpressionInfo {
-    value: string;
-  }
-
-  export interface PixelBlockAddDataPlaneData {
-    pixels: number[][];
-    statistics: any[];
-  }
-
-  export interface PixelBlockStatistics {
-    maxValue: number;
-    minValue: number;
-    noDataValue: number;
-  }
-
-  export interface PortalFeaturedGroups {
-    owner: string;
-    title: string;
-  }
-
-  export interface PortalItemFetchRelatedItemsParams {
-    relationshipType: string;
-    direction?: string;
-  }
-
-  export interface PortalItemUpdateParams {
-    data: string | any;
-  }
-
-  export interface PortalUserAddItemParams {
-    item: PortalItem;
-    data?: string | any;
-    folder?: PortalFolder;
-  }
-
-  export interface PortalUserFetchItemsParams {
-    folder: PortalFolder;
-    num: number;
-    start: number;
-  }
-
-  export interface ClassBreaksRendererClassBreakInfos {
-    minValue: number;
-    maxValue: number;
-    symbol: Symbol;
-    label: string;
-  }
-
-  export interface ClassBreaksRendererLegendOptions {
-    title: string;
-  }
-
-  export interface UniqueValueRendererLegendOptions {
-    title: string;
-  }
-
-  export interface UniqueValueRendererUniqueValueInfos {
-    value: string;
-    symbol: Symbol;
-    label: string;
-  }
-
-  export interface PointCloudRendererPointSizeAlgorithm {
-    type: string;
-    useRealWorldSymbolSizes: boolean;
-    size: number;
-    scaleFactor: number;
-    minSize: number;
-  }
-
-  export interface PointCloudClassBreaksRendererColorClassBreakInfos {
-    minValue: number;
-    maxValue: number;
-    color: Color;
-    label: string;
-  }
-
-  export interface PointCloudStretchRendererStops {
-    value: number;
-    label: string;
-    color: Color;
-  }
-
-  export interface PointCloudUniqueValueRendererColorUniqueValueInfos {
-    values: number[];
-    color: Color;
-    label: string;
-  }
-
-  export interface FillSymbol3DLayerOutline {
-    color: Color | string;
-    size: number | string;
-  }
-
-  export interface IconSymbol3DLayerOutline {
-    color: Color | string;
-    size: number | string;
-  }
-
-  export interface IconSymbol3DLayerResource {
-    primitive?: string;
-    href?: string;
-  }
-
-  export interface ObjectSymbol3DLayerResource {
-    primitive?: string;
-    href?: string;
-  }
-
-  export interface Symbol3DStyleOrigin {
-    styleName?: string;
-    styleUrl?: string;
-    name: string;
-  }
-
-  export interface TextSymbol3DLayerFont {
-    family: string;
-    weight: string;
-    style: string;
-  }
-
-  export interface GeometryServiceFromGeoCoordinateStringParams {
-    strings: string[];
-    sr: SpatialReference | string;
-    conversionType: string;
-    conversionMode?: string;
-  }
-
-  export interface GeometryServiceToGeoCoordinateStringParams {
-    sr: SpatialReference | string;
-    coordinates: number[][];
-    conversionType: string;
-    conversionMode?: string;
-    numOfDigits?: number;
-    rounding?: boolean;
-    addSpaces?: boolean;
-  }
-
-  export interface LocatorAddressToLocationsParams {
-    address: any;
-    categories: string[];
-    countryCode: string;
-    distance: number;
-    forStorage: boolean;
-    location: Point;
-    magicKey: string;
-    maxLocations: number;
-    outFields: string[];
-    searchExtent: Extent;
-  }
-
-  export interface LocatorAddressesToLocationsParams {
-    addresses: any[];
-    countryCode: string;
-    categories: string[];
-  }
-
-  export interface LocatorSuggestLocationsParams {
-    categories: string[];
-    distance: number;
-    location: Point;
-    text: string;
-  }
-
-  export interface ClosestFacilityParametersAttributeParameterValues {
-    attributeName: string;
-    parameterName: string;
-    value: string;
-  }
-
-  export interface PrintTemplateExportOptions {
-    width: number;
-    height: number;
-    dpi: number;
-  }
-
-  export interface PrintTemplateLayoutOptions {
-    titleText: string;
-    authorText: string;
-    copyrightText: string;
-    scalebarUnit: string;
-    legendLayers: LegendLayer[];
-    customTextElements: any[];
-  }
-
-  export interface ProjectParametersTransformation {
-    wkid: number;
-  }
-
-  export interface QueryQuantizationParameters {
-    extent: Extent;
-    mode: string;
-    originPosition: string;
-    tolerance: number;
-  }
-
-  export interface ConfigurationTaskGetDataWorkspaceDetailsParams {
-    dataWorkspaceId: string;
-    user: string;
-  }
-
-  export interface ConfigurationTaskGetUserJobQueryDetailsParams {
-    queryId: number;
-    user: string;
-  }
-
   export interface JobTaskAddEmbeddedAttachmentParams {
     jobId: number;
     form: any;
@@ -1200,6 +1573,35 @@ declare namespace __esri {
     user: string;
   }
 
+  export interface JobUpdateParameters {
+    ownedBy: string;
+    assignedTo: string;
+    dataWorkspaceId: string;
+    description: string;
+    dueDate: Date;
+    loi: Geometry;
+    jobId: number;
+    name: string;
+    assignedType: string;
+    parentJobId: number;
+    parentVersion: string;
+    percent: number;
+    priority: number;
+    startDate: Date;
+    status: number;
+    versionName: string;
+    user: string;
+  }
+
+  export interface ChangeRule {
+    description: string;
+    evaluators: any[];
+    id: number;
+    name: string;
+    notifier: any;
+    summarize: boolean;
+  }
+
   export interface NotificationTaskAddChangeRuleParams {
     rule: ChangeRule;
     user: string;
@@ -1331,136 +1733,26 @@ declare namespace __esri {
     user: string;
   }
 
-  export interface MapViewConstraints {
-    lods?: LOD[];
-    minScale?: number;
-    maxScale?: number;
-    minZoom?: number;
-    maxZoom?: number;
-    snapToZoom?: boolean;
-    rotationEnabled?: boolean;
-    effectiveLODs?: LOD[];
-    effectiveMinZoom?: number;
-    effectiveMaxZoom?: number;
-    effectiveMinScale?: number;
-    effectiveMaxScale?: number;
-  }
-
-  export interface MapViewGoToOptions {
-    animate?: boolean;
-    duration?: number;
-    easing?: string | Function;
-  }
-
-  export interface MapViewHitTestScreenPoint {
-    x: number;
-    y: number;
-  }
-
-  export interface SceneViewConstraintsProperties {
-    altitude?: SceneViewConstraintsAltitudeProperties;
-    clipDistance?: SceneViewConstraintsClipDistanceProperties;
-    collision?: SceneViewConstraintsCollision;
-    tilt?: SceneViewConstraintsTiltProperties;
-  }
-  export interface SceneViewConstraints extends Accessor {
-    altitude: SceneViewConstraintsAltitude;
-    clipDistance: SceneViewConstraintsClipDistance;
-    collision: SceneViewConstraintsCollision;
-    tilt: SceneViewConstraintsTilt;
-  }
-
-  export interface SceneViewConstraintsAltitudeProperties {
-    min?: number;
-    max?: number;
-  }
-  export interface SceneViewConstraintsAltitude extends Accessor {
-    min: number;
-    max: number;
-  }
-
-  export interface SceneViewConstraintsClipDistanceProperties {
-    near?: number;
-    far?: number;
-    mode?: string;
-  }
-  export interface SceneViewConstraintsClipDistance extends Accessor {
-    near: number;
-    far: number;
-    mode: string;
-  }
-
-  export interface SceneViewConstraintsCollision {
-    enabled: boolean;
-  }
-
-  export interface SceneViewConstraintsTiltProperties {
-    max?: number;
-    mode?: string;
-  }
-  export interface SceneViewConstraintsTilt extends Accessor {
-    max: number;
-    mode: string;
-  }
-
-  export interface SceneViewEnvironmentProperties {
-    lighting?: SceneViewEnvironmentLightingProperties;
-    atmosphereEnabled?: boolean;
-    atmosphere?: SceneViewEnvironmentAtmosphereProperties;
-    starsEnabled?: boolean;
-  }
-  export interface SceneViewEnvironment extends Accessor {
-    lighting: SceneViewEnvironmentLighting;
-    atmosphereEnabled: boolean;
-    atmosphere: SceneViewEnvironmentAtmosphere;
-    starsEnabled: boolean;
-  }
-
-  export interface SceneViewEnvironmentAtmosphereProperties {
-    quality?: string;
-  }
-  export interface SceneViewEnvironmentAtmosphere extends Accessor {
-    quality: string;
-  }
-
-  export interface SceneViewEnvironmentLightingProperties {
-    date?: Date;
-    directShadowsEnabled?: boolean;
-    ambientOcclusionEnabled?: boolean;
-    cameraTrackingEnabled?: boolean;
-  }
-  export interface SceneViewEnvironmentLighting extends Accessor {
-    date: Date;
-    directShadowsEnabled: boolean;
-    ambientOcclusionEnabled: boolean;
-    cameraTrackingEnabled: boolean;
-  }
-
-  export interface SceneViewGoToOptions {
-    animate?: boolean;
-    speedFactor?: number;
-    duration?: number;
-    maxDuration?: number;
-    easing?: string | EasingFunction;
-  }
-
-  export interface SceneViewHitTestScreenPoint {
-    x: number;
-    y: number;
-  }
-
-  export interface ViewPadding {
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-  }
-
   export interface ImageryLayerViewPixelData {
-    extent: Extent;
+    extent?: Extent;
     pixelBlock: PixelBlock;
   }
 
+  export interface StreamLayerViewDataReceivedEvent {
+  }
+
+  export type StreamLayerViewDataReceivedEventHandler = (event: StreamLayerViewDataReceivedEvent) => void;
+
+  export interface StreamLayerViewFilter {
+    geometry?: Extent;
+    where?: string;
+  }
+
+  export interface StreamLayerViewUpdateFilterFilter {
+    geometry?: Extent;
+    where?: string;
+  }
+
   export interface SlideApplyToOptions {
     animate: boolean;
     speedFactor?: number;
@@ -1484,21 +1776,21 @@ declare namespace __esri {
     text?: string;
   }
   export interface SlideDescription extends Accessor {
-    text: string;
+    text?: string;
   }
 
   export interface SlideThumbnailProperties {
     url?: string;
   }
   export interface SlideThumbnail extends Accessor {
-    url: string;
+    url?: string;
   }
 
   export interface SlideTitleProperties {
     text?: string;
   }
   export interface SlideTitle extends Accessor {
-    text: string;
+    text?: string;
   }
 
   export interface SlideUpdateFromOptions {
@@ -1523,14 +1815,14 @@ declare namespace __esri {
   }
 
   export interface LegendLayerInfos {
-    title: string;
+    title?: string;
     layer: Layer;
   }
 
   export interface PopupDockOptions {
-    breakpoint: any | boolean;
-    buttonEnabled: boolean;
-    position: string | Function;
+    breakpoint?: any | boolean;
+    buttonEnabled?: boolean;
+    position?: string | Function;
   }
 
   export interface PopupOpenOptions {
@@ -1542,52 +1834,99 @@ declare namespace __esri {
     updateLocationEnabled?: boolean;
   }
 
-  export interface SearchSources extends Collection {
-    autoNavigate: boolean;
-    resultGraphicEnabled: boolean;
-    resultSymbol: Symbol;
-    popupEnabled: boolean;
-    suggestionsEnabled: boolean;
-    popup: Popup;
-    maxResults: number;
-    maxSuggestions: number;
-    minSuggestCharacters: number;
-    name: string;
-    outFields: string[];
-    placeholder: string;
-    prefix: string;
-    searchExtent: Extent[];
-    popupOpenOnSelect: boolean;
-    suffix: string;
-    withinViewEnabled: boolean;
-    zoomScale: number;
+  export interface SearchViewModelSearchCompleteEventResults {
+    results: SearchViewModelSearchCompleteEventResultsResults[];
+    sourceIndex: number;
+    source: any[];
   }
 
-  export interface SearchViewModelSources {
-    autoNavigate: boolean;
-    resultGraphicEnabled: boolean;
-    resultSymbol: Symbol;
-    popupEnabled: boolean;
-    suggestionsEnabled: boolean;
-    popup: Popup;
-    maxResults: number;
-    maxSuggestions: number;
-    minSuggestCharacters: number;
+  export interface SearchViewModelSearchCompleteEventResultsResults {
+    extent: Extent;
+    feature: Graphic;
     name: string;
-    outFields: string[];
-    placeholder: string;
-    prefix: string;
-    searchExtent: Extent[];
-    popupOpenOnSelect: boolean;
-    suffix: string;
-    withinViewEnabled: boolean;
-    zoomScale: number;
+  }
+
+  export interface SearchViewModelSelectResultEventResult {
+    extent: Extent;
+    feature: Graphic;
+    name: string;
+  }
+
+  export interface SearchViewModelSuggestCompleteEventResults {
+    results: SearchViewModelSuggestCompleteEventResultsResults[];
+    sourceIndex: number;
+    source: any;
+  }
+
+  export interface SearchViewModelSuggestCompleteEventResultsResults {
+    extent: Extent;
+    feature: Graphic;
+    name: string;
+    isCollection: boolean;
+    magicKey: string;
+    text: string;
+  }
+
+  export interface SearchViewModelLoadEvent {
+  }
+
+  export type SearchViewModelLoadEventHandler = (event: SearchViewModelLoadEvent) => void;
+
+  export interface SearchViewModelSearchClearEvent {
+  }
+
+  export type SearchViewModelSearchClearEventHandler = (event: SearchViewModelSearchClearEvent) => void;
+
+  export interface SearchViewModelSearchCompleteEvent {
+    activeSourceIndex: number;
+    errors: Error[];
+    numResults: number;
+    searchTerm: string;
+    results: SearchViewModelSearchCompleteEventResults[];
+  }
+
+  export type SearchViewModelSearchCompleteEventHandler = (event: SearchViewModelSearchCompleteEvent) => void;
+
+  export interface SearchViewModelSearchStartEvent {
+  }
+
+  export type SearchViewModelSearchStartEventHandler = (event: SearchViewModelSearchStartEvent) => void;
+
+  export interface SearchViewModelSelectResultEvent {
+    result: SearchViewModelSelectResultEventResult;
+    source: any;
+    sourceIndex: number;
+  }
+
+  export type SearchViewModelSelectResultEventHandler = (event: SearchViewModelSelectResultEvent) => void;
+
+  export interface SearchViewModelSuggestCompleteEvent {
+    activeSourceIndex: number;
+    errors: Error[];
+    numResults: number;
+    searchTerm: string;
+    results: SearchViewModelSuggestCompleteEventResults[];
+  }
+
+  export type SearchViewModelSuggestCompleteEventHandler = (event: SearchViewModelSuggestCompleteEvent) => void;
+
+  export interface SearchViewModelSuggestStartEvent {
+  }
+
+  export type SearchViewModelSuggestStartEventHandler = (event: SearchViewModelSuggestStartEvent) => void;
+
+  export interface DynamicLayerFetchImageOptions {
+    allowImageDataAccess?: boolean;
+    rotation?: number;
+    pixelRatio?: number;
+  }
+
+  export interface DynamicLayerGetImageUrlOptions {
+    pixelRatio?: number;
+    rotation?: number;
   }
 
   export interface ArcGISDynamicMapServiceGetExportImageParametersOptions {
-    extent: Extent;
-    width: number;
-    height: number;
     rotation?: number;
   }
 
@@ -1605,37 +1944,37 @@ declare namespace __esri {
   }
 
   export interface configRequest {
-    corsDetection: boolean;
-    corsDetectionTimeout: number;
-    corsEnabledServers: Array<string | configRequestCorsEnabledServers>;
-    forceProxy: boolean;
-    httpsDomains: string[];
-    maxUrlLength: number;
-    proxyUrl: string;
-    timeout: number;
-    useCors: string | boolean;
-    proxyRules: configRequestProxyRules[];
+    corsDetection?: boolean;
+    corsDetectionTimeout?: number;
+    corsEnabledServers?: Array<string | configRequestCorsEnabledServers>;
+    forceProxy?: boolean;
+    httpsDomains?: string[];
+    maxUrlLength?: number;
+    proxyUrl?: string;
+    timeout?: number;
+    useCors?: string | boolean;
+    proxyRules?: configRequestProxyRules[];
   }
 
   export interface configRequestCorsEnabledServers {
-    host: string;
-    withCredentials: boolean;
+    host?: string;
+    withCredentials?: boolean;
   }
 
   export interface configRequestProxyRules {
-    proxyUrl: string;
-    urlPrefix: string;
+    proxyUrl?: string;
+    urlPrefix?: string;
   }
 
   export interface configWorkers {
-    loaderConfig: configWorkersLoaderConfig;
+    loaderConfig?: configWorkersLoaderConfig;
   }
 
   export interface configWorkersLoaderConfig {
-    has: any;
-    paths: any;
-    map: any;
-    packages: any[];
+    has?: any;
+    paths?: any;
+    map?: any;
+    packages?: any[];
   }
 
   export interface requestEsriRequestOptions {
@@ -1645,16 +1984,31 @@ declare namespace __esri {
     headers?: any;
     timeout?: number;
     method?: string;
+    body?: any | any | string;
     useProxy?: boolean;
     cacheBust?: boolean;
     allowImageDataAccess?: boolean;
   }
 
+  export interface EachAlwaysResult {
+    promise: IPromise<any>;
+    value: any;
+    error: any;
+  }
+
   export interface urlUtilsAddProxyRuleRule {
     proxyUrl: string;
     urlPrefix: string;
   }
 
+  export type EventAttachedCallback = (target: any, propName: string, obj: Accessor, eventName: string) => void;
+
+  export interface PausableWatchHandle {
+    remove(): void;
+    pause(): void;
+    resume(): void;
+  }
+
   export interface decoratorsPropertyPropertyMetadata {
     dependsOn?: string[];
     type?: Function;
@@ -1678,6 +2032,7 @@ declare namespace __esri {
     defaultSymbolEnabled?: boolean;
     view?: SceneView;
     symbolType?: string;
+    colorMixMode?: string;
   }
 
   export interface colorCreateContinuousRendererParamsLegendOptions {
@@ -1709,6 +2064,7 @@ declare namespace __esri {
     locationScheme?: any | any | any;
     view?: SceneView;
     symbolType?: string;
+    colorMixMode?: string;
   }
 
   export interface sizeCreateContinuousRendererParams {
@@ -1749,6 +2105,25 @@ declare namespace __esri {
     title: string;
   }
 
+  export interface typeCreateRendererParams {
+    layer: FeatureLayer | SceneLayer;
+    field: string;
+    basemap?: string | Basemap;
+    numTypes?: number;
+    sortBy?: string;
+    typeScheme?: any | any | any;
+    legendOptions?: typeCreateRendererParamsLegendOptions;
+    defaultSymbolEnabled?: boolean;
+    view?: SceneView;
+    symbolType?: string;
+    statistics?: any;
+    colorMixMode?: string;
+  }
+
+  export interface typeCreateRendererParamsLegendOptions {
+    title: string;
+  }
+
   export interface univariateColorSizeCreateContinuousRendererParams {
     layer: FeatureLayer | SceneLayer;
     basemap?: string | Basemap;
@@ -1848,6 +2223,13 @@ declare namespace __esri {
     maxValue?: number;
   }
 
+  export interface uniqueValuesUniqueValuesParams {
+    layer: FeatureLayer | SceneLayer;
+    field: string;
+    features?: Graphic[];
+    returnAllCodedValues?: boolean;
+  }
+
   export interface colorGetSchemesParams {
     basemap: string | Basemap;
     geometryType: string;
@@ -1870,6 +2252,238 @@ declare namespace __esri {
     worldScale?: boolean;
   }
 
+  export interface typeGetSchemesParams {
+    basemap: string | Basemap;
+    geometryType: string;
+    worldScale?: boolean;
+    view?: SceneView;
+  }
+
+  export interface JobQuery {
+    id: number;
+    name: string;
+  }
+
+  export interface GroupMembership {
+    id: number;
+    name: string;
+  }
+
+  export interface JobQueryContainer {
+    containers: JobQueryContainer[];
+    id: number;
+    name: string;
+    queries: JobQuery[];
+  }
+
+  export interface Privilege {
+    description: string;
+    id: number;
+    name: string;
+  }
+
+  export interface DataWorkspace {
+    id: string;
+    name: string;
+  }
+
+  export interface HoldType {
+    description: string;
+    id: number;
+    name: string;
+  }
+
+  export interface JobPriority {
+    description: string;
+    name: string;
+    value: number;
+  }
+
+  export interface JobStatus {
+    caption: string;
+    description: string;
+    id: number;
+    name: string;
+  }
+
+  export interface JobType {
+    category: string;
+    description: string;
+    id: string;
+    name: string;
+    state: string;
+  }
+
+  export interface ActivityType {
+    desription: string;
+    id: number;
+    message: string;
+    name: string;
+  }
+
+  export interface NotificationType {
+    attachJobAttachments: boolean;
+    id: number;
+    message: string;
+    senderEmail: string;
+    senderName: string;
+    subject: string;
+    subscribers: string[];
+    type: string;
+  }
+
+  export interface AuxRecord {
+    displayProperty: any;
+    id: number;
+    recordvalues: AuxRecordValue;
+  }
+
+  export interface AuxRecordValue {
+    filter: string;
+    alias: string;
+    data: any;
+    dataType: string;
+    displayOrder: number;
+    displayType: string;
+    domain: string;
+    canUpdate: boolean;
+    length: number;
+    name: string;
+    required: boolean;
+    tableListClass: string;
+    tableListDisplayField: string;
+    tableListStoreField: string;
+    userVisible: boolean;
+  }
+
+  export interface JobVersionInfo {
+    dataWorkspaceId: string;
+    name: string;
+    parent: string;
+    created: boolean;
+    owner: string;
+  }
+
+  export interface QueryFieldInfo {
+    alias: string;
+    length: string;
+    name: string;
+    type: string;
+  }
+
+  export interface DatasetConfiguration {
+    changeCondition: number;
+    changeFields: string;
+    dataset: string;
+    dataWorkspaceId: string;
+    name: string;
+    whereConditions: WhereCondition[];
+  }
+
+  export interface WhereCondition {
+    compareValue: any;
+    field: string;
+    operator: string;
+  }
+
+  export interface ReportDataGroup {
+    aggregateLabel: string;
+    aggregateValue: string;
+    row: string[];
+    value: string;
+  }
+
+  export interface WorkflowConflicts {
+    jobID: number;
+    options: WorkflowOption[];
+    spawnsConcurrency: boolean;
+    stepId: number;
+  }
+
+  export interface WorkflowOption {
+    returnCode: number;
+    steps: WorkflowStepInfo[];
+  }
+
+  export interface WorkflowStepInfo {
+    id: number;
+    name: string;
+  }
+
+  export interface StepType {
+    program: string;
+    arguments: string;
+    executionType: string;
+    id: number;
+    name: string;
+    description: string;
+    stepDescriptionLink: string;
+    stepDescriptionType: string;
+    stepIndicatorType: string;
+    supportedPlatform: string;
+    visible: boolean;
+  }
+
+  export interface WorkflowAnnotationDisplayDetails {
+    centerX: number;
+    centerY: number;
+    fillColor: any;
+    height: number;
+    label: string;
+    labelColor: any;
+    OutlineColor: any;
+    width: number;
+  }
+
+  export interface WorkflowPathDisplayDetails {
+    destStepId: number;
+    sourceStepID: number;
+    label: string;
+    labelColor: any;
+    labelX: number;
+    labelY: number;
+    lineColor: any;
+    pathObject: any;
+  }
+
+  export interface WorkflowStepDisplayDetails {
+    labelColor: any;
+    centerX: number;
+    fillColor: any;
+    height: number;
+    label: string;
+    centerY: number;
+    OutlineColor: any;
+    shape: string;
+    stepId: number;
+    stepType: string;
+    width: number;
+  }
+
+  export interface ColorAndIntensity {
+    color: any;
+    intensity: number;
+  }
+
+  export interface RenderCamera {
+    viewMatrix: any;
+    viewInverseTransposeMatrix: any;
+    projectionMatrix: any;
+    eye: any;
+    center: any;
+    up: any;
+    near: number;
+    far: number;
+    fovX: number;
+    fovY: number;
+  }
+
+  export interface SunLight {
+    direction: any;
+    diffuse: ColorAndIntensity;
+    ambient: ColorAndIntensity;
+  }
+
   interface Basemap extends Accessor, Loadable, JSONSupport {
     baseLayers: Collection;
     id: string;
@@ -1879,7 +2493,7 @@ declare namespace __esri {
     thumbnailUrl: string;
     title: string;
 
-    clone(): Basemap;
+    clone(): this;
   }
 
   interface BasemapConstructor {
@@ -1909,7 +2523,7 @@ declare namespace __esri {
     position: Point;
     tilt: number;
 
-    clone(): Camera;
+    clone(): this;
   }
 
   interface CameraConstructor {
@@ -1933,7 +2547,7 @@ declare namespace __esri {
     g: number;
     r: number;
 
-    clone(): Color;
+    clone(): this;
     setColor(color: string | number[] | any): Color;
     toCss(includeAlpha?: boolean): string;
     toHex(): string;
@@ -1946,7 +2560,7 @@ declare namespace __esri {
 
     blendColors(start: Color, end: Color, weight: number, obj?: Color): Color;
     new(color: string | number[] | any): Color;
-    fromArray(a: number, obj?: Color): Color;
+    fromArray(a: number[], obj?: Color): Color;
     fromHex(color: string, obj?: Color): Color;
     fromJSON(json: any): Color;
     fromRgb(color: string, obj?: Color): Color;
@@ -1963,7 +2577,7 @@ declare namespace __esri {
     symbol: Symbol;
     visible: boolean;
 
-    clone(): Graphic;
+    clone(): this;
     getAttribute(name: string): any;
     getEffectivePopupTemplate(): PopupTemplate;
     setAttribute(name: string, newValue: any): void;
@@ -1989,7 +2603,7 @@ declare namespace __esri {
   interface Ground extends Accessor {
     layers: Collection;
 
-    clone(): Ground;
+    clone(): this;
     queryElevation(geometry: Point | Multipoint | Polyline, options?: GroundQueryElevationOptions): IPromise<any>;
   }
 
@@ -2024,11 +2638,12 @@ declare namespace __esri {
   interface PopupTemplate extends Accessor, JSONSupport {
     actions: Collection;
     content: string;
+    expressionInfos: PopupTemplateExpressionInfos[];
     fieldInfos: PopupTemplateFieldInfos[];
     overwriteActions: boolean;
     title: string;
 
-    clone(): PopupTemplate;
+    clone(): this;
   }
 
   interface PopupTemplateConstructor {
@@ -2041,7 +2656,8 @@ declare namespace __esri {
 
   interface PopupTemplateProperties {
     actions?: Collection | any[];
-    content?: string | any[] | Function;
+    content?: string | any[] | Function | IPromise<any>;
+    expressionInfos?: PopupTemplateExpressionInfos[];
     fieldInfos?: PopupTemplateFieldInfos[];
     overwriteActions?: boolean;
     title?: string | Function;
@@ -2053,7 +2669,7 @@ declare namespace __esri {
     scale: number;
     targetGeometry: Geometry;
 
-    clone(): Viewpoint;
+    clone(): this;
   }
 
   interface ViewpointConstructor {
@@ -2153,7 +2769,7 @@ declare namespace __esri {
 
     add(item: any, index?: number): void;
     addMany(items: any[] | Collection, index?: number): void;
-    clone(): Collection;
+    clone(): this;
     concat(value: any[] | Collection): Collection;
     every(callback: ItemTestCallback): boolean;
     filter(callback: ItemTestCallback): Collection;
@@ -2290,7 +2906,7 @@ declare namespace __esri {
     spatialReference: SpatialReference;
     type: string;
 
-    clone(): Geometry;
+    clone(): this;
   }
 
   interface GeometryConstructor {
@@ -2443,7 +3059,7 @@ declare namespace __esri {
     wkid: number;
     wkt: string;
 
-    clone(): SpatialReference;
+    clone(): this;
     equals(spatialReference: SpatialReference): boolean;
   }
 
@@ -2505,7 +3121,7 @@ declare namespace __esri {
     findServerInfo(url: string): ServerInfo;
     generateToken(serverInfo: ServerInfo, userInfo: any, options?: IdentityManagerBaseGenerateTokenOptions): IPromise<any>;
     getCredential(url: string, options?: IdentityManagerBaseGetCredentialOptions): IPromise<any>;
-    initialize(json: any): any;
+    initialize(json: any): void;
     isBusy(): boolean;
     oAuthSignIn(resUrl: string, serverInfo: ServerInfo, oAuthInfo: OAuthInfo, options?: IdentityManagerBaseOAuthSignInOptions): IPromise<any>;
     registerOAuthInfos(oAuthInfos: OAuthInfo[]): void;
@@ -2528,6 +3144,11 @@ declare namespace __esri {
 
     setOAuthRedirectionHandler(handlerFunction: HandlerCallback): void;
     setOAuthResponseHash(hash: string): void;
+
+    on(name: "credential-create", eventHandler: IdentityManagerCredentialCreateEventHandler): IHandle;
+    on(name: "credential-create", modifiers: string[], eventHandler: IdentityManagerCredentialCreateEventHandler): IHandle;
+    on(name: "credentials-destroy", eventHandler: IdentityManagerCredentialsDestroyEventHandler): IHandle;
+    on(name: "credentials-destroy", modifiers: string[], eventHandler: IdentityManagerCredentialsDestroyEventHandler): IHandle;
   }
 
   interface IdentityManagerConstructor {
@@ -2536,7 +3157,7 @@ declare namespace __esri {
 
   export const IdentityManager: IdentityManagerConstructor;
 
-  interface OAuthInfo {
+  interface OAuthInfo extends Accessor, JSONSupport {
     appId: string;
     authNamespace: string;
     expiration: number;
@@ -2546,38 +3167,142 @@ declare namespace __esri {
     popupCallbackUrl: string;
     popupWindowFeatures: string;
     portalUrl: string;
-    showSocialLogins: boolean;
 
-    toJSON(): any;
+    clone(): this;
   }
 
   interface OAuthInfoConstructor {
-    new(properties?: any): OAuthInfo;
+    new(properties?: OAuthInfoProperties): OAuthInfo;
+
+    fromJSON(json: any): OAuthInfo;
   }
 
   export const OAuthInfo: OAuthInfoConstructor;
 
-  interface ServerInfo {
+  interface OAuthInfoProperties {
+    appId?: string;
+    authNamespace?: string;
+    expiration?: number;
+    locale?: string;
+    minTimeUntilExpiration?: number;
+    popup?: boolean;
+    popupCallbackUrl?: string;
+    popupWindowFeatures?: string;
+    portalUrl?: string;
+  }
+
+  interface ServerInfo extends Accessor, JSONSupport {
     adminTokenServiceUrl: string;
     currentVersion: number;
     server: string;
     shortLivedTokenValidity: number;
     tokenServiceUrl: string;
-
-    toJSON(): any;
   }
 
   interface ServerInfoConstructor {
-    new(properties?: any): ServerInfo;
+    new(properties?: ServerInfoProperties): ServerInfo;
+
+    fromJSON(json: any): ServerInfo;
   }
 
   export const ServerInfo: ServerInfoConstructor;
 
+  interface ServerInfoProperties {
+    adminTokenServiceUrl?: string;
+    currentVersion?: number;
+    server?: string;
+    shortLivedTokenValidity?: number;
+    tokenServiceUrl?: string;
+  }
+
+  interface BaseElevationLayer extends Layer {
+    spatialReference: SpatialReference;
+    tileInfo: TileInfo;
+
+    addResolvingPromise(promiseToLoad: IPromise<any>): IPromise<any>;
+    fetchTile(level: number, row: number, column: number, options?: BaseElevationLayerFetchTileOptions): IPromise<any>;
+    getTileBounds(level: number, row: number, column: number, out?: number[]): number[];
+
+    on(name: "layerview-create", eventHandler: BaseElevationLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: BaseElevationLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: BaseElevationLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: BaseElevationLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface BaseElevationLayerConstructor {
+    new(properties?: BaseElevationLayerProperties): BaseElevationLayer;
+  }
+
+  export const BaseElevationLayer: BaseElevationLayerConstructor;
+
+  interface BaseElevationLayerProperties extends LayerProperties {
+    spatialReference?: SpatialReferenceProperties;
+    tileInfo?: TileInfoProperties;
+  }
+
+  interface CSVLayer extends Layer {
+    copyright: string;
+    delimiter: string;
+    elevationInfo: CSVLayerElevationInfo;
+    featureReduction: CSVLayerFeatureReduction;
+    fields: Field[];
+    labelingInfo: LabelClass[];
+    labelsVisible: boolean;
+    latitudeField: string;
+    legendEnabled: boolean;
+    longitudeField: string;
+    maxScale: number;
+    minScale: number;
+    outFields: string[];
+    popupEnabled: boolean;
+    popupTemplate: PopupTemplate;
+    renderer: Renderer;
+    screenSizePerspectiveEnabled: boolean;
+    url: string;
+
+    on(name: "layerview-create", eventHandler: CSVLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: CSVLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: CSVLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: CSVLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface CSVLayerConstructor {
+    new(properties?: CSVLayerProperties): CSVLayer;
+  }
+
+  export const CSVLayer: CSVLayerConstructor;
+
+  interface CSVLayerProperties extends LayerProperties {
+    copyright?: string;
+    delimiter?: string;
+    elevationInfo?: CSVLayerElevationInfo;
+    featureReduction?: CSVLayerFeatureReduction;
+    fields?: FieldProperties[];
+    labelingInfo?: LabelClassProperties[];
+    labelsVisible?: boolean;
+    latitudeField?: string;
+    legendEnabled?: boolean;
+    longitudeField?: string;
+    maxScale?: number;
+    minScale?: number;
+    outFields?: string[];
+    popupEnabled?: boolean;
+    popupTemplate?: PopupTemplateProperties;
+    renderer?: RendererProperties;
+    screenSizePerspectiveEnabled?: boolean;
+    url?: string;
+  }
+
   interface ElevationLayer extends Layer, ArcGISMapService, ArcGISCachedService, PortalLayer, TiledLayer {
     url: string;
 
     fetchTile(level: number, row: number, column: number, noDataValue?: number): IPromise<any>;
     queryElevation(geometry: Point | Multipoint | Polyline, options?: ElevationLayerQueryElevationOptions): IPromise<any>;
+
+    on(name: "layerview-create", eventHandler: ElevationLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: ElevationLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: ElevationLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: ElevationLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface ElevationLayerConstructor {
@@ -2592,118 +3317,13 @@ declare namespace __esri {
     url?: string;
   }
 
-  interface ImageryLayer extends Layer, ArcGISImageService, ScaleRangeLayer {
-    pixelFilter: Function;
-    popupEnabled: boolean;
-    portalItem: PortalItem;
-    token: string;
-
-    redraw(): void;
-  }
-
-  interface ImageryLayerConstructor {
-    new(properties?: ImageryLayerProperties): ImageryLayer;
-
-    fromJSON(json: any): ImageryLayer;
-  }
-
-  export const ImageryLayer: ImageryLayerConstructor;
-
-  interface ImageryLayerProperties extends LayerProperties, ArcGISImageServiceProperties, ScaleRangeLayerProperties {
-    pixelFilter?: Function;
-    popupEnabled?: boolean;
-    portalItem?: PortalItemProperties;
-    token?: string;
-  }
-
-  interface MapImageLayer extends Layer, ArcGISMapService, ArcGISDynamicMapService, DynamicLayer {
-  }
-
-  interface MapImageLayerConstructor {
-    new(properties?: MapImageLayerProperties): MapImageLayer;
-
-    fromJSON(json: any): MapImageLayer;
-  }
-
-  export const MapImageLayer: MapImageLayerConstructor;
-
-  interface MapImageLayerProperties extends LayerProperties, ArcGISMapServiceProperties, ArcGISDynamicMapServiceProperties, DynamicLayerProperties {
-
-  }
-
-  interface TileLayer extends Layer, ArcGISMapService, ArcGISCachedService, PortalLayer, TiledLayer {
-    attributionDataUrl: string;
-    hasAttributionData: boolean;
-    legendEnabled: boolean;
-    tileServers: string[];
-    url: string;
-  }
-
-  interface TileLayerConstructor {
-    new(properties?: TileLayerProperties): TileLayer;
-
-    fromJSON(json: any): TileLayer;
-  }
-
-  export const TileLayer: TileLayerConstructor;
-
-  interface TileLayerProperties extends LayerProperties, ArcGISMapServiceProperties, ArcGISCachedServiceProperties, PortalLayerProperties, TiledLayerProperties {
-    attributionDataUrl?: string;
-    hasAttributionData?: boolean;
-    legendEnabled?: boolean;
-    tileServers?: string[];
-    url?: string;
-  }
-
-  interface CSVLayer extends Layer {
-    copyright: string;
-    delimiter: string;
-    elevationInfo: CSVLayerElevationInfo;
-    fields: Field[];
-    labelingInfo: LabelClass[];
-    labelsVisible: boolean;
-    latitudeField: string;
-    legendEnabled: boolean;
-    longitudeField: string;
-    maxScale: number;
-    minScale: number;
-    outFields: string[];
-    popupEnabled: boolean;
-    popupTemplate: PopupTemplate;
-    renderer: Renderer;
-    url: string;
-  }
-
-  interface CSVLayerConstructor {
-    new(properties?: CSVLayerProperties): CSVLayer;
-  }
-
-  export const CSVLayer: CSVLayerConstructor;
-
-  interface CSVLayerProperties extends LayerProperties {
-    copyright?: string;
-    delimiter?: string;
-    elevationInfo?: CSVLayerElevationInfo;
-    fields?: FieldProperties[];
-    labelingInfo?: LabelClassProperties[];
-    labelsVisible?: boolean;
-    latitudeField?: string;
-    legendEnabled?: boolean;
-    longitudeField?: string;
-    maxScale?: number;
-    minScale?: number;
-    outFields?: string[];
-    popupEnabled?: boolean;
-    popupTemplate?: PopupTemplateProperties;
-    renderer?: RendererProperties;
-    url?: string;
-  }
-
   interface FeatureLayer extends Layer, PortalLayer, ScaleRangeLayer {
     capabilities: FeatureLayerCapabilities;
     copyright: string;
     definitionExpression: string;
+    displayField: string;
     elevationInfo: FeatureLayerElevationInfo;
+    featureReduction: FeatureLayerFeatureReduction;
     fields: Field[];
     gdbVersion: string;
     geometryType: string;
@@ -2721,9 +3341,13 @@ declare namespace __esri {
     renderer: Renderer;
     returnM: boolean;
     returnZ: boolean;
+    screenSizePerspectiveEnabled: boolean;
     source: Collection;
     spatialReference: SpatialReference;
+    templates: FeatureTemplate[];
     token: string;
+    typeIdField: string;
+    types: FeatureType[];
     url: string;
     version: number;
 
@@ -2734,6 +3358,11 @@ declare namespace __esri {
     queryFeatureCount(params?: Query): IPromise<any>;
     queryFeatures(params?: Query): IPromise<any>;
     queryObjectIds(params?: Query): IPromise<any>;
+
+    on(name: "layerview-create", eventHandler: FeatureLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: FeatureLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: FeatureLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: FeatureLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface FeatureLayerConstructor {
@@ -2748,7 +3377,9 @@ declare namespace __esri {
     capabilities?: FeatureLayerCapabilities;
     copyright?: string;
     definitionExpression?: string;
+    displayField?: string;
     elevationInfo?: FeatureLayerElevationInfo;
+    featureReduction?: FeatureLayerFeatureReduction;
     fields?: FieldProperties[];
     gdbVersion?: string;
     geometryType?: string;
@@ -2766,9 +3397,13 @@ declare namespace __esri {
     renderer?: RendererProperties;
     returnM?: boolean;
     returnZ?: boolean;
+    screenSizePerspectiveEnabled?: boolean;
     source?: Collection | any[];
     spatialReference?: SpatialReferenceProperties;
+    templates?: FeatureTemplateProperties[];
     token?: string;
+    typeIdField?: string;
+    types?: FeatureTypeProperties[];
     url?: string;
     version?: number;
   }
@@ -2778,6 +3413,11 @@ declare namespace __esri {
     pointSymbol: PictureMarkerSymbol;
     polygonSymbol: SimpleFillSymbol;
     url: string;
+
+    on(name: "layerview-create", eventHandler: GeoRSSLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: GeoRSSLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: GeoRSSLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: GeoRSSLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface GeoRSSLayerConstructor {
@@ -2796,12 +3436,18 @@ declare namespace __esri {
   interface GraphicsLayer extends Layer, ScaleRangeLayer {
     elevationInfo: GraphicsLayerElevationInfo;
     graphics: Collection;
+    screenSizePerspectiveEnabled: boolean;
 
     add(graphic: Graphic): void;
     addMany(graphics: Graphic[]): void;
     remove(graphic: Graphic): void;
     removeAll(): void;
     removeMany(graphics: Graphic[]): void;
+
+    on(name: "layerview-create", eventHandler: GraphicsLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: GraphicsLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: GraphicsLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: GraphicsLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface GraphicsLayerConstructor {
@@ -2813,10 +3459,16 @@ declare namespace __esri {
   interface GraphicsLayerProperties extends LayerProperties, ScaleRangeLayerProperties {
     elevationInfo?: GraphicsLayerElevationInfo;
     graphics?: Collection | any[];
+    screenSizePerspectiveEnabled?: boolean;
   }
 
-  interface GroupLayer extends Layer, LayersMixin, JSONSupport, PortalLayer {
+  interface GroupLayer extends Layer, LayersMixin, PortalLayer {
     visibilityMode: string;
+
+    on(name: "layerview-create", eventHandler: GroupLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: GroupLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: GroupLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: GroupLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface GroupLayerConstructor {
@@ -2831,7 +3483,40 @@ declare namespace __esri {
     visibilityMode?: string;
   }
 
+  interface ImageryLayer extends Layer, ArcGISImageService, ScaleRangeLayer {
+    pixelFilter: Function;
+    popupEnabled: boolean;
+    portalItem: PortalItem;
+    token: string;
+
+    redraw(): void;
+
+    on(name: "layerview-create", eventHandler: ImageryLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: ImageryLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: ImageryLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: ImageryLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface ImageryLayerConstructor {
+    new(properties?: ImageryLayerProperties): ImageryLayer;
+
+    fromJSON(json: any): ImageryLayer;
+  }
+
+  export const ImageryLayer: ImageryLayerConstructor;
+
+  interface ImageryLayerProperties extends LayerProperties, ArcGISImageServiceProperties, ScaleRangeLayerProperties {
+    pixelFilter?: Function;
+    popupEnabled?: boolean;
+    portalItem?: PortalItemProperties;
+    token?: string;
+  }
+
   interface IntegratedMeshLayer extends Layer, SceneService, PortalLayer {
+    on(name: "layerview-create", eventHandler: IntegratedMeshLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: IntegratedMeshLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: IntegratedMeshLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: IntegratedMeshLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface IntegratedMeshLayerConstructor {
@@ -2880,7 +3565,49 @@ declare namespace __esri {
     visible?: boolean;
   }
 
+  interface MapImageLayer extends Layer, ArcGISMapService, ArcGISDynamicMapService, DynamicLayer {
+    on(name: "layerview-create", eventHandler: MapImageLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: MapImageLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: MapImageLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: MapImageLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface MapImageLayerConstructor {
+    new(properties?: MapImageLayerProperties): MapImageLayer;
+
+    fromJSON(json: any): MapImageLayer;
+  }
+
+  export const MapImageLayer: MapImageLayerConstructor;
+
+  interface MapImageLayerProperties extends LayerProperties, ArcGISMapServiceProperties, ArcGISDynamicMapServiceProperties, DynamicLayerProperties {
+
+  }
+
+  interface MapNotesLayer extends Layer, PortalLayer {
+    on(name: "layerview-create", eventHandler: MapNotesLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: MapNotesLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: MapNotesLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: MapNotesLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface MapNotesLayerConstructor {
+    new(properties?: MapNotesLayerProperties): MapNotesLayer;
+
+    fromJSON(json: any): MapNotesLayer;
+  }
+
+  export const MapNotesLayer: MapNotesLayerConstructor;
+
+  interface MapNotesLayerProperties extends LayerProperties, PortalLayerProperties {
+
+  }
+
   interface OpenStreetMapLayer extends WebTileLayer {
+    on(name: "layerview-create", eventHandler: OpenStreetMapLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: OpenStreetMapLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: OpenStreetMapLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: OpenStreetMapLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface OpenStreetMapLayerConstructor {
@@ -2896,8 +3623,14 @@ declare namespace __esri {
   }
 
   interface PointCloudLayer extends Layer, SceneService, PortalLayer {
+    elevationInfo: PointCloudLayerElevationInfo;
     fields: Field[];
     renderer: PointCloudRenderer;
+
+    on(name: "layerview-create", eventHandler: PointCloudLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: PointCloudLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: PointCloudLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: PointCloudLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface PointCloudLayerConstructor {
@@ -2909,6 +3642,7 @@ declare namespace __esri {
   export const PointCloudLayer: PointCloudLayerConstructor;
 
   interface PointCloudLayerProperties extends LayerProperties, SceneServiceProperties, PortalLayerProperties {
+    elevationInfo?: PointCloudLayerElevationInfo;
     fields?: FieldProperties[];
     renderer?: PointCloudRendererProperties;
   }
@@ -2916,6 +3650,7 @@ declare namespace __esri {
   interface SceneLayer extends Layer, SceneService, PortalLayer {
     definitionExpression: string;
     elevationInfo: SceneLayerElevationInfo;
+    featureReduction: SceneLayerFeatureReduction;
     fields: Field[];
     geometryType: string;
     labelingInfo: LabelClass[];
@@ -2925,6 +3660,7 @@ declare namespace __esri {
     popupEnabled: boolean;
     popupTemplate: PopupTemplate;
     renderer: Renderer;
+    screenSizePerspectiveEnabled: boolean;
 
     createQuery(): Query;
     getFieldUsageInfo(fieldName: string): any;
@@ -2932,6 +3668,11 @@ declare namespace __esri {
     queryFeatureCount(params?: Query): IPromise<any>;
     queryFeatures(params?: Query): IPromise<any>;
     queryObjectIds(params?: Query): IPromise<any>;
+
+    on(name: "layerview-create", eventHandler: SceneLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: SceneLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: SceneLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: SceneLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface SceneLayerConstructor {
@@ -2945,6 +3686,7 @@ declare namespace __esri {
   interface SceneLayerProperties extends LayerProperties, SceneServiceProperties, PortalLayerProperties {
     definitionExpression?: string;
     elevationInfo?: SceneLayerElevationInfo;
+    featureReduction?: SceneLayerFeatureReduction;
     fields?: FieldProperties[];
     geometryType?: string;
     labelingInfo?: LabelClassProperties[];
@@ -2954,6 +3696,7 @@ declare namespace __esri {
     popupEnabled?: boolean;
     popupTemplate?: PopupTemplateProperties;
     renderer?: RendererProperties;
+    screenSizePerspectiveEnabled?: boolean;
   }
 
   interface StreamLayer extends FeatureLayer {
@@ -2963,6 +3706,11 @@ declare namespace __esri {
     purgeOptions: StreamLayerPurgeOptions;
 
     updateFilter(filterChanges: StreamLayerUpdateFilterFilterChanges): IPromise<any>;
+
+    on(name: "layerview-create", eventHandler: StreamLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: StreamLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: StreamLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: StreamLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface StreamLayerConstructor {
@@ -2980,7 +3728,43 @@ declare namespace __esri {
     purgeOptions?: StreamLayerPurgeOptions;
   }
 
+  interface TileLayer extends Layer, ArcGISMapService, ArcGISCachedService, PortalLayer, TiledLayer {
+    attributionDataUrl: string;
+    hasAttributionData: boolean;
+    legendEnabled: boolean;
+    tileServers: string[];
+    url: string;
+
+    fetchTile(level: number, row: number, column: number, options?: TileLayerFetchTileOptions): IPromise<any>;
+    getTileUrl(level: number, row: number, col: number): string;
+
+    on(name: "layerview-create", eventHandler: TileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: TileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: TileLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: TileLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface TileLayerConstructor {
+    new(properties?: TileLayerProperties): TileLayer;
+
+    fromJSON(json: any): TileLayer;
+  }
+
+  export const TileLayer: TileLayerConstructor;
+
+  interface TileLayerProperties extends LayerProperties, ArcGISMapServiceProperties, ArcGISCachedServiceProperties, PortalLayerProperties, TiledLayerProperties {
+    attributionDataUrl?: string;
+    hasAttributionData?: boolean;
+    legendEnabled?: boolean;
+    tileServers?: string[];
+    url?: string;
+  }
+
   interface UnknownLayer extends Layer {
+    on(name: "layerview-create", eventHandler: UnknownLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: UnknownLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: UnknownLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: UnknownLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface UnknownLayerConstructor {
@@ -2994,6 +3778,10 @@ declare namespace __esri {
   }
 
   interface UnsupportedLayer extends Layer {
+    on(name: "layerview-create", eventHandler: UnsupportedLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: UnsupportedLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: UnsupportedLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: UnsupportedLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface UnsupportedLayerConstructor {
@@ -3012,6 +3800,13 @@ declare namespace __esri {
     spatialReference: SpatialReference;
     token: string;
     url: string;
+
+    loadStyle(style: string | any): IPromise<any>;
+
+    on(name: "layerview-create", eventHandler: VectorTileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: VectorTileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: VectorTileLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: VectorTileLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface VectorTileLayerConstructor {
@@ -3036,6 +3831,11 @@ declare namespace __esri {
     subDomains: string[];
     tileServers: string[];
     urlTemplate: string;
+
+    on(name: "layerview-create", eventHandler: WebTileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: WebTileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: WebTileLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: WebTileLayerLayerviewDestroyEventHandler): IHandle;
   }
 
   interface WebTileLayerConstructor {
@@ -3054,16 +3854,151 @@ declare namespace __esri {
     urlTemplate?: string;
   }
 
+  interface WMSLayer extends Layer, PortalLayer {
+    copyright: string;
+    customLayerParameters: any;
+    customParameters: any;
+    description: string;
+    featureInfoFormat: string;
+    featureInfoUrl: string;
+    fullExtents: Extent[];
+    imageFormat: string;
+    imageMaxHeight: number;
+    imageMaxWidth: number;
+    imageTransparency: boolean;
+    spatialReference: SpatialReference;
+    spatialReferences: number[];
+    sublayers: Collection;
+    version: string;
+
+    fetchImage(extent: Extent, width: number, height: number, options?: WMSLayerFetchImageOptions): IPromise<any>;
+    findSublayerById(id: number): WMSSublayer;
+
+    on(name: "layerview-create", eventHandler: WMSLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: WMSLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: WMSLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: WMSLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface WMSLayerConstructor {
+    new(properties?: WMSLayerProperties): WMSLayer;
+
+    fromJSON(json: any): WMSLayer;
+  }
+
+  export const WMSLayer: WMSLayerConstructor;
+
+  interface WMSLayerProperties extends LayerProperties, PortalLayerProperties {
+    copyright?: string;
+    customLayerParameters?: any;
+    customParameters?: any;
+    description?: string;
+    featureInfoFormat?: string;
+    featureInfoUrl?: string;
+    fullExtents?: ExtentProperties[];
+    imageFormat?: string;
+    imageMaxHeight?: number;
+    imageMaxWidth?: number;
+    imageTransparency?: boolean;
+    spatialReference?: SpatialReferenceProperties;
+    spatialReferences?: number[];
+    sublayers?: Collection | any[];
+    version?: string;
+  }
+
+  interface WMTSLayer extends Layer, PortalLayer {
+    activeLayer: WMTSSublayer;
+    copyright: string;
+    customLayerParameters: any;
+    customParameters: any;
+    serviceMode: string;
+    sublayers: Collection;
+    url: string;
+    version: string;
+
+    findSublayerById(id: string): WMTSSublayer;
+
+    on(name: "layerview-create", eventHandler: WMTSLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: WMTSLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: WMTSLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: WMTSLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface WMTSLayerConstructor {
+    new(properties?: WMTSLayerProperties): WMTSLayer;
+
+    fromJSON(json: any): WMTSLayer;
+  }
+
+  export const WMTSLayer: WMTSLayerConstructor;
+
+  interface WMTSLayerProperties extends LayerProperties, PortalLayerProperties {
+    activeLayer?: WMTSSublayerProperties;
+    copyright?: string;
+    customLayerParameters?: any;
+    customParameters?: any;
+    serviceMode?: string;
+    sublayers?: Collection | any[];
+    url?: string;
+    version?: string;
+  }
+
+  interface BaseDynamicLayer extends Layer {
+    addResolvingPromise(promiseToLoad: IPromise<any>): IPromise<any>;
+    fetchImage(extent: Extent, width: number, height: number, options?: BaseDynamicLayerFetchImageOptions): IPromise<any>;
+    getImageUrl(extent: Extent, width: number, height: number): IPromise<any> | string;
+
+    on(name: "layerview-create", eventHandler: BaseDynamicLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: BaseDynamicLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: BaseDynamicLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: BaseDynamicLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface BaseDynamicLayerConstructor {
+    new(properties?: BaseDynamicLayerProperties): BaseDynamicLayer;
+  }
+
+  export const BaseDynamicLayer: BaseDynamicLayerConstructor;
+
+  interface BaseDynamicLayerProperties extends LayerProperties {
+
+  }
+
+  interface BaseTileLayer extends Layer {
+    spatialReference: SpatialReference;
+    tileInfo: TileInfo;
+
+    addResolvingPromise(promiseToLoad: IPromise<any>): IPromise<any>;
+    fetchTile(level: number, row: number, column: number, options?: BaseTileLayerFetchTileOptions): IPromise<any>;
+    getTileBounds(level: number, row: number, column: number, out?: number[]): number[];
+    getTileUrl(level: number, row: number, column: number): string | IPromise<any>;
+
+    on(name: "layerview-create", eventHandler: BaseTileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: BaseTileLayerLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: BaseTileLayerLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: BaseTileLayerLayerviewDestroyEventHandler): IHandle;
+  }
+
+  interface BaseTileLayerConstructor {
+    new(properties?: BaseTileLayerProperties): BaseTileLayer;
+  }
+
+  export const BaseTileLayer: BaseTileLayerConstructor;
+
+  interface BaseTileLayerProperties extends LayerProperties {
+    spatialReference?: SpatialReferenceProperties;
+    tileInfo?: TileInfoProperties;
+  }
+
   interface CodedValueDomain extends Domain {
     codedValues: CodedValueDomainCodedValues[];
+
+    getName(code: string | number): string;
   }
 
   interface CodedValueDomainConstructor {
     new(properties?: CodedValueDomainProperties): CodedValueDomain;
 
-
-    getName(code: string | number): string;
-
     fromJSON(json: any): CodedValueDomain;
   }
 
@@ -3134,6 +4069,52 @@ declare namespace __esri {
     type?: string;
   }
 
+  interface FeatureTemplate extends Accessor, JSONSupport {
+    description: string;
+    drawingTool: string;
+    name: string;
+    prototype: any;
+    thumbnail: FeatureTemplateThumbnail;
+  }
+
+  interface FeatureTemplateConstructor {
+    new(properties?: FeatureTemplateProperties): FeatureTemplate;
+
+    fromJSON(json: any): FeatureTemplate;
+  }
+
+  export const FeatureTemplate: FeatureTemplateConstructor;
+
+  interface FeatureTemplateProperties {
+    description?: string;
+    drawingTool?: string;
+    name?: string;
+    prototype?: any;
+    thumbnail?: FeatureTemplateThumbnail;
+  }
+
+  interface FeatureType extends Accessor, JSONSupport {
+    domains: any;
+    id: number | string;
+    name: string;
+    templates: FeatureTemplate[];
+  }
+
+  interface FeatureTypeConstructor {
+    new(properties?: FeatureTypeProperties): FeatureType;
+
+    fromJSON(json: any): FeatureType;
+  }
+
+  export const FeatureType: FeatureTypeConstructor;
+
+  interface FeatureTypeProperties {
+    domains?: any;
+    id?: number | string;
+    name?: string;
+    templates?: FeatureTemplateProperties[];
+  }
+
   interface ImageParameters extends Accessor {
     dpi: number;
     extent: Extent;
@@ -3193,7 +4174,7 @@ declare namespace __esri {
     useCodedValues: boolean;
     where: string;
 
-    clone(): LabelClass;
+    clone(): this;
   }
 
   interface LabelClassConstructor {
@@ -3374,6 +4355,7 @@ declare namespace __esri {
     labelingInfo: LabelClass[];
     labelsVisible: boolean;
     layer: MapImageLayer;
+    legendEnabled: boolean;
     maxScale: number;
     minScale: number;
     opacity: number;
@@ -3385,7 +4367,7 @@ declare namespace __esri {
     url: string;
     visible: boolean;
 
-    clone(): Sublayer;
+    clone(): this;
     createQuery(): Query;
     queryFeatures(params?: Query): IPromise<any>;
   }
@@ -3402,6 +4384,7 @@ declare namespace __esri {
     labelingInfo?: LabelClassProperties[];
     labelsVisible?: boolean;
     layer?: MapImageLayerProperties;
+    legendEnabled?: boolean;
     maxScale?: number;
     minScale?: number;
     opacity?: number;
@@ -3440,11 +4423,117 @@ declare namespace __esri {
     spatialReference?: SpatialReferenceProperties;
   }
 
+  interface TileMatrixSet extends Accessor, JSONSupport {
+    fullExtent: Extent;
+    id: string;
+    tileInfo: TileInfo;
+
+    clone(): this;
+  }
+
+  interface TileMatrixSetConstructor {
+    new(properties?: TileMatrixSetProperties): TileMatrixSet;
+
+    fromJSON(json: any): TileMatrixSet;
+  }
+
+  export const TileMatrixSet: TileMatrixSetConstructor;
+
+  interface TileMatrixSetProperties {
+    fullExtent?: ExtentProperties;
+    id?: string;
+    tileInfo?: TileInfoProperties;
+  }
+
+  interface WMSSublayer {
+    description: string;
+    fullExtent: Extent;
+    id: number;
+    layer: WMSLayer;
+    name: string;
+    popupEnabled: boolean;
+    spatialReferences: number[];
+    sublayers: Collection;
+    title: string;
+    visible: boolean;
+
+    clone(): this;
+  }
+
+  interface WMSSublayerConstructor {
+    new(properties?: any): WMSSublayer;
+  }
+
+  export const WMSSublayer: WMSSublayerConstructor;
+
+  interface WMTSStyle extends Accessor, JSONSupport {
+    description: string;
+    id: string;
+    legendUrl: string;
+    title: string;
+
+    clone(): this;
+  }
+
+  interface WMTSStyleConstructor {
+    new(properties?: WMTSStyleProperties): WMTSStyle;
+
+    fromJSON(json: any): WMTSStyle;
+  }
+
+  export const WMTSStyle: WMTSStyleConstructor;
+
+  interface WMTSStyleProperties {
+    description?: string;
+    id?: string;
+    legendUrl?: string;
+    title?: string;
+  }
+
+  interface WMTSSublayer extends Accessor, JSONSupport {
+    description: string;
+    fullExtent: Extent;
+    id: string;
+    imageFormat: string;
+    imageFormats: string[];
+    layer: WMTSLayer;
+    styleId: string;
+    styles: Collection;
+    tileMatrixSetId: string;
+    tileMatrixSets: Collection;
+    title: string;
+
+    clone(): this;
+  }
+
+  interface WMTSSublayerConstructor {
+    new(properties?: WMTSSublayerProperties): WMTSSublayer;
+
+    fromJSON(json: any): WMTSSublayer;
+  }
+
+  export const WMTSSublayer: WMTSSublayerConstructor;
+
+  interface WMTSSublayerProperties {
+    description?: string;
+    fullExtent?: ExtentProperties;
+    id?: string;
+    imageFormat?: string;
+    imageFormats?: string[];
+    layer?: WMTSLayerProperties;
+    styleId?: string;
+    styles?: Collection | any[];
+    tileMatrixSetId?: string;
+    tileMatrixSets?: Collection | any[];
+    title?: string;
+  }
+
   interface Portal extends Accessor, Loadable {
     access: string;
     allSSL: boolean;
     authMode: string;
     authorizedCrossOriginDomains: string[];
+    basemapGalleryGroupQuery: string;
     bingKey: string;
     canListApps: boolean;
     canListData: boolean;
@@ -3462,10 +4551,12 @@ declare namespace __esri {
     customBaseUrl: string;
     defaultBasemap: Basemap;
     defaultExtent: Extent;
+    defaultVectorBasemap: Basemap;
     description: string;
     featuredGroups: PortalFeaturedGroups[];
     featuredItemsGroupQuery: string;
     galleryTemplatesGroupQuery: string;
+    helperServices: any;
     homePageFeaturedContent: string;
     homePageFeaturedContentCount: number;
     httpPort: number;
@@ -3495,6 +4586,8 @@ declare namespace __esri {
     urlKey: string;
     user: PortalUser;
     useStandardizedQuery: boolean;
+    useVectorBasemaps: boolean;
+    vectorBasemapGalleryGroupQuery: string;
 
     fetchBasemaps(): IPromise<any>;
     fetchFeaturedGroups(): IPromise<any>;
@@ -3517,6 +4610,7 @@ declare namespace __esri {
     allSSL?: boolean;
     authMode?: string;
     authorizedCrossOriginDomains?: string[];
+    basemapGalleryGroupQuery?: string;
     bingKey?: string;
     canListApps?: boolean;
     canListData?: boolean;
@@ -3534,10 +4628,12 @@ declare namespace __esri {
     customBaseUrl?: string;
     defaultBasemap?: BasemapProperties;
     defaultExtent?: ExtentProperties;
+    defaultVectorBasemap?: BasemapProperties;
     description?: string;
     featuredGroups?: PortalFeaturedGroups[];
     featuredItemsGroupQuery?: string;
     galleryTemplatesGroupQuery?: string;
+    helperServices?: any;
     homePageFeaturedContent?: string;
     homePageFeaturedContentCount?: number;
     httpPort?: number;
@@ -3567,6 +4663,8 @@ declare namespace __esri {
     urlKey?: string;
     user?: PortalUserProperties;
     useStandardizedQuery?: boolean;
+    useVectorBasemaps?: boolean;
+    vectorBasemapGalleryGroupQuery?: string;
   }
 
   interface PortalFolder extends Accessor {
@@ -3602,10 +4700,12 @@ declare namespace __esri {
     portal: Portal;
     snippet: string;
     tags: string[];
+    thumbnailUrl: string;
     title: string;
     url: string;
 
     fetchMembers(): IPromise<any>;
+    getThumbnailUrl(width?: number): string;
     queryItems(queryParams?: PortalQueryParams): IPromise<any>;
   }
 
@@ -3626,6 +4726,7 @@ declare namespace __esri {
     portal?: PortalProperties;
     snippet?: string;
     tags?: string[];
+    thumbnailUrl?: string;
     title?: string;
     url?: string;
   }
@@ -3665,6 +4766,7 @@ declare namespace __esri {
     fetchData(responseType?: string): IPromise<any>;
     fetchRating(): IPromise<any>;
     fetchRelatedItems(params: PortalItemFetchRelatedItemsParams): IPromise<any>;
+    getThumbnailUrl(width?: number): string;
     update(params?: PortalItemUpdateParams): IPromise<any>;
   }
 
@@ -3731,7 +4833,7 @@ declare namespace __esri {
     sortOrder: string;
     start: number;
 
-    clone(): PortalQueryParams;
+    clone(): this;
   }
 
   interface PortalQueryParamsConstructor {
@@ -3793,6 +4895,7 @@ declare namespace __esri {
     fetchFolders(): IPromise<any>;
     fetchGroups(): IPromise<any>;
     fetchItems(params: PortalUserFetchItemsParams): IPromise<any>;
+    getThumbnailUrl(width?: number): string;
     queryFavorites(queryParams?: PortalQueryParams): IPromise<any>;
   }
 
@@ -3837,7 +4940,7 @@ declare namespace __esri {
     valueExpressionTitle: string;
 
     addClassBreakInfo(min: number | any, max: number, symbol: Symbol): void;
-    clone(): ClassBreaksRenderer;
+    clone(): this;
     getClassBreakInfo(graphic: Graphic): any;
     removeClassBreakInfo(min: number, max: number): void;
   }
@@ -3886,7 +4989,7 @@ declare namespace __esri {
     symbol: Symbol;
     type: string;
 
-    clone(): SimpleRenderer;
+    clone(): this;
   }
 
   interface SimpleRendererConstructor {
@@ -3916,8 +5019,8 @@ declare namespace __esri {
     valueExpression: string;
     valueExpressionTitle: string;
 
-    addUniqueValueInfo(valueOrInfo: string | any, symbol?: Symbol): void;
-    clone(): UniqueValueRenderer;
+    addUniqueValueInfo(valueOrInfo: string | number | any, symbol?: Symbol): void;
+    clone(): this;
     getUniqueValueInfo(graphic: Graphic): any;
     removeUniqueValueInfo(value: string): void;
   }
@@ -3945,8 +5048,11 @@ declare namespace __esri {
   }
 
   interface PointCloudRenderer extends Accessor, JSONSupport {
+    colorModulation: PointCloudRendererColorModulation;
     pointSizeAlgorithm: PointCloudRendererPointSizeAlgorithm;
     pointsPerInch: number;
+
+    clone(): this;
   }
 
   interface PointCloudRendererConstructor {
@@ -3958,6 +5064,7 @@ declare namespace __esri {
   export const PointCloudRenderer: PointCloudRendererConstructor;
 
   interface PointCloudRendererProperties {
+    colorModulation?: PointCloudRendererColorModulation;
     pointSizeAlgorithm?: PointCloudRendererPointSizeAlgorithm;
     pointsPerInch?: number;
   }
@@ -4053,7 +5160,7 @@ declare namespace __esri {
     title: string;
     visible: boolean;
 
-    clone(): Action;
+    clone(): this;
   }
 
   interface ActionConstructor {
@@ -4073,7 +5180,7 @@ declare namespace __esri {
   interface ExtrudeSymbol3DLayer extends Symbol3DLayer {
     size: number;
 
-    clone(): ExtrudeSymbol3DLayer;
+    clone(): this;
   }
 
   interface ExtrudeSymbol3DLayerConstructor {
@@ -4107,7 +5214,7 @@ declare namespace __esri {
   interface FillSymbol3DLayer extends Symbol3DLayer {
     outline: FillSymbol3DLayerOutline;
 
-    clone(): FillSymbol3DLayer;
+    clone(): this;
   }
 
   interface FillSymbol3DLayerConstructor {
@@ -4123,7 +5230,7 @@ declare namespace __esri {
   }
 
   interface Font extends Accessor, JSONSupport {
-    clone(): Font;
+    clone(): this;
   }
 
   interface FontConstructor {
@@ -4142,9 +5249,9 @@ declare namespace __esri {
     anchor: string;
     outline: IconSymbol3DLayerOutline;
     resource: IconSymbol3DLayerResource;
-    size: number | string;
+    size: number;
 
-    clone(): IconSymbol3DLayer;
+    clone(): this;
   }
 
   interface IconSymbol3DLayerConstructor {
@@ -4159,11 +5266,14 @@ declare namespace __esri {
     anchor?: string;
     outline?: IconSymbol3DLayerOutline;
     resource?: IconSymbol3DLayerResource;
-    size?: number | string;
+    size?: number;
   }
 
   interface LabelSymbol3D extends Symbol3D {
-    clone(): LabelSymbol3D;
+    callout: Callout3D;
+    verticalOffset: LabelSymbol3DVerticalOffset;
+
+    clone(): this;
   }
 
   interface LabelSymbol3DConstructor {
@@ -4175,7 +5285,8 @@ declare namespace __esri {
   export const LabelSymbol3D: LabelSymbol3DConstructor;
 
   interface LabelSymbol3DProperties extends Symbol3DProperties {
-
+    callout?: Callout3DProperties;
+    verticalOffset?: LabelSymbol3DVerticalOffsetProperties;
   }
 
   interface LineSymbol extends Symbol {
@@ -4197,7 +5308,7 @@ declare namespace __esri {
   }
 
   interface LineSymbol3D extends Symbol3D {
-    clone(): LineSymbol3D;
+    clone(): this;
   }
 
   interface LineSymbol3DConstructor {
@@ -4213,9 +5324,9 @@ declare namespace __esri {
   }
 
   interface LineSymbol3DLayer extends Symbol3DLayer {
-    size: number | string;
+    size: number;
 
-    clone(): LineSymbol3DLayer;
+    clone(): this;
   }
 
   interface LineSymbol3DLayerConstructor {
@@ -4227,7 +5338,7 @@ declare namespace __esri {
   export const LineSymbol3DLayer: LineSymbol3DLayerConstructor;
 
   interface LineSymbol3DLayerProperties extends Symbol3DLayerProperties {
-    size?: number | string;
+    size?: number;
   }
 
   interface MarkerSymbol extends Symbol {
@@ -4251,7 +5362,7 @@ declare namespace __esri {
   }
 
   interface MeshSymbol3D extends Symbol3D {
-    clone(): MeshSymbol3D;
+    clone(): this;
   }
 
   interface MeshSymbol3DConstructor {
@@ -4272,9 +5383,11 @@ declare namespace __esri {
     heading: number;
     height: number;
     resource: ObjectSymbol3DLayerResource;
+    roll: number;
+    tilt: number;
     width: number;
 
-    clone(): ObjectSymbol3DLayer;
+    clone(): this;
   }
 
   interface ObjectSymbol3DLayerConstructor {
@@ -4291,6 +5404,8 @@ declare namespace __esri {
     heading?: number;
     height?: number;
     resource?: ObjectSymbol3DLayerResource;
+    roll?: number;
+    tilt?: number;
     width?: number;
   }
 
@@ -4302,6 +5417,8 @@ declare namespace __esri {
     xscale: number;
     yoffset: number;
     yscale: number;
+
+    clone(): this;
   }
 
   interface PictureFillSymbolConstructor {
@@ -4327,7 +5444,7 @@ declare namespace __esri {
     url: string;
     width: number;
 
-    clone(): PictureMarkerSymbol;
+    clone(): this;
   }
 
   interface PictureMarkerSymbolConstructor {
@@ -4347,7 +5464,7 @@ declare namespace __esri {
   interface PathSymbol3DLayer extends Symbol3DLayer {
     size: number;
 
-    clone(): PathSymbol3DLayer;
+    clone(): this;
   }
 
   interface PathSymbol3DLayerConstructor {
@@ -4363,7 +5480,10 @@ declare namespace __esri {
   }
 
   interface PointSymbol3D extends Symbol3D {
-    clone(): PointSymbol3D;
+    callout: Callout3D;
+    verticalOffset: PointSymbol3DVerticalOffset;
+
+    clone(): this;
   }
 
   interface PointSymbol3DConstructor {
@@ -4375,11 +5495,12 @@ declare namespace __esri {
   export const PointSymbol3D: PointSymbol3DConstructor;
 
   interface PointSymbol3DProperties extends Symbol3DProperties {
-
+    callout?: Callout3DProperties;
+    verticalOffset?: PointSymbol3DVerticalOffsetProperties;
   }
 
   interface PolygonSymbol3D extends Symbol3D {
-    clone(): PolygonSymbol3D;
+    clone(): this;
   }
 
   interface PolygonSymbol3DConstructor {
@@ -4398,7 +5519,7 @@ declare namespace __esri {
     color: Color;
     style: string;
 
-    clone(): SimpleFillSymbol;
+    clone(): this;
   }
 
   interface SimpleFillSymbolConstructor {
@@ -4420,7 +5541,7 @@ declare namespace __esri {
     miterLimit: number;
     style: string;
 
-    clone(): SimpleLineSymbol;
+    clone(): this;
   }
 
   interface SimpleLineSymbolConstructor {
@@ -4445,7 +5566,7 @@ declare namespace __esri {
     size: number;
     style: string;
 
-    clone(): SimpleMarkerSymbol;
+    clone(): this;
   }
 
   interface SimpleMarkerSymbolConstructor {
@@ -4533,7 +5654,7 @@ declare namespace __esri {
     xoffset: number;
     yoffset: number;
 
-    clone(): TextSymbol;
+    clone(): this;
   }
 
   interface TextSymbolConstructor {
@@ -4564,10 +5685,11 @@ declare namespace __esri {
 
   interface TextSymbol3DLayer extends Symbol3DLayer {
     font: TextSymbol3DLayerFont;
-    size: number | string;
+    halo: TextSymbol3DLayerHalo;
+    size: number;
     text: string;
 
-    clone(): TextSymbol3DLayer;
+    clone(): this;
   }
 
   interface TextSymbol3DLayerConstructor {
@@ -4580,7 +5702,8 @@ declare namespace __esri {
 
   interface TextSymbol3DLayerProperties extends Symbol3DLayerProperties {
     font?: TextSymbol3DLayerFont;
-    size?: number | string;
+    halo?: TextSymbol3DLayerHalo;
+    size?: number;
     text?: string;
   }
 
@@ -4590,7 +5713,7 @@ declare namespace __esri {
     styleName: string;
     styleUrl: string;
 
-    clone(): WebStyleSymbol;
+    clone(): this;
     fetchSymbol(): IPromise<any>;
   }
 
@@ -4609,6 +5732,44 @@ declare namespace __esri {
     styleUrl?: string;
   }
 
+  interface Callout3D extends Accessor, JSONSupport {
+    clone(): this;
+  }
+
+  interface Callout3DConstructor {
+    new(properties?: Callout3DProperties): Callout3D;
+
+    fromJSON(json: any): Callout3D;
+  }
+
+  export const Callout3D: Callout3DConstructor;
+
+  interface Callout3DProperties {
+
+  }
+
+  interface LineCallout3D extends Callout3D {
+    border: LineCallout3DBorder;
+    color: Color;
+    size: number;
+    type: string;
+  }
+
+  interface LineCallout3DConstructor {
+    new(properties?: LineCallout3DProperties): LineCallout3D;
+
+    fromJSON(json: any): LineCallout3D;
+  }
+
+  export const LineCallout3D: LineCallout3DConstructor;
+
+  interface LineCallout3DProperties extends Callout3DProperties {
+    border?: LineCallout3DBorderProperties;
+    color?: Color;
+    size?: number;
+    type?: string;
+  }
+
   interface ClosestFacilityTask extends Task {
     solve(params: ClosestFacilityParameters, requestOptions?: any): IPromise<any>;
   }
@@ -4754,6 +5915,8 @@ declare namespace __esri {
   }
 
   interface QueryTask extends Task {
+    gdbVersion: string;
+
     execute(params: Query, requestOptions?: any): IPromise<any>;
     executeForCount(params: Query, requestOptions?: any): IPromise<any>;
     executeForExtent(params: Query, requestOptions?: any): IPromise<any>;
@@ -4768,7 +5931,7 @@ declare namespace __esri {
   export const QueryTask: QueryTaskConstructor;
 
   interface QueryTaskProperties extends TaskProperties {
-
+    gdbVersion?: string;
   }
 
   interface PrintTask extends Task {
@@ -5577,6 +6740,7 @@ declare namespace __esri {
 
   interface ProjectParameters extends Accessor {
     geometries: Geometry[];
+    outSpatialReference: SpatialReference;
     outSR: SpatialReference;
     transformation: ProjectParametersTransformation;
     transformForward: boolean;
@@ -5592,6 +6756,7 @@ declare namespace __esri {
 
   interface ProjectParametersProperties {
     geometries?: GeometryProperties[];
+    outSpatialReference?: SpatialReferenceProperties;
     outSR?: SpatialReferenceProperties;
     transformation?: ProjectParametersTransformation;
     transformForward?: boolean;
@@ -6160,8 +7325,35 @@ declare namespace __esri {
     hasEventListener(type: string): boolean;
     hitTest(screenPoint: MapViewHitTestScreenPoint): IPromise<any>;
     on(type: string | string[], modifiersOrHandler: string[] | EventHandler, handler?: EventHandler): IHandle;
-    toMap(screenPoint: ScreenPoint, mapPoint?: Point): Point;
+    toMap(screenPoint: MapViewToMapScreenPoint): Point;
     toScreen(point: Point, screenPoint?: ScreenPoint): ScreenPoint;
+
+    on(name: "resize", eventHandler: MapViewResizeEventHandler): IHandle;
+    on(name: "resize", modifiers: string[], eventHandler: MapViewResizeEventHandler): IHandle;
+    on(name: "layerview-create", eventHandler: MapViewLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: MapViewLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: MapViewLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: MapViewLayerviewDestroyEventHandler): IHandle;
+    on(name: "click", eventHandler: MapViewClickEventHandler): IHandle;
+    on(name: "click", modifiers: string[], eventHandler: MapViewClickEventHandler): IHandle;
+    on(name: "double-click", eventHandler: MapViewDoubleClickEventHandler): IHandle;
+    on(name: "double-click", modifiers: string[], eventHandler: MapViewDoubleClickEventHandler): IHandle;
+    on(name: "hold", eventHandler: MapViewHoldEventHandler): IHandle;
+    on(name: "hold", modifiers: string[], eventHandler: MapViewHoldEventHandler): IHandle;
+    on(name: "drag", eventHandler: MapViewDragEventHandler): IHandle;
+    on(name: "drag", modifiers: string[], eventHandler: MapViewDragEventHandler): IHandle;
+    on(name: "mouse-wheel", eventHandler: MapViewMouseWheelEventHandler): IHandle;
+    on(name: "mouse-wheel", modifiers: string[], eventHandler: MapViewMouseWheelEventHandler): IHandle;
+    on(name: "key-down", eventHandler: MapViewKeyDownEventHandler): IHandle;
+    on(name: "key-down", modifiers: string[], eventHandler: MapViewKeyDownEventHandler): IHandle;
+    on(name: "key-up", eventHandler: MapViewKeyUpEventHandler): IHandle;
+    on(name: "key-up", modifiers: string[], eventHandler: MapViewKeyUpEventHandler): IHandle;
+    on(name: "pointer-down", eventHandler: MapViewPointerDownEventHandler): IHandle;
+    on(name: "pointer-down", modifiers: string[], eventHandler: MapViewPointerDownEventHandler): IHandle;
+    on(name: "pointer-move", eventHandler: MapViewPointerMoveEventHandler): IHandle;
+    on(name: "pointer-move", modifiers: string[], eventHandler: MapViewPointerMoveEventHandler): IHandle;
+    on(name: "pointer-up", eventHandler: MapViewPointerUpEventHandler): IHandle;
+    on(name: "pointer-up", modifiers: string[], eventHandler: MapViewPointerUpEventHandler): IHandle;
   }
 
   interface MapViewConstructor {
@@ -6188,6 +7380,7 @@ declare namespace __esri {
     constraints: SceneViewConstraints;
     environment: SceneViewEnvironment;
     extent: Extent;
+    highlightOptions: SceneViewHighlightOptions;
     qualityProfile: string;
     scale: number;
     viewingMode: string;
@@ -6198,8 +7391,35 @@ declare namespace __esri {
     hasEventListener(type: string): boolean;
     hitTest(screenPoint: SceneViewHitTestScreenPoint): IPromise<any>;
     on(type: string | string[], modifiersOrHandler: string[] | EventHandler, handler?: EventHandler): IHandle;
-    toMap(screenPoint: ScreenPoint, mapPoint?: Point): Point;
+    toMap(screenPoint: SceneViewToMapScreenPoint, mapPoint?: Point): Point;
     toScreen(point: Point, screenPoint?: ScreenPoint): ScreenPoint;
+
+    on(name: "resize", eventHandler: SceneViewResizeEventHandler): IHandle;
+    on(name: "resize", modifiers: string[], eventHandler: SceneViewResizeEventHandler): IHandle;
+    on(name: "layerview-create", eventHandler: SceneViewLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-create", modifiers: string[], eventHandler: SceneViewLayerviewCreateEventHandler): IHandle;
+    on(name: "layerview-destroy", eventHandler: SceneViewLayerviewDestroyEventHandler): IHandle;
+    on(name: "layerview-destroy", modifiers: string[], eventHandler: SceneViewLayerviewDestroyEventHandler): IHandle;
+    on(name: "click", eventHandler: SceneViewClickEventHandler): IHandle;
+    on(name: "click", modifiers: string[], eventHandler: SceneViewClickEventHandler): IHandle;
+    on(name: "double-click", eventHandler: SceneViewDoubleClickEventHandler): IHandle;
+    on(name: "double-click", modifiers: string[], eventHandler: SceneViewDoubleClickEventHandler): IHandle;
+    on(name: "hold", eventHandler: SceneViewHoldEventHandler): IHandle;
+    on(name: "hold", modifiers: string[], eventHandler: SceneViewHoldEventHandler): IHandle;
+    on(name: "drag", eventHandler: SceneViewDragEventHandler): IHandle;
+    on(name: "drag", modifiers: string[], eventHandler: SceneViewDragEventHandler): IHandle;
+    on(name: "mouse-wheel", eventHandler: SceneViewMouseWheelEventHandler): IHandle;
+    on(name: "mouse-wheel", modifiers: string[], eventHandler: SceneViewMouseWheelEventHandler): IHandle;
+    on(name: "key-down", eventHandler: SceneViewKeyDownEventHandler): IHandle;
+    on(name: "key-down", modifiers: string[], eventHandler: SceneViewKeyDownEventHandler): IHandle;
+    on(name: "key-up", eventHandler: SceneViewKeyUpEventHandler): IHandle;
+    on(name: "key-up", modifiers: string[], eventHandler: SceneViewKeyUpEventHandler): IHandle;
+    on(name: "pointer-down", eventHandler: SceneViewPointerDownEventHandler): IHandle;
+    on(name: "pointer-down", modifiers: string[], eventHandler: SceneViewPointerDownEventHandler): IHandle;
+    on(name: "pointer-move", eventHandler: SceneViewPointerMoveEventHandler): IHandle;
+    on(name: "pointer-move", modifiers: string[], eventHandler: SceneViewPointerMoveEventHandler): IHandle;
+    on(name: "pointer-up", eventHandler: SceneViewPointerUpEventHandler): IHandle;
+    on(name: "pointer-up", modifiers: string[], eventHandler: SceneViewPointerUpEventHandler): IHandle;
   }
 
   interface SceneViewConstructor {
@@ -6215,6 +7435,7 @@ declare namespace __esri {
     constraints?: SceneViewConstraintsProperties;
     environment?: SceneViewEnvironmentProperties;
     extent?: ExtentProperties;
+    highlightOptions?: SceneViewHighlightOptions;
     qualityProfile?: string;
     scale?: number;
     viewingMode?: string;
@@ -6299,7 +7520,26 @@ declare namespace __esri {
     visible?: boolean;
   }
 
+  interface CSVLayerView extends LayerView {
+    highlight(target?: Graphic | Graphic[]): any;
+    queryExtent(params?: Query): IPromise<any>;
+    queryFeatureCount(params?: Query): IPromise<any>;
+    queryFeatures(params?: Query): IPromise<any>;
+    queryObjectIds(params?: Query): IPromise<any>;
+  }
+
+  interface CSVLayerViewConstructor {
+    new(properties?: CSVLayerViewProperties): CSVLayerView;
+  }
+
+  export const CSVLayerView: CSVLayerViewConstructor;
+
+  interface CSVLayerViewProperties extends LayerViewProperties {
+
+  }
+
   interface FeatureLayerView extends LayerView {
+    highlight(target?: Graphic | Graphic[] | number | number[]): any;
     queryExtent(params?: Query): IPromise<any>;
     queryFeatureCount(params?: Query): IPromise<any>;
     queryFeatures(params?: Query): IPromise<any>;
@@ -6317,6 +7557,7 @@ declare namespace __esri {
   }
 
   interface GraphicsLayerView extends LayerView {
+    highlight(target?: Graphic | Graphic[] | number | number[]): any;
     queryGraphics(): IPromise<any>;
   }
 
@@ -6345,6 +7586,7 @@ declare namespace __esri {
   }
 
   interface SceneLayerView extends LayerView {
+    highlight(target?: Graphic | Graphic[] | number | number[]): any;
     queryExtent(params?: Query): IPromise<any>;
     queryFeatureCount(params?: Query): IPromise<any>;
     queryFeatures(params?: Query): IPromise<any>;
@@ -6361,6 +7603,33 @@ declare namespace __esri {
 
   }
 
+  interface StreamLayerView extends Accessor, Evented {
+    connectionError: Error;
+    connectionStatus: string;
+    filter: StreamLayerViewFilter;
+    graphics: Collection;
+
+    connect(): IPromise<any>;
+    disconnect(): void;
+    updateFilter(filter: StreamLayerViewUpdateFilterFilter): IPromise<any>;
+
+    on(name: "data-received", eventHandler: StreamLayerViewDataReceivedEventHandler): IHandle;
+    on(name: "data-received", modifiers: string[], eventHandler: StreamLayerViewDataReceivedEventHandler): IHandle;
+  }
+
+  interface StreamLayerViewConstructor {
+    new(properties?: StreamLayerViewProperties): StreamLayerView;
+  }
+
+  export const StreamLayerView: StreamLayerViewConstructor;
+
+  interface StreamLayerViewProperties {
+    connectionError?: Error;
+    connectionStatus?: string;
+    filter?: StreamLayerViewFilter;
+    graphics?: Collection | any[];
+  }
+
   interface UI extends Accessor {
     container: any;
     height: number;
@@ -6406,7 +7675,7 @@ declare namespace __esri {
     spatialReference: SpatialReference;
     viewpoint: Viewpoint;
 
-    clone(): InitialViewProperties;
+    clone(): this;
   }
 
   interface InitialViewPropertiesConstructor {
@@ -6423,7 +7692,7 @@ declare namespace __esri {
   interface Environment extends Accessor {
     lighting: Lighting;
 
-    clone(): Environment;
+    clone(): this;
   }
 
   interface EnvironmentConstructor {
@@ -6442,7 +7711,7 @@ declare namespace __esri {
     viewingMode: string;
     viewpoint: Viewpoint;
 
-    clone(): websceneInitialViewProperties;
+    clone(): this;
   }
 
   interface websceneInitialViewPropertiesConstructor {
@@ -6463,7 +7732,7 @@ declare namespace __esri {
     directShadowsEnabled: boolean;
     displayUTCOffset: number;
 
-    clone(): Lighting;
+    clone(): this;
   }
 
   interface LightingConstructor {
@@ -6481,7 +7750,7 @@ declare namespace __esri {
   interface Presentation extends Accessor {
     slides: Collection;
 
-    clone(): Presentation;
+    clone(): this;
   }
 
   interface PresentationConstructor {
@@ -6504,8 +7773,8 @@ declare namespace __esri {
     viewpoint: Viewpoint;
     visibleLayers: SlideVisibleLayers;
 
-    applyTo(view: SceneView, options?: SlideApplyToOptions): void;
-    clone(): Slide;
+    applyTo(view: SceneView, options?: SlideApplyToOptions): IPromise<any>;
+    clone(): this;
     updateFrom(view: SceneView, options?: SlideUpdateFromOptions): IPromise<any>;
   }
 
@@ -6654,6 +7923,8 @@ declare namespace __esri {
   }
 
   interface Expand extends Widget {
+    autoCollapse: boolean;
+    collapseIconClass: string;
     collapseTooltip: string;
     content: any;
     expanded: boolean;
@@ -6676,8 +7947,10 @@ declare namespace __esri {
   export const Expand: ExpandConstructor;
 
   interface ExpandProperties extends WidgetProperties {
+    autoCollapse?: boolean;
+    collapseIconClass?: string;
     collapseTooltip?: string;
-    content?: any | any | string | Widget;
+    content?: any | string | Widget;
     expanded?: boolean;
     expandIconClass?: string;
     expandTooltip?: string;
@@ -6709,6 +7982,7 @@ declare namespace __esri {
 
   interface LayerList extends Widget {
     createActionsFunction: Function;
+    listItemCreatedFunction: Function;
     operationalItems: Collection;
     view: MapView | SceneView;
     viewModel: LayerListViewModel;
@@ -6725,14 +7999,17 @@ declare namespace __esri {
 
   interface LayerListProperties extends WidgetProperties {
     createActionsFunction?: Function;
+    listItemCreatedFunction?: Function;
     operationalItems?: Collection | any[];
     view?: MapView | SceneView;
     viewModel?: LayerListViewModelProperties;
   }
 
-  interface Legend extends Accessor, Widgette {
+  interface Legend extends Widget {
     layerInfos: LegendLayerInfos[];
     view: MapView | SceneView;
+
+    render(): any;
   }
 
   interface LegendConstructor {
@@ -6741,7 +8018,7 @@ declare namespace __esri {
 
   export const Legend: LegendConstructor;
 
-  interface LegendProperties extends WidgetteProperties {
+  interface LegendProperties extends WidgetProperties {
     layerInfos?: LegendLayerInfos[];
     view?: MapView | SceneView;
   }
@@ -6800,6 +8077,7 @@ declare namespace __esri {
     dockOptions: PopupDockOptions;
     featureCount: number;
     features: Graphic[];
+    highlightEnabled: boolean;
     location: Point;
     promises: IPromise<any>[];
     selectedFeature: Graphic;
@@ -6831,6 +8109,7 @@ declare namespace __esri {
     dockOptions?: PopupDockOptions;
     featureCount?: number;
     features?: GraphicProperties[];
+    highlightEnabled?: boolean;
     location?: PointProperties;
     promises?: IPromise<any>[];
     selectedFeature?: GraphicProperties;
@@ -6901,13 +8180,15 @@ declare namespace __esri {
     searching: boolean;
     searchTerm: string;
     selectedResult: any;
-    sources: SearchSources;
+    sources: Collection;
     suggestions: any[];
     suggestionsEnabled: boolean;
     view: MapView | SceneView;
     viewModel: SearchViewModel;
 
+    blur(): void;
     clear(): void;
+    focus(): void;
     render(): any;
     search(searchTerm?: string | Geometry | any | number[][]): IPromise<any>;
     suggest(value?: string): IPromise<any>;
@@ -6938,7 +8219,7 @@ declare namespace __esri {
     searching?: boolean;
     searchTerm?: string;
     selectedResult?: any;
-    sources?: SearchSources;
+    sources?: Collection | any[];
     suggestions?: any[];
     suggestionsEnabled?: boolean;
     view?: MapView | SceneView;
@@ -7146,6 +8427,9 @@ declare namespace __esri {
 
   interface BasemapToggleViewModelConstructor {
     new(properties?: BasemapToggleViewModelProperties): BasemapToggleViewModel;
+
+
+    getThumbnailUrl(basemap: Basemap): string;
   }
 
   export const BasemapToggleViewModel: BasemapToggleViewModelConstructor;
@@ -7178,6 +8462,7 @@ declare namespace __esri {
   }
 
   interface ExpandViewModel extends Accessor {
+    autoCollapse: boolean;
     expanded: boolean;
     state: string;
     view: MapView | SceneView;
@@ -7190,6 +8475,7 @@ declare namespace __esri {
   export const ExpandViewModel: ExpandViewModelConstructor;
 
   interface ExpandViewModelProperties {
+    autoCollapse?: boolean;
     expanded?: boolean;
     state?: string;
     view?: MapView | SceneView;
@@ -7217,6 +8503,7 @@ declare namespace __esri {
 
   interface LayerListViewModel extends Accessor {
     createActionsFunction: Function;
+    listItemCreatedFunction: Function;
     operationalItems: Collection;
     state: string;
     view: MapView | SceneView;
@@ -7232,6 +8519,7 @@ declare namespace __esri {
 
   interface LayerListViewModelProperties {
     createActionsFunction?: Function;
+    listItemCreatedFunction?: Function;
     operationalItems?: Collection | any[];
     state?: string;
     view?: MapView | SceneView;
@@ -7243,6 +8531,7 @@ declare namespace __esri {
     children: Collection;
     error: Error;
     layer: Layer;
+    layerView: LayerView;
     open: boolean;
     title: string;
     updating: boolean;
@@ -7251,7 +8540,7 @@ declare namespace __esri {
     visible: boolean;
     visibleAtCurrentScale: boolean;
 
-    clone(): ListItem;
+    clone(): this;
   }
 
   interface ListItemConstructor {
@@ -7321,6 +8610,7 @@ declare namespace __esri {
     content: string;
     featureCount: number;
     features: Graphic[];
+    highlightEnabled: boolean;
     location: Point;
     pendingPromisesCount: number;
     promises: IPromise<any>[];
@@ -7347,6 +8637,7 @@ declare namespace __esri {
     content?: string | any;
     featureCount?: number;
     features?: GraphicProperties[];
+    highlightEnabled?: boolean;
     location?: PointProperties;
     pendingPromisesCount?: number;
     promises?: IPromise<any>[];
@@ -7376,7 +8667,7 @@ declare namespace __esri {
     activeSourceIndex: number;
     allPlaceholder: string;
     autoSelect: boolean;
-    defaultSource: any;
+    defaultSource: any | any;
     maxInputLength: number;
     maxResults: number;
     maxSuggestions: number;
@@ -7391,7 +8682,7 @@ declare namespace __esri {
     searchAllEnabled: boolean;
     searchTerm: string;
     selectedResult: any;
-    sources: SearchViewModelSources[];
+    sources: Collection;
     suggestionDelay: number;
     suggestions: any[];
     suggestionsEnabled: boolean;
@@ -7401,6 +8692,21 @@ declare namespace __esri {
     clear(): void;
     search(searchTerm?: string | Geometry | any | number[][]): IPromise<any>;
     suggest(value?: string): IPromise<any>;
+
+    on(name: "suggest-complete", eventHandler: SearchViewModelSuggestCompleteEventHandler): IHandle;
+    on(name: "suggest-complete", modifiers: string[], eventHandler: SearchViewModelSuggestCompleteEventHandler): IHandle;
+    on(name: "search-clear", eventHandler: SearchViewModelSearchClearEventHandler): IHandle;
+    on(name: "search-clear", modifiers: string[], eventHandler: SearchViewModelSearchClearEventHandler): IHandle;
+    on(name: "search-start", eventHandler: SearchViewModelSearchStartEventHandler): IHandle;
+    on(name: "search-start", modifiers: string[], eventHandler: SearchViewModelSearchStartEventHandler): IHandle;
+    on(name: "suggest-start", eventHandler: SearchViewModelSuggestStartEventHandler): IHandle;
+    on(name: "suggest-start", modifiers: string[], eventHandler: SearchViewModelSuggestStartEventHandler): IHandle;
+    on(name: "load", eventHandler: SearchViewModelLoadEventHandler): IHandle;
+    on(name: "load", modifiers: string[], eventHandler: SearchViewModelLoadEventHandler): IHandle;
+    on(name: "search-complete", eventHandler: SearchViewModelSearchCompleteEventHandler): IHandle;
+    on(name: "search-complete", modifiers: string[], eventHandler: SearchViewModelSearchCompleteEventHandler): IHandle;
+    on(name: "select-result", eventHandler: SearchViewModelSelectResultEventHandler): IHandle;
+    on(name: "select-result", modifiers: string[], eventHandler: SearchViewModelSelectResultEventHandler): IHandle;
   }
 
   interface SearchViewModelConstructor {
@@ -7414,7 +8720,7 @@ declare namespace __esri {
     activeSourceIndex?: number;
     allPlaceholder?: string;
     autoSelect?: boolean;
-    defaultSource?: any;
+    defaultSource?: any | any;
     maxInputLength?: number;
     maxResults?: number;
     maxSuggestions?: number;
@@ -7429,7 +8735,7 @@ declare namespace __esri {
     searchAllEnabled?: boolean;
     searchTerm?: string;
     selectedResult?: any;
-    sources?: SearchViewModelSources[];
+    sources?: Collection | any[];
     suggestionDelay?: number;
     suggestions?: any[];
     suggestionsEnabled?: boolean;
@@ -7548,7 +8854,8 @@ declare namespace __esri {
     portalItem: PortalItem;
     url: string;
 
-    getImageUrl(extent: Extent, width: number, height: number, callback: Function): string;
+    fetchImage(extent: Extent, width: number, height: number, options?: DynamicLayerFetchImageOptions): IPromise<any>;
+    getImageUrl(extent: Extent, width: number, height: number, options?: DynamicLayerGetImageUrlOptions): IPromise<any> | string;
   }
 
   interface DynamicLayerConstructor {
@@ -7558,14 +8865,12 @@ declare namespace __esri {
   export const DynamicLayer: DynamicLayerConstructor;
 
   interface DynamicLayerProperties {
-    portalItem?: PortalItem;
+    portalItem?: PortalItemProperties;
     url?: string;
   }
 
   interface TiledLayer {
     tileInfo: TileInfo;
-
-    getTileUrl(level: number, row: number, col: number): string;
   }
 
   interface TiledLayerConstructor {
@@ -7615,7 +8920,7 @@ declare namespace __esri {
 
     createServiceSublayers(): Collection;
     findSublayerById(id: number): Sublayer;
-    getExportImageParameters(options: ArcGISDynamicMapServiceGetExportImageParametersOptions): any;
+    getExportImageParameters(extent: Extent, width: number, height: number, options?: ArcGISDynamicMapServiceGetExportImageParametersOptions): any;
   }
 
   interface ArcGISDynamicMapServiceConstructor {
@@ -7646,6 +8951,8 @@ declare namespace __esri {
     fullExtent: Extent;
     hasMultidimensions: boolean;
     hasRasterAttributeTable: boolean;
+    imageMaxHeight: number;
+    imageMaxWidth: number;
     mosaicRule: MosaicRule;
     multidimensionalInfo: any;
     pixelType: string;
@@ -7658,6 +8965,7 @@ declare namespace __esri {
     url: string;
     version: number;
 
+    fetchImage(extent: Extent, width: number, height: number): IPromise<any>;
     fromJSON(json: any): any;
     toJSON(): any;
   }
@@ -7681,6 +8989,8 @@ declare namespace __esri {
     fullExtent?: ExtentProperties;
     hasMultidimensions?: boolean;
     hasRasterAttributeTable?: boolean;
+    imageMaxHeight?: number;
+    imageMaxWidth?: number;
     mosaicRule?: MosaicRuleProperties;
     multidimensionalInfo?: any;
     pixelType?: string;
@@ -7850,11 +9160,11 @@ declare namespace __esri {
   interface DOMContainerProperties {
     container?: HTMLDivElement | string;
     height?: number;
-    popup?: Popup;
+    popup?: PopupProperties;
     resizing?: boolean;
     size?: number[];
     suspended?: boolean;
-    ui?: DefaultUI;
+    ui?: DefaultUIProperties;
     width?: number;
   }
 
@@ -7892,7 +9202,7 @@ declare namespace __esri {
   interface GeolocationPositioningProperties {
     geolocationOptions?: any;
     goToLocationEnabled?: boolean;
-    graphic?: Graphic;
+    graphic?: GraphicProperties;
     view?: MapView | SceneView;
   }
 
@@ -8113,6 +9423,12 @@ declare namespace __esri {
 
   export const size: size;
 
+  interface type {
+    createRenderer(params: typeCreateRendererParams): IPromise<any>;
+  }
+
+  export const type: type;
+
   interface univariateColorSize {
     createContinuousRenderer(params: univariateColorSizeCreateContinuousRendererParams): IPromise<any>;
     createVisualVariables(params: univariateColorSizeCreateVisualVariablesParams): IPromise<any>;
@@ -8124,7 +9440,9 @@ declare namespace __esri {
     classBreaks(params: classBreaksClassBreaksParams): IPromise<any>;
   }
 
-  export const classBreaks: classBreaks;
+  const __classBreaksMapped: classBreaks;
+  export const classBreaks: typeof __classBreaksMapped.classBreaks;
+
 
   interface histogram {
     histogram(params: histogramHistogramParams): IPromise<any>;
@@ -8142,6 +9460,14 @@ declare namespace __esri {
   export const summaryStatistics: typeof __summaryStatisticsMapped.summaryStatistics;
 
 
+  interface uniqueValues {
+    uniqueValues(params: uniqueValuesUniqueValuesParams): IPromise<any>;
+  }
+
+  const __uniqueValuesMapped: uniqueValues;
+  export const uniqueValues: typeof __uniqueValuesMapped.uniqueValues;
+
+
   interface symbologyColor {
     cloneScheme(scheme: any): any;
     flipColors(scheme: any): any;
@@ -8165,6 +9491,13 @@ declare namespace __esri {
 
   export const symbologySize: symbologySize;
 
+  interface symbologyType {
+    cloneScheme(scheme: any | any | any): any;
+    getSchemes(params: typeGetSchemesParams): any;
+  }
+
+  export const symbologyType: symbologyType;
+
   interface supportJsonUtils {
     fromJSON(json: any): Renderer;
   }
@@ -8191,8 +9524,8 @@ declare namespace __esri {
   interface widget {
     accessibleHandler(): Function;
     join(...classNames: string[]): string;
-    jsxFactory(selector: string, properties?: any, children?: any): any;
     renderable(propertyName?: string | string[]): Function;
+    tsx(selector: string, properties?: any, children?: any): any;
     vmEvent(eventNames: string | string[]): Function;
   }
 
@@ -8225,170 +9558,88 @@ declare namespace __esri {
 }
 
 declare module "esri" {
-  export import Text = __esri.Text;
-
-  export import Media = __esri.Media;
-
-  export import Fields = __esri.Fields;
-
-  export import Attachments = __esri.Attachments;
-
-  export import WatchHandle = __esri.WatchHandle;
-
-  export import EachAlwaysResult = __esri.EachAlwaysResult;
-
-  export import PausableWatchHandle = __esri.PausableWatchHandle;
-
-  export import FeatureEditResult = __esri.FeatureEditResult;
-
-  export import AttributeParamValue = __esri.AttributeParamValue;
-
-  export import DataWorkspace = __esri.DataWorkspace;
-
-  export import GroupMembership = __esri.GroupMembership;
-
-  export import HoldType = __esri.HoldType;
-
-  export import JobPriority = __esri.JobPriority;
-
-  export import JobQuery = __esri.JobQuery;
-
-  export import JobStatus = __esri.JobStatus;
-
-  export import JobQueryContainer = __esri.JobQueryContainer;
-
-  export import JobQueryDetails = __esri.JobQueryDetails;
-
-  export import Privilege = __esri.Privilege;
-
-  export import UserDetails = __esri.UserDetails;
-
-  export import VersionInfo = __esri.VersionInfo;
-
-  export import WorkflowManagerServiceInfo = __esri.WorkflowManagerServiceInfo;
-
-  export import JobType = __esri.JobType;
-
-  export import JobTypeDetails = __esri.JobTypeDetails;
-
-  export import TableRelationship = __esri.TableRelationship;
-
-  export import JobCreationParameters = __esri.JobCreationParameters;
-
-  export import JobQueryParameters = __esri.JobQueryParameters;
-
-  export import JobUpdateParameters = __esri.JobUpdateParameters;
-
-  export import AuxRecordDescription = __esri.AuxRecordDescription;
-
-  export import ActivityType = __esri.ActivityType;
-
-  export import AuxRecordContainer = __esri.AuxRecordContainer;
-
-  export import JobTaskJobInfo = __esri.JobTaskJobInfo;
-
-  export import QueryResult = __esri.QueryResult;
-
-  export import AuxRecord = __esri.AuxRecord;
-
-  export import AuxRecordValue = __esri.AuxRecordValue;
-
-  export import FieldValue = __esri.FieldValue;
-
-  export import JobVersionInfo = __esri.JobVersionInfo;
-
-  export import QueryFieldInfo = __esri.QueryFieldInfo;
-
-  export import JobAttachment = __esri.JobAttachment;
-
-  export import JobDependency = __esri.JobDependency;
-
-  export import ChangeRule = __esri.ChangeRule;
-
-  export import DataSetEvaluator = __esri.DataSetEvaluator;
-
-  export import AOIEvaluator = __esri.AOIEvaluator;
-
-  export import DatasetConfiguration = __esri.DatasetConfiguration;
-
-  export import EmailNotifier = __esri.EmailNotifier;
-
-  export import WhereCondition = __esri.WhereCondition;
-
-  export import NotificationType = __esri.NotificationType;
-
-  export import ChangeRuleMatch = __esri.ChangeRuleMatch;
-
-  export import ReportDataGroup = __esri.ReportDataGroup;
-
-  export import ReportData = __esri.ReportData;
-
-  export import Report = __esri.Report;
-
-  export import ExecuteInfo = __esri.ExecuteInfo;
-
-  export import Step = __esri.Step;
-
-  export import StepType = __esri.StepType;
-
-  export import WorkflowDisplayDetails = __esri.WorkflowDisplayDetails;
-
-  export import WorkflowOption = __esri.WorkflowOption;
-
-  export import WorkflowStepInfo = __esri.WorkflowStepInfo;
-
-  export import WorkflowAnnotationDisplayDetails = __esri.WorkflowAnnotationDisplayDetails;
-
-  export import WorkflowConflicts = __esri.WorkflowConflicts;
-
-  export import WorkflowPathDisplayDetails = __esri.WorkflowPathDisplayDetails;
-
-  export import WorkflowStepDisplayDetails = __esri.WorkflowStepDisplayDetails;
-
-  export import ExternalRenderer = __esri.ExternalRenderer;
-
-  export import RenderContext = __esri.RenderContext;
-
-  export import RenderCamera = __esri.RenderCamera;
-
-  export import SunLight = __esri.SunLight;
-
-  export import ColorAndIntensity = __esri.ColorAndIntensity;
-
-  export import LocatorSource = __esri.LocatorSource;
-
-  export import FeatureLayerSource = __esri.FeatureLayerSource;
-
-  export import GetHeader = __esri.GetHeader;
-
-  export import WatchCallback = __esri.WatchCallback;
-
+  export import PromisedWatchHandle = __esri.PromisedWatchHandle;
   export import ItemCallback = __esri.ItemCallback;
 
-  export import ItemTestCallback = __esri.ItemTestCallback;
+  export import ItemCompareCallback = __esri.ItemCompareCallback;
 
   export import ItemMapCallback = __esri.ItemMapCallback;
 
   export import ItemReduceCallback = __esri.ItemReduceCallback;
 
-  export import ItemCompareCallback = __esri.ItemCompareCallback;
+  export import ItemTestCallback = __esri.ItemTestCallback;
 
-  export import EventAttachedCallback = __esri.EventAttachedCallback;
+  export import PortalItemFetchRelatedItemsParams = __esri.PortalItemFetchRelatedItemsParams;
 
-  export import HandlerCallback = __esri.HandlerCallback;
+  export import PortalItemUpdateParams = __esri.PortalItemUpdateParams;
 
-  export import EasingFunction = __esri.EasingFunction;
+  export import PortalUserAddItemParams = __esri.PortalUserAddItemParams;
 
-  export import EventHandler = __esri.EventHandler;
+  export import PortalUserFetchItemsParams = __esri.PortalUserFetchItemsParams;
 
-  export import PromisedWatchHandle = __esri.PromisedWatchHandle;
+  export import PortalFeaturedGroups = __esri.PortalFeaturedGroups;
 
   export import GroundQueryElevationOptions = __esri.GroundQueryElevationOptions;
 
+  export import PopupTemplateExpressionInfos = __esri.PopupTemplateExpressionInfos;
+
   export import PopupTemplateFieldInfos = __esri.PopupTemplateFieldInfos;
 
   export import PopupTemplateFieldInfosFormat = __esri.PopupTemplateFieldInfosFormat;
 
+  export import FeatureLayerApplyEditsEdits = __esri.FeatureLayerApplyEditsEdits;
+
+  export import FeatureLayerCapabilities = __esri.FeatureLayerCapabilities;
+
+  export import FeatureLayerCapabilitiesData = __esri.FeatureLayerCapabilitiesData;
+
+  export import FeatureLayerCapabilitiesEditing = __esri.FeatureLayerCapabilitiesEditing;
+
+  export import FeatureLayerCapabilitiesOperations = __esri.FeatureLayerCapabilitiesOperations;
+
+  export import FeatureLayerCapabilitiesQuery = __esri.FeatureLayerCapabilitiesQuery;
+
+  export import FeatureLayerCapabilitiesQueryRelated = __esri.FeatureLayerCapabilitiesQueryRelated;
+
+  export import FeatureLayerElevationInfo = __esri.FeatureLayerElevationInfo;
+
+  export import FeatureLayerFeatureReduction = __esri.FeatureLayerFeatureReduction;
+
+  export import FeatureLayerGetFieldDomainOptions = __esri.FeatureLayerGetFieldDomainOptions;
+
+  export import FeatureLayerLayerviewCreateEvent = __esri.FeatureLayerLayerviewCreateEvent;
+
+  export import FeatureLayerLayerviewCreateEventHandler = __esri.FeatureLayerLayerviewCreateEventHandler;
+
+  export import FeatureLayerLayerviewDestroyEvent = __esri.FeatureLayerLayerviewDestroyEvent;
+
+  export import FeatureLayerLayerviewDestroyEventHandler = __esri.FeatureLayerLayerviewDestroyEventHandler;
+
+  export import GraphicsLayerElevationInfo = __esri.GraphicsLayerElevationInfo;
+
+  export import GraphicsLayerLayerviewCreateEvent = __esri.GraphicsLayerLayerviewCreateEvent;
+
+  export import GraphicsLayerLayerviewCreateEventHandler = __esri.GraphicsLayerLayerviewCreateEventHandler;
+
+  export import GraphicsLayerLayerviewDestroyEvent = __esri.GraphicsLayerLayerviewDestroyEvent;
+
+  export import GraphicsLayerLayerviewDestroyEventHandler = __esri.GraphicsLayerLayerviewDestroyEventHandler;
+
+  export import LayerFromArcGISServerUrlParams = __esri.LayerFromArcGISServerUrlParams;
+
+  export import LayerFromPortalItemParams = __esri.LayerFromPortalItemParams;
+
+  export import FeatureTemplateThumbnail = __esri.FeatureTemplateThumbnail;
+
+  export import LabelClassLabelExpressionInfo = __esri.LabelClassLabelExpressionInfo;
+
+  export import LabelSymbol3DVerticalOffsetProperties = __esri.LabelSymbol3DVerticalOffsetProperties;
+  export import LabelSymbol3DVerticalOffset = __esri.LabelSymbol3DVerticalOffset;
+
+  export import QueryQuantizationParameters = __esri.QueryQuantizationParameters;
+
+  export import ViewPadding = __esri.ViewPadding;
+
   export import WebMapSourceVersion = __esri.WebMapSourceVersion;
 
   export import WebSceneSaveAsOptions = __esri.WebSceneSaveAsOptions;
@@ -8399,6 +9650,99 @@ declare module "esri" {
 
   export import WebSceneUpdateFromOptions = __esri.WebSceneUpdateFromOptions;
 
+  export import EventHandler = __esri.EventHandler;
+
+  export import SceneViewDragEventOrigin = __esri.SceneViewDragEventOrigin;
+
+  export import SceneViewClickEvent = __esri.SceneViewClickEvent;
+
+  export import SceneViewClickEventHandler = __esri.SceneViewClickEventHandler;
+
+  export import SceneViewDoubleClickEvent = __esri.SceneViewDoubleClickEvent;
+
+  export import SceneViewDoubleClickEventHandler = __esri.SceneViewDoubleClickEventHandler;
+
+  export import SceneViewDragEvent = __esri.SceneViewDragEvent;
+
+  export import SceneViewDragEventHandler = __esri.SceneViewDragEventHandler;
+
+  export import EasingFunction = __esri.EasingFunction;
+
+  export import SceneViewHoldEvent = __esri.SceneViewHoldEvent;
+
+  export import SceneViewHoldEventHandler = __esri.SceneViewHoldEventHandler;
+
+  export import SceneViewKeyDownEvent = __esri.SceneViewKeyDownEvent;
+
+  export import SceneViewKeyDownEventHandler = __esri.SceneViewKeyDownEventHandler;
+
+  export import SceneViewKeyUpEvent = __esri.SceneViewKeyUpEvent;
+
+  export import SceneViewKeyUpEventHandler = __esri.SceneViewKeyUpEventHandler;
+
+  export import SceneViewLayerviewCreateEvent = __esri.SceneViewLayerviewCreateEvent;
+
+  export import SceneViewLayerviewCreateEventHandler = __esri.SceneViewLayerviewCreateEventHandler;
+
+  export import SceneViewLayerviewDestroyEvent = __esri.SceneViewLayerviewDestroyEvent;
+
+  export import SceneViewLayerviewDestroyEventHandler = __esri.SceneViewLayerviewDestroyEventHandler;
+
+  export import SceneViewMouseWheelEvent = __esri.SceneViewMouseWheelEvent;
+
+  export import SceneViewMouseWheelEventHandler = __esri.SceneViewMouseWheelEventHandler;
+
+  export import SceneViewPointerDownEvent = __esri.SceneViewPointerDownEvent;
+
+  export import SceneViewPointerDownEventHandler = __esri.SceneViewPointerDownEventHandler;
+
+  export import SceneViewPointerMoveEvent = __esri.SceneViewPointerMoveEvent;
+
+  export import SceneViewPointerMoveEventHandler = __esri.SceneViewPointerMoveEventHandler;
+
+  export import SceneViewPointerUpEvent = __esri.SceneViewPointerUpEvent;
+
+  export import SceneViewPointerUpEventHandler = __esri.SceneViewPointerUpEventHandler;
+
+  export import SceneViewResizeEvent = __esri.SceneViewResizeEvent;
+
+  export import SceneViewResizeEventHandler = __esri.SceneViewResizeEventHandler;
+
+  export import SceneViewConstraintsProperties = __esri.SceneViewConstraintsProperties;
+  export import SceneViewConstraints = __esri.SceneViewConstraints;
+
+  export import SceneViewConstraintsAltitudeProperties = __esri.SceneViewConstraintsAltitudeProperties;
+  export import SceneViewConstraintsAltitude = __esri.SceneViewConstraintsAltitude;
+
+  export import SceneViewConstraintsClipDistanceProperties = __esri.SceneViewConstraintsClipDistanceProperties;
+  export import SceneViewConstraintsClipDistance = __esri.SceneViewConstraintsClipDistance;
+
+  export import SceneViewConstraintsCollision = __esri.SceneViewConstraintsCollision;
+
+  export import SceneViewConstraintsTiltProperties = __esri.SceneViewConstraintsTiltProperties;
+  export import SceneViewConstraintsTilt = __esri.SceneViewConstraintsTilt;
+
+  export import SceneViewEnvironmentProperties = __esri.SceneViewEnvironmentProperties;
+  export import SceneViewEnvironment = __esri.SceneViewEnvironment;
+
+  export import SceneViewEnvironmentAtmosphereProperties = __esri.SceneViewEnvironmentAtmosphereProperties;
+  export import SceneViewEnvironmentAtmosphere = __esri.SceneViewEnvironmentAtmosphere;
+
+  export import SceneViewEnvironmentLightingProperties = __esri.SceneViewEnvironmentLightingProperties;
+  export import SceneViewEnvironmentLighting = __esri.SceneViewEnvironmentLighting;
+
+  export import SceneViewGoToOptions = __esri.SceneViewGoToOptions;
+
+  export import SceneViewHighlightOptions = __esri.SceneViewHighlightOptions;
+
+  export import SceneViewHitTestScreenPoint = __esri.SceneViewHitTestScreenPoint;
+
+  export import SceneViewToMapScreenPoint = __esri.SceneViewToMapScreenPoint;
+
+  export import WatchHandle = __esri.WatchHandle;
+
+  export import WatchCallback = __esri.WatchCallback;
+
   export import IdentityManagerBaseGenerateTokenOptions = __esri.IdentityManagerBaseGenerateTokenOptions;
 
   export import IdentityManagerBaseGetCredentialOptions = __esri.IdentityManagerBaseGetCredentialOptions;
@@ -8413,54 +9757,232 @@ declare module "esri" {
 
   export import IdentityManagerBaseSignInOptions = __esri.IdentityManagerBaseSignInOptions;
 
-  export import ElevationLayerQueryElevationOptions = __esri.ElevationLayerQueryElevationOptions;
+  export import IdentityManagerCredentialCreateEvent = __esri.IdentityManagerCredentialCreateEvent;
+
+  export import IdentityManagerCredentialCreateEventHandler = __esri.IdentityManagerCredentialCreateEventHandler;
+
+  export import IdentityManagerCredentialsDestroyEvent = __esri.IdentityManagerCredentialsDestroyEvent;
+
+  export import IdentityManagerCredentialsDestroyEventHandler = __esri.IdentityManagerCredentialsDestroyEventHandler;
+
+  export import HandlerCallback = __esri.HandlerCallback;
+
+  export import BaseElevationLayerFetchTileOptions = __esri.BaseElevationLayerFetchTileOptions;
+
+  export import BaseElevationLayerLayerviewCreateEvent = __esri.BaseElevationLayerLayerviewCreateEvent;
+
+  export import BaseElevationLayerLayerviewCreateEventHandler = __esri.BaseElevationLayerLayerviewCreateEventHandler;
+
+  export import BaseElevationLayerLayerviewDestroyEvent = __esri.BaseElevationLayerLayerviewDestroyEvent;
+
+  export import BaseElevationLayerLayerviewDestroyEventHandler = __esri.BaseElevationLayerLayerviewDestroyEventHandler;
 
   export import CSVLayerElevationInfo = __esri.CSVLayerElevationInfo;
 
-  export import FeatureLayerApplyEditsEdits = __esri.FeatureLayerApplyEditsEdits;
+  export import CSVLayerFeatureReduction = __esri.CSVLayerFeatureReduction;
 
-  export import FeatureLayerCapabilities = __esri.FeatureLayerCapabilities;
+  export import CSVLayerLayerviewCreateEvent = __esri.CSVLayerLayerviewCreateEvent;
 
-  export import FeatureLayerCapabilitiesOperations = __esri.FeatureLayerCapabilitiesOperations;
+  export import CSVLayerLayerviewCreateEventHandler = __esri.CSVLayerLayerviewCreateEventHandler;
 
-  export import FeatureLayerElevationInfo = __esri.FeatureLayerElevationInfo;
+  export import CSVLayerLayerviewDestroyEvent = __esri.CSVLayerLayerviewDestroyEvent;
 
-  export import FeatureLayerGetFieldDomainOptions = __esri.FeatureLayerGetFieldDomainOptions;
+  export import CSVLayerLayerviewDestroyEventHandler = __esri.CSVLayerLayerviewDestroyEventHandler;
 
-  export import GraphicsLayerElevationInfo = __esri.GraphicsLayerElevationInfo;
+  export import ElevationLayerQueryElevationOptions = __esri.ElevationLayerQueryElevationOptions;
 
-  export import LayerFromArcGISServerUrlParams = __esri.LayerFromArcGISServerUrlParams;
+  export import ElevationLayerLayerviewCreateEvent = __esri.ElevationLayerLayerviewCreateEvent;
 
-  export import LayerFromPortalItemParams = __esri.LayerFromPortalItemParams;
+  export import ElevationLayerLayerviewCreateEventHandler = __esri.ElevationLayerLayerviewCreateEventHandler;
+
+  export import ElevationLayerLayerviewDestroyEvent = __esri.ElevationLayerLayerviewDestroyEvent;
+
+  export import ElevationLayerLayerviewDestroyEventHandler = __esri.ElevationLayerLayerviewDestroyEventHandler;
+
+  export import GeoRSSLayerLayerviewCreateEvent = __esri.GeoRSSLayerLayerviewCreateEvent;
+
+  export import GeoRSSLayerLayerviewCreateEventHandler = __esri.GeoRSSLayerLayerviewCreateEventHandler;
+
+  export import GeoRSSLayerLayerviewDestroyEvent = __esri.GeoRSSLayerLayerviewDestroyEvent;
+
+  export import GeoRSSLayerLayerviewDestroyEventHandler = __esri.GeoRSSLayerLayerviewDestroyEventHandler;
+
+  export import GroupLayerLayerviewCreateEvent = __esri.GroupLayerLayerviewCreateEvent;
+
+  export import GroupLayerLayerviewCreateEventHandler = __esri.GroupLayerLayerviewCreateEventHandler;
+
+  export import GroupLayerLayerviewDestroyEvent = __esri.GroupLayerLayerviewDestroyEvent;
+
+  export import GroupLayerLayerviewDestroyEventHandler = __esri.GroupLayerLayerviewDestroyEventHandler;
+
+  export import ImageryLayerLayerviewCreateEvent = __esri.ImageryLayerLayerviewCreateEvent;
+
+  export import ImageryLayerLayerviewCreateEventHandler = __esri.ImageryLayerLayerviewCreateEventHandler;
+
+  export import ImageryLayerLayerviewDestroyEvent = __esri.ImageryLayerLayerviewDestroyEvent;
+
+  export import ImageryLayerLayerviewDestroyEventHandler = __esri.ImageryLayerLayerviewDestroyEventHandler;
+
+  export import IntegratedMeshLayerLayerviewCreateEvent = __esri.IntegratedMeshLayerLayerviewCreateEvent;
+
+  export import IntegratedMeshLayerLayerviewCreateEventHandler = __esri.IntegratedMeshLayerLayerviewCreateEventHandler;
+
+  export import IntegratedMeshLayerLayerviewDestroyEvent = __esri.IntegratedMeshLayerLayerviewDestroyEvent;
+
+  export import IntegratedMeshLayerLayerviewDestroyEventHandler = __esri.IntegratedMeshLayerLayerviewDestroyEventHandler;
+
+  export import MapImageLayerLayerviewCreateEvent = __esri.MapImageLayerLayerviewCreateEvent;
+
+  export import MapImageLayerLayerviewCreateEventHandler = __esri.MapImageLayerLayerviewCreateEventHandler;
+
+  export import MapImageLayerLayerviewDestroyEvent = __esri.MapImageLayerLayerviewDestroyEvent;
+
+  export import MapImageLayerLayerviewDestroyEventHandler = __esri.MapImageLayerLayerviewDestroyEventHandler;
+
+  export import MapNotesLayerLayerviewCreateEvent = __esri.MapNotesLayerLayerviewCreateEvent;
+
+  export import MapNotesLayerLayerviewCreateEventHandler = __esri.MapNotesLayerLayerviewCreateEventHandler;
+
+  export import MapNotesLayerLayerviewDestroyEvent = __esri.MapNotesLayerLayerviewDestroyEvent;
+
+  export import MapNotesLayerLayerviewDestroyEventHandler = __esri.MapNotesLayerLayerviewDestroyEventHandler;
+
+  export import OpenStreetMapLayerLayerviewCreateEvent = __esri.OpenStreetMapLayerLayerviewCreateEvent;
+
+  export import OpenStreetMapLayerLayerviewCreateEventHandler = __esri.OpenStreetMapLayerLayerviewCreateEventHandler;
+
+  export import OpenStreetMapLayerLayerviewDestroyEvent = __esri.OpenStreetMapLayerLayerviewDestroyEvent;
+
+  export import OpenStreetMapLayerLayerviewDestroyEventHandler = __esri.OpenStreetMapLayerLayerviewDestroyEventHandler;
+
+  export import PointCloudLayerLayerviewCreateEvent = __esri.PointCloudLayerLayerviewCreateEvent;
+
+  export import PointCloudLayerLayerviewCreateEventHandler = __esri.PointCloudLayerLayerviewCreateEventHandler;
+
+  export import PointCloudLayerLayerviewDestroyEvent = __esri.PointCloudLayerLayerviewDestroyEvent;
+
+  export import PointCloudLayerLayerviewDestroyEventHandler = __esri.PointCloudLayerLayerviewDestroyEventHandler;
+
+  export import PointCloudLayerElevationInfo = __esri.PointCloudLayerElevationInfo;
+
+  export import PointCloudRendererColorModulation = __esri.PointCloudRendererColorModulation;
+
+  export import PointCloudRendererPointSizeAlgorithm = __esri.PointCloudRendererPointSizeAlgorithm;
+
+  export import SceneLayerLayerviewCreateEvent = __esri.SceneLayerLayerviewCreateEvent;
+
+  export import SceneLayerLayerviewCreateEventHandler = __esri.SceneLayerLayerviewCreateEventHandler;
+
+  export import SceneLayerLayerviewDestroyEvent = __esri.SceneLayerLayerviewDestroyEvent;
+
+  export import SceneLayerLayerviewDestroyEventHandler = __esri.SceneLayerLayerviewDestroyEventHandler;
 
   export import SceneLayerElevationInfo = __esri.SceneLayerElevationInfo;
 
+  export import SceneLayerFeatureReduction = __esri.SceneLayerFeatureReduction;
+
+  export import StreamLayerLayerviewCreateEvent = __esri.StreamLayerLayerviewCreateEvent;
+
+  export import StreamLayerLayerviewCreateEventHandler = __esri.StreamLayerLayerviewCreateEventHandler;
+
+  export import StreamLayerLayerviewDestroyEvent = __esri.StreamLayerLayerviewDestroyEvent;
+
+  export import StreamLayerLayerviewDestroyEventHandler = __esri.StreamLayerLayerviewDestroyEventHandler;
+
   export import StreamLayerFilter = __esri.StreamLayerFilter;
 
   export import StreamLayerPurgeOptions = __esri.StreamLayerPurgeOptions;
 
   export import StreamLayerUpdateFilterFilterChanges = __esri.StreamLayerUpdateFilterFilterChanges;
 
+  export import TileLayerLayerviewCreateEvent = __esri.TileLayerLayerviewCreateEvent;
+
+  export import TileLayerLayerviewCreateEventHandler = __esri.TileLayerLayerviewCreateEventHandler;
+
+  export import TileLayerLayerviewDestroyEvent = __esri.TileLayerLayerviewDestroyEvent;
+
+  export import TileLayerLayerviewDestroyEventHandler = __esri.TileLayerLayerviewDestroyEventHandler;
+
+  export import TileLayerFetchTileOptions = __esri.TileLayerFetchTileOptions;
+
+  export import UnknownLayerLayerviewCreateEvent = __esri.UnknownLayerLayerviewCreateEvent;
+
+  export import UnknownLayerLayerviewCreateEventHandler = __esri.UnknownLayerLayerviewCreateEventHandler;
+
+  export import UnknownLayerLayerviewDestroyEvent = __esri.UnknownLayerLayerviewDestroyEvent;
+
+  export import UnknownLayerLayerviewDestroyEventHandler = __esri.UnknownLayerLayerviewDestroyEventHandler;
+
+  export import UnsupportedLayerLayerviewCreateEvent = __esri.UnsupportedLayerLayerviewCreateEvent;
+
+  export import UnsupportedLayerLayerviewCreateEventHandler = __esri.UnsupportedLayerLayerviewCreateEventHandler;
+
+  export import UnsupportedLayerLayerviewDestroyEvent = __esri.UnsupportedLayerLayerviewDestroyEvent;
+
+  export import UnsupportedLayerLayerviewDestroyEventHandler = __esri.UnsupportedLayerLayerviewDestroyEventHandler;
+
+  export import VectorTileLayerLayerviewCreateEvent = __esri.VectorTileLayerLayerviewCreateEvent;
+
+  export import VectorTileLayerLayerviewCreateEventHandler = __esri.VectorTileLayerLayerviewCreateEventHandler;
+
+  export import VectorTileLayerLayerviewDestroyEvent = __esri.VectorTileLayerLayerviewDestroyEvent;
+
+  export import VectorTileLayerLayerviewDestroyEventHandler = __esri.VectorTileLayerLayerviewDestroyEventHandler;
+
   export import VectorTileLayerCurrentStyleInfo = __esri.VectorTileLayerCurrentStyleInfo;
 
-  export import CodedValueDomainCodedValues = __esri.CodedValueDomainCodedValues;
+  export import WebTileLayerLayerviewCreateEvent = __esri.WebTileLayerLayerviewCreateEvent;
 
-  export import LabelClassLabelExpressionInfo = __esri.LabelClassLabelExpressionInfo;
+  export import WebTileLayerLayerviewCreateEventHandler = __esri.WebTileLayerLayerviewCreateEventHandler;
+
+  export import WebTileLayerLayerviewDestroyEvent = __esri.WebTileLayerLayerviewDestroyEvent;
+
+  export import WebTileLayerLayerviewDestroyEventHandler = __esri.WebTileLayerLayerviewDestroyEventHandler;
+
+  export import WMSLayerLayerviewCreateEvent = __esri.WMSLayerLayerviewCreateEvent;
+
+  export import WMSLayerLayerviewCreateEventHandler = __esri.WMSLayerLayerviewCreateEventHandler;
+
+  export import WMSLayerLayerviewDestroyEvent = __esri.WMSLayerLayerviewDestroyEvent;
+
+  export import WMSLayerLayerviewDestroyEventHandler = __esri.WMSLayerLayerviewDestroyEventHandler;
+
+  export import WMSLayerFetchImageOptions = __esri.WMSLayerFetchImageOptions;
+
+  export import WMTSLayerLayerviewCreateEvent = __esri.WMTSLayerLayerviewCreateEvent;
+
+  export import WMTSLayerLayerviewCreateEventHandler = __esri.WMTSLayerLayerviewCreateEventHandler;
+
+  export import WMTSLayerLayerviewDestroyEvent = __esri.WMTSLayerLayerviewDestroyEvent;
+
+  export import WMTSLayerLayerviewDestroyEventHandler = __esri.WMTSLayerLayerviewDestroyEventHandler;
+
+  export import BaseDynamicLayerFetchImageOptions = __esri.BaseDynamicLayerFetchImageOptions;
+
+  export import BaseDynamicLayerLayerviewCreateEvent = __esri.BaseDynamicLayerLayerviewCreateEvent;
+
+  export import BaseDynamicLayerLayerviewCreateEventHandler = __esri.BaseDynamicLayerLayerviewCreateEventHandler;
+
+  export import BaseDynamicLayerLayerviewDestroyEvent = __esri.BaseDynamicLayerLayerviewDestroyEvent;
+
+  export import BaseDynamicLayerLayerviewDestroyEventHandler = __esri.BaseDynamicLayerLayerviewDestroyEventHandler;
+
+  export import BaseTileLayerFetchTileOptions = __esri.BaseTileLayerFetchTileOptions;
+
+  export import BaseTileLayerLayerviewCreateEvent = __esri.BaseTileLayerLayerviewCreateEvent;
+
+  export import BaseTileLayerLayerviewCreateEventHandler = __esri.BaseTileLayerLayerviewCreateEventHandler;
+
+  export import BaseTileLayerLayerviewDestroyEvent = __esri.BaseTileLayerLayerviewDestroyEvent;
+
+  export import BaseTileLayerLayerviewDestroyEventHandler = __esri.BaseTileLayerLayerviewDestroyEventHandler;
+
+  export import CodedValueDomainCodedValues = __esri.CodedValueDomainCodedValues;
 
   export import PixelBlockAddDataPlaneData = __esri.PixelBlockAddDataPlaneData;
 
   export import PixelBlockStatistics = __esri.PixelBlockStatistics;
 
-  export import PortalFeaturedGroups = __esri.PortalFeaturedGroups;
-
-  export import PortalItemFetchRelatedItemsParams = __esri.PortalItemFetchRelatedItemsParams;
-
-  export import PortalItemUpdateParams = __esri.PortalItemUpdateParams;
-
-  export import PortalUserAddItemParams = __esri.PortalUserAddItemParams;
-
-  export import PortalUserFetchItemsParams = __esri.PortalUserFetchItemsParams;
-
   export import ClassBreaksRendererClassBreakInfos = __esri.ClassBreaksRendererClassBreakInfos;
 
   export import ClassBreaksRendererLegendOptions = __esri.ClassBreaksRendererLegendOptions;
@@ -8469,8 +9991,6 @@ declare module "esri" {
 
   export import UniqueValueRendererUniqueValueInfos = __esri.UniqueValueRendererUniqueValueInfos;
 
-  export import PointCloudRendererPointSizeAlgorithm = __esri.PointCloudRendererPointSizeAlgorithm;
-
   export import PointCloudClassBreaksRendererColorClassBreakInfos = __esri.PointCloudClassBreaksRendererColorClassBreakInfos;
 
   export import PointCloudStretchRendererStops = __esri.PointCloudStretchRendererStops;
@@ -8485,34 +10005,110 @@ declare module "esri" {
 
   export import ObjectSymbol3DLayerResource = __esri.ObjectSymbol3DLayerResource;
 
+  export import PointSymbol3DVerticalOffsetProperties = __esri.PointSymbol3DVerticalOffsetProperties;
+  export import PointSymbol3DVerticalOffset = __esri.PointSymbol3DVerticalOffset;
+
   export import Symbol3DStyleOrigin = __esri.Symbol3DStyleOrigin;
 
   export import TextSymbol3DLayerFont = __esri.TextSymbol3DLayerFont;
 
+  export import TextSymbol3DLayerHalo = __esri.TextSymbol3DLayerHalo;
+
+  export import LineCallout3DBorderProperties = __esri.LineCallout3DBorderProperties;
+  export import LineCallout3DBorder = __esri.LineCallout3DBorder;
+
+  export import ClosestFacilityParametersAttributeParameterValues = __esri.ClosestFacilityParametersAttributeParameterValues;
+
   export import GeometryServiceFromGeoCoordinateStringParams = __esri.GeometryServiceFromGeoCoordinateStringParams;
 
   export import GeometryServiceToGeoCoordinateStringParams = __esri.GeometryServiceToGeoCoordinateStringParams;
 
+  export import ProjectParametersTransformation = __esri.ProjectParametersTransformation;
+
   export import LocatorAddressToLocationsParams = __esri.LocatorAddressToLocationsParams;
 
   export import LocatorAddressesToLocationsParams = __esri.LocatorAddressesToLocationsParams;
 
   export import LocatorSuggestLocationsParams = __esri.LocatorSuggestLocationsParams;
 
-  export import ClosestFacilityParametersAttributeParameterValues = __esri.ClosestFacilityParametersAttributeParameterValues;
-
   export import PrintTemplateExportOptions = __esri.PrintTemplateExportOptions;
 
   export import PrintTemplateLayoutOptions = __esri.PrintTemplateLayoutOptions;
 
-  export import ProjectParametersTransformation = __esri.ProjectParametersTransformation;
+  export import MapViewDragEventOrigin = __esri.MapViewDragEventOrigin;
 
-  export import QueryQuantizationParameters = __esri.QueryQuantizationParameters;
+  export import MapViewClickEvent = __esri.MapViewClickEvent;
+
+  export import MapViewClickEventHandler = __esri.MapViewClickEventHandler;
+
+  export import MapViewDoubleClickEvent = __esri.MapViewDoubleClickEvent;
+
+  export import MapViewDoubleClickEventHandler = __esri.MapViewDoubleClickEventHandler;
+
+  export import MapViewDragEvent = __esri.MapViewDragEvent;
+
+  export import MapViewDragEventHandler = __esri.MapViewDragEventHandler;
+
+  export import MapViewHoldEvent = __esri.MapViewHoldEvent;
+
+  export import MapViewHoldEventHandler = __esri.MapViewHoldEventHandler;
+
+  export import MapViewKeyDownEvent = __esri.MapViewKeyDownEvent;
+
+  export import MapViewKeyDownEventHandler = __esri.MapViewKeyDownEventHandler;
+
+  export import MapViewKeyUpEvent = __esri.MapViewKeyUpEvent;
+
+  export import MapViewKeyUpEventHandler = __esri.MapViewKeyUpEventHandler;
+
+  export import MapViewLayerviewCreateEvent = __esri.MapViewLayerviewCreateEvent;
+
+  export import MapViewLayerviewCreateEventHandler = __esri.MapViewLayerviewCreateEventHandler;
+
+  export import MapViewLayerviewDestroyEvent = __esri.MapViewLayerviewDestroyEvent;
+
+  export import MapViewLayerviewDestroyEventHandler = __esri.MapViewLayerviewDestroyEventHandler;
+
+  export import MapViewConstraints = __esri.MapViewConstraints;
+
+  export import MapViewGoToOptions = __esri.MapViewGoToOptions;
+
+  export import MapViewHitTestScreenPoint = __esri.MapViewHitTestScreenPoint;
+
+  export import MapViewToMapScreenPoint = __esri.MapViewToMapScreenPoint;
+
+  export import MapViewMouseWheelEvent = __esri.MapViewMouseWheelEvent;
+
+  export import MapViewMouseWheelEventHandler = __esri.MapViewMouseWheelEventHandler;
+
+  export import MapViewPointerDownEvent = __esri.MapViewPointerDownEvent;
+
+  export import MapViewPointerDownEventHandler = __esri.MapViewPointerDownEventHandler;
+
+  export import MapViewPointerMoveEvent = __esri.MapViewPointerMoveEvent;
+
+  export import MapViewPointerMoveEventHandler = __esri.MapViewPointerMoveEventHandler;
+
+  export import MapViewPointerUpEvent = __esri.MapViewPointerUpEvent;
+
+  export import MapViewPointerUpEventHandler = __esri.MapViewPointerUpEventHandler;
+
+  export import MapViewResizeEvent = __esri.MapViewResizeEvent;
+
+  export import MapViewResizeEventHandler = __esri.MapViewResizeEventHandler;
+
+  export import AttributeParamValue = __esri.AttributeParamValue;
 
   export import ConfigurationTaskGetDataWorkspaceDetailsParams = __esri.ConfigurationTaskGetDataWorkspaceDetailsParams;
 
   export import ConfigurationTaskGetUserJobQueryDetailsParams = __esri.ConfigurationTaskGetUserJobQueryDetailsParams;
 
+  export import AuxRecordDescription = __esri.AuxRecordDescription;
+
+  export import JobCreationParameters = __esri.JobCreationParameters;
+
+  export import JobQueryParameters = __esri.JobQueryParameters;
+
   export import JobTaskAddEmbeddedAttachmentParams = __esri.JobTaskAddEmbeddedAttachmentParams;
 
   export import JobTaskAddLinkedAttachmentParams = __esri.JobTaskAddLinkedAttachmentParams;
@@ -8561,6 +10157,10 @@ declare module "esri" {
 
   export import JobTaskUpdateRecordParams = __esri.JobTaskUpdateRecordParams;
 
+  export import JobUpdateParameters = __esri.JobUpdateParameters;
+
+  export import ChangeRule = __esri.ChangeRule;
+
   export import NotificationTaskAddChangeRuleParams = __esri.NotificationTaskAddChangeRuleParams;
 
   export import NotificationTaskDeleteChangeRuleParams = __esri.NotificationTaskDeleteChangeRuleParams;
@@ -8605,43 +10205,16 @@ declare module "esri" {
 
   export import WorkflowTaskSetCurrentStepParams = __esri.WorkflowTaskSetCurrentStepParams;
 
-  export import MapViewConstraints = __esri.MapViewConstraints;
-
-  export import MapViewGoToOptions = __esri.MapViewGoToOptions;
-
-  export import MapViewHitTestScreenPoint = __esri.MapViewHitTestScreenPoint;
-
-  export import SceneViewConstraintsProperties = __esri.SceneViewConstraintsProperties;
-  export import SceneViewConstraints = __esri.SceneViewConstraints;
-
-  export import SceneViewConstraintsAltitudeProperties = __esri.SceneViewConstraintsAltitudeProperties;
-  export import SceneViewConstraintsAltitude = __esri.SceneViewConstraintsAltitude;
-
-  export import SceneViewConstraintsClipDistanceProperties = __esri.SceneViewConstraintsClipDistanceProperties;
-  export import SceneViewConstraintsClipDistance = __esri.SceneViewConstraintsClipDistance;
-
-  export import SceneViewConstraintsCollision = __esri.SceneViewConstraintsCollision;
-
-  export import SceneViewConstraintsTiltProperties = __esri.SceneViewConstraintsTiltProperties;
-  export import SceneViewConstraintsTilt = __esri.SceneViewConstraintsTilt;
-
-  export import SceneViewEnvironmentProperties = __esri.SceneViewEnvironmentProperties;
-  export import SceneViewEnvironment = __esri.SceneViewEnvironment;
-
-  export import SceneViewEnvironmentAtmosphereProperties = __esri.SceneViewEnvironmentAtmosphereProperties;
-  export import SceneViewEnvironmentAtmosphere = __esri.SceneViewEnvironmentAtmosphere;
-
-  export import SceneViewEnvironmentLightingProperties = __esri.SceneViewEnvironmentLightingProperties;
-  export import SceneViewEnvironmentLighting = __esri.SceneViewEnvironmentLighting;
-
-  export import SceneViewGoToOptions = __esri.SceneViewGoToOptions;
-
-  export import SceneViewHitTestScreenPoint = __esri.SceneViewHitTestScreenPoint;
-
-  export import ViewPadding = __esri.ViewPadding;
-
   export import ImageryLayerViewPixelData = __esri.ImageryLayerViewPixelData;
 
+  export import StreamLayerViewDataReceivedEvent = __esri.StreamLayerViewDataReceivedEvent;
+
+  export import StreamLayerViewDataReceivedEventHandler = __esri.StreamLayerViewDataReceivedEventHandler;
+
+  export import StreamLayerViewFilter = __esri.StreamLayerViewFilter;
+
+  export import StreamLayerViewUpdateFilterFilter = __esri.StreamLayerViewUpdateFilterFilter;
+
   export import SlideApplyToOptions = __esri.SlideApplyToOptions;
 
   export import SlideCreateFromOptions = __esri.SlideCreateFromOptions;
@@ -8671,9 +10244,47 @@ declare module "esri" {
 
   export import PopupOpenOptions = __esri.PopupOpenOptions;
 
-  export import SearchSources = __esri.SearchSources;
+  export import SearchViewModelSearchCompleteEventResults = __esri.SearchViewModelSearchCompleteEventResults;
 
-  export import SearchViewModelSources = __esri.SearchViewModelSources;
+  export import SearchViewModelSearchCompleteEventResultsResults = __esri.SearchViewModelSearchCompleteEventResultsResults;
+
+  export import SearchViewModelSelectResultEventResult = __esri.SearchViewModelSelectResultEventResult;
+
+  export import SearchViewModelSuggestCompleteEventResults = __esri.SearchViewModelSuggestCompleteEventResults;
+
+  export import SearchViewModelSuggestCompleteEventResultsResults = __esri.SearchViewModelSuggestCompleteEventResultsResults;
+
+  export import SearchViewModelLoadEvent = __esri.SearchViewModelLoadEvent;
+
+  export import SearchViewModelLoadEventHandler = __esri.SearchViewModelLoadEventHandler;
+
+  export import SearchViewModelSearchClearEvent = __esri.SearchViewModelSearchClearEvent;
+
+  export import SearchViewModelSearchClearEventHandler = __esri.SearchViewModelSearchClearEventHandler;
+
+  export import SearchViewModelSearchCompleteEvent = __esri.SearchViewModelSearchCompleteEvent;
+
+  export import SearchViewModelSearchCompleteEventHandler = __esri.SearchViewModelSearchCompleteEventHandler;
+
+  export import SearchViewModelSearchStartEvent = __esri.SearchViewModelSearchStartEvent;
+
+  export import SearchViewModelSearchStartEventHandler = __esri.SearchViewModelSearchStartEventHandler;
+
+  export import SearchViewModelSelectResultEvent = __esri.SearchViewModelSelectResultEvent;
+
+  export import SearchViewModelSelectResultEventHandler = __esri.SearchViewModelSelectResultEventHandler;
+
+  export import SearchViewModelSuggestCompleteEvent = __esri.SearchViewModelSuggestCompleteEvent;
+
+  export import SearchViewModelSuggestCompleteEventHandler = __esri.SearchViewModelSuggestCompleteEventHandler;
+
+  export import SearchViewModelSuggestStartEvent = __esri.SearchViewModelSuggestStartEvent;
+
+  export import SearchViewModelSuggestStartEventHandler = __esri.SearchViewModelSuggestStartEventHandler;
+
+  export import DynamicLayerFetchImageOptions = __esri.DynamicLayerFetchImageOptions;
+
+  export import DynamicLayerGetImageUrlOptions = __esri.DynamicLayerGetImageUrlOptions;
 
   export import ArcGISDynamicMapServiceGetExportImageParametersOptions = __esri.ArcGISDynamicMapServiceGetExportImageParametersOptions;
 
@@ -8693,8 +10304,14 @@ declare module "esri" {
 
   export import requestEsriRequestOptions = __esri.requestEsriRequestOptions;
 
+  export import EachAlwaysResult = __esri.EachAlwaysResult;
+
   export import urlUtilsAddProxyRuleRule = __esri.urlUtilsAddProxyRuleRule;
 
+  export import EventAttachedCallback = __esri.EventAttachedCallback;
+
+  export import PausableWatchHandle = __esri.PausableWatchHandle;
+
   export import decoratorsPropertyPropertyMetadata = __esri.decoratorsPropertyPropertyMetadata;
 
   export import colorCreateContinuousRendererParams = __esri.colorCreateContinuousRendererParams;
@@ -8715,6 +10332,10 @@ declare module "esri" {
 
   export import sizeCreateVisualVariablesParamsLegendOptions = __esri.sizeCreateVisualVariablesParamsLegendOptions;
 
+  export import typeCreateRendererParams = __esri.typeCreateRendererParams;
+
+  export import typeCreateRendererParamsLegendOptions = __esri.typeCreateRendererParamsLegendOptions;
+
   export import univariateColorSizeCreateContinuousRendererParams = __esri.univariateColorSizeCreateContinuousRendererParams;
 
   export import univariateColorSizeCreateContinuousRendererParamsColorOptions = __esri.univariateColorSizeCreateContinuousRendererParamsColorOptions;
@@ -8741,11 +10362,71 @@ declare module "esri" {
 
   export import summaryStatisticsSummaryStatisticsParams = __esri.summaryStatisticsSummaryStatisticsParams;
 
+  export import uniqueValuesUniqueValuesParams = __esri.uniqueValuesUniqueValuesParams;
+
   export import colorGetSchemesParams = __esri.colorGetSchemesParams;
 
   export import locationGetSchemesParams = __esri.locationGetSchemesParams;
 
   export import sizeGetSchemesParams = __esri.sizeGetSchemesParams;
+
+  export import typeGetSchemesParams = __esri.typeGetSchemesParams;
+
+  export import JobQuery = __esri.JobQuery;
+
+  export import GroupMembership = __esri.GroupMembership;
+
+  export import JobQueryContainer = __esri.JobQueryContainer;
+
+  export import Privilege = __esri.Privilege;
+
+  export import DataWorkspace = __esri.DataWorkspace;
+
+  export import HoldType = __esri.HoldType;
+
+  export import JobPriority = __esri.JobPriority;
+
+  export import JobStatus = __esri.JobStatus;
+
+  export import JobType = __esri.JobType;
+
+  export import ActivityType = __esri.ActivityType;
+
+  export import NotificationType = __esri.NotificationType;
+
+  export import AuxRecord = __esri.AuxRecord;
+
+  export import AuxRecordValue = __esri.AuxRecordValue;
+
+  export import JobVersionInfo = __esri.JobVersionInfo;
+
+  export import QueryFieldInfo = __esri.QueryFieldInfo;
+
+  export import DatasetConfiguration = __esri.DatasetConfiguration;
+
+  export import WhereCondition = __esri.WhereCondition;
+
+  export import ReportDataGroup = __esri.ReportDataGroup;
+
+  export import WorkflowConflicts = __esri.WorkflowConflicts;
+
+  export import WorkflowOption = __esri.WorkflowOption;
+
+  export import WorkflowStepInfo = __esri.WorkflowStepInfo;
+
+  export import StepType = __esri.StepType;
+
+  export import WorkflowAnnotationDisplayDetails = __esri.WorkflowAnnotationDisplayDetails;
+
+  export import WorkflowPathDisplayDetails = __esri.WorkflowPathDisplayDetails;
+
+  export import WorkflowStepDisplayDetails = __esri.WorkflowStepDisplayDetails;
+
+  export import ColorAndIntensity = __esri.ColorAndIntensity;
+
+  export import RenderCamera = __esri.RenderCamera;
+
+  export import SunLight = __esri.SunLight;
 }
 
 declare module "esri/Basemap" {
@@ -8883,24 +10564,9 @@ declare module "esri/identity/ServerInfo" {
   export = ServerInfo;
 }
 
-declare module "esri/layers/ElevationLayer" {
-  import ElevationLayer = __esri.ElevationLayer;
-  export = ElevationLayer;
-}
-
-declare module "esri/layers/ImageryLayer" {
-  import ImageryLayer = __esri.ImageryLayer;
-  export = ImageryLayer;
-}
-
-declare module "esri/layers/MapImageLayer" {
-  import MapImageLayer = __esri.MapImageLayer;
-  export = MapImageLayer;
-}
-
-declare module "esri/layers/TileLayer" {
-  import TileLayer = __esri.TileLayer;
-  export = TileLayer;
+declare module "esri/layers/BaseElevationLayer" {
+  import BaseElevationLayer = __esri.BaseElevationLayer;
+  export = BaseElevationLayer;
 }
 
 declare module "esri/layers/CSVLayer" {
@@ -8908,6 +10574,11 @@ declare module "esri/layers/CSVLayer" {
   export = CSVLayer;
 }
 
+declare module "esri/layers/ElevationLayer" {
+  import ElevationLayer = __esri.ElevationLayer;
+  export = ElevationLayer;
+}
+
 declare module "esri/layers/FeatureLayer" {
   import FeatureLayer = __esri.FeatureLayer;
   export = FeatureLayer;
@@ -8928,6 +10599,11 @@ declare module "esri/layers/GroupLayer" {
   export = GroupLayer;
 }
 
+declare module "esri/layers/ImageryLayer" {
+  import ImageryLayer = __esri.ImageryLayer;
+  export = ImageryLayer;
+}
+
 declare module "esri/layers/IntegratedMeshLayer" {
   import IntegratedMeshLayer = __esri.IntegratedMeshLayer;
   export = IntegratedMeshLayer;
@@ -8938,6 +10614,16 @@ declare module "esri/layers/Layer" {
   export = Layer;
 }
 
+declare module "esri/layers/MapImageLayer" {
+  import MapImageLayer = __esri.MapImageLayer;
+  export = MapImageLayer;
+}
+
+declare module "esri/layers/MapNotesLayer" {
+  import MapNotesLayer = __esri.MapNotesLayer;
+  export = MapNotesLayer;
+}
+
 declare module "esri/layers/OpenStreetMapLayer" {
   import OpenStreetMapLayer = __esri.OpenStreetMapLayer;
   export = OpenStreetMapLayer;
@@ -8958,6 +10644,11 @@ declare module "esri/layers/StreamLayer" {
   export = StreamLayer;
 }
 
+declare module "esri/layers/TileLayer" {
+  import TileLayer = __esri.TileLayer;
+  export = TileLayer;
+}
+
 declare module "esri/layers/UnknownLayer" {
   import UnknownLayer = __esri.UnknownLayer;
   export = UnknownLayer;
@@ -8978,6 +10669,26 @@ declare module "esri/layers/WebTileLayer" {
   export = WebTileLayer;
 }
 
+declare module "esri/layers/WMSLayer" {
+  import WMSLayer = __esri.WMSLayer;
+  export = WMSLayer;
+}
+
+declare module "esri/layers/WMTSLayer" {
+  import WMTSLayer = __esri.WMTSLayer;
+  export = WMTSLayer;
+}
+
+declare module "esri/layers/BaseDynamicLayer" {
+  import BaseDynamicLayer = __esri.BaseDynamicLayer;
+  export = BaseDynamicLayer;
+}
+
+declare module "esri/layers/BaseTileLayer" {
+  import BaseTileLayer = __esri.BaseTileLayer;
+  export = BaseTileLayer;
+}
+
 declare module "esri/layers/support/CodedValueDomain" {
   import CodedValueDomain = __esri.CodedValueDomain;
   export = CodedValueDomain;
@@ -8998,6 +10709,16 @@ declare module "esri/layers/support/Field" {
   export = Field;
 }
 
+declare module "esri/layers/support/FeatureTemplate" {
+  import FeatureTemplate = __esri.FeatureTemplate;
+  export = FeatureTemplate;
+}
+
+declare module "esri/layers/support/FeatureType" {
+  import FeatureType = __esri.FeatureType;
+  export = FeatureType;
+}
+
 declare module "esri/layers/support/ImageParameters" {
   import ImageParameters = __esri.ImageParameters;
   export = ImageParameters;
@@ -9053,6 +10774,26 @@ declare module "esri/layers/support/TileInfo" {
   export = TileInfo;
 }
 
+declare module "esri/layers/support/TileMatrixSet" {
+  import TileMatrixSet = __esri.TileMatrixSet;
+  export = TileMatrixSet;
+}
+
+declare module "esri/layers/support/WMSSublayer" {
+  import WMSSublayer = __esri.WMSSublayer;
+  export = WMSSublayer;
+}
+
+declare module "esri/layers/support/WMTSStyle" {
+  import WMTSStyle = __esri.WMTSStyle;
+  export = WMTSStyle;
+}
+
+declare module "esri/layers/support/WMTSSublayer" {
+  import WMTSSublayer = __esri.WMTSSublayer;
+  export = WMTSSublayer;
+}
+
 declare module "esri/portal/Portal" {
   import Portal = __esri.Portal;
   export = Portal;
@@ -9273,6 +11014,16 @@ declare module "esri/symbols/WebStyleSymbol" {
   export = WebStyleSymbol;
 }
 
+declare module "esri/symbols/callouts/Callout3D" {
+  import Callout3D = __esri.Callout3D;
+  export = Callout3D;
+}
+
+declare module "esri/symbols/callouts/LineCallout3D" {
+  import LineCallout3D = __esri.LineCallout3D;
+  export = LineCallout3D;
+}
+
 declare module "esri/tasks/ClosestFacilityTask" {
   import ClosestFacilityTask = __esri.ClosestFacilityTask;
   export = ClosestFacilityTask;
@@ -9588,6 +11339,11 @@ declare module "esri/views/layers/LayerView" {
   export = LayerView;
 }
 
+declare module "esri/views/layers/CSVLayerView" {
+  import CSVLayerView = __esri.CSVLayerView;
+  export = CSVLayerView;
+}
+
 declare module "esri/views/layers/FeatureLayerView" {
   import FeatureLayerView = __esri.FeatureLayerView;
   export = FeatureLayerView;
@@ -9608,6 +11364,11 @@ declare module "esri/views/layers/SceneLayerView" {
   export = SceneLayerView;
 }
 
+declare module "esri/views/layers/StreamLayerView" {
+  import StreamLayerView = __esri.StreamLayerView;
+  export = StreamLayerView;
+}
+
 declare module "esri/views/ui/UI" {
   import UI = __esri.UI;
   export = UI;
@@ -10013,6 +11774,11 @@ declare module "esri/renderers/smartMapping/creators/size" {
   export = size;
 }
 
+declare module "esri/renderers/smartMapping/creators/type" {
+  import type = __esri.type;
+  export = type;
+}
+
 declare module "esri/renderers/smartMapping/creators/univariateColorSize" {
   import univariateColorSize = __esri.univariateColorSize;
   export = univariateColorSize;
@@ -10033,6 +11799,11 @@ declare module "esri/renderers/smartMapping/statistics/summaryStatistics" {
   export = summaryStatistics;
 }
 
+declare module "esri/renderers/smartMapping/statistics/uniqueValues" {
+  import uniqueValues = __esri.uniqueValues;
+  export = uniqueValues;
+}
+
 declare module "esri/renderers/smartMapping/symbology/color" {
   import symbologyColor = __esri.symbologyColor;
   export = symbologyColor;
@@ -10048,6 +11819,11 @@ declare module "esri/renderers/smartMapping/symbology/size" {
   export = symbologySize;
 }
 
+declare module "esri/renderers/smartMapping/symbology/type" {
+  import symbologyType = __esri.symbologyType;
+  export = symbologyType;
+}
+
 declare module "esri/renderers/support/jsonUtils" {
   import supportJsonUtils = __esri.supportJsonUtils;
   export = supportJsonUtils;

From 55f6c16919e438da55ef464712682f9e06957065 Mon Sep 17 00:00:00 2001
From: Paul van Brenk <paul.van.brenk@microsoft.com>
Date: Wed, 5 Jul 2017 16:50:18 -0700
Subject: [PATCH 181/274] This should've been in the types folder.

---
 {is-alphanumerical => types/is-alphanumerical}/index.d.ts         | 0
 .../is-alphanumerical}/is-alphanumerical-tests.ts                 | 0
 {is-alphanumerical => types/is-alphanumerical}/tsconfig.json      | 0
 {is-alphanumerical => types/is-alphanumerical}/tslint.json        | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename {is-alphanumerical => types/is-alphanumerical}/index.d.ts (100%)
 rename {is-alphanumerical => types/is-alphanumerical}/is-alphanumerical-tests.ts (100%)
 rename {is-alphanumerical => types/is-alphanumerical}/tsconfig.json (100%)
 rename {is-alphanumerical => types/is-alphanumerical}/tslint.json (100%)

diff --git a/is-alphanumerical/index.d.ts b/types/is-alphanumerical/index.d.ts
similarity index 100%
rename from is-alphanumerical/index.d.ts
rename to types/is-alphanumerical/index.d.ts
diff --git a/is-alphanumerical/is-alphanumerical-tests.ts b/types/is-alphanumerical/is-alphanumerical-tests.ts
similarity index 100%
rename from is-alphanumerical/is-alphanumerical-tests.ts
rename to types/is-alphanumerical/is-alphanumerical-tests.ts
diff --git a/is-alphanumerical/tsconfig.json b/types/is-alphanumerical/tsconfig.json
similarity index 100%
rename from is-alphanumerical/tsconfig.json
rename to types/is-alphanumerical/tsconfig.json
diff --git a/is-alphanumerical/tslint.json b/types/is-alphanumerical/tslint.json
similarity index 100%
rename from is-alphanumerical/tslint.json
rename to types/is-alphanumerical/tslint.json

From a33d6c0accc8c9d9faa0c9279c63ebf91afb452f Mon Sep 17 00:00:00 2001
From: Dylan Chong <dylan.chong@icloud.com>
Date: Thu, 6 Jul 2017 11:23:00 +1200
Subject: [PATCH 182/274] Fix mapbox-gl.Point constructor and missing x/y
 fields

The actual type at runtime has a constructor with 2 parameters (that is now
shown above), and there are actually 2 fields (x and y.
---
 types/mapbox-gl/index.d.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/types/mapbox-gl/index.d.ts b/types/mapbox-gl/index.d.ts
index 680362fe82..8afe4c48f4 100644
--- a/types/mapbox-gl/index.d.ts
+++ b/types/mapbox-gl/index.d.ts
@@ -669,7 +669,10 @@ declare namespace mapboxgl {
 	 */
 		// Todo: Pull out class to seperate definition for Module "point-geometry"
 	export class Point {
-		constructor(options?: Object);
+		x: number;
+		y: number;
+
+		constructor(x: number, y: number);
 
 		clone(): Point;
 
@@ -707,7 +710,7 @@ declare namespace mapboxgl {
 
 		angleWithSep(x: number, y: number): number;
 		
-		convert(a: Array<number> | Point): Point;
+		static convert(a: Array<number> | Point): Point;
 	}
 
 	export class Marker {

From 5f0cd2c285be815415c96e685e67880fe64c4706 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Wed, 5 Jul 2017 19:26:00 -0700
Subject: [PATCH 183/274] Add cygwin to type of platforms in node

---
 types/node/index.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 4fbcfd8279..14dc11d44d 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -379,7 +379,8 @@ declare namespace NodeJS {
                   | 'linux'
                   | 'openbsd'
                   | 'sunos'
-                  | 'win32';
+                  | 'win32'
+                  | 'cygwin';
 
     type Signals =
         "SIGABRT" | "SIGALRM" | "SIGBUS" | "SIGCHLD" | "SIGCONT" | "SIGFPE" | "SIGHUP" | "SIGILL" | "SIGINT" | "SIGIO" |

From c56337307a22b99d863e40198f5729b23d38c37b Mon Sep 17 00:00:00 2001
From: Bernd Hacker <hacker.bernd@gmail.com>
Date: Thu, 6 Jul 2017 08:31:13 +0200
Subject: [PATCH 184/274] address feedback from pr

---
 types/heremaps/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/heremaps/index.d.ts b/types/heremaps/index.d.ts
index 8241d749b3..16147224f6 100644
--- a/types/heremaps/index.d.ts
+++ b/types/heremaps/index.d.ts
@@ -4496,7 +4496,7 @@ declare namespace H {
              */
             createDefaultLayers(opt_tileSize?: (H.service.Platform.DefaultLayersOptions | number), opt_ppi?: number,
                                 opt_lang?: string, opt_secondaryLang?: string, opt_style?: string,
-                                opt_pois?: (string | boolean)): H.service.DefaultLayers;
+                                opt_pois?: (string | boolean)): H.service.Platform.MapTypes | H.service.DefaultLayers;
 
             /**
              * This method returns an instance of H.service.RoutingService to query the Routing API.
@@ -5694,7 +5694,7 @@ declare namespace H {
              * @param opt_locale {(H.ui.i18n.Localization | string)=} - the language to use (or a full localization object).
              * @returns {H.ui.UI} - the UI instance configured with the default controls
              */
-            static createDefault(map: H.Map, mapTypes: H.service.MapType | H.service.DefaultLayers, opt_locale?: H.ui.i18n.Localization | string): H.ui.UI;
+            static createDefault(map: H.Map, mapTypes: H.service.Platform.MapTypes | H.service.MapType | H.service.DefaultLayers, opt_locale?: H.ui.i18n.Localization | string): H.ui.UI;
 
             /**
              * This method is used to capture the element view

From 99733b174685b886128ffba4e6b2f33a35fd2d0d Mon Sep 17 00:00:00 2001
From: beary <kkeerr1010@gmail.com>
Date: Thu, 6 Jul 2017 14:38:54 +0800
Subject: [PATCH 185/274] Expose `BrowserRouterProps` and `HashRouterProps`
 interface.

---
 types/react-router-dom/index.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/react-router-dom/index.d.ts b/types/react-router-dom/index.d.ts
index 44725be863..8a58dae3cf 100644
--- a/types/react-router-dom/index.d.ts
+++ b/types/react-router-dom/index.d.ts
@@ -56,7 +56,9 @@ declare module 'react-router-dom' {
 
   export {
     BrowserRouter,
+    BrowserRouterProps,
     HashRouter,
+    HashRouterProps,
     LinkProps, // TypeScript specific, not from React Router itself
     NavLinkProps, // TypeScript specific, not from React Router itself
     Link,

From 9cbb40a0809b76c5dcc2743ef3588ed4f302fe5e Mon Sep 17 00:00:00 2001
From: beary <tian1cai123@163.com>
Date: Thu, 6 Jul 2017 15:02:21 +0800
Subject: [PATCH 186/274] Browser and Hash RouterProps is TS specific.

---
 types/react-router-dom/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/react-router-dom/index.d.ts b/types/react-router-dom/index.d.ts
index 8a58dae3cf..52ec2352f2 100644
--- a/types/react-router-dom/index.d.ts
+++ b/types/react-router-dom/index.d.ts
@@ -56,9 +56,9 @@ declare module 'react-router-dom' {
 
   export {
     BrowserRouter,
-    BrowserRouterProps,
+    BrowserRouterProps, // TypeScript specific, not from React Router itself
     HashRouter,
-    HashRouterProps,
+    HashRouterProps, // TypeScript specific, not from React Router itself
     LinkProps, // TypeScript specific, not from React Router itself
     NavLinkProps, // TypeScript specific, not from React Router itself
     Link,

From a83680196054bffe4945402e3de189dbc07cd496 Mon Sep 17 00:00:00 2001
From: Ors Kovacs <orskovacs92@gmail.com>
Date: Thu, 6 Jul 2017 09:50:31 +0200
Subject: [PATCH 187/274] Fixing react-native TextInput style  - adding
 TextStyle Array to ReactNative TextInput style property

---
 types/react-native/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index a7f4324d8b..cdd58762a4 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -1205,7 +1205,7 @@ export interface TextInputProperties extends ViewProperties, TextInputIOSPropert
     /**
      * Styles
      */
-    style?: TextStyle
+    style?: TextStyle | Array<TextStyle | undefined>
 
     /**
      * Used to locate this view in end-to-end tests

From 710098f96b8a7217dc2be6c7bac1de30c14c8d69 Mon Sep 17 00:00:00 2001
From: huhuanming <workboring@gmail.com>
Date: Thu, 6 Jul 2017 14:41:42 +0800
Subject: [PATCH 188/274] add react-native-communications

---
 types/react-native-communications/index.d.ts  | 11 +++++++++
 .../react-native-communications-tests.ts      | 16 +++++++++++++
 .../react-native-communications/tsconfig.json | 24 +++++++++++++++++++
 types/react-native-communications/tslint.json |  3 +++
 4 files changed, 54 insertions(+)
 create mode 100644 types/react-native-communications/index.d.ts
 create mode 100644 types/react-native-communications/react-native-communications-tests.ts
 create mode 100644 types/react-native-communications/tsconfig.json
 create mode 100644 types/react-native-communications/tslint.json

diff --git a/types/react-native-communications/index.d.ts b/types/react-native-communications/index.d.ts
new file mode 100644
index 0000000000..d50ce419a0
--- /dev/null
+++ b/types/react-native-communications/index.d.ts
@@ -0,0 +1,11 @@
+// Type definitions for react-native-communications 2.2
+// Project: https://github.com/anarchicknight/react-native-communications
+// Definitions by: HuHuanming <https://github.com/huhuanming>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+export function phonecall(phoneNumber: string, isPrompt: boolean): void;
+export function email(to: string, cc: string, bcc: string, subject: string, body: string): void;
+export function text(phoneNumber?: string | null, body?: string | null): void;
+export function textWithoutEncoding(phoneNumber?: string | null, body?: string | null): void;
+export function web(address?: string | null): void;
diff --git a/types/react-native-communications/react-native-communications-tests.ts b/types/react-native-communications/react-native-communications-tests.ts
new file mode 100644
index 0000000000..754f8a5a0c
--- /dev/null
+++ b/types/react-native-communications/react-native-communications-tests.ts
@@ -0,0 +1,16 @@
+import { phonecall, email, text, textWithoutEncoding, web } from 'react-native-communications';
+
+phonecall('123456789', true);
+
+email('a@example.com', 'a@example.com', 'a@example.com', 'subject', 'body');
+
+text();
+text('123456789');
+text('123456789', 'body');
+
+textWithoutEncoding();
+textWithoutEncoding('123456789');
+textWithoutEncoding('123456789', 'body');
+
+web();
+web('https://example.com');
diff --git a/types/react-native-communications/tsconfig.json b/types/react-native-communications/tsconfig.json
new file mode 100644
index 0000000000..86667ea7d7
--- /dev/null
+++ b/types/react-native-communications/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react"
+  },
+  "files": [
+    "index.d.ts",
+    "react-native-communications-tests.ts"
+  ]
+}
diff --git a/types/react-native-communications/tslint.json b/types/react-native-communications/tslint.json
new file mode 100644
index 0000000000..d88586e5bd
--- /dev/null
+++ b/types/react-native-communications/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}

From abf3f82b727b80fc73e20641f24af02e5451b2f8 Mon Sep 17 00:00:00 2001
From: Drew Hays <drew.hays@hulu.com>
Date: Thu, 6 Jul 2017 07:34:14 -0700
Subject: [PATCH 189/274] Use native React.ComponentType definition

---
 types/next/index.d.ts | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/types/next/index.d.ts b/types/next/index.d.ts
index 7f8eb6b18f..436914fd5d 100644
--- a/types/next/index.d.ts
+++ b/types/next/index.d.ts
@@ -107,13 +107,11 @@ declare module 'next/link' {
 }
 
 declare module 'next/dynamic' {
-  type ComponentType<T> = React.StatelessComponent<T> | typeof React.Component;
-
   interface DynamicOptions<TCProps, TLProps> {
-    loading?: ComponentType<TLProps>;
+    loading?: React.ComponentType<TLProps>;
     ssr?: boolean;
-    modules?(props: TCProps & TLProps): { [key: string]: Promise<ComponentType<any>> };
-    render?(props: TCProps & TLProps, modules: { [key: string]: ComponentType<any> }): void;
+    modules?(props: TCProps & TLProps): { [key: string]: Promise<React.ComponentType<any>> };
+    render?(props: TCProps & TLProps, modules: { [key: string]: React.ComponentType<any> }): void;
   }
 
   class SameLoopPromise<T> extends Promise<T> {
@@ -122,12 +120,11 @@ declare module 'next/dynamic' {
     setError(value: any): void;
     runIfNeeded(): void;
   }
-  export default function<TCProps, TLProps>(componentPromise: Promise<ComponentType<TCProps>>, options?: DynamicOptions<TCProps, TLProps>): ComponentType<TCProps & TLProps>;
+  export default function<TCProps, TLProps>(componentPromise: Promise<React.ComponentType<TCProps>>, options?: DynamicOptions<TCProps, TLProps>): React.ComponentType<TCProps & TLProps>;
 }
 
 declare module 'next/router' {
   import * as url from 'url';
-  type ComponentType<T> = React.StatelessComponent<T> | typeof React.Component;
 
   interface EventChangeOptions {
     shallow?: boolean;
@@ -140,7 +137,7 @@ declare module 'next/router' {
     ready(cb: RouterCallback): void;
 
     // router properties
-    readonly components: { [key: string]: { Component: ComponentType<any>, err: any } };
+    readonly components: { [key: string]: { Component: React.ComponentType<any>, err: any } };
     readonly pathname: string;
     readonly route: string;
     readonly asPath: string;
@@ -151,7 +148,7 @@ declare module 'next/router' {
     back(): void;
     push(url: string, as?: string, options?: EventChangeOptions): Promise<boolean>;
     replace(url: string, as?: string, options?: EventChangeOptions): Promise<boolean>;
-    prefetch(url: string): Promise<ComponentType<any>>;
+    prefetch(url: string): Promise<React.ComponentType<any>>;
 
     // router events
     onAppUpdated?(nextRoute: string): void;

From 001235c7763804d5d41eeb78011a45f1cf6b192c Mon Sep 17 00:00:00 2001
From: Drew Hays <drew.hays@hulu.com>
Date: Thu, 6 Jul 2017 08:39:19 -0700
Subject: [PATCH 190/274] clean up imports

---
 types/next/index.d.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/types/next/index.d.ts b/types/next/index.d.ts
index 436914fd5d..ab6e3df6f5 100644
--- a/types/next/index.d.ts
+++ b/types/next/index.d.ts
@@ -69,11 +69,14 @@ declare module 'next/error' {
 
 declare module 'next/head' {
   import * as React from 'react';
+
   function defaultHead(): JSX.Element[];
   export default class extends React.Component<{}, {}> {}
 }
 
 declare module 'next/document' {
+  import * as React from 'react';
+
   interface DocumentProps {
     __NEXT_DATA__?: any;
     dev?: boolean;
@@ -91,6 +94,8 @@ declare module 'next/document' {
 
 declare module 'next/link' {
   import * as url from 'url';
+  import * as React from 'react';
+
   type UrlLike = url.UrlObject | url.Url;
   interface LinkState {
     prefetch?: boolean;
@@ -107,6 +112,8 @@ declare module 'next/link' {
 }
 
 declare module 'next/dynamic' {
+  import * as React from 'react';
+
   interface DynamicOptions<TCProps, TLProps> {
     loading?: React.ComponentType<TLProps>;
     ssr?: boolean;
@@ -124,7 +131,7 @@ declare module 'next/dynamic' {
 }
 
 declare module 'next/router' {
-  import * as url from 'url';
+  import * as React from 'react';
 
   interface EventChangeOptions {
     shallow?: boolean;

From a63c9fda694c6138df1d7844ea46152155a004a5 Mon Sep 17 00:00:00 2001
From: tedbcsgpro <tedb@csgpro.com>
Date: Thu, 6 Jul 2017 09:33:40 -0700
Subject: [PATCH 191/274] Updates type definitions for Dropzone 5.0.0

---
 types/dropzone/dropzone-tests.ts | 49 ++++++++++++++++++++++++++------
 types/dropzone/index.d.ts        | 30 +++++++++++++++----
 2 files changed, 65 insertions(+), 14 deletions(-)

diff --git a/types/dropzone/dropzone-tests.ts b/types/dropzone/dropzone-tests.ts
index f52cbc303e..cad22badb7 100644
--- a/types/dropzone/dropzone-tests.ts
+++ b/types/dropzone/dropzone-tests.ts
@@ -4,6 +4,10 @@ const dropzoneRenameFunction = function (name:string):string {
   return name + 'new';
 };
 
+Dropzone.createElement('<div id="divTest"></div>');
+Dropzone.isBrowserSupported();
+console.log(Dropzone.instances.length);
+
 const dropzoneWithOptions = new Dropzone(".test", {
 	url: "/some/url",
 	method: "post",
@@ -14,8 +18,14 @@ const dropzoneWithOptions = new Dropzone(".test", {
 	paramName: "file",
 	createImageThumbnails: true,
 	maxThumbnailFilesize: 1024,
-	thumbnailWidth: 50,
-	thumbnailHeight: 50,
+	thumbnailWidth: 120,
+	thumbnailHeight: 120,
+	thumbnailMethod: 'crop',
+	resizeWidth: 1024,
+    resizeHeight: 1024,
+    resizeMimeType: 'image.jpeg',
+    resizeQuality: .8,
+    resizeMethod: 'contain',
 	filesizeBase: 1000,
 	maxFiles: 100,
 	params: {
@@ -61,7 +71,7 @@ const dropzoneWithOptions = new Dropzone(".test", {
 	init: () => console.log("Initialized"),
 	forceFallback: false,
 	fallback: () => console.log("Fallback"),
-	resize: (file:Dropzone.DropzoneFile) => ({
+	resize: (file:Dropzone.DropzoneFile, width:120, height:120, resizeMethod:'contain') => ({
 		srcX: 0,
 		srcY: 0,
 		trgX: 10,
@@ -70,8 +80,6 @@ const dropzoneWithOptions = new Dropzone(".test", {
 		srcHeight: 100,
 		trgWidth: 50,
 		trgHeight: 50,
-		optWidth: 50,
-		optHeight: 50
 	}),
 
 	drop: (e:DragEvent) => console.log("Drop"),
@@ -146,6 +154,8 @@ const dropzone = new Dropzone(".test");
 dropzone.enable();
 dropzone.disable();
 
+
+
 dropzone.files.forEach(f => {
 	if (f.xhr) {
 		console.log(f.xhr.readyState)
@@ -167,10 +177,22 @@ dropzone.enqueueFile(firstFile);
 dropzone.processFile(firstFile);
 dropzone.uploadFile(firstFile);
 dropzone.cancelUpload(firstFile);
-dropzone.createThumbnail(firstFile, () => {
+
+dropzone.createThumbnail(firstFile);
+dropzone.createThumbnail(firstFile, dropzone.defaultOptions.resizeWidth);
+dropzone.createThumbnail(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight);
+dropzone.createThumbnail(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod);
+dropzone.createThumbnail(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod, true);
+dropzone.createThumbnail(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod, true, () => {
 	console.log("createThumbnail")
 });
-dropzone.createThumbnailFromUrl(firstFile, "/some/url", () => {
+
+dropzone.createThumbnailFromUrl(firstFile);
+dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth);
+dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight);
+dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod);
+dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod, true);
+dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod, true, () => {
 	console.log("createThumbnailFromUrl")
 });
 dropzone.accept(firstFile, (e:string|Error) => {
@@ -180,6 +202,9 @@ dropzone.accept(firstFile, (e:string|Error) => {
 const acceptedFiles = dropzone.getAcceptedFiles();
 dropzone.processFiles(acceptedFiles);
 
+const addedFiles = dropzone.getAddedFiles();
+dropzone.processFiles(addedFiles);
+
 const rejectedFiles = dropzone.getRejectedFiles();
 dropzone.enqueueFiles(rejectedFiles);
 
@@ -192,12 +217,18 @@ dropzone.processFiles(uploadingFiles);
 const activeFiles = dropzone.getActiveFiles();
 dropzone.processFiles(activeFiles);
 
-const addedFiles = dropzone.getFilesWithStatus(Dropzone.ADDED);
-dropzone.processFiles(addedFiles);
+const getFileWithStatusAdded = dropzone.getFilesWithStatus(Dropzone.ADDED);
+dropzone.processFiles(getFileWithStatusAdded);
 
 dropzone.processQueue();
 dropzone.removeAllFiles(true);
 
+dropzone.resizeImage(firstFile);
+dropzone.resizeImage(firstFile, 120);
+dropzone.resizeImage(firstFile, 120, 120);
+dropzone.resizeImage(firstFile, 120, 120, 'contain');
+dropzone.resizeImage(firstFile, 120, 120, 'contain', function(){});
+
 dropzone
 	.on("drop", () => {
 		console.count('drop');
diff --git a/types/dropzone/index.d.ts b/types/dropzone/index.d.ts
index 703172072f..e410833e68 100644
--- a/types/dropzone/index.d.ts
+++ b/types/dropzone/index.d.ts
@@ -1,6 +1,6 @@
-// Type definitions for Dropzone 4.3.0
+// Type definitions for Dropzone 5.0.0
 // Project: http://www.dropzonejs.com/
-// Definitions by: Natan Vivo <https://github.com/nvivo>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>, Vasya Aksyonov <https://github.com/outring>, Simon Huber <https://github.com/renuo>, Sebastiaan de Rooij <https://github.com/Hikariii>
+// Definitions by: Natan Vivo <https://github.com/nvivo>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>, Vasya Aksyonov <https://github.com/outring>, Simon Huber <https://github.com/renuo>, Sebastiaan de Rooij <https://github.com/Hikariii>, Ted Bicknell <https://github.com/tedbcsgpro>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -16,8 +16,6 @@ declare namespace Dropzone {
 		srcHeight?:number;
 		trgWidth?:number;
 		trgHeight?:number;
-		optWidth?:number;
-		optHeight?:number;
 	}
 
 	export interface DropzoneFile extends File {
@@ -41,6 +39,12 @@ declare namespace Dropzone {
 		maxThumbnailFilesize?: number;
 		thumbnailWidth?: number;
 		thumbnailHeight?: number;
+		thumbnailMethod?: string;
+		resizeWidth?: number;
+      	resizeHeight?: number;
+      	resizeMimeType?: string;
+      	resizeQuality?: number;
+      	resizeMethod?: string;
 		filesizeBase?: number;
 		maxFiles?: number;
 		params?: {};
@@ -72,7 +76,7 @@ declare namespace Dropzone {
 		init?():void;
 		forceFallback?: boolean;
 		fallback?():void;
-		resize?(file:DropzoneFile):DropzoneResizeInfo;
+		resize?(file:DropzoneFile, width?: number, height?: number, resizeMethod?:string):DropzoneResizeInfo;
 
 		drop?(e:DragEvent):void;
 		dragstart?(e:DragEvent):void;
@@ -124,6 +128,9 @@ declare class Dropzone {
 	static autoDiscover:boolean;
 	static options:any;
 	static confirm:(question:string, accepted:() => void, rejected?:() => void) => void;
+	static createElement(string: string): HTMLElement;
+	static isBrowserSupported():boolean;
+	static instances: Dropzone[];
 
 	static ADDED:string;
 	static QUEUED:string;
@@ -135,6 +142,7 @@ declare class Dropzone {
 	static SUCCESS:string;
 
 	files:Dropzone.DropzoneFile[];
+	defaultOptions:Dropzone.DropzoneOptions;
 
 	enable():void;
 
@@ -148,18 +156,30 @@ declare class Dropzone {
 
 	removeAllFiles(cancelIfNecessary?:boolean):void;
 
+	resizeImage(file:Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?: string, callback?:(...args:any[]) => void):void;
+
 	processQueue():void;
 
 	cancelUpload(file:Dropzone.DropzoneFile):void;
 
+	createThumbnail(file:Dropzone.DropzoneFile, width?:number, height?:number, resizeMethod?:string, fixOrientation?: boolean, callback?:(...args:any[]) => void):any;
+
+	createThumbnailFromUrl(file:Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?:string, fixOrientation?: boolean, callback?:(...args:any[]) => void, crossOrigin?:string):any;
+
 	processFiles(files:Dropzone.DropzoneFile[]):void;
 
 	processFile(file:Dropzone.DropzoneFile):void;
 
 	uploadFile(file:Dropzone.DropzoneFile):void;
 
+	uploadFiles(files:Dropzone.DropzoneFile[]):void;
+
 	getAcceptedFiles():Dropzone.DropzoneFile[];
 
+	getActiveFiles(): Dropzone.DropzoneFile[]
+
+	getAddedFiles() : Dropzone.DropzoneFile[];
+	
 	getRejectedFiles():Dropzone.DropzoneFile[];
 
 	getQueuedFiles():Dropzone.DropzoneFile[];

From deda4f724e0a5075f0a82e73f652742c331af0f1 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Thu, 6 Jul 2017 12:54:48 -0400
Subject: [PATCH 192/274] Added definitions for country-list

---
 types/country-list/country-list-tests.ts | 16 +++++++++
 types/country-list/index.d.ts            | 41 ++++++++++++++++++++++++
 types/country-list/tsconfig.json         | 22 +++++++++++++
 types/country-list/tslint.json           |  1 +
 4 files changed, 80 insertions(+)
 create mode 100644 types/country-list/country-list-tests.ts
 create mode 100644 types/country-list/index.d.ts
 create mode 100644 types/country-list/tsconfig.json
 create mode 100644 types/country-list/tslint.json

diff --git a/types/country-list/country-list-tests.ts b/types/country-list/country-list-tests.ts
new file mode 100644
index 0000000000..d96fe630e2
--- /dev/null
+++ b/types/country-list/country-list-tests.ts
@@ -0,0 +1,16 @@
+import countries from 'country-list';
+const Countries = countries();
+
+Countries.getCode('Barbados'); // BB
+
+Countries.getCodes();
+
+Countries.getCodeList();
+
+Countries.getData();
+
+Countries.getName('BB'); // Barbados
+
+Countries.getNameList();
+
+Countries.getNames();
diff --git a/types/country-list/index.d.ts b/types/country-list/index.d.ts
new file mode 100644
index 0000000000..6c1747ff2a
--- /dev/null
+++ b/types/country-list/index.d.ts
@@ -0,0 +1,41 @@
+// Type definitions for country-list 1.1
+// Project: https://github.com/fannarsh/country-list
+// Definitions by: Kyle Roach <https://github.com/iRoachie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+export default function Countries(): {
+  /**
+   * Expects a two-digit country code. Returns the name for that country. If not found, it returns undefined.
+   */
+  getName(code: string): string | undefined;
+
+  /**
+   * Expects the English country name. Returns the code for that country. If not found, it returns undefined.
+   */
+  getCode(name: string): string | undefined;
+
+  /**
+   * Returns an array of all country names.
+   */
+  getNames(): string[];
+
+  /**
+   * Returns an array of all country codes.
+   */
+  getCodes(): string[];
+
+  /**
+   * Returns a key-value object of all countries using the name as key.
+   */
+  getNameList(): {[name: string]: string};
+
+  /**
+   * Returns a key-value object of all countries using the code as key.
+   */
+  getCodeList(): {[code: string]: string};
+
+  /**
+   * Returns an array of all country information, in the same format as it gets imported.
+   */
+  getData(): Array<{ code: string, name: string }>;
+};
diff --git a/types/country-list/tsconfig.json b/types/country-list/tsconfig.json
new file mode 100644
index 0000000000..dce3c4a287
--- /dev/null
+++ b/types/country-list/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "country-list-tests.ts"
+    ]
+}
diff --git a/types/country-list/tslint.json b/types/country-list/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/country-list/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 1b3d820038491b032d6b890177c4a24ccbe5a863 Mon Sep 17 00:00:00 2001
From: "Barth, Christopher" <CJBARTH@bethel.jw.org>
Date: Thu, 6 Jul 2017 13:57:05 -0400
Subject: [PATCH 193/274] Correctly allow emit for any type of event for node
 worker

---
 types/node/index.d.ts    | 2 +-
 types/node/v6/index.d.ts | 2 +-
 types/node/v7/index.d.ts | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 4fbcfd8279..140f954d31 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1006,7 +1006,7 @@ declare module "cluster" {
         addListener(event: "message", listener: (message: any, handle: net.Socket | net.Server) => void): this;  // the handle is a net.Socket or net.Server object, or undefined.
         addListener(event: "online", listener: () => void): this;
 
-        emit(event: string, listener: (...args: any[]) => void): boolean
+        emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "disconnect"): boolean
         emit(event: "error", code: number, signal: string): boolean
         emit(event: "exit", code: number, signal: string): boolean
diff --git a/types/node/v6/index.d.ts b/types/node/v6/index.d.ts
index b71a70e537..0b87d6f2f6 100644
--- a/types/node/v6/index.d.ts
+++ b/types/node/v6/index.d.ts
@@ -861,7 +861,7 @@ declare module "cluster" {
         addListener(event: "message", listener: (message: any, handle: net.Socket | net.Server) => void): this;  // the handle is a net.Socket or net.Server object, or undefined.
         addListener(event: "online", listener: () => void): this;
 
-        emit(event: string, listener: Function): boolean
+        emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "disconnect", listener: () => void): boolean
         emit(event: "error", listener: (code: number, signal: string) => void): boolean
         emit(event: "exit", listener: (code: number, signal: string) => void): boolean
diff --git a/types/node/v7/index.d.ts b/types/node/v7/index.d.ts
index f075587a95..025a63c578 100644
--- a/types/node/v7/index.d.ts
+++ b/types/node/v7/index.d.ts
@@ -870,7 +870,7 @@ declare module "cluster" {
         addListener(event: "message", listener: (message: any, handle: net.Socket | net.Server) => void): this;  // the handle is a net.Socket or net.Server object, or undefined.
         addListener(event: "online", listener: () => void): this;
 
-        emit(event: string, listener: Function): boolean
+        emit(event: string | symbol, ...args: any[]): boolean;
         emit(event: "disconnect", listener: () => void): boolean
         emit(event: "error", listener: (code: number, signal: string) => void): boolean
         emit(event: "exit", listener: (code: number, signal: string) => void): boolean

From 3b2c21cf2105ab75cfedd62cec913429af507bb3 Mon Sep 17 00:00:00 2001
From: McClelland Laboratories <jwright@mettest.com>
Date: Thu, 6 Jul 2017 11:14:34 -0700
Subject: [PATCH 194/274] Adding missing readline createInterface options

prompt?: string;
crlfDelay?: number;
removeHistoryDuplicates?: boolean;
---
 types/node/v7/index.d.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/types/node/v7/index.d.ts b/types/node/v7/index.d.ts
index f075587a95..2a2a7bf6ed 100644
--- a/types/node/v7/index.d.ts
+++ b/types/node/v7/index.d.ts
@@ -1583,6 +1583,9 @@ declare module "readline" {
         completer?: Completer | AsyncCompleter;
         terminal?: boolean;
         historySize?: number;
+        prompt?: string;
+        crlfDelay?: number;
+        removeHistoryDuplicates?: boolean;                
     }
 
     export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;

From 96f681f10c7250588976b66d3abded253c507e9e Mon Sep 17 00:00:00 2001
From: tedbcsgpro <tedb@csgpro.com>
Date: Thu, 6 Jul 2017 11:26:53 -0700
Subject: [PATCH 195/274] updates style and formatting, missing semicolons

---
 types/dropzone/dropzone-tests.ts |  88 +++++----
 types/dropzone/index.d.ts        | 308 +++++++++++++++----------------
 2 files changed, 197 insertions(+), 199 deletions(-)

diff --git a/types/dropzone/dropzone-tests.ts b/types/dropzone/dropzone-tests.ts
index cad22badb7..53cedba333 100644
--- a/types/dropzone/dropzone-tests.ts
+++ b/types/dropzone/dropzone-tests.ts
@@ -1,7 +1,7 @@
 const dropzoneFromString = new Dropzone(".test");
 const dropzoneFromElement = new Dropzone(document.getElementById("test"));
-const dropzoneRenameFunction = function (name:string):string {
-  return name + 'new';
+const dropzoneRenameFunction = function (name: string): string {
+	return name + 'new';
 };
 
 Dropzone.createElement('<div id="divTest"></div>');
@@ -22,10 +22,10 @@ const dropzoneWithOptions = new Dropzone(".test", {
 	thumbnailHeight: 120,
 	thumbnailMethod: 'crop',
 	resizeWidth: 1024,
-    resizeHeight: 1024,
-    resizeMimeType: 'image.jpeg',
-    resizeQuality: .8,
-    resizeMethod: 'contain',
+	resizeHeight: 1024,
+	resizeMimeType: 'image.jpeg',
+	resizeQuality: .8,
+	resizeMethod: 'contain',
 	filesizeBase: 1000,
 	maxFiles: 100,
 	params: {
@@ -57,7 +57,7 @@ const dropzoneWithOptions = new Dropzone(".test", {
 	dictRemoveFileConfirmation: "",
 	dictMaxFilesExceeded: "",
 
-	accept: (file:Dropzone.DropzoneFile, done:(error?:string|Error) => void) => {
+	accept: (file: Dropzone.DropzoneFile, done: (error?: string | Error) => void) => {
 		if (file.accepted) {
 			file.previewElement.classList.add("accepted");
 			file.previewTemplate.classList.add("accepted");
@@ -71,7 +71,7 @@ const dropzoneWithOptions = new Dropzone(".test", {
 	init: () => console.log("Initialized"),
 	forceFallback: false,
 	fallback: () => console.log("Fallback"),
-	resize: (file:Dropzone.DropzoneFile, width:120, height:120, resizeMethod:'contain') => ({
+	resize: (file: Dropzone.DropzoneFile, width: 120, height: 120, resizeMethod: 'contain') => ({
 		srcX: 0,
 		srcY: 0,
 		trgX: 10,
@@ -82,50 +82,50 @@ const dropzoneWithOptions = new Dropzone(".test", {
 		trgHeight: 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"),
+	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"),
+	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"),
+	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"),
+	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"),
+	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"),
+	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"),
+	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"),
+	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"),
+	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"),
+	maxfilesexceeded: (file: Dropzone.DropzoneFile) => console.log("Maxfilesexceeded"),
+	maxfilesreached: (files: Dropzone.DropzoneFile[]) => console.log("Maxfilesreached"),
 	queuecomplete: () => console.log("Queuecomplete"),
 
 	previewTemplate: "<div></div>",
 });
 
-var dropzoneWithOptionsVariations:Dropzone;
+var dropzoneWithOptionsVariations: Dropzone;
 dropzoneWithOptionsVariations = new Dropzone(".test", {
 	clickable: ".test"
 });
@@ -143,10 +143,10 @@ dropzoneWithOptionsVariations = new Dropzone(".test", {
 });
 
 dropzoneWithOptionsVariations = new Dropzone(".test", {
-    success: (file:Dropzone.DropzoneFile, response:Object) => console.log(file, response)
+	success: (file: Dropzone.DropzoneFile, response: Object) => console.log(file, response)
 });
 dropzoneWithOptionsVariations = new Dropzone(".test", {
-    success: (file:Dropzone.DropzoneFile, response:string) => console.log(file, response)
+	success: (file: Dropzone.DropzoneFile, response: string) => console.log(file, response)
 });
 
 const dropzone = new Dropzone(".test");
@@ -154,8 +154,6 @@ const dropzone = new Dropzone(".test");
 dropzone.enable();
 dropzone.disable();
 
-
-
 dropzone.files.forEach(f => {
 	if (f.xhr) {
 		console.log(f.xhr.readyState)
@@ -195,7 +193,7 @@ dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth,
 dropzone.createThumbnailFromUrl(firstFile, dropzone.defaultOptions.resizeWidth, dropzone.defaultOptions.resizeHeight, dropzone.defaultOptions.resizeMethod, true, () => {
 	console.log("createThumbnailFromUrl")
 });
-dropzone.accept(firstFile, (e:string|Error) => {
+dropzone.accept(firstFile, (e: string | Error) => {
 	console.log(e);
 });
 
@@ -227,7 +225,7 @@ dropzone.resizeImage(firstFile);
 dropzone.resizeImage(firstFile, 120);
 dropzone.resizeImage(firstFile, 120, 120);
 dropzone.resizeImage(firstFile, 120, 120, 'contain');
-dropzone.resizeImage(firstFile, 120, 120, 'contain', function(){});
+dropzone.resizeImage(firstFile, 120, 120, 'contain', function () { });
 
 dropzone
 	.on("drop", () => {
@@ -318,9 +316,9 @@ dropzone
 		console.count('queuecomplete');
 	});
 
-	dropzone.off("drop", () => {
-		console.count('drop');
-	})
+dropzone.off("drop", () => {
+	console.count('drop');
+})
 	.off("dragstart")
 	.off();
 
diff --git a/types/dropzone/index.d.ts b/types/dropzone/index.d.ts
index e410833e68..18a70ca7fb 100644
--- a/types/dropzone/index.d.ts
+++ b/types/dropzone/index.d.ts
@@ -8,14 +8,14 @@
 
 declare namespace Dropzone {
 	export interface DropzoneResizeInfo {
-		srcX?:number;
-		srcY?:number;
-		trgX?:number;
-		trgY?:number;
-		srcWidth?:number;
-		srcHeight?:number;
-		trgWidth?:number;
-		trgHeight?:number;
+		srcX?: number;
+		srcY?: number;
+		trgX?: number;
+		trgY?: number;
+		srcWidth?: number;
+		srcHeight?: number;
+		trgWidth?: number;
+		trgHeight?: number;
 	}
 
 	export interface DropzoneFile extends File {
@@ -41,22 +41,22 @@ declare namespace Dropzone {
 		thumbnailHeight?: number;
 		thumbnailMethod?: string;
 		resizeWidth?: number;
-      	resizeHeight?: number;
-      	resizeMimeType?: string;
-      	resizeQuality?: number;
-      	resizeMethod?: string;
+		resizeHeight?: number;
+		resizeMimeType?: string;
+		resizeQuality?: number;
+		resizeMethod?: string;
 		filesizeBase?: number;
 		maxFiles?: number;
 		params?: {};
 		headers?: {};
-		clickable?: boolean|string|HTMLElement|(string|HTMLElement)[];
+		clickable?: boolean | string | HTMLElement | (string | HTMLElement)[];
 		ignoreHiddenFiles?: boolean;
 		acceptedFiles?: string;
-		renameFilename?(name:string): string;
+		renameFilename?(name: string): string;
 		autoProcessQueue?: boolean;
 		autoQueue?: boolean;
 		addRemoveLinks?: boolean;
-		previewsContainer?: boolean|string|HTMLElement;
+		previewsContainer?: boolean | string | HTMLElement;
 		hiddenInputContainer?: HTMLElement;
 		capture?: string;
 
@@ -72,225 +72,225 @@ declare namespace Dropzone {
 		dictRemoveFileConfirmation?: string;
 		dictMaxFilesExceeded?: string;
 
-		accept?(file:DropzoneFile, done:(error?:string|Error) => void):void;
-		init?():void;
+		accept?(file: DropzoneFile, done: (error?: string | Error) => void): void;
+		init?(): void;
 		forceFallback?: boolean;
-		fallback?():void;
-		resize?(file:DropzoneFile, width?: number, height?: number, resizeMethod?:string):DropzoneResizeInfo;
+		fallback?(): void;
+		resize?(file: DropzoneFile, width?: number, height?: number, resizeMethod?: string): DropzoneResizeInfo;
 
-		drop?(e:DragEvent):void;
-		dragstart?(e:DragEvent):void;
-		dragend?(e:DragEvent):void;
-		dragenter?(e:DragEvent):void;
-		dragover?(e:DragEvent):void;
-		dragleave?(e:DragEvent):void;
-		paste?(e:DragEvent):void;
+		drop?(e: DragEvent): void;
+		dragstart?(e: DragEvent): void;
+		dragend?(e: DragEvent): void;
+		dragenter?(e: DragEvent): void;
+		dragover?(e: DragEvent): void;
+		dragleave?(e: DragEvent): void;
+		paste?(e: DragEvent): void;
 
-		reset?():void;
+		reset?(): void;
 
-		addedfile?(file:DropzoneFile):void;
-		addedfiles?(files:DropzoneFile[]):void;
-		removedfile?(file:DropzoneFile):void;
-		thumbnail?(file:DropzoneFile, dataUrl:string):void;
+		addedfile?(file: DropzoneFile): void;
+		addedfiles?(files: DropzoneFile[]): void;
+		removedfile?(file: DropzoneFile): void;
+		thumbnail?(file: DropzoneFile, dataUrl: string): void;
 
-		error?(file:DropzoneFile, message:string|Error, xhr:XMLHttpRequest):void;
-		errormultiple?(files:DropzoneFile[], message:string|Error, xhr:XMLHttpRequest):void;
+		error?(file: DropzoneFile, message: string | Error, xhr: XMLHttpRequest): void;
+		errormultiple?(files: DropzoneFile[], message: string | Error, xhr: XMLHttpRequest): void;
 
-		processing?(file:DropzoneFile):void;
-		processingmultiple?(files:DropzoneFile[]):void;
+		processing?(file: DropzoneFile): void;
+		processingmultiple?(files: DropzoneFile[]): void;
 
-		uploadprogress?(file:DropzoneFile, progress:number, bytesSent:number):void;
-		totaluploadprogress?(totalProgress:number, totalBytes:number, totalBytesSent:number):void;
+		uploadprogress?(file: DropzoneFile, progress: number, bytesSent: number): void;
+		totaluploadprogress?(totalProgress: number, totalBytes: number, totalBytesSent: number): void;
 
-		sending?(file:DropzoneFile, xhr:XMLHttpRequest, formData:FormData):void;
-		sendingmultiple?(files:DropzoneFile[], xhr:XMLHttpRequest, formData:FormData):void;
+		sending?(file: DropzoneFile, xhr: XMLHttpRequest, formData: FormData): void;
+		sendingmultiple?(files: DropzoneFile[], xhr: XMLHttpRequest, formData: FormData): void;
 
-		success?(file: DropzoneFile, response: Object|string): void;
-		successmultiple?(files:DropzoneFile[], responseText:string):void;
+		success?(file: DropzoneFile, response: Object | string): void;
+		successmultiple?(files: DropzoneFile[], responseText: string): void;
 
-		canceled?(file:DropzoneFile):void;
-		canceledmultiple?(file:DropzoneFile[]):void;
+		canceled?(file: DropzoneFile): void;
+		canceledmultiple?(file: DropzoneFile[]): void;
 
-		complete?(file:DropzoneFile):void;
-		completemultiple?(file:DropzoneFile[]):void;
+		complete?(file: DropzoneFile): void;
+		completemultiple?(file: DropzoneFile[]): void;
 
-		maxfilesexceeded?(file:DropzoneFile):void;
-		maxfilesreached?(files:DropzoneFile[]):void;
-		queuecomplete?():void;
+		maxfilesexceeded?(file: DropzoneFile): void;
+		maxfilesreached?(files: DropzoneFile[]): void;
+		queuecomplete?(): void;
 
 		previewTemplate?: string;
 	}
 }
 
 declare class Dropzone {
-	constructor(container:string|HTMLElement, options?:Dropzone.DropzoneOptions);
+	constructor(container: string | HTMLElement, options?: Dropzone.DropzoneOptions);
 
-	static autoDiscover:boolean;
-	static options:any;
-	static confirm:(question:string, accepted:() => void, rejected?:() => void) => void;
+	static autoDiscover: boolean;
+	static options: any;
+	static confirm: (question: string, accepted: () => void, rejected?: () => void) => void;
 	static createElement(string: string): HTMLElement;
-	static isBrowserSupported():boolean;
+	static isBrowserSupported(): boolean;
 	static instances: Dropzone[];
 
-	static ADDED:string;
-	static QUEUED:string;
-	static ACCEPTED:string;
-	static UPLOADING:string;
-	static PROCESSING:string;
-	static CANCELED:string;
-	static ERROR:string;
-	static SUCCESS:string;
+	static ADDED: string;
+	static QUEUED: string;
+	static ACCEPTED: string;
+	static UPLOADING: string;
+	static PROCESSING: string;
+	static CANCELED: string;
+	static ERROR: string;
+	static SUCCESS: string;
 
-	files:Dropzone.DropzoneFile[];
-	defaultOptions:Dropzone.DropzoneOptions;
+	files: Dropzone.DropzoneFile[];
+	defaultOptions: Dropzone.DropzoneOptions;
 
-	enable():void;
+	enable(): void;
 
-	disable():void;
+	disable(): void;
 
-	destroy():Dropzone;
+	destroy(): Dropzone;
 
-	addFile(file:Dropzone.DropzoneFile):void;
+	addFile(file: Dropzone.DropzoneFile): void;
 
-	removeFile(file:Dropzone.DropzoneFile):void;
+	removeFile(file: Dropzone.DropzoneFile): void;
 
-	removeAllFiles(cancelIfNecessary?:boolean):void;
+	removeAllFiles(cancelIfNecessary?: boolean): void;
 
-	resizeImage(file:Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?: string, callback?:(...args:any[]) => void):void;
+	resizeImage(file: Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?: string, callback?: (...args: any[]) => void): void;
 
-	processQueue():void;
+	processQueue(): void;
 
-	cancelUpload(file:Dropzone.DropzoneFile):void;
+	cancelUpload(file: Dropzone.DropzoneFile): void;
 
-	createThumbnail(file:Dropzone.DropzoneFile, width?:number, height?:number, resizeMethod?:string, fixOrientation?: boolean, callback?:(...args:any[]) => void):any;
+	createThumbnail(file: Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?: string, fixOrientation?: boolean, callback?: (...args: any[]) => void): any;
 
-	createThumbnailFromUrl(file:Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?:string, fixOrientation?: boolean, callback?:(...args:any[]) => void, crossOrigin?:string):any;
+	createThumbnailFromUrl(file: Dropzone.DropzoneFile, width?: number, height?: number, resizeMethod?: string, fixOrientation?: boolean, callback?: (...args: any[]) => void, crossOrigin?: string): any;
 
-	processFiles(files:Dropzone.DropzoneFile[]):void;
+	processFiles(files: Dropzone.DropzoneFile[]): void;
 
-	processFile(file:Dropzone.DropzoneFile):void;
+	processFile(file: Dropzone.DropzoneFile): void;
 
-	uploadFile(file:Dropzone.DropzoneFile):void;
+	uploadFile(file: Dropzone.DropzoneFile): void;
 
-	uploadFiles(files:Dropzone.DropzoneFile[]):void;
+	uploadFiles(files: Dropzone.DropzoneFile[]): void;
 
-	getAcceptedFiles():Dropzone.DropzoneFile[];
+	getAcceptedFiles(): Dropzone.DropzoneFile[];
 
-	getActiveFiles(): Dropzone.DropzoneFile[]
+	getActiveFiles(): Dropzone.DropzoneFile[];
 
-	getAddedFiles() : Dropzone.DropzoneFile[];
-	
-	getRejectedFiles():Dropzone.DropzoneFile[];
+	getAddedFiles(): Dropzone.DropzoneFile[];
 
-	getQueuedFiles():Dropzone.DropzoneFile[];
+	getRejectedFiles(): Dropzone.DropzoneFile[];
 
-	getUploadingFiles():Dropzone.DropzoneFile[];
+	getQueuedFiles(): Dropzone.DropzoneFile[];
 
-	accept(file:Dropzone.DropzoneFile, done:(error?:string|Error) => void):void;
+	getUploadingFiles(): Dropzone.DropzoneFile[];
 
-	getActiveFiles():Dropzone.DropzoneFile[];
+	accept(file: Dropzone.DropzoneFile, done: (error?: string | Error) => void): void;
 
-	getFilesWithStatus(status:string):Dropzone.DropzoneFile[];
+	getActiveFiles(): Dropzone.DropzoneFile[];
 
-	enqueueFile(file:Dropzone.DropzoneFile):void;
+	getFilesWithStatus(status: string): Dropzone.DropzoneFile[];
 
-	enqueueFiles(file:Dropzone.DropzoneFile[]):void;
+	enqueueFile(file: Dropzone.DropzoneFile): void;
 
-	createThumbnail(file:Dropzone.DropzoneFile, callback?:(...args:any[]) => void):any;
+	enqueueFiles(file: Dropzone.DropzoneFile[]): void;
 
-	createThumbnailFromUrl(file:Dropzone.DropzoneFile, url:string, callback?:(...args:any[]) => void):any;
+	createThumbnail(file: Dropzone.DropzoneFile, callback?: (...args: any[]) => void): any;
 
-	on(eventName:string, callback:(...args:any[]) => void):Dropzone;
+	createThumbnailFromUrl(file: Dropzone.DropzoneFile, url: string, callback?: (...args: any[]) => void): any;
+
+	on(eventName: string, callback: (...args: any[]) => void): Dropzone;
 
 	off(): Dropzone;
-	off(eventName:string, callback?:(...args:any[]) => void):Dropzone;
+	off(eventName: string, callback?: (...args: any[]) => void): Dropzone;
 
-	emit(eventName:string, ...args:any[]):Dropzone;
+	emit(eventName: string, ...args: any[]): Dropzone;
 
-	on(eventName:"drop", callback:(e:DragEvent) => any):Dropzone;
-	on(eventName:"dragstart", callback:(e:DragEvent) => any):Dropzone;
-	on(eventName:"dragend", callback:(e:DragEvent) => any):Dropzone;
-	on(eventName:"dragenter", callback:(e:DragEvent) => any):Dropzone;
-	on(eventName:"dragover", callback:(e:DragEvent) => any):Dropzone;
-	on(eventName:"dragleave", callback:(e:DragEvent) => any):Dropzone;
-	on(eventName:"paste", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName: "drop", callback: (e: DragEvent) => any): Dropzone;
+	on(eventName: "dragstart", callback: (e: DragEvent) => any): Dropzone;
+	on(eventName: "dragend", callback: (e: DragEvent) => any): Dropzone;
+	on(eventName: "dragenter", callback: (e: DragEvent) => any): Dropzone;
+	on(eventName: "dragover", callback: (e: DragEvent) => any): Dropzone;
+	on(eventName: "dragleave", callback: (e: DragEvent) => any): Dropzone;
+	on(eventName: "paste", callback: (e: DragEvent) => any): Dropzone;
 
-	on(eventName:"reset"):Dropzone;
+	on(eventName: "reset"): Dropzone;
 
-	on(eventName:"addedfile", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"addedfiles", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
-	on(eventName:"removedfile", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"thumbnail", callback:(file:Dropzone.DropzoneFile, dataUrl:string) => any):Dropzone;
+	on(eventName: "addedfile", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "addedfiles", callback: (files: Dropzone.DropzoneFile[]) => any): Dropzone;
+	on(eventName: "removedfile", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "thumbnail", callback: (file: Dropzone.DropzoneFile, dataUrl: string) => any): Dropzone;
 
-	on(eventName:"error", callback:(file:Dropzone.DropzoneFile, message:string|Error) => any):Dropzone;
-	on(eventName:"errormultiple", callback:(files:Dropzone.DropzoneFile[], message:string|Error) => any):Dropzone;
+	on(eventName: "error", callback: (file: Dropzone.DropzoneFile, message: string | Error) => any): Dropzone;
+	on(eventName: "errormultiple", callback: (files: Dropzone.DropzoneFile[], message: string | Error) => any): Dropzone;
 
-	on(eventName:"processing", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"processingmultiple", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
+	on(eventName: "processing", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "processingmultiple", callback: (files: Dropzone.DropzoneFile[]) => any): Dropzone;
 
-	on(eventName:"uploadprogress", callback:(file:Dropzone.DropzoneFile, progress:number, bytesSent:number) => any):Dropzone;
-	on(eventName:"totaluploadprogress", callback:(totalProgress:number, totalBytes:number, totalBytesSent:number) => any):Dropzone;
+	on(eventName: "uploadprogress", callback: (file: Dropzone.DropzoneFile, progress: number, bytesSent: number) => any): Dropzone;
+	on(eventName: "totaluploadprogress", callback: (totalProgress: number, totalBytes: number, totalBytesSent: number) => any): Dropzone;
 
-	on(eventName:"sending", callback:(file:Dropzone.DropzoneFile, xhr:XMLHttpRequest, formData:FormData) => any):Dropzone;
-	on(eventName:"sendingmultiple", callback:(files:Dropzone.DropzoneFile[], xhr:XMLHttpRequest, formData:FormData) => any):Dropzone;
+	on(eventName: "sending", callback: (file: Dropzone.DropzoneFile, xhr: XMLHttpRequest, formData: FormData) => any): Dropzone;
+	on(eventName: "sendingmultiple", callback: (files: Dropzone.DropzoneFile[], xhr: XMLHttpRequest, formData: FormData) => any): Dropzone;
 
-	on(eventName:"success", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"successmultiple", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
+	on(eventName: "success", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "successmultiple", callback: (files: Dropzone.DropzoneFile[]) => any): Dropzone;
 
-	on(eventName:"canceled", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"canceledmultiple", callback:(file:Dropzone.DropzoneFile[]) => any):Dropzone;
+	on(eventName: "canceled", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "canceledmultiple", callback: (file: Dropzone.DropzoneFile[]) => any): Dropzone;
 
-	on(eventName:"complete", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"completemultiple", callback:(file:Dropzone.DropzoneFile[]) => any):Dropzone;
+	on(eventName: "complete", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "completemultiple", callback: (file: Dropzone.DropzoneFile[]) => any): Dropzone;
 
-	on(eventName:"maxfilesexceeded", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
-	on(eventName:"maxfilesreached", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
-	on(eventName:"queuecomplete"):Dropzone;
+	on(eventName: "maxfilesexceeded", callback: (file: Dropzone.DropzoneFile) => any): Dropzone;
+	on(eventName: "maxfilesreached", callback: (files: Dropzone.DropzoneFile[]) => any): Dropzone;
+	on(eventName: "queuecomplete"): Dropzone;
 
-	emit(eventName:"drop", e:DragEvent):Dropzone;
-	emit(eventName:"dragstart", e:DragEvent):Dropzone;
-	emit(eventName:"dragend", e:DragEvent):Dropzone;
-	emit(eventName:"dragenter", e:DragEvent):Dropzone;
-	emit(eventName:"dragover", e:DragEvent):Dropzone;
-	emit(eventName:"dragleave", e:DragEvent):Dropzone;
-	emit(eventName:"paste", e:DragEvent):Dropzone;
+	emit(eventName: "drop", e: DragEvent): Dropzone;
+	emit(eventName: "dragstart", e: DragEvent): Dropzone;
+	emit(eventName: "dragend", e: DragEvent): Dropzone;
+	emit(eventName: "dragenter", e: DragEvent): Dropzone;
+	emit(eventName: "dragover", e: DragEvent): Dropzone;
+	emit(eventName: "dragleave", e: DragEvent): Dropzone;
+	emit(eventName: "paste", e: DragEvent): Dropzone;
 
-	emit(eventName:"reset"):Dropzone;
+	emit(eventName: "reset"): Dropzone;
 
-	emit(eventName:"addedfile", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"addedfiles", files:Dropzone.DropzoneFile[]):Dropzone;
-	emit(eventName:"removedfile", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"thumbnail", file:Dropzone.DropzoneFile, dataUrl:string):Dropzone;
+	emit(eventName: "addedfile", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "addedfiles", files: Dropzone.DropzoneFile[]): Dropzone;
+	emit(eventName: "removedfile", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "thumbnail", file: Dropzone.DropzoneFile, dataUrl: string): Dropzone;
 
-	emit(eventName:"error", file:Dropzone.DropzoneFile, message:string|Error):Dropzone;
-	emit(eventName:"errormultiple", files:Dropzone.DropzoneFile[], message:string|Error):Dropzone;
+	emit(eventName: "error", file: Dropzone.DropzoneFile, message: string | Error): Dropzone;
+	emit(eventName: "errormultiple", files: Dropzone.DropzoneFile[], message: string | Error): Dropzone;
 
-	emit(eventName:"processing", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"processingmultiple", files:Dropzone.DropzoneFile[]):Dropzone;
+	emit(eventName: "processing", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "processingmultiple", files: Dropzone.DropzoneFile[]): Dropzone;
 
-	emit(eventName:"uploadprogress", file:Dropzone.DropzoneFile, progress:number, bytesSent:number):Dropzone;
-	emit(eventName:"totaluploadprogress", totalProgress:number, totalBytes:number, totalBytesSent:number):Dropzone;
+	emit(eventName: "uploadprogress", file: Dropzone.DropzoneFile, progress: number, bytesSent: number): Dropzone;
+	emit(eventName: "totaluploadprogress", totalProgress: number, totalBytes: number, totalBytesSent: number): Dropzone;
 
-	emit(eventName:"sending", file:Dropzone.DropzoneFile, xhr:XMLHttpRequest, formData:FormData):Dropzone;
-	emit(eventName:"sendingmultiple", files:Dropzone.DropzoneFile[], xhr:XMLHttpRequest, formData:FormData):Dropzone;
+	emit(eventName: "sending", file: Dropzone.DropzoneFile, xhr: XMLHttpRequest, formData: FormData): Dropzone;
+	emit(eventName: "sendingmultiple", files: Dropzone.DropzoneFile[], xhr: XMLHttpRequest, formData: FormData): Dropzone;
 
-	emit(eventName:"success", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"successmultiple", files:Dropzone.DropzoneFile[]):Dropzone;
+	emit(eventName: "success", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "successmultiple", files: Dropzone.DropzoneFile[]): Dropzone;
 
-	emit(eventName:"canceled", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"canceledmultiple", file:Dropzone.DropzoneFile[]):Dropzone;
+	emit(eventName: "canceled", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "canceledmultiple", file: Dropzone.DropzoneFile[]): Dropzone;
 
-	emit(eventName:"complete", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"completemultiple", file:Dropzone.DropzoneFile[]):Dropzone;
+	emit(eventName: "complete", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "completemultiple", file: Dropzone.DropzoneFile[]): Dropzone;
 
-	emit(eventName:"maxfilesexceeded", file:Dropzone.DropzoneFile):Dropzone;
-	emit(eventName:"maxfilesreached", files:Dropzone.DropzoneFile[]):Dropzone;
-	emit(eventName:"queuecomplete"):Dropzone;
+	emit(eventName: "maxfilesexceeded", file: Dropzone.DropzoneFile): Dropzone;
+	emit(eventName: "maxfilesreached", files: Dropzone.DropzoneFile[]): Dropzone;
+	emit(eventName: "queuecomplete"): Dropzone;
 
 }
 
 interface JQuery {
-	dropzone(options:Dropzone.DropzoneOptions): Dropzone;
+	dropzone(options: Dropzone.DropzoneOptions): Dropzone;
 }
 
 export = Dropzone;

From f2ab19de45a7b77c153bdc8c0ebbef238aee243a Mon Sep 17 00:00:00 2001
From: Alex Chugaev <achugaev93@gmail.com>
Date: Thu, 6 Jul 2017 21:28:44 +0300
Subject: [PATCH 196/274] Updated signature of ChildProcess#send method

---
 types/node/index.d.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 4fbcfd8279..706e29e12d 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1773,7 +1773,7 @@ declare module "child_process" {
     import * as events from "events";
     import * as stream from "stream";
     import * as net from "net";
-
+                     
     export interface ChildProcess extends events.EventEmitter {
         stdin: stream.Writable;
         stdout: stream.Readable;
@@ -1781,7 +1781,7 @@ declare module "child_process" {
         stdio: [stream.Writable, stream.Readable, stream.Readable];
         pid: number;
         kill(signal?: string): void;
-        send(message: any, sendHandle?: any): boolean;
+        send(message: any, sendHandle?: net.Socket | net.Server, options?: MessageOptions, callback?: (error: Error) => void): boolean;
         connected: boolean;
         disconnect(): void;
         unref(): void;
@@ -1839,6 +1839,10 @@ declare module "child_process" {
         prependOnceListener(event: "message", listener: (message: any, sendHandle: net.Socket | net.Server) => void): this;
     }
 
+    export interface MessageOptions {
+        keepOpen: boolean;
+    }
+           
     export interface SpawnOptions {
         cwd?: string;
         env?: any;

From af374b95e350ff75a6a985d7244e6634a93c7bdd Mon Sep 17 00:00:00 2001
From: McClelland Laboratories <jwright@mettest.com>
Date: Thu, 6 Jul 2017 11:34:39 -0700
Subject: [PATCH 197/274] Removed trailing whitespaces

Removed trailing whitespaces
---
 types/node/v7/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/node/v7/index.d.ts b/types/node/v7/index.d.ts
index 2a2a7bf6ed..a7a0b1b311 100644
--- a/types/node/v7/index.d.ts
+++ b/types/node/v7/index.d.ts
@@ -1585,7 +1585,7 @@ declare module "readline" {
         historySize?: number;
         prompt?: string;
         crlfDelay?: number;
-        removeHistoryDuplicates?: boolean;                
+        removeHistoryDuplicates?: boolean;
     }
 
     export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;

From 3a40993a4d8c91eb66aa0682c8b65767cfcaf54d Mon Sep 17 00:00:00 2001
From: McClelland Laboratories <jwright@mettest.com>
Date: Thu, 6 Jul 2017 11:37:34 -0700
Subject: [PATCH 198/274] Updated createInterface Function

Added historySize?: number;,  prompt?: string;, crlfDelay?: number;, and removeHistoryDuplicates?: boolean; to createInterfaceFunction
---
 types/node/v7/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/node/v7/index.d.ts b/types/node/v7/index.d.ts
index a7a0b1b311..9fdeed19d6 100644
--- a/types/node/v7/index.d.ts
+++ b/types/node/v7/index.d.ts
@@ -1588,7 +1588,7 @@ declare module "readline" {
         removeHistoryDuplicates?: boolean;
     }
 
-    export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;
+    export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean, historySize?: number, prompt?: string, crlfDelay?: number, removeHistoryDuplicates?: boolean): ReadLine;
     export function createInterface(options: ReadLineOptions): ReadLine;
 
     export function cursorTo(stream: NodeJS.WritableStream, x: number, y: number): void;

From 65162c82236b4120bf901bb5fa0ec30b2d6e60cf Mon Sep 17 00:00:00 2001
From: Alex Chugaev <achugaev93@gmail.com>
Date: Thu, 6 Jul 2017 21:54:46 +0300
Subject: [PATCH 199/274] Changed code formatting after tslint error.

---
 types/node/index.d.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/types/node/index.d.ts b/types/node/index.d.ts
index 706e29e12d..f79373b293 100644
--- a/types/node/index.d.ts
+++ b/types/node/index.d.ts
@@ -1773,7 +1773,7 @@ declare module "child_process" {
     import * as events from "events";
     import * as stream from "stream";
     import * as net from "net";
-                     
+
     export interface ChildProcess extends events.EventEmitter {
         stdin: stream.Writable;
         stdout: stream.Readable;
@@ -1842,7 +1842,7 @@ declare module "child_process" {
     export interface MessageOptions {
         keepOpen: boolean;
     }
-           
+
     export interface SpawnOptions {
         cwd?: string;
         env?: any;
@@ -1852,6 +1852,7 @@ declare module "child_process" {
         gid?: number;
         shell?: boolean | string;
     }
+
     export function spawn(command: string, args?: string[], options?: SpawnOptions): ChildProcess;
 
     export interface ExecOptions {

From e7db750c3290820844d3806d943a66f56c446aae Mon Sep 17 00:00:00 2001
From: Dalci de Jesus Bagolin <dalcib@users.noreply.github.com>
Date: Thu, 6 Jul 2017 15:22:41 -0400
Subject: [PATCH 200/274] Add web as a platform

With the use of the react-native-web library, it is possible to write web applications, using react-native primitives, with this type definition, for which the PlatformOS returns 'web'

[https://github.com/necolas/react-native-web/blob/master/docs/apis/Platform.md](https://github.com/necolas/react-native-web/blob/master/docs/apis/Platform.md)
---
 types/react-native/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index cdd58762a4..46830051b0 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -5332,7 +5332,7 @@ export interface PixelRatioStatic {
 /**
  * @see https://facebook.github.io/react-native/docs/platform-specific-code.html#content
  */
-export type PlatformOSType = 'ios' | 'android' | 'windows'
+export type PlatformOSType = 'ios' | 'android' | 'windows' | 'web'
 
 interface PlatformStatic {
     OS: PlatformOSType

From 8fdcc2f92a26b2cbd7ce1e437d66e2b5f3f95140 Mon Sep 17 00:00:00 2001
From: Thiago Lacerda <thiagotbl@gmail.com>
Date: Thu, 6 Jul 2017 12:38:27 -0700
Subject: [PATCH 201/274] [TinyMCE] Add ignore method to UndoManager

Signed-off-by: Thiago Lacerda <thiagotbl@gmail.com>
---
 types/tinymce/index.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/tinymce/index.d.ts b/types/tinymce/index.d.ts
index 11196fd6e4..af74adf671 100644
--- a/types/tinymce/index.d.ts
+++ b/types/tinymce/index.d.ts
@@ -669,6 +669,8 @@ export interface UndoManager {
 
   hasUndo(): boolean;
 
+  ignore(callback: () => void): void;
+
   redo(): {};
 
   transact(callback: () => void): {};

From 3f2c3e2d9019d270d58df8fe49a62fb2a42d9e81 Mon Sep 17 00:00:00 2001
From: "Barth, Christopher" <CJBARTH@bethel.jw.org>
Date: Thu, 6 Jul 2017 16:54:00 -0400
Subject: [PATCH 202/274] Add support for numerical `notBefore` in jsonwebtoken

---
 types/jsonwebtoken/index.d.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/types/jsonwebtoken/index.d.ts b/types/jsonwebtoken/index.d.ts
index 02a4a87dbb..246d107dbb 100644
--- a/types/jsonwebtoken/index.d.ts
+++ b/types/jsonwebtoken/index.d.ts
@@ -27,7 +27,7 @@ export class NotBeforeError extends JsonWebTokenError {
 export interface SignOptions {
     /**
      * Signature algorithm. Could be one of these values :
-     * - HS256:    HMAC using SHA-256 hash algorithm
+     * - HS256:    HMAC using SHA-256 hash algorithm (default)
      * - HS384:    HMAC using SHA-384 hash algorithm
      * - HS512:    HMAC using SHA-512 hash algorithm
      * - RS256:    RSASSA using SHA-256 hash algorithm
@@ -40,9 +40,10 @@ export interface SignOptions {
      */
     algorithm?: string;
     keyid?: string;
-    /** @member {string} - Lifetime for the token expressed in a string describing a time span [rauchg/ms](https://github.com/rauchg/ms.js). Eg: `60`, `"2 days"`, `"10h"`, `"7d"` */
+    /** @member {string} - expressed in seconds or a string describing a time span [zeit/ms](https://github.com/zeit/ms.js).  Eg: 60, "2 days", "10h", "7d" */
     expiresIn?: string | number;
-    notBefore?: string;
+    /** @member {string} - expressed in seconds or a string describing a time span [zeit/ms](https://github.com/zeit/ms.js).  Eg: 60, "2 days", "10h", "7d" */
+    notBefore?: string | number;
     audience?: string | string[];
     subject?: string;
     issuer?: string;

From 03d228ff8e57bf7948e8f3f42579606af7882b14 Mon Sep 17 00:00:00 2001
From: nearbydelta <cd4209@gmail.com>
Date: Fri, 7 Jul 2017 06:40:13 +0900
Subject: [PATCH 203/274] Fix the definition of class Note in VexFlow. - The
 Note constructor should accept either zero argument or one argument.

---
 types/vexflow/index.d.ts       |  6 +++---
 types/vexflow/vexflow-tests.ts | 10 +++++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/types/vexflow/index.d.ts b/types/vexflow/index.d.ts
index 3c3aa2365a..873e6cc044 100644
--- a/types/vexflow/index.d.ts
+++ b/types/vexflow/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for VexFlow v1.2.83
+// Type definitions for VexFlow v1.2.84
 // Project: http://vexflow.com
 // Definitions by: Roman Quiring <https://github.com/rquiring>
 //                 Sebastian Haas <https://github.com/sebastianhaas/>
@@ -618,8 +618,8 @@ declare namespace Vex {
             getTickMultiplier() : Fraction;
             applyTickMultiplier(numerator : number, denominator : number) : void;
             setDuration(duration : Fraction) : void;
-
-            constructor(note_struct : {type? : string, dots? : number, duration : string});
+	    
+            constructor(note_struct? : {type? : string, dots? : number, duration : string});
             getPlayNote() : any;
             setPlayNote(note : any) : Note;
             isRest() : boolean;
diff --git a/types/vexflow/vexflow-tests.ts b/types/vexflow/vexflow-tests.ts
index 52a031ac1b..6a9187c7e5 100644
--- a/types/vexflow/vexflow-tests.ts
+++ b/types/vexflow/vexflow-tests.ts
@@ -34,16 +34,20 @@ notes1[2].addModifier(0, new Vex.Flow.GraceNoteGroup([gracenote], true).beamNote
 // Color the chord
 notes1[3].setStyle({fillStyle: "blue", strokeStyle: "blue"});
 
+// Add a bar
+var tickable1: Vex.Flow.Note[] = notes1;
+tickable1.push(new Vex.Flow.BarNote());
+
 // Create a voice in 4/4 and add notes
 var voice1 = new Vex.Flow.Voice({
     num_beats: 4,
     beat_value: 4,
     resolution: Vex.Flow.RESOLUTION
-}).addTickables(notes1);
+}).addTickables(tickable1);
 
 // Create a second voice with just one whole note
 var voice2 = new Vex.Flow.Voice(Vex.Flow.TIME4_4).
-    addTickables([new Vex.Flow.StaveNote({keys: ["c/4"], duration: "w"})]);
+    addTickables([new Vex.Flow.StaveNote({keys: ["c/4"], duration: "w"}), new Vex.Flow.BarNote()]);
 
 // Format and justify the notes to 550 pixels
 var formatter = new Vex.Flow.Formatter().
@@ -85,4 +89,4 @@ var notes = [
 ];
 
 // Format ad draw the notes
-Vex.Flow.Formatter.FormatAndDraw(ctx, tabstave, notes);
\ No newline at end of file
+Vex.Flow.Formatter.FormatAndDraw(ctx, tabstave, notes);

From 9dc26b65bde64bdfe1d5203af33368335ddeee7b Mon Sep 17 00:00:00 2001
From: ziga <zigomir@gmail.com>
Date: Thu, 6 Jul 2017 17:00:03 -0700
Subject: [PATCH 204/274] Labels support string[] and string[][]

As seen here http://www.chartjs.org/samples/latest/scales/multiline-labels.html. [source, see line 29](view-source:http://www.chartjs.org/samples/latest/scales/multiline-labels.html).
---
 types/chart.js/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/chart.js/index.d.ts b/types/chart.js/index.d.ts
index d567492602..bfbe9fb31e 100644
--- a/types/chart.js/index.d.ts
+++ b/types/chart.js/index.d.ts
@@ -130,7 +130,7 @@ declare namespace Chart {
     }
 
     interface ChartData {
-        labels?: string[];
+        labels?: string[] | string[][];
         datasets?: ChartDataSets[];
     }
 

From 8d32ba9f6b4fee6ebf743fe86a6b9ee61376bcdd Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Thu, 6 Jul 2017 18:30:14 -0700
Subject: [PATCH 205/274] make devtoolModuleFilenameTemplate accept a function

Reference
https://github.com/facebookincubator/create-react-app/blob/567d981ee28188a78731b4c45aedaa60b22a03bd/packages/react-scripts/config/webpack.config.dev.js#L81
---
 types/webpack/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 88cf8a6318..43295be8b9 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -106,7 +106,7 @@ declare namespace webpack {
         /** The filename of the SourceMaps for the JavaScript files. They are inside the output.path directory. */
         sourceMapFilename?: string;
         /** Filename template string of function for the sources array in a generated SourceMap. */
-        devtoolModuleFilenameTemplate?: string;
+        devtoolModuleFilenameTemplate?: string | (info: any) => string;
         /** Similar to output.devtoolModuleFilenameTemplate, but used in the case of duplicate module identifiers. */
         devtoolFallbackModuleFilenameTemplate?: string;
         /**

From a94cfa398b27074994d5077e26d870ee0442efa8 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Thu, 6 Jul 2017 18:52:30 -0700
Subject: [PATCH 206/274] add strictExportPresense to module of webpack

Reference
https://github.com/Timer/webpack/blob/master/schemas/webpackOptionsSchema.json#L222-L224
---
 types/webpack/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 88cf8a6318..928c71658c 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -168,6 +168,7 @@ declare namespace webpack {
         wrappedContextRegExp?: RegExp;
         wrappedContextRecursive?: boolean;
         wrappedContextCritical?: boolean;
+        strictExportPresence?: boolean;
     }
     interface OldModule extends BaseModule {
         /** An array of automatically applied loaders. */

From b2da60db580c9bffe4f9e33cedb0630f91c3c73a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wang=20D=C3=A0p=C3=A9ng?= <wonderfuly@gmail.com>
Date: Fri, 7 Jul 2017 11:38:23 +0800
Subject: [PATCH 207/274] [raven]: Fix CaptureOptions.fingerprint definition

---
 types/raven/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/raven/index.d.ts b/types/raven/index.d.ts
index 5a79d5d309..a312c2b452 100644
--- a/types/raven/index.d.ts
+++ b/types/raven/index.d.ts
@@ -84,6 +84,6 @@ export type TransportCallback = (options: { [key: string]: any }) => void;
 export interface CaptureOptions {
     tags?: { [key: string]: string };
     extra?: { [key: string]: any };
-    fingerprint?: string;
+    fingerprint?: string[];
     level?: string;
 }

From 69b5070ac5b47577130a9299e4c7b0da330f27ac Mon Sep 17 00:00:00 2001
From: Kyle <kroach.work@gmail.com>
Date: Fri, 7 Jul 2017 00:15:02 -0400
Subject: [PATCH 208/274] [react-native] Additional flatlist, sectionlist props

---
 types/react-native/index.d.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index cdd58762a4..c0e181d671 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3500,6 +3500,16 @@ export interface FlatListProperties<ItemT> extends ScrollViewProperties {
      */
     horizontal?: boolean
 
+    /**
+     * How many items to render in the initial batch
+     */
+    initialNumToRender?: number
+
+    /**
+     * Instead of starting at the top with the first item, start at initialScrollIndex
+     */
+    initialScrollIndex?: number
+
     /**
      * Used to extract a unique key for a given item at the specified index. Key is used for caching
      * and as the react key to track item re-ordering. The default extractor checks `item.key`, then
@@ -3658,6 +3668,11 @@ export interface SectionListProperties<ItemT> extends ScrollViewProperties {
      */
     extraData?: any
 
+    /**
+     * How many items to render in the initial batch
+     */
+    initialNumToRender?: number
+
     /**
      * Used to extract a unique key for a given item at the specified index. Key is used for caching
      * and as the react key to track item re-ordering. The default extractor checks `item.key`, then

From 592694f6267d25e49f7db37877cd7e83a922b3cc Mon Sep 17 00:00:00 2001
From: Bin <liubin@glab.cn>
Date: Fri, 7 Jul 2017 12:22:41 +0800
Subject: [PATCH 209/274] Add rolling supports

Add rolling supports. https://github.com/koajs/session/pull/84
---
 types/koa-session/index.d.ts | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/types/koa-session/index.d.ts b/types/koa-session/index.d.ts
index d46bdc7765..0db13c9614 100644
--- a/types/koa-session/index.d.ts
+++ b/types/koa-session/index.d.ts
@@ -43,7 +43,14 @@ declare namespace session {
          * signed or not (default true)
          */
         signed?: boolean;
-
+        
+        /**
+          * (boolean) Force a session identifier cookie to be set on every response. 
+          * The expiration is reset to the original maxAge, resetting the expiration countdown. 
+          * default is false.
+          */
+        rolling?: boolean;
+        
         /**
          * You can store the session content in external stores(redis, mongodb or other DBs)
          */

From 55b475e64317a2a1709ec0e2a27c9db6d3d5f8cb Mon Sep 17 00:00:00 2001
From: Bin <liubin@glab.cn>
Date: Fri, 7 Jul 2017 12:33:17 +0800
Subject: [PATCH 210/274] delete space

Add rolling supports to koa-session. Delete space.
---
 types/koa-session/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/koa-session/index.d.ts b/types/koa-session/index.d.ts
index 0db13c9614..f5499042f6 100644
--- a/types/koa-session/index.d.ts
+++ b/types/koa-session/index.d.ts
@@ -43,11 +43,11 @@ declare namespace session {
          * signed or not (default true)
          */
         signed?: boolean;
-        
+
         /**
-          * (boolean) Force a session identifier cookie to be set on every response. 
-          * The expiration is reset to the original maxAge, resetting the expiration countdown. 
-          * default is false.
+          * (boolean) Force a session identifier cookie to be set on every response
+          * The expiration is reset to the original maxAge, resetting the expiration countdown
+          * default is false
           */
         rolling?: boolean;
         

From d99f00b9f0de67d591d5e0c292de32336863aac3 Mon Sep 17 00:00:00 2001
From: Bin <liubin@glab.cn>
Date: Fri, 7 Jul 2017 12:43:23 +0800
Subject: [PATCH 211/274] Aligined asterisks

Aligined asterisks
---
 types/koa-session/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/koa-session/index.d.ts b/types/koa-session/index.d.ts
index f5499042f6..e43570de1b 100644
--- a/types/koa-session/index.d.ts
+++ b/types/koa-session/index.d.ts
@@ -45,10 +45,10 @@ declare namespace session {
         signed?: boolean;
 
         /**
-          * (boolean) Force a session identifier cookie to be set on every response
-          * The expiration is reset to the original maxAge, resetting the expiration countdown
-          * default is false
-          */
+         * (boolean) Force a session identifier cookie to be set on every response
+         * The expiration is reset to the original maxAge, resetting the expiration countdown
+         * default is false
+         */
         rolling?: boolean;
         
         /**

From b94bf813e31d21dd47a677bc50ab57c9afbb0584 Mon Sep 17 00:00:00 2001
From: Bin <liubin@glab.cn>
Date: Fri, 7 Jul 2017 12:54:49 +0800
Subject: [PATCH 212/274] fixed no-trailing-whitespace  trailing whitespace

fixed no-trailing-whitespace  trailing whitespace
---
 types/koa-session/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/koa-session/index.d.ts b/types/koa-session/index.d.ts
index e43570de1b..bd31a897e3 100644
--- a/types/koa-session/index.d.ts
+++ b/types/koa-session/index.d.ts
@@ -50,7 +50,7 @@ declare namespace session {
          * default is false
          */
         rolling?: boolean;
-        
+
         /**
          * You can store the session content in external stores(redis, mongodb or other DBs)
          */

From a2731f6cf0fc765cbbaf09bf5ea8dc2f65e1b35e Mon Sep 17 00:00:00 2001
From: "daniel.thunell" <daniel.thunell@viaplay.com>
Date: Fri, 7 Jul 2017 09:01:53 +0200
Subject: [PATCH 213/274] NodeCache will return undefined on cache miss, see
 https://github.com/mpneuried/nodecache/blob/master/_src/lib/node_cache.coffee#L101

---
 types/node-cache/index.d.ts | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/types/node-cache/index.d.ts b/types/node-cache/index.d.ts
index 37b4389d69..6cc565fd19 100644
--- a/types/node-cache/index.d.ts
+++ b/types/node-cache/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for node-cache v3.0.0
 // Project: https://github.com/tcs-de/nodecache
 // Definitions by: Ilya Mochalov <https://github.com/chrootsu>
+//                 Daniel Thunell <https://github.com/dthunell>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
@@ -25,7 +26,7 @@ declare namespace NodeCache {
 		get<T>(
 			key: string,
 			cb?: Callback<T>
-		): T;
+		): T | undefined;
 
 		/**
 		 * get multiple cached keys at once and change the stats
@@ -35,8 +36,8 @@ declare namespace NodeCache {
 		 */
 		mget<T>(
 			keys: string[],
-			cb?: Callback<{[key: string]: T}>
-		): {[key: string]: T};
+			cb?: Callback<{ [key: string]: T }>
+		): { [key: string]: T };
 
 		/**
 		 * set a cached key and change the stats
@@ -50,7 +51,7 @@ declare namespace NodeCache {
 		set<T>(
 			key: string,
 			value: T,
-			ttl: number|string,
+			ttl: number | string,
 			cb?: Callback<boolean>
 		): boolean;
 
@@ -67,7 +68,7 @@ declare namespace NodeCache {
 		 * @returns Number of deleted keys
 		 */
 		del(
-			keys: string|string[],
+			keys: string | string[],
 			cb?: Callback<number>
 		): number;
 
@@ -183,8 +184,8 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 */
 	mget<T>(
 		keys: string[],
-		cb?: Callback<{[key: string]: T}>
-	): {[key: string]: T};
+		cb?: Callback<{ [key: string]: T }>
+	): { [key: string]: T };
 
 	/**
 	 * set a cached key and change the stats
@@ -198,7 +199,7 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	set<T>(
 		key: string,
 		value: T,
-		ttl: number|string,
+		ttl: number | string,
 		cb?: Callback<boolean>
 	): boolean;
 
@@ -215,7 +216,7 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 * @returns Number of deleted keys
 	 */
 	del(
-		keys: string|string[],
+		keys: string | string[],
 		cb?: Callback<number>
 	): number;
 

From e2a10612e51549de56015402913715f1f619300f Mon Sep 17 00:00:00 2001
From: Elliot Blackburn <BlueHatbRit@users.noreply.github.com>
Date: Fri, 7 Jul 2017 08:12:36 +0100
Subject: [PATCH 214/274] Typings for passport-google-oauth2 @ 0.1.6 (#17763)

* Add typings for passport-google-oauth2 : 0.1.6

* Correct passport-google-oauth2 build errors

* Define typescript version in passport-google-oauth2
---
 types/passport-google-oauth2/index.d.ts       | 48 +++++++++++++++++++
 .../passport-google-oauth2-tests.ts           | 17 +++++++
 types/passport-google-oauth2/tsconfig.json    | 22 +++++++++
 types/passport-google-oauth2/tslint.json      |  1 +
 4 files changed, 88 insertions(+)
 create mode 100644 types/passport-google-oauth2/index.d.ts
 create mode 100644 types/passport-google-oauth2/passport-google-oauth2-tests.ts
 create mode 100644 types/passport-google-oauth2/tsconfig.json
 create mode 100644 types/passport-google-oauth2/tslint.json

diff --git a/types/passport-google-oauth2/index.d.ts b/types/passport-google-oauth2/index.d.ts
new file mode 100644
index 0000000000..5c131622e7
--- /dev/null
+++ b/types/passport-google-oauth2/index.d.ts
@@ -0,0 +1,48 @@
+// Type definitions for passport-google-oauth2 0.1
+// Project: https://github.com/mstade/passport-google-oauth2
+// Definitions by: Elliot Blackburn <https://github.com/bluehatbrit>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import {Request} from 'express';
+
+export interface StrategyOptions {
+  clientID: string;
+  clientSecret: string;
+  callbackURL: string;
+  passReqToCallback?: true;
+  scope?: string[];
+}
+
+export interface StrategyOptionsWithRequest {
+  clientID: string;
+  clientSecret: string;
+  callbackURL: string;
+  passReqToCallback: true;
+  scope?: string[];
+}
+
+export interface VerifyOptions {
+  message: string;
+}
+
+export type VerifyCallback = (error: any, user?: any, options?: VerifyOptions) => void;
+
+export type VerifyFunctionWithRequest = (
+    req: Request,
+    accessToken: string,
+    refreshToken: string,
+    profile: any,
+    done: VerifyCallback
+) => void;
+
+export type VerifyFunction = (accessToken: string, refreshToken: string, profile: any, done: VerifyCallback) => void;
+
+export class Strategy implements Strategy {
+  name: string;
+  authenticate: (req: Request, options?: object) => void;
+
+  constructor(options: StrategyOptionsWithRequest, verify: VerifyFunctionWithRequest);
+  constructor(options: StrategyOptions, verify: VerifyFunction);
+  constructor(verify: VerifyFunction);
+}
diff --git a/types/passport-google-oauth2/passport-google-oauth2-tests.ts b/types/passport-google-oauth2/passport-google-oauth2-tests.ts
new file mode 100644
index 0000000000..37261bc818
--- /dev/null
+++ b/types/passport-google-oauth2/passport-google-oauth2-tests.ts
@@ -0,0 +1,17 @@
+import * as express from 'express';
+import * as PassportGoogle from 'passport-google-oauth2';
+import { Strategy as GoogleStrategy } from 'passport-google-oauth2';
+
+new GoogleStrategy({
+  callbackURL: 'callbackurl',
+  clientID: 'clientid',
+  clientSecret: 'shhh',
+  passReqToCallback: true,
+}, (
+  req: express.Request,
+  accessToken: string,
+  refreshToken: string,
+  profile: any,
+  done: PassportGoogle.VerifyCallback) => {
+  // Some registration / log in logic
+});
diff --git a/types/passport-google-oauth2/tsconfig.json b/types/passport-google-oauth2/tsconfig.json
new file mode 100644
index 0000000000..38b1a17f54
--- /dev/null
+++ b/types/passport-google-oauth2/tsconfig.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": [
+      "es6"
+    ],
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "baseUrl": "../",
+    "typeRoots": [
+      "../"
+    ],
+    "types": [],
+    "noEmit": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "files": [
+    "index.d.ts",
+    "passport-google-oauth2-tests.ts"
+  ]
+}
diff --git a/types/passport-google-oauth2/tslint.json b/types/passport-google-oauth2/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/passport-google-oauth2/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From a8babf29ffbaeccc15ce1c9032c5c15aa5fed160 Mon Sep 17 00:00:00 2001
From: "daniel.thunell" <daniel.thunell@viaplay.com>
Date: Fri, 7 Jul 2017 10:00:58 +0200
Subject: [PATCH 215/274] Add tslint file, fix lint errors, key can be string |
 number

---
 types/node-cache/index.d.ts          | 43 +++++++++++++++-------------
 types/node-cache/node-cache-tests.ts | 14 ++++-----
 types/node-cache/tslint.json         |  3 ++
 3 files changed, 33 insertions(+), 27 deletions(-)
 create mode 100644 types/node-cache/tslint.json

diff --git a/types/node-cache/index.d.ts b/types/node-cache/index.d.ts
index 6cc565fd19..558882a086 100644
--- a/types/node-cache/index.d.ts
+++ b/types/node-cache/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for node-cache v3.0.0
+// Type definitions for node-cache 4.1
 // Project: https://github.com/tcs-de/nodecache
 // Definitions by: Ilya Mochalov <https://github.com/chrootsu>
 //                 Daniel Thunell <https://github.com/dthunell>
@@ -6,6 +6,12 @@
 
 /// <reference types="node" />
 
+/**
+ * Since 4.1.0: Key-validation: The keys can be given as either string or number,
+ * but are casted to a string internally anyway.
+ */
+type Key = string | number;
+
 declare namespace NodeCache {
 	interface NodeCache {
 		/** container for cached data */
@@ -24,7 +30,7 @@ declare namespace NodeCache {
 		 * @param cb Callback function
 		 */
 		get<T>(
-			key: string,
+			key: Key,
 			cb?: Callback<T>
 		): T | undefined;
 
@@ -35,7 +41,7 @@ declare namespace NodeCache {
 		 * @param cb Callback function
 		 */
 		mget<T>(
-			keys: string[],
+			keys: Key[],
 			cb?: Callback<{ [key: string]: T }>
 		): { [key: string]: T };
 
@@ -49,14 +55,14 @@ declare namespace NodeCache {
 		 * @param cb Callback function
 		 */
 		set<T>(
-			key: string,
+			key: Key,
 			value: T,
 			ttl: number | string,
 			cb?: Callback<boolean>
 		): boolean;
 
 		set<T>(
-			key: string,
+			key: Key,
 			value: T,
 			cb?: Callback<boolean>
 		): boolean;
@@ -68,7 +74,7 @@ declare namespace NodeCache {
 		 * @returns Number of deleted keys
 		 */
 		del(
-			keys: string | string[],
+			keys: Key | Key[],
 			cb?: Callback<number>
 		): number;
 
@@ -76,13 +82,13 @@ declare namespace NodeCache {
 		 * reset or redefine the ttl of a key. If `ttl` is not passed or set to 0 it's similar to `.del()`
 		 */
 		ttl(
-			key: string,
+			key: Key,
 			ttl: number,
 			cb?: Callback<boolean>
 		): boolean;
 
 		ttl(
-			key: string,
+			key: Key,
 			cb?: Callback<boolean>,
 			ttl?: number
 		): boolean;
@@ -141,9 +147,7 @@ declare namespace NodeCache {
 		v: T;
 	}
 
-	interface Callback<T> {
-		(err: any, data: T): void;
-	}
+	type Callback<T> = (err: any, data: T | undefined) => void;
 }
 
 import events = require("events");
@@ -172,9 +176,9 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 * @param cb Callback function
 	 */
 	get<T>(
-		key: string,
+		key: Key,
 		cb?: Callback<T>
-	): T;
+	): T | undefined;
 
 	/**
 	 * get multiple cached keys at once and change the stats
@@ -183,7 +187,7 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 * @param cb Callback function
 	 */
 	mget<T>(
-		keys: string[],
+		keys: Key[],
 		cb?: Callback<{ [key: string]: T }>
 	): { [key: string]: T };
 
@@ -197,14 +201,14 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 * @param cb Callback function
 	 */
 	set<T>(
-		key: string,
+		key: Key,
 		value: T,
 		ttl: number | string,
 		cb?: Callback<boolean>
 	): boolean;
 
 	set<T>(
-		key: string,
+		key: Key,
 		value: T,
 		cb?: Callback<boolean>
 	): boolean;
@@ -216,7 +220,7 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 * @returns Number of deleted keys
 	 */
 	del(
-		keys: string | string[],
+		keys: Key | Key[],
 		cb?: Callback<number>
 	): number;
 
@@ -224,13 +228,13 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 	 * reset or redefine the ttl of a key. If `ttl` is not passed or set to 0 it's similar to `.del()`
 	 */
 	ttl(
-		key: string,
+		key: Key,
 		ttl: number,
 		cb?: Callback<boolean>
 	): boolean;
 
 	ttl(
-		key: string,
+		key: Key,
 		cb?: Callback<boolean>,
 		ttl?: number
 	): boolean;
@@ -261,4 +265,3 @@ declare class NodeCache extends events.EventEmitter implements NodeCache.NodeCac
 }
 
 export = NodeCache;
-
diff --git a/types/node-cache/node-cache-tests.ts b/types/node-cache/node-cache-tests.ts
index 7f5f917c07..96c4cdd5e4 100644
--- a/types/node-cache/node-cache-tests.ts
+++ b/types/node-cache/node-cache-tests.ts
@@ -1,5 +1,3 @@
-
-
 import NodeCache = require('node-cache');
 
 import Options = NodeCache.Options;
@@ -23,7 +21,7 @@ interface TypeSample {
 	let cache: NodeCache;
 	let key: string;
 	let cb: Callback<TypeSample>;
-	let result: TypeSample;
+	let result: TypeSample | undefined;
 	result = cache.get<TypeSample>(key);
 	result = cache.get<TypeSample>(key, cb);
 }
@@ -31,8 +29,8 @@ interface TypeSample {
 {
 	let cache: NodeCache;
 	let keys: string[];
-	let cb: Callback<{[key: string]: TypeSample}>;
-	let result: {[key: string]: TypeSample};
+	let cb: Callback<{ [key: string]: TypeSample }>;
+	let result: { [key: string]: TypeSample };
 	result = cache.mget<TypeSample>(keys);
 	result = cache.mget<TypeSample>(keys, cb);
 }
@@ -41,7 +39,7 @@ interface TypeSample {
 	let cache: NodeCache;
 	let key: string;
 	let value: TypeSample;
-	let ttl: number|string;
+	let ttl: number | string;
 	let cb: Callback<boolean>;
 	let result: boolean;
 	result = cache.set<TypeSample>(key, value);
@@ -52,7 +50,7 @@ interface TypeSample {
 
 {
 	let cache: NodeCache;
-	let keys: string|string[];
+	let keys: string | string[];
 	let cb: Callback<number>;
 	let result: number;
 	result = cache.del(keys);
@@ -85,6 +83,7 @@ interface TypeSample {
 	result = cache.getStats();
 }
 
+/* tslint:disable void-return */
 {
 	let cache: NodeCache;
 	let result: void;
@@ -96,3 +95,4 @@ interface TypeSample {
 	let result: void;
 	result = cache.close();
 }
+/* tslint:enable void-return */
diff --git a/types/node-cache/tslint.json b/types/node-cache/tslint.json
new file mode 100644
index 0000000000..30a1bdde2e
--- /dev/null
+++ b/types/node-cache/tslint.json
@@ -0,0 +1,3 @@
+{
+  "extends": "dtslint/dt.json"
+}
\ No newline at end of file

From 16e0dff475d20254f18028319df2b2faf12b2450 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Fri, 7 Jul 2017 09:04:03 +0100
Subject: [PATCH 216/274] Added restify v4 types folder

---
 types/restify/v4/index.d.ts       | 612 ++++++++++++++++++++++++++++++
 types/restify/v4/restify-tests.ts | 347 +++++++++++++++++
 types/restify/v4/tsconfig.json    |  22 ++
 types/restify/v4/tslint.json      |   1 +
 4 files changed, 982 insertions(+)
 create mode 100644 types/restify/v4/index.d.ts
 create mode 100644 types/restify/v4/restify-tests.ts
 create mode 100644 types/restify/v4/tsconfig.json
 create mode 100644 types/restify/v4/tslint.json

diff --git a/types/restify/v4/index.d.ts b/types/restify/v4/index.d.ts
new file mode 100644
index 0000000000..37c2b11487
--- /dev/null
+++ b/types/restify/v4/index.d.ts
@@ -0,0 +1,612 @@
+// Type definitions for restify 4.3
+// Project: https://github.com/restify/node-restify
+// Definitions by: Bret Little <https://github.com/blittle>, Steve Hipwell <https://github.com/stevehipwell>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.1
+
+/// <reference types="node" />
+
+import http = require('http');
+import Logger = require('bunyan');
+import url = require('url');
+
+export interface addressInterface {
+    port: number;
+    family: string;
+    address: string;
+}
+
+export interface requestFileInterface {
+    path: string;
+    type: string;
+}
+
+/**
+ * Comes from authorizationParser plugin
+ */
+export interface requestAuthorization {
+    scheme: string;
+    credentials: string;
+    basic?: {
+        username: string;
+        password: string;
+    };
+}
+
+export interface Request extends http.IncomingMessage {
+    /**
+     * builds an absolute URI for the request.
+     * @private
+     * @function absoluteUri
+     * @param    {String} path a url path
+     * @returns  {String}
+     */
+    absoluteUri(path: string): string;
+
+    /**
+     * returns any header off the request. also, 'correct' any
+     * correctly spelled 'referrer' header to the actual spelling used.
+     * @public
+     * @function header
+     * @param    {String} name  the name of the header
+     * @param    {String} value default value if header isn't found on the req
+     * @returns  {String}
+     */
+    header(name: string, value?: string): string;
+
+    /**
+     * returns any trailer header off the request. also, 'correct' any
+     * correctly spelled 'referrer' header to the actual spelling used.
+     * @public
+     * @function trailer
+     * @param    {String} name  the name of the header
+     * @param    {String} value default value if header isn't found on the req
+     * @returns  {String}
+     */
+    trailer(name: string, value?: string): string;
+
+    /**
+     * checks if the accept header is present and has the value requested.
+     * e.g., req.accepts('html');
+     * @public
+     * @function accepts
+     * @param    {String | Array} types an array of accept type headers
+     * @returns  {Boolean}
+     */
+    accepts(types: string | string[]): boolean;
+
+    /**
+     * checks if the request accepts the encoding types.
+     * @public
+     * @function acceptsEncoding
+     * @param    {String | Array} types an array of accept type headers
+     * @returns  {Boolean}
+     */
+    acceptsEncoding(types: string | string[]): boolean;
+
+    /**
+     * Check if the incoming request contains the Content-Type header field, and
+     * if it contains the given mime type.
+     * @public
+     * @function is
+     * @param    {String} type  a content-type header value
+     * @returns  {Boolean}
+     */
+    is(type: string): boolean;
+
+    /**
+     * Check if the incoming request is chunked.
+     * @public
+     * @function isChunked
+     * @returns  {Boolean}
+     */
+    isChunked(): boolean;
+
+    /**
+     * Check if the incoming request is kept alive.
+     * @public
+     * @function isKeepAlive
+     * @returns  {Boolean}
+     */
+    isKeepAlive(): boolean;
+
+    /**
+     * Check if the incoming request has been upgraded.
+     * @public
+     * @function isUpgradeRequest
+     * @returns  {Boolean}
+     */
+    isUpgradeRequest(): boolean;
+
+    /**
+     * Check if the incoming request is an upload verb.
+     * @public
+     * @function isUpload
+     * @returns  {Boolean}
+     */
+    isUpload(): boolean;
+
+    /**
+     * retrieves the user-agent header.
+     * @public
+     * @function userAgent
+     * @returns  {String}
+     */
+    userAgent(): string;
+
+    /**
+     * Start the timer for a request handler function. You must explicitly invoke
+     * endHandlerTimer() after invoking this function. Otherwise timing information
+     * will be inaccurate.
+     * @public
+     * @function startHandlerTimer
+     * @param    {String}    handlerName The name of the handler.
+     * @returns  {undefined}
+     */
+    startHandlerTimer(handlerName: string): void;
+
+    /**
+     * Stop the timer for a request handler function.
+     * @public
+     * @function endHandlerTimer
+     * @param    {String}    handlerName The name of the handler.
+     * @returns  {undefined}
+     */
+    endHandlerTimer(handlerName: string): void;
+
+    getLogger(component: string): any;
+
+    /**
+     * gets the content-length header off the request.
+     * @public
+     * @function getContentLength
+     * @returns {Number}
+     */
+    getContentLength(): number;
+
+    /**
+     * @see getContentLength
+     * @function contentLength
+     */
+    contentLength(): number;
+
+    /**
+     * gets the content-type header.
+     * @public
+     * @function getContentType
+     * @returns {String}
+     */
+    getContentType(): string;
+
+    /**
+     * @see getContentType
+     */
+    contentType(): string;
+
+    /**
+     * retrieves the complete URI requested by the client.
+     * @public
+     * @function getHref
+     * @returns {String}
+     */
+    getHref(): string;
+
+    /**
+     * @see getHref
+     */
+    href(): string;
+
+    log: Logger;
+    /**
+     * retrieves the request uuid. was created when the request was setup.
+     * @public
+     * @function getId
+     * @returns  {String}
+     */
+    getId(): string;
+
+    /**
+     * @see getId
+     */
+    id(): string;
+
+    /**
+     * retrieves the cleaned up url path.
+     * e.g., /foo?a=1  =>  /foo
+     * @public
+     * @function getPath
+     * @returns  {String}
+     */
+    getPath(): string;
+
+    /**
+     * @see getPath
+     */
+    path(): string;
+
+    /**
+     * returns the raw query string
+     * @public
+     * @function getQuery
+     * @returns  {String}
+     */
+    getQuery(): string;
+
+    /**
+     * @see getQuery
+     */
+    query: any;
+
+    secure: boolean;
+
+    /**
+     * returns ms since epoch when request was setup.
+     * @public
+     * @function time
+     * @returns  {Number}
+     */
+    time(): number;
+
+    /**
+     * returns a parsed URL object.
+     * @public
+     * @function getUrl
+     * @returns  {Object}
+     */
+    getUrl(): url.Url;
+
+    /**
+     * returns the accept-version header.
+     * @public
+     * @function getVersion
+     * @returns  {String}
+     */
+    getVersion(): string;
+
+    /**
+     * @see getVersion
+     */
+    version(): string;
+    params: any;
+    files?: { [name: string]: requestFileInterface };
+
+    /**
+     * Check if the incoming request is encrypted.
+     * @public
+     * @function isSecure
+     * @returns  {Boolean}
+     */
+    isSecure(): boolean;
+    /** available when bodyParser plugin is used */
+    body?: any;
+    /** available when authorizationParser plugin is used */
+    username?: string;
+    /** available when authorizationParser plugin is used */
+    authorization?: requestAuthorization;
+
+    timers: HandlerTiming[];
+}
+
+/**
+ * Timer object used to identify how long a specific handler took to run
+ *
+ * @property {String} name The name of the handler.
+ * @property {Array} time A tuple of [seconds, nanoseconds], how long the handler took.
+ */
+export interface HandlerTiming {
+    name: string;
+    time: [number, number];
+}
+
+export interface Response extends http.ServerResponse {
+    header(key: string, value?: any): any;
+    cache(type?: any, options?: any): any;
+    noCache(): any;
+    status(code: number): any;
+    send(status?: any, body?: any, headers?: { [header: string]: string }): any;
+    json(status?: any, body?: any, headers?: { [header: string]: string }): any;
+    code: number;
+    contentLength: number;
+    charSet(value: string): void;
+    contentType: string;
+    headers: any;
+    id: string;
+}
+
+export interface RouteSpec {
+    method: string;
+    name: string;
+    path: string | RegExp;
+    versions: string[];
+}
+
+export interface Route {
+    name: string;
+    method: string;
+    path: RoutePathRegex;
+    spec: RouteSpec;
+    types: string[];
+    versions: string[];
+}
+
+export interface RouteOptions {
+    name: string;
+    method: string;
+    path?: string | RegExp;
+    url?: string | RegExp;
+    urlParamPattern?: RegExp;
+    contentType?: string | string[];
+    versions?: string | string[];
+}
+
+export interface RoutePathRegex extends RegExp {
+    restifyParams: string[];
+}
+
+export interface Router {
+    name: string;
+    mounts: { [routeName: string]: Route };
+    versions: string[];
+    contentType: string[];
+    routes: {
+        DELETE: Route[];
+        GET: Route[];
+        HEAD: Route[];
+        OPTIONS: Route[];
+        PATCH: Route[];
+        POST: Route[];
+        PUT: Route[];
+    };
+    log?: any;
+    toString(): string;
+
+    /**
+     * Takes an object of route params and query params, and 'renders' a URL
+     * @param    {String} routeName the route name
+     * @param    {Object} params    an object of route params
+     * @param    {Object} query     an object of query params
+     * @returns  {String}
+     */
+    render(routeName: string, params: any, query?: any): string;
+
+    /**
+     * adds a route.
+     * @param    {Object} options an options object
+     * @returns  {String}         returns the route name if creation is successful.
+     */
+    mount(options: any): string | boolean;
+
+    /**
+     * unmounts a route.
+     * @param    {String} name the route name
+     * @returns  {String}      the name of the deleted route (or false if it was not matched)
+     */
+    unmount(name: string): string | boolean;
+
+    /**
+     * finds the route for a given request and response.
+     * @param    {Request}  req      the request object
+     * @param    {Response} res      the response object
+     * @param    {Function} callback operation callback
+     * @returns  {undefined}
+     */
+    find(req: Request, res: Response, callback: (err: Error, route: Route) => void): void;
+}
+
+export interface Server extends http.Server {
+    use(handler: RequestHandler | RequestHandler[], ...handlers: RequestHandler[]): Server;
+    // tslint:disable-next-line unified-signatures
+    use(handler: RequestHandler | RequestHandler[], ...handlers: RequestHandler[][]): Server;
+
+    post(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    post(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    patch(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    patch(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    put(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    put(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    del(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    del(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    get(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    get(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    head(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    head(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    opts(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[]): string;
+    // tslint:disable-next-line unified-signatures
+    opts(route: any, routeCallBack: RequestHandler | RequestHandler[], ...routeCallBacks: RequestHandler[][]): string;
+
+    name: string;
+    version: string;
+    log: any;
+    acceptable: string[];
+    url: string;
+    address(): addressInterface;
+    listen(...args: any[]): any;
+    close(...args: any[]): any;
+    pre(routeCallBack: RequestHandler): Server;
+    server: http.Server;
+    router: Router;
+    routes: Route[];
+    toString(): string;
+}
+
+export interface ServerOptions {
+    ca?: string;
+    certificate?: string | string[] | Buffer | Buffer[];
+    key?: string | string[] | Buffer | Buffer[];
+    formatters?: any;
+    log?: any;
+    name?: string;
+    spdy?: any;
+    version?: string;
+    responseTimeHeader?: string;
+    responseTimeFormatter?(durationInMilliseconds: number): any;
+    handleUpgrades?: boolean;
+    router?: Router;
+    httpsServerOptions?: any;
+    socketio?: boolean;
+}
+
+export interface ClientOptions {
+    accept?: string;
+    connectTimeout?: number;
+    requestTimeout?: number;
+    dtrace?: any;
+    gzip?: any;
+    headers?: any;
+    log?: any;
+    retry?: any;
+    signRequest?(): void;
+    url?: string;
+    userAgent?: string;
+    version?: string;
+}
+
+export interface Client {
+    get(opts: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
+    head(opts: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request, res: Response) => any): any;
+    post(opts: string | { path?: string; [name: string]: any }, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
+    put(opts: string | { path?: string; [name: string]: any }, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
+    patch(opts: string | { path?: string; [name: string]: any }, object: any, callback?: (err: any, req: Request, res: Response, obj: any) => any): any;
+    del(opts: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request, res: Response) => any): any;
+    basicAuth(username: string, password: string): any;
+}
+
+export interface HttpClient {
+    get(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
+    head(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
+    post(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
+    put(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
+    patch(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
+    del(opts?: string | { path?: string; [name: string]: any }, callback?: (err: any, req: Request) => void): any;
+    basicAuth(username: string, password: string): any;
+}
+
+export interface ThrottleOptions {
+    burst?: number;
+    rate?: number;
+    ip?: boolean;
+    xff?: boolean;
+    username?: boolean;
+    tokensTable?: any;
+    maxKeys?: number;
+    overrides?: any;
+}
+
+export interface Next {
+    (err?: any): any;
+    ifError(err?: any): any;
+}
+
+export type RequestHandler = (req: Request, res: Response, next: Next) => any;
+
+export function createServer(options?: ServerOptions): Server;
+
+export function createJsonClient(options?: ClientOptions): Client;
+export function createStringClient(options?: ClientOptions): Client;
+export function createClient(options?: ClientOptions): HttpClient;
+
+export class HttpError { constructor(cause: any, message?: any); }
+
+export class DefiniteHttpError {
+    constructor(message?: any);
+
+    // tslint:disable-next-line unified-signatures
+    constructor(cause: any, message?: any);
+}
+
+export class BadRequestError extends DefiniteHttpError { }
+export class UnauthorizedError extends DefiniteHttpError { }
+export class PaymentRequiredError extends DefiniteHttpError { }
+export class ForbiddenError extends DefiniteHttpError { }
+export class NotFoundError extends DefiniteHttpError { }
+export class MethodNotAllowedError extends DefiniteHttpError { }
+export class NotAcceptableError extends DefiniteHttpError { }
+export class ProxyAuthenticationRequiredError extends DefiniteHttpError { }
+export class RequestTimeoutError extends DefiniteHttpError { }
+export class ConflictError extends DefiniteHttpError { }
+export class GoneError extends DefiniteHttpError { }
+export class LengthRequiredError extends DefiniteHttpError { }
+export class RequestEntityTooLargeError extends DefiniteHttpError { }
+export class RequesturiTooLargeError extends DefiniteHttpError { }
+export class UnsupportedMediaTypeError extends DefiniteHttpError { }
+export class RequestedRangeNotSatisfiableError extends DefiniteHttpError { }
+export class ExpectationFailedError extends DefiniteHttpError { }
+export class ImATeapotError extends DefiniteHttpError { }
+export class UnprocessableEntityError extends DefiniteHttpError { }
+export class LockedError extends DefiniteHttpError { }
+export class FailedDependencyError extends DefiniteHttpError { }
+export class UnorderedCollectionError extends DefiniteHttpError { }
+export class UpgradeRequiredError extends DefiniteHttpError { }
+export class PreconditionRequiredError extends DefiniteHttpError { }
+export class TooManyRequestsError extends DefiniteHttpError { }
+export class RequestHeaderFieldsTooLargeError extends DefiniteHttpError { }
+export class InternalServerError extends DefiniteHttpError { }
+export class NotImplementedError extends DefiniteHttpError { }
+export class BadGatewayError extends DefiniteHttpError { }
+export class ServiceUnavailableError extends DefiniteHttpError { }
+export class GatewayTimeoutError extends DefiniteHttpError { }
+export class HttpVersionNotSupportedError extends DefiniteHttpError { }
+export class VariantAlsoNegotiatesError extends DefiniteHttpError { }
+export class InsufficientStorageError extends DefiniteHttpError { }
+export class BandwidthLimitExceededError extends DefiniteHttpError { }
+export class NotExtendedError extends DefiniteHttpError { }
+export class NetworkAuthenticationRequiredError extends DefiniteHttpError { }
+export class RestError extends DefiniteHttpError { }
+
+export class PreconditionFailedError extends RestError { }
+export class BadDigestError extends RestError { }
+export class BadMethodError extends RestError { }
+export class InternalError extends RestError { }
+export class InvalidArgumentError extends RestError { }
+export class InvalidContentError extends RestError { }
+export class InvalidCredentialsError extends RestError { }
+export class InvalidHeaderError extends RestError { }
+export class InvalidVersionError extends RestError { }
+export class MissingParameterError extends RestError { }
+export class NotAuthorizedError extends RestError { }
+export class RequestExpiredError extends RestError { }
+export class RequestThrottledError extends RestError { }
+export class ResourceNotFoundError extends RestError { }
+export class WrongAcceptError extends RestError { }
+
+export function acceptParser(parser: any): RequestHandler;
+export function authorizationParser(): RequestHandler;
+export function dateParser(skew?: number): RequestHandler;
+export function queryParser(options?: any): RequestHandler;
+export function urlEncodedBodyParser(options?: any): RequestHandler[];
+export function jsonp(): RequestHandler;
+export function gzipResponse(options?: any): RequestHandler;
+export function bodyParser(options?: any): RequestHandler[];
+export function requestLogger(options?: any): RequestHandler;
+export function serveStatic(options?: any): RequestHandler;
+export function throttle(options?: ThrottleOptions): RequestHandler;
+export function conditionalRequest(): RequestHandler[];
+export function auditLogger(options: { log: any }): (req: Request, res: Response, route: Route, err: any) => void;
+export function fullResponse(): RequestHandler;
+// tslint:disable-next-line no-var
+export var defaultResponseHeaders: any;
+
+export function CORS(options?: CORSOptions): RequestHandler;
+export interface CORSOptions {
+    origins?: string[];
+    credentials?: boolean;
+    headers?: string[];
+}
+
+export const pre: {
+    pause(): RequestHandler;
+    sanitizePath(options?: any): RequestHandler;
+    userAgentConnection(options?: any): RequestHandler;
+};
diff --git a/types/restify/v4/restify-tests.ts b/types/restify/v4/restify-tests.ts
new file mode 100644
index 0000000000..15eb8eb868
--- /dev/null
+++ b/types/restify/v4/restify-tests.ts
@@ -0,0 +1,347 @@
+import * as restify from "restify";
+import * as url from "url";
+
+let server = restify.createServer({
+    formatters: {
+        'application/foo': function formatFoo(req: restify.Request, res: restify.Response, body: any) {
+            if (body instanceof Error)
+                return body.stack;
+
+            if (body)
+                return body.toString('base64');
+
+            return body;
+        }
+    }
+});
+
+server = restify.createServer({
+    ca: "test",
+    certificate: "test",
+    key: "test",
+    formatters: {},
+    log: {},
+    name: "test",
+    spdy: {},
+    version: "",
+    responseTimeHeader: "",
+    responseTimeFormatter: (durationInMilliseconds: number) => { },
+    socketio: false
+});
+
+server.pre(restify.pre.sanitizePath());
+
+server.on('someEvent', () => { });
+
+server.use((req: restify.Request, res: restify.Response, next: restify.Next) => { });
+server.use([(req: restify.Request, res: restify.Response, next: restify.Next) => { }]);
+server.use((req: restify.Request, res: restify.Response, next: restify.Next) => { }, (req: restify.Request, res: restify.Response, next: restify.Next) => { });
+
+function send(req: restify.Request, res: restify.Response, next: restify.Next) {
+    req.header('key', 'val');
+    req.header('key') === 'val';
+    req.trailer('key', 'val');
+    req.trailer('key') === 'val';
+
+    req.accepts('test') === true;
+    req.accepts(['test']) === true;
+    req.acceptsEncoding('test') === true;
+    req.acceptsEncoding(['test']) === true;
+    req.is('test') === true;
+    req.isChunked() === true;
+    req.isKeepAlive() === true;
+    req.isSecure() === true;
+    req.isUpgradeRequest() === true;
+    req.isUpload() === true;
+    req.userAgent() === 'test';
+    req.startHandlerTimer('test');
+    req.endHandlerTimer('test');
+    req.absoluteUri('test') === 'test';
+
+    req.timers.pop() === { name: 'test', time: [0, 1234] };
+    req.getLogger('test');
+
+    const log = req.log;
+    log.debug({ params: req.params }, 'Hello there %s', 'foo');
+
+    req.getContentLength() === 50;
+    req.contentLength() === 50;
+    req.getContentType() === 'test';
+    req.contentType() === 'test';
+    req.getHref() === 'test';
+    req.href() === 'test';
+    req.getId() === 'test';
+    req.id() === 'test';
+    req.getPath() === 'test';
+    req.path() === 'test';
+    req.getQuery() === 'test';
+    req.query === 'test';
+    req.secure === true;
+    req.time() === 1463518410080;
+    req.getUrl() === url.parse('http://test.test.test/test');
+    req.getVersion() === 'test';
+    req.version() === 'test';
+    req.params;
+
+    res.header('test');
+    res.header('test', {});
+    res.header('test', new Date());
+
+    res.cache();
+    res.cache('testst', {});
+
+    res.status(344);
+
+    res.send({ hello: 'world' });
+    res.send(201, { hello: 'world' });
+    res.send(new restify.BadRequestError('meh'));
+
+    res.json(201, { hello: 'world' });
+    res.json({ hello: 'world' });
+
+    res.code === 50;
+    res.contentLength === 50;
+    res.charSet('test');
+    res.contentType === 'test';
+    res.headers;
+    res.id === 'test';
+
+    res.send('hello ' + req.params.name);
+    return next();
+}
+
+server.post('/hello', send);
+server.put('/hello', send);
+server.del('/hello', send);
+server.get('/hello', send);
+server.head('/hello', send);
+server.opts('/hello', send);
+
+server.post(/(.*)/, send);
+server.put(/(.*)/, send);
+server.del(/(.*)/, send);
+server.get(/(.*)/, send);
+server.head(/(.*)/, send);
+server.opts(/(.*)/, send);
+
+new restify.BadRequestError();
+new restify.UnauthorizedError();
+new restify.PaymentRequiredError();
+new restify.ForbiddenError();
+new restify.NotFoundError();
+new restify.MethodNotAllowedError();
+new restify.NotAcceptableError();
+new restify.ProxyAuthenticationRequiredError();
+new restify.RequestTimeoutError();
+new restify.ConflictError();
+new restify.GoneError();
+new restify.LengthRequiredError();
+new restify.RequestEntityTooLargeError();
+new restify.RequesturiTooLargeError();
+new restify.UnsupportedMediaTypeError();
+new restify.RequestedRangeNotSatisfiableError();
+new restify.ExpectationFailedError();
+new restify.ImATeapotError();
+new restify.UnprocessableEntityError();
+new restify.LockedError();
+new restify.FailedDependencyError();
+new restify.UnorderedCollectionError();
+new restify.UpgradeRequiredError();
+new restify.PreconditionRequiredError();
+new restify.TooManyRequestsError();
+new restify.RequestHeaderFieldsTooLargeError();
+new restify.InternalServerError();
+new restify.NotImplementedError();
+new restify.BadGatewayError();
+new restify.ServiceUnavailableError();
+new restify.GatewayTimeoutError();
+new restify.HttpVersionNotSupportedError();
+new restify.VariantAlsoNegotiatesError();
+new restify.InsufficientStorageError();
+new restify.BandwidthLimitExceededError();
+new restify.NotExtendedError();
+new restify.NetworkAuthenticationRequiredError();
+new restify.RestError();
+
+new restify.BadRequestError(new Error(), 'foo');
+new restify.UnauthorizedError(new Error(), 'foo');
+new restify.PaymentRequiredError(new Error(), 'foo');
+new restify.ForbiddenError(new Error(), 'foo');
+new restify.NotFoundError(new Error(), 'foo');
+new restify.MethodNotAllowedError(new Error(), 'foo');
+new restify.NotAcceptableError(new Error(), 'foo');
+new restify.ProxyAuthenticationRequiredError(new Error(), 'foo');
+new restify.RequestTimeoutError(new Error(), 'foo');
+new restify.ConflictError(new Error(), 'foo');
+new restify.GoneError(new Error(), 'foo');
+new restify.LengthRequiredError(new Error(), 'foo');
+new restify.RequestEntityTooLargeError(new Error(), 'foo');
+new restify.RequesturiTooLargeError(new Error(), 'foo');
+new restify.UnsupportedMediaTypeError(new Error(), 'foo');
+new restify.RequestedRangeNotSatisfiableError(new Error(), 'foo');
+new restify.ExpectationFailedError(new Error(), 'foo');
+new restify.ImATeapotError(new Error(), 'foo');
+new restify.UnprocessableEntityError(new Error(), 'foo');
+new restify.LockedError(new Error(), 'foo');
+new restify.FailedDependencyError(new Error(), 'foo');
+new restify.UnorderedCollectionError(new Error(), 'foo');
+new restify.UpgradeRequiredError(new Error(), 'foo');
+new restify.PreconditionRequiredError(new Error(), 'foo');
+new restify.TooManyRequestsError(new Error(), 'foo');
+new restify.RequestHeaderFieldsTooLargeError(new Error(), 'foo');
+new restify.InternalServerError(new Error(), 'foo');
+new restify.NotImplementedError(new Error(), 'foo');
+new restify.BadGatewayError(new Error(), 'foo');
+new restify.ServiceUnavailableError(new Error(), 'foo');
+new restify.GatewayTimeoutError(new Error(), 'foo');
+new restify.HttpVersionNotSupportedError(new Error(), 'foo');
+new restify.VariantAlsoNegotiatesError(new Error(), 'foo');
+new restify.InsufficientStorageError(new Error(), 'foo');
+new restify.BandwidthLimitExceededError(new Error(), 'foo');
+new restify.NotExtendedError(new Error(), 'foo');
+new restify.NetworkAuthenticationRequiredError(new Error(), 'foo');
+new restify.RestError(new Error(), 'foo');
+
+new restify.PreconditionFailedError(new Error(), 'foo');
+new restify.BadDigestError(new Error(), 'foo');
+new restify.BadMethodError(new Error(), 'foo');
+new restify.InternalError(new Error(), 'foo');
+new restify.InvalidArgumentError(new Error(), 'foo');
+new restify.InvalidContentError(new Error(), 'foo');
+new restify.InvalidCredentialsError(new Error(), 'foo');
+new restify.InvalidHeaderError(new Error(), 'foo');
+new restify.InvalidVersionError(new Error(), 'foo');
+new restify.MissingParameterError(new Error(), 'foo');
+new restify.NotAuthorizedError(new Error(), 'foo');
+new restify.RequestExpiredError(new Error(), 'foo');
+new restify.RequestThrottledError(new Error(), 'foo');
+new restify.ResourceNotFoundError(new Error(), 'foo');
+new restify.WrongAcceptError(new Error(), 'foo');
+
+new restify.PreconditionFailedError();
+new restify.BadDigestError();
+new restify.BadMethodError();
+new restify.InternalError();
+new restify.InvalidArgumentError();
+new restify.InvalidContentError();
+new restify.InvalidCredentialsError();
+new restify.InvalidHeaderError();
+new restify.InvalidVersionError();
+new restify.MissingParameterError();
+new restify.NotAuthorizedError();
+new restify.RequestExpiredError();
+new restify.RequestThrottledError();
+new restify.ResourceNotFoundError();
+new restify.WrongAcceptError();
+
+server.name = "";
+server.version = "";
+server.log = {};
+server.acceptable = ["test"];
+server.url = "";
+
+server.address().port;
+server.address().family;
+server.address().address;
+
+server.listen("somePath", send);
+server.close();
+
+server.use(restify.acceptParser(server.acceptable));
+server.use(restify.authorizationParser());
+server.use(restify.dateParser());
+server.use(restify.queryParser());
+server.use(restify.jsonp());
+server.use(restify.gzipResponse());
+server.use(restify.bodyParser());
+server.use(restify.CORS({
+    origins: ['https://foo.com', 'http://bar.com', 'http://baz.com:8081'],
+    credentials: true,
+    headers: ['x-foo']
+}));
+server.use(restify.throttle({
+    burst: 100,
+    rate: 50,
+    ip: true,
+    overrides: {
+        '192.168.1.1': {
+            rate: 0,
+            burst: 0
+        }
+    }
+}));
+
+server.on('after', restify.auditLogger({
+    log: () => { }
+}));
+
+server.on('after', (req: restify.Request, res: restify.Response, route: restify.Route, err: any) => {
+    route.spec.method === 'GET';
+    route.spec.name === 'routeName';
+    route.spec.path === '/some/path';
+    route.spec.path === /\/some\/path\/.*/;
+    route.spec.versions === ['v1'];
+    restify.auditLogger({ log: () => { } })(req, res, route, err);
+});
+
+(<any> restify).defaultResponseHeaders = function(this: restify.Request, data: any) {
+    this.header('Server', 'helloworld');
+};
+
+(<any> restify).defaultResponseHeaders = false;
+
+// RESTIFY Client Tests
+
+let client = restify.createJsonClient({
+    url: 'https://api.us-west-1.joyentcloud.com',
+    version: '*'
+});
+
+client = restify.createStringClient({
+    accept: "test",
+    connectTimeout: 30,
+    dtrace: {},
+    gzip: {},
+    headers: {},
+    log: {},
+    retry: {},
+    signRequest: () => { },
+    url: "",
+    userAgent: "",
+    version: ""
+});
+
+client.head('test', (err: any, req: restify.Request, res: restify.Response) => { });
+client.put('path', {}, (err: any, req: restify.Request, res: restify.Response, obj: any) => { });
+client.patch('path', {}, (err: any, req: restify.Request, res: restify.Response, obj: any) => { });
+client.del('path', (err: any, req: restify.Request, res: restify.Response) => { });
+
+client.post('/foo', { hello: 'world' }, (err: any, req: restify.Request, res: restify.Response, obj: any) => {
+    console.log('%d -> %j', res.statusCode, res.headers);
+    console.log('%j', obj);
+});
+
+client.get('/foo/bar', (err: any, req: restify.Request, res: restify.Response, data: string) => {
+    console.log('%s', data);
+});
+
+let client2 = restify.createClient({
+    url: 'http://127.0.0.1'
+});
+
+client2.get('/str/mcavage', (err: any, req: any) => {
+    req.on('result', (err: any, res: any) => {
+        res.body = '';
+        res.setEncoding('utf8');
+        res.on('data', (chunk: string) => {
+            res.body += chunk;
+        });
+
+        res.on('end', () => {
+            console.log(res.body);
+        });
+    });
+});
+
+client.basicAuth('test', 'password');
+client2.basicAuth('test', 'password');
diff --git a/types/restify/v4/tsconfig.json b/types/restify/v4/tsconfig.json
new file mode 100644
index 0000000000..c0de0b8fd9
--- /dev/null
+++ b/types/restify/v4/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "restify-tests.ts"
+    ]
+}
diff --git a/types/restify/v4/tslint.json b/types/restify/v4/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/restify/v4/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 2fde3abd6c21f1f75d3cfc73a4cd4b7161c82d9a Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Fri, 7 Jul 2017 09:58:52 +0100
Subject: [PATCH 217/274] Updated resitfy v4 type roots

---
 types/restify/v4/tsconfig.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/types/restify/v4/tsconfig.json b/types/restify/v4/tsconfig.json
index c0de0b8fd9..1288a1617c 100644
--- a/types/restify/v4/tsconfig.json
+++ b/types/restify/v4/tsconfig.json
@@ -11,6 +11,9 @@
         "typeRoots": [
             "../../"
         ],
+        "paths": {
+            "restify": [ "restify/v2" ]
+        },
         "types": [],
         "noEmit": true,
         "forceConsistentCasingInFileNames": true

From dfc73442c316e9a0b0119a8c9a017a20b10de7b9 Mon Sep 17 00:00:00 2001
From: Steve Hipwell <steve.hipwell@gmail.com>
Date: Fri, 7 Jul 2017 10:04:22 +0100
Subject: [PATCH 218/274] Fix restify v4 type root

---
 types/restify/v4/tsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/restify/v4/tsconfig.json b/types/restify/v4/tsconfig.json
index 1288a1617c..dae2203c7e 100644
--- a/types/restify/v4/tsconfig.json
+++ b/types/restify/v4/tsconfig.json
@@ -12,7 +12,7 @@
             "../../"
         ],
         "paths": {
-            "restify": [ "restify/v2" ]
+            "restify": [ "restify/v4" ]
         },
         "types": [],
         "noEmit": true,

From f73e0acaa6f4f6c5e735363040893d0dd93b0ef2 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Fri, 7 Jul 2017 12:39:22 +0200
Subject: [PATCH 219/274] Update index.d.ts to set fn non-readonly

---
 types/jquery/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/jquery/index.d.ts b/types/jquery/index.d.ts
index b71bfbbed3..254a2676ed 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -2422,7 +2422,7 @@ interface JQueryStatic<TElement extends Node = HTMLElement> {
      * @since 1.4.3
      */
     cssNumber: JQuery.PlainObject<boolean>;
-    readonly fn: JQuery<TElement>;
+    fn: JQuery<TElement>;
     fx: {
         /**
          * The rate (in milliseconds) at which animations fire.

From e9ecb63b333c8154d839b956378db8a4d37d916f Mon Sep 17 00:00:00 2001
From: Miloslav Nenadal <nenadalm@gmail.com>
Date: Fri, 7 Jul 2017 14:42:36 +0200
Subject: [PATCH 220/274] [ramda]: Improve map definition

---
 types/ramda/index.d.ts     |  2 ++
 types/ramda/ramda-tests.ts | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/types/ramda/index.d.ts b/types/ramda/index.d.ts
index e30c95f8be..1697ff4341 100644
--- a/types/ramda/index.d.ts
+++ b/types/ramda/index.d.ts
@@ -919,6 +919,8 @@ declare namespace R {
         map<T, U>(fn: (x: T) => U, list: T[]): U[];
         map<T, U>(fn: (x: T) => U, obj: Functor<T>): Functor<U>; // used in functors
         map<T, U>(fn: (x: T) => U): (list: T[]) => U[];
+        map<T extends object, U extends {[P in keyof T]: U[P]}>(fn: (x: T[keyof T]) => U[keyof T], obj: T): U;
+        map<T extends object, U extends {[P in keyof T]: U[P]}>(fn: (x: T[keyof T]) => U[keyof T]): (obj: T) => U;
 
         /**
          * The mapAccum function behaves like a combination of map and reduce.
diff --git a/types/ramda/ramda-tests.ts b/types/ramda/ramda-tests.ts
index 18a5ed4e7d..908c88828a 100644
--- a/types/ramda/ramda-tests.ts
+++ b/types/ramda/ramda-tests.ts
@@ -753,6 +753,24 @@ interface Obj {
     R.map((x: number) => x - 1, numberFunctor); // => "Hello World"
 };
 
+() => {
+    interface A {
+        a: number;
+        b: number;
+    }
+
+    interface B {
+        a: string;
+        b: string;
+    }
+
+    R.map<A, A>(R.inc, {a: 1, b: 2});
+    R.map<A, B>(R.toString, {a: 1, b: 2});
+
+    R.map<A, A>(R.inc)({a: 1, b: 2});
+    R.map<A, B>(R.toString)({a: 1, b: 2});
+};
+
 () => {
     let digits = ["1", "2", "3", "4"];
 

From 6cd02abb2e918b759563eb898fd633c64f038645 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Fri, 7 Jul 2017 09:20:38 -0400
Subject: [PATCH 221/274] [react-native-elements] Added Badge component

---
 types/react-native-elements/index.d.ts        | 50 ++++++++++++++++++-
 .../react-native-elements-tests.tsx           | 25 +++++++++-
 2 files changed, 72 insertions(+), 3 deletions(-)

diff --git a/types/react-native-elements/index.d.ts b/types/react-native-elements/index.d.ts
index 5a39c78481..a3c1f693ef 100644
--- a/types/react-native-elements/index.d.ts
+++ b/types/react-native-elements/index.d.ts
@@ -200,6 +200,54 @@ export interface ButtonProperties {
 /**
  * Button component
  *
- * @desc https://react-native-training.github.io/react-native-elements/API/buttons/
+ * @see https://react-native-training.github.io/react-native-elements/API/buttons/
  */
 export class Button extends React.Component<ButtonProperties, any> {}
+
+export interface BadgeProperties {
+    /**
+     * Text value to be displayed by badge
+     *
+     * @default null
+     */
+    value?: string | number;
+
+    /**
+     * Style for the outer badge component
+     */
+    containerStyle?: ViewStyle;
+
+    /**
+     * Style for the outer-most badge component
+     */
+    wrapperStyle?: ViewStyle;
+
+    /**
+     * Style for the text in the badge
+     */
+    textStyle?: TextStyle;
+
+    /**
+     * Override the default badge contents, mutually exclusive with 'value' property
+     */
+    children?: JSX.Element;
+
+    /**
+     * Custom component to replace the badge outer component
+     *
+     * @default View, if onPress then TouchableOpacity
+     */
+    component?: React.ComponentClass;
+
+    /**
+     * Function called when pressed on the badge
+     */
+    onPress?(): void;
+}
+
+/**
+ * Badge component
+ *
+ * @see https://react-native-training.github.io/react-native-elements/API/badge/
+ */
+export class Badge extends React.Component<BadgeProperties, any> {}
diff --git a/types/react-native-elements/react-native-elements-tests.tsx b/types/react-native-elements/react-native-elements-tests.tsx
index 836b04b431..d2042b4ff1 100644
--- a/types/react-native-elements/react-native-elements-tests.tsx
+++ b/types/react-native-elements/react-native-elements-tests.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { Button, Text } from 'react-native-elements';
+import { View, StyleSheet, TouchableNativeFeedback } from 'react-native';
+import { Button, Text, Badge } from 'react-native-elements';
 
 class TextTest extends React.Component<any, any> {
   render() {
@@ -15,6 +15,27 @@ class TextTest extends React.Component<any, any> {
   }
 }
 
+class BadgeTest extends React.Component<any, any> {
+  render() {
+    return (
+      <View>
+        <Badge
+          value={3}
+          textStyle={{ color: 'orange' }}
+        />
+
+        <Badge containerStyle={{ backgroundColor: 'violet'}}>
+          <Text>User 1</Text>
+        </Badge>
+
+        <Badge onPress={() => console.log('pressed')} value="5" />
+
+        <Badge component={TouchableNativeFeedback} value={10} />
+      </View>
+    );
+  }
+}
+
 class ButtonTest extends React.Component<any, any> {
   handleButtonPress() {
     console.log('I got pressed');

From 184dd72fb718c06d3db8d61640e3904234b24de1 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Fri, 7 Jul 2017 09:26:30 -0400
Subject: [PATCH 222/274] [rne] Check off badge component

---
 types/react-native-elements/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-native-elements/README.md b/types/react-native-elements/README.md
index 0ed43c6eb3..64f9f69538 100644
--- a/types/react-native-elements/README.md
+++ b/types/react-native-elements/README.md
@@ -4,7 +4,7 @@
 List will update as typings are added
 
 - [x] Buttons
-- [ ] Badge
+- [x] Badge
 - [ ] Social Icons / Social Icon Buttons
 - [ ] Icons
 - [ ] Side Menu

From a3edea48b361788657cea94f87294e92bdaae8ab Mon Sep 17 00:00:00 2001
From: Bernd Hacker <hacker.bernd@gmail.com>
Date: Fri, 7 Jul 2017 15:38:21 +0200
Subject: [PATCH 223/274] fix pr feedback

---
 types/heremaps/index.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/heremaps/index.d.ts b/types/heremaps/index.d.ts
index 16147224f6..89e0992b82 100644
--- a/types/heremaps/index.d.ts
+++ b/types/heremaps/index.d.ts
@@ -4496,7 +4496,7 @@ declare namespace H {
              */
             createDefaultLayers(opt_tileSize?: (H.service.Platform.DefaultLayersOptions | number), opt_ppi?: number,
                                 opt_lang?: string, opt_secondaryLang?: string, opt_style?: string,
-                                opt_pois?: (string | boolean)): H.service.Platform.MapTypes | H.service.DefaultLayers;
+                                opt_pois?: (string | boolean)): H.service.DefaultLayers;
 
             /**
              * This method returns an instance of H.service.RoutingService to query the Routing API.
@@ -5694,7 +5694,7 @@ declare namespace H {
              * @param opt_locale {(H.ui.i18n.Localization | string)=} - the language to use (or a full localization object).
              * @returns {H.ui.UI} - the UI instance configured with the default controls
              */
-            static createDefault(map: H.Map, mapTypes: H.service.Platform.MapTypes | H.service.MapType | H.service.DefaultLayers, opt_locale?: H.ui.i18n.Localization | string): H.ui.UI;
+            static createDefault(map: H.Map, mapTypes: H.service.Platform.MapTypes | H.service.DefaultLayers, opt_locale?: H.ui.i18n.Localization | string): H.ui.UI;
 
             /**
              * This method is used to capture the element view

From 43f5f4a024d4ee94b8692f60d34643697f515a87 Mon Sep 17 00:00:00 2001
From: Christian Rackerseder <git@echooff.de>
Date: Fri, 7 Jul 2017 16:38:07 +0200
Subject: [PATCH 224/274] Added property to react-dates

---
 types/react-dates/index.d.ts            | 3 ++-
 types/react-dates/react-dates-tests.tsx | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/types/react-dates/index.d.ts b/types/react-dates/index.d.ts
index d290c84995..c3559f5278 100644
--- a/types/react-dates/index.d.ts
+++ b/types/react-dates/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-dates v12.1.0
+// Type definitions for react-dates v12.1.1
 // Project: https://github.com/airbnb/react-dates
 // Definitions by: Artur Ampilogov <https://github.com/Artur-A>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -226,6 +226,7 @@ declare namespace ReactDates {
         // navigation related props
         navPrev?: string | JSX.Element,
         navNext?: string | JSX.Element,
+        hideKeyboardShortcutsPanel?: boolean;
         onPrevMonthClick?: (e: React.EventHandler<React.MouseEvent<HTMLSpanElement>>) => void,
         onNextMonthClick?: (e: React.EventHandler<React.MouseEvent<HTMLSpanElement>>) => void,
 
diff --git a/types/react-dates/react-dates-tests.tsx b/types/react-dates/react-dates-tests.tsx
index d8d6691b45..c775480a2f 100644
--- a/types/react-dates/react-dates-tests.tsx
+++ b/types/react-dates/react-dates-tests.tsx
@@ -47,6 +47,7 @@ class SingleDatePickerFullTest extends React.Component {
                     keepOpenOnDateSelect={true}
                     navNext="next"
                     navPrev="prev"
+                    hideKeyboardShortcutsPanel={true}
                     withPortal={false}
                     onDateChange={d => {}}
                     focused={false}

From 7da62dff71f72f5a2171b6722c3bdc2daca1a49b Mon Sep 17 00:00:00 2001
From: Andrey Volynkin <code@m18.ru>
Date: Fri, 7 Jul 2017 18:21:40 +0300
Subject: [PATCH 225/274] Fix mailparser to 2 API

MailParser was completely rewrote and last fix was incomplete.
---
 types/mailparser/index.d.ts          | 343 ++++++++++++++++++++++-----
 types/mailparser/mailparser-tests.ts |  88 +++----
 2 files changed, 313 insertions(+), 118 deletions(-)

diff --git a/types/mailparser/index.d.ts b/types/mailparser/index.d.ts
index 0bb84e9940..cf493139b4 100644
--- a/types/mailparser/index.d.ts
+++ b/types/mailparser/index.d.ts
@@ -1,88 +1,305 @@
 // Type definitions for mailparser v2.0.0
 // Project: https://www.npmjs.com/package/mailparser
 // Definitions by: Peter Snider <https://github.com/psnider/>
+//                 Andrey Volynkin <https://github.com/Avol-V/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference types="node" />
 
-import StreamModule = require("stream");
+import StreamModule = require('stream');
 import Stream = StreamModule.Stream;
-import WritableStream = NodeJS.WritableStream;
-import EventEmitter = NodeJS.EventEmitter;
 
-interface Options {
-    debug?: boolean;    // if set to true print all incoming lines to console
-    streamAttachments?: boolean;   // if set to true, stream attachments instead of including them
-    unescapeSMTP?: boolean;   // if set to true replace double dots in the beginning of the file
-    defaultCharset?: string;   // the default charset for text/plain and text/html content, if not set reverts to Latin-1
-    showAttachmentLinks?: boolean;    // if set to true, show inlined attachment links <a href="cid:...">filename</a>
+/**
+ * Structured object for headers with arguments.
+ *
+ * `content-type: text/plain; CHARSET="UTF-8"` =>
+ * ```
+ * {
+ *     "value": "text/plain",
+ *     "params": {
+ *         "charset": "UTF-8"
+ *     }
+ * }
+ * ```
+ */
+interface StructuredHeader {
+	/**
+	 * The main value.
+	 */
+	value: string;
+	/**
+	 * Additional arguments.
+	 */
+	params: {[key: string]: string};
 }
 
+/**
+ * Possible types of a header value.
+ */
+export type HeaderValue = string | string[] | AddressObject | Date | StructuredHeader;
 
+/**
+ * A Map object with lowercase header keys.
+ */
+export type Headers = Map<string, HeaderValue>;
+
+/**
+ * Address details.
+ */
 interface EmailAddress {
-    address: string;
-    name: string;
+	/**
+	 * The email address.
+	 */
+	address: string;
+	/**
+	 * The name part of the email/group.
+	 */
+	name: string;
+	/**
+	 * An array of grouped addresses.
+	 */
+	group?: EmailAddress[];
 }
 
-
-interface Attachment {
-    contentType: string;
-    fileName: string;
-    contentDisposition: string;    // e.g. 'attachment'
-    contentId: string;   // e.g. '5.1321281380971@localhost'
-    transferEncoding: string;   // e.g. 'base64'
-    length: number;   // length of the attachment in bytes
-    generatedFileName: string;   // e.g. 'image.png'
-    checksum: string;  // the md5 hash of the file, e.g. 'e4cef4c6e26037bcf8166905207ea09b'
-    content: Buffer;   // possibly a SlowBuffer
-    stream: Stream; // a stream to read the attachment if streamAttachments is set to true 
+/**
+ * Address object.
+ */
+interface AddressObject {
+	/**
+	 * An array with address details.
+	 */
+	value: EmailAddress[];
+	/**
+	 * A formatted address string for HTML context.
+	 */
+	html: string;
+	/**
+	 * A formatted address string for plaintext context.
+	 */
+	text: string;
 }
 
-// emitted with the 'end' event
+/**
+ * COmmon part of the Attachment object.
+ */
+interface AttachmentCommon {
+	/**
+	 * Message type.
+	 */
+	type: 'attachment';
+	/**
+	 * Attachment contents.
+	 */
+	content: any;
+	/**
+	 * MIME type of the message.
+	 */
+	contentType: string;
+	/**
+	 * Content disposition type for the attachment,
+	 * most probably `'attachment'`.
+	 */
+	contentDisposition: string;
+	/**
+	 * File name of the attachment.
+	 */
+	filename?: string;
+	/**
+	 * A Map value that holds MIME headers for the attachment node.
+	 */
+	headers: Headers;
+	/**
+	 * A MD5 hash of the message content.
+	 */
+	checksum: string;
+	/**
+	 * Message size in bytes.
+	 */
+	size: number;
+	/**
+	 * The header value from `Content-ID`.
+	 */
+	contentId?: string;
+	/**
+	 * `contentId` without `<` and `>`.
+	 */
+	cid?: string;   // e.g. '5.1321281380971@localhost'
+	/**
+	 * If true then this attachment should not be offered for download
+	 * (at least not in the main attachments list).
+	 */
+	related?: boolean;
+}
+
+/**
+ * Attachment object.
+ */
+interface Attachment extends AttachmentCommon {
+	/**
+	 * A Buffer that contains the attachment contents.
+	 */
+	content: Buffer;
+	/**
+	 * If true then this attachment should not be offered for download
+	 * (at least not in the main attachments list).
+	 */
+	related: boolean;
+}
+
+/**
+ * MailParser Attachment object.
+ */
+interface AttachmentStream extends AttachmentCommon {
+	/**
+	 * A Buffer that contains the attachment contents.
+	 */
+	content: Stream;
+	/**
+	 * Method must be called once you have processed the attachment.
+	 */
+	release(): void;
+}
+
+/**
+ * Parsed mail object.
+ */
 interface ParsedMail {
-    headers: any;  // unprocessed headers in the form of - {key: value} - if there were multiple fields with the same key then the value is an array
-    from: EmailAddress[];  // should be only one though)
-    to: EmailAddress[];
-    cc?: EmailAddress[];
-    bcc?: EmailAddress[];
-    subject: string;  // the subject line
-    references?: string[];  // an array of reference message id values (not set if no reference values present)
-    inReplyTo?: string[];  // an array of In-Reply-To message id values (not set if no in-reply-to values present)
-    priority?: string;   // priority of the e-mail, always one of the following: normal (default), high, low
-    text: string;    // text body
-    html: string;    // html body
-    date?: Date; // If date could not be resolved or is not found this field is not set. Check the original date string from headers.date
-    attachments?: Attachment[];
+	/**
+	 * An array of attachments.
+	 */
+	attachments?: Attachment[];
+	/**
+	 * A Map object with lowercase header keys.
+	 *
+	 * - All address headers are converted into address objects.
+	 * - `references` is a string if only a single reference-id exists or an
+	 *    array if multiple ids exist.
+	 * - `date` value is a Date object.
+	 */
+	headers: Headers;
+	/**
+	 * The HTML body of the message.
+	 *
+	 * Sets to `false` when there is no HTML body.
+	 *
+	 * If the message included embedded images as cid: urls then these are all
+	 * replaced with base64 formatted data: URIs.
+	 */
+	html: string | boolean;
+	/**
+	 * The plaintext body of the message.
+	 */
+	text: string;
+	/**
+	 * The plaintext body of the message formatted as HTML.
+	 */
+	textAsHtml: string;
+	/**
+	 * The subject line.
+	 */
+	subject: string;
+	/**
+	 * An array of referenced Message-ID values.
+	 *
+	 * Not set if no reference values present.
+	 */
+	references?: string[];
+	/**
+	 * A Date object for the `Date:` header.
+	 */
+	date?: Date;
+	/**
+	 * An address object for the `To:` header.
+	 */
+	to: AddressObject;
+	/**
+	 * An address object for the `From:` header.
+	 */
+	from: AddressObject;
+	/**
+	 * An address object for the `Cc:` header.
+	 */
+	cc?: AddressObject;
+	/**
+	 * An address object for the `Bcc:` header (usually not present).
+	 */
+	bcc?: AddressObject;
+	/**
+	 * An address object for the `Reply-To:` header.
+	 */
+	replyTo?: AddressObject;
+	/**
+	 * The Message-ID value string.
+	 */
+	messageId?: string;
+	/**
+	 * The In-Reply-To value string.
+	 */
+	inReplyTo?: string;
+	/**
+	 * Priority of the e-mail.
+	 */
+	priority?: 'normal' | 'low' | 'high';
 }
 
-export class MailParser extends StreamModule.Writable {
-    constructor(options?: Options);
-    on(event: string, callback: (any: any) => void): this;
-
-    // from WritableStream
-    writable: 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;
-
-    // from 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): this;
-    getMaxListeners(): number;
-    listeners(event: string): Function[];
-    emit(event: string, ...args: any[]): boolean;
-    listenerCount(type: string): number;
+/**
+ * Text message content.
+ */
+interface MessageText {
+	/**
+	 * Message type.
+	 */
+	type: 'text';
+	/**
+	 * Includes the HTML version of the message.
+	 *
+	 * Is set if the message has at least one `text/html` node.
+	 */
+	html?: string | boolean;
+	/**
+	 * Includes the plaintext version of the message.
+	 *
+	 * Is set if the message has at least one `text/plain` node.
+	 */
+	text?: string;
+	/**
+	 * Includes the plaintext version of the message in HTML format.
+	 *
+	 * Is set if the message has at least one `text/plain` node.
+	 */
+	textAsHtml?: string;
 }
 
+/**
+ * A lower-level email parsing class.
+ *
+ * It is a transform stream that takes email source as bytestream for the input
+ * and emits data objects for attachments and text contents.
+ */
+export class MailParser extends StreamModule.Transform {
+	constructor(options?: StreamModule.TransformOptions);
+	on(event: string, callback: (any: any) => void): this;
+	on(event: 'headers', callback: (headers: Headers) => void): this;
+	on(event: 'data', callback: (data: AttachmentStream | MessageText) => void): this;
+	on(event: 'readable', callback: (data: AttachmentStream | MessageText) => void): this;
+}
+
+/**
+ * A message source.
+ */
 export type Source = Buffer | Stream | string;
+
+/**
+ * Parse email message to structure object.
+ *
+ * @param source A message source.
+ * @param callback Function to get a structured email object.
+ */
 export function simpleParser(source: Source, callback: (err: any, mail: ParsedMail) => void): void;
+
+/**
+ * Parse email message to structure object.
+ *
+ * @param source A message source.
+ */
 export function simpleParser(source: Source): Promise<ParsedMail>;
diff --git a/types/mailparser/mailparser-tests.ts b/types/mailparser/mailparser-tests.ts
index 30a6e7bf5c..142a2c8b0f 100644
--- a/types/mailparser/mailparser-tests.ts
+++ b/types/mailparser/mailparser-tests.ts
@@ -1,73 +1,38 @@
-import mailparser_mod = require("mailparser");
+// tslint:disable
+import mailparser_mod = require('mailparser');
 import MailParser = mailparser_mod.MailParser;
-import ParsedMail = mailparser_mod.ParsedMail;
-import Attachment = mailparser_mod.Attachment;
 import simpleParser = mailparser_mod.simpleParser;
 
 var mailparser = new MailParser();
 
-
-mailparser.on("headers", function(headers){
-    console.log(headers.received);
+mailparser.on('headers', function(headers){
+	console.log('Subject:', headers.get('subject'));
 });
 
-mailparser.on("end", function(mail){
-    mail; // object structure for parsed e-mail
+// Attachments
+mailparser.on('data', data => {
+	if (data.type === 'attachment'){
+		console.log(data.filename);
+		data.content.pipe(process.stdout);
+		data.content.on('end', () => data.release());
+	}
 });
 
-
-// Decode a simple e-mail
-// This example decodes an e-mail from a string
-
-var email = "From: 'Sender Name' <sender@example.com>\r\n"+
-            "To: 'Receiver Name' <receiver@example.com>\r\n"+
-            "Subject: Hello world!\r\n"+
-            "\r\n"+
-            "How are you today?";
-    // setup an event listener when the parsing finishes
-mailparser.on("end", function(mail_object){
-    console.log("From:", mail_object.from); //[{address:'sender@example.com',name:'Sender Name'}]
-    console.log("Subject:", mail_object.subject); // Hello world!
-    console.log("Text body:", mail_object.text); // How are you today?
+mailparser.on('data', data => {
+	if (data.type === 'text'){
+		console.log(data.html);
+	}
 });
-    // send the email source to the parser
-mailparser.write(email);
-mailparser.end();
-
 
 // Pipe file to MailParser
 // This example pipes a readableStream file to MailParser
-mailparser = new MailParser();
-import fs = require("fs");
-mailparser.on("end", function(mail_object){
-    console.log("Subject:", mail_object.subject);
-});
-
-fs.createReadStream("email.eml").pipe(mailparser);
-
-
-// Attachments
-mailparser.on("end", function(mail_object : ParsedMail){
-    mail_object.attachments.forEach(function(attachment){
-        console.log(attachment.fileName);
-    });
-});
-
-
-// Attachment streaming
-var mp = new MailParser({
-    streamAttachments: true
-})
-
-mp.on("attachment", function(attachment : Attachment, mail : ParsedMail){
-    var output = fs.createWriteStream(attachment.generatedFileName);
-    attachment.stream.pipe(output);
-});
+import fs = require('fs');
+fs.createReadStream('email.eml').pipe(mailparser);
 
 // check different sources and promise/callback api for simpleParser
-var sourceString = "";
-var sourceBuffer = new Buffer("");
-var sourceStream = fs.createReadStream("foo.eml");
+var sourceString = '';
+var sourceBuffer = new Buffer('');
+var sourceStream = fs.createReadStream('foo.eml');
 
 simpleParser(sourceString, (err, mail) => err ? err : mail.html);
 simpleParser(sourceBuffer, (err, mail) => err ? err : mail.html);
@@ -76,3 +41,16 @@ simpleParser(sourceStream, (err, mail) => err ? err : mail.html);
 simpleParser(sourceString).then(mail => mail.html).catch(err => err);
 simpleParser(sourceBuffer).then(mail => mail.html).catch(err => err);
 simpleParser(sourceStream).then(mail => mail.html).catch(err => err);
+
+simpleParser(sourceString, (err, mail) => {
+	console.log(mail.headers.get('subject'));
+	console.log(mail.subject);
+
+	// Attachments
+	mail.attachments.forEach(attachment => console.log(attachment.filename));
+
+	// Text
+	console.log(mail.text);
+	console.log(mail.html);
+	console.log(mail.textAsHtml);
+});

From dc9839670f968b3b5df60911d2393fd2d7d51ada Mon Sep 17 00:00:00 2001
From: Felix Caraballo <caraballofelix88@gmail.com>
Date: Fri, 7 Jul 2017 11:27:15 -0400
Subject: [PATCH 226/274] Add files via upload

---
 types/google-map-react/index.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/google-map-react/index.d.ts b/types/google-map-react/index.d.ts
index 5e54c4e5aa..037ebb5f13 100644
--- a/types/google-map-react/index.d.ts
+++ b/types/google-map-react/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for google-map-react 0.22
+// Type definitions for google-map-react 0.23
 // Project: https://github.com/istarkov/google-map-react
 // Definitions by: Honza Brecka <https://github.com/honzabrecka>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -15,6 +15,7 @@ export interface Options {
   mapTypeControl?: boolean;
   minZoomOverride?: boolean;
   minZoom?: number;
+  maxZoom?: number;
   gestureHandling?: string;
 }
 

From c8246cde9dd78ba4f9b14d5cc26cf17de05efb95 Mon Sep 17 00:00:00 2001
From: ziga <zigomir@gmail.com>
Date: Fri, 7 Jul 2017 09:12:12 -0700
Subject: [PATCH 227/274] CR feedback.

---
 types/chart.js/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/chart.js/index.d.ts b/types/chart.js/index.d.ts
index bfbe9fb31e..4d1546fdb3 100644
--- a/types/chart.js/index.d.ts
+++ b/types/chart.js/index.d.ts
@@ -130,7 +130,7 @@ declare namespace Chart {
     }
 
     interface ChartData {
-        labels?: string[] | string[][];
+        labels?: (string | string[])[];
         datasets?: ChartDataSets[];
     }
 

From a18fdfd2f408170ed0b8b200e7cb24f937fa9b58 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Fri, 7 Jul 2017 18:14:42 +0200
Subject: [PATCH 228/274] Create learn-tests.ts

---
 types/jquery/test/learn-tests.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 types/jquery/test/learn-tests.ts

diff --git a/types/jquery/test/learn-tests.ts b/types/jquery/test/learn-tests.ts
new file mode 100644
index 0000000000..2ad633eddc
--- /dev/null
+++ b/types/jquery/test/learn-tests.ts
@@ -0,0 +1,20 @@
+import jQueryFactory = require('jquery');
+const jQuery = jQueryFactory(window, true);
+
+# From https://learn.jquery.com/plugins/basic-plugin-creation/
+
+## Basic Plugin Authoring
+
+interface JQuery {
+    greenify: GreenifyPlugin;
+}
+
+interface GreenifyPlugin {
+   (this: JQuery): void;
+}
+
+jQuery.fn.greenify = function() {
+    this.css( "color", "green" );
+};
+
+jQuery( "a" ).greenify(); // Makes all the links green.

From 5e2a11a1e4f6edb02afe6fd8f63bb51a1bf05d02 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Fri, 7 Jul 2017 09:21:33 -0700
Subject: [PATCH 229/274] Update index.d.ts

---
 types/webpack/index.d.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 43295be8b9..5890c8679c 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -95,6 +95,18 @@ declare namespace webpack {
     interface Entry {
         [name: string]: string | string[];
     }
+    
+    interface DevtoolModuleTemplateInfo {
+        identifier: string;
+        shortIdentifier: string;
+        resource: any;
+        resourcePath: string;
+        absoluteResourcePath: string;
+        allLoaders: any[];
+        query: string;
+        moduleId: string;
+        hash: string;
+    }
 
     interface Output {
         /** The output directory as absolute path (required). */
@@ -106,9 +118,9 @@ declare namespace webpack {
         /** The filename of the SourceMaps for the JavaScript files. They are inside the output.path directory. */
         sourceMapFilename?: string;
         /** Filename template string of function for the sources array in a generated SourceMap. */
-        devtoolModuleFilenameTemplate?: string | (info: any) => string;
+        devtoolModuleFilenameTemplate?: string | ((info: DevtoolModuleTemplateInfo) => string);
         /** Similar to output.devtoolModuleFilenameTemplate, but used in the case of duplicate module identifiers. */
-        devtoolFallbackModuleFilenameTemplate?: string;
+        devtoolFallbackModuleFilenameTemplate?: string | ((info: DevtoolModuleTemplateInfo) => string);
         /**
          * Enable line to line mapped mode for all/specified modules.
          * Line to line mapped mode uses a simple SourceMap where each line of the generated source is mapped to the same line of the original source.

From 0d0eb743b7e9b5a150c252231e6029522dabf362 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Fri, 7 Jul 2017 10:15:16 -0700
Subject: [PATCH 230/274] Update index.d.ts

---
 types/webpack/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 5890c8679c..251a7d2a74 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -95,7 +95,7 @@ declare namespace webpack {
     interface Entry {
         [name: string]: string | string[];
     }
-    
+
     interface DevtoolModuleTemplateInfo {
         identifier: string;
         shortIdentifier: string;

From 1f359f76e72ed24e271d22fbbb60ec6fd55cead7 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Fri, 7 Jul 2017 10:16:34 -0700
Subject: [PATCH 231/274] Update index.d.ts

---
 types/webpack/index.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 251a7d2a74..6fa0b2fc97 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -96,7 +96,7 @@ declare namespace webpack {
         [name: string]: string | string[];
     }
 
-    interface DevtoolModuleTemplateInfo {
+    interface DevtoolModuleFilenameTemplateInfo {
         identifier: string;
         shortIdentifier: string;
         resource: any;
@@ -118,9 +118,9 @@ declare namespace webpack {
         /** The filename of the SourceMaps for the JavaScript files. They are inside the output.path directory. */
         sourceMapFilename?: string;
         /** Filename template string of function for the sources array in a generated SourceMap. */
-        devtoolModuleFilenameTemplate?: string | ((info: DevtoolModuleTemplateInfo) => string);
+        devtoolModuleFilenameTemplate?: string | ((info: DevtoolModuleFilenameTemplateInfo) => string);
         /** Similar to output.devtoolModuleFilenameTemplate, but used in the case of duplicate module identifiers. */
-        devtoolFallbackModuleFilenameTemplate?: string | ((info: DevtoolModuleTemplateInfo) => string);
+        devtoolFallbackModuleFilenameTemplate?: string | ((info: DevtoolModuleFilenameTemplateInfo) => string);
         /**
          * Enable line to line mapped mode for all/specified modules.
          * Line to line mapped mode uses a simple SourceMap where each line of the generated source is mapped to the same line of the original source.

From 8a93b22efe3bc47d44973cf0f8d06005ffe677c4 Mon Sep 17 00:00:00 2001
From: Philippe Legault <plegault@live.ca>
Date: Fri, 7 Jul 2017 12:36:02 -0700
Subject: [PATCH 232/274] React-Burger-Menu: Compatibility with older versions
 of React

Removing the state of ReactBurgerMenu isn't compatible with older versions of React. I know that this request is a bit regressive, but explicitly defining the state would be more practical for those of us who can't easily upgrade React.
---
 types/react-burger-menu/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-burger-menu/index.d.ts b/types/react-burger-menu/index.d.ts
index 7368c335e2..8e43992940 100644
--- a/types/react-burger-menu/index.d.ts
+++ b/types/react-burger-menu/index.d.ts
@@ -41,7 +41,7 @@ export interface Props {
     width?: number | string;
 }
 
-export class ReactBurgerMenu extends React.Component<Props> { }
+export class ReactBurgerMenu extends React.Component<Props, {}> { }
 
 export class slide extends ReactBurgerMenu { }
 export class stack extends ReactBurgerMenu { }

From 20134c8278f5546cf2b9ff8d005892904b5a208c Mon Sep 17 00:00:00 2001
From: ziga <zigomir@gmail.com>
Date: Fri, 7 Jul 2017 13:52:02 -0700
Subject: [PATCH 233/274] Lint fix.

---
 types/chart.js/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/chart.js/index.d.ts b/types/chart.js/index.d.ts
index 4d1546fdb3..6724d27112 100644
--- a/types/chart.js/index.d.ts
+++ b/types/chart.js/index.d.ts
@@ -130,7 +130,7 @@ declare namespace Chart {
     }
 
     interface ChartData {
-        labels?: (string | string[])[];
+        labels?: Array<string | string[]>;
         datasets?: ChartDataSets[];
     }
 

From 277f220679f86b3bb6c87f00fa31a63df3cb2d16 Mon Sep 17 00:00:00 2001
From: McClelland Laboratories <jwright@mettest.com>
Date: Fri, 7 Jul 2017 15:44:24 -0700
Subject: [PATCH 234/274] Added requested change

---
 types/node/v7/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/node/v7/index.d.ts b/types/node/v7/index.d.ts
index 9fdeed19d6..a7a0b1b311 100644
--- a/types/node/v7/index.d.ts
+++ b/types/node/v7/index.d.ts
@@ -1588,7 +1588,7 @@ declare module "readline" {
         removeHistoryDuplicates?: boolean;
     }
 
-    export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean, historySize?: number, prompt?: string, crlfDelay?: number, removeHistoryDuplicates?: boolean): ReadLine;
+    export function createInterface(input: NodeJS.ReadableStream, output?: NodeJS.WritableStream, completer?: Completer | AsyncCompleter, terminal?: boolean): ReadLine;
     export function createInterface(options: ReadLineOptions): ReadLine;
 
     export function cursorTo(stream: NodeJS.WritableStream, x: number, y: number): void;

From cb2615884b0ee84ff44bc65282e211a652c2267a Mon Sep 17 00:00:00 2001
From: Chris Eppstein <chris@eppsteins.net>
Date: Wed, 5 Jul 2017 19:18:29 -0700
Subject: [PATCH 235/274] The originalSource parameter to the SourceMapSource
 constructor is optional.

---
 types/webpack-sources/index.d.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/types/webpack-sources/index.d.ts b/types/webpack-sources/index.d.ts
index 548c381978..792158d27a 100644
--- a/types/webpack-sources/index.d.ts
+++ b/types/webpack-sources/index.d.ts
@@ -186,7 +186,10 @@ export class SourceMapSource extends Source implements SourceAndMapMixin {
     _innerSourceMap: RawSourceMap;
 
     constructor(
-        value: string, name: string, sourceMap: SourceMapGenerator | RawSourceMap, originalSource: string,
+        value: string,
+        name: string,
+        sourceMap: SourceMapGenerator | RawSourceMap,
+        originalSource?: string,
         innerSourceMap?: RawSourceMap
     );
 

From 40f37a17ddd46fff21969e471d9efb5f860238b3 Mon Sep 17 00:00:00 2001
From: Erik Seliger <eseliger@users.noreply.github.com>
Date: Sat, 8 Jul 2017 01:21:20 +0200
Subject: [PATCH 236/274] Add newly added option to DumpOptions

---
 types/js-yaml/index.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/js-yaml/index.d.ts b/types/js-yaml/index.d.ts
index d19f10a61c..37d817fb8c 100644
--- a/types/js-yaml/index.d.ts
+++ b/types/js-yaml/index.d.ts
@@ -51,6 +51,8 @@ declare namespace jsyaml {
 		noRefs?: boolean;
 		// if true don't try to be compatible with older yaml versions. Currently: don't quote "yes", "no" and so on, as required for YAML 1.1 (default: false)
 		noCompatMode?: boolean;
+		// if true flow sequences will be condensed, omitting the space between `key: value` or `a, b`. Eg. `'[a,b]'` or `{a:{b:c}}`. Can be useful when using yaml for pretty URL query params as spaces are %-encoded. (default: false)
+		condenseFlow?: boolean;
 	}
 
 	export interface TypeConstructorOptions {

From 6a01609d453864260da098f6871864590f023f49 Mon Sep 17 00:00:00 2001
From: tedbcsgpro <tedb@csgpro.com>
Date: Fri, 7 Jul 2017 16:27:41 -0700
Subject: [PATCH 237/274] adds v4 history

---
 types/dropzone/v4/dropzone-tests.ts | 296 ++++++++++++++++++++++++++++
 types/dropzone/v4/index.d.ts        |   0
 types/dropzone/v4/tsconfig.json     |  26 +++
 3 files changed, 322 insertions(+)
 create mode 100644 types/dropzone/v4/dropzone-tests.ts
 create mode 100644 types/dropzone/v4/index.d.ts
 create mode 100644 types/dropzone/v4/tsconfig.json

diff --git a/types/dropzone/v4/dropzone-tests.ts b/types/dropzone/v4/dropzone-tests.ts
new file mode 100644
index 0000000000..3b56c0c50a
--- /dev/null
+++ b/types/dropzone/v4/dropzone-tests.ts
@@ -0,0 +1,296 @@
+const dropzoneFromString = new Dropzone(".test");
+const dropzoneFromElement = new Dropzone(document.getElementById("test"));
+const dropzoneRenameFunction = function (name:string):string {
+  return name + 'new';
+};
+
+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"
+	},
+	headers: {
+		"Some-Header": "Value"
+	},
+	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")]
+});
+
+dropzoneWithOptionsVariations = new Dropzone(".test", {
+    success: (file:Dropzone.DropzoneFile, response:Object) => console.log(file, response)
+});
+dropzoneWithOptionsVariations = new Dropzone(".test", {
+    success: (file:Dropzone.DropzoneFile, response:string) => console.log(file, response)
+});
+
+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.off("drop", () => {
+		console.count('drop');
+	})
+	.off("dragstart")
+	.off();
+
+dropzone.destroy();
\ No newline at end of file
diff --git a/types/dropzone/v4/index.d.ts b/types/dropzone/v4/index.d.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/types/dropzone/v4/tsconfig.json b/types/dropzone/v4/tsconfig.json
new file mode 100644
index 0000000000..10f2d83747
--- /dev/null
+++ b/types/dropzone/v4/tsconfig.json
@@ -0,0 +1,26 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": false,
+        "baseUrl": "../../",
+        "typeRoots": [
+            "../../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "paths": {
+            "history": ["history/v4"]
+        }
+    },
+    "files": [
+        "index.d.ts",
+        "dropzone-tests.ts"
+    ]
+}
\ No newline at end of file

From 0e36eefc5fefe53784a5062666f4d818f676d930 Mon Sep 17 00:00:00 2001
From: Daniel Perez Alvarez <unindented@gmail.com>
Date: Fri, 7 Jul 2017 14:29:12 -0700
Subject: [PATCH 238/274] Update types for auto-launch v5.0.1

---
 types/auto-launch/auto-launch-tests.ts | 35 ++++++-------
 types/auto-launch/index.d.ts           | 72 ++++++++++++++------------
 types/auto-launch/tsconfig.json        |  4 +-
 types/auto-launch/tslint.json          |  1 +
 4 files changed, 59 insertions(+), 53 deletions(-)
 create mode 100644 types/auto-launch/tslint.json

diff --git a/types/auto-launch/auto-launch-tests.ts b/types/auto-launch/auto-launch-tests.ts
index ae6ace9620..af141358bd 100644
--- a/types/auto-launch/auto-launch-tests.ts
+++ b/types/auto-launch/auto-launch-tests.ts
@@ -1,24 +1,23 @@
-
-
 import AutoLaunch = require('auto-launch');
 
-var a1 = new AutoLaunch({
-    name: 'Foo',
+const minecraftAutoLauncher = new AutoLaunch({
+  name: 'Minecraft',
+  path: '/Applications/Minecraft.app',
+  mac: {
+    useLaunchAgent: true
+  }
 });
 
-var a2 = new AutoLaunch({
-    name: 'Foo',
-    path: '/Applications/Foo.app',
-    isHidden: true,
-});
+minecraftAutoLauncher.enable();
+minecraftAutoLauncher.disable();
 
-a1.enable();
-a2.disable();
-
-a1.isEnabled(function(enabled: boolean) {
-    if (enabled) {
-        return;
+minecraftAutoLauncher.isEnabled()
+  .then((isEnabled) => {
+    if (isEnabled) {
+      return;
     }
-
-    a1.enable(function(err){ console.log(err.message); });
-});
+    minecraftAutoLauncher.enable();
+  })
+  .catch((err) => {
+    console.error(err);
+  });
diff --git a/types/auto-launch/index.d.ts b/types/auto-launch/index.d.ts
index 8a6af4e5dd..1ea4fcc25a 100644
--- a/types/auto-launch/index.d.ts
+++ b/types/auto-launch/index.d.ts
@@ -1,41 +1,47 @@
-// Type definitions for auto-launch 0.1.18
+// Type definitions for auto-launch 5.0
 // Project: https://github.com/Teamwork/node-auto-launch
-// Definitions by: rhysd <https://github.com/rhysd>
+// Definitions by: rhysd <https://github.com/rhysd>, Daniel Perez Alvarez <https://github.com/unindented>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
-interface AutoLaunchOption {
-	/**
-	 * Application name.
-	 */
-	name: string;
-	/**
-	 * Hidden on launch or not.  Default is false.
-	 */
-	isHidden?: boolean;
-	/**
-	 * Path to application directory.
-	 * Default is process.execPath.
-	 */
-	path?: string;
+interface AutoLaunchOptions {
+  /**
+   * Application name.
+   */
+  name: string;
+  /**
+   * Path to application. Default is `process.execPath`.
+   */
+  path?: string;
+  /**
+   * Hidden on launch. Default is `false`.
+   */
+  isHidden?: boolean;
+  /**
+   * For Mac-only options.
+   */
+  mac?: {
+    /**
+     * By default, AppleScript is used to add a Login Item. If this is `true`, Launch Agent will be used to auto-launch your app. Defaults is `false`.
+     */
+    useLaunchAgent?: boolean;
+  };
 }
 
 declare class AutoLaunch {
-	constructor(opts: AutoLaunchOption);
-	/**
-	 * Enables to launch at start up
-	 */
-	enable(callback?: (err: Error) => void): void;
-	/**
-	 * Disables to launch at start up
-	 */
-	disable(callback?: (err: Error) => void): void;
-	/**
-	 * Returns if auto start up is enabled
-	 */
-	isEnabled(callback: (enabled: boolean) => void): void;
+  constructor(options: AutoLaunchOptions);
+
+  /**
+   * Enables auto-launch at start up.
+   */
+  enable(): Promise<void>;
+  /**
+   * Disables auto-launch at start up.
+   */
+  disable(): Promise<void>;
+  /**
+   * Returns true if auto-launch is enabled.
+   */
+  isEnabled(): Promise<boolean>;
 }
 
-declare module "auto-launch" {
-	var al: typeof AutoLaunch;
-	export = al;
-}
+export = AutoLaunch;
diff --git a/types/auto-launch/tsconfig.json b/types/auto-launch/tsconfig.json
index 2200ea7a60..ba69bba12b 100644
--- a/types/auto-launch/tsconfig.json
+++ b/types/auto-launch/tsconfig.json
@@ -7,7 +7,7 @@
         ],
         "noImplicitAny": true,
         "noImplicitThis": true,
-        "strictNullChecks": false,
+        "strictNullChecks": true,
         "baseUrl": "../",
         "typeRoots": [
             "../"
@@ -20,4 +20,4 @@
         "index.d.ts",
         "auto-launch-tests.ts"
     ]
-}
\ No newline at end of file
+}
diff --git a/types/auto-launch/tslint.json b/types/auto-launch/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/auto-launch/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From c46452782d4e29822bc1b7a55f982185593344f8 Mon Sep 17 00:00:00 2001
From: Denis <carriere.denis@gmail.com>
Date: Thu, 6 Jul 2017 15:13:04 -0400
Subject: [PATCH 239/274] Implement Delaunator typescript definition

---
 types/delaunator/delaunator-tests.ts | 31 ++++++++++++++++++++++++
 types/delaunator/index.d.ts          | 35 ++++++++++++++++++++++++++++
 types/delaunator/tsconfig.json       | 22 +++++++++++++++++
 types/delaunator/tslint.json         |  1 +
 4 files changed, 89 insertions(+)
 create mode 100644 types/delaunator/delaunator-tests.ts
 create mode 100644 types/delaunator/index.d.ts
 create mode 100644 types/delaunator/tsconfig.json
 create mode 100644 types/delaunator/tslint.json

diff --git a/types/delaunator/delaunator-tests.ts b/types/delaunator/delaunator-tests.ts
new file mode 100644
index 0000000000..1d50e0273a
--- /dev/null
+++ b/types/delaunator/delaunator-tests.ts
@@ -0,0 +1,31 @@
+import * as Delaunator from 'delaunator';
+import { Points, GetPoint } from 'delaunator';
+
+// Default [x, y]
+const points: Points = [[168, 180], [168, 178], [168, 179], [168, 181], [168, 183], [167, 183], [167, 184]];
+const d = new Delaunator(points);
+
+// Custom getX & getY
+interface CustomPoint {
+    x: number;
+    y: number;
+}
+const customPoints = [{x: 168, y: 180}, {x: 168, y: 178}, {x: 168, y: 179}, {x: 168, y: 181}, {x: 168, y: 183}, {x: 167, y: 183}, {x: 167, y: 184}];
+
+const getX = (point: CustomPoint) => point.x;
+const getY = (point: CustomPoint) => point.y;
+
+new Delaunator(customPoints, point => point.x, point => point.y);
+new Delaunator(customPoints, getX, getY);
+
+// To get the coordinates of all triangles, use:
+const triangles = d.triangles;
+const halfedges = d.halfedges;
+const coordinates: number[][][] = [];
+for (let i = 0; i < triangles.length; i += 3) {
+    coordinates.push([
+        points[triangles[i]],
+        points[triangles[i + 1]],
+        points[triangles[i + 2]]
+    ]);
+}
diff --git a/types/delaunator/index.d.ts b/types/delaunator/index.d.ts
new file mode 100644
index 0000000000..5761fec4a8
--- /dev/null
+++ b/types/delaunator/index.d.ts
@@ -0,0 +1,35 @@
+// Type definitions for delaunator 1.0
+// Project: https://github.com/mapbox/delaunator#readme
+// Definitions by: Denis Carriere <https://github.com/DenisCarriere>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare class Delaunator<T> {
+    /**
+     * A flat Int32Array array of triangle vertex indices (each group of three numbers forms a triangle). All triangles are directed counterclockwise.
+     */
+    triangles: Int32Array;
+
+    /**
+     * A flat Int32Array array of triangle half-edge indices that allows you to traverse the triangulation.
+     * i-th half-edge in the array corresponds to vertex triangles[i] the half-edge is coming from.
+     * halfedges[i] is the index of a twin half-edge in an adjacent triangle (or -1 for outer half-edges on the convex hull).
+     *
+     * The flat array-based data structures might be counterintuitive, but they're one of the key reasons this library is fast.
+     */
+    halfedges: Int32Array;
+
+    /**
+     * Constructs a delaunay triangulation object given an array of points ([x, y] by default). Duplicate points are skipped.
+     */
+    constructor(points: Delaunator.Points);
+    constructor(points: T[], getX: Delaunator.GetPoint<T>, getY: Delaunator.GetPoint<T>);
+}
+
+declare namespace Delaunator {
+    type Point = number[];
+    type Points = Point[];
+    type Triangles = Int32Array;
+    type HalfEdges = Int32Array;
+    type GetPoint<T> = (point: T) => number;
+}
+export = Delaunator;
diff --git a/types/delaunator/tsconfig.json b/types/delaunator/tsconfig.json
new file mode 100644
index 0000000000..438b1c53af
--- /dev/null
+++ b/types/delaunator/tsconfig.json
@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "delaunator-tests.ts"
+    ]
+}
diff --git a/types/delaunator/tslint.json b/types/delaunator/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/delaunator/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From f2ed9c9e73baef98be989bbebbecd291975952cb Mon Sep 17 00:00:00 2001
From: tedbcsgpro <tedb@csgpro.com>
Date: Fri, 7 Jul 2017 16:40:08 -0700
Subject: [PATCH 240/274] attempt 1 to fix Travis CI build errors

---
 .../{dropzone-tests.ts => history-tests.ts}   |   0
 types/dropzone/v4/index.d.ts                  | 279 ++++++++++++++++++
 types/dropzone/v4/tsconfig.json               |   2 +-
 3 files changed, 280 insertions(+), 1 deletion(-)
 rename types/dropzone/v4/{dropzone-tests.ts => history-tests.ts} (100%)

diff --git a/types/dropzone/v4/dropzone-tests.ts b/types/dropzone/v4/history-tests.ts
similarity index 100%
rename from types/dropzone/v4/dropzone-tests.ts
rename to types/dropzone/v4/history-tests.ts
diff --git a/types/dropzone/v4/index.d.ts b/types/dropzone/v4/index.d.ts
index e69de29bb2..171552a240 100644
--- a/types/dropzone/v4/index.d.ts
+++ b/types/dropzone/v4/index.d.ts
@@ -0,0 +1,279 @@
+// Type definitions for Dropzone 4.3.0
+// Project: http://www.dropzonejs.com/
+// Definitions by: Natan Vivo <https://github.com/nvivo>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>, Vasya Aksyonov <https://github.com/outring>, Simon Huber <https://github.com/renuo>, Sebastiaan de Rooij <https://github.com/Hikariii>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+/// <reference types="jquery"/>
+
+import * as $ from "jquery";
+
+declare namespace Dropzone {
+	export interface DropzoneResizeInfo {
+		srcX?:number;
+		srcY?:number;
+		trgX?:number;
+		trgY?:number;
+		srcWidth?:number;
+		srcHeight?:number;
+		trgWidth?:number;
+		trgHeight?:number;
+		optWidth?:number;
+		optHeight?:number;
+	}
+
+	export interface DropzoneFile extends File {
+		previewElement: HTMLElement;
+		previewTemplate: HTMLElement;
+		previewsContainer: HTMLElement;
+		status: string;
+		accepted: boolean;
+		xhr?: XMLHttpRequest;
+	}
+
+	export interface DropzoneOptions {
+		url?: string;
+		method?: string;
+		withCredentials?: boolean;
+		parallelUploads?: number;
+		uploadMultiple?: boolean;
+		maxFilesize?: number;
+		paramName?: string;
+		createImageThumbnails?: boolean;
+		maxThumbnailFilesize?: number;
+		thumbnailWidth?: number;
+		thumbnailHeight?: number;
+		filesizeBase?: number;
+		maxFiles?: number;
+		params?: {};
+		headers?: {};
+		clickable?: boolean|string|HTMLElement|(string|HTMLElement)[];
+		ignoreHiddenFiles?: boolean;
+		acceptedFiles?: string;
+		renameFilename?(name:string): string;
+		autoProcessQueue?: boolean;
+		autoQueue?: boolean;
+		addRemoveLinks?: boolean;
+		previewsContainer?: boolean|string|HTMLElement;
+		hiddenInputContainer?: HTMLElement;
+		capture?: string;
+
+		dictDefaultMessage?: string;
+		dictFallbackMessage?: string;
+		dictFallbackText?: string;
+		dictFileTooBig?: string;
+		dictInvalidFileType?: string;
+		dictResponseError?: string;
+		dictCancelUpload?: string;
+		dictCancelUploadConfirmation?: string;
+		dictRemoveFile?: string;
+		dictRemoveFileConfirmation?: string;
+		dictMaxFilesExceeded?: string;
+
+		accept?(file:DropzoneFile, done:(error?:string|Error) => void):void;
+		init?():void;
+		forceFallback?: boolean;
+		fallback?():void;
+		resize?(file:DropzoneFile):DropzoneResizeInfo;
+
+		drop?(e:DragEvent):void;
+		dragstart?(e:DragEvent):void;
+		dragend?(e:DragEvent):void;
+		dragenter?(e:DragEvent):void;
+		dragover?(e:DragEvent):void;
+		dragleave?(e:DragEvent):void;
+		paste?(e:DragEvent):void;
+
+		reset?():void;
+
+		addedfile?(file:DropzoneFile):void;
+		addedfiles?(files:DropzoneFile[]):void;
+		removedfile?(file:DropzoneFile):void;
+		thumbnail?(file:DropzoneFile, dataUrl:string):void;
+
+		error?(file:DropzoneFile, message:string|Error, xhr:XMLHttpRequest):void;
+		errormultiple?(files:DropzoneFile[], message:string|Error, xhr:XMLHttpRequest):void;
+
+		processing?(file:DropzoneFile):void;
+		processingmultiple?(files:DropzoneFile[]):void;
+
+		uploadprogress?(file:DropzoneFile, progress:number, bytesSent:number):void;
+		totaluploadprogress?(totalProgress:number, totalBytes:number, totalBytesSent:number):void;
+
+		sending?(file:DropzoneFile, xhr:XMLHttpRequest, formData:FormData):void;
+		sendingmultiple?(files:DropzoneFile[], xhr:XMLHttpRequest, formData:FormData):void;
+
+		success?(file: DropzoneFile, response: Object|string): void;
+		successmultiple?(files:DropzoneFile[], responseText:string):void;
+
+		canceled?(file:DropzoneFile):void;
+		canceledmultiple?(file:DropzoneFile[]):void;
+
+		complete?(file:DropzoneFile):void;
+		completemultiple?(file:DropzoneFile[]):void;
+
+		maxfilesexceeded?(file:DropzoneFile):void;
+		maxfilesreached?(files:DropzoneFile[]):void;
+		queuecomplete?():void;
+
+		previewTemplate?: string;
+	}
+}
+
+declare class Dropzone {
+	constructor(container:string|HTMLElement, options?:Dropzone.DropzoneOptions);
+
+	static autoDiscover:boolean;
+	static options:any;
+	static confirm:(question:string, accepted:() => void, rejected?:() => void) => void;
+
+	static ADDED:string;
+	static QUEUED:string;
+	static ACCEPTED:string;
+	static UPLOADING:string;
+	static PROCESSING:string;
+	static CANCELED:string;
+	static ERROR:string;
+	static SUCCESS:string;
+
+	files:Dropzone.DropzoneFile[];
+
+	enable():void;
+
+	disable():void;
+
+	destroy():Dropzone;
+
+	addFile(file:Dropzone.DropzoneFile):void;
+
+	removeFile(file:Dropzone.DropzoneFile):void;
+
+	removeAllFiles(cancelIfNecessary?:boolean):void;
+
+	processQueue():void;
+
+	cancelUpload(file:Dropzone.DropzoneFile):void;
+
+	processFiles(files:Dropzone.DropzoneFile[]):void;
+
+	processFile(file:Dropzone.DropzoneFile):void;
+
+	uploadFile(file:Dropzone.DropzoneFile):void;
+
+	getAcceptedFiles():Dropzone.DropzoneFile[];
+
+	getRejectedFiles():Dropzone.DropzoneFile[];
+
+	getQueuedFiles():Dropzone.DropzoneFile[];
+
+	getUploadingFiles():Dropzone.DropzoneFile[];
+
+	accept(file:Dropzone.DropzoneFile, done:(error?:string|Error) => void):void;
+
+	getActiveFiles():Dropzone.DropzoneFile[];
+
+	getFilesWithStatus(status:string):Dropzone.DropzoneFile[];
+
+	enqueueFile(file:Dropzone.DropzoneFile):void;
+
+	enqueueFiles(file:Dropzone.DropzoneFile[]):void;
+
+	createThumbnail(file:Dropzone.DropzoneFile, callback?:(...args:any[]) => void):any;
+
+	createThumbnailFromUrl(file:Dropzone.DropzoneFile, url:string, callback?:(...args:any[]) => void):any;
+
+	on(eventName:string, callback:(...args:any[]) => void):Dropzone;
+
+	off(): Dropzone;
+	off(eventName:string, callback?:(...args:any[]) => void):Dropzone;
+
+	emit(eventName:string, ...args:any[]):Dropzone;
+
+	on(eventName:"drop", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName:"dragstart", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName:"dragend", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName:"dragenter", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName:"dragover", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName:"dragleave", callback:(e:DragEvent) => any):Dropzone;
+	on(eventName:"paste", callback:(e:DragEvent) => any):Dropzone;
+
+	on(eventName:"reset"):Dropzone;
+
+	on(eventName:"addedfile", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"addedfiles", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
+	on(eventName:"removedfile", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"thumbnail", callback:(file:Dropzone.DropzoneFile, dataUrl:string) => any):Dropzone;
+
+	on(eventName:"error", callback:(file:Dropzone.DropzoneFile, message:string|Error) => any):Dropzone;
+	on(eventName:"errormultiple", callback:(files:Dropzone.DropzoneFile[], message:string|Error) => any):Dropzone;
+
+	on(eventName:"processing", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"processingmultiple", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
+
+	on(eventName:"uploadprogress", callback:(file:Dropzone.DropzoneFile, progress:number, bytesSent:number) => any):Dropzone;
+	on(eventName:"totaluploadprogress", callback:(totalProgress:number, totalBytes:number, totalBytesSent:number) => any):Dropzone;
+
+	on(eventName:"sending", callback:(file:Dropzone.DropzoneFile, xhr:XMLHttpRequest, formData:FormData) => any):Dropzone;
+	on(eventName:"sendingmultiple", callback:(files:Dropzone.DropzoneFile[], xhr:XMLHttpRequest, formData:FormData) => any):Dropzone;
+
+	on(eventName:"success", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"successmultiple", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
+
+	on(eventName:"canceled", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"canceledmultiple", callback:(file:Dropzone.DropzoneFile[]) => any):Dropzone;
+
+	on(eventName:"complete", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"completemultiple", callback:(file:Dropzone.DropzoneFile[]) => any):Dropzone;
+
+	on(eventName:"maxfilesexceeded", callback:(file:Dropzone.DropzoneFile) => any):Dropzone;
+	on(eventName:"maxfilesreached", callback:(files:Dropzone.DropzoneFile[]) => any):Dropzone;
+	on(eventName:"queuecomplete"):Dropzone;
+
+	emit(eventName:"drop", e:DragEvent):Dropzone;
+	emit(eventName:"dragstart", e:DragEvent):Dropzone;
+	emit(eventName:"dragend", e:DragEvent):Dropzone;
+	emit(eventName:"dragenter", e:DragEvent):Dropzone;
+	emit(eventName:"dragover", e:DragEvent):Dropzone;
+	emit(eventName:"dragleave", e:DragEvent):Dropzone;
+	emit(eventName:"paste", e:DragEvent):Dropzone;
+
+	emit(eventName:"reset"):Dropzone;
+
+	emit(eventName:"addedfile", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"addedfiles", files:Dropzone.DropzoneFile[]):Dropzone;
+	emit(eventName:"removedfile", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"thumbnail", file:Dropzone.DropzoneFile, dataUrl:string):Dropzone;
+
+	emit(eventName:"error", file:Dropzone.DropzoneFile, message:string|Error):Dropzone;
+	emit(eventName:"errormultiple", files:Dropzone.DropzoneFile[], message:string|Error):Dropzone;
+
+	emit(eventName:"processing", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"processingmultiple", files:Dropzone.DropzoneFile[]):Dropzone;
+
+	emit(eventName:"uploadprogress", file:Dropzone.DropzoneFile, progress:number, bytesSent:number):Dropzone;
+	emit(eventName:"totaluploadprogress", totalProgress:number, totalBytes:number, totalBytesSent:number):Dropzone;
+
+	emit(eventName:"sending", file:Dropzone.DropzoneFile, xhr:XMLHttpRequest, formData:FormData):Dropzone;
+	emit(eventName:"sendingmultiple", files:Dropzone.DropzoneFile[], xhr:XMLHttpRequest, formData:FormData):Dropzone;
+
+	emit(eventName:"success", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"successmultiple", files:Dropzone.DropzoneFile[]):Dropzone;
+
+	emit(eventName:"canceled", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"canceledmultiple", file:Dropzone.DropzoneFile[]):Dropzone;
+
+	emit(eventName:"complete", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"completemultiple", file:Dropzone.DropzoneFile[]):Dropzone;
+
+	emit(eventName:"maxfilesexceeded", file:Dropzone.DropzoneFile):Dropzone;
+	emit(eventName:"maxfilesreached", files:Dropzone.DropzoneFile[]):Dropzone;
+	emit(eventName:"queuecomplete"):Dropzone;
+
+}
+
+interface JQuery {
+	dropzone(options:Dropzone.DropzoneOptions): Dropzone;
+}
+
+export = Dropzone;
+export as namespace Dropzone;
\ No newline at end of file
diff --git a/types/dropzone/v4/tsconfig.json b/types/dropzone/v4/tsconfig.json
index 10f2d83747..5c818e33c5 100644
--- a/types/dropzone/v4/tsconfig.json
+++ b/types/dropzone/v4/tsconfig.json
@@ -21,6 +21,6 @@
     },
     "files": [
         "index.d.ts",
-        "dropzone-tests.ts"
+        "history-tests.ts"
     ]
 }
\ No newline at end of file

From 3e76717ca119b83d3cb7d6cd25cfdb785045b3de Mon Sep 17 00:00:00 2001
From: tedbcsgpro <tedb@csgpro.com>
Date: Fri, 7 Jul 2017 17:06:40 -0700
Subject: [PATCH 241/274] fixes test errors

---
 types/dropzone/v4/{history-tests.ts => dropzone-tests.ts} | 0
 types/dropzone/v4/tsconfig.json                           | 4 ++--
 2 files changed, 2 insertions(+), 2 deletions(-)
 rename types/dropzone/v4/{history-tests.ts => dropzone-tests.ts} (100%)

diff --git a/types/dropzone/v4/history-tests.ts b/types/dropzone/v4/dropzone-tests.ts
similarity index 100%
rename from types/dropzone/v4/history-tests.ts
rename to types/dropzone/v4/dropzone-tests.ts
diff --git a/types/dropzone/v4/tsconfig.json b/types/dropzone/v4/tsconfig.json
index 5c818e33c5..36eb5f0aef 100644
--- a/types/dropzone/v4/tsconfig.json
+++ b/types/dropzone/v4/tsconfig.json
@@ -16,11 +16,11 @@
         "noEmit": true,
         "forceConsistentCasingInFileNames": true,
         "paths": {
-            "history": ["history/v4"]
+            "dropzone": ["dropzone/v4"]
         }
     },
     "files": [
         "index.d.ts",
-        "history-tests.ts"
+        "dropzone-tests.ts"
     ]
 }
\ No newline at end of file

From aa41e744cffe27d462f4e9a124d7649060f4c381 Mon Sep 17 00:00:00 2001
From: nearbydelta <cd4209@gmail.com>
Date: Sat, 8 Jul 2017 10:36:34 +0900
Subject: [PATCH 242/274] Revised: Class BarNote has new constructor -
 rollback: constructor in class Note. - creation: constructor() in class
 BarNote.

---
 types/vexflow/index.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/types/vexflow/index.d.ts b/types/vexflow/index.d.ts
index 873e6cc044..01c8d75381 100644
--- a/types/vexflow/index.d.ts
+++ b/types/vexflow/index.d.ts
@@ -187,6 +187,7 @@ declare namespace Vex {
 
         class BarNote extends Note {
             static DEBUG : boolean;
+            constructor();
             getType() : Barline.type;
             setType(type : Barline.type) : BarNote;
             getBoundingBox() : BoundingBox;
@@ -619,7 +620,7 @@ declare namespace Vex {
             applyTickMultiplier(numerator : number, denominator : number) : void;
             setDuration(duration : Fraction) : void;
 	    
-            constructor(note_struct? : {type? : string, dots? : number, duration : string});
+            constructor(note_struct : {type? : string, dots? : number, duration : string});
             getPlayNote() : any;
             setPlayNote(note : any) : Note;
             isRest() : boolean;

From 2d0f4f99e2f9b706f5192373393f7827004f2539 Mon Sep 17 00:00:00 2001
From: Flur <superflur@gmail.com>
Date: Sat, 8 Jul 2017 14:50:46 +0300
Subject: [PATCH 243/274] -add DDSLoader -add test file for OBJLoader,
 MTLLoader, DDSLoader - minor changes in core

---
 types/three/index.d.ts                        |  1 +
 .../examples/loaders/webgl_loader_obj_mtl.ts  | 83 +++++++++++++++++++
 types/three/three-core.d.ts                   |  2 +-
 types/three/three-ddsloader.d.ts              | 11 +++
 types/three/three-mtlloader.d.ts              |  2 +
 types/three/three-objloader.d.ts              |  1 +
 types/three/tsconfig.json                     |  3 +-
 7 files changed, 101 insertions(+), 2 deletions(-)
 create mode 100644 types/three/test/examples/loaders/webgl_loader_obj_mtl.ts
 create mode 100644 types/three/three-ddsloader.d.ts

diff --git a/types/three/index.d.ts b/types/three/index.d.ts
index 17156bed94..2df7c306ed 100644
--- a/types/three/index.d.ts
+++ b/types/three/index.d.ts
@@ -27,5 +27,6 @@ export * from "./three-vrcontrols";
 export * from "./three-vreffect";
 export * from "./three-objloader";
 export * from "./three-mtlloader";
+export * from "./three-ddsloader";
 
 export as namespace THREE;
diff --git a/types/three/test/examples/loaders/webgl_loader_obj_mtl.ts b/types/three/test/examples/loaders/webgl_loader_obj_mtl.ts
new file mode 100644
index 0000000000..3f11216c5a
--- /dev/null
+++ b/types/three/test/examples/loaders/webgl_loader_obj_mtl.ts
@@ -0,0 +1,83 @@
+// https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_obj_mtl.html
+
+() => {
+
+			var container: HTMLElement;
+			var camera: THREE.PerspectiveCamera, scene: THREE.Scene, renderer: THREE.WebGLRenderer;
+			var mouseX = 0, mouseY = 0;
+			var windowHalfX = window.innerWidth / 2;
+			var windowHalfY = window.innerHeight / 2;
+
+			init();
+			animate();
+
+			function init() {
+				container = document.createElement( 'div' );
+				document.body.appendChild( container );
+				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
+				camera.position.z = 250;
+				// scene
+				scene = new THREE.Scene();
+				var ambient = new THREE.AmbientLight( 0x444444 );
+				scene.add( ambient );
+				var directionalLight = new THREE.DirectionalLight( 0xffeedd );
+				directionalLight.position.set( 0, 0, 1 ).normalize();
+				scene.add( directionalLight );
+				// model
+				var onProgress = function ( xhr: ProgressEvent ) {
+					if ( xhr.lengthComputable ) {
+						var percentComplete = xhr.loaded / xhr.total * 100;
+						console.log( Math.round(percentComplete) + '% downloaded' );
+					}
+				};
+				var onError = function ( xhr: ErrorEvent ) { };
+				THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );
+				var mtlLoader: THREE.MTLLoader = new THREE.MTLLoader();
+				mtlLoader.setPath( 'obj/male02/' );
+				mtlLoader.load( 'male02_dds.mtl', function( materials: THREE.MaterialCreator ) {
+					materials.preload();
+					var objLoader: THREE.OBJLoader = new THREE.OBJLoader();
+					objLoader.setMaterials( materials );
+					objLoader.setPath( 'obj/male02/' );
+					objLoader.load( 'male02.obj', function ( object: THREE.Object3D ) {
+						object.position.y = - 95;
+						scene.add( object );
+					}, onProgress, onError );
+				});
+
+				renderer = new THREE.WebGLRenderer();
+				renderer.setPixelRatio( window.devicePixelRatio );
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				container.appendChild( renderer.domElement );
+				document.addEventListener( 'mousemove', onDocumentMouseMove, false );
+				//
+				window.addEventListener( 'resize', onWindowResize, false );
+			}
+
+			function onWindowResize() {
+				windowHalfX = window.innerWidth / 2;
+				windowHalfY = window.innerHeight / 2;
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+				renderer.setSize( window.innerWidth, window.innerHeight );
+			}
+
+			function onDocumentMouseMove( event: MouseEvent ) {
+				mouseX = ( event.clientX - windowHalfX ) / 2;
+				mouseY = ( event.clientY - windowHalfY ) / 2;
+			}
+
+			//
+			function animate() {
+				requestAnimationFrame( animate );
+				render();
+			}
+
+			function render() {
+				camera.position.x += ( mouseX - camera.position.x ) * .05;
+				camera.position.y += ( - mouseY - camera.position.y ) * .05;
+				camera.lookAt( scene.position );
+				renderer.render( scene, camera );
+			}
+
+}
diff --git a/types/three/three-core.d.ts b/types/three/three-core.d.ts
index ea0e6f917c..3b89456ba9 100644
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -2087,7 +2087,7 @@ export class Loader {
 export interface LoaderHandler {
     handlers: (RegExp | Loader)[];
 
-    add(regex: RegExp, loader: Loader): void;
+    add(regex: RegExp, loader: Loader | CompressedTextureLoader): void;
     get(file: string): Loader;
 }
 
diff --git a/types/three/three-ddsloader.d.ts b/types/three/three-ddsloader.d.ts
new file mode 100644
index 0000000000..7f2587adcc
--- /dev/null
+++ b/types/three/three-ddsloader.d.ts
@@ -0,0 +1,11 @@
+// https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/DDSLoader.js
+
+import {CompressedPixelFormat, CompressedTextureLoader} from "./three-core";
+
+export class DDSLoader extends CompressedTextureLoader {
+
+    constructor();
+
+    parse(buffer: string, loadMipmaps: boolean) : { mipmaps: { data: Uint8Array, width: number, height: number }[], width: number, height: number, format: CompressedPixelFormat, mipmapCount: number };
+
+}
diff --git a/types/three/three-mtlloader.d.ts b/types/three/three-mtlloader.d.ts
index 5113d67df2..8cac40cef2 100644
--- a/types/three/three-mtlloader.d.ts
+++ b/types/three/three-mtlloader.d.ts
@@ -1,3 +1,5 @@
+// https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/MTLLoader.js
+
 
 import {Material} from "./three-core";
 import {LoadingManager} from "./three-core";
diff --git a/types/three/three-objloader.d.ts b/types/three/three-objloader.d.ts
index 25a3adf93f..b98a00f9c5 100644
--- a/types/three/three-objloader.d.ts
+++ b/types/three/three-objloader.d.ts
@@ -1,3 +1,4 @@
+// https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/OBJLoader.js
 
 import {Material} from "./three-core";
 import {LoadingManager} from "./three-core";
diff --git a/types/three/tsconfig.json b/types/three/tsconfig.json
index b2038f113c..b3bb3fc8f7 100644
--- a/types/three/tsconfig.json
+++ b/types/three/tsconfig.json
@@ -52,6 +52,7 @@
         "test/examples/effects/vreffect.ts",
         "test/examples/controls/vrcontrols.ts",
         "test/examples/ctm/ctmloader.ts",
-        "test/examples/octree.ts"
+        "test/examples/octree.ts",
+        "test/examples/loaders/webgl_loader_obj_mtl.ts"
     ]
 }

From e4f89b34f9444a224656cda5ff186110ef9c17e8 Mon Sep 17 00:00:00 2001
From: Erik Seliger <eseliger@users.noreply.github.com>
Date: Sat, 8 Jul 2017 17:28:29 +0200
Subject: [PATCH 244/274] Update version

---
 types/js-yaml/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/js-yaml/index.d.ts b/types/js-yaml/index.d.ts
index 37d817fb8c..2817689c29 100644
--- a/types/js-yaml/index.d.ts
+++ b/types/js-yaml/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for js-yaml 3.5.2
+// Type definitions for js-yaml 3.9.0
 // Project: https://github.com/nodeca/js-yaml
 // Definitions by: Bart van der Schoor <https://github.com/Bartvds>, Sebastian Clausen <https://github.com/sclausen>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

From 30d9e497dfc115e43904717d4a013ca094cc0f98 Mon Sep 17 00:00:00 2001
From: Fei YU <fei@visbit.co>
Date: Sat, 8 Jul 2017 13:53:08 -0700
Subject: [PATCH 245/274] Fix typo from arb -> abr

---
 types/hls.js/index.d.ts | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/types/hls.js/index.d.ts b/types/hls.js/index.d.ts
index 66ad839da1..e80eecae3f 100644
--- a/types/hls.js/index.d.ts
+++ b/types/hls.js/index.d.ts
@@ -757,39 +757,39 @@ declare namespace Hls {
      * Half of the estimate is based on the last abrEwmaSlowLive seconds of sample history. Each of the sample is weighted by the fragment loading duration.
      * parameter should be a float greater than abrEwmaFastLive
      */
-    arbEwmaSlowLive: number;
+    abrEwmaSlowLive: number;
     /**
      * (default: 4.0)
      * Fast bitrate Exponential moving average half-life, used to compute average bitrate for VoD streams.
      * Half of the estimate is based on the last abrEwmaFastVoD seconds of sample history. Each of the sample is weighted by the fragment loading duration.
      * parameter should be a float greater than 0
      */
-    arbEwmaFastVod: number;
+    abrEwmaFastVod: number;
     /**
      * (default: 15.0)
      * Slow bitrate Exponential moving average half-life, used to compute average bitrate for VoD streams.
      * Half of the estimate is based on the last abrEwmaSlowVoD seconds of sample history. Each of the sample is weighted by the fragment loading duration.
      * parameter should be a float greater than abrEwmaFastVoD
      */
-    arbEwmaSlowVod: number;
+    abrEwmaSlowVod: number;
     /**
      * (default: 500000)
      * Default bandwidth estimate in bits/second prior to collecting fragment bandwidth samples.
      * parameter should be a float
      */
-    arbEwmaDefaultEstimate: number;
+    abrEwmaDefaultEstimate: number;
     /**
      * (default: 0.8)
      * Scale factor to be applied against measured bandwidth average, to determine whether we can stay on current or lower quality level.
      * If abrBandWidthFactor * bandwidth average < level.bitrate then ABR can switch to that level providing that it is equal or less than current level.
      */
-    arbBandWidthFactor: number;
+    abrBandWidthFactor: number;
     /**
      * (default: 0.7)
      * Scale factor to be applied against measured bandwidth average, to determine whether we can switch up to a higher quality level.
      * If abrBandWidthUpFactor * bandwidth average < level.bitrate then ABR can switch up to that quality level.
      */
-    arbBandWidthUpFactor: number;
+    abrBandWidthUpFactor: number;
     /**
      * (default: false)
      * max bitrate used in ABR by avg measured bitrate i.e. if bitrate signaled in variant manifest for a given level is 2Mb/s but average bitrate measured on this level is 2.5Mb/s,
@@ -1161,39 +1161,39 @@ declare namespace Hls {
      * Half of the estimate is based on the last abrEwmaSlowLive seconds of sample history. Each of the sample is weighted by the fragment loading duration.
      * parameter should be a float greater than abrEwmaFastLive
      */
-    arbEwmaSlowLive?: number;
+    abrEwmaSlowLive?: number;
     /**
      * (default: 4.0)
      * Fast bitrate Exponential moving average half-life, used to compute average bitrate for VoD streams.
      * Half of the estimate is based on the last abrEwmaFastVoD seconds of sample history. Each of the sample is weighted by the fragment loading duration.
      * parameter should be a float greater than 0
      */
-    arbEwmaFastVod?: number;
+    abrEwmaFastVod?: number;
     /**
      * (default: 15.0)
      * Slow bitrate Exponential moving average half-life, used to compute average bitrate for VoD streams.
      * Half of the estimate is based on the last abrEwmaSlowVoD seconds of sample history. Each of the sample is weighted by the fragment loading duration.
      * parameter should be a float greater than abrEwmaFastVoD
      */
-    arbEwmaSlowVod?: number;
+    abrEwmaSlowVod?: number;
     /**
      * (default: 500000)
      * Default bandwidth estimate in bits/second prior to collecting fragment bandwidth samples.
      * parameter should be a float
      */
-    arbEwmaDefaultEstimate?: number;
+    abrEwmaDefaultEstimate?: number;
     /**
      * (default: 0.8)
      * Scale factor to be applied against measured bandwidth average, to determine whether we can stay on current or lower quality level.
      * If abrBandWidthFactor * bandwidth average < level.bitrate then ABR can switch to that level providing that it is equal or less than current level.
      */
-    arbBandWidthFactor?: number;
+    abrBandWidthFactor?: number;
     /**
      * (default: 0.7)
      * Scale factor to be applied against measured bandwidth average, to determine whether we can switch up to a higher quality level.
      * If abrBandWidthUpFactor * bandwidth average < level.bitrate then ABR can switch up to that quality level.
      */
-    arbBandWidthUpFactor?: number;
+    abrBandWidthUpFactor?: number;
     /**
      * (default: false)
      * max bitrate used in ABR by avg measured bitrate i.e. if bitrate signaled in variant manifest for a given level is 2Mb/s but average bitrate measured on this level is 2.5Mb/s,

From a4fd4c5f5447919f64d4211034598cecde49d108 Mon Sep 17 00:00:00 2001
From: Benjamin Lim <bumbleblym@gmail.com>
Date: Sun, 9 Jul 2017 15:53:58 +0800
Subject: [PATCH 246/274] feat: add Devtool options type

Closes #17387
---
 types/webpack/index.d.ts | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/types/webpack/index.d.ts b/types/webpack/index.d.ts
index 49c42740f2..13b2de85cd 100644
--- a/types/webpack/index.d.ts
+++ b/types/webpack/index.d.ts
@@ -30,13 +30,7 @@ declare namespace webpack {
         context?: string;
         entry?: string | string[] | Entry;
         /** Choose a style of source mapping to enhance the debugging process. These values can affect build and rebuild speed dramatically. */
-        // tslint:disable-next-line:max-line-length
-        devtool?: 'eval' | 'inline-source-map' | 'cheap-eval-source-map' | 'cheap-source-map' | 'cheap-module-eval-source-map' | 'cheap-module-source-map' | 'eval-source-map' | 'source-map' |
-            'nosources-source-map' | 'hidden-source-map' | 'nosources-source-map' | '@eval' | '@inline-source-map' | '@cheap-eval-source-map' | '@cheap-source-map' | '@cheap-module-eval-source-map' |
-            '@cheap-module-source-map' | '@eval-source-map' | '@source-map' | '@nosources-source-map' | '@hidden-source-map' | '@nosources-source-map' | '#eval' | '#inline-source-map' |
-            '#cheap-eval-source-map' | '#cheap-source-map' | '#cheap-module-eval-source-map' | '#cheap-module-source-map' | '#eval-source-map' | '#source-map' | '#nosources-source-map' |
-            '#hidden-source-map' | '#nosources-source-map' | '#@eval' | '#@inline-source-map' | '#@cheap-eval-source-map' | '#@cheap-source-map' | '#@cheap-module-eval-source-map' |
-            '#@cheap-module-source-map' | '#@eval-source-map' | '#@source-map' | '#@nosources-source-map' | '#@hidden-source-map' | '#@nosources-source-map' | boolean;
+        devtool?: Options.Devtool;
         /** Options affecting the output. */
         output?: Output;
         /** Options affecting the normal modules (NormalModuleFactory) */
@@ -509,6 +503,14 @@ declare namespace webpack {
     type Rule = LoaderRule | UseRule | RulesRule | OneOfRule;
 
     namespace Options {
+        // tslint:disable-next-line:max-line-length
+        type Devtool = 'eval' | 'inline-source-map' | 'cheap-eval-source-map' | 'cheap-source-map' | 'cheap-module-eval-source-map' | 'cheap-module-source-map' | 'eval-source-map' | 'source-map' |
+            'nosources-source-map' | 'hidden-source-map' | 'nosources-source-map' | '@eval' | '@inline-source-map' | '@cheap-eval-source-map' | '@cheap-source-map' | '@cheap-module-eval-source-map' |
+            '@cheap-module-source-map' | '@eval-source-map' | '@source-map' | '@nosources-source-map' | '@hidden-source-map' | '@nosources-source-map' | '#eval' | '#inline-source-map' |
+            '#cheap-eval-source-map' | '#cheap-source-map' | '#cheap-module-eval-source-map' | '#cheap-module-source-map' | '#eval-source-map' | '#source-map' | '#nosources-source-map' |
+            '#hidden-source-map' | '#nosources-source-map' | '#@eval' | '#@inline-source-map' | '#@cheap-eval-source-map' | '#@cheap-source-map' | '#@cheap-module-eval-source-map' |
+            '#@cheap-module-source-map' | '#@eval-source-map' | '#@source-map' | '#@nosources-source-map' | '#@hidden-source-map' | '#@nosources-source-map' | boolean;
+
         interface Performance {
             /** This property allows webpack to control what files are used to calculate performance hints. */
             assetFilter?(assetFilename: string): boolean;

From 1f64f18a900aa80a5492dbceaa98840095cccc7a Mon Sep 17 00:00:00 2001
From: Andrey <webdevelop.abut@yandex.ru>
Date: Sun, 9 Jul 2017 16:12:36 +0600
Subject: [PATCH 247/274] Update index.d.ts

Update MobilePhoneLocale to support string 'any'
---
 types/validator/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/validator/index.d.ts b/types/validator/index.d.ts
index 74bf331ed6..7c7283ebee 100644
--- a/types/validator/index.d.ts
+++ b/types/validator/index.d.ts
@@ -6,7 +6,7 @@
 declare namespace ValidatorJS {
   type AlphaLocale = "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-QA" | "ar-QM" | "ar-SA" | "ar-SD" | "ar-SY" | "ar-TN" | "ar-YE" | "cs-CZ" | "de-DE" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-ZA" | "en-ZM" | "es-ES" | "fr-FR" | "hu-HU" | "nl-NL" | "pl-PL" | "pt-BR" | "pt-PT" | "ru-RU" | "sr-RS" | "sr-RS@latin" | "tr-TR";
   type AlphanumericLocale = "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-QA" | "ar-QM" | "ar-SA" | "ar-SD" | "ar-SY" | "ar-TN" | "ar-YE" | "cs-CZ" | "de-DE" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-ZA" | "en-ZM" | "es-ES" | "fr-FR" | "fr-BE" | "hu-HU" | "nl-BE" | "nl-NL" | "pl-PL" | "pt-BR" | "pt-PT" | "ru-RU" | "sr-RS" | "sr-RS@latin" | "tr-TR";
-  type MobilePhoneLocale = "ar-DZ" | "ar-SA" | "ar-SY" | "cs-CZ" | "de-DE" | "da-DK" | "el-GR" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-CA" | "en-ZA" | "en-ZM" | "es-ES" | "fi-FI" | "fr-FR" | "hu-HU" | "it-IT" | "ja-JP" | "ms-MY" | "nb-NO" | "nn-NO" | "pl-PL" | "pt-PT" | "ru-RU" | "sr-RS" | "tr-TR" | "vi-VN" | "zh-CN" | "zh-TW"
+  type MobilePhoneLocale = "ar-DZ" | "ar-SA" | "ar-SY" | "cs-CZ" | "de-DE" | "da-DK" | "el-GR" | "en-AU" | "en-GB" | "en-HK" | "en-IN" | "en-NZ" | "en-US" | "en-CA" | "en-ZA" | "en-ZM" | "es-ES" | "fi-FI" | "fr-FR" | "hu-HU" | "it-IT" | "ja-JP" | "ms-MY" | "nb-NO" | "nn-NO" | "pl-PL" | "pt-PT" | "ru-RU" | "sr-RS" | "tr-TR" | "vi-VN" | "zh-CN" | "zh-TW" | "any";
 
   interface ValidatorStatic {
 

From 43ffe03a9b62684b06e12ae61f52e61919aa9008 Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Sun, 9 Jul 2017 14:52:31 +0300
Subject: [PATCH 248/274] enforce strong typing for partial objects and
 property names

---
 types/seamless-immutable/index.d.ts           |  81 +++++++-----
 .../seamless-immutable-tests.ts               | 123 ++++++++++++------
 2 files changed, 132 insertions(+), 72 deletions(-)

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index ceeccd7b3f..046a60259a 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -15,49 +15,60 @@
 export = SeamlessImmutable;
 
 declare namespace SeamlessImmutable {
-  interface MergeConfig {
-    deep?: boolean;
-    merger?: Function;
-  }
+    type DeepPartial<T> = {
+        [P in keyof T]?: DeepPartial<T[P]>;
+    };
 
-  interface Options {
-    prototype?: any;
-  }
+    interface MergeConfig {
+        deep?: boolean;
+        merger?: Function;
+    }
 
-  interface AsMutableOptions {
-    deep: boolean;
-  }
+    interface Options {
+        prototype?: any;
+    }
 
-  export interface ImmutableObject<T> {
-    set(property: string, value: any): ImmutableObject<any>;
-    setIn(propertyPath: Array<string>, value: any): ImmutableObject<any>;
+    interface AsMutableOptions {
+        deep: boolean;
+    }
 
-    asMutable(): T;
-    asMutable(opts: AsMutableOptions): T;
+    export interface ImmutableObject<T> {
+        set<K extends keyof T>(property: K, value: T[K]): T & ImmutableObject<T>;
+        setIn<K extends keyof T>
+            (propertyPath: [ K ], value: T[K]): T & ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K]>
+            (propertyPath: [ K, L ], value: T[K][L]): T & ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>
+            (propertyPath: [ K, L, M ], value: T[K][L][M]): T & ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>
+            (propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): T & ImmutableObject<T>;
 
-    merge(part: any, config?: MergeConfig): ImmutableObject<T>;
+        asMutable(): T;
+        asMutable(opts: AsMutableOptions): T;
 
-    update(property: string, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-    updateIn(propertyPath: Array<string>, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        merge(part: DeepPartial<T>, config?: MergeConfig): T & ImmutableObject<T>;
 
-    without(property: string): ImmutableObject<any>;
-    without(...properties: string[]): ImmutableObject<any>;
-    without(filter: (value: any, key: string) => boolean): ImmutableObject<any>;
-  }
+        update(property: string, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn(propertyPath: Array<string>, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
 
-  export interface ImmutableArray<T> {
-    asMutable(): Array<T>;
-    asMutable(opts: AsMutableOptions): Array<T>;
-    asObject(toKeyValue: (item: T) => Array<any>): ImmutableObject<T>;
-    flatMap(mapFunction: (item: T) => Array<any>): ImmutableArray<any>;
-  }
+        without(property: string): ImmutableObject<any>;
+        without(...properties: string[]): ImmutableObject<any>;
+        without(filter: (value: any, key: string) => boolean): ImmutableObject<any>;
+    }
 
-  // an immutable object is both of Type T (i.e., looks like a normal T) and of type Immutable<T>
-  export type Immutable<T> = T & (ImmutableObject<T> | ImmutableArray<T>);
+    export interface ImmutableArray<T> {
+        asMutable(): Array<T>;
+        asMutable(opts: AsMutableOptions): Array<T>;
+        asObject(toKeyValue: (item: T) => [string, any]): ImmutableObject<any>;
+        flatMap<TTarget>(mapFunction: (item: T) => Array<TTarget>): TTarget[] & ImmutableArray<TTarget>;
+    }
 
-  export function from<T>(obj: Array<T>, options?: Options): Array<T> & ImmutableArray<T>;
-  export function from<T>(obj: T, options?: Options): T & ImmutableObject<T>;
+    // an immutable object is both of Type T (i.e., looks like a normal T) and of type Immutable<T>
+    export type Immutable<T> = T & (ImmutableObject<T> | ImmutableArray<T>);
 
-  export function isImmutable(target: any): boolean;
-  export function ImmutableError(message: string): Error;
-}
\ No newline at end of file
+    export function from<T>(obj: Array<T>, options?: Options): Array<T> & ImmutableArray<T>;
+    export function from<T>(obj: T, options?: Options): T & ImmutableObject<T>;
+
+    export function isImmutable(target: any): boolean;
+    export function ImmutableError(message: string): Error;
+}
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index 745135b6a9..6ab7fd25be 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -1,51 +1,100 @@
-import SI = require("seamless-immutable");
+import * as Immutable from 'seamless-immutable';
 
-// Immutable instance method test
-const isImmutable: boolean = SI.isImmutable(SI.from([0, 2]));
-const error: Error = SI.ImmutableError("error");
+// Test types
 
-// Immutable Array tests
-const siArray: SI.ImmutableArray<number> = SI.from([0, 1, 2]);
-
-const mutableArray: Array<number> = siArray.asMutable();
-const mutableArray2: Array<number> = siArray.asMutable({ deep: true });
-const arrayToObject: SI.ImmutableObject<number> = siArray.asObject((value: number) =>
-  [value.toString(), value]
-);
-const flatMappedArray: SI.ImmutableArray<number> = siArray.flatMap((value: number) =>
-  [value, value]
-);
-
-// Immutable Object tests
 interface User {
-  firstName: string;
-  lastName: string;
+    firstName: string;
+    lastName: string;
 };
 
 interface Address {
-  line1: string;
+    line1: string;
 }
 
 interface ExtendedUser extends User {
-  address: Address;
+    address: Address;
 }
 
-const siObject: SI.ImmutableObject<User> = SI.from({
-  firstName: "Mike",
-  lastName: "test"
-});
-const extUser: SI.ImmutableObject<ExtendedUser> = siObject.set("address", {
-  line1: "test"
-});
+//
+// Constructors
+// ---------------------------------------------------------------
 
-const updatedAddress: SI.ImmutableObject<ExtendedUser> = extUser.setIn(["address", "line1"], "test2");
-const mutableUser: ExtendedUser = updatedAddress.asMutable();
-const mutableUser2: ExtendedUser = updatedAddress.asMutable({ deep: true });
-const mergedUser: SI.ImmutableObject<User> = siObject.merge({ lastName: "hello" });
-const updatedUser: SI.ImmutableObject<ExtendedUser> = extUser.update("firstName", (firstName): string =>
-  firstName + "hehe"
+{
+    interface User {
+        firstName: string;
+        lastName: string;
+    };
+
+    const arrayOfNumbers: number[] & Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
+    const user: User & Immutable.ImmutableObject<User> = Immutable.from({
+        firstName: 'Angry',
+        lastName: 'Monkey'
+    });
+    const error: Error = Immutable.ImmutableError('error');
+}
+
+//
+// Static utilities
+// ---------------------------------------------------------------
+
+{
+    const isImmutable: boolean = Immutable.isImmutable(Immutable.from([0, 2]));
+}
+
+//
+// Instance syntax: immutable array
+// ---------------------------------------------------------------
+{
+    const array: User[] & Immutable.ImmutableArray<User> = Immutable.from<User>([ { firstName: 'Angry', lastName: 'Monkey' } ]);
+
+    // asMutable
+    const mutableArray1: User[] = array.asMutable();
+    const mutableArray2: User[] = array.asMutable({ deep: true });
+
+    // flatMap
+    const flatMappedArray: User[] & Immutable.ImmutableArray<User> = array.flatMap((value: User) =>
+        [value, value]
+    );
+
+    // asObject
+    const arrayToObject1: Immutable.ImmutableObject<any> = array.asObject((value) => [value.toString(), value]);
+}
+
+//
+// Instance syntax: immutable object
+// ---------------------------------------------------------------
+
+{
+    const immutableUser: Immutable.ImmutableObject<User> = Immutable.from({
+        firstName: 'Pure',
+        lastName: 'Gold'
+    });
+    const immutableUserEx: Immutable.ImmutableObject<ExtendedUser> = Immutable.from({
+        firstName: 'Hairy',
+        lastName: 'Dog',
+        address: {
+            line1: 'Big house'
+        }
+    });
+
+    // set: property name is strongly checked
+    const updatedUser: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
+
+    // setIn: property path is strongly checked for up to 4 arguments
+    const updatedUser2: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
+
+    // asMutable
+    const mutableUser1: User = immutableUser.asMutable();
+    const mutableUser2: User = immutableUser.asMutable({ deep: true });
+
+    // merge: merged part is strongly checked as a deeply partial object
+    const mergedUser: Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
+}
+
+const updatedUser: Immutable.ImmutableObject<ExtendedUser> = extUser.update("firstName", (firstName): string =>
+    firstName + "hehe"
 );
-const updatedInUser: SI.ImmutableObject<ExtendedUser> = extUser.updateIn(["address", "line1"], (line): string =>
-  line + "new address"
+const updatedInUser: Immutable.ImmutableObject<ExtendedUser> = extUser.updateIn(["address", "line1"], (line): string =>
+    line + "new address"
 );
-const userWithoutAddress: SI.ImmutableObject<User> = extUser.without("address");
+const userWithoutAddress: Immutable.ImmutableObject<User> = extUser.without("address");

From 8158a75e87bcd55b83147cf8f3af210d12cb2fb6 Mon Sep 17 00:00:00 2001
From: Flur <superflur@gmail.com>
Date: Sun, 9 Jul 2017 16:41:18 +0300
Subject: [PATCH 249/274] - changes accrording to review

---
 types/three/index.d.ts           |  6 +++---
 types/three/three-core.d.ts      |  4 ++--
 types/three/three-ddsloader.d.ts | 10 +++++++++-
 types/three/three-mtlloader.d.ts |  2 +-
 types/three/three-objloader.d.ts |  2 +-
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/types/three/index.d.ts b/types/three/index.d.ts
index 2df7c306ed..afe64c399e 100644
--- a/types/three/index.d.ts
+++ b/types/three/index.d.ts
@@ -10,11 +10,14 @@ export * from "./three-colladaLoader";
 export * from "./three-copyshader";
 export * from "./three-css3drenderer";
 export * from "./three-ctmloader";
+export * from "./three-ddsloader";
 export * from "./three-editorcontrols";
 export * from "./three-effectcomposer";
 export * from "./three-examples";
 export * from "./three-FirstPersonControls";
 export * from "./three-maskpass";
+export * from "./three-mtlloader";
+export * from "./three-objloader";
 export * from "./three-octree";
 export * from "./three-orbitcontrols";
 export * from "./three-orthographictrackballcontrols";
@@ -25,8 +28,5 @@ export * from "./three-trackballcontrols";
 export * from "./three-transformcontrols";
 export * from "./three-vrcontrols";
 export * from "./three-vreffect";
-export * from "./three-objloader";
-export * from "./three-mtlloader";
-export * from "./three-ddsloader";
 
 export as namespace THREE;
diff --git a/types/three/three-core.d.ts b/types/three/three-core.d.ts
index 3b89456ba9..a666411d24 100644
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -1609,13 +1609,13 @@ export class Object3D extends EventDispatcher {
      * Calls before rendering object
      */
     onBeforeRender: (renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.Geometry | THREE.BufferGeometry,
-                     material: THREE.Material, group: THREE.Group) => any;
+                     material: THREE.Material, group: THREE.Group) => void;
 
     /**
      * Calls after rendering object
      */
     onAfterRender: (renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.Camera, geometry: THREE.Geometry | THREE.BufferGeometry,
-                    material: THREE.Material, group: THREE.Group) => any;
+                    material: THREE.Material, group: THREE.Group) => void;
 
     /**
      *
diff --git a/types/three/three-ddsloader.d.ts b/types/three/three-ddsloader.d.ts
index 7f2587adcc..8d8f85bd0e 100644
--- a/types/three/three-ddsloader.d.ts
+++ b/types/three/three-ddsloader.d.ts
@@ -2,10 +2,18 @@
 
 import {CompressedPixelFormat, CompressedTextureLoader} from "./three-core";
 
+export interface Dds {
+  mipmaps: ImageData[],
+  width: number,
+  height: number,
+  format: CompressedPixelFormat,
+  mipmapCount: number
+}
+
 export class DDSLoader extends CompressedTextureLoader {
 
     constructor();
 
-    parse(buffer: string, loadMipmaps: boolean) : { mipmaps: { data: Uint8Array, width: number, height: number }[], width: number, height: number, format: CompressedPixelFormat, mipmapCount: number };
+    parse(buffer: string, loadMipmaps: boolean) : Dds;
 
 }
diff --git a/types/three/three-mtlloader.d.ts b/types/three/three-mtlloader.d.ts
index 8cac40cef2..a795a293de 100644
--- a/types/three/three-mtlloader.d.ts
+++ b/types/three/three-mtlloader.d.ts
@@ -49,6 +49,6 @@ export class MaterialCreator {
     create( materialName: string ) : Material;
     createMaterial_( materialName: string ) : Material;
     getTextureParams( value: string, matParams: any ) : any;
-    loadTexture(url: string, mapping: any, onLoad: (bufferGeometry: BufferGeometry) => void, onProgress?: (event: any) => void, onError?: (event: any) => void): Texture;
+    loadTexture(url: string, mapping: any, onLoad: (bufferGeometry: BufferGeometry) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): Texture;
 
 }
diff --git a/types/three/three-objloader.d.ts b/types/three/three-objloader.d.ts
index b98a00f9c5..62403eeebb 100644
--- a/types/three/three-objloader.d.ts
+++ b/types/three/three-objloader.d.ts
@@ -13,7 +13,7 @@ export class OBJLoader {
     materials: Material[];
     path: string;
 
-    load(url: string, onLoad: (group: Group) => void, onProgress?: (event: any) => void, onError?: (event: any) => void): void;
+    load(url: string, onLoad: (group: Group) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
     parse(data: string) : Group;
     setPath(value: string) : void;
     setMaterials(materials: MaterialCreator) : void;

From 1b91b09021f33ca11d466eb99509b114ebdab5d7 Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Sun, 9 Jul 2017 16:49:49 +0300
Subject: [PATCH 250/274] enforce strong typing in update, updateIn, without

---
 types/seamless-immutable/index.d.ts           | 20 +++++++++------
 .../seamless-immutable-tests.ts               | 25 +++++++++++--------
 2 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index 046a60259a..a121e584f1 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -48,12 +48,19 @@ declare namespace SeamlessImmutable {
 
         merge(part: DeepPartial<T>, config?: MergeConfig): T & ImmutableObject<T>;
 
-        update(property: string, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn(propertyPath: Array<string>, updaterFunction: (value: any, ...additionalParamters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+        updateIn<K extends keyof T>
+            (propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K]>
+            (propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>
+            (propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>
+            (propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
 
-        without(property: string): ImmutableObject<any>;
-        without(...properties: string[]): ImmutableObject<any>;
-        without(filter: (value: any, key: string) => boolean): ImmutableObject<any>;
+        without<TTarget>(property: keyof T): TTarget & ImmutableObject<TTarget>;
+        without<TTarget>(...properties: Array<keyof T>): TTarget & ImmutableObject<TTarget>;
+        without<TTarget>(filter: (value: T[keyof T], key: keyof T) => boolean): TTarget & ImmutableObject<TTarget>;
     }
 
     export interface ImmutableArray<T> {
@@ -63,8 +70,7 @@ declare namespace SeamlessImmutable {
         flatMap<TTarget>(mapFunction: (item: T) => Array<TTarget>): TTarget[] & ImmutableArray<TTarget>;
     }
 
-    // an immutable object is both of Type T (i.e., looks like a normal T) and of type Immutable<T>
-    export type Immutable<T> = T & (ImmutableObject<T> | ImmutableArray<T>);
+    export type Immutable<T> = ImmutableObject<T> | ImmutableArray<T>;
 
     export function from<T>(obj: Array<T>, options?: Options): Array<T> & ImmutableArray<T>;
     export function from<T>(obj: T, options?: Options): T & ImmutableObject<T>;
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index 6ab7fd25be..e5f7411d55 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -78,23 +78,26 @@ interface ExtendedUser extends User {
     });
 
     // set: property name is strongly checked
-    const updatedUser: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
+    const updatedUser: User & Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
 
     // setIn: property path is strongly checked for up to 4 arguments
-    const updatedUser2: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
+    const updatedUser2: ExtendedUser & Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
 
     // asMutable
     const mutableUser1: User = immutableUser.asMutable();
     const mutableUser2: User = immutableUser.asMutable({ deep: true });
 
     // merge: merged part is strongly checked as a deeply partial object
-    const mergedUser: Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
-}
+    const mergedUser: User & Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
 
-const updatedUser: Immutable.ImmutableObject<ExtendedUser> = extUser.update("firstName", (firstName): string =>
-    firstName + "hehe"
-);
-const updatedInUser: Immutable.ImmutableObject<ExtendedUser> = extUser.updateIn(["address", "line1"], (line): string =>
-    line + "new address"
-);
-const userWithoutAddress: Immutable.ImmutableObject<User> = extUser.without("address");
+    // update: property name is strongly checked
+    const updatedUser3: User & Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
+
+    // updateIn: property path is strongly checked for up to 4 arguments
+    const updatedUser4: User & Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
+
+    // without: the return type must be specified explicitly or it will be `any`
+    const simpleUser1: Immutable.ImmutableObject<any> = immutableUserEx.without('address');
+    const simpleUser2: User & Immutable.ImmutableObject<User> = immutableUserEx.without<User>('address');
+    const simpleUser3: Immutable.ImmutableObject<any> = immutableUserEx.without('firstName', 'lastName');
+}

From fb798e5fabb9cd792dc27c95ae3e963d02964d6d Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Sun, 9 Jul 2017 18:07:06 +0300
Subject: [PATCH 251/274] final polishing

---
 types/seamless-immutable/index.d.ts           | 46 +++++++++++--------
 .../seamless-immutable-tests.ts               | 24 +++++-----
 types/seamless-immutable/tsconfig.json        |  2 +-
 3 files changed, 40 insertions(+), 32 deletions(-)

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index a121e584f1..761f6e460c 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -1,7 +1,9 @@
 // Type definitions for Seamless-immutable 6.1.3
 // Project: https://github.com/rtfeldman/seamless-immutable
 // Definitions by: alex3165 <https://github.com/alex3165>
+//                 Stepan Burguchev <https://github.com/xsburg>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
 
 // This project is licensed under the MIT license.
 // Copyrights are respective of each contributor listed at the beginning of each definition file.
@@ -32,48 +34,54 @@ declare namespace SeamlessImmutable {
         deep: boolean;
     }
 
-    export interface ImmutableObject<T> {
-        set<K extends keyof T>(property: K, value: T[K]): T & ImmutableObject<T>;
+    interface IImmutableObject<T> {
+        set<K extends keyof T>(property: K, value: T[K]): ImmutableObject<T>;
         setIn<K extends keyof T>
-            (propertyPath: [ K ], value: T[K]): T & ImmutableObject<T>;
+            (propertyPath: [ K ], value: T[K]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K]>
-            (propertyPath: [ K, L ], value: T[K][L]): T & ImmutableObject<T>;
+            (propertyPath: [ K, L ], value: T[K][L]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>
-            (propertyPath: [ K, L, M ], value: T[K][L][M]): T & ImmutableObject<T>;
+            (propertyPath: [ K, L, M ], value: T[K][L][M]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>
-            (propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): T & ImmutableObject<T>;
+            (propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
+            (propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): ImmutableObject<T>;
 
         asMutable(): T;
         asMutable(opts: AsMutableOptions): T;
 
-        merge(part: DeepPartial<T>, config?: MergeConfig): T & ImmutableObject<T>;
+        merge(part: DeepPartial<T>, config?: MergeConfig): ImmutableObject<T>;
 
-        update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+        update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T>
-            (propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+            (propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K]>
-            (propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+            (propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>
-            (propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+            (propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>
-            (propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): T & ImmutableObject<T>;
+            (propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
+            (propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
 
-        without<TTarget>(property: keyof T): TTarget & ImmutableObject<TTarget>;
-        without<TTarget>(...properties: Array<keyof T>): TTarget & ImmutableObject<TTarget>;
-        without<TTarget>(filter: (value: T[keyof T], key: keyof T) => boolean): TTarget & ImmutableObject<TTarget>;
+        without<TTarget>(property: keyof T): ImmutableObject<TTarget>;
+        without<TTarget>(...properties: Array<keyof T>): ImmutableObject<TTarget>;
+        without<TTarget>(filter: (value: T[keyof T], key: keyof T) => boolean): ImmutableObject<TTarget>;
     }
 
-    export interface ImmutableArray<T> {
+    interface IImmutableArray<T> {
         asMutable(): Array<T>;
         asMutable(opts: AsMutableOptions): Array<T>;
         asObject(toKeyValue: (item: T) => [string, any]): ImmutableObject<any>;
-        flatMap<TTarget>(mapFunction: (item: T) => Array<TTarget>): TTarget[] & ImmutableArray<TTarget>;
+        flatMap<TTarget>(mapFunction: (item: T) => Array<TTarget>): ImmutableArray<TTarget>;
     }
 
+    export type ImmutableObject<T> = T & IImmutableObject<T>;
+    export type ImmutableArray<T> = Array<T> & IImmutableArray<T>;
     export type Immutable<T> = ImmutableObject<T> | ImmutableArray<T>;
 
-    export function from<T>(obj: Array<T>, options?: Options): Array<T> & ImmutableArray<T>;
-    export function from<T>(obj: T, options?: Options): T & ImmutableObject<T>;
+    export function from<T>(obj: Array<T>, options?: Options): ImmutableArray<T>;
+    export function from<T>(obj: T, options?: Options): ImmutableObject<T>;
 
     export function isImmutable(target: any): boolean;
     export function ImmutableError(message: string): Error;
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index e5f7411d55..1c5beffad6 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -25,8 +25,8 @@ interface ExtendedUser extends User {
         lastName: string;
     };
 
-    const arrayOfNumbers: number[] & Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
-    const user: User & Immutable.ImmutableObject<User> = Immutable.from({
+    const arrayOfNumbers: Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
+    const user: Immutable.ImmutableObject<User> = Immutable.from({
         firstName: 'Angry',
         lastName: 'Monkey'
     });
@@ -45,14 +45,14 @@ interface ExtendedUser extends User {
 // Instance syntax: immutable array
 // ---------------------------------------------------------------
 {
-    const array: User[] & Immutable.ImmutableArray<User> = Immutable.from<User>([ { firstName: 'Angry', lastName: 'Monkey' } ]);
+    const array: Immutable.ImmutableArray<User> = Immutable.from<User>([ { firstName: 'Angry', lastName: 'Monkey' } ]);
 
     // asMutable
     const mutableArray1: User[] = array.asMutable();
     const mutableArray2: User[] = array.asMutable({ deep: true });
 
     // flatMap
-    const flatMappedArray: User[] & Immutable.ImmutableArray<User> = array.flatMap((value: User) =>
+    const flatMappedArray: Immutable.ImmutableArray<User> = array.flatMap((value: User) =>
         [value, value]
     );
 
@@ -78,26 +78,26 @@ interface ExtendedUser extends User {
     });
 
     // set: property name is strongly checked
-    const updatedUser: User & Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
+    const updatedUser: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
 
-    // setIn: property path is strongly checked for up to 4 arguments
-    const updatedUser2: ExtendedUser & Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
+    // setIn: property path is strongly checked for up to 5 arguments
+    const updatedUser2: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
 
     // asMutable
     const mutableUser1: User = immutableUser.asMutable();
     const mutableUser2: User = immutableUser.asMutable({ deep: true });
 
     // merge: merged part is strongly checked as a deeply partial object
-    const mergedUser: User & Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
+    const mergedUser: Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
 
     // update: property name is strongly checked
-    const updatedUser3: User & Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
+    const updatedUser3: Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
 
-    // updateIn: property path is strongly checked for up to 4 arguments
-    const updatedUser4: User & Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
+    // updateIn: property path is strongly checked for up to 5 arguments
+    const updatedUser4: Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
 
     // without: the return type must be specified explicitly or it will be `any`
     const simpleUser1: Immutable.ImmutableObject<any> = immutableUserEx.without('address');
-    const simpleUser2: User & Immutable.ImmutableObject<User> = immutableUserEx.without<User>('address');
+    const simpleUser2: Immutable.ImmutableObject<User> = immutableUserEx.without<User>('address');
     const simpleUser3: Immutable.ImmutableObject<any> = immutableUserEx.without('firstName', 'lastName');
 }
diff --git a/types/seamless-immutable/tsconfig.json b/types/seamless-immutable/tsconfig.json
index 6ca679e6d8..8e2483cd41 100644
--- a/types/seamless-immutable/tsconfig.json
+++ b/types/seamless-immutable/tsconfig.json
@@ -19,4 +19,4 @@
         "index.d.ts",
         "seamless-immutable-tests.ts"
     ]
-}
\ No newline at end of file
+}

From 96d54ca44dbbc43ec04afdb01bf81143cc027f86 Mon Sep 17 00:00:00 2001
From: Flur <superflur@gmail.com>
Date: Sun, 9 Jul 2017 20:23:17 +0300
Subject: [PATCH 252/274] - add AnyLoader

---
 types/three/three-core.d.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/types/three/three-core.d.ts b/types/three/three-core.d.ts
index a666411d24..820faa1fab 100644
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -2084,11 +2084,19 @@ export class Loader {
     static Handlers: LoaderHandler;
 }
 
-export interface LoaderHandler {
-    handlers: (RegExp | Loader)[];
+/**
+* Interface for all loaders
+* CompressedTextureLoader don't extends Loader class, but have load method
+*/
+export interface AnyLoader {
+  load(url: string, onLoad?: (result: any) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): any;
+}
 
-    add(regex: RegExp, loader: Loader | CompressedTextureLoader): void;
-    get(file: string): Loader;
+export interface LoaderHandler {
+    handlers: (RegExp | AnyLoader)[];
+
+    add(regex: RegExp, loader: AnyLoader): void;
+    get(file: string): AnyLoader;
 }
 
 export class FileLoader {

From ccd26750c8e01d4caa7ef8520666e07458226539 Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Mon, 10 Jul 2017 01:10:45 +0300
Subject: [PATCH 253/274] add fallback definition to solve dynamic scenarios
 and when the number of arguments is more than 5

---
 types/seamless-immutable/index.d.ts            |  2 ++
 .../seamless-immutable-tests.ts                | 18 ++++++++++++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index 761f6e460c..c027c83429 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -46,6 +46,7 @@ declare namespace SeamlessImmutable {
             (propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
             (propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): ImmutableObject<T>;
+        setIn<TValue>(propertyPath: any[], value: TValue): ImmutableObject<T>;
 
         asMutable(): T;
         asMutable(opts: AsMutableOptions): T;
@@ -63,6 +64,7 @@ declare namespace SeamlessImmutable {
             (propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
             (propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<TValue>(propertyPath: any[], updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
 
         without<TTarget>(property: keyof T): ImmutableObject<TTarget>;
         without<TTarget>(...properties: Array<keyof T>): ImmutableObject<TTarget>;
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index 1c5beffad6..8374056fcc 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -76,12 +76,19 @@ interface ExtendedUser extends User {
             line1: 'Big house'
         }
     });
+    const data: {
+        propertyId: string
+    } = {
+        propertyId: 'user.1'
+    };
 
     // set: property name is strongly checked
     const updatedUser: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
 
-    // setIn: property path is strongly checked for up to 5 arguments
+    // setIn: property path is strongly checked for up to 5 arguments (helps with refactoring and intellisense)
+    // but will fall back to any[] if there are dynamic arguments on the way
     const updatedUser2: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
+    const updatedUser3: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn([ data.propertyId, 'line1' ], 'Small house');
 
     // asMutable
     const mutableUser1: User = immutableUser.asMutable();
@@ -91,10 +98,13 @@ interface ExtendedUser extends User {
     const mergedUser: Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
 
     // update: property name is strongly checked
-    const updatedUser3: Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
+    const updatedUser4: Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
 
-    // updateIn: property path is strongly checked for up to 5 arguments
-    const updatedUser4: Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
+    // updateIn: property path is strongly checked for up to 5 arguments (helps with refactoring and intellisense)
+    // but will fall back to any[] if there are dynamic arguments on the way
+    const updatedUser5: Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
+    // the type of the updated value must be explicity specified in case of fallback
+    const updatedUser6: Immutable.ImmutableObject<User> = immutableUserEx.updateIn<string>([ data.propertyId, 'line1' ], x => x.toLowerCase() + ' 43');
 
     // without: the return type must be specified explicitly or it will be `any`
     const simpleUser1: Immutable.ImmutableObject<any> = immutableUserEx.without('address');

From bd54249da7ce63587d342ca046ea819a58349bc1 Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Mon, 10 Jul 2017 09:25:33 +0300
Subject: [PATCH 254/274] set/update fallbacks, tests, tslint coverage

---
 types/seamless-immutable/index.d.ts           |  2 ++
 .../seamless-immutable-tests.ts               | 23 +++++++++++--------
 types/seamless-immutable/tslint.json          |  1 +
 3 files changed, 16 insertions(+), 10 deletions(-)
 create mode 100644 types/seamless-immutable/tslint.json

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index c027c83429..d40c609dd4 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -36,6 +36,7 @@ declare namespace SeamlessImmutable {
 
     interface IImmutableObject<T> {
         set<K extends keyof T>(property: K, value: T[K]): ImmutableObject<T>;
+        set<TValue>(property: string, value: TValue): ImmutableObject<T>;
         setIn<K extends keyof T>
             (propertyPath: [ K ], value: T[K]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K]>
@@ -54,6 +55,7 @@ declare namespace SeamlessImmutable {
         merge(part: DeepPartial<T>, config?: MergeConfig): ImmutableObject<T>;
 
         update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        update<TValue>(property: string, updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T>
             (propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K]>
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index 8374056fcc..64cbfdd6cb 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -5,7 +5,7 @@ import * as Immutable from 'seamless-immutable';
 interface User {
     firstName: string;
     lastName: string;
-};
+}
 
 interface Address {
     line1: string;
@@ -23,7 +23,7 @@ interface ExtendedUser extends User {
     interface User {
         firstName: string;
         lastName: string;
-    };
+    }
 
     const arrayOfNumbers: Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
     const user: Immutable.ImmutableObject<User> = Immutable.from({
@@ -83,28 +83,31 @@ interface ExtendedUser extends User {
     };
 
     // set: property name is strongly checked
-    const updatedUser: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
+    const updatedUser01: Immutable.ImmutableObject<User> = immutableUser.set('firstName', 'Whirlwind');
+    const updatedUser02: Immutable.ImmutableObject<User> = immutableUser.set(data.propertyId, 'Whirlwind');
 
     // setIn: property path is strongly checked for up to 5 arguments (helps with refactoring and intellisense)
     // but will fall back to any[] if there are dynamic arguments on the way
-    const updatedUser2: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
-    const updatedUser3: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn([ data.propertyId, 'line1' ], 'Small house');
+    const updatedUser11: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn(['address', 'line1'], 'Small house');
+    const updatedUser12: Immutable.ImmutableObject<ExtendedUser> = immutableUserEx.setIn([ data.propertyId, 'line1' ], 'Small house');
 
     // asMutable
-    const mutableUser1: User = immutableUser.asMutable();
-    const mutableUser2: User = immutableUser.asMutable({ deep: true });
+    const mutableUser21: User = immutableUser.asMutable();
+    const mutableUser22: User = immutableUser.asMutable({ deep: true });
 
     // merge: merged part is strongly checked as a deeply partial object
     const mergedUser: Immutable.ImmutableObject<User> = immutableUserEx.merge({ address: { line1: 'Small house' }, firstName: 'Jack' });
 
     // update: property name is strongly checked
-    const updatedUser4: Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
+    const updatedUser41: Immutable.ImmutableObject<User> = immutableUser.update('firstName', x => x.toLowerCase() + ' Whirlwind');
+    // the type of the updated value must be explicity specified in case of fallback
+    const updatedUser42: Immutable.ImmutableObject<User> = immutableUser.update<string>(data.propertyId, x => x.toLowerCase() + ' Whirlwind');
 
     // updateIn: property path is strongly checked for up to 5 arguments (helps with refactoring and intellisense)
     // but will fall back to any[] if there are dynamic arguments on the way
-    const updatedUser5: Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
+    const updatedUser51: Immutable.ImmutableObject<User> = immutableUserEx.updateIn([ 'address', 'line1' ], x => x.toLowerCase() + ' 43');
     // the type of the updated value must be explicity specified in case of fallback
-    const updatedUser6: Immutable.ImmutableObject<User> = immutableUserEx.updateIn<string>([ data.propertyId, 'line1' ], x => x.toLowerCase() + ' 43');
+    const updatedUser52: Immutable.ImmutableObject<User> = immutableUserEx.updateIn<string>([ data.propertyId, 'line1' ], x => x.toLowerCase() + ' 43');
 
     // without: the return type must be specified explicitly or it will be `any`
     const simpleUser1: Immutable.ImmutableObject<any> = immutableUserEx.without('address');
diff --git a/types/seamless-immutable/tslint.json b/types/seamless-immutable/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/seamless-immutable/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 0a0270a40b41414e8e1d4002f424d6632831a16a Mon Sep 17 00:00:00 2001
From: Alex <alex.web.architect@gmail.com>
Date: Mon, 10 Jul 2017 09:37:07 +0300
Subject: [PATCH 255/274] fix error TS2314

Generic type 'Component<P, S>' requires 2 type argument(s).
---
 types/react-redux/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-redux/index.d.ts b/types/react-redux/index.d.ts
index c21ea1c33b..c67c2f7cb3 100644
--- a/types/react-redux/index.d.ts
+++ b/types/react-redux/index.d.ts
@@ -176,4 +176,4 @@ export interface ProviderProps {
 /**
  * Makes the Redux store available to the connect() calls in the component hierarchy below.
  */
-export class Provider extends React.Component<ProviderProps> { }
+export class Provider extends React.Component<ProviderProps, {}> { }

From 7730d7619e34ae5b3362d1ba8b3501797c24ea13 Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Mon, 10 Jul 2017 09:49:33 +0300
Subject: [PATCH 256/274] fix common mistakes

---
 types/seamless-immutable/index.d.ts                  | 12 +++++++-----
 types/seamless-immutable/seamless-immutable-tests.ts |  6 ++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index d40c609dd4..70aa6b552d 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -37,6 +37,7 @@ declare namespace SeamlessImmutable {
     interface IImmutableObject<T> {
         set<K extends keyof T>(property: K, value: T[K]): ImmutableObject<T>;
         set<TValue>(property: string, value: TValue): ImmutableObject<T>;
+
         setIn<K extends keyof T>
             (propertyPath: [ K ], value: T[K]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K]>
@@ -47,7 +48,7 @@ declare namespace SeamlessImmutable {
             (propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): ImmutableObject<T>;
         setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
             (propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): ImmutableObject<T>;
-        setIn<TValue>(propertyPath: any[], value: TValue): ImmutableObject<T>;
+        setIn<TValue>(propertyPath: string[], value: TValue): ImmutableObject<T>;
 
         asMutable(): T;
         asMutable(opts: AsMutableOptions): T;
@@ -56,6 +57,7 @@ declare namespace SeamlessImmutable {
 
         update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         update<TValue>(property: string, updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+
         updateIn<K extends keyof T>
             (propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K]>
@@ -66,11 +68,11 @@ declare namespace SeamlessImmutable {
             (propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
             (propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn<TValue>(propertyPath: any[], updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<TValue>(propertyPath: string[], updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
 
-        without<TTarget>(property: keyof T): ImmutableObject<TTarget>;
-        without<TTarget>(...properties: Array<keyof T>): ImmutableObject<TTarget>;
-        without<TTarget>(filter: (value: T[keyof T], key: keyof T) => boolean): ImmutableObject<TTarget>;
+        without(property: keyof T): ImmutableObject<T>;
+        without(...properties: Array<keyof T>): ImmutableObject<T>;
+        without(filter: (value: T[keyof T], key: keyof T) => boolean): ImmutableObject<T>;
     }
 
     interface IImmutableArray<T> {
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index 64cbfdd6cb..4478ef80cd 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -109,8 +109,6 @@ interface ExtendedUser extends User {
     // the type of the updated value must be explicity specified in case of fallback
     const updatedUser52: Immutable.ImmutableObject<User> = immutableUserEx.updateIn<string>([ data.propertyId, 'line1' ], x => x.toLowerCase() + ' 43');
 
-    // without: the return type must be specified explicitly or it will be `any`
-    const simpleUser1: Immutable.ImmutableObject<any> = immutableUserEx.without('address');
-    const simpleUser2: Immutable.ImmutableObject<User> = immutableUserEx.without<User>('address');
-    const simpleUser3: Immutable.ImmutableObject<any> = immutableUserEx.without('firstName', 'lastName');
+    // without
+    const simpleUser1: Immutable.ImmutableObject<User> = immutableUserEx.without('address');
 }

From 4450b36336f984e89f79a97faab6e789cd21cbb0 Mon Sep 17 00:00:00 2001
From: Stepan Burguchev <me@sburg.net>
Date: Mon, 10 Jul 2017 10:30:45 +0300
Subject: [PATCH 257/274] add function-like constructor; fix lint errors

---
 types/seamless-immutable/index.d.ts           | 85 ++++++++-----------
 .../seamless-immutable-tests.ts               |  9 +-
 2 files changed, 44 insertions(+), 50 deletions(-)

diff --git a/types/seamless-immutable/index.d.ts b/types/seamless-immutable/index.d.ts
index 70aa6b552d..16256d8e83 100644
--- a/types/seamless-immutable/index.d.ts
+++ b/types/seamless-immutable/index.d.ts
@@ -1,19 +1,10 @@
-// Type definitions for Seamless-immutable 6.1.3
+// Type definitions for Seamless-immutable 7.1
 // Project: https://github.com/rtfeldman/seamless-immutable
 // Definitions by: alex3165 <https://github.com/alex3165>
 //                 Stepan Burguchev <https://github.com/xsburg>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
-// This project is licensed under the MIT license.
-// Copyrights are respective of each contributor listed at the beginning of each definition file.
-
-// Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-// The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
 export = SeamlessImmutable;
 
 declare namespace SeamlessImmutable {
@@ -23,7 +14,7 @@ declare namespace SeamlessImmutable {
 
     interface MergeConfig {
         deep?: boolean;
-        merger?: Function;
+        merger?(a: any, b: any, config: any): any;
     }
 
     interface Options {
@@ -34,61 +25,59 @@ declare namespace SeamlessImmutable {
         deep: boolean;
     }
 
-    interface IImmutableObject<T> {
+    interface ImmutableObjectMixin<T> {
         set<K extends keyof T>(property: K, value: T[K]): ImmutableObject<T>;
         set<TValue>(property: string, value: TValue): ImmutableObject<T>;
 
-        setIn<K extends keyof T>
-            (propertyPath: [ K ], value: T[K]): ImmutableObject<T>;
-        setIn<K extends keyof T, L extends keyof T[K]>
-            (propertyPath: [ K, L ], value: T[K][L]): ImmutableObject<T>;
-        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>
-            (propertyPath: [ K, L, M ], value: T[K][L][M]): ImmutableObject<T>;
-        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>
-            (propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): ImmutableObject<T>;
-        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
-            (propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): ImmutableObject<T>;
+        setIn<K extends keyof T>(propertyPath: [ K ], value: T[K]): ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K]>(propertyPath: [ K, L ], value: T[K][L]): ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>(propertyPath: [ K, L, M ], value: T[K][L][M]): ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>(
+            propertyPath: [ K, L, M, N ], value: T[K][L][M][N]): ImmutableObject<T>;
+        setIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>(
+            propertyPath: [ K, L, M, N, O ], value: T[K][L][M][N][O]): ImmutableObject<T>;
         setIn<TValue>(propertyPath: string[], value: TValue): ImmutableObject<T>;
 
-        asMutable(): T;
-        asMutable(opts: AsMutableOptions): T;
+        asMutable(opts?: AsMutableOptions): T;
 
         merge(part: DeepPartial<T>, config?: MergeConfig): ImmutableObject<T>;
 
         update<K extends keyof T>(property: K, updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         update<TValue>(property: string, updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
 
-        updateIn<K extends keyof T>
-            (propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn<K extends keyof T, L extends keyof T[K]>
-            (propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>
-            (propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>
-            (propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
-        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>
-            (propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<K extends keyof T>(
+            propertyPath: [ K ], updaterFunction: (value: T[K], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K]>(
+            propertyPath: [ K, L ], updaterFunction: (value: T[K][L], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L]>(
+            propertyPath: [ K, L, M ], updaterFunction: (value: T[K][L][M], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M]>(
+            propertyPath: [ K, L, M, N ], updaterFunction: (value: T[K][L][M][N], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
+        updateIn<K extends keyof T, L extends keyof T[K], M extends keyof T[K][L], N extends keyof T[K][L][M], O extends keyof T[K][L][M][N]>(
+            propertyPath: [ K, L, M, N, O ], updaterFunction: (value: T[K][L][M][N][O], ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
         updateIn<TValue>(propertyPath: string[], updaterFunction: (value: TValue, ...additionalParameters: any[]) => any, ...additionalArguments: any[]): ImmutableObject<T>;
 
-        without(property: keyof T): ImmutableObject<T>;
-        without(...properties: Array<keyof T>): ImmutableObject<T>;
-        without(filter: (value: T[keyof T], key: keyof T) => boolean): ImmutableObject<T>;
+        without<K extends keyof T>(property: K): ImmutableObject<T>;
+        without<K extends keyof T>(...properties: K[]): ImmutableObject<T>;
+        without<K extends keyof T>(filter: (value: T[K], key: K) => boolean): ImmutableObject<T>;
     }
 
-    interface IImmutableArray<T> {
-        asMutable(): Array<T>;
-        asMutable(opts: AsMutableOptions): Array<T>;
+    interface ImmutableArrayMixin<T> {
+        asMutable(opts?: AsMutableOptions): T[];
         asObject(toKeyValue: (item: T) => [string, any]): ImmutableObject<any>;
-        flatMap<TTarget>(mapFunction: (item: T) => Array<TTarget>): ImmutableArray<TTarget>;
+        flatMap<TTarget>(mapFunction: (item: T) => TTarget[]): ImmutableArray<TTarget>;
     }
 
-    export type ImmutableObject<T> = T & IImmutableObject<T>;
-    export type ImmutableArray<T> = Array<T> & IImmutableArray<T>;
-    export type Immutable<T> = ImmutableObject<T> | ImmutableArray<T>;
+    type ImmutableObject<T> = T & ImmutableObjectMixin<T>;
+    type ImmutableArray<T> = T[] & ImmutableArrayMixin<T>;
+    type Immutable<T> = ImmutableObject<T> | ImmutableArray<T>;
 
-    export function from<T>(obj: Array<T>, options?: Options): ImmutableArray<T>;
-    export function from<T>(obj: T, options?: Options): ImmutableObject<T>;
+    function from<T>(obj: T[], options?: Options): ImmutableArray<T>;
+    function from<T>(obj: T, options?: Options): ImmutableObject<T>;
 
-    export function isImmutable(target: any): boolean;
-    export function ImmutableError(message: string): Error;
+    function isImmutable(target: any): boolean;
+    function ImmutableError(message: string): Error;
 }
+
+declare function SeamlessImmutable<T>(obj: T[], options?: SeamlessImmutable.Options): SeamlessImmutable.ImmutableArray<T>;
+declare function SeamlessImmutable<T>(obj: T, options?: SeamlessImmutable.Options): SeamlessImmutable.ImmutableObject<T>;
diff --git a/types/seamless-immutable/seamless-immutable-tests.ts b/types/seamless-immutable/seamless-immutable-tests.ts
index 4478ef80cd..606d991aea 100644
--- a/types/seamless-immutable/seamless-immutable-tests.ts
+++ b/types/seamless-immutable/seamless-immutable-tests.ts
@@ -25,8 +25,13 @@ interface ExtendedUser extends User {
         lastName: string;
     }
 
-    const arrayOfNumbers: Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
-    const user: Immutable.ImmutableObject<User> = Immutable.from({
+    const arrayOfNumbers1: Immutable.ImmutableArray<number> = Immutable.from([0, 2]);
+    const arrayOfNumbers2: Immutable.ImmutableArray<number> = Immutable([0, 2]);
+    const user1: Immutable.ImmutableObject<User> = Immutable.from({
+        firstName: 'Angry',
+        lastName: 'Monkey'
+    });
+    const user2: Immutable.ImmutableObject<User> = Immutable({
         firstName: 'Angry',
         lastName: 'Monkey'
     });

From 674775afd69cf0046309eddafe805a20d649d83d Mon Sep 17 00:00:00 2001
From: Swiod <Swiod@users.noreply.github.com>
Date: Mon, 10 Jul 2017 10:28:14 +0200
Subject: [PATCH 258/274] IconOptions.src is optional

---
 types/openlayers/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/openlayers/index.d.ts b/types/openlayers/index.d.ts
index 42587298f0..356ba72429 100644
--- a/types/openlayers/index.d.ts
+++ b/types/openlayers/index.d.ts
@@ -13572,7 +13572,7 @@ declare module olx {
             rotation?: number;
             size?: ol.Size;
             imgSize?: ol.Size;
-            src: string;
+            src?: string;
         }
 
 

From f7da06e430e99327556f8114399aa46f766ea5df Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Mon, 10 Jul 2017 11:26:01 +0200
Subject: [PATCH 259/274] Restore readonly keyword for "fn" property

---
 types/jquery/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/jquery/index.d.ts b/types/jquery/index.d.ts
index 254a2676ed..b71bfbbed3 100644
--- a/types/jquery/index.d.ts
+++ b/types/jquery/index.d.ts
@@ -2422,7 +2422,7 @@ interface JQueryStatic<TElement extends Node = HTMLElement> {
      * @since 1.4.3
      */
     cssNumber: JQuery.PlainObject<boolean>;
-    fn: JQuery<TElement>;
+    readonly fn: JQuery<TElement>;
     fx: {
         /**
          * The rate (in milliseconds) at which animations fire.

From a76b80a359b125757399ba3871ae6e588dfe7869 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Mon, 10 Jul 2017 11:27:25 +0200
Subject: [PATCH 260/274] Add test/learn-tests.ts

---
 types/jquery/tsconfig.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/types/jquery/tsconfig.json b/types/jquery/tsconfig.json
index 21d35a63da..901642e583 100644
--- a/types/jquery/tsconfig.json
+++ b/types/jquery/tsconfig.json
@@ -22,6 +22,7 @@
         "jquery-tests.ts",
         "test/example-tests.ts",
         "test/longdesc-tests.ts",
+        "test/learn-tests.ts",
         "test/jquery-no-window-module-tests.ts",
         "test/jquery-window-module-tests.ts",
         "test/jquery-slim-no-window-module-tests.ts",

From 8edb3e3b510576cdddc7575992be052592aac038 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Mon, 10 Jul 2017 11:29:24 +0200
Subject: [PATCH 261/274] Remove import instructions

---
 types/jquery/test/learn-tests.ts | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/types/jquery/test/learn-tests.ts b/types/jquery/test/learn-tests.ts
index 2ad633eddc..5a1e69675e 100644
--- a/types/jquery/test/learn-tests.ts
+++ b/types/jquery/test/learn-tests.ts
@@ -1,6 +1,3 @@
-import jQueryFactory = require('jquery');
-const jQuery = jQueryFactory(window, true);
-
 # From https://learn.jquery.com/plugins/basic-plugin-creation/
 
 ## Basic Plugin Authoring

From 7db29def15f4bb4bd06acb475b03b54a89c4a96b Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Mon, 10 Jul 2017 11:30:16 +0200
Subject: [PATCH 262/274] Fix comment syntax

---
 types/jquery/test/learn-tests.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/types/jquery/test/learn-tests.ts b/types/jquery/test/learn-tests.ts
index 5a1e69675e..17fc7cd285 100644
--- a/types/jquery/test/learn-tests.ts
+++ b/types/jquery/test/learn-tests.ts
@@ -1,6 +1,6 @@
-# From https://learn.jquery.com/plugins/basic-plugin-creation/
+// From https://learn.jquery.com/plugins/basic-plugin-creation/
 
-## Basic Plugin Authoring
+// Basic Plugin Authoring
 
 interface JQuery {
     greenify: GreenifyPlugin;

From 1df177763e9affa458413190cefd219838285f61 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Mon, 10 Jul 2017 11:58:45 +0200
Subject: [PATCH 263/274] Update README.md

---
 types/jquery/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/types/jquery/README.md b/types/jquery/README.md
index 8fab451ce0..c6420f2bbc 100644
--- a/types/jquery/README.md
+++ b/types/jquery/README.md
@@ -31,6 +31,8 @@ Note that while the factory function ignores the second parameter, it is require
     - Tests generated from examples in jQuery documentation.
 - [test/longdesc-tests.ts](test/longdesc-tests.ts)
     - Tests generated from non-example snippets in jQuery documentation.
+- [test/learn-tests.ts](test/learn-tests.ts)
+    - Tests imported from in [jQuery Learning Center](https://learn.jquery.com/).
 - [test/jquery-window-module-tests.ts](test/jquery-window-module-tests.ts)<br>
   [test/jquery-slim-window-module-tests.ts](test/jquery-slim-window-module-tests.ts)
     - Tests importing jQuery with a DOM available

From dc178ad6fe32416622ec37de703bb72279ab4bb4 Mon Sep 17 00:00:00 2001
From: stonio <stonio@users.noreply.github.com>
Date: Mon, 10 Jul 2017 12:01:04 +0200
Subject: [PATCH 264/274] Update README.md

---
 types/jquery/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/jquery/README.md b/types/jquery/README.md
index c6420f2bbc..3d5fbc2ce1 100644
--- a/types/jquery/README.md
+++ b/types/jquery/README.md
@@ -32,7 +32,7 @@ Note that while the factory function ignores the second parameter, it is require
 - [test/longdesc-tests.ts](test/longdesc-tests.ts)
     - Tests generated from non-example snippets in jQuery documentation.
 - [test/learn-tests.ts](test/learn-tests.ts)
-    - Tests imported from in [jQuery Learning Center](https://learn.jquery.com/).
+    - Tests imported from examples in [jQuery Learning Center](https://learn.jquery.com).
 - [test/jquery-window-module-tests.ts](test/jquery-window-module-tests.ts)<br>
   [test/jquery-slim-window-module-tests.ts](test/jquery-slim-window-module-tests.ts)
     - Tests importing jQuery with a DOM available

From eb26c6134140d9977a7f06f24a09fb8b1472a42a Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 10 Jul 2017 10:58:40 -0400
Subject: [PATCH 265/274] Adding typings for react-native-collapsible

---
 types/react-native-collapsible/Accordion.d.ts | 64 +++++++++++++++
 types/react-native-collapsible/index.d.ts     | 79 +++++++++++++++++++
 .../react-native-collapsible-tests.tsx        | 38 +++++++++
 types/react-native-collapsible/tsconfig.json  | 24 ++++++
 types/react-native-collapsible/tslint.json    |  1 +
 5 files changed, 206 insertions(+)
 create mode 100644 types/react-native-collapsible/Accordion.d.ts
 create mode 100644 types/react-native-collapsible/index.d.ts
 create mode 100644 types/react-native-collapsible/react-native-collapsible-tests.tsx
 create mode 100644 types/react-native-collapsible/tsconfig.json
 create mode 100644 types/react-native-collapsible/tslint.json

diff --git a/types/react-native-collapsible/Accordion.d.ts b/types/react-native-collapsible/Accordion.d.ts
new file mode 100644
index 0000000000..2a2fc04a9f
--- /dev/null
+++ b/types/react-native-collapsible/Accordion.d.ts
@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { EasingMode } from './index';
+
+export interface AccordionProps {
+  /**
+   * An array of sections passed to the render methods
+   */
+  sections: string[];
+
+  /**
+   * A function that should return a renderable representing the header
+   */
+  renderHeader(content: any, index: number, isActive: boolean): JSX.Element;
+
+  /**
+   * A function that should return a renderable representing the content
+   */
+  renderContent(content: any, index: number, isActive: boolean): JSX.Element;
+
+  /**
+   * An optional function that is called when currently active section is changed, index === false when collapsed
+   */
+  onChange?(index: number): void;
+
+  /**
+   * Set which index in the sections array is initially open. Defaults to none.
+   */
+  initiallyActiveSection?: number;
+
+  /**
+   * Control which index in the sections array is currently open. Defaults to none. If false, closes all sections.
+   */
+  activeSection?: boolean | number;
+
+  /**
+   * The color of the underlay that will show through when tapping on headers.
+   *
+   * @default black
+   */
+  underlayColor?: string;
+
+  /**
+   * Alignment of the content when transitioning, can be top, center or bottom
+   *
+   * @default top
+   */
+  align?: 'top' | 'center' | 'bottom';
+
+  /**
+   * Duration of transition in milliseconds
+   *
+   * @default 300
+   */
+  duration?: number;
+
+  /**
+   * Function or function name from Easing (or tween-functions if < RN 0.8). Collapsible will try to combine Easing functions for you if you name them like tween-functions.
+   *
+   * @default easeOutCubic
+   */
+  easing?: EasingMode | any;
+}
+
+export default class Accordion extends React.Component<AccordionProps, any> {}
diff --git a/types/react-native-collapsible/index.d.ts b/types/react-native-collapsible/index.d.ts
new file mode 100644
index 0000000000..bdd8dd9ea5
--- /dev/null
+++ b/types/react-native-collapsible/index.d.ts
@@ -0,0 +1,79 @@
+// Type definitions for react-native-collapsible 0.8
+// Project: https://github.com/oblador/react-native-collapsible
+// Definitions by: Kyle Roach <https://github.com/iRoachie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as React from 'react';
+
+export type EasingMode =
+'linear' |
+'easeInQuad' |
+'easeOutQuad' |
+'easeInOutQuad' |
+'easeInCubic' |
+'easeOutCubic' |
+'easeInOutCubic' |
+'easeInQuart' |
+'easeOutQuart' |
+'easeInOutQuart' |
+'easeInQuint' |
+'easeOutQuint' |
+'easeInOutQuint' |
+'easeInSine' |
+'easeOutSine' |
+'easeInOutSine' |
+'easeInExpo' |
+'easeOutExpo' |
+'easeInOutExpo' |
+'easeInCirc' |
+'easeOutCirc' |
+'easeInOutCirc' |
+'easeInElastic' |
+'easeOutElastic' |
+'easeInOutElastic' |
+'easeInBack' |
+'easeOutBack' |
+'easeInOutBack' |
+'easeInBounce' |
+'easeOutBounce' |
+'easeInOutBounce';
+
+export interface CollapsibleProps {
+    /**
+     * Alignment of the content when transitioning, can be top, center or bottom
+     *
+     * @default top
+     */
+    align?: 'top' | 'center' | 'bottom';
+
+    /**
+     * Whether to show the child components or not
+     *
+     * @default true
+     */
+    collapsed?: boolean;
+
+    /**
+     * Which height should the component collapse to
+     *
+     * @default 0
+     */
+    collapsedHeight?: number;
+
+    /**
+     * Duration of transition in milliseconds
+     *
+     * @default 300
+     */
+    duration?: number;
+
+    /**
+     * Function or function name from Easing (or tween-functions if < RN 0.8). Collapsible will try to combine Easing functions for you if you name them like tween-functions
+     *
+     * @default easeOutCubic
+     */
+    easing?: EasingMode | any;
+}
+
+export default class Collapsible extends React.Component<CollapsibleProps, any> {}
diff --git a/types/react-native-collapsible/react-native-collapsible-tests.tsx b/types/react-native-collapsible/react-native-collapsible-tests.tsx
new file mode 100644
index 0000000000..1107084f3d
--- /dev/null
+++ b/types/react-native-collapsible/react-native-collapsible-tests.tsx
@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import Collapsible from 'react-native-collapsible';
+import Accordion from 'react-native-collapsible/Accordion';
+
+class CollapsibleTest extends React.Component<any, any> {
+  render() {
+    return (
+      <Collapsible collapsed={true}>
+        <View />
+      </Collapsible>
+    );
+  }
+}
+
+class AccordianTest extends React.Component<any, any> {
+  _renderHeader() {
+    return (
+      <View />
+    );
+  }
+
+  _renderContent() {
+    return (
+      <View />
+    );
+  }
+
+  render() {
+    return (
+      <Accordion
+        sections={['Section 1', 'Section 2', 'Section 3']}
+        renderHeader={this._renderHeader}
+        renderContent={this._renderContent}
+      />
+    );
+  }
+}
diff --git a/types/react-native-collapsible/tsconfig.json b/types/react-native-collapsible/tsconfig.json
new file mode 100644
index 0000000000..1e5b287fb1
--- /dev/null
+++ b/types/react-native-collapsible/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "Accordion.d.ts",
+        "react-native-collapsible-tests.tsx"
+    ]
+}
diff --git a/types/react-native-collapsible/tslint.json b/types/react-native-collapsible/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-collapsible/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 57879fda5a28312d2177145665b16cab78a56282 Mon Sep 17 00:00:00 2001
From: Manusan <manusan@t-online.de>
Date: Mon, 10 Jul 2017 17:47:28 +0200
Subject: [PATCH 266/274] binary flag is gone on ping and pong which reduces
 the options object to the mask boolean

---
 types/ws/index.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/types/ws/index.d.ts b/types/ws/index.d.ts
index fc072727e8..8dc6cfa746 100644
--- a/types/ws/index.d.ts
+++ b/types/ws/index.d.ts
@@ -43,8 +43,8 @@ declare class WebSocket extends events.EventEmitter {
     close(code?: number, data?: any): void;
     pause(): void;
     resume(): void;
-    ping(data?: any, options?: { mask?: boolean; binary?: boolean }, dontFail?: boolean): void;
-    pong(data?: any, options?: { mask?: boolean; binary?: boolean }, dontFail?: boolean): void;
+    ping(data?: any, mask?: boolean, dontFail?: boolean): void;
+    pong(data?: any, mask?: boolean, dontFail?: boolean): void;
     send(data: any, cb?: (err: Error) => void): void;
     send(data: any, options: { mask?: boolean; binary?: boolean }, cb?: (err: Error) => void): void;
     stream(options: { mask?: boolean; binary?: boolean }, cb?: (err: Error, final: boolean) => void): void;
@@ -76,8 +76,8 @@ declare class WebSocket extends events.EventEmitter {
     addListener(event: 'close', cb: (code: number, message: string) => void): this;
     addListener(event: 'headers', cb: (headers: {}, request: http.IncomingMessage) => void): this;
     addListener(event: 'message', cb: (data: WebSocket.Data, flags: { binary: boolean }) => void): this;
-    addListener(event: 'ping', cb: (data: Buffer, flags: { binary: boolean }) => void): this;
-    addListener(event: 'pong', cb: (data: Buffer, flags: { binary: boolean }) => void): this;
+    addListener(event: 'ping', cb: (data: Buffer) => void): this;
+    addListener(event: 'pong', cb: (data: Buffer) => void): this;
     addListener(event: 'open', cb: () => void): this;
     addListener(event: 'unexpected-response', cb: (request: http.ClientRequest, response: http.IncomingMessage) => void): this;
     addListener(event: string, listener: () => void): this;

From bc2c62ee87ca04098a63f2c4606aa6e970f4be7c Mon Sep 17 00:00:00 2001
From: Nick McGuire <nick@nickmcguire.com>
Date: Mon, 10 Jul 2017 11:52:52 -0400
Subject: [PATCH 267/274] [react-native] Added two TextInput Android properties

Added two properties to the TextInputAndroidProperties interface:

  - disableFullscreenUI
  - textBreakStrategy
---
 types/react-native/index.d.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index 13d32d8321..dfdfde82c6 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -1020,6 +1020,14 @@ export interface TextInputIOSProperties {
  */
 export interface TextInputAndroidProperties {
 
+    /**
+     * When false, if there is a small amount of space available around a text input (e.g. landscape orientation on a phone),
+     *   the OS may choose to have the user edit the text inside of a full screen text input mode.
+     * When true, this feature is disabled and users will always edit the text directly inside of the text input.
+     * Defaults to false.
+     */
+    disableFullscreenUI?: boolean
+
     /**
      * If defined, the provided image resource will be rendered on the left.
      */
@@ -1042,6 +1050,12 @@ export interface TextInputAndroidProperties {
      */
     returnKeyLabel?: string
 
+    /**
+     * Set text break strategy on Android API Level 23+, possible values are simple, highQuality, balanced
+     * The default value is simple.
+     */
+    textBreakStrategy?: "simple" | "highQuality" | "balanced"
+
     /**
      * The color of the textInput underline.
      */

From a3f1955c46c8693cd7ca78cf4e716698aaf417a1 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 10 Jul 2017 12:17:35 -0400
Subject: [PATCH 268/274] Added definitions for
 react-native-material-design-searchbar

---
 .../index.d.ts                                | 41 +++++++++++++++++++
 ...native-material-design-searchbar-tests.tsx | 19 +++++++++
 .../tsconfig.json                             | 24 +++++++++++
 .../tslint.json                               |  1 +
 4 files changed, 85 insertions(+)
 create mode 100644 types/react-native-material-design-searchbar/index.d.ts
 create mode 100644 types/react-native-material-design-searchbar/react-native-material-design-searchbar-tests.tsx
 create mode 100644 types/react-native-material-design-searchbar/tsconfig.json
 create mode 100644 types/react-native-material-design-searchbar/tslint.json

diff --git a/types/react-native-material-design-searchbar/index.d.ts b/types/react-native-material-design-searchbar/index.d.ts
new file mode 100644
index 0000000000..d2269fae4b
--- /dev/null
+++ b/types/react-native-material-design-searchbar/index.d.ts
@@ -0,0 +1,41 @@
+// Type definitions for react-native-material-design-searchbar 1.1
+// Project: https://github.com/ananddayalan/react-native-material-design-searchbar
+// Definitions by: Kyle Roach <https://github.com/iRoachie>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.3
+
+import * as React from 'react';
+import {
+    TextInputProperties,
+    ReturnKeyType,
+    ReturnKeyTypeAndroid,
+    TextStyle,
+    ReturnKeyTypeIOS,
+} from 'react-native';
+
+export interface SearchBarProps {
+    height: number;
+    autoCorrect?: boolean;
+    returnKeyType?: ReturnKeyType | ReturnKeyTypeAndroid | ReturnKeyTypeIOS;
+    placeholder?: string;
+    padding?: number;
+    inputStyle?: TextStyle;
+    iconCloseName?: string;
+    iconSearchName?: string;
+    iconBackName?: string;
+    iconSize?: number;
+    iconPadding?: number;
+    placeholderColor?: string;
+    iconColor?: string;
+    textStyle?: TextStyle;
+    inputProps?: TextInputProperties;
+    onSearchChange?(text: string): void;
+    onClose?(): void;
+    onBlur?(): void;
+    onEndEditing?(): void;
+    onSubmitEditing?(): void;
+    onFocus?(): void;
+    onBackPress?(): void;
+}
+
+export default class SearchBar extends React.Component<SearchBarProps, any> {}
diff --git a/types/react-native-material-design-searchbar/react-native-material-design-searchbar-tests.tsx b/types/react-native-material-design-searchbar/react-native-material-design-searchbar-tests.tsx
new file mode 100644
index 0000000000..fec9daf4a3
--- /dev/null
+++ b/types/react-native-material-design-searchbar/react-native-material-design-searchbar-tests.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import SearchBar from 'react-native-material-design-searchbar';
+
+class SearchbarTest extends React.Component<any, any> {
+  render() {
+    return (
+      <SearchBar
+        onSearchChange={() => console.log('On Search Change')}
+        height={50}
+        onFocus={() => console.log('On Focus')}
+        onBlur={() => console.log('On Blur')}
+        placeholder={'Search...'}
+        autoCorrect={false}
+        padding={5}
+        returnKeyType={'search'}
+      />
+    );
+  }
+}
diff --git a/types/react-native-material-design-searchbar/tsconfig.json b/types/react-native-material-design-searchbar/tsconfig.json
new file mode 100644
index 0000000000..d45789898e
--- /dev/null
+++ b/types/react-native-material-design-searchbar/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react"
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-material-design-searchbar-tests.tsx"
+    ]
+}
diff --git a/types/react-native-material-design-searchbar/tslint.json b/types/react-native-material-design-searchbar/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-material-design-searchbar/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }

From 668fb871aeeb385ba5ce2be31540309d527e32b5 Mon Sep 17 00:00:00 2001
From: Mohsen Azimi <me@azimi.me>
Date: Mon, 10 Jul 2017 10:45:41 -0700
Subject: [PATCH 269/274] Make render optional in react-loadable

Reference: https://github.com/thejameskyle/react-loadable#example
---
 types/react-loadable/index.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/react-loadable/index.d.ts b/types/react-loadable/index.d.ts
index 424372a068..b9ea35c5b0 100644
--- a/types/react-loadable/index.d.ts
+++ b/types/react-loadable/index.d.ts
@@ -67,7 +67,7 @@ export interface OptionsWithRender<Props, Exports extends object> extends Common
      * });
      * ```
      */
-    render(loaded: Exports, props: Props): React.ReactNode;
+    render?(loaded: Exports, props: Props): React.ReactNode;
 }
 
 export interface OptionsWithMap<Props, Exports extends { [key: string]: any }> extends CommonOptions {

From 25e6685bd45837b607891051b2184c2f6ab9f0b7 Mon Sep 17 00:00:00 2001
From: Flur <superflur@gmail.com>
Date: Mon, 10 Jul 2017 22:50:13 +0300
Subject: [PATCH 270/274] - add null return

---
 types/three/three-core.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/three/three-core.d.ts b/types/three/three-core.d.ts
index 820faa1fab..629c9c6ba7 100644
--- a/types/three/three-core.d.ts
+++ b/types/three/three-core.d.ts
@@ -2096,7 +2096,7 @@ export interface LoaderHandler {
     handlers: (RegExp | AnyLoader)[];
 
     add(regex: RegExp, loader: AnyLoader): void;
-    get(file: string): AnyLoader;
+    get(file: string): AnyLoader | null;
 }
 
 export class FileLoader {

From bdc0554a965474a4e5a4e70b7d73ea00b7199a61 Mon Sep 17 00:00:00 2001
From: Flur <superflur@gmail.com>
Date: Mon, 10 Jul 2017 23:20:25 +0300
Subject: [PATCH 271/274] - add events

---
 types/three/three-mtlloader.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/types/three/three-mtlloader.d.ts b/types/three/three-mtlloader.d.ts
index a795a293de..dce5b12a17 100644
--- a/types/three/three-mtlloader.d.ts
+++ b/types/three/three-mtlloader.d.ts
@@ -17,7 +17,7 @@ export class MTLLoader extends EventDispatcher {
     texturePath: string;
     crossOrigin: boolean;
 
-    load(url: string, onLoad: (materialCreator: MaterialCreator) => void, onProgress?: (event: any) => void, onError?: (event: any) => void): void;
+    load(url: string, onLoad: (materialCreator: MaterialCreator) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): void;
     parse(text: string) : MaterialCreator;
     setPath(path: string) : void;
     setTexturePath(path: string) : void;

From a24aee6125213ba20a5bda15a5d4fce8b60b2f57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phane=20Goetz?= <onigoetz@onigoetz.ch>
Date: Mon, 10 Jul 2017 22:43:07 +0200
Subject: [PATCH 272/274] Improve react typings for HTML attributes, fix tests
 in other libraries

---
 types/material-ui/index.d.ts                  |    9 +-
 types/react-dropzone/index.d.ts               |    2 +-
 types/react-input-mask/index.d.ts             |    2 +-
 types/react-router-dom/index.d.ts             |    2 +-
 .../CustomLink.tsx                            |    1 +
 .../react-user-tour/react-user-tour-tests.tsx |    2 +-
 types/react/index.d.ts                        | 1078 +++++++++++------
 types/reactstrap/lib/Input.d.ts               |    2 +-
 types/reactstrap/lib/Label.d.ts               |    2 +-
 9 files changed, 744 insertions(+), 356 deletions(-)

diff --git a/types/material-ui/index.d.ts b/types/material-ui/index.d.ts
index d44911add5..ec7ad246b4 100644
--- a/types/material-ui/index.d.ts
+++ b/types/material-ui/index.d.ts
@@ -1128,6 +1128,7 @@ declare namespace __MaterialUI {
             secondaryText?: React.ReactNode;
             secondaryTextLines?: number; // 1 or 2
             style?: React.CSSProperties;
+            value?: any;
         }
         export class ListItem extends React.Component<ListItemProps> {
         }
@@ -1174,6 +1175,7 @@ declare namespace __MaterialUI {
             focusState?: string; // 'none', 'focused', or 'keyboard-focused'
             innerDivStyle?: React.CSSProperties;
             insetChildren?: boolean;
+            label?: string | React.ReactNode;
             leftIcon?: React.ReactElement<any>;
             menuItems?: React.ReactNode;
             onTouchTap?: TouchTapEventHandler;
@@ -1181,7 +1183,6 @@ declare namespace __MaterialUI {
             rightIcon?: React.ReactElement<any>;
             secondaryText?: React.ReactNode;
             style?: React.CSSProperties;
-            value?: any;
             containerElement?: React.ReactNode | string;
         }
         export class MenuItem extends React.Component<MenuItemProps> {
@@ -1264,6 +1265,8 @@ declare namespace __MaterialUI {
         style?: React.CSSProperties;
         transitionEnabled?: boolean;
         zDepth?: number;
+        width?: number | string;
+        height?: number | string;
     }
     export class Paper extends React.Component<PaperProps> {
     }
@@ -1413,7 +1416,8 @@ declare namespace __MaterialUI {
     namespace Switches {
 
         // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes<{}>, React.Props<T> {
+        interface CommonEnhancedSwitchProps<T> extends React.InputHTMLAttributes<{}>, React.Props<T> {
+            label?: React.ReactNode;
         }
 
         interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
@@ -1427,7 +1431,6 @@ declare namespace __MaterialUI {
             id?: string;
             inputStyle: React.CSSProperties;
             inputType: string;
-            label?: string;
             labelPosition?: string; // oneOf(['left', 'right'])
             labelStyle?: React.CSSProperties;
             name?: string;
diff --git a/types/react-dropzone/index.d.ts b/types/react-dropzone/index.d.ts
index c47b64d9bc..cd07fd3341 100644
--- a/types/react-dropzone/index.d.ts
+++ b/types/react-dropzone/index.d.ts
@@ -28,7 +28,7 @@ declare module "react-dropzone" {
         disablePreview?: boolean; // Enable/disable preview generation
         disableClick?: boolean; // Disallow clicking on the dropzone container to open file dialog
 
-        inputProps?: React.ChangeTargetHTMLProps<HTMLInputElement>; // Pass additional attributes to the <input type="file"/> tag
+        inputProps?: React.InputHTMLAttributes<HTMLInputElement>; // Pass additional attributes to the <input type="file"/> tag
         multiple?: boolean; // Allow dropping multiple files
         accept?: string; // Allow specific types of files. See https://github.com/okonet/attr-accept for more information
         name?: string; // name attribute for the input tag
diff --git a/types/react-input-mask/index.d.ts b/types/react-input-mask/index.d.ts
index 4396198fde..a830650812 100644
--- a/types/react-input-mask/index.d.ts
+++ b/types/react-input-mask/index.d.ts
@@ -7,7 +7,7 @@
 import * as React from "react";
 
 declare namespace reactInputMask {
-    interface ReactInputMaskProps extends React.HTMLAttributes<HTMLInputElement> {
+    interface ReactInputMaskProps extends React.InputHTMLAttributes<HTMLInputElement> {
         /**
          * Mask string. Format characters are:
          * * `9`: `0-9`
diff --git a/types/react-router-dom/index.d.ts b/types/react-router-dom/index.d.ts
index 52ec2352f2..a70613fa81 100644
--- a/types/react-router-dom/index.d.ts
+++ b/types/react-router-dom/index.d.ts
@@ -39,7 +39,7 @@ declare module 'react-router-dom' {
   }
   class HashRouter extends React.Component<HashRouterProps> {}
 
-  interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
+  interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     to: H.LocationDescriptor;
     replace?: boolean;
   }
diff --git a/types/react-router/test/examples-from-react-router-website/CustomLink.tsx b/types/react-router/test/examples-from-react-router-website/CustomLink.tsx
index 4ec8be4c87..f3b1fb180e 100644
--- a/types/react-router/test/examples-from-react-router-website/CustomLink.tsx
+++ b/types/react-router/test/examples-from-react-router-website/CustomLink.tsx
@@ -20,6 +20,7 @@ const CustomLinkExample = () => (
 
 interface OldSchoolMenuLinkProps extends LinkProps {
   activeOnlyWhenExact?: boolean;
+  label: string;
 }
 
 const OldSchoolMenuLink: React.SFC<OldSchoolMenuLinkProps> = ({ label, to, activeOnlyWhenExact }) => (
diff --git a/types/react-user-tour/react-user-tour-tests.tsx b/types/react-user-tour/react-user-tour-tests.tsx
index c961ee5bbd..56e4e2c2ce 100644
--- a/types/react-user-tour/react-user-tour-tests.tsx
+++ b/types/react-user-tour/react-user-tour-tests.tsx
@@ -44,7 +44,7 @@ class TestApp extends React.Component<{}, State> {
             ]}
             />;
 
-        return  <div id='test-app' classID='.MyClass'>
+        return  <div id='test-app'>
                     {Tour}
                 </div>;
     }
diff --git a/types/react/index.d.ts b/types/react/index.d.ts
index df4a9f5374..537b6eefde 100644
--- a/types/react/index.d.ts
+++ b/types/react/index.d.ts
@@ -11,6 +11,7 @@
 //                 Albert Kurniawan <https://github.com/morcerf>
 //                 Tanguy Krotoff <https://github.com/tkrotoff>
 //                 Dovydas Navickas <https://github.com/DovydasNavickas>
+//                 Stéphane Goetz <https://github.com/onigoetz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -76,7 +77,10 @@ declare namespace React {
     }
 
     // ReactHTML for ReactHTMLElement
-    interface ReactHTMLElement<T extends HTMLElement> extends DOMElement<HTMLAttributes<T>, T> {
+    // tslint:disable-next-line:no-empty-interface
+    interface ReactHTMLElement<T extends HTMLElement> extends DetailedReactHTMLElement<AllHTMLAttributes<T>, T> { }
+
+    interface DetailedReactHTMLElement<P extends HTMLAttributes<T>, T extends HTMLElement> extends DOMElement<P, T> {
         type: keyof ReactHTML;
     }
 
@@ -102,12 +106,11 @@ declare namespace React {
     type DOMFactory<P extends DOMAttributes<T>, T extends Element> =
         (props?: ClassAttributes<T> & P | null, ...children: ReactNode[]) => DOMElement<P, T>;
 
-    interface HTMLFactory<T extends HTMLElement> extends DOMFactory<HTMLAttributes<T>, T> {
-        (props?: ClassAttributes<T> & HTMLAttributes<T> | null, ...children: ReactNode[]): ReactHTMLElement<T>;
-    }
+    // tslint:disable-next-line:no-empty-interface
+    interface HTMLFactory<T extends HTMLElement> extends DetailedHTMLFactory<AllHTMLAttributes<T>, T> {}
 
-    interface ChangeTargetHTMLFactory<T extends HTMLElement> extends DOMFactory<ChangeTargetHTMLAttributes<T>, T> {
-        (props?: ClassAttributes<T> & ChangeTargetHTMLAttributes<T> | null, ...children: ReactNode[]): ReactHTMLElement<T>;
+    interface DetailedHTMLFactory<P extends HTMLAttributes<T>, T extends HTMLElement> extends DOMFactory<P, T> {
+        (props?: ClassAttributes<T> & P | null, ...children: ReactNode[]): DetailedReactHTMLElement<P, T>;
     }
 
     interface SVGFactory extends DOMFactory<SVGAttributes<SVGElement>, SVGElement> {
@@ -152,7 +155,7 @@ declare namespace React {
     function createElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
         type: keyof ReactHTML,
         props?: ClassAttributes<T> & P,
-        ...children: ReactNode[]): ReactHTMLElement<T>;
+        ...children: ReactNode[]): DetailedReactHTMLElement<P, T>;
     function createElement<P extends SVGAttributes<T>, T extends SVGElement>(
         type: keyof ReactSVG,
         props?: ClassAttributes<T> & P,
@@ -182,6 +185,11 @@ declare namespace React {
 
     // DOM Elements
     // ReactHTMLElement
+    function cloneElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
+        element: DetailedReactHTMLElement<P, T>,
+        props?: P,
+        ...children: ReactNode[]): DetailedReactHTMLElement<P, T>;
+    // ReactHTMLElement, less specific
     function cloneElement<P extends HTMLAttributes<T>, T extends HTMLElement>(
         element: ReactHTMLElement<T>,
         props?: P,
@@ -511,11 +519,10 @@ declare namespace React {
         ref?: Ref<T>;
     }
 
-    interface HTMLProps<T> extends HTMLAttributes<T>, ClassAttributes<T> {
+    interface HTMLProps<T> extends AllHTMLAttributes<T>, ClassAttributes<T> {
     }
 
-    interface ChangeTargetHTMLProps<T extends HTMLElement> extends ChangeTargetHTMLAttributes<T>, ClassAttributes<T> {
-    }
+    type DetailedHTMLProps<E extends HTMLAttributes<T>, T> = ClassAttributes<T> & E;
 
     interface SVGProps<T> extends SVGAttributes<T>, ClassAttributes<T> {
     }
@@ -2327,129 +2334,28 @@ declare namespace React {
         suppressContentEditableWarning?: boolean;
 
         // Standard HTML Attributes
-        accept?: string;
-        acceptCharset?: string;
         accessKey?: string;
-        action?: string;
-        allowFullScreen?: boolean;
-        allowTransparency?: boolean;
-        alt?: string;
-        async?: boolean;
-        autoComplete?: string;
-        autoFocus?: boolean;
-        autoPlay?: boolean;
-        capture?: boolean;
-        cellPadding?: number | string;
-        cellSpacing?: number | string;
-        charSet?: string;
-        challenge?: string;
-        checked?: boolean;
-        cite?: string;
-        classID?: string;
         className?: string;
-        cols?: number;
-        colSpan?: number;
-        content?: string;
         contentEditable?: boolean;
         contextMenu?: string;
-        controls?: boolean;
-        coords?: string;
-        crossOrigin?: string;
-        data?: string;
-        dateTime?: string;
-        default?: boolean;
-        defer?: boolean;
         dir?: string;
-        disabled?: boolean;
-        download?: any;
         draggable?: boolean;
-        encType?: string;
-        form?: string;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
-        frameBorder?: number | string;
-        headers?: string;
-        height?: number | string;
         hidden?: boolean;
-        high?: number;
-        href?: string;
-        hrefLang?: string;
-        htmlFor?: string;
-        httpEquiv?: string;
         id?: string;
-        inputMode?: string;
-        integrity?: string;
-        is?: string;
-        keyParams?: string;
-        keyType?: string;
-        kind?: string;
-        label?: string;
         lang?: string;
-        list?: string;
-        loop?: boolean;
-        low?: number;
-        manifest?: string;
-        marginHeight?: number;
-        marginWidth?: number;
-        max?: number | string;
-        maxLength?: number;
-        media?: string;
-        mediaGroup?: string;
-        method?: string;
-        min?: number | string;
-        minLength?: number;
-        multiple?: boolean;
-        muted?: boolean;
-        name?: string;
-        nonce?: string;
-        noValidate?: boolean;
-        open?: boolean;
-        optimum?: number;
-        pattern?: string;
-        placeholder?: string;
-        playsInline?: boolean;
-        poster?: string;
-        preload?: string;
-        radioGroup?: string;
-        readOnly?: boolean;
-        rel?: string;
-        required?: boolean;
-        reversed?: boolean;
-        role?: string;
-        rows?: number;
-        rowSpan?: number;
-        sandbox?: string;
-        scope?: string;
-        scoped?: boolean;
-        scrolling?: string;
-        seamless?: boolean;
-        selected?: boolean;
-        shape?: string;
-        size?: number;
-        sizes?: string;
         slot?: string;
-        span?: number;
         spellCheck?: boolean;
-        src?: string;
-        srcDoc?: string;
-        srcLang?: string;
-        srcSet?: string;
-        start?: number;
-        step?: number | string;
         style?: CSSProperties;
-        summary?: string;
         tabIndex?: number;
-        target?: string;
         title?: string;
-        type?: string;
-        useMap?: string;
-        value?: string | string[] | number;
-        width?: number | string;
-        wmode?: string;
-        wrap?: string;
+
+        // Unknown
+        inputMode?: string;
+        is?: string;
+        radioGroup?: string; // <command>, <menuitem>
+
+        // WAI-ARIA
+        role?: string;
 
         // RDFa Attributes
         about?: string;
@@ -2476,10 +2382,488 @@ declare namespace React {
         unselectable?: boolean;
     }
 
-    interface ChangeTargetHTMLAttributes<T extends HTMLElement> extends HTMLAttributes<T> {
+    interface AllHTMLAttributes<T> extends HTMLAttributes<T> {
+        // Standard HTML Attributes
+        accept?: string;
+        acceptCharset?: string;
+        action?: string;
+        allowFullScreen?: boolean;
+        allowTransparency?: boolean;
+        alt?: string;
+        async?: boolean;
+        autoComplete?: string;
+        autoFocus?: boolean;
+        autoPlay?: boolean;
+        capture?: boolean;
+        cellPadding?: number | string;
+        cellSpacing?: number | string;
+        charSet?: string;
+        challenge?: string;
+        checked?: boolean;
+        cite?: string;
+        classID?: string;
+        cols?: number;
+        colSpan?: number;
+        content?: string;
+        controls?: boolean;
+        coords?: string;
+        crossOrigin?: string;
+        data?: string;
+        dateTime?: string;
+        default?: boolean;
+        defer?: boolean;
+        disabled?: boolean;
+        download?: any;
+        encType?: string;
+        form?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
+        frameBorder?: number | string;
+        headers?: string;
+        height?: number | string;
+        high?: number;
+        href?: string;
+        hrefLang?: string;
+        htmlFor?: string;
+        httpEquiv?: string;
+        integrity?: string;
+        keyParams?: string;
+        keyType?: string;
+        kind?: string;
+        label?: string;
+        list?: string;
+        loop?: boolean;
+        low?: number;
+        manifest?: string;
+        marginHeight?: number;
+        marginWidth?: number;
+        max?: number | string;
+        maxLength?: number;
+        media?: string;
+        mediaGroup?: string;
+        method?: string;
+        min?: number | string;
+        minLength?: number;
+        multiple?: boolean;
+        muted?: boolean;
+        name?: string;
+        nonce?: string;
+        noValidate?: boolean;
+        open?: boolean;
+        optimum?: number;
+        pattern?: string;
+        placeholder?: string;
+        playsInline?: boolean;
+        poster?: string;
+        preload?: string;
+        readOnly?: boolean;
+        rel?: string;
+        required?: boolean;
+        reversed?: boolean;
+        rows?: number;
+        rowSpan?: number;
+        sandbox?: string;
+        scope?: string;
+        scoped?: boolean;
+        scrolling?: string;
+        seamless?: boolean;
+        selected?: boolean;
+        shape?: string;
+        size?: number;
+        sizes?: string;
+        span?: number;
+        src?: string;
+        srcDoc?: string;
+        srcLang?: string;
+        srcSet?: string;
+        start?: number;
+        step?: number | string;
+        summary?: string;
+        target?: string;
+        type?: string;
+        useMap?: string;
+        value?: string | string[] | number;
+        width?: number | string;
+        wmode?: string;
+        wrap?: string;
+    }
+
+    interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+        download?: any;
+        href?: string;
+        hrefLang?: string;
+        media?: string;
+        rel?: string;
+        target?: string;
+    }
+
+    // tslint:disable-next-line:no-empty-interface
+    interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {}
+
+    interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+        alt?: string;
+        coords?: string;
+        download?: any;
+        href?: string;
+        hrefLang?: string;
+        media?: string;
+        rel?: string;
+        shape?: string;
+        target?: string;
+    }
+
+    interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+        href?: string;
+        target?: string;
+    }
+
+    interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+    }
+
+    interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
+        disabled?: boolean;
+        form?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
+        name?: string;
+        type?: string;
+        value?: string | string[] | number;
+    }
+
+    interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number | string;
+        width?: number | string;
+    }
+
+    interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+        span?: number;
+    }
+
+    interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+        span?: number;
+    }
+
+    interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+        open?: boolean;
+    }
+
+    interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+        dateTime?: string;
+    }
+
+    interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number | string;
+        src?: string;
+        type?: string;
+        width?: number | string;
+    }
+
+    interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        form?: string;
+        name?: string;
+    }
+
+    interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+        acceptCharset?: string;
+        action?: string;
+        autoComplete?: string;
+        encType?: string;
+        method?: string;
+        name?: string;
+        noValidate?: boolean;
+        target?: string;
+    }
+
+    interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+        manifest?: string;
+    }
+
+    interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+        allowFullScreen?: boolean;
+        allowTransparency?: boolean;
+        frameBorder?: number | string;
+        height?: number | string;
+        marginHeight?: number;
+        marginWidth?: number;
+        name?: string;
+        sandbox?: string;
+        scrolling?: string;
+        seamless?: boolean;
+        src?: string;
+        srcDoc?: string;
+        width?: number | string;
+    }
+
+    interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+        alt?: string;
+        height?: number | string;
+        sizes?: string;
+        src?: string;
+        srcSet?: string;
+        useMap?: string;
+        width?: number | string;
+    }
+
+    interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+        dateTime?: string;
+    }
+
+    interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+        accept?: string;
+        alt?: string;
+        autoComplete?: string;
+        autoFocus?: boolean;
+        capture?: boolean; // https://www.w3.org/TR/html-media-capture/#the-capture-attribute
+        checked?: boolean;
+        crossOrigin?: string;
+        disabled?: boolean;
+        form?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
+        height?: number | string;
+        list?: string;
+        max?: number | string;
+        maxLength?: number;
+        min?: number | string;
+        minLength?: number;
+        multiple?: boolean;
+        name?: string;
+        pattern?: string;
+        placeholder?: string;
+        readOnly?: boolean;
+        required?: boolean;
+        size?: number;
+        src?: string;
+        step?: number | string;
+        type?: string;
+        value?: string | string[] | number;
+        width?: number | string;
+
         onChange?: ChangeEventHandler<T>;
     }
 
+    interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
+        challenge?: string;
+        disabled?: boolean;
+        form?: string;
+        keyType?: string;
+        keyParams?: string;
+        name?: string;
+    }
+
+    interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+        form?: string;
+        htmlFor?: string;
+    }
+
+    interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+        value?: string | string[] | number;
+    }
+
+    interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+        href?: string;
+        hrefLang?: string;
+        integrity?: string;
+        media?: string;
+        rel?: string;
+        sizes?: string;
+        type?: string;
+    }
+
+    interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+        name?: string;
+    }
+
+    interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+        type?: string;
+    }
+
+    interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoPlay?: boolean;
+        controls?: boolean;
+        crossOrigin?: string;
+        loop?: boolean;
+        mediaGroup?: string;
+        muted?: boolean;
+        preload?: string;
+        src?: string;
+    }
+
+    interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+        charSet?: string;
+        content?: string;
+        httpEquiv?: string;
+        name?: string;
+    }
+
+    interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+        form?: string;
+        high?: number;
+        low?: number;
+        max?: number | string;
+        min?: number | string;
+        optimum?: number;
+        value?: string | string[] | number;
+    }
+
+    interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+        cite?: string;
+    }
+
+    interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+        classID?: string;
+        data?: string;
+        form?: string;
+        height?: number | string;
+        name?: string;
+        type?: string;
+        useMap?: string;
+        width?: number | string;
+        wmode?: string;
+    }
+
+    interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+        reversed?: boolean;
+        start?: number;
+    }
+
+    interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        label?: string;
+    }
+
+    interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+        disabled?: boolean;
+        label?: string;
+        selected?: boolean;
+        value?: string | string[] | number;
+    }
+
+    interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+        form?: string;
+        htmlFor?: string;
+        name?: string;
+    }
+
+    interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+        name?: string;
+        value?: string | string[] | number;
+    }
+
+    interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+        max?: number | string;
+        value?: string | string[] | number;
+    }
+
+    interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+        async?: boolean;
+        charSet?: string;
+        crossOrigin?: string;
+        defer?: boolean;
+        integrity?: string;
+        nonce?: string;
+        src?: string;
+        type?: string;
+    }
+
+    interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
+        disabled?: boolean;
+        form?: string;
+        multiple?: boolean;
+        name?: string;
+        required?: boolean;
+        size?: number;
+
+        onChange?: ChangeEventHandler<T>;
+    }
+
+    interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        media?: string;
+        sizes?: string;
+        src?: string;
+        srcSet?: string;
+        type?: string;
+    }
+
+    interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+        media?: string;
+        nonce?: string;
+        scoped?: boolean;
+        type?: string;
+    }
+
+    interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+        cellPadding?: number | string;
+        cellSpacing?: number | string;
+        summary?: string;
+    }
+
+    interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoFocus?: boolean;
+        cols?: number;
+        disabled?: boolean;
+        form?: string;
+        maxLength?: number;
+        minLength?: number;
+        name?: string;
+        placeholder?: string;
+        readOnly?: boolean;
+        required?: boolean;
+        rows?: number;
+        value?: string | string[] | number;
+        wrap?: string;
+
+        onChange?: ChangeEventHandler<T>;
+    }
+
+    interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+        colSpan?: number;
+        headers?: string;
+        rowSpan?: number;
+    }
+
+    interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+        colSpan?: number;
+        headers?: string;
+        rowSpan?: number;
+        scope?: string;
+    }
+
+    interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+        dateTime?: string;
+    }
+
+    interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+        default?: boolean;
+        kind?: string;
+        label?: string;
+        src?: string;
+        srcLang?: string;
+    }
+
+    interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+        height?: number | string;
+        playsInline?: boolean;
+        poster?: string;
+        width?: number | string;
+    }
+
     // this list is "complete" in that it contains every SVG attribute
     // that React supports, but the types can be improved.
     // Full list here: https://facebook.github.io/react/docs/dom-elements.html
@@ -2758,119 +3142,119 @@ declare namespace React {
     // ----------------------------------------------------------------------
 
     interface ReactHTML {
-        a: HTMLFactory<HTMLAnchorElement>;
-        abbr: HTMLFactory<HTMLElement>;
-        address: HTMLFactory<HTMLElement>;
-        area: HTMLFactory<HTMLAreaElement>;
-        article: HTMLFactory<HTMLElement>;
-        aside: HTMLFactory<HTMLElement>;
-        audio: HTMLFactory<HTMLAudioElement>;
-        b: HTMLFactory<HTMLElement>;
-        base: HTMLFactory<HTMLBaseElement>;
-        bdi: HTMLFactory<HTMLElement>;
-        bdo: HTMLFactory<HTMLElement>;
-        big: HTMLFactory<HTMLElement>;
-        blockquote: HTMLFactory<HTMLElement>;
-        body: HTMLFactory<HTMLBodyElement>;
-        br: HTMLFactory<HTMLBRElement>;
-        button: HTMLFactory<HTMLButtonElement>;
-        canvas: HTMLFactory<HTMLCanvasElement>;
-        caption: HTMLFactory<HTMLElement>;
-        cite: HTMLFactory<HTMLElement>;
-        code: HTMLFactory<HTMLElement>;
-        col: HTMLFactory<HTMLTableColElement>;
-        colgroup: HTMLFactory<HTMLTableColElement>;
-        data: HTMLFactory<HTMLElement>;
-        datalist: HTMLFactory<HTMLDataListElement>;
-        dd: HTMLFactory<HTMLElement>;
-        del: HTMLFactory<HTMLElement>;
-        details: HTMLFactory<HTMLElement>;
-        dfn: HTMLFactory<HTMLElement>;
-        dialog: HTMLFactory<HTMLElement>;
-        div: HTMLFactory<HTMLDivElement>;
-        dl: HTMLFactory<HTMLDListElement>;
-        dt: HTMLFactory<HTMLElement>;
-        em: HTMLFactory<HTMLElement>;
-        embed: HTMLFactory<HTMLEmbedElement>;
-        fieldset: HTMLFactory<HTMLFieldSetElement>;
-        figcaption: HTMLFactory<HTMLElement>;
-        figure: HTMLFactory<HTMLElement>;
-        footer: HTMLFactory<HTMLElement>;
-        form: HTMLFactory<HTMLFormElement>;
-        h1: HTMLFactory<HTMLHeadingElement>;
-        h2: HTMLFactory<HTMLHeadingElement>;
-        h3: HTMLFactory<HTMLHeadingElement>;
-        h4: HTMLFactory<HTMLHeadingElement>;
-        h5: HTMLFactory<HTMLHeadingElement>;
-        h6: HTMLFactory<HTMLHeadingElement>;
-        head: HTMLFactory<HTMLHeadElement>;
-        header: HTMLFactory<HTMLElement>;
-        hgroup: HTMLFactory<HTMLElement>;
-        hr: HTMLFactory<HTMLHRElement>;
-        html: HTMLFactory<HTMLHtmlElement>;
-        i: HTMLFactory<HTMLElement>;
-        iframe: HTMLFactory<HTMLIFrameElement>;
-        img: HTMLFactory<HTMLImageElement>;
-        input: ChangeTargetHTMLFactory<HTMLInputElement>;
-        ins: HTMLFactory<HTMLModElement>;
-        kbd: HTMLFactory<HTMLElement>;
-        keygen: HTMLFactory<HTMLElement>;
-        label: HTMLFactory<HTMLLabelElement>;
-        legend: HTMLFactory<HTMLLegendElement>;
-        li: HTMLFactory<HTMLLIElement>;
-        link: HTMLFactory<HTMLLinkElement>;
-        main: HTMLFactory<HTMLElement>;
-        map: HTMLFactory<HTMLMapElement>;
-        mark: HTMLFactory<HTMLElement>;
-        menu: HTMLFactory<HTMLElement>;
-        menuitem: HTMLFactory<HTMLElement>;
-        meta: HTMLFactory<HTMLMetaElement>;
-        meter: HTMLFactory<HTMLElement>;
-        nav: HTMLFactory<HTMLElement>;
-        noscript: HTMLFactory<HTMLElement>;
-        object: HTMLFactory<HTMLObjectElement>;
-        ol: HTMLFactory<HTMLOListElement>;
-        optgroup: HTMLFactory<HTMLOptGroupElement>;
-        option: HTMLFactory<HTMLOptionElement>;
-        output: HTMLFactory<HTMLElement>;
-        p: HTMLFactory<HTMLParagraphElement>;
-        param: HTMLFactory<HTMLParamElement>;
-        picture: HTMLFactory<HTMLElement>;
-        pre: HTMLFactory<HTMLPreElement>;
-        progress: HTMLFactory<HTMLProgressElement>;
-        q: HTMLFactory<HTMLQuoteElement>;
-        rp: HTMLFactory<HTMLElement>;
-        rt: HTMLFactory<HTMLElement>;
-        ruby: HTMLFactory<HTMLElement>;
-        s: HTMLFactory<HTMLElement>;
-        samp: HTMLFactory<HTMLElement>;
-        script: HTMLFactory<HTMLElement>;
-        section: HTMLFactory<HTMLElement>;
-        select: ChangeTargetHTMLFactory<HTMLSelectElement>;
-        small: HTMLFactory<HTMLElement>;
-        source: HTMLFactory<HTMLSourceElement>;
-        span: HTMLFactory<HTMLSpanElement>;
-        strong: HTMLFactory<HTMLElement>;
-        style: HTMLFactory<HTMLStyleElement>;
-        sub: HTMLFactory<HTMLElement>;
-        summary: HTMLFactory<HTMLElement>;
-        sup: HTMLFactory<HTMLElement>;
-        table: HTMLFactory<HTMLTableElement>;
-        tbody: HTMLFactory<HTMLTableSectionElement>;
-        td: HTMLFactory<HTMLTableDataCellElement>;
-        textarea: ChangeTargetHTMLFactory<HTMLTextAreaElement>;
-        tfoot: HTMLFactory<HTMLTableSectionElement>;
-        th: HTMLFactory<HTMLTableHeaderCellElement>;
-        thead: HTMLFactory<HTMLTableSectionElement>;
-        time: HTMLFactory<HTMLElement>;
-        title: HTMLFactory<HTMLTitleElement>;
-        tr: HTMLFactory<HTMLTableRowElement>;
-        track: HTMLFactory<HTMLTrackElement>;
-        u: HTMLFactory<HTMLElement>;
-        ul: HTMLFactory<HTMLUListElement>;
-        "var": HTMLFactory<HTMLElement>;
-        video: HTMLFactory<HTMLVideoElement>;
-        wbr: HTMLFactory<HTMLElement>;
+        a: DetailedHTMLFactory<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+        abbr: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        address: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        area: DetailedHTMLFactory<AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>;
+        article: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        aside: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        audio: DetailedHTMLFactory<AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
+        b: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        base: DetailedHTMLFactory<BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>;
+        bdi: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        bdo: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        big: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        blockquote: DetailedHTMLFactory<BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>;
+        body: DetailedHTMLFactory<HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>;
+        br: DetailedHTMLFactory<HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
+        button: DetailedHTMLFactory<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+        canvas: DetailedHTMLFactory<CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>;
+        caption: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        cite: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        code: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        col: DetailedHTMLFactory<ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
+        colgroup: DetailedHTMLFactory<ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
+        data: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        datalist: DetailedHTMLFactory<HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>;
+        dd: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        del: DetailedHTMLFactory<DelHTMLAttributes<HTMLElement>, HTMLElement>;
+        details: DetailedHTMLFactory<DetailsHTMLAttributes<HTMLElement>, HTMLElement>;
+        dfn: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        dialog: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        div: DetailedHTMLFactory<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+        dl: DetailedHTMLFactory<HTMLAttributes<HTMLDListElement>, HTMLDListElement>;
+        dt: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        em: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        embed: DetailedHTMLFactory<EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>;
+        fieldset: DetailedHTMLFactory<FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>;
+        figcaption: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        figure: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        footer: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        form: DetailedHTMLFactory<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
+        h1: DetailedHTMLFactory<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+        h2: DetailedHTMLFactory<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+        h3: DetailedHTMLFactory<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+        h4: DetailedHTMLFactory<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+        h5: DetailedHTMLFactory<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+        h6: DetailedHTMLFactory<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+        head: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLHeadElement>;
+        header: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        hgroup: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        hr: DetailedHTMLFactory<HTMLAttributes<HTMLHRElement>, HTMLHRElement>;
+        html: DetailedHTMLFactory<HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>;
+        i: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        iframe: DetailedHTMLFactory<IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>;
+        img: DetailedHTMLFactory<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+        input: DetailedHTMLFactory<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+        ins: DetailedHTMLFactory<InsHTMLAttributes<HTMLModElement>, HTMLModElement>;
+        kbd: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        keygen: DetailedHTMLFactory<KeygenHTMLAttributes<HTMLElement>, HTMLElement>;
+        label: DetailedHTMLFactory<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+        legend: DetailedHTMLFactory<HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>;
+        li: DetailedHTMLFactory<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+        link: DetailedHTMLFactory<LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
+        main: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        map: DetailedHTMLFactory<MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>;
+        mark: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        menu: DetailedHTMLFactory<MenuHTMLAttributes<HTMLElement>, HTMLElement>;
+        menuitem: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        meta: DetailedHTMLFactory<MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
+        meter: DetailedHTMLFactory<MeterHTMLAttributes<HTMLElement>, HTMLElement>;
+        nav: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        noscript: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        object: DetailedHTMLFactory<ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>;
+        ol: DetailedHTMLFactory<OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>;
+        optgroup: DetailedHTMLFactory<OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>;
+        option: DetailedHTMLFactory<OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>;
+        output: DetailedHTMLFactory<OutputHTMLAttributes<HTMLElement>, HTMLElement>;
+        p: DetailedHTMLFactory<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
+        param: DetailedHTMLFactory<ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>;
+        picture: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        pre: DetailedHTMLFactory<HTMLAttributes<HTMLPreElement>, HTMLPreElement>;
+        progress: DetailedHTMLFactory<ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>;
+        q: DetailedHTMLFactory<QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
+        rp: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        rt: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        ruby: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        s: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        samp: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        script: DetailedHTMLFactory<ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>;
+        section: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        select: DetailedHTMLFactory<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+        small: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        source: DetailedHTMLFactory<SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>;
+        span: DetailedHTMLFactory<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+        strong: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        style: DetailedHTMLFactory<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
+        sub: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        summary: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        sup: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        table: DetailedHTMLFactory<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>;
+        tbody: DetailedHTMLFactory<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+        td: DetailedHTMLFactory<TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
+        textarea: DetailedHTMLFactory<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+        tfoot: DetailedHTMLFactory<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+        th: DetailedHTMLFactory<ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>;
+        thead: DetailedHTMLFactory<HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+        time: DetailedHTMLFactory<TimeHTMLAttributes<HTMLElement>, HTMLElement>;
+        title: DetailedHTMLFactory<HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>;
+        tr: DetailedHTMLFactory<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>;
+        track: DetailedHTMLFactory<TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>;
+        u: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        ul: DetailedHTMLFactory<HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
+        "var": DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
+        video: DetailedHTMLFactory<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
+        wbr: DetailedHTMLFactory<HTMLAttributes<HTMLElement>, HTMLElement>;
     }
 
     interface ReactSVG {
@@ -2986,120 +3370,120 @@ declare global {
 
         interface IntrinsicElements {
             // HTML
-            a: React.HTMLProps<HTMLAnchorElement>;
-            abbr: React.HTMLProps<HTMLElement>;
-            address: React.HTMLProps<HTMLElement>;
-            area: React.HTMLProps<HTMLAreaElement>;
-            article: React.HTMLProps<HTMLElement>;
-            aside: React.HTMLProps<HTMLElement>;
-            audio: React.HTMLProps<HTMLAudioElement>;
-            b: React.HTMLProps<HTMLElement>;
-            base: React.HTMLProps<HTMLBaseElement>;
-            bdi: React.HTMLProps<HTMLElement>;
-            bdo: React.HTMLProps<HTMLElement>;
-            big: React.HTMLProps<HTMLElement>;
-            blockquote: React.HTMLProps<HTMLElement>;
-            body: React.HTMLProps<HTMLBodyElement>;
-            br: React.HTMLProps<HTMLBRElement>;
-            button: React.HTMLProps<HTMLButtonElement>;
-            canvas: React.HTMLProps<HTMLCanvasElement>;
-            caption: React.HTMLProps<HTMLElement>;
-            cite: React.HTMLProps<HTMLElement>;
-            code: React.HTMLProps<HTMLElement>;
-            col: React.HTMLProps<HTMLTableColElement>;
-            colgroup: React.HTMLProps<HTMLTableColElement>;
-            data: React.HTMLProps<HTMLElement>;
-            datalist: React.HTMLProps<HTMLDataListElement>;
-            dd: React.HTMLProps<HTMLElement>;
-            del: React.HTMLProps<HTMLElement>;
-            details: React.HTMLProps<HTMLElement>;
-            dfn: React.HTMLProps<HTMLElement>;
-            dialog: React.HTMLProps<HTMLElement>;
-            div: React.HTMLProps<HTMLDivElement>;
-            dl: React.HTMLProps<HTMLDListElement>;
-            dt: React.HTMLProps<HTMLElement>;
-            em: React.HTMLProps<HTMLElement>;
-            embed: React.HTMLProps<HTMLEmbedElement>;
-            fieldset: React.HTMLProps<HTMLFieldSetElement>;
-            figcaption: React.HTMLProps<HTMLElement>;
-            figure: React.HTMLProps<HTMLElement>;
-            footer: React.HTMLProps<HTMLElement>;
-            form: React.HTMLProps<HTMLFormElement>;
-            h1: React.HTMLProps<HTMLHeadingElement>;
-            h2: React.HTMLProps<HTMLHeadingElement>;
-            h3: React.HTMLProps<HTMLHeadingElement>;
-            h4: React.HTMLProps<HTMLHeadingElement>;
-            h5: React.HTMLProps<HTMLHeadingElement>;
-            h6: React.HTMLProps<HTMLHeadingElement>;
-            head: React.HTMLProps<HTMLHeadElement>;
-            header: React.HTMLProps<HTMLElement>;
-            hgroup: React.HTMLProps<HTMLElement>;
-            hr: React.HTMLProps<HTMLHRElement>;
-            html: React.HTMLProps<HTMLHtmlElement>;
-            i: React.HTMLProps<HTMLElement>;
-            iframe: React.HTMLProps<HTMLIFrameElement>;
-            img: React.HTMLProps<HTMLImageElement>;
-            input: React.ChangeTargetHTMLProps<HTMLInputElement>;
-            ins: React.HTMLProps<HTMLModElement>;
-            kbd: React.HTMLProps<HTMLElement>;
-            keygen: React.HTMLProps<HTMLElement>;
-            label: React.HTMLProps<HTMLLabelElement>;
-            legend: React.HTMLProps<HTMLLegendElement>;
-            li: React.HTMLProps<HTMLLIElement>;
-            link: React.HTMLProps<HTMLLinkElement>;
-            main: React.HTMLProps<HTMLElement>;
-            map: React.HTMLProps<HTMLMapElement>;
-            mark: React.HTMLProps<HTMLElement>;
-            menu: React.HTMLProps<HTMLElement>;
-            menuitem: React.HTMLProps<HTMLElement>;
-            meta: React.HTMLProps<HTMLMetaElement>;
-            meter: React.HTMLProps<HTMLElement>;
-            nav: React.HTMLProps<HTMLElement>;
-            noindex: React.HTMLProps<HTMLElement>;
-            noscript: React.HTMLProps<HTMLElement>;
-            object: React.HTMLProps<HTMLObjectElement>;
-            ol: React.HTMLProps<HTMLOListElement>;
-            optgroup: React.HTMLProps<HTMLOptGroupElement>;
-            option: React.HTMLProps<HTMLOptionElement>;
-            output: React.HTMLProps<HTMLElement>;
-            p: React.HTMLProps<HTMLParagraphElement>;
-            param: React.HTMLProps<HTMLParamElement>;
-            picture: React.HTMLProps<HTMLElement>;
-            pre: React.HTMLProps<HTMLPreElement>;
-            progress: React.HTMLProps<HTMLProgressElement>;
-            q: React.HTMLProps<HTMLQuoteElement>;
-            rp: React.HTMLProps<HTMLElement>;
-            rt: React.HTMLProps<HTMLElement>;
-            ruby: React.HTMLProps<HTMLElement>;
-            s: React.HTMLProps<HTMLElement>;
-            samp: React.HTMLProps<HTMLElement>;
-            script: React.HTMLProps<HTMLElement>;
-            section: React.HTMLProps<HTMLElement>;
-            select: React.ChangeTargetHTMLProps<HTMLSelectElement>;
-            small: React.HTMLProps<HTMLElement>;
-            source: React.HTMLProps<HTMLSourceElement>;
-            span: React.HTMLProps<HTMLSpanElement>;
-            strong: React.HTMLProps<HTMLElement>;
-            style: React.HTMLProps<HTMLStyleElement>;
-            sub: React.HTMLProps<HTMLElement>;
-            summary: React.HTMLProps<HTMLElement>;
-            sup: React.HTMLProps<HTMLElement>;
-            table: React.HTMLProps<HTMLTableElement>;
-            tbody: React.HTMLProps<HTMLTableSectionElement>;
-            td: React.HTMLProps<HTMLTableDataCellElement>;
-            textarea: React.ChangeTargetHTMLProps<HTMLTextAreaElement>;
-            tfoot: React.HTMLProps<HTMLTableSectionElement>;
-            th: React.HTMLProps<HTMLTableHeaderCellElement>;
-            thead: React.HTMLProps<HTMLTableSectionElement>;
-            time: React.HTMLProps<HTMLElement>;
-            title: React.HTMLProps<HTMLTitleElement>;
-            tr: React.HTMLProps<HTMLTableRowElement>;
-            track: React.HTMLProps<HTMLTrackElement>;
-            u: React.HTMLProps<HTMLElement>;
-            ul: React.HTMLProps<HTMLUListElement>;
-            "var": React.HTMLProps<HTMLElement>;
-            video: React.HTMLProps<HTMLVideoElement>;
-            wbr: React.HTMLProps<HTMLElement>;
+            a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+            abbr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            address: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            area: React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>;
+            article: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            aside: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            audio: React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
+            b: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            base: React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>;
+            bdi: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            bdo: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            big: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            blockquote: React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>;
+            body: React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>;
+            br: React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>;
+            button: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+            canvas: React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>;
+            caption: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            cite: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            code: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            col: React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
+            colgroup: React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>;
+            data: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            datalist: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>;
+            dd: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            del: React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLElement>, HTMLElement>;
+            details: React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLElement>, HTMLElement>;
+            dfn: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            dialog: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+            dl: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>;
+            dt: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            em: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            embed: React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>;
+            fieldset: React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>;
+            figcaption: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            figure: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            footer: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            form: React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
+            h1: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+            h2: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+            h3: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+            h4: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+            h5: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+            h6: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+            head: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>;
+            header: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            hgroup: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            hr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>;
+            html: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>;
+            i: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            iframe: React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>;
+            img: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+            input: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+            ins: React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement>;
+            kbd: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            keygen: React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement>;
+            label: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+            legend: React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>;
+            li: React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+            link: React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
+            main: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            map: React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>;
+            mark: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            menu: React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>;
+            menuitem: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            meta: React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
+            meter: React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLElement>, HTMLElement>;
+            nav: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            noindex: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            noscript: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            object: React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>;
+            ol: React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>;
+            optgroup: React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>;
+            option: React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>;
+            output: React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLElement>, HTMLElement>;
+            p: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
+            param: React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>;
+            picture: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            pre: React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>;
+            progress: React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>;
+            q: React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>;
+            rp: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            rt: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            ruby: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            s: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            samp: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            script: React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>;
+            section: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            select: React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+            small: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            source: React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>;
+            span: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+            strong: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            style: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
+            sub: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            summary: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            sup: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            table: React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>;
+            tbody: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+            td: React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
+            textarea: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
+            tfoot: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+            th: React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>;
+            thead: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+            time: React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLElement>, HTMLElement>;
+            title: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>;
+            tr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>;
+            track: React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>;
+            u: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            ul: React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
+            "var": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            video: React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
+            wbr: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 
             // SVG
             svg: React.SVGProps<SVGSVGElement>;
diff --git a/types/reactstrap/lib/Input.d.ts b/types/reactstrap/lib/Input.d.ts
index 816add1137..c9d7a1329d 100644
--- a/types/reactstrap/lib/Input.d.ts
+++ b/types/reactstrap/lib/Input.d.ts
@@ -27,7 +27,7 @@ type InputType =
 
 // Intermediate interface to "redefine" the type of size to string
 // size:number => size:any => size:string
-interface Intermediate extends React.ChangeTargetHTMLProps<HTMLInputElement> {
+interface Intermediate extends React.InputHTMLAttributes<HTMLInputElement> {
   size?: any;
 }
 
diff --git a/types/reactstrap/lib/Label.d.ts b/types/reactstrap/lib/Label.d.ts
index 04cf76e3a0..383378dc4e 100644
--- a/types/reactstrap/lib/Label.d.ts
+++ b/types/reactstrap/lib/Label.d.ts
@@ -1,6 +1,6 @@
 import { ColumnProps } from './Col';
 
-interface Intermediate extends React.ChangeTargetHTMLProps<HTMLLabelElement> {
+interface Intermediate extends React.LabelHTMLAttributes<HTMLLabelElement> {
   size?: any;
 }
 

From de518ab03003212500979f73833fb3ddaa128445 Mon Sep 17 00:00:00 2001
From: Kohki Makimoto <kohki.makimoto@gmail.com>
Date: Tue, 11 Jul 2017 13:55:01 +0900
Subject: [PATCH 273/274] [react-native] Add type `renderSectionFooter` for
 SectionList

---
 types/react-native/index.d.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index dfdfde82c6..5dedae5911 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -3715,6 +3715,11 @@ export interface SectionListProperties<ItemT> extends ScrollViewProperties {
      */
     renderSectionHeader?: (info: {section: SectionListData<ItemT>}) => React.ReactElement<any> | null
 
+    /**
+     * Rendered at the bottom of each section.
+     */
+    renderSectionFooter?: (info: {section: SectionListData<ItemT>}) => React.ReactElement<any> | null
+
     /**
      * An array of objects with data for each section.
      */

From 8b6a36dbcf263965eff4828a5ed9cf10029e8268 Mon Sep 17 00:00:00 2001
From: Kyle Roach <kroach.work@gmail.com>
Date: Mon, 10 Jul 2017 09:47:19 -0400
Subject: [PATCH 274/274] [rn] Adds ImageBackground

---
 types/react-native/index.d.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index 13d32d8321..fdc1bcc183 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for react-native 0.44
+// Type definitions for react-native 0.46
 // Project: https://github.com/facebook/react-native
 // Definitions by: Eloy Durán <https://github.com/alloy>
 //                 Fedor Nezhivoi <https://github.com/gyzerok>
@@ -8588,6 +8588,9 @@ export type DrawerLayoutAndroid = DrawerLayoutAndroidStatic
 export var Image: ImageStatic
 export type Image = ImageStatic
 
+export var ImageBackground: ImageStatic
+export type ImageBackground = ImageStatic
+
 export var ImagePickerIOS: ImagePickerIOSStatic
 export type ImagePickerIOS = ImagePickerIOSStatic